import{R as d}from"./RadialProgressBar.js";import{r as h,o as a,c as o,a as n,F as _,i as p,b,n as u,p as m,g as f,_ as g}from"./index.js";const v=e=>(m("data-v-db54fb94"),e=e(),f(),e),B={class:"preloader--container iface-centered"},M=["onClick"],C=v(()=>n("div",{class:"preloader--background"},null,-1)),P=["innerHTML"];function T(e,i,s,S,r,t){const c=h("RadialProgressBar");return a(),o("div",B,[n("div",{class:u(["preloader",{preloader_mobile:t.isMobile}])},[(a(!0),o(_,null,p(r.list,(z,l)=>(a(),o("div",{class:"preloader-list",onClick:E=>t.onBarClick(l)},[C,b(c,{value:r.list[l].fill,size:t.barSize,width:t.barWidth,transitionDuration:r.list[l].fillTime,isMobile:t.isMobile},null,8,["value","size","width","transitionDuration","isMobile"]),n("div",{class:"preloader-title",innerHTML:r.list[l].title},null,8,P)],8,M))),256))],2)])}const k={props:["openParams"],components:{RadialProgressBar:d},data(){return{list:[]}},computed:{isMobile(){return this.$root.isMobile},barSize(){return this.isMobile?10:4},barWidth(){return this.isMobile?1.2:.4}},created(){this.$data.noAdaptation=!0,this.openParams&&this.getBarInfo(this.openParams)},methods:{onBarClick(e){this.isMobile&&sendClientEvent(gm.EVENT_EXECUTE_PUBLIC,"OnProgressBarClick",e)},getBarInfo(e){let i=[];for(let s in e)i.push({title:e[s][0],fill:e[s][1],fillTime:e[s][2]});this.list=i},startFillingTime(e){this.setFill(e,100)},getBarStyle(){return{transform:"rotate(-180deg)",width:`${this.barSize}vh`,height:`${this.barSize}vh`}},setFill(e,i){this.list[e].fill=i},setFillTime(e,i){this.list[e].fillTime=i}}},w=g(k,[["render",T],["__scopeId","data-v-db54fb94"]]);export{w as default};
