https://www.tesa.com/relaunch2020/build/tag-content-filter.da48f2fb.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[3902],{9707:(e,t,l)=>{function a(e,t,l){var a;return null!=e&&null!==(a=e.categories)&&void 0!==a&&a.includes(t)&&!l?{}:{categories:[t]}}function n(e,t){const l=e||{},a=l.tags||[];return{...l,tags:a.includes(t)?a.filter(e=>e!==t):[...a,t]}}function i(e,t){return Object.entries(t).reduce((e,t)=>{let[l,a]=t;return{...e,[l]:{...e[l],entries:[...e[l].entries,...a.entries]}}},{...e})}l.d(t,{Kh:()=>i,cG:()=>a,mX:()=>n})},9335:(e,t,l)=>{l.d(t,{Z:()=>a});const a={crush:(e,t=50)=>{let l=[];const a="-_.!~*'()";for(let e=127;--e;)(e>=48&&e<=57||e>=65&&e<=90||e>=97&&e<=122||a.includes(String.fromCharCode(e)))&&l.push(String.fromCharCode(e));for(let e=32;e<255;++e){let t=String.fromCharCode(e);"\\"==t||l.includes(t)||l.unshift(t)}e=e.replace(new RegExp("�","g"),"");const i=((e,l)=>{let a=l.length,n="";const i=e=>encodeURI(encodeURIComponent(e)).replace(/%../g,"i").length,r=e=>{let t=e.charCodeAt(0),l=e.charCodeAt(e.length-1);return t>=56320&&t<=57343||l>=55296&&l<=56319};let s={};for(let l=2;l<t;l++)for(let t=0;t<e.length-l;++t){let a=e.substr(t,l);if(s[a])continue;if(r(a))continue;let n=1;for(let i=e.indexOf(a,t+l);i>=0;++n)i=e.indexOf(a,i+l);n>1&&(s[a]=n)}for(;;){for(;a--&&e.includes(l[a]););if(a<0)break;let t,r=l[a],o=0,u=i(r);for(let e in s){let l=s[e],a=(l-1)*i(e)-(l+1)*u;n.length||(a-=i("�")),a<=0?delete s[e]:a>o&&(t=e,o=a)}if(!t)break;e=e.split(t).join(r)+r+t,n=r+n;let c={};for(let l in s){let a=l.split(t).join(r),n=0;for(let t=e.indexOf(a);t>=0;++n)t=e.indexOf(a,t+a.length);n>1&&(c[a]=n)}s=c}return{a:e,b:n}})(e=n(e),l);let r=i.a;return i.b.length&&(r+="�"+i.b),r+="_",r},uncrush:e=>{const t=(e=e.substring(0,e.length-1)).split("�");let l=t[0];if(t.length>1){let e=t[1];for(let t of e){let e=l.split(t);l=e.join(e.pop())}}return n(l,0)}},n=(e,t=1)=>{const l=[['"',"'"],["':","!"],[",'","~"],["}",")","\\","\\"],["{","(","\\","\\"]],a=(e,t)=>{let l=new RegExp(`${(t[2]?t[2]:"")+t[0]}|${(t[3]?t[3]:"")+t[1]}`,"g");return e.replace(l,e=>e===t[0]?t[1]:t[0])};if(t)for(let t=0;t<l.length;++t)e=a(e,l[t]);else for(let t=l.length;t--;)e=a(e,l[t]);return e}},370:(e,t,l)=>{l.d(t,{Z:()=>d});var a=l(5166);const n=["href"],i={key:0,class:"page-teaser__image-wrapper"},r={class:"page-teaser__text-wrapper"},s={key:0,class:"page-teaser__overline label"},o=["innerHTML"],u=["innerHTML"],c={class:"page-teaser__cta button"},d={__name:"PageTeaser",props:{url:{type:String,default:null,mandatory:!0},overline:{type:String,default:null},text:{type:String,default:null},title:{type:String,default:null},linkText:{type:String,default:null},image:{type:Object,default:null},displayText:{type:Boolean,default:!0}},setup:e=>(t,l)=>{const d=(0,a.up)("base-image");return(0,a.wg)(),(0,a.iD)("article",{class:(0,a.C_)(["page-teaser",[{"page-teaser--with-copy":e.text}]])},[(0,a._)("a",{href:e.url,class:"page-teaser__link"},[e.image?((0,a.wg)(),(0,a.iD)("div",i,[(0,a.Wm)(d,(0,a.dG)(e.image,{"lazy-load":!0}),null,16)])):(0,a.kq)("v-if",!0),l[3]||(l[3]=(0,a.Uk)()),(0,a._)("div",r,[e.overline?((0,a.wg)(),(0,a.iD)("div",s,(0,a.zw)(e.overline),1)):(0,a.kq)("v-if",!0),l[0]||(l[0]=(0,a.Uk)()),(0,a._)("h3",{class:(0,a.C_)(["page-teaser__headline",[e.displayText&&e.text?"subline":"headline headline--4"]]),innerHTML:e.title},null,10,o),l[1]||(l[1]=(0,a.Uk)()),e.displayText&&e.text?((0,a.wg)(),(0,a.iD)("p",{key:1,class:"page-teaser__copy marg-t--1",innerHTML:e.text},null,8,u)):(0,a.kq)("v-if",!0),l[2]||(l[2]=(0,a.Uk)()),(0,a._)("div",c,(0,a.zw)(e.linkText),1)])],8,n)],2)}}},9997:(e,t,l)=>{l.r(t),l.d(t,{default:()=>$});var a=l(5166),n=l(9669),i=l.n(n),r=l(370),s=l(7105);const o={class:"filter-results marg-t--component","aria-live":"polite","aria-atomic":"true"},u={class:"container"},c={class:"marg-t--5 marg-t-md--7"},d={key:0,class:"grid-row"},g={class:"filter-results__button-wrapper col-12"},v={__name:"TagContentFilterResults",props:{results:{type:Array,default:()=>[]},totalResultsCount:{type:Number,default:0},initialResultsThreshold:{type:Number,default:6},resultTeaserLayout:{type:String,default:null}},emits:["fetchData"],setup(e,t){let{emit:l}=t;const n=e,i=l,{labelStore:v}=(0,s.b)({labelsRequired:["global"]}),f=(0,a.iH)(!1),p=(0,a.iH)(null),h=(0,a.iH)(null),y=(0,a.Fl)(()=>n.results.map(e=>({id:e.id,overline:e.teaserCategory,url:e.url,title:e.teaserTitle,text:e.teaserText,linkText:e.teaserLinkText,displayText:"headlineOnly"!==n.resultTeaserL

