https://www.ankernordics.com/_next/static/chunks/34839.d6904b83ecdd7310.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="735d9590-277a-4229-a878-f4138dcd0b18",e._sentryDebugIdIdentifier="sentry-dbid-735d9590-277a-4229-a878-f4138dcd0b18")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34839],{2787:function(e,t,n){"use strict";var r=n(52676),i=n(9385),a=n(45217),l=n(82187),o=n.n(l),s=n(87054),d=n(45062),c=n(75271);t.Z=e=>{var t;let{data:n,pageHandle:l,theme:s="",cns:d={},hideLink:c,playAni:f=!0,gtmRef:m,hasAni:x=!0}=e,{setRelativeLink:h}=(0,a.D)();return n.preTitle||(null==n?void 0:n.title)?(0,r.jsxs)("div",{className:o()("flex items-end justify-between pb-[32px] xl:pb-[24px]","dark"===s?"text-[#fff]":"text-[#1D1D1F]",null==d?void 0:d.txt,(null==n?void 0:n.textAlign)==="center"&&"text-center"),children:[(0,r.jsxs)("div",{className:o()(null==d?void 0:d.txtBox,(null==n?void 0:null===(t=n.styles)||void 0===t?void 0:t.textFullWidth)?"w-full":"w-[50%] md:w-full"),children:[(null==n?void 0:n.preTitle)&&(0,r.jsx)("div",{className:"mb-[8px] text-[20px] font-[700] leading-[1.4] md:text-[12px] xl:text-[14px]",children:(0,r.jsx)(u,{txt:null==n?void 0:n.preTitle,playAni:f,hasAni:x})}),(null==n?void 0:n.title)&&(0,r.jsx)("h2",{className:"title text-[40px] font-[800] leading-[1.2] l:!text-[20px] xl:text-[32px] [&_img]:inline-block",children:(0,r.jsx)(u,{txt:null==n?void 0:n.title,playAni:f,hasAni:x})}),(null==n?void 0:n.desc)&&(0,r.jsx)("div",{className:"mt-[4px] text-[20px] font-[600] leading-[1.4] xl:text-[16px]",children:(0,r.jsx)(u,{txt:null==n?void 0:n.desc,playAni:f,hasAni:x})})]}),(null==n?void 0:n.boxLinkUrl)&&!c&&(0,r.jsxs)("a",{className:"boxLink flex items-center pb-[10px] text-[16px] font-[700] leading-[1.4] text-[#777] transition-all duration-[0.4s] md:hidden [&:hover]:text-[#1D1D1F] [&:hover_path]:stroke-[#1D1D1F]",href:"".concat(h({link:null==n?void 0:n.boxLinkUrl}),"?ref=").concat(m||l),children:[(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:null==n?void 0:n.boxLinkTxt}}),(0,r.jsx)(i.J,{iconKey:"arrowRight",width:24,height:24,className:"mb-[3px]"})]})]}):null};let u=e=>{let{txt:t,playAni:n,hasAni:i}=e,a=(0,c.useRef)(null),[l,o]=(0,c.useState)(!1);return(0,c.useEffect)(()=>{i&&(s.gsap.registerPlugin(d.ScrollTrigger),d.ScrollTrigger.create({trigger:null==a?void 0:a.current,start:"bottom bottom",end:"+=0",onEnter:()=>{o(!0)}}))},[]),(0,r.jsx)("span",{ref:a,style:{clipPath:l&&n||!i?"rect(-10% 150% 500% 0%)":"rect(-10% 0% 500% 0%)",transition:"all 0.6s"},dangerouslySetInnerHTML:{__html:t}})}},55353:function(e,t,n){"use strict";n.d(t,{x:function(){return d}});var r=n(52676),i=n(82187),a=n.n(i),l=n(75271),o=n(4500),s=n.n(o);let d=e=>{let{className:t,variant:n="",children:i,active:o,width:d,loading:u=!1,disabled:f=!1,style:m={},Component:x="button",s:h={},buttonRef:p=null,stroke:g,...v}=e;(0,l.useRef)(null);let _={...s(),...h},b=a()(_.root,{[_.disabled]:f,[_.loading]:u,[_.brandBorder]:"brandBorder"===n,[_.gradientBg]:"gradientBg"===n,[_.solixGradientBg]:"solixGradientBg"===n,[_.blackBg]:"blackBg"===n,[_.blackBorder]:"blackBorder"===n,[_.whiteBorder]:"whiteBorder"===n,[_.whiteBrand]:"whiteBrand"===n,[_.whiteSolixBrand]:"whiteSolixBrand"===n,[_.amazonLink]:"amazonLink"===n,[_.christmasRed]:"christmasRed"===n,[_.christmasRedBorder]:"christmasRedBorder"===n,[_.christmasGreen]:"christmasGreen"===n,[_.newYear]:"newYear"===n},t);return(0,r.jsx)(x,{"aria-pressed":o,"data-variant":n,className:b,disabled:f||u,tabIndex:"onClick"in v?"0":"-1",role:"onClick"in v?"button":"",onKeyPress:"onClick"in v?e=>{"Enter"==e.key&&v.onClick&&v.onClick(e)}:()=>{},style:{width:d,...m},...v,children:u?(0,r.jsx)("div",{className:_.loadingDots,children:(0,r.jsx)(c,{stroke:g})}):i})},c=e=>{let{stroke:t}=e;return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",children:(0,r.jsx)("path",{d:"M1 10C1 14.9706 5.02944 19 10 19C14.9706 19 19 14.9706 19 10C19 5.02944 14.9706 1 10 1",stroke:t||"white",strokeWidth:"2",strokeLinecap:"round"})})}},45217:function(e,t,n){"use strict";n.d(t,{D:function(){return o}});var r=n(87800),i=n(37156),a=n(75271);let l=n(14224).env.NEXT_PUBLIC_ASSET_CDN||"";function o(){let{locale:e}=(0,i.useRouter)(),[t,n]=(0,a.useState)("");return(0,a.useEffect)(()=>{let{ref_query:e}=(0,r.m1)(),t=window.location.search;n(e||t)},[e]),{setRelativeLink:(0,a.useCallback)(n=>{let{link:i,params:a}=n;if(!i||"string"!=typeof i)return i;if(null==i?void 0:i.includes("http"))return(0,r.mq)(i,a);let o="".concat(l).concat(i);if(!l)return(0,r.mq)(o,a);try{if((null==i?void 0:i.includes("ankersolix.com"))||(null==i?void 0:i.includes("/anker-solix"))&&"fr"===e)return(0,r.mq)(o,t)}catch(e){}return(0,r.mq)(o,a)},[e,t]),setHtmlRelativeLink:(0,a.useCallback)(t=>{let{html:n,extend:r=""}=t;if(!n||"string"!=typeof n)return n;let i=RegExp("href=['\"]((?!http://|https://|//|mailto:|tel:)(?!/".concat(e,"/)[^'\"]+)['\"]"),"g");return n.replace(i,(t,n)=>{let i="us"===e?"":"/".concat(e),a=n.startsWith("/")?i:"".concat(i,"/");return(null==n?void 0:n.charAt(0))==="#"?'href="'.concat(n,'"'):'href="'.concat(a).concat(n).concat(r,'"')})},[e]),setRefParameter:(0,a.useCallback)(e=>{let{link:t,symbol:n=""}=e,r=/([?&]ref=)([^&]*)/;return r.test(t)?t.replace(r,(e,t,r)=>t+r+n):t},[])}}},64301:function(e,t,n){"use strict";var r=n(52676),i=n(2787),a=n(87745),l=n(99421),o=n(45062),s=n(80843);t.Z=e=>{var t;let{data:n,pageHandle:d,id:c,isMobile:u,playAni:f,hasAni:m}=e;return(0,r.jsx)("section",{className:"layer",children:(0,r.jsxs)("div",{className:"content leading-[1.4] text-[#1D1D1F]",children:[(0,r.jsx)(i.Z,{data:n,pageHandle:d,id:c,playAni:f,hasAni:m}),(0,r.jsx)("div",{className:"border-b border-[#ddd] pb-[24px] md:pb-[12px]",children:(0,r.jsx)(s.Z,{speed:u?25:30,direction:"right",gradientWidth:0,style:{display:"flex"},onFinish:()=>null===o.ScrollTrigger||void 0===o.ScrollTrigger?void 0:o.ScrollTrigger.refresh(),children:null==n?void 0:null===(t=n.list)||void 0===t?void 0:t.map((e,t)=>(0,r.jsxs)("div",{className:"mr-[60px] md:!mr-[24px] xl:mr-[48px]",children:[(0,r.jsx)(l.x,{className:"text-[32px] font-[700] l:!text-[20px] xl:text-[26px]",html:null==e?void 0:e.tit}),(0,r.jsx)(l.x,{className:"mt-[4px] text-[16px] font-[600] text-[#777] l:!text-[12px] xl:text-[14px]",html:null==e?void 0:e.desc}),(null==e?void 0:e.icon)&&(0,r.jsx)(a.t,{className:"w-[120px] xl:w-[72px]",source:null==e?void 0:e.icon})]},t))})})]})})}},4500:function(e){e.exports={root:"Button_root__lJ06g",loading:"Button_loading__RIBUP",disabled:"Button_disabled__MCSJJ",brandBorder:"Button_brandBorder__OEs5n",gradientBg:"Button_gradientBg__kpuqc",solixGradientBg:"Button_solixGradientBg__kvKK4",blackBorder:"Button_blackBorder__GlyCp",whiteBorder:"Button_whiteBorder__EIoOl",whiteBrand:"Button_whiteBrand___rQlL",whiteSolixBrand:"Button_whiteSolixBrand__A1D25",blackBg:"Button_blackBg__qfDa_",blackBgLight:"Button_blackBgLight__1XPBI",loadingDots:"Button_loadingDots__o67et",spin:"Button_spin__rs_9n",amazonLink:"Button_amazonLink__QlFP8",christmasRed:"Button_christmasRed__XVM5i",newYear:"Button_newYear__Lw5z7",christmasRedBorder:"Button_christmasRedBorder__14w9n",christmasGreen:"Button_christmasGreen__nXzF4"}},80843:function(e,t,n){var r=n(75271),i=r&&"object"==typeof r&&"default"in r?r:{default:r};!function(e){if(!e||"undefined"==typeof window)return;let t=document.createElement("style");t.setAttribute("type","text/css"),t.innerHTML=e,document.head.appendChild(t)}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}');let a=r.forwardRef(function({style:e={},className:t="",autoFill:n=!1,play:a=!0,pauseOnHover:l=!1,pauseOnClick:o=!1,direction:s="left",speed:d=50,delay:c=0,loop:u=0,gradient:f=!1,gradientColor:m="white",gradientWidth:x=200,onFinish:h,onCycleComplete:p,onMount:g,children:v},_){let[b,w]=r.useState(0),[B,y]=r.useState(0),[k,j]=r.useState(1),[N,E]=r.useState(!1),C=r.useRef(null),R=_||C,D=r.useRef(null),S=r.useCallback(()=>

