https://www.ttbbank.com/_next/static/chunks/pages/analytics/econom…egory]-build-1789371932-9c8890e857f588ff.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26112],{29646:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/analytics/economic-finance/[_category]",function(){return a(78592)}])},90338:function(e,t,a){"use strict";a.d(t,{Z:function(){return o}});var n=a(85893),s=a(96486),c=a.n(s),l=a(85444);function o(e){let t=l.ZP.h1.withConfig({componentId:"sc-2fa95caf-0"})(["line-height:1.2;"]),a=l.ZP.h2.withConfig({componentId:"sc-2fa95caf-1"})(["line-height:1.4;"]);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("section",{children:(0,n.jsxs)("div",{className:"jumbotron article jumbotron-fluid fintip-banner banner-wrapper",children:[(0,n.jsx)("div",{className:"banner-bg ",children:(0,n.jsxs)("picture",{children:[(0,n.jsx)("source",{srcSet:e.content.banner_mobile,media:"(max-width: 991.98px)"}),(0,n.jsx)("img",{src:e.content.banner_desktop})]})}),(0,n.jsx)("div",{className:"container",children:e.content.intro?(0,n.jsx)("div",{className:"content d-flex flex-column justify-content-center pt-3",dangerouslySetInnerHTML:{__html:e.content.intro}}):(0,n.jsxs)("div",{className:"content d-flex flex-column justify-content-center pt-3",children:[!c().isEmpty(e.content.title)&&(0,n.jsx)(t,{as:e.content.tagTitle||"h1",className:"title text-white mt-auto mt-md-5 pb-0",dangerouslySetInnerHTML:{__html:e.content.title||""}}),!c().isEmpty(e.content.description)&&(0,n.jsx)(a,{className:"description text-white mb-auto mb-md-0",dangerouslySetInnerHTML:{__html:e.content.description||""}})]})})]})})})}},78592:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return x},default:function(){return g}});var n=a(85893),s=a(9008),c=a.n(s),l=a(11163),o=a(67294),i=a(90338),r=a(5152),d=a.n(r),m=a(41664),h=a.n(m);let u=d()(()=>Promise.all([a.e(45378),a.e(86455),a.e(95796)]).then(a.bind(a,95796)),{loadableGenerated:{webpack:()=>[95796]},ssr:!1});function p(e){let t=(0,l.useRouter)(),{keyword:a}=t.query,{_category:s}=t.query,[i,r]=(0,o.useState)(""),[d,m]=(0,o.useState)(""),[p,x]=(0,o.useState)(""),[g,j]=(0,o.useState)(""),[v,b]=(0,o.useState)(a);(0,o.useEffect)(()=>{let e="custom-list-dropdown-month-".concat(Math.round(1e5*Math.random())),t="form-control-".concat(Math.round(1e5*Math.random()));r("fee-tab-".concat(Math.round(1e5*Math.random()))),m("tab-".concat(Math.round(1e5*Math.random()))),x(e),j(t);let a=()=>{"complete"!=document.readyState?setTimeout(a,200):setTimeout(()=>{for(let a of document.querySelectorAll(".custom-list-dropdown.".concat(e))){let e=document.createElement("div"),n=a.querySelector("option:first-child").innerText;e.innerHTML='\n                          <div class="input-group-lg search-option dropdown-btn '.concat(t,' border-dropdown">\n                              <div class="form-control">\n                                  <div id=" " class="dropdown-selected">\n                                      <p class="span-text-selected">').concat(n,'</p>\n                                      <span id="" class="arrow-dropdown">\n                                          <img src="../../../../global/assets/img/batch3/arrowdownblue.png" alt="">\n                                      </span>\n                                  </div>\n                              </div>\n                              <div id="" class="dropdown-list custom-scroll-bar">\n                                  <ul>\n                                  </ul>\n                              </div>\n                          </div>\n                          ');let s=0;for(let t of a.querySelectorAll("option")){let n;let c=document.createElement("li");0!=t.getAttribute("value").length&&(n=t.innerText,c.innerHTML='<span class="dropdown-item" index="'+s+'">'+n+"</span>",e.querySelector("ul").appendChild(c),c.addEventListener("click",e=>{let t=e.target||e.srcElement;a.querySelector("select").selectedIndex=t.getAttribute("index")})),s++}a.appendChild(e),a.querySelector("select").style.display="none"}$(".dropdown-btn .form-control").on("click",function(){let e=$(this).parent(),t=e.find(".arrow-dropdown").toggleClass("active"),a=e.find(".dropdown-list").toggleClass("up"),n=e.find("li"),s=e.find(".span-text-selected");$(n).on("click",function(){$(s).text($(this).text()),$(a).removeClass("up"),$(t).removeClass("active"),$(n).off("click")}),$(document).on("click",function(n){$(n.target).closest(e).length||($(t).removeClass("active"),$(a).removeClass("up"))})})},400)};a()},[]);let f=()=>{t.push("".concat(e.path,"/").concat(s,"?keyword=").concat(v))},_=[];

