https://www.culturalcare.de/_next/static/chunks/7463.9a3a85a39e0e2bb6.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7463],{28727:function(e,l,t){t.d(l,{f:function(){return V}});var a=t(85893),n=t(48399),s=t(56896),r=t(11084),i=t(4382),o=t(67294),d=t(12361),c=t(61815),u=Object.defineProperty,h=Object.defineProperties,f=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,x=(e,l,t)=>l in e?u(e,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[l]=t,b=(e,l)=>{for(var t in l||(l={}))g.call(l,t)&&x(e,t,l[t]);if(p)for(var t of p(l))m.call(l,t)&&x(e,t,l[t]);return e},v=(e,l)=>h(e,f(l));let j=(0,o.forwardRef)((e,l)=>o.createElement(d.Z,v(b({ref:l},e),{weights:c.Z})));j.displayName="X";var y=t(13432),C=t(14307),w=t(32197),S=t(20268),O=t(96974);let k=({value:e,onRemove:l})=>{let t=(0,S.F)(),a=(0,O.Dv)(w.I),n=null!==t,s=null!==a&&"input"===a.variant;(0,o.useEffect)(()=>{s&&!n&&a&&a.updateValues(l=>l.includes(e)?l:[...l,e])},[s,n,e,a]);let r=(0,o.useCallback)(()=>{n&&t?t.removeValue(e):s&&a&&a.removeValue(e),null==l||l()},[n,t,s,a,e,l]);return{isInChipSelect:n,isInChipGroup:s,handleRemove:r}},V=({value:e,children:l,onRemove:t,className:o,themeConfig:d})=>{let{handleRemove:c}=k({value:e,onRemove:t}),{pressProps:u}=(0,y.r)({onPress:c}),{root:h,label:f,removeButton:p,removeIcon:g}=(0,i.tv)(d?(0,i.RH)(C.nP,d):C.nP)();return(0,a.jsxs)("span",{className:(0,n.cn)("ef-chip",h(),o),children:[(0,a.jsx)("span",{className:f(),children:l}),(0,a.jsx)(s.Button,{type:"button",variant:"ghost",shape:"round",size:"small",className:p(),themeConfig:{compoundVariants:[{variant:"secondary",mono:"dark",class:{root:"text-[--color-component-button-secondary-text,var(--color-mono-black-100)]",buttonBg:"shadow-none"}}]},"aria-label":`${e}`,...u,children:(0,a.jsx)(r.a,{children:(0,a.jsx)(j,{weight:"bold",className:g()})})})]})};V.displayName="ChipInput"},87463:function(e,l,t){t.r(l),t.d(l,{FilterRendererSkeleton:function(){return L},FiltersBody:function(){return I}});var a=t(85893),n=t(48399),s=t(35715),r=t(98327),i=t(88407),o=t(62162),d=t(56896),c=t(4382),u=t(28727),h=t(74128),f=t(54795),p=t(60128),g=t(74752),m=t(67294),x=t(73935),b=t(58956),v=t(45729),j=t(40679),y=t(88446);let C=({setPendingFilters:e})=>{let l=(0,m.useCallback)(l=>{e(e=>(0,j.Vs)(e,l))},[e]),t=(0,m.useCallback)(l=>{e(e=>(0,j.cR)(e,l))},[e]);return{handleToggle:l,handleSelect:t,handleRangeChange:t,handleDateChange:t,handleDateRangeChange:t}};var w=t(96974);let S=(0,m.lazy)(()=>t.e(8978).then(t.bind(t,48978)).then(e=>({default:e.FilterCheckbox}))),O=(0,m.lazy)(()=>t.e(575).then(t.bind(t,575)).then(e=>({default:e.FilterRadio}))),k=(0,m.lazy)(()=>t.e(8472).then(t.bind(t,78472)).then(e=>({default:e.FilterChips}))),V=(0,m.lazy)(()=>Promise.all([t.e(1718),t.e(9189)]).then(t.bind(t,39189)).then(e=>({default:e.FilterRange}))),R=(0,m.lazy)(()=>t.e(279).then(t.bind(t,30279)).then(e=>({default:e.FilterDate}))),N=(0,m.lazy)(()=>Promise.all([t.e(2519),t.e(3648)]).then(t.bind(t,13648)).then(e=>({default:e.FilterDateRange}))),L=({type:e})=>{switch(e){case"checkbox":case"radio":return(0,a.jsx)("div",{className:"flex flex-col gap-2",children:[1,2,3].map(e=>(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)(p.O,{themeConfig:{slots:{root:"w-5 h-5 rounded-xs"}}}),(0,a.jsx)(p.O,{style:{width:`${60+20*e}px`},themeConfig:{slots:{root:"h-5"}}})]},e))});case"chip":return(0,a.jsx)("div",{className:"flex flex-wrap gap-2",children:[1,2,3,4].map(e=>(0,a.jsx)(p.O,{style:{width:`${60+15*e}px`},themeConfig:{slots:{root:"h-8",base:"rounded-full"}}},e))});case"range":return(0,a.jsxs)("div",{className:"flex flex-col gap-2 px-2",children:[(0,a.jsx)(p.O,{themeConfig:{slots:{root:"h-4"}}}),(0,a.jsx)(p.O,{themeConfig:{slots:{root:"w-full h-6 rounded-xs"}}})]});case"date":case"date-range":return(0,a.jsx)(p.O,{themeConfig:{slots:{root:"w-full h-12 rounded-xs"}}});default:return null}},I=(0,m.forwardRef)((e,l)=>{var t;let{filters:p,selectedLabel:I="Selected",onFilterChange:B,className:M,themeConfig:E,portalContainer:F,locale:P,sortByLabel:$="Sort by",onSortByChange:z,rangeMinLabel:D="Min",rangeMaxLabel:T="Max",seeMoreLabel:_="See more",seeLessLabel:A="See less",rangeMinAriaLabel:G="Minimum Value",rangeMaxAri

