https://www.hunnucity.mn/_next/static/chunks/app/overview/page-64fecfc17c450286.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[152],{929:(e,t,r)=>{Promise.resolve().then(r.bind(r,3685))},3685:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>N});var a=r(5338),l=r(6853),s=r(8335),i=r(6754),n=r(6698),o=r(9759);let c=(0,o.A)("pause",[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]]),d=(0,o.A)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]),u=(0,o.A)("layout-grid",[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["rect",{width:"7",height:"7",x:"14",y:"14",rx:"1",key:"nxv5o0"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}]]);var x=r(4024);let h=(0,o.A)("maximize-2",[["path",{d:"M15 3h6v6",key:"1q9fwt"}],["path",{d:"m21 3-7 7",key:"1l2asr"}],["path",{d:"m3 21 7-7",key:"tjx5ai"}],["path",{d:"M9 21H3v-6",key:"wtvkvv"}]]),m=(0,o.A)("download",[["path",{d:"M12 15V3",key:"m9g1x1"}],["path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",key:"ih7n3h"}],["path",{d:"m7 10 5 5 5-5",key:"brsn70"}]]),p=(0,o.A)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),f=(0,o.A)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),b="#14c095",w={mn:{dir:"/overview/mn",slideCount:26,source:"/documents/20251029 HUNNU CITY MN_lastiin last.pptx",sourceSize:"79 MB",downloadName:"Hunnu-City-MN.pptx"},en:{dir:"/overview/en",slideCount:26,source:"/documents/20260604 HUNNU CITY EN.pptx",sourceSize:"74 MB",downloadName:"Hunnu-City-EN.pptx"}};function v(e,t){return"".concat(e.dir,"/").concat(t+1,".webp")}function g(e){let{deck:t,index:r,onSelect:s,onClose:i}=e,{t:o}=(0,l.Bd)();return(0,a.jsxs)("div",{className:"fixed inset-0 z-[110] overflow-y-auto bg-[#0b1220]/97 backdrop-blur-sm",style:{animation:"overview-fade-in 220ms ease-out both"},role:"dialog","aria-modal":"true","aria-label":o("overview.allSlides"),children:[(0,a.jsxs)("div",{className:"sticky top-0 z-10 flex items-center justify-between gap-4 border-b border-white/10 bg-[#0b1220]/90 px-5 py-4 backdrop-blur md:px-8",children:[(0,a.jsxs)("p",{className:"text-sm font-semibold uppercase tracking-[0.14em] text-white/70",children:[o("overview.allSlides"),(0,a.jsx)("span",{className:"ml-3 tabular-nums text-white/40",children:t.slideCount})]}),(0,a.jsx)("button",{onClick:i,"aria-label":o("overview.close"),className:"flex h-10 w-10 items-center justify-center rounded-full text-white/80 transition-colors hover:bg-white/10 hover:text-white",children:(0,a.jsx)(x.A,{className:"h-5 w-5"})})]}),(0,a.jsx)("div",{className:"mx-auto grid max-w-[1600px] grid-cols-2 gap-3 p-5 sm:grid-cols-3 md:gap-5 md:p-8 lg:grid-cols-4",children:Array.from({length:t.slideCount},(e,l)=>(0,a.jsxs)("button",{onClick:()=>s(l),className:"group relative aspect-video overflow-hidden rounded-lg bg-black/40 transition-transform duration-300 hover:-translate-y-1",style:{boxShadow:l===r?"0 0 0 2px ".concat(b,", 0 12px 30px -12px rgba(0,0,0,0.8)"):"0 0 0 1px rgba(255,255,255,0.10)"},"aria-label":"".concat(o("overview.title")," ").concat(l+1),"aria-current":l===r,children:[(0,a.jsx)(n.default,{src:v(t,l),alt:"",fill:!0,sizes:"(max-width: 640px) 45vw, (max-width: 1024px) 30vw, 380px",className:"object-cover transition-transform duration-500 group-hover:scale-[1.04]"}),(0,a.jsx)("span",{className:"absolute bottom-2 left-2 rounded bg-black/65 px-1.5 py-0.5 text-[11px] font-semibold tabular-nums text-white",children:l+1})]},l))})]})}function y(e){let{deck:t}=e,{t:r}=(0,l.Bd)(),s=t.slideCount,[o,p]=(0,i.useState)(0),[f,w]=(0,i.useState)(!1),[y,N]=(0,i.useState)(!1),[C,A]=(0,i.useState)(!1),z=(0,i.useRef)(null),E=(0,i.useRef)(null),S=(0,i.useCallback)(e=>p(t=>(t+e+s)%s),[s]),M=(0,i.useCallback)(e=>{p(e),w(!1)},[]);(0,i.useEffect)(()=>{p(e=>Math.min(e,s-1))},[s]),(0,i.useEffect)(()=>{if(!f)return;let e=window.setTimeout(()=>S(1),6e3);return()=>window.clearTimeout(e)},[f,o,S]),(0,i.useEffect)(()=>{let e=e=>{switch(e.key){case"ArrowRight":S(1);break;case"ArrowLeft":S(-1);break;case" ":e.preventDefault(),w(e=>!e);break;case"g":case"G":A(e=>!e);break;case"f":case"F":N(e=>!e);break;case"Escape":C?A(!1):N(!1)}};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[S,C]),(0,i.useEffect)(()=>

