https://jobs.actemium.ch/_next/static/chunks/_next/static/chunks/2887.d821e4a1e3555977.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2887],{686:(e,t,i)=>{i.d(t,{z:()=>u});var o=i(37876),l=i(14232),r=i(40625),n=i(5646),a=i(49230),s=i(85882),d=i(32251);let c=n.Ay.div.withConfig({displayName:"InViewAnimation__AnimatedContainer",componentId:"sc-1sh94vu-0"})(["transform:translateY(","px);opacity:0;transition:transform ","s ease ","ms,opacity ","s linear ","ms;"," "," @media print{transform:translateY(0);opacity:1;transition:none;}"],160,.5,({$delay:e})=>e,.5,({$delay:e})=>e,({$disabled:e})=>e&&(0,n.AH)(["transform:translateY(0);opacity:1;transition:none;"]),({$isVisible:e,$disabled:t})=>e&&!t&&(0,n.AH)(["transform:translateY(0);opacity:1;"])),u=({children:e,disabled:t=!1,delay:i=0,className:n,onInView:u})=>{let{0:p,1:m}=(0,l.useState)(t),{mode:h}=(0,d.N)(),{isPrintMode:v}=(0,a.i)(),{ref:f}=(0,r.Wx)({rootMargin:"-100px 0px 0px 0px",onChange:e=>{!p&&e&&(m(!0),u&&u())}});return(0,o.jsx)(c,{ref:f,$isVisible:p,$disabled:t||h===s.q5.Build||v,$delay:i,className:n,children:e})}},2091:(e,t,i)=>{i.d(t,{b:()=>n});var o=i(14232),l=i(64072),r=i(21845);let n=(e,t,i)=>{let n=(0,o.useMemo)(()=>(0,l.oU)(e,t,i),[e,t,i]);return n===r.y.Transparent?"":n}},2129:(e,t,i)=>{i.d(t,{A:()=>s,n:()=>a});var o=i(14232),l=i(25894),r=i(18550),n=i(72655);let a=()=>{let{pageUiEnvironment:{window:e,document:t}}=(0,l.p)(),{headerHeight:i}=(0,r.A)(),a=(0,o.useRef)(i);(0,o.useEffect)(()=>{a.current=i},[i]);let s=(0,o.useCallback)((t,i="smooth")=>{null==e||e.scrollTo({top:t,behavior:i})},[e]),d=(0,o.useCallback)((t,i,o)=>{if(!t||!e)return;let l=t.getBoundingClientRect().top+e.pageYOffset;l&&s(l-(i||0),o)},[s,e]),c=(0,o.useCallback)((e,i=100)=>{let o=null==t?void 0:t.querySelector(".page-builder-build-wrapper");if(!o||!e)return;let l=o.getBoundingClientRect().top,r=e.getBoundingClientRect().top;o.scrollTo({top:o.scrollTop+(r-l)-i,behavior:"smooth"})},[t]),u=(0,o.useCallback)((e,o=0,l)=>{if(void 0===e)return;let r=null==t?void 0:t.querySelector(`[data-widget-id="${e}"]`);if(r)d(r,o+(1===n.N.getIndexById(e)?0:i),l)},[t,i,d]),p=(0,o.useCallback)(i=>{let o=null==t?void 0:t.querySelector(i);if(!o)return;let l=0,r=()=>Math.floor(o.getBoundingClientRect().top+e.scrollY-a.current),n=r(),d=()=>{let t=Date.now(),i=setInterval(()=>{let o=r(),a=Math.abs(o-e.scrollY);l<10&&(a>10||o!==n)?(clearInterval(i),n=o,s(o),l++,requestAnimationFrame(d)):(o===n||Date.now()-t>1e3)&&clearInterval(i)},100)};s(n),requestAnimationFrame(d)},[i]),m=(0,o.useCallback)((e,o=0)=>{let l=null==t?void 0:t.querySelector(`[data-widget="${e}"]`);l&&d(l,o+i)},[t,i,d]);return{scrollToPosition:s,scrollToElement:d,scrollToWidget:u,smoothTrackScrollToElement:p,scrollToElementInBuilder:c,scrollToWidgetByType:m}},s=a},20104:(e,t,i)=>{i.d(t,{$n:()=>L,Ak:()=>o,Mp:()=>l,N3:()=>n,f3:()=>r});var o,l,r,n,a=i(37876),s=i(14232),d=i(36877),c=i(5646),u=i(5027),p=i.n(u),m=i(38924),h=i(17370),v=i(21845),f=i(45031),g=i(64072),y=i(32251),b=i(91943),x=i(49230),w=i(8924),C=i(60015),k=i(27298),j=function(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&0>t.indexOf(o)&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var l=0,o=Object.getOwnPropertySymbols(e);l<o.length;l++)0>t.indexOf(o[l])&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(i[o[l]]=e[o[l]]);return i};!function(e){e.Solid="Solid",e.Outline="Outline",e.Text="Text",e.Fancy="Fancy"}(o||(o={})),function(e){e.Small="Small",e.SM="SM",e.Medium="Medium",e.Large="Large"}(l||(l={})),function(e){e.Small="Small",e.Large="Large"}(r||(r={})),function(e){e.Default="Default",e.Square="Square"}(n||(n={}));let A=(0,c.Ay)(w.In).withConfig({displayName:"Button__StyledIcon",componentId:"sc-v68eoc-0"})(["svg{fill:",";}&&{","}"],({theme:e})=>e.defaultFill?void 0:"currentColor",p()("iconSize",{[r.Small]:(0,c.AH)(["height:1rem;width:1rem;"]),[r.Large]:(0,c.AH)(["height:2rem;width:2rem;"])})),S=(e,t)=>(0,c.AH)(["padding:0 ","rem;height:","rem;font-size:0.875rem;--btn-radius:","rem;"],t||e?0:1,e?1.5:2.5,({theme:e})=>(0,m.Nb)(e.design,0,1.25)),_=(e,t)=>

