https://bzgk.de/wp-content/plugins/hsf019-gutenberg-blocks/dist/hs…EventsOverviewBlock_5200c0b061096bd16b16.js

1"use strict";(globalThis.webpackChunkhsf=globalThis.webpackChunkhsf||[]).push([[5064],{58855:(e,t,n)=>{n.d(t,{Z:()=>s});var l=n(99196),a=n.n(l);const s=(e,t,n={})=>"string"==typeof e?a().createElement(t,{...n,dangerouslySetInnerHTML:{__html:e}}):e},4138:(e,t,n)=>{n.r(t),n.d(t,{default:()=>q});var l=n(99196),a=n(45697),s=n.n(a),r=n(65736),i=n(33949),o=n(90252);const c=e=>(0,l.createElement)("div",{className:"dhsv-button-wrapper aligncenter ",style:{"--default-bg-color":"","--button-align":"left","--button-grow":"0","--button-content-align":"center","--button-padding":"var(--size-sm) 0"}},(0,l.createElement)("button",{...e,className:"dhsv-button","data-track-id":"home-cta-header-all-fs","data-type":"secondary","data-icon":""},(0,l.createElement)("div",{className:"button-text"},(0,l.createElement)("span",{className:"text"},"Mehr laden"),(0,l.createElement)("div",{className:"dhsv-svg inline ","data-type":"ion","data-icon":"android-arrow-down"},(0,o.Z)("ion.android-arrow-down")))));c.propTypes={loadMore:s().func,loadingMore:s().bool,loading:s().bool};const m=c;var d=n(10175),u=n(40567),h=n(96723),p=n(69051);const v=(0,d.c)(0),f=(0,d.c)(0);async function b(...e){const t=await fetch(...e);return f.set(t.headers.get("x-wp-totalpages")),v.set(t.headers.get("x-wp-total")),t.json()}const g={sf_veranstaltungsart:null,sf_standort:null,sf_studiengang:null,sf_themenschwerpunkt:null,period:null,months:null},E=(0,u.U)(g);

1var _=n(66109),y=n(58855);const w=e=>{const{events:t,isLoading:n,isLoadingMore:a,canFetchMore:s,fetchMore:i,isEmpty:o}=function(){const e=Number((0,h.o)(v)),t=Number((0,h.o)(f)),n=(0,h.o)(E),l=Object.fromEntries(Object.entries(n).filter((([e,t])=>null!==t&&e in g))),{data:a,isLoading:s,error:r,size:i,setSize:o}=(0,p.ZP)(((e,t)=>0===t?.length?null:`/wp-json/wp/v2/events_import/?${new URLSearchParams({...l,page:e+1,per_page:5}).toString()}`),b,{revalidateAll:!1,revalidateFirstPage:!1}),c=a?.[0],m=a?[].concat(...a).length:0,d=0===c?.length,u=s||i>0&&a&&void 0===a[i-1],_=i<t;return{events:null!=a?a:[],currentCount:m,totalCount:e,isLoading:s,page:i,setPage:o,totalPages:t,isError:r,isEmpty:d,isLoadingMore:u,canFetchMore:_,fetchMore:()=>{_&&!u&&o(i+1)}}}();return n?(0,l.createElement)("div",{className:"alignwide",style:{height:"200px",display:"grid",placeItems:"center"}},(0,l.createElement)("p",null,(0,r.__)("Lade Events…","hsf019-gutenberg-blocks"))):(0,l.createElement)("div",{className:"event-listing"},o?(0,l.createElement)("p",null,"Es konnten keine Events gefunden werden."):null,t.flat().map((t=>(0,l.createElement)(N,{key:t.id,event:{...t,...e}}))),(0,l.createElement)(m,{onClick:i,disabled:a||!s}))},N=({event:e})=>{const t={url:e?.thumbnail_url,srcset:e?.thumbnail_srcset,alt:e?.thumbnail_alt||e?.title?.rendered},n=e.acf.sf_ort;return(0,l.createElement)(k,{event:e,image:t,location:n})},k=({event:e,image:t,location:n})=>{(0,_.tQ)("uos"),(0,_.tQ)("uos"),(0,_.tQ)("uos");const a=!!t.url,s="Online"===n,r=["event-item","event-item--old",a?"with-image":""].filter(Boolean).join(" ");return(0,l.createElement)("a",{className:r,href:e.link},a&&(0,l.createElement)("div",{className:"image"},(0,l.createElement)("img",{src:t.url,srcSet:t?.srcset,alt:t?.alt||t?.title})),(0,l.createElement)("div",{className:"title"},(0,l.createElement)("span",{className:"badge"},e.acf.sf_veranstaltungsart),(0,l.createElement)("p",{className:"h5",dangerouslySetInnerHTML:{__html:e?.title?.rendered}})),(0,l.createElement)("div",{className:"meta"},(0,l.createElement)("div",{className:"meta-item date"},(0,l.createElement)("div",{className:"icon"},(0,o.Z)("oncampus.clock")),(0,l.createElement)("div",null,(0,l.createElement)("p",{className:"day"},(0,i.VB)(e.acf.sf_start,e.acf.sf_ende)),(0,l.createElement)("p",{className:"time"},(0,i.Fy)(e.acf.sf_start,e.acf.sf_ende)))),(0,l.createElement)("div",{className:"meta-item location"},(0,l.createElement)("div",{className:"icon"},s?(0,o.Z)("oncampus.livestream"):(0,o.Z)("oncampus.map-pin")),(0,l.createElement)("div",null,(0,y.Z)(n,"p",{className:"location"})))),(0,l.createElement)("div",{className:"arrow"},(0,o.Z)("hsf.arrow-right")))};w.propTypes={props:s().object},N.propTypes={event:s().object.isRequired},k.propTypes={event:s().object.isRequired};const j=w,F=(0,d.c)({}),C=(e,t={},n=!1,a={},s=!1,r=!1)=>{const i=(0,h.o)(F),o=e=>F.set(e),c=(t={})=>{const n=e.get();e.set({...n,...t,page:1})};return(0,l.useEffect)((()=>{const n={...t,...a};F.set(n),((t={})=>{const n=e.get();!r&&s&&(t=((e={})=>{const t={},n=new URLSearchParams(window.location.search),l=["months"];return n.forEach(((e,n)=>{t[l.includes(n)?n:"sf_"+n]=e.includes(";")?e.split(";"):e})),{...e,...t}})(t),o(t)),e.set({...n,...t})})(n)}),[]),{form:i,setForm:o,handleFilterChange:e=>{const{name:t,value:l}=e.target,a={...i,[t]:l};o(a),s&&((e,t=!1)=>{const n=Object.entries(e).filter((([,e])=>(t?Array.isArray(e):!Array.isArray(e))&&e)).reduce(((e,[t,n])=>(e[t.replace("sf_","")]=Array.isArray(n)?n.join(";"):n,e)),{}),l=new URLSearchParams(n).toString();window.history.replaceState(null,null,"?"+l)})(a),n&&c(a)},handleFilterSubmit:e=>{e?.preventDefault(),c(i)},resetFilters:()=>{o(t)}}};var S=n(91850),O=n.n(S);const M=({placeholder:e,label:t,onChange:n,value:a,options:s,name:r,initCollapsed:i=!1})=>{const[o,c]=(0,l.useState)(i);(0,l.useEffect)((()=>{a||c(!1)}),[a]);const m=s.find((e=>e.value===a))?.label||"";return(0,l.createElement)("div",{className:"dhsv-mobile-filter-item"+(o?" collapsed":"")},(0,l.createElement)("button",{onClick:()=>c(!o),type:"button",className:"title"},a?(0,l.createElement)(l.Fragment,null,(0,l.createElement)("span",null,t),(0,l.createElement)("span",null,m)):e||t),(0,l.createElement)("div",{className:"item-body"},(0,l.createElement)("div",{className:"item-body--inner"},(0,l.createElement)("ul",null,s.map((({value:e,label:t},s)=>(0,l.createElement)("li",{key:s},(0,l.createElement)("button",{type:"button",onClick:()=>{n(a===e?{target:{name:r,value:""}}:{target:{name:r,value:e}}),c(!0)},className:a===e?"active":""},t))))))))};M.propTypes={placeholder:s().string,label:s().string,onChange:s().func,value:s().string,options:s().array,name:s().string,initCollapsed:s().bool};const Z=({queryStore:e,options:t={},placeholders:n,headline:a=(0,r.__)("Filter einstellen","dhsv-theme"),headlineWithValue:s=(0,r.__)("Filter eingestellt","dhsv-theme"),labels:i,initOptions:c})=>{const{handleFilterSubmit:m,handleFilterChange:d,resetFilters:u,form:p}=C(e,c),[v,f]=(0,l.useState)(!1),b=(0,h.o)(e),g=Object.entries(p).filter((([e,t])=>""!==t&&null!==t&&e?.includes("sf_"))).length,E=g>0;return(0,l.createElement)(l.Fragment,null,(0,l.createElement)("button",{onClick:()=>f(!0),className:"dhsv-mobile-filter"},(0,l.createElement)("div",{className:"values"},0===Object.entries(n).length?(0,l.createElement)("p",null,E?`${g} ${s}`:a):Object.entries(n).map((([e,t],n)=>(0,l.createElement)("p",{key:n,className:b[e]?"":" placeholder"},b[e]||t)))),(0,l.createElement)("span",{className:"svg-icon search"},(0,o.Z)("ion.ios-search-strong"))),O().createPortal((0,l.createElement)("div",{className:"dhsv-mobile-filter-overlay"+(v?" open":"")},(0,l.createElement)("form",{onSubmit:e=>{m(e),f(!1)},className:"inner"},(0,l.createElement)("div",{className:"filter-head"},(0,l.createElement)("button",{onClick:()=>f(!1),type:"button",title:(0,r.__)("Filter schließen","dhsv-theme")},(0,o.Z)("ion.android-close")),(0,l.createElement)("p",null,(0,r.__)("Filter einstellen","dhsv-theme"))),(0,l.createElement)("div",{className:"filter-body"},Object.entries(t).map((([e,t],a)=>(0,l.createElement)(M,{key:a,label:i[e]||e,placeholder:n[e],options:t,name:e,value:p[e]||"",onChange:d})))),(0,l.createElement)("div",{className:"filter-footer"},(0,l.createElement)("button",{type:"button",onClick:u},(0,r.__)("Alle zurücksetzen","dhsv-theme")),(0,l.createElement)("button",{type:"submit"},(0,r.__)("Finden","dhsv-theme"))))),document.body))};Z.propTypes={options:s().object,placeholders:s().object,labels:s().object,initOptions:s().object,headline:s().string,headlineWithValue:s().string,queryStore:s().object};const T=Z,A=(0,d.c)(""),$=({label:e,placeholder:t,onChange:n,value:a,options:s,name:r,handleClick:i=(()=>{})})=>{const c=(0,h.o)(A),m=(0,l.useRef)(null);if("months"===r){const e=["Januar","Februar","März","April","Mai","Juni","Juli","August","September","Oktober","November","Dezember"],t=new Date,n=t.getMonth(),l=t.getFullYear();s=s.filter((({value:t})=>{const[a,s]=t.split(" "),r=e.indexOf(a);return s>l||s>=l&&r>=n})),s.sort(((t,n)=>{const[l,a]=t.value.split(" "),[s,r]=n.value.split(" ");return a!==r?a-r:e.indexOf(l)-e.indexOf(s)}))}const d=s.find((e=>e.value===a))?.label||"";return(0,l.createElement)("div",{role:"button",ref:m,className:"dhsv-filter-item","data-active":c===r,onClick:i,tabIndex:0},(0,l.createElement)("div",null,(0,l.createElement)("p",{className:"label"},e),a?(0,l.createElement)("p",{className:"value"},d):t?(0,l.createElement)("p",{className:"value placeholder"},t):null),(0,l.createElement)("div",{className:"svg-icon arrow"},(0,o.Z)("ion.chevron-down")),(0,l.createElement)("div",{className:"options"},(0,l.createElement)("ul",null,s.map((({value:e,label:t},s)=>(0,l.createElement)("li",{key:s},(0,l.createElement)("button",{type:"button",onClick:()=>{n(a===e?{target:{name:r,value:""}}:{target:{name:r,value:e}})},className:a===e?"active":""},t)))))))};$.propTypes={label:s().string,placeholder:s().string,onChange:s().func,value:s().string,options:s().array,name:s().string,handleClick:s().func};const x=$;var L=n(20856);const D=({options:e={},preselectedFilters:t={},queryStore:n,initValue:a,buttonText:s=(0,r.__)("Dein Fernstudium finden","dhsv-theme"),labels:i,placeholders:c,instantFiltering:m=!1,useFilterUrl:d=!1,isEditor:u=!1})=>{const{handleFilterSubmit:p,handleFilterChange:v,form:f}=C(n,a,m,t,d,u),b=(0,h.o)(A),g=(0,L.O)((()=>{A.get()&&A.set("")}));return(0,l.createElement)(l.Fragment,null,(0,l.createElement)(T,{queryStore:n,options:e,placeholders:c,labels:i,initOptions:a}),(0,l.createElement)("form",{onSubmit:p,className:"dhsv-filter"},(0,l.createElement)("div",{className:"filter-items",ref:g},Object.entries(e).map((([e,t],n)=>(0,l.createElement)(x,{key:n,label:i[e]||e,placeholder:c[e]||"",options:t,name:e,value:f[e]||"",onChange:v,handleClick:()=>function(e){b===e?A.set(""):A.set(e)}(e),handleClickOutside:()=>A.set(""),parentItem:g.current})))),!m&&(0,l.createElement)("button",{type:"submit",className:"submit"},s,(0,l.createElement)("span",{className:"svg-icon search"},(0,o.Z)("ion.ios-search-strong")))))};D.propTypes={options:s().object,queryStore:s().object,initValue:s().object,buttonText:s().string,labels:s().object,placeholders:s().object,instantFiltering:s().bool,preselectedFilters:s().object,useFilterUrl:s().bool};const H=D;function P({subjects:e=[]}){const t=(0,h.o)(E);function n(e,n){n!==t[e]?E.setKey(e,n):E.setKey(e,null)}return(0,l.createElement)("div",{className:"dhsv-events-filter_simple"},(0,l.createElement)("span",{className:"dhsv-events-filter_simple--eyebrow mobile-only"},"Nach Themen filtern"),(0,l.createElement)("div",null,(0,l.createElement)("span",{className:"dhsv-events-filter_simple--eyebrow desktop-only"},"Nach Themen filtern"),(0,l.createElement)("div",{className:"dhsv-events-filter_simple--pills"},e.map((e=>(0,l.createElement)(R,{handleClick:()=>n("sf_themenschwerpunkt",e.value),label:e.label,isActive:t.sf_themenschwerpunkt===e.value,key:e.value}))))),(0,l.createElement)("span",{className:"dhsv-events-filter_simple--eyebrow mobile-only"},"Nach Zeitraum filtern"),(0,l.createElement)("div",null,(0,l.createElement)("span",{className:"dhsv-events-filter_simple--eyebrow desktop-only"},"Nach Zeitraum filtern"),(0,l.createElement)("div",{className:"dhsv-events-filter_simple--pills"},(0,l.createElement)(R,{handleClick:()=>

1n("period","soon"),label:"Demnächst",isActive:"soon"===t.period}),(0,l.createElement)(R,{handleClick:()=>n("period","next-months"),label:"Nächste 3 Monate",isActive:"next-months"===t.period}))))}function R({isActive:e=!1,label:t,handleClick:n}){return(0,l.createElement)("button",{className:"dhsv-events-filter_simple--pill","data-active":e,onClick:n},t)}const U=e=>{const{isEditor:t=!1}=e,n=Object.keys(e?.filterOptions||{}).filter((t=>!e.hiddenFilters.includes(t))).reduce(((t,n)=>(t[n]=e.filterOptions[n],t)),{}),a=Object.keys(n).length>0;return(0,l.createElement)("div",{className:`dhsv-events-overview-block align${e.align}`},e.subjectAndPeriodFiltersOnly?(0,l.createElement)(P,{subjects:e.filterOptions?.sf_themenschwerpunkt}):a?(0,l.createElement)(H,{options:n,queryStore:E,initValue:g,buttonText:"",labels:i.p8,placeholders:{},instantFiltering:!0,useFilterUrl:e.useFilterUrl,isEditor:t}):null,(0,l.createElement)(j,{...e}))};U.propTypes={align:s().oneOf(["","full","none","wide","left","center","right"]),l10n:s().object,filterOptions:s().object,subjectAndPeriodFiltersOnly:s().bool};const q=U},33949:(e,t,n)=>{n.d(t,{Fy:()=>o,VB:()=>c,p8:()=>d});var l=n(49599),a=n(42799),s=n(49546),r=n(31186),i=n(65736);const o=(e,t)=>e||t?e&&!t?m(new Date(e),"HH:mm"):!e&&t?m(new Date(t),"HH:mm"):`${m(new Date(e),"HH:mm")} - ${m(new Date(t),"HH:mm")}`:null,c=(e,t)=>{const n=new Date(e),s=new Date(t);return(0,l.Z)(n)?!(0,l.Z)(s)||(0,a.Z)(n,s)?m(n,"eee dd.MM"):`${m(n,"dd.MM")} - ${m(s,"dd.MM")}`:null},m=(e,t,n={})=>(0,s.Z)(new Date(e),t,{locale:r.Z,...n}),d=((0,i.__)("Kategorie wählen","dhsv-theme"),(0,i.__)("Standort wählen","dhsv-theme"),(0,i.__)("Studiengang wählen","dhsv-theme"),(0,i.__)("Themenschwerpunkt wählen","dhsv-theme"),(0,i.__)("Zeitraum wählen","dhsv-theme"),{sf_veranstaltungsart:(0,i.__)("Kategorie","dhsv-theme"),sf_standort:(0,i.__)("Standort","dhsv-theme"),sf_studiengang:(0,i.__)("Studiengang","dhsv-theme"),sf_themenschwerpunkt:(0,i.__)("Themenschwerpunkt","dhsv-theme"),months:(0,i.__)("Zeitraum","dhsv-theme")})},20856:(e,t,n)=>{n.d(t,{O:()=>s});var l=n(99196),a=n.n(l);const s=e=>{const t=a().useRef();return a().useEffect((()=>{const n=n=>{t.current&&!t.current.contains(n.target)&&e()};return document.addEventListener("click",n,!0),()=>{document.removeEventListener("click",n,!0)}}),[t]),t}},90252:(e,t,n)=>{n.d(t,{U:()=>s,Z:()=>r});var l=n(99196);if(346==n.j)var a=n(59980);const s=(e="")=>{const[t,s]=(0,l.useState)();return(0,l.useEffect)((()=>{t||fetch(`${n.p}iconRegistry.json`).then((e=>e.json())).then((e=>{s("object"==typeof e?Object.entries(e).map((([e,t])=>t.map((t=>`${e}.${(0,a.o)(t)}`)))).flat():e)}))}),[t,e]),console.log("path: ",`${n.p}iconRegistry.json`,t),e&&t?t.filter((t=>t.startsWith(e))):t},r=e=>{if(!e)return null;const t=e.split(".").join("/"),a=(0,l.lazy)((()=>{const a=(e=>!(!window.hsf_icon_store||!window.hsf_icon_store[e])&&window.hsf_icon_store[e])(e);if(a)return a;let s=null;const r=`${n.p}assets/icons/${t}.svg`;return s=fetch(r).then((n=>{if(n.ok)return n.text();throw new Error(`Error loading icon ${e} from ${t}.svg!`)})).then((t=>({default:()=>(0,l.createElement)("div",{dangerouslySetInnerHTML:{__html:t},"data-svg":e,style:{display:"contents"}})}))).catch((e=>(console.error(e),{default:()=>null}))),((e,t)=>{window.hsf_icon_store=window.hsf_icon_store||{},window.hsf_icon_store[e]=t})(e,s),s}));return(0,l.createElement)(l.Suspense,{fallback:null},(0,l.createElement)(a,null))}}}]);
2//# sourceMappingURL=EventsOverviewBlock_5200c0b061096bd16b16.js.map