https://www.atoss.fr/_paragraphs-TeaserFilteredParagraph-TeaserFilteredParagraph-095997f1dc7a517f5843.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7654],{61633:function(e,t,l){l.d(t,{Z:function(){return n}});var r=l(67294),a=l(83445);var n=e=>{let{onClick:t,className:l=""}=e;return r.createElement(r.Fragment,null,r.createElement("hr",{className:"MoreButton-module--hr--3c395"}),r.createElement("button",{className:"MoreButton-module--button--08466 c1 "+l,onClick:t},(0,a.t)("button.label.load_more")))}},51397:function(e,t,l){l.r(t),l.d(t,{default:function(){return k}});var r=l(42982),a=l(67294),n=l(58326),i=l(70303),s=l(859),o=l(46369),d=l(78960),c=l(83445),u=l(89707),f=l(1816),m=l(61633),g=l(90125),p="TeaserFilteredParagraph-module--filter--46b9f",h="TeaserFilteredParagraph-module--filterItem--6a050",_="TeaserFilteredParagraph-module--filterItemContainsFilterReset--fbc29",C="TeaserFilteredParagraph-module--filterItemContainsFilterScrollControls--5625e",S="TeaserFilteredParagraph-module--filterResetInline--9cec2",E="TeaserFilteredParagraph-module--filterScrollControl--d4e64",w="TeaserFilteredParagraph-module--filterSticky--ba365";var b=e=>{let{uuid:t,filter:l,selectedCategories:n,setSelectedCategories:i,storeSelectedCategories:s,debug:o,filterIsScrollable:d,setFilterIsScrolledBy:c,filterIsScrolledBy:u,canBeSticky:m}=e;const b=(0,a.useRef)(null),{0:v,1:I}=(0,a.useState)(!1),{0:F,1:y}=(0,a.useState)(0);return(0,a.useEffect)((()=>{const e=b.current;if(e){0===F&&y(e.getBoundingClientRect().top+window.pageYOffset);let t=!1;const l=()=>{I(0<F&&window.pageYOffset>F),100>=e.getBoundingClientRect().top?I(!0):I(!1),e.classList.toggle("isSticky",100>=e.getBoundingClientRect().top),t=!1},r=()=>{t||(window.requestAnimationFrame(l),t=!0)};return window.addEventListener("scroll",r),()=>window.removeEventListener("scroll",r)}}),[]),a.createElement("div",{ref:b,className:(0,g.A)({[w]:m&&v,[p]:!0,"g--fw--t":!0,"g--fw--m":!0}),style:{"--translateX":u+"px"}},a.createElement("ul",{className:"hide-scrollbar"},l.map(((e,l)=>{const d=e.id;let c=[];return a.createElement("li",{key:l,className:h+" "+(0<=n.indexOf(d)?"TeaserFilteredParagraph-module--filterItemSelected--82d31":""),onClick:()=>{0<=n.indexOf(d)?(n.splice(n.indexOf(d),1),c=(0,r.Z)(n)):c=[].concat((0,r.Z)(n),[d]),i(c),s(c,t,o),o&&console.log("[TeaserFilteredParagraph]","selectedCategories",c)}},a.createElement("span",{className:"label2"},e.label))})),a.createElement("li",{className:h+" "+_},a.createElement("button",{className:""+S,onClick:()=>{i([]),s([],t,o)}},a.createElement(f.Z,{icon:"resetSmall",iconClass:"shark"}))),d&&a.createElement("li",{className:h+" "+C},a.createElement("button",{className:E,onClick:()=>{c(Math.min(0,u+200))}},a.createElement(f.Z,{icon:"chevronNavLeft",iconClass:"shark"})),a.createElement("button",{className:E,onClick:()=>{if(b.current){const e=b.current.firstElementChild,t=e.scrollWidth-e.getBoundingClientRect().width+96;c(Math.max(-t,u-200))}}},a.createElement(f.Z,{icon:"chevronNavRight",iconClass:"shark"})))))},v=l(33558),I=l(97855);var F=e=>{let{children:t,className:l}=e;return a.createElement("div",{className:"caption badge Badge-module--badge--c5ef1 "+(l||"")},t)};var y=e=>{let{uuid:t,allCategories:l,filter:n,selectedCategories:i,setSelectedCategories:s,storeSelectedCategories:o,debug:u,filterIsScrollable:m,setFilterIsScrolledBy:b,filterIsScrolledBy:y,canBeSticky:N,hasYearFilter:k,hasLocationFilter:T,items:B}=e;const P=(0,a.useRef)(null),{0:L,1:Z}=(0,a.useState)(!1),{0:O,1:R}=(0,a.useState)(0),{0:x,1:A}=(0,a.useState)("");if(k&&!n.find((e=>"year"===e.id))&&n.push({label:(0,I.fm)((0,c.t)("year")),id:"year"}),k&&!l.find((e=>"year"===e.parentId))){const e=(0,v.Tw)(B.filter((e=>e.field_date||e.field_date_and_time)).map((e=>e.field_date?e.field_date.split("/")[0]:e.field_date_and_time.split("/")[0])));for(const t of e)l.push({name:t,id:t,drupalId:t,parentId:"year"})}if(T&&!n.find((e=>"location"===e.id))&&n.push({label:(0,c.t)("location"),id:"location"}),T&&!l.find((e=>"location"===e.parentId))){const e=(0,d.yK)(B);for(const t of e)l.push({name:t,id:t,drupalId:t,parentId:"location"})}(0,a.useEffect)((()=>{const e=P.current;if(e){0===O&&R((null==e?void 0:e.getBoundingClientRect().top)+window.pageYOffset);let t=!1;const l=()=>{Z(0<O&&window.pageYOffset>O),100>=e.getBoundingClientRect().top?Z(!0):Z(!1),e.classList.toggle("isSticky",100>=e.getBoundingClientRect().top),t=!1},r=()=>{t||(window.requestAnimationFrame(l),t=!0)};window.addEventListener("scroll",r);const a=()=>{A("")};return window.addEventListener("close-dropdown-filter",a),()=>{window.removeEventListener("scroll",r),window.removeEventListener("close-dropdown-filter",a)}}}),[]);const M=l.filter((e=>String(e.parentId)===String(x))).filter((e=>"(alle)"!==e.name.toLowerCase()));return a.createElement("div",{ref:P,className:(0,g.A)({[w]:N&&L,[p]:!0,"g--fw--t":!0,"g--fw--m":!0}),style:{"--translateX":y+"px"}},a.createElement("ul",{className:"hide-scrollbar"},n.map(((e,t)=>{const r=l.filter((t=>t.parentId===parseInt(e.id,10)||t.parentId===e.id)).filter((e=>i.includes(String(e.drupalId))));return a.createElement("li",{key:t,className:(0,g.A)({[h]:!0,"TeaserFilteredParagraph-module--dropdownFilterItem--2bf79":!0,"TeaserFilteredParagraph-module--dropdownFilterItemOpen--eb52a":e.id===x}),onClick:()=>

