https://thaipbs-web-lionhead-asset.thaipbs.or.th/v/3e89de50/assets/index-I1HSuB58.js

1import{j as t}from"./index-B8oRiszQ.js";import{r as a}from"./vendor-redux-C0TP6FZF.js";import{g as C,p as z,a as j,C as M}from"./ComponentsJsonRenderer-BYGjqfXO.js";import{G as F}from"./GlobalStyle.style-23MqvpyT.js";import"./vendor-axios-Dfaf8kGt.js";import"./HorizontalBanner-D7jqJh3d.js";import"./useMoEngage-C1K-JwPx.js";import"./link-WyGTIgec.js";import"./AdvanceRailLayoutB-Cw69kE_r.js";import"./Title-BBxd3b4b.js";import"./SeeAllButton-I1UNk-t7.js";import"./index-BGPeD6rW.js";import"./SeeAllButton.style-C6kWA9C6.js";import"./tracking-DJcnP93n.js";import"./ContentCard-CQLu12Zl.js";import"./CoverImage-2lloOKFA.js";import"./CoverImage.style-BHmDIDxs.js";import"./video-cover--sY1qV0C.js";import"./VerifyBadge-D3nyEP5X.js";import"./LazyLoadImage-DVaBp6Np.js";import"./testing-image-Ci0knzuh.js";import"./ContentInformation-C5gq71Nn.js";import"./_baseTimes-aR_NKcHw.js";import"./LiveBadge-Bsw-bbDW.js";import"./index-CPdoJgTV.js";import"./ContentCardRail-koE2OAdz.js";import"./SimpleRail-B9mhXeSO.js";import"./NextPrevButton-XWA3V9Pp.js";import"./SimpleRail.style-CCV0hHBl.js";import"./videoPlayHistory-Blghbf3n.js";/* empty css                                    */const{Container:L}=F,d=[...C,...z,...j],w=[{id:502883,title:'ดราม่าติวสอบเข้า ป.1 "หลักแสน" สู่การปั้น Portfolio เข้ามหาวิทยาลัย',description:"สภาพัฒน์ห่วงระบบคัดเลือกเข้ามหาวิทยาลัยผ่าน Portfolio เสี่ยงซ้ำเติมความเหลื่อมล้ำการศึกษา",date:"2026-03-03T13:11:20+07:00",url:"/news/content/502883",category:"เศรษฐกิจ",categoryUrl:"/news/categories/economy",imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9vbmVjbXMudGhhaXBicy5vci50aC9tZWRpYS9xdHloSlJqQ0pyWnFKbk8xRXJpMWpTOExKUmxCTlRDOTU3amFSeVBXNVhlMXZKVEZ3RG1JVkR2LmpwZw==.jpg",sourceType:"news"},{id:502881,title:'"เนทันยาฮู" ย้ำเหตุสู้รบ "สหรัฐฯ-อิสราเอล" กับ "อิหร่าน" จะไม่ยืดเยื้อ',description:"นายกฯอิสราเอลเผยการสู้รบจะเป็นปฏิบัติการที่รวดเร็วและเด็ดขาด",date:"2026-03-03T12:49:57+07:00",url:"/news/content/502881",category:"ต่างประเทศ",categoryUrl:"/news/categories/foreign",imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9vbmVjbXMudGhhaXBicy5vci50aC9tZWRpYS9xdHloSlJqQ0pyWnFKbk9Rc0tYNVdYcVI4Z2tHOUsySnJEa1pNNktyczVYVkxzR29DWXVUS09wLmpwZw==.jpg",sourceType:"news"},{id:502875,title:'"ไปรษณีย์ไทย" ขนส่งล่าช้า 25 ปลายทางจากเหตุในตะวันออกกลาง',description:"ท่าอากาศยานในตะวันออกกลางได้รับผลกระทบจากเหตุโจมตีอิหร่านส่งผลกระทบà¸

1à¸²à¸£à¸‚นส่ง",date:"2026-03-03T12:08:52+07:00",url:"/news/content/502875",category:"เศรษฐกิจ",categoryUrl:"/news/categories/economy",imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9vbmVjbXMudGhhaXBicy5vci50aC9tZWRpYS9xdHloSlJqQ0pyWnFKbk8wRVAzR3FNSTRDaHI2QTJ3NDFCbXBGQlBkbmZrMXl6R1BlWGJJSjlELnBuZw==.jpg",sourceType:"news"},{id:502874,title:'"สุวรรณภูมิ" แจงระบบเช็กอินทำงานปกติ ชี้คิวสะสมหนาแน่น',description:"ท่าอากาศยานสุวรรณภูมิยืนยันระบบเช็กอินทำงานปกติ กรณีคิวสะสมเกิดจากปรับนโยบาย",date:"2026-03-03T12:06:31+07:00",url:"/news/content/502874",category:"สังคม",categoryUrl:"/news/categories/social",imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9vbmVjbXMudGhhaXBicy5vci50aC9tZWRpYS9xdHloSlJqQ0pyWnFKbk9NaHdNY1oyVTZSeGlPYVRzN1Y4WmpTOXVJNko4TWczVkF0U2h5RDFiLmpwZw==.jpg",sourceType:"news"},{id:270876,title:'"ทรัมป์" ชี้การโจมตีระลอกใหญ่ยังมาไม่ถึง',description:"ประธานาธิบดีสหรัฐฯระบุการโจมตียังหนักหน่วงแต่ลูกใหญ่ยังมาไม่ถึง",date:"2026-03-03T14:05:03+07:00",url:"/news/content/270876",category:"ข่าวเที่ยง",categoryUrl:null,imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly90aGFpcGJzLW1lZGlhLWZ1enp5bG9wLnRoYWlwYnMub3IudGgvaW1ncHgxL3Vuc2FmZS9yZXNpemluZ190eXBlOmZpdC9zaXplOjE5MjA6MTA4MC9mb3JtYXQ6d2VicC9xdWFsaXR5OjEwMC9hSFIwY0hNNkx5OTBhR0ZwY0dKekxYQnliMmR5WVcwdGNISnZaSFZqZEdsdmJpNXpNeTVoYldGNmIyNWhkM011WTI5dEwybHRZV2RsY3k4NE4ydG1kakUwVm04dWFuQm4=.jpg",sourceType:"program"},{id:3732,title:"ทำไมภูมิภาคตะวันออกกลางถึงไม่เกิดความสงบ",description:"ตะวันออกกลางเป็นภูมิภาคที่มีสถานการณ์ความรุนแรงเกิดขึ้นอยู่เป็นประจำ",date:"2026-03-02T13:21:58.940Z",url:"/now/content/3732",category:"ประวัติศาสตร์",categoryUrl:"/now/content/3732",imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9kM2R5YWs0OXFzenNrNS5jbG91ZGZyb250Lm5ldC9QXzAxXzM2MzA2Y2YzMzUuanBn.jpg",sourceType:"now"},{id:76811,title:"ความหลากหลายทางชีวภาพกลายเป็นปราการสุดท้ายในวันที่ปลาหมอคางดำรุกราน",description:"ปัญหาการรุกรานของสปีชี่ส์นอกและผลกระทบต่อความหลากหลายทางชีวภาพ",date:"2026-03-02T02:00:00",url:"/news/content/76811",category:"Environment",categoryUrl:"/news/categories/social",imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9maWxlcy53cC50aGFpcGJzLm9yLnRoL2RlY29kZS8yMDI2LzAyLzE1LmpwZw==.jpg",sourceType:"decode"},{id:60590,title:"Piyabutr bombshell latest Orange setback",description:"บทวิเคราะห์การเมืองไทยเกี่ยวกับการลาออกและผลกระทบต่อพรรค",date:"2026-03-03T05:15:01.323Z",url:"/news/content/60590",category:"Political Pulse",categoryUrl:"/news/categories/politic",imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9maWxlcy13b3JsZC50aGFpcGJzLm9yLnRoL3BpeWFidXRyX25ld19hMzZkYTA4NDM3LmpwZw==.jpg",sourceType:"thaipbsworld"},{id:502873,title:'ด่านช่องเม็ก จ.อุบลฯ ชะลอส่งออกน้ำมันไป "ลาว"',description:"เหตุสู้รบตะวันออกกลางทำให้ไทยระงับการส่งออกน้ำมันเพื่อสำรองเพียงพอ",date:"2026-03-03T12:05:46+07:00",url:"/news/content/502873",category:"เศรษฐกิจ",categoryUrl:"/news/categories/economy",

1imgUrl:"https://thaipbs-media-fuzzylop.thaipbs.or.th/imgpx1/unsafe/s:720:405/q:90/aHR0cHM6Ly9vbmVjbXMudGhhaXBicy5vci50aC9tZWRpYS9xdHloSlJqQ0pyWnFKbk8wRVAzR3FNSTRDaHI2QTJ3NDFCbXBGQlBkbmZrMXl6R1BlWGJJSjlELnBuZw==.jpg",sourceType:"news"},{id:30154,title:"ความรู้ใหม่เกี่ยวกับฟ้าผ่าและกรณีศึกษา",description:"การศึกษาผลกระทบและความรู้ใหม่เกี่ยวกับปรากฏการณ์ฟ้าผ่า",date:"2026-03-03T09:00:00+07:00",url:"/news/content/30154",category:"วิทยาศาสตร์และเทคโนโลยี",categoryUrl:"/news/categories/social",imgUrl:"https://www.thaipbspodcast.com/uploads/imgs/tracks/30154LS.jpg",sourceType:"podcast"}];function T(o){var y,g,p,r,h,b,S;const m=(y=o.data)!=null?y:[],l=(g=o.data2)!=null?g:[],u=((p=o.childComponents)!=null?p:[]).map((f,c)=>{var x;const e=(x=f.data)!=null?x:[];let s=e;return e.length===0&&(c===1?s=w.slice(0,6):c===2&&(s=w.slice(4,9))),{...f,data:s}}),n={id:"preview-1",componentType:o.componentType,isUsingSettingSourceMetadata:(r=o.isUsingSettingSourceMetadata)!=null?r:!1,settingSource:(h=o.settingSource)!=null?h:null,componentSettings:(b=o.componentSettings)!=null?b:{},settings:(S=o.settings)!=null?S:{},data:m.length>0?m:w.slice(0,8),data2:l.length>0?l:w.slice(4,8),childComponents:u};return o.dataSources&&(n.dataSources=o.dataSources),o.dataSources2&&(n.dataSources2=o.dataSources2),JSON.stringify({sections:[n]},null,2)}const i={wrapper:{maxWidth:960,margin:"0 auto",padding:"24px 16px",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'},title:{fontSize:24,fontWeight:700,marginBottom:24},label:{display:"block",fontSize:14,fontWeight:600,marginBottom:6,color:"#333"},select:{width:"100%",padding:"8px 12px",fontSize:14,border:"1px solid #ccc",borderRadius:6,marginBottom:16,backgroundColor:"#fff"},textarea:{width:"100%",minHeight:320,padding:12,fontSize:13,fontFamily:'"SF Mono", "Fira Code", "Fira Mono", Menlo, monospace',border:"1px solid #ccc",borderRadius:6,resize:"vertical",marginBottom:16,lineHeight:1.5,tabSize:2},button:{padding:"10px 24px",fontSize:14,fontWeight:600,color:"#fff",backgroundColor:"#FE5000",border:"none",borderRadius:6,cursor:"pointer",marginRight:8},secondaryButton:{padding:"10px 24px",fontSize:14,fontWeight:600,color:"#333",backgroundColor:"#eee",border:"1px solid #ccc",borderRadius:6,cursor:"pointer"},error:{padding:12,backgroundColor:"#FFF0F0",border:"1px solid #FFCCCC",borderRadius:6,color:"#CC0000",fontSize:13,fontFamily:"monospace",whiteSpace:"pre-wrap",marginBottom:16},divider:{borderTop:"2px solid #eee",marginTop:24,marginBottom:24,paddingTop:16},sectionLabel:{fontSize:16,fontWeight:600,marginBottom:12,color:"#666"}};function ae(){var c;const[o,m]=a.useState(((c=d[0])==null?void 0:c.componentType)||""),[l,R]=a.useState(d[0]?T(d[0]):"{}"),[u,n]=a.useState(null),[y,g]=a.useState(0),[p,r]=a.useState(null),h=a.useMemo(()=>d.map(e=>({componentType:e.componentType,name:e.name})),[]);function b(e){m(e);const s=d.find(x=>x.componentType===e);s&&R(T(s)),r(null)}function S(){try{const e=JSON.parse(l);if(!e.sections||!Array.isArray(e.sections)){r(`JSON must have a "sections" array. Example:
2{
3  "sections": [{ "componentType": "...", "settings": {}, "data": [] }]
4}`),n(null);return}n(e),g(s=>s+1),r(null)}catch(e){r(`JSON Parse Error: ${e.message}`),n(null)}}function f(){n(null),r(null)}return t.jsxs(t.Fragment,{children:[t.jsxs("div",{style:i.wrapper,children:[t.jsx("div",{style:i.title,children:"Component Preview"}),t.jsx("label",{style:i.label,htmlFor:"component-select",children:"Component Type"}),t.jsx("select",{id:"component-select",style:i.select,value:o,onChange:e=>b(e.target.value),children:h.map(e=>t.jsx("option",{value:e.componentType,children:`${e.componentType} — ${e.name}`},e.componentType))}),t.jsx("label",{style:i.label,htmlFor:"json-editor",children:"JSON"}),t.jsx("textarea",{id:"json-editor",style:i.textarea,value:l,onChange:e=>R(e.target.value),spellCheck:!1}),t.jsxs("div",{children:[t.jsx("button",{type:"button",style:i.button,onClick:S,children:"Render Preview"}),t.jsx("button",{type:"button",style:i.secondaryButton,onClick:f,children:"Clear"})]}),p&&t.jsx("div",{style:{...i.error,marginTop:16},children:p})]}),u&&t.jsxs("div",{style:{minHeight:"100vh"},children:[t.jsx("div",{style:{...i.wrapper,...i.divider},children:t.jsx("div",{style:i.sectionLabel,children:"Preview Output"})}),t.jsx(L,{children:t.jsx(M,{json:u},y)})]})]})}export{ae as component};