https://www.komchadluek.net/_next/static/chunks/1306.2ee65a7059b7367e.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1306,4313,5762,1513,944],{11306:function(e,t,i){i.r(t);var r=i(81595),o=i(13976),a=i(20793),n=i(8946),l=i.n(n),d=i(99376),c=i(2265),s=i(11140),p=i(49089),g=i(59496),f=i(1158),h=i(74313),m=i(35762);t.default=e=>{let{id:t,data:i,eventDataLayer:n,articleLink:f,link:b="",title:v=""}=e;if(l().isEmpty(i))return null;(0,d.useRouter)();let w=(0,d.usePathname)(),y="".concat(o.FX).concat(b),k=[{id:1,name:"facebook",icon:(0,r.tZ)(g.Dk,{url:y,children:(0,r.tZ)(g.Vq,{size:36,round:!0})})},{id:2,name:"x",icon:(0,r.tZ)(g.B,{url:y,children:(0,r.tZ)("div",{className:"x-sticky-wrapper",children:(0,r.tZ)(s.AMt,{})})})},{id:3,name:"line",icon:(0,r.tZ)(g.Ni,{url:y,children:(0,r.tZ)(g.zb,{size:36,round:!0})})},{id:4,name:"email",icon:(0,r.tZ)(g.cG,{url:y,children:(0,r.tZ)(g.LQ,{size:36,round:!0})})}],Z=(0,c.useRef)(null);return(0,r.BX)(r.HY,{children:[(0,r.tZ)(x,{className:"widget-gallery",children:(0,r.tZ)(m.default,{heading:"อัลบั้มภาพ ".concat(i.length||"-"," ภาพ"),children:!l().isEmpty(i)&&(0,r.tZ)(r.HY,{children:(0,r.tZ)("div",{className:"gallery-content-listnews",children:i.slice(0,Math.min(3,i.length)).map((e,l)=>{let d=2===l&&i.length>3;return(0,r.tZ)("div",{"data-src":"".concat(o.T).concat(e.file),"data-poster":"video"===e.type?"".concat(o.T,"/default.webp"):"","data-download-url":!1,className:"gallery-content-item ".concat(d?"--last":""),children:(0,r.BX)("div",{className:"item-gallery",onClick:()=>{localStorage.setItem("article-data",JSON.stringify({title:v,link:w,group:t})),d||localStorage.setItem("preview",JSON.stringify(e.id));let i=d?"".concat(w).concat(b):"".concat(w).concat(b,"/").concat(e.id);window.open(i,"_blank"),(0,a.dE)({...n,data:{...n.data,title:d?"ดูทั้งหมด":e.id,index:l+1}})},children:[(0,r.tZ)("div",{className:"card-image",children:(0,r.tZ)("picture",{className:"resolution-image",children:(0,r.tZ)("img",{src:"video"===e.type?"".concat(o.T,"/default.webp"):"".concat(o.T).concat(e.file),alt:(null==e?void 0:e.id)||"image-gallery",className:"img-responsive hover-shadow",loading:"lazy"})})}),d&&(0,r.BX)("div",{className:"views-all",children:[(0,r.tZ)(p.dSq,{size:20})," ",(0,r.tZ)("span",{children:" ดูทั้งหมด "})]})]})},l)})})})})}),(0,r.BX)(u,{ref:Z,className:"gallery-side-bar",children:[(0,r.tZ)("div",{className:"side-header",children:(0,r.tZ)(h.default,{heading:"ทั้งหมด ".concat(i.length," ภาพ")})}),(0,r.tZ)("div",{className:"share grid",children:k.map((e,t)=>(0,r.tZ)("div",{className:"share item",children:(0,r.tZ)("div",{className:"icon-".concat(e.name),onClick:()=>(0,a.dE)({...n,data:{...n.data,title:e.name,index:t+1}}),children:e.icon},t)},t))}),(0,r.tZ)("p",{className:"desc-text",children:v})]})]})};let u=(0,f.default)("div",{target:"e18o7c8i0"})("position:fixed;top:0;right:0;width:20%;height:100vh;background-color:#fff;display:none;flex-direction:column;justify-content:flex-start;align-items:center;transition:all 1s ease-in-out;z-index:20;@media (min-width:1600px){width:15%;}@media (max-width:767px){display:none !important;}.side-header{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 10px 10px 0;.left-header{position:relative;display:flex;align-items:center;gap:8px;span{color:#000;font-size:18px;}}.right-header{display:flex;justify-content:center;align-items:center;padding-left:10px;border-left:1px solid #eee;}svg{color:#000;}}.desc-text{color:#000;font-size:18px;padding:10px;}.share.grid{display:flex;gap:10px;width:100%;align-self:flex-start;padding:10px 10px;border-bottom:1px solid #eee;overflow-x:auto;&::-webkit-scrollbar{height:5px;background-color:#ffffff;border-radius:10px;}&::-webkit-scrollbar-track{background-color:#ffffff21;border-radius:10px;}&::-webkit-scrollbar-thumb{border-radius:10px;background-color:var(--primary-color);}}.share.item{display:flex;flex-direction:column;align-items:center;justify-content:center;height:fit-content;width:fit-content;gap:4px;.--X button{display:flex;align-items:start;height:43px;}}.x-sticky-wrapper{width:36px;height:36px;background-color:#000;display:flex;align-items:center;justify-content:center;border-radius:50%;svg{color:#fff;font-size:18px;}}"),x=(0,f.default)("div",{target:"e18o7c8i1"})(".gallery-content-list{position:relative;column-count:2;margin-bottom:20px;.item-gallery{position:relative;img{margin:0 !important;}.viewmore{border-radius:8px !important;color:#fff;font-size:20px;font-weight:500;display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:auto;background-color:rgba(0,0,0,0.5);}}.more-gallery{background:rgba(10,10,10,0.5);position:absolute;width:100%;height:100%;left:0;bottom:0;z-index:1;pointer-events:none;border-radius:8px;p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:26px;font-weight:300;white-space:nowrap;}}.gallery-content-item{padding:5px 0;position:relative;cursor:pointer;iframe{max-width:100%;border-radius:8px;}&.--d-none{display:none;}.card-image{position:relative;padding-top:130%;background-image:url(",o.T,"/default-pic.jpg);border-radius:15px;background-size:cover;background-repeat:repeat;.resolution-image{box-shadow:0px 0px 2px 0px #b7b7b7;border-radius:15px;position:absolute;width:100% !important;height:100% !important;top:0;left:0;img{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover;}}}}}.gallery-content-listnews{position:relative;background-color:#fff;column-count:3;border-radius:15px;padding:15px 0px;