1if(null!==e.meta&&void 0!==e.meta){let t=Math.floor(2.5),a=e.meta.current_page-t,c=e.meta.current_page+t;e.meta.current_page-t<2?c=(a=1)+4<e.meta.total_pages?a+4:e.meta.total_pages:e.meta.current_page+t>e.meta.total_pages-1&&(a=(c=e.meta.total_pages)-4>1?c-4:1);for(let t=a;t<=c;t++)_.push((0,n.jsx)("div",{children:(0,n.jsx)("li",{className:e.meta.current_page===t?"page-item active":"page-item",children:(0,n.jsx)("a",{className:"page-link",href:"".concat(e.path,"/").concat(s+"","?page=").concat(t),children:t})})},"pagination".concat(t)))}let N=[],w=[];return e.data.forEach((a,c)=>{N.push((0,n.jsx)("li",{className:"nav-item ",role:"presentation",children:(0,n.jsx)(h(),{href:"".concat(e.path,"/").concat(a.tab_url)||"",className:"".concat(a.tabActive?"nav-link active":"nav-link"),id:"fee-tab-".concat(i,"-").concat(c),"data-toggle":"tab",role:"tab","aria-controls":"tab-".concat(d,"-").concat(c),"aria-selected":!!a.tabActive,children:a.tab_name})},"dataTab".concat(c))),e.title===a.tab_name&&w.push((0,n.jsx)("div",{className:"".concat(a.tabActive?"show active":""," tab-pane fade"),id:"tab-".concat(d,"-").concat(c),role:"tabpanel","aria-labelledby":"fee-tab-".concat(i,"-").concat(c),children:(0,n.jsx)("section",{className:"latest-article mb-md-2 mb-md-5 ",children:(0,n.jsx)("div",{className:"container",children:(0,n.jsxs)("div",{className:"content",children:[(0,n.jsxs)("h1",{className:"section-title-text",children:[e.title," "]}),(0,n.jsx)("nav",{className:"navbar navbar-navy mb-2 bg-navy text-white",style:{padding:20,borderRadius:"25px",display:"block"},children:(0,n.jsxs)("div",{className:"row",style:{alignItems:"center"},children:[(0,n.jsx)("div",{className:"col-12 col-md-6",children:(0,n.jsx)("span",{children:"th"===t.locale?(0,n.jsxs)(n.Fragment,{children:["พบ ",e.data[c].content.length," รายการ ตามที่คุณค้นหา"]}):(0,n.jsxs)(n.Fragment,{children:[" Search founded ",e.data[c].content.length," articles "]})})}),(0,n.jsx)("div",{className:"col-12 col-md-6",children:(0,n.jsxs)("div",{className:"row",style:{justifyContent:"flex-end"},children:[(0,n.jsx)("div",{className:"col-12 col-md-2"}),(0,n.jsx)("div",{className:"col-12 col-md-6 search-option",children:(0,n.jsxs)("div",{className:"input-group search-input input-group-lg",children:[(0,n.jsx)("input",{type:"text",className:"form-control search-bar-rounded",id:"inputSearchDataTable",placeholder:"ค้นหา","aria-label":"ค้นหา",style:{height:" 40px",fontSize:"1rem"},value:v,onChange:e=>b(e.target.value),onKeyDown:e=>{"Enter"===e.code&&f()}}),(0,n.jsx)("button",{onClick:()=>f(),className:"form-control search-icon-input",style:{width:"30%"}})]})})]})})]})}),(0,n.jsx)("div",{className:"list-article",children:a.content.map((e,t)=>(0,n.jsxs)("div",{className:"row list-item",children:[(0,n.jsx)("div",{className:"col-4 col-md-2 text-center",children:""!==e.iconImg&&null!==e.iconImg&&void 0!==e.iconImg?(0,n.jsx)(h(),{href:""!==e.url_content&&null!==e.url_content&&void 0!==e.url_content?e.url_content:"",className:"desc link-desc",children:(0,n.jsx)("span",{className:"download",children:(0,n.jsx)("img",{src:e.iconImg,width:80,height:80})})}):(0,n.jsx)("h2",{className:"title",children:e.desc_thumbnail})}),(0,n.jsx)("div",{className:"col-8 col-md-8",children:(0,n.jsx)("div",{className:"row",children:(0,n.jsx)("div",{className:"col-xxl-10 col-md-9",children:""!==e.url_content&&null!==e.url_content&&void 0!==e.url_content?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(h(),{href:""!==e.url_content&&null!==e.url_content&&void 0!==e.url_content?e.url_content:"",className:"desc link-desc",children:(0,n.jsx)("h2",{className:"title",id:"contentTitleDataTable",children:e.title_content})}),(0,n.jsx)("p",{children:e.description||""})]}):(0,n.jsx)("a",{href:e.url_download,target:"_blank",className:"desc link-desc",rel:"noreferrer",children:(0,n.jsx)("h2",{className:"title",children:e.title_content})})})})}),""!==e.post_date&&null!==e.post_date&&void 0!==e.post_date&&(0,n.jsx)("div",{className:"col-2 col-md-2 text-center d-none d-md-block",children:e.post_date}),(0,n.jsx)("div",{className:"col-xxl-2 col-lg-2 col-md-2 col-sm-4 col-4"}

1),(0,n.jsxs)("div",{className:"col-xxl-5 col-lg-6 col-md-7 col-sm-7 col-7",style:{paddingLeft:"0px"},children:[""!==e.url_video_content&&null!==e.url_video_content&&void 0!==e.url_video_content&&(0,n.jsx)("span",{className:"download col-xxl-12 col-md-12 col-sm-12",children:(0,n.jsxs)("a",{className:"desc link-desc",href:"#",onClick:()=>window.open(e.url_video_content),children:[(0,n.jsx)("span",{className:"download",children:(0,n.jsx)("i",{className:"fa fa-play-circle","aria-hidden":"true"})}),e.content_watch]})}),""!==e.url_download&&null!==e.url_download&&void 0!==e.url_download&&(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"download col-xxl-12 col-md-12 col-sm-12",children:(0,n.jsxs)("a",{className:"desc link-desc",href:e.url_download,target:"_blank",rel:"noopener noreferrer",download:!0,children:[(0,n.jsx)("span",{className:"download",children:(0,n.jsx)("img",{src:"/global/assets/img/batch2/download-blue.svg",width:"18",height:"18"})}),e.content_detail]})})})]}),(0,n.jsx)("div",{className:"col-xxl-5 col-lg-4 col-md-3 col-sm-12",children:(0,n.jsx)("div",{style:{marginRight:"2rem"},children:(0,n.jsx)(u,{url:"".concat(e.url_content)||""})})}),(0,n.jsx)("div",{className:"col-md-12",children:(0,n.jsx)("div",{className:"rounded-seperator rounded-border-gray"})})]},"list-with-icon-link-share-".concat(t)))}),null!==e.meta&&void 0!==e.meta&&e.meta.total_pages>1&&(0,n.jsx)(n.Fragment,{children:(0,n.jsx)("div",{className:"row",children:(0,n.jsx)("div",{className:"col-12 pagination-wrapper",children:(0,n.jsx)("nav",{"aria-label":"Page navigation",children:(0,n.jsxs)("ul",{className:"pagination  pt-4 d-lg-flex",children:[(0,n.jsx)("li",{className:"page-item icon pr-2 ".concat(1===e.meta.current_page?"disabled":""),children:(0,n.jsx)("a",{className:"page-link icon-previous p-0",href:"".concat(e.path,"/").concat(s,"?page=").concat(e.meta.current_page-1),children:1===e.meta.current_page?(0,n.jsx)("img",{src:"/global/assets/img/icon-set-1/page-left.svg",width:20}):(0,n.jsx)("img",{src:"/global/assets/img/icon-set-1/page-left-blue.svg",width:20})})}),_,(0,n.jsx)("li",{className:"page-item icon pl-2 ".concat(e.meta.current_page===e.meta.total_pages?"disabled":""),children:(0,n.jsx)("a",{className:"page-link icon-next p-0",href:"".concat(e.path,"/").concat(s,"?page=").concat(e.meta.current_page+1),children:e.meta.current_page===e.meta.total_pages?(0,n.jsx)("img",{src:"/global/assets/img/icon-set-1/page-right-inactive.svg",width:20}):(0,n.jsx)("img",{src:"/global/assets/img/icon-set-1/page-right.svg",width:20})})})]})})})})})]})})})},"dataTabDetail".concat(c)))}),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(c(),{children:[(0,n.jsx)("link",{rel:"stylesheet",href:"/global/assets/css/icofont.min.css"}),(0,n.jsx)("link",{rel:"stylesheet",href:"/global/assets/css/animate.min.css"})]}),(0,n.jsxs)("div",{className:"tabs-component tabs-section tabs-form-batch3 mobile-custom-batch3 ",children:[0!==N.length&&(0,n.jsx)("div",{className:"container container-card-mobile p-0",children:(0,n.jsx)("div",{className:"row ",children:(0,n.jsxs)("div",{className:"col-12 tab-wrapper",children:[(0,n.jsx)("div",{className:"rounded-border-orange"}),(0,n.jsx)("ul",{className:"content nav nav-tabs custom-nav-tab-b3 custom-tab-padding",id:"analytics-tab",role:"tablist",children:N}),(0,n.jsx)("div",{className:"rounded-border-orange"})]})})}),(0,n.jsx)("div",{className:"tab-content pl-0 py-4 form-batch3-content",children:w})]})]})}var x=!0;function g(e){let t=(0,l.useRouter)(),a={data:e.dataBannerTextList},s={data:e.dataTableNavTabsList.data,meta:e.dataTableNavTabsList.meta,title:e.dataTableNavTabsList.title,param:t.query.topics,path:"/analytics/economic-finance",limit:3};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(c(),{children:[(0,n.jsx)("link",{rel:"stylesheet",href:"/global/assets/css/vendor/swiper-5.4.5.min.css"}),(0,n.jsx)("link",{rel:"stylesheet",href:"/global/assets/css/icofont.min.css"}),(0,n.jsx)("link",{rel:"stylesheet",href:"/global/assets/css/animate.min.css"})]}),(0,n.jsx)(i.Z,{...a.data[0]}),(0,n.jsx)(p,{...s})]})}}},function(e){e.O(0,[92888,49774,40179],function(){return e(e.s=29646)}),_N_E=e.O()}]);