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]="bb206f00-5595-4694-8b7d-a8e5b5491ac4",e._sentryDebugIdIdentifier="sentry-dbid-bb206f00-5595-4694-8b7d-a8e5b5491ac4")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[705],{79066:function(e,t,i){i.r(t);var s=i(85893),a=i(67294),o=i(32078),n=i(15389),l=i(48929),r=i(91296),d=i.n(r);i(29578);var c=i(46684),x=i(4359),p=i(99662),m=i(93096),h=i.n(m);t.default=e=>{let{pageData:{title:t,subTitle:i,imgernew:r,bgImage:m,dataList:u,imger:g=[],mobTitle:b,mobSubTitle:w,list:f},isMobile:j}=e;t=(j?b:t)||t,i=(j?w:i)||i;let[v,_]=(0,a.useState)(0),y=(0,a.useRef)(null),N=e=>{_(e.realIndex)},C=()=>{y.current&&y.current.slideNext()},Z=()=>{y.current&&y.current.slidePrev()},k=e=>{window.location.href=e+"?ref=homepage_more"};(0,a.useRef)(null);let W=async(e,t)=>{window.location.href=t.onclickUrl+"?ref=homepage_more"},I=(0,a.useRef)(f.map(()=>a.createRef())),[F,S]=(0,a.useState)(!1),[z,E]=(0,a.useState)(!1),[L,R]=(0,a.useState)(!1),[M,D]=(0,a.useState)(!1),[U,V]=(0,a.useState)(!1),[P,q]=(0,a.useState)(!1);(0,a.useEffect)(()=>{S(window.innerWidth<1441),E(window.innerWidth>=1920),R(window.innerWidth<768),D(window.innerWidth>=1441&&window.innerWidth<=1919),V(window.innerWidth>=1025&&window.innerWidth<=1440),q(window.innerWidth>=768&&window.innerWidth<=1024)},[]);let B=()=>{I.current.forEach(e=>{e.current&&(e.current.style.height="auto")}),requestAnimationFrame(()=>{let e=[];
1if(I.current.forEach(t=>{if(t.current){if(t.current.style.height="auto",window.innerWidth<=1441){let i=t.current.offsetHeight;e.push(i)}else{let i=t.current.offsetHeight;e.push(i)}}}),e.length>0){let t=Math.max(...e);I.current.forEach(e=>{e.current&&(e.current.style.height="".concat(t,"px"),e.current.style.borderRadius="0px 0px 12px 12px")})}})},T=d()(B,100);(0,a.useEffect)(()=>{let e=()=>{S(window.innerWidth<1441),E(window.innerWidth>=1920),R(window.innerWidth<768),D(window.innerWidth>=1441&&window.innerWidth<=1919),V(window.innerWidth>=1025&&window.innerWidth<=1440),q(window.innerWidth>=768&&window.innerWidth<=1024),T()};return window.addEventListener("resize",e),setTimeout(B,1e3),()=>{window.removeEventListener("resize",e),T.cancel()}},[f,F,z,L,M,U,P]);let[H,A]=(0,a.useState)(0),[G,J]=(0,a.useState)(!1),K=()=>{var e,t;let i=(null===(e=document.querySelector("body"))||void 0===e?void 0:e.offsetWidth)||0;if(A((null===(t=document.querySelector("#header"))||void 0===t?void 0:t.clientHeight)||0),i<1025)return J(!0);J(!1)};(0,a.useEffect)(()=>(K(),window.addEventListener("resize",h()(K,50)),()=>window.removeEventListener("resize",K)),[]);let[O,Q]=(0,a.useState)(g),X=()=>{Q(r)},Y=()=>{Q(g)};return(0,s.jsx)("div",{className:"bg-[#fcfcfd]",children:j?G?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mx-auto flex-col gap-4 media_pb-[200,160,140,120,100] media_mx-[320,188,153,98,24]",children:[(0,s.jsxs)("div",{className:" media_pb-[80,60,40,40,80] ",children:[(0,s.jsx)(p.Z,{children:(0,s.jsx)("div",{className:" flex",children:(0,s.jsx)("h2",{className:"flex-[1] text-left font-extrabold leading-[1.1] text-[#000] media_pb-[16] media_pt-[10] media_text-[56,40,32]",children:(0,s.jsx)(o.Z,{html:t})})})}),(0,s.jsx)("div",{className:"flex-[1] text-left text-[#000] media_text-[20,20,16,16] ",children:(0,s.jsx)(o.Z,{html:i})}),(0,s.jsx)("style",{children:j?"":"\n #CarouselList .swiper-wrapper{\n padding-left: 17vw;\n }\n #CarouselList .swiper-slide-next{\n transform-origin: 5% 50%;\n }\n #CarouselList .swiper-slide-prev{\n transform-origin: 95% 50%;\n }\n "}),(0,s.jsx)("div",{className:"relative",children:u&&(null==u?void 0:u.length)>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.tq,{loop:!0,navigation:!1,slidesPerView:j?1:1.5,onSlideChange:N,onSwiper:e=>y.current=e,children:null==u?void 0:u.map((e,t)=>(0,s.jsx)(l.o5,{role:"group","aria-label":"Slide ".concat(t+1," of ").concat(u.length),style:j?{}:{opacity:v===t?1:.2,transform:v===t?"scale(1)":"scale(0.8)",transition:"all 1s"},children:(0,s.jsx)(n.Z,{className:"rounded-[16px] md:rounded-none min-l:rounded-lg",loading:"lazy",source:"".concat(null==e?void 0:e.imgUrl,",").concat(null==e?void 0:e.imgUrlMob," 769"),alt:"Product showcase ".concat(t+1),imgClassName:"[&>img]:[tabindex=-1]"})},t))}),u&&u.length&&(0,s.jsx)("div",{className:"absolute bottom-6 left-0 right-0 z-10 mx-auto flex items-center justify-center gap-2 pt-6 min-md:bottom-[-34px]",children:u.map((e,t)=>(0,s.jsx)("div",{style:t===v?{width:"16px",opacity:1}:{},className:"h-[8px] w-[8px] rounded-[8px] bg-white opacity-[0.5]"},t))}),(0,s.jsx)("button",{onClick:Z,"aria-label":"View previous slide",className:"absolute bottom-0 left-[18vw] top-0 z-10 m-auto h-[40px] w-[40px] cursor-pointer border-0 bg-transparent p-0 focus:outline-none focus:ring-2 focus:ring-brand-color md:bottom-[-56px] md:left-[calc(50%-32px-12px)] md:top-auto md:h-[32px] md:w-[32px]",type:"button",children:(0,s.jsx)(x.Z,{isMobile:!0,width:j?32:40,height:j?32:40})}),(0,s.jsx)("button",{onClick:C,"aria-label":"View next slide",className:"absolute bottom-0 right-[18vw] top-0 z-10 m-auto h-[40px] w-[40px] cursor-pointer border-0 bg-transparent p-0 focus:outline-none focus:ring-2 focus:ring-brand-color md:bottom-[-56px] md:right-[calc(50%-32px-12px)] md:top-auto md:h-[32px] md:w-[32px]",type:"button",children:(0,s.jsx)(c.Z,{isMobile:!0,width:j?32:40,height:j?32:40})})]})})]}),(0,s.jsx)("div",{className:"".concat(j?"":"grid grid-cols-2 gap-4"),children:f.map((e,t)=>(0,s.jsxs)("div",{className:t!==f.length-1?"pb-[12px]":"",children:[e.desktopImg.endsWith(".mp4")?(0,s.jsx)("div",{style:{borderRadius:"12px 12px 0px 0px",overflow:"hidden"},className:" cursor-pointer shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)]",onClick:t=>W(t,e),children:(0,s.jsx)("video",{style:{width:"100%",height:"auto",objectFit:"cover",transition:"opacity 1s ease-in-out",top:0,left:0}
1,src:e.mobileImg,preload:"auto",playsInline:!0,autoPlay:!0,loop:!0,muted:!0},t)}):(0,s.jsx)("div",{style:{borderRadius:"12px 12px 0px 0px",overflow:"hidden"},className:" cursor-pointer shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)] ",onClick:t=>W(t,e),children:(0,s.jsx)(n.Z,{source:e.mobileImg,alt:"Image ".concat(t+1),style:{width:"100%",height:"auto",objectFit:"cover",transition:"opacity 1s ease-in-out",top:0,left:0}},t)}),(0,s.jsxs)("div",{className:"bg-[#fff] shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)] media_py-[24,16] media_px-[24,24,16,16,16] ",style:{borderRadius:"0px 0px 12px 12px",height:"auto"},children:[(0,s.jsx)("h3",{className:"leading-[1.1] text-[#000] media_text-[24,24,18,18,16] media_pb-[8,4] media_fw-[800]",children:(0,s.jsx)(o.Z,{html:e.title})}),(0,s.jsx)("div",{className:"leading-[1.3] text-[#C0BCBC] media_text-[16,16,14,14,14] media_pb-[32,32,24,16,16] media_fw-[700]",children:(0,s.jsx)(o.Z,{html:e.subTitle})}),(0,s.jsxs)("div",{className:"flex items-center",children:[(0,s.jsx)("div",{className:"cursor-pointer leading-[1] text-[#1D1D1F] media_text-[18,16,14] media_fw-[700] ",children:(0,s.jsx)(o.Z,{html:e.onclick,onClick:()=>k(e.onclickUrl)})}),(0,s.jsx)(n.Z,{source:r,alt:""})]})]})]},t))})]}),(0,s.jsx)("div",{className:"absolute bottom-0",children:(0,s.jsx)(n.Z,{source:m,alt:"",style:{width:"100%",height:"auto",maxWidth:"100%",objectFit:"cover"}})})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mx-auto flex-col gap-4 media_pb-[200,160,140,120,100] media_mx-[320,188,153,98,24] ",children:[(0,s.jsxs)("div",{className:" media_pb-[80,60,40,40,80] ",children:[(0,s.jsx)(p.Z,{children:(0,s.jsxs)("div",{className:"flex md:px-6",children:[(0,s.jsx)("h2",{className:"flex-[1] whitespace-normal text-left font-extrabold leading-[1.1] text-[#000] media_pb-[16] media_text-[56,40,32,32,32]",children:(0,s.jsx)(o.Z,{html:t})}),(0,s.jsx)("div",{className:"ml-auto",children:(0,s.jsx)("div",{className:" text-left text-[#000] media_fw-[700] media_w-[524,523,351,571,313] media_text-[20,18,16,16,16]",children:(0,s.jsx)(o.Z,{html:i})})})]})}),(0,s.jsx)("style",{children:G?"":"\n #CarouselList .swiper-wrapper{\n padding-left: 17vw;\n }\n #CarouselList .swiper-slide-next{\n transform-origin: 5% 50%;\n }\n #CarouselList .swiper-slide-prev{\n transform-origin: 95% 50%;\n }\n "}),(0,s.jsx)("div",{className:"relative",children:u&&(null==u?void 0:u.length)>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.tq,{loop:!0,navigation:!1,slidesPerView:G?1:1.5,onSlideChange:N,onSwiper:e=>y.current=e,children:null==u?void 0:u.map((e,t)=>(0,s.jsx)(l.o5,{style:G?{}:{opacity:v===t?1:.2,transform:v===t?"scale(1)":"scale(0.8)",transition:"all 1s"},children:(0,s.jsx)(n.Z,{className:"rounded-[16px] md:rounded-none min-l:rounded-lg",loading:"lazy",source:"".concat(null==e?void 0:e.imgUrl,",").concat(null==e?void 0:e.imgUrlMob," 769")})},t))}),u&&u.length&&(0,s.jsx)("div",{className:"absolute bottom-6 left-0 right-0 z-10 mx-auto flex items-center justify-center gap-2 pt-6 min-md:bottom-[-34px]",children:u.map((e,t)=>(0,s.jsx)("div",{style:t===v?{width:"16px",opacity:1}:{},className:"h-[8px] w-[8px] rounded-[8px] bg-white opacity-[0.5]"},t))}),(0,s.jsx)("button",{onClick:Z,"aria-label":"View previous slide",className:"absolute bottom-0 left-[18vw] top-0 z-10 m-auto h-[40px] w-[40px] cursor-pointer border-0 bg-transparent p-0 focus:outline-none focus:ring-2 focus:ring-brand-color md:bottom-[-56px] md:left-[calc(50%-32px-12px)] md:top-auto md:h-[32px] md:w-[32px]",type:"button",children:(0,s.jsx)(x.Z,{width:G?32:40,height:G?32:40})}),(0,s.jsx)("button",{onClick:C,"aria-label":"View next slide",className:"absolute bottom-0 right-[18vw] top-0 z-10 m-auto h-[40px] w-[40px] cursor-pointer border-0 bg-transparent p-0 focus:outline-none focus:ring-2 focus:ring-brand-color md:bottom-[-56px] md:right-[calc(50%-32px-12px)] md:top-auto md:h-[32px] md:w-[32px]",type:"button",children:(0,s.jsx)(c.Z,{width:G?32:40,height:G?32:40,isMobile:!1})})]})})]}),(0,s.jsx)("div",{className:"".concat(G?"":"grid grid-cols-2 gap-4"),children:f.map((e,t)=>(0,s.jsxs)("div",{className:"",children:[e.desktopImg.endsWith(".mp4")?(0,s.jsx)("div",{style:{borderRadius:"12px 12px 0px 0px",overflow:"hidden"},className:" cursor-pointer shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)]",onClick:t=>W(t,e),children:(0,s.jsx)("video",{style:{width:"100%",height:"auto",objectFit:"cover",transition:"opacity 1s ease-in-out",top:0,left:0}
1,src:e.desktopImg,preload:"auto",playsInline:!0,autoPlay:!0,loop:!0,muted:!0},t)}):(0,s.jsx)("div",{style:{borderRadius:"12px 12px 0px 0px",overflow:"hidden"},className:" cursor-pointer shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)]",onClick:t=>W(t,e),children:(0,s.jsx)(n.Z,{source:e.desktopImg,alt:"Image ".concat(t+1),style:{width:"100%",height:"auto",objectFit:"cover",transition:"opacity 1s ease-in-out",top:0,left:0}},t)}),(0,s.jsxs)("div",{ref:I.current[t],className:"bg-[#fff] shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)] media_py-[24,16] media_px-[24,24,16,16,16] ",style:{borderRadius:"0px 0px 12px 12px"},children:[(0,s.jsx)("h3",{className:"leading-[1.1] text-[#000] media_text-[24,24,18,18,16] media_pb-[8,4] media_fw-[800]",children:(0,s.jsx)(o.Z,{html:e.title})}),(0,s.jsx)("div",{className:"leading-[1.3] text-[#C0BCBC] media_text-[16,16,14,14,14] media_pb-[32,32,24,16,16] media_fw-[700]",children:(0,s.jsx)(o.Z,{html:e.subTitle})}),(0,s.jsxs)("div",{className:"flex items-center",onMouseEnter:X,onMouseLeave:Y,children:[(0,s.jsx)("div",{className:"cursor-pointer leading-[1.1] text-[#86868C] media_text-[18,16,14] media_fw-[700] hover:text-[#1D1D1F]",children:(0,s.jsx)(o.Z,{html:e.onclick,onClick:()=>k(e.onclickUrl)})}),(0,s.jsx)(n.Z,{source:O,alt:""})]})]})]},t))})]}),(0,s.jsx)("div",{className:"absolute bottom-0",children:(0,s.jsx)(n.Z,{source:m,alt:"",style:{width:"100%",height:"auto",maxWidth:"100%",objectFit:"cover"}})})]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"mx-auto max-w-[1280px] flex-col gap-4 media_pb-[200,160,140,120,100] ",children:[(0,s.jsxs)("div",{className:" media_pb-[80,60,40,40,48] ",children:[(0,s.jsx)(p.Z,{children:(0,s.jsxs)("div",{className:"flex md:px-6",children:[(0,s.jsx)("h2",{className:"text-left font-extrabold leading-[1.1] text-[#000] media_pb-[16] media_text-[56,40,32,32,32]",children:(0,s.jsx)(o.Z,{html:t})}),(0,s.jsx)("div",{className:"ml-auto",children:(0,s.jsx)("div",{className:" text-left text-[#000] media_w-[524,523,351,571,313] media_text-[20,18,16,16,16] ",children:(0,s.jsx)(o.Z,{html:i})})})]})}),(0,s.jsx)("style",{children:j?"":"\n #CarouselList .swiper-wrapper{\n padding-left: 17vw;\n }\n #CarouselList .swiper-slide-next{\n transform-origin: 5% 50%;\n }\n #CarouselList .swiper-slide-prev{\n transform-origin: 95% 50%;\n }\n "}),(0,s.jsx)("div",{className:"relative",children:u&&(null==u?void 0:u.length)>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(l.tq,{loop:!0,navigation:!1,slidesPerView:j?1:1.5,onSlideChange:N,onSwiper:e=>y.current=e,children:null==u?void 0:u.map((e,t)=>(0,s.jsx)(l.o5,{style:j?{}:{opacity:v===t?1:.2,transform:v===t?"scale(1)":"scale(0.8)",transition:"all 1s"},children:(0,s.jsx)(n.Z,{className:"rounded-[16px] md:rounded-none min-l:rounded-lg",loading:"lazy",source:"".concat(null==e?void 0:e.imgUrl,",").concat(null==e?void 0:e.imgUrlMob," 769")})},t))}),u&&u.length&&(0,s.jsx)("div",{className:"absolute bottom-6 left-0 right-0 z-10 mx-auto flex items-center justify-center gap-2 pt-6 min-md:bottom-[-34px]",children:u.map((e,t)=>(0,s.jsx)("div",{style:t===v?{width:"16px",opacity:1}:{},className:"h-[8px] w-[8px] rounded-[8px] bg-white opacity-[0.5]"},t))}),(0,s.jsx)("button",{onClick:Z,"aria-label":"View previous slide",className:"absolute bottom-0 left-[18vw] top-0 z-10 m-auto h-[40px] w-[40px] cursor-pointer border-0 bg-transparent p-0 focus:outline-none focus:ring-2 focus:ring-brand-color md:bottom-[-56px] md:left-[calc(50%-32px-12px)] md:top-auto md:h-[32px] md:w-[32px]",type:"button",children:(0,s.jsx)(x.Z,{isMobile:!0,width:j?32:40,height:j?32:40})}),(0,s.jsx)("button",{onClick:C,"aria-label":"View next slide",className:"absolute bottom-0 right-[18vw] top-0 z-10 m-auto h-[40px] w-[40px] cursor-pointer border-0 bg-transparent p-0 focus:outline-none focus:ring-2 focus:ring-brand-color md:bottom-[-56px] md:right-[calc(50%-32px-12px)] md:top-auto md:h-[32px] md:w-[32px]",type:"button",children:(0,s.jsx)(c.Z,{isMobile:!0,width:j?32:40,height:j?32:40})})]})})]}),(0,s.jsx)("div",{className:"".concat(j?"":"grid grid-cols-2 gap-4"),children:f.map((e,t)=>(0,s.jsxs)("div",{className:"",children:[e.desktopImg.endsWith(".mp4")?(0,s.jsx)("div",{style:{borderRadius:"12px 12px 0px 0px",overflow:"hidden"},className:" cursor-pointer shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)]",onClick:t=>W(t,e),children:(0,s.jsx)("video",{style:{width:"100%",height:"auto",objectFit:"cover",transition:"opacity 1s ease-in-out",top:0,left:0}
1,src:e.desktopImg,preload:"auto",playsInline:!0,autoPlay:!0,loop:!0,muted:!0},t)}):(0,s.jsx)("div",{style:{borderRadius:"12px 12px 0px 0px",overflow:"hidden"},className:" cursor-pointer shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)]",onClick:t=>W(t,e),children:(0,s.jsx)(n.Z,{source:e.desktopImg,alt:"Image ".concat(t+1),style:{width:"100%",height:"auto",objectFit:"cover",transition:"opacity 1s ease-in-out",top:0,left:0}},t)}),(0,s.jsxs)("div",{ref:I.current[t],className:"bg-[#fff] shadow-[6px_6px_12px_0px_rgba(0,0,0,0.08)] media_py-[24,16] media_px-[24,24,16,16,16] ",style:{borderRadius:"0px 0px 12px 12px"},children:[(0,s.jsx)("h3",{className:"leading-[1.1] text-[#000] media_text-[24,24,18,18,16] media_pb-[8,4] media_fw-[800]",children:(0,s.jsx)(o.Z,{html:e.title})}),(0,s.jsx)("div",{className:"leading-[1.3] text-[#C0BCBC] media_text-[16,16,14,14,14] media_pb-[32,32,24,16,16] media_fw-[700]",children:(0,s.jsx)(o.Z,{html:e.subTitle})}),(0,s.jsxs)("div",{className:"flex items-center",onMouseEnter:X,onMouseLeave:Y,children:[(0,s.jsx)("div",{className:"cursor-pointer leading-[1.1] text-[#86868C] media_text-[18,16,14] media_fw-[700] hover:text-[#1D1D1F]",children:(0,s.jsx)(o.Z,{html:e.onclick,onClick:()=>k(e.onclickUrl)})}),(0,s.jsx)(n.Z,{source:O,alt:""})]})]})]},t))})]}),(0,s.jsx)("div",{className:"absolute bottom-0",children:(0,s.jsx)(n.Z,{source:m,alt:"",style:{width:"100%",height:"auto",maxWidth:"100%",objectFit:"cover"}})})]})})}}}]);
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.