https://www.tesa.com/relaunch2020/build/help-and-support-filter.224b0aaf.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[7064],{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 s(e,t){const l=e||{},a=l.tags||[];return{...l,tags:a.includes(t)?a.filter(e=>e!==t):[...a,t]}}function n(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:()=>n,cG:()=>a,mX:()=>s})},4782:(e,t,l)=>{l.d(t,{Z:()=>o});var a=l(5166);const s={class:"faq__question-summary"},n=["innerHTML"],i={class:"faq__question__answer"},r={key:0,class:"faq__question__answer__image"},u=["innerHTML"],o={__name:"FaqItem",props:{question:{type:String,default:null},answer:{type:String,default:null},image:{type:Object,default:null}},setup:e=>(t,l)=>{const o=(0,a.up)("IconPlusMinus"),c=(0,a.up)("base-image"),p=(0,a.up)("BaseAccordion2024");return(0,a.wg)(),(0,a.j4)(p,{class:"faq__question"},{toggle:(0,a.w5)(t=>[(0,a._)("header",s,[(0,a._)("h3",{class:"copy",innerHTML:e.question},null,8,n),l[0]||(l[0]=(0,a.Uk)()),(0,a.Wm)(o,{"is-open":t.isOpen,class:"faq__question__icon"},null,8,["is-open"])])]),default:(0,a.w5)(()=>[l[2]||(l[2]=(0,a.Uk)()),(0,a._)("div",i,[(0,a._)("div",{class:(0,a.C_)(["faq__question__answer__content",{"faq__question__answer__content--with-image":!!e.image}])},[e.image?((0,a.wg)(),(0,a.iD)("div",r,[(0,a.Wm)(c,(0,a.dG)(e.image,{"lazy-load":!0}),null,16)])):(0,a.kq)("v-if",!0),l[1]||(l[1]=(0,a.Uk)()),(0,a._)("div",{class:"faq__question__answer__text richtext",innerHTML:e.answer},null,8,u)],2)])]),_:1})}}},2766:(e,t,l)=>{l.r(t),l.d(t,{default:()=>C});var a=l(5166),s=l(1550),n=l(9669),i=l.n(n),r=l(370),u=l(4782),o=l(7105);const c={class:"support-results"},p={class:"container"},d={key:0,class:"headline headline--3 support-results__category-headline"},_={class:"grid-row"},v={key:1,class:"col-12 col-md-10 support-results__faqs"},g={class:"support-results__button-wrapper"},b=["onClick"],m={__name:"HelpAndSupportResults",props:{entries:{type:Object,default:()=>({})},totalResultsCount:{type:Number,default:0},infiniteScroll:{type:Boolean,default:!1}},emits:["loadMoreResults","tabButtonClicked"],setup(e,t){let{emit:l}=t;const s=e,n=l,{labelStore:i}=(0,o.b)({labelsRequired:["global"]}),m=(0,a.iH)(!1),f=(0,a.iH)(null),y=(0,a.iH)(null),w=(0,a.Fl)(()=>Object.fromEntries(Object.entries(s.entries).map(e=>{let[t,l]=e;return[t,{...l,entries:l.entries.map(e=>"howto"===e.typeName?{id:e.id,title:e.teaserTitle,url:e.link.url,text:e.teaserText,linkText:e.teaserLinkText,image:e.teaserImage}:{id:e.id,question:e.question,answer:e.answer,image:e.teaserImage})}]}))),k=(0,a.Fl)(()=>{const e=Object.values(s.entries||{})[0];return e&&e.total>e.entries.length});function h(){n("loadMoreResults"),(0,a.Y3)(q)}function q(){f.value=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&n("loadMoreResults")},{rootMargin:"300px"}),f.value.observe(y.value),m.value=!0}function S(){var e;null===(e=f.value)||void 0===e||e.unobserve(y.value),f.value=null,m.value=!1}return(0,a.YP)(k,e=>{!e&&f.value&&S()}),(0,a.Jd)(S),(t,l)=>((0,a.wg)(),(0,a.iD)("div",c,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(w.value,(t,s)=>((0,a.wg)(),(0,a.iD)(a.HY,null,[t.entries.length?((0,a.wg)(),(0,a.iD)("div",{key:`support-results-category-${s}`,class:(0,a.C_)(["support-results__result-category",`support-results__result-category--${s}`])},[(0,a._)("div",p,[t.headline?((0,a.wg)(),(0,a.iD)("div",d,(0,a.zw)(t.headline),1)):(0,a.kq)("v-if",!0),l[1]||(l[1]=(0,a.Uk)()),(0,a._)("div",_,["howto"===s?((0,a.wg)(!0),(0,a.iD)(a.HY,{key:0},(0,a.Ko)(t.entries,e=>((0,a.wg)(),(0,a.iD)("div",{key:`support-result-howto-${e.id}`,class:"col-12 col-sm-6 col-md-4"},[(0,a.Wm)((0,a.SU)(r.Z),(0,a.dG)({ref_for:!0},e),null,16)]))),128)):((0,a.wg)(),(0,a.iD)("div",v,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(t.entries,e=>((0,a.wg)(),(0,a.j4)((0,a.SU)(u.Z),(0,a.dG)({ref_for:!0},e,{key:`support-result-faq-${e.id}`}),null,16))),128))]))]),l[2]||(l[2]=(0,a.Uk)()),(0,a._)("div",g,[t.showChangeTabButton?((0,a.wg)(),(0,a.iD)("button",{key:0,t

