https://thetrail.co.kr/_next/static/chunks/1618-c1849e035ec7a5c4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1618],{3414:(e,n,l)=>{l.d(n,{A:()=>x});var r=l(37876),s=l(45836),i=l(21875),t=l(66386),o=l(14232),a=l(29778),d=l(6036);let c={xs:350,md:426},x=e=>{let{children:n,coordinates:l}=e,x=(0,d.A)(),h=(0,s.A)(e=>e.breakpoints.down("md")),u=(0,o.useMemo)(()=>{if(!x||!l)return null;let e=c[h?"xs":"md"],n=x.getContainer().getBoundingClientRect(),r=n.top,s=n.right,i=n.left,t=x.project([l[0],l[1]]),o=t.y-116,d=t.x+e/2,u=t.x-e/2,p=t.x,A=t.y-116;return o<r&&(A=t.y+116-50),d>s&&(p=s-e/2-20),h?u<i&&(p=i+e/2+20):u<i+a.Jd&&(p=a.Jd+e/2+60),{x:p,y:A}},[x,l,h]);return(0,r.jsx)(i.A,{display:u?"block":"none",position:"absolute",top:null==u?void 0:u.y,left:null==u?void 0:u.x,sx:{transform:"translate(-50%, -50%)"},zIndex:1e3,children:(0,r.jsx)(t.A,{elevation:0,sx:{boxShadow:"0px 2px 4px 0px rgba(0, 0, 0, 0.24)",width:c},children:n})})}},31781:(e,n,l)=>{l.d(n,{A:()=>p});var r=l(37876),s=l(31163),i=l(75862),t=l(21875);l(14232);var o=l(79200),a=l(54587),d=l.n(a),c=l(76534),x=l(92956),h=l(84643),u=l(54458);let p=()=>{var e;let{data:n,isLoading:l,isFetching:a}=(0,c.A)(),p=(0,x.Y)(l||a,1e3);return(0,r.jsxs)(s.A,{spacing:1,children:[(0,r.jsxs)(i.A,{variant:"label16",px:3,children:["총"," ",(0,r.jsxs)(o.A,{loading:p,component:"span",variant:"label16_bold",skeletonProps:{width:30,sx:{display:"inline-block"}},children:[null==n?void 0:n.courses.length,"개"]})," ","코스"]}),(0,r.jsx)("div",{children:p?Array.from({length:3}).map((e,n)=>(0,r.jsx)(u.A,{loading:p},n)):(null==n?void 0:n.courses.length)===0?(0,r.jsxs)(s.A,{py:10,spacing:2,textAlign:"center",children:[(0,r.jsx)(t.A,{children:(0,r.jsx)(d(),{src:"/images/empty_page_icon.png",alt:"empty_page_image",width:50,height:50})}),(0,r.jsxs)(i.A,{variant:"body2",px:3,color:"text.secondary",children:["주변에 탐색된 코스가 없습니다.",(0,r.jsx)("br",{})," 지도를 축소하거나 위치를 이동해 ",(0,r.jsx)("br",{}),"재탐색해 주세요."]})]}):(0,r.jsx)(h.A,{courses:null!=(e=null==n?void 0:n.courses)?e:[]})})]})}},49795:(e,n,l)=>{l.d(n,{A:()=>i});var r=l(29796),s=l(37876);let i=(0,r.A)((0,s.jsx)("path",{d:"M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z"}),"ArrowBackIosNew")},54458:(e,n,l)=>{l.d(n,{A:()=>a});var r=l(37876),s=l(75687),i=l(31163),t=l(75219);l(14232);var o=l(79200);let a=e=>{let{loading:n,hideHeader:l=!0}=e;return(0,r.jsxs)(s.A,{children:[!l&&(0,r.jsxs)(i.A,{direction:"row",spacing:1,children:[(0,r.jsx)(t.A,{variant:"circular",width:36,height:36}),(0,r.jsxs)(i.A,{flex:1,children:[(0,r.jsx)(o.A,{loading:n,variant:"label16_bold",skeletonProps:{width:100}}),(0,r.jsx)(o.A,{loading:n,variant:"label14",skeletonProps:{width:120}})]})]}),(0,r.jsx)(o.A,{loading:n,variant:"label14",skeletonProps:{width:100}}),(0,r.jsx)(o.A,{loading:n,variant:"label16_bold"}),l&&(0,r.jsx)(o.A,{loading:n,variant:"label14"}),(0,r.jsx)(t.A,{variant:"rounded",sx:{aspectRatio:4/3,height:"auto"},component:"div",width:"100%"})]})}},76534:(e,n,l)=>{l.d(n,{A:()=>d});var r=l(89099),s=l(6036),i=l(39825),t=l(14232),o=l(16672),a=l(56118);let d=()=>{let{b:e="",q:n=""}=(0,r.useRouter)().query,l=(0,s.A)(),d=(0,t.useMemo)(()=>(0,i.c)(e),[e]),[c,x]=(0,t.useState)(null);(0,t.useEffect)(()=>{if(!l||e||n)return;let r=l.getBounds();r.isEmpty()||x((0,i.c)((0,i.M)(r)))},[n,e,l]);let h=(0,t.useMemo)(()=>n?{q:n}:void 0!==d.maxLat&&void 0!==d.minLat&&void 0!==d.maxLon&&void 0!==d.minLon?d:c||null,[n,d,c]);return(0,o.$k)(null!=h?h:a.hT)}},99706:(e,n,l)=>{l.d(n,{A:()=>_});var r=l(37876),s=l(14232),i=l(31163),t=l(37075),o=l(75862),a=l(21875),d=l(70062),c=l(39148),x=l(76534),h=l(40719),u=l(54587),p=l.n(u),A=l(23348),g=l(73930),j=l(63928),m=l(45608),v=l(10314),b=l(8769),y=l(64015),f=l(3414),k=l(48230),w=l.n(k);let _=()=>{let{data:e}=(0,x.A)(),n=(0,h.GV)(m.Kc),{data:l}=(0,j._R)({},{skip:!n}),u=(0,h.GV)(d.dt),k=(0,s.useMemo)(()=>null==e?void 0:e.courses.find(e=>e.id===u),[e,u]),_=(0,s.useMemo)(()=>{var e;return null!=(e=null==l?void 0:l.some(e=>Number(e.id)===Number(null==k?void 0:k.id)))&&e},[l,k]);return k?(0,r.jsx)(f.A,{coordinates:k.startPoint.coordinates,children:(0,r.jsxs)(i.A,{spacing:2,direction:"row",p:1,alignItems:"center",children:[0===k.courseImgUrls.length?(0,r.jsx)(p(),{src:"/images/default_image.png",alt:"course-img",width:118,height:118,style:{objectFit:"cover",objectPosition:"center center",verticalAlign:"middle",borderRadius:8}}):(0,r.jsx)(w(),{href:"/course/".concat(k.id),children:(0,r.jsx)(v.A,{src:k.courseImgUrls[0],alt:"course-img",slotProps:{image:{width:118,height:118}},borderRadius:.5,width:118,height:118},k.courseImgUrls[0])}),(0,r.jsxs)(i.A,{spacing:1,direction:"row",flex:1,children:[(0,r.jsx)(t.A,{component:w(),href:"/course/".concat(k.id),children:(0,r.jsxs)(i.A,{spacing:1,py:1,flex:1,children:[(0,r.jsx)(o.A,{variant:"label14",color:"text.secondary",children:k.addr}),(0,r.jsx)(o.A,{variant:"label16_bold",color:"text.primary",sx:{wordBreak:"keep-all"},children:(0,y.E)(k.name,40)}),(0,r.jsxs)(i.A,{spacing:"2px",display:{xs:"none",md:"block"},children:[(0,r.jsx)(b.A,{infos:["거리 ".concat((0,c.BO)(k.pathLength),"km"),(0,c.a3)(k.duration,"H시간 mm분")]}),(0,r.jsxs)(o.A,{variant:"label14",color:"text.secondary",children:["난이도"," ",(0,r.jsx)(o.A,{variant:"inherit",component:"span",color:A.CI[k.courseLevel].color,children:A.CI[k.courseLevel].label})]})]}),(0,r.jsxs)(i.A,{spacing:"2px",display:{xs:"flex",md:"none"},children:[(0,r.jsx)(b.A,{infos:["거리 ".concat((0,c.BO)(k.pathLength),"km"),(0,c.a3)(k.duration,"H시간 mm분")]}),(0,r.jsx)(b.A,{infos:[(0,r.jsxs)(o.A,{variant:"label14",color:"text.secondary",children:["난이도"," ",(0,r.jsx)(o.A,{variant:"inherit",component:"span",color:A.CI[k.courseLevel].color,children:A.CI[k.courseLevel].label})]},k.id)]})]})]})}),(0,r.jsx)(a.A,{children:(0,r.jsx)(g.A,{id:k.id,fType:j.xQ.COURSE,isBookmarked:_})})]})]})}):null}}}]);