https://www.tesa.com/relaunch2020/build/product-finder.7b78dffe.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[4137,8331,6895],{8481:(e,l,t)=>{t.r(l),t.d(l,{default:()=>c});var a=t(5166),r=t(7302),o=t(1167),n=t(8156);const i=["name"],u=["data-testid"],s=["innerHTML"],c=Object.assign({name:"FriendlyCaptcha",inheritAttrs:!1},{__name:"FriendlyCaptcha",props:{customMessages:{type:Object},id:{type:String,default:null},language:{type:String,default:document.querySelector("html").lang||"en"},name:{type:String,default:null,required:!0},backgroundColor:{type:String,default:"white",validator:e=>["white","gray","red","blue"].includes(e)},required:{type:[Boolean,String],default:!0},rules:{type:[String,Object]},siteKey:{type:String,default:null,required:!0}},setup(e,l){var t;let{expose:c}=l;const d=null===(t=(0,a.FN)())||void 0===t?void 0:t.proxy,p=(0,a.iH)(null),v=(0,a.iH)(null),f=(0,a.iH)(null),m=e;(0,r.S)(f);const _=(0,a.iH)(null),g=(0,a.iH)(null),b=(0,a.iH)(!1),h=(0,a.iH)(!1),y=(0,a.iH)(null),k=(0,a.Fl)(()=>m.required?{required:{allowFalse:!1}}:{});function w(){var e,l,t,a;g.value=null,b.value=!1,null===(e=_.value)||void 0===e||null===(l=e.reset)||void 0===l||l.call(e),h.value||null===(t=_.value)||void 0===t||null===(a=t.start)||void 0===a||a.call(t)}function F(e){g.value=e,(0,a.Y3)(()=>{var e;return null===(e=f.value)||void 0===e?void 0:e.validate(g.value)})}function S(){console.warn("CAPTCHA error:",...arguments)}function C(){b.value=!0}return(0,a.bv)(()=>{var e;h.value=!!v.value.closest("dialog");const l=p.value,t={sitekey:m.siteKey,language:m.language,solutionFieldName:"-",skipStyleInjection:!1,startMode:h.value?"none":"focus",doneCallback:F.bind(d),errorCallback:S.bind(d),startedCallback:C.bind(d)};var a;(_.value=new o.c(l,t),y.value=v.value.closest("form"),null===(e=y.value)||void 0===e||e.addEventListener("friendlycaptcha:reset",w),h.value)&&(null===(a=y.value)||void 0===a||a.addEventListener("input",()=>{var e;b.value||(null===(e=_.value)||void 0===e||e.start())},{once:!0}))}),(0,a.Jd)(()=>{var e,l,t;null===(e=y.value)||void 0===e||e.removeEventListener("friendlycaptcha:reset",w),null===(l=_.value)||void 0===l||null===(t=l.destroy)||void 0===t||t.call(l)}),c({solution:g}),(l,t)=>((0,a.wg)(),(0,a.j4)(n.Z,{slim:"",tag:"aside",rules:k.value,customMessages:e.customMessages,name:e.name,value:g.value,ref_key:"validationProvider",ref:f},{default:(0,a.w5)(r=>{let{errors:o}=r;return[(0,a._)("div",{ref_key:"root",ref:v},[(0,a._)("label",{class:(0,a.C_)(["friendly-captcha",`friendly-captcha--on-${e.backgroundColor}-bg`])},[(0,a.wy)((0,a._)("input",{class:"friendly-captcha__checkbox",type:"hidden",name:e.name,"onUpdate:modelValue":t[0]||(t[0]=e=>g.value=e),tabindex:"-1"},null,8,i),[[a.nr,g.value]]),t[1]||(t[1]=(0,a.Uk)()),(0,a._)("div",{ref_key:"captcha",ref:p,class:"frc-captcha","data-testid":l.$attrs["data-testid"]},null,8,u),t[2]||(t[2]=(0,a.Uk)()),o.length?((0,a.wg)(),(0,a.iD)("div",{key:0,role:"alert",class:"friendly-captcha__error-message copy copy--small",innerHTML:o[0]},null,8,s)):(0,a.kq)("v-if",!0)],2)],512)]}),_:1},8,["rules","customMessages","name","value"]))}})},7986:(e,l,t)=>{t.r(l),t.d(l,{default:()=>Ge});var a=t(5166),r=t(9335),o=t(7651),n=t(7105),i=t(6138),u=t(1223),s=t(9669),c=t.n(s),d=t(9689);const p=Symbol("productFinderStore"),v=()=>{const e=(0,a.f3)(p);if(!e)throw new Error("Product finder store is not available.");return e};let f=!1,m=!1;function _(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:v();const l=(0,a.iH)(!1),t=(0,a.Fl)(()=>{const l=[];return e.fullTextSearchQuery&&l.push(`search term: ${e.fullTextSearchQuery}`),Object.entries(e.activeFilter||{}).forEach(t=>{let[a,r]=t;const o=e.filters[a];o&&("range"===o.method?l.push(`${o.title}: ${r.min} - ${r.max}`):r.forEach(t=>{var r,n;const i=null===(r=e.getFilterOptions[a])||void 0===r||null===(n=r.find(e=>e.value===t))||void 0===n?void 0:n.label;l.push(`${o.title}: ${i}`)}))}),l.join(", ")}),r=()=>{!f&&l.value&&(o.Ng.trackGa4Event({name:"product_finder_init",details:{product_finder_filter:t.value}}),f=!0)},n=(e,l)=>{r(),o.Ng.trackGa4Event({name:e,details:{product_finder_filter:t.value,product_finder_item:l}}),m=!0};return{isReady:l,filtersState:t,trackInit:r,trackItemSelect:e=>n("product_finder_item_select",e),trackItemDownload:e=>n("product_finder_item_download",e),trackItemShare:e=>n("product_finder_item_share",e),trackExpandList:()=>{r(),o.Ng.trackGa4Event({name:"product_finder_expand_list",details:{product_finder_filter:t.value}})},trackToggleSidebar:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"show";r(),o.Ng.trackGa4Event({name:`product_finder_${e}_sidebar`,details:{product_finder_filter:t.value}})},trackContactFormInit:()=>