1{if(D.current&&R.current){let e=R.current.getBoundingClientRect(),t=D.current.getBoundingClientRect(),r=e.width,i=t.width;("up"===s||"down"===s)&&(r=e.height,i=t.height),n&&r&&i?j(i<r?Math.ceil(r/i):1):j(1),w(r),y(i)}},[n,R,s]);r.useEffect(()=>{if(N&&(S(),D.current&&R.current)){let e=new ResizeObserver(()=>S());return e.observe(R.current),e.observe(D.current),()=>{e&&e.disconnect()}}},[S,R,N]),r.useEffect(()=>{S()},[S,v]),r.useEffect(()=>{E(!0)},[]),r.useEffect(()=>{"function"==typeof g&&g()},[]);let L=r.useMemo(()=>n?B*k/d:B<b?b/d:B/d,[n,b,B,k,d]),A=r.useMemo(()=>Object.assign(Object.assign({},e),{"--pause-on-hover":!a||l?"paused":"running","--pause-on-click":!a||l&&!o||o?"paused":"running","--width":"up"===s||"down"===s?"100vh":"100%","--transform":"up"===s?"rotate(-90deg)":"down"===s?"rotate(90deg)":"none"}),[e,a,l,o,s]),T=r.useMemo(()=>({"--gradient-color":m,"--gradient-width":"number"==typeof x?`${x}px`:x}),[m,x]),q=r.useMemo(()=>({"--play":a?"running":"paused","--direction":"left"===s?"normal":"reverse","--duration":`${L}s`,"--delay":`${c}s`,"--iteration-count":u?`${u}`:"infinite","--min-width":n?"auto":"100%"}),[a,s,L,c,u,n]),I=r.useMemo(()=>({"--transform":"up"===s?"rotate(90deg)":"down"===s?"rotate(-90deg)":"none"}),[s]),M=r.useCallback(e=>[...Array(Number.isFinite(e)&&e>=0?e:0)].map((e,t)=>i.default.createElement(r.Fragment,{key:t},r.Children.map(v,e=>i.default.createElement("div",{style:I,className:"rfm-child"},e)))),[I,v]);return N?i.default.createElement("div",{ref:R,style:A,className:"rfm-marquee-container "+t},f&&i.default.createElement("div",{style:T,className:"rfm-overlay"}),i.default.createElement("div",{className:"rfm-marquee",style:q,onAnimationIteration:p,onAnimationEnd:h},i.default.createElement("div",{className:"rfm-initial-child-container",ref:D},r.Children.map(v,e=>i.default.createElement("div",{style:I,className:"rfm-child"},e))),M(k-1)),i.default.createElement("div",{className:"rfm-marquee",style:q},M(k))):null});t.Z=a}}]);