https://www.herbert.de/wp-content/themes/360vier-theme/dist/CaseGrid_7eae77e89a946e9ebd75.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[1939,5207,7472],{4001:(e,t,s)=>{s.d(t,{C:()=>n,g:()=>r});var a=s(1609),l=s.n(a),c=s(2703);const n=(e,t,s={})=>"string"==typeof e?l().createElement(t,{...s,dangerouslySetInnerHTML:{__html:e}}):e,r=(...e)=>{const t=(0,a.useRef)();return(0,a.useEffect)((()=>{t.current&&c.A.update(t.current)})),{InnerBlocks:n(...e),ref:t}}},5784:(e,t,s)=>{s.d(t,{A:()=>o});var a=s(1609),l=s(9067),c=s.n(l),n=s(4001),r=s(2603);const i=({title:e,classes:t="",type:s="primary",color:l="default",btnColor:c,link:i={},disabled:o,onClick:d=()=>{},isEditor:m=!1,withArrow:u=!1})=>{const g={"--button-color":"dark"===c?"var(--primary-blue)":"var(--primary-red)","--color-text":"default"===l?"inherit":"dark"===l?"var(--primary-blue)":"var(--white)"},p=document.location.origin+"/wp-content/themes/360vier-theme/resources/assets/images/arrow-btn.svg";return(0,a.createElement)("a",{style:g,className:["dhsv-button",t,o?"disabled":"",s,"color-"+l,"secondary"===s?" h5":""].filter(Boolean).join(" "),disabled:o,...i.url&&!m?{href:i.url,target:i.linkTarget?i.linkTarget:"_self",rel:i.rel?i.rel:"noreferrer"}:{onClick:d}},(0,n.C)(e,"span",{className:"text"}),u&&"primary"!==s?(0,a.createElement)(r.A,{src:p,className:"arrow-icon"}):null)};i.propTypes={isMobile:c().bool,withArrow:c().bool,title:c().any,type:c().string,link:c().object,color:c().string,btnColor:c().string,disabled:c().bool,classes:c().string,onClick:c().func,isEditor:c().bool};const o=i},9359:(e,t,s)=>{s.r(t),s.d(t,{default:()=>a});const a=s(5784).A},2167:(e,t,s)=>{s.r(t),s.d(t,{default:()=>h});var a=s(1609),l=s(9067),c=s.n(l),n=s(3588),r=s(4487),i=s(2603),o=s(9359),d=s(8889),m=s(481);const u=({align:e,className:t})=>{const s=document.location.origin,l="mobile"===(0,m.Qs)(),c=s+"/wp-content/themes/360vier-theme/resources/assets/images/arrow.svg",n=s+"/wp-content/themes/360vier-theme/resources/assets/images/filter.svg",r=s+"/wp-content/themes/360vier-theme/resources/assets/images/close.svg",[u,h]=(0,a.useState)([]),[f,E]=(0,a.useState)(!0),[v,b]=(0,a.useState)(1),[w,y]=(0,a.useState)(1),[k,C]=(0,a.useState)([]),[_,N]=(0,a.useState)([]),[S,L]=(0,a.useState)([]),[A,T]=(0,a.useState)([]),[x,j]=(0,a.useState)([]),[V,$]=(0,a.useState)([]),[z,W]=(0,a.useState)([]),[M,F]=(0,a.useState)([]),[I,B]=(0,a.useState)(!1),[P,R]=(0,a.useState)(!1),[D,H]=(0,a.useState)(!1),[O,Q]=(0,a.useState)(!1),[q,G]=(0,a.useState)(0),[X,J]=(0,a.useState)(!1),[K,U]=(0,a.useState)(!1),Y=(0,a.useRef)(null),[Z,ee]=(0,a.useState)(!1),te=()=>{J(!0),setTimeout((()=>{U(!0)}),10)},se=()=>{U(!1),setTimeout((()=>{J(!1)}),300)};(0,a.useEffect)((()=>{fetch("/wp-json/wp/v2/cases-client").then((e=>e.json())).then((e=>{e&&C(e)})).catch((e=>console.error(e))),fetch("/wp-json/wp/v2/cases-trades").then((e=>e.json())).then((e=>{e&&N(e)})).catch((e=>console.error(e))),fetch("/wp-json/wp/v2/cases-locations").then((e=>e.json())).then((e=>{e&&L(e)})).catch((e=>console.error(e)))}),[]),(0,a.useEffect)((()=>{E(!0),fetch(`/wp-json/wp/v2/cases?per_page=8&page=${v}`).then((e=>(y(parseInt(e.headers.get("X-WP-TotalPages"))),e.json()))).then((e=>{e&&(h((t=>{const s=[...t,...e.map((e=>({title:e?.title.rendered,image:e?.featured_media,link:e?.link,tags:e?.["cases-client"],categories:e?.["cases-trades"],locations:e?.["cases-locations"]})))];return G(s.length),s})),E(!1))})).catch((e=>{console.error(e),E(!1)}))}),[v]),(0,a.useEffect)((()=>{if(!K){const e=setTimeout((()=>{U(!1)}),300);return()=>clearTimeout(e)}}),[K]);const ae=u.filter((e=>{const t=0===A.length||e.tags?.some((e=>A.includes(e))),s=0===x.length||e.categories?.some((e=>x.includes(e))),a=0===V.length||e.locations?.some((e=>V.includes(e)));return t&&s&&a})),le=v<w&&ae.length>=q;return(0,a.useEffect)((()=>{const e=()=>{if(Y.current){const e=Y.current.getBoundingClientRect(),t=window.innerHeight,s=550;e.top<.5*t-s&&e.bottom>=0?ee(!0):ee(!1)}};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[]),(0,a.createElement)("div",{className:["case-grid",`align${e}`,t].filter((e=>e)).join(" "),ref:Y},l&&Z&&(0,a.createElement)("div",{className:"filter__wrapper"},(0,a.createElement)(i.A,{src:n,className:"filter-btn",onClick:te})),(0,a.createElement)("div",{className:"modal-overlay "+(K?"open":""),onClick:se},(0,a.createElement)("div",{className:"modal-content "+(K?"open":""),onClick:e=>e.stopPropagation()},(0,a.createElement)("button",{className:"modal-close-btn",onClick:se},(0,a.createElement)(i.A,{src:n,className:"filter-btn",onClick:te}),(0,a.createElement)(i.A,{src:r,className:"close-icon"})),(0,a.createElement)(d.default,{tags:k,categories:_,locations:S,selectedTags:A,setSelectedTags:T,selectedCategories:x,setSelectedCategories:j,selectedLocations:V,setSelectedLocations:$,tempSelectedCategories:z,