1aLabel:H="Maximum Value",maxSelectedVisible:Q=8}=e,[K,Y]=(0,w.KO)(b.BO),[Z,U]=(0,w.KO)(b.L0),[X,q]=(0,m.useState)(!1),J=(0,m.useRef)(null),W=p.find(e=>e.sortByOptions&&e.sortByOptions.length>0),ee=(null==(t=p.find(e=>void 0!==e.showSelectedSection))?void 0:t.showSelectedSection)??!0,el=(0,m.useMemo)(()=>{let e=p.filter(e=>!1!==e.defaultExpanded).map(e=>e.label),l=[];return ee&&K.length>0&&l.push("selected-filters"),W&&!1!==W.sortByDefaultExpanded&&l.push("sort-by"),l.push(...e),l},[p,K.length,W,ee]),et=(0,m.useMemo)(()=>p.filter(e=>!1!==e.defaultExpanded).map(e=>e.label),[p]),[ea,en]=(0,m.useState)(el),es=(0,m.useRef)(et);(0,m.useEffect)(()=>{let e=es.current,l=et.filter(l=>!e.includes(l));es.current=et,0!==l.length&&en(e=>{let t=[...e];return l.forEach(e=>{t.includes(e)||t.push(e)}),t})},[et]);let er=(0,m.useRef)(B);er.current=B,(0,m.useEffect)(()=>{var e;let l=(0,v.iI)(K,{filters:p});null==(e=er.current)||e.call(er,l)},[K,p]),(0,m.useEffect)(()=>{K.length>0&&en(e=>e.includes("selected-filters")?e:["selected-filters",...e])},[K.length]),(0,m.useEffect)(()=>{0===K.length&&en(e=>e.filter(e=>"selected-filters"!==e))},[K.length]);let ei=E?(0,c.RH)(y.Ok,E):y.Ok,{root:eo,selectedAccordionContent:ed,accordionContent:ec}=(0,c.tv)(ei)({}),eu=(0,m.useCallback)(e=>{e.isIntersecting||q(e=>e&&!1)},[]);(0,g.S)(J,{threshold:0,freezeOnceVisible:!1,onChange:eu});let eh=(0,m.useMemo)(()=>K.map((e,l)=>({filter:e,index:l,order:e.addedOrder??0})).sort((e,l)=>e.order===l.order?e.index-l.index:l.order-e.order).map(({filter:e})=>e),[K]),ef=X?eh:eh.slice(0,Q),ep=eh.length>Q,eg=m.useMemo(()=>{let e=new Map,l=new Map,t=new Map,a=new Map,n=new Map;for(let s of K)if("radio"===s.type)("string"==typeof s.value||"number"==typeof s.value)&&l.set(s.filterId,s.value);else if("range"===s.type){let e=s.value;e&&"object"==typeof e&&"min"in e&&"max"in e&&t.set(s.filterId,[e.min,e.max])}else"date"===s.type?a.set(s.filterId,String(s.value)):"date-range"===s.type?n.set(s.filterId,String(s.value)):("string"==typeof s.value||"number"==typeof s.value)&&(e.has(s.filterId)||e.set(s.filterId,[]),e.get(s.filterId).push(s.value));return{values:e,radioValues:l,rangeValues:t,dateValues:a,dateRangeValues:n}},[K]),{handleToggle:em,handleSelect:ex,handleRangeChange:eb,handleDateChange:ev,handleDateRangeChange:ej}=C({setPendingFilters:Y}),ey=(0,m.useCallback)((e,l)=>{if(!document.startViewTransition){Y(t=>(0,j.YG)(t,e,l));return}document.startViewTransition(()=>{(0,x.flushSync)(()=>{Y(t=>(0,j.YG)(t,e,l))})})},[Y]),eC=(0,m.useCallback)((e,l)=>{let t=`${l}-${e.id}`;switch(e.type){case"checkbox":return(0,a.jsx)(m.Suspense,{fallback:(0,a.jsx)(L,{type:"checkbox"}),children:(0,a.jsx)(S,{filter:e,groupLabel:l,selectedValues:eg.values.get(e.id)||[],onToggle:em})},t);case"radio":return(0,a.jsx)(m.Suspense,{fallback:(0,a.jsx)(L,{type:"radio"}),children:(0,a.jsx)(O,{filter:e,groupLabel:l,selectedValue:eg.radioValues.get(e.id),onSelect:ex})},t);case"chip":return(0,a.jsx)(m.Suspense,{fallback:(0,a.jsx)(L,{type:"chip"}),children:(0,a.jsx)(k,{filter:e,groupLabel:l,selectedValues:eg.values.get(e.id)||[],onToggle:em})},t);case"range":return(0,a.jsx)(m.Suspense,{fallback:(0,a.jsx)(L,{type:"range"}),children:(0,a.jsx)(V,{filter:e,groupLabel:l,selectedRange:eg.rangeValues.get(e.id),onChange:eb,minLabel:D,maxLabel:T,minAriaLabel:G,maxAriaLabel:H})},t);case"date":{let n=eg.dateValues.get(e.id);return(0,a.jsx)(m.Suspense,{fallback:(0,a.jsx)(L,{type:"date"}),children:(0,a.jsx)(R,{filter:e,groupLabel:l,selectedValue:n,onChange:ev,portalContainer:F,locale:P})},t)}case"date-range":{let n=eg.dateRangeValues.get(e.id);return(0,a.jsx)(m.Suspense,{fallback:(0,a.jsx)(L,{type:"date-range"}),children:(0,a.jsx)(N,{filter:e,groupLabel:l,selectedValue:n,onChange:ej,portalContainer:F,locale:P})},t)}default:return null}},[eg,em,ex,eb,ev,ej,F,D,T,G,H]),ew=(0,m.useCallback)(e=>K.filter(l=>l.groupLabel===e).length,[K]),eS=W?p.findIndex(e=>e.sortByOptions&&e.sortByOptions.length>0):-1;return(0,a.jsx)("div",{ref:l,className:(0,n.cn)(eo(),M),children:(0,a.jsxs)(s.U,{type:"multiple",value:ea,onValueChange:en,themeConfig:{slots:{content:"overflow-visible !animation-fill-mode-none hide-children-on-closed *:last:mb-m data-[state=closed]:pointer-events-none data-[state=closed]:h-0 data-[state=closed]:animate-in-height data-[state=open]:animate-in-out-height data-[state=closed]:animate-from-h-[--radix-accordion-content-height] data-[state=closed]:animate-to-h-0 data-[state=open]:animate-from-h-0 data-[state=open]:animate-to-h-[--radix-accordion-content-height] motion-safe:animation-ease-system-easing-expressive motion-safe:animation-duration-system-medium"}},children:[(0,a.jsxs)(r.Q,{value:"selected-filters",className:ee?void 0:"hidden",disabled:0===K.length,children:[(0,a.jsxs)(o.S,{children:[I," (",K.length,")"]}),(0,a.jsx)(i._,{children:(0,a.jsxs)("div",{ref:J,className:"flex flex-col gap-2",children:[(0,a.jsx)("div",{className:(0,n.cn)(ed()),children:ef.map(e=>{let l=`${e.filterId}-${e.value}`;return(0,a.jsx)("span",{style:{viewTransitionName:`chip-${l}`},children:(0,a.jsx)(u.f,{value:l,onRemove:()=>ey(e.filterId,e.value),children:e.valueLabel})},l)})}),ep?(0,a.jsx)(d.Button,{variant:"ghost",size:"small",onClick:()=>q(!X),children:X?A:_}):null]})})]}),W&&W.sortByOptions?(0,a.jsxs)(r.Q,{value:"sort-by",children:[(0,a.jsx)(o.S,{children:$}),(0,a.jsx)(i._,{children:(0,a.jsx)("div",{className:(0,n.cn)(ec()),children:(0,a.jsx)(h.H,{className:"flex flex-col gap-2",value:W.sortBy||"",onValueChange:e=>{var l;null==z||z(eS,e);let t=p.map((l,t)=>t===eS?{...l,sortBy:e}:l);Z&&U({...Z,filters:t});let a=(0,v.iI)(K,{filters:t});null==(l=er.current)||l.call(er,a)},children:W.sortByOptions.map(e=>(0,a.jsx)(f.w,{value:e.value,children:e.label},e.value))})})})]}):null,p.map((e,l)=>{let t=ew(e.label),s=t>0?`${e.label} (${t})`:e.label,d=l===p.length-1;return(0,a.jsxs)(r.Q,{value:e.label,className:d?"border-b-0":"",children:[(0,a.jsx)(o.S,{children:s}),(0,a.jsx)(i._,{children:(0,a.jsx)("div",{className:(0,n.cn)(ec()),children:eC(e.filter,e.label)})})]},e.label)})]})})});I.displayName="FiltersBody"}}]);