"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9083],{sKr0:function(e,t,a){a.d(t,{n:function(){return SharePopupNew}});var o=a("BGKE"),n=a("q1tI"),r=a("axfV"),i=a("u2Yl"),l=a("Ua8o"),s=a("5tRa"),c=a("HQu0"),h=a("ORXi"),d=a("ntAb"),p=a("Uq+1"),u=a("DiVS"),m=a("VtdO"),g=a("Eso5"),f=a("dDsW"),S=a("0FsQ"),v=a("raAP"),y=a("hXNO"),b=a("P5LW"),Z=a("/npG"),w=(0,Z.k)(()=>({root:{display:"flex",flexDirection:"column",alignItems:"center",".share-icon":{"svg, img":{borderRadius:4,flex:"auto"}}},heading:{}})),C=a("2j8N"),x=a("yrgK"),k=a("22Ug"),N=a("eklE"),I=a("LES+"),R=a("mAfZ"),z=a("CJtR"),B=a("mYVa"),L=(0,Z.k)((e,t)=>{let{type:a}=t;return{root:{},heading:{},input:{},inputWrapper:{},inputRightSection:{width:"auto"},btn:{padding:(0,B.h)(8),"&:active":{transform:"translateY(0)"},..."input"===a?{paddingLeft:"1.5rem",borderColor:"transparent",borderTopRightRadius:"8px",borderBottomRightRadius:"8px",height:"".concat((0,B.h)(38)," !important"),marginRight:"1px","&,&:hover":{background:"linear-gradient(90deg, rgba(255, 255, 255, 0), white 20%)",backgroundColor:"transparent"}}:{padding:0,borderRadius:(0,B.h)(4),width:"".concat((0,B.h)(32)),height:"".concat((0,B.h)(32)),backgroundColor:"button"===a?"#fff":"".concat(e.colors.gray[1]),"&.copied":{backgroundColor:"".concat(e.colors.gray[2])}}},btnLabel:{..."button"===a&&{display:"none"}},btnRoot:{},btnLeftIcon:{marginRight:0},popoverDropdown:{zIndex:1,padding:(0,B.h)(5),background:e.colors.gray[6],textAlign:"center",borderColor:e.colors.gray[6]},popoverArrow:{borderColor:e.colors.gray[6]}}});let CopyInput=e=>{let{btnProps:t,inputProps:a,styles:i,classNames:l,className:s,type:c="input",shareUrl:h,isHeader:d,popoverProps:p,isRevamp:u,touchSize:m,...S}=e,{locale:y}=(0,b.h)(),{formatMessage:Z}=(0,f.Z)(),w=(0,v.U)(),B=h||w,M=B.startsWith("http")?B:"".concat((0,z.UC)(y)).concat(B),{classes:U,cx:T}=L({type:c},{name:"ShareBox__CopyInput",styles:i,classNames:l}),A=(0,n.useRef)(null),[E,W]=(0,n.useState)(!1),[V,P]=(0,n.useState)(!1),X="button"===c,F=(0,n.useCallback)(e=>()=>{e(),W(!0),X&&P(!0),setTimeout(()=>{W(!1),X&&P(!1)},3e3)},[X]);return u?(0,o.tZ)(N.q,{value:M||"",children:e=>{let{copy:t}=e;return(0,o.BX)(I.J,{radius:"sm",withArrow:!0,shadow:"sm",opened:V,onChange:P,classNames:{dropdown:U.popoverDropdown,arrow:U.popoverArrow},...p,children:[(0,o.tZ)(I.J.Target,{children:(0,o.tZ)(g.x,{className:T("flex items-center justify-center relative cursor-pointer rounded-lg hover:bg-gray100",s),sx:{width:null!=m?m:40,height:null!=m?m:40},"data-event-category":"Social Share","data-event-action":"Copy Link","data-event-label":w,onClick:F(t),children:(0,o.tZ)(k.Z,{size:24})})}),(0,o.tZ)(I.J.Dropdown,{children:(0,o.tZ)(r.T,{size:"n1",color:"#fff",children:Z({id:"authorPage.share.copiedButton"})})})]})}}):(0,o.BX)(g.x,{className:T(s,U.root),...S,children:[(0,o.tZ)(r.T,{size:"p4",style:{marginBottom:"0.5em"},className:U.heading,children:Z({id:"authorPage.share.orCopyLink"})}),(0,o.tZ)(C.I,{ref:A,value:M,name:"sharedUrlInput",size:"md",classNames:{root:T("input-share",U.inputWrapper),input:U.input,rightSection:U.inputRightSection},rightSection:(0,o.tZ)(N.q,{value:M||"",children:e=>{let{copied:a,copy:n}=e;return(0,o.BX)(I.J,{radius:"sm",withArrow:!0,shadow:"sm",opened:V,onChange:P,classNames:{dropdown:U.popoverDropdown,arrow:U.popoverArrow},...p,children:[(0,o.tZ)(I.J.Target,{children:(0,o.tZ)(R.z,{classNames:{root:T("input-share-btn pointer-event-child-none",U.btn,E?"copied":""),label:U.btnLabel,leftIcon:U.btnLeftIcon},leftIcon:"button"===c?(0,o.tZ)(x.Z,{size:18}):void 0,variant:"ghost",size:"md","data-event-category":"Social Share","data-event-action":d?"Header - Copy Link ":"Copy Link","data-event-label":w,onClick:F(n),children:"input"===c?(0,o.tZ)(r.T,{size:"s4",color:"blue",children:(null==t?void 0:t.children)||(a?Z({id:"authorPage.share.copiedButton"}):Z({id:"authorPage.share.copyButton"}))}):void 0})}),(0,o.tZ)(I.J.Dropdown,{children:(0,o.tZ)(r.T,{size:"n1",color:"#fff",children:Z({id:"authorPage.share.copiedButton"})})})]})}}),readOnly:!0})]})};var M=a("RZSM"),U=(0,Z.k)((e,t)=>{let{touchSize:a,iconSize:o,isZalo:n,bgZaloColor:r}=t;return{item:{transition:"width 0.3s ease",opacity:1,width:a,height:a,"svg, img":{borderRadius:4},img:{flex:0,width:"auto !important",height:"auto !important",maxWidth:o,maxHeight:o},"& >*:not(style)":{overflow:"visible"}},itemContent:{position:"relative",width:"100%",height:"100%"},itemInner:{display:"flex",justifyContent:"center",alignItems:"center",...n&&{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:3}},zaloOverlay:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:r,zIndex:2,pointerEvents:"none"},zaloShareButton:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1,pointerEvents:"auto"}}});let SocialItemEle=e=>{let{social:t,iconSize:a=28,touchSize:n=36,styles:r,classNames:l,bgZaloColor:s="#fff",zaloLayout:c=3,skipTracking:h=!1,dataEventAction:d,...p}=e,u=t.type===i.S.Zalo,{classes:m}=U({iconSize:a,touchSize:n,isZalo:u,bgZaloColor:s},{name:"ShareBox--SocialItem",styles:r,classNames:l}),f=(0,v.U)();return(0,o.tZ)(g.x,{component:u?"div":"a",...u?{}:{target:"_blank",href:t.href,className:"pointer-event-child-none"},...!h&&{"data-event-category":"Social Share","data-event-action":d,"data-event-label":f},...p,children:(0,o.tZ)(M.o,{className:m.item,ratio:1,children:(0,o.BX)(g.x,{className:m.itemContent,children:[(0,o.tZ)(g.x,{className:m.itemInner,children:t.icon}),u&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(g.x,{className:m.zaloOverlay}),(0,o.tZ)(S.h,{href:t.href,layout:c,className:m.zaloShareButton},t.href)]})]})})})};var view=e=>{let{shareUrl:t,iconSize:a=28,touchSize:n,styles:l,className:s,classNames:c,bgColor:h,socialList:d,...p}=e,{formatMessage:u}=(0,f.Z)(),{classes:m,cx:S}=w(void 0,{name:"ShareBox--AsideNav",styles:l,classNames:c});return(0,o.BX)(g.x,{className:S(s,m.root),...p,children:[(0,o.tZ)(r.T,{size:"n1",className:S(m.heading,"whitespace-nowrap"),children:u({id:"shareArticle.asideNav.share",defaultMessage:"Share"})}),d.map((e,t)=>(0,o.tZ)(SocialItemEle,{social:e,iconSize:a,touchSize:n,bgZaloColor:h||"#fff",zaloLayout:3,skipTracking:e.type===i.S.Zalo,dataEventAction:e.name},t)),(0,o.tZ)(CopyInput,{shareUrl:t,type:"button",isRevamp:!0,touchSize:null!=n?n:40})]})},T=a("sVb9"),A=a("rEaw");let E={[A.MV.Taiwan]:[i.S.Facebook,i.S.Line],[A.MV.Malaysia]:[i.S.Facebook,i.S.WhatsApp],[A.MV.Thailand]:[i.S.Facebook,i.S.Line],[A.MV.Myanmar]:[i.S.Facebook],[A.MV.Cambodia]:[i.S.Facebook,i.S.Telegram],[A.MV.Vietnam]:[i.S.Facebook,i.S.Twitter],[A.MV.PhilippinesEnglish]:[i.S.Facebook,i.S.WhatsApp],[A.MV.PhilippinesTagalog]:[i.S.Facebook,i.S.WhatsApp],[A.MV.India]:[i.S.Facebook],[A.MV.Indonesia]:[i.S.Facebook,i.S.WhatsApp,i.S.Twitter],[A.MV.Singapore]:[i.S.Facebook,i.S.WhatsApp]},getSocialListByLocale=function(e,t){var a;let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:32;arguments.length>3&&arguments[3];let n=null!==(a=E[e])&&void 0!==a?a:[i.S.Facebook],r={};return(0,T.b)({shareUrl:t,size:o,locale:e}).forEach(a=>{let o=n.includes(a.type),l=!a.allowedLocales||a.allowedLocales.includes(e)||o;a.type!==i.S.LinkedIn&&o&&l&&a.href&&(r[a.type]={...a,...a.type===i.S.Facebook?{href:"https://www.facebook.com/sharer/sharer.php?u=".concat(encodeURIComponent(formatShareUrl(t,e,i.S.Facebook)))}:a.type===i.S.Zalo?{href:formatShareUrl(t,e,i.S.Zalo)}:a.type===i.S.Twitter?{href:"https://twitter.com/intent/tweet?url=".concat(encodeURIComponent(formatShareUrl(t,e,i.S.Twitter)))}:a.type===i.S.WhatsApp?{href:"https://wa.me/?text=".concat(encodeURIComponent(formatShareUrl(t,e,i.S.WhatsApp)))}:a.type===i.S.Line?{href:"http://line.me/R/msg/text/?".concat(encodeURIComponent(formatShareUrl(t,e,i.S.Line)))}:a.type===i.S.Telegram?{href:"https://t.me/share/url?url=".concat(encodeURIComponent(formatShareUrl(t,e,i.S.Telegram)))}:{}})}),n.reduce((e,t)=>{var a;return(null===(a=r[t])||void 0===a?void 0:a.href)&&e.push(r[t]),e},[])};function formatShareUrl(e,t,a){let o=e.startsWith("http")?e:"".concat((0,z.UC)(t,!0)).concat(e);return a?(()=>{try{let e=new URL(o);return e.searchParams.append("cn",a),e.toString()}catch(e){return o}})():o}let useSocialListRevamp=function(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:20;return(0,n.useMemo)(()=>{let n={[i.S.Facebook]:(0,o.tZ)(l.Z,{size:a}),[i.S.Twitter]:(0,o.tZ)(s.Z,{size:a}),[i.S.WhatsApp]:(0,o.tZ)(c.Z,{size:a}),[i.S.Line]:(0,o.tZ)(h.Z,{size:a}),[i.S.Zalo]:(0,o.tZ)(g.x,{className:"w-5 h-5 flex items-center justify-center shrink-0",children:(0,o.tZ)(d.Z,{size:a})}),[i.S.Tiktok]:(0,o.tZ)(p.Z,{size:a}),[i.S.Instagram]:(0,o.tZ)(u.Z,{size:a}),[i.S.Telegram]:(0,o.tZ)(m.Z,{size:a})};return t?e.map(e=>({...e,icon:n[e.type]||(0,o.tZ)(g.x,{className:"w-5 h-5",children:e.icon})})):e},[e,t,a])};var W=a("iBNF"),V=a("/gjG"),P=a("R0sj"),X=a("q9DY"),F=a("QuJr"),j=a("kfjY"),H=a("xjta"),Y=(0,Z.k)((e,t)=>{let{showFull:a,textWidth:o,startCalc:n,opened:r,numberToExpand:i,length:l,iconSize:s,touchSize:c,bgColor:h,bgColorCopyBtn:d}=t,p=Math.max(c,s),u=o+(a?l+1:i)*p;return{root:{position:"relative",zIndex:3},wrapper:{display:"flex",alignItems:"center",justifyContent:"flex-end",paddingRight:p,backgroundColor:h,borderRadius:24,...n&&{position:"absolute",right:0,bottom:0,top:0}},inner:{position:"relative",display:"flex",alignItems:"center",gap:0,paddingLeft:6,transition:"width .2s ease",height:"100%",[e.fn.smallerThan("sm")]:{...!a&&{overflow:"hidden"}},...null!==u&&{width:r?u+p*(l-i+1):u-p}},listItems:{display:"flex",alignItems:"center"},heading:{whiteSpace:"nowrap",padding:"0 8px",fontSize:10},copyRoot:{position:"relative","&:has(input:disabled) .mantine-Input-rightSection":{display:"block"}},copyHeading:{display:"none"},copyInput:{"&:not(.mantine-Textarea-input)":{display:"none"}},copyInputRightSection:{position:"static",width:s,height:s},copyInputWrapper:{},copyBtn:{borderRadius:"100%",height:s,backgroundColor:d},item:{transition:"width 0.3s ease",opacity:1,width:p,height:p,"svg, img":{borderRadius:4},img:{flex:0,width:"auto !important",height:"auto !important",maxWidth:s,maxHeight:s},".zalo-share-button":{position:"absolute !important",top:"50%!important",left:"50%!important",transform:"translate(-50%,-50%)"}},itemInner:{display:"flex",justifyContent:"center",alignItems:"center"},frame:{...n&&{width:u,height:p}},controlBtn:{"&:active":{transform:"translateY(0)"}},controls:{position:"absolute",top:0,right:0,bottom:0,borderBottomRightRadius:24,borderTopRightRadius:24,backgroundColor:h},overlay:{position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(255,255,255, 0.75)",zIndex:2}}}),J=a("rBCA"),D=a("1cpN");let O=(0,J.Z)(D.M,{target:"e1ddfldx0"})(".mantine-Modal-body{padding:16px;}.share-icon{svg{width:100%;height:100%;}flex-shrink:0;}.input-share{min-width:unset;height:fit-content;min-height:unset;input{background:white;}}"),Modal=e=>{let{shareUrl:t,...a}=e,{locale:n}=(0,b.h)(),{formatMessage:i}=(0,f.Z)(),l=(0,v.U)(),s=t||l,c=getSocialListByLocale(n,s,void 0);return(0,o.BX)(O,{centered:!0,withCloseButton:!1,closeOnClickOutside:!0,...a,children:[(0,o.BX)("div",{style:{padding:"1em",display:"flex",alignItems:"center",justifyContent:"space-between"},className:"share-socials",children:[(0,o.tZ)(r.T,{size:"s3",children:i({id:"authorPage.share.share"})}),(0,o.tZ)("div",{style:{display:"flex",gap:"0.7em"},children:c.map((e,t)=>(0,o.tZ)("a",{target:"_blank",href:e.href,"data-event-category":"Social Share","data-event-action":e.name,"data-event-label":l,className:"share-icon pointer-event-child-none",children:(0,o.tZ)(C.A,{size:32,radius:"sm",children:e.icon})},t))})]}),(0,o.tZ)(CopyInput,{shareUrl:s,styles:{root:{padding:"1em"}}})]})},SharePopupNew=e=>{let{...t}=e;return(0,o.tZ)(Modal,{...t})};SharePopupNew.Modal=Modal,SharePopupNew.AsideNav=e=>{let{isRevamp:t,...a}=e,{shareUrl:l,iconSize:s=20,touchSize:c}=a,{formatMessage:h}=(0,f.Z)(),{locale:d}=(0,b.h)(),p=(0,v.U)(),u=(0,y.d)(),m=(0,n.useMemo)(()=>getSocialListByLocale(d,l||p,s,u),[d,l,p,s,u]),Z=useSocialListRevamp(m,t,s);return t?(0,o.BX)(g.x,{children:[(0,o.tZ)(r.T,{size:"n1",className:"whitespace-nowrap text-center",children:h({id:"shareArticle.asideNav.share",defaultMessage:"Share"})}),(0,o.tZ)(g.x,{className:"flex flex-col gap-0 items-center",children:Z.map(e=>{let t=e.type===i.S.Zalo;return(0,o.BX)(g.x,{component:t?"div":"a",className:"w-10 h-10 flex items-center justify-center relative cursor-pointer rounded-lg hover:bg-gray100",...t?{}:{"data-event-category":"Social Share","data-event-action":e.name,"data-event-label":p,target:"_blank",href:e.href},children:[t&&(0,o.BX)(o.HY,{children:[(0,o.tZ)(g.x,{className:"placeholder z-[2] bg-white rounded-lg absolute top-0 left-0 right-0 bottom-0"}),(0,o.tZ)(S.h,{href:e.href,layout:3,className:"z-[1] !absolute !w-auto !h-auto top-0 left-0 right-0 bottom-0 !pointer-events-auto"})]}),(0,o.tZ)(g.x,{className:t?"z-[3] relative flex items-center justify-center":"flex items-center justify-center",children:e.icon})]},e.type)})}),(0,o.tZ)(CopyInput,{shareUrl:l,type:"button",isRevamp:!0,touchSize:null!=c?c:40})]}):(0,o.tZ)(view,{...a,socialList:Z})},SharePopupNew.BottomNavHorizonal=e=>{let{styles:t,classNames:a,numberToExpand:r=3,shareUrl:i,showFull:l,iconSize:s=28,padding:c=4,touchSize:h=36,hasOverlay:d,isHeader:p,copyInputProps:u,bgColor:m=V.t.gray[1],bgColorCopyBtn:S=W.r.colors.white,isRevamp:Z,...w}=e,{formatMessage:C}=(0,f.Z)(),x=(0,v.U)(),{locale:k,asPath:N}=(0,b.h)(),I=(0,y.d)(),R=(0,n.useMemo)(()=>getSocialListByLocale(k,i,s,I),[i,I]),z=(0,n.useMemo)(()=>l||R.length<r,[R,N]),[B,L]=(0,n.useState)([]),[U,T]=(0,n.useState)(!1),[A,E]=(0,n.useState)(!1),[J,D]=(0,H.y)(),[O,_]=(0,n.useState)(null),G=(0,n.useRef)(0),{classes:q,cx:K}=Y({showFull:z,startCalc:U,textWidth:G.current+c,opened:O,length:B.length,numberToExpand:r,iconSize:s,padding:c,touchSize:h,bgColor:m,bgColorCopyBtn:S},{name:"ShareBox--Horizonal",styles:t,classNames:a}),Q=(0,n.useMemo)(()=>(0,o.tZ)(CopyInput,{isHeader:p,shareUrl:i,type:"button",className:"copy-btn",classNames:{root:q.copyRoot,heading:q.copyHeading,inputWrapper:q.copyInputWrapper,inputRightSection:q.copyInputRightSection,input:q.copyInput,btn:q.copyBtn},popoverProps:{withinPortal:!0,position:"bottom"},...u}),[i]);(0,n.useEffect)(()=>{D.width>0&&!U&&(T(!0),G.current=D.width),U&&L(R)},[D.width,U]),(0,n.useEffect)(()=>{T(!1),G.current=0},[I]);let $=(0,n.useMemo)(()=>{let e="undefined"!=typeof document?document.title:"";return{url:i,title:e,text:e}},[i]);(0,n.useEffect)(()=>{var e,t;E(null===(t=navigator)||void 0===t?void 0:null===(e=t.canShare)||void 0===e?void 0:e.call(t,$))},[i]);let ee=useSocialListRevamp(B,Z);return Z&&A?(0,o.tZ)(g.x,{className:"w-10 h-10 p-2 relative cursor-pointer","data-event-category":"Sticky Botton","data-event-action":"Social Share - article","data-event-label":"Click to share",onClick:()=>{var e;null===(e=navigator)||void 0===e||e.share($).catch(e=>{console.error(e)})},children:(0,o.tZ)(F.Z,{})}):(0,o.BX)(o.HY,{children:[(0,o.BX)(g.x,{className:q.root,...w,children:[(0,o.tZ)(g.x,{className:q.frame}),(0,o.BX)(g.x,{className:q.wrapper,children:[(0,o.BX)(g.x,{className:q.inner,children:[(0,o.tZ)("div",{ref:J,children:(0,o.tZ)("div",{className:q.heading,children:C({id:"shareArticle.asideNav.share",defaultMessage:"Share"})})}),(0,o.BX)("div",{className:q.listItems,children:[ee.map((e,t)=>(0,o.tZ)(SocialItemEle,{social:e,iconSize:s,bgZaloColor:m,dataEventAction:p?"Header - ".concat(e.name):e.name},t)),null!==O&&(0,o.tZ)(M.o,{ratio:1,className:q.item,children:(0,o.tZ)(g.x,{className:K(q.itemInner),children:Q})})]})]}),(0,o.tZ)("div",{className:K(q.controls),children:(0,o.tZ)(M.o,{ratio:1,className:q.item,children:(0,o.tZ)(g.x,{className:q.itemInner,children:O?(0,o.tZ)(o.HY,{children:(0,o.tZ)(P.B,{radius:"100%","data-event-category":"Social Share","data-event-action":"See More","data-event-label":x,className:K("pointer-event-child-none",q.controlBtn),onClick:()=>_(!1),leftIcon:(0,o.tZ)(X.Z,{size:20}),styles:()=>({root:{padding:0,width:"".concat(s,"px !important"),height:"".concat(s,"px !important"),backgroundColor:"#fff !important"},label:{display:"none"},leftIcon:{marginRight:0}})})}):z?Q:(0,o.tZ)(P.B,{radius:"100%","data-event-category":"Social Share","data-event-action":"See More","data-event-label":x,className:K("pointer-event-child-none",q.controlBtn),onClick:e=>{e.stopPropagation(),_(!0)},leftIcon:(0,o.tZ)("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,o.tZ)("path",{d:"M4.67379 10.125C4.36443 10.125 4.09959 10.0148 3.87928 9.79449C3.65898 9.57418 3.54883 9.30934 3.54883 8.99998C3.54883 8.69062 3.65898 8.42578 3.87928 8.20547C4.09959 7.98516 4.36443 7.875 4.67379 7.875C4.98317 7.875 5.248 7.98516 5.4683 8.20547C5.68862 8.42578 5.79877 8.69062 5.79877 8.99998C5.79877 9.30934 5.68862 9.57418 5.4683 9.79449C5.248 10.0148 4.98317 10.125 4.67379 10.125ZM9.00071 10.125C8.69135 10.125 8.42651 10.0148 8.2062 9.79449C7.98588 9.57418 7.87573 9.30934 7.87573 8.99998C7.87573 8.69062 7.98588 8.42578 8.2062 8.20547C8.42651 7.98516 8.69135 7.875 9.00071 7.875C9.31007 7.875 9.57491 7.98516 9.79522 8.20547C10.0155 8.42578 10.1257 8.69062 10.1257 8.99998C10.1257 9.30934 10.0155 9.57418 9.79522 9.79449C9.57491 10.0148 9.31007 10.125 9.00071 10.125ZM13.3276 10.125C13.0183 10.125 12.7534 10.0148 12.5331 9.79449C12.3128 9.57418 12.2026 9.30934 12.2026 8.99998C12.2026 8.69062 12.3128 8.42578 12.5331 8.20547C12.7534 7.98516 13.0183 7.875 13.3276 7.875C13.637 7.875 13.9018 7.98516 14.1221 8.20547C14.3424 8.42578 14.4526 8.69062 14.4526 8.99998C14.4526 9.30934 14.3424 9.57418 14.1221 9.79449C13.9018 10.0148 13.637 10.125 13.3276 10.125Z",fill:"#595959"})}),styles:()=>({root:{padding:0,width:"".concat(s,"px !important"),height:"".concat(s,"px !important"),backgroundColor:"#fff !important"},label:{display:"none"},leftIcon:{marginRight:0}}),children:"..."})})})})]})]}),d&&(0,o.tZ)(j.u,{mounted:!!O,transition:"fade",duration:300,children:e=>(0,o.tZ)("div",{className:q.overlay,style:e})})]})}},xJRM:function(e,t,a){a.d(t,{e:function(){return ShortReelList}});var o=a("BGKE"),n=a("cUJx"),r=a("2j8N"),i=a("Eso5"),l=a("hXNO"),s=(0,a("/npG").k)(e=>({root:{[e.fn.smallerThan("sm")]:{marginLeft:-16,marginRight:-16}}}));let ShortReelList=e=>{let{videoList:t=[],slideNumberDesktop:a,slideNumberMobile:c,styles:h,...d}=e,p=(0,l.d)(),{classes:u}=s(void 0,{name:"ShortReelList",styles:h});return t.length>0?(0,o.tZ)(i.x,{className:u.root,...d,children:t.length>0?(0,o.tZ)(r.a,{slideSize:"15.8%",slideGap:12,breakpoints:[{maxWidth:"sm",slideSize:"55%",slideGap:8}],withControls:!p,withIndicators:!1,styles:e=>({control:{width:40,height:40,opacity:1,borderColor:e.fn.primaryColor(),transition:"all .2s ease",svg:{width:"18px !important",height:"18px !important",color:e.fn.primaryColor()},"&:hover":{backgroundColor:e.fn.primaryColor(),svg:{color:"#fff"}}},controls:{padding:0,marginLeft:-20,marginRight:-20,top:"50%",transform:"translateY(-50%)"},viewport:{[e.fn.smallerThan("sm")]:{paddingLeft:16,paddingRight:16}}}),children:t.map((e,t)=>(0,o.tZ)(r.a.Slide,{children:(0,o.tZ)(n.V,{data:e,layout:"overlay",dataEventCategory:"Highlight Video",dataEventAction:"Short Video Click ".concat(t+1),dataEventLabel:e.url})},String(t)))}):null}):null}}}]);