1setTempSelectedCategories:W,tempSelectedLocations:M,setTempSelectedLocations:F,categoriesVisible:I,setCategoriesVisible:B,locationsVisible:P,setLocationsVisible:R,allCheckedCategory:D,setAllCheckedCategory:H,allCheckedLocations:O,setAllCheckedLocations:Q}))),(0,a.createElement)("div",{className:"case-grid__wrapper"},f&&(0,a.createElement)("p",{className:"case-grid__loading"},"Loading..."),u.length>0&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(d.default,{tags:k,categories:_,locations:S,selectedTags:A,setSelectedTags:T,selectedCategories:x,setSelectedCategories:j,selectedLocations:V,setSelectedLocations:$,tempSelectedCategories:z,setTempSelectedCategories:W,tempSelectedLocations:M,setTempSelectedLocations:F,categoriesVisible:I,setCategoriesVisible:B,locationsVisible:P,setLocationsVisible:R,allCheckedCategory:D,setAllCheckedCategory:H,allCheckedLocations:O,setAllCheckedLocations:Q}),ae.map(((e,t)=>(0,a.createElement)("div",{className:"case-teaser",key:t},(0,a.createElement)("div",{className:"case-teaser__image"},(0,a.createElement)(g,{id:e.image})),e.locations.length>0&&(0,a.createElement)("ul",{className:"case-teaser__terms"},e.locations.map(((e,t)=>(0,a.createElement)("li",{key:t},(0,a.createElement)(p,{id:e}))))),(0,a.createElement)("div",{className:"case-teaser__title"},(0,a.createElement)("a",{href:e.link},(0,a.createElement)("span",{dangerouslySetInnerHTML:{__html:e.title},className:"case-teaser__text"}),(0,a.createElement)(i.A,{src:c,className:"case-teaser__arrow"})))))),le&&(0,a.createElement)("div",{className:"case-grid__load"},(0,a.createElement)(o.default,{title:"Mehr laden",type:"primary",onClick:()=>{v<w&&b((e=>e+1))}})))))};u.propTypes={align:n.c,className:c().string,isEditor:c().bool};const g=({id:e,image_class:t})=>{const[s,l]=(0,a.useState)({});return(0,a.useEffect)((()=>{fetch(`/wp-json/wp/v2/media/${e}`).then((e=>e.json())).then((e=>{l(e)}))}),[e]),s.image_class=t,!!s.source_url&&(0,a.createElement)(r.A,{...s})};g.propTypes={id:c().number,image_class:c().string};const p=({id:e})=>{const[t,s]=(0,a.useState)({});return(0,a.useEffect)((()=>{fetch(`/wp-json/wp/v2/cases-locations/${e}`).then((e=>e.json())).then((e=>{s(e)}))}),[e]),t.name?t.name:""};p.propTypes={id:c().number};const h=u},8889:(e,t,s)=>{s.r(t),s.d(t,{default:()=>o});var a=s(1609),l=s(9067),c=s.n(l),n=s(481),r=s(2603);const i=({tags:e,categories:t,locations:s,selectedTags:l,setSelectedTags:c,selectedCategories:i,setSelectedCategories:o,selectedLocations:d,setSelectedLocations:m,tempSelectedCategories:u,setTempSelectedCategories:g,tempSelectedLocations:p,setTempSelectedLocations:h,categoriesVisible:f,setCategoriesVisible:E,locationsVisible:v,setLocationsVisible:b,allCheckedCategory:w,setAllCheckedCategory:y,allCheckedLocations:k,setAllCheckedLocations:C})=>{const _="mobile"===(0,n.Qs)(),N=document.location.origin,S=N+"/wp-content/themes/360vier-theme/resources/assets/images/close.svg",L=N+"/wp-content/themes/360vier-theme/resources/assets/images/reset.svg",A=()=>{o(u),m(p),E(!1),b(!1)},T=(e,t,s)=>{e([]),t([]),s(!1)},x=()=>{T(o,g,E),y(!1)},j=()=>{T(m,h,b),C(!1)};return(0,a.createElement)("div",{className:"case-grid__filter"},e.length>0&&(0,a.createElement)("ul",{className:"tags-filter"},e.map(((e,t)=>(0,a.createElement)("li",{key:t},(0,a.createElement)("input",{type:"checkbox",id:`tag-${e.id}`,value:e.id,name:"tags",checked:l.includes(e.id),onChange:()=>{return t=e.id,void c((e=>e.includes(t)?e.filter((e=>e!==t)):[...e,t]));var t}}),(0,a.createElement)("label",{htmlFor:`tag-${e.id}`},e.name,(0,a.createElement)(r.A,{src:S,className:"close-icon"})))))),(t.length>0||s.length>0)&&(0,a.createElement)("div",{className:"filter-selects"},(0,a.createElement)("div",{className:"filter-selects__wrapper"},(0,a.createElement)("div",{className:"categories-filter "+(f?"open":"")},(0,a.createElement)("div",{className:"categories-label",onClick:()=>E(!f)},(0,a.createElement)("div",null,"Gewerk"," ",i.length>0&&(0,a.createElement)("span",null,"(",i.length,")")),(0,a.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"10",viewBox:"0 0 16 10",fill:"none"},(0,a.createElement)("path",{d:"M1 1.5L8 8.5L15 1.5",stroke:"black",strokeWidth:"2"}))),(0,a.createElement)("div",{className:"categories-list",name:"",id:"categoriesList"},(0,a.createElement)("ul",null,(0,a.createElement)("li",null,(0,a.createElement)("input",{type:"checkbox",name:"categories",id:"categoriesAll",checked:w,className:"categoriesAll",onCh

1ange:()=>{y((e=>!e)),g((()=>w?[]:t.map((e=>e.id))))}}),(0,a.createElement)("label",{htmlFor:"categoriesAll"},"Alle anzeigen (",t.length,")")),t.map(((e,s)=>(0,a.createElement)("li",{key:s},(0,a.createElement)("input",{type:"checkbox",id:`category-${e.id}`,value:e.id,name:"categories",onChange:()=>{return s=e.id,void g((e=>{const a=e.includes(s)?e.filter((e=>e!==s)):[...e,s];return y(a.length===t.length),a}));var s},checked:u.includes(e.id)}),(0,a.createElement)("label",{htmlFor:`category-${e.id}`},e.name))))),!_&&(0,a.createElement)("div",{className:"case-grid__apply"},(0,a.createElement)("button",{className:"filter-reset",onClick:x},(0,a.createElement)(r.A,{src:L,className:"reset-icon"})),(0,a.createElement)("button",{className:"filter-apply",onClick:A},"Übernehmen")))),(0,a.createElement)("div",{className:"categories-filter "+(v?"open":"")},(0,a.createElement)("div",{className:"categories-label",onClick:()=>b(!v)},(0,a.createElement)("div",null,"Standorte"," ",d.length>0&&(0,a.createElement)("span",null,"(",d.length,")")),(0,a.createElement)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"10",viewBox:"0 0 16 10",fill:"none"},(0,a.createElement)("path",{d:"M1 1.5L8 8.5L15 1.5",stroke:"black",strokeWidth:"2"}))),(0,a.createElement)("div",{className:"categories-list",name:"",id:""},(0,a.createElement)("ul",null,(0,a.createElement)("li",null,(0,a.createElement)("input",{type:"checkbox",name:"locations",id:"locationsAll",className:"locationsAll",checked:k,onChange:()=>{C((e=>!e)),h((()=>k?[]:s.map((e=>e.id))))}}),(0,a.createElement)("label",{htmlFor:"locationsAll"},"Alle anzeigen (",s.length,")")),s.map(((e,t)=>(0,a.createElement)("li",{key:t},(0,a.createElement)("input",{type:"checkbox",id:`location-${e.id}`,value:e.id,name:"locations",onChange:()=>{return t=e.id,void h((e=>{const a=e.includes(t)?e.filter((e=>e!==t)):[...e,t];return C(a.length===s.length),a}));var t},checked:p.includes(e.id)}),(0,a.createElement)("label",{htmlFor:`location-${e.id}`},e.name))))),!_&&(0,a.createElement)("div",{className:"case-grid__apply"},(0,a.createElement)("button",{className:"filter-reset",onClick:j},(0,a.createElement)(r.A,{src:L,className:"reset-icon"}

1)),(0,a.createElement)("button",{className:"filter-apply",onClick:A},"Übernehmen"))))),(d.length>0||i.length>0)&&(0,a.createElement)("div",{className:"selected"},(0,a.createElement)("div",{className:"selected-filters"},t.filter((e=>i.includes(e.id))).map((e=>e.name)).map(((e,s)=>(0,a.createElement)("div",{className:"selected-filters__item",key:s,onClick:()=>{const s=t.find((t=>t.name===e));var a;s&&(a=s.id,o((e=>e.filter((e=>e!==a)))),g((e=>e.filter((e=>e!==a))))),y(!1)}},e,(0,a.createElement)(r.A,{src:S,className:"close-icon"})))),s.filter((e=>d.includes(e.id))).map((e=>e.name)).map(((e,t)=>(0,a.createElement)("div",{className:"selected-filters__item",key:t,onClick:()=>{const t=s.find((t=>t.name===e));var a;t&&(a=t.id,m((e=>e.filter((e=>e!==a)))),h((e=>e.filter((e=>e!==a))))),C(!1)}},e,(0,a.createElement)(r.A,{src:S,className:"close-icon"})))))),_&&(0,a.createElement)("div",{className:"case-grid__apply"},(0,a.createElement)("button",{className:"filter-reset",onClick:()=>{x(),j()}},(0,a.createElement)(r.A,{src:L,className:"reset-icon"}

1)),(0,a.createElement)("button",{className:"filter-apply",onClick:A},"Übernehmen"))))};i.propTypes={tags:c().array,categories:c().array,locations:c().array,selectedTags:c().array,setSelectedTags:c().func,selectedCategories:c().array,setSelectedCategories:c().func,selectedLocations:c().array,setSelectedLocations:c().func,tempSelectedCategories:c().array,setTempSelectedCategories:c().func,tempSelectedLocations:c().array,setTempSelectedLocations:c().func,categoriesVisible:c().array,setCategoriesVisible:c().func,locationsVisible:c().array,setLocationsVisible:c().func,allCheckedCategory:c().array,setAllCheckedCategory:c().func,allCheckedLocations:c().array,setAllCheckedLocations:c().func};const o=i},4487:(e,t,s)=>{s.d(t,{A:()=>r});var a=s(1609),l=s(9067),c=s.n(l);const n=({withPictureTag:e=!0,lazy:t=!1,...s})=>{if(!("source_url"in s))return(0,a.createElement)("div",{className:"image_placeholder"});const l=s.media_details?Object.values(s.media_details.sizes):[];return e?(0,a.createElement)("picture",{style:s.style,className:s.className||s.image_class||""},l.map(((e,s)=>(0,a.createElement)("source",{key:s,type:e.mime_type,media:`(max-width:${e.width}px)`,[t?"data-srcset":"srcset"]:e.source_url}))),(0,a.createElement)("img",{alt:s.alt_text,style:s.style,...t?{className:"lazyload","data-src":s.source_url}:{src:s.source_url}})):(0,a.createElement)("img",{className:`${s.className||s.image_class||""}${t?" lazyload":""}`,alt:s.alt_text,style:s.style,[t?"data-src":"src"]:s.source_url})};n.propTypes={media_details:c().object,source_url:c().string,alt_text:c().string,image_class:c().string,withPictureTag:c().bool,lazy:c().bool};const r=n},2603:(e,t,s)=>{s.d(t,{A:()=>r});var a=s(1609),l=s(7878),c=s(9067),n=s.n(c);function r({src:e,...t}){return(0,a.createElement)(l.k,{src:e+"?not-from-cache",...t})}r.propTypes={src:n().string.isRequired,rest:n().object}},481:(e,t,s)=>{s.d(t,{Qs:()=>n,Wy:()=>m,g0:()=>d,rk:()=>i,xp:()=>r});var a=s(1609);const l=["mobile","tablet","desktop","desktop-xl"],c=()=>{switch(!0){case window.innerWidth<768:return l[0];case window.innerWidth>767&&window.innerWidth<=992:return l[1];case window.innerWidth>992&&window.innerWidth<1500:return l[2];default:return l[3]}},n=(e="desktop")=>{const[t,s]=(0,a.useState)((()=>"undefined"!=typeof window?c():e));return(0,a.useEffect)((()=>{const e=()=>{s(c),window.isMobile=c()===l[1],document.body.classList.remove(...l.map((e=>"is-"+e))),document.body.classList.add("is-"+c())};return e(),window.addEventListener("load",e),window.addEventListener("resize",e),()=>{window.removeEventListener("load",e),window.removeEventListener("resize",e)}}),[]),(0,a.useMemo)((()=>t),[t])},r=(e,t)=>{if(e?._embedded&&"wp:featuredmedia"in e._embedded&&e._embedded["wp:featuredmedia"].length>0){const s=e._embedded["wp:featuredmedia"][0];return t&&s?.media_details?.sizes[t]?s.media_details.sizes[t]:s}return{url:"",alt:""}},i=e=>{if(e){const t=new Date(e),s={day:"numeric",month:"long",year:"numeric"};return new Intl.DateTimeFormat("de-DE",s).format(t)}return null},o=(e="")=>{const t=e.match(/.*var\(.*--(?:clr-)?([\w-]+).*\).*/i);return t?t[1]:e},d=(e="")=>e?`has-${o(e)}-background-color has-background`:"",m=(e="")=>e?`has-${o(e)}`:"";/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&document.body.classList.add("is-safari")},3588:(e,t,s)=>{s.d(t,{I:()=>c,c:()=>n});var a=s(9067),l=s.n(a);const c=l().oneOfType([l().string,l().node]),n=l().oneOf(["","full","none","wide","left","center","right"])}}]);