1{if(!y&&!C)return;let e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}},[y,C]),(0,i.useEffect)(()=>{let e=z.current,t=null==e?void 0:e.children[o];e&&t&&e.scrollTo({left:t.offsetLeft-e.clientWidth/2+t.clientWidth/2,behavior:"smooth"})},[o]);let W=e=>{E.current=e.touches[0].clientX},L=e=>{let t=E.current;if(E.current=null,null===t)return;let r=e.changedTouches[0].clientX-t;48>Math.abs(r)||(S(r<0?1:-1),w(!1))},T=e=>(0,a.jsxs)("div",{className:"group relative w-full aspect-video overflow-hidden rounded-xl select-none",style:{backgroundColor:"#0b1220",boxShadow:e?"none":"0 30px 60px -25px rgba(11,18,32,0.55), 0 0 0 1px rgba(11,18,32,0.06)"},onTouchStart:W,onTouchEnd:L,children:[Array.from({length:s},(l,i)=>{let c,d=((c=i-o)>s/2&&(c-=s),c<-s/2&&(c+=s),c);if(Math.abs(d)>1)return null;let u=0===d;return(0,a.jsx)(n.default,{src:v(t,i),alt:"".concat(r("overview.title")," ").concat(i+1),fill:!0,sizes:e?"100vw":"(max-width: 1280px) 100vw, 1200px",priority:0===i,className:"object-contain",style:{opacity:+!!u,transform:"translateX(".concat(d*(e?12:7),"%) scale(").concat(u?1:.94,")"),filter:u?"blur(0px)":"blur(6px)",transition:"transform 620ms cubic-bezier(0.22, 1, 0.36, 1), opacity 420ms ease-out, filter 500ms ease-out",willChange:"transform, opacity"}},i)}),f&&(0,a.jsx)("div",{className:"absolute inset-x-0 top-0 h-[3px] bg-white/15",children:(0,a.jsx)("div",{className:"h-full origin-left",style:{backgroundColor:b,animation:"deck-progress ".concat(6e3,"ms linear both")}},o)}),(0,a.jsx)(k,{side:"left",label:r("overview.prev"),onClick:()=>{S(-1),w(!1)}}),(0,a.jsx)(k,{side:"right",label:r("overview.next"),onClick:()=>{S(1),w(!1)}}),(0,a.jsxs)("div",{className:"pointer-events-none absolute bottom-3 left-1/2 -translate-x-1/2 rounded-full bg-black/55 px-3 py-1 text-[12px] font-semibold tabular-nums text-white backdrop-blur-sm",children:[o+1," / ",s]}),(0,a.jsxs)("div",{className:"absolute right-3 top-3 flex gap-2",children:[(0,a.jsx)(j,{label:f?r("overview.pause"):r("overview.play"),onClick:()=>w(e=>!e),active:f,children:f?(0,a.jsx)(c,{className:"h-4 w-4"}):(0,a.jsx)(d,{className:"h-4 w-4"})}),(0,a.jsx)(j,{label:r("overview.allSlides"),onClick:()=>A(!0),children:(0,a.jsx)(u,{className:"h-4 w-4"})}),(0,a.jsx)(j,{label:r("overview.fullscreen"),onClick:()=>N(e=>!e),children:e?(0,a.jsx)(x.A,{className:"h-5 w-5"}):(0,a.jsx)(h,{className:"h-4 w-4"})})]})]});return(0,a.jsxs)(a.Fragment,{children:[T(!1),(0,a.jsx)("div",{ref:z,className:"mt-4 flex gap-2 overflow-x-auto pb-2",style:{scrollbarWidth:"thin"},children:Array.from({length:s},(e,l)=>(0,a.jsx)("button",{onClick:()=>M(l),"aria-label":"".concat(r("overview.title")," ").concat(l+1),"aria-current":l===o,className:"relative h-[59px] w-[104px] shrink-0 overflow-hidden rounded-md transition-all duration-300",style:{outline:l===o?"2px solid ".concat(b):"1px solid #d1d5db",outlineOffset:l===o?"1px":"0",opacity:l===o?1:.6},children:(0,a.jsx)(n.default,{src:v(t,l),alt:"",fill:!0,sizes:"104px",className:"object-cover"})},l))}),(0,a.jsxs)("div",{className:"mt-6 flex flex-wrap items-center justify-between gap-4",children:[(0,a.jsx)("p",{className:"text-sm text-gray-500",children:r("overview.hint")}),(0,a.jsxs)("a",{href:encodeURI(t.source),download:t.downloadName,className:"inline-flex items-center gap-2 rounded-full px-5 py-2.5 text-sm font-semibold text-white transition-transform duration-300 hover:-translate-y-0.5",style:{backgroundColor:b,boxShadow:"0 10px 24px -10px rgba(20,192,149,0.85)"},children:[(0,a.jsx)(m,{className:"h-4 w-4"}),r("overview.download"),(0,a.jsxs)("span",{className:"font-normal opacity-75",children:["(",t.sourceSize,")"]})]})]}),y&&(0,a.jsxs)("div",{className:"fixed inset-0 z-[100] flex flex-col items-center justify-center gap-4 p-4 md:p-8",style:{backgroundColor:"rgba(6,10,18,0.96)",animation:"overview-fade-in 250ms ease-out both"},onClick:()=>N(!1),children:[(0,a.jsx)("div",{className:"w-full max-w-[1600px]",style:{animation:"overview-zoom-in 380ms cubic-bezier(0.22, 1, 0.36, 1) both"},onClick:e=>e.stopPropagation(),children:T(!0)}),(0,a.jsx)("div",{className:"flex flex-wrap items-center justify-center gap-1.5",onClick:e=>e.stopPropagation(),children:Array.from({length:s},(e,t)=>(0,a.jsx)("button",{onClick:()=>M(t),"aria-label":"".concat(r("overview.title")," ").concat(t+1),className:"h-1 rounded-full transition-all duration-300",style:{width:t===o?"28px":"12px",backgroundColor:t===o?b:"rgba(255,255,255,0.35)"}},t))})]}),C&&(0,a.jsx)(g,{deck:t,index:o,onSelect:e=>{M(e),A(!1)},onClose:()=>A(!1)})]})}function k(e){let{side:t,label:r,onClick:l}=e;return(0,a.jsx)("button",{onClick:l,"aria-label":r,className:"absolute top-1/2 flex h-11 w-11 -translate-y-1/2 items-center justify-center rounded-full bg-black/40 text-white backdrop-blur-sm transition-all duration-300 hover:bg-black/70 focus-visible:opacity-100 md:opacity-0 md:group-hover:opacity-100 ".concat("left"===t?"left-3":"right-3"),children:"left"===t?(0,a.jsx)(p,{className:"h-6 w-6"}):(0,a.jsx)(f,{className:"h-6 w-6"})})}function j(e){let{label:t,onClick:r,active:l=!1,children:s}=e;return(0,a.jsx)("button",{onClick:r,"aria-label":t,title:t,className:"flex h-9 w-9 items-center justify-center rounded-md text-white backdrop-blur-sm transition-colors duration-300",style:{backgroundColor:l?b:"rgba(0,0,0,0.42)"},children:s})}function N(){var e;let{t,i18n:r}=(0,l.Bd)(),i=(null==(e=r.language)?void 0:e.toLowerCase().startsWith("en"))?"en":"mn",n=w[i];return(0,a.jsxs)("div",{className:"min-h-screen bg-gray-100",children:[(0,a.jsx)(s.W,{title:t("overview.title"),subtitle:""}),(0,a.jsx)("div",{className:"container mx-auto px-4 py-12",children:(0,a.jsx)("div",{className:"mx-auto max-w-6xl",children:(0,a.jsx)(y,{deck:n},i)})})]})}},4024:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});let a=(0,r(9759).A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}

