https://www.anker-in.com/_next/static/chunks/4529-df3906eb1529b16b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4529],{269:e=>{e.exports={CO2Ani:"CO2Ani_CO2Ani__m5uYv",CO2AniBox:"CO2Ani_CO2AniBox__zFnK2",CO2AniTxtBox:"CO2Ani_CO2AniTxtBox__gExgk",titleBox:"CO2Ani_titleBox__6kRo1",title_2022:"CO2Ani_title_2022__HWGx1",title_2023:"CO2Ani_title_2023__L9Q5c",title_2024:"CO2Ani_title_2024__aCq8C",icon_active:"CO2Ani_icon_active__2e6Mv",active:"CO2Ani_active__xMXPy",ani_txt:"CO2Ani_ani_txt__6PYRZ",left_icon:"CO2Ani_left_icon__TJXNJ",right_icon:"CO2Ani_right_icon__oGoYY",icon_d:"CO2Ani_icon_d__hPTdf",row:"CO2Ani_row__tvmwg",col:"CO2Ani_col___uO6Y",sub_tit:"CO2Ani_sub_tit__JCp_7",desc:"CO2Ani_desc__mSyT_",CO2AniTxt:"CO2Ani_CO2AniTxt__F6P9C",txtCon:"CO2Ani_txtCon__T0zAH",txt_2022:"CO2Ani_txt_2022__5FiUD",txt_2023:"CO2Ani_txt_2023__Zf3N3",img_2024:"CO2Ani_img_2024__Olp_K",img_2023:"CO2Ani_img_2023__bX5Cn",img_2022:"CO2Ani_img_2022__rjYGv",row1:"CO2Ani_row1__3fsqp",imgBox:"CO2Ani_imgBox__tmXY0",imgBox2:"CO2Ani_imgBox2__OPXGb",colTxt:"CO2Ani_colTxt__MldmL",col1:"CO2Ani_col1__KiNp4",col2:"CO2Ani_col2__ZEFDR",row2:"CO2Ani_row2__p4V7o",row3:"CO2Ani_row3__DYUxz",CO2AniCon:"CO2Ani_CO2AniCon__EJrRU",item:"CO2Ani_item__iCMIX",bg:"CO2Ani_bg__0ZBji",cover:"CO2Ani_cover__YY0Oh"}},4529:(e,i,n)=>{"use strict";n.r(i),n.d(i,{default:()=>p});var l=n(7876),s=n(5039),c=n.n(s),t=n(7029),a=n(5352),o=n(9500),d=n(8112),r=n(6276),x=n(7170),m=n.n(x),u=n(4232),_=n(6220),v=n(269),h=n.n(v);let p=e=>{var i,n,s,x,v,p,w,j,N,g,f,C,O,I,A,b,T,y,V;let{data:S,dataKey:B}=e,[M,L]=(0,u.useState)(!1),[E,H]=(0,u.useState)(2024),[U,k]=(0,u.useState)(""),[P,D]=(0,u.useState)(!0);(0,u.useRef)();let Y=()=>{var e,i,n,l;if(document.querySelector("body").offsetWidth>768)return k(null==S||null==(l=S.video)||null==(n=l.node)?void 0:n.mediaItemUrl),D(!0);D(!1),k(null==S||null==(i=S.mobVideo)||null==(e=i.node)?void 0:e.mediaItemUrl)};(0,u.useEffect)(()=>{Y(),window.addEventListener("resize",m()(Y,50))},[S]);let F=(0,u.useRef)(null),{scrollXProgress:R}=(0,t.L)({container:F});return(0,u.useEffect)(()=>{S&&(d.Ay.registerPlugin(r.ScrollTrigger),(()=>{let e=window.screen.width;r.ScrollTrigger.create({trigger:"#".concat(B," .").concat(h().txt_2023," .").concat(h().titleBox),start:"top bottom",end:"+=0",onEnter:()=>{d.Ay.to("#".concat(B," .").concat(h().txt_2023," .").concat(h().ani_txt_box),{width:0,duration:0})}}),e>769&&(r.ScrollTrigger.create({trigger:"#".concat(B," .").concat(h().CO2AniCon),start:"top center+=10%",end:"+=0",onEnter:()=>{d.Ay.to("#".concat(B," .").concat(h().cover),{clipPath:"inset(0% 0 0)",duration:"0.8"})}}),r.ScrollTrigger.create({trigger:"#".concat(B," .").concat(h().CO2AniCon),start:"top bottom",end:"+=0",onEnter:()=>{d.Ay.to("#".concat(B," .").concat(h().cover),{clipPath:"inset(100% 0 0)",duration:"0"})}}))})())},[S]),(0,l.jsx)(l.Fragment,{children:(0,l.jsx)("section",{className:h().CO2Ani,id:B,children:(0,l.jsxs)("div",{className:h().CO2AniBox,children:[(0,l.jsx)("div",{className:c()(h().CO2AniTxt,"px-[24px] gap-[12px] md:px-[40px]"),children:(0,l.jsxs)("div",{className:c()(h().CO2AniTxtBox,"max-w-[1280px] mx-auto"),children:[(0,l.jsxs)("div",{className:h().titleBox,children:[(null==S?void 0:S.title2024)&&(0,l.jsxs)("div",{className:c()(h().title_2024,{[h().active]:2024===E}),onClick:()=>H(2024),children:[(0,l.jsxs)("div",{className:h().left_icon,children:[(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.leftIcon),className:c()(h().icon_active,"w-[20px] max-md:h-[38px] max-md:w-[12px]")}),(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.leftIconD),className:c()(h().icon_d,"w-[20px] max-md:h-[38px] max-md:w-[12px]")})]}),(0,l.jsx)(a.P.p,{initial:"hidden",whileInView:"show",variants:{show:{width:"auto",transition:{duration:.4}},hidden:{width:"0%",transition:{duration:.4}}},className:c()(h().ani_txt_box,"overflow-hidden whitespace-nowrap"),children:(0,l.jsx)("span",{className:h().ani_txt,dangerouslySetInnerHTML:{__html:null==S?void 0:S.title2024}})}),(0,l.jsxs)("div",{className:h().right_icon,children:[(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.rightIcon),className:c()(h().icon_active,"w-[34.5px] max-md:h-[38px] max-md:w-[20px]")}),(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.rightIconD),className:c()(h().icon_d,"w-[20px] max-md:h-[38px] max-md:w-[12px]")})]})]}),(0,l.jsxs)("div",{className:c()(h().title_2023,{[h().active]:(null==S?void 0:S.showTxtImage)?2023===E:!M}),onClick:()=>(null==S?void 0:S.showTxtImage)?H(2023):L(!1),children:[(0,l.jsxs)("div",{className:h().left_icon,children:[(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.leftIcon),className:c()(h().icon_active,"w-[20px] max-md:h-[38px] max-md:w-[12px]")}),(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.leftIconD),className:c()(h().icon_d,"w-[20px] max-md:h-[38px] max-md:w-[12px]")})]}

