1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5139],{10176:(l,e,t)=>{t.d(e,{D:()=>i});var a=t(80640);let i=async l=>(await a.i6.post("/section/detail",l)).data.data},22296:(l,e,t)=>{t.r(e),t.d(e,{default:()=>g});var a=t(95155),i=t(39313),s=t(38337),n=t(84936),d=t(71673),o=t(73344),m=t(8842),r=t(25016);function x(l){var e,t,i,s,x,g;let{mainArticle:c,sideArticles:u,bottomArticle:p,className:b,categorySlug:v,title:h}=l;return(0,a.jsx)("section",{className:(0,r.cn)("mx-auto max-w-container bg-white pt-4",b),children:(0,a.jsxs)("div",{className:"bg-neutral-100 pb-5 pt-4 lg:border-t lg:border-black lg:bg-transparent lg:pb-4",children:[(0,a.jsxs)("div",{className:"mb-5 flex items-center gap-2 px-4 xl:px-0",children:[(0,a.jsx)("div",{className:"h-5 w-1 bg-black"}),(0,a.jsx)(m.N_,{href:v||"",children:(0,a.jsx)(o.o,{variant:"h2",className:"text-title-md font-semibold uppercase tracking-wide text-primary-800",children:h})}),(0,a.jsx)(n.A,{})]}),(0,a.jsxs)("div",{className:"hidden flex-col gap-8 px-0 lg:flex lg:flex-row lg:px-4 xl:px-0",children:[(0,a.jsx)("div",{className:"overflow-hidden",children:(0,a.jsx)(d.A,{variant:"vertical",image:null!=(i=null==c?void 0:c.image)?i:"",title:null!=(s=null==c?void 0:c.name)?s:"",aspectRatio:"4/3",className:"h-full w-full overflow-hidden lg:max-w-[624px]",imageClassName:"h-[380px] object-cover",titleClassName:"!text-[30px] leading-[38px] px-4 lg:px-0 mt-3",subTitleClassName:"!mt-3 lg:!mt-4 px-4 lg:px-0",newsDetailSlug:null==c?void 0:c.slug,format:null==c?void 0:c.format})}),(0,a.jsx)("div",{className:"border-b border-gray-300 lg:hidden lg:border-none"}),(0,a.jsx)("div",{className:"flex flex-row gap-[10px] px-4 lg:flex-col lg:gap-5 lg:px-0",children:u.map((l,e)=>{var t;return(0,a.jsx)("div",{className:(0,r.cn)("w-full overflow-hidden lg:min-w-[296px] lg:max-w-[296px]",0===e&&"lg:border-b lg:border-gray-300 lg:pb-5"),children:(0,a.jsx)(d.A,{variant:"vertical",image:null==l?void 0:l.image,title:null==l?void 0:l.name,subTitle:(null==l||null==(t=l.brief)?void 0:t.replace(/<[^>]+>/g,""))||"",titleClassName:"!text-base lg:!text-xl lg:line-clamp-3 xl:line-clamp-4",subTitleClassName:"!mt-3 line-clamp-6",className:"w-full",newsDetailSlug:null==l?void 0:l.slug,showImage:!1,format:null==l?void 0:l.format})},e)})}),(0,a.jsx)("div",{children:(0,a.jsx)(d.A,{variant:"vertical",image:null!=(x=null==p?void 0:p.image)?x:"",title:null!=(g=null==p?void 0:p.name)?g:"",subTitle:(null==p||null==(e=p.brief)?void 0:e.replace(/<[^>]+>/g,""))||"",aspectRatio:"4/3",className:"h-full w-full overflow-hidden lg:max-w-[297px]",imageClassName:"h-[187px] object-cover",titleClassName:"!leading-[26px] !text-[18px] px-4 lg:px-0 mt-3 lg:mt-4 lg:line-clamp-3 xl:line-clamp-4",subTitleClassName:"!mt-3 lg:!mt-4 line-clamp-6 px-4 lg:px-0",newsDetailSlug:null==p?void 0:p.slug,format:null==p?void 0:p.format})})]}),(0,a.jsx)("div",{className:"lg:hidden",children:(0,a.jsx)(d.A,{image:(null==c?void 0:c.image)||"",title:(null==c?void 0:c.name)||"",subTitle:(null==c||null==(t=c.brief)?void 0:t.replace(/<[^>]+>/g,""))||"",variant:"vertical",className:"h-full w-full gap-3 overflow-hidden border-b border-gray-300 pb-4",imageClassName:"h-[210px] lg:h-[172px] object-cover",imageWidthClass:"w-[259px]",aspectRatio:"4/3",titleClassName:"font-semibold text-base md:text-lg text-black line-clamp-3 px-4",subTitleClassName:"text-sm text-[#555] mt-1 line-clamp-3 px-4",hideSubTitle:!0,newsDetailSlug:null==c?void 0:c.slug,format:null==c?void 0:c.format})}),(0,a.jsx)("div",{className:"mt-3 grid grid-cols-1 gap-4 px-4 lg:hidden",children:u.map((l,e,t)=>(0,a.jsx)(d.A,{image:null==l?void 0:l.image,title:null==l?void 0:l.name,subTitle:"",variant:"horizontal",aspectRatio:"1/1",imageWidthClass:"hidden",titleClassName:"text-sm font-semibold text-black leading-snug line-clamp-3",className:e!==t.length-1?"border-b border-[#eaeaea] pb-4":"",imageRight:!0,newsDetailSlug:null==l?void 0:l.slug,format:null==l?void 0:l.format},e))})]})})}function g(l){var e,t,n,d,o;let{section_key:m}=l,{data:r,isPending:g}=(0,s.G)({section_key:m,with_content_by_sub_cate:!1}),c=null==r?void 0:r.data,u=null==c||null==(e=c.items)?void 0:e[0],p=null!=(d=null==c||null==(t=c.items)?void 0:t.slice(1,3))?d:[],b=null==c||null==(n=c.items)?void 0:n[3];return g?(0,a.jsx)(i.A,{}):(0,a.jsx)(x,{mainArticle:u,sideArticles:p,bottomArticle:b,categorySlug:null!=(o=null==c?void 0:c.url)?o:null==c?void 0:c.slug,title:null==c?void 0:c.title})}},73344:(l,e,t)=>{t.d(e,{o:()=>d});var a=t(95155),i=t(25016);let s={h1:"h1",h2:"h2",h3:"h3",h4:"h4","title-lg":"p","title-md":"p","title-sm":"p","body-lg":"p","body-md":"p","body-sm":"p","body-xs":"p","body-10px":"p"},n={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4","title-lg":"text-title-lg","title-md":"text-title-md ","title-sm":"text-title-sm","body-lg":"text-body-lg","body-md":"text-body-md","body-sm":"text-body-sm","body-xs":"text-body-xs","body-10px":"text-body-10px"};function d(l){let{variant:e="body-sm",className:t,children:d}=l,o=s[e];return(0,a.jsx)(o,{className:"".concat((0,i.cn)(n[e])," , ").concat(t).trim(),children:d})}},84936:(l,e,t)=>{t.d(e,{A:()=>i});var a=t(95155);let i=l=>{let{className:e,color:t}=l;return(0,a.jsx)("svg",{className:e,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)("path",{d:"M8.69117 8L4 3H7.24629L12 8L7.24629 13H4L8.69117 8Z",fill:null!=t?t:"#737373"})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.