1ayout,image:e.teaserImage})).slice(0,f.value?1/0:n.initialResultsThreshold)),_=(0,a.Fl)(()=>n.totalResultsCount>Math.min(n.results.length,n.initialResultsThreshold));function m(){i("fetchData"),(0,a.Y3)(b)}function b(){p.value=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&i("fetchData")},{rootMargin:"300px"}),p.value.observe(h.value),f.value=!0}function k(){var e;null===(e=p.value)||void 0===e||e.unobserve(h.value),p.value=null,f.value=!1}return(0,a.YP)(_,e=>{!e&&p.value&&k()}),(0,a.Jd)(k),(t,l)=>{const n=(0,a.up)("Skeleton");return(0,a.wg)(),(0,a.iD)("div",o,[(0,a._)("div",u,[(0,a._)("div",c,[e.results.length?((0,a.wg)(),(0,a.iD)("div",d,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(y.value,e=>((0,a.wg)(),(0,a.iD)("div",{key:`tag-content-filter-result-${e.id}`,class:"col-12 col-sm-6 col-md-4"},[(0,a.Wm)(r.Z,(0,a.dG)({ref_for:!0},e),null,16)]))),128)),l[1]||(l[1]=(0,a.Uk)()),(0,a._)("div",g,[_.value&&!f.value?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"button button--inline button--cta-2",onClick:m},(0,a.zw)((0,a.SU)(v)["global.load_more"]),1)):(0,a.kq)("v-if",!0),l[0]||(l[0]=(0,a.Uk)()),(0,a._)("div",{ref_key:"infiniteScrollObserverElement",ref:h},null,512)])])):((0,a.wg)(),(0,a.j4)(n,{key:1}))])])])}}};var f=l(3744);const p=(0,f.Z)(v,[["__scopeId","data-v-b6241506"]]);var h=l(9335),y=l(7651),_=l(9707);const m={role:"region"},b={class:"tag-filter-module"},k={class:"container"},w={class:"grid-row"},C={class:"col-12 col-sm-9"},T={class:"marg-t--5"},U=["id"],D={class:"tag-filter-module__filter-options marg-t--3"},S=["aria-labelledby"],x=["id","aria-controls","aria-selected","onClick"],R={key:0,class:"headline headline--5 marg-t--5","aria-hidden":"true"},O=["id","aria-labelledby"],H={class:"visibly-hidden"},j={class:"tag-filter-module__filter-options marg-t--3"},q=["aria-checked","onClick"],z={__name:"TagContentFilter",props:{dataEndpoint:{type:String,default:null},filterCategories:{type:Object,default:()=>({})},displayOverallCategoryButton:{type:Boolean,default:!1},initialDisplayResultsThreshold:{type:Number,default:6},resultTeaserLayout:{type:String,default:null}},setup(e){var t,l;const n="a",r=e,{labelStore:o}=(0,s.b)({labelsRequired:["modules.tag_filter","pages.advent_calendar"],labelKeyReplaceFn:e=>e.replace("modules.tag_filter.","")}),u=null===(t=(0,a.FN)())||void 0===t?void 0:t.proxy,c=(0,a.iH)(new Map),d=(0,y.Rl)(),g=(0,a.iH)(null),v=(0,a.iH)(0),f=(0,a.iH)(0),z=(0,a.iH)(5),$=(0,a.iH)(!0),F=(0,a.iH)({});let I=null;const L=(0,a.Fl)(()=>{var e,t;return null===(e=g.value)||void 0===e||null===(t=e.categories)||void 0===t?void 0:t[0]}),M=(0,a.Fl)(()=>{const e=g.value||{};return[...c.value.values()].filter(t=>Object.entries(e).every(e=>{let[l,a]=e;return"categories"===l?t.category===a[0]:!a.length||a.some(e=>t.tags.includes(e))})).sort((e,t)=>{var l;return null===(l=t.publicationDate)||void 0===l?void 0:l.localeCompare(e.publicationDate)})}),Y=(0,a.Fl)(()=>{var e,t;return null===(e=g.value)||void 0===e||null===(t=e.categories)||void 0===t?void 0:t.flatMap(e=>{var t;return(null===(t=r.filterCategories[e])||void 0===t?void 0:t.tags)||[]})});async function B(){var e;let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:48,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:f.value;const a=g.value||{},n=F.value[(null===(e=a.categories)||void 0===e?void 0:e[0])||"overall"]??-1;if(l&&M.value.length===n)return;I&&I.cancel("Operation canceled by new request."),I=i().CancelToken.source();const s={...a};try{var o;const e=await i()({method:"get",url:r.dataEndpoint,params:{...s,limit:t,offset:l},cancelToken:I.token});if("success"===(null===(o=e.data)||void 0===o?void 0:o.status)){var u,d;const t=[...c.value.entries(),...e.data.results.map(e=>[e.id,{...e,category:e.category,tags:e.tags}])];var p;if(c.value=new Map(t),v.value=e.data.totalResultsCount??0,f.value+=(null===(u=e.data.results)||void 0===u?void 0:u.length)??0,null===(d=s.tags)||void 0===d||!d.length)F.value[(null===(p=s.categories)||void 0===p?void 0:p[0])||"overall"]=e.data.totalResultsCount}}catch(e){console.warn("loadResults failed ",e)}}function Z(){g.value={}}(0,a.YP)(g,e=>{v.value=0,f.value=0,M.value.length<r.initialDisplayResultsThreshold||!Object.keys(e||{}).length&&(F.value.overall??0)<r.initialDisplayResultsThreshold?B():v.value=M.value.length,function(){const e=history.state,t=

1document.title,l=new URL(location.href),a={...Object.keys(g.value||{}).length&&{[n]:g.value}};l.hash=Object.keys(a).length?`tcf=${encodeURIComponent(h.Z.crush(JSON.stringify(a)))}`:"",history.replaceState(e,t,l.href)}()},{deep:!0});const K=function(){try{var e;const t=null===(e=(0,y.nb)())||void 0===e?void 0:e.tcf;return JSON.parse(h.Z.uncrush(decodeURIComponent(t)))}catch(e){return null}}();return null!=u&&null!==(l=u.$root)&&void 0!==l&&l.isBFCache||!K||!function(e){const t={[n]:()=>!0};return Object.entries(e).every(e=>{let[l,a]=e;return!t[l]||t[l](a)})}(K)?g.value={}:function(e){g.value=e[n]}(K),(t,l)=>{const n=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("section",m,[(0,a._)("div",b,[(0,a._)("div",k,[(0,a._)("div",w,[(0,a._)("div",C,[(0,a.WI)(t.$slots,"default")])]),l[5]||(l[5]=(0,a.Uk)()),(0,a._)("div",T,[(0,a._)("div",{class:"headline headline--5",id:`tag-filter-${(0,a.SU)(d)}-category-title`},(0,a.zw)((0,a.SU)(o).category_filter_headline),9,U),l[2]||(l[2]=(0,a.Uk)()),(0,a._)("div",D,[e.displayOverallCategoryButton?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:(0,a.C_)(["tag-filter-module__filter-category headline headline--3",{"-active":!g.value.categories}]),onClick:Z},(0,a.zw)((0,a.SU)(o).show_all),3)):(0,a.kq)("v-if",!0),l[1]||(l[1]=(0,a.Uk)()),(0,a._)("div",{class:"tag-filter-module__tabs-wrapper",role:"tablist","aria-labelledby":`tag-filter-${(0,a.SU)(d)}-category-title`},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.filterCategories,t=>((0,a.wg)(),(0,a.iD)("button",{key:t.name,type:"button",role:"tab",class:(0,a.C_)(["tag-filter-module__filter-category headline headline--3",{"-active":g.value.categories&&g.value.categories.includes(t.name)}]),id:`tab-${t.name}`,"aria-controls":`panel-${t.name}`,"aria-selected":g.value.categories&&g.value.categories.includes(t.name),onClick:e=>function(e){g.value=(0,_.cG)(g.value,e,r.displayOverallCategoryButton)}(t.name)},[(0,a.Uk)((0,a.zw)(t.label)+" ",1),e.displayOverallCategoryButton?(0,a.kq)("v-if",!0):((0,a.wg)(),(0,a.j4)(n,{key:0,name:"close",class:"tag-filter-module__filter-category-icon"}))],10,x))),128))],8,S)])]),l[6]||(l[6]=(0,a.Uk)()),Y.value&&Y.value.length?((0,a.wg)(),(0,a.iD)("div",R,(0,a.zw)((0,a.SU)(o).tag_filter_headline),1)):(0,a.kq)("v-if",!0),l[7]||(l[7]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.filterCategories,e=>((0,a.wg)(),(0,a.iD)("div",{key:e.name,id:`panel-${e.name}`,role:"tabpanel","aria-labelledby":`tab-${e.name}`},[L.value===e.name?((0,a.wg)(),(0,a.iD)(a.HY,{key:0},[(0,a._)("p",H,[(0,a._)("span",null,(0,a.zw)(Y.value&&Y.value.length?Y.value.length:"0"),1),(0,a.Uk)(" "+(0,a.zw)((0,a.SU)(o).tag_filter_headline),1)]),l[4]||(l[4]=(0,a.Uk)()),(0,a._)("div",j,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(Y.value.slice(0,$.value?z.value:1/0),e=>((0,a.wg)(),(0,a.iD)("button",{key:e.name,type:"button",class:(0,a.C_)(["tag-filter-module__filter-tag button button--inline",{"-active":g.value.tags&&g.value.tags.includes(e.name)}]),role:"checkbox","aria-checked":g.value.tags&&g.value.tags.includes(e.name)?"true":"false",onClick:t=>function(e){g.value=(0,_.mX)(g.value,e)}(e.name)},[(0,a.Uk)((0,a.zw)(e.label)+" ",1),(0,a.Wm)(n,{name:"close",class:"tag-filter-module__filter-tag-icon"})],10,q))),128)),l[3]||(l[3]=(0,a.Uk)()),Y.value.length>z.value?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"tag-filter-module__filter-toggle-tag button button--inline",onClick:l[0]||(l[0]=e=>$.value=!$.value)},[(0,a.Uk)((0,a.zw)($.value?(0,a.SU)(o).show_all:(0,a.SU)(o).show_less)+" ",1),(0,a.Wm)(n,{name:$.value?"plus":"minus",class:"tag-filter-module__filter-toggle-tag-icon"},null,8,["name"])])):(0,a.kq)("v-if",!0)])],64)):(0,a.kq)("v-if",!0)],8,O))),128))])]),l[8]||(l[8]=(0,a.Uk)()),(0,a.Wm)(p,{results:M.value,"total-results-count":v.value,"initial-results-threshold":e.initialDisplayResultsThreshold,"result-teaser-layout":e.resultTeaserLayout,onFetchData:B},null,8,["results","total-results-count","initial-results-threshold","result-teaser-layout"])])}}},$=(0,f.Z)(z,[["__scopeId","data-v-01cfb1df"]])}}]);