https://www.victronenergy.nl/_next/static/chunks/27516-27a6444f5dd57934.js

1!function(){try{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]="1819aaa5-894c-4e19-b8c9-49c7627aba79",e._sentryDebugIdIdentifier="sentry-dbid-1819aaa5-894c-4e19-b8c9-49c7627aba79")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27516],{16587:(e,t,a)=>{a.d(t,{A:()=>j});var r=a(95155),l=a(48387),n=a(52619),i=a.n(n),s=a(19783),c=a(78986);let o=e=>{let{title:t,image:a,href:n,className:o=""}=e;return(0,r.jsxs)(i(),{href:n,className:(0,l.Xp)("group flex h-20 items-center overflow-hidden rounded-md bg-secondary-200 pr-4",o),children:[(0,r.jsx)("div",{className:"relative size-20 shrink-0",children:(0,r.jsx)(s.default,{src:a,alt:t,objectFit:"contain",animateIn:!1,className:"transition-transform duration-300 group-hover:scale-105 group-focus-within:scale-105"})}),(0,r.jsx)(c.default,{style:"sub-header-2",variant:"span",color:"text-neutral-900",animateIn:!1,className:"min-w-0 flex-1 leading-tight",children:t})]})};var d=a(43572);let A=e=>{let{label:t,href:a}=e;return(0,r.jsxs)(i(),{href:a,className:"group/link flex items-center justify-center",children:[(0,r.jsx)(c.default,{style:"sub-header-2",variant:"span",animateIn:!1,className:"whitespace-nowrap leading-4 text-black/56 transition-colors duration-300 group-hover/link:text-black group-focus-within/link:text-black",children:t}),(0,r.jsx)(d.default,{src:"small-chevron-right",color:"black",animateIn:!1,className:"ml-0.5 size-4 opacity-56 transition-all duration-200 group-hover/link:translate-x-0.5 group-hover/link:opacity-100 group-focus-within/link:translate-x-0.5 group-focus-within/link:opacity-100"})]})},u=e=>{let{product:t,datasheets:a,manuals:n,newBadgeLabel:o,className:d=""}=e;return(0,r.jsxs)("div",{className:(0,l.Xp)("group/card flex h-20 items-center overflow-hidden rounded-lg bg-secondary-200 pr-4",d),children:[(0,r.jsxs)(i(),{href:t.href,className:"relative flex size-20 shrink-0 items-center justify-center",children:[t.isNew&&o&&(0,r.jsx)("span",{className:"absolute left-2 top-2 z-10 flex items-center justify-center rounded-full bg-gradient-to-r from-primary-700 to-primary px-1.5 py-1 text-[0.625rem] font-semibold leading-none text-white",children:o}),(0,r.jsx)("div",{className:"relative size-11",children:(0,r.jsx)(s.default,{src:t.image,alt:t.title,objectFit:"contain",animateIn:!1,className:"transition-transform duration-300 group-hover/card:scale-105 group-focus-within/card:scale-105"})})]}),(0,r.jsxs)("div",{className:"flex min-w-0 flex-1 flex-col justify-center gap-2.5",children:[(0,r.jsx)(i(),{href:t.href,children:(0,r.jsx)(c.default,{style:"sub-header-2",variant:"span",color:"text-black",animateIn:!1,className:"line-clamp-1 leading-tight",children:t.title})}),(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-[5px]",children:[(0,r.jsx)(A,{...a}),(0,r.jsx)(A,{...n})]})]})]})},h=e=>{let{tabs:t,activeIndex:a,className:n=""}=e;return(0,r.jsx)("div",{className:(0,l.Xp)("flex w-full items-center border-b border-black/8",n),children:(0,r.jsx)("div",{role:"tablist",className:"flex items-center gap-x-6",children:t.map((e,t)=>{let n=t===a;return(0,r.jsxs)("button",{type:"button",role:"tab",onClick:e.onClick,"aria-selected":n,className:"group relative flex items-center justify-center gap-2 py-4",children:[(0,r.jsx)(c.default,{style:"sub-header-2",variant:"span",color:"text-black",animateIn:!1,className:"whitespace-nowrap",children:e.title}),(0,r.jsx)("span",{className:(0,l.Xp)("absolute bottom-[-1px] left-0 right-0 h-px transition-all",n?"bg-primary opacity-100":"bg-primary opacity-0 group-hover:opacity-60")})]},e.title)})})})};var m=a(18344),g=a(56697),f=a(12115),p=a(1551);let x=e=>{let{dependencyKey:t,className:a="",innerClassName:n="",children:i}=e,s=(0,f.useRef)(null),c=(0,f.useRef)(null),o=(0,m.s)(),d=(0,f.useRef)(0),[A,u]=(0,f.useState)(0),[h,x]=(0,f.useState)(0),w=(0,p.d)(),b=w===p.R.LARGE||w===p.R.EXTRA_LARGE;return(0,f.useEffect)(()=>{let e=()=>{var e;x((null==(e=s.current)?void 0:e.clientWidth)||0)};return window.addEventListener("resize",e),e(),()=>{window.removeEventListener("resize",e)}},[]),(0,f.useEffect)(()=>{var e,t;let a=((null==(e=s.current)?void 0:e.clientWidth)||0)-((null==(t=c.current)?void 0:t.scrollWidth)||0);if(a>0){u(0),d.current=0,o.set({x:0});return}u(a)},[h,t,o]),(0,f.useEffect)(()=>{let e=d.current;e<A?(d.current=A,o.set({x:A})):e>0&&(d.current=0,o.set({x:0}))},[A,o]),(0,f.useEffect)(()=>{o.set({x:0}),d.current=0},[t,o]),(0,r.jsx)("div",{ref:s,className:(0,l.Xp)("relative flex w-full items-center overflow-x-clip overflow-y-visible",a),children:(0,r.jsx)(g.P.div,{ref:c,className:(0,l.Xp)("flex w-full touch-p

1an-y",n),drag:!b&&"x",dragElastic:.08,dragMomentum:!0,onUpdate:e=>{var t;d.current=Number(null!=(t=e.x)?t:0)},animate:o,dragConstraints:{right:0,left:A},transition:{duration:.3,ease:"easeInOut"},children:i})})};var w=a(65277);let b="product_bar_active_tab",y=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"productCategories",[t,a]=(0,f.useState)(e),r=(0,f.useRef)(!1);return(0,f.useEffect)(()=>{if(r.current){try{window.localStorage.setItem(b,t)}catch(e){}return}r.current=!0;try{let e=window.localStorage.getItem(b);("productCategories"===e||"frequentlyVisited"===e)&&e!==t&&a(e)}catch(e){}},[t]),[t,a]};var v=a(33480),E=a(10072);let j=e=>{let{products:t,labels:a,className:n=""}=e,{items:i,hasEnough:s}=(()=>{let[e,t]=(0,f.useState)([]);return(0,f.useEffect)(()=>{try{let e=window.localStorage.getItem(w.Ok);if(!e)return;let a=JSON.parse(e);if(!Array.isArray(a))return;let r=a.map(e=>({...e,visitCount:Number(e.visitCount)||0})).sort((e,t)=>t.visitCount-e.visitCount).slice(0,6);t(r)}catch(e){t([])}},[]),{items:e,hasEnough:e.length>=4}})(),[c,d]=y("productCategories"),A=s?c:"productCategories",m="frequentlyVisited"===A,g=t.slice(0,5),p=i.slice(0,4);return(0,r.jsxs)(E.default,{className:(0,l.Xp)("flex w-full flex-col items-center overflow-x-clip",n),backgroundColor:"white",withPadding:!1,children:[s&&(0,r.jsx)("div",{className:"w-full px-5 pt-2 md:px-8 md:pt-4 xl:px-[4.375rem]",children:(0,r.jsx)(h,{activeIndex:+("frequentlyVisited"!==A),tabs:[{title:a.tabFrequentlyViewed,onClick:()=>d("frequentlyVisited")},{title:a.tabProductCategories,onClick:()=>d("productCategories")}]})}),(0,r.jsx)(x,{dependencyKey:"".concat(c,"-").concat(m?p.length:g.length),className:(0,l.Xp)(s?"pt-4 md:pt-6":"pt-8 md:pt-10","xl:px-[4.375rem]"),innerClassName:"gap-x-2",children:m?p.map((e,t)=>{let n="/".concat(e.slug,"/").concat(e.id);return(0,r.jsx)(v.default,{index:t,className:(0,l.Xp)("min-w-[18rem] lg:flex-1 lg:min-w-0",0===t&&"pl-5 md:pl-8 xl:pl-0",t===p.length-1&&"pr-5 md:pr-8 xl:pr-0"),delayPerItem:.125,animateFrom:{opacity:0,y:25},animateTo:{opacity:1,y:0},transition:{ease:"circInOut"},children:(0,r.jsx)(u,{product:{title:e.title,image:e.image,href:n,isNew:e.isNew},datasheets:{label:a.datasheets,href:"".concat(n,"#downloads-datasheets")},manuals:{label:a.manuals,href:"".concat(n,"#downloads-manuals")},newBadgeLabel:a.newBadge})},"".concat(e.id,"-").concat(e.slug,"-").concat(t))}):g.map((e,t)=>(0,r.jsx)(v.default,{index:t,className:(0,l.Xp)("flex-1 min-w-[12rem] lg:min-w-0",0===t&&"pl-5 md:pl-8 xl:pl-0",t===g.length-1&&"pr-5 md:pr-8 xl:pr-0"),delayPerItem:.125,animateFrom:{opacity:0,y:25},animateTo:{opacity:1,y:0},transition:{ease:"circInOut"},children:(0,r.jsx)(o,{image:e.image,title:e.title,href:e.href})},"".concat(e.title,"-").concat(t)))})]})}},35145:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});let r={src:"/_next/static/media/charger.392d7f1c.png",height:378,width:630,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAMFBMVEUQZI1MaXEwneAZhcQcX4YgZ5EDbaUfMTkfcZ0ZYotBnNUPhMhsnb9hmr4ck9Mvj8jON+9fAAAADnRSTlMoAP5lj4ReV/yI/mL19TizdUsAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAtSURBVHicFcjBEQAgCAOwFhQBFfff1iPPgFDdCoIhKTIJjjz3RU+5Vw9sLQM/EPYA0EhHyrYAAAAASUVORK5CYII=",blurWidth:8,blurHeight:5}},36027:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});let r={src:"/_next/static/media/charge-convert.514ce4c3.png",height:378,width:630,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAG1BMVEVMaXE2kcEvOEEse6wkOkYlPk4phcAvhbYrlcVzINyHAAAACXRSTlMAJw3+Hq5I+f3EB6a/AAAACXBIWXMAACE4AAAhOAFFljFgAAAAIUlEQVR4nGNgYGBiY2NiAAFGDg5GCIOZHY3BwsrKwsAAAAbpAE3lHHSNAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5}},41557:(e,t,a)=>{a.d(t,{A:()=>s});var r=a(95155),l=a(12115),n=a(5841),i=a(78626);let s=e=>{let{isActive:t,onFocus:a,onFocusLost:s,onClear:c,className:o="",placeholder:d}=e,{search:A,setSearch:u}=(0,l.useContext)(n.o);return(0,r.jsx)("div",{id:"search-bar-homepage",children:(0,r.jsx)(i.A,{isActive:t,onFocus:a,onFocusLost:s,onClear:c,className:o,search:A,setSearch:u,placeholder:d})})}},78626:(e,t,a)=>{a.d(t,{A:()=>o});var r=a(95155),l=a(22706),n=a(99790),i=a(56697),s=a(12115),c=a(43572);let o=e=>{let{isActive:t,onFocus:a,onFocusLost:o,onClear:d,className:A="",placeholder:u,search:h,setSearch:m}=e,g=(0,s.useRef)(null),[f,p]=(0,l.l)(),[x,w]=(0,l.l)(),[b,y]=(0,s.use

1State)(""),[v,E]=(0,s.useState)("out-end"),j=Array.isArray(u),N=j?"":u,C=(0,s.useMemo)(()=>j?u.filter(e=>e.trim().length>0):[],[j,u]),k=(0,s.useMemo)(()=>!!t,[t]),I=(0,s.useMemo)(()=>k&&"out-end"===v?"animate-in":k||"in-end"!==v?void 0:"animate-out",[v,k]);return(0,s.useEffect)(()=>{let e=f.current,t=x.current;"animate-in"===I&&p(e,{opacity:0},{duration:.2}).then(()=>{w(t,{opacity:1},{duration:.2}).then(()=>{E("in-end")})}),"animate-out"===I&&w(t,{opacity:0},{duration:.2}).then(()=>{p(e,{opacity:1},{duration:.2}).then(()=>{E("out-end")})})},[I,E,w,p,x,f]),(0,s.useEffect)(()=>{let e=e=>{var t,a;let r=document.getElementById("search"),l=1===e.key.length&&!e.metaKey&&!e.ctrlKey&&!e.altKey,n=document.activeElement===r,i=["INPUT","TEXTAREA","SELECT"].includes((null==(t=document.activeElement)?void 0:t.tagName)||"");!l||n||i||null==(a=g.current)||a.focus()};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]),(0,s.useEffect)(()=>{if(!j||!C.length)return void y("");let e=!1,t=null,a=e=>new Promise(t=>{window.setTimeout(t,e)}),r=(a,r,l,i)=>new Promise(s=>{t=(0,n.i)(a,r,{duration:i,ease:"linear",onUpdate:t=>{e||y(l.slice(0,Math.round(t)))},onComplete:()=>{s()}})});return(async()=>{let t=0;for(;!e;){let l=C[t];if(y(""),await r(0,l.length,l,Math.max(.07*l.length,.9)),e||(await a(1200),e)||(await r(l.length,0,l,Math.max(.02*l.length,.2)),e))break;await a(250),t=(t+1)%C.length}})(),()=>{e=!0,null==t||t.stop()}},[j,C]),(0,r.jsxs)("div",{className:"group relative flex h-16 w-full cursor-text select-none items-center justify-between overflow-hidden rounded-full border border-neutral-500 bg-white pl-6 pr-2 shadow-md transition-all duration-300 ".concat(h.length>0?"border-primary":"focus-within:border-primary"," ").concat(A),onClick:()=>{g.current&&g.current.focus()},children:[(0,r.jsx)("div",{className:"absolute right-14 flex h-full w-6 bg-gradient-to-l from-white md:hidden"}),(0,r.jsx)("input",{ref:g,value:t?h:"",onChange:e=>{m({value:e.target.value})},onFocus:a,onBlur:o,style:{backgroundColor:"transparent"},placeholder:j?b:N,className:"ml-2 w-full text-body-2-sm text-neutral-900 outline-none transition-all focus:ring-0"}),(0,r.jsxs)("div",{className:"relative flex aspect-square h-12 cursor-pointer items-center justify-center rounded-full bg-primary p-4 transition-transform duration-300 group-hover:scale-105",onClick:e=>{e.stopPropagation(),m({value:""}),null==d||d()},children:[(0,r.jsx)(i.P.div,{ref:f,className:"absolute mt-1",children:(0,r.jsx)(c.default,{src:"small-search",color:"white",className:"aspect-square w-6",animateIn:!1})}),(0,r.jsx)(i.P.div,{ref:x,className:"absolute mt-1.5",initial:{opacity:0}

1,children:(0,r.jsx)(c.default,{src:"close",color:"white",className:"aspect-square w-6",animateIn:!1})})]})]})}},80328:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});let r={src:"/_next/static/media/battery.0255b181.png",height:252,width:421,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAALVBMVEW52exnwukDjc0OoNsLmNEWntlpqMFef44qd5kKpeILlM4Zms0hoNh1yusfq+VaUQm4AAAADnRSTlMBCyfk9Pg9ZB713touThstFtoAAAAJcEhZcwAAFiUAABYlAUlSJPAAAAArSURBVHicFcm3EQAgEASxvXd4+i+XQakASQKo5e4FtLh3HKDPzNj/zMzEAwyIAJcEd1dyAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5}},81487:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});let r={src:"/_next/static/media/monitoring.e79fb8e9.png",height:378,width:630,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAIVBMVEUVFBdAQ0lMaXE3ODgxMzcyNTksLjJcXFxBQUgzNjkGCAqQ0kZiAAAACnRSTlP7PQCpbK5lISOj4mGePQAAAAlwSFlzAAAhOAAAITgBRZYxYAAAACdJREFUeJxNxjECACAIA7FrQRT+/2BWMwUrq1LGZ2DiTwC08ZWk5wUMQgCCZJgaawAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5}},83413:(e,t,a)=>{a.r(t),a.d(t,{default:()=>r});let r={src:"/_next/static/media/accessories.e904c858.png",height:378,width:630,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAALVBMVEUCc7NMaXEYfKsEdrAJfLUAYqcDbZ8BaaEHcacVOUwVir0Pf7RlVWkYZYYuhrGmEbUsAAAADnRSTlMbAPry+Q0mg9Rhtqp0XfgEMjsAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAqSURBVHicBcGHAcAgDMAwOwFaVv4/FwkF6OKJyLbFWxW1xPm3zE+0j4E+DksAq/Mp+WsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:5}}}]);