https://www.hardloop.de/_next/static/chunks/pages/my-product-comparison-34dff0dc4562215c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9914],{98400:function(e,a,r){"use strict";r.d(a,{KR:function(){return d},qm:function(){return c}});var t=r(56168);let l="loading",s=new Set,n=()=>l,c=e=>{l!==e&&(l=e,s.forEach(e=>e()))},i=e=>(s.add(e),()=>{s.delete(e)}),o=()=>"loading",d=()=>(0,t.useSyncExternalStore)(i,n,o)},25703:function(e,a,r){"use strict";r.d(a,{Z:function(){return m}});var t=r(94904),l=r(86934),s=r(52042),n=r(75657),c=r.n(n);r(56168);var i=r(30103),o=r(69825),d=r.n(o),u=r(8014);function m({url:e,text:a,position:r="flex-start",textSize:n="1rem",bgColor:o=i.darkGrey,textColor:m="white",showArrow:p=!1,obfuscated:_=!1,rel:h=null,target:f="_self",tracking:g=null}){let{enhancedDataLayerPush:x}=(0,t.uP)(),j="object"==typeof e?e.href:e,v=()=>{if(!g)return;let e={sub_section:t.s0,content_type:t.s0,content_name:a},r="string"==typeof g?{...e,section:g}:{...e,...g};x(t.k2,r)};return _?(0,u.jsx)("div",{className:d().ctaObfuscated,style:{"--position":r,"--backgroundColor":o,"--textColor":m},onClick(){v(),(0,l.oe)((0,l.Mq)(j))},children:(0,u.jsx)("span",{style:{"--textSize":n},className:p?d().withArrow:"",children:p?(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("span",{children:a}),(0,u.jsx)(s.F8,{width:15})]}):a})}):(0,u.jsx)("div",{className:d().cta,style:{"--position":r},onClick:()=>v(),children:(0,l.Et)(j)?(0,u.jsxs)("a",{style:{"--textColor":m,"--backgroundColor":o},className:p?d().withArrow:"",href:j,target:f,...h?{rel:h}:{},children:[(0,u.jsx)("span",{style:{"--textSize":n},children:a}),p&&(0,u.jsx)(s.F8,{width:15})]}):(0,u.jsx)(c(),{href:e,passHref:!0,children:(0,u.jsxs)("a",{style:{"--textColor":m,"--backgroundColor":o},className:p?d().withArrow:"",target:f,...h?{rel:h}:{},children:[(0,u.jsx)("span",{style:{"--textSize":n},children:a}),p&&(0,u.jsx)(s.F8,{width:15})]})})})}},83760:function(e,a,r){"use strict";r.d(a,{Z:function(){return c}}),r(56168);var t=r(30103),l=r(17764),s=r.n(l),n=r(8014);function c({children:e,handleClick:a,formButton:r="button",disabled:l=!1,bgColor:c=t.green,bgColorHover:i=t.greenHover,textColor:o="white",customClass:d="",textSize:u="1.3125rem"}){return(0,n.jsx)("button",{onClick:a,type:r?"submit":"button",disabled:l,className:`${d} ${s().mainCta}`,style:{"--backgroundColor":c,"--textColor":o,"--backgroundColorHover":i,"--textSize":u},children:e})}},93960:function(e,a,r){"use strict";r(56168);var t=r(30634),l=r.n(t),s=r(8014);a.Z=function({onClick:e,ariaLabel:a,className:r=""}){return(0,s.jsx)("button",{type:"button",className:[l().deleteCross,r].filter(Boolean).join(" "),onClick:e,"aria-label":a})}},45618:function(e,a,r){"use strict";r(56168);var t=r(8552),l=r.n(t),s=r(25703),n=r(8014);a.Z=function({srcImg:e="/images/icons/backpack-open.svg",altImg:a="backpack icon",text:r,subText:t="",linkMsg:c,link:i="/",width:o=130,container:d=null}){return(0,n.jsxs)("div",{className:`${l().emptyBackpack} ${d}`,children:[e&&(0,n.jsx)("img",{src:e,alt:a,width:o}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:l().containerTexts,children:[(0,n.jsx)("div",{className:l().text,children:r}),""!==t&&(0,n.jsx)("div",{className:l().subText,children:t})]}),(0,n.jsx)(s.Z,{text:c,url:i})]})]})}},56380:function(e,a,r){"use strict";var t=r(80241),l=r.n(t),s=r(8014);let n=({src:e})=>`https://images.hardloop.fr/${e}`,c=({src:e,alt:a,nextComponentCalled:r=!0,width:t=null,height:c=null,quality:i=80,params:o=[],classes:d="",isLazyLoaded:u=!0,fetchPriority:m="auto",onMouseEnter:p=()=>{},onLoad:_=()=>{},onError:h=()=>{},onClick:f=()=>{}})=>{let g=e,x=[{w:t||"auto"},{h:c||"auto"},{q:i},...o];if(x.length&&x.map((e,a)=>{for(let[r,t]of Object.entries(e))g+=`${0===a?"?":"&"}${r}=${t}`}),!g.startsWith("https://images.hardloop.fr"))return(0,s.jsx)("img",{src:g,alt:a,loading:u?"lazy":"eager",fetchpriority:m});let j=new URL(g);return r?(0,s.jsx)(l(),{src:`${j.pathname}${j.search}`,loader:n,width:t,height:c,alt:a,className:d,quality:i,loading:u?"lazy":"eager",onMouseEnter:p,onLoad:_,onError:h,onClick:f}):(0,s.jsx)("img",{src:g,alt:a,className:d,loading:u?"lazy":"eager",fetchpriority:m,onMouseEnter:p,onLoad:_,onError:h,onClick:f})};a.Z=c},28239:function(e,a,r){"use strict";r.r(a),r.d(a,{default:function(){return G}});var t=r(94904),l=r(45985),s=r(56168);let n=e=>{let a=new Map,r=e.length;e.forEach((e,t)=>