1gap:30px;margin:0 0 20px 0;@media (max-width:690px){column-count:3;gap:10px;}.item-gallery{position:relative;img{margin-bottom:-5px;border-radius:8px !important;}.viewmore{border-radius:8px !important;color:#fff;font-size:20px;font-weight:500;display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:auto;background-color:rgba(0,0,0,0.5);}}.gallery-content-item{position:relative;cursor:pointer;&.--last{&:last-child{position:relative;.item-gallery{&:before{content:'';position:absolute;top:0;color:#fff;left:0;right:0;bottom:0;z-index:1;display:flex;border-radius:8px;justify-content:center;align-items:center;background:rgba(0,0,0,0.5);}}}}iframe{max-width:100%;border-radius:8px;}.card-image{.resolution-image{border-radius:15px;width:100%;height:100%;img{width:100%;height:100%;object-fit:cover;aspect-ratio:1 / 1;}}}}}.views-all{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;z-index:1;span,svg{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;width:100%;}span{margin-top:8px;font-size:16px;}}")},35762:function(e,t,i){i.r(t);var r=i(81595),o=i(46369),a=i(1158),n=i(25614),l=i.n(n),d=i(70764),c=i.n(d),s=i(2265),p=i(51513);let g=s.memo(e=>{let{fixHeading:t,active:i,link:a,heading:n,dataLists:d,children:s,handler:g}=e;if(c()(n))return null;let h=e=>{g?g(e):console.warn("Handler is not defined")},m="header ".concat({บันเทิง:"--violet",หวย:"--gold",ไลฟ์สไตล์:"--pink"}[n]||"--primary");return(0,r.BX)(f,{className:"widget-heading-tab",children:[(0,r.BX)("div",{className:"header ".concat(m),children:[a?(0,r.tZ)("h2",{children:(0,r.tZ)(o.Z,{href:null!=a?a:"",title:n,target:"_self",rel:"noopener nopopopener nofollow",children:t||n})}):(0,r.tZ)("h2",{children:t||n}),l()(d)&&(0,r.tZ)("ul",{className:"tags-area",children:d.map((e,o)=>(0,r.tZ)("li",{className:i.key===o?t?"current-text":"current":"",onClick:()=>h(o),children:null==e?void 0:e.title},o))})]}),s,a&&(0,r.tZ)(p.default,{link:a})]})}),f=(0,a.default)("div",{target:"e1v389l10"})("position:relative;margin:1rem 0;z-index:1;ul{bottom:2px;position:absolute;left:150px;display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:0;margin:0;list-style:none;@media (max-width:768px){left:185px}li{cursor:pointer;padding:0 1rem;font-size:14px;color:var(--white-color);&.current{display:none;}&.current-text{opacity:0.8;}&:hover{color:var(--hover-color);}@media (max-width:475px){padding:0 0%.2;font-size:12px;}}}.header{position:relative;margin-bottom:1rem;&.--gold h2{background:var(--gold-color);}&.--violet h2{background:var(--violet-color);}&.--pink h2{background:var(--pink-color);}&.--primary h2{background:var(--primary-color);}&:before{position:absolute;content:'';background:var(--background-gradient);height:30px;width:100%;bottom:-3px;z-index:-1;}}h2{width:fit-content;background:var(--primary-color);border-radius:0 20px 0 0;display:block;text-align:start;color:var(--white-color);font-size:18px;font-weight:400;padding:8px 20px;word-wrap:break-word;}@media (max-width:768px){.tags-area{max-width:200px;width:100%;overflow:auto;white-space:nowrap;.current-text{width:100%;}}}@media (max-width:320px){.tags-area{left:140px;}}");t.default=g},74313:function(e,t,i){i.r(t);var r=i(81595),o=i(46369),a=i(1158);let n=i(2265).memo(e=>{let{heading:t,link:i}=e,a="title ".concat({บันเทิง:"--violet",หวย:"--gold",ไลฟ์สไตล์:"--pink"}[t]||"--primary");return(0,r.tZ)(l,{id:"widget-heading",className:"widget-heading",children:(0,r.tZ)("div",{className:"container",children:(0,r.tZ)("div",{className:"header",children:i?(0,r.tZ)(o.Z,{href:null!=i?i:"",title:t,target:"_self",rel:"noopener nopopopener nofollow",children:(0,r.tZ)("h2",{className:a,children:t})}):(0,r.tZ)("h2",{className:a,children:t})})})})}),l=(0,a.default)("div",{target:"e1w8jc0g0"})("position:relative;height:40px;z-index:1;.container{padding:0;}h2{width:fit-content;background:var(--primary-color);border-radius:0 20px 0 0;display:block;text-align:end;color:var(--white-color);font-size:1.4rem;font-weight:400;padding:8px 10px;&.--gold{background-color:var(--gold-color);}&.--violet{background-color:var(--violet-color);}&.--pink{background-color:var(--pink-color);}&.--primary{background-color:var(--primary-color);}@media (max-width:768px){font-size:18px;}}");t.default=n},51513:function(e,t,i){i.r(t),i.d(t,{default:function(){return a}});var r=i(81595),o=i(46369);function a(e){let{link:t}=e;return(0,r.tZ)(n,{id:"widget-readmore",className:"widget-readmore",children:(0,r.tZ)("div",{className:"divider button-readmore",children:(0,r.tZ)(o.Z,{className:"flex-center",target:"_self",href:null!=t?t:"",title:"ดูทั้งหมด",children:(0,r.tZ)("span",{children:"ดูทั้งหมด"})})})})}let n=(0,i(1158).default)("div",{target:"e19cng2k0"})("position:relative;width:100%;.divider{display:flex;justify-content:flex-end;align-items:center;padding-right:2rem;&::before,&::after{content:'';position:absolute;top:50%;border-top:1px solid  var(--primary-color);left:0;width:100%;}}a{z-index:10;background:var(--white-color);padding:5px 10px;border:1px solid var(--primary-color);color:var(--black-color);border-radius:10px;cursor:pointer;width:100px;span{font-size:16px;font-weight:400;}}")},46369:function(e,t,i){var r=i(81595);i(2265);var o=i(20793);t.Z=e=>{let{className:t="",href:i="",title:a="",target:n="_self",nofollow:l=!1,eventDataLayer:d,children:c,...s}=e;

1return(0,r.tZ)("a",{className:t,title:a,target:n,href:i,rel:"noopener noreferrer ".concat(l?"nofollow":""),onClick:()=>(0,o.dE)({...d}),...s,children:c})}}}]);