1o.Ng.trackGa4Event({name:"product_finder_form_init",details:{product_finder_filter:t.value}}),trackContactFormSubmit:()=>o.Ng.trackGa4Event({name:"product_finder_form_submit",details:{product_finder_filter:t.value}}),trackExit:()=>{m||o.Ng.trackGa4Event({name:"product_finder_exit",details:{product_finder_filter:t.value}})}}}var g=t(44),b=t(4497);const h={class:"table__content-container product-finder-table__container"},y={class:"table__thead"},k=["aria-labelledby","aria-sort"],w=["aria-label","onClick"],F={class:"product-finder-table__sort-button-text",id:"`${componentId}-th-${property.name}-title`"},S=["data-testid"],C=["aria-label"],x={class:"product-finder-table__product-row-header-wrapper"},U=["href","onClick"],H={class:"product-finder-table__product-row-header-title"},I=["href","onClick"],T={class:"product-finder-table__product-link-text"},P={class:"product-finder-table__product-additional-links"},D=["href","aria-label","onClick"],O=["href","aria-label","onClick"],j={key:0,class:"product-finder-table__product-description"},$={key:0,class:"product-finder-table__cell-wrapper"},q={key:1,ref:"scrollContainerClone",class:"table__content-wrapper table__clone-scroll-container",tabindex:"0"},M={class:"product-finder-table__button-wrapper"},N=Object.assign({name:"ProductFinderTable"},{__name:"ProductFinderTable",props:{initialRowsThreshHold:{type:Number,default:10},defaultRowsThreshHold:{type:Number,default:10},infiniteScroll:{type:Boolean,default:!0}},setup(e){const l=e,{labelStore:t}=(0,n.b)({labelsRequired:["global","apps.product_finder","modules.product_filter"]}),{trackItemSelect:r,trackItemDownload:u,trackItemShare:s,trackExpandList:c}=_(),{activeLayout:d}=(0,i.S)(),p=v(),f=(0,o.Rl)(),m=(0,a.iH)({}),N=(0,a.iH)(!1),E=(0,a.iH)(null),A=(0,a.iH)(null),z=(0,a.iH)([]),L=(0,a.iH)(null),Y=(0,a.iH)(null),R=(0,a.iH)(null),V=(0,a.iH)(!1),B=(0,a.iH)(!0),W=(0,a.iH)(!1),Z=(0,a.iH)(!1),J=(0,a.iH)(!1),K=(0,a.iH)(0),G=(0,a.iH)(0),Q=(0,a.iH)(0),X=(0,a.iH)(0),ee=(0,a.iH)(0),le=(0,a.iH)(0),te=(0,a.Fl)(()=>Q.value>G.value),ae=(0,a.Fl)(()=>K.value<=0),re=(0,a.Fl)(()=>K.value+G.value>=Q.value),oe=(0,a.Fl)(()=>X.value>.7*window.innerHeight),ne=(0,a.Fl)(()=>({...ee.value&&{"--first-column-width":`${ee.value}px`},"--cell-width":`${le.value}px`})),ie=(0,a.Fl)(()=>p.activeSorting),ue=(0,a.Fl)(()=>p.filteredAndSortedProducts),se=(0,a.Fl)({get:()=>p.currentRowsThreshHold,set:e=>p.setCurrentRowsThreshHold(e)}),ce=(0,a.Fl)(()=>[{name:"product",title:t.value["apps.product_finder.product"]},...p.getVisibleFilters.filter(e=>!e.hideInTable)]),de=(0,a.Fl)(()=>ue.value.length>se.value);let pe,ve,fe=null;(0,a.YP)(de,e=>{!e&&fe&&we()}),(0,a.YP)(ue,(e,t)=>{fe&&e&&t&&e.length!==t.length&&(we(),se.value=l.defaultRowsThreshHold)});const me=e=>(null==e?void 0:e.label)??(null==e?void 0:e.value)??"",_e=()=>{var e,l;L.value&&A.value&&(G.value=L.value.clientWidth,Q.value=L.value.scrollWidth,X.value=L.value.clientHeight,ee.value=(null===(e=A.value.querySelector("th"))||void 0===e?void 0:e.offsetWidth)||0,le.value=(null===(l=[...A.value.querySelectorAll("th, td")].pop())||void 0===l?void 0:l.clientWidth)||0)},ge=()=>{var e,l;m.value={table:null===(e=A.value)||void 0===e?void 0:e.clientWidth,cells:null===(l=z.value)||void 0===l?void 0:l.map(e=>e.clientWidth)}},be=()=>{W.value=!W.value},he=()=>{var e;Z.value=!0,K.value=(null===(e=L.value)||void 0===e?void 0:e.scrollLeft)||0,Y.value&&(Y.value.scrollLeft=K.value)},ye=()=>{c(),se.value+=l.initialRowsThreshHold,(0,a.Y3)(ke)},ke=()=>{fe=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&(se.value+=l.initialRowsThreshHold)},{rootMargin:"300px"}),fe.observe(R.value),N.value=!0},we=()=>{var e;R.value&&(null===(e=fe)||void 0===e||e.unobserve(R.value)),fe=null,N.value=!1},Fe=e=>{r(e.cmsProductContentId),location.href=e.url};return(0,a.bv)(()=>{var e;_e(),ge(),pe=(0,o.Ds)(()=>{_e(),oe.value&&ge()},300),window.addEventListener("resize",pe),null===(e=L.value)||void 0===e||e.addEventListener("scroll",he,{passive:!0}),V.value=!0}),(0,a.Jd)(()=>{var e,l;window.removeEventListener("resize",pe),null===(e=L.value)||void 0===e||e.removeEventListener("scroll",he),null===(l=ve)||void 0===l||l(),we()}),(0,a.YP)(te,e=>{e&&(()=>{const e=L.value;if(!e||ve)return;let l=0,t=0,a=!1;const r=()=>{a=!0,setTimeout(()=>{a=!1},1e3)},o=a=>{J.value=!0,e.scrollLeft=t-(a.clientX-l)},n=()=>{e.style.cursor="",e.style.removeProperty("user-select"),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",n)},i=r=>{a||(l=r.clientX,t=e.scrollLeft,e.style.cursor="grabbing",e.style.userSelect="none",document.addEventListener("mousemove",o),document.addEventListener("mouseup",n))};document.addEventListener("touchstart",r),e.addEventListener("mousedown",i),ve=()=>{document.removeEventListener("touchstart",r),e.removeEventListener("mousedown",i),document.removeEventListener("mousemove",o),document.removeEventListener("mouseup",n)}})()}),(l,r)=>{const o=(0,a.up)("Icon"),n=(0,a.up)("BaseImage"),i=(0,a.up)("MissingImage");return(0,a.wg)(),(0,a.iD)("div",{ref_key:"tableRoot",ref:E,class:(0,a.C_)(["table product-finder-table",[{"table--mounted":V.value},{"table--scrollable":oe.value},{"table--fixed-column":B.value&&te.value},{"table--row-header-collapsed":W.value},{"table--scrolled":Z.value},{"table--scrolled-to-start":ae.value},{"table--scrolled-to-end":re.value},{"table--scroll-dragging":J.value}]]),style:(0,a.j5)(ne.value)},[(0,a._)("div",h,[(0,a._)("div",{class:"table__content-wrapper",ref_key:"scrollContainer",ref:L,tabindex:"0"},[(0,a._)("table",{ref_key:"table",ref:A},[(0,a._)("tbody",null,[(0,a._)("tr",y,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(ce.value,e=>((0,a.wg)(),(0,a.iD)("th",{key:`th-${e.name}`,"aria-labelledby":`${(0,a.SU)(f)}-th-${e.name}-title`,"aria-sort":ie.value.prop===e.name?"asc"===ie.value.dir?"ascending":"descending":"none",scope:"col",ref_for:!0,ref_key:"theadCell",ref:z},[(0,a._)("button",{type:"button",class:(0,a.C_)(["product-finder-table__sort-button",[{"product-finder-table__sort-button--active":ie.value.prop===e.name}]]),"aria-label":`${(0,a.SU)(t)["modules.product_filter.sort_by"]} ${e.title}${ie.value.prop===e.name?`, ${(0,a.SU)(t)["modules.product_filter.currently_sorted"]} `+("asc"===ie.value.dir?(0,a.SU)(t)["modules.product_filter.ascending"]:(0,a.SU)(t)["modules.product_filter.desce

1nding"]):""}`,onClick:l=>((e,l)=>{const t=e.sortProp||l,a=ie.value.prop===t&&"desc"===ie.value.dir?"asc":"desc";p.setActiveSorting({prop:t,dir:a,type:e.type})})(e,e.name)},[(0,a._)("div",null,[(0,a._)("span",F,(0,a.zw)(e.title),1)]),r[0]||(r[0]=(0,a.Uk)()),(0,a.Wm)(o,{name:ie.value.prop===e.name&&"asc"===ie.value.dir?"arrow-up":"arrow-down",class:"product-finder-table__sort-button-icon"},null,8,["name"])],10,w)],8,k))),128))]),r[6]||(r[6]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(ue.value.slice(0,se.value),e=>((0,a.wg)(),(0,a.iD)("tr",{key:`tr-product-${e.cmsProductContentId}`,"data-testid":`product-finder-result-${e.cmsProductContentId}`},[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(ce.value,l=>((0,a.wg)(),(0,a.iD)(a.HY,null,["product"===l.name?((0,a.wg)(),(0,a.iD)("th",{key:`td-product-${e.cmsProductContentId}-${l.name}`,scope:"row","aria-label":e.name,class:"product-finder-table__product-row-header"},[(0,a._)("div",x,[(0,a._)("a",{href:e.url,class:"product-finder-table__product-row-header-image-link",onClick:(0,a.iM)(l=>Fe(e),["prevent","stop"]),"aria-hidden":"true",tabindex:"-1"},[e.image?((0,a.wg)(),(0,a.j4)(n,(0,a.dG)({key:0,ref_for:!0},e.image,{variant:"padded1x1",class:"product-finder-table__product-row-header-image","aria-hidden":!0}),null,16)):((0,a.wg)(),(0,a.j4)(i,{key:1,class:"product-finder-table__product-row-header-image"}))],8,U),r[5]||(r[5]=(0,a.Uk)()),(0,a._)("span",H,[(0,a._)("a",{href:e.url,class:"product-finder-table__product-link","data-testid":"product-finder-result-link",onClick:(0,a.iM)(l=>Fe(e),["prevent","stop"])},[(0,a._)("span",T,(0,a.zw)(e.name),1),r[1]||(r[1]=(0,a.Uk)()),(0,a.Wm)(o,{name:"angle-right",class:"product-finder-table__product-link-icon"})],8,I),r[3]||(r[3]=(0,a.Uk)()),(0,a._)("span",P,[e.downloadUrl?((0,a.wg)(),(0,a.iD)("a",{key:0,href:e.downloadUrl,download:"","aria-label":(0,a.SU)(t)["global.download"],onClick:(0,a.iM)(l=>(e=>u(e.cmsProductContentId))(e),["stop"])},[(0,a.Wm)(o,{name:"download",class:"product-finder-table__product-additional-link-icon"})],8,D)):(0,a.kq)("v-if",!0),r[2]||(r[2]=(0,a.Uk)()),(0,a._)("a",{href:`mailto:?subject=${e.name}&body=${e.url}`,target:"_blank","aria-label":(0,a.SU)(t)["global.share"],onClick:(0,a.iM)(l=>(e=>s(e.cmsProductContentId))(e),["stop"])},[(0,a.Wm)(o,{name:"share",class:"product-finder-table__product-additional-link-icon"})],8,O)]),r[4]||(r[4]=(0,a.Uk)()),e.description?((0,a.wg)(),(0,a.iD)("span",j,(0,a.zw)(e.description),1)):(0,a.kq)("v-if",!0)])])],8,C)):"colorIcon"===l.displayType?((0,a.wg)(),(0,a.iD)("td",{key:`td-product-${e.cmsProductContentId}-${l.name}-colorIcon-type`},[e.properties[l.name]?((0,a.wg)(),(0,a.iD)("div",$,[(0,a.Wm)(b.Z,{"color-key":e.properties[l.name].value,class:"product-finder-table__color-icon"},null,8,["color-key"]),(0,a.Uk)(" "+(0,a.zw)(me(e.properties[l.name])),1)])):(0,a.kq)("v-if",!0)])):((0,a.wg)(),(0,a.iD)("td",{key:`td-product-${e.cmsProductContentId}-${l.name}-default-type`},(0,a.zw)(me(e.properties[l.name])),1))],64))),256))],8,S))),128))])],512)],512),r[7]||(r[7]=(0,a.Uk)()),te.value?((0,a.wg)(),(0,a.j4)(g.Z,{key:0,"show-row-header-toggle-button":B.value&&"desktop"!==(0,a.SU)(d),onRowHeaderToggleClick:be},null,8,["show-row-header-toggle-button"])):(0,a.kq)("v-if",!0),r[8]||(r[8]=(0,a.Uk)()),oe.value?((0,a.wg)(),(0,a.iD)("div",q,[(0,a._)("div",{class:"table__clone-inner-scroll-container",ref_key:"scrollContainerCloneHorizontal",ref:Y,"aria-hidden":"true",tabindex:"-1"},null,512)],512)):(0,a.kq)("v-if",!0)]),r[9]||(r[9]=(0,a.Uk)()),(0,a._)("div",M,[e.infiniteScroll&&de.value&&!N.value?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"button button--inline button--cta-2",onClick:ye},(0,a.zw)((0,a.SU)(t)["global.load_more"]),1)):(0,a.kq)("v-if",!0)]),r[10]||(r[10]=(0,a.Uk)()),(0,a._)("div",{ref_key:"infiniteScrollObserverElement",ref:R},null,512)],6)}}});var E=t(3744);const A=(0,E.Z)(N,[["__scopeId","data-v-25ffc472"]]);var z=t(8982);const L={key:0},Y=Object.assign({name:"ProductFinderOptionMatchesCount"},{__name:"ProductFinderOptionMatchesCount",props:{filterName:{type:String,default:null,mandatory:!0},optionValue:{type:[String,Number],default:null,mandatory:!0}},setup(e){const l=e,t=v(),r=(0,a.iH)(0),o=(0,a.Fl)(()=>({...t.activeFilter,[l.filterName]:[...new Set([...t.activeFilter[l.filterName]||[],l.optionValue])]}));let n;return(0,a.YP)(o,()=>{const e=()=>{const e=(0,d.f)({activeFilter:o.value,products:t.products,filters:t.filters});r.value=e.filter(e=>{var t;return(null===(t=e.properties[l.filterName])||void 0===t?void 0:t.value)===l.optionValue}).length};"function"==typeof requestIdleCallback?n=requestIdleCallback(e):e()},{immediate:!0,deep:!0}),(0,a.Jd)(()=>n&&"function"==typeof cancelIdleCallback&&cancelIdleCallback(n)),(e,l)=>isNaN(r.value)?(0,a.kq)("v-if",!0):((0,a.wg)(),(0,a.iD)("span",L,"("+(0,a.zw)(r.value)+")",1))}}),R={class:"checkbox-group"},V={class:"checkbox-group__title"},B={class:"checkbox-group__options"},W=["value"],Z={class:"checkbox-group__checkbox"},J={class:"checkbox-group__label-text"},K=Object.assign({name:"ProductFinderCheckboxGroup"},{__name:"ProductFinderCheckboxGroup",props:{filterName:{type:String,default:null},options:{type:Array,default:()=>[]},title:{type:String,default:null},displayColorIcon:{type:Boolean,default:!1}

1,storeValue:{type:Array,default:()=>[]},displayOptionsMatchesCount:{type:Boolean,default:!0}},emits:["change"],setup(e,l){let{emit:t}=l;const r=e,o=t,n=(0,a.iH)(r.storeValue);return(0,a.YP)(n,e=>o("change",null!=e&&e.length?e:null)),(0,a.YP)(()=>r.storeValue,e=>{const l=null!=e&&e.length?e:[];JSON.stringify(l)!==JSON.stringify(n.value)&&(n.value=l)}),(l,t)=>{const r=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("div",R,[(0,a._)("div",V,(0,a.zw)(e.title),1),t[3]||(t[3]=(0,a.Uk)()),(0,a._)("div",B,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.options,l=>((0,a.wg)(),(0,a.iD)("label",{key:`checkbox-${l.value}`,class:(0,a.C_)(["checkbox-group__label",[{"-is-checked":n.value.includes(l.value)},{"-is-disabled":l.disabled},{"-has-zero-results":0===l.count}]])},[(0,a.wy)((0,a._)("input",{class:"checkbox-group__input",type:"checkbox",value:l.value,"onUpdate:modelValue":t[0]||(t[0]=e=>n.value=e)},null,8,W),[[a.e8,n.value]]),t[1]||(t[1]=(0,a.Uk)()),(0,a._)("div",Z,[n.value.includes(l.value)?((0,a.wg)(),(0,a.j4)(r,{key:0,class:"checkbox-group__checkmark",name:"checkmark"})):(0,a.kq)("v-if",!0)]),t[2]||(t[2]=(0,a.Uk)()),(0,a._)("div",J,[e.displayColorIcon?((0,a.wg)(),(0,a.j4)(b.Z,{key:0,"color-key":l.value,class:"checkbox-group__color-icon"},null,8,["color-key"])):(0,a.kq)("v-if",!0),(0,a.Uk)(" "+(0,a.zw)(l.label)+" \n          ",1),e.displayOptionsMatchesCount?((0,a.wg)(),(0,a.j4)(Y,{key:1,"filter-name":e.filterName,"option-value":l.value},null,8,["filter-name","option-value"])):(0,a.kq)("v-if",!0)])],2))),128))])])}}}),G=(0,E.Z)(K,[["__scopeId","data-v-bfd26152"]]),Q={class:"checkbox-group__toggle-label"},X=["aria-label"],ee={class:"checkbox-group__options-inner-wrapper"},le={class:"checkbox-group__options"},te=["value"],ae={class:"checkbox-group__checkbox"},re={class:"checkbox-group__label-text"},oe={class:"checkbox-group__button-wrapper"},ne={class:"checkbox-group__tags-wrapper marg-t--1"},ie=["aria-label","onClick"],ue=Object.assign({name:"ProductFinderTagsFilter"},{__name:"ProductFinderTagsFilter",props:{filterName:{type:String,default:null},options:{type:Array,default:()=>[]},title:{type:String,default:null},displayColorIcon:{type:Boolean,default:!1},storeValue:{type:Array,default:()=>[]},displayOptionsMatchesCount:{type:Boolean,default:!0}},emits:["change","update"],setup(e,l){let{emit:t}=l;const r=e,o=t,{labelStore:i}=(0,n.b)({labelsRequired:["global","apps.product_finder","apps.product_filter","modules.product_filter"]}),u=(0,a.iH)(r.storeValue),s=(0,a.iH)(""),c=(0,a.iH)(!1),d=(0,a.iH)(!0),p=(0,a.iH)(!0),v=(0,a.iH)(null),f=(0,a.Fl)(()=>r.options.filter(e=>!s.value.length||e.label.toLowerCase().includes(s.value.toLowerCase())).map(e=>e.value)),m=(0,a.Fl)(()=>r.storeValue.map(e=>r.options.find(l=>l.value===e)).filter(Boolean));(0,a.YP)(u,e=>o("change",null!=e&&e.length?e:null)),(0,a.YP)(()=>r.storeValue,e=>{const l=null!=e&&e.length?e:[];JSON.stringify(l)!==JSON.stringify(u.value)&&(u.value=l)}),(0,a.YP)(c,e=>{e&&(d.value=!1)});const _=()=>{d.value=!d.value,d.value||(0,a.Y3)(()=>{var e;return null===(e=v.value)||void 0===e?void 0:e.focus()})},g=()=>{var e;o("update",null!==(e=u.value)&&void 0!==e&&e.length?u.value:null),d.value=!0};return(l,t)=>{const r=(0,a.up)("Icon"),n=(0,a.up)("ProductColorIcon"),b=(0,a.up)("ProductFinderOptionMatchesCount");return(0,a.wg)(),(0,a.iD)("div",{class:(0,a.C_)(["checkbox-group",[{"checkbox-group--collapsed":d.value}]])},[(0,a._)("label",{class:(0,a.C_)(["checkbox-group__toggle",[{"-has-focus":c.value},{"-has-value":s.value&&s.value.length}]])},[(0,a.wy)((0,a._)("input",{ref_key:"input",ref:v,type:"text",class:"checkbox-group__toggle-input","onUpdate:modelValue":t[0]||(t[0]=e=>s.value=e),onFocus:t[1]||(t[1]=e=>c.value=!0),onBlur:t[2]||(t[2]=e=>c.value=!1)},null,544),[[a.nr,s.value]]),t[5]||(t[5]=(0,a.Uk)()),(0,a._)("span",Q,(0,a.zw)(e.title),

11),t[6]||(t[6]=(0,a.Uk)()),(0,a._)("button",{type:"button",class:"checkbox-group__toggle-button","aria-label":d.value?(0,a.SU)(i)["modules.product_filter.expand"]:(0,a.SU)(i)["modules.product_filter.collapse"],onClick:(0,a.iM)(_,["stop"])},[(0,a.Wm)(r,{name:d.value?"angle-down":"angle-up",class:"checkbox-group__toggle-button-icon"},null,8,["name"])],8,X)],2),t[11]||(t[11]=(0,a.Uk)()),(0,a._)("div",{class:"checkbox-group__options-wrapper",onTransitionend:t[4]||(t[4]=e=>p.value=!p.value)},[(0,a._)("div",ee,[(0,a._)("div",le,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.options.filter(e=>{let{value:l}=e;return f.value.includes(l)}),l=>((0,a.wg)(),(0,a.iD)("label",{key:`checkbox-${l.value}`,class:(0,a.C_)(["checkbox-group__label",[{"-is-checked":u.value.includes(l.value)},{"-is-disabled":l.disabled},{"-has-zero-results":0===l.count}]])},[(0,a.wy)((0,a._)("input",{class:"checkbox-group__input",type:"checkbox",value:l.value,"onUpdate:modelValue":t[3]||(t[3]=e=>u.value=e)},null,8,te),[[a.e8,u.value]]),t[8]||(t[8]=(0,a.Uk)()),(0,a._)("div",ae,[u.value.includes(l.value)?((0,a.wg)(),(0,a.j4)(r,{key:0,class:"checkbox-group__checkmark",name:"checkmark"})):(0,a.kq)("v-if",!0)]),t[9]||(t[9]=(0,a.Uk)()),(0,a._)("div",re,[e.displayColorIcon?((0,a.wg)(),(0,a.j4)(n,{key:0,"color-key":l.value,class:"checkbox-group__color-icon"},null,8,["color-key"])):(0,a.kq)("v-if",!0),t[7]||(t[7]=(0,a.Uk)()),(0,a._)("span",null,[(0,a.Uk)((0,a.zw)(l.label)+" ",1),d.value&&p.value?(0,a.kq)("v-if",!0):((0,a.wg)(),(0,a.j4)(b,{key:0,"filter-name":e.filterName,"option-value":l.value},null,8,["filter-name","option-value"]))])])],2))),128))]),t[10]||(t[10]=(0,a.Uk)()),(0,a._)("div",oe,[(0,a._)("button",{type:"button",class:"button button--cta-2 button--full-width",onClick:g},(0,a.zw)((0,a.SU)(i)["apps.product_finder.apply"]),1)])])],32),t[12]||(t[12]=(0,a.Uk)()),(0,a._)("div",ne,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(m.value,e=>((0,a.wg)(),(0,a.iD)("div",{key:`tag-${e.value}`,class:"checkbox-group__tag"},[(0,a.Uk)((0,a.zw)(e.label)+" ",1),(0,a._)("button",{type:"button",class:"checkbox-group__tag-remove-button","aria-label":(0,a.SU)(i)["apps.product_filter.remove_tag"],onClick:l=>{return t=e.value,u.value=u.value.filter(e=>e!==t),void o("update",null!==(a=u.value)&&void 0!==a&&a.length?u.value:null);var t,a}},[(0,a.Wm)(r,{name:"close",class:"checkbox-group__tag-remove-button-icon"})],8,ie)]))),128))])],2)}}}),se=(0,E.Z)(ue,[["__scopeId","data-v-1b92cbb2"]]);var ce=t(7773);const de={class:"filter-group__toggle-label"},pe={key:1,class:"filter-group__label"},ve={class:"filter-group__content-wrapper"},fe={class:"filter-group__inner-content-wrapper"},me=Object.assign({name:"ProductFinderFilterGroup"},{__name:"ProductFinderFilterGroup",props:{label:{type:String,default:null},displayInAccordion:{type:Boolean,default:!1},filters:{type:Array,default:()=>[]}},setup(e){const l=e,{labelStore:t}=(0,n.b)({labelsRequired:["global","apps.product_finder"]}),r=v(),o=(0,a.iH)(l.displayInAccordion),i=(0,a.Fl)(()=>r.activeFilter),u=(0,a.Fl)(()=>r.getFilterOptions),s=(0,a.Fl)(()=>`${t.value["apps.product_finder.by"]} ${l.label}`),c=(e,l)=>l?r.setActiveFilter({[e]:l}):r.removeActiveFilter(e);return(l,n)=>{const d=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("div",{class:(0,a.C_)(["filter-group",[{"filter-group--collapsed":o.value}]])},[e.displayInAccordion?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"filter-group__toggle",onClick:n[0]||(n[0]=e=>o.value=!o.value)},[(0,a._)("div",de,(0,a.zw)(s.value),1),n[1]||(n[1]=(0,a.Uk)()),(0,a.Wm)(d,{name:o.value?"angle-down":"angle-up",class:"filter-group__toggle-icon"},null,8,["name"])])):((0,a.wg)(),(0,a.iD)("div",pe,(0,a.zw)(s.value),1)),n[6]||(n[6]=(0,a.Uk)()),(0,a._)("div",ve,[(0,a._)("div",fe,[(0,a.kq)(" eslint-disable vue/no-dupe-v-else-if "),n[3]||(n[3]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.filters,e=>((0,a.wg)(),(0,a.iD)(a.HY,null,["tags"===e.layout?((0,a.wg)(),(0,a.j4)(ce.Z,{key:e.name,options:u.value[e.name],label:e.title,appearance:"input","show-button":"","is-inline":"",searchable:"",labels:{apply:(0,a.SU)(t)["apps.product_finder.apply"]},"show-tags":"","initial-value":i.value[e.name],class:"filter-group__filter",onChange:l=>c(e.name,l)},{option:(0,a.w5)(l=>{let{option:t}=l;return["colorIcon"===e.displayType?((0,a.wg)(),(0,a.j4)(b.Z,{key:0,"color-key":null==t?void 0:t.value,class:"base-multi-select__color-icon"},null,8,["color-key"])):(0,a.kq)("v-if",!0),n[2]||(n[2]=(0,a.Uk)()),(0,a._)("span",null,[(0,a.Uk)((0,a.zw)(t.label)+" ",1),(0,a.Wm)(Y,{"filter-name":e.name,"option-value":t.value},null,8,["filter-name","option-value"])])]}),_:2},1032,["options","label","labels","initial-value","onChange"])):"tags"===e.layout?((0,a.wg)(),(0,a.j4)(se,{key:e.name,"filter-name":e.name,options:u.value[e.name],title:e.title,"store-value":i.value[e.name],"dis

1play-color-icon":"colorIcon"===e.displayType,class:"filter-group__filter",onUpdate:l=>c(e.name,l)},null,8,["filter-name","options","title","store-value","display-color-icon","onUpdate"])):"includes"===e.method?((0,a.wg)(),(0,a.j4)(G,{key:e.name,"filter-name":e.name,options:u.value[e.name],title:e.title,"display-color-icon":"colorIcon"===e.displayType,"store-value":i.value[e.name],class:"filter-group__filter",onChange:l=>c(e.name,l)},null,8,["filter-name","options","title","display-color-icon","store-value","onChange"])):"range"===e.method?((0,a.wg)(),(0,a.j4)(z.default,{key:e.name,min:u.value[e.name].min,max:u.value[e.name].max,uom:e.uom,title:e.title,"store-value":i.value[e.name],class:"filter-group__filter",onChange:l=>c(e.name,l),onReset:()=>{return l=e.name,r.removeActiveFilter(l);var l}},null,8,["min","max","uom","title","store-value","onChange","onReset"])):(0,a.kq)("v-if",!0)],64))),256)),n[4]||(n[4]=(0,a.Uk)()),(0,a.kq)(" eslint-enable vue/no-dupe-v-else-if "),n[5]||(n[5]=(0,a.Uk)()),(0,a.WI)(l.$slots,"default")])])],2)}}}),_e=(0,E.Z)(me,[["__scopeId","data-v-d8d742ee"]]),ge={class:"product-finder-filters__header"},be={class:"product-finder-filters__filter-label"},he=["aria-label"],ye={class:"product-finder-filters__clear-button-wrapper"},ke={key:1,class:"product-finder-filters__mobile-buttons-wrapper"},we=Object.assign({name:"ProductFinderFilters"},{__name:"ProductFinderFilters",props:{collapsed:{type:Boolean,default:!0}},emits:["toggleFilters"],setup(e,l){var t;let{emit:r}=l;const u=e,s=r,{labelStore:c}=(0,n.b)({labelsRequired:["global","apps.product_finder","modules.product_filter"]}),{activeLayout:d}=(0,i.S)(),p=v(),f=(0,a.iH)(null),m=(0,a.Fl)(()=>p.additionalVisibleFilterKeys),_=(0,a.Fl)(()=>p.getVisibleFiltersGroupedByCategory),g=(0,a.Fl)(()=>p.getAdditionalFilters),b=(0,a.Fl)(()=>p.getVisibleAdditionalFilters),h=(0,a.Fl)(()=>({"--component-width":`${f.value??0}px`}));let y;const k=null===(t=(0,a.FN)())||void 0===t?void 0:t.proxy;(0,a.bv)(()=>{var e;y=new ResizeObserver((0,o.Ds)(e=>{let[l]=e;u.collapsed||(f.value=l.target.clientWidth)},400)),y.observe((null==k||null===(e=k.$el)||void 0===e?void 0:e.parentElement)||document.body)}),(0,a.Jd)(()=>{var e;return null===(e=y)||void 0===e?void 0:e.disconnect()});const w=()=>{p.resetAllFilters(),"desktop"!==d.value&&s("toggleFilters")},F=()=>s("toggleFilters");return(l,t)=>{const r=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("div",{class:(0,a.C_)(["product-finder-filters",[{"product-finder-filters--collapsed":e.collapsed}]]),style:(0,a.j5)(h.value)},[(0,a._)("div",ge,[(0,a.Wm)(r,{name:"filter",class:"product-finder-filters__filter-icon"}),t[1]||(t[1]=(0,a.Uk)()),(0,a._)("div",be,(0,a.zw)((0,a.SU)(c)["apps.product_finder.filter"]),1),t[2]||(t[2]=(0,a.Uk)()),(0,a._)("button",{type:"button",class:"product-finder-filters__toggle-button","aria-label":"desktop"===(0,a.SU)(d)?(0,a.SU)(c)["modules.product_filter.collapse"]:(0,a.SU)(c)["global.close"],onClick:F},[(0,a.Wm)(r,{name:"desktop"===(0,a.SU)(d)?"angle-left":"close",class:"product-finder-filters__toggle-icon"},null,8,["name"])],8,he)]),t[4]||(t[4]=(0,a.Uk)()),(0,a._)("div",ye,["desktop"===(0,a.SU)(d)?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"product-finder-filters__clear-all-button",onClick:w},(0,a.zw)((0,a.SU)(c)["apps.product_finder.clear_all"]),1)):(0,a.kq)("v-if",!0)]),t[5]||(t[5]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(_.value,e=>((0,a.wg)(),(0,a.j4)(_e,(0,a.dG)({ref_for:!0},e,{key:`filter-group-${e.id}`}),null,16))),128)),t[6]||(t[6]=(0,a.Uk)()),g.value&&g.value.length?((0,a.wg)(),(0,a.j4)(_e,{key:0,label:(0,a.SU)(c)["apps.product_finder.additional_filters"],filters:b.value},{default:(0,a.w5)(()=>[(0,a.Wm)(ce.Z,{options:g.value,label:(0,a.SU)(c)["apps.product_finder.add_filters"],"initial-value":m.value,"is-inline":"",searchable:"",class:"product-finder-filters__additional-filters base-multi-select--color-label",appearance:"input",onChange:t[0]||(t[0]=e=>{return l=e,void p.updateAdditionalVisibleFilterKeys(l??[]);var l})},{checkbox:(0,a.w5)(e=>{let{isActive:l}=e;return[(0,a.Wm)(r,{class:"checkbox-group__icon",name:l?"minus":"plus"},null,8,["name"])]}),_:1},8,["options","label","initial-value"])]),_:1}

1,8,["label","filters"])):(0,a.kq)("v-if",!0),t[7]||(t[7]=(0,a.Uk)()),"desktop"!==(0,a.SU)(d)?((0,a.wg)(),(0,a.iD)("div",ke,[(0,a._)("button",{type:"button",class:"button button--small-text button--cta-3",onClick:w},(0,a.zw)((0,a.SU)(c)["apps.product_finder.clear_all"]),1),t[3]||(t[3]=(0,a.Uk)()),(0,a._)("button",{type:"button",class:"button button--small-text button--cta-2",onClick:F},(0,a.zw)((0,a.SU)(c)["apps.product_finder.apply"]),1)])):(0,a.kq)("v-if",!0)],6)}}}),Fe=(0,E.Z)(we,[["__scopeId","data-v-ab075d18"]]);var Se=t(6667);const Ce={class:"fulltext-search"},xe={type:"submit",class:"button button--cta-2 fulltext-search__submit-button hidden--mobile"},Ue={key:0,class:"fulltext-search__error-message copy--extra-small"},He=Object.assign({name:"ProductFinderFullTextSearch"},{__name:"ProductFinderFullTextSearch",props:{fullTextSearchEndpoint:{type:String,default:null,mandatory:!0},queryMinLength:{type:Number,default:3}},setup(e){const l=e,{labelStore:t}=(0,n.b)({labelsRequired:["global","apps.product_finder"]}),r=v(),o=(0,a.iH)(!1),i=(0,a.Fl)({get:()=>r.fullTextSearchQuery,set:e=>r.setFullTextSearchQuery(e)});(0,a.YP)(i,()=>{o.value=!1});const u=()=>{i.value.length<l.queryMinLength?o.value=!0:(o.value=!1,r.fetchFullTextSearchResult({url:l.fullTextSearchEndpoint,query:i.value}))},s=()=>{r.resetFullTextSearchQuery(),r.resetAllFilters()};return(e,l)=>((0,a.wg)(),(0,a.iD)("div",Ce,[(0,a._)("form",{class:"fulltext-search__form",onSubmit:(0,a.iM)(u,["prevent"])},[(0,a.Wm)(Se.default,{label:(0,a.SU)(t)["apps.product_finder.search_product_assortment"],"show-optional-label":!1,"background-color":"gray","initial-value":i.value,resettable:!0,class:"fulltext-search__form-field","component-classes":"base-text-input--no-margin",onInput:l[0]||(l[0]=e=>i.value=e),onResetInput:s},null,8,["label","initial-value"]),l[1]||(l[1]=(0,a.Uk)()),(0,a._)("button",xe,(0,a.zw)((0,a.SU)(t)["apps.product_finder.search"]),1)],32),l[2]||(l[2]=(0,a.Uk)()),o.value?((0,a.wg)(),(0,a.iD)("p",Ue,(0,a.zw)((0,a.SU)(t)["apps.product_finder.query_too_short"]),1)):(0,a.kq)("v-if",!0)]))}}),Ie=(0,E.Z)(He,[["__scopeId","data-v-db0b7a94"]]);var Te=t(5722),Pe=t(1919);const De={class:"contact-form"},Oe={class:"headline headline--4 marg-t--1 t--keep-line-breaks"},je=Object.assign({name:"ProductFinderContactForm"},{__name:"ProductFinderContactForm",props:{contactFormHeadline:{type:String,default:null},contactFormInfoFieldName:{type:String,default:null},contactFormType:{type:String,default:"base"},contactFormTrackingLabel:{type:String,default:null},dynamicsFormCmsSubmitUrl:{type:String,default:null},dynamicsFormCmsFieldMappings:{type:Array,default:()=>[]},hasDynamicsContactForm:{type:Boolean,default:!1}},emits:["formStatusChanged"],setup(e,l){let{emit:t}=l;const r=e,o=t,{filtersState:n,trackContactFormInit:i,trackContactFormSubmit:u}=_(),s=(0,a.iH)(!1),c=(0,a.iH)(!1),d=(0,a.iH)(location.href),p=()=>{const e=document.querySelector(`input[name="${r.contactFormInfoFieldName}"]`);e?e.value=d.value:console.warn(`Product finder contact form info field with name ${r.contactFormInfoFieldName} is missing!`)};return(0,a.JJ)(Pe.h0,(0,Pe.ey)({[Pe.ib]:()=>{s.value=!0},[Pe.iz]:()=>

1(0,a.Y3)(p),[Pe.Hv]:i,[Pe.vN]:u,[Pe.je]:()=>{c.value=!0}})),(0,a.YP)(c,e=>e&&o("formStatusChanged","generic-error")),(0,a.YP)(s,e=>e&&o("formStatusChanged","success")),(0,a.YP)(n,()=>(0,a.Y3)(()=>{d.value=location.href,r.hasDynamicsContactForm||p()})),(l,t)=>((0,a.wg)(),(0,a.iD)("div",De,[s.value?(0,a.WI)(l.$slots,"formsuccess",{key:0}):c.value?(0,a.WI)(l.$slots,"formgenericerror",{key:1}):((0,a.wg)(),(0,a.iD)(a.HY,{key:2},[(0,a._)("p",Oe,(0,a.zw)(e.contactFormHeadline),1),t[0]||(t[0]=(0,a.Uk)()),e.hasDynamicsContactForm?((0,a.wg)(),(0,a.j4)(Te.default,{key:0,"cms-submit-url":e.dynamicsFormCmsSubmitUrl,"cms-field-mappings":e.dynamicsFormCmsFieldMappings,"contact-form-info-field-name":e.contactFormInfoFieldName,"contact-form-info-field-value":d.value,"data-tracking-label":e.contactFormTrackingLabel,"form-type":e.contactFormType,"background-color":"blue"},null,8,["cms-submit-url","cms-field-mappings","contact-form-info-field-name","contact-form-info-field-value","data-tracking-label","form-type"])):(0,a.WI)(l.$slots,"form",{key:1})],64))]))}}),$e=(0,E.Z)(je,[["__scopeId","data-v-11f86bdf"]]);var qe=t(1605);const Me={class:"product-finder__header"},Ne={class:"container"},Ee={class:"grid-row"},Ae={class:"col-12 col-md-10 col-md-start-2 col-lg-8 col-lg-start-1"},ze={class:"product-finder__filters-wrapper"},Le={class:"product-finder__table-wrapper"},Ye={class:"product-finder__main-header-wrapper"},Re={class:"product-finder__filter-toggle-animation-wrapper"},Ve={class:"product-finder__filter-toggle-button-wrapper"},Be={class:"product-finder__count","aria-live":"polite",role:"status"},We={class:"t--semibold"},Ze={class:"product-finder__zero-results-headline-wrapper"},Je={class:"headline headline--4"},Ke=Object.assign({name:"ProductFinder"},{__name:"ProductFinder",props:{dataEndpoint:{type:String,default:null},fullTextSearchEndpoint:{type:String,default:null},hasContactForm:{type:Boolean,default:!1},contactFormHeadline:{type:String,default:null},contactFormInfoFieldName:{type:String,default:null},contactFormType:{type:String,default:"base"},contactFormTrackingLabel:{type:String,default:null},hasDynamicsContactForm:{type:Boolean,default:!1},dynamicsFormCmsSubmitUrl:{type:String,default:null},dynamicsFormCmsFieldMappings:{type:Array,default:()=>[]},scrollCorrectionType:{type:String,default:"always"}},setup(e){var l;const t="a",s="s",v="v",f="q",m="r",g=e,b=(0,a.iH)(!1),h=(0,a.iH)(!0),y=(0,a.iH)(null),k=(0,a.iH)(null),w=function(e){let l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:c();return(0,u.Q_)(`productFinder/${e}`,()=>{const e=(0,a.iH)([]),t=(0,a.iH)({}),r=(0,a.iH)([]),n=(0,a.iH)({}),i=(0,a.iH)({}),u=(0,a.iH)([]),s=(0,a.iH)([]),c=(0,a.iH)(""),p=(0,a.iH)([]),v=(0,a.iH)(!1),f=(0,a.iH)(10),m=(0,a.Fl)(()=>Object.values(t.value).filter(e=>u.value.includes(e.name))),_=(0,a.Fl)(()=>s.value.map(e=>t.value[e]).filter(Boolean)),g=(0,a.Fl)(()=>[...m.value,..._.value]),b=(0,a.Fl)(()=>e.value.map(e=>({...e,filters:m.value.filter(l=>l.filterCategory===e.id)})).filter(e=>{var l;return null===(l=e.filters)||void 0===l?void 0:l.length})),h=(0,a.Fl)(()=>Object.values(t.value).filter(e=>!e.initiallyDisplayed).map(e=>({value:e.name,label:e.title}))),y=(0,a.Fl)(()=>g.value.reduce((e,l)=>{if("includes"===l.method&&(e[l.name]=(0,o.vB)(r.value.map(e=>e.properties[l.name]).filter(e=>Boolean(null==e?void 0:e.value)),"value").sort((e,l)=>{var t;return(null===(t=String(e.label))||void 0===t?void 0:t.localeCompare(String(l.label)))||0})),"range"===l.method){const t=r.value.map(e=>{var t;return null===(t=e.properties[l.name])||void 0===t?void 0:t.value}).filter(Boolean);e[l.name]={min:Math.floor(Math.min(...t)),max:Math.ceil(Math.max(...t))}}return e},{})),k=e=>{n.value={...n.value,...e}},w=e=>{const l={...n.value};delete l[e],n.value=l},F=e=>{s.value=e};return{filterCategories:e,filters:t,products:r,activeFilter:n,activeSorting:i,defaultVisibleFilterKeys:u,additionalVisibleFilterKeys:s,fullTextSearchQuery:c,filteredAndSortedProducts:p,isFetching:v,currentRowsThreshHold:f,getVisibleFilters:g,getVisibleFiltersGroupedByCategory:b,getVisibleAdditionalFilters:_,getAdditionalFilters:h,getFilterOptions:y,fetchData:async a=>{v.value=!0;try{const o=(await l.get(a)).data||{},n=o.filters||[];r.value=o.products||[],t.value=Object.freeze(Object.fromEntries(n.map(e=>[e.name,e]))),e.value=o.filterCategories||[],u.value=n.filter(e=>e.initiallyDisplayed).map(e=>e.name)}

1catch(e){console.warn("fetchData failed",e)}finally{v.value=!1}},fetchFullTextSearchResult:async e=>{let{url:t,query:a}=e;v.value=!0;try{const e=await l.post(t,{q:a,cmsProductContentIds:r.value.map(e=>e.cmsProductContentId)});k(e.data)}catch(e){console.warn("fetchFullTextSearchResult failed",e)}finally{v.value=!1}},filterAndSortProducts:()=>{let e=(0,d.f)({activeFilter:n.value,activeSorting:i.value,products:r.value,filters:t.value});Object.keys(i.value).length&&(e=(0,d.Z)({activeSorting:i.value,products:e})),p.value=e},sortProducts:()=>{p.value=(0,d.Z)({activeSorting:i.value,products:p.value})},updateAdditionalVisibleFilterKeys:e=>{const l=[...u.value,...e];F(e),Object.keys(n.value).filter(e=>!l.includes(e)).forEach(w)},resetAllFilters:()=>{n.value={},s.value=[]},resetFullTextSearchQuery:()=>{c.value=""},setActiveFilter:k,removeActiveFilter:w,setActiveSorting:e=>{i.value=e},setAdditionalVisibleFilterKeys:F,setFullTextSearchQuery:e=>{c.value=e},setCurrentRowsThreshHold:e=>{f.value=e}}})}((0,o.Rl)())();var F;F=w,(0,a.JJ)(p,F);const S=null===(l=(0,a.FN)())||void 0===l?void 0:l.proxy,{labelStore:C}=(0,n.b)({labelsRequired:["global","apps.product_finder"]}),{activeLayout:x}=(0,i.S)(),{isReady:U,trackInit:H,trackToggleSidebar:I,trackExit:T}=_(w),P=(0,a.Fl)(()=>w.isFetching),D=(0,a.Fl)(()=>{var e;return null===(e=w.filteredAndSortedProducts)||void 0===e?void 0:e.length}),O=()=>{var e;const l=new URL(location.href),a={...Object.keys(w.activeFilter).length&&{[t]:w.activeFilter},...Object.keys(w.activeSorting).length&&{[s]:w.activeSorting},...w.additionalVisibleFilterKeys.length&&{[v]:w.additionalVisibleFilterKeys},...(null===(e=w.fullTextSearchQuery)||void 0===e?void 0:e.length)&&{[f]:w.fullTextSearchQuery},[m]:w.currentRowsThreshHold};l.hash=Object.keys(a).length?`pf=${encodeURIComponent(r.Z.crush(JSON.stringify(a)))}`:"",history.replaceState(history.state,document.title,l.href)},j=function(){var e;let l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"smooth";return null===(e=y.value)||void 0===e?void 0:e.scrollIntoView({behavior:l,block:"start"})},$=e=>{h.value=e,I(e?"hide":"show")};return(0,a.YP)(()=>w.currentRowsThreshHold,O),(0,a.YP)(()=>w.fullTextSearchQuery,O),(0,a.YP)(()=>w.activeFilter,(e,l)=>{JSON.stringify(e)!==JSON.stringify(l)&&(H(),w.filterAndSortProducts(),O(),(0,a.Y3)(()=>l&&(()=>{if("ifOutOfViewport"===g.scrollCorrectionType){var e,l;const t=null===(e=k.value)||void 0===e||null===(l=e.$el)||void 0===l?void 0:l.getBoundingClientRect();if(!t)return!1;const a=Math.min(window.innerHeight,document.documentElement.clientHeight);return Math.min(t.bottom,a)-Math.max(t.top,0)<100}return!0})()&&j()))},{deep:!0}),(0,a.YP)(()=>w.activeSorting,(e,l)=>{JSON.stringify(e)!==JSON.stringify(l)&&(H(),w.sortProducts(),O())},{deep:!0}),(0,a.YP)(h,e=>{"mobile"===x.value&&((0,o.JP)(!e),e&&j("auto"))}),(0,a.wF)(()=>{h.value="desktop"!==x.value}),(0,a.bv)(async()=>{var e;const l=(()=>{try{var e;const l=null===(e=(0,o.nb)())||void 0===e?void 0:e.pf;return JSON.parse(r.Z.uncrush(decodeURIComponent(l)))}catch(e){return null}})();await w.fetchData(g.dataEndpoint),b.value=!0,null!=S&&null!==(e=S.$root)&&void 0!==e&&e.isBFCache||!l||!(e=>{const l={[t]:e=>Object.entries(e).every(e=>{let[l]=e;return"cmsProductContentId"===l||w.filters[l]}),[s]:e=>w.filters[e.prop],[v]:e=>e.every(e=>w.getAdditionalFilters.find(l=>l.value===e)),[f]:e=>"string"==typeof e};return Object.entries(e).every(e=>{let[t,a]=e;return!l[t]||l[t](a)})})(l)||(e=>{const l={[t]:w.setActiveFilter,[s]:w.setActiveSorting,[v]:w.setAdditionalVisibleFilterKeys,[f]:w.setFullTextSearchQuery,[m]:w.setCurrentRowsThreshHold};Object.entries(e).forEach(e=>{var t;let[a,r]=e;return null===(t=l[a])||void 0===t?void 0:t.call(l,r)})})(l),w.filterAndSortProducts(),await(0,a.Y3)(),U.value=!0,window.addEventListener("pagehide",T)}),(0,a.Jd)(()=>{window.removeEventListener("pagehide",T),"mobile"===x.value&&(0,o.JP)(!1),w.$dispose()}),(l,t)=>{const r=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("section",{class:(0,a.C_)(["product-finder",[{"product-finder--loading":!b.value},{"product-finder--filters-collapsed":h.value}]])},[(0,a._)("header",Me,[(0,a._)("div",Ne,[(0,a._)("div",Ee,[(0,a._)("div",Ae,[(0,a.WI)(l.$slots,"default"),t[3]||(t[3]=(0,a.Uk)()),(0,a.Wm)(Ie,{"full-text-search-en

1dpoint":e.fullTextSearchEndpoint,class:"marg-t--3"},null,8,["full-text-search-endpoint"])])])])]),t[9]||(t[9]=(0,a.Uk)()),b.value?((0,a.wg)(),(0,a.iD)("div",{key:0,ref_key:"mainWrapper",ref:y,class:"product-finder__main-wrapper"},[(0,a._)("div",ze,[(0,a.Wm)(Fe,{collapsed:h.value,class:"product-finder__filters",onToggleFilters:t[0]||(t[0]=e=>$(!0))},null,8,["collapsed"])]),t[8]||(t[8]=(0,a.Uk)()),(0,a._)("div",Le,[(0,a._)("div",Ye,[(0,a._)("div",Re,[(0,a._)("div",Ve,[(0,a._)("button",{type:"button",class:"product-finder__filter-toggle-button",onClick:t[1]||(t[1]=e=>$(!1))},[(0,a.Wm)(r,{name:"filter",class:"product-finder__filter-toggle-icon"}),t[4]||(t[4]=(0,a.Uk)()),(0,a._)("span",{class:(0,a.C_)(["product-finder__filter-label",{"visibly-hidden":"desktop"!==(0,a.SU)(x)}])},(0,a.zw)((0,a.SU)(C)["apps.product_finder.filter"]),3)])])]),t[5]||(t[5]=(0,a.Uk)()),(0,a._)("div",Be,[(0,a._)("span",We,(0,a.zw)(D.value),1),(0,a.Uk)(" "+(0,a.zw)((0,a.SU)(C)["apps.product_finder.products"]),1)])]),t[7]||(t[7]=(0,a.Uk)()),D.value>0?((0,a.wg)(),(0,a.j4)(A,{key:0,ref_key:"table",ref:k,class:"marg-t--3 product-finder__table"},null,512)):((0,a.wg)(),(0,a.iD)(a.HY,{key:1},[(0,a._)("div",Ze,[(0,a._)("div",Je,(0,a.zw)((0,a.SU)(C)["apps.product_finder.no_results"]),1)]),t[6]||(t[6]=(0,a.Uk)()),e.hasContactForm?((0,a.wg)(),(0,a.j4)($e,{key:0,"contact-form-info-field-name":e.contactFormInfoFieldName,"contact-form-headline":e.contactFormHeadline,"contact-form-tracking-label":e.contactFormTrackingLabel,"contact-form-type":e.contactFormType,"has-dynamics-contact-form":e.hasDynamicsContactForm,"dynamics-form-cms-submit-url":e.dynamicsFormCmsSubmitUrl,"dynamics-form-cms-field-mappings":e.dynamicsFormCmsFieldMappings,class:"product-finder__form",onFormStatusChanged:t[2]||(t[2]=()=>j())},(0,a.Nv)({_:2},[(0,a.Ko)(l.$slots,(e,t)=>({name:t,fn:(0,a.w5)(()=>[(0,a.WI)(l.$slots,t)])}))]),1032,["contact-form-info-field-name","contact-form-headline","contact-form-tracking-label","contact-form-type","has-dynamics-contact-form","dynamics-form-cms-submit-url","dynamics-form-cms-field-mappings"])):(0,a.kq)("v-if",!0)],64))])],512)):(0,a.kq)("v-if",!0),t[10]||(t[10]=(0,a.Uk)()),!b.value||P.value?((0,a.wg)(),(0,a.j4)(qe.Z,{key:1,class:"product-finder__loading-spinner"})):(0,a.kq)("v-if",!0)],2)}}}),Ge=(0,E.Z)(Ke,[["__scopeId","data-v-65b0ea83"]])},44:(e,l,t)=>{t.d(l,{Z:()=>n});var a=t(5166);const r={class:"table__helper-sticky-wrapper"},o=Object.assign({name:"TableHelperContainer"},{__name:"TableHelperContainer",props:{showRowHeaderToggleButton:{type:Boolean,default:!1}},setup(e){const l=(0,a.iH)(null),t=(0,a.iH)(!1);return(0,a.bv)(()=>{(0,a.Y3)(()=>{!function(){const e=new IntersectionObserver(a=>{let[r]=a;r.isIntersecting&&(t.value=!0,e.unobserve(l.value))},{rootMargin:"0px 0px -40% 0px"});l.value&&e.observe(l.value)}()})}),(o,n)=>((0,a.wg)(),(0,a.iD)("div",{class:(0,a.C_)(["table__helper-container",[{"table--in-viewport":t.value}]])},[(0,a._)("div",r,[((0,a.wg)(),(0,a.iD)("svg",{ref_key:"scrollIcon",ref:l,class:"table__scroll-prompt-icon",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 118 118"},[...n[1]||(n[1]=[(0,a.uE)('<defs data-v-2900a130><filter id="a" width="163.8%" height="163.8%" x="-31.9%" y="-31.9%" filterUnits="objectBoundingBox" data-v-2900a130><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1" data-v-2900a130></feOffset> <feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="5" data-v-2900a130></feGaussianBlur> <feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" data-v-2900a130></feColorMatrix> <feMerge data-v-2900a130><feMergeNode in="shadowMatrixOuter1" data-v-2900a130></feMergeNode> <feMergeNode in="SourceGraphic" data-v-2900a130></feMergeNode></feMerge></filter></defs> <g fill="none" fill-rule="evenodd" filter="url(#a)" transform="translate(19 19)" data-v-2900a130><circle cx="40" cy="40" r="40" fill="#FFF" data-v-2900a130></circle> <g fill="#009DDB" fill-rule="nonzero" data-v-2900a130><path d="M53.5 34.58c-.63 0-1.25.15-1.71.54a3.02 3.02 0 0 0-2.94-2.09c-.62 0-1.24.16-1.7.54a3.02 3.02 0 0 0-2.95-2.09c-.54 0-1.08.16-1.55.4v-9.69c0-.46-.3-.77-.77-.77-.47 0-.78.3-.78.77V40c0 .47.31.77.78.77.46 0 .77-.3.77-.77v-5.42c0-.85.7-1.55 1.55-1.55.85 0 1.55.7 1.55 1.55V40c0 .47.31.77.77.7

17s.78-.3.78-.77v-3.87a1.55 1.55 0 0 1 3.1 0V40c0 .47.3.77.77.77s.77-.3.77-.77v-2.32a1.55 1.55 0 0 1 3.1 0v13.47c0 1.62-.54 3.33-1.4 4.72a10.2 10.2 0 0 0-1.7 5.5v1.86c0 .46.31.77.78.77.46 0 .77-.31.77-.77v-1.86c0-1.63.47-3.25 1.4-4.65a9.88 9.88 0 0 0 1.7-5.57V37.68a3.1 3.1 0 0 0-3.1-3.1z" data-v-2900a130></path> <path d="M42.65 22.2a3.1 3.1 0 0 0-3.1-3.1 3.1 3.1 0 0 0-3.09 3.1v21.83l-2.01-4.65c-.55-1-1.55-1.7-2.71-1.7a2.87 2.87 0 0 0-2.4 1.24c-.54.85-.7 1.85-.31 2.94l2.55 10.6c.24 1.24 2.36 4.5 3.37 5.43.15.15.77.38 1.08 0a.75.75 0 0 0 0-1.09c-.7-.7-2.74-3.72-2.9-4.64l-2.55-10.77a1.58 1.58 0 0 1 .15-1.54c.23-.4.7-.62 1.16-.62.54 0 1.09.3 1.32.77l3.48 8.05c.16.31.54.54.85.47a.75.75 0 0 0 .62-.78V22.2c0-.85.7-1.55 1.55-1.55.85 0 1.55.7 1.55 1.55-.15.47.16.78.62.78.46 0 .77-.31.77-.78z" data-v-2900a130></path> <path d="M35.3 56.88c-.39.23-.47.7-.31 1.08a10.5 10.5 0 0 1 1.4 5.27c0 .46.3.77.77.77.46 0 .77-.31.77-.77 0-2.1-.54-4.18-1.63-6.04-.15-.39-.61-.47-1-.31zm-9.37-33.14h6.74c.07.93.38 1.86.93 2.71.23.39.7.47 1.08.31.39-.23.46-.7.31-1.08a5.74 5.74 0 0 1-.77-2.71c0-3.02 2.4-5.42 5.42-5.42 3.01 0 5.41 2.4 5.41 5.42a4.98 4.98 0 0 1-.77 2.7c-.23.4-.08.86.31 1.1a.8.8 0 0 0 1.08-.32c.55-.85.78-1.78.93-2.7h6.74l-1.78 1.77a.75.75 0 0 0 0 1.09c.46.46.93.15 1.08 0l3.1-3.1s.46-.62 0-1.08l-3.1-3.1a.75.75 0 0 0-1.08 0 .75.75 0 0 0 0 1.08l1.62 1.78h-6.65a6.96 6.96 0 0 0-6.9-6.19 6.95 6.95 0 0 0-6.89 6.2H26.1l1.78-1.79a.75.75 0 0 0 0-1.08.75.75 0 0 0-1.09 0l-3.1 3.1s-.61.62 0 1.08l3.1 3.1c.16.15.7.38 1.09 0a.75.75 0 0 0 0-1.09l-1.94-1.78z" data-v-2900a130></path></g></g>',3)])],512)),n[3]||(n[3]=(0,a.Uk)()),e.showRowHeaderToggleButton?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"table__row-header-toggle",onClick:n[0]||(n[0]=e=>o.$emit("row-header-toggle-click"))},[...n[2]||(n[2]=[(0,a._)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 49"},[(0,a._)("g",{fill:"none","fill-rule":"nonzero"},[(0,a._)("path",{fill:"#0097D4",d:"M0 .5h16a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8H0V.5Z"}),(0,a.Uk)(),(0,a._)("path",{class:"table__row-header-toggle-caret",fill:"#F5F5F5",d:"M16.44 35.67a1.5 1.5 0 0 1-2-.12l-.11-.11-8-10a1.5 1.5 0 0 1-.09-1.76l.09-.12 8-10a1.5 1.5 0 0 1 2.43 1.75l-.09.13-7.25 9.06 7.25 9.06c.48.6.43 1.47-.12 2l-.11.11Z"})])],-1)])])):(0,a.kq)("v-if",!0)])],2))}});const n=(0,t(3744).Z)(o,[["__scopeId","data-v-2900a130"]])}}]);