1{(e??[]).forEach(e=>{if(!e||e.name?.includes("carl_")||139===e.id_feature)return;let l=a.get(e.id_feature);l||(l={id_feature:e.id_feature,name:e.name,values:Array(r).fill(null)},a.set(e.id_feature,l)),l.values[t]=e})});let t=Array.from(a.values()),l=t.filter(e=>44===e.id_feature),s=t.filter(e=>44!==e.id_feature);return[...l,...s]};var c=r(86934),i=r(93960),o=r(45618),d=r(56380),u=r(75657),m=r.n(u),p=r(83760);let _=e=>{let a=e.querySelector(".bv_main_container");return a?a.classList.contains("bv_hide_visibility")?"none":"rated":"pending"};var h=r(65117),f=r.n(h),g=r(1753),x=r.n(g),j=r(98400),v=r(8014);let C=f()(()=>r.e(3780).then(r.bind(r,73780)),{ssr:!1});var y=function({productId:e}){let a=(0,s.useRef)(null),r=(0,s.useRef)(!1),[t,l]=(0,s.useState)("pending"),n=(0,j.KR)();return((0,s.useEffect)(()=>{let e=a.current;if(!e)return;let t=()=>{let a=_(e);l("pending"===a&&r.current?"none":a)};t();let s=new MutationObserver(t);return s.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["class"]}),()=>s.disconnect()},[]),(0,s.useEffect)(()=>{if("loaded"!==n)return;let e=window.setTimeout(()=>{r.current=!0,l(e=>"pending"===e?"none":e)},8e3);return()=>window.clearTimeout(e)},[n]),"failed"===n)?null:(0,v.jsxs)("span",{className:x().cell,children:[(0,v.jsx)("span",{ref:a,className:"rated"===t?x().widget:x().hiddenWidget,children:(0,v.jsx)(C,{type:"inline_rating",productId:`${e}`})}),"pending"===t&&(0,v.jsx)("span",{className:x().skeleton}),"none"===t&&(0,v.jsx)("span",{children:"—"})]})},N=r(52082),k=r(94669),w=r(40346),b=r(90422),P=r.n(b),L=r(89063),R=r(75332),S=r(94019),E=r(72084),B=r(62044);let Z=async(e,a)=>{try{let[r,t]=await Promise.all([(0,w.Z)((0,l.Bq)(e.id),{},{locale:a}),(0,w.Z)((0,l.D4)(e.id),{},{locale:a})]),s=r?.color_references?.[0],n=s?.variations?.find(e=>e.id_product_attribute===s.default_id_product_attribute)??s?.variations?.[0],c=parseFloat(n?.prices?.price??`${e.price}`),i=parseInt(n?.prices?.reduction??"0");return{price:c,...i>0?{oldPrice:parseFloat(n?.prices?.old_price??"0")}:{},image:n?.images?.[0]?.large_default??n?.images?.[0]?.medium_default??e.image,specs:t?.technical_specifications??[]}}catch{return null}};var F=function(){let{t:e}=(0,B.Z)("common"),a=(0,R.useRouter)(),{locale:r}=a,{enhancedDataLayerPush:l}=(0,t.uP)(),{currencySign:u}=(0,E.pf)(),{items:_,hydrated:h,removeItem:f}=(0,L.gV)(),g=(0,j.KR)(),x=(0,c.EB)(r),C=(0,N.Z5)(r),w=(0,s.useRef)(null),b=(0,s.useRef)(null),F=e=>()=>{let a="header"===e?w.current:b.current,r="header"===e?b.current:w.current;a&&r&&r.scrollLeft!==a.scrollLeft&&(r.scrollLeft=a.scrollLeft)},[H,$]=(0,s.useState)(!1),[T,G]=(0,s.useState)(0),M=(0,s.useRef)(null),q=(0,s.useRef)(null),A=(0,s.useRef)(0);(0,s.useEffect)(()=>{let e=q.current,a=M.current;if(!e||!a)return;let r=e.getBoundingClientRect().top+window.scrollY;A.current=Math.max(A.current,a.getBoundingClientRect().height),G(A.current);let t=document.getElementById("main-content"),l=t&&parseFloat(getComputedStyle(t).getPropertyValue("--padding"))||0,s=r+A.current-10-l,n=()=>$(window.scrollY>s);return n(),window.addEventListener("scroll",n,{passive:!0}),()=>window.removeEventListener("scroll",n)},[h,_.length]);let W=_.map(e=>e.id).join(","),{data:O}=(0,S.ZP)(h&&_.length?["comparator-bundles",W,r]:null,()=>Promise.all(_.map(e=>Z(e,r))),{revalidateOnFocus:!1});if(!h)return(0,v.jsx)(k.Z,{});if(0===_.length)return(0,v.jsxs)("div",{className:P().page,children:[(0,v.jsx)("h1",{children:e("comparator-page-title")}),(0,v.jsx)(o.Z,{text:e("comparator-empty"),linkMsg:e("comparator-empty-cta"),link:"/"})]});let I=n((O??[]).map(e=>e?.specs??null)),K=e=>[P().specValueCell,e%2==0?P().stripedColumn:""].filter(Boolean).join(" "),V=e=>C.ProductPage({slug:`${e.id}-${e.slug}`}),Y=e=>l(t.K3,{id_product:e.id}),z=e=>{Y(e),a.push(V(e))};return(0,v.jsxs)("div",{className:P().page,children:[(0,v.jsx)("h1",{children:e("comparator-page-title")}),(0,v.jsx)("div",{ref:q,"aria-hidden":"true"}),(0,v.jsx)("div",{style:H&&T?{height:T}:void 0,children:(0,v.jsx)("div",{ref:M,className:[P().stickyHeaderRow,H?P().stuck:""].filter(Boolean).join(" "),children:(0,v.jsx)("div",{className:P().headerScroll,ref:w,onScroll:F("header"),children:(0,v.jsxs)("div",{className:P().grid,style:{"--columns":_.length},children:[(0,v.jsx)("div",{className:P().cornerCell}),_.map((a,r)=>

1{let t=O?.[r],l=t?t.price:a.price,s=t?t.oldPrice:a.oldPrice;return(0,v.jsxs)("div",{className:P().column,children:[(0,v.jsxs)("div",{className:P().compactRow,children:[(0,v.jsx)(m(),{href:V(a),prefetch:!1,passHref:!0,children:(0,v.jsxs)("a",{className:P().compactLink,onClick:()=>Y(a),children:[(0,v.jsx)(d.Z,{src:t?.image??a.image,alt:a.name,nextComponentCalled:!1,width:36}),(0,v.jsxs)("div",{className:P().compactInfos,children:[(0,v.jsx)("span",{className:P().compactName,children:a.name}),(0,v.jsx)("span",{children:(0,c.xq)(l,u,x)})]})]})}),(0,v.jsx)(i.Z,{className:P().removeBtn,onClick:()=>f(a.id),ariaLabel:e("comparator-remove")})]}),(0,v.jsxs)("div",{className:P().photoCell,children:[(0,v.jsx)(i.Z,{className:P().removeBtn,onClick:()=>f(a.id),ariaLabel:e("comparator-remove")}),(0,v.jsx)(m(),{href:V(a),prefetch:!1,passHref:!0,children:(0,v.jsx)("a",{className:P().photoLink,onClick:()=>Y(a),children:(0,v.jsx)(d.Z,{src:t?.image??a.image,alt:a.name,nextComponentCalled:!1})})})]}),(0,v.jsx)(m(),{href:V(a),prefetch:!1,passHref:!0,children:(0,v.jsxs)("a",{className:P().titleCell,onClick:()=>Y(a),children:[(0,v.jsx)("span",{className:P().brand,children:a.brand}),(0,v.jsx)("span",{className:P().name,children:a.name})]})}),(0,v.jsx)("div",{className:P().priceCell,children:O&&!t?(0,v.jsx)("span",{className:P().unavailable,children:e("comparator-unavailable")}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("span",{className:P().price,children:(0,c.xq)(l,u,x)}),s&&(0,v.jsx)("span",{className:P().oldPrice,children:(0,c.xq)(s,u,x)})]})}),(0,v.jsx)("div",{className:P().ctaCell,children:(0,v.jsx)(p.Z,{handleClick:()=>z(a),customClass:P().seeProductCta,children:e("comparator-see-product")})})]},a.id)})]})})})}),(0,v.jsx)("div",{className:P().specsScroll,ref:b,onScroll:F("specs"),children:(0,v.jsxs)("div",{className:P().grid,style:{"--columns":_.length},children:["failed"!==g&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)("div",{className:P().specLabelCell,children:e("comparator-reviews")}),_.map((a,r)=>(0,v.jsxs)("div",{className:K(r),children:[(0,v.jsx)("span",{className:P().inlineSpecName,children:e("comparator-reviews")}),(0,v.jsx)(y,{productId:a.id})]},a.id))]}),!O&&Array.from({length:6},(e,a)=>(0,v.jsxs)(s.Fragment,{children:[(0,v.jsx)("div",{className:P().specLabelCell,children:(0,v.jsx)("span",{className:P().skeletonLine})}),_.map((e,a)=>(0,v.jsx)("div",{className:K(a),children:(0,v.jsx)("span",{className:P().skeletonLine})},e.id))]},`skeleton-${a}`)),I.map(a=>(0,v.jsxs)(s.Fragment,{children:[(0,v.jsx)("div",{className:P().specLabelCell,children:a.name}),_.map((r,t)=>(0,v.jsxs)("div",{className:K(t),children:[(0,v.jsx)("span",{className:P().inlineSpecName,children:a.name}),(0,v.jsx)("span",{children:a.values[t]?a.values[t].is_link?(0,v.jsx)("a",{href:a.values[t].value,target:"_blank",rel:"noreferrer",children:e("comparator-see-product")}):a.values[t].value:"—"})]},r.id))]},a.id_feature))]})})]})},H=r(1984),$=r.n(H);let T=()=>{let{t:e}=(0,B.Z)("common");return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)($(),{children:[(0,v.jsx)("title",{children:e("comparator-page-title")}),(0,v.jsx)("meta",{name:"robots",content:"noindex, follow"})]}),(0,v.jsx)(F,{})]})};var G=T},40508:function(e,a,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/my-product-comparison",function(){return r(28239)}])},90422:function(e){e.exports={darkGrey:"#11140f",yellow:"#e3aa10",lightGrey:"#f5f5f5",blue:"#25507a",green:"#298415",greenHover:"#1c620d",lightBlue:"#cce1ff",salesRed:"#9a0404",page:"comparePage_page__JFqov",stickyHeaderRow:"comparePage_stickyHeaderRow__pGhro",stuck:"comparePage_stuck__9N3Gr",slideDown:"comparePage_slideDown__W_kuy",headerScroll:"comparePage_headerScroll__PPTip",compactRow:"comparePage_compactRow__mR01p",column:"comparePage_column__WgU_B",compactLink:"comparePage_compactLink__pp25B",removeBtn:"comparePage_removeBtn__eYT63",priceCell:"comparePage_priceCell__Hy55g",ctaCell:"comparePage_ctaCell__MfAVZ",photoCell:"comparePage_photoCell__lERMI",compactInfos:"comparePage_compactInfos__aW7pW",compactName:"comparePage_compactName__G3MCY",specsScroll:"comparePage_specsScroll__ijE5e",grid:"c

1omparePage_grid__wmcIQ",cornerCell:"comparePage_cornerCell__PamJV",photoLink:"comparePage_photoLink__WxE4m",titleCell:"comparePage_titleCell__1vvrR",brand:"comparePage_brand__7Bf7h",name:"comparePage_name__lmVeS",price:"comparePage_price__YLpMD",oldPrice:"comparePage_oldPrice__b7iPt",unavailable:"comparePage_unavailable__K8nwm",seeProductCta:"comparePage_seeProductCta__NJ4Z4",specLabelCell:"comparePage_specLabelCell__0ic_N",specValueCell:"comparePage_specValueCell__lgKc2",skeletonLine:"comparePage_skeletonLine__7ybTX",shimmer:"comparePage_shimmer__HyhKs",inlineSpecName:"comparePage_inlineSpecName__SAf_t",stripedColumn:"comparePage_stripedColumn__OiCCm"}},1753:function(e){e.exports={cell:"ratingCell_cell__e6ciU",widget:"ratingCell_widget__TWWir",hiddenWidget:"ratingCell_hiddenWidget__yqM6o",skeleton:"ratingCell_skeleton__78Z7K",shimmer:"ratingCell_shimmer__KlMLZ"}},69825:function(e){e.exports={darkGrey:"#11140f",yellow:"#e3aa10",lightGrey:"#f5f5f5",blue:"#25507a",green:"#298415",greenHover:"#1c620d",lightBlue:"#cce1ff",salesRed:"#9a0404",smallRadius:"3px",bigRadius:"5px",cta:"ctaLink_cta__39DYd",withArrow:"ctaLink_withArrow__6G_fz",ctaObfuscated:"ctaLink_ctaObfuscated__w5Yhu"}},17764:function(e){e.exports={darkGrey:"#11140f",yellow:"#e3aa10",lightGrey:"#f5f5f5",blue:"#25507a",green:"#298415",greenHover:"#1c620d",lightBlue:"#cce1ff",salesRed:"#9a0404",smallRadius:"3px",bigRadius:"5px",mainCta:"mainCta_mainCta__Ergwr"}},30634:function(e){e.exports={deleteCross:"deleteCrossButton_deleteCross__YQgfl"}},8552:function(e){e.exports={darkGrey:"#11140f",yellow:"#e3aa10",lightGrey:"#f5f5f5",blue:"#25507a",green:"#298415",greenHover:"#1c620d",lightBlue:"#cce1ff",salesRed:"#9a0404",emptyBackpack:"emptyDisplay_emptyBackpack__O773A",containerTexts:"emptyDisplay_containerTexts__h1qJQ",subText:"emptyDisplay_subText__YV12N"}}},function(e){e.O(0,[4669,9774,2888,179],function(){return e(e.s=40508)}),_N_E=e.O()}]);