https://theoldsiam.co.th/_next/static/chunks/8165-ce7b4ba588f1d44d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8165],{88165:function(e,t,a){a.r(t),a.d(t,{default:function(){return components_Navbar}});var s=a(57437),n=a(2265),l=a(61396),i=a.n(l),r=a(16691),c=a.n(r),o=a(26522),u=a(48254),d=a(3336),m=a(14505),g=a(75786),h=a(85573),f=a(24033);function LocaleSwitcher(){let e=(0,f.usePathname)(),t=e.split("/"),a=(0,f.useRouter)(),[l,i]=(0,n.useState)(t[1]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"w-fit h-6  flex items-center justify-center gap-1  relative mt-2",children:[(0,s.jsx)("div",{className:"w-[15px] h-[10px]  absolute bottom-0 -left-2  flex justify-center items-center",children:(0,s.jsx)(c(),{src:"en"==t[1]?"/assets/en.svg":"th"==t[1]?"/assets/th.svg":"/assets/cn.svg",unoptimized:!0,alt:"lang",width:"0",height:"0",sizes:"100vw",style:{objectFit:"cover",objectPosition:"center"},className:"w-full h-full"})}),(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1",stroke:"currentColor",className:"w-6 h-6 shrink-0",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418"})})]}),(0,s.jsx)("label",{htmlFor:"locale-select",className:"sr-only",children:"Select Language"}),(0,s.jsx)("select",{id:"locale-select",value:l,onChange:s=>{let n=s.target.value;i(n);let l=e.replace(t[1],n);a.push(l,void 0)},"aria-label":"Select Language",className:"w-fit h-6 flex items-center justify-center gap-1 relative mt-2  bg-transparent border-none outline-none",children:[{value:"en",text:"English",flag:"/assets/en.svg"},{value:"th",text:"ไทย",flag:"/assets/th.svg"},{value:"cn",text:"中文",flag:"/assets/cn.svg"}].map(e=>(0,s.jsx)("option",{value:e.value,className:"flex items-center gap-2 text-black",style:{backgroundImage:"url(".concat(e.flag,")"),backgroundSize:"contain",backgroundPosition:"center"},children:e.text},e.value))})]})}function classNames(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return t.filter(Boolean).join(" ")}let v=[{id:1,name:"Home",active:"/en",slug:"/en"},{id:2,name:"News",active:"/en/news",slug:"/en/news"},{id:9,name:"Event",active:"/en/event",slug:"/event"},{id:6,name:"Stories",active:"/en/stories",slug:"/en/stories"},{id:3,name:"Residence",active:"/en/residence",slug:"/en/residence"},{id:7,name:"Bamrungmueang",active:"/en/bamrungmueang-market",slug:"/en/bamrungmueang-market"},{id:4,name:"Directory",active:"/en/directory",slug:"/en/directory"},{id:5,name:"Contact Us",active:"/en/contactus",slug:"/en/contactus"}],x=[{id:1,name:"หน้าหลัก",active:"/th",slug:"/th"},{id:2,name:"ข่าวสาร",active:"/th/news",slug:"/th/news"},{id:9,name:"กิจกรรม",active:"/event",slug:"/event"},{id:6,name:"บทความ",active:"/th/stories",slug:"/th/stories"},{id:3,name:"เรสซิเดนซ์",active:"/th/residence",slug:"/th/residence"},{id:7,name:"ตลาดบำรุงเมือง",active:"/th/bamrungmueang-market",slug:"/th/bamrungmueang-market"},{id:4,name:"ไดเรกทอรี่",active:"/th/directory",slug:"/th/directory"},{id:5,name:"ติดต่อเรา",active:"/th/contactus",slug:"/th/contactus"}],p=[{id:1,name:"主页",active:"/cn",slug:"/cn"},{id:2,name:"新闻",active:"/cn/news",slug:"/cn/news"},{id:9,name:"活动",active:"/event",slug:"/event"},{id:6,name:"文章",active:"/cn/stories",slug:"/cn/stories"},{id:3,name:"住宅",active:"/cn/residence",slug:"/cn/residence"},{id:7,name:"Bamrungmueang",active:"/cn/bamrungmueang-market",slug:"/cn/bamrungmueang-market"},{id:4,name:"目录",active:"/cn/directory",slug:"/cn/directory"},{id:5,name:"联系我们",active:"/cn/contactus",slug:"/cn/contactus"}];var components_Navbar=()=>{let{scrollYProgress:e}=(0,o.v)(),t=(0,u.q)(e,{stiffness:100,damping:30,restDelta:.001}),a=(0,f.usePathname)(),l=a.split("/"),r="en"===l[1]?v:"th"===l[1]?x:p,[w,b]=(0,n.use

