import{_ as x}from"./Breadcrumbs.dFmGmYsb.js";import{_ as ee}from"./Skeleton.qkWgsUGI.js";import{_ as te,y as se,R as oe,r as b,i as ae,j as ie,o as ne,B as le,w as re,u as r,S as de,p as i,q as n,x as e,C as q,D as h,E as s,v as _,F as L,I as f,G as a,H as v,L as ce,n as E,N as y,M as k,O as M,P as ue,Q as ge,K as he}from"./entry.ZuTGyVjH.js";import{u as _e}from"./getBlog.n4wIHo0t.js";import{_ as U}from"./empty.CS7zPkFZ.js";import{e as d,v as c,t as u}from"./blog_th.l_NLv1KY.js";import{u as me}from"./queryParams.AKJ-V8u7.js";import"./fetch.zCrl2w1H.js";const P=$=>(ue("data-v-c22610e7"),$=$(),ge(),$),ve={class:"component-blog"},Le={key:0,class:"blog-loading"},pe={key:1,class:"blog-btn-container"},be={class:"btn-grp"},fe=["onClick"],ye={key:2,class:"blog-main-container"},ke={class:"blog-first-container"},Pe={key:0},$e={class:"blog-container"},Ce={class:"blog-img-container"},De={key:0,class:"play-icon"},we=["src","alt"],Be={class:"blog-content-container"},Se={class:"blog-content"},ze={class:"blog-about"},Re={class:"blog-author"},Te={class:"blog-date"},Ie={key:0,class:"blog-title"},Ve={class:"blog-detail"},qe={key:0,class:"pagination-container"},Me=["onClick"],Ue={key:1,class:"stm-no-result list-no-data"},Ne=P(()=>s("img",{loading:"lazy",class:"noData-img",src:U,alt:"empty",width:"100%",height:"100%"},null,-1)),Ae={class:"result-txt"},Fe={class:"blog-second-container"},Ge={class:"video-container"},He={class:"video-title-container"},Ee={class:"video-title"},Qe=P(()=>s("span",{class:"icon-chevron-right-sm",style:{"font-size":"18px"}},null,-1)),je={key:0,class:"video-container"},Ke={class:"video-title-container"},Oe={class:"video-title"},Je=P(()=>s("span",{class:"icon-chevron-right-sm",style:{"font-size":"18px"}},null,-1)),We={key:0,class:"video-main"},Xe={class:"video-player"},Ye={key:0,class:"play-icon"},Ze=["src","alt"],xe={class:"video-content"},et={class:"title-container"},tt={class:"video-author"},st={class:"video-date"},ot={key:0,class:"video-title"},at={class:"video-detail"},it={class:"video-btn"},nt={class:"video-more"},lt={class:"more-img-container"},rt={key:0,class:"play-icon"},dt=["src","alt"],ct={class:"more-content"},ut={class:"more-title-container"},gt={class:"more-author"},ht={class:"more-date"},_t={key:0,class:"more-title"},mt={class:"more-detail"},vt={key:1,class:"video-container"},Lt={class:"video-title-container"},pt={class:"video-title"},bt={class:"stm-no-result"},ft=P(()=>s("img",{loading:"lazy",class:"noData-img",src:U,alt:"empty",width:"100%",height:"100%"},null,-1)),yt={class:"result-txt"},kt={key:2,class:"promo-container"},Pt={class:"promo-title"},$t={key:0,class:"promo-main"},Ct={class:"promo-img-container"},Dt=["src","alt"],wt={class:"promo-content"},Bt={class:"promo-title-container"},St={class:"promo-author"},zt={class:"promo-date"},Rt={key:0,class:"promo-title"},Tt={class:"promo-detail"},It={class:"promo-btn"},Vt={class:"promo-more"},qt={class:"more-img-container"},Mt=["src","alt"],Ut={class:"more-content"},Nt={class:"more-title-container"},At={class:"more-author"},Ft={class:"more-date"},Gt={key:0,class:"more-title"},Ht={class:"more-detail"},Et={key:3,class:"promo-container"},Qt={class:"promo-title"},jt={class:"stm-no-result"},Kt=P(()=>s("img",{loading:"lazy",class:"noData-img",src:U,alt:"empty",width:"100%",height:"100%"},null,-1)),Ot={class:"result-txt"},Jt={__name:"index",async setup($){let C,N;const D=se(),Q=oe(),j=me(),S=b(j.queryParams.isVideoBlogType?"Video":"News"),z=b(1),w=b(1),R=b(10),A=b(!0),B=([C,N]=ae(()=>_e().getBlogData(D.params.lang)),C=await C,N(),C),l=ie({blogInfoLoaded:!0,breadcrumb:[],filterTypeList:B.filterTypeList,postList:B.postList,filteredPostList:[],currentPagePostList:[],videoList:[],promotionList:[],version:B.version});O(),ne(()=>{le(async()=>{K()})}),re(()=>D.query.page,t=>{T(t,!0)});function K(){l.breadcrumb=[{title:r().translateBreadcrumb("breadcrumb.home"),link:r().navigatePage("")},{title:r().translateGlobal("global.leftbar.newCollection"),link:"#"}]}function O(){B&&(J(),W(),F())}function J(){l.videoList=l.postList.filter(t=>t.postTypes.includes("Video")&&t.isHighlight).sort((t,g)=>t.ordering-g.ordering).slice(0,3)}function W(){l.promotionList=l.postList.filter(t=>t.postTypes.includes("Promotion")&&t.isHighlight).sort((t,g)=>t.ordering-g.ordering).slice(0,3)}function F(){l.filteredPostList=l.postList.filter(g=>g.postTypes.includes(S.value)).sort((g,I)=>g.ordering-I.ordering),X();const t=A.value&&D.query.page<=w.value?D.query.page:1;T(t),A.value=!1}function X(){w.value=l.filteredPostList.length?Math.ceil(l.filteredPostList.length/R.value):0}function T(t,g=!1){z.value=t,l.currentPagePostList=l.filteredPostList.length?l.filteredPostList.slice((t-1)*R.value,t*R.value):[],H(t),g&&de().scrollTo()}const G=t=>{S.value=t,Y(),F()};function Y(){z.value=1,H(1)}function H(t){Q.push({path:r().navigatePage("/blog"),query:{page:t}})}return(t,g)=>{const I=x,Z=ee,V=he,m=ce;return i(),n(L,null,[e(l).blogInfoLoaded?(i(),q(I,{key:0,urls:e(l).breadcrumb,class:"breadcrumbs"},null,8,["urls"])):h("",!0),s("div",ve,[e(l).blogInfoLoaded?(i(),n("div",pe,[s("div",be,[(i(!0),n(L,null,f(e(l).filterTypeList,o=>(i(),n("button",{class:E(["btn-blog",e(S)==o.type?"active":""]),onClick:p=>G(o.type)},a(o.name),11,fe))),256))])])):(i(),n("div",Le,[_(Z,{isSkeletonPage:!0})])),e(l).blogInfoLoaded?(i(),n("div",ye,[s("div",ke,[e(l).currentPagePostList.length>0?(i(),n("div",Pe,[(i(!0),n(L,null,f(e(l).currentPagePostList,o=>(i(),n("div",$e,[s("div",Ce,[o.videoLink?(i(),n("div",De,[_(V,{name:"video-play",size:"120"})])):h("",!0),s("img",{loading:"lazy",class:"blog-img",src:`${("useRuntimeConfig"in t?t.useRuntimeConfig:e(y))().public.cdnUrlBase}${o.thumbnail}?v=${e(l).version}`,alt:o.title},null,8,we)]),s("div",Be,[s("div",Se,[s("div",ze,[s("div",Re,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.author",e(d),e(c),e(u)))+" "+a(o.author),1),s("div",Te,a(t.$momentDate(e(k)(o.dateString))),1)]),o.title?(i(),n("div",Ie,a(o.title),1)):h("",!0),s("div",Ve,a(o.shortDescription),1),_(m,{class:"blog-btn",to:("useLanguage"in t?t.useLanguage:e(r))().navigatePage(o.detailLink)},{default:v(()=>[M(a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.viewMore",e(d),e(c),e(u))),1)]),_:2},1032,["to"])])])]))),256)),e(w)?(i(),n("div",qe,[(i(!0),n(L,null,f(e(w),o=>(i(),n("button",{class:E(["pagination-button",e(z)==o?"active":""]),onClick:p=>T(o,!0)},a(o),11,Me))),256))])):h("",!0)])):(i(),n("div",Ue,[Ne,s("div",Ae,a(("useLanguage"in t?t.useLanguage:e(r))().translate("global.noData")),1)]))]),s("div",Fe,[s("div",Ge,[s("div",He,[s("div",Ee,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.sponsorshipAndAds",e(d),e(c),e(u))),1),_(m,{class:"video-more-text more-text",to:("useLanguage"in t?t.useLanguage:e(r))().navigatePage("/sponsorships")},{default:v(()=>[M(a(("useLanguage"in t?t.useLanguage:e(r))().translate("global.more"))+" ",1),Qe]),_:1},8,["to"])])]),e(l).videoList.length>0?(i(),n("div",je,[s("div",Ke,[s("div",Oe,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.video",e(d),e(c),e(u))),1),_(m,{class:"video-more-text more-text",onClick:g[0]||(g[0]=o=>G("Video"))},{default:v(()=>[M(a(("useLanguage"in t?t.useLanguage:e(r))().translate("global.more"))+" ",1),Je]),_:1})]),(i(!0),n(L,null,f(e(l).videoList,(o,p)=>(i(),n("div",null,[p==0?(i(),n("div",We,[s("div",Xe,[o.videoLink?(i(),n("div",Ye,[_(V,{name:"video-play",size:"120"})])):h("",!0),s("img",{loading:"lazy",src:`${("useRuntimeConfig"in t?t.useRuntimeConfig:e(y))().public.cdnUrlBase}${o.thumbnail}?v=${e(l).version}`,alt:o.title,width:"413",height:"287"},null,8,Ze)]),s("div",xe,[s("div",et,[s("div",tt,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.author",e(d),e(c),e(u)))+" "+a(o.author),1),s("div",st,a(t.$momentDate(e(k)(o.dateString))),1)]),o.title?(i(),n("div",ot,a(o.title),1)):h("",!0),s("div",at,a(o.shortDescription),1),_(m,{to:("useLanguage"in t?t.useLanguage:e(r))().navigatePage(o.detailLink)},{default:v(()=>[s("button",it,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.viewMore",e(d),e(c),e(u))),1)]),_:2},1032,["to"])])])):(i(),q(m,{key:1,to:("useLanguage"in t?t.useLanguage:e(r))().navigatePage(o.detailLink)},{default:v(()=>[s("div",nt,[s("div",lt,[o.videoLink?(i(),n("div",rt,[_(V,{name:"video-play",size:"86"})])):h("",!0),s("img",{loading:"lazy",class:"more-img",src:`${("useRuntimeConfig"in t?t.useRuntimeConfig:e(y))().public.cdnUrlBase}${o.thumbnail}?v=${e(l).version}`,alt:o.title,width:"205",height:"144"},null,8,dt)]),s("div",ct,[s("div",ut,[s("div",gt,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.author",e(d),e(c),e(u)))+" "+a(o.author),1),s("div",ht,a(t.$momentDate(e(k)(o.dateString))),1)]),o.title?(i(),n("div",_t,a(o.title),1)):h("",!0),s("div",mt,a(o.shortDescription),1)])])]),_:2},1032,["to"]))]))),256))])):(i(),n("div",vt,[s("div",Lt,[s("div",pt,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.video",e(d),e(c),e(u))),1)]),s("div",bt,[ft,s("div",yt,a(("useLanguage"in t?t.useLanguage:e(r))().translate("global.noData")),1)])])),e(l).promotionList.length>0?(i(),n("div",kt,[s("div",Pt,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.promotions",e(d),e(c),e(u))),1),(i(!0),n(L,null,f(e(l).promotionList,(o,p)=>(i(),n("div",null,[p==0?(i(),n("div",$t,[s("div",Ct,[s("img",{loading:"lazy",src:`${("useRuntimeConfig"in t?t.useRuntimeConfig:e(y))().public.cdnUrlBase}${o.thumbnail}?v=${e(l).version}`,alt:o.title,width:"100%",height:"100%"},null,8,Dt)]),s("div",wt,[s("div",Bt,[s("div",St,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.author",e(d),e(c),e(u)))+" "+a(o.author),1),s("div",zt,a(t.$momentDate(e(k)(o.dateString))),1)]),o.title?(i(),n("div",Rt,a(o.title),1)):h("",!0),s("div",Tt,a(o.shortDescription),1),_(m,{to:("useLanguage"in t?t.useLanguage:e(r))().navigatePage(o.detailLink)},{default:v(()=>[s("button",It,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.viewMore",e(d),e(c),e(u))),1)]),_:2},1032,["to"])])])):(i(),q(m,{key:1,to:("useLanguage"in t?t.useLanguage:e(r))().navigatePage(o.detailLink)},{default:v(()=>[s("div",Vt,[s("div",qt,[s("img",{loading:"lazy",class:"more-img",src:`${("useRuntimeConfig"in t?t.useRuntimeConfig:e(y))().public.cdnUrlBase}${o.thumbnail}?v=${e(l).version}`,alt:o.title,width:"205",height:"144"},null,8,Mt)]),s("div",Ut,[s("div",Nt,[s("div",At,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.author",e(d),e(c),e(u)))+" "+a(o.author),1),s("div",Ft,a(t.$momentDate(e(k)(o.dateString))),1)]),o.title?(i(),n("div",Gt,a(o.title),1)):h("",!0),s("div",Ht,a(o.shortDescription),1)])])]),_:2},1032,["to"]))]))),256))])):(i(),n("div",Et,[s("div",Qt,a(("useLanguage"in t?t.useLanguage:e(r))().translateLocal("page.blog.promotions",e(d),e(c),e(u))),1),s("div",jt,[Kt,s("div",Ot,a(("useLanguage"in t?t.useLanguage:e(r))().translate("global.noData")),1)])]))])])):h("",!0)])],64)}}},os=te(Jt,[["__scopeId","data-v-c22610e7"]]);export{os as default};