1ype:"button",class:"support-results__button button button--inline button--cta-2",onClick:e=>n("tabButtonClicked",s)},(0,a.zw)((0,a.SU)(i)["global.load_more"]),9,b)):(0,a.kq)("v-if",!0),l[0]||(l[0]=(0,a.Uk)()),e.infiniteScroll&&k.value&&!m.value?((0,a.wg)(),(0,a.iD)("button",{key:1,type:"button",class:"support-results__button button button--inline button--cta-2",onClick:h},(0,a.zw)((0,a.SU)(i)["global.load_more"]),1)):(0,a.kq)("v-if",!0)])])],2)):(0,a.kq)("v-if",!0)],64))),256)),l[3]||(l[3]=(0,a.Uk)()),(0,a._)("div",{ref_key:"infiniteScrollObserverElement",ref:y},null,512)]))}};const f=(0,l(3744).Z)(m,[["__scopeId","data-v-5d034311"]]);var y=l(2388),w=l(9707);const k={class:"support-filter__filter-wrapper"},h={class:"container"},q={class:"support-filter__filter grid-row"},S={class:"col-12 support-filter__headline-wrapper"},U={class:"col-12 col-md-4 support-filter__button-wrapper"},C={__name:"HelpAndSupportFilter",props:{endpointUrl:{type:String,required:!0},labels:{type:Object,default:()=>({})},filters:{type:[Object,Array],default:null},ajaxLimit:{type:Number,default:10}},setup(e){const t=e,{labelStore:l}=(0,o.b)({labelsRequired:["global","pages.help"]}),n=(0,a.iH)(null),r=(0,a.iH)({}),u=(0,a.iH)({}),c=(0,a.iH)(!1),p=(0,a.iH)("topResults"),d=(0,a.iH)(0),_=(0,a.iH)(!1),v=(0,a.Fl)(()=>Object.entries(t.filters||{}).map(e=>{let[t,l]=e;return{name:t,options:Object.entries(l).reduce((e,t)=>{let[l,a]=t;return[...e,{group:l,label:!1,selectable:!1},...Object.entries(a.options).map(e=>{let[t,l]=e;return{label:t,value:l,class:"base-select__indented-option"}})]},[])}})),g=(0,a.Fl)(()=>[{categoryName:"topResults",label:l.value["pages.help.top_results"]||"Top results"},...Object.entries(u.value).map(e=>{let[t,a]=e;return{categoryName:t,label:`${l.value[`pages.help.${t}_title`]} (${a.total})`,disabled:!a.total}})]),b=(0,a.Fl)(()=>Object.fromEntries(Object.entries(u.value).map(e=>{let[t,a]=e;return[t,{headline:l.value[`pages.help.${t}_title`],entries:a.entries.slice(0,3),showChangeTabButton:a.entries.length>3}]})));function m(){r.value={}}function C(e,t){var l;t&&(null===(l=n.value)||void 0===l||l.scrollIntoView({behavior:"smooth",inline:"start"}));(0,a.Y3)(()=>{p.value=e})}async function H(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:t.endpointUrl;if(!_.value){try{_.value=!0;const l=await i()({method:"get",url:e,params:{...r.value,startIndex:d.value,limit:t.ajaxLimit}});Object.keys(u.value).length?u.value=(0,w.Kh)(u.value,l.data.data):u.value=l.data.data,d.value+=t.ajaxLimit}catch(e){console.warn("loadResults failed ",e)}c.value=!0,_.value=!1}}return(0,a.YP)(g,e=>{var t;p.value=null===(t=e[0])||void 0===t?void 0:t.categoryName}),(0,a.YP)(r,(e,t)=>{JSON.stringify(e)!==JSON.stringify(t)&&(d.value=0,u.value={},H())},{deep:!0}),H(),(e,t)=>{const i=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("section",{ref_key:"rootElement",ref:n,class:"support-filter marg-t--component"},[(0,a._)("div",k,[(0,a._)("div",h,[(0,a._)("div",q,[(0,a._)("div",S,[(0,a.WI)(e.$slots,"default")]),t[2]||(t[2]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(v.value,e=>((0,a.wg)(),(0,a.iD)("div",{key:`help-and-support-filter-${e.name}`,class:"col-12 col-md-4"},[(0,a.Wm)((0,a.SU)(s.default),{class:"support-filter__select",label:(0,a.SU)(l)[`pages.help.${e.name}`],options:e.options,"use-validation":!1,"include-empty":!1,"label-empty":(0,a.SU)(l)["global.reset"],"show-optional-label":!1,selectable:e=>!e.group,"initial-value":r.value[e.name]||"",searchable:"","background-color":"gray",onChange:t=>function(e,t){null!=e&&e.value&&(r.value={[t]:e.value})}(t,e.name)},null,8,["label","options","label-empty","selectable","initial-value","onChange"])]))),128)),t[3]||(t[3]=(0,a.Uk)()),(0,a._)("div",U,[(0,a._)("button",{type:"button",class:"button button--cta-2 button--with-icon support-filter__button",onClick:m},[(0,a.Uk)((0,a.zw)((0,a.SU)(l)["global.reset"])+" ",1),(0,a.Wm)(i,{name:"reset"})])])])])]),t[6]||(t[6]=(0,a.Uk)()),c.value?((0,a.wg)(),(0,a.iD)(a.HY,{key:0},[(0,a.Wm)((0,a.SU)(y.Z),{tabs:g.value,activeCategoryName:p.value,onTabButtonClicked:t[0]||(t[0]=e=>C(e,!1))},null,8,["tabs","activeCategoryName"]),t[5]||(t[5]=(0,a.Uk)()),(0,a.Wm)(a.W3,{name:"fade",tag:"div",class:"support-filter__results"},{default:(0,a.w5)(()=>["topResults"===p.value?((0,a.wg)(),(0,a.j4)((0,a.SU)(f),{key:"help-and-support-top-results",entries:b.value,onTabButtonClicked:t[1]||(t[1]=e=>C(e,!0))},null,8,["entries"])):(0,a.kq)("v-if",!0),t[4]||(t[4]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(u.value,(e,t)=>((0,a.wg)(),(0,a.iD)(a.HY,null,[p.value===t?((0,a.wg)(),(0,a.j4)((0,a.SU)(f),{key:`help-and-support-results-${t}`,entries:{[t]:e},"infinite-scroll":!0,onLoadMoreResults:H},null,8,["entries"])):(0,a.kq)("v-if",!0)],64))),256))]),_:1})],64)):(0,a.kq)("v-if",!0)],512)}}}},370:(e,t,l)=>{l.d(t,{Z:()=>p});var a=l(5166);const s=["href"],n={key:0,class:"page-teaser__image-wrapper"},i={class:"page-teaser__text-wrapper"},r={key:0,class:"page-teaser__overline label"},u=["innerHTML"],o=["innerHTML"],c={class:"page-teaser__cta button"},p={__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 p=(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",n,[(0,a.Wm)(p,(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",i,[e.overline?((0,a.wg)(),(0,a.iD)("div",r,(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,u),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,o)):(0,a.kq)("v-if",!0),l[2]||(l[2]=(0,a.Uk)()),(0,a._)("div",c,(0,a.zw)(e.linkText),1)])],8,s)],2)}}},2388:(e,t,l)=>{l.d(t,{Z:()=>o});var a=l(5166);const s={class:"search-results-tab-nav",role:"tablist"},n={class:"search-results-tab-nav__wrapper"},i={class:"container search-results-tab-nav__container"},r=["id","aria-controls","aria-selected","data-testid","disabled","onClick"],u=Object.assign({name:"SearchResultsTabNav"},{__name:"SearchResultsTabNav",props:{tabs:{type:Array,default:()=>[]},activeCategoryName:{type:String,default:null}},emits:["tabButtonClicked"],setup:e=>(t,l)=>((0,a.wg)(),(0,a.iD)("div",s,[(0,a._)("div",n,[(0,a._)("div",i,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.tabs,(l,s)=>((0,a.wg)(),(0,a.iD)("div",{key:`search-results-tab-nav-button-${s}`,class:(0,a.C_)(["search-results-tab-nav__button-wrapper",{"-active":l.categoryName===e.activeCategoryName,"-disabled":l.disabled}])},[(0,a._)("button",{type:"button",class:"search-results-tab-nav__button",role:"tab",id:`tab-${l.categoryName}`,"aria-controls":`panel-${l.categoryName}`,"aria-selected":l.categoryName===e.activeCategoryName?"true":"false","data-testid":`search-category-${l.categoryName}`,disabled:l.disabled,onClick:e=>t.$emit("tabButtonClicked",l.categoryName)},(0,a.zw)(l.label),9,r)],2))),128))])])]))});const o=(0,l(3744).Z)(u,[["__scopeId","data-v-f3f7a154"]])}}]);