1{e.id!==x?A(e.id):A("")}},a.createElement("span",{className:"label2"},e.label),a.createElement(f.Z,{icon:"chevronDownSmall",iconClass:"shark"}),!!r.length&&a.createElement(F,{className:"TeaserFilteredParagraph-module--badge--89440"},r.length))})),a.createElement("li",{className:h+" "+_},a.createElement("button",{className:""+S,onClick:()=>{A(""),s([]),o([],t,u)}},a.createElement(f.Z,{icon:"resetSmall",iconClass:"shark"}))),m&&a.createElement("li",{className:h+" "+C},a.createElement("button",{className:E,onClick:()=>{b(Math.min(0,y+200))}},a.createElement(f.Z,{icon:"chevronNavLeft",iconClass:"shark"})),a.createElement("button",{className:E,onClick:()=>{if(P.current){const e=P.current.firstElementChild,t=e.scrollWidth-e.getBoundingClientRect().width+96;b(Math.max(-t,y-200))}}},a.createElement(f.Z,{icon:"chevronNavRight",iconClass:"shark"})))),!!M.length&&a.createElement("div",{className:"TeaserFilteredParagraph-module--dropdownSubCategoriesContainer--a09a1"},M.map((e=>{const l=String(e.drupalId);let n=[];return a.createElement(a.Fragment,null,a.createElement("button",{onClick:()=>{0<=i.indexOf(l)?(i.splice(i.indexOf(l),1),n=(0,r.Z)(i)):n=[].concat((0,r.Z)(i),[l]),s(n),o(n,t,u),u&&console.log("[TeaserFilteredParagraph]","selectedCategories",n)},className:(0,g.A)({label:!0,"TeaserFilteredParagraph-module--dropdownSubCategory--b779f":!0,"TeaserFilteredParagraph-module--dropdownSubCategorySelected--5ad70":i.includes(l)})},e.name))}))))};const N=(e,t,l)=>{"undefined"!=typeof Storage?((0,i.qQ)("filtered-teaser.selected_categories."+t,e,!0),l&&console.log("[TeaserFilteredParagraph]","storeSelectedCategories()",JSON.stringify(e))):l&&console.log("[TeaserFilteredParagraph]","storeSelectedCategories()",!1)};var k=e=>{let{items:t,filter:l,whitelist:g,blacklist:h,initialItemCount:_=6,headline:C,headlineTag:S,filterStyle:E,uuid:w,location:v,hasYearFilter:I,hasLocationFilter:F,terms:k}=e;const{0:T,1:B}=(0,a.useState)(t),P=!1,L=t.map((e=>{var t;return null===(t=e.drupal_node__field_content_link[0])||void 0===t?void 0:t.fields.nid})).filter((e=>!!e)),Z=((e,t)=>{if("undefined"==typeof Storage)return t&&console.log("[TeaserFilteredParagraph]","storeSelectedCategories()",!1),[];let l=(0,i.$o)("filtered-teaser.selected_categories."+e,!0),r=[];return null!==l&&(r=l),t&&console.log("[TeaserFilteredParagraph]","loadSelectedCategories()",r),r})(w,P),{0:O,1:R}=(0,a.useState)(Z),{0:x,1:A}=(0,a.useState)(_),{0:M,1:Y}=(0,a.useState)(!1),{0:D,1:q}=(0,a.useState)(0),{0:K,1:H}=(0,a.useState)([]);let U;const W=()=>{clearTimeout(U),U=setTimeout((()=>{const e=(0,n.jU)()&&document.querySelector("."+p+" ul");if(e){let t=e.scrollWidth>e.getBoundingClientRect().width;Y(t)}}),500)},z=(0,o.k2)();(0,a.useEffect)((()=>{(async()=>{const e=(0,d.BC)(g,h,k),l=await(0,o.Ve)(z,e,v),a=(0,o.Nv)(l,e,L);B([].concat((0,r.Z)(t),(0,r.Z)(a)))})()}),[]),(0,a.useEffect)((()=>{H((0,d.MI)(O,T,P,I,F,E,k))}),[O,T]),(0,a.useEffect)((()=>(window.addEventListener("resize",W),W(),()=>{window.removeEventListener("resize",W)})),[l]);const X=(0,a.useRef)(null),{0:j,1:J}=(0,a.useState)(!1);return(0,a.useEffect)((()=>{if(X.current&&"IntersectionObserver"in window){const e=X.current,t=new IntersectionObserver((e=>{e.forEach((e=>{J(e.isIntersecting)}))}),{rootMargin:"-152px 0px 0px 0px"});return t.observe(e),()=>{t.unobserve(e)}}}),[]),a.createElement("div",{ref:X,"data-bg":(0,s.d)(),"data-test-class":"teaser-filtered-paragraph","data-tracking-id":"teaser-filtered-paragraph",className:"TeaserFilteredParagraph-module--container--4f863 g--10--d g--12--ds g--o1--d g--8--t"},a.createElement(u.Z,{tagName:S,headline:C,className:"h2--desktop h3--desktop-small h3--tablet h4--mobile",containerClassName:"TeaserFilteredParagraph-module--headline--ddeea"}),a.createElement("button",{className:"TeaserFilteredParagraph-module--filterReset--d5d9b c1--desktop",onClick:()=>{R([]),N([],w,P),window.dispatchEvent(new Event("close-dropdown-filter"))}},(0,c.t)("reset_filter")," ",a.createElement(f.Z,{icon:"resetSmall",iconClass:"black"})),"dropdowns"!==E&&a.createElement(b,{uuid:w,filter:l,selectedCategories:O,setSelectedCategories:R,storeSelectedCategories:N,debug:P,filterIsScrollable:M,setFilterIsScrolledBy:q,filterIsScrolledBy:D,canBeSticky:j}),"dropdowns"===E&&a.createElement(y,{uuid:w,filter:l,hasYearFilter:I,hasLocationFilter:F,items:t,selectedCategories:O,setSelectedCategories:R,storeSelectedCategories:N,debug:P,filterIsScrollable:M,setFilterIsScrolledBy:q,filterIsScrolledBy:D,allCategories:k.filter((e=>!h.map((e=>parseInt(e.id,10))).includes(e.drupalId))),canBeSticky:j}),a.createElement("div",{className:"TeaserFilteredParagraph-module--teasersContainer--8455e"},(0,o.Hb)(K,x,k).slice(0,x).map(((e,t)=>a.createElement("div",{key:"filtered--teaser-"+t+Math.random()+Math.random(),className:"g

1--12--m g--4--t g--4--d TeaserFilteredParagraph-module--teaserCard--97171"},e)))),K.length>x&&a.createElement(m.Z,{onClick:()=>{A(x+6)}}))}},78960:function(e,t,l){l.d(t,{BC:function(){return i},MI:function(){return s},yK:function(){return n}});var r=l(42982),a=l(33558);const n=e=>{const t=e.filter((e=>{var t;return"Array"===(null===(t=e.field_location)||void 0===t?void 0:t.constructor.name)&&0<e.field_location.length})).map((e=>e.field_location.map((e=>e.label))));return 0===t.length?[]:(0,a.Tw)(t.reduce(((e,t)=>[].concat((0,r.Z)(e),(0,r.Z)(t)))))},i=(e,t,l)=>{const r=t.map((e=>parseInt(e.id))),a=e.map((e=>"number"==typeof e.id?e.id:parseInt(e.id)));if(l){let e=!0;for(;e;)e=!1,l.filter((e=>a.includes(e.parentId))).forEach((t=>{a.includes(t.drupalId)||(a.push(t.drupalId),e=!1)}))}return a.filter((e=>!r.includes(e)))},s=(e,t,l,r,s,o,d)=>{if(!e.length)return t;const c=i(e.map((e=>({id:e}))),[],d);if("dropdowns"===o){const i=[];for(const t of d){const l=d.filter((e=>String(e.parentId)===String(t.drupalId))).filter((e=>"(alle)"!==e.name.toLowerCase()));if(l.length){const t=l.map((e=>e.drupalId));(0,a.wf)(t,e.map((e=>parseInt(e)))).length&&i.push(t)}}return t.filter((o=>{var d;const c=(0,a.Tw)(t.filter((e=>e.field_date||e.field_date_and_time)).map((e=>e.field_date?e.field_date.split("/")[0]:e.field_date_and_time.split("/")[0])));if(r&&e.find((e=>c.includes(e)))){let t=o.field_date&&e.includes(o.field_date.split("/")[0]);if(t||(t=o.field_date_and_time&&e.includes(o.field_date_and_time.split("/")[0])),!t)return!1}const u=n(t);if(s&&s&&e.find((e=>u.includes(e)))){if(!o.field_location||0===o.field_location.length)return!1;let t=!1;for(const l of o.field_location)e.includes(l.label)&&(t=!0);if(!t)return!1}const f=o.field_category||(null===(d=o.drupal_node__field_content_link[0])||void 0===d?void 0:d.fields.field_category);if(l&&console.log("[TeaserFilteredParagraph]","filterItems()",o),(0,a.eY)((0,a.eY)(e,c),u).length){let t=!0;for(const l of i)f?0===(0,a.wf)((0,a.wf)(l,e.map((e=>parseInt(e)))),f.map((e=>parseInt(e.id)))).length&&(t=!1):t=!1;return t}return!0}))}return t.filter((t=>{var l;if(r&&t.field_date&&e.includes(t.field_date.split("/")[0]))return!0;if(s&&t.field_location&&t.field_location.length)for(const r of t.field_location)if(e.includes(r.label))return!0;const a=t.field_category||(null===(l=t.drupal_node__field_content_link[0])||void 0===l?void 0:l.fields.field_category);return!(null==a||!a.map((e=>parseInt(e.id))).filter((e=>c.includes(e))).length)}))}}}]);