1],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},8335:(e,t,r)=>{"use strict";r.d(t,{W:()=>i});var a=r(5338),l=r(6698),s=r(9684);function i(e){let{title:t,subtitle:r}=e;return(0,a.jsxs)("section",{className:"relative h-[70vh] min-h-[440px] flex items-center justify-center overflow-hidden text-center text-white",style:{backgroundImage:"url(/hero/about.jpg)",backgroundSize:"cover",backgroundPosition:"center",marginTop:"80px"},children:[(0,a.jsx)("div",{className:"absolute inset-0 bg-black/55"}),(0,a.jsxs)(s.g,{from:"up",className:"relative z-10 mx-auto max-w-4xl px-6",children:[(0,a.jsxs)("div",{className:"mb-8 flex items-center justify-center gap-6 md:gap-10",children:[(0,a.jsx)(l.default,{src:"/brand/VectorWhite.svg",alt:"",width:96,height:96,priority:!0,className:"h-14 w-14 shrink-0 md:h-24 md:w-24"}),(0,a.jsx)("h1",{className:"text-3xl md:text-5xl lg:text-6xl font-extrabold uppercase tracking-[-0.02em] leading-[1.05] text-balance",children:t})]}),r&&(0,a.jsx)("p",{className:"text-base md:text-xl lg:text-2xl leading-relaxed text-white/85 text-balance",children:r})]})]})}},9684:(e,t,r)=>{"use strict";r.d(t,{g:()=>i});var a=r(5338),l=r(6754);let s={up:"translateY(42px)",left:"translateX(-52px)",right:"translateX(52px)"};function i(e){let{children:t,from:r="up",delay:i=0,className:n}=e,o=(0,l.useRef)(null),[c,d]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{let e=o.current;if(!e)return;if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||"undefined"==typeof IntersectionObserver)return void d(!0);let t=new IntersectionObserver(e=>{let[r]=e;r.isIntersecting&&(d(!0),t.disconnect())},{threshold:.12,rootMargin:"0px 0px -8% 0px"});return t.observe(e),()=>t.disconnect()},[]),(0,a.jsx)("div",{ref:o,className:n,style:{opacity:+!!c,transform:c?"none":s[r],transition:"opacity 700ms ease-out ".concat(i,"ms, transform 850ms cubic-bezier(0.22, 1, 0.36, 1) ").concat(i,"ms"),willChange:"opacity, transform"},children:t})}},9759:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var a=r(6754);let l=function(){for(var e=arguments.length,t=Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.filter((e,t,r)=>!!e&&""!==e.trim()&&r.indexOf(e)===t).join(" ").trim()},s=e=>{let t=e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,r)=>r?r.toUpperCase():t.toLowerCase());return t.charAt(0).toUpperCase()+t.slice(1)};var i={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};let n=(0,a.createContext)({}),o=(0,a.forwardRef)((e,t)=>{var r,s,o;let{color:c,size:d,strokeWidth:u,absoluteStrokeWidth:x,className:h="",children:m,iconNode:p,...f}=e,{size:b=24,strokeWidth:w=2,absoluteStrokeWidth:v=!1,color:g="currentColor",className:y=""}=null!=(r=(0,a.useContext)(n))?r:{},k=(null!=x?x:v)?24*Number(null!=u?u:w)/Number(null!=d?d:b):null!=u?u:w;return(0,a.createElement)("svg",{ref:t,...i,width:null!=(s=null!=d?d:b)?s:i.width,height:null!=(o=null!=d?d:b)?o:i.height,stroke:null!=c?c:g,strokeWidth:k,className:l("lucide",y,h),...!m&&!(e=>{for(let t in e)if(t.startsWith("aria-")||"role"===t||"title"===t)return!0;return!1})(f)&&{"aria-hidden":"true"},...f},[...p.map(e=>{let[t,r]=e;return(0,a.createElement)(t,r)}),...Array.isArray(m)?m:[m]])}),c=(e,t)=>{let r=(0,a.forwardRef)((r,i)=>{let{className:n,...c}=r;return(0,a.createElement)(o,{ref:i,iconNode:t,className:l("lucide-".concat(s(e).replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),"lucide-".concat(e),n),...c})});return r.displayName=s(e),r}}},e=>{e.O(0,[698,853,225,736,358],()=>e(e.s=929)),_N_E=e.O()}]);