1try{!function(){var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="908b974b-2394-458a-a3ff-3aeea84f10d6",e._sentryDebugIdIdentifier="sentry-dbid-908b974b-2394-458a-a3ff-3aeea84f10d6")}()}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2873],{42873:function(e,t,n){n.r(t),n.d(t,{ComparisonDetailSection:function(){return X},default:function(){return J}});var i=n(85893),l=n(68029),a=n(67294),o=n(71159),r=n(96254),s=n(59099),c=n(88329),d=n(50232),u=n(38491),p=n(90092),x=n(64831),h=n(79645),g=n(14025),b=n(25675),f=n.n(b),m=n(11163),v=n(22505),j=n(53868),y=n(27567),w=n(64375),C=n(73913),k=n(8073),I=n(40293),S=n(3685);let _=Object.entries(n(71930).i).reduce((e,t)=>{let[n,i]=t;return{...e,[n]:-(i/2)}},{});var z=n(84233);let P=e=>{let{selectedProducts:t,id:n,config:o}=e,{state:b}=(0,a.useContext)(w.Il),{scrollY:P}=(0,h.v)(),{scrollDirection:B}=(0,k.C)(),{offset:D}=(0,C.Ds)(),{isMobile:W}=(0,C.kC)(),{breadcrumbsHeight:A,localization:F}=b,[O,T]=(0,a.useState)(!0),[M,E]=(0,a.useState)(!0),L=A+D+270,N=(0,m.useRouter)(),R=(0,a.useCallback)(e=>{e>L/2?E(!1):e<D&&E(!0)},[L,D]),X=(0,a.useCallback)(e=>{e>1.5*L?"down"===B?T(!1):"up"===B&&T(!0):e<D+L&&T(!0)},[B,L,D]);(0,g.W)(P,"change",e=>{R(e),W&&X(e)});let J=(0,a.useCallback)(async()=>{var e,t,n;let i=(0,I.u)(null!==(n=null==F?void 0:null===(e=F.comparisonPageLocalesPathMap)||void 0===e?void 0:e[null!==(t=N.locale)&&void 0!==t?t:""])&&void 0!==n?n:"");await N.push(i)},[null==F?void 0:F.comparisonPageLocalesPathMap,N]);return t?(0,i.jsx)(l.x,{id:n,bg:"accent.secondary.800",color:"neutral.white",flexWrap:"nowrap",position:M?"relative":"fixed",justifyContent:"center",alignItems:"center",w:"full",py:{base:M?41:24,lg:M?64:24},transition:S.ps,gap:40,top:M?0:"".concat(D,"px"),zIndex:2,children:(0,i.jsx)(r.W,{children:(0,i.jsxs)(y.X,{alignItems:{base:"start",lg:"center"},children:[(0,i.jsx)(s.P,{gridColumn:{base:"1/-1",lg:"span 3"},mb:{base:40,lg:0},transition:S.ps,...!O&&W&&{clipPath:"inset(50%)",height:"1px",overflow:"hidden",position:"absolute",whiteSpace:"nowrap",width:"1px"},children:(0,i.jsxs)(c.k,{maxW:{base:"100%",lg:293},bg:{base:"alpha.light.100",lg:M?"alpha.light.100":"transparent"},alignItems:"center",p:M?24:0,borderRadius:"lg",justifyContent:M?"start":"center",position:"relative",transition:S.ps,gap:12,flexWrap:"wrap",children:[(0,i.jsxs)(d.X,{size:"h5",as:"p",variant:"bold",color:"neutral.white",opacity:M?1:0,flex:M?1:0,w:M?"auto":0,h:M?"auto":32,flexShrink:0,transition:S.ps,sx:{wordWrap:"normal"},children:[o.title," ",!W&&"(".concat(t.length.toString(),")")]}),(0,i.jsxs)(u.z,{display:"flex",alignItems:"center",p:10,variant:"unstyled",onClick:J,gap:8,transition:S.ps,flexShrink:0,children:[(0,i.jsx)(v.J,{name:"IoPencil",color:"accent.primary.500"}),(0,i.jsx)(p.x,{fontSize:18,children:o.editButtonConfig.title})]})]})}),t.map((e,n)=>{var a;return(0,i.jsxs)(s.P,{gridColumn:{base:2===t.length?"span 6":"span 4",lg:2===t.length?"span 4":"span 3"},position:"relative",px:16,children:[(0,i.jsx)(c.k,{flexDir:"column",h:{base:M?140:0,lg:M?196:0},maxW:262,opacity:M?1:0,position:"relative",transition:S.ps,margin:"0 auto",children:e.picture?(0,i.jsx)(j.t,{...e.picture,imgStyle:{objectFit:"contain",transition:"height 0.15s ease-in-out"}}):(0,i.jsx)(f(),{...z.l,...e.imageConfig,priority:!0,style:{objectFit:"contain",transition:"height 0.15s ease-in-out"},sizes:"(max-width: 576px) 50%, 33%",alt:(null===(a=e.imageConfig)||void 0===a?void 0:a.alt)||S.H2})}),(0,i.jsxs)(l.x,{children:[e.tiers&&(0,i.jsx)(p.x,{size:"bodyM",textTransform:"uppercase",letterSpacing:"0.1em",children:e.tiers}),e.productName&&(0,i.jsx)(p.x,{size:"bodyL",fontWeight:"semibold",children:e.productName})]}),n+1<t.length&&(0,i.jsx)(x.i,{position:"absolute",opacity:.3,top:0,right:_,orientation:"vertical"})]},e.id)})]})})}):(0,i.jsx)(i.Fragment,{})};var B=n(52843),D=n(69869);let W=e=>{let{products:t,buyButtonConfig:n,productDetailsButtonConfig:a}=e;return(null==t?void 0:t.some(e=>{var t,n;return(null===(t=e.buyButtonConfig)||void 0===t?void 0:t.url)||(null===(n=e.detailsButtonConfig)||void 0===n?void 0:n.url)}))?(0,i.jsx)(r.W,{"data-component":"ComparisonDetailButtons",mt:24,children:(0,i.jsxs)(B.U,{h:168,spacing:0,overflow:"hidden",justifyContent:"space-between",children:[(0,i.jsx)(l.x,{position:"relative",px:{base:0,lg:24},flex:{base:1,lg:"0 0 293px"},display:{base:"none",lg:"block"}}),null==t?void 0:t.map(e=>{var t,l,o;return(0,i.jsxs)(c.k,{flex:1,gap:24,direction:"column",alignItems:"center",position:"relative",px:{base:0,lg:24},_last:{_after:{content:"none"}},_after:{w:1,right:-1,h:"100%",content:"''",position:"absolute",bg:"background.lighter"},children:[(null===(t=e.detailsButtonConfig)||void 0===t?void 0:t.url)&&(0,i.jsx)(D._,{variant:"tertiary",size:"buttonSmall",value:a.title,minW:{base:"auto",lg:192},url:null===(l=e.detailsButtonConfig)||void 0===l?void 0:l.url,rightIcon:{name:"IoArrowForwardOutline",color:"accent.primary.800"},whiteSpace:"unset"}),(null===(o=e.buyButtonConfig)||void 0===o?void 0:o.url)&&(0,i.jsx)(D._,{url:e.buyButtonConfig.url,value:n.title,size:"buttonSmall",enableAnim:!1,minW:{base:"auto",lg:192},rightIcon:{name:"ArrowExternal"}})]},null==e?void 0:e.id)})]})}):null};
1var A=n(83658),F=n(54125),O=n(52535),T=n(50627);let M=e=>{let{isOpen:t,onClose:n,cell:l}=e;return(0,i.jsx)(T.A,{"data-component":"ComparisonModal",onClose:n,isOpen:t,isCentered:!0,variant:"tooltip",children:(0,i.jsxs)(c.k,{flexDirection:"column",children:[(0,i.jsx)(p.x,{size:"bodyL",variant:"semibold",children:l.feature}),(0,i.jsx)(O.F,{content:l.featureInfo||"",size:"bodyM",mt:16})]})})};var E=n(61771);let L=e=>{let{label:t,onClick:n}=e,{isDesktop:a}=(0,C.kC)();return(0,i.jsx)(l.x,{"data-component":"ComparisonTooltip",__css:{"-webkit-tap-highlight-color":"transparent"},onClick:n,cursor:"pointer",children:(0,i.jsx)(E.u,{arrowSize:16,borderRadius:4,boxShadow:"0px 0px 16px 0px rgba(0, 29, 44, 0.16)",closeOnClick:!1,gutter:16,hasArrow:!0,isDisabled:!a,label:(0,i.jsx)(O.F,{color:"neutral.lightBlack",content:t,size:"caption",wordBreak:"break-word"}),p:16,placement:"auto",sx:{"div.chakra-tooltip__arrow-wrapper > div.chakra-tooltip__arrow":{background:"neutral.white !important"}},variant:"light",children:(0,i.jsx)(v.J,{_hover:{color:"accent.primary.600"},transition:"0.25s ease-out",color:"accent.primary.800",name:"IoInformationCircleOutline",...!a&&{size:"sm"}})})})},N=e=>{let{rows:t,tableTitle:n,totalProducts:o}=e,{isOpen:s,onOpen:u,onClose:x}=(0,A.q)({defaultIsOpen:!1}),[h,g]=(0,a.useState)(0);return(0,i.jsx)(r.W,{"data-component":"ComparisonTable",children:(0,i.jsxs)(l.x,{position:"relative",borderRadius:"base",overflow:"hidden",children:[n&&(0,i.jsx)(l.x,{px:24,py:8,bg:"white",children:(0,i.jsx)(d.X,{size:"subtitle",as:"p",variant:"bold",children:n})}),null==t?void 0:t.map((e,t)=>{let{id:n,feature:a,cells:r}=e,s=r&&o?r.slice(0,o):r;return(0,i.jsxs)(l.x,{bg:t%2==0?"neutral.lighterGrey":"white",display:"block",children:[(0,i.jsxs)(l.x,{display:{base:"flex",lg:"none"},py:12,w:"full",textAlign:"center",justifyContent:"center",gap:8,children:[(0,i.jsx)(p.x,{children:a}),!!e.featureInfo&&(0,i.jsx)(L,{label:e.featureInfo,onClick:()=>{u(),g(t)}})]}),(0,i.jsxs)(l.x,{display:"flex",justifyContent:"space-between",width:"full",children:[(0,i.jsxs)(c.k,{display:{base:"none",lg:"flex"},justifyContent:{base:"center",lg:"start"},h:48,flex:{base:1,lg:"0 0 293px"},flexShrink:0,alignItems:"center",textAlign:"center",left:0,px:24,py:8,gap:4,children:[(0,i.jsx)(p.x,{textAlign:"left",children:a}),!!e.featureInfo&&(0,i.jsx)(L,{label:e.featureInfo})]}),null==s?void 0:s.map((e,t)=>(0,i.jsx)(c.k,{justifyContent:"center",h:48,flex:1,flexShrink:0,alignItems:"center",textAlign:"center",left:0,px:24,py:8,children:(0,i.jsx)(F.j,{value:e})},"".concat(e).concat(t).concat(n)))]})]},"tr-".concat(t))}),(0,i.jsx)(M,{cell:t[h],onClose:x,isOpen:s})]})})};var R=n(1084);let X=e=>{var t;let{id:n,buyButtonConfig:r,productDetailsButtonConfig:s,comparisonBarConfig:c}=e,{state:{comparisonDetailsData:d}}=(0,a.useContext)(R.hS);return d?(0,i.jsxs)(o.U,{"data-component":"ComparisonDetailSection",id:n,children:[(0,i.jsx)(P,{config:c,selectedProducts:d.selectedProducts}),(0,i.jsx)(l.x,{zIndex:1,children:!!d.tables&&(null===(t=d.tables)||void 0===t?void 0:t.map((e,t)=>{var n;let{tableTitle:a,rows:o}=e;return(0,i.jsx)(l.x,{mb:24,children:(0,i.jsx)(N,{rows:o,tableTitle:a,totalProducts:null===(n=d.selectedProducts)||void 0===n?void 0:n.length})},"table-".concat(t))}))}),(0,i.jsx)(W,{buyButtonConfig:r,productDetailsButtonConfig:s,products:d.selectedProducts})]}):null};var J=X}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.