camera.ui3 0.0.31-alpha.6 → 0.0.31-alpha.7

package/dist/interface/{Adminpanel.DnKBCKqj.0.0.31-alpha.6.js → Adminpanel.BaWQ_scK.0.0.31-alpha.7.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["vue3-apexcharts.BG7T9bMS.0.0.31-alpha.6.js","apexcharts.C4f1qMFI.0.0.31-alpha.6.js","@xterm.BnL94qKf.0.0.31-alpha.6.js","assets/@xterm.0.0.31-alpha.6.CGrrDQr5.css","@vue.FH56CEei.0.0.31-alpha.6.js"])))=>i.map(i=>d[i]);
-var be=Object.defineProperty;var xe=(g,r,m)=>r in g?be(g,r,{enumerable:!0,configurable:!0,writable:!0,value:m}):g[r]=m;var ce=(g,r,m)=>xe(g,typeof r!="symbol"?r+"":r,m);import{G as B,t as ve,r as c,E as Y,c as I,K as fe,b as L,P as T,S as o,f as x,u as a,W as $,U as W,d as ee,k as he,e as te,p as M,N as p,ar as ke,A as _e,w as G,a3 as J,m as ue,ap as Q,V as we,g as de}from"./@vue.FH56CEei.0.0.31-alpha.6.js";import{ay as We,at as me}from"./@mdi.DVdKciOk.0.0.31-alpha.6.js";import{i as U,u as Le,t as ae,P as Ne,Q as Se,d as X,a as Ce,O as Pe,z as H,y as ge,f as Te}from"./main.ByZ7Q5Rt.0.0.31-alpha.6.js";import{s as ye}from"./pinia.L60izDXb.0.0.31-alpha.6.js";import{l as se,T as oe,b as re,e as ne,a0 as Oe,a1 as Z,X as pe,m as z}from"./vuetify.kD5nPo6r.0.0.31-alpha.6.js";import{i as ie}from"./vue3-toastify.Dbp8MI4c.0.0.31-alpha.6.js";import{P as De}from"./plugins.C_xGOsFd.0.0.31-alpha.6.js";import{P as f}from"./types.Cz9TaZAP.0.0.31-alpha.6.js";import{u as Ee,a as Re,b as $e}from"./@tanstack.BfD3raHu.0.0.31-alpha.6.js";import{S as Ae}from"./system.CXmD6sT5.0.0.31-alpha.6.js";import"./vue-i18n.BtYk8wx7.0.0.31-alpha.6.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.6.js";import"./axios.C-n2IhIP.0.0.31-alpha.6.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.6.js";import"./vue-router.glLTNkuh.0.0.31-alpha.6.js";import"./@vueuse.CmOkMCeE.0.0.31-alpha.6.js";import"./nprogress.svoaQuap.0.0.31-alpha.6.js";import"./@xterm.BnL94qKf.0.0.31-alpha.6.js";import"./vee-validate.3sPlqUte.0.0.31-alpha.6.js";import"./@vee-validate.CB5bS6l-.0.0.31-alpha.6.js";import"./zod.DnW1_kUe.0.0.31-alpha.6.js";import"./uuid.DvF23Exx.0.0.31-alpha.6.js";import"./socket.io-client.CYWeGrUC.0.0.31-alpha.6.js";import"./engine.io-client.CQPyINXx.0.0.31-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.6.js";import"./socket.io-parser.DNk9jhqt.0.0.31-alpha.6.js";import"./rxjs.Bdc6OV8M.0.0.31-alpha.6.js";import"./tslib.9k7AwCpt.0.0.31-alpha.6.js";import"./vue-inline-svg.1dDdLUib.0.0.31-alpha.6.js";import"./v-calendar.Crg_fXjn.0.0.31-alpha.6.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.6.js";var A=(g=>(g.READY="ready",g.RESTARTING="restarting",g.STARTING="starting",g.STARTED="started",g.STOPPED="stopped",g.ERROR="error",g.UNKNOWN="unknown",g))(A||{});const Ie={class:"flex items-center first-item"},Fe={key:1},Ve={class:"text-center pt-2"},Qe=B({__name:"VUserTable",props:{loading:{type:Boolean,default:!1}},setup(g){const r=g,{t:m}=U.global,S=new Se,P=Le(),{isTouch:N}=ae(),{loginState:u}=ye(P),{loading:h}=ve(r),l=c({pageSize:5,page:1}),y=Y([{title:m("components.user_table.title_username"),align:"start",key:"username",value:"decoded.username",sortable:!0},{title:m("components.user_table.title_role"),align:"start",key:"role",value:"decoded.role",sortable:!0},{title:m("components.user_table.title_address"),align:"start",key:"address",value:"clientData.address",sortable:!0},{title:m("components.user_table.title_device"),align:"start",key:"device",value:"clientData.device",sortable:!0},{title:"",align:"end",key:"delete",value:"delete",width:"120px",sortable:!1}]),_=I(()=>O.value||i.value||h.value),k=I(()=>{var D;const R=Math.ceil((((D=w.value)==null?void 0:D.pagination.totalItems)||0)/l.value.pageSize);return R===1&&(l.value.page=1),R}),C=I(()=>{var R;return(R=w.value)==null?void 0:R.result.map(D=>({encoded:D.token,decoded:Ne(D.token.access_token),clientData:D.clientData}))}),{data:w,isLoading:i,isPlaceholderData:v}=S.listQuery(l,!0),{mutate:F,isPending:O}=S.logoutTokenQuery(),j=()=>{l.value.page=Math.max(l.value.page-1,1)},K=()=>{v.value||(l.value.page=l.value.page+1)};return(R,D)=>{const V=fe("router-link");return L(),T(Z,{"items-per-page":a(l).pageSize,headers:a(y),items:a(C),class:"elevation-0","item-value":"username","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.username":o(({item:E})=>[x("div",Ie,[E.encoded.access_token===a(u).access_token?(L(),T(V,{key:0,to:"/settings/account"},{default:o(()=>[$(W(E.decoded.username),1)]),_:2},1024)):(L(),ee("div",Fe,W(E.decoded.username),1)),E.encoded.access_token===a(u).access_token?(L(),T(se,{key:2,color:"#df2a4c",class:"ml-2",inline:"",content:R.$t("components.user_table.you")},null,8,["content"])):he("",!0)])]),"item.delete":o(({item:E})=>[te((L(),T(re,{color:"#df2a4c",density:"compact",loading:a(_),icon:"",onClick:M(q=>a(F)({id:E.encoded._id,access_token:E.encoded.access_token}),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(We)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(N),text:R.$t("components.form.tooltip.restart")}]])]),bottom:o(()=>[x("div",Ve,[p(Oe,{modelValue:a(l).page,"onUpdate:modelValue":D[0]||(D[0]=E=>a(l).page=E),length:a(k),onPrev:M(j,["prevent"]),onNext:M(K,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),ze=X(Qe,[["__scopeId","data-v-0f04954a"]]),je={key:0,class:"text-disabled"},le=B({__name:"VMetricCharts",props:{type:{},processInfo:{},maxDataPoints:{default:30},width:{default:200},height:{default:25},chartType:{default:"bar"}},async setup(g){let r,m;const S=([r,m]=ke(()=>Pe(()=>import("./vue3-apexcharts.BG7T9bMS.0.0.31-alpha.6.js"),__vite__mapDeps([0,1,2,3,4]))),r=await r,m(),r).default,P=Ce(),N=g,{theme:u}=ye(P),{type:h,processInfo:l,maxDataPoints:y,chartType:_}=ve(N),k=I(()=>{const v=(l.value||[]).map(O=>h.value==="cpu"?O.cpuLoad:O.memLoad).slice(-y.value);return[{data:[...v,...Array(y.value-v.length).fill(0)].map(O=>parseFloat(O))}]}),C=I(()=>{const v=(l.value||[]).map(O=>O.timestamp).slice(-y.value);return[{data:[...v,...Array(y.value-v.length).fill(0)]}]}),w=I(()=>({chart:{type:_.value,sparkline:{enabled:!0}},plotOptions:{bar:{columnWidth:"80%"}},colors:[({value:i})=>i>=90?"#FA5252":i>=50?"#FF9966":"#df2a4c"],xaxis:{crosshairs:{width:1},axisBorder:{show:!1},axisTicks:{show:!1},categories:C.value[0].data},yaxis:{show:!1,labels:{formatter:i=>Math.ceil(i).toString()},min:0},tooltip:{theme:u.value,fixed:{enabled:!1},marker:{show:!1},y:{title:{formatter:function(){return""}},formatter:i=>`${i} %`},x:{formatter:i=>new Date(i).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}}}));return(i,v)=>(L(),ee("div",null,[!a(l)||!a(l).length?(L(),ee("span",je,W(i.$t("components.charts.no_data")),1)):(L(),T(a(S),{key:1,type:a(_),options:a(w),series:a(k),height:i.height,width:i.width,"data-no-clone":""},null,8,["type","options","series","height","width"]))]))}}),Ke={class:"flex items-center first-item"},Be=B({__name:"VPluginTable",setup(g){const{t:r}=U.global,{isTouch:m}=ae(),S=H(),P=new De,N=c(),u=c(),h=c({}),l=c([]),y=c(30),_=c(200),k=c(32),C={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},w=c({}),i=c({}),v=I(()=>Object.values(w.value).filter(e=>{var t;const s=(t=O.value)==null?void 0:t.result.find(n=>n.pluginName===e.name);if(s&&!s.disabled)return e}).filter(Boolean)),F=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:O,isLoading:j,suspense:K}=P.getPluginsQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartPluginQuery(),D=I(()=>e=>l.value.includes(e));G(i,e=>{for(const[s,t]of Object.entries(e))w.value[s]=t[t.length-1]??{name:s,...C}},{deep:!0,immediate:!0}),G(O,e=>{if(e)for(const s of e.result)s.disabled||(i.value[s.pluginName]||(i.value[s.pluginName]=[]),h.value[s.pluginName]||(h.value[s.pluginName]={name:s.pluginName,status:f.UNKNOWN}))},{deep:!0,immediate:!0});const V=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return"#9d5752";case f.STARTING:return"orange";case f.READY:return"yellow";case f.STARTED:return"green";case f.STOPPED:return"red";case f.DISABLED:return"#2196f3";case f.UNKNOWN:return"gray";default:return"gray"}},E=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return r("components.process_table.status_error");case f.STOPPED:return r("components.process_table.status_stopped");case f.READY:return r("components.process_table.status_ready");case f.STARTING:return r("components.process_table.status_starting");case f.STARTED:return r("components.process_table.status_started");default:return r("components.process_table.status_unknown")}},q=async e=>{var s,t,n,d;l.value.push(e);try{await R({pluginName:e})}catch(b){console.error(((t=(s=b.response)==null?void 0:s.data)==null?void 0:t.message)??b.message??b),ie.error(((d=(n=b.response)==null?void 0:n.data)==null?void 0:d.message)??b.message??b)}finally{l.value=l.value.filter(b=>b!==e)}};return J(async()=>{if(N.value=S.getExistingNamespace("/metrics"),u.value=S.getExistingNamespace("/status"),!N.value)throw new Error("Not connected to metrics!");if(!u.value)throw new Error("Not connected to status!");await K(),await new Promise(e=>setTimeout(e,10)),u.value.socket.emit("get-plugin-process-status"),u.value.socket.on("plugin-process-status",e=>{for(const[s,t]of Object.entries(e))h.value[s]=t}),N.value.request("get-plugins-process-info").subscribe(e=>{i.value=e}),N.value.socket.on("process-infos",e=>{const s=e.plugins;Object.keys(i.value).forEach(t=>{s[t]||delete i.value[t]}),Object.keys(w.value).forEach(t=>{s[t]||delete w.value[t]});for(const[t,n]of Object.entries(s))i.value[t]||(i.value[t]=[]),i.value[t].push(n)})}),(e,s)=>{const t=fe("router-link"),n=le;return L(),T(Z,{"items-per-page":-1,headers:a(F),items:a(v),class:"elevation-0",loading:a(j),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":o(({item:d})=>[x("div",Ke,[p(pe,{location:"top",text:E(d.name)},{activator:o(({props:b})=>[p(se,ue(b,{color:V(d.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),p(t,{to:`/plugins/${d.name}`,class:"ml-1"},{default:o(()=>[$(W(d.name),1)]),_:2},1032,["to"])])]),"item.cpuLoad":o(({item:d})=>[p(z,{color:parseFloat(d.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(d.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(({item:d})=>[(L(),T(Q,null,{default:o(()=>[p(n,{type:"cpu","max-data-points":a(y),"process-info":a(i)[d.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":o(({item:d})=>[p(z,{color:parseFloat(d.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(d.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(({item:d})=>[(L(),T(Q,null,{default:o(()=>[p(n,{type:"memory","max-data-points":a(y),"process-info":a(i)[d.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":o(({item:d})=>[te((L(),T(re,{color:"#df2a4c",density:"compact",loading:a(D)(d.name),icon:"",onClick:M(b=>q(d.name),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(me)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(m),text:e.$t("components.form.tooltip.restart")}]])]),bottom:o(()=>s[0]||(s[0]=[])),_:1},8,["headers","items","loading"])}}}),qe=X(Be,[["__scopeId","data-v-2b785e39"]]),Me=async({parameter:g,signal:r})=>(await ge.get("/frameworkers",{params:g,signal:r})).data,Ge=async({frameWorkerName:g})=>(await ge.put(`/frameworkers/${g}/restart`)).data;class Ue{constructor(){ce(this,"_queryClient",Ee());ce(this,"queryActivator",c([{name:"getFrameWorkersQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getFrameWorkersQuery(r){return Re({queryKey:["frameWorkerList",r],queryFn:({signal:m})=>Me({parameter:a(r),signal:m}),placeholderData:m=>m,enabled:()=>this.queryActivator.value.some(m=>m.name==="getFrameWorkersQuery"&&m.enabled)})}restartFrameWorkerQuery(){return $e({mutationFn:Ge,onSuccess:async(r,m)=>{await this._queryClient.refetchQueries({queryKey:["frameWorkers",m.frameWorkerName]}),ie.success(U.global.t("components.toast.frame_worker_restarted"))}})}toggleQueryActivator(r,m){const S=this.queryActivator.value.find(P=>P.name===r);S&&(S.enabled=m)}}const Ye={class:"flex items-center first-item"},Je={class:"ml-1"},Xe=B({__name:"VFrameWorkerTable",setup(g){const{t:r}=U.global,m=H(),{isTouch:S}=ae(),P=new Ue,N=c(),u=c(),h=c({}),l=c([]),y=c(30),_=c(200),k=c(32),C={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},w=c({}),i=c({}),v=I(()=>Object.values(w.value).filter(Boolean)),F=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:O,isLoading:j,suspense:K}=P.getFrameWorkersQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartFrameWorkerQuery(),D=I(()=>e=>l.value.includes(e));G(i,e=>{for(const[s,t]of Object.entries(e))w.value[s]=t[t.length-1]??{name:s,...C}},{deep:!0,immediate:!0}),G(O,e=>{if(e)for(const s of e.result)i.value[s.name]||(i.value[s.name]=[]),h.value[s.name]||(h.value[s.name]={name:s.name,status:f.UNKNOWN})},{deep:!0,immediate:!0});const V=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return"#9d5752";case f.STARTING:return"orange";case f.READY:return"yellow";case f.STARTED:return"green";case f.STOPPED:return"red";case f.DISABLED:return"#2196f3";case f.UNKNOWN:return"gray";default:return"gray"}},E=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return r("components.process_table.status_error");case f.STOPPED:return r("components.process_table.status_stopped");case f.READY:return r("components.process_table.status_ready");case f.STARTING:return r("components.process_table.status_starting");case f.STARTED:return r("components.process_table.status_started");default:return r("components.process_table.status_unknown")}},q=async e=>{var s,t,n,d;l.value.push(e);try{await R({frameWorkerName:e})}catch(b){console.error(((t=(s=b.response)==null?void 0:s.data)==null?void 0:t.message)??b.message??b),ie.error(((d=(n=b.response)==null?void 0:n.data)==null?void 0:d.message)??b.message??b)}finally{l.value=l.value.filter(b=>b!==e)}};return J(async()=>{if(N.value=m.getExistingNamespace("/metrics"),u.value=m.getExistingNamespace("/status"),!N.value)throw new Error("Not connected to metrics!");if(!u.value)throw new Error("Not connected to status!");await K(),await new Promise(e=>setTimeout(e,10)),u.value.socket.emit("get-frameworker-process-status"),u.value.socket.on("frameworker-process-status",e=>{for(const[s,t]of Object.entries(e))h.value[s]=t}),N.value.request("get-frameworker-process-info").subscribe(e=>{i.value=e}),N.value.socket.on("process-infos",e=>{const s=e.workers;Object.keys(i.value).forEach(t=>{s[t]||delete i.value[t]}),Object.keys(w.value).forEach(t=>{s[t]||delete w.value[t]});for(const[t,n]of Object.entries(s))i.value[t]||(i.value[t]=[]),i.value[t].push(n)})}),(e,s)=>{const t=le;return L(),T(Z,{"items-per-page":-1,headers:a(F),items:a(v),class:"elevation-0",loading:a(j),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":o(({item:n})=>[x("div",Ye,[p(pe,{location:"top",text:E(n.name)},{activator:o(({props:d})=>[p(se,ue(d,{color:V(n.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),x("div",Je,W(n.name),1)])]),"item.cpuLoad":o(({item:n})=>[p(z,{color:parseFloat(n.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"cpu","max-data-points":a(y),"process-info":a(i)[n.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":o(({item:n})=>[p(z,{color:parseFloat(n.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"memory","max-data-points":a(y),"process-info":a(i)[n.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":o(({item:n})=>[te((L(),T(re,{color:"#df2a4c",density:"compact",loading:a(D)(n.name),icon:"",onClick:M(d=>q(n.name),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(me)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(S),text:e.$t("components.form.tooltip.restart")}]])]),bottom:o(()=>s[0]||(s[0]=[])),_:1},8,["headers","items","loading"])}}}),He=X(Xe,[["__scopeId","data-v-eaa0affd"]]),Ze={class:"flex items-center first-item"},et={class:"ml-1"},tt=B({__name:"VProcessTable",setup(g){const{t:r}=U.global,m=H(),{isTouch:S}=ae(),P=new Ae,N=c(),u=c(),h=c(30),l=c(200),y=c(32),_=c(A.UNKNOWN),k=c(A.UNKNOWN),C=c(A.UNKNOWN),w={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},i=c({server:{name:"server",...w},go2rtc:{name:"go2rtc",...w},nats:{name:"nats",...w}}),v=c({server:[],go2rtc:[],nats:[]}),F=I(()=>Object.values(i.value).filter(Boolean)),O=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:l.value+y.value,minWidth:l.value+y.value,maxWidth:l.value+y.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:l.value+y.value,minWidth:l.value+y.value,maxWidth:l.value+y.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{mutateAsync:j,isPending:K}=P.restartGo2RtcQuery(),{mutateAsync:R,isPending:D}=P.restartServerQuery();G(v,e=>{i.value.server=e.server[e.server.length-1]??{...w,name:"server"},i.value.go2rtc=e.go2rtc[e.go2rtc.length-1]??{...w,name:"go2rtc"},i.value.nats=e.nats[e.nats.length-1]??{...w,name:"nats"}},{deep:!0,immediate:!0});const V=e=>{switch(e){case"server":return _.value;case"go2rtc":return k.value;case"nats":return C.value;default:return A.UNKNOWN}},E=e=>{switch(V(e)){case A.ERROR:return"#9d5752";case A.STARTING:return"orange";case A.READY:return"yellow";case A.STARTED:return"green";case A.STOPPED:return"red";case A.UNKNOWN:return"gray";default:return"gray"}},q=async e=>{var s,t,n,d;try{e==="server"?await R():await j()}catch(b){console.error(((t=(s=b.response)==null?void 0:s.data)==null?void 0:t.message)??b.message??b),ie.error(((d=(n=b.response)==null?void 0:n.data)==null?void 0:d.message)??b.message??b)}};return J(async()=>{if(N.value=m.getExistingNamespace("/metrics"),u.value=m.getExistingNamespace("/status"),!N.value)throw new Error("Not connected to metrics!");if(!u.value)throw new Error("Not connected to status!");await new Promise(e=>setTimeout(e,10)),u.value.socket.emit("get-process-status"),u.value.socket.on("process-status",e=>{e.server&&(_.value=e.server.status),e.go2rtc&&(k.value=e.go2rtc.status),e.nats&&(C.value=e.nats.status)}),N.value.request("get-server-process-info").subscribe(e=>{v.value=e}),N.value.socket.on("process-infos",e=>{const s=e.server,t=e.go2rtc,n=e.nats;v.value.server.push(s),v.value.go2rtc.push(t),v.value.nats.push(n)})}),(e,s)=>{const t=le;return L(),T(Z,{"items-per-page":-1,headers:a(O),items:a(F),class:"elevation-0","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":o(({item:n})=>[x("div",Ze,[p(pe,{location:"top",text:e.$t(`components.process_table.status_${V(n.name)}`)},{activator:o(({props:d})=>[p(se,ue(d,{color:E(n.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),x("div",et,W(n.name),1)])]),"item.cpuLoad":o(({item:n})=>[p(z,{color:parseFloat(n.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"cpu","max-data-points":a(h),"process-info":n.name==="server"?a(v).server:n.name==="go2rtc"?a(v).go2rtc:a(v).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":o(({item:n})=>[p(z,{color:parseFloat(n.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"memory","max-data-points":a(h),"process-info":n.name==="server"?a(v).server:n.name==="go2rtc"?a(v).go2rtc:a(v).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":o(({item:n})=>[n.name!=="nats"?te((L(),T(re,{key:0,color:"#df2a4c",density:"compact",loading:n.name==="server"?a(D):a(K),icon:"",onClick:M(d=>q(n.name),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(me)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(S),text:e.$t("components.form.tooltip.restart")}]]):he("",!0)]),bottom:o(()=>s[0]||(s[0]=[])),_:1},8,["headers","items"])}}}),at=X(tt,[["__scopeId","data-v-19e4bd2a"]]),st=B({__name:"VSystemMetricsTable",setup(g){const{t:r}=U.global,m=H(),S=c(),P=c(),N=c(30),u=c(200),h=c(32),l={cpuLoad:"0.00",memLoad:"0.00",timestamp:0},y=c([{name:"server",...l}]),_=c([]),k=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:u.value+h.value,minWidth:u.value+h.value,maxWidth:u.value+h.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:u.value+h.value,minWidth:u.value+h.value,maxWidth:u.value+h.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]);return G(_,C=>{y.value=[C[C.length-1]??{...l,name:"system"}]},{deep:!0,immediate:!0}),J(async()=>{if(S.value=m.getExistingNamespace("/metrics"),P.value=m.getExistingNamespace("/status"),!S.value)throw new Error("Not connected to metrics!");if(!P.value)throw new Error("Not connected to status!");await new Promise(C=>setTimeout(C,10)),S.value.request("get-system-info").subscribe(C=>{_.value=C}),S.value.socket.on("system-infos",C=>{_.value.push(C)})}),(C,w)=>{const i=le;return L(),T(Z,{"items-per-page":-1,headers:a(k),items:a(y),class:"elevation-0","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.cpuLoad":o(({item:v})=>[p(z,{color:parseFloat(v.cpuLoad)>=75?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(v.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(()=>[(L(),T(Q,null,{default:o(()=>[p(i,{type:"cpu","max-data-points":a(N),"process-info":a(_)},null,8,["max-data-points","process-info"])]),_:1}))]),"item.memLoad":o(({item:v})=>[p(z,{color:parseFloat(v.memLoad)>=75?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(v.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(()=>[(L(),T(Q,null,{default:o(()=>[p(i,{type:"memory","max-data-points":a(N),"process-info":a(_)},null,8,["max-data-points","process-info"])]),_:1}))]),bottom:o(()=>w[0]||(w[0]=[])),_:1},8,["headers","items"])}}}),ot=X(st,[["__scopeId","data-v-ab47f1e3"]]),rt={class:"h-full w-full inline-size mb-safe"},nt={class:"page-title"},it={class:"subview-title text-color"},lt={class:"inner-component p-4"},ct={class:"mt-10"},ut={class:"subview-title text-color"},mt={class:"inner-component p-4"},pt={class:"mt-10"},dt={class:"subview-title text-color"},vt={class:"inner-component p-4"},ft={class:"mt-10"},ht={class:"subview-title text-color"},_t={class:"inner-component p-4"},gt={class:"mt-10"},yt={class:"subview-title text-color"},bt={class:"inner-component p-4"},ea=B({__name:"Adminpanel",setup(g){const r=H(),{smallMobileActive:m}=Te(),S=c(),P=c(),N=c(!1);return J(()=>{S.value=r.connectToNamespace("/metrics"),P.value=r.connectToNamespace("/status")}),we(()=>{var u,h,l,y;(h=(u=S.value)==null?void 0:u.end)==null||h.call(u),(y=(l=P.value)==null?void 0:l.end)==null||y.call(l)}),(u,h)=>{const l=ot,y=at,_=He,k=qe,C=ze;return L(),ee("main",{class:de(["w-full h-full",{"px-0":a(m)}])},[x("div",rt,[x("div",{class:de(["mb-3 flex w-full items-center",{"px-2":a(m)}]),style:{height:"30px"}},[x("h1",nt,W(u.$t(`views.${String(u.$route.name).toLowerCase()}.title`)),1)],2),x("div",null,[x("span",it,W(u.$t("views.adminpanel.system")),1),x("div",lt,[p(l)])]),x("div",ct,[x("span",ut,W(u.$t("views.adminpanel.main_processes")),1),x("div",mt,[p(y)])]),x("div",pt,[x("span",dt,W(u.$t("views.adminpanel.frameworker")),1),x("div",vt,[p(_)])]),x("div",ft,[x("span",ht,W(u.$t("views.adminpanel.plugins")),1),x("div",_t,[p(k)])]),x("div",gt,[x("span",yt,W(u.$t("views.adminpanel.currently_loggedin_users")),1),x("div",bt,[p(C,{loading:a(N)},null,8,["loading"])])])])],2)}}});export{ea as default};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["vue3-apexcharts.DihGA-Qc.0.0.31-alpha.7.js","apexcharts.rWLnyoo2.0.0.31-alpha.7.js","@xterm.5BydZhPp.0.0.31-alpha.7.js","assets/@xterm.0.0.31-alpha.7.CGrrDQr5.css","@vue.FH56CEei.0.0.31-alpha.7.js"])))=>i.map(i=>d[i]);
+var be=Object.defineProperty;var xe=(g,r,m)=>r in g?be(g,r,{enumerable:!0,configurable:!0,writable:!0,value:m}):g[r]=m;var ce=(g,r,m)=>xe(g,typeof r!="symbol"?r+"":r,m);import{G as B,t as ve,r as c,E as Y,c as I,K as fe,b as L,P as T,S as o,f as x,u as a,W as $,U as W,d as ee,k as he,e as te,p as M,N as p,ar as ke,A as _e,w as G,a3 as J,m as ue,ap as Q,V as we,g as de}from"./@vue.FH56CEei.0.0.31-alpha.7.js";import{ay as We,at as me}from"./@mdi.DVdKciOk.0.0.31-alpha.7.js";import{i as U,u as Le,t as ae,P as Ne,Q as Se,d as X,a as Ce,O as Pe,z as H,y as ge,f as Te}from"./main.3GWz905i.0.0.31-alpha.7.js";import{s as ye}from"./pinia.BmNMGws-.0.0.31-alpha.7.js";import{l as se,T as oe,b as re,e as ne,a0 as Oe,a1 as Z,X as pe,m as z}from"./vuetify.eyVDgSy7.0.0.31-alpha.7.js";import{i as ie}from"./vue3-toastify.183kFIIP.0.0.31-alpha.7.js";import{P as De}from"./plugins.8xllclI2.0.0.31-alpha.7.js";import{P as f}from"./types.Cz9TaZAP.0.0.31-alpha.7.js";import{u as Ee,a as Re,b as $e}from"./@tanstack.C5ZmdPMX.0.0.31-alpha.7.js";import{S as Ae}from"./system.CfsZJsD4.0.0.31-alpha.7.js";import"./vue-i18n.47lrsSx-.0.0.31-alpha.7.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.7.js";import"./axios.C-n2IhIP.0.0.31-alpha.7.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.7.js";import"./vue-router.6SfjZo7d.0.0.31-alpha.7.js";import"./@vueuse.PD04ZxXf.0.0.31-alpha.7.js";import"./nprogress.Vi6jioDG.0.0.31-alpha.7.js";import"./@xterm.5BydZhPp.0.0.31-alpha.7.js";import"./vee-validate.CgBFBn_c.0.0.31-alpha.7.js";import"./@vee-validate.C1sFKgmu.0.0.31-alpha.7.js";import"./zod.DnW1_kUe.0.0.31-alpha.7.js";import"./uuid.DvF23Exx.0.0.31-alpha.7.js";import"./socket.io-client.CREiw90L.0.0.31-alpha.7.js";import"./engine.io-client.0rDBaiC-.0.0.31-alpha.7.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.7.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.7.js";import"./socket.io-parser.CXwV0PeT.0.0.31-alpha.7.js";import"./rxjs.yBzqm3cW.0.0.31-alpha.7.js";import"./tslib.9k7AwCpt.0.0.31-alpha.7.js";import"./vue-inline-svg.B_v_uRHL.0.0.31-alpha.7.js";import"./v-calendar.DbgRs2B9.0.0.31-alpha.7.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.7.js";var A=(g=>(g.READY="ready",g.RESTARTING="restarting",g.STARTING="starting",g.STARTED="started",g.STOPPED="stopped",g.ERROR="error",g.UNKNOWN="unknown",g))(A||{});const Ie={class:"flex items-center first-item"},Fe={key:1},Ve={class:"text-center pt-2"},Qe=B({__name:"VUserTable",props:{loading:{type:Boolean,default:!1}},setup(g){const r=g,{t:m}=U.global,S=new Se,P=Le(),{isTouch:N}=ae(),{loginState:u}=ye(P),{loading:h}=ve(r),l=c({pageSize:5,page:1}),y=Y([{title:m("components.user_table.title_username"),align:"start",key:"username",value:"decoded.username",sortable:!0},{title:m("components.user_table.title_role"),align:"start",key:"role",value:"decoded.role",sortable:!0},{title:m("components.user_table.title_address"),align:"start",key:"address",value:"clientData.address",sortable:!0},{title:m("components.user_table.title_device"),align:"start",key:"device",value:"clientData.device",sortable:!0},{title:"",align:"end",key:"delete",value:"delete",width:"120px",sortable:!1}]),_=I(()=>O.value||i.value||h.value),k=I(()=>{var D;const R=Math.ceil((((D=w.value)==null?void 0:D.pagination.totalItems)||0)/l.value.pageSize);return R===1&&(l.value.page=1),R}),C=I(()=>{var R;return(R=w.value)==null?void 0:R.result.map(D=>({encoded:D.token,decoded:Ne(D.token.access_token),clientData:D.clientData}))}),{data:w,isLoading:i,isPlaceholderData:v}=S.listQuery(l,!0),{mutate:F,isPending:O}=S.logoutTokenQuery(),j=()=>{l.value.page=Math.max(l.value.page-1,1)},K=()=>{v.value||(l.value.page=l.value.page+1)};return(R,D)=>{const V=fe("router-link");return L(),T(Z,{"items-per-page":a(l).pageSize,headers:a(y),items:a(C),class:"elevation-0","item-value":"username","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.username":o(({item:E})=>[x("div",Ie,[E.encoded.access_token===a(u).access_token?(L(),T(V,{key:0,to:"/settings/account"},{default:o(()=>[$(W(E.decoded.username),1)]),_:2},1024)):(L(),ee("div",Fe,W(E.decoded.username),1)),E.encoded.access_token===a(u).access_token?(L(),T(se,{key:2,color:"#df2a4c",class:"ml-2",inline:"",content:R.$t("components.user_table.you")},null,8,["content"])):he("",!0)])]),"item.delete":o(({item:E})=>[te((L(),T(re,{color:"#df2a4c",density:"compact",loading:a(_),icon:"",onClick:M(q=>a(F)({id:E.encoded._id,access_token:E.encoded.access_token}),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(We)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(N),text:R.$t("components.form.tooltip.restart")}]])]),bottom:o(()=>[x("div",Ve,[p(Oe,{modelValue:a(l).page,"onUpdate:modelValue":D[0]||(D[0]=E=>a(l).page=E),length:a(k),onPrev:M(j,["prevent"]),onNext:M(K,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),ze=X(Qe,[["__scopeId","data-v-0f04954a"]]),je={key:0,class:"text-disabled"},le=B({__name:"VMetricCharts",props:{type:{},processInfo:{},maxDataPoints:{default:30},width:{default:200},height:{default:25},chartType:{default:"bar"}},async setup(g){let r,m;const S=([r,m]=ke(()=>Pe(()=>import("./vue3-apexcharts.DihGA-Qc.0.0.31-alpha.7.js"),__vite__mapDeps([0,1,2,3,4]))),r=await r,m(),r).default,P=Ce(),N=g,{theme:u}=ye(P),{type:h,processInfo:l,maxDataPoints:y,chartType:_}=ve(N),k=I(()=>{const v=(l.value||[]).map(O=>h.value==="cpu"?O.cpuLoad:O.memLoad).slice(-y.value);return[{data:[...v,...Array(y.value-v.length).fill(0)].map(O=>parseFloat(O))}]}),C=I(()=>{const v=(l.value||[]).map(O=>O.timestamp).slice(-y.value);return[{data:[...v,...Array(y.value-v.length).fill(0)]}]}),w=I(()=>({chart:{type:_.value,sparkline:{enabled:!0}},plotOptions:{bar:{columnWidth:"80%"}},colors:[({value:i})=>i>=90?"#FA5252":i>=50?"#FF9966":"#df2a4c"],xaxis:{crosshairs:{width:1},axisBorder:{show:!1},axisTicks:{show:!1},categories:C.value[0].data},yaxis:{show:!1,labels:{formatter:i=>Math.ceil(i).toString()},min:0},tooltip:{theme:u.value,fixed:{enabled:!1},marker:{show:!1},y:{title:{formatter:function(){return""}},formatter:i=>`${i} %`},x:{formatter:i=>new Date(i).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}}}));return(i,v)=>(L(),ee("div",null,[!a(l)||!a(l).length?(L(),ee("span",je,W(i.$t("components.charts.no_data")),1)):(L(),T(a(S),{key:1,type:a(_),options:a(w),series:a(k),height:i.height,width:i.width,"data-no-clone":""},null,8,["type","options","series","height","width"]))]))}}),Ke={class:"flex items-center first-item"},Be=B({__name:"VPluginTable",setup(g){const{t:r}=U.global,{isTouch:m}=ae(),S=H(),P=new De,N=c(),u=c(),h=c({}),l=c([]),y=c(30),_=c(200),k=c(32),C={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},w=c({}),i=c({}),v=I(()=>Object.values(w.value).filter(e=>{var t;const s=(t=O.value)==null?void 0:t.result.find(n=>n.pluginName===e.name);if(s&&!s.disabled)return e}).filter(Boolean)),F=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:O,isLoading:j,suspense:K}=P.getPluginsQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartPluginQuery(),D=I(()=>e=>l.value.includes(e));G(i,e=>{for(const[s,t]of Object.entries(e))w.value[s]=t[t.length-1]??{name:s,...C}},{deep:!0,immediate:!0}),G(O,e=>{if(e)for(const s of e.result)s.disabled||(i.value[s.pluginName]||(i.value[s.pluginName]=[]),h.value[s.pluginName]||(h.value[s.pluginName]={name:s.pluginName,status:f.UNKNOWN}))},{deep:!0,immediate:!0});const V=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return"#9d5752";case f.STARTING:return"orange";case f.READY:return"yellow";case f.STARTED:return"green";case f.STOPPED:return"red";case f.DISABLED:return"#2196f3";case f.UNKNOWN:return"gray";default:return"gray"}},E=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return r("components.process_table.status_error");case f.STOPPED:return r("components.process_table.status_stopped");case f.READY:return r("components.process_table.status_ready");case f.STARTING:return r("components.process_table.status_starting");case f.STARTED:return r("components.process_table.status_started");default:return r("components.process_table.status_unknown")}},q=async e=>{var s,t,n,d;l.value.push(e);try{await R({pluginName:e})}catch(b){console.error(((t=(s=b.response)==null?void 0:s.data)==null?void 0:t.message)??b.message??b),ie.error(((d=(n=b.response)==null?void 0:n.data)==null?void 0:d.message)??b.message??b)}finally{l.value=l.value.filter(b=>b!==e)}};return J(async()=>{if(N.value=S.getExistingNamespace("/metrics"),u.value=S.getExistingNamespace("/status"),!N.value)throw new Error("Not connected to metrics!");if(!u.value)throw new Error("Not connected to status!");await K(),await new Promise(e=>setTimeout(e,10)),u.value.socket.emit("get-plugin-process-status"),u.value.socket.on("plugin-process-status",e=>{for(const[s,t]of Object.entries(e))h.value[s]=t}),N.value.request("get-plugins-process-info").subscribe(e=>{i.value=e}),N.value.socket.on("process-infos",e=>{const s=e.plugins;Object.keys(i.value).forEach(t=>{s[t]||delete i.value[t]}),Object.keys(w.value).forEach(t=>{s[t]||delete w.value[t]});for(const[t,n]of Object.entries(s))i.value[t]||(i.value[t]=[]),i.value[t].push(n)})}),(e,s)=>{const t=fe("router-link"),n=le;return L(),T(Z,{"items-per-page":-1,headers:a(F),items:a(v),class:"elevation-0",loading:a(j),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":o(({item:d})=>[x("div",Ke,[p(pe,{location:"top",text:E(d.name)},{activator:o(({props:b})=>[p(se,ue(b,{color:V(d.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),p(t,{to:`/plugins/${d.name}`,class:"ml-1"},{default:o(()=>[$(W(d.name),1)]),_:2},1032,["to"])])]),"item.cpuLoad":o(({item:d})=>[p(z,{color:parseFloat(d.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(d.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(({item:d})=>[(L(),T(Q,null,{default:o(()=>[p(n,{type:"cpu","max-data-points":a(y),"process-info":a(i)[d.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":o(({item:d})=>[p(z,{color:parseFloat(d.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(d.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(({item:d})=>[(L(),T(Q,null,{default:o(()=>[p(n,{type:"memory","max-data-points":a(y),"process-info":a(i)[d.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":o(({item:d})=>[te((L(),T(re,{color:"#df2a4c",density:"compact",loading:a(D)(d.name),icon:"",onClick:M(b=>q(d.name),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(me)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(m),text:e.$t("components.form.tooltip.restart")}]])]),bottom:o(()=>s[0]||(s[0]=[])),_:1},8,["headers","items","loading"])}}}),qe=X(Be,[["__scopeId","data-v-2b785e39"]]),Me=async({parameter:g,signal:r})=>(await ge.get("/frameworkers",{params:g,signal:r})).data,Ge=async({frameWorkerName:g})=>(await ge.put(`/frameworkers/${g}/restart`)).data;class Ue{constructor(){ce(this,"_queryClient",Ee());ce(this,"queryActivator",c([{name:"getFrameWorkersQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getFrameWorkersQuery(r){return Re({queryKey:["frameWorkerList",r],queryFn:({signal:m})=>Me({parameter:a(r),signal:m}),placeholderData:m=>m,enabled:()=>this.queryActivator.value.some(m=>m.name==="getFrameWorkersQuery"&&m.enabled)})}restartFrameWorkerQuery(){return $e({mutationFn:Ge,onSuccess:async(r,m)=>{await this._queryClient.refetchQueries({queryKey:["frameWorkers",m.frameWorkerName]}),ie.success(U.global.t("components.toast.frame_worker_restarted"))}})}toggleQueryActivator(r,m){const S=this.queryActivator.value.find(P=>P.name===r);S&&(S.enabled=m)}}const Ye={class:"flex items-center first-item"},Je={class:"ml-1"},Xe=B({__name:"VFrameWorkerTable",setup(g){const{t:r}=U.global,m=H(),{isTouch:S}=ae(),P=new Ue,N=c(),u=c(),h=c({}),l=c([]),y=c(30),_=c(200),k=c(32),C={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},w=c({}),i=c({}),v=I(()=>Object.values(w.value).filter(Boolean)),F=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:_.value+k.value,minWidth:_.value+k.value,maxWidth:_.value+k.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:O,isLoading:j,suspense:K}=P.getFrameWorkersQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartFrameWorkerQuery(),D=I(()=>e=>l.value.includes(e));G(i,e=>{for(const[s,t]of Object.entries(e))w.value[s]=t[t.length-1]??{name:s,...C}},{deep:!0,immediate:!0}),G(O,e=>{if(e)for(const s of e.result)i.value[s.name]||(i.value[s.name]=[]),h.value[s.name]||(h.value[s.name]={name:s.name,status:f.UNKNOWN})},{deep:!0,immediate:!0});const V=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return"#9d5752";case f.STARTING:return"orange";case f.READY:return"yellow";case f.STARTED:return"green";case f.STOPPED:return"red";case f.DISABLED:return"#2196f3";case f.UNKNOWN:return"gray";default:return"gray"}},E=e=>{var t;switch(((t=h.value[e])==null?void 0:t.status)??f.UNKNOWN){case f.ERROR:return r("components.process_table.status_error");case f.STOPPED:return r("components.process_table.status_stopped");case f.READY:return r("components.process_table.status_ready");case f.STARTING:return r("components.process_table.status_starting");case f.STARTED:return r("components.process_table.status_started");default:return r("components.process_table.status_unknown")}},q=async e=>{var s,t,n,d;l.value.push(e);try{await R({frameWorkerName:e})}catch(b){console.error(((t=(s=b.response)==null?void 0:s.data)==null?void 0:t.message)??b.message??b),ie.error(((d=(n=b.response)==null?void 0:n.data)==null?void 0:d.message)??b.message??b)}finally{l.value=l.value.filter(b=>b!==e)}};return J(async()=>{if(N.value=m.getExistingNamespace("/metrics"),u.value=m.getExistingNamespace("/status"),!N.value)throw new Error("Not connected to metrics!");if(!u.value)throw new Error("Not connected to status!");await K(),await new Promise(e=>setTimeout(e,10)),u.value.socket.emit("get-frameworker-process-status"),u.value.socket.on("frameworker-process-status",e=>{for(const[s,t]of Object.entries(e))h.value[s]=t}),N.value.request("get-frameworker-process-info").subscribe(e=>{i.value=e}),N.value.socket.on("process-infos",e=>{const s=e.workers;Object.keys(i.value).forEach(t=>{s[t]||delete i.value[t]}),Object.keys(w.value).forEach(t=>{s[t]||delete w.value[t]});for(const[t,n]of Object.entries(s))i.value[t]||(i.value[t]=[]),i.value[t].push(n)})}),(e,s)=>{const t=le;return L(),T(Z,{"items-per-page":-1,headers:a(F),items:a(v),class:"elevation-0",loading:a(j),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":o(({item:n})=>[x("div",Ye,[p(pe,{location:"top",text:E(n.name)},{activator:o(({props:d})=>[p(se,ue(d,{color:V(n.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),x("div",Je,W(n.name),1)])]),"item.cpuLoad":o(({item:n})=>[p(z,{color:parseFloat(n.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"cpu","max-data-points":a(y),"process-info":a(i)[n.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":o(({item:n})=>[p(z,{color:parseFloat(n.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"memory","max-data-points":a(y),"process-info":a(i)[n.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":o(({item:n})=>[te((L(),T(re,{color:"#df2a4c",density:"compact",loading:a(D)(n.name),icon:"",onClick:M(d=>q(n.name),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(me)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(S),text:e.$t("components.form.tooltip.restart")}]])]),bottom:o(()=>s[0]||(s[0]=[])),_:1},8,["headers","items","loading"])}}}),He=X(Xe,[["__scopeId","data-v-eaa0affd"]]),Ze={class:"flex items-center first-item"},et={class:"ml-1"},tt=B({__name:"VProcessTable",setup(g){const{t:r}=U.global,m=H(),{isTouch:S}=ae(),P=new Ae,N=c(),u=c(),h=c(30),l=c(200),y=c(32),_=c(A.UNKNOWN),k=c(A.UNKNOWN),C=c(A.UNKNOWN),w={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},i=c({"camera.ui":{name:"camera.ui",...w},go2rtc:{name:"go2rtc",...w},nats:{name:"nats",...w}}),v=c({"camera.ui":[],go2rtc:[],nats:[]}),F=I(()=>Object.values(i.value).filter(Boolean)),O=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:l.value+y.value,minWidth:l.value+y.value,maxWidth:l.value+y.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:l.value+y.value,minWidth:l.value+y.value,maxWidth:l.value+y.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{mutateAsync:j,isPending:K}=P.restartGo2RtcQuery(),{mutateAsync:R,isPending:D}=P.restartServerQuery();G(v,e=>{i.value["camera.ui"]=e["camera.ui"][e["camera.ui"].length-1]??{...w,name:"camera.ui"},i.value.go2rtc=e.go2rtc[e.go2rtc.length-1]??{...w,name:"go2rtc"},i.value.nats=e.nats[e.nats.length-1]??{...w,name:"nats"}},{deep:!0,immediate:!0});const V=e=>{switch(e){case"camera.ui":return _.value;case"go2rtc":return k.value;case"nats":return C.value;default:return A.UNKNOWN}},E=e=>{switch(V(e)){case A.ERROR:return"#9d5752";case A.STARTING:return"orange";case A.READY:return"yellow";case A.STARTED:return"green";case A.STOPPED:return"red";case A.UNKNOWN:return"gray";default:return"gray"}},q=async e=>{var s,t,n,d;try{e==="camera.ui"?await R():e==="go2rtc"&&await j()}catch(b){console.error(((t=(s=b.response)==null?void 0:s.data)==null?void 0:t.message)??b.message??b),ie.error(((d=(n=b.response)==null?void 0:n.data)==null?void 0:d.message)??b.message??b)}};return J(async()=>{if(N.value=m.getExistingNamespace("/metrics"),u.value=m.getExistingNamespace("/status"),!N.value)throw new Error("Not connected to metrics!");if(!u.value)throw new Error("Not connected to status!");await new Promise(e=>setTimeout(e,10)),u.value.socket.emit("get-process-status"),u.value.socket.on("process-status",e=>{e["camera.ui"]&&(_.value=e["camera.ui"].status),e.go2rtc&&(k.value=e.go2rtc.status),e.nats&&(C.value=e.nats.status)}),N.value.request("get-server-process-info").subscribe(e=>{v.value=e}),N.value.socket.on("process-infos",e=>{const s=e["camera.ui"],t=e.go2rtc,n=e.nats;v.value["camera.ui"].push(s),v.value.go2rtc.push(t),v.value.nats.push(n)})}),(e,s)=>{const t=le;return L(),T(Z,{"items-per-page":-1,headers:a(O),items:a(F),class:"elevation-0","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":o(({item:n})=>[x("div",Ze,[p(pe,{location:"top",text:e.$t(`components.process_table.status_${V(n.name)}`)},{activator:o(({props:d})=>[p(se,ue(d,{color:E(n.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),x("div",et,W(n.name),1)])]),"item.cpuLoad":o(({item:n})=>[p(z,{color:parseFloat(n.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"cpu","max-data-points":a(h),"process-info":n.name==="camera.ui"?a(v)["camera.ui"]:n.name==="go2rtc"?a(v).go2rtc:a(v).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":o(({item:n})=>[p(z,{color:parseFloat(n.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(n.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(({item:n})=>[(L(),T(Q,null,{default:o(()=>[p(t,{type:"memory","max-data-points":a(h),"process-info":n.name==="camera.ui"?a(v)["camera.ui"]:n.name==="go2rtc"?a(v).go2rtc:a(v).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":o(({item:n})=>[n.name!=="nats"?te((L(),T(re,{key:0,color:"#df2a4c",density:"compact",loading:n.name==="camera.ui"?a(D):a(K),icon:"",onClick:M(d=>q(n.name),["prevent"])},{default:o(()=>[p(ne,{size:"20"},{default:o(()=>[$(W(a(me)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[oe,{disabled:a(S),text:e.$t("components.form.tooltip.restart")}]]):he("",!0)]),bottom:o(()=>s[0]||(s[0]=[])),_:1},8,["headers","items"])}}}),at=X(tt,[["__scopeId","data-v-c68f1547"]]),st=B({__name:"VSystemMetricsTable",setup(g){const{t:r}=U.global,m=H(),S=c(),P=c(),N=c(30),u=c(200),h=c(32),l={cpuLoad:"0.00",memLoad:"0.00",timestamp:0},y=c([{name:"camera.ui",...l}]),_=c([]),k=Y([{title:r("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:r("components.process_table.title_cpu"),align:"start",key:"cpuLoad",value:"cpuLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"cpuLoadChart",value:"cpuLoadChart",width:u.value+h.value,minWidth:u.value+h.value,maxWidth:u.value+h.value,sortable:!1},{title:r("components.process_table.title_memory"),align:"start",key:"memLoad",value:"memLoad",width:"103px",minWidth:"103px",maxWidth:"103px",sortable:!0},{title:"",align:"start",key:"memLoadChart",value:"memLoadChart",width:u.value+h.value,minWidth:u.value+h.value,maxWidth:u.value+h.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]);return G(_,C=>{y.value=[C[C.length-1]??{...l,name:"system"}]},{deep:!0,immediate:!0}),J(async()=>{if(S.value=m.getExistingNamespace("/metrics"),P.value=m.getExistingNamespace("/status"),!S.value)throw new Error("Not connected to metrics!");if(!P.value)throw new Error("Not connected to status!");await new Promise(C=>setTimeout(C,10)),S.value.request("get-system-info").subscribe(C=>{_.value=C}),S.value.socket.on("system-infos",C=>{_.value.push(C)})}),(C,w)=>{const i=le;return L(),T(Z,{"items-per-page":-1,headers:a(k),items:a(y),class:"elevation-0","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.cpuLoad":o(({item:v})=>[p(z,{color:parseFloat(v.cpuLoad)>=75?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(v.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":o(()=>[(L(),T(Q,null,{default:o(()=>[p(i,{type:"cpu","max-data-points":a(N),"process-info":a(_)},null,8,["max-data-points","process-info"])]),_:1}))]),"item.memLoad":o(({item:v})=>[p(z,{color:parseFloat(v.memLoad)>=75?"red":void 0,density:"compact",size:"small"},{default:o(()=>[$(W(v.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":o(()=>[(L(),T(Q,null,{default:o(()=>[p(i,{type:"memory","max-data-points":a(N),"process-info":a(_)},null,8,["max-data-points","process-info"])]),_:1}))]),bottom:o(()=>w[0]||(w[0]=[])),_:1},8,["headers","items"])}}}),ot=X(st,[["__scopeId","data-v-34ba8f23"]]),rt={class:"h-full w-full inline-size mb-safe"},nt={class:"page-title"},it={class:"subview-title text-color"},lt={class:"inner-component p-4"},ct={class:"mt-10"},ut={class:"subview-title text-color"},mt={class:"inner-component p-4"},pt={class:"mt-10"},dt={class:"subview-title text-color"},vt={class:"inner-component p-4"},ft={class:"mt-10"},ht={class:"subview-title text-color"},_t={class:"inner-component p-4"},gt={class:"mt-10"},yt={class:"subview-title text-color"},bt={class:"inner-component p-4"},ea=B({__name:"Adminpanel",setup(g){const r=H(),{smallMobileActive:m}=Te(),S=c(),P=c(),N=c(!1);return J(()=>{S.value=r.connectToNamespace("/metrics"),P.value=r.connectToNamespace("/status")}),we(()=>{var u,h,l,y;(h=(u=S.value)==null?void 0:u.end)==null||h.call(u),(y=(l=P.value)==null?void 0:l.end)==null||y.call(l)}),(u,h)=>{const l=ot,y=at,_=He,k=qe,C=ze;return L(),ee("main",{class:de(["w-full h-full",{"px-0":a(m)}])},[x("div",rt,[x("div",{class:de(["mb-3 flex w-full items-center",{"px-2":a(m)}]),style:{height:"30px"}},[x("h1",nt,W(u.$t(`views.${String(u.$route.name).toLowerCase()}.title`)),1)],2),x("div",null,[x("span",it,W(u.$t("views.adminpanel.general")),1),x("div",lt,[p(l)])]),x("div",ct,[x("span",ut,W(u.$t("views.adminpanel.main")),1),x("div",mt,[p(y)])]),x("div",pt,[x("span",dt,W(u.$t("views.adminpanel.frameworker")),1),x("div",vt,[p(_)])]),x("div",ft,[x("span",ht,W(u.$t("views.adminpanel.plugins")),1),x("div",_t,[p(k)])]),x("div",gt,[x("span",yt,W(u.$t("views.adminpanel.logged_in_users")),1),x("div",bt,[p(C,{loading:a(N)},null,8,["loading"])])])])],2)}}});export{ea as default};

package/dist/interface/{Appearance.BoSL-0_R.0.0.31-alpha.6.js → Appearance.DEVYktQT.0.0.31-alpha.7.js}

@@ -1 +1 @@
-import{G as w,b as y,d as x,f as e,U as i,N as n,u as t,i as p,p as v}from"./@vue.FH56CEei.0.0.31-alpha.6.js";import{b as S,a as $,h as B}from"./main.ByZ7Q5Rt.0.0.31-alpha.6.js";import{s as c}from"./pinia.L60izDXb.0.0.31-alpha.6.js";import{y as f,d as u,n as U}from"./vuetify.kD5nPo6r.0.0.31-alpha.6.js";import"./vue3-toastify.Dbp8MI4c.0.0.31-alpha.6.js";import"./vue-i18n.BtYk8wx7.0.0.31-alpha.6.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.6.js";import"./axios.C-n2IhIP.0.0.31-alpha.6.js";import"./@tanstack.BfD3raHu.0.0.31-alpha.6.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.6.js";import"./vue-router.glLTNkuh.0.0.31-alpha.6.js";import"./@vueuse.CmOkMCeE.0.0.31-alpha.6.js";import"./nprogress.svoaQuap.0.0.31-alpha.6.js";import"./@xterm.BnL94qKf.0.0.31-alpha.6.js";import"./@mdi.DVdKciOk.0.0.31-alpha.6.js";import"./vee-validate.3sPlqUte.0.0.31-alpha.6.js";import"./@vee-validate.CB5bS6l-.0.0.31-alpha.6.js";import"./zod.DnW1_kUe.0.0.31-alpha.6.js";import"./uuid.DvF23Exx.0.0.31-alpha.6.js";import"./socket.io-client.CYWeGrUC.0.0.31-alpha.6.js";import"./engine.io-client.CQPyINXx.0.0.31-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.6.js";import"./socket.io-parser.DNk9jhqt.0.0.31-alpha.6.js";import"./rxjs.Bdc6OV8M.0.0.31-alpha.6.js";import"./tslib.9k7AwCpt.0.0.31-alpha.6.js";import"./vue-inline-svg.1dDdLUib.0.0.31-alpha.6.js";import"./v-calendar.Crg_fXjn.0.0.31-alpha.6.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.6.js";const k={class:"subview-title text-color"},L={class:"inner-component p-4"},M={class:"relative"},E={for:"theme",class:"v-label"},N={class:"ml-auto flex"},C={class:"flex flex-row"},D={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},K={class:"subview-title text-color"},O={class:"inner-component p-4"},R={class:"relative"},T={for:"language",class:"v-label"},A={class:"subview-title text-color"},G={class:"inner-component p-4"},j={class:"ml-auto flex"},q={class:"flex flex-row"},z={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},F={class:"ml-auto flex"},H={class:"flex flex-row"},I={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},xe=w({__name:"Appearance",setup(J){const b=S(),h=$(),_=B(),{locale:r,languages:V}=c(b),{colors:g,theme:d,autoMode:a}=c(h),{uiSettings:m}=c(_);return(s,o)=>(y(),x("div",null,[e("div",null,[e("span",k,i(s.$t("views.settings.theme")),1),e("div",L,[e("div",M,[e("label",E,i(s.$t("components.form.label.theme")),1),n(f,{modelValue:t(d),"onUpdate:modelValue":o[0]||(o[0]=l=>p(d)?d.value=l:null),variant:"outlined",density:"compact",name:"theme","hide-details":"",items:t(g),disabled:t(a),onKeydown:v(()=>null,["prevent"])},null,8,["modelValue","items","disabled"])]),o[5]||(o[5]=e("div",{class:"py-2"},null,-1)),e("div",null,[e("div",N,[e("div",C,[n(u,{modelValue:t(a),"onUpdate:modelValue":o[1]||(o[1]=l=>p(a)?a.value=l:null),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",D,i(s.$t("components.form.label.system_preference")),1)])])])])]),o[6]||(o[6]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",K,i(s.$t("views.settings.locale")),1),e("div",O,[e("div",R,[e("label",T,i(s.$t("components.form.label.language")),1),n(f,{modelValue:t(r),"onUpdate:modelValue":o[2]||(o[2]=l=>p(r)?r.value=l:null),variant:"outlined",density:"compact",name:"language","hide-details":"",items:t(V),onKeydown:v(()=>null,["prevent"])},null,8,["modelValue","items"])])])]),o[7]||(o[7]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",A,i(s.$t("views.settings.interface")),1),e("div",G,[e("div",null,[e("div",j,[e("div",q,[n(u,{modelValue:t(m).cameras.showEvents,"onUpdate:modelValue":o[3]||(o[3]=l=>t(m).cameras.showEvents=l),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",z,i(s.$t("components.form.label.show_camera_events")),1)])]),n(U,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"}}),e("div",F,[e("div",H,[n(u,{modelValue:t(m).interface.showBottomBarOnMobile,"onUpdate:modelValue":o[4]||(o[4]=l=>t(m).interface.showBottomBarOnMobile=l),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",I,i(s.$t("components.form.label.show_bottombar_on_mobile")),1)])])])])])]))}});export{xe as default};
+import{G as w,b as y,d as x,f as e,U as i,N as n,u as t,i as p,p as v}from"./@vue.FH56CEei.0.0.31-alpha.7.js";import{b as S,a as $,h as B}from"./main.3GWz905i.0.0.31-alpha.7.js";import{s as c}from"./pinia.BmNMGws-.0.0.31-alpha.7.js";import{y as f,d as u,n as U}from"./vuetify.eyVDgSy7.0.0.31-alpha.7.js";import"./vue3-toastify.183kFIIP.0.0.31-alpha.7.js";import"./vue-i18n.47lrsSx-.0.0.31-alpha.7.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.7.js";import"./axios.C-n2IhIP.0.0.31-alpha.7.js";import"./@tanstack.C5ZmdPMX.0.0.31-alpha.7.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.7.js";import"./vue-router.6SfjZo7d.0.0.31-alpha.7.js";import"./@vueuse.PD04ZxXf.0.0.31-alpha.7.js";import"./nprogress.Vi6jioDG.0.0.31-alpha.7.js";import"./@xterm.5BydZhPp.0.0.31-alpha.7.js";import"./@mdi.DVdKciOk.0.0.31-alpha.7.js";import"./vee-validate.CgBFBn_c.0.0.31-alpha.7.js";import"./@vee-validate.C1sFKgmu.0.0.31-alpha.7.js";import"./zod.DnW1_kUe.0.0.31-alpha.7.js";import"./uuid.DvF23Exx.0.0.31-alpha.7.js";import"./socket.io-client.CREiw90L.0.0.31-alpha.7.js";import"./engine.io-client.0rDBaiC-.0.0.31-alpha.7.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.7.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.7.js";import"./socket.io-parser.CXwV0PeT.0.0.31-alpha.7.js";import"./rxjs.yBzqm3cW.0.0.31-alpha.7.js";import"./tslib.9k7AwCpt.0.0.31-alpha.7.js";import"./vue-inline-svg.B_v_uRHL.0.0.31-alpha.7.js";import"./v-calendar.DbgRs2B9.0.0.31-alpha.7.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.7.js";const k={class:"subview-title text-color"},L={class:"inner-component p-4"},M={class:"relative"},E={for:"theme",class:"v-label"},N={class:"ml-auto flex"},C={class:"flex flex-row"},D={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},K={class:"subview-title text-color"},O={class:"inner-component p-4"},R={class:"relative"},T={for:"language",class:"v-label"},A={class:"subview-title text-color"},G={class:"inner-component p-4"},j={class:"ml-auto flex"},q={class:"flex flex-row"},z={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},F={class:"ml-auto flex"},H={class:"flex flex-row"},I={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},xe=w({__name:"Appearance",setup(J){const b=S(),h=$(),_=B(),{locale:r,languages:V}=c(b),{colors:g,theme:d,autoMode:a}=c(h),{uiSettings:m}=c(_);return(s,o)=>(y(),x("div",null,[e("div",null,[e("span",k,i(s.$t("views.settings.theme")),1),e("div",L,[e("div",M,[e("label",E,i(s.$t("components.form.label.theme")),1),n(f,{modelValue:t(d),"onUpdate:modelValue":o[0]||(o[0]=l=>p(d)?d.value=l:null),variant:"outlined",density:"compact",name:"theme","hide-details":"",items:t(g),disabled:t(a),onKeydown:v(()=>null,["prevent"])},null,8,["modelValue","items","disabled"])]),o[5]||(o[5]=e("div",{class:"py-2"},null,-1)),e("div",null,[e("div",N,[e("div",C,[n(u,{modelValue:t(a),"onUpdate:modelValue":o[1]||(o[1]=l=>p(a)?a.value=l:null),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",D,i(s.$t("components.form.label.system_preference")),1)])])])])]),o[6]||(o[6]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",K,i(s.$t("views.settings.locale")),1),e("div",O,[e("div",R,[e("label",T,i(s.$t("components.form.label.language")),1),n(f,{modelValue:t(r),"onUpdate:modelValue":o[2]||(o[2]=l=>p(r)?r.value=l:null),variant:"outlined",density:"compact",name:"language","hide-details":"",items:t(V),onKeydown:v(()=>null,["prevent"])},null,8,["modelValue","items"])])])]),o[7]||(o[7]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",A,i(s.$t("views.settings.interface")),1),e("div",G,[e("div",null,[e("div",j,[e("div",q,[n(u,{modelValue:t(m).cameras.showEvents,"onUpdate:modelValue":o[3]||(o[3]=l=>t(m).cameras.showEvents=l),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",z,i(s.$t("components.form.label.show_camera_events")),1)])]),n(U,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"}}),e("div",F,[e("div",H,[n(u,{modelValue:t(m).interface.showBottomBarOnMobile,"onUpdate:modelValue":o[4]||(o[4]=l=>t(m).interface.showBottomBarOnMobile=l),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",I,i(s.$t("components.form.label.show_bottombar_on_mobile")),1)])])])])])]))}});export{xe as default};

package/dist/interface/{Backup.BN7khPXM.0.0.31-alpha.6.js → Backup.DZGSZkOZ.0.0.31-alpha.7.js}

@@ -1 +1 @@
-import{y as O,X as j,x as T}from"./main.ByZ7Q5Rt.0.0.31-alpha.6.js";import{G as U,t as R,r as f,b as v,d as I,f as a,N as g,S as k,U as r,u,k as C,P as F,p as b,W as B,ae as J,i as E}from"./@vue.FH56CEei.0.0.31-alpha.6.js";import{i as D}from"./vue3-toastify.Dbp8MI4c.0.0.31-alpha.6.js";import{r as A}from"./system.CXmD6sT5.0.0.31-alpha.6.js";import{aA as M,Y as G}from"./@mdi.DVdKciOk.0.0.31-alpha.6.js";import{e as L,a2 as P,b as N,n as W}from"./vuetify.kD5nPo6r.0.0.31-alpha.6.js";import{u as X}from"./vue-i18n.BtYk8wx7.0.0.31-alpha.6.js";import"./axios.C-n2IhIP.0.0.31-alpha.6.js";import"./@tanstack.BfD3raHu.0.0.31-alpha.6.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.6.js";import"./pinia.L60izDXb.0.0.31-alpha.6.js";import"./vue-router.glLTNkuh.0.0.31-alpha.6.js";import"./@vueuse.CmOkMCeE.0.0.31-alpha.6.js";import"./nprogress.svoaQuap.0.0.31-alpha.6.js";import"./@xterm.BnL94qKf.0.0.31-alpha.6.js";import"./vee-validate.3sPlqUte.0.0.31-alpha.6.js";import"./@vee-validate.CB5bS6l-.0.0.31-alpha.6.js";import"./zod.DnW1_kUe.0.0.31-alpha.6.js";import"./uuid.DvF23Exx.0.0.31-alpha.6.js";import"./socket.io-client.CYWeGrUC.0.0.31-alpha.6.js";import"./engine.io-client.CQPyINXx.0.0.31-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.6.js";import"./socket.io-parser.DNk9jhqt.0.0.31-alpha.6.js";import"./rxjs.Bdc6OV8M.0.0.31-alpha.6.js";import"./tslib.9k7AwCpt.0.0.31-alpha.6.js";import"./vue-inline-svg.1dDdLUib.0.0.31-alpha.6.js";import"./v-calendar.Crg_fXjn.0.0.31-alpha.6.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.6.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.6.js";const Y=async y=>(await O.post("/backup/download",{localStorage:y},{responseType:"arraybuffer"})).data,q=async y=>(await O.post("/backup/restore",y)).data,H={class:"w-full"},K={class:"flex flex-col justify-center items-center mb-5"},Q={for:"restoreInput",class:"cursor-pointer text-center"},Z=["accept"],ee={key:0,class:"text-red"},te={class:"mx-2"},oe={class:"disabled-text"},se=U({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:M}},emits:["files-uploaded"],setup(y,{expose:x,emit:V}){const p=V,S=y,{accept:w,multiple:h}=R(S),$=f(!1),_=f(!1),i=f([]),e=f(null),s=n=>{const t=i.value.findIndex(l=>l.name===n);t>-1&&(i.value.splice(t,1),o())},d=n=>{if($.value=!1,_.value=!1,i.value=[],console.log(n),n.dataTransfer)if(!h.value&&n.dataTransfer.files.length>1)_.value=!0;else{for(const[,t]of Object.entries(n.dataTransfer.files))i.value.push(t);p("files-uploaded",i.value)}},m=n=>{var l;_.value=!1,i.value=[];const t=n.target;if(t&&t.files)if(!h.value&&((l=t.files)==null?void 0:l.length)>1)_.value=!0;else{for(const[,z]of Object.entries(t.files))i.value.push(z);p("files-uploaded",i.value)}},o=()=>{e.value&&(e.value.value="")};return x({reset:()=>{i.value=[],o()}}),(n,t)=>(v(),I("div",{class:"file-upload-box p-4",onDrop:t[0]||(t[0]=b(l=>d(l),["prevent"])),onDragover:t[1]||(t[1]=b(l=>$.value=!0,["prevent"])),onDragenter:t[2]||(t[2]=b(l=>$.value=!0,["prevent"])),onDragleave:t[3]||(t[3]=b(l=>$.value=!1,["prevent"]))},[a("div",H,[a("div",K,[g(L,{class:"mt-5",size:"60"},{default:k(()=>[B(r(n.icon),1)]),_:1}),a("label",Q,r(n.$t("components.upload_files.drop_or_select_file")),1),a("input",{id:"restoreInput",ref_key:"fileInput",ref:e,type:"file",class:"d-none",accept:u(w),onChange:m},null,40,Z),u(_)?(v(),I("p",ee,r(n.$t("components.upload_files.only_one_file_allowed")),1)):C("",!0)]),u(i).length>0?(v(),F(P,{key:0,items:u(i),"max-height":"150","item-height":"50"},{default:k(({item:l})=>[(v(),I("div",{key:l.name,class:"w-full flex flex-row items-center justify-start p-2"},[g(N,{size:"28",variant:"text",color:"red",rounded:"",onClick:b(z=>s(l.name),["stop"])},{default:k(()=>[g(L,{size:"20"},{default:k(()=>[B(r(u(G)),1)]),_:1})]),_:2},1032,["onClick"]),a("b",te,r(l.name),1),a("span",oe,"("+r(l.size)+" bytes)",1)])),u(i).length>1?(v(),F(W,{key:0})):C("",!0)]),_:1},8,["items"])):C("",!0)])],32))}}),ae={key:0,class:"flex w-full h-full justify-center items-center fixed top-0 left-0",style:{"z-index":"9000"}},le={class:"subview-title text-color"},ne={class:"inner-component p-4 flex flex-col"},re={class:"text-sm"},ie={class:"subview-title text-color"},ce={class:"inner-component p-4 flex flex-col"},ue={class:"text-sm"},pe={class:"subview-title text-color"},de={class:"inner-component p-4"},me={class:"text-sm"},Ge=U({__name:"Backup",setup(y){const{t:x}=X(),V=f(null),p=f(!1),S=f(!1),w=f(!1),h=f([]),$=async()=>{var e,s,d,m;p.value=!0;try{const o={};if(localStorage.getItem("ui")){const l=localStorage.getItem("ui");o.ui=JSON.parse(l)}if(localStorage.getItem("locale")){const l=localStorage.getItem("locale");o.locale=l}if(localStorage.getItem("theme")){const l=localStorage.getItem("theme");o.theme=JSON.parse(l)}const c=await Y(o),n=window.URL.createObjectURL(new Blob([c])),t=document.createElement("a");t.href=n,t.setAttribute("download","cameraui-backup.tar.gz"),document.body.appendChild(t),t.click(),t.remove()}catch(o){console.error(((s=(e=o.response)==null?void 0:e.data)==null?void 0:s.message)??o.message??o),D.error(((m=(d=o.response)==null?void 0:d.data)==null?void 0:m.message)??o.message??o)}p.value=!1},_=async()=>{var e,s,d,m,o;p.value=!0;try{const c=new FormData;c.append("upload",h.value[0]);const n=await q(c);i(n),(e=V.value)==null||e.reset(),D.success(x("components.toast.backup_restored")),S.value=!0,A()}catch(c){console.error(((d=(s=c.response)==null?void 0:s.data)==null?void 0:d.message)??c.message??c),D.error(((o=(m=c.response)==null?void 0:m.data)==null?void 0:o.message)??c.message??c),p.value=!1,S.value=!1}},i=e=>{e.theme&&localStorage.setItem("theme",JSON.stringify(e.theme)),e.locale&&localStorage.setItem("locale",e.locale),e.ui&&localStorage.setItem("ui",JSON.stringify(e.ui))};return(e,s)=>{const d=j,m=T;return v(),I("div",null,[(v(),F(J,{to:".app"},[u(S)?(v(),I("div",ae,[g(d,{reload:""})])):C("",!0)])),a("div",null,[a("span",le,r(e.$t("views.settings.create_backup")),1),a("div",ne,[a("span",re,r(e.$t("views.settings.create_backup_info")),1),s[4]||(s[4]=a("br",null,null,-1)),g(N,{loading:u(p),class:"mt-5 ml-auto",color:"#df2a4c",onClick:b($,["prevent"])},{default:k(()=>[B(r(e.$t("components.form.button.download_backup_archive")),1)]),_:1},8,["loading"])])]),s[5]||(s[5]=a("div",{class:"my-8"},null,-1)),a("div",null,[a("span",ie,r(e.$t("views.settings.restore_backup")),1),a("div",ce,[a("span",ue,r(e.$t("views.settings.restore_backup_info")),1),g(se,{ref_key:"input",ref:V,class:"mt-5",accept:"application/gzip, .tar, .tar.gz",onFilesUploaded:s[0]||(s[0]=o=>h.value=o)},null,512),g(N,{loading:u(p),disabled:!u(h).length,class:"mt-5 ml-auto",color:"#df2a4c",onClick:s[1]||(s[1]=b(o=>w.value=!0,["prevent"]))},{default:k(()=>[B(r(e.$t("components.form.button.restore_backup_archive")),1)]),_:1},8,["loading","disabled"])])]),s[6]||(s[6]=a("div",{class:"my-8"},null,-1)),a("div",null,[a("span",pe,r(e.$t("views.settings.sheduled_backup")),1),a("div",de,[a("span",me,r(e.$t("views.settings.sheduled_backup_info")),1)])]),g(m,{modelValue:u(w),"onUpdate:modelValue":s[2]||(s[2]=o=>E(w)?w.value=o:null),title:e.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restore_and_restart",loading:u(p),onConfirm:s[3]||(s[3]=o=>_())},{content:k(()=>[a("span",null,r(e.$t("components.dialog.message.confirm_restore")),1)]),_:1},8,["modelValue","title","loading"])])}}});export{Ge as default};
+import{y as O,X as j,x as T}from"./main.3GWz905i.0.0.31-alpha.7.js";import{G as U,t as R,r as f,b as v,d as I,f as a,N as g,S as k,U as r,u,k as C,P as F,p as b,W as B,ae as J,i as E}from"./@vue.FH56CEei.0.0.31-alpha.7.js";import{i as D}from"./vue3-toastify.183kFIIP.0.0.31-alpha.7.js";import{r as A}from"./system.CfsZJsD4.0.0.31-alpha.7.js";import{aA as M,Y as G}from"./@mdi.DVdKciOk.0.0.31-alpha.7.js";import{e as L,a2 as P,b as N,n as W}from"./vuetify.eyVDgSy7.0.0.31-alpha.7.js";import{u as X}from"./vue-i18n.47lrsSx-.0.0.31-alpha.7.js";import"./axios.C-n2IhIP.0.0.31-alpha.7.js";import"./@tanstack.C5ZmdPMX.0.0.31-alpha.7.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.7.js";import"./pinia.BmNMGws-.0.0.31-alpha.7.js";import"./vue-router.6SfjZo7d.0.0.31-alpha.7.js";import"./@vueuse.PD04ZxXf.0.0.31-alpha.7.js";import"./nprogress.Vi6jioDG.0.0.31-alpha.7.js";import"./@xterm.5BydZhPp.0.0.31-alpha.7.js";import"./vee-validate.CgBFBn_c.0.0.31-alpha.7.js";import"./@vee-validate.C1sFKgmu.0.0.31-alpha.7.js";import"./zod.DnW1_kUe.0.0.31-alpha.7.js";import"./uuid.DvF23Exx.0.0.31-alpha.7.js";import"./socket.io-client.CREiw90L.0.0.31-alpha.7.js";import"./engine.io-client.0rDBaiC-.0.0.31-alpha.7.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.7.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.7.js";import"./socket.io-parser.CXwV0PeT.0.0.31-alpha.7.js";import"./rxjs.yBzqm3cW.0.0.31-alpha.7.js";import"./tslib.9k7AwCpt.0.0.31-alpha.7.js";import"./vue-inline-svg.B_v_uRHL.0.0.31-alpha.7.js";import"./v-calendar.DbgRs2B9.0.0.31-alpha.7.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.7.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.7.js";const Y=async y=>(await O.post("/backup/download",{localStorage:y},{responseType:"arraybuffer"})).data,q=async y=>(await O.post("/backup/restore",y)).data,H={class:"w-full"},K={class:"flex flex-col justify-center items-center mb-5"},Q={for:"restoreInput",class:"cursor-pointer text-center"},Z=["accept"],ee={key:0,class:"text-red"},te={class:"mx-2"},oe={class:"disabled-text"},se=U({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:M}},emits:["files-uploaded"],setup(y,{expose:x,emit:V}){const p=V,S=y,{accept:w,multiple:h}=R(S),$=f(!1),_=f(!1),i=f([]),e=f(null),s=n=>{const t=i.value.findIndex(l=>l.name===n);t>-1&&(i.value.splice(t,1),o())},d=n=>{if($.value=!1,_.value=!1,i.value=[],console.log(n),n.dataTransfer)if(!h.value&&n.dataTransfer.files.length>1)_.value=!0;else{for(const[,t]of Object.entries(n.dataTransfer.files))i.value.push(t);p("files-uploaded",i.value)}},m=n=>{var l;_.value=!1,i.value=[];const t=n.target;if(t&&t.files)if(!h.value&&((l=t.files)==null?void 0:l.length)>1)_.value=!0;else{for(const[,z]of Object.entries(t.files))i.value.push(z);p("files-uploaded",i.value)}},o=()=>{e.value&&(e.value.value="")};return x({reset:()=>{i.value=[],o()}}),(n,t)=>(v(),I("div",{class:"file-upload-box p-4",onDrop:t[0]||(t[0]=b(l=>d(l),["prevent"])),onDragover:t[1]||(t[1]=b(l=>$.value=!0,["prevent"])),onDragenter:t[2]||(t[2]=b(l=>$.value=!0,["prevent"])),onDragleave:t[3]||(t[3]=b(l=>$.value=!1,["prevent"]))},[a("div",H,[a("div",K,[g(L,{class:"mt-5",size:"60"},{default:k(()=>[B(r(n.icon),1)]),_:1}),a("label",Q,r(n.$t("components.upload_files.drop_or_select_file")),1),a("input",{id:"restoreInput",ref_key:"fileInput",ref:e,type:"file",class:"d-none",accept:u(w),onChange:m},null,40,Z),u(_)?(v(),I("p",ee,r(n.$t("components.upload_files.only_one_file_allowed")),1)):C("",!0)]),u(i).length>0?(v(),F(P,{key:0,items:u(i),"max-height":"150","item-height":"50"},{default:k(({item:l})=>[(v(),I("div",{key:l.name,class:"w-full flex flex-row items-center justify-start p-2"},[g(N,{size:"28",variant:"text",color:"red",rounded:"",onClick:b(z=>s(l.name),["stop"])},{default:k(()=>[g(L,{size:"20"},{default:k(()=>[B(r(u(G)),1)]),_:1})]),_:2},1032,["onClick"]),a("b",te,r(l.name),1),a("span",oe,"("+r(l.size)+" bytes)",1)])),u(i).length>1?(v(),F(W,{key:0})):C("",!0)]),_:1},8,["items"])):C("",!0)])],32))}}),ae={key:0,class:"flex w-full h-full justify-center items-center fixed top-0 left-0",style:{"z-index":"9000"}},le={class:"subview-title text-color"},ne={class:"inner-component p-4 flex flex-col"},re={class:"text-sm"},ie={class:"subview-title text-color"},ce={class:"inner-component p-4 flex flex-col"},ue={class:"text-sm"},pe={class:"subview-title text-color"},de={class:"inner-component p-4"},me={class:"text-sm"},Ge=U({__name:"Backup",setup(y){const{t:x}=X(),V=f(null),p=f(!1),S=f(!1),w=f(!1),h=f([]),$=async()=>{var e,s,d,m;p.value=!0;try{const o={};if(localStorage.getItem("ui")){const l=localStorage.getItem("ui");o.ui=JSON.parse(l)}if(localStorage.getItem("locale")){const l=localStorage.getItem("locale");o.locale=l}if(localStorage.getItem("theme")){const l=localStorage.getItem("theme");o.theme=JSON.parse(l)}const c=await Y(o),n=window.URL.createObjectURL(new Blob([c])),t=document.createElement("a");t.href=n,t.setAttribute("download","cameraui-backup.tar.gz"),document.body.appendChild(t),t.click(),t.remove()}catch(o){console.error(((s=(e=o.response)==null?void 0:e.data)==null?void 0:s.message)??o.message??o),D.error(((m=(d=o.response)==null?void 0:d.data)==null?void 0:m.message)??o.message??o)}p.value=!1},_=async()=>{var e,s,d,m,o;p.value=!0;try{const c=new FormData;c.append("upload",h.value[0]);const n=await q(c);i(n),(e=V.value)==null||e.reset(),D.success(x("components.toast.backup_restored")),S.value=!0,A()}catch(c){console.error(((d=(s=c.response)==null?void 0:s.data)==null?void 0:d.message)??c.message??c),D.error(((o=(m=c.response)==null?void 0:m.data)==null?void 0:o.message)??c.message??c),p.value=!1,S.value=!1}},i=e=>{e.theme&&localStorage.setItem("theme",JSON.stringify(e.theme)),e.locale&&localStorage.setItem("locale",e.locale),e.ui&&localStorage.setItem("ui",JSON.stringify(e.ui))};return(e,s)=>{const d=j,m=T;return v(),I("div",null,[(v(),F(J,{to:".app"},[u(S)?(v(),I("div",ae,[g(d,{reload:""})])):C("",!0)])),a("div",null,[a("span",le,r(e.$t("views.settings.create_backup")),1),a("div",ne,[a("span",re,r(e.$t("views.settings.create_backup_info")),1),s[4]||(s[4]=a("br",null,null,-1)),g(N,{loading:u(p),class:"mt-5 ml-auto",color:"#df2a4c",onClick:b($,["prevent"])},{default:k(()=>[B(r(e.$t("components.form.button.download_backup_archive")),1)]),_:1},8,["loading"])])]),s[5]||(s[5]=a("div",{class:"my-8"},null,-1)),a("div",null,[a("span",ie,r(e.$t("views.settings.restore_backup")),1),a("div",ce,[a("span",ue,r(e.$t("views.settings.restore_backup_info")),1),g(se,{ref_key:"input",ref:V,class:"mt-5",accept:"application/gzip, .tar, .tar.gz",onFilesUploaded:s[0]||(s[0]=o=>h.value=o)},null,512),g(N,{loading:u(p),disabled:!u(h).length,class:"mt-5 ml-auto",color:"#df2a4c",onClick:s[1]||(s[1]=b(o=>w.value=!0,["prevent"]))},{default:k(()=>[B(r(e.$t("components.form.button.restore_backup_archive")),1)]),_:1},8,["loading","disabled"])])]),s[6]||(s[6]=a("div",{class:"my-8"},null,-1)),a("div",null,[a("span",pe,r(e.$t("views.settings.sheduled_backup")),1),a("div",de,[a("span",me,r(e.$t("views.settings.sheduled_backup_info")),1)])]),g(m,{modelValue:u(w),"onUpdate:modelValue":s[2]||(s[2]=o=>E(w)?w.value=o:null),title:e.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restore_and_restart",loading:u(p),onConfirm:s[3]||(s[3]=o=>_())},{content:k(()=>[a("span",null,r(e.$t("components.dialog.message.confirm_restore")),1)]),_:1},8,["modelValue","title","loading"])])}}});export{Ge as default};

package/dist/interface/{Camera.DhxaVIdo.0.0.31-alpha.6.js → Camera.Btiz7Ggb.0.0.31-alpha.7.js}

@@ -1 +1 @@
-import{G as me,t as he,r as i,c as S,w as U,a3 as Ne,x as We,a1 as St,b as n,d as y,N as w,S as k,e as ae,v as ce,u as t,Y as I,f as g,P as G,U as q,k as J,O as Ce,R as Fe,n as $e,an as Ht,i as fe,K as Tt,g as Ee,W as ge,E as kt,p as $t,ao as Et}from"./@vue.FH56CEei.0.0.31-alpha.6.js";import{D as Dt,E as je,F as Ct,C as Ae,G as Ft,H as zt,I as Vt}from"./@mdi.DVdKciOk.0.0.31-alpha.6.js";import{a as Ue,f as qe,k as ue,l as Ot,m as Mt,n as Rt,o as Gt,p as Lt,q as It,s as At,d as xe,i as Bt}from"./main.ByZ7Q5Rt.0.0.31-alpha.6.js";import{s as Qe}from"./pinia.L60izDXb.0.0.31-alpha.6.js";import{k as Nt,l as Wt,m as Xe,n as jt,p as Ut,e as Ze,q as Be,s as qt,j as Qt}from"./@vueuse.CmOkMCeE.0.0.31-alpha.6.js";import{b as te,B as De,C as Xt,V as ze,D as Zt,E as Jt,R as Yt,e as re,F as Kt}from"./vuetify.kD5nPo6r.0.0.31-alpha.6.js";import{C as Je,_ as Ye}from"./VPlayer.CkTwas-V.0.0.31-alpha.6.js";import{u as Ke}from"./vue-router.glLTNkuh.0.0.31-alpha.6.js";import{D as ea}from"./v-calendar.Crg_fXjn.0.0.31-alpha.6.js";import"./vue3-toastify.Dbp8MI4c.0.0.31-alpha.6.js";import"./vue-i18n.BtYk8wx7.0.0.31-alpha.6.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.6.js";import"./axios.C-n2IhIP.0.0.31-alpha.6.js";import"./@tanstack.BfD3raHu.0.0.31-alpha.6.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.6.js";import"./vee-validate.3sPlqUte.0.0.31-alpha.6.js";import"./@vee-validate.CB5bS6l-.0.0.31-alpha.6.js";import"./zod.DnW1_kUe.0.0.31-alpha.6.js";import"./uuid.DvF23Exx.0.0.31-alpha.6.js";import"./socket.io-client.CYWeGrUC.0.0.31-alpha.6.js";import"./engine.io-client.CQPyINXx.0.0.31-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.6.js";import"./socket.io-parser.DNk9jhqt.0.0.31-alpha.6.js";import"./rxjs.Bdc6OV8M.0.0.31-alpha.6.js";import"./tslib.9k7AwCpt.0.0.31-alpha.6.js";import"./vue-inline-svg.1dDdLUib.0.0.31-alpha.6.js";import"./nprogress.svoaQuap.0.0.31-alpha.6.js";import"./@xterm.BnL94qKf.0.0.31-alpha.6.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.6.js";import"./qrcode.GdzNJwtx.0.0.31-alpha.6.js";import"./dijkstrajs.D_NXgYpA.0.0.31-alpha.6.js";import"./plugins.C_xGOsFd.0.0.31-alpha.6.js";import"./draggabilly.CQe9cmzD.0.0.31-alpha.6.js";import"./get-size.D1dS-IaP.0.0.31-alpha.6.js";import"./unidragger.BzZhIzFS.0.0.31-alpha.6.js";import"./ev-emitter.DH-sUvzz.0.0.31-alpha.6.js";var r=(e=>(e[e.HEIGHT=8]="HEIGHT",e[e.WIDTH=85]="WIDTH",e.COLOR="#000000",e[e.OFFSET=50]="OFFSET",e[e.TIME_OFFSET=15]="TIME_OFFSET",e[e.TIME_START_POSITION=15]="TIME_START_POSITION",e[e.MAX_SCROLL_PX=720]="MAX_SCROLL_PX",e))(r||{}),et=(e=>(e.type="seconds",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=15e3]="duration",e[e.timeMsFactor=15e3]="timeMsFactor",e[e.timeMsPerTick=1e3]="timeMsPerTick",e[e.timeMsPerPx=125]="timeMsPerPx",e[e.pxPerSecond=8]="pxPerSecond",e))(et||{}),tt=(e=>(e.type="two-minutes",e[e.bigTickInterval=4]="bigTickInterval",e[e.labelInterval=8]="labelInterval",e[e.duration=12e4]="duration",e[e.timeMsFactor=12e4]="timeMsFactor",e[e.timeMsPerTick=15e3]="timeMsPerTick",e[e.timeMsPerPx=1875]="timeMsPerPx",e[e.pxPerSecond=.5333333333333333]="pxPerSecond",e))(tt||{}),at=(e=>(e.type="fifteen-minutes",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=9e5]="duration",e[e.timeMsFactor=9e5]="timeMsFactor",e[e.timeMsPerTick=6e4]="timeMsPerTick",e[e.timeMsPerPx=7500]="timeMsPerPx",e[e.pxPerSecond=.13333333333333333]="pxPerSecond",e))(at||{}),lt=(e=>(e.type="thirty-minutes",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=9]="labelInterval",e[e.duration=18e5]="duration",e[e.timeMsFactor=18e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(lt||{}),ot=(e=>(e.type="hours",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=18]="labelInterval",e[e.duration=36e5]="duration",e[e.timeMsFactor=36e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(ot||{});const ta={class:"absolute z-10 top-0 left-0 right-0 w-full"},aa={key:1},la={key:0,class:"timeline-gradient-bg-top"},oa=["data-tick-index"],sa=["data-tick-index"],ia={key:0,class:"tick-label"},na={key:2},ra=me({__name:"VLiveTimeline",props:{zoomModel:{default:1},dateModel:{default:()=>new Date},modifier:{default:0},segment:{default:"0"}},emits:["is-loading","is-scrolling"],setup(e,{emit:N}){const W=e,M=N,{theme:P}=Qe(Ue()),{dateModel:z,modifier:$,zoomModel:f}=he(W),E=i(0),D=i(0),H=i(new Date),p=i(0),u=i(),s=i(!1),C=i(!1),F=i([]),O=i(!1),v=i(0),Y=i(0),le=i(new Date),K=i(0),A=i(0),oe=i("#5b5b5b"),V=i({timestamp:Date.now(),live:!0}),h=i(null),ee=i(null),T=i([]),c=i(0),{tabletActive:se,mobileActive:ye}=qe(),be=Nt(h),_e=Wt({touch:!1,target:ee}),{isOutside:ie}=Xe(ee),{pressed:b}=jt({touch:!1,target:ee}),B=Ut(h),Ve=Ze();Be("ArrowDown",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop++)}),Be("ArrowUp",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop--)});let we,Pe,Oe;const Me=S(()=>B.y.value>0?"#0173ff":"#df2a4c"),st=S(()=>{let a=`transition: all .2s ease-out; background-color: ${Me.value};`;return s.value?a+="width: 20px; left: 9px; border-radius: 30px":m.value.type==="seconds"?a+="width: 60px; left: 9px;":B.y.value===0?a+="width: 40px; left: 9px;":a+="width: 55px; left: 9px;",a}),it=S(()=>`transition: all .5s ease-out; position: absolute; top: ${ne.value.px}px; background-color: ${Me.value};`),ne=S(()=>{var d;const a=H.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=u.value)==null?void 0:d.timestamp)||a;return B.y.value===0&&(o=a),u.value&&(u.value.timestamp=o),{px:l,timestamp:o}}),nt=S(()=>m.value.type==="seconds"),Se=S(()=>r.HEIGHT*m.value.labelInterval),Re=S(()=>m.value.pxPerSecond*E.value+A.value),rt=S(()=>m.value.pxPerSecond*E.value-v.value*r.HEIGHT-3+A.value),ut=S(()=>`transition: all .5s ease-out; mask-image: url('data:image/svg+xml,${Ge.value}'); -webkit-mask-image: url('data:image/svg+xml,${Ge.value}'); mask-size: ${r.WIDTH}px ${Se.value}px; -webkit-mask-size: ${r.WIDTH}px ${Se.value}px; width: ${r.WIDTH}px; height: ${c.value}px; mask-position: 0px ${p.value+Re.value}px; -webkit-mask-position: 0px ${p.value+Re.value}px`),Ge=S(()=>{let a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r.WIDTH} ${Se.value}" vector-effect="non-scaling-stroke" stroke-width="${1/(window.devicePixelRatio||1)}px" shape-rendering="crispEdges">`;if(!s.value)for(let l=0;l<m.value.labelInterval;l++){const o=l%m.value.labelInterval==0,d=0,_=o?4:l%m.value.bigTickInterval===0?2:1,x=l*r.HEIGHT+r.HEIGHT/2;a+=`<line x1="${d}" y1="${x}" x2="${2*_}" y2="${x}" stroke="${oe.value}" stroke-opacity="100%"/>`}return a+="</svg>",encodeURIComponent(a)}),ct=S(()=>`transition: top .5s ease-out; height: ${r.HEIGHT}px;`),mt=S(()=>{var _;const a=(_=h.value)==null?void 0:_.getBoundingClientRect(),l=Ve.width.value,o=($==null?void 0:$.value)||0,d=l-l+(o-o);return a?Ve.height.value-a.top+d:null}),m=S(()=>ft(f.value)),dt=S(()=>`height: 100%; cursor: ${s.value?"default":b.value?"grabbing":"grab"}`);U(s,a=>{be.value=a,M("is-loading",a)}),U(z,a=>{if(a){if(a.getTime()===ne.value.timestamp)return;a==null||a.setSeconds(0,0),He(a)}}),U(_e.y,(a,l)=>{if(b.value&&a!==l&&h.value){let o=Math.abs(a-l);a<l&&(o=o*-1),h.value.scrollTop=h.value.scrollTop-=o}}),U(B.isScrolling,a=>{M("is-scrolling",a),!a&&O.value&&(O.value=!1)}),U(B.y,(a,l)=>{var _,x;if(ke(),a===0&&de(-F.value.length),a!==l)if(a===0)V.value={timestamp:ne.value.timestamp,live:!0};else{const Q=(a-l)*m.value.timeMsPerPx,L=O.value?V.value.timestamp:V.value.timestamp-Q;V.value={timestamp:L,live:!1}}const d=(((_=h.value)==null?void 0:_.scrollHeight)||0)-(((x=h.value)==null?void 0:x.clientHeight)||0)-r.OFFSET*r.HEIGHT;a>=d&&de(r.OFFSET)}),U(f,async()=>{await Te(),B.y.value>0&&He(V.value.timestamp,"auto",!0)});const Le=a=>{var o;const l=(mt.value||((o=h.value)==null?void 0:o.clientHeight)||0)+r.OFFSET*r.HEIGHT;a!==void 0?c.value+a*r.HEIGHT>=l&&(c.value+=a*r.HEIGHT):c.value=l},de=(a,l,o)=>{var Q;if(a===0)return;const d=Math.abs(a);let _=T.value.length-d,x=a<0;if(l){x||(x=!0,a=-a);for(let L=0;L<d;L++){const R=T.value[0],ve=R.index,j=R.timestamp,X=ve-1,Z={index:X,format:m.value.type,timestamp:j+m.value.timeMsPerTick,label:X%m.value.labelInterval==0};T.value.unshift(Z)}}if(Le(a),x)_!==0&&d===1?T.value.pop():T.value.splice(_,d),F.value=[];else{const L=(((Q=h.value)==null?void 0:Q.clientHeight)||0)+r.OFFSET*r.HEIGHT,R=Math.ceil(L/r.HEIGHT),ve=T.value.length>=R?0:R-T.value.length+1;for(let j=0;j<d;j++){const X=T.value[T.value.length-1],pe=X.index+1,Ie={index:pe,format:m.value.type,timestamp:X.timestamp-m.value.timeMsPerTick,label:pe%m.value.labelInterval==0};j>=ve&&F.value.push(Ie),T.value.push(Ie)}}},vt=a=>{let l;a&&typeof a!="number"&&(a=a.getTime()),a||(a=H.value.getTime());const o=T.value.map(x=>x.timestamp),d=At(o,a),_=T.value.find(x=>x.timestamp===d.timestamp);return _&&(l={..._}),l},pt=a=>{typeof a!="number"&&(a=a.getTime());const l=ne.value.timestamp-a,o=new Date(ne.value.timestamp-l);return{y:l/m.value.timeMsPerTick*r.HEIGHT,timestamp:o.getTime()}},ft=a=>{switch(a){case 1:return ot;case 2:return lt;case 3:return at;case 4:return tt}return et},gt=a=>new Promise(l=>{var X;ht();let o=H.value.getTime();a&&(o=typeof a=="object"?a.getTime():a);const d=r.TIME_OFFSET*m.value.timeMsPerTick,_=new Date(o+d),Q=xt(_).date.getTime(),L=Math.ceil(c.value/r.HEIGHT);for(let Z=0;Z<L;Z++){const pe={index:Z,format:m.value.type,timestamp:Q-Z*m.value.timeMsPerTick,label:Z%m.value.labelInterval==0};T.value.push(pe)}const R=vt(o);R&&(K.value=R.timestamp-o,u.value=R,u.value.timestamp=o);let j=(((X=u.value)==null?void 0:X.index)||0)*r.HEIGHT-r.TIME_OFFSET*r.HEIGHT;K.value<0?j+=K.value/m.value.timeMsPerPx:K.value>0&&(j-=K.value/m.value.timeMsPerPx),p.value=-(r.HEIGHT/2)-j,l()}),ht=()=>{v.value=0,Y.value=0,E.value=0,D.value=0,T.value=[]},xt=a=>{switch(m.value.type){case"seconds":return It(a);case"two-minutes":return Lt(a);case"fifteen-minutes":return Gt(a);case"thirty-minutes":return Rt(a);case"hours":return Mt(a)}},He=async(a,l="smooth",o=!1)=>{var _;if(a===0){(_=h.value)==null||_.scrollTo({top:0,behavior:"smooth"});return}O.value=o;const d=pt(a).y;if(d>=600){const x=r.OFFSET*m.value.timeMsPerTick,Q=x/m.value.timeMsPerPx,L=typeof a=="object"?a.getTime():a;await Te(!0,L+x),O.value=!0,V.value.timestamp=L,$e(()=>{var R;return(R=h.value)==null?void 0:R.scrollTo({top:Q,behavior:l})});return}$e(()=>{var x;return(x=h.value)==null?void 0:x.scrollTo({top:d,behavior:l})})},Te=async(a,l)=>new Promise(o=>{s.value=!0;const d=Date.now(),_=setInterval(async()=>{Ot(new Date).date.getTime()-d>=999&&(clearInterval(_),le.value=new Date,H.value=new Date,wt(),_t(),await gt(l),s.value=!1,o())},1)}),yt=()=>{clearInterval(we),clearInterval(Pe)},bt=()=>{H.value=new Date,D.value++,B.y.value===0?(E.value=D.value,V.value={timestamp:H.value.getTime(),live:!0}):B.y.value>0&&!C.value&&(E.value++,V.value={timestamp:V.value.timestamp+1e3,live:!1})},_t=()=>{clearInterval(we),we=setInterval(bt,1e3)},wt=()=>{clearInterval(Pe),Pe=setInterval(Pt,m.value.timeMsPerTick)},Pt=()=>{s.value||(le.value=new Date,Y.value++,B.y.value===0?(de(Y.value-v.value,!0),u.value&&(u.value.index-=Y.value-v.value),v.value=Y.value):B.y.value>0&&!C.value&&(de(1,!0),v.value++,u.value&&u.value.index--))},ke=()=>{clearTimeout(Oe),Oe=setTimeout(()=>{C.value=!1},500),C.value=!0};return Ne(()=>{P.value==="light"?oe.value="#5b5b5b":oe.value="#888888"}),We(()=>{Le(),Te()}),St(()=>{yt()}),(a,l)=>(n(),y("div",{ref_key:"timelineComponent",ref:ee,class:"relative h-full w-full"},[w(De,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(Dt),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",style:I(`transition: all .3s ease-out; ${t(V).live?"":"right: 100px !important;"}`)},null,8,["disabled","icon","style"]),[[ce,t(ye)&&!t(ie)]])]),_:1}),w(De,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(je),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",onClick:l[0]||(l[0]=o=>He(0))},null,8,["disabled","icon"]),[[ce,!t(V).live]])]),_:1}),g("div",ta,[w(Xt,{active:t(s),indeterminate:t(s),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),g("div",{class:"timeline-annotation",style:I(t(it))},[g("div",{ref:"annotationLabel",class:"timeline-annotation-label",style:I(t(st))},[t(s)?(n(),G(ze,{key:0,indeterminate:"",color:"white",size:"10",width:"2"})):(n(),y("div",aa,q(t(V).live?"LIVE":t(ue)(t(V).timestamp,"HH:mm:ss")),1))],4)],4),g("div",{ref_key:"timeline",ref:h,class:"timeline hide-scrollbar disable-overflow-scroll w-full relative",style:I(t(dt))},[t(se)?J("",!0):(n(),y("div",la,l[1]||(l[1]=[g("div",{class:"timeline-gradient-bg-dark-top"},null,-1),g("div",{class:"timeline-gradient-bg-white-top"},null,-1)]))),a.segment==="0"?(n(),y("div",{key:1,class:"relative h-full",style:I(t(se)?"":"top: -100px")},[g("div",{class:"timeline-scale",style:I(t(ut))},null,4),(n(!0),y(Ce,null,Fe(t(T),(o,d)=>(n(),y("div",{key:o.index,"data-tick-index":o.index,class:"tick-container flex justify-center items-center absolute",style:I(`${t(ct)}; top: ${t(p)+t(rt)+d*t(r).HEIGHT}px`)},[g("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(s)?(n(),y("div",ia,q(t(ue)(o.timestamp,t(nt)?"HH:mm:ss":"HH:mm")),1)):J("",!0)],8,sa)],12,oa))),128))],4)):(n(),y("div",na))],4)],512))}}),ua=xe(ra,[["__scopeId","data-v-e8bb6d1c"]]),ca={class:"vue-ios13-segmented-control"},ma=["id","name","value"],da=["for"],va=me({__name:"VSegmentedControl",props:{modelValue:{},segments:{}},emits:["update:modelValue"],setup(e,{emit:N}){const W=e,M=N,P=i(0),{modelValue:z,segments:$}=he(W),f=S({get(){return z.value},set(p){M("update:modelValue",p)}}),E=S(()=>$.value.findIndex(p=>p.id===z.value)),D=S(()=>{let p=P.value*E.value;return P.value*E.value<0&&(p=0),`transform:translateX(${p}px)`}),H=()=>{$e(()=>{const p=document.querySelector(`input[type='radio'][value='${z.value}']`);P.value=p&&p.offsetWidth})};return U([$,z],()=>{H()},{deep:!0}),qt(window,"resize",H),(p,u)=>(n(),y("div",ca,[g("span",{class:"selection-pill",style:I(t(D))},null,4),(n(!0),y(Ce,null,Fe(t($),s=>(n(),y("div",{key:s.id,class:"option"},[ae(g("input",{id:s.id,"onUpdate:modelValue":u[0]||(u[0]=C=>fe(f)?f.value=C:null),type:"radio",name:s.title,value:s.id},null,8,ma),[[Ht,t(f)]]),g("label",{for:s.id,class:"w-full cursor-pointer"},[g("span",{style:I(t(f)===s.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},q(s.title),5)],8,da)]))),128))]))}}),pa={key:0,class:"w-full flex items-center justify-center mt-10"},fa={class:"flex flex-col justify-center items-center"},ga=me({__name:"VCameraCarousel",props:{showLabel:{type:Boolean,default:!1}},setup(e){const N=new Je,W=Ke(),M=e,{showLabel:P}=he(M),z=i({page:1,pageSize:-1}),{data:$,isLoading:f}=N.getCamerasQuery(z),E=S(()=>{var D;return(D=$.value)==null?void 0:D.result.findIndex(H=>H.name===W.params.cameraname)});return(D,H)=>{const p=Ye,u=Tt("router-link");return t(f)?(n(),y("div",pa,[w(ze,{color:"#df2a4c",indeterminate:""})])):(n(),G(Jt,{key:1,"model-value":t(E),class:"mt-3","show-arrows":"",mandatory:"force"},{default:k(()=>{var s;return[(n(!0),y(Ce,null,Fe(((s=t($))==null?void 0:s.result)||[],(C,F)=>(n(),G(Zt,{key:C.name,value:F},{default:k(({toggle:O,isSelected:v})=>[g("div",fa,[w(u,{to:`/cameras/${C.name}`,onClick:O},{default:k(()=>[ae(w(p,{class:"ma-3","current-camera":C.name,"border-radius":8,border:!1,target:"snapshot",style:{width:"140px"}},null,8,["current-camera"]),[[Yt]])]),_:2},1032,["to","onClick"]),t(P)?(n(),y("div",{key:0,class:Ee(["add-transition slide-item-title",{"slide-item-title-active":v}])},q(C.name||D.$t("general.loading")),3)):J("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),ha=xe(ga,[["__scopeId","data-v-ec891350"]]),xa=["onClick"],ya=me({__name:"VCalendar",props:{showPicker:{type:Boolean,default:!1},showButton:{type:Boolean,default:!1},transitionTrigger:{type:Boolean,default:!0},loading:{type:Boolean,default:!0}},emits:["dateChanged","calendarOpen"],setup(e,{emit:N}){const W=e,M=N,{loading:P}=he(W),{theme:z}=Qe(Ue()),$=i(!1),f=i(new Date),E=Ze();U(f,(u,s)=>{u?M("dateChanged",f.value):f.value=s});const D=()=>{$.value=!1,M("calendarOpen",!1)},H=()=>{$.value=!0,M("calendarOpen",!0)},p=u=>{P.value||u()};return(u,s)=>{const C=ea;return n(),y("div",null,[w(C,{modelValue:t(f),"onUpdate:modelValue":s[0]||(s[0]=F=>fe(f)?f.value=F:null),"is-required":"",color:"gray","is-dark":t(z)==="dark","max-date":new Date,mode:"dateTime",is24hr:"",onPopoverDidShow:H,onPopoverDidHide:D},{default:k(({togglePopover:F})=>[w(De,null,{default:k(()=>[u.showButton?ae((n(),G(te,{key:0,disabled:t(P),transition:"fade-transition",position:"fixed",location:"bottom left",class:"date-fixed-btn rounded-xl",onClick:O=>p(F)},{default:k(()=>[ge(q(t(ue)(t(f))),1)]),_:2},1032,["disabled","onClick"])),[[ce,u.transitionTrigger]]):J("",!0)]),_:2},1024),u.showPicker?(n(),y("div",{key:0,onClick:O=>p(F)},[g("span",{class:"text-sm cursor-pointer",style:I(t(P)?"color: #a8a8a8;":"")},q(t(E).width.value<875?t(ue)(t(f),"ddd., D. MMM."):t(ue)(t(f))),5),w(re,{size:"20",color:t(P)?"#a8a8a8":"#4a4a4a",class:"cursor-pointer"},{default:k(()=>[ge(q(t($)?t(je):t(Ct)),1)]),_:1},8,["color"])],8,xa)):J("",!0)]),_:1},8,["modelValue","is-dark","max-date"])])}}}),ba=xe(ya,[["__scopeId","data-v-818d397f"]]),_a={key:0,class:"flex items-center justify-center w-full h-full"},wa={key:1,class:"w-full h-full"},Pa={class:"absolute z-5 left-1 top-2"},Sa={class:"left-content"},Ha={key:0,class:"timeline-toggle"},Ta={class:"flex flex-col items-center h-full sidebar camera-no-outside"},ka={key:0,class:"sidebar-header p-1 relative"},$a={class:"flex flex-row mb-2"},Ea={class:"w-1/2 flex justify-center items-center"},Da={class:"w-1/2 flex justify-center items-center"},Ca=me({__name:"Camera",setup(e){const N=new Je,W=Ke(),{desktopActive:M,mobileActive:P,tabletActive:z,extraSmallMobileActive:$}=qe(),{t:f}=Bt.global,E=i(!1),D=i(new Date),H=i(),p=i(0),u=i("0"),s=i(!1),C=i(null),F=i(!1),O=i(!1),v=i(1),Y=kt([{title:f("views.camera.timeline"),id:"0"},{title:f("views.camera.detections"),id:"1"}]),le=Qt(H),{isOutside:K}=Xe(C),A=S(()=>W.params.cameraname),{data:oe,isLoading:V}=N.getCameraQuery(A);U(v,()=>{});const h=()=>{v.value!==5&&(O.value||(v.value=(v.value||1)+1))},ee=()=>{v.value!==1&&(O.value||(v.value=(v.value||1)-1))};return Ne(async()=>{v.value=1}),We(async()=>{setTimeout(()=>{H.value=document.querySelector(".player-container-main")},100)}),(T,c)=>{const se=ba,ye=Ye,be=ha,_e=va,ie=ua;return n(),y("main",{class:Ee(["w-full h-full",{"p-3":!t(P)}])},[!t(oe)||t(V)?(n(),y("div",_a,[w(ze,{color:"#df2a4c",indeterminate:""})])):(n(),y("div",wa,[ae((n(),G(se,{key:t(A),layout:"text","show-button":"","transition-trigger":!t(K)||t(E),"max-date":new Date,loading:t(F),onDateChanged:c[0]||(c[0]=b=>D.value=b),onCalendarOpen:c[1]||(c[1]=b=>E.value=b)},null,8,["transition-trigger","max-date","loading"])),[[ce,t(P)||t(E)]]),g("div",{class:Ee(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(M)}])},[g("div",Pa,[t($)?(n(),G(te,{key:0,size:"32",icon:"",density:"compact",variant:"elevated",class:"no-drag camera-no-outside opacity-50",onClick:c[2]||(c[2]=$t(b=>T.$router.push("/cameras"),["prevent"]))},{default:k(()=>[w(re,{size:"24"},{default:k(()=>[ge(q(t(Ae)),1)]),_:1})]),_:1})):J("",!0)]),g("div",Sa,[(n(),G(ye,{key:t(A),"show-title":"",settings:"",share:"",snapshot:"",target:"stream",zoom:(t(P)||t(z))&&t(s),"current-camera":t(oe).name,"timeline-scrolling":t(O)||t(F),"border-radius":t(P)?0:3,"zoom-model":t(v),"enable-control":"",shortcuts:"",motions:"",objects:"",zones:"","auto-hide-control":!1,"source-role":"high-resolution",onResize:c[3]||(c[3]=b=>p.value=b),onZoomIn:h,onZoomOut:ee},null,8,["zoom","current-camera","timeline-scrolling","border-radius","zoom-model"])),(n(),G(Et,null,[ae(w(be,{"show-label":"","focus-index":""},null,512),[[ce,!t(P)]])],1024))]),g("div",{class:"right-content",style:I(t(z)?`height: ${t(le).height.value}px; width: ${t(le).width.value/3}px; right: ${t(s)?0:-2-t(le).width.value/3}px`:"")},[t(z)?(n(),y("div",Ha,[w(te,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:c[4]||(c[4]=b=>s.value=!t(s))},{default:k(()=>[w(re,{color:"#fff",size:"20"},{default:k(()=>[ge(q(t(s)?t(Ft):t(Ae)),1)]),_:1})]),_:1})])):J("",!0),g("div",Ta,[!t(P)&&!t(z)?(n(),y("div",ka,[g("div",$a,[g("div",Ea,[(n(),G(se,{key:t(A),loading:t(F),layout:"text","show-picker":"",onDateChanged:c[5]||(c[5]=b=>D.value=b)},null,8,["loading"]))]),g("div",Da,[(n(),G(Kt,{key:t(A),modelValue:t(v),"onUpdate:modelValue":c[6]||(c[6]=b=>fe(v)?v.value=b:null),disabled:t(F),readonly:"",min:"1",max:"5",step:"1","track-size":"1","thumb-size":"10","hide-details":""},{prepend:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==1,icon:"",onClick:ee},{default:k(()=>[w(re,{size:"20",icon:t(zt)},null,8,["icon"])]),_:1},8,["disabled"])]),append:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==5,icon:"",onClick:h},{default:k(()=>[w(re,{size:"20",icon:t(Vt)},null,8,["icon"])]),_:1},8,["disabled"])]),_:1},8,["modelValue","disabled"]))])]),(n(),G(_e,{key:t(A),modelValue:t(u),"onUpdate:modelValue":c[7]||(c[7]=b=>fe(u)?u.value=b:null),segments:t(Y)},null,8,["modelValue","segments"]))])):J("",!0),(n(),G(ie,{key:t(A),ref_key:"timeline",ref:C,"date-model":t(D),"zoom-model":t(v),modifier:t(p),segment:t(u),onIsScrolling:c[8]||(c[8]=b=>O.value=b),onIsLoading:c[9]||(c[9]=b=>F.value=b)},null,8,["date-model","zoom-model","modifier","segment"]))])],4)],2)]))],2)}}}),fl=xe(Ca,[["__scopeId","data-v-6e567cc6"]]);export{fl as default};
+import{G as me,t as he,r as i,c as S,w as U,a3 as Ne,x as We,a1 as St,b as n,d as y,N as w,S as k,e as ae,v as ce,u as t,Y as I,f as g,P as G,U as q,k as J,O as Ce,R as Fe,n as $e,an as Ht,i as fe,K as Tt,g as Ee,W as ge,E as kt,p as $t,ao as Et}from"./@vue.FH56CEei.0.0.31-alpha.7.js";import{D as Dt,E as je,F as Ct,C as Ae,G as Ft,H as zt,I as Vt}from"./@mdi.DVdKciOk.0.0.31-alpha.7.js";import{a as Ue,f as qe,k as ue,l as Ot,m as Mt,n as Rt,o as Gt,p as Lt,q as It,s as At,d as xe,i as Bt}from"./main.3GWz905i.0.0.31-alpha.7.js";import{s as Qe}from"./pinia.BmNMGws-.0.0.31-alpha.7.js";import{k as Nt,l as Wt,m as Xe,n as jt,p as Ut,e as Ze,q as Be,s as qt,j as Qt}from"./@vueuse.PD04ZxXf.0.0.31-alpha.7.js";import{b as te,B as De,C as Xt,V as ze,D as Zt,E as Jt,R as Yt,e as re,F as Kt}from"./vuetify.eyVDgSy7.0.0.31-alpha.7.js";import{C as Je,_ as Ye}from"./VPlayer.CpMa1SNk.0.0.31-alpha.7.js";import{u as Ke}from"./vue-router.6SfjZo7d.0.0.31-alpha.7.js";import{D as ea}from"./v-calendar.DbgRs2B9.0.0.31-alpha.7.js";import"./vue3-toastify.183kFIIP.0.0.31-alpha.7.js";import"./vue-i18n.47lrsSx-.0.0.31-alpha.7.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.7.js";import"./axios.C-n2IhIP.0.0.31-alpha.7.js";import"./@tanstack.C5ZmdPMX.0.0.31-alpha.7.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.7.js";import"./vee-validate.CgBFBn_c.0.0.31-alpha.7.js";import"./@vee-validate.C1sFKgmu.0.0.31-alpha.7.js";import"./zod.DnW1_kUe.0.0.31-alpha.7.js";import"./uuid.DvF23Exx.0.0.31-alpha.7.js";import"./socket.io-client.CREiw90L.0.0.31-alpha.7.js";import"./engine.io-client.0rDBaiC-.0.0.31-alpha.7.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.7.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.7.js";import"./socket.io-parser.CXwV0PeT.0.0.31-alpha.7.js";import"./rxjs.yBzqm3cW.0.0.31-alpha.7.js";import"./tslib.9k7AwCpt.0.0.31-alpha.7.js";import"./vue-inline-svg.B_v_uRHL.0.0.31-alpha.7.js";import"./nprogress.Vi6jioDG.0.0.31-alpha.7.js";import"./@xterm.5BydZhPp.0.0.31-alpha.7.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.7.js";import"./qrcode.C6itkoyR.0.0.31-alpha.7.js";import"./dijkstrajs.D_NXgYpA.0.0.31-alpha.7.js";import"./plugins.8xllclI2.0.0.31-alpha.7.js";import"./draggabilly.GpB8TOyE.0.0.31-alpha.7.js";import"./get-size.D1dS-IaP.0.0.31-alpha.7.js";import"./unidragger.DGZQtVYj.0.0.31-alpha.7.js";import"./ev-emitter.BJv01w63.0.0.31-alpha.7.js";var r=(e=>(e[e.HEIGHT=8]="HEIGHT",e[e.WIDTH=85]="WIDTH",e.COLOR="#000000",e[e.OFFSET=50]="OFFSET",e[e.TIME_OFFSET=15]="TIME_OFFSET",e[e.TIME_START_POSITION=15]="TIME_START_POSITION",e[e.MAX_SCROLL_PX=720]="MAX_SCROLL_PX",e))(r||{}),et=(e=>(e.type="seconds",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=15e3]="duration",e[e.timeMsFactor=15e3]="timeMsFactor",e[e.timeMsPerTick=1e3]="timeMsPerTick",e[e.timeMsPerPx=125]="timeMsPerPx",e[e.pxPerSecond=8]="pxPerSecond",e))(et||{}),tt=(e=>(e.type="two-minutes",e[e.bigTickInterval=4]="bigTickInterval",e[e.labelInterval=8]="labelInterval",e[e.duration=12e4]="duration",e[e.timeMsFactor=12e4]="timeMsFactor",e[e.timeMsPerTick=15e3]="timeMsPerTick",e[e.timeMsPerPx=1875]="timeMsPerPx",e[e.pxPerSecond=.5333333333333333]="pxPerSecond",e))(tt||{}),at=(e=>(e.type="fifteen-minutes",e[e.bigTickInterval=5]="bigTickInterval",e[e.labelInterval=15]="labelInterval",e[e.duration=9e5]="duration",e[e.timeMsFactor=9e5]="timeMsFactor",e[e.timeMsPerTick=6e4]="timeMsPerTick",e[e.timeMsPerPx=7500]="timeMsPerPx",e[e.pxPerSecond=.13333333333333333]="pxPerSecond",e))(at||{}),lt=(e=>(e.type="thirty-minutes",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=9]="labelInterval",e[e.duration=18e5]="duration",e[e.timeMsFactor=18e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(lt||{}),ot=(e=>(e.type="hours",e[e.bigTickInterval=3]="bigTickInterval",e[e.labelInterval=18]="labelInterval",e[e.duration=36e5]="duration",e[e.timeMsFactor=36e5]="timeMsFactor",e[e.timeMsPerTick=2e5]="timeMsPerTick",e[e.timeMsPerPx=25e3]="timeMsPerPx",e[e.pxPerSecond=.04]="pxPerSecond",e))(ot||{});const ta={class:"absolute z-10 top-0 left-0 right-0 w-full"},aa={key:1},la={key:0,class:"timeline-gradient-bg-top"},oa=["data-tick-index"],sa=["data-tick-index"],ia={key:0,class:"tick-label"},na={key:2},ra=me({__name:"VLiveTimeline",props:{zoomModel:{default:1},dateModel:{default:()=>new Date},modifier:{default:0},segment:{default:"0"}},emits:["is-loading","is-scrolling"],setup(e,{emit:N}){const W=e,M=N,{theme:P}=Qe(Ue()),{dateModel:z,modifier:$,zoomModel:f}=he(W),E=i(0),D=i(0),H=i(new Date),p=i(0),u=i(),s=i(!1),C=i(!1),F=i([]),O=i(!1),v=i(0),Y=i(0),le=i(new Date),K=i(0),A=i(0),oe=i("#5b5b5b"),V=i({timestamp:Date.now(),live:!0}),h=i(null),ee=i(null),T=i([]),c=i(0),{tabletActive:se,mobileActive:ye}=qe(),be=Nt(h),_e=Wt({touch:!1,target:ee}),{isOutside:ie}=Xe(ee),{pressed:b}=jt({touch:!1,target:ee}),B=Ut(h),Ve=Ze();Be("ArrowDown",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop++)}),Be("ArrowUp",a=>{ie.value||(a.preventDefault(),ke(),h.value&&h.value.scrollTop--)});let we,Pe,Oe;const Me=S(()=>B.y.value>0?"#0173ff":"#df2a4c"),st=S(()=>{let a=`transition: all .2s ease-out; background-color: ${Me.value};`;return s.value?a+="width: 20px; left: 9px; border-radius: 30px":m.value.type==="seconds"?a+="width: 60px; left: 9px;":B.y.value===0?a+="width: 40px; left: 9px;":a+="width: 55px; left: 9px;",a}),it=S(()=>`transition: all .5s ease-out; position: absolute; top: ${ne.value.px}px; background-color: ${Me.value};`),ne=S(()=>{var d;const a=H.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=u.value)==null?void 0:d.timestamp)||a;return B.y.value===0&&(o=a),u.value&&(u.value.timestamp=o),{px:l,timestamp:o}}),nt=S(()=>m.value.type==="seconds"),Se=S(()=>r.HEIGHT*m.value.labelInterval),Re=S(()=>m.value.pxPerSecond*E.value+A.value),rt=S(()=>m.value.pxPerSecond*E.value-v.value*r.HEIGHT-3+A.value),ut=S(()=>`transition: all .5s ease-out; mask-image: url('data:image/svg+xml,${Ge.value}'); -webkit-mask-image: url('data:image/svg+xml,${Ge.value}'); mask-size: ${r.WIDTH}px ${Se.value}px; -webkit-mask-size: ${r.WIDTH}px ${Se.value}px; width: ${r.WIDTH}px; height: ${c.value}px; mask-position: 0px ${p.value+Re.value}px; -webkit-mask-position: 0px ${p.value+Re.value}px`),Ge=S(()=>{let a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r.WIDTH} ${Se.value}" vector-effect="non-scaling-stroke" stroke-width="${1/(window.devicePixelRatio||1)}px" shape-rendering="crispEdges">`;if(!s.value)for(let l=0;l<m.value.labelInterval;l++){const o=l%m.value.labelInterval==0,d=0,_=o?4:l%m.value.bigTickInterval===0?2:1,x=l*r.HEIGHT+r.HEIGHT/2;a+=`<line x1="${d}" y1="${x}" x2="${2*_}" y2="${x}" stroke="${oe.value}" stroke-opacity="100%"/>`}return a+="</svg>",encodeURIComponent(a)}),ct=S(()=>`transition: top .5s ease-out; height: ${r.HEIGHT}px;`),mt=S(()=>{var _;const a=(_=h.value)==null?void 0:_.getBoundingClientRect(),l=Ve.width.value,o=($==null?void 0:$.value)||0,d=l-l+(o-o);return a?Ve.height.value-a.top+d:null}),m=S(()=>ft(f.value)),dt=S(()=>`height: 100%; cursor: ${s.value?"default":b.value?"grabbing":"grab"}`);U(s,a=>{be.value=a,M("is-loading",a)}),U(z,a=>{if(a){if(a.getTime()===ne.value.timestamp)return;a==null||a.setSeconds(0,0),He(a)}}),U(_e.y,(a,l)=>{if(b.value&&a!==l&&h.value){let o=Math.abs(a-l);a<l&&(o=o*-1),h.value.scrollTop=h.value.scrollTop-=o}}),U(B.isScrolling,a=>{M("is-scrolling",a),!a&&O.value&&(O.value=!1)}),U(B.y,(a,l)=>{var _,x;if(ke(),a===0&&de(-F.value.length),a!==l)if(a===0)V.value={timestamp:ne.value.timestamp,live:!0};else{const Q=(a-l)*m.value.timeMsPerPx,L=O.value?V.value.timestamp:V.value.timestamp-Q;V.value={timestamp:L,live:!1}}const d=(((_=h.value)==null?void 0:_.scrollHeight)||0)-(((x=h.value)==null?void 0:x.clientHeight)||0)-r.OFFSET*r.HEIGHT;a>=d&&de(r.OFFSET)}),U(f,async()=>{await Te(),B.y.value>0&&He(V.value.timestamp,"auto",!0)});const Le=a=>{var o;const l=(mt.value||((o=h.value)==null?void 0:o.clientHeight)||0)+r.OFFSET*r.HEIGHT;a!==void 0?c.value+a*r.HEIGHT>=l&&(c.value+=a*r.HEIGHT):c.value=l},de=(a,l,o)=>{var Q;if(a===0)return;const d=Math.abs(a);let _=T.value.length-d,x=a<0;if(l){x||(x=!0,a=-a);for(let L=0;L<d;L++){const R=T.value[0],ve=R.index,j=R.timestamp,X=ve-1,Z={index:X,format:m.value.type,timestamp:j+m.value.timeMsPerTick,label:X%m.value.labelInterval==0};T.value.unshift(Z)}}if(Le(a),x)_!==0&&d===1?T.value.pop():T.value.splice(_,d),F.value=[];else{const L=(((Q=h.value)==null?void 0:Q.clientHeight)||0)+r.OFFSET*r.HEIGHT,R=Math.ceil(L/r.HEIGHT),ve=T.value.length>=R?0:R-T.value.length+1;for(let j=0;j<d;j++){const X=T.value[T.value.length-1],pe=X.index+1,Ie={index:pe,format:m.value.type,timestamp:X.timestamp-m.value.timeMsPerTick,label:pe%m.value.labelInterval==0};j>=ve&&F.value.push(Ie),T.value.push(Ie)}}},vt=a=>{let l;a&&typeof a!="number"&&(a=a.getTime()),a||(a=H.value.getTime());const o=T.value.map(x=>x.timestamp),d=At(o,a),_=T.value.find(x=>x.timestamp===d.timestamp);return _&&(l={..._}),l},pt=a=>{typeof a!="number"&&(a=a.getTime());const l=ne.value.timestamp-a,o=new Date(ne.value.timestamp-l);return{y:l/m.value.timeMsPerTick*r.HEIGHT,timestamp:o.getTime()}},ft=a=>{switch(a){case 1:return ot;case 2:return lt;case 3:return at;case 4:return tt}return et},gt=a=>new Promise(l=>{var X;ht();let o=H.value.getTime();a&&(o=typeof a=="object"?a.getTime():a);const d=r.TIME_OFFSET*m.value.timeMsPerTick,_=new Date(o+d),Q=xt(_).date.getTime(),L=Math.ceil(c.value/r.HEIGHT);for(let Z=0;Z<L;Z++){const pe={index:Z,format:m.value.type,timestamp:Q-Z*m.value.timeMsPerTick,label:Z%m.value.labelInterval==0};T.value.push(pe)}const R=vt(o);R&&(K.value=R.timestamp-o,u.value=R,u.value.timestamp=o);let j=(((X=u.value)==null?void 0:X.index)||0)*r.HEIGHT-r.TIME_OFFSET*r.HEIGHT;K.value<0?j+=K.value/m.value.timeMsPerPx:K.value>0&&(j-=K.value/m.value.timeMsPerPx),p.value=-(r.HEIGHT/2)-j,l()}),ht=()=>{v.value=0,Y.value=0,E.value=0,D.value=0,T.value=[]},xt=a=>{switch(m.value.type){case"seconds":return It(a);case"two-minutes":return Lt(a);case"fifteen-minutes":return Gt(a);case"thirty-minutes":return Rt(a);case"hours":return Mt(a)}},He=async(a,l="smooth",o=!1)=>{var _;if(a===0){(_=h.value)==null||_.scrollTo({top:0,behavior:"smooth"});return}O.value=o;const d=pt(a).y;if(d>=600){const x=r.OFFSET*m.value.timeMsPerTick,Q=x/m.value.timeMsPerPx,L=typeof a=="object"?a.getTime():a;await Te(!0,L+x),O.value=!0,V.value.timestamp=L,$e(()=>{var R;return(R=h.value)==null?void 0:R.scrollTo({top:Q,behavior:l})});return}$e(()=>{var x;return(x=h.value)==null?void 0:x.scrollTo({top:d,behavior:l})})},Te=async(a,l)=>new Promise(o=>{s.value=!0;const d=Date.now(),_=setInterval(async()=>{Ot(new Date).date.getTime()-d>=999&&(clearInterval(_),le.value=new Date,H.value=new Date,wt(),_t(),await gt(l),s.value=!1,o())},1)}),yt=()=>{clearInterval(we),clearInterval(Pe)},bt=()=>{H.value=new Date,D.value++,B.y.value===0?(E.value=D.value,V.value={timestamp:H.value.getTime(),live:!0}):B.y.value>0&&!C.value&&(E.value++,V.value={timestamp:V.value.timestamp+1e3,live:!1})},_t=()=>{clearInterval(we),we=setInterval(bt,1e3)},wt=()=>{clearInterval(Pe),Pe=setInterval(Pt,m.value.timeMsPerTick)},Pt=()=>{s.value||(le.value=new Date,Y.value++,B.y.value===0?(de(Y.value-v.value,!0),u.value&&(u.value.index-=Y.value-v.value),v.value=Y.value):B.y.value>0&&!C.value&&(de(1,!0),v.value++,u.value&&u.value.index--))},ke=()=>{clearTimeout(Oe),Oe=setTimeout(()=>{C.value=!1},500),C.value=!0};return Ne(()=>{P.value==="light"?oe.value="#5b5b5b":oe.value="#888888"}),We(()=>{Le(),Te()}),St(()=>{yt()}),(a,l)=>(n(),y("div",{ref_key:"timelineComponent",ref:ee,class:"relative h-full w-full"},[w(De,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(Dt),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",style:I(`transition: all .3s ease-out; ${t(V).live?"":"right: 100px !important;"}`)},null,8,["disabled","icon","style"]),[[ce,t(ye)&&!t(ie)]])]),_:1}),w(De,null,{default:k(()=>[ae(w(te,{disabled:t(s),icon:t(je),transition:"fade-transition",position:"absolute",location:"bottom right",class:"timeline-btn",onClick:l[0]||(l[0]=o=>He(0))},null,8,["disabled","icon"]),[[ce,!t(V).live]])]),_:1}),g("div",ta,[w(Xt,{active:t(s),indeterminate:t(s),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),g("div",{class:"timeline-annotation",style:I(t(it))},[g("div",{ref:"annotationLabel",class:"timeline-annotation-label",style:I(t(st))},[t(s)?(n(),G(ze,{key:0,indeterminate:"",color:"white",size:"10",width:"2"})):(n(),y("div",aa,q(t(V).live?"LIVE":t(ue)(t(V).timestamp,"HH:mm:ss")),1))],4)],4),g("div",{ref_key:"timeline",ref:h,class:"timeline hide-scrollbar disable-overflow-scroll w-full relative",style:I(t(dt))},[t(se)?J("",!0):(n(),y("div",la,l[1]||(l[1]=[g("div",{class:"timeline-gradient-bg-dark-top"},null,-1),g("div",{class:"timeline-gradient-bg-white-top"},null,-1)]))),a.segment==="0"?(n(),y("div",{key:1,class:"relative h-full",style:I(t(se)?"":"top: -100px")},[g("div",{class:"timeline-scale",style:I(t(ut))},null,4),(n(!0),y(Ce,null,Fe(t(T),(o,d)=>(n(),y("div",{key:o.index,"data-tick-index":o.index,class:"tick-container flex justify-center items-center absolute",style:I(`${t(ct)}; top: ${t(p)+t(rt)+d*t(r).HEIGHT}px`)},[g("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(s)?(n(),y("div",ia,q(t(ue)(o.timestamp,t(nt)?"HH:mm:ss":"HH:mm")),1)):J("",!0)],8,sa)],12,oa))),128))],4)):(n(),y("div",na))],4)],512))}}),ua=xe(ra,[["__scopeId","data-v-e8bb6d1c"]]),ca={class:"vue-ios13-segmented-control"},ma=["id","name","value"],da=["for"],va=me({__name:"VSegmentedControl",props:{modelValue:{},segments:{}},emits:["update:modelValue"],setup(e,{emit:N}){const W=e,M=N,P=i(0),{modelValue:z,segments:$}=he(W),f=S({get(){return z.value},set(p){M("update:modelValue",p)}}),E=S(()=>$.value.findIndex(p=>p.id===z.value)),D=S(()=>{let p=P.value*E.value;return P.value*E.value<0&&(p=0),`transform:translateX(${p}px)`}),H=()=>{$e(()=>{const p=document.querySelector(`input[type='radio'][value='${z.value}']`);P.value=p&&p.offsetWidth})};return U([$,z],()=>{H()},{deep:!0}),qt(window,"resize",H),(p,u)=>(n(),y("div",ca,[g("span",{class:"selection-pill",style:I(t(D))},null,4),(n(!0),y(Ce,null,Fe(t($),s=>(n(),y("div",{key:s.id,class:"option"},[ae(g("input",{id:s.id,"onUpdate:modelValue":u[0]||(u[0]=C=>fe(f)?f.value=C:null),type:"radio",name:s.title,value:s.id},null,8,ma),[[Ht,t(f)]]),g("label",{for:s.id,class:"w-full cursor-pointer"},[g("span",{style:I(t(f)===s.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},q(s.title),5)],8,da)]))),128))]))}}),pa={key:0,class:"w-full flex items-center justify-center mt-10"},fa={class:"flex flex-col justify-center items-center"},ga=me({__name:"VCameraCarousel",props:{showLabel:{type:Boolean,default:!1}},setup(e){const N=new Je,W=Ke(),M=e,{showLabel:P}=he(M),z=i({page:1,pageSize:-1}),{data:$,isLoading:f}=N.getCamerasQuery(z),E=S(()=>{var D;return(D=$.value)==null?void 0:D.result.findIndex(H=>H.name===W.params.cameraname)});return(D,H)=>{const p=Ye,u=Tt("router-link");return t(f)?(n(),y("div",pa,[w(ze,{color:"#df2a4c",indeterminate:""})])):(n(),G(Jt,{key:1,"model-value":t(E),class:"mt-3","show-arrows":"",mandatory:"force"},{default:k(()=>{var s;return[(n(!0),y(Ce,null,Fe(((s=t($))==null?void 0:s.result)||[],(C,F)=>(n(),G(Zt,{key:C.name,value:F},{default:k(({toggle:O,isSelected:v})=>[g("div",fa,[w(u,{to:`/cameras/${C.name}`,onClick:O},{default:k(()=>[ae(w(p,{class:"ma-3","current-camera":C.name,"border-radius":8,border:!1,target:"snapshot",style:{width:"140px"}},null,8,["current-camera"]),[[Yt]])]),_:2},1032,["to","onClick"]),t(P)?(n(),y("div",{key:0,class:Ee(["add-transition slide-item-title",{"slide-item-title-active":v}])},q(C.name||D.$t("general.loading")),3)):J("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),ha=xe(ga,[["__scopeId","data-v-ec891350"]]),xa=["onClick"],ya=me({__name:"VCalendar",props:{showPicker:{type:Boolean,default:!1},showButton:{type:Boolean,default:!1},transitionTrigger:{type:Boolean,default:!0},loading:{type:Boolean,default:!0}},emits:["dateChanged","calendarOpen"],setup(e,{emit:N}){const W=e,M=N,{loading:P}=he(W),{theme:z}=Qe(Ue()),$=i(!1),f=i(new Date),E=Ze();U(f,(u,s)=>{u?M("dateChanged",f.value):f.value=s});const D=()=>{$.value=!1,M("calendarOpen",!1)},H=()=>{$.value=!0,M("calendarOpen",!0)},p=u=>{P.value||u()};return(u,s)=>{const C=ea;return n(),y("div",null,[w(C,{modelValue:t(f),"onUpdate:modelValue":s[0]||(s[0]=F=>fe(f)?f.value=F:null),"is-required":"",color:"gray","is-dark":t(z)==="dark","max-date":new Date,mode:"dateTime",is24hr:"",onPopoverDidShow:H,onPopoverDidHide:D},{default:k(({togglePopover:F})=>[w(De,null,{default:k(()=>[u.showButton?ae((n(),G(te,{key:0,disabled:t(P),transition:"fade-transition",position:"fixed",location:"bottom left",class:"date-fixed-btn rounded-xl",onClick:O=>p(F)},{default:k(()=>[ge(q(t(ue)(t(f))),1)]),_:2},1032,["disabled","onClick"])),[[ce,u.transitionTrigger]]):J("",!0)]),_:2},1024),u.showPicker?(n(),y("div",{key:0,onClick:O=>p(F)},[g("span",{class:"text-sm cursor-pointer",style:I(t(P)?"color: #a8a8a8;":"")},q(t(E).width.value<875?t(ue)(t(f),"ddd., D. MMM."):t(ue)(t(f))),5),w(re,{size:"20",color:t(P)?"#a8a8a8":"#4a4a4a",class:"cursor-pointer"},{default:k(()=>[ge(q(t($)?t(je):t(Ct)),1)]),_:1},8,["color"])],8,xa)):J("",!0)]),_:1},8,["modelValue","is-dark","max-date"])])}}}),ba=xe(ya,[["__scopeId","data-v-818d397f"]]),_a={key:0,class:"flex items-center justify-center w-full h-full"},wa={key:1,class:"w-full h-full"},Pa={class:"absolute z-5 left-1 top-2"},Sa={class:"left-content"},Ha={key:0,class:"timeline-toggle"},Ta={class:"flex flex-col items-center h-full sidebar camera-no-outside"},ka={key:0,class:"sidebar-header p-1 relative"},$a={class:"flex flex-row mb-2"},Ea={class:"w-1/2 flex justify-center items-center"},Da={class:"w-1/2 flex justify-center items-center"},Ca=me({__name:"Camera",setup(e){const N=new Je,W=Ke(),{desktopActive:M,mobileActive:P,tabletActive:z,extraSmallMobileActive:$}=qe(),{t:f}=Bt.global,E=i(!1),D=i(new Date),H=i(),p=i(0),u=i("0"),s=i(!1),C=i(null),F=i(!1),O=i(!1),v=i(1),Y=kt([{title:f("views.camera.timeline"),id:"0"},{title:f("views.camera.detections"),id:"1"}]),le=Qt(H),{isOutside:K}=Xe(C),A=S(()=>W.params.cameraname),{data:oe,isLoading:V}=N.getCameraQuery(A);U(v,()=>{});const h=()=>{v.value!==5&&(O.value||(v.value=(v.value||1)+1))},ee=()=>{v.value!==1&&(O.value||(v.value=(v.value||1)-1))};return Ne(async()=>{v.value=1}),We(async()=>{setTimeout(()=>{H.value=document.querySelector(".player-container-main")},100)}),(T,c)=>{const se=ba,ye=Ye,be=ha,_e=va,ie=ua;return n(),y("main",{class:Ee(["w-full h-full",{"p-3":!t(P)}])},[!t(oe)||t(V)?(n(),y("div",_a,[w(ze,{color:"#df2a4c",indeterminate:""})])):(n(),y("div",wa,[ae((n(),G(se,{key:t(A),layout:"text","show-button":"","transition-trigger":!t(K)||t(E),"max-date":new Date,loading:t(F),onDateChanged:c[0]||(c[0]=b=>D.value=b),onCalendarOpen:c[1]||(c[1]=b=>E.value=b)},null,8,["transition-trigger","max-date","loading"])),[[ce,t(P)||t(E)]]),g("div",{class:Ee(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(M)}])},[g("div",Pa,[t($)?(n(),G(te,{key:0,size:"32",icon:"",density:"compact",variant:"elevated",class:"no-drag camera-no-outside opacity-50",onClick:c[2]||(c[2]=$t(b=>T.$router.push("/cameras"),["prevent"]))},{default:k(()=>[w(re,{size:"24"},{default:k(()=>[ge(q(t(Ae)),1)]),_:1})]),_:1})):J("",!0)]),g("div",Sa,[(n(),G(ye,{key:t(A),"show-title":"",settings:"",share:"",snapshot:"",target:"stream",zoom:(t(P)||t(z))&&t(s),"current-camera":t(oe).name,"timeline-scrolling":t(O)||t(F),"border-radius":t(P)?0:3,"zoom-model":t(v),"enable-control":"",shortcuts:"",motions:"",objects:"",zones:"","auto-hide-control":!1,"source-role":"high-resolution",onResize:c[3]||(c[3]=b=>p.value=b),onZoomIn:h,onZoomOut:ee},null,8,["zoom","current-camera","timeline-scrolling","border-radius","zoom-model"])),(n(),G(Et,null,[ae(w(be,{"show-label":"","focus-index":""},null,512),[[ce,!t(P)]])],1024))]),g("div",{class:"right-content",style:I(t(z)?`height: ${t(le).height.value}px; width: ${t(le).width.value/3}px; right: ${t(s)?0:-2-t(le).width.value/3}px`:"")},[t(z)?(n(),y("div",Ha,[w(te,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:c[4]||(c[4]=b=>s.value=!t(s))},{default:k(()=>[w(re,{color:"#fff",size:"20"},{default:k(()=>[ge(q(t(s)?t(Ft):t(Ae)),1)]),_:1})]),_:1})])):J("",!0),g("div",Ta,[!t(P)&&!t(z)?(n(),y("div",ka,[g("div",$a,[g("div",Ea,[(n(),G(se,{key:t(A),loading:t(F),layout:"text","show-picker":"",onDateChanged:c[5]||(c[5]=b=>D.value=b)},null,8,["loading"]))]),g("div",Da,[(n(),G(Kt,{key:t(A),modelValue:t(v),"onUpdate:modelValue":c[6]||(c[6]=b=>fe(v)?v.value=b:null),disabled:t(F),readonly:"",min:"1",max:"5",step:"1","track-size":"1","thumb-size":"10","hide-details":""},{prepend:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==1,icon:"",onClick:ee},{default:k(()=>[w(re,{size:"20",icon:t(zt)},null,8,["icon"])]),_:1},8,["disabled"])]),append:k(()=>[w(te,{size:"28",density:"compact",variant:"text",disabled:t(v)==5,icon:"",onClick:h},{default:k(()=>[w(re,{size:"20",icon:t(Vt)},null,8,["icon"])]),_:1},8,["disabled"])]),_:1},8,["modelValue","disabled"]))])]),(n(),G(_e,{key:t(A),modelValue:t(u),"onUpdate:modelValue":c[7]||(c[7]=b=>fe(u)?u.value=b:null),segments:t(Y)},null,8,["modelValue","segments"]))])):J("",!0),(n(),G(ie,{key:t(A),ref_key:"timeline",ref:C,"date-model":t(D),"zoom-model":t(v),modifier:t(p),segment:t(u),onIsScrolling:c[8]||(c[8]=b=>O.value=b),onIsLoading:c[9]||(c[9]=b=>F.value=b)},null,8,["date-model","zoom-model","modifier","segment"]))])],4)],2)]))],2)}}}),fl=xe(Ca,[["__scopeId","data-v-6e567cc6"]]);export{fl as default};

package/dist/interface/{Cameras.19j203Ho.0.0.31-alpha.6.js → Cameras.BNYZVEyF.0.0.31-alpha.7.js}

@@ -1 +1 @@
-import{C as j,_ as I}from"./VPlayer.CkTwas-V.0.0.31-alpha.6.js";import{e as L,d as R,f as M,h as T,j as D}from"./main.ByZ7Q5Rt.0.0.31-alpha.6.js";import{s as P}from"./utils.mAKpSMLY.0.0.31-alpha.6.js";import{j as Q}from"./@vueuse.CmOkMCeE.0.0.31-alpha.6.js";import{A as E,R as G,e as U,b as F}from"./vuetify.kD5nPo6r.0.0.31-alpha.6.js";import{G as A,t as K,r as S,c as C,x as O,b as t,d as s,u as e,O as h,R as g,N as n,f as c,U as d,e as W,k as _,g as u,S as $,aa as Y,Y as z,P as q,W as H}from"./@vue.FH56CEei.0.0.31-alpha.6.js";import{e as J}from"./@mdi.DVdKciOk.0.0.31-alpha.6.js";import{s as X}from"./pinia.L60izDXb.0.0.31-alpha.6.js";import"./qrcode.GdzNJwtx.0.0.31-alpha.6.js";import"./dijkstrajs.D_NXgYpA.0.0.31-alpha.6.js";import"./vee-validate.3sPlqUte.0.0.31-alpha.6.js";import"./zod.DnW1_kUe.0.0.31-alpha.6.js";import"./@vee-validate.CB5bS6l-.0.0.31-alpha.6.js";import"./vue3-toastify.Dbp8MI4c.0.0.31-alpha.6.js";import"./plugins.C_xGOsFd.0.0.31-alpha.6.js";import"./@tanstack.BfD3raHu.0.0.31-alpha.6.js";import"./draggabilly.CQe9cmzD.0.0.31-alpha.6.js";import"./@xterm.BnL94qKf.0.0.31-alpha.6.js";import"./get-size.D1dS-IaP.0.0.31-alpha.6.js";import"./unidragger.BzZhIzFS.0.0.31-alpha.6.js";import"./ev-emitter.DH-sUvzz.0.0.31-alpha.6.js";import"./vue-router.glLTNkuh.0.0.31-alpha.6.js";import"./vue-i18n.BtYk8wx7.0.0.31-alpha.6.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.6.js";import"./axios.C-n2IhIP.0.0.31-alpha.6.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.6.js";import"./uuid.DvF23Exx.0.0.31-alpha.6.js";import"./socket.io-client.CYWeGrUC.0.0.31-alpha.6.js";import"./engine.io-client.CQPyINXx.0.0.31-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.6.js";import"./socket.io-parser.DNk9jhqt.0.0.31-alpha.6.js";import"./rxjs.Bdc6OV8M.0.0.31-alpha.6.js";import"./tslib.9k7AwCpt.0.0.31-alpha.6.js";import"./vue-inline-svg.1dDdLUib.0.0.31-alpha.6.js";import"./v-calendar.Crg_fXjn.0.0.31-alpha.6.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.6.js";import"./nprogress.svoaQuap.0.0.31-alpha.6.js";const Z={key:0,class:"camera-events hide-scrollbar flex flex-auto flex-row"},ee={key:1,class:"disabled-text"},te={key:2,class:"camera-events hide-scrollbar flex flex-auto flex-row"},se=["onClick"],ae=A({__name:"VCameraEvents",props:{showAll:{type:Boolean,default:!1},camera:{}},setup(V){const y=V,{camera:a,showAll:f}=K(y),m=S(!0),p=S(null),x=Q(p),i=C(()=>{const r=[];for(let o=0;o<50;o++)r.push({camera:"Kamera 1",title:"Event 1",type:"motion",timestamp:Date.now(),image:void 0});return r}),k=C(()=>f.value||i.value.some(r=>r.camera===(a==null?void 0:a.value))),l=C(()=>Math.ceil(x.width.value/150)),B=r=>{console.log(r)},w=r=>!!(f.value||a!=null&&a.value&&r===a.value);return O(async()=>{await P(1500),m.value=!1}),(r,o)=>{const N=L;return t(),s("div",{ref_key:"main",ref:p,class:"camera-events-container"},[e(m)?(t(),s("div",Z,[(t(!0),s(h,null,g(e(l),(v,b)=>(t(),s("div",{key:b,class:"mx-1 flex flex-col justify-center items-center"},[n(E,{elevation:1,height:"140px",type:"image",class:"camera-event-card"}),n(E,{elevation:0,type:"text",style:{background:"none"}})]))),128))])):!e(m)&&(!e(k)||!e(i).length)?(t(),s("div",ee,[c("span",null,d(r.$t("components.camera_events.no_events")),1)])):(t(),s("div",te,[(t(!0),s(h,null,g(e(i),(v,b)=>(t(),s("div",{key:b,class:"mx-1 text-center"},[w(v.camera)?W((t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:ce=>B(v)},[n(N,{style:{background:"var(--background-img)","border-radius":"5px"},src:v.image,width:"100%",height:"100%","aspect-ratio":"1/1","spinner-size":"15","spinner-width":"2","error-style":"","placeholder-style":"",cover:""},null,8,["src"])],8,se)),[[G]]):_("",!0),o[0]||(o[0]=c("span",{class:"text-sm text-passive"},"12:01:45",-1))]))),128))]))],512)}}}),re=R(ae,[["__scopeId","data-v-ebd7b0ef"]]),oe={class:"page-title"},ie={class:"page-title"},ne={key:"new-camera",class:"w-full flex justify-center items-center mt-3"},le=A({__name:"Cameras",setup(V){const y=new j,{smallMobileActive:a,extraSmallMobileActive:f}=M(),m=T(),{uiSettings:p}=X(m),x=S({page:1,pageSize:-1}),{data:i,isLoading:k}=y.getCamerasQuery(x);return(l,B)=>{const w=re,r=I;return t(),s("main",{class:u(["w-full h-full",{"px-0":e(a)}])},[e(p).cameras.showEvents?(t(),s("div",{key:0,class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[c("h1",oe,d(l.$t("views.cameras.events")),1)],2)):_("",!0),e(p).cameras.showEvents?(t(),s("div",{key:1,class:u(["w-full mb-3",{"px-2":e(a)}])},[n(w,{"show-all":""})],2)):_("",!0),c("div",{class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[c("h1",ie,d(l.$t(`views.${String(l.$route.name).toLowerCase()}.title`)),1)],2),n(Y,{name:"fade",tag:"div"},{default:$(()=>[e(k)||!e(i)?(t(),s("div",{key:0,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr))`)},[(t(),s(h,null,g(8,o=>n(E,{key:o,elevation:1,type:"image",class:"w-full h-full aspect-video"})),64))],4)):e(i).result.length?(t(),s("div",{key:2,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr)) ${e(i).result.length===1?"50%":""}`)},[(t(!0),s(h,null,g(e(i).result,o=>(t(),s("div",{key:o.name,class:"relative item"},[n(r,{"absolute-title":"","show-title":"","show-tooltips":!1,"clickable-title":"","clickable-container":"",settings:"","current-camera":o.name,"border-radius":e(a)?0:3,border:!1,target:"snapshot","button-elevation":"1"},null,8,["current-camera","border-radius"])]))),128))],4)):(t(),s("div",{key:1,class:u({"disabled-text":!0,"px-2":e(a)})},d(l.$t("views.cameras.no_cameras")),3)),c("div",ne,[e(D)(void 0,"admin")&&!e(f)?(t(),q(F,{key:0,to:"/new-camera",variant:"text",color:"#df2a4c",icon:""},{default:$(()=>[n(U,{size:"30"},{default:$(()=>[H(d(e(J)),1)]),_:1})]),_:1})):_("",!0)])]),_:1})],2)}}}),Ye=R(le,[["__scopeId","data-v-fdfbad07"]]);export{Ye as default};
+import{C as j,_ as I}from"./VPlayer.CpMa1SNk.0.0.31-alpha.7.js";import{e as L,d as R,f as M,h as T,j as D}from"./main.3GWz905i.0.0.31-alpha.7.js";import{s as P}from"./utils.mAKpSMLY.0.0.31-alpha.7.js";import{j as Q}from"./@vueuse.PD04ZxXf.0.0.31-alpha.7.js";import{A as E,R as G,e as U,b as F}from"./vuetify.eyVDgSy7.0.0.31-alpha.7.js";import{G as A,t as K,r as S,c as C,x as O,b as t,d as s,u as e,O as h,R as g,N as n,f as c,U as d,e as W,k as _,g as u,S as $,aa as Y,Y as z,P as q,W as H}from"./@vue.FH56CEei.0.0.31-alpha.7.js";import{e as J}from"./@mdi.DVdKciOk.0.0.31-alpha.7.js";import{s as X}from"./pinia.BmNMGws-.0.0.31-alpha.7.js";import"./qrcode.C6itkoyR.0.0.31-alpha.7.js";import"./dijkstrajs.D_NXgYpA.0.0.31-alpha.7.js";import"./vee-validate.CgBFBn_c.0.0.31-alpha.7.js";import"./zod.DnW1_kUe.0.0.31-alpha.7.js";import"./@vee-validate.C1sFKgmu.0.0.31-alpha.7.js";import"./vue3-toastify.183kFIIP.0.0.31-alpha.7.js";import"./plugins.8xllclI2.0.0.31-alpha.7.js";import"./@tanstack.C5ZmdPMX.0.0.31-alpha.7.js";import"./draggabilly.GpB8TOyE.0.0.31-alpha.7.js";import"./@xterm.5BydZhPp.0.0.31-alpha.7.js";import"./get-size.D1dS-IaP.0.0.31-alpha.7.js";import"./unidragger.DGZQtVYj.0.0.31-alpha.7.js";import"./ev-emitter.BJv01w63.0.0.31-alpha.7.js";import"./vue-router.6SfjZo7d.0.0.31-alpha.7.js";import"./vue-i18n.47lrsSx-.0.0.31-alpha.7.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.7.js";import"./axios.C-n2IhIP.0.0.31-alpha.7.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.7.js";import"./uuid.DvF23Exx.0.0.31-alpha.7.js";import"./socket.io-client.CREiw90L.0.0.31-alpha.7.js";import"./engine.io-client.0rDBaiC-.0.0.31-alpha.7.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.7.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.7.js";import"./socket.io-parser.CXwV0PeT.0.0.31-alpha.7.js";import"./rxjs.yBzqm3cW.0.0.31-alpha.7.js";import"./tslib.9k7AwCpt.0.0.31-alpha.7.js";import"./vue-inline-svg.B_v_uRHL.0.0.31-alpha.7.js";import"./v-calendar.DbgRs2B9.0.0.31-alpha.7.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.7.js";import"./nprogress.Vi6jioDG.0.0.31-alpha.7.js";const Z={key:0,class:"camera-events hide-scrollbar flex flex-auto flex-row"},ee={key:1,class:"disabled-text"},te={key:2,class:"camera-events hide-scrollbar flex flex-auto flex-row"},se=["onClick"],ae=A({__name:"VCameraEvents",props:{showAll:{type:Boolean,default:!1},camera:{}},setup(V){const y=V,{camera:a,showAll:f}=K(y),m=S(!0),p=S(null),x=Q(p),i=C(()=>{const r=[];for(let o=0;o<50;o++)r.push({camera:"Kamera 1",title:"Event 1",type:"motion",timestamp:Date.now(),image:void 0});return r}),k=C(()=>f.value||i.value.some(r=>r.camera===(a==null?void 0:a.value))),l=C(()=>Math.ceil(x.width.value/150)),B=r=>{console.log(r)},w=r=>!!(f.value||a!=null&&a.value&&r===a.value);return O(async()=>{await P(1500),m.value=!1}),(r,o)=>{const N=L;return t(),s("div",{ref_key:"main",ref:p,class:"camera-events-container"},[e(m)?(t(),s("div",Z,[(t(!0),s(h,null,g(e(l),(v,b)=>(t(),s("div",{key:b,class:"mx-1 flex flex-col justify-center items-center"},[n(E,{elevation:1,height:"140px",type:"image",class:"camera-event-card"}),n(E,{elevation:0,type:"text",style:{background:"none"}})]))),128))])):!e(m)&&(!e(k)||!e(i).length)?(t(),s("div",ee,[c("span",null,d(r.$t("components.camera_events.no_events")),1)])):(t(),s("div",te,[(t(!0),s(h,null,g(e(i),(v,b)=>(t(),s("div",{key:b,class:"mx-1 text-center"},[w(v.camera)?W((t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:ce=>B(v)},[n(N,{style:{background:"var(--background-img)","border-radius":"5px"},src:v.image,width:"100%",height:"100%","aspect-ratio":"1/1","spinner-size":"15","spinner-width":"2","error-style":"","placeholder-style":"",cover:""},null,8,["src"])],8,se)),[[G]]):_("",!0),o[0]||(o[0]=c("span",{class:"text-sm text-passive"},"12:01:45",-1))]))),128))]))],512)}}}),re=R(ae,[["__scopeId","data-v-ebd7b0ef"]]),oe={class:"page-title"},ie={class:"page-title"},ne={key:"new-camera",class:"w-full flex justify-center items-center mt-3"},le=A({__name:"Cameras",setup(V){const y=new j,{smallMobileActive:a,extraSmallMobileActive:f}=M(),m=T(),{uiSettings:p}=X(m),x=S({page:1,pageSize:-1}),{data:i,isLoading:k}=y.getCamerasQuery(x);return(l,B)=>{const w=re,r=I;return t(),s("main",{class:u(["w-full h-full",{"px-0":e(a)}])},[e(p).cameras.showEvents?(t(),s("div",{key:0,class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[c("h1",oe,d(l.$t("views.cameras.events")),1)],2)):_("",!0),e(p).cameras.showEvents?(t(),s("div",{key:1,class:u(["w-full mb-3",{"px-2":e(a)}])},[n(w,{"show-all":""})],2)):_("",!0),c("div",{class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[c("h1",ie,d(l.$t(`views.${String(l.$route.name).toLowerCase()}.title`)),1)],2),n(Y,{name:"fade",tag:"div"},{default:$(()=>[e(k)||!e(i)?(t(),s("div",{key:0,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr))`)},[(t(),s(h,null,g(8,o=>n(E,{key:o,elevation:1,type:"image",class:"w-full h-full aspect-video"})),64))],4)):e(i).result.length?(t(),s("div",{key:2,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr)) ${e(i).result.length===1?"50%":""}`)},[(t(!0),s(h,null,g(e(i).result,o=>(t(),s("div",{key:o.name,class:"relative item"},[n(r,{"absolute-title":"","show-title":"","show-tooltips":!1,"clickable-title":"","clickable-container":"",settings:"","current-camera":o.name,"border-radius":e(a)?0:3,border:!1,target:"snapshot","button-elevation":"1"},null,8,["current-camera","border-radius"])]))),128))],4)):(t(),s("div",{key:1,class:u({"disabled-text":!0,"px-2":e(a)})},d(l.$t("views.cameras.no_cameras")),3)),c("div",ne,[e(D)(void 0,"admin")&&!e(f)?(t(),q(F,{key:0,to:"/new-camera",variant:"text",color:"#df2a4c",icon:""},{default:$(()=>[n(U,{size:"30"},{default:$(()=>[H(d(e(J)),1)]),_:1})]),_:1})):_("",!0)])]),_:1})],2)}}}),Ye=R(le,[["__scopeId","data-v-fdfbad07"]]);export{Ye as default};

package/dist/interface/{Camview.D3u8oemj.0.0.31-alpha.6.js → Camview.CF0kGHsU.0.0.31-alpha.7.js}

@@ -1 +1 @@
-import{G as ne,r as g,V as mt,b as r,d as F,f as i,N as n,S as l,W,U as y,u as e,p as K,t as fe,c as N,w as q,Y as pe,P as E,R as de,O as ve,aa as ft,k as H,al as pt,g as me,X as gt,i as ke,m as Ee}from"./@vue.FH56CEei.0.0.31-alpha.6.js";import{J as Oe,K as _t,L as wt,s as yt,M as Qe,E as ht,F as xt,N as bt,O as Vt,P as kt,Q as Ct,R as Dt,S as $t,T as zt,U as Mt,V as Pt,W as St}from"./@mdi.DVdKciOk.0.0.31-alpha.6.js";import{e as G,b as Z,o as $e,G as je,H as We,f as we,j as Re,V as Ft,c as Be,n as Le,I as It,J as At}from"./vuetify.kD5nPo6r.0.0.31-alpha.6.js";import{d as ie,h as He,t as Ne,f as Ce,v as ye,u as Tt,U as Et,w as Rt,x as Bt}from"./main.ByZ7Q5Rt.0.0.31-alpha.6.js";import{F as Ue,a as Lt}from"./vee-validate.3sPlqUte.0.0.31-alpha.6.js";import{_ as Pe,C as Ut}from"./VPlayer.CkTwas-V.0.0.31-alpha.6.js";import{H as Ye}from"./react-dnd-html5-backend.1HQjlkwI.0.0.31-alpha.6.js";import{T as Xe}from"./react-dnd-touch-backend.BHWmDpLq.0.0.31-alpha.6.js";import{u as Ge,a as qe,D as Je}from"./vue3-dnd.Bj0q_aav.0.0.31-alpha.6.js";import{s as ze}from"./pinia.L60izDXb.0.0.31-alpha.6.js";import{l as Ke,t as Ze,j as et,v as tt}from"./@vueuse.CmOkMCeE.0.0.31-alpha.6.js";import"./vue3-toastify.Dbp8MI4c.0.0.31-alpha.6.js";import"./vue-i18n.BtYk8wx7.0.0.31-alpha.6.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.6.js";import"./axios.C-n2IhIP.0.0.31-alpha.6.js";import"./@tanstack.BfD3raHu.0.0.31-alpha.6.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.6.js";import"./vue-router.glLTNkuh.0.0.31-alpha.6.js";import"./@vee-validate.CB5bS6l-.0.0.31-alpha.6.js";import"./zod.DnW1_kUe.0.0.31-alpha.6.js";import"./uuid.DvF23Exx.0.0.31-alpha.6.js";import"./socket.io-client.CYWeGrUC.0.0.31-alpha.6.js";import"./engine.io-client.CQPyINXx.0.0.31-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.6.js";import"./socket.io-parser.DNk9jhqt.0.0.31-alpha.6.js";import"./rxjs.Bdc6OV8M.0.0.31-alpha.6.js";import"./tslib.9k7AwCpt.0.0.31-alpha.6.js";import"./vue-inline-svg.1dDdLUib.0.0.31-alpha.6.js";import"./v-calendar.Crg_fXjn.0.0.31-alpha.6.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.6.js";import"./nprogress.svoaQuap.0.0.31-alpha.6.js";import"./@xterm.BnL94qKf.0.0.31-alpha.6.js";import"./qrcode.GdzNJwtx.0.0.31-alpha.6.js";import"./dijkstrajs.D_NXgYpA.0.0.31-alpha.6.js";import"./plugins.C_xGOsFd.0.0.31-alpha.6.js";import"./draggabilly.CQe9cmzD.0.0.31-alpha.6.js";import"./get-size.D1dS-IaP.0.0.31-alpha.6.js";import"./unidragger.BzZhIzFS.0.0.31-alpha.6.js";import"./ev-emitter.DH-sUvzz.0.0.31-alpha.6.js";import"./@react-dnd.CcwRs9xb.0.0.31-alpha.6.js";import"./dnd-core.tRgh0CPv.0.0.31-alpha.6.js";import"./redux.CuxFRhX_.0.0.31-alpha.6.js";import"./fast-deep-equal.DPeIxLWs.0.0.31-alpha.6.js";const Ot={class:"mt-auto flex flex-col"},Qt={class:"relative flex flex-col items-center justify-center"},jt=ne({__name:"VAudioVisualizer",emits:["listening"],setup(ee,{emit:R}){const Y=R,M=g(),I=g(null),T=g(),m=g(!1),d=()=>{var o,s;(o=M.value)==null||o.close(),M.value=void 0,(s=T.value)==null||s.forEach(k=>k.stop()),T.value=void 0,m.value=!1,Y("listening",!1)},x=(o,s,k,U,V,L)=>{const P=o.createLinearGradient(s,k,U,V);P.addColorStop(0,"#5b040f"),P.addColorStop(.5,"#b50b21"),P.addColorStop(.9,"#df2a4c"),P.addColorStop(1,"#df6380"),o.lineWidth=L,o.strokeStyle=P,o.beginPath(),o.moveTo(s,k),o.lineTo(U,V),o.stroke(),o.closePath()},b=async()=>{var o;if(m.value)d();else try{M.value&&d();let s;try{s=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(z){console.warn("Can not enable AudioVisualizer",z);return}m.value=!0,Y("listening",!0),M.value=new AudioContext;let k=M.value.createAnalyser();k.fftSize=1024,T.value=s.getTracks(),M.value.createMediaStreamSource(s).connect(k);const V=90;let L=3,P;const $=(o=I.value)==null?void 0:o.getContext("2d"),S=()=>{if(I.value&&$){const z=[],C=[];$.clearRect(0,0,I.value.width,I.value.height),requestAnimationFrame(S);let v=k.frequencyBinCount,_=new Uint8Array(v);k.getByteFrequencyData(_),z.push(_);for(let p=0;p<z[0].length;p++)C.push(0),z.forEach(O=>{C[p]+=O[p]});const h=I.value.width/2,c=I.value.height/2,f=30;$.beginPath(),$.arc(h,c,f,0,2*Math.PI),$.lineWidth=1,$.stroke(),$.closePath();for(let p=0;p<V;p++){P=C[p]*.4;let O=Math.PI*2/V,Q=h+Math.cos(O*p)*f,le=c+Math.sin(O*p)*f,re=h+Math.cos(O*p)*(f+P),he=c+Math.sin(O*p)*(f+P);x($,Q,le,re,he,L)}m.value||$.clearRect(0,0,I.value.width,I.value.height)}};S()}catch(s){d(),console.error(s)}};return mt(()=>{d()}),(o,s)=>(r(),F("div",Ot,[i("div",Qt,[n(Z,{class:"mic-button",variant:"elevated",color:"white",icon:"",size:"60",onClick:K(b,["prevent"])},{default:l(()=>[n(G,{size:"35"},{default:l(()=>[W(y(e(Oe)),1)]),_:1})]),_:1}),i("canvas",{ref_key:"canvas",ref:I,height:"300",width:"300"},null,512)])]))}}),Wt=ie(jt,[["__scopeId","data-v-5c30fb5d"]]),Ht=["data-handler-id"],Nt=ne({__name:"VDnDCard",props:{id:{},index:{},camera:{},moveCard:{type:Function}},setup(ee,{expose:R}){const Y=He(),M=ee,{camera:I}=fe(M),{uiSettings:T}=ze(Y),m=g(),d=g(),x=g(null);let b=null,o=0,s=0;const k=N(()=>T.value.camview.dragDisabled===!1),{x:U,y:V,sourceType:L}=Ke(),{top:P,left:$}=Ze(x),[S,z]=Ge({accept:"camera",collect(D){return{handlerId:D.getHandlerId()}},hover(D,se){var be;if(!m.value)return;const ae=D.index,ce=M.index;if(ae===ce)return;const ge=(be=m.value)==null?void 0:be.getBoundingClientRect(),te=(ge.bottom-ge.top)/2,xe=se.getClientOffset().y-ge.top;ae<ce&&xe<te||ae>ce&&xe>te||(M.moveCard(ae,ce),D.index=ce)}}),[C,v]=qe({type:"camera",canDrag(){return k.value},item:()=>({id:M.id,index:M.index}),collect:D=>({isDragging:D.isDragging()})}),{handlerId:_}=fe(S.value),h=N(()=>C.value.isDragging),c=N(()=>h.value&&L.value==="touch"),f=N(()=>e(h)?0:1);q(c,D=>{D?(b=p(),o=U.value-$.value,s=V.value-P.value):(Q(b),b=null)}),q([U,V],()=>{O(b,o,s)});const p=()=>{if(x.value){const D=x.value.cloneNode(!0);return D.classList.add("drag-preview"),document.body.appendChild(D),D}return null},O=(D,se,ae)=>{D&&(D.style.left=`${U.value-se}px`,D.style.top=`${V.value-ae}px`)},Q=D=>{D&&document.body.removeChild(D)},le=D=>{m.value=v(z(D))};return R({togglePlayerMute:D=>{var se;(se=d.value)==null||se.toggleMute(D)},toggleMicrophone:async(D,se)=>{var ae;await((ae=d.value)==null?void 0:ae.toggleMicrophone(D,se))}}),(D,se)=>(r(),F("div",{ref_key:"boxEl",ref:x},[i("div",{ref:le,class:"camera-card",style:pe({opacity:e(f),color:"#000",cursor:e(T).camview.dragDisabled?"default":"grab"}),"data-handler-id":e(_)},[n(Pe,{ref_key:"playerRef",ref:d,"current-camera":e(I).name,"border-radius":0,target:"stream","show-camera-name":"","enable-control":"","auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["current-camera"])],12,Ht)],512))}}),Yt=ie(Nt,[["__scopeId","data-v-a157f34a"]]),Xt={class:"conference"},Gt=ne({__name:"VDnD",props:{cameras:{},dbCameras:{}},emits:["drag"],setup(ee,{expose:R,emit:Y}){const{isTouch:M}=Ne(),{smallMobileActive:I}=Ce(),T=Y,m=ee,{cameras:d,dbCameras:x}=fe(m),b=g(null),o=g(null),s=g("16:9"),k=g(2),U=et(o),V=g([]),L=g(),{isFullscreen:P,toggle:$}=tt(b);q(d,c=>{V.value=ye(c).sort((f,p)=>f.index-p.index)},{immediate:!0,deep:!0});const S=(c,f)=>{const p=V.value[c];V.value.splice(c,1),V.value.splice(f,0,p),V.value=V.value.map((O,Q)=>(O.index=Q,O)).sort((O,Q)=>O.index-Q.index),T("drag",V.value)},z=c=>{const f=U.height.value-k.value*2,p=U.width.value-k.value*2,O=parseInt(s.value.split(":")[1])/parseInt(s.value.split(":")[0]);let Q=0,le=0,re=c*O+k.value*2;for(;Q<V.value.length;)le+c>p&&(le=0,re=re+c*O+k.value*2),le=le+c+k.value*2,Q++;return re>f||c>p?!1:c},C=N(()=>{if(I.value)return"100%";let c=0,f=1;for(;f<5e3;){if(z(f)===!1){c=f-1;break}f++}return c=c-k.value,`${c}px`});return R({toggleFullscreen:async()=>{await $()},togglePlayerMute:c=>{for(const f of L.value||[])f.togglePlayerMute(c)},togglePlayerMicrophone:async(c,f)=>{for(const p of L.value||[])await p.toggleMicrophone(c,f)},isFullscreen:P,selectedCameras:V}),(c,f)=>(r(),E(e(Je),{backend:e(M)?e(Xe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraDnd",ref:b,class:"scenary"},[i("div",Xt,[n(ft,{ref_key:"dishEl",ref:o,name:"list",tag:"div",class:"dish"},{default:l(()=>[(r(!0),F(ve,null,de(e(V),(p,O)=>(r(),E(Yt,{id:p.cameraId,ref_for:!0,ref_key:"dndCards",ref:L,key:p.cameraId,index:O,camera:e(x).find(Q=>Q._id===p.cameraId),"move-card":S,style:pe({width:e(C)})},null,8,["id","index","camera","style"]))),128))]),_:1},512)])],512)]),_:1},8,["backend"]))}}),qt=ie(Gt,[["__scopeId","data-v-c22c99a6"]]),Jt={class:"camera-snapshot"},Kt={class:"camera-info flex flex-row items-center"},Zt={class:"text-passive truncate"},ea=ne({__name:"VViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(ee){const R=ee,{isDropped:Y,camera:M,canDrag:I}=fe(R),T=g(null);let m=null,d=0,x=0;const{x:b,y:o,sourceType:s}=Ke(),{top:k,left:U}=Ze(T),[V,L]=qe(()=>({type:"camera",options:{dropEffect:"copy"},item:M.value,canDrag:I.value,collect:v=>({style:{opacity:v.isDragging()?.4:1},isDragging:v.isDragging()})})),P=N(()=>V.value.isDragging),$=N(()=>P.value&&s.value==="touch");q($,v=>{v?(m=S(),d=b.value-U.value,x=o.value-k.value):(C(m),m=null)}),q([b,o],()=>{z(m,d,x)});const S=()=>{if(T.value){const v=T.value.cloneNode(!0);return v.classList.add("drag-preview"),document.body.appendChild(v),v}return null},z=(v,_,h)=>{v&&(v.style.left=`${b.value-_}px`,v.style.top=`${o.value-h}px`)},C=v=>{v&&document.body.removeChild(v)};return(v,_)=>{const h=Pe;return r(),F("div",{ref_key:"boxEl",ref:T},[i("div",{ref:e(L),style:pe({...e(V).style,cursor:e(Y)?"default":"grab"}),class:"drag-box p-2 flex flex-row items-center relative"},[n(G,{size:"20",class:"text-passive mr-2"},{default:l(()=>[W(y(e(_t)),1)]),_:1}),i("div",Jt,[n(h,{"current-camera":e(M).name,"border-radius":6,target:"snapshot","show-mode":!1},null,8,["current-camera"])]),i("div",Kt,[i("span",Zt,y(e(M).name),1),e(Y)?(r(),E(G,{key:0,size:"25",class:"ml-auto text-green mr-4"},{default:l(()=>[W(y(e(wt)),1)]),_:1})):H("",!0)])],4)],512)}}}),ta=ie(ea,[["__scopeId","data-v-7dfa63f3"]]),Me={WIDTH:400},aa={class:"camera-view-edit flex flex-col p-2"},sa={class:"mb-4 text-lg"},la={class:"text-passive mb-5 mt-5"},oa={class:"camera-container py-3"},ra=ne({__name:"VViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},setup(ee){pt(x=>({"7ea40162":e(T)}));const R=ee,{cameras:Y,droppedCameras:M,title:I}=fe(R),T=g(`${Me.WIDTH}px`),m=g(!1),d=x=>M.value.some(b=>b.name===x.name);return(x,b)=>{const o=ta;return r(),F("div",aa,[i("b",sa,y(e(I)),1),i("span",la,y(x.$t("components.view_box.available_streams")),1),i("div",oa,[(r(!0),F(ve,null,de(e(Y),(s,k)=>(r(),F("div",{key:k,class:"mb-4"},[n(o,{camera:s,"is-dropped":d(s),"can-drag":!d(s),class:me({shake:e(m)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])])}}}),na=ie(ra,[["__scopeId","data-v-420802a2"]]),ia={key:0,class:"overlay-button-text truncate",color:"#fff"},ca={key:1,class:"w-full h-full flex items-center justify-center"},ua=ne({__name:"VViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},onDrop:{type:Function}},emits:["drop","remove"],setup(ee,{expose:R,emit:Y}){const{desktopActive:M}=Ce(),I=Y,T=ee,{lastDroppedCamera:m,editMode:d,cameras:x,droppedCameras:b}=fe(T),o=g(null),s=g(),{width:k}=et(o),[U,V]=Ge({accept:"camera",drop:T.onDrop,collect:_=>({isOver:_.isOver(),canDrop:_.canDrop()&&m.value===void 0}),canDrop:()=>m.value===void 0}),L=N(()=>U.value.canDrop&&U.value.isOver),P=N(()=>d.value?L.value?"#171717":"#202020":"#000"),$=N(()=>k.value<=200),S=N(()=>x.value.filter(_=>!z(_))),z=_=>b.value.some(h=>h.name===_.name);return R({togglePlayerMute:_=>{var h;(h=s.value)==null||h.toggleMute(_)},toggleMicrophone:async(_,h)=>{var c;await((c=s.value)==null?void 0:c.toggleMicrophone(_,h))}}),(_,h)=>(r(),F("div",{ref:e(V),style:pe({backgroundColor:e(P)}),class:"overflow-hidden"},[e(m)?(r(),F("div",{key:0,ref_key:"container",ref:o,class:"w-full h-full flex items-center justify-center relative"},[e(d)?(r(),E(Z,{key:0,icon:e($),size:e($)?32:void 0,class:"overlay-button flex items-center justify-center",color:"#df2a4c",onClick:h[0]||(h[0]=K(c=>I("remove",e(m)),["prevent"]))},{default:l(()=>[n(G,{size:"18"},{default:l(()=>[W(y(e(yt)),1)]),_:1}),e($)?H("",!0):(r(),F("span",ia,y(e(m).name),1))]),_:1},8,["icon","size"])):H("",!0),n(gt,{name:"fade",mode:"in-out"},{default:l(()=>[e(m)?(r(),E(Pe,{key:0,ref_key:"playerRef",ref:s,class:me({"camera-overlay":e(d)}),"current-camera":e(m).name,"border-radius":0,target:e(d)?"snapshot":"stream",style:pe({opacity:e(d)?.2:1}),"show-camera-name":!e(d),"enable-control":!e(d),"auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["class","current-camera","target","style","show-camera-name","enable-control"])):H("",!0)]),_:1})],512)):!e(M)&&e(d)?(r(),F("div",ca,[n(Z,{icon:"",size:"32",color:"#df2a4c"},{default:l(()=>[n(G,{size:"18",color:"#ffff"},{default:l(()=>[W(y(e(Qe)),1)]),_:1}),n($e,{activator:"parent",class:"select-menu"},{default:l(()=>[n(je,{"onClick:select":h[1]||(h[1]=c=>I("drop",c.id))},{default:l(()=>[(r(!0),F(ve,null,de(e(S),(c,f)=>(r(),E(we,{key:f,value:c},{default:l(()=>[n(We,null,{default:l(()=>[W(y(c.name),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1})])):H("",!0)],4))}}),da=ie(ua,[["__scopeId","data-v-5b755b3b"]]),va=ne({__name:"VView",props:{cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean,default:!1}},emits:["drop","remove"],setup(ee,{expose:R,emit:Y}){const{isTouch:M}=Ne(),{desktopActive:I}=Ce(),T=Y,m=ee,{cameras:d,editMode:x,viewSize:b,cards:o,title:s}=fe(m),k=g(null),U=g(`${Me.WIDTH}px`),V=g(),{isFullscreen:L,toggle:P}=tt(k),$=N(()=>o.value.filter(v=>v.lastDroppedCamera).map(v=>v.lastDroppedCamera));return R({toggleFullscreen:async()=>{await P()},togglePlayerMute:v=>{for(const _ of V.value||[])_.togglePlayerMute(v)},togglePlayerMicrophone:async(v,_)=>{for(const h of V.value||[])await h.toggleMicrophone(v,_)},isFullscreen:L}),(v,_)=>{const h=na;return r(),E(e(Je),{backend:e(M)?e(Xe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraView",ref:k,class:"view-container flex items-center mx-2",style:pe({width:e(x)&&e(I)?`calc(100% - ${e(U)})`:void 0})},[i("div",{class:me(`view-wrap w-full camera-view-${e(b)}`)},[(r(!0),F(ve,null,de(e(o),(c,f)=>(r(),E(da,{ref_for:!0,ref_key:"dragContainer",ref:V,key:f,class:me(`div${f+1}-${e(b)}`),"last-dropped-camera":c.lastDroppedCamera,cameras:e(d),"dropped-cameras":e($),"edit-mode":e(x),onDrop:p=>T("drop",f,p),onRemove:_[0]||(_[0]=p=>T("remove",p))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","onDrop"]))),128))],2)],4),e(x)&&e(I)?(r(),E(h,{key:0,cameras:e(d),"dropped-cameras":e($),title:e(s),class:"view-box",style:pe({"margin-right":e(x)?"0px":`-${e(Me).WIDTH}px`})},null,8,["cameras","dropped-cameras","title","style"])):H("",!0)]),_:1},8,["backend"])}}}),ma=ie(va,[["__scopeId","data-v-8ef83e91"]]),fa={class:"w-full h-full"},pa={class:"camview-topbar p-2 flex flex-row items-center"},ga={class:"flex w-full justify-start items-center"},_a={class:"camview-title truncate"},wa={style:{margin:"5px"}},ya={class:"flex flex-row w-full justify-start items-center"},ha={class:"menu-item"},xa={class:"flex w-full justify-start items-center"},ba={class:"camview-title truncate"},Va={style:{margin:"5px"}},ka={class:"flex flex-row w-full justify-start items-center"},Ca={class:"icon-wrapper"},Da={class:"menu-item ml-2"},$a={class:"flex flex-row w-full justify-start items-center"},za={class:"icon-wrapper"},Ma={class:"menu-item ml-2"},Pa={key:9,class:"flex flex-row items-center"},Sa={class:"text-white"},Fa={class:"h-full w-full inline-size mb-safe"},Ia={key:0,class:"h-full w-full flex items-center justify-center"},Aa={key:1,class:"w-full h-full"},Ta={key:0,class:"w-full h-full relative"},Ea={key:1,class:"w-full h-full flex flex-row"},Ra={key:2,class:"flex flex-col items-center justify-center w-full h-full"},Ba={class:"mt-5",style:{color:"#525252"}},La={class:"flex flex-col h-full w-full"},Ua={class:"relative"},Oa={for:"name",class:"v-label"},Qa={key:0,class:"text-red text-center mb-5"},ja={class:"view-scroll-container"},Wa={class:"view-select-container"},Ha=["onClick"],Na={class:"flex flex-col h-full w-full"},Ya={class:"relative"},Xa={for:"name",class:"v-label"},Ga={key:0,class:"text-red text-center mb-5"},qa={class:"flex flex-col"},Ja=ne({__name:"Camview",setup(ee){var Se;const R=new Et,Y=new Ut,{smallMobileActive:M}=Ce(),I=Tt(),T=He(),{uiSettings:m}=ze(T),{loginState:d}=ze(I),x=g(),b=g(),o=g(),s=g({}),k=g(!1),U=g({page:1,pageSize:-1}),V=g([1,4,6,7,9,10,12,13,15,16,20,26]),L=g(!1),P=g(!1),$=g(!0),S=g(!1),z=g(!1),C=g(!1),v=g(!1),_=g(!1),h=g(!1),c=g([]),f=g([]),{data:p,isLoading:O}=Y.getCamerasQuery(U),{data:Q,isLoading:le}=R.getViewsQuery(((Se=d.value.user)==null?void 0:Se.username)||"",U),{mutate:re,isPending:he}=R.removeViewQuery(),{mutateAsync:D,isPending:se}=R.createViewQuery(),{mutateAsync:ae,isPending:ce}=R.patchViewQuery(),{mutateAsync:ge}=R.patchViewQuerySilent(),te=N(()=>S.value||C.value||z.value),oe=N(()=>O.value||le.value||he.value||se.value||ce.value),xe=N(()=>{var a,t;return((a=b.value)==null?void 0:a.isFullscreen)||((t=b.value)==null?void 0:t.isFullscreen)||!1}),be=N(()=>navigator.mediaDevices!==void 0),A=N(()=>{var t,w;const a=((t=Q.value)==null?void 0:t.result.find(B=>B._id===m.value.camview.viewid))||((w=Q.value)==null?void 0:w.result[0]);return a?(s.value=a,m.value.camview.viewid=a._id):s.value={},a}),De=N(()=>te.value&&s.value.viewSize>0?s.value.viewSize:A.value?A.value.viewSize:1);q(d,a=>{R.toggleQueryActivator("getUserQuery",a!==null)}),q([De,A,p,te,m],()=>{var t,w,B;if(((t=A.value)==null?void 0:t.type)==="dnd"&&!S.value&&!C.value)return;const a=Array.from({length:De.value}).map((j,J)=>({accept:"camera",index:J,lastDroppedCamera:void 0}));if(!C.value&&!v.value)for(const j of((w=A.value)==null?void 0:w.cameras)||[])a[j.index].lastDroppedCamera=(B=p.value)==null?void 0:B.result.find(J=>J._id===j.cameraId);c.value=a},{deep:!0,immediate:!0}),q(s,a=>{var t,w,B;if(Object.keys(a).length===0)(t=o.value)==null||t.resetForm(),L.value=!1,P.value=!1;else{for(const[j,J]of Object.entries(a))(w=o.value)==null||w.setFieldValue(j,J);a.viewSize&&(L.value=!1),(B=a.cameras)!=null&&B.length&&(P.value=!1)}},{deep:!0}),q([v,C],([a,t])=>{(!a&&!t||a)&&(s.value={},L.value=!1)}),q([_,z],()=>{z.value||(f.value=[],s.value={},P.value=!1)}),q(_,a=>{a||(z.value=!1)}),q(z,a=>{var t;a?(f.value=((t=p.value)==null?void 0:t.result.filter(w=>{var B;return(B=A.value)==null?void 0:B.cameras.some(j=>j.cameraId===w._id)}))||[],_.value=!0):(f.value=[],_.value=!1)}),q(f,a=>{a.length&&(P.value=!1)}),q(te,a=>{a&&A.value&&!C.value&&(s.value=ye(A.value))}),q(d,a=>{a.user?R.toggleQueryActivator("getUserQuery",!0):R.toggleQueryActivator("getUserQuery",!1)},{immediate:!0,deep:!0});const at=async a=>{if(!A.value||!d.value.user)return;const t=ye(A.value);t.cameras=a;const w=await ge({username:d.value.user.username,viewid:t._id,viewData:t});_e(w)},st=(a,t)=>{c.value[a].lastDroppedCamera=t},lt=a=>{c.value=c.value.map(t=>{var w;return((w=t.lastDroppedCamera)==null?void 0:w.name)===a.name&&(t.lastDroppedCamera=void 0),t})},ot=async()=>{var w;if(!o.value||!d.value.user)return;const a=f.value.map((B,j)=>({cameraId:B._id,index:j}));s.value.cameras=a,s.value.type="dnd",s.value.viewSize=1,o.value.setFieldValue("type","dnd"),o.value.setFieldValue("viewSize",1),o.value.setFieldValue("cameras",a);const t=await o.value.validate();if(t){if(((w=Q.value)==null?void 0:w.result.find(J=>J.name===s.value.name))&&!z.value){o.value.setFieldError("name","View already exists");return}if(a.length===0){P.value=!0;return}if(!t.valid)return;const j=ye(s.value);if(j._id){const J=await ae({username:d.value.user.username,viewid:j._id,viewData:j});_e(J)}else{const J=await D({username:d.value.user.username,viewData:j});_e(J)}_.value=!1}},rt=async()=>{var t,w;if(!o.value)return;s.value.cameras=[],s.value.type="view",o.value.setFieldValue("type","view"),o.value.setFieldValue("cameras",[]);const a=await o.value.validate();if(a){if((t=Q.value)==null?void 0:t.result.find(j=>j.name===s.value.name)){o.value.setFieldError("name","View already exists");return}if(!a.valid){((w=a.results.viewSize)==null?void 0:w.valid)===!1&&(L.value=!0);return}v.value=!1,C.value=!0}},nt=async()=>{if(!o.value||!d.value.user||Object.keys(s.value).length===0)return;const a=c.value.filter(w=>w.lastDroppedCamera).map(w=>({cameraId:w.lastDroppedCamera._id,index:w.index})).sort((w,B)=>w.index-B.index);if(!a.length)return;o.value.setFieldValue("name",s.value.name),o.value.setFieldValue("cameras",a);const t=await o.value.validate();if(t!=null&&t.valid){const w=ye(s.value);if(w.cameras=a,w._id){const B=await ae({username:d.value.user.username,viewid:w._id,viewData:w});_e(B)}else{const B=await D({username:d.value.user.username,viewData:w});_e(B)}}else console.error("result",t)},_e=a=>{m.value.camview.viewid=a._id,v.value=!1,_.value=!1,C.value=!1,S.value=!1},it=()=>{!A.value||!d.value.user||re({username:d.value.user.username,viewid:A.value._id},{onSuccess:a=>{a.length?m.value.camview.viewid=a[0]._id:m.value.camview.viewid=void 0}})},ct=a=>{m.value.camview.viewid=a._id},ut=async()=>{b.value?await b.value.toggleFullscreen():x.value&&await x.value.toggleFullscreen()},dt=()=>{$.value=!$.value,b.value?b.value.togglePlayerMute($.value):x.value&&x.value.togglePlayerMute($.value)},vt=async a=>{b.value?await b.value.togglePlayerMicrophone(a):x.value&&await x.value.togglePlayerMicrophone(a)};return(a,t)=>{const w=Bt,B=Wt;return r(),F("main",fa,[n(e(Lt),{ref_key:"viewVeeForm",ref:o,class:"h-full w-full","validation-schema":e(Rt),"initial-values":e(s)},{default:l(()=>{var j,J,Fe,Ie,Ae,Te;return[i("div",pa,[!e(C)&&e(A)?(r(),E(Z,{key:0,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",ga,[e(te)?H("",!0):(r(),E(G,{key:0,size:"18",class:"text-color mr-1"},{default:l(()=>[W(y(e(k)?e(ht):e(xt)),1)]),_:1})),i("span",_a,y(e(A).name),1)]),e(te)?H("",!0):(r(),E($e,{key:0,activator:"parent",width:"324",offset:"5",location:"bottom",class:"select-menu","onUpdate:modelValue":t[0]||(t[0]=u=>k.value=u)},{default:l(()=>[n(Re,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>{var u;return[i("div",wa,[(r(!0),F(ve,null,de(((u=e(Q))==null?void 0:u.result)||[],(X,ue)=>(r(),E(we,{key:ue,active:X._id===e(A)._id,value:X,style:{"border-radius":"5px !important"},disabled:e(oe),onClick:K(Ve=>ct(X),["prevent"])},{default:l(()=>[i("div",ya,[i("span",ha,y(X.name),1)])]),_:2},1032,["active","value","disabled","onClick"]))),128))])]}),_:1})]),_:1}))]),_:1})):e(C)&&e(s).name?(r(),E(Z,{key:1,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",xa,[i("span",ba,y(e(s).name),1)])]),_:1})):H("",!0),t[20]||(t[20]=i("div",{class:"ml-auto"},null,-1)),!e(te)&&((j=e(A))==null?void 0:j.type)==="dnd"?(r(),E(Z,{key:2,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[1]||(t[1]=K(u=>e(m).camview.dragDisabled=!e(m).camview.dragDisabled,["prevent"]))},{default:l(()=>[n(G,{size:"18"},{default:l(()=>[W(y(e(m).camview.dragDisabled?e(bt):e(Vt)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)?(r(),E(Z,{key:3,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[2]||(t[2]=K(u=>dt(),["prevent"]))},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e($)?e(kt):e(Ct)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)&&e(be)?(r(),E(Z,{key:4,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[3]||(t[3]=K(u=>h.value=!0,["prevent"]))},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e(Oe)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)?(r(),E(Z,{key:5,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[4]||(t[4]=K(u=>ut(),["prevent"]))},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e(xe)?e(Dt):e($t)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)?(r(),E(Z,{key:6,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[5]||(t[5]=K(u=>it(),["prevent"]))},{default:l(()=>[n(G,{size:"20"},{default:l(()=>[W(y(e(zt)),1)]),_:1})]),_:1})):H("",!0),!e(z)&&!e(S)&&!e(C)&&e(A)?(r(),E(Z,{key:7,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[6]||(t[6]=K(u=>{var X;return((X=e(A))==null?void 0:X.type)==="dnd"?z.value=!e(z):S.value=!e(S)},["prevent"]))},{default:l(()=>[n(G,{size:"19"},{default:l(()=>[W(y(e(Mt)),1)]),_:1})]),_:1})):H("",!0),!e(z)&&!e(S)&&!e(C)?(r(),E(Z,{key:8,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text"},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e(Qe)),1)]),_:1}),n($e,{activator:"parent",offset:"5",location:"bottom",class:"select-menu"},{default:l(()=>[n(Re,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>[i("div",Va,[n(we,{style:{"border-radius":"5px !important"},disabled:e(oe),onClick:t[7]||(t[7]=K(u=>v.value=!0,["prevent"]))},{default:l(()=>[i("div",ka,[i("div",Ca,[n(G,{size:"20",class:"text-passive"},{default:l(()=>[W(y(e(Pt)),1)]),_:1})]),i("span",Da,y(a.$t("views.camview.new_view")),1)])]),_:1},8,["disabled"]),t[19]||(t[19]=i("div",{class:"my-1"},null,-1)),n(we,{style:{"border-radius":"5px !important"},disabled:e(oe),onClick:t[8]||(t[8]=K(u=>_.value=!0,["prevent"]))},{default:l(()=>[i("div",$a,[i("div",za,[n(G,{size:"20",class:"text-passive"},{default:l(()=>[W(y(e(St)),1)]),_:1})]),i("span",Ma,y(a.$t("views.camview.new_dnd")),1)])]),_:1},8,["disabled"])])]),_:1})]),_:1})]),_:1})):H("",!0),e(S)||e(C)?(r(),F("div",Pa,[n(Z,{class:"disabled-text mr-2",size:"small",variant:"flat",border:"",onClick:t[9]||(t[9]=K(u=>e(S)?S.value=!1:C.value=!1,["prevent"]))},{default:l(()=>[W(y(a.$t("components.form.button.cancel")),1)]),_:1}),n(Z,{disabled:e(c).every(u=>u.lastDroppedCamera===void 0),class:"disabled-text",size:"small",color:"#df2a4c",variant:"flat",border:"",onClick:t[10]||(t[10]=K(u=>nt(),["prevent"]))},{default:l(()=>[i("span",Sa,y(a.$t("components.form.button.save")),1)]),_:1},8,["disabled"])])):H("",!0)]),i("div",{class:me(["camview-container",{"px-0":e(M)}])},[i("div",Fa,[e(oe)||!e(Q)?(r(),F("div",Ia,[n(Ft,{color:"#df2a4c",indeterminate:""})])):(r(),F("div",Aa,[!e(C)&&!e(S)&&(e(z)||((J=e(A))==null?void 0:J.type)==="dnd")?(r(),F("div",Ta,[n(qt,{ref_key:"dndRef",ref:x,cameras:((Fe=e(A))==null?void 0:Fe.cameras)||[],"db-cameras":((Ie=e(p))==null?void 0:Ie.result)||[],onDrag:at},null,8,["cameras","db-cameras"])])):!e(z)&&(e(C)||e(S)||((Ae=e(A))==null?void 0:Ae.type)==="view")?(r(),F("div",Ea,[(r(),E(ma,{ref_key:"viewRef",ref:b,key:e(m).camview.viewid+(e(C)?"-new":e(S)?"-edit":"-view"),cameras:((Te=e(p))==null?void 0:Te.result)||[],"edit-mode":e(C)||e(S),"view-size":e(C)?e(s).viewSize:e(De),title:e(s).name,cards:e(c),onDrop:st,onRemove:lt},null,8,["cameras","edit-mode","view-size","title","cards"]))])):(r(),F("div",Ra,[i("span",Ba,y(a.$t("views.camview.no_views_configured")),1)]))]))])],2),n(w,{modelValue:e(v),"onUpdate:modelValue":t[12]||(t[12]=u=>ke(v)?v.value=u:null),title:a.$t("components.dialog.title.new_view"),"confirm-text":"components.form.button.next",loading:e(oe),onConfirm:t[13]||(t[13]=u=>rt())},{content:l(()=>[i("div",La,[i("div",Ua,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[11]||(t[11]=u=>e(s).name=u),name:"name"},{default:l(({field:u,errorMessage:X,errors:ue})=>[i("label",Oa,y(a.$t("components.form.label.name")),1),n(Be,Ee({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},u,{error:ue.length>0,"error-messages":X}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"my-5"}),e(L)?(r(),F("span",Qa,y(a.$t("components.form.error.no_view_selected")),1)):H("",!0),i("div",ja,[i("div",Wa,[(r(!0),F(ve,null,de(e(V),u=>(r(),F("div",{key:u,class:"view-select-item h-full w-full",onClick:K(X=>e(s).viewSize=u,["prevent"])},[i("div",{class:me(["view-select-item-icon w-full h-full p-3",{"selected-view":e(s).viewSize===u}])},[n(G,{class:"disabled-text",style:{width:"100%",height:"100%"}},{default:l(()=>[W(y(`$cuiGrid${u}`),1)]),_:2},1024)],2),i("span",{class:me(["view-select-item-label disabled-text mt-2 px-2 py-1",{"selected-view-label":e(s).viewSize===u}])},y(u)+" "+y(a.$t("views.camview.cameras")),3)],8,Ha))),128))])])])]),_:1},8,["modelValue","title","loading"]),n(w,{modelValue:e(_),"onUpdate:modelValue":t[16]||(t[16]=u=>ke(_)?_.value=u:null),title:a.$t("components.dialog.title.new_dnd"),"confirm-text":"components.form.button.save",loading:e(oe),onConfirm:t[17]||(t[17]=u=>ot())},{content:l(()=>[i("div",Na,[i("div",Ya,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[14]||(t[14]=u=>e(s).name=u),name:"name"},{default:l(({field:u,errorMessage:X,errors:ue})=>[i("label",Xa,y(a.$t("components.form.label.name")),1),n(Be,Ee({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},u,{error:ue.length>0,"error-messages":X}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"mb-10 mt-5"}),e(P)?(r(),F("span",Ga,y(a.$t("components.form.error.no_cameras_selected")),1)):H("",!0),n(je,{selected:e(f),"onUpdate:selected":t[15]||(t[15]=u=>ke(f)?f.value=u:null),"select-strategy":"classic",class:"py-0 mb-5",density:"compact"},{default:l(()=>{var u;return[(r(!0),F(ve,null,de(((u=e(p))==null?void 0:u.result)||[],(X,ue)=>(r(),E(we,{key:ue,value:X,active:e(f).some(Ve=>Ve.name===X.name)},{prepend:l(({isActive:Ve})=>[n(It,{start:""},{default:l(()=>[n(At,{"model-value":Ve,color:"#df2a4c"},null,8,["model-value"])]),_:2},1024)]),default:l(()=>[n(We,null,{default:l(()=>[W(y(X.name),1)]),_:2},1024)]),_:2},1032,["value","active"]))),128))]}),_:1},8,["selected"])])]),_:1},8,["modelValue","title","loading"]),n(w,{modelValue:e(h),"onUpdate:modelValue":t[18]||(t[18]=u=>ke(h)?h.value=u:null),title:a.$t("components.dialog.title.intercom"),loading:e(oe),"hide-confirm-button":""},{content:l(()=>[i("div",qa,[i("span",null,y(a.$t("components.dialog.message.intercom_info")),1),n(B,{onListening:vt})])]),_:1},8,["modelValue","title","loading"])]}),_:1},8,["validation-schema","initial-values"])])}}}),Qs=ie(Ja,[["__scopeId","data-v-1236e487"]]);export{Qs as default};
+import{G as ne,r as g,V as mt,b as r,d as F,f as i,N as n,S as l,W,U as y,u as e,p as K,t as fe,c as N,w as q,Y as pe,P as E,R as de,O as ve,aa as ft,k as H,al as pt,g as me,X as gt,i as ke,m as Ee}from"./@vue.FH56CEei.0.0.31-alpha.7.js";import{J as Oe,K as _t,L as wt,s as yt,M as Qe,E as ht,F as xt,N as bt,O as Vt,P as kt,Q as Ct,R as Dt,S as $t,T as zt,U as Mt,V as Pt,W as St}from"./@mdi.DVdKciOk.0.0.31-alpha.7.js";import{e as G,b as Z,o as $e,G as je,H as We,f as we,j as Re,V as Ft,c as Be,n as Le,I as It,J as At}from"./vuetify.eyVDgSy7.0.0.31-alpha.7.js";import{d as ie,h as He,t as Ne,f as Ce,v as ye,u as Tt,U as Et,w as Rt,x as Bt}from"./main.3GWz905i.0.0.31-alpha.7.js";import{F as Ue,a as Lt}from"./vee-validate.CgBFBn_c.0.0.31-alpha.7.js";import{_ as Pe,C as Ut}from"./VPlayer.CpMa1SNk.0.0.31-alpha.7.js";import{H as Ye}from"./react-dnd-html5-backend.1HQjlkwI.0.0.31-alpha.7.js";import{T as Xe}from"./react-dnd-touch-backend.BA_82Cq0.0.0.31-alpha.7.js";import{u as Ge,a as qe,D as Je}from"./vue3-dnd.BwRW_ask.0.0.31-alpha.7.js";import{s as ze}from"./pinia.BmNMGws-.0.0.31-alpha.7.js";import{l as Ke,t as Ze,j as et,v as tt}from"./@vueuse.PD04ZxXf.0.0.31-alpha.7.js";import"./vue3-toastify.183kFIIP.0.0.31-alpha.7.js";import"./vue-i18n.47lrsSx-.0.0.31-alpha.7.js";import"./@intlify.Jdj6PDCT.0.0.31-alpha.7.js";import"./axios.C-n2IhIP.0.0.31-alpha.7.js";import"./@tanstack.C5ZmdPMX.0.0.31-alpha.7.js";import"./@camera.ui.ilP0Pgi-.0.0.31-alpha.7.js";import"./vue-router.6SfjZo7d.0.0.31-alpha.7.js";import"./@vee-validate.C1sFKgmu.0.0.31-alpha.7.js";import"./zod.DnW1_kUe.0.0.31-alpha.7.js";import"./uuid.DvF23Exx.0.0.31-alpha.7.js";import"./socket.io-client.CREiw90L.0.0.31-alpha.7.js";import"./engine.io-client.0rDBaiC-.0.0.31-alpha.7.js";import"./engine.io-parser.BiEtp6m2.0.0.31-alpha.7.js";import"./@socket.io.Dkula2eQ.0.0.31-alpha.7.js";import"./socket.io-parser.CXwV0PeT.0.0.31-alpha.7.js";import"./rxjs.yBzqm3cW.0.0.31-alpha.7.js";import"./tslib.9k7AwCpt.0.0.31-alpha.7.js";import"./vue-inline-svg.B_v_uRHL.0.0.31-alpha.7.js";import"./v-calendar.DbgRs2B9.0.0.31-alpha.7.js";import"./@popperjs.BQBsAJpH.0.0.31-alpha.7.js";import"./nprogress.Vi6jioDG.0.0.31-alpha.7.js";import"./@xterm.5BydZhPp.0.0.31-alpha.7.js";import"./qrcode.C6itkoyR.0.0.31-alpha.7.js";import"./dijkstrajs.D_NXgYpA.0.0.31-alpha.7.js";import"./plugins.8xllclI2.0.0.31-alpha.7.js";import"./draggabilly.GpB8TOyE.0.0.31-alpha.7.js";import"./get-size.D1dS-IaP.0.0.31-alpha.7.js";import"./unidragger.DGZQtVYj.0.0.31-alpha.7.js";import"./ev-emitter.BJv01w63.0.0.31-alpha.7.js";import"./@react-dnd.CcwRs9xb.0.0.31-alpha.7.js";import"./dnd-core.YMrXUGND.0.0.31-alpha.7.js";import"./redux.CuxFRhX_.0.0.31-alpha.7.js";import"./fast-deep-equal.D3Ii1Cl_.0.0.31-alpha.7.js";const Ot={class:"mt-auto flex flex-col"},Qt={class:"relative flex flex-col items-center justify-center"},jt=ne({__name:"VAudioVisualizer",emits:["listening"],setup(ee,{emit:R}){const Y=R,M=g(),I=g(null),T=g(),m=g(!1),d=()=>{var o,s;(o=M.value)==null||o.close(),M.value=void 0,(s=T.value)==null||s.forEach(k=>k.stop()),T.value=void 0,m.value=!1,Y("listening",!1)},x=(o,s,k,U,V,L)=>{const P=o.createLinearGradient(s,k,U,V);P.addColorStop(0,"#5b040f"),P.addColorStop(.5,"#b50b21"),P.addColorStop(.9,"#df2a4c"),P.addColorStop(1,"#df6380"),o.lineWidth=L,o.strokeStyle=P,o.beginPath(),o.moveTo(s,k),o.lineTo(U,V),o.stroke(),o.closePath()},b=async()=>{var o;if(m.value)d();else try{M.value&&d();let s;try{s=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(z){console.warn("Can not enable AudioVisualizer",z);return}m.value=!0,Y("listening",!0),M.value=new AudioContext;let k=M.value.createAnalyser();k.fftSize=1024,T.value=s.getTracks(),M.value.createMediaStreamSource(s).connect(k);const V=90;let L=3,P;const $=(o=I.value)==null?void 0:o.getContext("2d"),S=()=>{if(I.value&&$){const z=[],C=[];$.clearRect(0,0,I.value.width,I.value.height),requestAnimationFrame(S);let v=k.frequencyBinCount,_=new Uint8Array(v);k.getByteFrequencyData(_),z.push(_);for(let p=0;p<z[0].length;p++)C.push(0),z.forEach(O=>{C[p]+=O[p]});const h=I.value.width/2,c=I.value.height/2,f=30;$.beginPath(),$.arc(h,c,f,0,2*Math.PI),$.lineWidth=1,$.stroke(),$.closePath();for(let p=0;p<V;p++){P=C[p]*.4;let O=Math.PI*2/V,Q=h+Math.cos(O*p)*f,le=c+Math.sin(O*p)*f,re=h+Math.cos(O*p)*(f+P),he=c+Math.sin(O*p)*(f+P);x($,Q,le,re,he,L)}m.value||$.clearRect(0,0,I.value.width,I.value.height)}};S()}catch(s){d(),console.error(s)}};return mt(()=>{d()}),(o,s)=>(r(),F("div",Ot,[i("div",Qt,[n(Z,{class:"mic-button",variant:"elevated",color:"white",icon:"",size:"60",onClick:K(b,["prevent"])},{default:l(()=>[n(G,{size:"35"},{default:l(()=>[W(y(e(Oe)),1)]),_:1})]),_:1}),i("canvas",{ref_key:"canvas",ref:I,height:"300",width:"300"},null,512)])]))}}),Wt=ie(jt,[["__scopeId","data-v-5c30fb5d"]]),Ht=["data-handler-id"],Nt=ne({__name:"VDnDCard",props:{id:{},index:{},camera:{},moveCard:{type:Function}},setup(ee,{expose:R}){const Y=He(),M=ee,{camera:I}=fe(M),{uiSettings:T}=ze(Y),m=g(),d=g(),x=g(null);let b=null,o=0,s=0;const k=N(()=>T.value.camview.dragDisabled===!1),{x:U,y:V,sourceType:L}=Ke(),{top:P,left:$}=Ze(x),[S,z]=Ge({accept:"camera",collect(D){return{handlerId:D.getHandlerId()}},hover(D,se){var be;if(!m.value)return;const ae=D.index,ce=M.index;if(ae===ce)return;const ge=(be=m.value)==null?void 0:be.getBoundingClientRect(),te=(ge.bottom-ge.top)/2,xe=se.getClientOffset().y-ge.top;ae<ce&&xe<te||ae>ce&&xe>te||(M.moveCard(ae,ce),D.index=ce)}}),[C,v]=qe({type:"camera",canDrag(){return k.value},item:()=>({id:M.id,index:M.index}),collect:D=>({isDragging:D.isDragging()})}),{handlerId:_}=fe(S.value),h=N(()=>C.value.isDragging),c=N(()=>h.value&&L.value==="touch"),f=N(()=>e(h)?0:1);q(c,D=>{D?(b=p(),o=U.value-$.value,s=V.value-P.value):(Q(b),b=null)}),q([U,V],()=>{O(b,o,s)});const p=()=>{if(x.value){const D=x.value.cloneNode(!0);return D.classList.add("drag-preview"),document.body.appendChild(D),D}return null},O=(D,se,ae)=>{D&&(D.style.left=`${U.value-se}px`,D.style.top=`${V.value-ae}px`)},Q=D=>{D&&document.body.removeChild(D)},le=D=>{m.value=v(z(D))};return R({togglePlayerMute:D=>{var se;(se=d.value)==null||se.toggleMute(D)},toggleMicrophone:async(D,se)=>{var ae;await((ae=d.value)==null?void 0:ae.toggleMicrophone(D,se))}}),(D,se)=>(r(),F("div",{ref_key:"boxEl",ref:x},[i("div",{ref:le,class:"camera-card",style:pe({opacity:e(f),color:"#000",cursor:e(T).camview.dragDisabled?"default":"grab"}),"data-handler-id":e(_)},[n(Pe,{ref_key:"playerRef",ref:d,"current-camera":e(I).name,"border-radius":0,target:"stream","show-camera-name":"","enable-control":"","auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["current-camera"])],12,Ht)],512))}}),Yt=ie(Nt,[["__scopeId","data-v-a157f34a"]]),Xt={class:"conference"},Gt=ne({__name:"VDnD",props:{cameras:{},dbCameras:{}},emits:["drag"],setup(ee,{expose:R,emit:Y}){const{isTouch:M}=Ne(),{smallMobileActive:I}=Ce(),T=Y,m=ee,{cameras:d,dbCameras:x}=fe(m),b=g(null),o=g(null),s=g("16:9"),k=g(2),U=et(o),V=g([]),L=g(),{isFullscreen:P,toggle:$}=tt(b);q(d,c=>{V.value=ye(c).sort((f,p)=>f.index-p.index)},{immediate:!0,deep:!0});const S=(c,f)=>{const p=V.value[c];V.value.splice(c,1),V.value.splice(f,0,p),V.value=V.value.map((O,Q)=>(O.index=Q,O)).sort((O,Q)=>O.index-Q.index),T("drag",V.value)},z=c=>{const f=U.height.value-k.value*2,p=U.width.value-k.value*2,O=parseInt(s.value.split(":")[1])/parseInt(s.value.split(":")[0]);let Q=0,le=0,re=c*O+k.value*2;for(;Q<V.value.length;)le+c>p&&(le=0,re=re+c*O+k.value*2),le=le+c+k.value*2,Q++;return re>f||c>p?!1:c},C=N(()=>{if(I.value)return"100%";let c=0,f=1;for(;f<5e3;){if(z(f)===!1){c=f-1;break}f++}return c=c-k.value,`${c}px`});return R({toggleFullscreen:async()=>{await $()},togglePlayerMute:c=>{for(const f of L.value||[])f.togglePlayerMute(c)},togglePlayerMicrophone:async(c,f)=>{for(const p of L.value||[])await p.toggleMicrophone(c,f)},isFullscreen:P,selectedCameras:V}),(c,f)=>(r(),E(e(Je),{backend:e(M)?e(Xe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraDnd",ref:b,class:"scenary"},[i("div",Xt,[n(ft,{ref_key:"dishEl",ref:o,name:"list",tag:"div",class:"dish"},{default:l(()=>[(r(!0),F(ve,null,de(e(V),(p,O)=>(r(),E(Yt,{id:p.cameraId,ref_for:!0,ref_key:"dndCards",ref:L,key:p.cameraId,index:O,camera:e(x).find(Q=>Q._id===p.cameraId),"move-card":S,style:pe({width:e(C)})},null,8,["id","index","camera","style"]))),128))]),_:1},512)])],512)]),_:1},8,["backend"]))}}),qt=ie(Gt,[["__scopeId","data-v-c22c99a6"]]),Jt={class:"camera-snapshot"},Kt={class:"camera-info flex flex-row items-center"},Zt={class:"text-passive truncate"},ea=ne({__name:"VViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(ee){const R=ee,{isDropped:Y,camera:M,canDrag:I}=fe(R),T=g(null);let m=null,d=0,x=0;const{x:b,y:o,sourceType:s}=Ke(),{top:k,left:U}=Ze(T),[V,L]=qe(()=>({type:"camera",options:{dropEffect:"copy"},item:M.value,canDrag:I.value,collect:v=>({style:{opacity:v.isDragging()?.4:1},isDragging:v.isDragging()})})),P=N(()=>V.value.isDragging),$=N(()=>P.value&&s.value==="touch");q($,v=>{v?(m=S(),d=b.value-U.value,x=o.value-k.value):(C(m),m=null)}),q([b,o],()=>{z(m,d,x)});const S=()=>{if(T.value){const v=T.value.cloneNode(!0);return v.classList.add("drag-preview"),document.body.appendChild(v),v}return null},z=(v,_,h)=>{v&&(v.style.left=`${b.value-_}px`,v.style.top=`${o.value-h}px`)},C=v=>{v&&document.body.removeChild(v)};return(v,_)=>{const h=Pe;return r(),F("div",{ref_key:"boxEl",ref:T},[i("div",{ref:e(L),style:pe({...e(V).style,cursor:e(Y)?"default":"grab"}),class:"drag-box p-2 flex flex-row items-center relative"},[n(G,{size:"20",class:"text-passive mr-2"},{default:l(()=>[W(y(e(_t)),1)]),_:1}),i("div",Jt,[n(h,{"current-camera":e(M).name,"border-radius":6,target:"snapshot","show-mode":!1},null,8,["current-camera"])]),i("div",Kt,[i("span",Zt,y(e(M).name),1),e(Y)?(r(),E(G,{key:0,size:"25",class:"ml-auto text-green mr-4"},{default:l(()=>[W(y(e(wt)),1)]),_:1})):H("",!0)])],4)],512)}}}),ta=ie(ea,[["__scopeId","data-v-7dfa63f3"]]),Me={WIDTH:400},aa={class:"camera-view-edit flex flex-col p-2"},sa={class:"mb-4 text-lg"},la={class:"text-passive mb-5 mt-5"},oa={class:"camera-container py-3"},ra=ne({__name:"VViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},setup(ee){pt(x=>({"7ea40162":e(T)}));const R=ee,{cameras:Y,droppedCameras:M,title:I}=fe(R),T=g(`${Me.WIDTH}px`),m=g(!1),d=x=>M.value.some(b=>b.name===x.name);return(x,b)=>{const o=ta;return r(),F("div",aa,[i("b",sa,y(e(I)),1),i("span",la,y(x.$t("components.view_box.available_streams")),1),i("div",oa,[(r(!0),F(ve,null,de(e(Y),(s,k)=>(r(),F("div",{key:k,class:"mb-4"},[n(o,{camera:s,"is-dropped":d(s),"can-drag":!d(s),class:me({shake:e(m)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])])}}}),na=ie(ra,[["__scopeId","data-v-420802a2"]]),ia={key:0,class:"overlay-button-text truncate",color:"#fff"},ca={key:1,class:"w-full h-full flex items-center justify-center"},ua=ne({__name:"VViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},onDrop:{type:Function}},emits:["drop","remove"],setup(ee,{expose:R,emit:Y}){const{desktopActive:M}=Ce(),I=Y,T=ee,{lastDroppedCamera:m,editMode:d,cameras:x,droppedCameras:b}=fe(T),o=g(null),s=g(),{width:k}=et(o),[U,V]=Ge({accept:"camera",drop:T.onDrop,collect:_=>({isOver:_.isOver(),canDrop:_.canDrop()&&m.value===void 0}),canDrop:()=>m.value===void 0}),L=N(()=>U.value.canDrop&&U.value.isOver),P=N(()=>d.value?L.value?"#171717":"#202020":"#000"),$=N(()=>k.value<=200),S=N(()=>x.value.filter(_=>!z(_))),z=_=>b.value.some(h=>h.name===_.name);return R({togglePlayerMute:_=>{var h;(h=s.value)==null||h.toggleMute(_)},toggleMicrophone:async(_,h)=>{var c;await((c=s.value)==null?void 0:c.toggleMicrophone(_,h))}}),(_,h)=>(r(),F("div",{ref:e(V),style:pe({backgroundColor:e(P)}),class:"overflow-hidden"},[e(m)?(r(),F("div",{key:0,ref_key:"container",ref:o,class:"w-full h-full flex items-center justify-center relative"},[e(d)?(r(),E(Z,{key:0,icon:e($),size:e($)?32:void 0,class:"overlay-button flex items-center justify-center",color:"#df2a4c",onClick:h[0]||(h[0]=K(c=>I("remove",e(m)),["prevent"]))},{default:l(()=>[n(G,{size:"18"},{default:l(()=>[W(y(e(yt)),1)]),_:1}),e($)?H("",!0):(r(),F("span",ia,y(e(m).name),1))]),_:1},8,["icon","size"])):H("",!0),n(gt,{name:"fade",mode:"in-out"},{default:l(()=>[e(m)?(r(),E(Pe,{key:0,ref_key:"playerRef",ref:s,class:me({"camera-overlay":e(d)}),"current-camera":e(m).name,"border-radius":0,target:e(d)?"snapshot":"stream",style:pe({opacity:e(d)?.2:1}),"show-camera-name":!e(d),"enable-control":!e(d),"auto-hide-control":"","source-role":"low-resolution","show-mode":!1},null,8,["class","current-camera","target","style","show-camera-name","enable-control"])):H("",!0)]),_:1})],512)):!e(M)&&e(d)?(r(),F("div",ca,[n(Z,{icon:"",size:"32",color:"#df2a4c"},{default:l(()=>[n(G,{size:"18",color:"#ffff"},{default:l(()=>[W(y(e(Qe)),1)]),_:1}),n($e,{activator:"parent",class:"select-menu"},{default:l(()=>[n(je,{"onClick:select":h[1]||(h[1]=c=>I("drop",c.id))},{default:l(()=>[(r(!0),F(ve,null,de(e(S),(c,f)=>(r(),E(we,{key:f,value:c},{default:l(()=>[n(We,null,{default:l(()=>[W(y(c.name),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1})])):H("",!0)],4))}}),da=ie(ua,[["__scopeId","data-v-5b755b3b"]]),va=ne({__name:"VView",props:{cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean,default:!1}},emits:["drop","remove"],setup(ee,{expose:R,emit:Y}){const{isTouch:M}=Ne(),{desktopActive:I}=Ce(),T=Y,m=ee,{cameras:d,editMode:x,viewSize:b,cards:o,title:s}=fe(m),k=g(null),U=g(`${Me.WIDTH}px`),V=g(),{isFullscreen:L,toggle:P}=tt(k),$=N(()=>o.value.filter(v=>v.lastDroppedCamera).map(v=>v.lastDroppedCamera));return R({toggleFullscreen:async()=>{await P()},togglePlayerMute:v=>{for(const _ of V.value||[])_.togglePlayerMute(v)},togglePlayerMicrophone:async(v,_)=>{for(const h of V.value||[])await h.toggleMicrophone(v,_)},isFullscreen:L}),(v,_)=>{const h=na;return r(),E(e(Je),{backend:e(M)?e(Xe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraView",ref:k,class:"view-container flex items-center mx-2",style:pe({width:e(x)&&e(I)?`calc(100% - ${e(U)})`:void 0})},[i("div",{class:me(`view-wrap w-full camera-view-${e(b)}`)},[(r(!0),F(ve,null,de(e(o),(c,f)=>(r(),E(da,{ref_for:!0,ref_key:"dragContainer",ref:V,key:f,class:me(`div${f+1}-${e(b)}`),"last-dropped-camera":c.lastDroppedCamera,cameras:e(d),"dropped-cameras":e($),"edit-mode":e(x),onDrop:p=>T("drop",f,p),onRemove:_[0]||(_[0]=p=>T("remove",p))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","onDrop"]))),128))],2)],4),e(x)&&e(I)?(r(),E(h,{key:0,cameras:e(d),"dropped-cameras":e($),title:e(s),class:"view-box",style:pe({"margin-right":e(x)?"0px":`-${e(Me).WIDTH}px`})},null,8,["cameras","dropped-cameras","title","style"])):H("",!0)]),_:1},8,["backend"])}}}),ma=ie(va,[["__scopeId","data-v-8ef83e91"]]),fa={class:"w-full h-full"},pa={class:"camview-topbar p-2 flex flex-row items-center"},ga={class:"flex w-full justify-start items-center"},_a={class:"camview-title truncate"},wa={style:{margin:"5px"}},ya={class:"flex flex-row w-full justify-start items-center"},ha={class:"menu-item"},xa={class:"flex w-full justify-start items-center"},ba={class:"camview-title truncate"},Va={style:{margin:"5px"}},ka={class:"flex flex-row w-full justify-start items-center"},Ca={class:"icon-wrapper"},Da={class:"menu-item ml-2"},$a={class:"flex flex-row w-full justify-start items-center"},za={class:"icon-wrapper"},Ma={class:"menu-item ml-2"},Pa={key:9,class:"flex flex-row items-center"},Sa={class:"text-white"},Fa={class:"h-full w-full inline-size mb-safe"},Ia={key:0,class:"h-full w-full flex items-center justify-center"},Aa={key:1,class:"w-full h-full"},Ta={key:0,class:"w-full h-full relative"},Ea={key:1,class:"w-full h-full flex flex-row"},Ra={key:2,class:"flex flex-col items-center justify-center w-full h-full"},Ba={class:"mt-5",style:{color:"#525252"}},La={class:"flex flex-col h-full w-full"},Ua={class:"relative"},Oa={for:"name",class:"v-label"},Qa={key:0,class:"text-red text-center mb-5"},ja={class:"view-scroll-container"},Wa={class:"view-select-container"},Ha=["onClick"],Na={class:"flex flex-col h-full w-full"},Ya={class:"relative"},Xa={for:"name",class:"v-label"},Ga={key:0,class:"text-red text-center mb-5"},qa={class:"flex flex-col"},Ja=ne({__name:"Camview",setup(ee){var Se;const R=new Et,Y=new Ut,{smallMobileActive:M}=Ce(),I=Tt(),T=He(),{uiSettings:m}=ze(T),{loginState:d}=ze(I),x=g(),b=g(),o=g(),s=g({}),k=g(!1),U=g({page:1,pageSize:-1}),V=g([1,4,6,7,9,10,12,13,15,16,20,26]),L=g(!1),P=g(!1),$=g(!0),S=g(!1),z=g(!1),C=g(!1),v=g(!1),_=g(!1),h=g(!1),c=g([]),f=g([]),{data:p,isLoading:O}=Y.getCamerasQuery(U),{data:Q,isLoading:le}=R.getViewsQuery(((Se=d.value.user)==null?void 0:Se.username)||"",U),{mutate:re,isPending:he}=R.removeViewQuery(),{mutateAsync:D,isPending:se}=R.createViewQuery(),{mutateAsync:ae,isPending:ce}=R.patchViewQuery(),{mutateAsync:ge}=R.patchViewQuerySilent(),te=N(()=>S.value||C.value||z.value),oe=N(()=>O.value||le.value||he.value||se.value||ce.value),xe=N(()=>{var a,t;return((a=b.value)==null?void 0:a.isFullscreen)||((t=b.value)==null?void 0:t.isFullscreen)||!1}),be=N(()=>navigator.mediaDevices!==void 0),A=N(()=>{var t,w;const a=((t=Q.value)==null?void 0:t.result.find(B=>B._id===m.value.camview.viewid))||((w=Q.value)==null?void 0:w.result[0]);return a?(s.value=a,m.value.camview.viewid=a._id):s.value={},a}),De=N(()=>te.value&&s.value.viewSize>0?s.value.viewSize:A.value?A.value.viewSize:1);q(d,a=>{R.toggleQueryActivator("getUserQuery",a!==null)}),q([De,A,p,te,m],()=>{var t,w,B;if(((t=A.value)==null?void 0:t.type)==="dnd"&&!S.value&&!C.value)return;const a=Array.from({length:De.value}).map((j,J)=>({accept:"camera",index:J,lastDroppedCamera:void 0}));if(!C.value&&!v.value)for(const j of((w=A.value)==null?void 0:w.cameras)||[])a[j.index].lastDroppedCamera=(B=p.value)==null?void 0:B.result.find(J=>J._id===j.cameraId);c.value=a},{deep:!0,immediate:!0}),q(s,a=>{var t,w,B;if(Object.keys(a).length===0)(t=o.value)==null||t.resetForm(),L.value=!1,P.value=!1;else{for(const[j,J]of Object.entries(a))(w=o.value)==null||w.setFieldValue(j,J);a.viewSize&&(L.value=!1),(B=a.cameras)!=null&&B.length&&(P.value=!1)}},{deep:!0}),q([v,C],([a,t])=>{(!a&&!t||a)&&(s.value={},L.value=!1)}),q([_,z],()=>{z.value||(f.value=[],s.value={},P.value=!1)}),q(_,a=>{a||(z.value=!1)}),q(z,a=>{var t;a?(f.value=((t=p.value)==null?void 0:t.result.filter(w=>{var B;return(B=A.value)==null?void 0:B.cameras.some(j=>j.cameraId===w._id)}))||[],_.value=!0):(f.value=[],_.value=!1)}),q(f,a=>{a.length&&(P.value=!1)}),q(te,a=>{a&&A.value&&!C.value&&(s.value=ye(A.value))}),q(d,a=>{a.user?R.toggleQueryActivator("getUserQuery",!0):R.toggleQueryActivator("getUserQuery",!1)},{immediate:!0,deep:!0});const at=async a=>{if(!A.value||!d.value.user)return;const t=ye(A.value);t.cameras=a;const w=await ge({username:d.value.user.username,viewid:t._id,viewData:t});_e(w)},st=(a,t)=>{c.value[a].lastDroppedCamera=t},lt=a=>{c.value=c.value.map(t=>{var w;return((w=t.lastDroppedCamera)==null?void 0:w.name)===a.name&&(t.lastDroppedCamera=void 0),t})},ot=async()=>{var w;if(!o.value||!d.value.user)return;const a=f.value.map((B,j)=>({cameraId:B._id,index:j}));s.value.cameras=a,s.value.type="dnd",s.value.viewSize=1,o.value.setFieldValue("type","dnd"),o.value.setFieldValue("viewSize",1),o.value.setFieldValue("cameras",a);const t=await o.value.validate();if(t){if(((w=Q.value)==null?void 0:w.result.find(J=>J.name===s.value.name))&&!z.value){o.value.setFieldError("name","View already exists");return}if(a.length===0){P.value=!0;return}if(!t.valid)return;const j=ye(s.value);if(j._id){const J=await ae({username:d.value.user.username,viewid:j._id,viewData:j});_e(J)}else{const J=await D({username:d.value.user.username,viewData:j});_e(J)}_.value=!1}},rt=async()=>{var t,w;if(!o.value)return;s.value.cameras=[],s.value.type="view",o.value.setFieldValue("type","view"),o.value.setFieldValue("cameras",[]);const a=await o.value.validate();if(a){if((t=Q.value)==null?void 0:t.result.find(j=>j.name===s.value.name)){o.value.setFieldError("name","View already exists");return}if(!a.valid){((w=a.results.viewSize)==null?void 0:w.valid)===!1&&(L.value=!0);return}v.value=!1,C.value=!0}},nt=async()=>{if(!o.value||!d.value.user||Object.keys(s.value).length===0)return;const a=c.value.filter(w=>w.lastDroppedCamera).map(w=>({cameraId:w.lastDroppedCamera._id,index:w.index})).sort((w,B)=>w.index-B.index);if(!a.length)return;o.value.setFieldValue("name",s.value.name),o.value.setFieldValue("cameras",a);const t=await o.value.validate();if(t!=null&&t.valid){const w=ye(s.value);if(w.cameras=a,w._id){const B=await ae({username:d.value.user.username,viewid:w._id,viewData:w});_e(B)}else{const B=await D({username:d.value.user.username,viewData:w});_e(B)}}else console.error("result",t)},_e=a=>{m.value.camview.viewid=a._id,v.value=!1,_.value=!1,C.value=!1,S.value=!1},it=()=>{!A.value||!d.value.user||re({username:d.value.user.username,viewid:A.value._id},{onSuccess:a=>{a.length?m.value.camview.viewid=a[0]._id:m.value.camview.viewid=void 0}})},ct=a=>{m.value.camview.viewid=a._id},ut=async()=>{b.value?await b.value.toggleFullscreen():x.value&&await x.value.toggleFullscreen()},dt=()=>{$.value=!$.value,b.value?b.value.togglePlayerMute($.value):x.value&&x.value.togglePlayerMute($.value)},vt=async a=>{b.value?await b.value.togglePlayerMicrophone(a):x.value&&await x.value.togglePlayerMicrophone(a)};return(a,t)=>{const w=Bt,B=Wt;return r(),F("main",fa,[n(e(Lt),{ref_key:"viewVeeForm",ref:o,class:"h-full w-full","validation-schema":e(Rt),"initial-values":e(s)},{default:l(()=>{var j,J,Fe,Ie,Ae,Te;return[i("div",pa,[!e(C)&&e(A)?(r(),E(Z,{key:0,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",ga,[e(te)?H("",!0):(r(),E(G,{key:0,size:"18",class:"text-color mr-1"},{default:l(()=>[W(y(e(k)?e(ht):e(xt)),1)]),_:1})),i("span",_a,y(e(A).name),1)]),e(te)?H("",!0):(r(),E($e,{key:0,activator:"parent",width:"324",offset:"5",location:"bottom",class:"select-menu","onUpdate:modelValue":t[0]||(t[0]=u=>k.value=u)},{default:l(()=>[n(Re,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>{var u;return[i("div",wa,[(r(!0),F(ve,null,de(((u=e(Q))==null?void 0:u.result)||[],(X,ue)=>(r(),E(we,{key:ue,active:X._id===e(A)._id,value:X,style:{"border-radius":"5px !important"},disabled:e(oe),onClick:K(Ve=>ct(X),["prevent"])},{default:l(()=>[i("div",ya,[i("span",ha,y(X.name),1)])]),_:2},1032,["active","value","disabled","onClick"]))),128))])]}),_:1})]),_:1}))]),_:1})):e(C)&&e(s).name?(r(),E(Z,{key:1,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",xa,[i("span",ba,y(e(s).name),1)])]),_:1})):H("",!0),t[20]||(t[20]=i("div",{class:"ml-auto"},null,-1)),!e(te)&&((j=e(A))==null?void 0:j.type)==="dnd"?(r(),E(Z,{key:2,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[1]||(t[1]=K(u=>e(m).camview.dragDisabled=!e(m).camview.dragDisabled,["prevent"]))},{default:l(()=>[n(G,{size:"18"},{default:l(()=>[W(y(e(m).camview.dragDisabled?e(bt):e(Vt)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)?(r(),E(Z,{key:3,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[2]||(t[2]=K(u=>dt(),["prevent"]))},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e($)?e(kt):e(Ct)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)&&e(be)?(r(),E(Z,{key:4,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[3]||(t[3]=K(u=>h.value=!0,["prevent"]))},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e(Oe)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)?(r(),E(Z,{key:5,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[4]||(t[4]=K(u=>ut(),["prevent"]))},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e(xe)?e(Dt):e($t)),1)]),_:1})]),_:1})):H("",!0),!e(te)&&e(A)?(r(),E(Z,{key:6,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[5]||(t[5]=K(u=>it(),["prevent"]))},{default:l(()=>[n(G,{size:"20"},{default:l(()=>[W(y(e(zt)),1)]),_:1})]),_:1})):H("",!0),!e(z)&&!e(S)&&!e(C)&&e(A)?(r(),E(Z,{key:7,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[6]||(t[6]=K(u=>{var X;return((X=e(A))==null?void 0:X.type)==="dnd"?z.value=!e(z):S.value=!e(S)},["prevent"]))},{default:l(()=>[n(G,{size:"19"},{default:l(()=>[W(y(e(Mt)),1)]),_:1})]),_:1})):H("",!0),!e(z)&&!e(S)&&!e(C)?(r(),E(Z,{key:8,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text"},{default:l(()=>[n(G,{size:"22"},{default:l(()=>[W(y(e(Qe)),1)]),_:1}),n($e,{activator:"parent",offset:"5",location:"bottom",class:"select-menu"},{default:l(()=>[n(Re,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>[i("div",Va,[n(we,{style:{"border-radius":"5px !important"},disabled:e(oe),onClick:t[7]||(t[7]=K(u=>v.value=!0,["prevent"]))},{default:l(()=>[i("div",ka,[i("div",Ca,[n(G,{size:"20",class:"text-passive"},{default:l(()=>[W(y(e(Pt)),1)]),_:1})]),i("span",Da,y(a.$t("views.camview.new_view")),1)])]),_:1},8,["disabled"]),t[19]||(t[19]=i("div",{class:"my-1"},null,-1)),n(we,{style:{"border-radius":"5px !important"},disabled:e(oe),onClick:t[8]||(t[8]=K(u=>_.value=!0,["prevent"]))},{default:l(()=>[i("div",$a,[i("div",za,[n(G,{size:"20",class:"text-passive"},{default:l(()=>[W(y(e(St)),1)]),_:1})]),i("span",Ma,y(a.$t("views.camview.new_dnd")),1)])]),_:1},8,["disabled"])])]),_:1})]),_:1})]),_:1})):H("",!0),e(S)||e(C)?(r(),F("div",Pa,[n(Z,{class:"disabled-text mr-2",size:"small",variant:"flat",border:"",onClick:t[9]||(t[9]=K(u=>e(S)?S.value=!1:C.value=!1,["prevent"]))},{default:l(()=>[W(y(a.$t("components.form.button.cancel")),1)]),_:1}),n(Z,{disabled:e(c).every(u=>u.lastDroppedCamera===void 0),class:"disabled-text",size:"small",color:"#df2a4c",variant:"flat",border:"",onClick:t[10]||(t[10]=K(u=>nt(),["prevent"]))},{default:l(()=>[i("span",Sa,y(a.$t("components.form.button.save")),1)]),_:1},8,["disabled"])])):H("",!0)]),i("div",{class:me(["camview-container",{"px-0":e(M)}])},[i("div",Fa,[e(oe)||!e(Q)?(r(),F("div",Ia,[n(Ft,{color:"#df2a4c",indeterminate:""})])):(r(),F("div",Aa,[!e(C)&&!e(S)&&(e(z)||((J=e(A))==null?void 0:J.type)==="dnd")?(r(),F("div",Ta,[n(qt,{ref_key:"dndRef",ref:x,cameras:((Fe=e(A))==null?void 0:Fe.cameras)||[],"db-cameras":((Ie=e(p))==null?void 0:Ie.result)||[],onDrag:at},null,8,["cameras","db-cameras"])])):!e(z)&&(e(C)||e(S)||((Ae=e(A))==null?void 0:Ae.type)==="view")?(r(),F("div",Ea,[(r(),E(ma,{ref_key:"viewRef",ref:b,key:e(m).camview.viewid+(e(C)?"-new":e(S)?"-edit":"-view"),cameras:((Te=e(p))==null?void 0:Te.result)||[],"edit-mode":e(C)||e(S),"view-size":e(C)?e(s).viewSize:e(De),title:e(s).name,cards:e(c),onDrop:st,onRemove:lt},null,8,["cameras","edit-mode","view-size","title","cards"]))])):(r(),F("div",Ra,[i("span",Ba,y(a.$t("views.camview.no_views_configured")),1)]))]))])],2),n(w,{modelValue:e(v),"onUpdate:modelValue":t[12]||(t[12]=u=>ke(v)?v.value=u:null),title:a.$t("components.dialog.title.new_view"),"confirm-text":"components.form.button.next",loading:e(oe),onConfirm:t[13]||(t[13]=u=>rt())},{content:l(()=>[i("div",La,[i("div",Ua,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[11]||(t[11]=u=>e(s).name=u),name:"name"},{default:l(({field:u,errorMessage:X,errors:ue})=>[i("label",Oa,y(a.$t("components.form.label.name")),1),n(Be,Ee({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},u,{error:ue.length>0,"error-messages":X}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"my-5"}),e(L)?(r(),F("span",Qa,y(a.$t("components.form.error.no_view_selected")),1)):H("",!0),i("div",ja,[i("div",Wa,[(r(!0),F(ve,null,de(e(V),u=>(r(),F("div",{key:u,class:"view-select-item h-full w-full",onClick:K(X=>e(s).viewSize=u,["prevent"])},[i("div",{class:me(["view-select-item-icon w-full h-full p-3",{"selected-view":e(s).viewSize===u}])},[n(G,{class:"disabled-text",style:{width:"100%",height:"100%"}},{default:l(()=>[W(y(`$cuiGrid${u}`),1)]),_:2},1024)],2),i("span",{class:me(["view-select-item-label disabled-text mt-2 px-2 py-1",{"selected-view-label":e(s).viewSize===u}])},y(u)+" "+y(a.$t("views.camview.cameras")),3)],8,Ha))),128))])])])]),_:1},8,["modelValue","title","loading"]),n(w,{modelValue:e(_),"onUpdate:modelValue":t[16]||(t[16]=u=>ke(_)?_.value=u:null),title:a.$t("components.dialog.title.new_dnd"),"confirm-text":"components.form.button.save",loading:e(oe),onConfirm:t[17]||(t[17]=u=>ot())},{content:l(()=>[i("div",Na,[i("div",Ya,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[14]||(t[14]=u=>e(s).name=u),name:"name"},{default:l(({field:u,errorMessage:X,errors:ue})=>[i("label",Xa,y(a.$t("components.form.label.name")),1),n(Be,Ee({loading:e(oe),variant:"outlined",name:"name",type:"text",density:"compact"},u,{error:ue.length>0,"error-messages":X}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"mb-10 mt-5"}),e(P)?(r(),F("span",Ga,y(a.$t("components.form.error.no_cameras_selected")),1)):H("",!0),n(je,{selected:e(f),"onUpdate:selected":t[15]||(t[15]=u=>ke(f)?f.value=u:null),"select-strategy":"classic",class:"py-0 mb-5",density:"compact"},{default:l(()=>{var u;return[(r(!0),F(ve,null,de(((u=e(p))==null?void 0:u.result)||[],(X,ue)=>(r(),E(we,{key:ue,value:X,active:e(f).some(Ve=>Ve.name===X.name)},{prepend:l(({isActive:Ve})=>[n(It,{start:""},{default:l(()=>[n(At,{"model-value":Ve,color:"#df2a4c"},null,8,["model-value"])]),_:2},1024)]),default:l(()=>[n(We,null,{default:l(()=>[W(y(X.name),1)]),_:2},1024)]),_:2},1032,["value","active"]))),128))]}),_:1},8,["selected"])])]),_:1},8,["modelValue","title","loading"]),n(w,{modelValue:e(h),"onUpdate:modelValue":t[18]||(t[18]=u=>ke(h)?h.value=u:null),title:a.$t("components.dialog.title.intercom"),loading:e(oe),"hide-confirm-button":""},{content:l(()=>[i("div",qa,[i("span",null,y(a.$t("components.dialog.message.intercom_info")),1),n(B,{onListening:vt})])]),_:1},8,["modelValue","title","loading"])]}),_:1},8,["validation-schema","initial-values"])])}}}),Qs=ie(Ja,[["__scopeId","data-v-1236e487"]]);export{Qs as default};