1State)(!1),[j,y]=(0,n.useState)(!1),[N,k]=(0,n.useState)(!0),[S,F]=(0,n.useState)(!1);function closeModal(){b(!1)}function toggleNavbar(){b(!w)}return((0,n.useEffect)(()=>{var e=window.pageYOffset;document.querySelector("#navbar"),window.onscroll=function(){var t=window.pageYOffset;e>=t?k(!0):k(!1),window.pageYOffset>=20?y(!0):(a=="/".concat(l[1])||a=="/".concat(l[1],"/bamrungmueang-market")||a=="/".concat(l[1],"/residence")||4==l.length)&&y(!1),e=t}}),(0,n.useEffect)(()=>{a=="/".concat(l[1])||a=="/".concat(l[1],"/bamrungmueang-market")||a=="/".concat(l[1],"/residence")||4==l.length?y(!1):y(!0)},[a]),(0,n.useEffect)(()=>{closeModal(),a=="/".concat(l[1],"/residence")?F(!0):F(!1)},[a]),"/en/jitrsa"==a||"/th/jitrsa"==a||"/cn/jitrsa"==a)?(0,s.jsx)(s.Fragment,{}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"fixed bottom-0 w-full h-2 z-50",children:(0,s.jsx)(d.E.div,{className:"inset-0 fixed h-[5px] bg-[#0a3254] origin-[0%]",style:{scaleX:t}})}),(0,s.jsxs)("div",{id:"navbar",className:classNames(j?"bg-white shadow ":"bg-transparent text-white",N?"top-0":"-top-20","w-full fixed  h-20  px-6 md:px-10 py-4 md:py-2 flex items-center justify-center z-30 "),children:[(0,s.jsx)("div",{className:"absolute lg:hidden left-3 md:left-7- w-fit h-full  flex gap-2 items-center -mt-2",children:(0,s.jsx)(m.ZP,{label:"menu",rounded:!0,color:j?"#000":"#fff",size:18,toggled:w,toggle:toggleNavbar})}),(0,s.jsx)("div",{className:"w-32 lg:py-2 h-full relative lg:absolute lg:left-6 shrink-0 mt-1",children:(0,s.jsx)(i(),{href:"/".concat(l[1]),passHref:!0,children:(0,s.jsx)("div",{className:"w-full h-full relative",children:(0,s.jsx)(c(),{src:j?"/assets/OSP-Logo.webp":"/assets/OSP-Logo-W.webp",alt:"logo",priority:!0,unoptimized:!0,width:"0",height:"0",sizes:"100vw",style:{objectFit:"contain",objectPosition:"center"},className:"w-full h-full"})})})}),(0,s.jsx)("div",{className:"hidden lg:flex items-center gap-2",children:r.map((e,t)=>(0,s.jsx)(i(),{href:e.slug,passHref:!0,children:(0,s.jsx)("button",{type:"button",className:classNames(a==e.active?"font-semibold underline underline-offset-4":"",j?"text-[#0a3254]":"text-white","hover:text-[#0a3254]",r==x?"font-fc_ekaluckregular text-xl hover:text-[22px]":"hover:text-lg hover:font-semibold","min-w-[100px] p-2  hover:opacity-100 transition-all duration-300 outline-none border-none ring-0 uppercase"),children:e.name})},t))}),(0,s.jsx)("div",{className:"absolute right-6 md:right-10 w-fit h-full  flex gap-1 items-center justify-center -mt-2",children:(0,s.jsx)(LocaleSwitcher,{})})]}),(0,s.jsx)(g.u,{appear:!0,show:w,as:n.Fragment,children:(0,s.jsxs)(h.Vq,{as:"div",className:"relative z-50",onClose:closeModal,children:[(0,s.jsx)(g.u.Child,{as:n.Fragment,enter:"transition-opacity ease-linear duration-300",enterFrom:"opacity-0",enterTo:"opacity-100",leave:"transition-opacity ease-linear duration-300",leaveFrom:"opacity-100",leaveTo:"opacity-0",children:(0,s.jsx)("div",{className:"fixed inset-0 bg-black bg-opacity-25"})}),(0,s.jsx)(g.u.Child,{as:n.Fragment,enter:"transition ease-in-out duration-300 transform",enterFrom:"-translate-x-full",enterTo:"translate-x-0",leave:"transition ease-in-out duration-300 transform",leaveFrom:"translate-x-0",leaveTo:"-translate-x-full",children:(0,s.jsx)("div",{className:"fixed  inset-0 overflow-hidden ",children:(0,s.jsx)("div",{className:"flex min-h-full items-center text-center",children:(0,s.jsxs)(h.Vq.Panel,{className:"w-full max-w-[350px] min-h-screen h-full transform overflow-y-visible p-4 bg-white shadow-xl transition-all flex flex-col gap-4 relative py-6",children:[(0,s.jsx)("div",{className:"absolute right-4",children:(0,s.jsxs)("button",{type:"button",onClick:closeModal,className:"w-8 h-8 md:w-9 md:h-9 rounded-full border   flex items-center justify-center text-black ",children:[(0,s.jsx)("span",{children:(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"w-6 h-6",children:(0,s.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M6 18L18 6M6 6l12 12"})})}),(0,s.jsx)("span",{className:"sr-only",children:"close"})]})}),(0,s.jsx)("div",{className:"w-48 h-12 relative ml-3",children:(0,s.jsx)(i(),{href:"/".concat(l[1]),passHref:!0,children:(0,s.jsx)(c(),{src:"/assets/OSP-Logo.webp",unoptimized:!0,alt:"logo",width:"0",height:"0",sizes:"100vw",style:{objectFit:"contain",objectPosition:"left"},className:"w-full h-full"})})}),(0,s.jsx)("div",{className:"divide-y divide-gray-100 w-full flex flex-col ",children:r.map((e,t)=>(0,s.jsx)(i(),{href:e.slug,passHref:!0,children:(0,s.jsx)("button",{type:"button",className:classNames(a==e.active?"bg-[#0a3254] !text-white font-semibold":"",r==x?"font-f

1c_ekaluckregular !text-lg":"","group flex w-full items-center rounded-full px-4 py-2 text-sm duration-300 hover:bg-[#0a3254] hover:text-white uppercase"),children:e.name})},t))})]})})})})]})})]})}}}]);