https://www.tesa.com/relaunch2020/build/product-filter-table.dd8e60c5.js

1"use strict";(globalThis.webpackChunktesa_2016=globalThis.webpackChunktesa_2016||[]).push([[4492],{5330:(e,l,t)=>{t.d(l,{Z:()=>i});var a=t(5166),r=t(6122),n=t(7651);const o=Object.assign({name:"NoUiSliderWrapper"},{__name:"NoUiSliderWrapper",props:{value:{type:[Array,Number],required:!0},min:{type:Number,required:!0},max:{type:Number,required:!0},step:{type:Number,default:1},connect:{type:[Boolean,Array],default:!0},tooltips:{type:[Boolean,Array],default:()=>[!0,!0]},pips:{type:Object,default:null},disabled:{type:Boolean,default:!1},ariaLabels:{type:Array,default:()=>["Minimum value","Maximum value"]},decimals:{type:Number,default:null}},emits:["change","input"],setup(e,l){let{emit:t}=l;const o=(0,a.iH)(null),i=e,u=t,s=(0,a.iH)(null),d=(0,a.iH)(!1);function c(){s.value&&s.value.updateOptions({range:{min:i.min,max:i.max},step:i.step},!0)}function v(e){const l=i.decimals||Math.max((0,n.D9)(i.min,i.max)),t=Math.pow(10,l);return Math.round(e*t)/t}return(0,a.bv)(()=>{r.ZP.create(o.value,{start:i.value,connect:i.connect,range:{min:i.min,max:i.max},step:i.step,tooltips:i.tooltips,keyboardSupport:!0,format:{to:e=>parseFloat(e),from:e=>parseFloat(e)},pips:i.pips,handleAttributes:[{"aria-label":i.ariaLabels[0]},...Array.isArray(i.value)&&i.value.length>1?[{"aria-label":i.ariaLabels[1]}]:[]]}),s.value=o.value.noUiSlider,s.value.on("update",e=>{const l=e.map(e=>v(Number(e)));d.value||u("input",l)}),s.value.on("change",e=>{const l=e.map(e=>v(Number(e)));u("change",l)}),i.disabled&&s.value.disable()}),(0,a.Jd)(()=>{s.value&&s.value.destroy()}),(0,a.YP)(()=>i.value,e=>{if(!s.value)return;const l=s.value.get(),t=Array.isArray(l)?null==l?void 0:l.map(e=>v(Number(e))):[v(Number(l))];JSON.stringify(t)!==JSON.stringify(e)&&(d.value=!0,s.value.set(e),d.value=!1)},{deep:!0}),(0,a.YP)(()=>i.min,c),(0,a.YP)(()=>i.max,c),(0,a.YP)(()=>i.step,c),(0,a.YP)(()=>i.disabled,e=>{s.value&&(e?s.value.disable():s.value.enable())}),(e,l)=>((0,a.wg)(),(0,a.iD)("div",{class:"no-ui-slider-wrapper",ref_key:"sliderElement",ref:o},null,512))}});const i=(0,t(3744).Z)(o,[["__scopeId","data-v-fa86b27e"]])},3426:(e,l,t)=>{t.r(l),t.d(l,{default:()=>I});var a=t(5166),r=t(7105),n=t(6138),o=t(7651),i=t(1365),u=t(6667),s=t(5330);const d={class:"range-slider"},c={class:"range-slider__reset-button-wrapper"},v=["aria-label"],p={class:"range-slider__input-wrapper"},b=Object.assign({name:"RangeSlider"},{__name:"RangeSlider",props:{min:{type:Number,default:0},max:{type:Number,default:100},uom:{type:String,default:null},labels:{type:Object,default:()=>({})}},emits:["change"],setup(e,l){let{expose:t,emit:n}=l;const i=e,b=n,{labelStore:m}=(0,r.b)({labelsRequired:["global"]}),_=(0,a.iH)([i.min,i.max]),f=(0,a.Fl)(()=>Math.max((0,o.D9)(i.min,i.max))),g=(0,a.Fl)(()=>f.value?1/Math.pow(10,f.value):1),h=(0,a.Fl)(()=>({to:e=>`${+e.toFixed(f.value)} ${i.uom}`}));function y(){b("change",{min:_.value[0],max:_.value[1]})}function w(e){_.value=[e,_.value[1]]}function k(e){_.value=[_.value[0],e]}function x(){_.value=[i.min,i.max]}return t({reset:x}),(l,t)=>{const r=(0,a.up)("Icon");return(0,a.wg)(),(0,a.iD)("div",d,[(0,a._)("div",c,[(0,a._)("button",{type:"button",class:"range-slider__reset-button","aria-label":(0,a.SU)(m)["global.reset"],onClick:x},[(0,a.Wm)(r,{name:"reset",class:"range-slider__reset-button-icon"})],8,v)]),t[4]||(t[4]=(0,a.Uk)()),(0,a._)("div",p,[(0,a.Wm)((0,a.SU)(u.default),{type:"number","show-optional-label":!1,min:e.min,max:_.value[1]-g.value,step:g.value,"initial-value":_.value[0],label:"min",class:"range-slider__input","component-classes":"base-text-input--no-margin",onInput:w},null,8,["min","max","step","initial-value"]),t[1]||(t[1]=(0,a.Uk)()),t[2]||(t[2]=(0,a._)("span",{class:"range-slider__minus-symbol"},"–",-1)),t[3]||(t[3]=(0,a.Uk)()),(0,a.Wm)((0,a.SU)(u.default),{type:"number","show-optional-label":!1,min:_.value[0]+g.value,max:e.max,step:g.value,"initial-value":_.value[1],label:"max",class:"range-slider__input","component-classes":"base-text-input--no-margin",onInput:k},null,8,["min","max","step","initial-value"])]),t[5]||(t[5]=(0,a.Uk)()),(0,a.Wm)(s.Z,{max:e.max,min:e.min,value:_.value,step:g.value,tooltips:[h.value,h.value],class:"range-slider__slider",onInput:t[0]||(t[0]=e=>_.value=e)},null,8,["max","min","value","step","tooltips"]),t[6]||(t[6]=(0,a.Uk)()),(0,a._)("button",{type:"button",class:"range-slider__button button button--cta-2 marg-t--2",onClick:y},(0,a.zw)(e.labels.apply),1)])}}});var m=t(3744);const _=(0,m.Z)(b,[["__scopeId","data-v-4e40484e"]]);var f=t(44),g=t(7773);const h=["aria-labelledby"],y={key:0,class:"product-filter-table__module-header"},w={class:"container"},k={class:"product-filter-table__filter-wrapper marg-t--4"},x={class:"product-filter-table__filter-options"},H={class:"product-filter-table__filter-toggle-string-wrapper"},S={class:"button-wrapper"},U={"aria-live":"polite",class:"visibly-hidden",role:"status"},C={key:0,ref:"scrollContainerClone",class:"table__content-wrapper table__clone-scroll-container",tabindex:"0"},O={class:"table__thead table__thead-clone"},P=["onClick"],F={class:"product-filter-table__sort-button-text"},$={class:"table__thead"},M=["aria-labelledby","aria-sort"],j=["aria-label","tabindex","onClick"],D=["id"],N=["aria-labelledby"],z={class:"product-filter-table__product-row-header-wrapper"},B={class:"product-filter-table__product-row-header-title"},L=["href"],q=["id"],W={class:"product-filter-table__button-wrapper container"},A=["textContent"],E=Object.assign({name:"ProductFilterTable"},{__name:"ProductFilterTable",props:{productProperties:{type:[Object,Array],default:()=>({})},products:{type:Array,default:()=>[]},collapsible:{type:Boolean,default:!1},collapseThreshold:{type:Number,default:20},headlineId:{type:String,default:null}},setup(e){var l;const t=null===(l=(0,a.FN)())||void 0===l?void 0:l.proxy,u=(0,a.iH)(null),s=(0,a.iH)(null),d=(0,a.iH)(null),c=(0,a.iH)(null),v=(0,a.iH)(null),p=(0,a.iH)(null),b=e,{activeLayout:m}=(0,n.S)(),{labelStore:E}=(0,r.b)({labelsRequired:["modules.product_filter"],labelKeyReplaceFn:e=>e.replace("modules.product_filter.","")}),I=(0,a.iH)(null),Y=(0,a.iH)(!1),T=(0,a.iH)(!1),R=(0,a.iH)(!1),Z=(0,a.iH)(!1),K=(0,a.iH)(!1),V=(0,a.iH)(!1),G=(0,a.iH)(!1),J=(0,a.iH)(0),X=(0,a.iH)(0),Q=(0,a.iH)(0),ee=(0,a.iH)(0),le=(0,a.iH)(0),te=(0,a.iH)(0),ae=(0,a.iH)(0),re=(0,a.iH)(0),ne=(0,a.iH)(0),oe=(0,a.iH)(0),ie=(0,a.iH)(null),ue=(0,a.iH)(null),se=(0,a.iH)(null),de=(0,a.iH)(Object.entries(b.productProperties).reduce((e,l)=>

1{let[t,a]=l;return"String"===a.type&&(e[t]=[]),"Number"===a.type&&(e[t]={min:null,max:null}),e},{})),ce=(0,a.iH)({}),ve=(0,a.iH)({}),pe=(0,a.iH)(b.collapsible),be=(0,a.iH)(`product-filter-table-${(0,o.Rl)()}`),me=(0,a.iH)({}),_e=(0,a.iH)(null),fe=(0,a.Fl)(()=>ee.value>X.value),ge=(0,a.Fl)(()=>J.value+X.value>=ee.value),he=(0,a.Fl)(()=>J.value<=0),ye=(0,a.Fl)(()=>({...I.value&&{"--first-column-width":`${I.value}px`},"--cell-width":`${le.value}px`})),we=(0,a.Fl)(()=>{const e=.7*window.innerHeight;return Z.value&&Q.value>e}),ke=(0,a.Fl)(()=>({name:{title:E.value.products,type:"String",sortProp:"sortTitle"},...b.productProperties})),xe=(0,a.Fl)(()=>De(b.products)),He=(0,a.Fl)(()=>{var e;const l=xe.value,t=Se.value,a=de.value;return null===(e=Object.entries(l))||void 0===e?void 0:e.reduce((e,l)=>{let[r,n]=l;return Array.isArray(n)?e[r]=n.map(e=>{var l;const n=t[r].find(l=>l.value===e.value)||(null===(l=a[r])||void 0===l?void 0:l.includes(e.value));return{...e,disabled:!n}}):e[r]=n,e},{})}),Se=(0,a.Fl)(()=>Object.keys(b.productProperties).reduce((e,l)=>{const t={[l]:b.productProperties[l]},a={...de.value};delete a[l];const r=de.value[l]?je(a):Ue.value;return e[l]=De(r,t)[l],e},{})),Ue=(0,a.Fl)(()=>je(de.value,ce.value)),Ce=(0,a.Fl)(()=>b.productProperties&&Object.keys(b.productProperties).length&&b.products.length>1);function Oe(){return p.value||t.$el}function Pe(){var e,l;return v.value||(null===(e=Oe())||void 0===e?void 0:e.querySelector("[data-table-scroll-container]"))||(null===(l=Oe())||void 0===l?void 0:l.querySelector(".table__content-wrapper"))}function Fe(){var e,l;const t=Oe(),a=Pe();if(!t||!a)return;const r=a.getBoundingClientRect(),n=t.querySelector(".table__content-container"),o=t.getBoundingClientRect(),i=null==n?void 0:n.getBoundingClientRect(),u=(null===(e=_e.value)||void 0===e?void 0:e[0])||t.querySelector("tr th, tr td"),s=null==u?void 0:u.getBoundingClientRect();X.value=r.width,Q.value=r.height,ee.value=a.scrollWidth,le.value=(null===(l=[...t.querySelectorAll("th, td")].pop())||void 0===l?void 0:l.clientWidth)||0,oe.value=s?s.right-o.left:0,re.value=i?i.left-o.left:0,ne.value=(null==i?void 0:i.width)||0,te.value=i?i.top-o.top:0,ae.value=(null==i?void 0:i.height)||0}function $e(){Y.value=!Y.value}function Me(e){const l=ce.value.prop===e&&"desc"===ce.value.dir?"asc":"desc";ce.value={prop:e,dir:l}}function je(e,l){let t=b.products;return e&&Object.keys(e).length&&(t=t.filter(l=>Object.entries(e).every(e=>{var t,a,r;let[n,i]=e;const u=null===(t=l.properties)||void 0===t||null===(a=t[n])||void 0===a?void 0:a.value;return"String"===(null===(r=b.productProperties[n])||void 0===r?void 0:r.type)&&Array.isArray(i)&&i.length?i.includes(u):!(0,o.hj)(i.min)||!(0,o.hj)(i.max)||u>=i.min&&u<=i.max}

1))),l&&Object.keys(l).length&&(t=t.sort((e,t)=>{var a,r,n,o,i,u,s,d;const c=(null===(a=ke.value)||void 0===a||null===(r=a[l.prop])||void 0===r?void 0:r.sortProp)||l.prop;let v=e[c]||(null===(n=e.properties)||void 0===n||null===(o=n[c])||void 0===o?void 0:o.value),p=t[c]||(null===(i=t.properties)||void 0===i||null===(u=i[c])||void 0===u?void 0:u.value),b=0;return v===p?0:null===v?1:null===p?-1:("String"===(null===(s=ke.value)||void 0===s||null===(d=s[l.prop])||void 0===d?void 0:d.type)?b=String(v).localeCompare(String(p)):(v=parseFloat(v),p=parseFloat(p),v<p?b=-1:v>p&&(b=1)),"desc"===(null==l?void 0:l.dir)?-1*b:b)})),t}function De(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:Ue.value,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:b.productProperties;return Object.entries(l).reduce((l,t)=>{let[a,r]=t;if("String"===r.type&&(l[a]=(0,o.vB)(e.map(e=>e.properties[a]).filter(e=>Boolean(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})),"Number"===r.type){const t=e.map(e=>{var l;return null===(l=e.properties[a])||void 0===l?void 0:l.value});l[a]={min:Math.floor(Math.min(...t)),max:Math.ceil(Math.max(...t))}}return l},{})}function Ne(){de.value=Object.entries(b.productProperties).reduce((e,l)=>{let[t,a]=l;return"String"===a.type&&(e[t]=[]),"Number"===a.type&&(e[t]={min:null,max:null}),e},{}),ce.value={},c.value.forEach(e=>e.reset())}function ze(){ve.value={table:d.value.clientWidth,cells:s.value.map(e=>e.clientWidth)}}return(0,a.bv)(()=>{var e,l;Z.value=!0,_e.value=null===(e=Oe())||void 0===e?void 0:e.querySelectorAll(`tr:nth-child(${Z.value?2:1}) th`),null!==(l=_e.value)&&void 0!==l&&l.length&&(K.value=!0,I.value=_e.value[0].offsetWidth),Fe(),ie.value=(0,o.Ds)(()=>{return K.value&&null!==(e=_e.value)&&void 0!==e&&e.length&&(I.value=_e.value[0].offsetWidth),Fe(),void we.value;var e},300),window.addEventListener("resize",ie.value);const t=Pe();t&&(ue.value=()=>function(){const e=Pe();e&&(R.value=!0,J.value=e.scrollLeft)}(),t.addEventListener("scroll",ue.value,{passive:!0})),we.value,T.value=!0,ze(),window.addEventListener("resize",()=>{we.value&&ze()})}),(0,a.Jd)(()=>{ie.value&&window.removeEventListener("resize",ie.value);const e=Pe();e&&ue.value&&e.removeEventListener("scroll",ue.value),se.value&&se.value()}),(0,a.YP)(m,e=>{"desktop"===e&&(Y.value=!1)}),(0,a.YP)(J,e=>{const l=u.value;l&&(l.scrollLeft=e)}),(0,a.YP)(fe,e=>{e&&!V.value&&function(){const e=Pe();if(!e||V.value)return;let l={left:0,x:0},t=!1;const a=()=>{t=!0,setTimeout(()=>{t=!1},1e3)},r=t=>{const a=t.clientX-l.x;G.value=!0,e.scrollLeft=l.left-a},n=()=>{e.style.cursor="",e.style.removeProperty("user-select"),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",n)},o=a=>{l={left:e.scrollLeft,x:a.clientX},t||(e.style.cursor="grabbing",e.style.userSelect="none",document.addEventListener("mousemove",r),document.addEventListener("mouseup",n))};document.addEventListener("touchstart",a),e.addEventListener("mousedown",o),se.value=()=>{document.removeEventListener("touchstart",a),e.removeEventListener("mousedown",o),document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",n),e.style.cursor="",e.style.removeProperty("user-select")},V.value=!0}()},{immediate:!0}),(0,a.YP)(de,()=>{(0,a.Y3)(()=>{me.value={}})},{deep:!0}),(l,t)=>{const r=(0,a.up)("Icon"),n=(0,a.up)("BaseImage"),o=(0,a.up)("MissingImage");return(0,a.wg)(),(0,a.iD)("section",{class:(0,a.C_)(["table product-filter-table",[{"table--mounted":T.value},{"table--scrollable":we.value},{"table--fixed-column":K.value&&fe.value},{"table--row-header-collapsed":Y.value},{"table--scrolled":R.value},{"table--scrolled-to-start":he.value},{"table--scrolled-to-end":ge.value},{"table--scroll-dragging":G.value},{"table--no-min-width":!e.productProperties||!e.productProperties.length}]]),style:(0,a.j5)(ye.value),role:"region","aria-labelledby":e.headlineId},[Ce.value?((0,a.wg)(),(0,a.iD)("div",y,[(0,a._)("div",w,[(0,a.WI)(l.$slots,"default"),t[5]||(t[5]=(0,a.Uk)()),(0,a._)("div",k,[(0,a._)("div",x,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.productProperties,(e,l)=>((0,a.wg)(),(0,a.iD)("div",{key:`filter-${l}`,class:"product-filter-table__option"},["String"===e.type?((0,a.wg)(),(0,a.j4)(g.Z,{key:0,class:"question__input",label:e.title,options:He.value[l],labels:(0,a.SU)(E),"show-button":"","show-count":"",clearable:"",ref_for:!0,ref_key:"filter",ref:c,"on-bg-color":"grey",onChange:e=>de.value[l]=e},null,8,["label","options","labels","onChange"])):(0,a.kq)("v-if",!0),t[3]||(t[3]=(0,a.Uk)()),"Number"===e.type&&He.value[l].min!==He.value[l].max?((0,a.wg)(),(0,a.j4)(i.Z,{key:1,ref_for:!0,ref:"accordion","initially-open":me.value[l]??!1,class:"details-accordion--hover-state-inside details-accordion--pos-absolute-content",onOpenStatusChange:e=>me.value[l]=e},{toggle:(0,a.w5)(l=>{let{isOpen:n}=l;return[(0,a._)("div",{class:(0,a.C_)(["product-filter-table__filter-toggle",{"product-filter-table__filter-toggle--open":n}])},[(0,a._)("span",H,(0,a.zw)(e.title)+" ("+(0,a.zw)(e.uom)+")\n                    ",1),t[1]||(t[1]=(0,a.Uk)()),(0,a.Wm)(r,{name:n?"angle-up":"angle-down",class:"product-filter-table__filter-toggle-icon"},null,8,["name"])],2)]}),default:(0,a.w5)(()=>[t[2]||(t[2]=(0,a.Uk)()),(0,a.Wm)((0,a.SU)(_),{ref_for:!0,ref_key:"filter",ref:c,min:He.value[l].min,max:He.value[l].max,labels:(0,a.SU)(E),uom:e.uom,class:"product-filter-table__filter-accordion-content",onChange:e=>de.value[l]=e},null,8,["min","max","labels","uom","onChange"])]),_:2},1032,["initially-open","onOpenStatusChange"])):(0,a.kq)("v-if",!0)]))),128)),t[4]||(t[4]=(0,a.Uk)()),(0,a._)("div",S,[(0,a._)("button",{class:"button button--submit button--cta-2",onClick:Ne},[(0,a.Uk)((0,a.zw)((0,a.SU)(E).reset)+" ",1),(0,a.Wm)(r,{name:"reset",class:"product-filter-table__reset-button-icon"})])])])])])])):(0,a.kq)("v-if",!0),t[14]||(t[14]=(0,a.Uk)()),(0,a._)("div",U,(0,a.zw)(Ue.value.length)+" "+(0,a.zw)((0,a.SU)(E)["modules.product_filter.products"]),1),t[15]||(t[15]=(0,a.Uk)()),(0,a._)("div",{class:(0,a.C_)(["table__content-container",{"marg-t--4":Ce.value}])},[we.value?((0,a.wg)(),(0,a.iD)("div",C,[(0,a._)("div",{class:"table__clone-inner-scroll-container",ref_key:"scrollContainerCloneHorizontal",ref:u,"aria-hidden":"true"},[(0,a._)("table",{ref:"cloneTarget",style:(0,a.j5)(`width: ${ve.value.table}px`)},[(0,a._)("thead",null,[(0,a._)("tr",O,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(ke.value,(e,l,n)=>((0,a.wg)(),(0,a.iD)("th",{key:`th-${l}`,style:(0,a.j5)(`width: ${ve.value.cells[n]}px`)},[(0,a._)("button",{type:"button",class:(0,a.C_)(["product-filter-table__sort-button",[{"product-filter-table__sort-button--active":ce.value.prop===l},{"product-filter-table__sort-button--equalize-center":n}]]),onClick:e=>Me(l)}

1,[(0,a._)("div",null,[(0,a._)("span",F,(0,a.zw)(e.title),1)]),t[6]||(t[6]=(0,a.Uk)()),(0,a.Wm)(r,{name:ce.value.prop===l&&"asc"===ce.value.dir?"angle-up":"angle-down",class:"product-filter-table__sort-button-icon"},null,8,["name"])],10,P)],4))),128))])])],4)],512)],512)):(0,a.kq)("v-if",!0),t[12]||(t[12]=(0,a.Uk)()),(0,a._)("div",{class:"table__content-wrapper",ref_key:"scrollContainer",ref:v,tabindex:"0"},[(0,a._)("table",{ref_key:"table",ref:d},[(0,a._)("tbody",null,[(0,a._)("tr",$,[((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(ke.value,(e,l,n)=>((0,a.wg)(),(0,a.iD)("th",{key:`th-${l}`,scope:"col","aria-labelledby":`${be.value}-th-${l}-title`,"aria-sort":ce.value.prop===l?"asc"===ce.value.dir?"ascending":"descending":"none",ref_for:!0,ref_key:"theadCell",ref:s},[(0,a._)("button",{type:"button",class:(0,a.C_)(["product-filter-table__sort-button",[{"product-filter-table__sort-button--active":ce.value.prop===l},{"product-filter-table__sort-button--equalize-center":n}]]),"aria-label":`${(0,a.SU)(E)["modules.product_filter.sort_by"]} ${e.title}${ce.value.prop===l?`, ${(0,a.SU)(E)["modules.product_filter.currently_sorted"]} `+("asc"===ce.value.dir?(0,a.SU)(E)["modules.product_filter.ascending"]:(0,a.SU)(E)["modules.product_filter.descending"]):""}`,tabindex:we.value?"-1":null,onClick:t=>Me(e.sortProp||l)},[(0,a._)("div",null,[(0,a._)("span",{class:"product-filter-table__sort-button-text",id:`${be.value}-th-${l}-title`},(0,a.zw)(e.title),9,D)]),t[7]||(t[7]=(0,a.Uk)()),(0,a.Wm)(r,{name:ce.value.prop===l&&"asc"===ce.value.dir?"angle-up":"angle-down",class:"product-filter-table__sort-button-icon"},null,8,["name"])],10,j)],8,M))),128))]),t[11]||(t[11]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(Ue.value.slice(0,pe.value?e.collapseThreshold:1/0),l=>((0,a.wg)(),(0,a.iD)("tr",{key:`tr-product-${l.id}`},[(0,a._)("th",{class:"product-filter-table__product-row-header",scope:"row","aria-labelledby":`${be.value}-th-${l.id}-title`},[(0,a._)("div",z,[l.image?((0,a.wg)(),(0,a.j4)(n,(0,a.dG)({key:0,ref_for:!0},l.image,{variant:"padded1x1",class:"product-filter-table__product-row-header-image","aria-hidden":!0}),null,16)):((0,a.wg)(),(0,a.j4)(o,{key:1,class:"product-filter-table__product-row-header-image","aria-hidden":"true"})),t[9]||(t[9]=(0,a.Uk)()),(0,a._)("span",B,[(0,a._)("a",{href:l.url,class:"navigation-link navigation-link--small navigation-link--centered-icon navigation-link--small-icon"},[(0,a._)("span",{class:"navigation-link__text",id:`${be.value}-th-${l.id}-title`},(0,a.zw)(l.name),9,q),t[8]||(t[8]=(0,a.Uk)()),(0,a.Wm)(r,{name:"angle-right",class:"navigation-link__icon"})],8,L)])])],8,N),t[10]||(t[10]=(0,a.Uk)()),((0,a.wg)(!0),(0,a.iD)(a.HY,null,(0,a.Ko)(e.productProperties,(e,t)=>{return(0,a.wg)(),(0,a.iD)("td",{key:`td-product-${l.id}-${t}`},(0,a.zw)((r=l.properties[t]).label?r.label:r.value),1);var r}),128))]))),128))])],512)],512),t[13]||(t[13]=(0,a.Uk)()),fe.value?((0,a.wg)(),(0,a.j4)(f.Z,{key:1,"show-row-header-toggle-button":K.value&&"desktop"!==(0,a.SU)(m),"aria-hidden":"true",onRowHeaderToggleClick:$e},null,8,["show-row-header-toggle-button"])):(0,a.kq)("v-if",!0)],2),t[16]||(t[16]=(0,a.Uk)()),(0,a._)("div",W,[e.collapsible&&Ue.value.length>e.collapseThreshold?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"button button--inline button--cta-2",textContent:(0,a.zw)(pe.value?(0,a.SU)(E).expand:(0,a.SU)(E).collapse),onClick:t[0]||(t[0]=e=>pe.value=!pe.value)},null,8,A)):(0,a.kq)("v-if",!0)])],14,h)}}}),I=(0,m.Z)(E,[["__scopeId","data-v-320f9818"]])},44:(e,l,t)=>{t.d(l,{Z:()=>o});var a=t(5166);const r={class:"table__helper-sticky-wrapper"},n=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)}()})}),(n,o)=>((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"},[...o[1]||(o[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>

1 <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.77s.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)),o[3]||(o[3]=(0,a.Uk)()),e.showRowHeaderToggleButton?((0,a.wg)(),(0,a.iD)("button",{key:0,type:"button",class:"table__row-header-toggle",onClick:o[0]||(o[0]=e=>n.$emit("row-header-toggle-click"))},[...o[2]||(o[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 o=(0,t(3744).Z)(n,[["__scopeId","data-v-2900a130"]])}}]);