1),(0,l.jsx)(a.P.p,{initial:"hidden",whileInView:"show",variants:{show:{width:"auto",transition:{duration:.4}},hidden:{width:"0%",transition:{duration:.4}}},className:c()(h().ani_txt_box,"overflow-hidden whitespace-nowrap"),children:(0,l.jsx)("span",{className:h().ani_txt,dangerouslySetInnerHTML:{__html:null==S?void 0:S.title2023}})}),(0,l.jsxs)("div",{className:h().right_icon,children:[(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.rightIcon),className:c()(h().icon_active,"w-[34.5px] max-md:h-[38px] max-md:w-[20px]")}),(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.rightIconD),className:c()(h().icon_d,"w-[20px] max-md:h-[38px] max-md:w-[12px]")})]})]}),(0,l.jsxs)("div",{className:c()(h().title_2022,{[h().active]:(null==S?void 0:S.showTxtImage)?2022===E:M}),onClick:()=>(null==S?void 0:S.showTxtImage)?H(2022):L(!0),children:[(0,l.jsxs)("div",{className:h().left_icon,children:[(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.leftIcon),className:c()(h().icon_active,"h-[66px] w-[20px] max-md:h-[38px] max-md:w-[12px]")}),(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.leftIconD),className:c()(h().icon_d,"h-[66px] w-[20px] max-md:h-[38px] max-md:w-[12px]")})]}),(0,l.jsx)(a.P.p,{initial:"hidden",whileInView:"show",variants:{show:{width:"auto",transition:{duration:.4}},hidden:{width:"0%",transition:{duration:.4}}},className:c()(h().ani_txt_box,"overflow-hidden whitespace-nowrap"),children:(0,l.jsx)("span",{className:h().ani_txt,dangerouslySetInnerHTML:{__html:null==S?void 0:S.title2022}})}),(0,l.jsxs)("div",{className:h().right_icon,children:[(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.rightIcon),className:c()(h().icon_active,"h-[65px] w-[34.5px] max-md:h-[38px] max-md:w-[20px]")}),(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.rightIconD),className:c()(h().icon_d,"h-[65px] w-[20px] max-md:h-[38px] max-md:w-[12px]")})]})]})]}),(null==S?void 0:S.showTxtImage)?(0,l.jsxs)("div",{className:h().txtCon,children:[(0,l.jsx)("div",{className:c()(h().img_2024,{[h().active]:2024===E}),children:(0,l.jsx)(_.VI,{source:"".concat(null==S||null==(n=S.img2024)||null==(i=n.node)?void 0:i.sourceUrl,", ").concat((null==S||null==(x=S.img2024Mob)||null==(s=x.node)?void 0:s.sourceUrl)||(null==S||null==(p=S.img2024)||null==(v=p.node)?void 0:v.sourceUrl)," 769"),className:"aspect-h-[1050] aspect-w-[2560] w-full max-md:aspect-h-[458] max-md:aspect-w-[342]"})}),(0,l.jsx)("div",{className:c()(h().img_2023,{[h().active]:2023===E}),children:(0,l.jsx)(_.VI,{source:"".concat(null==S||null==(j=S.img2023)||null==(w=j.node)?void 0:w.sourceUrl,", ").concat((null==S||null==(g=S.img2023Mob)||null==(N=g.node)?void 0:N.sourceUrl)||(null==S||null==(C=S.img2023)||null==(f=C.node)?void 0:f.sourceUrl)," 769"),className:"aspect-h-[1050] aspect-w-[2562] w-full max-md:aspect-h-[458] max-md:aspect-w-[342]"})}),(0,l.jsx)("div",{className:c()(h().img_2022,{[h().active]:2022===E}),children:(0,l.jsx)(_.VI,{source:"".concat(null==S||null==(I=S.img2022)||null==(O=I.node)?void 0:O.sourceUrl,", ").concat((null==S||null==(b=S.img2022Mob)||null==(A=b.node)?void 0:A.sourceUrl)||(null==S||null==(y=S.img2022)||null==(T=y.node)?void 0:T.sourceUrl)," 769"),className:"aspect-h-[1036] aspect-w-[2560] w-full max-md:aspect-h-[458] max-md:aspect-w-[342]"})})]}):(0,l.jsxs)("div",{className:h().txtCon,children:[(0,l.jsxs)("div",{className:c()(h().txt_2023,{[h().active]:!M}),children:[(0,l.jsxs)("div",{className:c()(h().txtBox,"flex max-md:hidden"),children:[(0,l.jsx)("div",{className:c()(h().col1,h().col),children:(0,l.jsxs)("div",{className:h().txt,children:[(0,l.jsx)("p",{className:h().sub_tit,dangerouslySetInnerHTML:{__html:null==S?void 0:S.subTit20232}}),(0,l.jsx)("p",{className:h().desc,dangerouslySetInnerHTML:{__html:null==S?void 0:S.desc20232}})]})}),(0,l.jsxs)("div",{className:c()(h().col2),children:[(0,l.jsxs)("div",{className:c()(h().row1,h().row),children:[(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)("p",{className:h().sub_tit,dangerouslySetInnerHTML:{__html:null==S?void 0:S.subTit2023}})}),(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.icon_2023_1),className:"aspect-h-[100] aspect-w-[154] w-full"})})]}),(0,l.jsx)("div",{className:c()(h().row2,h().row),children:(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)("p",{className:h().desc,dangerouslySetInnerHTML:{__html:null==S?void 0:S.desc2023}})})})]})]}),(0,l.jsxs)("div",{className:c()(h().txtBox,"hidden max-md:block"),children:[(0,l.jsx)("div",{className:c()(h().row1,h().row),children:(0,l.jsxs)("div",{className:h().txt,children:[(0,l.jsx)("p",{className:h().sub_tit,dangerouslySetInnerHTML:{__html:null==S?void 0:S.subTit20232}}),(0,l.jsx)("p",{className:h().desc,dangerouslySetInnerHTML:{__html:null==S?void 0:S.desc20232}})]})}),(0,l.jsxs)("div",{className:c()(h().row2,h().row),children:[(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)("p",{className:h().sub_tit,dangerouslySetInnerHTML:{__html:null==S?void 0:S.subTit2023}})}),(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.icon20231),className:"aspect-h-[100] aspect-w-[154] w-full"})})]}),(0,l.jsx)("div",{className:c()(h().row3,h().row),children:(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)("p",{className:h().desc,dangerouslySetInnerHTML:{__html:null==S?void 0:S.desc2023}})})})]})]}),(0,l.jsxs)("div",{className:c()(h().txt_2022,{[h().active]:M}),children:[(0,l.jsx)("div",{className:c()(h().txtBox,"max-md:hidden"),children:(0,l.jsxs)("div",{className:c()(h().row1,h().row),children:[(0,l.jsxs)("div",{className:h().col,children:[(0,l.jsx)("div",{className:c()(h().imgBox,h().imgBox1),children:(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.icon20221),className:"aspect-h-[267] aspect-w-[729] w-full"})}),(0,l.jsx)("div",{className:c()(h().imgBox,h().imgBox2),children:(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.icon20222),className:c()("aspect-h-[238] aspect-w-[729]")})})]}),(0,l.jsxs)("div",{className:h().col,children:[(0,l.jsx)("div",{className:h().colTxt,children:(0,l.jsx)("p",{className:h().sub_tit,dangerouslySetInnerHTML:{__html:null==S?void 0:S.subTit2022}})}),(0,l.jsx)("div",{className:h().colTxt,children:(0,l.jsx)("p",{className:h().desc,dangerouslySetInnerHTML:{__html:null==S?void 0:S.desc2022}})})]})]})}),(0,l.jsxs)("div",{className:c()(h().txtBox,"hidden max-md:block"),children:[(0,l.jsx)("div",{className:c()(h().row1,h().row),children:(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)("p",{className:h().sub_tit,dangerouslySetInnerHTML:{__html:null==S?void 0:S.subTit2022}})})}),(0,l.jsxs)("div",{className:c()(h().row2,h().row),children:[(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)("div",{className:h().imgBox,children:(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.mobIcon20222),className:c()("aspect-h-[160] aspect-w-[129]")})})}),(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)(_.VI,{source:"".concat(null==S?void 0:S.mobIcon20221),className:"aspect-h-[160] aspect-w-[203] w-full"})})]}),(0,l.jsx)("div",{className:c()(h().row3,h().row),children:(0,l.jsx)("div",{className:h().col,children:(0,l.jsx)("p",{dangerouslySetInnerHTML:{__html:null==S?void 0:S.desc2022}})})})]})]})]})]})}),(0,l.jsx)("div",{className:c()(h().CO2AniCon,"flex gap-x-[12px] overflow-x-scroll px-[24px]"),ref:F,children:null==(V=Object.values((null==S?void 0:S.imgs)||{}))?void 0:V.map((e,i)=>{var n,s,t,a;return(0,l.jsxs)("div",{className:h().item,children:[(0,l.jsx)("div",{className:h().bg,children:(0,l.jsx)(_.VI,{source:"".concat(null==e||null==(s=e.bg)||null==(n=s.node)?void 0:n.sourceUrl),className:"aspect-h-[400] aspect-w-[360] w-full"})}),e.cover&&(0,l.jsx)("div",{className:c()(h().cover),children:(0,l.jsx)(_.VI,{source:"".concat(null==e||null==(a=e.cover)||null==(t=a.node)?void 0:t.sourceUrl),className:"w-full"})})]},i)})}),(0,l.jsx)("div",{className:"relative m-auto mt-[25px] hidden h-[4px] w-[100px] rounded-[4px] bg-[#E5E5E5] l:block",children:(0,l.jsx)(a.P.div,{style:{width:(0,o.G)(R,[0,1],["0%","100%"])},className:"absolute left-0 top-0 h-full w-full rounded-l-[10px] rounded-r-[10px] bg-[#28df86]"})})]})})})}},7170:(e,i,n)=>{var l="Expected a function",s=0/0,c=/^\s+|\s+$/g,t=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,o=/^0o[0-7]+$/i,d=parseInt,r="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,x="object"==typeof self&&self&&self.Object===Object&&self,m=r||x||Function("return this")(),u=Object.prototype.toString,_=Math.max,v=Math.min,h=function(){return m.Date.now()};function p(e){var i=typeof e;return!!e&&("object"==i||"function"==i)}function w(e){if("number"==typeof e)return e;if("symbol"==typeof(i=e)||i&&"object"==typeof i&&"[object Symbol]"==u.call(i))return s;if(p(e)){var i,n="function"==typeof e.valueOf?e.valueOf():e;e=p(n)?n+"":n}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(c,"");var l=a.test(e);return l||o.test(e)?d(e.slice(2),l?2:8):t.test(e)?s:+e}e.exports=function(e,i,n){var s=!0,c=!0;if("function"!=typeof e)throw TypeError(l);return p(n)&&(s="leading"in n?!!n.leading:s,c="trailing"in n?!!n.trailing:c),function(e,i,n){var s,c,t,a,o,d,r=0,x=!1,m=!1,u=!0;if("function"!=typeof e)throw TypeError(l);function j(i){var n=s,l=c;return s=c=void 0,r=i,a=e.apply(l,n)}function N(e){var n=e-d,l=e-r;return void 0===d||n>=i||n<0||m&&l>=t}function g(){var e,n,l,s=h();if(N(s))return f(s);o=setTimeout(g,(e=s-d,n=s-r,l=i-e,m?v(l,t-n):l))}function f(e){return(o=void 0,u&&s)?j(e):(s=c=void 0,a)}function C(){var e,n=h(),l=N(n);if(s=arguments,c=this,d=n,l){if(void 0===o)return r=e=d,o=setTimeout(g,i),x?j(e):a;if(m)return o=setTimeout(g,i),j(d)}return void 0===o&&(o=setTimeout(g,i)),a}return i=w(i)||0,p(n)&&(x=!!n.leading,t=(m="maxWait"in n)?_(w(n.maxWait)||0,i):t,u="trailing"in n?!!n.trailing:u),C.cancel=function(){void 0!==o&&clearTimeout(o),r=0,s=d=c=o=void 0},C.flush=function(){return void 0===o?a:f(h())},C}(e,i,{leading:s,maxWait:i,trailing:c})}}}]);