(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9304],{22325:function(e,t,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/products/[id]",function(){return i(53592)}])},75771:function(e,t,i){"use strict";var n=i(85893);i(67294);var r=i(45697),l=i.n(r),s=i(33275),a=i.n(s);let c=e=>{let{tip:t,action:i,bgColor:r,size:l}=e;return(0,n.jsxs)("div",{className:"".concat(a()["no-data"]," ").concat(a()[r]," ").concat(a()[l]),children:[(0,n.jsxs)("div",{className:a()["no-data__cover"],children:[(0,n.jsx)("img",{src:"https://static.donnermusic.com/donner-official-web/images/no_data.png",alt:""}),(0,n.jsx)("span",{className:a()["no-data__cover__tip"],children:t})]}),i]})};c.propTypes={tip:l().string,action:l().node,bgColor:l().string,size:l().string},c.defaultProps={tip:"",action:null,bgColor:"",size:""},t.Z=c},64244:function(e,t,i){"use strict";var n=i(85893),r=i(67294),l=i(41664),s=i.n(l),a=i(45697),c=i.n(a),d=i(88116),o=i(30719);i(50025);var _=i(97003),x=i.n(_);let u=e=>{let{list:t}=e,[i,l]=(0,r.useState)(-1),a=e=>{l(e)},c=(e,t,r,l,a,c,d,o)=>(0,n.jsx)(s(),{href:l,className:x().wrapper,target:"_blank",children:(0,n.jsx)("div",{className:x().wrapper__content,style:{"--color":null!=a?a:""},children:(0,n.jsxs)("div",{className:"".concat(x().info," ").concat(e===i?x()["info--active"]:""," ").concat(x()["info--".concat(a)]," ").concat(x()["info--".concat(o)]),children:[(0,n.jsx)("div",{className:x().info__title,children:t.map(e=>(0,n.jsx)("p",{children:e},e))}),(0,n.jsx)("div",{className:x().info__desc,children:r.map(e=>(0,n.jsx)("p",{children:e},e))}),c&&(0,n.jsx)("span",{className:x().more,style:{color:d},children:c})]})})}),_=(0,n.jsx)("div",{className:x().bullets,children:t.map((e,t)=>(0,n.jsx)("div",{className:"".concat(x().bullet," ").concat(t===i?x()["bullet--active"]:""," ").concat(x()["bullet--white"]),children:(0,n.jsx)("i",{className:"".concat(x().bullet__icon," ").concat(x()["bullet__icon--white"])})},null==e?void 0:e.url))});return(0,n.jsxs)(o.tq,{className:x().banners,modules:[d.xW,d.W_,d.pt],effect:"fade",fadeEffect:{crossFade:!1},navigation:!0,loop:!0,speed:400,autoplay:!1,onSlideChange:e=>a(null==e?void 0:e.realIndex),children:[t.map((e,t)=>(0,n.jsxs)(o.o5,{className:x().banner,children:[(0,n.jsx)("img",{className:x().banner__img,srcset:e.srcset,sizes:"100vw",loading:"lazy",src:null==e?void 0:e.url,alt:""}),c(t,null==e?void 0:e.title,null==e?void 0:e.desc,null==e?void 0:e.link,null==e?void 0:e.color,null==e?void 0:e.btnText,null==e?void 0:e.textAlign)]},null==e?void 0:e.url)),_]})};u.propTypes={list:c().array.isRequired},t.Z=u},54124:function(e,t,i){"use strict";var n=i(85893);i(67294);var r=i(45697),l=i.n(r),s=i(25579),a=i(27266),c=i.n(a);let d=e=>{let{url:t,mode:i,cover:r,align:l,borderRadius:a}=e;return(0,n.jsx)("div",{className:c().banner,children:(0,n.jsxs)("div",{style:{textAlign:l},children:["image"===i&&(0,n.jsx)("img",{className:c().banner__img,style:{borderRadius:"".concat((0,s.Q1)(a),"rem")},src:t,alt:""}),"video"===i&&(0,n.jsx)("video",{className:c().banner__video,src:t,style:{borderRadius:"".concat((0,s.Q1)(a),"rem")},poster:r,autoPlay:!0,muted:!0,loop:!0})]})})};d.propTypes={url:l().string.isRequired,mode:l().string,cover:l().string,align:l().string,borderRadius:l().number},d.defaultProps={mode:"image",cover:"",align:"",borderRadius:0},t.Z=d},86722:function(e,t,i){"use strict";var n=i(85893);i(67294);var r=i(45697),l=i.n(r),s=i(25579),a=i(41548),c=i.n(a);let d=e=>{let{height:t}=e;return(0,n.jsx)("div",{className:c().space,style:{height:"".concat((0,s.Q1)(t),"rem")}})};d.propTypes={height:l().number},d.defaultProps={height:0},t.Z=d},67714:function(e,t,i){"use strict";var n=i(85893),r=i(67294),l=i(45697),s=i.n(l),a=i(8818),c=i(86986),d=i(41664),o=i.n(d),_=i(25579),x=i(83204),u=i(86326),p=i(33314),m=i.n(p);let h=e=>{let{selectId:t,fontColor:i,fontSize:l,selectColor:s}=e,[d,p]=(0,r.useState)([]),[h,g]=(0,r.useState)(!1),{locale:v}=(0,a.Z)("common"),f=async()=>{try{var e,t;let i=await (0,c.AT)(v);p((null==i?void 0:null===(e=i.data)||void 0===e?void 0:null===(t=e.menu)||void 0===t?void 0:t.items)||[])}catch(e){(0,_.b$)(e)}};return(0,x.Z)("scroll",()=>{let e=(0,u.cx)();if(e>48){g(!0);return}g(!1)}),(0,r.useEffect)(()=>{f()},[]),(0,n.jsx)("div",{className:h?m().tabsTop:m().tabsSt,children:d.map(e=>{e.id.startsWith("gid://shopify/MenuItem/")&&(e.id=e.id.replace("gid://shopify/MenuItem/",""));let r=e.id===t;return(0,n.jsx)(o(),{href:(0,_.rg)(e.id),style:{fontSize:"".concat(l,"px"),color:r?s:i,borderBottom:r?"2px solid ".concat(s):"",paddingBottom:4},children:e.title},e.id)})})};h.propTypes={selectId:s().string,fontSize:s().number,fontColor:s().string,selectColor:s().string},h.defaultProps={selectId:"",fontColor:"#ccc",fontSize:36,selectColor:"#ccc"},t.Z=h},9381:function(e,t,i){"use strict";var n=i(85893);i(67294);var r=i(45697),l=i.n(r),s=i(7554),a=i.n(s);let c=e=>{let{children:t,bgColor:i}=e;return(0,n.jsx)("div",{className:a().wrapper,style:i?{backgroundColor:i}:null,children:t})};c.propTypes={children:l().node,bgColor:l().string},c.defaultProps={children:null,bgColor:""},t.Z=c},53592:function(e,t,i){"use strict";i.r(t),i.d(t,{__N_SSP:function(){return E},default:function(){return W}});var n=i(85893),r=i(67294),l=i(45697),s=i.n(l),a=i(96486),c=i(72219),d=i(254),o=i(94403),_=i(99872),x=i(25136),u=i(8818),p=i(25579),m=i(64244),h=i(9381),g=function(e){let{value:t,children:i}=e;return t?i:null},v=i(86722),f=i(67714),j=i(54124),b=i(94945),N=i(59179),w=i(99001),y=i.n(w);let Z={width:936,height:310};function I(e){let t=(0,r.useRef)();return(0,r.useEffect)(()=>{if(t.current){let i=t.current,n=i.getAttribute("data-src");if(n){i.setAttribute("data-src","");let t=i.getContext("2d");i.width=Z.width,i.height=Z.height;let n=new Image;n.src=e.src,n.onload=function(){t.translate(Z.width/2,Z.height/2),t.rotate(Math.PI/2),t.drawImage(this,-Z.height/2,-Z.width/2,Z.height,Z.width)}}}},[]),(0,n.jsx)("canvas",{ref:t,height:Z.height,width:Z.width,"data-src":e.src})}var C=i(41664),S=i.n(C);function U(e){let{productList:t}=e,{t:i}=(0,u.Z)("common");return(0,n.jsx)("div",{className:y().grid,children:(0,a.map)(t,(e,t)=>t%2==0?(0,n.jsxs)("div",{className:y()["top-card"],children:[(0,n.jsx)(I,{className:y()["top-img"],src:e.imageUrl,alt:e.title}),(0,n.jsxs)("div",{className:y()["top-text"],children:[(0,n.jsx)("div",{className:y().title,children:e.title}),(0,n.jsx)("div",{className:y()["sub-text"],children:e.productDescription}),(0,n.jsx)(S(),{href:(0,p.Cp)(e.productId,e.title),className:y()["learn-more"],children:i("app.learnMore")})]})]},e.productId):(0,n.jsxs)("div",{className:y()["top-card"],children:[(0,n.jsxs)("div",{className:y()["top-text"],children:[(0,n.jsx)("div",{className:y().title,children:e.title}),(0,n.jsx)("div",{className:y()["sub-text"],children:e.productDescription}),(0,n.jsx)(S(),{href:(0,p.Cp)(e.productId,e.title),className:y()["learn-more"],children:i("app.learnMore")})]}),(0,n.jsx)(I,{className:y()["top-img"],src:e.imageUrl,alt:e.title})]},e.productId))})}var L=i(97156),z=i.n(L),T=i(25675),k=i.n(T);function M(e){let{productList:t}=e;if(1===t.length)return(0,n.jsx)(A,{productList:t});if(2===t.length||4===t.length)return(0,n.jsx)(P,{productList:t});if(t.length>4){let[e,i,r,l,...s]=t;return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(P,{productList:[e,i,r,l]}),(0,n.jsx)(R,{productList:s})]})}if(t.length<4)return(0,n.jsx)(R,{productList:t})}function P(e){let{productList:t}=e,i=(0,a.chunk)(t,2),{t:r}=(0,u.Z)("common");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:z()["grid-left"],children:(0,a.map)(i[0],(e,t)=>{var i;let l=t%2==0?480:300;return(0,n.jsxs)("div",{className:z()["top-card"],children:[(0,n.jsx)(k(),{width:l,height:l,className:480===l?z()["top-img-max"]:z()["top-img"],src:null!==(i=e.imageUrl)&&void 0!==i?i:"",alt:e.title,loading:"lazy"}),(0,n.jsxs)("div",{className:z()["top-text"],children:[(0,n.jsx)("div",{className:z().title,children:e.title}),(0,n.jsx)("div",{className:480===l?z()["sub-text1"]:z()["sub-text"],children:e.productDescription}),(0,n.jsx)(S(),{href:(0,p.Cp)(e.productId,e.title),className:z()["learn-more"],children:r("app.learnMore")})]})]},e.productId)})}),i[1]&&(0,n.jsx)("div",{className:z()["grid-right"],children:(0,a.map)(i[1],(e,t)=>t%2==0?(0,n.jsxs)("div",{className:z()["top-card"],children:[(0,n.jsx)(g,{value:null!=e.imageUrl,children:(0,n.jsx)(k(),{width:300,height:300,className:z()["top-img"],src:e.imageUrl,alt:e.title,loading:"lazy"})}),(0,n.jsxs)("div",{className:z()["top-text"],children:[(0,n.jsx)("div",{className:z().title,children:e.title}),(0,n.jsx)("div",{className:z()["sub-text"],children:e.productDescription}),(0,n.jsx)(S(),{href:(0,p.Cp)(e.productId,e.title),className:z()["learn-more"],children:r("app.learnMore")})]})]},e.productId):(0,n.jsxs)("div",{className:z()["top-card"],children:[(0,n.jsxs)("div",{className:z()["top-text"],children:[(0,n.jsx)("div",{className:z().title,children:e.title}),(0,n.jsx)("div",{className:z()["sub-text1"],children:e.productDescription}),(0,n.jsx)(S(),{href:(0,p.Cp)(e.productId,e.title),className:z()["learn-more"],children:r("app.learnMore")})]}),(0,n.jsx)(g,{value:null!=e.imageUrl,children:(0,n.jsx)(k(),{width:480,height:480,className:z()["top-img-max"],src:e.imageUrl,alt:e.title,loading:"lazy"})})]},e.productId))})]})}function R(e){let{productList:t}=e,{t:i}=(0,u.Z)("common");return(0,n.jsx)("div",{className:z().grid,children:(0,a.map)(t,(e,t)=>(0,n.jsxs)("div",{className:z().card,children:[(0,n.jsx)("div",{className:z().img,children:(0,n.jsx)(g,{value:null!=e.imageUrl,children:(0,n.jsx)(k(),{width:300,height:300,className:z()["top-img"],src:e.imageUrl,alt:e.title})})}),(0,n.jsxs)("div",{className:z().text,children:[(0,n.jsx)("div",{className:z().title,children:e.title}),(0,n.jsx)("div",{className:z()["sub-text"],children:e.productDescription}),(0,n.jsx)(S(),{href:(0,p.Cp)(e.productId,e.title),className:z()["learn-more"],children:i("app.learnMore")})]})]},e.productId))})}function A(e){let{productList:t}=e,{t:i}=(0,u.Z)("common");return(0,n.jsx)("div",{className:z().one,children:(0,a.map)(t,(e,t)=>{var r;return(0,n.jsxs)("div",{className:z()["top-card"],children:[(0,n.jsx)(k(),{width:480,height:480,className:z()["one-img"],src:null!==(r=e.imageUrl)&&void 0!==r?r:"",alt:e.title,loading:"lazy"}),(0,n.jsxs)("div",{className:z()["top-text"],children:[(0,n.jsx)("div",{className:z().title,children:e.title}),(0,n.jsx)("div",{className:z()["sub-text1"],children:e.productDescription}),(0,n.jsx)(S(),{href:(0,p.Cp)(e.productId,e.title),className:z()["learn-more"],children:i("app.learnMore")})]})]},e.productId)})})}var D=i(19787),F=i.n(D),Q=i(75771);let B=e=>{let{data:t,id:i}=e,{t:l}=(0,u.Z)("common"),{bannerList:s,collectionList:w}=(0,r.useMemo)(()=>{var e,i;return{bannerList:(0,a.map)(null!==(e=null==t?void 0:t.bannerList)&&void 0!==e?e:[],e=>{var t;return{url:e.bannerImageUrl,link:e.bannerRedirectUrl,title:[e.title],desc:[e.bannerDescription],color:null!==(t=e.textColor)&&void 0!==t?t:"#fff",textAlign:"center",btnText:(0,p.mA)(e.bannerRedirectUrl)?"":l("app.learnMore")}}),collectionList:null!==(i=null==t?void 0:t.collectionList)&&void 0!==i?i:[]}},[t]);return(0,n.jsxs)(d.Z,{children:[(0,n.jsx)(o.Z,{requestUri:"/"}),(0,n.jsx)(_.Z,{}),(0,n.jsx)(c.Z,{}),(0,n.jsx)(f.Z,{selectId:i,fontSize:14}),(0,n.jsxs)("div",{style:{marginTop:"-48px"},children:[(0,n.jsx)(g,{value:(0,p.oA)(s),children:(0,n.jsxs)(h.Z,{children:[(0,n.jsx)(m.Z,{list:s}),(0,n.jsx)(v.Z,{height:12})]})}),(0,a.map)(w,e=>(0,n.jsxs)("div",{children:[(0,n.jsx)(h.Z,{children:e.collectionUrl?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(j.Z,{url:e.collectionUrl}),(0,n.jsxs)(b.Z,{top:330,left:210,children:[(0,n.jsx)(N.Z,{width:800,align:"left",color:"#fff",title:e.title,titleFontSize:48,titleMarginBottom:6}),(0,n.jsx)(b.Z,{left:0,children:(0,n.jsx)("div",{className:F().desc,children:e.collectionDesc})})]})]}):(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("div",{className:F()["banner-wrapper"]}),(0,n.jsx)(b.Z,{top:150,left:310,children:(0,n.jsx)(N.Z,{width:720,align:"left",color:"#fff",title:e.title,titleFontSize:48,titleMarginBottom:6,desc:e.collectionDesc,descFontSize:16})})]})}),(0,n.jsx)("div",{className:F()["product-body"],children:"normal"===e.type?(0,n.jsx)(M,{productList:e.productList}):(0,n.jsx)(U,{productList:e.productList})}),(0,n.jsx)(v.Z,{height:12})]},e.collectionId)),(0,n.jsx)(g,{value:(0,a.isEmpty)(t),children:(0,n.jsx)(Q.Z,{tip:"404"})})]}),(0,n.jsx)(x.Z,{})]})};B.propTypes={id:s().string.isRequired};var E=!0,W=B},33275:function(e){e.exports={"no-data":"index_no-data__3Vsmx",small:"index_small__du0WC",grey:"index_grey__nBrHv","no-data__cover":"index_no-data__cover__n9TWi","no-data__cover__tip":"index_no-data__cover__tip__vtR7u"}},97003:function(e){e.exports={banners:"index_banners__drQSm",banner:"index_banner__AnZvS",banner__img:"index_banner__img___fQ4_",bullets:"index_bullets___LzA0",bullet:"index_bullet__QXI3l",bullet__icon:"index_bullet__icon__Y6GB9","bullet--white":"index_bullet--white__oC_8_","bullet--black":"index_bullet--black__1_Ba1","bullet--active":"index_bullet--active__vQxKD","bullet__icon--white":"index_bullet__icon--white__7nmPQ","bullet__icon--black":"index_bullet__icon--black__2TPBa",wrapper:"index_wrapper__Br_Vo",wrapper__content:"index_wrapper__content__ytXpr",info:"index_info__ONkca","info--left":"index_info--left__4U4ve","info--center":"index_info--center__Suoix","info--right":"index_info--right___tYRL","info--active":"index_info--active__WR7Ky",info__title:"index_info__title__IN4i0",info__desc:"index_info__desc__73SsU",more:"index_more__FXoPS",progress:"index_progress__MuSwm","progress--active":"index_progress--active__cV1Yh"}},99001:function(e){e.exports={"top-img":"index_top-img__nLu6o",title:"index_title__oBnOQ","sub-text":"index_sub-text__oO_lL","learn-more":"index_learn-more__knBy3","top-text":"index_top-text__SWvpR",img:"index_img__LkByj","top-card":"index_top-card__tnXTz",card:"index_card__tANrA",text:"index_text__Idzfd"}},97156:function(e){e.exports={"grid-left":"index_grid-left__OoLAg","top-card":"index_top-card__xtbKS","top-text":"index_top-text__lOjLo","grid-right":"index_grid-right__m5DRU","top-img":"index_top-img__nxPrQ","top-img-max":"index_top-img-max__zYXfY","one-img":"index_one-img__W7oQ5",title:"index_title__bUFGO","sub-text":"index_sub-text__i6sWU","sub-text1":"index_sub-text1__d0cga",grid:"index_grid__Uvo7J",img:"index_img__2_Lq9",card:"index_card__vcClN",text:"index_text__9xlXf","learn-more":"index_learn-more__Ei32Y",one:"index_one__vHIVz"}},27266:function(e){e.exports={banner:"index_banner__d6qNu",banner__img:"index_banner__img__wpfAu",banner__video:"index_banner__video__J_FJ8"}},41548:function(e){e.exports={space:"index_space__nFsHn"}},33314:function(e){e.exports={tabsTop:"index_tabsTop__PeNc8",tabsSt:"index_tabsSt__H99pU"}},7554:function(e){e.exports={wrapper:"index_wrapper__WapIQ"}},19787:function(e){e.exports={"product-body":"index_product-body__k6ZFX","banner-wrapper":"index_banner-wrapper__QD66y",desc:"index_desc__khs3_"}},50025:function(){}},function(e){e.O(0,[1664,4202,5675,8380,719,3106,7293,7793,9774,2888,179],function(){return e(e.s=22325)}),_N_E=e.O()}]);