1(0,c.AH)(["padding:0 ","rem;height:","rem;font-size:1rem;--btn-radius:","rem;"],t||e?0:1.25,e?2:3,({theme:e})=>(0,m.Nb)(e.design,0,1.5)),I=(0,c.i7)(["  0%{background-position:0 0;}50%{background-position:400% 0;}100%{background-position:0 0;}"]),F=(0,c.AH)(["&&{aspect-ratio:1;padding:0;}"]),O=(0,c.AH)(["padding:0;"]),N=(0,c.AH)(["color:",";"],({theme:e})=>e.contentColor),z=(0,c.AH)(["",";&:focus-visible::before{border-radius:",";outline-offset:-2px;}"],m.CH,({theme:e})=>e.isTextButton?0:"calc(var(--btn-radius) - 2px)"),T=c.Ay.button.withConfig({displayName:"Button__Container",componentId:"sc-v68eoc-1"})(["&{"," "," position:relative;",";",";border-radius:var(--btn-radius);width:",";min-width:",";"," transition:border-color ",",background-color ",",color ",";}"],m.GS,z,({theme:e})=>((e,t,i)=>{switch(e){case o.Solid:return(0,c.AH)(["background-color:",";color:",";border:2px solid transparent;&:hover{background-color:",";}&:disabled{cursor:not-allowed;opacity:0.5;&:hover{background-color:",";}}"],t,i,(0,d.e$)(.1,t),t);case o.Outline:return(0,c.AH)(["color:",";border:2px solid ",";&:hover{border-color:",";}"],t,(0,d.B3)(t,.5),t);case o.Text:return(0,c.AH)(["color:",";border-radius:0;text-align:initial;&:hover{color:",";}&:focus-visible{border-radius:0;outline-offset:2px;&::before{outline-offset:0px;}}"],t,(0,d.a)(.1,t));case o.Fancy:return(0,c.AH)(["color:",";background-color:",';position:relative;padding:0 0.5rem 0 1rem;&:hover:not(:focus-visible){&::before{opacity:1;}}&:focus-visible::before{background:transparent;opacity:0;}&::before,&::after{content:"";position:absolute;left:-0.125rem;top:-0.125rem;background:linear-gradient(45deg,#25d366,#229ed9,#554bff,#ffffff,#229ed9,#25d366);background-size:400%;width:calc(100% + 0.25rem);height:calc(100% + 0.25rem);z-index:-1;opacity:0.5;transition:opacity 0.3s ease-in-out;animation:'," 20s linear infinite;"," ","}&::after{filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);opacity:0.3;}"],v.a.MidnightBlue,v.a.White,I,(0,m.hD)(0,1.5,"rem",.125),({theme:e})=>e.size===l.Large&&(0,c.AH)(["@media ","{","}"],h.bp.p,(0,m.hD)(0,2.25,"rem",.125)))}})(e.variant,e.bgColor,e.contentColor),({theme:e})=>((e,t)=>p()("size",{[l.Small]:S(e,t),[l.SM]:(0,c.AH)([""," @media ","{"," font-size:0.875rem;}"],S(e,t),h.bp.d,_(e,t)),[l.Medium]:_(e,t),[l.Large]:(0,c.AH)([""," @media ","{","}"],_(e,t),h.bp.p,((e,t)=>(0,c.AH)(["padding:0 ","rem;height:","rem;font-size:1.125rem;--btn-radius:","rem;"],t||e?0:2,e?3:4.5,({theme:e})=>(0,m.Nb)(e.design,0,2.25)))(e,t))}))(e.isTextButton,e.isSquare),({theme:e})=>e.fullWidth?"100%":"fit-content",({theme:e})=>e.isSquare?"auto":"80px",({theme:e})=>e.isSquare&&F,f.W_,f.W_,f.W_),E=c.Ay.div.withConfig({displayName:"Button__Content",componentId:"sc-v68eoc-2"})(["",""],({theme:e})=>(0,c.AH)(["&{display:flex;column-gap:0.5rem;align-items:center;visibility:",";line-height:1.2;width:",";"," ","}"],e.loading?"hidden":"visible",({theme:e})=>e.fullWidthContent?"100%":"initial",e.isTextButton&&O,e.variant===o.Solid&&e.contentColor&&N)),M=c.Ay.span.withConfig({displayName:"Button__Label",componentId:"sc-v68eoc-3"})(["",""],(0,m.Jl)()),B=(0,c.Ay)(k.a).withConfig({displayName:"Button__Loader",componentId:"sc-v68eoc-4"})(["",""],m.F),L=(0,s.forwardRef)((e,t)=>{var{asTag:i,color:s,textColor:d,variant:u=o.Solid,size:p=l.Medium,iconSize:m,layout:h=n.Default,fullWidth:f=!1,fullWidthContent:w=!1,leftIcon:k,rightIcon:S,label:_,children:I,type:F="button",loading:O,href:N,defaultFill:z=!1}=e,L=j(e,["asTag","color","textColor","variant","size","iconSize","layout","fullWidth","fullWidthContent","leftIcon","rightIcon","label","children","type","loading","href","defaultFill"]);let{design:P}=(0,y.N)(),{boundary:V}=(0,b.I)(),{isPrintMode:H}=(0,x.i)(),W=(0,c.DP)(),$=s||W.buttonColor||`#${P.colorSchema.highlight.value||"000"}`,D=(0,g.MW)($,V),q=d||D?v.a.Text:v.a.White,R=u===o.Text,K=k&&!S&&!_&&!I,G=h===n.Square||K,J=K||R?r.Large:r.Small,Y="a"===i||N;return(0,a.jsx)(c.NP,{theme:{size:p,variant:u,bgColor:$,contentColor:q,loading:O,iconSize:m||J,fullWidth:f,fullWidthContent:w,isTextButton:R,isSquare:G,defaultFill:z},children:!H&&(0,a.jsxs)(T,Object.assign({tabIndex:0},Y?{as:"a",href:N||"",ref:t}:{ref:t,as:"button",type:F},L,{children:[(0,a.jsxs)(E,{children:[k&&(0,a.jsx)(A,{name:k}),_&&(0,a.jsx)(M,{children:_}),I,S&&(0,a.jsx)(A,{name:S})]}),O&&(0,a.jsx)(B,{size:C.lK.Medium,color:q})]}))})});L.displayName="Button"},27258:(e,t,i)=>{i.d(t,{i:()=>r});var o=i(52295),l=i(8943);let r=(e,t,i)=>(0,l.lB)(()=>(0,o.jJ)(e,t,i,!0),[e,t,i])},37936:(e,t,i)=>{i.d(t,{G:()=>f});var o=i(37876),l=i(14232),r=i(5646),n=i(78116),a=i(65697),s=i(27506),d=i(76954),c=i(8176),u=i(98

167),p=i(8441);let m=r.Ay.div.withConfig({displayName:"KeyVisualBackground__Container",componentId:"sc-4nit3b-0"})(["height:100%;width:100%;"]),h=r.Ay.div.withConfig({displayName:"KeyVisualBackground__Slide",componentId:"sc-4nit3b-1"})(["height:100%;width:100%;"]),v=(0,r.Ay)(s._).withConfig({displayName:"KeyVisualBackground__StyledImage",componentId:"sc-4nit3b-2"})(["display:block;height:100%;width:100%;object-fit:cover;"]),f=({backgroundType:e,video:t,slider:i,iframeVideo:r,gradient:s,overlay:f,widgetId:g,className:y})=>{var b;let[x,w]=l.useState(0);return(0,d.k)({widgetType:n.x.KeyVisual,widgetId:g,events:{onListItemSelected:e=>{w((null==e?void 0:e.index)||0)},onListItemClosed:()=>{w(0)}}}),(0,o.jsxs)(m,{className:y,children:[e===a.h.Image&&(null==(b=null==i?void 0:i.items)?void 0:b.length)&&(0,o.jsx)(c.A,{items:i.items,loop:i.loop,autoplay:i.autoSwipe,autoplayDelay:i.autoSwipeDelay,renderSlide:(e,t)=>(0,o.jsx)(h,{children:(0,o.jsx)(v,Object.assign({},e,{gradient:s,overlay:f}))},t),isControlsOutside:!1,withPagination:!0,withMobileControls:!1,selectedSlideIndex:x,slideGap:0}),e===a.h.Video&&t&&(0,o.jsx)(p.C,{src:t.src,posterSrc:t.posterSrc,autoplay:!0,overlay:f,gradient:s,loop:!0}),e===a.h.IframeVideo&&r&&(0,o.jsx)(u.G,{src:r.src,posterSrc:r.posterSrc,originSrc:r.originSrc,autoplay:!0,loop:!0,overlay:f,gradient:s,isCover:!0})]})}},40625:(e,t,i)=>{i.d(t,{Wx:()=>c});var o,l,r=i(14232),n=Object.defineProperty,a=new Map,s=new WeakMap,d=0;function c({threshold:e,delay:t,trackVisibility:i,rootMargin:l,root:n,triggerOnce:u,skip:p,initialInView:m,fallbackInView:h,onChange:v}={}){var f;let[g,y]=r.useState(null),b=r.useRef(v),x=r.useRef(m),[w,C]=r.useState({inView:!!m,entry:void 0});b.current=v,r.useEffect(()=>{let r;if(void 0===x.current&&(x.current=m),!p&&g)return r=function(e,t,i={},l=o){if(void 0===window.IntersectionObserver&&void 0!==l){let o=e.getBoundingClientRect();return t(l,{isIntersecting:l,target:e,intersectionRatio:"number"==typeof i.threshold?i.threshold:0,time:0,boundingClientRect:o,intersectionRect:o,rootBounds:o}),()=>{}}let{id:r,observer:n,elements:c}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var i;return`${t}_${"root"===t?!(i=e.root)?"0":(s.has(i)||(d+=1,s.set(i,d.toString())),s.get(i)):e[t]}`}).toString(),i=a.get(t);if(!i){let o,l=new Map,r=new IntersectionObserver(t=>{t.forEach(t=>{var i;let r=t.isIntersecting&&o.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=r),[...null!=(i=l.get(t.target))?i:[]].forEach(e=>{e(r,t)})})},e);o=r.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),i={id:t,observer:r,elements:l},a.set(t,i)}return i}(i),u=c.get(e)||[];return c.has(e)||c.set(e,u),u.push(t),n.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(c.delete(e),n.unobserve(e)),0===c.size&&(n.disconnect(),a.delete(r))}}(g,(e,t)=>{let i=x.current;x.current=e,(void 0!==i||e)&&(C({inView:e,entry:t}),b.current&&b.current(e,t),t.isIntersecting&&u&&r&&(r(),r=void 0))},{root:n,rootMargin:l,threshold:e,trackVisibility:i,delay:t},h),()=>{r&&r()}},[Array.isArray(e)?e.toString():e,g,n,l,u,p,i,h,t]);let k=null==(f=w.entry)?void 0:f.target,j=r.useRef(void 0);g||!k||u||p||j.current===k||(j.current=k,C({inView:!!m,entry:void 0}),x.current=m);let A=[y,w.inView,w.entry];return A.ref=A[0],A.inView=A[1],A.entry=A[2],A}r.Component,null!=(null!=(l=r.useInsertionEffect)?l:r.useLayoutEffect)||r.useEffect},49230:(e,t,i)=>{i.d(t,{i:()=>r});var o=i(14232),l=i(25894);let r=()=>{let{pageUiEnvironment:{document:e,window:t}}=(0,l.p)(),{0:i,1:r}=(0,o.useState)(!1);return(0,o.useEffect)(()=>{if(!e||!t)return;let i=null;try{i=t.parent.document}catch(e){}if(!i)return;if(i.querySelector(".iframe-print"))return void r(!0);let o=()=>{r(!0)},l=()=>{r(!1)};return t.addEventListener("beforeprint",o),t.addEventListener("afterprint",l),()=>{t.removeEventListener("beforeprint",o),t.removeEventListener("afterprint",l)}},[e,t,i]),{isPrintMode:i}}},81344:(e,t,i)=>{i.d(t,{Xj:()=>n,is:()=>a,pz:()=>r,yS:()=>l});var o=i(59698);let l=!o.k&&(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||/Macintosh/.test(navigator.userAgent)&&"ontouchend"in document),r=!o.k&&/iPhone|iPad|iPod/i.test(navigator.userAgent),n=!o.k&&/Android/i.test(navigator.userAgent),a=(()=>{var e;return!!(!o.k&&("ontouchstart"in window||(null==window?void 0:window.DocumentTouch)&&document instanceof(null==window?void 0:window.DocumentTouch)))||(e="("+" -webkit- -moz- -o- -ms- ".split(" ").join("touch-enabled),(")+"heartz)",!o.k&&window.matchMedia(e).matches)})()},91943:(e,t,i)=>{i.d(t,{I:()=>l});var o=i(32251);let l=()=>{let{isActive:e,boundary:t}=(0,o.N)().companySettings.globalDesign.contrast;return{boundary:e?t:120}}},92887:(e,t,i)=>{i.r(t),i.d(t,{WidgetKeyVisualFilters:()=>ef,default:()=>eg});var o=i(37876),l=i(14232),r=i(5646),n=i(96208),a=i(12842),s=i(37936),d=i(78116),c=i(97614),u=i(17370),p=i(38924),m=i(79350),h=i(2129),v=i(45270),f=i(32251),g=i(57484),y=i(34846),b=i(84840),x=i(2091),w=i(27258),C=i(55932),k=i(66392),j=i(65697),A=i(73055),S=i(64072),_=i(21845);let I=_.a.White,F="#00c8ff",O=e=>{var t,i,o,l,r;return[{type:"careerLevel",isActive:e.activateCareerLevelFilter.checked,initialValue:e.filterPresets.careerLevel},{type:"category",isActive:e.activateCategoryFilter.checked,initialValue:e.filterPresets.category}

1,{type:"workTime",isActive:null==(t=e.activateWorkTimeFilter)?void 0:t.checked,initialValue:e.filterPresets.workTime||""},{type:"workExperience",isActive:null==(i=e.activateWorkExperienceFilter)?void 0:i.checked,initialValue:e.filterPresets.workExperience||""},{type:"employmentType",isActive:null==(o=e.activateEmploymentTypeFilter)?void 0:o.checked,initialValue:e.filterPresets.employmentType||""},{type:"remoteStatus",isActive:null==(l=e.activateRemoteStatusFilter)?void 0:l.checked,initialValue:e.filterPresets.remoteStatus||""},{type:"location",isActive:e.activateCityFilter.checked,initialValue:e.filterPresets.location},{type:"country",isActive:null==(r=e.activateCountryFilter)?void 0:r.checked,initialValue:e.filterPresets.country||""},{type:"company",isActive:e.activateCompanyFilter.checked,initialValue:e.filterPresets.company}]},N=({children:e,formData:t,widgetId:i})=>{var r;let{t:n}=(0,y.Bd)(),{design:a,seo:s}=(0,f.N)(),d=(0,b.G)(a.colorSchema),c=(0,x.b)(t.color,d),u=(0,x.b)(t.buttonColor,d),p=n("widget.key-visual-filters.button.label"),m=t.activateHeadline.checked,h=(0,w.i)(t.headline.value,d,I),v=t.position.value,g=t.activateGradient.checked,_=t.gradientTransparency.value,N=(0,C.Y7)(t.gradient,a.colorSchema,_),z=t.activateOverlay.checked,T=(0,k.e)(t.warmth.value,t.transparency.value),E=t.backgroundType.value,M=t.altText.value,B=[Object.assign(Object.assign({},t.image.image),{alt:M})],L={src:t.video.src,posterSrc:t.imageVideoPlaceholder.image.src,altText:""},P=t.activateCustomHeadline.checked?t.filtersHeadline.value:n("widget.key-visual-filters.filters.title"),V=(e=>{let{t}=(0,y.Bd)(),{featureMatrix:i}=(0,f.N)(),{0:o,1:r}=(0,l.useState)(()=>O(e));return(0,l.useEffect)(()=>{r(O(e))},[e.filterPresets]),(0,l.useEffect)(()=>{var t,o,l,n,a,s,d;let c=0;!(null==(t=null==i?void 0:i.disabledJobFields)?void 0:t.careerLevel)&&e.activateCareerLevelFilter.checked&&c++,!(null==(o=null==i?void 0:i.disabledJobFields)?void 0:o.category)&&e.activateCategoryFilter.checked&&c++,!(null==(l=null==i?void 0:i.disabledJobFields)?void 0:l.company)&&e.activateCompanyFilter.checked&&c++,e.activateCityFilter.checked&&c++,e.activateCountryFilter.checked&&c++,!(null==(n=null==i?void 0:i.disabledJobFields)?void 0:n.workTime)&&e.activateWorkTimeFilter.checked&&c++,!(null==(a=null==i?void 0:i.disabledJobFields)?void 0:a.remoteStatus)&&e.activateRemoteStatusFilter.checked&&c++,!(null==(s=null==i?void 0:i.disabledJobFields)?void 0:s.workExperience)&&e.activateWorkExperienceFilter.checked&&c++,!(null==(d=null==i?void 0:i.disabledJobFields)?void 0:d.employmentType)&&e.activateEmploymentTypeFilter.checked&&c++,c>4||r(O(e))},[e.activateCompanyFilter.checked,e.activateCountryFilter.checked,e.activateCityFilter.checked,e.activateRemoteStatusFilter.checked,e.activateEmploymentTypeFilter.checked,e.activateWorkExperienceFilter.checked,e.activateWorkTimeFilter.checked,e.activateCategoryFilter.checked,e.activateCareerLevelFilter.checked]),(0,l.useMemo)(()=>o.filter(({isActive:e})=>e).map(e=>Object.assign(Object.assign({},e),{label:t(`widget.key-visual-filters.filter.${e.type}.label`),placeholder:t(`widget.key-visual-filters.filter.${e.type}.placeholder`),emptyOptionTitle:t(`widget.key-visual-filters.filter.${e.type}.selectAll`)})),[o])})(t),H=t.activateExpertColors.checked,W=H?(0,S.oU)(t.filterColor,d,F):F,$=H?(0,S.oU)(t.activeFilterColor,d,F):F,D=t.activateShowJobAdsThatMatchTheCurrentPageLocale.checked,q={backgroundColor:E===j.h.Color?c:void 0,buttonColor:u,headline:m?h:void 0,isMainHeading:s.isCustomMainHeadingEnabled&&(null==(r=s.mainHeadingWidgetInfo)?void 0:r.id)===i,isForCurrentLocale:D,filtersHeadline:P,filterColor:W,activeFilterColor:$,buttonLabel:p,verticalAlign:v,backgroundType:E,filtersConfig:V,slider:{items:B},video:L,gradient:g?N:void 0,overlay:z?T:void 0};return(0,o.jsx)(A.X,{data:q,widgetId:i,children:e})},z=A.t;var T=i(8924),E=i(60015),M=i(686),B=i(20104);let L=r.Ay.div.withConfig({displayName:"Filters__Container",componentId:"sc-g9yzvj-0"})(["display:flex;flex-direction:column;row-gap:",";@media ","{row-gap:",";}@media ","{row-gap:",";}"],(0,p.ls)(4),u.bp.t,(0,p.ls)(6),u.bp.d,(0,p.ls)(8)),P=r.Ay.div.withConfig({displayName:"Filters__Content",componentId:"sc-g9yzvj-1"})(["display:flex;flex-direction:column;row-gap:",";"],(0,p.ls)(2)),V=(0,r.AH)(["font-size:1rem;"," color:",";line-height:1.333;@media ","{font-size:1.125rem;}@media ","{font-size:1.5rem;}"],(0,p.Jl)(),_.a.White,u.bp.p,u.bp.d),H=r.Ay.div.withConfig({displayName:"Filters__Headline",componentId:"sc-g9yzvj-2"})(["",""],V),W=r.Ay.div.withConfig({displayName:"Filters__Filter",componentId:"sc-g9yzvj-3"})(["display:flex;column-gap:8px;align-items:center;@media ","{font-size:16px;column-gap:16px;}"],u.bp.t),$=r.Ay.span.withConfig({displayName:"Filters__Label",componentId:"sc-g9yzvj-4"})(["",""],V),D=r.Ay.button.withConfig({displayName:"Filters__SelectButton",componentId:"sc-g9yzvj-5"})([""," "," color:",";column-gap:0.25rem;align-items:center;&:focus-visible{outline-offset:2px;}"],p.GS,p.tP,({$color:e})=>e),q=r.Ay.span.withConfig({displayName:"Filters__ButtonLabel",componentId:"sc-g9yzvj-6"})([""," text-decoration-line:underline;text-decoration-thickness:0.11em;text-underline-offset:0.25em;color:currentColor;"],V),R=(0,r.Ay)(T.In).withConfig({displayName:"Filters__ButtonIcon",componentId:"sc-g9yzvj-7"})(["fill:currentColor;height:24px;width:24px;@media ","{height:32px;width:32px;}"],u.bp.d),K=({filterState:e,onApplyFilters:t,onOpenFilter:i})=>{let{filtersConfig:l,filtersHeadline:r,buttonColor:n,buttonLabel:a,filterColor:s}=z();return(0,o.jsx)(M.z,{children:(0,o.jsxs)(L,{children:[(0,o.jsxs)(P,{children:[r&&(0,o.jsx)(H,{children:r}),l.map((t,l)=>{var r;let n=(null==(r=e[t.type])?void 0:r.label)||t.emptyOptionTitle;return(0,o.jsxs)(W,{"data-selected":!!e[t.type],children:[t.label&&(0,o.jsx)($,{children:t.label}),(0,o.jsxs)(D,{$color:s,onClick:()=>i(l),children:[(0,o.jsx)(q,{children:n}),(0,o.jsx)(R,{name:E.kj.SelectChevronDown})]})]},t.type)})]}),(0,o.jsx)(B.$n,{onClick:t,label:a,size:B.Mp.Large,color:n,type:"button"})]})})};var G=i(36877),J=i(45031),Y=i(51580),U=i(81344);let Q=r.Ay.div.withConfig({displayName:"FilterModal__Container",componentId:"sc-1fhacjt-0"})([""," "," background-color:",";z-index:100;"],p.Pu,({$isActive:e})=>e?p.qG:p.Xn,(0,G.B3)(_.a.Black,.25)),X=r.Ay.div.withConfig({displayName:"FilterModal__Modal",componentId:"sc-1fhacjt-1"})(["position:absolute;top:16px;left:16px;bottom:16px;right:16px;"," background-color:",";color:",";transform:translateY(","px);transition:transform ",";overflow:hidden;display:flex;flex-direction:column;@media ","{top:48px;right:48px;left:auto;bottom:auto;max-height:90vh;width:423px;}@media ","{top:64px;right:64px;width:896px;}

1"],(0,p.hD)(J.aM,J.sS),_.a.White,_.a.Text,({$isActive:e})=>64*!e,J.q2,u.bp.p,u.bp.d),Z=r.Ay.div.withConfig({displayName:"FilterModal__Inner",componentId:"sc-1fhacjt-2"})(["display:flex;flex-direction:column;padding:64px 16px;overflow-y:auto;@media ","{padding:64px 40px;}@media ","{padding:96px 80px;}"],u.bp.p,u.bp.d),ee=r.Ay.button.withConfig({displayName:"FilterModal__CloseButton",componentId:"sc-1fhacjt-3"})(["",";height:32px;width:32px;position:absolute;top:12px;right:12px;@media ","{top:24px;right:24px;}"],p.GS,u.bp.d),et=(0,r.Ay)(T.In).withConfig({displayName:"FilterModal__CloseIcon",componentId:"sc-1fhacjt-4"})(["fill:",";"],_.a.Label),ei=r.Ay.input.withConfig({displayName:"FilterModal__SearchField",componentId:"sc-1fhacjt-5"})([""," width:100%;margin-bottom:2rem;border:2px solid ",";height:3.25rem;padding:0 20px;"," font-size:1.125rem;flex-shrink:0;@media ","{height:4.5rem;padding:0 32px;margin-bottom:3rem;font-size:1.5rem;","}&::placeholder{color:",";}"],p.tP,({theme:e})=>(0,p.iy)(e),(0,p.hD)(0,1.625,"rem"),u.bp.d,(0,p.hD)(0,2.25,"rem"),_.a.Label),eo=r.Ay.button.withConfig({displayName:"FilterModal__Item",componentId:"sc-1fhacjt-6"})([""," "," text-align:left;justify-content:flex-start;"," height:3.5rem;padding:0 20px;color:",";font-size:1.125rem;transition:background-color ",",color ",";@media ","{"," height:5rem;padding:0 32px;font-size:1.5rem;}&:hover{background-color:",";}"],p.GS,p.tP,(0,p.hD)(0,1.75,"rem"),({$isActive:e,$activeColor:t})=>e&&(0,r.AH)(["",""],({theme:e})=>t||(0,p.iy)(e)),J.W_,J.W_,u.bp.d,(0,p.hD)(0,2.5,"rem"),_.a.ArcticMist),el=({isOpen:e,value:t,items:i,searchPlaceholder:r,selectedColor:n,onChange:a,onClose:s,onCloseEnd:d})=>{let{t:c}=(0,y.Bd)(),u=(0,l.useRef)(null),{0:p,1:m}=(0,l.useState)(""),h=e=>{a(e)},v=(0,Y.K)(()=>{e||(null==d||d(),m(""))});(0,l.useEffect)(()=>{var t;e&&!U.yS&&(null==(t=u.current)||t.focus())},[e]);let f=(0,l.useMemo)(()=>{let e=i.sort((e,t)=>t.qty-e.qty);return""===p?e:e.filter(e=>e.label.toLocaleLowerCase().includes(p.toLocaleLowerCase()))},[p,i]);return(0,o.jsx)(Q,Object.assign({$isActive:e},v,{children:(0,o.jsxs)(X,{$isActive:e,children:[(0,o.jsx)(ee,{onClick:s,"aria-label":c("widget.key-visual-filters.aria-label.close-modal"),children:(0,o.jsx)(et,{name:E.kj.Cancel})}),(0,o.jsxs)(Z,{children:[(0,o.jsx)(ei,{ref:u,value:p,onChange:e=>{m(e.target.value)},placeholder:r}),p?null:(0,o.jsx)(eo,{$isActive:void 0===t,$activeColor:n,onClick:()=>h(void 0),children:c("widget.key-visual-filters.filter.empty-option.selectAll")}),f.map(e=>{var i;let l=t===e.value;return(0,o.jsxs)(eo,{$isActive:l,$activeColor:n,onClick:()=>h(e),children:[e.label," (",null!=(i=e.qty)?i:0,")"]})})]})]})}))};var er=i(35854),en=i(19598),ea=function(e,t){var i={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&0>t.indexOf(o)&&(i[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var l=0,o=Object.getOwnPropertySymbols(e);l<o.length;l++)0>t.indexOf(o[l])&&Object.prototype.propertyIsEnumerable.call(e,o[l])&&(i[o[l]]=e[o[l]]);return i},es=i(8943);let ed=(0,r.Ay)(n.w).withConfig({displayName:"KeyVisualFilters__Container",componentId:"sc-1xonny9-0"})(["position:relative;height:100vh;"]),ec=r.Ay.div.withConfig({displayName:"KeyVisualFilters__ContentContainer",componentId:"sc-1xonny9-1"})(["position:absolute;top:0;left:0;height:100%;width:100%;z-index:50;box-sizing:border-box;pointer-events:none;@media ","{row-gap:48px;}"],u.bp.p),eu=(0,r.Ay)(m.m).withConfig({displayName:"KeyVisualFilters__StyledWrapper",componentId:"sc-1xonny9-2"})(["height:100%;max-width:none;padding:0 ",";@media ","{padding:0 ",";}"],(0,p.QA)(1,12),u.bp.p,(0,p.QA)(2)),ep=r.Ay.div.withConfig({displayName:"KeyVisualFilters__Content",componentId:"sc-1xonny9-3"})(["position:relative;height:100%;width:100%;@media ","{display:flex;justify-content:",";}@media ","{margin:0 auto;max-width:","px;}"],u.bp.p,({$align:e})=>p.tK[e],u.bp.d,u.Gy.d),em=(0,r.Ay)(a.T).withConfig({displayName:"KeyVisualFilters__StyledKeyVisualLayout",componentId:"sc-1xonny9-4"})(["@media ","{width:75%;}"],u.bp.d),eh=e=>Object.fromEntries(e.map(e=>[e.type,e.initialValue?{label:e.initialValue,value:e.initialValue}:void 0])),ev=({className:e})=>{var t,i,r,n;let{isBuilderEnv:a}=(0,f.N)(),{filtersConfig:u,backgroundColor:p,backgroundType:m,video:y,slider:b,headline:x,isMainHeading:w,verticalAlign:C,gradient:k,overlay:j,widgetId:A,activeFilterColor:S,isForCurrentLocale:_}=z(),{scrollToWidgetByType:I}=(0,h.n)(),{onChangeJobFiltersState:F}=(0,g.G)(),{0:O,1:N}=(0,l.useState)(!1),{0:T,1:E}=(0,l.useState)(null),{0:M,1:B}=(0,l.useState)(eh(u));(0,es.Ij)(()=>{a&&B(eh(u))},[u]);let{filtersWithOptions:L}=(({filtersConfig:e,filterState:t,isForCurrentLocale:i})=>{let{pageId:o,locale:l,frontendOAuthClientId:r}=(0,f.N)(),n=(0,es.lB)(()=>Object.fromEntries(e.map(e=>[e.type,e.isActive])),[e]),{filters:a,error:s,isLoading:d}=(e=>{var{skip:t}=e,i=ea(e,["skip"]);let[{data:o,loading:l,error:r},n]=(0,en.bP)({method:"get",url:`${er.Q}/widgets/job-ads/filters`,params:i},{manual:t});return{filters:o,refetch:n,error:r,isLoading:l}})({userId:r,pageId:o,locale:l,isForCurrentLocale:i,filterStatus:n,filterState:(0,es.lB)(()=>Object.fromEntries(Object.entries(t).map(([e,t])=>[e,null==t?void 0:t.value])),[t]),skip:0===Object.keys(n).length});return{filtersWithOptions:(0,es.lB)(()=>(null==a?void 0:a.filters)?(e=>e.filters.map(t=>Object.assign(Object.assign({},t),{options:t.options.map(i=>{var o;return{label:i.title,value:i.value,qty:(null==(o=e.filtersPredictions[t.type])?void 0:o[i.value])||0}})})))(a):[],[a]),error:s,isLoading:d,filters:a}})({filtersConfig:u,filterState:M,isForCurrentLocale:_}),P=null!==T?u[T]:void 0,V=P&&null!=(i=null==(t=M[P.type])?void 0:t.value)?i:void 0,H=null!==T&&null!=(n=null==(r=L[T])?void 0:r.options)?n:[],W=()=>{N(!1)};return(0,v._)("Escape",{onPressDown:W}),(0,o.jsxs)(ed,{widgetName:d.x.KeyVisualFilters,widgetId:A,backgroundColor:p,className:e,children:[(0,o.jsx)(ec,{children:(0,o.jsx)(eu,{children:(0,o.jsx)(ep,{$align:c.w.Left,children:(0,o.jsx)(em,Object.assign({headline:x},w?{headlineTag:"h1"}:void 0,{verticalAlign:C,mobileHorizontalAlign:c.w.Left,children:(0,o.jsx)(K,{filterState:M,onApplyFilters:()=>{let e=Object.fromEntries(Object.entries(M).map(([e,t])=>[e,[null==t?void 0:t.value]]).filter(([,[e]])=>void 0!==e));I(d.x.JobList),F(e)},onOpenFilter:e=>{N(!0),E(e)}})}))})})}),(0,o.jsx)(s.G,{backgroundType:m,video:y,slider:b,widgetId:A,gradient:k,overlay:j}),(0,o.jsx)(el,{isOpen:O,searchPlaceholder:null==P?void 0:P.placeholder,value:V,items:H,selectedColor:S,onChange:e=>{P&&(B(t=>Object.assign(Object.assign({},t),{[P.type]:e})),N(!1))},onCloseEnd:()=>{E(null)},onClose:W})]})};function ef({formData:e,widgetId:t}){return(0,o.jsx)(N,{formData:e,widgetId:t,children:(0,o.jsx)(ev,{})})}let eg=ef}}]);