import{d as y,r as h,l as g,am as _,c as a,o as i,b as t,h as d,f as u,t as n,A as f,n as k}from"./app-DJb_CRLj.js";const w=["id"],E={class:"information-box-1"},B={class:"row"},V={class:"media-container col-lg-4 col-12 d-none d-md-flex align-items-end justify-content-center"},j={class:"media"},C={class:"inner"},L=["src","alt"],z=["data-bs-target"],M=["id"],N={class:"modal-dialog video-modal-dialog"},S={class:"modal-content video-modal-content"},I=["src"],A={class:"text-container col-lg-8 col-12 d-flex align-items-start justify-content-end flex-column lts-05"},D={class:"text"},H={class:"mb-2"},T={class:"mb-4"},U=["href"],$={class:"w-100 d-flex d-md-none align-items-center justify-content-center"},q={class:"media-container"},F={class:"media"},G={class:"inner"},J=["src","alt"],K=["data-bs-target"],O={class:"statistic-boxs"},P={style:{"border-radius":"30px 30px 30px 60px"}},R=y({__name:"InformationBox1",props:{status:{},component_id:{},data:{}},setup(p){const b=p,l=h(null);let s=null;const c=()=>{var e;(e=l.value)==null||e.play().catch(()=>{})},r=()=>{var e;(e=l.value)==null||e.pause()};return g(()=>{const e="video-player-modal-"+b.component_id;s=document.getElementById(e),s&&(s.addEventListener("shown.bs.modal",c),s.addEventListener("hidden.bs.modal",r))}),_(()=>{s&&(s.removeEventListener("shown.bs.modal",c),s.removeEventListener("hidden.bs.modal",r))}),(e,o)=>{var m,v;return i(),a("div",{id:"component-"+e.component_id,class:k({container:!0,readonly:e.status=="dev"}),style:f("margin-top:"+((m=e.data.style)==null?void 0:m.margin.top)+"px; margin-bottom:"+(((v=e.data.style)==null?void 0:v.margin.bottom)??20)+"px;")},[t("div",E,[t("div",B,[t("div",V,[t("div",j,[t("div",C,[e.data.content.image?(i(),a("img",{key:0,src:e.data.content.image,alt:e.data.content.title},null,8,L)):d("",!0),e.data.content.video?(i(),a("div",{key:1,"data-bs-toggle":"modal","data-bs-target":"#video-player-modal-"+e.component_id,class:"video-container clickable"},o[0]||(o[0]=[t("div",{class:"play-button"},[t("i",{class:"ri-play-large-fill"})],-1)]),8,z)):d("",!0)])])]),e.data.content.video?(i(),a("div",{key:0,class:"modal fade modal-media-container",id:"video-player-modal-"+e.component_id,tabindex:"-1","aria-hidden":"true",style:{"z-index":"99999"}},[t("div",N,[t("div",S,[o[1]||(o[1]=t("div",{class:"video-modal-header"},[t("button",{type:"button",class:"btn-close custom-close-btn","data-bs-dismiss":"modal","aria-label":"Close"},[t("i",{class:"ri-close-line"})])],-1)),t("video",{ref_key:"playerVideo",ref:l,class:"video-element",style:{"max-width":"100%","max-height":"80vh","object-fit":"contain"},controls:""},[t("source",{src:e.data.content.video,type:"video/mp4"},null,8,I),u(" "+n(e.$t("messages.sentence.your_browser_not_support_video")),1)],512)])])],8,M)):d("",!0),t("div",A,[t("div",D,[t("h2",H,n(e.data.content.title),1),t("p",T,n(e.data.content.description),1),t("a",{class:"btn btn-primary mb-4",href:e.data.content.button.link},[u(n(e.data.content.button.title)+" ",1),o[2]||(o[2]=t("i",{class:"ri-arrow-left-fill"},null,-1))],8,U)]),t("div",$,[t("div",q,[t("div",F,[t("div",G,[e.data.content.image?(i(),a("img",{key:0,src:e.data.content.image,alt:e.data.content.title},null,8,J)):d("",!0),e.data.content.video?(i(),a("div",{key:1,"data-bs-toggle":"modal","data-bs-target":"#video-player-modal-"+e.component_id,class:"video-container clickable"},o[3]||(o[3]=[t("div",{class:"play-button"},[t("i",{class:"ri-play-large-fill"})],-1)]),8,K)):d("",!0)])])])]),t("ul",O,[t("li",null,[t("div",null,n(e.data.content.list[0].title),1),t("div",null,n(e.data.content.list[0].description),1)]),t("li",null,[t("div",null,n(e.data.content.list[1].title),1),t("div",null,n(e.data.content.list[1].description),1)]),t("li",P,[t("div",null,n(e.data.content.list[2].title),1),t("div",null,n(e.data.content.list[2].description),1)])])]),o[4]||(o[4]=t("div",{class:"line-bar-container col-12"},[t("div",{class:"line-bar"})],-1))])])],14,w)}}});export{R as default};
