https://www.tesa.com/relaunch2020/build/job-list-results.990a96eb.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[3533],{4246:(e,l,t)=>{t.d(l,{aT:()=>g});var n=t(1223);const s={jobs:[],options:[],selectedValues:{},filteredResults:[],filterOptions:[]};function i(e){return null==e||""===e?[]:(Array.isArray(e)?e:[e]).filter(e=>null!=e&&""!==e).map(e=>String(e))}function a(e,l){var t;return i(null==e||null===(t=e.properties)||void 0===t?void 0:t[l])}function r(){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[];return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(l=>{const t=new Map;e.forEach(e=>{const n=a(e,l.name),s=function(e,l){const t=i(null==e?void 0:e[l]);return t.length?t:a(e,l)}(e,l.name);n.forEach((e,l)=>{t.has(e)||t.set(e,s[l]||e)})});const n=[...t.entries()].map(e=>{let[l,t]=e;return{value:l,label:t,_label:t}}).sort((e,l)=>String(e._label).localeCompare(String(l._label)));return{...l,value:i(l.value),entries:n}})}function o(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;const n=Object.keys(l).filter(e=>e!==t&&function(e,l){var t;return Boolean(null==e||null===(t=e[l])||void 0===t?void 0:t.length)}(l,e));return n.length?e.filter(e=>n.every(t=>a(e,t).some(e=>l[t].includes(e)))):e}function u(){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],l=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};return(arguments.length>0&&void 0!==arguments[0]?arguments[0]:[]).map(t=>{const n=l[t.name]||[],s=o(e,l,t.name),i=t.entries.map(e=>{const l=s.filter(l=>a(l,t.name).includes(e.value)).length;return{...e,label:`${e._label} (${l})`,count:l,disabled:0===l}}).filter(e=>e.count>0||n.includes(e.value));return{...t,value:n,entries:i}})}function d(){let{jobs:e=[],options:l=[]}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const t=r(l,e),n=function(e){return e.reduce((e,l)=>{const t=new Set(l.entries.map(e=>e.value));return e[l.name]=i(l.value).filter(e=>t.has(e)),e},{})}(t);return{jobs:e,options:t,selectedValues:n,filteredResults:o(e,n),filterOptions:u(t,e,n)}}function c(e,l){return{...e,selectedValues:l,filteredResults:o(e.jobs,l),filterOptions:u(e.options,e.jobs,l)}}function v(e,l){return e.models[l]||s}const g=(0,n.Q_)("jobListFilter",{state:()=>({models:{}}),getters:{isInitialized:e=>l=>Boolean(e.models[l]),getFilterOptions:e=>l=>v(e,l).filterOptions,getSelectedValues:e=>l=>v(e,l).selectedValues,getFilteredResults:e=>l=>v(e,l).filteredResults,getActiveFilterObject:e=>l=>function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:s;return Object.fromEntries(Object.entries(e.selectedValues).filter(e=>{let[,l]=e;return null==l?void 0:l.length}).map(e=>{let[l,t]=e;return[l,[...t]]}))}(v(e,l)),getActiveFilterSelection:e=>l=>function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:s;return e.options.filter(l=>{var t;return null===(t=e.selectedValues[l.name])||void 0===t?void 0:t.length}).map(l=>{const t=e.selectedValues[l.name].map(e=>{var t;return(null===(t=l.entries.find(l=>l.value===e))||void 0===t?void 0:t._label)||e});return{filterLabel:l.label,label:t.join(", "),values:[...e.selectedValues[l.name]]}})}(v(e,l))},actions:{initModel(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{model:l}=e;l&&(this.models={...this.models,[l]:d(e)})},setSelection(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{model:l,option:t,values:n}=e;if(!l||!t||!this.models[l])return;const s=this.models[l],a={...s.selectedValues,[t]:i(n)};this.models={...this.models,[l]:c(s,a)}},resetSelections(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};const{model:l}=e;if(!l||!this.models[l])return;const t=this.models[l],n=Object.fromEntries(Object.keys(t.selectedValues).map(e=>[e,[]]));this.models={...this.models,[l]:c(t,n)}}}})},8949:(e,l,t)=>{t.r(l),t.d(l,{default:()=>O});var n=t(5166),s=t(9238),i=t(6314),a=t(4246);const r={key:0,class:"filter-results filter-results--job-list marg-t--component","data-testid":"job-results"},o={class:"results-summary visibly-hidden","aria-live":"polite","aria-atomic":"true"},u={class:"container"},d=["data-testid"],c=["href","data-content","data-tracking-index"],v={class:"job-teaser__text-wrapper"},g={class:"job-teaser__text"},b={class:"job-teaser__overline label"},f=["innerHTML"],m=["innerHTML"],p=["innerHTML"],_=["innerHTML"],h=["innerHTML"],k={class:"job-teaser__cta"},j={class:"navigation-link"},y={class:"navigation-link__text"},w={key:0,class:"center marg-t--5"},L={key:1,class:"copy--large marg-t--5"},H={class:"t--semibold"},T=["innerHTML"],M=["innerHTML"],F={class:"marg-t--3 t--semibold"},O={__name:"JobListResults",props:{endlessScroll:{type:Boolean,default:!1},model:{type:String,required:!0}},setup(e){const l=e,t=(0,a.aT)(),O=(0,i.b)();O.fetchLabels({keys:["global","pages.job_offer"]});const S=(0,n.iH)(12),U=(0,n.iH)(null),D=(0,n.iH)(null),V=(0,n.Fl)(()=>t.isInitialized(l.model)),$=(0,n.Fl)(()=>t.getFilteredResults(l.model)),q=(0,n.Fl)(()=>t.getActiveFilterSelection(l.model)),z=(0,n.Fl)(()=>O.labels),I=(0,n.Fl)(()=>$.value.slice(0,S.value)),R=(0,n.Fl)(()=>$.value.length>S.value),x=(0,n.Fl)(()=>R.value&&(!l.endlessScroll||!U.value)),A=(0,n.Fl)(()=>{var e;return null===(e=z.value["pages.job_offer.results"])||void 0===e?void 0:e.replace(/%count%/,$.value.length)});function C(){S.value+=12}return(0,n.YP)($,()=>{S.value=12}),(0,n.bv)(()=>{l.endlessScroll&&"IntersectionObserver"in window&&D.value&&(U.value=new IntersectionObserver(e=>{let[l]=e;l.isIntersecting&&R.value&&C()},{rootMargin:"300px"}),U.value.observe(D.value))}),(0,n.Jd)(()=>{var e;null===(e=U.value)||void 0===e||e.disconnect()}),(e,l)=>V.value?((0,n.wg)(),(0,n.iD)("div",r,[(0,n._)("div",o,(0,n.zw)(A.value),1),l[12]||(l[12]=(0,n.Uk)()),(0,n._)("div",u,[((0,n.wg)(!0),(0,n.iD)(n.HY,null,(0,n.Ko)(I.value,(e,t)=>{var i,a;return(0,n.wg)(),(0,n.iD)("article",{key:e.jobID||t,class:"job-teaser","data-testid":`job-result-${e.jobID}`},[(0,n._)("a",(0,n.dG)({ref_for:!0},e.link||{},{href:null===(i=e.link)||void 0===i?void 0:i.url,"data-content":e.typeName,"data-tracking-module-type":"job-teaser","data-tracking-index":`${t+1}/${I.value.length}`,class:"job-teaser__link"}),[(0,n._)("div",v,[(0,n._)("div",g,[(0,n._)("div",b,[(0,n._)("span",{innerHTML:e.country},null,8,f),l[0]||(l[0]=(0,n.Uk)()),e.location?((0,n.wg)(),(0,n.iD)("span",{key:0,innerHTML:`| ${e.location}`},null,8,m)):(0,n.kq)("v-if",!0),l[1]||(l[1]=(0,n.Uk)()),e.entryLevel?((0,n.wg)(),(0,n.iD)("span",{key:1,innerHTML:`| ${e.entryLevel}`},null,8,p)):(0,n.kq)("v-if",!0),l[2]||(l[2]=(0,n.Uk)()),null!==(a=e.areas)&&void 0!==a&&a.length?((0,n.wg)(),(0,n.iD)("span",{key:2,innerHTML:`| ${e.areas.join(", ")}`},null,8,_)):(0,n.kq)("v-if",!0)]),l[3]||(l[3]=(0,n.Uk)()),(0,n._)("h3",{class:"job-teaser__headline headline headline--5",innerHTML:e.title},null,8,h)]),l[5]||(l[5]=(0,n.Uk)()),(0,n._)("div",k,[(0,n._)("span",j,[(0,n._)("span",y,(0,n.zw)(z.value["global.details"]),1),l[4]||(l[4]=(0,n.Uk)()),(0,n.Wm)(s.Z,{name:"angle-right",class:"navigation-link__icon"})])])])],16,c)],8,d)}),128)),l[9]||(l[9]=(0,n.Uk)()),(0,n._)("div",{ref_key:"observerTarget",ref:D},null,512),l[10]||(l[10]=(0,n.Uk)()),x.value?((0,n.wg)(),(0,n.iD)("div",w,[(0,n._)("button",{class:"button button--cta-2",type:"button",onClick:C}

1,(0,n.zw)(z.value["global.read_more"]),1)])):(0,n.kq)("v-if",!0),l[11]||(l[11]=(0,n.Uk)()),$.value.length?(0,n.kq)("v-if",!0):((0,n.wg)(),(0,n.iD)("div",L,[(0,n._)("span",H,(0,n.zw)(z.value["pages.job_offer.no_results_headline"]),1),l[7]||(l[7]=(0,n.Uk)()),((0,n.wg)(!0),(0,n.iD)(n.HY,null,(0,n.Ko)(q.value,(e,t)=>((0,n.wg)(),(0,n.iD)("div",{key:e.filterLabel,class:(0,n.C_)(["marg-t--1 copy",{"marg-t--3":0===t}])},[(0,n._)("span",{class:"t--semibold",innerHTML:`${e.filterLabel}:`},null,8,T),l[6]||(l[6]=(0,n.Uk)()),(0,n._)("span",{innerHTML:e.label},null,8,M)],2))),128)),l[8]||(l[8]=(0,n.Uk)()),(0,n._)("div",F,(0,n.zw)(z.value["pages.job_offer.no_results_footer"]),1)]))])])):(0,n.kq)("v-if",!0)}}}}]);