camera.ui3 0.0.34-alpha.4 → 0.0.34-alpha.6

package/dist/interface/{Adminpanel.BvJD6oTF.0.0.34-alpha.4.js → Adminpanel.CCt65nrb.0.0.34-alpha.6.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["vue3-apexcharts.Cd9x19mq.0.0.34-alpha.4.js","apexcharts.C1dQ5zIU.0.0.34-alpha.4.js","@xterm.dNDqC2Qx.0.0.34-alpha.4.js","assets/@xterm.0.0.34-alpha.4.CFbL2ovg.css","@vue.38WdTUyF.0.0.34-alpha.4.js","perfect-debounce.Cp2ysxOb.0.0.34-alpha.4.js","hookable.B8xFkYCm.0.0.34-alpha.4.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 K,t as ve,r as c,E as Y,c as A,a5 as fe,b as L,aa as T,ab as o,f as x,u as a,a7 as $,a9 as W,d as ee,k as he,e as te,p as M,R as p,an as ke,B as _e,w as G,S as J,m as ue,al as Q,P as we,g as de}from"./@vue.38WdTUyF.0.0.34-alpha.4.js";import{aB as We,aw as me}from"./@mdi.C1UTQKuc.0.0.34-alpha.4.js";import{i as U,u as Le,s as ae,O as Ne,P as Se,d as H,a as Ce,N as Pe,y as X,x as ge,f as Te}from"./main.2HASoNLf.0.0.34-alpha.4.js";import{s as ye}from"./pinia.Dye_uuQS.0.0.34-alpha.4.js";import{l as se,T as oe,b as re,e as ne,$ as Oe,a0 as Z,W as pe,m as z}from"./vuetify.CWmFhFZT.0.0.34-alpha.4.js";import{i as ie}from"./vue3-toastify.Q4LBRehM.0.0.34-alpha.4.js";import{P as De}from"./plugins.DrzRqqj1.0.0.34-alpha.4.js";import{P as f}from"./types.Cz9TaZAP.0.0.34-alpha.4.js";import{u as Ee,a as Re,b as $e}from"./@tanstack.B8dQBg4b.0.0.34-alpha.4.js";import{S as Ie}from"./system.XI0ySjhp.0.0.34-alpha.4.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.4.js";import"./hookable.B8xFkYCm.0.0.34-alpha.4.js";import"./vue-i18n.BhYwipWO.0.0.34-alpha.4.js";import"./@intlify.DXtFJcML.0.0.34-alpha.4.js";import"./axios.C-n2IhIP.0.0.34-alpha.4.js";import"./vue-router.DDrhhYTH.0.0.34-alpha.4.js";import"./@vueuse.C5t4Wg1V.0.0.34-alpha.4.js";import"./nprogress.BqUgJKe9.0.0.34-alpha.4.js";import"./@xterm.dNDqC2Qx.0.0.34-alpha.4.js";import"./vee-validate.BbFAArYk.0.0.34-alpha.4.js";import"./@vee-validate.Cd0PG5JL.0.0.34-alpha.4.js";import"./zod.DnW1_kUe.0.0.34-alpha.4.js";import"./uuid.DvF23Exx.0.0.34-alpha.4.js";import"./socket.io-client.CDWOo7bs.0.0.34-alpha.4.js";import"./engine.io-client.CEf8giGf.0.0.34-alpha.4.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.4.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.4.js";import"./socket.io-parser.nV5rgBGd.0.0.34-alpha.4.js";import"./rxjs.pmJBk3Sg.0.0.34-alpha.4.js";import"./tslib.9k7AwCpt.0.0.34-alpha.4.js";import"./vue-inline-svg.KV3n1JVk.0.0.34-alpha.4.js";var I=(g=>(g.READY="ready",g.RESTARTING="restarting",g.STARTING="starting",g.STARTED="started",g.STOPPED="stopped",g.ERROR="error",g.UNKNOWN="unknown",g))(I||{});const Ae={class:"flex items-center first-item"},Fe={key:1},Ve={class:"text-center pt-2"},Qe=K({__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}]),_=A(()=>O.value||i.value||h.value),k=A(()=>{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=A(()=>{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)},B=()=>{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",Ae,[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(B,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),ze=H(Qe,[["__scopeId","data-v-0f04954a"]]),je={key:0,class:"text-disabled"},le=K({__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.Cd9x19mq.0.0.34-alpha.4.js"),__vite__mapDeps([0,1,2,3,4,5,6]))),r=await r,m(),r).default,P=Ce(),N=g,{theme:u}=ye(P),{type:h,processInfo:l,maxDataPoints:y,chartType:_}=ve(N),k=A(()=>{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=A(()=>{const v=(l.value||[]).map(O=>O.timestamp).slice(-y.value);return[{data:[...v,...Array(y.value-v.length).fill(0)]}]}),w=A(()=>({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"]))]))}}),Be={class:"flex items-center first-item"},Ke=K({__name:"VPluginTable",setup(g){const{t:r}=U.global,{isTouch:m}=ae(),S=X(),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=A(()=>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:B}=P.getPluginsQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartPluginQuery(),D=A(()=>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 B(),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",Be,[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=H(Ke,[["__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"},He=K({__name:"VFrameWorkerTable",setup(g){const{t:r}=U.global,m=X(),{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=A(()=>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:B}=P.getFrameWorkersQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartFrameWorkerQuery(),D=A(()=>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 B(),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"])}}}),Xe=H(He,[["__scopeId","data-v-eaa0affd"]]),Ze={class:"flex items-center first-item"},et={class:"ml-1"},tt=K({__name:"VProcessTable",setup(g){const{t:r}=U.global,m=X(),{isTouch:S}=ae(),P=new Ie,N=c(),u=c(),h=c(30),l=c(200),y=c(32),_=c(I.UNKNOWN),k=c(I.UNKNOWN),C=c(I.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=A(()=>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:B}=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 I.UNKNOWN}},E=e=>{switch(V(e)){case I.ERROR:return"#9d5752";case I.STARTING:return"orange";case I.READY:return"yellow";case I.STARTED:return"green";case I.STOPPED:return"red";case I.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(B),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=H(tt,[["__scopeId","data-v-c68f1547"]]),st=K({__name:"VSystemMetricsTable",setup(g){const{t:r}=U.global,m=X(),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=H(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"},Zt=K({__name:"Adminpanel",setup(g){const r=X(),{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,_=Xe,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{Zt as default};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["vue3-apexcharts.Ep6IiXnK.0.0.34-alpha.6.js","apexcharts.6HWN1GNB.0.0.34-alpha.6.js","@xterm.DqCFPTCA.0.0.34-alpha.6.js","assets/@xterm.0.0.34-alpha.6.CFbL2ovg.css","@vue.2olsU3zX.0.0.34-alpha.6.js","perfect-debounce.Cp2ysxOb.0.0.34-alpha.6.js","hookable.B8xFkYCm.0.0.34-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 K,t as ve,r as c,E as Y,c as A,a5 as fe,b as L,aa as T,ab as o,f as x,u as a,a7 as $,a9 as W,d as ee,k as he,e as te,p as M,R as p,an as ke,B as _e,w as G,S as J,m as ue,al as Q,P as we,g as de}from"./@vue.2olsU3zX.0.0.34-alpha.6.js";import{aB as We,aw as me}from"./@mdi.C1UTQKuc.0.0.34-alpha.6.js";import{i as U,u as Le,s as ae,O as Ne,P as Se,d as H,a as Ce,N as Pe,y as X,x as ge,f as Te}from"./main.CjELdG9A.0.0.34-alpha.6.js";import{s as ye}from"./pinia.CBIup3aH.0.0.34-alpha.6.js";import{l as se,T as oe,b as re,e as ne,$ as Oe,a0 as Z,W as pe,m as z}from"./vuetify.dlIDGkOi.0.0.34-alpha.6.js";import{i as ie}from"./vue3-toastify.B0t5Ra1T.0.0.34-alpha.6.js";import{P as De}from"./plugins.DkVCVMms.0.0.34-alpha.6.js";import{P as f}from"./types.Cz9TaZAP.0.0.34-alpha.6.js";import{u as Ee,a as Re,b as $e}from"./@tanstack.COISQUaa.0.0.34-alpha.6.js";import{S as Ie}from"./system.DBHlJaL3.0.0.34-alpha.6.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.6.js";import"./hookable.B8xFkYCm.0.0.34-alpha.6.js";import"./vue-i18n.DvwV0jjJ.0.0.34-alpha.6.js";import"./@intlify.DXtFJcML.0.0.34-alpha.6.js";import"./axios.C-n2IhIP.0.0.34-alpha.6.js";import"./vue-router.DbntwPAd.0.0.34-alpha.6.js";import"./@vueuse.D9NHhWYc.0.0.34-alpha.6.js";import"./nprogress.CO0HPuzU.0.0.34-alpha.6.js";import"./@xterm.DqCFPTCA.0.0.34-alpha.6.js";import"./vee-validate.CghN0yPF.0.0.34-alpha.6.js";import"./@vee-validate.vQEQxxhx.0.0.34-alpha.6.js";import"./zod.DnW1_kUe.0.0.34-alpha.6.js";import"./uuid.DvF23Exx.0.0.34-alpha.6.js";import"./socket.io-client.Ba2QhaSK.0.0.34-alpha.6.js";import"./engine.io-client.CMjMz_QZ.0.0.34-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.6.js";import"./socket.io-parser.CT0tlhnF.0.0.34-alpha.6.js";import"./rxjs.DKQuv6LI.0.0.34-alpha.6.js";import"./tslib.9k7AwCpt.0.0.34-alpha.6.js";import"./vue-inline-svg.DXN-QH0U.0.0.34-alpha.6.js";var I=(g=>(g.READY="ready",g.RESTARTING="restarting",g.STARTING="starting",g.STARTED="started",g.STOPPED="stopped",g.ERROR="error",g.UNKNOWN="unknown",g))(I||{});const Ae={class:"flex items-center first-item"},Fe={key:1},Ve={class:"text-center pt-2"},Qe=K({__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}]),_=A(()=>O.value||i.value||h.value),k=A(()=>{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=A(()=>{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)},B=()=>{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",Ae,[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(B,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),ze=H(Qe,[["__scopeId","data-v-0f04954a"]]),je={key:0,class:"text-disabled"},le=K({__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.Ep6IiXnK.0.0.34-alpha.6.js"),__vite__mapDeps([0,1,2,3,4,5,6]))),r=await r,m(),r).default,P=Ce(),N=g,{theme:u}=ye(P),{type:h,processInfo:l,maxDataPoints:y,chartType:_}=ve(N),k=A(()=>{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=A(()=>{const v=(l.value||[]).map(O=>O.timestamp).slice(-y.value);return[{data:[...v,...Array(y.value-v.length).fill(0)]}]}),w=A(()=>({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"]))]))}}),Be={class:"flex items-center first-item"},Ke=K({__name:"VPluginTable",setup(g){const{t:r}=U.global,{isTouch:m}=ae(),S=X(),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=A(()=>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:B}=P.getPluginsQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartPluginQuery(),D=A(()=>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 B(),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",Be,[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=H(Ke,[["__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"},He=K({__name:"VFrameWorkerTable",setup(g){const{t:r}=U.global,m=X(),{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=A(()=>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:B}=P.getFrameWorkersQuery(_e({page:1,pageSize:-1})),{mutateAsync:R}=P.restartFrameWorkerQuery(),D=A(()=>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 B(),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"])}}}),Xe=H(He,[["__scopeId","data-v-eaa0affd"]]),Ze={class:"flex items-center first-item"},et={class:"ml-1"},tt=K({__name:"VProcessTable",setup(g){const{t:r}=U.global,m=X(),{isTouch:S}=ae(),P=new Ie,N=c(),u=c(),h=c(30),l=c(200),y=c(32),_=c(I.UNKNOWN),k=c(I.UNKNOWN),C=c(I.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=A(()=>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:B}=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 I.UNKNOWN}},E=e=>{switch(V(e)){case I.ERROR:return"#9d5752";case I.STARTING:return"orange";case I.READY:return"yellow";case I.STARTED:return"green";case I.STOPPED:return"red";case I.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(B),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=H(tt,[["__scopeId","data-v-c68f1547"]]),st=K({__name:"VSystemMetricsTable",setup(g){const{t:r}=U.global,m=X(),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=H(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"},Zt=K({__name:"Adminpanel",setup(g){const r=X(),{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,_=Xe,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{Zt as default};

package/dist/interface/{Appearance.CkfZ61d-.0.0.34-alpha.4.js → Appearance.HvJsFiT3.0.0.34-alpha.6.js}

@@ -1 +1 @@
-import{G as x,b as S,d as $,f as e,a9 as s,R as a,u as l,i as p,p as c,ab as b,a7 as B}from"./@vue.38WdTUyF.0.0.34-alpha.4.js";import{b as U,a as k,h as C,V as L}from"./main.2HASoNLf.0.0.34-alpha.4.js";import{s as u}from"./pinia.Dye_uuQS.0.0.34-alpha.4.js";import{y as v,d as f,n as _,m as M}from"./vuetify.CWmFhFZT.0.0.34-alpha.4.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.4.js";import"./hookable.B8xFkYCm.0.0.34-alpha.4.js";import"./vue3-toastify.Q4LBRehM.0.0.34-alpha.4.js";import"./vue-i18n.BhYwipWO.0.0.34-alpha.4.js";import"./@intlify.DXtFJcML.0.0.34-alpha.4.js";import"./axios.C-n2IhIP.0.0.34-alpha.4.js";import"./@tanstack.B8dQBg4b.0.0.34-alpha.4.js";import"./vue-router.DDrhhYTH.0.0.34-alpha.4.js";import"./@vueuse.C5t4Wg1V.0.0.34-alpha.4.js";import"./nprogress.BqUgJKe9.0.0.34-alpha.4.js";import"./@xterm.dNDqC2Qx.0.0.34-alpha.4.js";import"./@mdi.C1UTQKuc.0.0.34-alpha.4.js";import"./vee-validate.BbFAArYk.0.0.34-alpha.4.js";import"./@vee-validate.Cd0PG5JL.0.0.34-alpha.4.js";import"./zod.DnW1_kUe.0.0.34-alpha.4.js";import"./uuid.DvF23Exx.0.0.34-alpha.4.js";import"./socket.io-client.CDWOo7bs.0.0.34-alpha.4.js";import"./engine.io-client.CEf8giGf.0.0.34-alpha.4.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.4.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.4.js";import"./socket.io-parser.nV5rgBGd.0.0.34-alpha.4.js";import"./rxjs.pmJBk3Sg.0.0.34-alpha.4.js";import"./tslib.9k7AwCpt.0.0.34-alpha.4.js";import"./vue-inline-svg.KV3n1JVk.0.0.34-alpha.4.js";const E={class:"subview-title text-color"},K={class:"inner-component p-4"},N={class:"relative"},R={for:"theme",class:"v-label"},T={class:"ml-auto flex"},D={class:"flex flex-row"},O={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},A={class:"subview-title text-color"},G={class:"inner-component p-4"},j={class:"relative"},q={for:"language",class:"v-label"},z={class:"subview-title text-color"},F={class:"inner-component p-4"},H={class:"relative mb-3"},I={class:"v-label"},J={class:"relative flex"},P={class:"flex flex-row"},Q={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},W={class:"relative flex"},X={class:"flex flex-row"},Y={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},ke=x({__name:"Appearance",setup(Z){const h=U(),V=k(),g=C(),{locale:d,languages:w}=u(h),{colors:y,theme:m,autoMode:r}=u(V),{uiSettings:n}=u(g);return(i,o)=>(S(),$("div",null,[e("div",null,[e("span",E,s(i.$t("views.settings.theme")),1),e("div",K,[e("div",N,[e("label",R,s(i.$t("components.form.label.theme")),1),a(v,{modelValue:l(m),"onUpdate:modelValue":o[0]||(o[0]=t=>p(m)?m.value=t:null),variant:"outlined",density:"compact",name:"theme","hide-details":"",items:l(y),disabled:l(r),onKeydown:c(()=>null,["prevent"])},null,8,["modelValue","items","disabled"])]),o[6]||(o[6]=e("div",{class:"py-2"},null,-1)),e("div",null,[e("div",T,[e("div",D,[a(f,{modelValue:l(r),"onUpdate:modelValue":o[1]||(o[1]=t=>p(r)?r.value=t:null),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",O,s(i.$t("components.form.label.system_preference")),1)])])])])]),o[7]||(o[7]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",A,s(i.$t("views.settings.locale")),1),e("div",G,[e("div",j,[e("label",q,s(i.$t("components.form.label.language")),1),a(v,{modelValue:l(d),"onUpdate:modelValue":o[2]||(o[2]=t=>p(d)?d.value=t:null),variant:"outlined",density:"compact",name:"language","hide-details":"",items:l(w),onKeydown:c(()=>null,["prevent"])},null,8,["modelValue","items"])])])]),o[8]||(o[8]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",z,s(i.$t("views.settings.interface")),1),e("div",F,[e("div",null,[e("div",H,[e("label",I,s(i.$t("components.form.label.default_settings_page")),1),a(v,{modelValue:l(n).interface.selectedSettingsView,"onUpdate:modelValue":o[3]||(o[3]=t=>l(n).interface.selectedSettingsView=t),"hide-details":"",solo:"",variant:"outlined",density:"compact",items:l(L),onKeydown:c(()=>null,["prevent"])},{chip:b(({item:t})=>[a(M,{color:"#df2a4c"},{default:b(()=>[B(s(t.title),1)]),_:2},1024)]),_:1},8,["modelValue","items"])]),a(_,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"}}),e("div",J,[e("div",P,[a(f,{modelValue:l(n).cameras.showEvents,"onUpdate:modelValue":o[4]||(o[4]=t=>l(n).cameras.showEvents=t),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",Q,s(i.$t("components.form.label.show_camera_events")),1)])]),a(_,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"}}),e("div",W,[e("div",X,[a(f,{modelValue:l(n).interface.showBottomBarOnMobile,"onUpdate:modelValue":o[5]||(o[5]=t=>l(n).interface.showBottomBarOnMobile=t),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",Y,s(i.$t("components.form.label.show_bottombar_on_mobile")),1)])])])])])]))}});export{ke as default};
+import{G as x,b as S,d as $,f as e,a9 as s,R as a,u as l,i as p,p as c,ab as b,a7 as B}from"./@vue.2olsU3zX.0.0.34-alpha.6.js";import{b as U,a as k,h as C,V as L}from"./main.CjELdG9A.0.0.34-alpha.6.js";import{s as u}from"./pinia.CBIup3aH.0.0.34-alpha.6.js";import{y as v,d as f,n as _,m as M}from"./vuetify.dlIDGkOi.0.0.34-alpha.6.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.6.js";import"./hookable.B8xFkYCm.0.0.34-alpha.6.js";import"./vue3-toastify.B0t5Ra1T.0.0.34-alpha.6.js";import"./vue-i18n.DvwV0jjJ.0.0.34-alpha.6.js";import"./@intlify.DXtFJcML.0.0.34-alpha.6.js";import"./axios.C-n2IhIP.0.0.34-alpha.6.js";import"./@tanstack.COISQUaa.0.0.34-alpha.6.js";import"./vue-router.DbntwPAd.0.0.34-alpha.6.js";import"./@vueuse.D9NHhWYc.0.0.34-alpha.6.js";import"./nprogress.CO0HPuzU.0.0.34-alpha.6.js";import"./@xterm.DqCFPTCA.0.0.34-alpha.6.js";import"./@mdi.C1UTQKuc.0.0.34-alpha.6.js";import"./vee-validate.CghN0yPF.0.0.34-alpha.6.js";import"./@vee-validate.vQEQxxhx.0.0.34-alpha.6.js";import"./zod.DnW1_kUe.0.0.34-alpha.6.js";import"./uuid.DvF23Exx.0.0.34-alpha.6.js";import"./socket.io-client.Ba2QhaSK.0.0.34-alpha.6.js";import"./engine.io-client.CMjMz_QZ.0.0.34-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.6.js";import"./socket.io-parser.CT0tlhnF.0.0.34-alpha.6.js";import"./rxjs.DKQuv6LI.0.0.34-alpha.6.js";import"./tslib.9k7AwCpt.0.0.34-alpha.6.js";import"./vue-inline-svg.DXN-QH0U.0.0.34-alpha.6.js";const E={class:"subview-title text-color"},K={class:"inner-component p-4"},N={class:"relative"},R={for:"theme",class:"v-label"},T={class:"ml-auto flex"},D={class:"flex flex-row"},O={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},A={class:"subview-title text-color"},G={class:"inner-component p-4"},j={class:"relative"},q={for:"language",class:"v-label"},z={class:"subview-title text-color"},F={class:"inner-component p-4"},H={class:"relative mb-3"},I={class:"v-label"},J={class:"relative flex"},P={class:"flex flex-row"},Q={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},W={class:"relative flex"},X={class:"flex flex-row"},Y={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},ke=x({__name:"Appearance",setup(Z){const h=U(),V=k(),g=C(),{locale:d,languages:w}=u(h),{colors:y,theme:m,autoMode:r}=u(V),{uiSettings:n}=u(g);return(i,o)=>(S(),$("div",null,[e("div",null,[e("span",E,s(i.$t("views.settings.theme")),1),e("div",K,[e("div",N,[e("label",R,s(i.$t("components.form.label.theme")),1),a(v,{modelValue:l(m),"onUpdate:modelValue":o[0]||(o[0]=t=>p(m)?m.value=t:null),variant:"outlined",density:"compact",name:"theme","hide-details":"",items:l(y),disabled:l(r),onKeydown:c(()=>null,["prevent"])},null,8,["modelValue","items","disabled"])]),o[6]||(o[6]=e("div",{class:"py-2"},null,-1)),e("div",null,[e("div",T,[e("div",D,[a(f,{modelValue:l(r),"onUpdate:modelValue":o[1]||(o[1]=t=>p(r)?r.value=t:null),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",O,s(i.$t("components.form.label.system_preference")),1)])])])])]),o[7]||(o[7]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",A,s(i.$t("views.settings.locale")),1),e("div",G,[e("div",j,[e("label",q,s(i.$t("components.form.label.language")),1),a(v,{modelValue:l(d),"onUpdate:modelValue":o[2]||(o[2]=t=>p(d)?d.value=t:null),variant:"outlined",density:"compact",name:"language","hide-details":"",items:l(w),onKeydown:c(()=>null,["prevent"])},null,8,["modelValue","items"])])])]),o[8]||(o[8]=e("div",{class:"my-8"},null,-1)),e("div",null,[e("span",z,s(i.$t("views.settings.interface")),1),e("div",F,[e("div",null,[e("div",H,[e("label",I,s(i.$t("components.form.label.default_settings_page")),1),a(v,{modelValue:l(n).interface.selectedSettingsView,"onUpdate:modelValue":o[3]||(o[3]=t=>l(n).interface.selectedSettingsView=t),"hide-details":"",solo:"",variant:"outlined",density:"compact",items:l(L),onKeydown:c(()=>null,["prevent"])},{chip:b(({item:t})=>[a(M,{color:"#df2a4c"},{default:b(()=>[B(s(t.title),1)]),_:2},1024)]),_:1},8,["modelValue","items"])]),a(_,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"}}),e("div",J,[e("div",P,[a(f,{modelValue:l(n).cameras.showEvents,"onUpdate:modelValue":o[4]||(o[4]=t=>l(n).cameras.showEvents=t),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",Q,s(i.$t("components.form.label.show_camera_events")),1)])]),a(_,{style:{"border-color":"rgba(var(--color-rgb), 0.1)",opacity:"1"}}),e("div",W,[e("div",X,[a(f,{modelValue:l(n).interface.showBottomBarOnMobile,"onUpdate:modelValue":o[5]||(o[5]=t=>l(n).interface.showBottomBarOnMobile=t),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",Y,s(i.$t("components.form.label.show_bottombar_on_mobile")),1)])])])])])]))}});export{ke as default};

package/dist/interface/{Backup.Dwm2c8Zl.0.0.34-alpha.4.js → Backup.CSkOoG27.0.0.34-alpha.6.js}

@@ -1 +1 @@
-import{x as O,X as R,w as T}from"./main.2HASoNLf.0.0.34-alpha.4.js";import{G as j,t as U,r as f,b as v,d as I,f as a,R as g,ab as k,a9 as r,u,k as C,aa as F,p as b,a7 as B,a4 as J,i as E}from"./@vue.38WdTUyF.0.0.34-alpha.4.js";import{i as D}from"./vue3-toastify.Q4LBRehM.0.0.34-alpha.4.js";import{r as M}from"./system.XI0ySjhp.0.0.34-alpha.4.js";import{aD as X,X as A}from"./@mdi.C1UTQKuc.0.0.34-alpha.4.js";import{e as L,a1 as G,b as z,n as q}from"./vuetify.CWmFhFZT.0.0.34-alpha.4.js";import{u as H}from"./vue-i18n.BhYwipWO.0.0.34-alpha.4.js";import"./axios.C-n2IhIP.0.0.34-alpha.4.js";import"./@tanstack.B8dQBg4b.0.0.34-alpha.4.js";import"./pinia.Dye_uuQS.0.0.34-alpha.4.js";import"./vue-router.DDrhhYTH.0.0.34-alpha.4.js";import"./@vueuse.C5t4Wg1V.0.0.34-alpha.4.js";import"./nprogress.BqUgJKe9.0.0.34-alpha.4.js";import"./@xterm.dNDqC2Qx.0.0.34-alpha.4.js";import"./vee-validate.BbFAArYk.0.0.34-alpha.4.js";import"./@vee-validate.Cd0PG5JL.0.0.34-alpha.4.js";import"./zod.DnW1_kUe.0.0.34-alpha.4.js";import"./uuid.DvF23Exx.0.0.34-alpha.4.js";import"./socket.io-client.CDWOo7bs.0.0.34-alpha.4.js";import"./engine.io-client.CEf8giGf.0.0.34-alpha.4.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.4.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.4.js";import"./socket.io-parser.nV5rgBGd.0.0.34-alpha.4.js";import"./rxjs.pmJBk3Sg.0.0.34-alpha.4.js";import"./tslib.9k7AwCpt.0.0.34-alpha.4.js";import"./vue-inline-svg.KV3n1JVk.0.0.34-alpha.4.js";import"./@intlify.DXtFJcML.0.0.34-alpha.4.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.4.js";import"./hookable.B8xFkYCm.0.0.34-alpha.4.js";const K=async w=>(await O.post("/backup/download",{localStorage:w},{responseType:"arraybuffer"})).data,P=async w=>(await O.post("/backup/restore",w)).data,Q={class:"w-full"},W={class:"flex flex-col justify-center items-center mb-5"},Y={for:"restoreInput",class:"cursor-pointer text-center"},Z=["accept"],ee={key:0,class:"text-red"},te={class:"mx-2"},oe={class:"disabled-text"},se=j({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:X}},emits:["files-uploaded"],setup(w,{expose:x,emit:V}){const p=V,S=w,{accept:y,multiple:h}=U(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[,N]of Object.entries(t.files))i.value.push(N);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",Q,[a("div",W,[g(L,{class:"mt-5",size:"60"},{default:k(()=>[B(r(n.icon),1)]),_:1}),a("label",Y,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(y),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(G,{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(z,{size:"28",variant:"text",color:"red",rounded:"",onClick:b(N=>s(l.name),["stop"])},{default:k(()=>[g(L,{size:"20"},{default:k(()=>[B(r(u(A)),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(q,{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"},Xe=j({__name:"Backup",setup(w){const{t:x}=H(),V=f(null),p=f(!1),S=f(!1),y=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 K(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 P(c);i(n),(e=V.value)==null||e.reset(),D.success(x("components.toast.backup_restored")),S.value=!0,M()}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=R,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(z,{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(z,{loading:u(p),disabled:!u(h).length,class:"mt-5 ml-auto",color:"#df2a4c",onClick:s[1]||(s[1]=b(o=>y.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(y),"onUpdate:modelValue":s[2]||(s[2]=o=>E(y)?y.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{Xe as default};
+import{x as O,X as R,w as T}from"./main.CjELdG9A.0.0.34-alpha.6.js";import{G as j,t as U,r as f,b as v,d as I,f as a,R as g,ab as k,a9 as r,u,k as C,aa as F,p as b,a7 as B,a4 as J,i as E}from"./@vue.2olsU3zX.0.0.34-alpha.6.js";import{i as D}from"./vue3-toastify.B0t5Ra1T.0.0.34-alpha.6.js";import{r as M}from"./system.DBHlJaL3.0.0.34-alpha.6.js";import{aD as X,X as A}from"./@mdi.C1UTQKuc.0.0.34-alpha.6.js";import{e as L,a1 as G,b as z,n as q}from"./vuetify.dlIDGkOi.0.0.34-alpha.6.js";import{u as H}from"./vue-i18n.DvwV0jjJ.0.0.34-alpha.6.js";import"./axios.C-n2IhIP.0.0.34-alpha.6.js";import"./@tanstack.COISQUaa.0.0.34-alpha.6.js";import"./pinia.CBIup3aH.0.0.34-alpha.6.js";import"./vue-router.DbntwPAd.0.0.34-alpha.6.js";import"./@vueuse.D9NHhWYc.0.0.34-alpha.6.js";import"./nprogress.CO0HPuzU.0.0.34-alpha.6.js";import"./@xterm.DqCFPTCA.0.0.34-alpha.6.js";import"./vee-validate.CghN0yPF.0.0.34-alpha.6.js";import"./@vee-validate.vQEQxxhx.0.0.34-alpha.6.js";import"./zod.DnW1_kUe.0.0.34-alpha.6.js";import"./uuid.DvF23Exx.0.0.34-alpha.6.js";import"./socket.io-client.Ba2QhaSK.0.0.34-alpha.6.js";import"./engine.io-client.CMjMz_QZ.0.0.34-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.6.js";import"./socket.io-parser.CT0tlhnF.0.0.34-alpha.6.js";import"./rxjs.DKQuv6LI.0.0.34-alpha.6.js";import"./tslib.9k7AwCpt.0.0.34-alpha.6.js";import"./vue-inline-svg.DXN-QH0U.0.0.34-alpha.6.js";import"./@intlify.DXtFJcML.0.0.34-alpha.6.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.6.js";import"./hookable.B8xFkYCm.0.0.34-alpha.6.js";const K=async w=>(await O.post("/backup/download",{localStorage:w},{responseType:"arraybuffer"})).data,P=async w=>(await O.post("/backup/restore",w)).data,Q={class:"w-full"},W={class:"flex flex-col justify-center items-center mb-5"},Y={for:"restoreInput",class:"cursor-pointer text-center"},Z=["accept"],ee={key:0,class:"text-red"},te={class:"mx-2"},oe={class:"disabled-text"},se=j({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:X}},emits:["files-uploaded"],setup(w,{expose:x,emit:V}){const p=V,S=w,{accept:y,multiple:h}=U(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[,N]of Object.entries(t.files))i.value.push(N);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",Q,[a("div",W,[g(L,{class:"mt-5",size:"60"},{default:k(()=>[B(r(n.icon),1)]),_:1}),a("label",Y,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(y),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(G,{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(z,{size:"28",variant:"text",color:"red",rounded:"",onClick:b(N=>s(l.name),["stop"])},{default:k(()=>[g(L,{size:"20"},{default:k(()=>[B(r(u(A)),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(q,{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"},Xe=j({__name:"Backup",setup(w){const{t:x}=H(),V=f(null),p=f(!1),S=f(!1),y=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 K(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 P(c);i(n),(e=V.value)==null||e.reset(),D.success(x("components.toast.backup_restored")),S.value=!0,M()}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=R,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(z,{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(z,{loading:u(p),disabled:!u(h).length,class:"mt-5 ml-auto",color:"#df2a4c",onClick:s[1]||(s[1]=b(o=>y.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(y),"onUpdate:modelValue":s[2]||(s[2]=o=>E(y)?y.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{Xe as default};

package/dist/interface/{Camera.DkSEtuiE.0.0.34-alpha.4.js → Camera.CpRZjMgc.0.0.34-alpha.6.js}

@@ -1 +1 @@
-import{r as u,x as xe,P as dt,G as me,t as _e,D as Ce,c as T,w as Y,O as pt,b as c,d as P,R as E,ab as z,e as ye,v as ft,u as t,a7 as se,a9 as B,f as b,p as fe,ac as W,aa as j,Q as be,ad as Pe,k as ee,n as he,aj as ht,i as Ve,a5 as gt,g as ge,E as xt,ak as _t}from"./@vue.38WdTUyF.0.0.34-alpha.4.js";import{D as yt,E as bt,F as Pt,C as Le,G as wt}from"./@mdi.C1UTQKuc.0.0.34-alpha.4.js";import{a as Ht,f as Re,k as De,l as St,m as Tt,n as Et,o as $t,p as Ft,q as kt,d as we,i as zt}from"./main.2HASoNLf.0.0.34-alpha.4.js";import{s as Ct}from"./pinia.Dye_uuQS.0.0.34-alpha.4.js";import{k as Lt,j as Oe,e as Dt,l as Vt,m as Rt,n as Ot,p as Gt}from"./@vueuse.C5t4Wg1V.0.0.34-alpha.4.js";import{b as ie,e as re,B as Mt,C as At,V as He,D as Wt,E as Nt,R as It}from"./vuetify.CWmFhFZT.0.0.34-alpha.4.js";import{C as Ge,_ as Me}from"./VPlayer.DUNwZEpc.0.0.34-alpha.4.js";import{u as Ae}from"./vue-router.DDrhhYTH.0.0.34-alpha.4.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.4.js";import"./hookable.B8xFkYCm.0.0.34-alpha.4.js";import"./vue3-toastify.Q4LBRehM.0.0.34-alpha.4.js";import"./vue-i18n.BhYwipWO.0.0.34-alpha.4.js";import"./@intlify.DXtFJcML.0.0.34-alpha.4.js";import"./axios.C-n2IhIP.0.0.34-alpha.4.js";import"./@tanstack.B8dQBg4b.0.0.34-alpha.4.js";import"./vee-validate.BbFAArYk.0.0.34-alpha.4.js";import"./@vee-validate.Cd0PG5JL.0.0.34-alpha.4.js";import"./zod.DnW1_kUe.0.0.34-alpha.4.js";import"./uuid.DvF23Exx.0.0.34-alpha.4.js";import"./socket.io-client.CDWOo7bs.0.0.34-alpha.4.js";import"./engine.io-client.CEf8giGf.0.0.34-alpha.4.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.4.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.4.js";import"./socket.io-parser.nV5rgBGd.0.0.34-alpha.4.js";import"./rxjs.pmJBk3Sg.0.0.34-alpha.4.js";import"./tslib.9k7AwCpt.0.0.34-alpha.4.js";import"./vue-inline-svg.KV3n1JVk.0.0.34-alpha.4.js";import"./nprogress.BqUgJKe9.0.0.34-alpha.4.js";import"./@xterm.dNDqC2Qx.0.0.34-alpha.4.js";import"./qrcode.DpdrUpsD.0.0.34-alpha.4.js";import"./dijkstrajs.D_NXgYpA.0.0.34-alpha.4.js";import"./plugins.DrzRqqj1.0.0.34-alpha.4.js";import"./draggabilly.BMe74e1L.0.0.34-alpha.4.js";import"./get-size.D1dS-IaP.0.0.34-alpha.4.js";import"./unidragger.Cj4g6i_z.0.0.34-alpha.4.js";import"./ev-emitter.ugXzzJzv.0.0.34-alpha.4.js";import"./VConsole.DRD2SXa_.0.0.34-alpha.4.js";const jt=e=>{let $=null,M=0,V=0,f=0;const F=.95,w=u(),x=s=>{w.value="onTouchStart",$!==null&&(cancelAnimationFrame($),$=null),M=s.touches[0].pageY,V=M},C=s=>{w.value="onTouchMove";const i=s.touches[0].pageY,h=i-V;V=i,e.value&&(e.value.scrollTop-=h),f=h},_=()=>{w.value="onTouchEnd",Math.abs(f)>.5&&H()},H=()=>{f*=F,e.value&&(e.value.scrollTop-=f),Math.abs(f)>.5&&($=requestAnimationFrame(H))};return xe(()=>{e.value&&(e.value.addEventListener("touchstart",x),e.value.addEventListener("touchmove",C),e.value.addEventListener("touchend",_))}),dt(()=>{e.value&&(e.value.removeEventListener("touchstart",x),e.value.removeEventListener("touchmove",C),e.value.removeEventListener("touchend",_)),$!==null&&cancelAnimationFrame($)}),{currentTouchEvent:w}};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.MAX_SCROLL_PX=720]="MAX_SCROLL_PX",e))(r||{}),We=(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))(We||{}),Ne=(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))(Ne||{}),Ie=(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))(Ie||{}),je=(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))(je||{}),Be=(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))(Be||{});const Bt={class:"relative h-full w-full"},Qt={class:"absolute z-3 top-0 left-0 right-0 w-full"},Ut={key:1},Xt={key:0,class:"relative h-full"},qt=["data-tick-index"],Yt=["data-tick-index"],Jt={key:0,class:"tick-label"},Zt={key:1,class:"relative h-full"},Kt=me({__name:"VLiveTimeline",props:{dateModel:{default:()=>new Date},modifier:{default:0},segment:{default:"0"}},emits:["is-loading","is-scrolling"],setup(e,{emit:$}){const M=e,V=$,{theme:f}=Ct(Ht()),{dateModel:F,modifier:w}=_e(M),x=u(0),C=u(0),_=u(new Date),H=u(0),s=Ce(),i=u(!1),h=u([]),S=u(!1),O=u(0),N=u(0),Q=u(new Date),A=u(0),K=u(0),k=u({timestamp:Date.now(),live:!0}),p=u(null),n=Ce([]),J=u(0),R=u(1);let te,ae;const{y,isScrolling:U}=Lt(p),Se=Oe(p),{width:Qe,height:Ue}=Dt(),Xe=Vt({touch:!1,target:p}),{pressed:Z}=Rt({touch:!1,target:p}),{currentTouchEvent:Te}=jt(p),{mobileActive:Ee}=Re(),ve=Ot(p,!1),le=T(()=>Te.value==="onTouchStart"||Te.value==="onTouchMove"),$e=T(()=>y.value>0?"#0173ff":"#df2a4c"),oe=T(()=>{var d;const a=_.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=s.value)==null?void 0:d.timestamp)||a;return y.value===0&&(o=a),s.value&&(s.value.timestamp=o),{px:l,timestamp:o}}),qe=T(()=>v.value.type==="seconds"),Fe=T(()=>r.HEIGHT*v.value.labelInterval),Ye=T(()=>v.value.pxPerSecond*x.value+K.value),Je=T(()=>v.value.pxPerSecond*x.value-O.value*r.HEIGHT-3+K.value),Ze=T(()=>{let a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r.WIDTH} ${Fe.value}" vector-effect="non-scaling-stroke" stroke-width="${1/(window.devicePixelRatio||1)}px" shape-rendering="crispEdges">`;if(!i.value)for(let l=0;l<v.value.labelInterval;l++){const o=l%v.value.labelInterval==0,d=0,g=o?4:l%v.value.bigTickInterval===0?2:1,m=l*r.HEIGHT+r.HEIGHT/2;a+=`<line x1="${d}" y1="${m}" x2="${2*g}" y2="${m}" stroke="${f.value==="light"?"#5b5b5b":"#888888"}" stroke-opacity="100%"/>`}return a+="</svg>",encodeURIComponent(a)}),Ke=T(()=>{var l;Qe.value,w==null||w.value;const a=(l=p.value)==null?void 0:l.getBoundingClientRect();return Ue.value-((a==null?void 0:a.top)||0)}),v=T(()=>ot(R.value));Y(i,a=>{ve.value=a,V("is-loading",a)}),Y(F,a=>{if(a){if(a.getTime()===oe.value.timestamp)return;a==null||a.setSeconds(0,0),de(a)}}),Y(Xe.y,(a,l)=>{if(Z.value&&a!==l&&p.value){let o=Math.abs(a-l);a<l&&(o=o*-1),p.value.scrollTop=p.value.scrollTop-=o}}),Y(U,a=>{V("is-scrolling",a),!a&&S.value&&(S.value=!1)}),Y(y,(a,l)=>{var g,m;if(a===0&&ne(-h.value.length),a!==l)if(a===0)k.value={timestamp:oe.value.timestamp,live:!0};else{const G=(a-l)*v.value.timeMsPerPx,L=S.value?k.value.timestamp:k.value.timestamp-G;k.value={timestamp:L,live:!1}}const d=(((g=p.value)==null?void 0:g.scrollHeight)||0)-(((m=p.value)==null?void 0:m.clientHeight)||0)-r.OFFSET*r.HEIGHT;a>=d&&ne(r.OFFSET)}),Y(R,async()=>{await pe(),y.value>0&&de(k.value.timestamp)});const et=()=>{R.value!==5&&(U.value||(R.value=(R.value||1)+1))},tt=()=>{R.value!==1&&(U.value||(R.value=(R.value||1)-1))},ke=a=>{var o;const l=(Ke.value||((o=p.value)==null?void 0:o.clientHeight)||0)+r.OFFSET*r.HEIGHT;a!==void 0?J.value+a*r.HEIGHT>=l&&(J.value+=a*r.HEIGHT):J.value=l},ne=(a,l,o)=>{var G;if(a===0)return;const d=Math.abs(a);let g=n.value.length-d,m=a<0;if(l){m||(m=!0,a=-a);for(let L=0;L<d;L++){const D=n.value[0],ue=D.index,I=D.timestamp,X=ue-1,q={index:X,format:v.value.type,timestamp:I+v.value.timeMsPerTick,label:X%v.value.labelInterval==0};n.value.unshift(q)}}if(ke(a),m)g!==0&&d===1?n.value.pop():n.value.splice(g,d),h.value=[];else{const L=(((G=p.value)==null?void 0:G.clientHeight)||0)+r.OFFSET*r.HEIGHT,D=Math.ceil(L/r.HEIGHT),ue=n.value.length>=D?0:D-n.value.length+1;for(let I=0;I<d;I++){const X=n.value[n.value.length-1],ce=X.index+1,ze={index:ce,format:v.value.type,timestamp:X.timestamp-v.value.timeMsPerTick,label:ce%v.value.labelInterval==0};I>=ue&&h.value.push(ze),n.value.push(ze)}}},at=a=>{let l;a&&typeof a!="number"&&(a=a.getTime()),a||(a=_.value.getTime());const o=n.value.map(m=>m.timestamp),d=kt(o,a),g=n.value.find(m=>m.timestamp===d.timestamp);return g&&(l={...g}),l},lt=a=>{typeof a!="number"&&(a=a.getTime());const l=oe.value.timestamp-a,o=new Date(oe.value.timestamp-l);return{y:l/v.value.timeMsPerTick*r.HEIGHT,timestamp:o.getTime()}},ot=a=>{switch(a){case 1:return Be;case 2:return je;case 3:return Ie;case 4:return Ne}return We},st=a=>new Promise(l=>{var X;it();let o=_.value.getTime();a&&(o=typeof a=="object"?a.getTime():a);const d=r.TIME_OFFSET*v.value.timeMsPerTick,g=new Date(o+d),G=rt(g).date.getTime(),L=Math.ceil(J.value/r.HEIGHT);for(let q=0;q<L;q++){const ce={index:q,format:v.value.type,timestamp:G-q*v.value.timeMsPerTick,label:q%v.value.labelInterval==0};n.value.push(ce)}const D=at(o);D&&(A.value=D.timestamp-o,s.value=D,s.value.timestamp=o);let I=(((X=s.value)==null?void 0:X.index)||0)*r.HEIGHT-r.TIME_OFFSET*r.HEIGHT;A.value<0?I+=A.value/v.value.timeMsPerPx:A.value>0&&(I-=A.value/v.value.timeMsPerPx),H.value=-(r.HEIGHT/2)-I,l()}),it=()=>{O.value=0,N.value=0,x.value=0,C.value=0,n.value=[]},rt=a=>{switch(v.value.type){case"seconds":return Ft(a);case"two-minutes":return $t(a);case"fifteen-minutes":return Et(a);case"thirty-minutes":return Tt(a);case"hours":return St(a)}},de=async(a,l="smooth",o=!1)=>{var g;if(a===0){(g=p.value)==null||g.scrollTo({top:0,behavior:"smooth"});return}S.value=o;const d=lt(a).y;if(d>=600){const m=r.OFFSET*v.value.timeMsPerTick,G=m/v.value.timeMsPerPx,L=typeof a=="object"?a.getTime():a;await pe(!0,L+m),S.value=!0,k.value.timestamp=L,he(()=>{var D;return(D=p.value)==null?void 0:D.scrollTo({top:G,behavior:l})});return}he(()=>{var m;return(m=p.value)==null?void 0:m.scrollTo({top:d,behavior:l})})},pe=async(a,l)=>{i.value=!0;const o=()=>{const m=new Date;return m.setMilliseconds(0),m};await new Promise(m=>{const G=new Date,L=1e3-G.getMilliseconds();setTimeout(()=>{new Date().getSeconds()===G.getSeconds()?setTimeout(m,1):m()},L)});const g=o();Q.value=g,_.value=g,mt(),ct(),await st(l||g),i.value=!1},nt=()=>{clearInterval(te),clearInterval(ae)},ut=()=>{const a=new Date;a.setMilliseconds(0),_.value=a,C.value++,!(i.value||ve.value||Z.value||le.value)&&(y.value===0?(x.value=C.value,k.value={timestamp:a.getTime(),live:!0}):y.value>0&&!U.value&&(console.log("updateClock"),x.value++,k.value={timestamp:k.value.timestamp+1e3,live:!1}))},ct=()=>{clearInterval(te),te=setInterval(ut,1e3)},mt=()=>{clearInterval(ae),ae=setInterval(vt,v.value.timeMsPerTick)},vt=()=>{if(i.value||ve.value||Z.value||le.value)return;const a=new Date;a.setMilliseconds(0),Q.value=a,N.value++,y.value===0?(ne(N.value-O.value,!0),s.value&&(s.value.index-=N.value-O.value),O.value=N.value):y.value>0&&!U.value&&(console.log("updateRotateTime"),ne(1,!0),O.value++,s.value&&s.value.index--)};return xe(()=>{i.value=!0,ke(),pe(),i.value=!1}),pt(()=>{nt()}),(a,l)=>(c(),P("div",Bt,[E(Mt,null,{default:z(()=>[ye(E(ie,{disabled:t(i)||t(U)||t(Z)||t(le),icon:"",class:"scroll-to-top z-10",size:"x-small",color:"#df2a4c",onClick:l[0]||(l[0]=o=>de(0))},{default:z(()=>[E(re,{size:"20"},{default:z(()=>[se(B(t(yt)),1)]),_:1})]),_:1},8,["disabled"]),[[ft,!t(k).live]])]),_:1}),b("div",{class:"flex flex-row timeline-btns z-10",style:W({right:t(Ee)?void 0:"20px",bottom:t(Ee)?void 0:"20px"})},[E(ie,{disabled:t(i)||t(R)===1||t(U)||t(Z)||t(le),icon:"",class:"zoom-button",onClick:fe(tt,["prevent"])},{default:z(()=>[E(re,{size:"20"},{default:z(()=>[se(B(t(bt)),1)]),_:1})]),_:1},8,["disabled"]),E(ie,{disabled:t(i)||t(R)===5||t(U)||t(Z)||t(le),icon:"",class:"ml-2 zoom-button",onClick:fe(et,["prevent"])},{default:z(()=>[E(re,{size:"20"},{default:z(()=>[se(B(t(Pt)),1)]),_:1})]),_:1},8,["disabled"])],4),b("div",Qt,[E(At,{active:t(i),indeterminate:t(i),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),b("div",{class:"timeline-annotation z-2",style:W({top:`${t(oe).px}px`,backgroundColor:t($e)})},[b("div",{ref:"annotationLabel",class:"timeline-annotation-label",style:W({backgroundColor:t($e),width:t(i)?"20px":"60px",borderRadius:t(i)?"30px":void 0,left:"9px"})},[t(i)?(c(),j(He,{key:0,indeterminate:"",color:"white",size:"10",width:"2"})):(c(),P("div",Ut,B(t(k).live?"LIVE":t(De)(t(k).timestamp,"HH:mm:ss")),1))],4)],4),b("div",{ref_key:"timeline",ref:p,class:"timeline hide-scrollbar disable-overflow-scroll w-full h-full relative",style:W({cursor:t(i)?"default":t(Z)?"grabbing":"grab"})},[b("div",{class:"timeline-overlay z-1 pointer-events-none",style:W({width:`${t(Se).width.value}px`,height:`${t(Se).height.value}px`})},null,4),a.segment==="0"?(c(),P("div",Xt,[b("div",{class:"timeline-scale",style:W({height:`${t(J)}px`,width:`${t(r).WIDTH}px`,maskImage:`url('data:image/svg+xml,${t(Ze)}')`,maskSize:`${t(r).WIDTH}px ${t(Fe)}px`,maskPosition:`0px ${t(H)+t(Ye)}px`})},null,4),(c(!0),P(be,null,Pe(t(n),(o,d)=>(c(),P("div",{key:o.index,"data-tick-index":o.index,class:"tick-container flex justify-center items-center absolute",style:W({height:`${t(r).HEIGHT}px`,top:`${t(H)+t(Je)+d*t(r).HEIGHT}px`})},[b("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(i)?(c(),P("div",Jt,B(t(De)(o.timestamp,t(qe)?"HH:mm:ss":"HH:mm")),1)):ee("",!0)],8,Yt)],12,qt))),128))])):(c(),P("div",Zt))],4)]))}}),ea=we(Kt,[["__scopeId","data-v-332d20ef"]]),ta={class:"vue-ios13-segmented-control"},aa=["id","name","value"],la=["for"],oa=me({__name:"VSegmentedControl",props:{modelValue:{},segments:{}},emits:["update:modelValue"],setup(e,{emit:$}){const M=e,V=$,f=u(0),{modelValue:F,segments:w}=_e(M),x=T({get(){return F.value},set(s){V("update:modelValue",s)}}),C=T(()=>w.value.findIndex(s=>s.id===F.value)),_=T(()=>{let s=f.value*C.value;return f.value*C.value<0&&(s=0),`transform:translateX(${s}px)`}),H=()=>{he(()=>{const s=document.querySelector(`input[type='radio'][value='${F.value}']`);f.value=s&&s.offsetWidth})};return Y([w,F],()=>{H()},{deep:!0}),Gt(window,"resize",H),(s,i)=>(c(),P("div",ta,[b("span",{class:"selection-pill",style:W(t(_))},null,4),(c(!0),P(be,null,Pe(t(w),h=>(c(),P("div",{key:h.id,class:"option"},[ye(b("input",{id:h.id,"onUpdate:modelValue":i[0]||(i[0]=S=>Ve(x)?x.value=S:null),type:"radio",name:h.title,value:h.id},null,8,aa),[[ht,t(x)]]),b("label",{for:h.id,class:"w-full cursor-pointer"},[b("span",{style:W(t(x)===h.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},B(h.title),5)],8,la)]))),128))]))}}),sa={key:0,class:"w-full flex items-center justify-center mt-10"},ia={class:"flex flex-col justify-center items-center"},ra=me({__name:"VCameraCarousel",props:{showLabel:{type:Boolean,default:!1}},setup(e){const $=new Ge,M=Ae(),V=e,{showLabel:f}=_e(V),F=u({page:1,pageSize:-1}),{data:w,isLoading:x}=$.getCamerasQuery(F),C=T(()=>{var _;return(_=w.value)==null?void 0:_.result.findIndex(H=>H.name===M.params.cameraname)});return(_,H)=>{const s=Me,i=gt("router-link");return t(x)?(c(),P("div",sa,[E(He,{color:"#df2a4c",indeterminate:""})])):(c(),j(Nt,{key:1,"model-value":t(C),class:"mt-3","show-arrows":"",mandatory:"force"},{default:z(()=>{var h;return[(c(!0),P(be,null,Pe(((h=t(w))==null?void 0:h.result)||[],(S,O)=>(c(),j(Wt,{key:S.name,value:O},{default:z(({toggle:N,isSelected:Q})=>[b("div",ia,[E(i,{to:`/cameras/${S.name}`,onClick:N},{default:z(()=>[ye(E(s,{class:"ma-3","current-camera":S.name,"border-radius":8,border:!1,target:"snapshot",style:{width:"140px"}},null,8,["current-camera"]),[[It]])]),_:2},1032,["to","onClick"]),t(f)?(c(),P("div",{key:0,class:ge(["add-transition slide-item-title",{"slide-item-title-active":Q}])},B(S.name||_.$t("general.loading")),3)):ee("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),na=we(ra,[["__scopeId","data-v-ec891350"]]),ua={key:0,class:"flex items-center justify-center w-full h-full"},ca={key:1,class:"w-full h-full"},ma={class:"absolute z-5 left-1 top-2"},va={class:"left-content"},da={key:0,class:"timeline-toggle"},pa={class:"flex flex-col items-center h-full sidebar camera-no-outside"},fa={key:0,class:"sidebar-header px-1 py-3 relative"},ha=me({__name:"Camera",setup(e){const $=new Ge,M=Ae(),{desktopActive:V,mobileActive:f,tabletActive:F,extraSmallMobileActive:w}=Re(),{t:x}=zt.global,C=u(new Date),_=u(),H=u(0),s=u("0"),i=u(!1),h=u(null),S=u(!1),O=u(!1),N=xt([{title:x("views.camera.timeline"),id:"0"},{title:x("views.camera.detections"),id:"1"}]),Q=Oe(_),A=T(()=>M.params.cameraname),{data:K,isLoading:k}=$.getCameraQuery(A);return Y(f,p=>{p&&(i.value=!0)},{immediate:!0}),xe(async()=>{setTimeout(()=>{_.value=document.querySelector(".player-container-main")},100)}),(p,n)=>{const J=Me,R=na,te=oa,ae=ea;return c(),P("main",{class:ge(["w-full h-full",{"p-3":!t(f)}])},[!t(K)||t(k)?(c(),P("div",ua,[E(He,{color:"#df2a4c",indeterminate:""})])):(c(),P("div",ca,[b("div",{class:ge(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(V)}])},[b("div",ma,[t(w)?(c(),j(ie,{key:0,size:"32",icon:"",density:"compact",variant:"elevated",class:"no-drag camera-no-outside opacity-50",onClick:n[0]||(n[0]=fe(y=>p.$router.push("/cameras"),["prevent"]))},{default:z(()=>[E(re,{size:"24"},{default:z(()=>[se(B(t(Le)),1)]),_:1})]),_:1})):ee("",!0)]),b("div",va,[(c(),j(J,{key:t(A),"show-title":"",settings:"",share:"",snapshot:"",target:"stream","current-camera":t(K).name,"timeline-scrolling":t(O)||t(S),"border-radius":t(f)?0:3,"enable-control":"",shortcuts:"",motions:"",objects:"",zones:"","auto-hide-control":!1,"source-role":t(K).interface.streamingSource,onResize:n[1]||(n[1]=y=>H.value=y)},null,8,["current-camera","timeline-scrolling","border-radius","source-role"])),(c(),j(_t,null,[t(f)?ee("",!0):(c(),j(R,{key:0,"show-label":"","focus-index":""}))],1024))]),b("div",{class:"right-content",style:W(t(F)?`height: ${t(Q).height.value}px; width: ${t(Q).width.value/3}px; right: ${t(i)?0:-2-t(Q).width.value/3}px`:"")},[t(F)?(c(),P("div",da,[E(ie,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:n[2]||(n[2]=y=>i.value=!t(i))},{default:z(()=>[E(re,{color:"#fff",size:"20"},{default:z(()=>[se(B(t(i)?t(wt):t(Le)),1)]),_:1})]),_:1})])):ee("",!0),b("div",pa,[!t(f)&&!t(F)?(c(),P("div",fa,[(c(),j(te,{key:t(A),modelValue:t(s),"onUpdate:modelValue":n[3]||(n[3]=y=>Ve(s)?s.value=y:null),segments:t(N)},null,8,["modelValue","segments"]))])):ee("",!0),(c(),j(ae,{key:t(A),ref_key:"timeline",ref:h,"date-model":t(C),modifier:t(H),segment:t(s),onIsScrolling:n[4]||(n[4]=y=>O.value=y),onIsLoading:n[5]||(n[5]=y=>S.value=y)},null,8,["date-model","modifier","segment"]))])],4)],2)]))],2)}}}),el=we(ha,[["__scopeId","data-v-fbb71542"]]);export{el as default};
+import{r as u,x as xe,P as dt,G as me,t as _e,D as Ce,c as T,w as Y,O as pt,b as c,d as P,R as E,ab as z,e as ye,v as ft,u as t,a7 as se,a9 as B,f as b,p as fe,ac as W,aa as j,Q as be,ad as Pe,k as ee,n as he,aj as ht,i as Ve,a5 as gt,g as ge,E as xt,ak as _t}from"./@vue.2olsU3zX.0.0.34-alpha.6.js";import{D as yt,E as bt,F as Pt,C as Le,G as wt}from"./@mdi.C1UTQKuc.0.0.34-alpha.6.js";import{a as Ht,f as Re,k as De,l as St,m as Tt,n as Et,o as $t,p as Ft,q as kt,d as we,i as zt}from"./main.CjELdG9A.0.0.34-alpha.6.js";import{s as Ct}from"./pinia.CBIup3aH.0.0.34-alpha.6.js";import{k as Lt,j as Oe,e as Dt,l as Vt,m as Rt,n as Ot,p as Gt}from"./@vueuse.D9NHhWYc.0.0.34-alpha.6.js";import{b as ie,e as re,B as Mt,C as At,V as He,D as Wt,E as Nt,R as It}from"./vuetify.dlIDGkOi.0.0.34-alpha.6.js";import{C as Ge,_ as Me}from"./VPlayer.CUKkadJU.0.0.34-alpha.6.js";import{u as Ae}from"./vue-router.DbntwPAd.0.0.34-alpha.6.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.6.js";import"./hookable.B8xFkYCm.0.0.34-alpha.6.js";import"./vue3-toastify.B0t5Ra1T.0.0.34-alpha.6.js";import"./vue-i18n.DvwV0jjJ.0.0.34-alpha.6.js";import"./@intlify.DXtFJcML.0.0.34-alpha.6.js";import"./axios.C-n2IhIP.0.0.34-alpha.6.js";import"./@tanstack.COISQUaa.0.0.34-alpha.6.js";import"./vee-validate.CghN0yPF.0.0.34-alpha.6.js";import"./@vee-validate.vQEQxxhx.0.0.34-alpha.6.js";import"./zod.DnW1_kUe.0.0.34-alpha.6.js";import"./uuid.DvF23Exx.0.0.34-alpha.6.js";import"./socket.io-client.Ba2QhaSK.0.0.34-alpha.6.js";import"./engine.io-client.CMjMz_QZ.0.0.34-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.6.js";import"./socket.io-parser.CT0tlhnF.0.0.34-alpha.6.js";import"./rxjs.DKQuv6LI.0.0.34-alpha.6.js";import"./tslib.9k7AwCpt.0.0.34-alpha.6.js";import"./vue-inline-svg.DXN-QH0U.0.0.34-alpha.6.js";import"./nprogress.CO0HPuzU.0.0.34-alpha.6.js";import"./@xterm.DqCFPTCA.0.0.34-alpha.6.js";import"./qrcode.BgXQ059Y.0.0.34-alpha.6.js";import"./dijkstrajs.D_NXgYpA.0.0.34-alpha.6.js";import"./plugins.DkVCVMms.0.0.34-alpha.6.js";import"./draggabilly.CzAcRWAL.0.0.34-alpha.6.js";import"./get-size.D1dS-IaP.0.0.34-alpha.6.js";import"./unidragger.bJ3WxeD3.0.0.34-alpha.6.js";import"./ev-emitter.DdBIoR-C.0.0.34-alpha.6.js";import"./VConsole.DNiPpzW6.0.0.34-alpha.6.js";const jt=e=>{let $=null,M=0,V=0,f=0;const F=.95,w=u(),x=s=>{w.value="onTouchStart",$!==null&&(cancelAnimationFrame($),$=null),M=s.touches[0].pageY,V=M},C=s=>{w.value="onTouchMove";const i=s.touches[0].pageY,h=i-V;V=i,e.value&&(e.value.scrollTop-=h),f=h},_=()=>{w.value="onTouchEnd",Math.abs(f)>.5&&H()},H=()=>{f*=F,e.value&&(e.value.scrollTop-=f),Math.abs(f)>.5&&($=requestAnimationFrame(H))};return xe(()=>{e.value&&(e.value.addEventListener("touchstart",x),e.value.addEventListener("touchmove",C),e.value.addEventListener("touchend",_))}),dt(()=>{e.value&&(e.value.removeEventListener("touchstart",x),e.value.removeEventListener("touchmove",C),e.value.removeEventListener("touchend",_)),$!==null&&cancelAnimationFrame($)}),{currentTouchEvent:w}};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.MAX_SCROLL_PX=720]="MAX_SCROLL_PX",e))(r||{}),We=(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))(We||{}),Ne=(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))(Ne||{}),Ie=(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))(Ie||{}),je=(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))(je||{}),Be=(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))(Be||{});const Bt={class:"relative h-full w-full"},Qt={class:"absolute z-3 top-0 left-0 right-0 w-full"},Ut={key:1},Xt={key:0,class:"relative h-full"},qt=["data-tick-index"],Yt=["data-tick-index"],Jt={key:0,class:"tick-label"},Zt={key:1,class:"relative h-full"},Kt=me({__name:"VLiveTimeline",props:{dateModel:{default:()=>new Date},modifier:{default:0},segment:{default:"0"}},emits:["is-loading","is-scrolling"],setup(e,{emit:$}){const M=e,V=$,{theme:f}=Ct(Ht()),{dateModel:F,modifier:w}=_e(M),x=u(0),C=u(0),_=u(new Date),H=u(0),s=Ce(),i=u(!1),h=u([]),S=u(!1),O=u(0),N=u(0),Q=u(new Date),A=u(0),K=u(0),k=u({timestamp:Date.now(),live:!0}),p=u(null),n=Ce([]),J=u(0),R=u(1);let te,ae;const{y,isScrolling:U}=Lt(p),Se=Oe(p),{width:Qe,height:Ue}=Dt(),Xe=Vt({touch:!1,target:p}),{pressed:Z}=Rt({touch:!1,target:p}),{currentTouchEvent:Te}=jt(p),{mobileActive:Ee}=Re(),ve=Ot(p,!1),le=T(()=>Te.value==="onTouchStart"||Te.value==="onTouchMove"),$e=T(()=>y.value>0?"#0173ff":"#df2a4c"),oe=T(()=>{var d;const a=_.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=s.value)==null?void 0:d.timestamp)||a;return y.value===0&&(o=a),s.value&&(s.value.timestamp=o),{px:l,timestamp:o}}),qe=T(()=>v.value.type==="seconds"),Fe=T(()=>r.HEIGHT*v.value.labelInterval),Ye=T(()=>v.value.pxPerSecond*x.value+K.value),Je=T(()=>v.value.pxPerSecond*x.value-O.value*r.HEIGHT-3+K.value),Ze=T(()=>{let a=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${r.WIDTH} ${Fe.value}" vector-effect="non-scaling-stroke" stroke-width="${1/(window.devicePixelRatio||1)}px" shape-rendering="crispEdges">`;if(!i.value)for(let l=0;l<v.value.labelInterval;l++){const o=l%v.value.labelInterval==0,d=0,g=o?4:l%v.value.bigTickInterval===0?2:1,m=l*r.HEIGHT+r.HEIGHT/2;a+=`<line x1="${d}" y1="${m}" x2="${2*g}" y2="${m}" stroke="${f.value==="light"?"#5b5b5b":"#888888"}" stroke-opacity="100%"/>`}return a+="</svg>",encodeURIComponent(a)}),Ke=T(()=>{var l;Qe.value,w==null||w.value;const a=(l=p.value)==null?void 0:l.getBoundingClientRect();return Ue.value-((a==null?void 0:a.top)||0)}),v=T(()=>ot(R.value));Y(i,a=>{ve.value=a,V("is-loading",a)}),Y(F,a=>{if(a){if(a.getTime()===oe.value.timestamp)return;a==null||a.setSeconds(0,0),de(a)}}),Y(Xe.y,(a,l)=>{if(Z.value&&a!==l&&p.value){let o=Math.abs(a-l);a<l&&(o=o*-1),p.value.scrollTop=p.value.scrollTop-=o}}),Y(U,a=>{V("is-scrolling",a),!a&&S.value&&(S.value=!1)}),Y(y,(a,l)=>{var g,m;if(a===0&&ne(-h.value.length),a!==l)if(a===0)k.value={timestamp:oe.value.timestamp,live:!0};else{const G=(a-l)*v.value.timeMsPerPx,L=S.value?k.value.timestamp:k.value.timestamp-G;k.value={timestamp:L,live:!1}}const d=(((g=p.value)==null?void 0:g.scrollHeight)||0)-(((m=p.value)==null?void 0:m.clientHeight)||0)-r.OFFSET*r.HEIGHT;a>=d&&ne(r.OFFSET)}),Y(R,async()=>{await pe(),y.value>0&&de(k.value.timestamp)});const et=()=>{R.value!==5&&(U.value||(R.value=(R.value||1)+1))},tt=()=>{R.value!==1&&(U.value||(R.value=(R.value||1)-1))},ke=a=>{var o;const l=(Ke.value||((o=p.value)==null?void 0:o.clientHeight)||0)+r.OFFSET*r.HEIGHT;a!==void 0?J.value+a*r.HEIGHT>=l&&(J.value+=a*r.HEIGHT):J.value=l},ne=(a,l,o)=>{var G;if(a===0)return;const d=Math.abs(a);let g=n.value.length-d,m=a<0;if(l){m||(m=!0,a=-a);for(let L=0;L<d;L++){const D=n.value[0],ue=D.index,I=D.timestamp,X=ue-1,q={index:X,format:v.value.type,timestamp:I+v.value.timeMsPerTick,label:X%v.value.labelInterval==0};n.value.unshift(q)}}if(ke(a),m)g!==0&&d===1?n.value.pop():n.value.splice(g,d),h.value=[];else{const L=(((G=p.value)==null?void 0:G.clientHeight)||0)+r.OFFSET*r.HEIGHT,D=Math.ceil(L/r.HEIGHT),ue=n.value.length>=D?0:D-n.value.length+1;for(let I=0;I<d;I++){const X=n.value[n.value.length-1],ce=X.index+1,ze={index:ce,format:v.value.type,timestamp:X.timestamp-v.value.timeMsPerTick,label:ce%v.value.labelInterval==0};I>=ue&&h.value.push(ze),n.value.push(ze)}}},at=a=>{let l;a&&typeof a!="number"&&(a=a.getTime()),a||(a=_.value.getTime());const o=n.value.map(m=>m.timestamp),d=kt(o,a),g=n.value.find(m=>m.timestamp===d.timestamp);return g&&(l={...g}),l},lt=a=>{typeof a!="number"&&(a=a.getTime());const l=oe.value.timestamp-a,o=new Date(oe.value.timestamp-l);return{y:l/v.value.timeMsPerTick*r.HEIGHT,timestamp:o.getTime()}},ot=a=>{switch(a){case 1:return Be;case 2:return je;case 3:return Ie;case 4:return Ne}return We},st=a=>new Promise(l=>{var X;it();let o=_.value.getTime();a&&(o=typeof a=="object"?a.getTime():a);const d=r.TIME_OFFSET*v.value.timeMsPerTick,g=new Date(o+d),G=rt(g).date.getTime(),L=Math.ceil(J.value/r.HEIGHT);for(let q=0;q<L;q++){const ce={index:q,format:v.value.type,timestamp:G-q*v.value.timeMsPerTick,label:q%v.value.labelInterval==0};n.value.push(ce)}const D=at(o);D&&(A.value=D.timestamp-o,s.value=D,s.value.timestamp=o);let I=(((X=s.value)==null?void 0:X.index)||0)*r.HEIGHT-r.TIME_OFFSET*r.HEIGHT;A.value<0?I+=A.value/v.value.timeMsPerPx:A.value>0&&(I-=A.value/v.value.timeMsPerPx),H.value=-(r.HEIGHT/2)-I,l()}),it=()=>{O.value=0,N.value=0,x.value=0,C.value=0,n.value=[]},rt=a=>{switch(v.value.type){case"seconds":return Ft(a);case"two-minutes":return $t(a);case"fifteen-minutes":return Et(a);case"thirty-minutes":return Tt(a);case"hours":return St(a)}},de=async(a,l="smooth",o=!1)=>{var g;if(a===0){(g=p.value)==null||g.scrollTo({top:0,behavior:"smooth"});return}S.value=o;const d=lt(a).y;if(d>=600){const m=r.OFFSET*v.value.timeMsPerTick,G=m/v.value.timeMsPerPx,L=typeof a=="object"?a.getTime():a;await pe(!0,L+m),S.value=!0,k.value.timestamp=L,he(()=>{var D;return(D=p.value)==null?void 0:D.scrollTo({top:G,behavior:l})});return}he(()=>{var m;return(m=p.value)==null?void 0:m.scrollTo({top:d,behavior:l})})},pe=async(a,l)=>{i.value=!0;const o=()=>{const m=new Date;return m.setMilliseconds(0),m};await new Promise(m=>{const G=new Date,L=1e3-G.getMilliseconds();setTimeout(()=>{new Date().getSeconds()===G.getSeconds()?setTimeout(m,1):m()},L)});const g=o();Q.value=g,_.value=g,mt(),ct(),await st(l||g),i.value=!1},nt=()=>{clearInterval(te),clearInterval(ae)},ut=()=>{const a=new Date;a.setMilliseconds(0),_.value=a,C.value++,!(i.value||ve.value||Z.value||le.value)&&(y.value===0?(x.value=C.value,k.value={timestamp:a.getTime(),live:!0}):y.value>0&&!U.value&&(console.log("updateClock"),x.value++,k.value={timestamp:k.value.timestamp+1e3,live:!1}))},ct=()=>{clearInterval(te),te=setInterval(ut,1e3)},mt=()=>{clearInterval(ae),ae=setInterval(vt,v.value.timeMsPerTick)},vt=()=>{if(i.value||ve.value||Z.value||le.value)return;const a=new Date;a.setMilliseconds(0),Q.value=a,N.value++,y.value===0?(ne(N.value-O.value,!0),s.value&&(s.value.index-=N.value-O.value),O.value=N.value):y.value>0&&!U.value&&(console.log("updateRotateTime"),ne(1,!0),O.value++,s.value&&s.value.index--)};return xe(()=>{i.value=!0,ke(),pe(),i.value=!1}),pt(()=>{nt()}),(a,l)=>(c(),P("div",Bt,[E(Mt,null,{default:z(()=>[ye(E(ie,{disabled:t(i)||t(U)||t(Z)||t(le),icon:"",class:"scroll-to-top z-10",size:"x-small",color:"#df2a4c",onClick:l[0]||(l[0]=o=>de(0))},{default:z(()=>[E(re,{size:"20"},{default:z(()=>[se(B(t(yt)),1)]),_:1})]),_:1},8,["disabled"]),[[ft,!t(k).live]])]),_:1}),b("div",{class:"flex flex-row timeline-btns z-10",style:W({right:t(Ee)?void 0:"20px",bottom:t(Ee)?void 0:"20px"})},[E(ie,{disabled:t(i)||t(R)===1||t(U)||t(Z)||t(le),icon:"",class:"zoom-button",onClick:fe(tt,["prevent"])},{default:z(()=>[E(re,{size:"20"},{default:z(()=>[se(B(t(bt)),1)]),_:1})]),_:1},8,["disabled"]),E(ie,{disabled:t(i)||t(R)===5||t(U)||t(Z)||t(le),icon:"",class:"ml-2 zoom-button",onClick:fe(et,["prevent"])},{default:z(()=>[E(re,{size:"20"},{default:z(()=>[se(B(t(Pt)),1)]),_:1})]),_:1},8,["disabled"])],4),b("div",Qt,[E(At,{active:t(i),indeterminate:t(i),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),b("div",{class:"timeline-annotation z-2",style:W({top:`${t(oe).px}px`,backgroundColor:t($e)})},[b("div",{ref:"annotationLabel",class:"timeline-annotation-label",style:W({backgroundColor:t($e),width:t(i)?"20px":"60px",borderRadius:t(i)?"30px":void 0,left:"9px"})},[t(i)?(c(),j(He,{key:0,indeterminate:"",color:"white",size:"10",width:"2"})):(c(),P("div",Ut,B(t(k).live?"LIVE":t(De)(t(k).timestamp,"HH:mm:ss")),1))],4)],4),b("div",{ref_key:"timeline",ref:p,class:"timeline hide-scrollbar disable-overflow-scroll w-full h-full relative",style:W({cursor:t(i)?"default":t(Z)?"grabbing":"grab"})},[b("div",{class:"timeline-overlay z-1 pointer-events-none",style:W({width:`${t(Se).width.value}px`,height:`${t(Se).height.value}px`})},null,4),a.segment==="0"?(c(),P("div",Xt,[b("div",{class:"timeline-scale",style:W({height:`${t(J)}px`,width:`${t(r).WIDTH}px`,maskImage:`url('data:image/svg+xml,${t(Ze)}')`,maskSize:`${t(r).WIDTH}px ${t(Fe)}px`,maskPosition:`0px ${t(H)+t(Ye)}px`})},null,4),(c(!0),P(be,null,Pe(t(n),(o,d)=>(c(),P("div",{key:o.index,"data-tick-index":o.index,class:"tick-container flex justify-center items-center absolute",style:W({height:`${t(r).HEIGHT}px`,top:`${t(H)+t(Je)+d*t(r).HEIGHT}px`})},[b("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(i)?(c(),P("div",Jt,B(t(De)(o.timestamp,t(qe)?"HH:mm:ss":"HH:mm")),1)):ee("",!0)],8,Yt)],12,qt))),128))])):(c(),P("div",Zt))],4)]))}}),ea=we(Kt,[["__scopeId","data-v-332d20ef"]]),ta={class:"vue-ios13-segmented-control"},aa=["id","name","value"],la=["for"],oa=me({__name:"VSegmentedControl",props:{modelValue:{},segments:{}},emits:["update:modelValue"],setup(e,{emit:$}){const M=e,V=$,f=u(0),{modelValue:F,segments:w}=_e(M),x=T({get(){return F.value},set(s){V("update:modelValue",s)}}),C=T(()=>w.value.findIndex(s=>s.id===F.value)),_=T(()=>{let s=f.value*C.value;return f.value*C.value<0&&(s=0),`transform:translateX(${s}px)`}),H=()=>{he(()=>{const s=document.querySelector(`input[type='radio'][value='${F.value}']`);f.value=s&&s.offsetWidth})};return Y([w,F],()=>{H()},{deep:!0}),Gt(window,"resize",H),(s,i)=>(c(),P("div",ta,[b("span",{class:"selection-pill",style:W(t(_))},null,4),(c(!0),P(be,null,Pe(t(w),h=>(c(),P("div",{key:h.id,class:"option"},[ye(b("input",{id:h.id,"onUpdate:modelValue":i[0]||(i[0]=S=>Ve(x)?x.value=S:null),type:"radio",name:h.title,value:h.id},null,8,aa),[[ht,t(x)]]),b("label",{for:h.id,class:"w-full cursor-pointer"},[b("span",{style:W(t(x)===h.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},B(h.title),5)],8,la)]))),128))]))}}),sa={key:0,class:"w-full flex items-center justify-center mt-10"},ia={class:"flex flex-col justify-center items-center"},ra=me({__name:"VCameraCarousel",props:{showLabel:{type:Boolean,default:!1}},setup(e){const $=new Ge,M=Ae(),V=e,{showLabel:f}=_e(V),F=u({page:1,pageSize:-1}),{data:w,isLoading:x}=$.getCamerasQuery(F),C=T(()=>{var _;return(_=w.value)==null?void 0:_.result.findIndex(H=>H.name===M.params.cameraname)});return(_,H)=>{const s=Me,i=gt("router-link");return t(x)?(c(),P("div",sa,[E(He,{color:"#df2a4c",indeterminate:""})])):(c(),j(Nt,{key:1,"model-value":t(C),class:"mt-3","show-arrows":"",mandatory:"force"},{default:z(()=>{var h;return[(c(!0),P(be,null,Pe(((h=t(w))==null?void 0:h.result)||[],(S,O)=>(c(),j(Wt,{key:S.name,value:O},{default:z(({toggle:N,isSelected:Q})=>[b("div",ia,[E(i,{to:`/cameras/${S.name}`,onClick:N},{default:z(()=>[ye(E(s,{class:"ma-3","current-camera":S.name,"border-radius":8,border:!1,target:"snapshot",style:{width:"140px"}},null,8,["current-camera"]),[[It]])]),_:2},1032,["to","onClick"]),t(f)?(c(),P("div",{key:0,class:ge(["add-transition slide-item-title",{"slide-item-title-active":Q}])},B(S.name||_.$t("general.loading")),3)):ee("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),na=we(ra,[["__scopeId","data-v-ec891350"]]),ua={key:0,class:"flex items-center justify-center w-full h-full"},ca={key:1,class:"w-full h-full"},ma={class:"absolute z-5 left-1 top-2"},va={class:"left-content"},da={key:0,class:"timeline-toggle"},pa={class:"flex flex-col items-center h-full sidebar camera-no-outside"},fa={key:0,class:"sidebar-header px-1 py-3 relative"},ha=me({__name:"Camera",setup(e){const $=new Ge,M=Ae(),{desktopActive:V,mobileActive:f,tabletActive:F,extraSmallMobileActive:w}=Re(),{t:x}=zt.global,C=u(new Date),_=u(),H=u(0),s=u("0"),i=u(!1),h=u(null),S=u(!1),O=u(!1),N=xt([{title:x("views.camera.timeline"),id:"0"},{title:x("views.camera.detections"),id:"1"}]),Q=Oe(_),A=T(()=>M.params.cameraname),{data:K,isLoading:k}=$.getCameraQuery(A);return Y(f,p=>{p&&(i.value=!0)},{immediate:!0}),xe(async()=>{setTimeout(()=>{_.value=document.querySelector(".player-container-main")},100)}),(p,n)=>{const J=Me,R=na,te=oa,ae=ea;return c(),P("main",{class:ge(["w-full h-full",{"p-3":!t(f)}])},[!t(K)||t(k)?(c(),P("div",ua,[E(He,{color:"#df2a4c",indeterminate:""})])):(c(),P("div",ca,[b("div",{class:ge(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(V)}])},[b("div",ma,[t(w)?(c(),j(ie,{key:0,size:"32",icon:"",density:"compact",variant:"elevated",class:"no-drag camera-no-outside opacity-50",onClick:n[0]||(n[0]=fe(y=>p.$router.push("/cameras"),["prevent"]))},{default:z(()=>[E(re,{size:"24"},{default:z(()=>[se(B(t(Le)),1)]),_:1})]),_:1})):ee("",!0)]),b("div",va,[(c(),j(J,{key:t(A),"show-title":"",settings:"",share:"",snapshot:"",target:"stream","current-camera":t(K).name,"timeline-scrolling":t(O)||t(S),"border-radius":t(f)?0:3,"enable-control":"",shortcuts:"",motions:"",objects:"",zones:"","auto-hide-control":!1,"source-role":t(K).interface.streamingSource,onResize:n[1]||(n[1]=y=>H.value=y)},null,8,["current-camera","timeline-scrolling","border-radius","source-role"])),(c(),j(_t,null,[t(f)?ee("",!0):(c(),j(R,{key:0,"show-label":"","focus-index":""}))],1024))]),b("div",{class:"right-content",style:W(t(F)?`height: ${t(Q).height.value}px; width: ${t(Q).width.value/3}px; right: ${t(i)?0:-2-t(Q).width.value/3}px`:"")},[t(F)?(c(),P("div",da,[E(ie,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:n[2]||(n[2]=y=>i.value=!t(i))},{default:z(()=>[E(re,{color:"#fff",size:"20"},{default:z(()=>[se(B(t(i)?t(wt):t(Le)),1)]),_:1})]),_:1})])):ee("",!0),b("div",pa,[!t(f)&&!t(F)?(c(),P("div",fa,[(c(),j(te,{key:t(A),modelValue:t(s),"onUpdate:modelValue":n[3]||(n[3]=y=>Ve(s)?s.value=y:null),segments:t(N)},null,8,["modelValue","segments"]))])):ee("",!0),(c(),j(ae,{key:t(A),ref_key:"timeline",ref:h,"date-model":t(C),modifier:t(H),segment:t(s),onIsScrolling:n[4]||(n[4]=y=>O.value=y),onIsLoading:n[5]||(n[5]=y=>S.value=y)},null,8,["date-model","modifier","segment"]))])],4)],2)]))],2)}}}),el=we(ha,[["__scopeId","data-v-fbb71542"]]);export{el as default};

package/dist/interface/{Cameras.gBiSkHZR.0.0.34-alpha.4.js → Cameras.DjwMkoT7.0.0.34-alpha.6.js}

@@ -1 +1 @@
-import{C as j,_ as I}from"./VPlayer.DUNwZEpc.0.0.34-alpha.4.js";import{e as L,d as M,f as N,h as Q,j as T}from"./main.2HASoNLf.0.0.34-alpha.4.js";import{s as D}from"./utils.mAKpSMLY.0.0.34-alpha.4.js";import{j as G}from"./@vueuse.C5t4Wg1V.0.0.34-alpha.4.js";import{A as B,R as O,e as P,b as F}from"./vuetify.CWmFhFZT.0.0.34-alpha.4.js";import{G as R,t as K,r as E,c as C,x as U,b as t,d as s,u as e,Q as h,ad as g,R as i,f as m,a9 as d,e as q,k as _,g as u,ab as $,_ as H,ac as z,aa as J,a7 as W}from"./@vue.38WdTUyF.0.0.34-alpha.4.js";import{e as X}from"./@mdi.C1UTQKuc.0.0.34-alpha.4.js";import{s as Y}from"./pinia.Dye_uuQS.0.0.34-alpha.4.js";import"./qrcode.DpdrUpsD.0.0.34-alpha.4.js";import"./dijkstrajs.D_NXgYpA.0.0.34-alpha.4.js";import"./vee-validate.BbFAArYk.0.0.34-alpha.4.js";import"./zod.DnW1_kUe.0.0.34-alpha.4.js";import"./@vee-validate.Cd0PG5JL.0.0.34-alpha.4.js";import"./vue3-toastify.Q4LBRehM.0.0.34-alpha.4.js";import"./plugins.DrzRqqj1.0.0.34-alpha.4.js";import"./@tanstack.B8dQBg4b.0.0.34-alpha.4.js";import"./draggabilly.BMe74e1L.0.0.34-alpha.4.js";import"./@xterm.dNDqC2Qx.0.0.34-alpha.4.js";import"./get-size.D1dS-IaP.0.0.34-alpha.4.js";import"./unidragger.Cj4g6i_z.0.0.34-alpha.4.js";import"./ev-emitter.ugXzzJzv.0.0.34-alpha.4.js";import"./vue-router.DDrhhYTH.0.0.34-alpha.4.js";import"./VConsole.DRD2SXa_.0.0.34-alpha.4.js";import"./vue-i18n.BhYwipWO.0.0.34-alpha.4.js";import"./@intlify.DXtFJcML.0.0.34-alpha.4.js";import"./axios.C-n2IhIP.0.0.34-alpha.4.js";import"./uuid.DvF23Exx.0.0.34-alpha.4.js";import"./socket.io-client.CDWOo7bs.0.0.34-alpha.4.js";import"./engine.io-client.CEf8giGf.0.0.34-alpha.4.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.4.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.4.js";import"./socket.io-parser.nV5rgBGd.0.0.34-alpha.4.js";import"./rxjs.pmJBk3Sg.0.0.34-alpha.4.js";import"./tslib.9k7AwCpt.0.0.34-alpha.4.js";import"./vue-inline-svg.KV3n1JVk.0.0.34-alpha.4.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.4.js";import"./hookable.B8xFkYCm.0.0.34-alpha.4.js";import"./nprogress.BqUgJKe9.0.0.34-alpha.4.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=R({__name:"VCameraEvents",props:{showAll:{type:Boolean,default:!1},camera:{}},setup(V){const y=V,{camera:a,showAll:f}=K(y),p=E(!0),l=E(null),x=G(l),n=C(()=>{const o=[];for(let r=0;r<50;r++)o.push({camera:"Kamera 1",title:"Event 1",type:"motion",timestamp:Date.now(),image:void 0});return o}),w=C(()=>f.value||n.value.some(o=>o.camera===(a==null?void 0:a.value))),c=C(()=>Math.ceil(x.width.value/150)),S=o=>{console.log(o)},k=o=>!!(f.value||a!=null&&a.value&&o===a.value);return U(async()=>{await D(1500),p.value=!1}),(o,r)=>{const A=L;return t(),s("div",{ref_key:"main",ref:l,class:"camera-events-container"},[e(p)?(t(),s("div",Z,[(t(!0),s(h,null,g(e(c),(v,b)=>(t(),s("div",{key:b,class:"mx-1 flex flex-col justify-center items-center"},[i(B,{elevation:1,height:"140px",type:"image",class:"camera-event-card"}),i(B,{elevation:0,type:"text",style:{background:"none"}})]))),128))])):!e(p)&&(!e(w)||!e(n).length)?(t(),s("div",ee,[m("span",null,d(o.$t("components.camera_events.no_events")),1)])):(t(),s("div",te,[(t(!0),s(h,null,g(e(n),(v,b)=>(t(),s("div",{key:b,class:"mx-1 text-center"},[k(v.camera)?q((t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:ce=>S(v)},[i(A,{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)),[[O]]):_("",!0),r[0]||(r[0]=m("span",{class:"text-sm text-passive"},"12:01:45",-1))]))),128))]))],512)}}}),oe=M(ae,[["__scopeId","data-v-ebd7b0ef"]]),re={class:"page-title"},ne={class:"page-title"},ie={key:"new-camera",class:"w-full flex justify-center items-center mt-3"},le=R({__name:"Cameras",setup(V){const y=new j,{smallMobileActive:a,extraSmallMobileActive:f}=N(),p=Q(),{uiSettings:l}=Y(p),x=E({page:1,pageSize:-1}),{data:n,isLoading:w}=y.getCamerasQuery(x);return(c,S)=>{const k=oe,o=I;return t(),s("main",{class:u(["w-full h-full",{"px-0":e(a)}])},[e(l).cameras.showEvents?(t(),s("div",{key:0,class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[m("h1",re,d(c.$t("views.cameras.events")),1)],2)):_("",!0),e(l).cameras.showEvents?(t(),s("div",{key:1,class:u(["w-full mb-3",{"px-2":e(a)}])},[i(k,{"show-all":""})],2)):_("",!0),m("div",{class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[m("h1",ne,d(c.$t(`views.${String(c.$route.name).toLowerCase()}.title`)),1)],2),i(H,{name:"fade",tag:"div"},{default:$(()=>[e(w)||!e(n)?(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,r=>i(B,{key:r,elevation:1,type:"image",class:"w-full h-full aspect-video"})),64))],4)):e(n).result.length?(t(),s("div",{key:2,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr)) ${e(n).result.length===1?"50%":""}`)},[(t(!0),s(h,null,g(e(n).result,r=>(t(),s("div",{key:r.name,class:"relative item"},[i(o,{"absolute-title":"","show-title":"","show-tooltips":!1,"clickable-title":"","clickable-container":"","refresh-snapshot":"",logs:"",settings:"","current-camera":r.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(c.$t("views.cameras.no_cameras")),3)),m("div",ie,[e(T)(void 0,"admin")&&(!e(l).interface.showBottomBarOnMobile||e(l).interface.showBottomBarOnMobile&&!e(f))?(t(),J(F,{key:0,to:"/new-camera",variant:"text",color:"#df2a4c",icon:""},{default:$(()=>[i(P,{size:"30"},{default:$(()=>[W(d(e(X)),1)]),_:1})]),_:1})):_("",!0)])]),_:1})],2)}}}),He=M(le,[["__scopeId","data-v-2dbd6dd3"]]);export{He as default};
+import{C as j,_ as I}from"./VPlayer.CUKkadJU.0.0.34-alpha.6.js";import{e as L,d as M,f as N,h as Q,j as T}from"./main.CjELdG9A.0.0.34-alpha.6.js";import{s as D}from"./utils.mAKpSMLY.0.0.34-alpha.6.js";import{j as G}from"./@vueuse.D9NHhWYc.0.0.34-alpha.6.js";import{A as B,R as O,e as P,b as F}from"./vuetify.dlIDGkOi.0.0.34-alpha.6.js";import{G as R,t as K,r as E,c as C,x as U,b as t,d as s,u as e,Q as h,ad as g,R as i,f as m,a9 as d,e as q,k as _,g as u,ab as $,_ as H,ac as z,aa as J,a7 as W}from"./@vue.2olsU3zX.0.0.34-alpha.6.js";import{e as X}from"./@mdi.C1UTQKuc.0.0.34-alpha.6.js";import{s as Y}from"./pinia.CBIup3aH.0.0.34-alpha.6.js";import"./qrcode.BgXQ059Y.0.0.34-alpha.6.js";import"./dijkstrajs.D_NXgYpA.0.0.34-alpha.6.js";import"./vee-validate.CghN0yPF.0.0.34-alpha.6.js";import"./zod.DnW1_kUe.0.0.34-alpha.6.js";import"./@vee-validate.vQEQxxhx.0.0.34-alpha.6.js";import"./vue3-toastify.B0t5Ra1T.0.0.34-alpha.6.js";import"./plugins.DkVCVMms.0.0.34-alpha.6.js";import"./@tanstack.COISQUaa.0.0.34-alpha.6.js";import"./draggabilly.CzAcRWAL.0.0.34-alpha.6.js";import"./@xterm.DqCFPTCA.0.0.34-alpha.6.js";import"./get-size.D1dS-IaP.0.0.34-alpha.6.js";import"./unidragger.bJ3WxeD3.0.0.34-alpha.6.js";import"./ev-emitter.DdBIoR-C.0.0.34-alpha.6.js";import"./vue-router.DbntwPAd.0.0.34-alpha.6.js";import"./VConsole.DNiPpzW6.0.0.34-alpha.6.js";import"./vue-i18n.DvwV0jjJ.0.0.34-alpha.6.js";import"./@intlify.DXtFJcML.0.0.34-alpha.6.js";import"./axios.C-n2IhIP.0.0.34-alpha.6.js";import"./uuid.DvF23Exx.0.0.34-alpha.6.js";import"./socket.io-client.Ba2QhaSK.0.0.34-alpha.6.js";import"./engine.io-client.CMjMz_QZ.0.0.34-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.6.js";import"./socket.io-parser.CT0tlhnF.0.0.34-alpha.6.js";import"./rxjs.DKQuv6LI.0.0.34-alpha.6.js";import"./tslib.9k7AwCpt.0.0.34-alpha.6.js";import"./vue-inline-svg.DXN-QH0U.0.0.34-alpha.6.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.6.js";import"./hookable.B8xFkYCm.0.0.34-alpha.6.js";import"./nprogress.CO0HPuzU.0.0.34-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=R({__name:"VCameraEvents",props:{showAll:{type:Boolean,default:!1},camera:{}},setup(V){const y=V,{camera:a,showAll:f}=K(y),p=E(!0),l=E(null),x=G(l),n=C(()=>{const o=[];for(let r=0;r<50;r++)o.push({camera:"Kamera 1",title:"Event 1",type:"motion",timestamp:Date.now(),image:void 0});return o}),w=C(()=>f.value||n.value.some(o=>o.camera===(a==null?void 0:a.value))),c=C(()=>Math.ceil(x.width.value/150)),S=o=>{console.log(o)},k=o=>!!(f.value||a!=null&&a.value&&o===a.value);return U(async()=>{await D(1500),p.value=!1}),(o,r)=>{const A=L;return t(),s("div",{ref_key:"main",ref:l,class:"camera-events-container"},[e(p)?(t(),s("div",Z,[(t(!0),s(h,null,g(e(c),(v,b)=>(t(),s("div",{key:b,class:"mx-1 flex flex-col justify-center items-center"},[i(B,{elevation:1,height:"140px",type:"image",class:"camera-event-card"}),i(B,{elevation:0,type:"text",style:{background:"none"}})]))),128))])):!e(p)&&(!e(w)||!e(n).length)?(t(),s("div",ee,[m("span",null,d(o.$t("components.camera_events.no_events")),1)])):(t(),s("div",te,[(t(!0),s(h,null,g(e(n),(v,b)=>(t(),s("div",{key:b,class:"mx-1 text-center"},[k(v.camera)?q((t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:ce=>S(v)},[i(A,{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)),[[O]]):_("",!0),r[0]||(r[0]=m("span",{class:"text-sm text-passive"},"12:01:45",-1))]))),128))]))],512)}}}),oe=M(ae,[["__scopeId","data-v-ebd7b0ef"]]),re={class:"page-title"},ne={class:"page-title"},ie={key:"new-camera",class:"w-full flex justify-center items-center mt-3"},le=R({__name:"Cameras",setup(V){const y=new j,{smallMobileActive:a,extraSmallMobileActive:f}=N(),p=Q(),{uiSettings:l}=Y(p),x=E({page:1,pageSize:-1}),{data:n,isLoading:w}=y.getCamerasQuery(x);return(c,S)=>{const k=oe,o=I;return t(),s("main",{class:u(["w-full h-full",{"px-0":e(a)}])},[e(l).cameras.showEvents?(t(),s("div",{key:0,class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[m("h1",re,d(c.$t("views.cameras.events")),1)],2)):_("",!0),e(l).cameras.showEvents?(t(),s("div",{key:1,class:u(["w-full mb-3",{"px-2":e(a)}])},[i(k,{"show-all":""})],2)):_("",!0),m("div",{class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[m("h1",ne,d(c.$t(`views.${String(c.$route.name).toLowerCase()}.title`)),1)],2),i(H,{name:"fade",tag:"div"},{default:$(()=>[e(w)||!e(n)?(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,r=>i(B,{key:r,elevation:1,type:"image",class:"w-full h-full aspect-video"})),64))],4)):e(n).result.length?(t(),s("div",{key:2,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr)) ${e(n).result.length===1?"50%":""}`)},[(t(!0),s(h,null,g(e(n).result,r=>(t(),s("div",{key:r.name,class:"relative item"},[i(o,{"absolute-title":"","show-title":"","show-tooltips":!1,"clickable-title":"","clickable-container":"","refresh-snapshot":"",logs:"",settings:"","current-camera":r.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(c.$t("views.cameras.no_cameras")),3)),m("div",ie,[e(T)(void 0,"admin")&&(!e(l).interface.showBottomBarOnMobile||e(l).interface.showBottomBarOnMobile&&!e(f))?(t(),J(F,{key:0,to:"/new-camera",variant:"text",color:"#df2a4c",icon:""},{default:$(()=>[i(P,{size:"30"},{default:$(()=>[W(d(e(X)),1)]),_:1})]),_:1})):_("",!0)])]),_:1})],2)}}}),He=M(le,[["__scopeId","data-v-2dbd6dd3"]]);export{He as default};

package/dist/interface/{Camview.BMJhrSd5.0.0.34-alpha.4.js → Camview.o4nbp_Qw.0.0.34-alpha.6.js}

@@ -1 +1 @@
-import{G as ce,r as f,P as vt,b as r,d as S,f as i,R as n,ab as l,a7 as W,a9 as g,u as e,p as ee,t as pe,c as N,w as J,ac as ge,aa as L,ad as ve,g as ie,Q as fe,_ as ft,k as H,ah as pt,$ as gt,i as ke,m as Re}from"./@vue.38WdTUyF.0.0.34-alpha.4.js";import{H as Qe,I as _t,J as wt,s as yt,K as je,D as ht,L as bt,M as xt,N as Vt,O as kt,P as Dt,Q as Ct,R as $t,S as zt,T as Mt,U as Pt,V as St}from"./@mdi.C1UTQKuc.0.0.34-alpha.4.js";import{e as X,b as te,o as $e,F as Oe,G as We,f as ye,j as Be,V as Ft,c as Ee,n as Le,H as It,I as At}from"./vuetify.CWmFhFZT.0.0.34-alpha.4.js";import{d as de,h as He,s as Ne,f as De,t as he,u as Tt,U as Rt,v as Bt,w as Et}from"./main.2HASoNLf.0.0.34-alpha.4.js";import{F as Ue,a as Lt}from"./vee-validate.BbFAArYk.0.0.34-alpha.4.js";import{_ as Pe,C as Ut}from"./VPlayer.DUNwZEpc.0.0.34-alpha.4.js";import{H as Ye}from"./react-dnd-html5-backend.1HQjlkwI.0.0.34-alpha.4.js";import{T as qe}from"./react-dnd-touch-backend.DVO3PHHX.0.0.34-alpha.4.js";import{u as Ge,a as Xe,D as Je}from"./vue3-dnd.ax_m5eGZ.0.0.34-alpha.4.js";import{s as ze}from"./pinia.Dye_uuQS.0.0.34-alpha.4.js";import{l as Ke,q as Ze,j as et,s as tt,e as Qt}from"./@vueuse.C5t4Wg1V.0.0.34-alpha.4.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.4.js";import"./hookable.B8xFkYCm.0.0.34-alpha.4.js";import"./vue3-toastify.Q4LBRehM.0.0.34-alpha.4.js";import"./vue-i18n.BhYwipWO.0.0.34-alpha.4.js";import"./@intlify.DXtFJcML.0.0.34-alpha.4.js";import"./axios.C-n2IhIP.0.0.34-alpha.4.js";import"./@tanstack.B8dQBg4b.0.0.34-alpha.4.js";import"./vue-router.DDrhhYTH.0.0.34-alpha.4.js";import"./@vee-validate.Cd0PG5JL.0.0.34-alpha.4.js";import"./zod.DnW1_kUe.0.0.34-alpha.4.js";import"./uuid.DvF23Exx.0.0.34-alpha.4.js";import"./socket.io-client.CDWOo7bs.0.0.34-alpha.4.js";import"./engine.io-client.CEf8giGf.0.0.34-alpha.4.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.4.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.4.js";import"./socket.io-parser.nV5rgBGd.0.0.34-alpha.4.js";import"./rxjs.pmJBk3Sg.0.0.34-alpha.4.js";import"./tslib.9k7AwCpt.0.0.34-alpha.4.js";import"./vue-inline-svg.KV3n1JVk.0.0.34-alpha.4.js";import"./nprogress.BqUgJKe9.0.0.34-alpha.4.js";import"./@xterm.dNDqC2Qx.0.0.34-alpha.4.js";import"./qrcode.DpdrUpsD.0.0.34-alpha.4.js";import"./dijkstrajs.D_NXgYpA.0.0.34-alpha.4.js";import"./plugins.DrzRqqj1.0.0.34-alpha.4.js";import"./draggabilly.BMe74e1L.0.0.34-alpha.4.js";import"./get-size.D1dS-IaP.0.0.34-alpha.4.js";import"./unidragger.Cj4g6i_z.0.0.34-alpha.4.js";import"./ev-emitter.ugXzzJzv.0.0.34-alpha.4.js";import"./VConsole.DRD2SXa_.0.0.34-alpha.4.js";import"./@react-dnd.CcwRs9xb.0.0.34-alpha.4.js";import"./dnd-core.C9ORME3x.0.0.34-alpha.4.js";import"./redux.CuxFRhX_.0.0.34-alpha.4.js";import"./fast-deep-equal.U25fXdCW.0.0.34-alpha.4.js";const jt={class:"mt-auto flex flex-col"},Ot={class:"relative flex flex-col items-center justify-center"},Wt=ce({__name:"VAudioVisualizer",emits:["listening"],setup(ae,{emit:U}){const q=U,C=f(),$=f(null),B=f(),u=f(!1),d=()=>{var o,s;(o=C.value)==null||o.close(),C.value=void 0,(s=B.value)==null||s.forEach(z=>z.stop()),B.value=void 0,u.value=!1,q("listening",!1)},w=(o,s,z,x,A,j)=>{const k=o.createLinearGradient(s,z,x,A);k.addColorStop(0,"#5b040f"),k.addColorStop(.5,"#b50b21"),k.addColorStop(.9,"#df2a4c"),k.addColorStop(1,"#df6380"),o.lineWidth=j,o.strokeStyle=k,o.beginPath(),o.moveTo(s,z),o.lineTo(x,A),o.stroke(),o.closePath()},y=async()=>{var o;if(u.value)d();else try{C.value&&d();let s;try{s=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(D){console.warn("Can not enable AudioVisualizer",D);return}u.value=!0,q("listening",!0),C.value=new AudioContext;const z=C.value.createAnalyser();z.fftSize=1024,B.value=s.getTracks(),C.value.createMediaStreamSource(s).connect(z);const A=90,j=3;let k;const V=(o=$.value)==null?void 0:o.getContext("2d"),M=()=>{if($.value&&V){const D=[],h=[];V.clearRect(0,0,$.value.width,$.value.height),requestAnimationFrame(M);const m=z.frequencyBinCount,v=new Uint8Array(m);z.getByteFrequencyData(v),D.push(v);for(let P=0;P<D[0].length;P++)h.push(0),D.forEach(R=>{h[P]+=R[P]});const _=$.value.width/2,F=$.value.height/2,T=30;V.beginPath(),V.arc(_,F,T,0,2*Math.PI),V.lineWidth=1,V.stroke(),V.closePath();for(let P=0;P<A;P++){k=h[P]*.4;const R=Math.PI*2/A,E=_+Math.cos(R*P)*T,Y=F+Math.sin(R*P)*T,se=_+Math.cos(R*P)*(T+k),re=F+Math.sin(R*P)*(T+k);w(V,E,Y,se,re,j)}u.value||V.clearRect(0,0,$.value.width,$.value.height)}};M()}catch(s){d(),console.error(s)}};return vt(()=>{d()}),(o,s)=>(r(),S("div",jt,[i("div",Ot,[n(te,{class:"mic-button",variant:"elevated",color:"white",icon:"",size:"60",onClick:ee(y,["prevent"])},{default:l(()=>[n(X,{size:"35"},{default:l(()=>[W(g(e(Qe)),1)]),_:1})]),_:1}),i("canvas",{ref_key:"canvas",ref:$,height:"300",width:"300"},null,512)])]))}}),Ht=de(Wt,[["__scopeId","data-v-0b467b3d"]]),Nt=["data-handler-id"],Yt=ce({__name:"VDnDCard",props:{id:{},index:{},camera:{},moveCard:{type:Function}},setup(ae,{expose:U}){const q=He(),C=ae,{camera:$}=pe(C),{uiSettings:B}=ze(q),u=f(),d=f(),w=f(null);let y=null,o=0,s=0;const z=N(()=>B.value.camview.dragDisabled===!1),{x,y:A,sourceType:j}=Ke(),{top:k,left:V}=Ze(w),[M,D]=Ge({accept:"camera",collect(b){return{handlerId:b.getHandlerId()}},hover(b,oe){var xe;if(!u.value)return;const le=b.index,ue=C.index;if(le===ue)return;const _e=(xe=u.value)==null?void 0:xe.getBoundingClientRect(),K=(_e.bottom-_e.top)/2,be=oe.getClientOffset().y-_e.top;le<ue&&be<K||le>ue&&be>K||(C.moveCard(le,ue),b.index=ue)}}),[h,m]=Xe({type:"camera",canDrag(){return z.value},item:()=>({id:C.id,index:C.index}),collect:b=>({isDragging:b.isDragging()})}),{handlerId:v}=pe(M.value),_=N(()=>h.value.isDragging),F=N(()=>_.value&&j.value==="touch"),T=N(()=>e(_)?0:1);J(F,b=>{b?(y=P(),o=x.value-V.value,s=A.value-k.value):(E(y),y=null)}),J([x,A],()=>{R(y,o,s)});const P=()=>{if(w.value){const b=w.value.cloneNode(!0);return b.classList.add("drag-preview"),document.body.appendChild(b),b}return null},R=(b,oe,le)=>{b&&(b.style.left=`${x.value-oe}px`,b.style.top=`${A.value-le}px`)},E=b=>{b&&document.body.removeChild(b)},Y=b=>{u.value=m(D(b))};return U({togglePlayerMute:b=>{var oe;(oe=d.value)==null||oe.toggleMute(b)},toggleMicrophone:async(b,oe)=>{var le;await((le=d.value)==null?void 0:le.toggleMicrophone(b,oe))}}),(b,oe)=>(r(),S("div",{ref_key:"boxEl",ref:w},[i("div",{ref:Y,class:"camera-card",style:ge({opacity:e(T),color:"#000",cursor:e(B).camview.dragDisabled?"default":"grab"}),"data-handler-id":e(v)},[n(Pe,{ref_key:"playerRef",ref:d,"current-camera":e($).name,"border-radius":0,target:"stream","show-camera-name":"","enable-control":"","auto-hide-control":"","source-role":e($).interface.streamingSource,"show-mode":!1},null,8,["current-camera","source-role"])],12,Nt)],512))}}),qt=de(Yt,[["__scopeId","data-v-f1c0f202"]]),Gt={class:"conference"},Xt=ce({__name:"VDnD",props:{cameras:{},dbCameras:{},noDrag:{type:Boolean}},emits:["drag"],setup(ae,{expose:U,emit:q}){const{isTouch:C}=Ne(),{smallMobileActive:$}=De(),B=q,u=ae,{cameras:d,dbCameras:w,noDrag:y}=pe(u),o=f(null),s=f(null),z=f(2),x=f([]),A=f(),j=f(!1);let k;const V=et(s),{isFullscreen:M,toggle:D}=tt(o),{width:h}=Qt(),m=N(()=>y.value||j.value),v=N(()=>{if($.value)return"100%";const R=V.width.value-z.value*2,E=x.value.length,Y=Math.ceil(Math.sqrt(E)),se=(R-(Y+1)*z.value)/Y;return`${Math.floor(se)}px`});J(h,(R,E)=>{R!==E&&(j.value=!0,clearTimeout(k),k=setTimeout(()=>{j.value=!1},100))}),J(d,R=>{x.value=he(R).sort((E,Y)=>E.index-Y.index)},{immediate:!0,deep:!0});const _=(R,E)=>{const Y=x.value[R];x.value.splice(R,1),x.value.splice(E,0,Y),x.value=x.value.map((se,re)=>(se.index=re,se)).sort((se,re)=>se.index-re.index),B("drag",x.value)};return U({toggleFullscreen:async()=>{await D()},togglePlayerMute:R=>{for(const E of A.value||[])E.togglePlayerMute(R)},togglePlayerMicrophone:async(R,E)=>{for(const Y of A.value||[])await Y.toggleMicrophone(R,E)},isFullscreen:M,selectedCameras:x}),(R,E)=>(r(),L(e(Je),{backend:e(C)?e(qe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraDnd",ref:o,class:"scenary"},[i("div",Gt,[n(ft,{ref_key:"dishEl",ref:s,name:"list",tag:"div",class:"dish"},{default:l(()=>[(r(!0),S(fe,null,ve(e(x),(Y,se)=>(r(),L(qt,{id:Y.cameraId,ref_for:!0,ref_key:"dndCards",ref:A,key:Y.cameraId,index:se,camera:e(w).find(re=>re._id===Y.cameraId),"move-card":_,style:ge({width:e(v)}),class:ie(["dnd-card",{"no-transition":e(m)}])},null,8,["id","index","camera","style","class"]))),128))]),_:1},512)])],512)]),_:1},8,["backend"]))}}),Jt=de(Xt,[["__scopeId","data-v-bb21ec2b"]]),Kt={class:"camera-snapshot"},Zt={class:"camera-info flex flex-row items-center"},ea={class:"text-passive truncate"},ta=ce({__name:"VViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(ae){const U=ae,{isDropped:q,camera:C,canDrag:$}=pe(U),B=f(null);let u=null,d=0,w=0;const{x:y,y:o,sourceType:s}=Ke(),{top:z,left:x}=Ze(B),[A,j]=Xe(()=>({type:"camera",options:{dropEffect:"copy"},item:C.value,canDrag:$.value,collect:m=>({style:{opacity:m.isDragging()?.4:1},isDragging:m.isDragging()})})),k=N(()=>A.value.isDragging),V=N(()=>k.value&&s.value==="touch");J(V,m=>{m?(u=M(),d=y.value-x.value,w=o.value-z.value):(h(u),u=null)}),J([y,o],()=>{D(u,d,w)});const M=()=>{if(B.value){const m=B.value.cloneNode(!0);return m.classList.add("drag-preview"),document.body.appendChild(m),m}return null},D=(m,v,_)=>{m&&(m.style.left=`${y.value-v}px`,m.style.top=`${o.value-_}px`)},h=m=>{m&&document.body.removeChild(m)};return(m,v)=>{const _=Pe;return r(),S("div",{ref_key:"boxEl",ref:B},[i("div",{ref:e(j),style:ge({...e(A).style,cursor:e(q)?"default":"grab"}),class:"drag-box p-2 flex flex-row items-center relative"},[n(X,{size:"20",class:"text-passive mr-2"},{default:l(()=>[W(g(e(_t)),1)]),_:1}),i("div",Kt,[n(_,{"current-camera":e(C).name,"border-radius":6,target:"snapshot","show-mode":!1},null,8,["current-camera"])]),i("div",Zt,[i("span",ea,g(e(C).name),1),e(q)?(r(),L(X,{key:0,size:"25",class:"ml-auto text-green mr-4"},{default:l(()=>[W(g(e(wt)),1)]),_:1})):H("",!0)])],4)],512)}}}),aa=de(ta,[["__scopeId","data-v-7dfa63f3"]]),Me={WIDTH:400},sa={class:"camera-view-edit flex flex-col p-2"},la={class:"mb-4 text-lg"},oa={class:"text-passive mb-5 mt-5"},ra={class:"camera-container py-3"},na=ce({__name:"VViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},setup(ae){pt(w=>({"7ea40162":e(B)}));const U=ae,{cameras:q,droppedCameras:C,title:$}=pe(U),B=f(`${Me.WIDTH}px`),u=f(!1),d=w=>C.value.some(y=>y.name===w.name);return(w,y)=>{const o=aa;return r(),S("div",sa,[i("b",la,g(e($)),1),i("span",oa,g(w.$t("components.view_box.available_streams")),1),i("div",ra,[(r(!0),S(fe,null,ve(e(q),(s,z)=>(r(),S("div",{key:z,class:"mb-4"},[n(o,{camera:s,"is-dropped":d(s),"can-drag":!d(s),class:ie({shake:e(u)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])])}}}),ia=de(na,[["__scopeId","data-v-420802a2"]]),ca={key:0,class:"overlay-button-text truncate",color:"#fff"},da={key:1,class:"w-full h-full flex items-center justify-center"},ua=ce({__name:"VViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},onDrop:{type:Function}},emits:["drop","remove"],setup(ae,{expose:U,emit:q}){const{desktopActive:C}=De(),$=q,B=ae,{lastDroppedCamera:u,editMode:d,cameras:w,droppedCameras:y}=pe(B),o=f(null),s=f(),{width:z}=et(o),[x,A]=Ge({accept:"camera",drop:B.onDrop,collect:v=>({isOver:v.isOver(),canDrop:v.canDrop()&&u.value===void 0}),canDrop:()=>u.value===void 0}),j=N(()=>x.value.canDrop&&x.value.isOver),k=N(()=>d.value?j.value?"#171717":"#202020":"#000"),V=N(()=>z.value<=200),M=N(()=>w.value.filter(v=>!D(v))),D=v=>y.value.some(_=>_.name===v.name);return U({togglePlayerMute:v=>{var _;(_=s.value)==null||_.toggleMute(v)},toggleMicrophone:async(v,_)=>{var F;await((F=s.value)==null?void 0:F.toggleMicrophone(v,_))}}),(v,_)=>(r(),S("div",{ref:e(A),style:ge({backgroundColor:e(k)}),class:"overflow-hidden"},[e(u)?(r(),S("div",{key:0,ref_key:"container",ref:o,class:"w-full h-full flex items-center justify-center relative"},[e(d)?(r(),L(te,{key:0,icon:e(V),size:e(V)?32:void 0,class:"overlay-button flex items-center justify-center",color:"#df2a4c",onClick:_[0]||(_[0]=ee(F=>$("remove",e(u)),["prevent"]))},{default:l(()=>[n(X,{size:"18"},{default:l(()=>[W(g(e(yt)),1)]),_:1}),e(V)?H("",!0):(r(),S("span",ca,g(e(u).name),1))]),_:1},8,["icon","size"])):H("",!0),n(gt,{name:"fade",mode:"in-out"},{default:l(()=>[e(u)?(r(),L(Pe,{key:0,ref_key:"playerRef",ref:s,class:ie({"camera-overlay":e(d)}),"current-camera":e(u).name,"border-radius":0,target:e(d)?"snapshot":"stream",style:ge({opacity:e(d)?.2:1}),"show-camera-name":!e(d),"enable-control":!e(d),"auto-hide-control":"","source-role":e(u).interface.streamingSource,"show-mode":!1},null,8,["class","current-camera","target","style","show-camera-name","enable-control","source-role"])):H("",!0)]),_:1})],512)):!e(C)&&e(d)?(r(),S("div",da,[n(te,{icon:"",size:"32",color:"#df2a4c"},{default:l(()=>[n(X,{size:"18",color:"#ffff"},{default:l(()=>[W(g(e(je)),1)]),_:1}),n($e,{activator:"parent",class:"select-menu"},{default:l(()=>[n(Oe,{"onClick:select":_[1]||(_[1]=F=>$("drop",F.id))},{default:l(()=>[(r(!0),S(fe,null,ve(e(M),(F,T)=>(r(),L(ye,{key:T,value:F},{default:l(()=>[n(We,null,{default:l(()=>[W(g(F.name),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1})])):H("",!0)],4))}}),ma=de(ua,[["__scopeId","data-v-4725d64a"]]),va=ce({__name:"VView",props:{cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean,default:!1}},emits:["drop","remove"],setup(ae,{expose:U,emit:q}){const{isTouch:C}=Ne(),{desktopActive:$}=De(),B=q,u=ae,{cameras:d,editMode:w,viewSize:y,cards:o,title:s}=pe(u),z=f(null),x=f(`${Me.WIDTH}px`),A=f(),{isFullscreen:j,toggle:k}=tt(z),V=N(()=>o.value.filter(m=>m.lastDroppedCamera).map(m=>m.lastDroppedCamera));return U({toggleFullscreen:async()=>{await k()},togglePlayerMute:m=>{for(const v of A.value||[])v.togglePlayerMute(m)},togglePlayerMicrophone:async(m,v)=>{for(const _ of A.value||[])await _.toggleMicrophone(m,v)},isFullscreen:j}),(m,v)=>{const _=ia;return r(),L(e(Je),{backend:e(C)?e(qe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraView",ref:z,class:"view-container flex items-center mx-2",style:ge({width:e(w)&&e($)?`calc(100% - ${e(x)})`:void 0})},[i("div",{class:ie(`view-wrap w-full camera-view-${e(y)}`)},[(r(!0),S(fe,null,ve(e(o),(F,T)=>(r(),L(ma,{ref_for:!0,ref_key:"dragContainer",ref:A,key:T,class:ie(`div${T+1}-${e(y)}`),"last-dropped-camera":F.lastDroppedCamera,cameras:e(d),"dropped-cameras":e(V),"edit-mode":e(w),onDrop:P=>B("drop",T,P),onRemove:v[0]||(v[0]=P=>B("remove",P))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","onDrop"]))),128))],2)],4),e(w)&&e($)?(r(),L(_,{key:0,cameras:e(d),"dropped-cameras":e(V),title:e(s),class:"view-box",style:ge({"margin-right":e(w)?"0px":`-${e(Me).WIDTH}px`})},null,8,["cameras","dropped-cameras","title","style"])):H("",!0)]),_:1},8,["backend"])}}}),fa=de(va,[["__scopeId","data-v-8ef83e91"]]),pa={class:"w-full h-full"},ga={class:"camview-topbar p-2 flex flex-row items-center"},_a={class:"flex w-full justify-start items-center"},wa={class:"camview-title truncate"},ya={style:{margin:"5px"}},ha={class:"flex flex-row w-full justify-start items-center"},ba={class:"menu-item"},xa={class:"flex w-full justify-start items-center"},Va={class:"camview-title truncate"},ka={style:{margin:"5px"}},Da={class:"flex flex-row w-full justify-start items-center"},Ca={class:"icon-wrapper"},$a={class:"menu-item ml-2"},za={class:"flex flex-row w-full justify-start items-center"},Ma={class:"icon-wrapper"},Pa={class:"menu-item ml-2"},Sa={key:9,class:"flex flex-row items-center"},Fa={class:"text-white"},Ia={class:"h-full w-full inline-size mb-safe"},Aa={key:0,class:"h-full w-full flex items-center justify-center"},Ta={key:1,class:"w-full h-full"},Ra={key:0,class:"w-full h-full relative"},Ba={key:1,class:"w-full h-full flex flex-row"},Ea={key:2,class:"flex flex-col items-center justify-center w-full h-full"},La={class:"mt-5",style:{color:"#525252"}},Ua={class:"flex flex-col h-full w-full"},Qa={class:"relative"},ja={for:"name",class:"v-label"},Oa={key:0,class:"text-red text-center mb-5"},Wa={class:"view-scroll-container"},Ha={class:"view-select-container"},Na=["onClick"],Ya={class:"flex flex-col h-full w-full"},qa={class:"relative"},Ga={for:"name",class:"v-label"},Xa={key:0,class:"text-red text-center mb-5"},Ja={class:"flex flex-col"},Ka=ce({__name:"Camview",setup(ae){var Se;const U=new Rt,q=new Ut,{smallMobileActive:C}=De(),$=Tt(),B=He(),{uiSettings:u}=ze(B),{loginState:d}=ze($),w=f(),y=f(),o=f(),s=f({}),z=f(!1),x=f({page:1,pageSize:-1}),A=f([1,4,6,7,9,10,12,13,15,16,20,26]),j=f(!1),k=f(!1),V=f(!0),M=f(!1),D=f(!1),h=f(!1),m=f(!1),v=f(!1),_=f(!1),F=f([]),T=f([]),{data:P,isLoading:R}=q.getCamerasQuery(x),{data:E,isLoading:Y}=U.getViewsQuery(((Se=d.value.user)==null?void 0:Se.username)||"",x),{mutate:se,isPending:re}=U.removeViewQuery(),{mutateAsync:b,isPending:oe}=U.createViewQuery(),{mutateAsync:le,isPending:ue}=U.patchViewQuery(),{mutateAsync:_e}=U.patchViewQuerySilent(),K=N(()=>M.value||h.value||D.value),ne=N(()=>R.value||Y.value||re.value||oe.value||ue.value),be=N(()=>{var a,t;return((a=y.value)==null?void 0:a.isFullscreen)||((t=y.value)==null?void 0:t.isFullscreen)||!1}),xe=N(()=>navigator.mediaDevices!==void 0),I=N(()=>{var t,p;const a=((t=E.value)==null?void 0:t.result.find(Q=>Q._id===u.value.camview.viewid))||((p=E.value)==null?void 0:p.result[0]);return a?(s.value=a,u.value.camview.viewid=a._id):s.value={},a}),Ce=N(()=>K.value&&s.value.viewSize>0?s.value.viewSize:I.value?I.value.viewSize:1);J(d,a=>{U.toggleQueryActivator("getUserQuery",a!==null)}),J([Ce,I,P,K,u],()=>{var t,p,Q;if(((t=I.value)==null?void 0:t.type)==="dnd"&&!M.value&&!h.value)return;const a=Array.from({length:Ce.value}).map((O,Z)=>({accept:"camera",index:Z,lastDroppedCamera:void 0}));if(!h.value&&!m.value)for(const O of((p=I.value)==null?void 0:p.cameras)||[])a[O.index].lastDroppedCamera=(Q=P.value)==null?void 0:Q.result.find(Z=>Z._id===O.cameraId);F.value=a},{deep:!0,immediate:!0}),J(s,a=>{var t,p,Q;if(Object.keys(a).length===0)(t=o.value)==null||t.resetForm(),j.value=!1,k.value=!1;else{for(const[O,Z]of Object.entries(a))(p=o.value)==null||p.setFieldValue(O,Z);a.viewSize&&(j.value=!1),(Q=a.cameras)!=null&&Q.length&&(k.value=!1)}},{deep:!0}),J([m,h],([a,t])=>{(!a&&!t||a)&&(s.value={},j.value=!1)}),J([v,D],()=>{D.value||(T.value=[],s.value={},k.value=!1)}),J(v,a=>{a||(D.value=!1)}),J(D,a=>{var t;a?(T.value=((t=P.value)==null?void 0:t.result.filter(p=>{var Q;return(Q=I.value)==null?void 0:Q.cameras.some(O=>O.cameraId===p._id)}))||[],v.value=!0):(T.value=[],v.value=!1)}),J(T,a=>{a.length&&(k.value=!1)}),J(K,a=>{a&&I.value&&!h.value&&(s.value=he(I.value))}),J(d,a=>{a.user?U.toggleQueryActivator("getUserQuery",!0):U.toggleQueryActivator("getUserQuery",!1)},{immediate:!0,deep:!0});const at=async a=>{if(!I.value||!d.value.user)return;const t=he(I.value);t.cameras=a;const p=await _e({username:d.value.user.username,viewid:t._id,viewData:t});we(p)},st=(a,t)=>{F.value[a].lastDroppedCamera=t},lt=a=>{F.value=F.value.map(t=>{var p;return((p=t.lastDroppedCamera)==null?void 0:p.name)===a.name&&(t.lastDroppedCamera=void 0),t})},ot=async()=>{var p;if(!o.value||!d.value.user)return;const a=T.value.map((Q,O)=>({cameraId:Q._id,index:O}));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(((p=E.value)==null?void 0:p.result.find(Z=>Z.name===s.value.name))&&!D.value){o.value.setFieldError("name","View already exists");return}if(a.length===0){k.value=!0;return}if(!t.valid)return;const O=he(s.value);if(O._id){const Z=await le({username:d.value.user.username,viewid:O._id,viewData:O});we(Z)}else{const Z=await b({username:d.value.user.username,viewData:O});we(Z)}v.value=!1}},rt=async()=>{var t,p;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=E.value)==null?void 0:t.result.find(O=>O.name===s.value.name)){o.value.setFieldError("name","View already exists");return}if(!a.valid){((p=a.results.viewSize)==null?void 0:p.valid)===!1&&(j.value=!0);return}m.value=!1,h.value=!0}},nt=async()=>{if(!o.value||!d.value.user||Object.keys(s.value).length===0)return;const a=F.value.filter(p=>p.lastDroppedCamera).map(p=>({cameraId:p.lastDroppedCamera._id,index:p.index})).sort((p,Q)=>p.index-Q.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 p=he(s.value);if(p.cameras=a,p._id){const Q=await le({username:d.value.user.username,viewid:p._id,viewData:p});we(Q)}else{const Q=await b({username:d.value.user.username,viewData:p});we(Q)}}else console.error("result",t)},we=a=>{u.value.camview.viewid=a._id,m.value=!1,v.value=!1,h.value=!1,M.value=!1},it=()=>{!I.value||!d.value.user||se({username:d.value.user.username,viewid:I.value._id},{onSuccess:a=>{a.length?u.value.camview.viewid=a[0]._id:u.value.camview.viewid=void 0}})},ct=a=>{u.value.camview.viewid=a._id},dt=async()=>{y.value?await y.value.toggleFullscreen():w.value&&await w.value.toggleFullscreen()},ut=()=>{V.value=!V.value,y.value?y.value.togglePlayerMute(V.value):w.value&&w.value.togglePlayerMute(V.value)},mt=async a=>{y.value?await y.value.togglePlayerMicrophone(a):w.value&&await w.value.togglePlayerMicrophone(a)};return(a,t)=>{const p=Et,Q=Ht;return r(),S("main",pa,[n(e(Lt),{ref_key:"viewVeeForm",ref:o,class:"h-full w-full","validation-schema":e(Bt),"initial-values":e(s)},{default:l(()=>{var O,Z,Fe,Ie,Ae,Te;return[i("div",ga,[!e(h)&&e(I)?(r(),L(te,{key:0,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",_a,[e(K)?H("",!0):(r(),L(X,{key:0,size:"18",class:"text-color mr-1"},{default:l(()=>[W(g(e(z)?e(ht):e(bt)),1)]),_:1})),i("span",wa,g(e(I).name),1)]),e(K)?H("",!0):(r(),L($e,{key:0,activator:"parent",width:"324",offset:"5",location:"bottom",class:"select-menu","onUpdate:modelValue":t[0]||(t[0]=c=>z.value=c)},{default:l(()=>[n(Be,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>{var c;return[i("div",ya,[(r(!0),S(fe,null,ve(((c=e(E))==null?void 0:c.result)||[],(G,me)=>(r(),L(ye,{key:me,active:G._id===e(I)._id,value:G,style:{"border-radius":"5px !important"},disabled:e(ne),onClick:ee(Ve=>ct(G),["prevent"])},{default:l(()=>[i("div",ha,[i("span",ba,g(G.name),1)])]),_:2},1032,["active","value","disabled","onClick"]))),128))])]}),_:1})]),_:1}))]),_:1})):e(h)&&e(s).name?(r(),L(te,{key:1,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",xa,[i("span",Va,g(e(s).name),1)])]),_:1})):H("",!0),t[20]||(t[20]=i("div",{class:"ml-auto"},null,-1)),!e(K)&&((O=e(I))==null?void 0:O.type)==="dnd"?(r(),L(te,{key:2,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[1]||(t[1]=ee(c=>e(u).camview.dragDisabled=!e(u).camview.dragDisabled,["prevent"]))},{default:l(()=>[n(X,{size:"18"},{default:l(()=>[W(g(e(u).camview.dragDisabled?e(xt):e(Vt)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)?(r(),L(te,{key:3,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[2]||(t[2]=ee(c=>ut(),["prevent"]))},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(V)?e(kt):e(Dt)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)&&e(xe)?(r(),L(te,{key:4,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[3]||(t[3]=ee(c=>_.value=!0,["prevent"]))},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(Qe)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)?(r(),L(te,{key:5,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[4]||(t[4]=ee(c=>dt(),["prevent"]))},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(be)?e(Ct):e($t)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)?(r(),L(te,{key:6,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[5]||(t[5]=ee(c=>it(),["prevent"]))},{default:l(()=>[n(X,{size:"20"},{default:l(()=>[W(g(e(zt)),1)]),_:1})]),_:1})):H("",!0),!e(D)&&!e(M)&&!e(h)&&e(I)?(r(),L(te,{key:7,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[6]||(t[6]=ee(c=>{var G;return((G=e(I))==null?void 0:G.type)==="dnd"?D.value=!e(D):M.value=!e(M)},["prevent"]))},{default:l(()=>[n(X,{size:"19"},{default:l(()=>[W(g(e(Mt)),1)]),_:1})]),_:1})):H("",!0),!e(D)&&!e(M)&&!e(h)?(r(),L(te,{key:8,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text"},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(je)),1)]),_:1}),n($e,{activator:"parent",offset:"5",location:"bottom",class:"select-menu"},{default:l(()=>[n(Be,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>[i("div",ka,[n(ye,{style:{"border-radius":"5px !important"},disabled:e(ne),onClick:t[7]||(t[7]=ee(c=>m.value=!0,["prevent"]))},{default:l(()=>[i("div",Da,[i("div",Ca,[n(X,{size:"20",class:"text-passive"},{default:l(()=>[W(g(e(Pt)),1)]),_:1})]),i("span",$a,g(a.$t("views.camview.new_view")),1)])]),_:1},8,["disabled"]),t[19]||(t[19]=i("div",{class:"my-1"},null,-1)),n(ye,{style:{"border-radius":"5px !important"},disabled:e(ne),onClick:t[8]||(t[8]=ee(c=>v.value=!0,["prevent"]))},{default:l(()=>[i("div",za,[i("div",Ma,[n(X,{size:"20",class:"text-passive"},{default:l(()=>[W(g(e(St)),1)]),_:1})]),i("span",Pa,g(a.$t("views.camview.new_dnd")),1)])]),_:1},8,["disabled"])])]),_:1})]),_:1})]),_:1})):H("",!0),e(M)||e(h)?(r(),S("div",Sa,[n(te,{class:"disabled-text mr-2",size:"small",variant:"flat",border:"",onClick:t[9]||(t[9]=ee(c=>e(M)?M.value=!1:h.value=!1,["prevent"]))},{default:l(()=>[W(g(a.$t("components.form.button.cancel")),1)]),_:1}),n(te,{disabled:e(F).every(c=>c.lastDroppedCamera===void 0),class:"disabled-text",size:"small",color:"#df2a4c",variant:"flat",border:"",onClick:t[10]||(t[10]=ee(c=>nt(),["prevent"]))},{default:l(()=>[i("span",Fa,g(a.$t("components.form.button.save")),1)]),_:1},8,["disabled"])])):H("",!0)]),i("div",{class:ie(["camview-container",{"px-0":e(C)}])},[i("div",Ia,[e(ne)||!e(E)?(r(),S("div",Aa,[n(Ft,{color:"#df2a4c",indeterminate:""})])):(r(),S("div",Ta,[!e(h)&&!e(M)&&(e(D)||((Z=e(I))==null?void 0:Z.type)==="dnd")?(r(),S("div",Ra,[n(Jt,{ref_key:"dndRef",ref:w,cameras:((Fe=e(I))==null?void 0:Fe.cameras)||[],"db-cameras":((Ie=e(P))==null?void 0:Ie.result)||[],"no-drag":e(u).camview.dragDisabled,onDrag:at},null,8,["cameras","db-cameras","no-drag"])])):!e(D)&&(e(h)||e(M)||((Ae=e(I))==null?void 0:Ae.type)==="view")?(r(),S("div",Ba,[(r(),L(fa,{ref_key:"viewRef",ref:y,key:e(u).camview.viewid+(e(h)?"-new":e(M)?"-edit":"-view"),cameras:((Te=e(P))==null?void 0:Te.result)||[],"edit-mode":e(h)||e(M),"view-size":e(h)?e(s).viewSize:e(Ce),title:e(s).name,cards:e(F),onDrop:st,onRemove:lt},null,8,["cameras","edit-mode","view-size","title","cards"]))])):(r(),S("div",Ea,[i("span",La,g(a.$t("views.camview.no_views_configured")),1)]))]))])],2),n(p,{modelValue:e(m),"onUpdate:modelValue":t[12]||(t[12]=c=>ke(m)?m.value=c:null),title:e(K)?a.$t("components.dialog.title.edit_view"):a.$t("components.dialog.title.new_view"),"confirm-text":"components.form.button.next",loading:e(ne),onConfirm:t[13]||(t[13]=c=>rt())},{content:l(()=>[i("div",Ua,[i("div",Qa,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[11]||(t[11]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:G,errors:me})=>[i("label",ja,g(a.$t("components.form.label.name")),1),n(Ee,Re({loading:e(ne),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:me.length>0,"error-messages":G}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"my-5"}),e(j)?(r(),S("span",Oa,g(a.$t("components.form.error.no_view_selected")),1)):H("",!0),i("div",Wa,[i("div",Ha,[(r(!0),S(fe,null,ve(e(A),c=>(r(),S("div",{key:c,class:"view-select-item h-full w-full",onClick:ee(G=>e(s).viewSize=c,["prevent"])},[i("div",{class:ie(["view-select-item-icon w-full h-full p-3",{"selected-view":e(s).viewSize===c}])},[n(X,{class:"disabled-text",style:{width:"100%",height:"100%"}},{default:l(()=>[W(g(`$cuiGrid${c}`),1)]),_:2},1024)],2),i("span",{class:ie(["view-select-item-label disabled-text mt-2 px-2 py-1",{"selected-view-label":e(s).viewSize===c}])},g(c)+" "+g(a.$t("views.camview.cameras")),3)],8,Na))),128))])])])]),_:1},8,["modelValue","title","loading"]),n(p,{modelValue:e(v),"onUpdate:modelValue":t[16]||(t[16]=c=>ke(v)?v.value=c:null),title:e(K)?a.$t("components.dialog.title.edit_dnd"):a.$t("components.dialog.title.new_dnd"),"confirm-text":"components.form.button.save",loading:e(ne),onConfirm:t[17]||(t[17]=c=>ot())},{content:l(()=>[i("div",Ya,[i("div",qa,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[14]||(t[14]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:G,errors:me})=>[i("label",Ga,g(a.$t("components.form.label.name")),1),n(Ee,Re({loading:e(ne),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:me.length>0,"error-messages":G}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"mb-10 mt-5"}),e(k)?(r(),S("span",Xa,g(a.$t("components.form.error.no_cameras_selected")),1)):H("",!0),n(Oe,{selected:e(T),"onUpdate:selected":t[15]||(t[15]=c=>ke(T)?T.value=c:null),"select-strategy":"classic",class:"py-0 mb-5",density:"compact"},{default:l(()=>{var c;return[(r(!0),S(fe,null,ve(((c=e(P))==null?void 0:c.result)||[],(G,me)=>(r(),L(ye,{key:me,value:G,active:e(T).some(Ve=>Ve.name===G.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(g(G.name),1)]),_:2},1024)]),_:2},1032,["value","active"]))),128))]}),_:1},8,["selected"])])]),_:1},8,["modelValue","title","loading"]),n(p,{modelValue:e(_),"onUpdate:modelValue":t[18]||(t[18]=c=>ke(_)?_.value=c:null),title:a.$t("components.dialog.title.intercom"),loading:e(ne),"hide-confirm-button":""},{content:l(()=>[i("div",Ja,[i("span",null,g(a.$t("components.dialog.message.intercom_info")),1),n(Q,{onListening:mt})])]),_:1},8,["modelValue","title","loading"])]}),_:1},8,["validation-schema","initial-values"])])}}}),Os=de(Ka,[["__scopeId","data-v-35de00f9"]]);export{Os as default};
+import{G as ce,r as f,P as vt,b as r,d as S,f as i,R as n,ab as l,a7 as W,a9 as g,u as e,p as ee,t as pe,c as N,w as J,ac as ge,aa as L,ad as ve,g as ie,Q as fe,_ as ft,k as H,ah as pt,$ as gt,i as ke,m as Re}from"./@vue.2olsU3zX.0.0.34-alpha.6.js";import{H as Qe,I as _t,J as wt,s as yt,K as je,D as ht,L as bt,M as xt,N as Vt,O as kt,P as Dt,Q as Ct,R as $t,S as zt,T as Mt,U as Pt,V as St}from"./@mdi.C1UTQKuc.0.0.34-alpha.6.js";import{e as X,b as te,o as $e,F as Oe,G as We,f as ye,j as Be,V as Ft,c as Ee,n as Le,H as It,I as At}from"./vuetify.dlIDGkOi.0.0.34-alpha.6.js";import{d as de,h as He,s as Ne,f as De,t as he,u as Tt,U as Rt,v as Bt,w as Et}from"./main.CjELdG9A.0.0.34-alpha.6.js";import{F as Ue,a as Lt}from"./vee-validate.CghN0yPF.0.0.34-alpha.6.js";import{_ as Pe,C as Ut}from"./VPlayer.CUKkadJU.0.0.34-alpha.6.js";import{H as Ye}from"./react-dnd-html5-backend.1HQjlkwI.0.0.34-alpha.6.js";import{T as qe}from"./react-dnd-touch-backend.CuSdTpqi.0.0.34-alpha.6.js";import{u as Ge,a as Xe,D as Je}from"./vue3-dnd._duUsn6W.0.0.34-alpha.6.js";import{s as ze}from"./pinia.CBIup3aH.0.0.34-alpha.6.js";import{l as Ke,q as Ze,j as et,s as tt,e as Qt}from"./@vueuse.D9NHhWYc.0.0.34-alpha.6.js";import"./perfect-debounce.Cp2ysxOb.0.0.34-alpha.6.js";import"./hookable.B8xFkYCm.0.0.34-alpha.6.js";import"./vue3-toastify.B0t5Ra1T.0.0.34-alpha.6.js";import"./vue-i18n.DvwV0jjJ.0.0.34-alpha.6.js";import"./@intlify.DXtFJcML.0.0.34-alpha.6.js";import"./axios.C-n2IhIP.0.0.34-alpha.6.js";import"./@tanstack.COISQUaa.0.0.34-alpha.6.js";import"./vue-router.DbntwPAd.0.0.34-alpha.6.js";import"./@vee-validate.vQEQxxhx.0.0.34-alpha.6.js";import"./zod.DnW1_kUe.0.0.34-alpha.6.js";import"./uuid.DvF23Exx.0.0.34-alpha.6.js";import"./socket.io-client.Ba2QhaSK.0.0.34-alpha.6.js";import"./engine.io-client.CMjMz_QZ.0.0.34-alpha.6.js";import"./engine.io-parser.BiEtp6m2.0.0.34-alpha.6.js";import"./@socket.io.Dkula2eQ.0.0.34-alpha.6.js";import"./socket.io-parser.CT0tlhnF.0.0.34-alpha.6.js";import"./rxjs.DKQuv6LI.0.0.34-alpha.6.js";import"./tslib.9k7AwCpt.0.0.34-alpha.6.js";import"./vue-inline-svg.DXN-QH0U.0.0.34-alpha.6.js";import"./nprogress.CO0HPuzU.0.0.34-alpha.6.js";import"./@xterm.DqCFPTCA.0.0.34-alpha.6.js";import"./qrcode.BgXQ059Y.0.0.34-alpha.6.js";import"./dijkstrajs.D_NXgYpA.0.0.34-alpha.6.js";import"./plugins.DkVCVMms.0.0.34-alpha.6.js";import"./draggabilly.CzAcRWAL.0.0.34-alpha.6.js";import"./get-size.D1dS-IaP.0.0.34-alpha.6.js";import"./unidragger.bJ3WxeD3.0.0.34-alpha.6.js";import"./ev-emitter.DdBIoR-C.0.0.34-alpha.6.js";import"./VConsole.DNiPpzW6.0.0.34-alpha.6.js";import"./@react-dnd.CcwRs9xb.0.0.34-alpha.6.js";import"./dnd-core.DjhjiPK9.0.0.34-alpha.6.js";import"./redux.CuxFRhX_.0.0.34-alpha.6.js";import"./fast-deep-equal.BPvnHGwn.0.0.34-alpha.6.js";const jt={class:"mt-auto flex flex-col"},Ot={class:"relative flex flex-col items-center justify-center"},Wt=ce({__name:"VAudioVisualizer",emits:["listening"],setup(ae,{emit:U}){const q=U,C=f(),$=f(null),B=f(),u=f(!1),d=()=>{var o,s;(o=C.value)==null||o.close(),C.value=void 0,(s=B.value)==null||s.forEach(z=>z.stop()),B.value=void 0,u.value=!1,q("listening",!1)},w=(o,s,z,x,A,j)=>{const k=o.createLinearGradient(s,z,x,A);k.addColorStop(0,"#5b040f"),k.addColorStop(.5,"#b50b21"),k.addColorStop(.9,"#df2a4c"),k.addColorStop(1,"#df6380"),o.lineWidth=j,o.strokeStyle=k,o.beginPath(),o.moveTo(s,z),o.lineTo(x,A),o.stroke(),o.closePath()},y=async()=>{var o;if(u.value)d();else try{C.value&&d();let s;try{s=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(D){console.warn("Can not enable AudioVisualizer",D);return}u.value=!0,q("listening",!0),C.value=new AudioContext;const z=C.value.createAnalyser();z.fftSize=1024,B.value=s.getTracks(),C.value.createMediaStreamSource(s).connect(z);const A=90,j=3;let k;const V=(o=$.value)==null?void 0:o.getContext("2d"),M=()=>{if($.value&&V){const D=[],h=[];V.clearRect(0,0,$.value.width,$.value.height),requestAnimationFrame(M);const m=z.frequencyBinCount,v=new Uint8Array(m);z.getByteFrequencyData(v),D.push(v);for(let P=0;P<D[0].length;P++)h.push(0),D.forEach(R=>{h[P]+=R[P]});const _=$.value.width/2,F=$.value.height/2,T=30;V.beginPath(),V.arc(_,F,T,0,2*Math.PI),V.lineWidth=1,V.stroke(),V.closePath();for(let P=0;P<A;P++){k=h[P]*.4;const R=Math.PI*2/A,E=_+Math.cos(R*P)*T,Y=F+Math.sin(R*P)*T,se=_+Math.cos(R*P)*(T+k),re=F+Math.sin(R*P)*(T+k);w(V,E,Y,se,re,j)}u.value||V.clearRect(0,0,$.value.width,$.value.height)}};M()}catch(s){d(),console.error(s)}};return vt(()=>{d()}),(o,s)=>(r(),S("div",jt,[i("div",Ot,[n(te,{class:"mic-button",variant:"elevated",color:"white",icon:"",size:"60",onClick:ee(y,["prevent"])},{default:l(()=>[n(X,{size:"35"},{default:l(()=>[W(g(e(Qe)),1)]),_:1})]),_:1}),i("canvas",{ref_key:"canvas",ref:$,height:"300",width:"300"},null,512)])]))}}),Ht=de(Wt,[["__scopeId","data-v-0b467b3d"]]),Nt=["data-handler-id"],Yt=ce({__name:"VDnDCard",props:{id:{},index:{},camera:{},moveCard:{type:Function}},setup(ae,{expose:U}){const q=He(),C=ae,{camera:$}=pe(C),{uiSettings:B}=ze(q),u=f(),d=f(),w=f(null);let y=null,o=0,s=0;const z=N(()=>B.value.camview.dragDisabled===!1),{x,y:A,sourceType:j}=Ke(),{top:k,left:V}=Ze(w),[M,D]=Ge({accept:"camera",collect(b){return{handlerId:b.getHandlerId()}},hover(b,oe){var xe;if(!u.value)return;const le=b.index,ue=C.index;if(le===ue)return;const _e=(xe=u.value)==null?void 0:xe.getBoundingClientRect(),K=(_e.bottom-_e.top)/2,be=oe.getClientOffset().y-_e.top;le<ue&&be<K||le>ue&&be>K||(C.moveCard(le,ue),b.index=ue)}}),[h,m]=Xe({type:"camera",canDrag(){return z.value},item:()=>({id:C.id,index:C.index}),collect:b=>({isDragging:b.isDragging()})}),{handlerId:v}=pe(M.value),_=N(()=>h.value.isDragging),F=N(()=>_.value&&j.value==="touch"),T=N(()=>e(_)?0:1);J(F,b=>{b?(y=P(),o=x.value-V.value,s=A.value-k.value):(E(y),y=null)}),J([x,A],()=>{R(y,o,s)});const P=()=>{if(w.value){const b=w.value.cloneNode(!0);return b.classList.add("drag-preview"),document.body.appendChild(b),b}return null},R=(b,oe,le)=>{b&&(b.style.left=`${x.value-oe}px`,b.style.top=`${A.value-le}px`)},E=b=>{b&&document.body.removeChild(b)},Y=b=>{u.value=m(D(b))};return U({togglePlayerMute:b=>{var oe;(oe=d.value)==null||oe.toggleMute(b)},toggleMicrophone:async(b,oe)=>{var le;await((le=d.value)==null?void 0:le.toggleMicrophone(b,oe))}}),(b,oe)=>(r(),S("div",{ref_key:"boxEl",ref:w},[i("div",{ref:Y,class:"camera-card",style:ge({opacity:e(T),color:"#000",cursor:e(B).camview.dragDisabled?"default":"grab"}),"data-handler-id":e(v)},[n(Pe,{ref_key:"playerRef",ref:d,"current-camera":e($).name,"border-radius":0,target:"stream","show-camera-name":"","enable-control":"","auto-hide-control":"","source-role":e($).interface.streamingSource,"show-mode":!1},null,8,["current-camera","source-role"])],12,Nt)],512))}}),qt=de(Yt,[["__scopeId","data-v-f1c0f202"]]),Gt={class:"conference"},Xt=ce({__name:"VDnD",props:{cameras:{},dbCameras:{},noDrag:{type:Boolean}},emits:["drag"],setup(ae,{expose:U,emit:q}){const{isTouch:C}=Ne(),{smallMobileActive:$}=De(),B=q,u=ae,{cameras:d,dbCameras:w,noDrag:y}=pe(u),o=f(null),s=f(null),z=f(2),x=f([]),A=f(),j=f(!1);let k;const V=et(s),{isFullscreen:M,toggle:D}=tt(o),{width:h}=Qt(),m=N(()=>y.value||j.value),v=N(()=>{if($.value)return"100%";const R=V.width.value-z.value*2,E=x.value.length,Y=Math.ceil(Math.sqrt(E)),se=(R-(Y+1)*z.value)/Y;return`${Math.floor(se)}px`});J(h,(R,E)=>{R!==E&&(j.value=!0,clearTimeout(k),k=setTimeout(()=>{j.value=!1},100))}),J(d,R=>{x.value=he(R).sort((E,Y)=>E.index-Y.index)},{immediate:!0,deep:!0});const _=(R,E)=>{const Y=x.value[R];x.value.splice(R,1),x.value.splice(E,0,Y),x.value=x.value.map((se,re)=>(se.index=re,se)).sort((se,re)=>se.index-re.index),B("drag",x.value)};return U({toggleFullscreen:async()=>{await D()},togglePlayerMute:R=>{for(const E of A.value||[])E.togglePlayerMute(R)},togglePlayerMicrophone:async(R,E)=>{for(const Y of A.value||[])await Y.toggleMicrophone(R,E)},isFullscreen:M,selectedCameras:x}),(R,E)=>(r(),L(e(Je),{backend:e(C)?e(qe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraDnd",ref:o,class:"scenary"},[i("div",Gt,[n(ft,{ref_key:"dishEl",ref:s,name:"list",tag:"div",class:"dish"},{default:l(()=>[(r(!0),S(fe,null,ve(e(x),(Y,se)=>(r(),L(qt,{id:Y.cameraId,ref_for:!0,ref_key:"dndCards",ref:A,key:Y.cameraId,index:se,camera:e(w).find(re=>re._id===Y.cameraId),"move-card":_,style:ge({width:e(v)}),class:ie(["dnd-card",{"no-transition":e(m)}])},null,8,["id","index","camera","style","class"]))),128))]),_:1},512)])],512)]),_:1},8,["backend"]))}}),Jt=de(Xt,[["__scopeId","data-v-bb21ec2b"]]),Kt={class:"camera-snapshot"},Zt={class:"camera-info flex flex-row items-center"},ea={class:"text-passive truncate"},ta=ce({__name:"VViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(ae){const U=ae,{isDropped:q,camera:C,canDrag:$}=pe(U),B=f(null);let u=null,d=0,w=0;const{x:y,y:o,sourceType:s}=Ke(),{top:z,left:x}=Ze(B),[A,j]=Xe(()=>({type:"camera",options:{dropEffect:"copy"},item:C.value,canDrag:$.value,collect:m=>({style:{opacity:m.isDragging()?.4:1},isDragging:m.isDragging()})})),k=N(()=>A.value.isDragging),V=N(()=>k.value&&s.value==="touch");J(V,m=>{m?(u=M(),d=y.value-x.value,w=o.value-z.value):(h(u),u=null)}),J([y,o],()=>{D(u,d,w)});const M=()=>{if(B.value){const m=B.value.cloneNode(!0);return m.classList.add("drag-preview"),document.body.appendChild(m),m}return null},D=(m,v,_)=>{m&&(m.style.left=`${y.value-v}px`,m.style.top=`${o.value-_}px`)},h=m=>{m&&document.body.removeChild(m)};return(m,v)=>{const _=Pe;return r(),S("div",{ref_key:"boxEl",ref:B},[i("div",{ref:e(j),style:ge({...e(A).style,cursor:e(q)?"default":"grab"}),class:"drag-box p-2 flex flex-row items-center relative"},[n(X,{size:"20",class:"text-passive mr-2"},{default:l(()=>[W(g(e(_t)),1)]),_:1}),i("div",Kt,[n(_,{"current-camera":e(C).name,"border-radius":6,target:"snapshot","show-mode":!1},null,8,["current-camera"])]),i("div",Zt,[i("span",ea,g(e(C).name),1),e(q)?(r(),L(X,{key:0,size:"25",class:"ml-auto text-green mr-4"},{default:l(()=>[W(g(e(wt)),1)]),_:1})):H("",!0)])],4)],512)}}}),aa=de(ta,[["__scopeId","data-v-7dfa63f3"]]),Me={WIDTH:400},sa={class:"camera-view-edit flex flex-col p-2"},la={class:"mb-4 text-lg"},oa={class:"text-passive mb-5 mt-5"},ra={class:"camera-container py-3"},na=ce({__name:"VViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},setup(ae){pt(w=>({"7ea40162":e(B)}));const U=ae,{cameras:q,droppedCameras:C,title:$}=pe(U),B=f(`${Me.WIDTH}px`),u=f(!1),d=w=>C.value.some(y=>y.name===w.name);return(w,y)=>{const o=aa;return r(),S("div",sa,[i("b",la,g(e($)),1),i("span",oa,g(w.$t("components.view_box.available_streams")),1),i("div",ra,[(r(!0),S(fe,null,ve(e(q),(s,z)=>(r(),S("div",{key:z,class:"mb-4"},[n(o,{camera:s,"is-dropped":d(s),"can-drag":!d(s),class:ie({shake:e(u)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])])}}}),ia=de(na,[["__scopeId","data-v-420802a2"]]),ca={key:0,class:"overlay-button-text truncate",color:"#fff"},da={key:1,class:"w-full h-full flex items-center justify-center"},ua=ce({__name:"VViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},onDrop:{type:Function}},emits:["drop","remove"],setup(ae,{expose:U,emit:q}){const{desktopActive:C}=De(),$=q,B=ae,{lastDroppedCamera:u,editMode:d,cameras:w,droppedCameras:y}=pe(B),o=f(null),s=f(),{width:z}=et(o),[x,A]=Ge({accept:"camera",drop:B.onDrop,collect:v=>({isOver:v.isOver(),canDrop:v.canDrop()&&u.value===void 0}),canDrop:()=>u.value===void 0}),j=N(()=>x.value.canDrop&&x.value.isOver),k=N(()=>d.value?j.value?"#171717":"#202020":"#000"),V=N(()=>z.value<=200),M=N(()=>w.value.filter(v=>!D(v))),D=v=>y.value.some(_=>_.name===v.name);return U({togglePlayerMute:v=>{var _;(_=s.value)==null||_.toggleMute(v)},toggleMicrophone:async(v,_)=>{var F;await((F=s.value)==null?void 0:F.toggleMicrophone(v,_))}}),(v,_)=>(r(),S("div",{ref:e(A),style:ge({backgroundColor:e(k)}),class:"overflow-hidden"},[e(u)?(r(),S("div",{key:0,ref_key:"container",ref:o,class:"w-full h-full flex items-center justify-center relative"},[e(d)?(r(),L(te,{key:0,icon:e(V),size:e(V)?32:void 0,class:"overlay-button flex items-center justify-center",color:"#df2a4c",onClick:_[0]||(_[0]=ee(F=>$("remove",e(u)),["prevent"]))},{default:l(()=>[n(X,{size:"18"},{default:l(()=>[W(g(e(yt)),1)]),_:1}),e(V)?H("",!0):(r(),S("span",ca,g(e(u).name),1))]),_:1},8,["icon","size"])):H("",!0),n(gt,{name:"fade",mode:"in-out"},{default:l(()=>[e(u)?(r(),L(Pe,{key:0,ref_key:"playerRef",ref:s,class:ie({"camera-overlay":e(d)}),"current-camera":e(u).name,"border-radius":0,target:e(d)?"snapshot":"stream",style:ge({opacity:e(d)?.2:1}),"show-camera-name":!e(d),"enable-control":!e(d),"auto-hide-control":"","source-role":e(u).interface.streamingSource,"show-mode":!1},null,8,["class","current-camera","target","style","show-camera-name","enable-control","source-role"])):H("",!0)]),_:1})],512)):!e(C)&&e(d)?(r(),S("div",da,[n(te,{icon:"",size:"32",color:"#df2a4c"},{default:l(()=>[n(X,{size:"18",color:"#ffff"},{default:l(()=>[W(g(e(je)),1)]),_:1}),n($e,{activator:"parent",class:"select-menu"},{default:l(()=>[n(Oe,{"onClick:select":_[1]||(_[1]=F=>$("drop",F.id))},{default:l(()=>[(r(!0),S(fe,null,ve(e(M),(F,T)=>(r(),L(ye,{key:T,value:F},{default:l(()=>[n(We,null,{default:l(()=>[W(g(F.name),1)]),_:2},1024)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})]),_:1})])):H("",!0)],4))}}),ma=de(ua,[["__scopeId","data-v-4725d64a"]]),va=ce({__name:"VView",props:{cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean,default:!1}},emits:["drop","remove"],setup(ae,{expose:U,emit:q}){const{isTouch:C}=Ne(),{desktopActive:$}=De(),B=q,u=ae,{cameras:d,editMode:w,viewSize:y,cards:o,title:s}=pe(u),z=f(null),x=f(`${Me.WIDTH}px`),A=f(),{isFullscreen:j,toggle:k}=tt(z),V=N(()=>o.value.filter(m=>m.lastDroppedCamera).map(m=>m.lastDroppedCamera));return U({toggleFullscreen:async()=>{await k()},togglePlayerMute:m=>{for(const v of A.value||[])v.togglePlayerMute(m)},togglePlayerMicrophone:async(m,v)=>{for(const _ of A.value||[])await _.toggleMicrophone(m,v)},isFullscreen:j}),(m,v)=>{const _=ia;return r(),L(e(Je),{backend:e(C)?e(qe):e(Ye)},{default:l(()=>[i("div",{ref_key:"cameraView",ref:z,class:"view-container flex items-center mx-2",style:ge({width:e(w)&&e($)?`calc(100% - ${e(x)})`:void 0})},[i("div",{class:ie(`view-wrap w-full camera-view-${e(y)}`)},[(r(!0),S(fe,null,ve(e(o),(F,T)=>(r(),L(ma,{ref_for:!0,ref_key:"dragContainer",ref:A,key:T,class:ie(`div${T+1}-${e(y)}`),"last-dropped-camera":F.lastDroppedCamera,cameras:e(d),"dropped-cameras":e(V),"edit-mode":e(w),onDrop:P=>B("drop",T,P),onRemove:v[0]||(v[0]=P=>B("remove",P))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","onDrop"]))),128))],2)],4),e(w)&&e($)?(r(),L(_,{key:0,cameras:e(d),"dropped-cameras":e(V),title:e(s),class:"view-box",style:ge({"margin-right":e(w)?"0px":`-${e(Me).WIDTH}px`})},null,8,["cameras","dropped-cameras","title","style"])):H("",!0)]),_:1},8,["backend"])}}}),fa=de(va,[["__scopeId","data-v-8ef83e91"]]),pa={class:"w-full h-full"},ga={class:"camview-topbar p-2 flex flex-row items-center"},_a={class:"flex w-full justify-start items-center"},wa={class:"camview-title truncate"},ya={style:{margin:"5px"}},ha={class:"flex flex-row w-full justify-start items-center"},ba={class:"menu-item"},xa={class:"flex w-full justify-start items-center"},Va={class:"camview-title truncate"},ka={style:{margin:"5px"}},Da={class:"flex flex-row w-full justify-start items-center"},Ca={class:"icon-wrapper"},$a={class:"menu-item ml-2"},za={class:"flex flex-row w-full justify-start items-center"},Ma={class:"icon-wrapper"},Pa={class:"menu-item ml-2"},Sa={key:9,class:"flex flex-row items-center"},Fa={class:"text-white"},Ia={class:"h-full w-full inline-size mb-safe"},Aa={key:0,class:"h-full w-full flex items-center justify-center"},Ta={key:1,class:"w-full h-full"},Ra={key:0,class:"w-full h-full relative"},Ba={key:1,class:"w-full h-full flex flex-row"},Ea={key:2,class:"flex flex-col items-center justify-center w-full h-full"},La={class:"mt-5",style:{color:"#525252"}},Ua={class:"flex flex-col h-full w-full"},Qa={class:"relative"},ja={for:"name",class:"v-label"},Oa={key:0,class:"text-red text-center mb-5"},Wa={class:"view-scroll-container"},Ha={class:"view-select-container"},Na=["onClick"],Ya={class:"flex flex-col h-full w-full"},qa={class:"relative"},Ga={for:"name",class:"v-label"},Xa={key:0,class:"text-red text-center mb-5"},Ja={class:"flex flex-col"},Ka=ce({__name:"Camview",setup(ae){var Se;const U=new Rt,q=new Ut,{smallMobileActive:C}=De(),$=Tt(),B=He(),{uiSettings:u}=ze(B),{loginState:d}=ze($),w=f(),y=f(),o=f(),s=f({}),z=f(!1),x=f({page:1,pageSize:-1}),A=f([1,4,6,7,9,10,12,13,15,16,20,26]),j=f(!1),k=f(!1),V=f(!0),M=f(!1),D=f(!1),h=f(!1),m=f(!1),v=f(!1),_=f(!1),F=f([]),T=f([]),{data:P,isLoading:R}=q.getCamerasQuery(x),{data:E,isLoading:Y}=U.getViewsQuery(((Se=d.value.user)==null?void 0:Se.username)||"",x),{mutate:se,isPending:re}=U.removeViewQuery(),{mutateAsync:b,isPending:oe}=U.createViewQuery(),{mutateAsync:le,isPending:ue}=U.patchViewQuery(),{mutateAsync:_e}=U.patchViewQuerySilent(),K=N(()=>M.value||h.value||D.value),ne=N(()=>R.value||Y.value||re.value||oe.value||ue.value),be=N(()=>{var a,t;return((a=y.value)==null?void 0:a.isFullscreen)||((t=y.value)==null?void 0:t.isFullscreen)||!1}),xe=N(()=>navigator.mediaDevices!==void 0),I=N(()=>{var t,p;const a=((t=E.value)==null?void 0:t.result.find(Q=>Q._id===u.value.camview.viewid))||((p=E.value)==null?void 0:p.result[0]);return a?(s.value=a,u.value.camview.viewid=a._id):s.value={},a}),Ce=N(()=>K.value&&s.value.viewSize>0?s.value.viewSize:I.value?I.value.viewSize:1);J(d,a=>{U.toggleQueryActivator("getUserQuery",a!==null)}),J([Ce,I,P,K,u],()=>{var t,p,Q;if(((t=I.value)==null?void 0:t.type)==="dnd"&&!M.value&&!h.value)return;const a=Array.from({length:Ce.value}).map((O,Z)=>({accept:"camera",index:Z,lastDroppedCamera:void 0}));if(!h.value&&!m.value)for(const O of((p=I.value)==null?void 0:p.cameras)||[])a[O.index].lastDroppedCamera=(Q=P.value)==null?void 0:Q.result.find(Z=>Z._id===O.cameraId);F.value=a},{deep:!0,immediate:!0}),J(s,a=>{var t,p,Q;if(Object.keys(a).length===0)(t=o.value)==null||t.resetForm(),j.value=!1,k.value=!1;else{for(const[O,Z]of Object.entries(a))(p=o.value)==null||p.setFieldValue(O,Z);a.viewSize&&(j.value=!1),(Q=a.cameras)!=null&&Q.length&&(k.value=!1)}},{deep:!0}),J([m,h],([a,t])=>{(!a&&!t||a)&&(s.value={},j.value=!1)}),J([v,D],()=>{D.value||(T.value=[],s.value={},k.value=!1)}),J(v,a=>{a||(D.value=!1)}),J(D,a=>{var t;a?(T.value=((t=P.value)==null?void 0:t.result.filter(p=>{var Q;return(Q=I.value)==null?void 0:Q.cameras.some(O=>O.cameraId===p._id)}))||[],v.value=!0):(T.value=[],v.value=!1)}),J(T,a=>{a.length&&(k.value=!1)}),J(K,a=>{a&&I.value&&!h.value&&(s.value=he(I.value))}),J(d,a=>{a.user?U.toggleQueryActivator("getUserQuery",!0):U.toggleQueryActivator("getUserQuery",!1)},{immediate:!0,deep:!0});const at=async a=>{if(!I.value||!d.value.user)return;const t=he(I.value);t.cameras=a;const p=await _e({username:d.value.user.username,viewid:t._id,viewData:t});we(p)},st=(a,t)=>{F.value[a].lastDroppedCamera=t},lt=a=>{F.value=F.value.map(t=>{var p;return((p=t.lastDroppedCamera)==null?void 0:p.name)===a.name&&(t.lastDroppedCamera=void 0),t})},ot=async()=>{var p;if(!o.value||!d.value.user)return;const a=T.value.map((Q,O)=>({cameraId:Q._id,index:O}));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(((p=E.value)==null?void 0:p.result.find(Z=>Z.name===s.value.name))&&!D.value){o.value.setFieldError("name","View already exists");return}if(a.length===0){k.value=!0;return}if(!t.valid)return;const O=he(s.value);if(O._id){const Z=await le({username:d.value.user.username,viewid:O._id,viewData:O});we(Z)}else{const Z=await b({username:d.value.user.username,viewData:O});we(Z)}v.value=!1}},rt=async()=>{var t,p;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=E.value)==null?void 0:t.result.find(O=>O.name===s.value.name)){o.value.setFieldError("name","View already exists");return}if(!a.valid){((p=a.results.viewSize)==null?void 0:p.valid)===!1&&(j.value=!0);return}m.value=!1,h.value=!0}},nt=async()=>{if(!o.value||!d.value.user||Object.keys(s.value).length===0)return;const a=F.value.filter(p=>p.lastDroppedCamera).map(p=>({cameraId:p.lastDroppedCamera._id,index:p.index})).sort((p,Q)=>p.index-Q.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 p=he(s.value);if(p.cameras=a,p._id){const Q=await le({username:d.value.user.username,viewid:p._id,viewData:p});we(Q)}else{const Q=await b({username:d.value.user.username,viewData:p});we(Q)}}else console.error("result",t)},we=a=>{u.value.camview.viewid=a._id,m.value=!1,v.value=!1,h.value=!1,M.value=!1},it=()=>{!I.value||!d.value.user||se({username:d.value.user.username,viewid:I.value._id},{onSuccess:a=>{a.length?u.value.camview.viewid=a[0]._id:u.value.camview.viewid=void 0}})},ct=a=>{u.value.camview.viewid=a._id},dt=async()=>{y.value?await y.value.toggleFullscreen():w.value&&await w.value.toggleFullscreen()},ut=()=>{V.value=!V.value,y.value?y.value.togglePlayerMute(V.value):w.value&&w.value.togglePlayerMute(V.value)},mt=async a=>{y.value?await y.value.togglePlayerMicrophone(a):w.value&&await w.value.togglePlayerMicrophone(a)};return(a,t)=>{const p=Et,Q=Ht;return r(),S("main",pa,[n(e(Lt),{ref_key:"viewVeeForm",ref:o,class:"h-full w-full","validation-schema":e(Bt),"initial-values":e(s)},{default:l(()=>{var O,Z,Fe,Ie,Ae,Te;return[i("div",ga,[!e(h)&&e(I)?(r(),L(te,{key:0,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",_a,[e(K)?H("",!0):(r(),L(X,{key:0,size:"18",class:"text-color mr-1"},{default:l(()=>[W(g(e(z)?e(ht):e(bt)),1)]),_:1})),i("span",wa,g(e(I).name),1)]),e(K)?H("",!0):(r(),L($e,{key:0,activator:"parent",width:"324",offset:"5",location:"bottom",class:"select-menu","onUpdate:modelValue":t[0]||(t[0]=c=>z.value=c)},{default:l(()=>[n(Be,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>{var c;return[i("div",ya,[(r(!0),S(fe,null,ve(((c=e(E))==null?void 0:c.result)||[],(G,me)=>(r(),L(ye,{key:me,active:G._id===e(I)._id,value:G,style:{"border-radius":"5px !important"},disabled:e(ne),onClick:ee(Ve=>ct(G),["prevent"])},{default:l(()=>[i("div",ha,[i("span",ba,g(G.name),1)])]),_:2},1032,["active","value","disabled","onClick"]))),128))])]}),_:1})]),_:1}))]),_:1})):e(h)&&e(s).name?(r(),L(te,{key:1,size:"small",variant:"flat",style:{background:"rgba(var(--color-rgb), 0.1)","padding-left":"8px"}},{default:l(()=>[i("div",xa,[i("span",Va,g(e(s).name),1)])]),_:1})):H("",!0),t[20]||(t[20]=i("div",{class:"ml-auto"},null,-1)),!e(K)&&((O=e(I))==null?void 0:O.type)==="dnd"?(r(),L(te,{key:2,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[1]||(t[1]=ee(c=>e(u).camview.dragDisabled=!e(u).camview.dragDisabled,["prevent"]))},{default:l(()=>[n(X,{size:"18"},{default:l(()=>[W(g(e(u).camview.dragDisabled?e(xt):e(Vt)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)?(r(),L(te,{key:3,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[2]||(t[2]=ee(c=>ut(),["prevent"]))},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(V)?e(kt):e(Dt)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)&&e(xe)?(r(),L(te,{key:4,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[3]||(t[3]=ee(c=>_.value=!0,["prevent"]))},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(Qe)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)?(r(),L(te,{key:5,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[4]||(t[4]=ee(c=>dt(),["prevent"]))},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(be)?e(Ct):e($t)),1)]),_:1})]),_:1})):H("",!0),!e(K)&&e(I)?(r(),L(te,{key:6,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[5]||(t[5]=ee(c=>it(),["prevent"]))},{default:l(()=>[n(X,{size:"20"},{default:l(()=>[W(g(e(zt)),1)]),_:1})]),_:1})):H("",!0),!e(D)&&!e(M)&&!e(h)&&e(I)?(r(),L(te,{key:7,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text",onClick:t[6]||(t[6]=ee(c=>{var G;return((G=e(I))==null?void 0:G.type)==="dnd"?D.value=!e(D):M.value=!e(M)},["prevent"]))},{default:l(()=>[n(X,{size:"19"},{default:l(()=>[W(g(e(Mt)),1)]),_:1})]),_:1})):H("",!0),!e(D)&&!e(M)&&!e(h)?(r(),L(te,{key:8,class:"disabled-text mr-2",size:"30",rounded:"",density:"compact",variant:"text"},{default:l(()=>[n(X,{size:"22"},{default:l(()=>[W(g(e(je)),1)]),_:1}),n($e,{activator:"parent",offset:"5",location:"bottom",class:"select-menu"},{default:l(()=>[n(Be,{width:"200",style:{border:"1px solid var(--background-timeline)","border-radius":"10px"},elevation:"3"},{default:l(()=>[i("div",ka,[n(ye,{style:{"border-radius":"5px !important"},disabled:e(ne),onClick:t[7]||(t[7]=ee(c=>m.value=!0,["prevent"]))},{default:l(()=>[i("div",Da,[i("div",Ca,[n(X,{size:"20",class:"text-passive"},{default:l(()=>[W(g(e(Pt)),1)]),_:1})]),i("span",$a,g(a.$t("views.camview.new_view")),1)])]),_:1},8,["disabled"]),t[19]||(t[19]=i("div",{class:"my-1"},null,-1)),n(ye,{style:{"border-radius":"5px !important"},disabled:e(ne),onClick:t[8]||(t[8]=ee(c=>v.value=!0,["prevent"]))},{default:l(()=>[i("div",za,[i("div",Ma,[n(X,{size:"20",class:"text-passive"},{default:l(()=>[W(g(e(St)),1)]),_:1})]),i("span",Pa,g(a.$t("views.camview.new_dnd")),1)])]),_:1},8,["disabled"])])]),_:1})]),_:1})]),_:1})):H("",!0),e(M)||e(h)?(r(),S("div",Sa,[n(te,{class:"disabled-text mr-2",size:"small",variant:"flat",border:"",onClick:t[9]||(t[9]=ee(c=>e(M)?M.value=!1:h.value=!1,["prevent"]))},{default:l(()=>[W(g(a.$t("components.form.button.cancel")),1)]),_:1}),n(te,{disabled:e(F).every(c=>c.lastDroppedCamera===void 0),class:"disabled-text",size:"small",color:"#df2a4c",variant:"flat",border:"",onClick:t[10]||(t[10]=ee(c=>nt(),["prevent"]))},{default:l(()=>[i("span",Fa,g(a.$t("components.form.button.save")),1)]),_:1},8,["disabled"])])):H("",!0)]),i("div",{class:ie(["camview-container",{"px-0":e(C)}])},[i("div",Ia,[e(ne)||!e(E)?(r(),S("div",Aa,[n(Ft,{color:"#df2a4c",indeterminate:""})])):(r(),S("div",Ta,[!e(h)&&!e(M)&&(e(D)||((Z=e(I))==null?void 0:Z.type)==="dnd")?(r(),S("div",Ra,[n(Jt,{ref_key:"dndRef",ref:w,cameras:((Fe=e(I))==null?void 0:Fe.cameras)||[],"db-cameras":((Ie=e(P))==null?void 0:Ie.result)||[],"no-drag":e(u).camview.dragDisabled,onDrag:at},null,8,["cameras","db-cameras","no-drag"])])):!e(D)&&(e(h)||e(M)||((Ae=e(I))==null?void 0:Ae.type)==="view")?(r(),S("div",Ba,[(r(),L(fa,{ref_key:"viewRef",ref:y,key:e(u).camview.viewid+(e(h)?"-new":e(M)?"-edit":"-view"),cameras:((Te=e(P))==null?void 0:Te.result)||[],"edit-mode":e(h)||e(M),"view-size":e(h)?e(s).viewSize:e(Ce),title:e(s).name,cards:e(F),onDrop:st,onRemove:lt},null,8,["cameras","edit-mode","view-size","title","cards"]))])):(r(),S("div",Ea,[i("span",La,g(a.$t("views.camview.no_views_configured")),1)]))]))])],2),n(p,{modelValue:e(m),"onUpdate:modelValue":t[12]||(t[12]=c=>ke(m)?m.value=c:null),title:e(K)?a.$t("components.dialog.title.edit_view"):a.$t("components.dialog.title.new_view"),"confirm-text":"components.form.button.next",loading:e(ne),onConfirm:t[13]||(t[13]=c=>rt())},{content:l(()=>[i("div",Ua,[i("div",Qa,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[11]||(t[11]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:G,errors:me})=>[i("label",ja,g(a.$t("components.form.label.name")),1),n(Ee,Re({loading:e(ne),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:me.length>0,"error-messages":G}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"my-5"}),e(j)?(r(),S("span",Oa,g(a.$t("components.form.error.no_view_selected")),1)):H("",!0),i("div",Wa,[i("div",Ha,[(r(!0),S(fe,null,ve(e(A),c=>(r(),S("div",{key:c,class:"view-select-item h-full w-full",onClick:ee(G=>e(s).viewSize=c,["prevent"])},[i("div",{class:ie(["view-select-item-icon w-full h-full p-3",{"selected-view":e(s).viewSize===c}])},[n(X,{class:"disabled-text",style:{width:"100%",height:"100%"}},{default:l(()=>[W(g(`$cuiGrid${c}`),1)]),_:2},1024)],2),i("span",{class:ie(["view-select-item-label disabled-text mt-2 px-2 py-1",{"selected-view-label":e(s).viewSize===c}])},g(c)+" "+g(a.$t("views.camview.cameras")),3)],8,Na))),128))])])])]),_:1},8,["modelValue","title","loading"]),n(p,{modelValue:e(v),"onUpdate:modelValue":t[16]||(t[16]=c=>ke(v)?v.value=c:null),title:e(K)?a.$t("components.dialog.title.edit_dnd"):a.$t("components.dialog.title.new_dnd"),"confirm-text":"components.form.button.save",loading:e(ne),onConfirm:t[17]||(t[17]=c=>ot())},{content:l(()=>[i("div",Ya,[i("div",qa,[n(e(Ue),{modelValue:e(s).name,"onUpdate:modelValue":t[14]||(t[14]=c=>e(s).name=c),name:"name"},{default:l(({field:c,errorMessage:G,errors:me})=>[i("label",Ga,g(a.$t("components.form.label.name")),1),n(Ee,Re({loading:e(ne),variant:"outlined",name:"name",type:"text",density:"compact"},c,{error:me.length>0,"error-messages":G}),null,16,["loading","error","error-messages"])]),_:1},8,["modelValue"])]),n(Le,{class:"mb-10 mt-5"}),e(k)?(r(),S("span",Xa,g(a.$t("components.form.error.no_cameras_selected")),1)):H("",!0),n(Oe,{selected:e(T),"onUpdate:selected":t[15]||(t[15]=c=>ke(T)?T.value=c:null),"select-strategy":"classic",class:"py-0 mb-5",density:"compact"},{default:l(()=>{var c;return[(r(!0),S(fe,null,ve(((c=e(P))==null?void 0:c.result)||[],(G,me)=>(r(),L(ye,{key:me,value:G,active:e(T).some(Ve=>Ve.name===G.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(g(G.name),1)]),_:2},1024)]),_:2},1032,["value","active"]))),128))]}),_:1},8,["selected"])])]),_:1},8,["modelValue","title","loading"]),n(p,{modelValue:e(_),"onUpdate:modelValue":t[18]||(t[18]=c=>ke(_)?_.value=c:null),title:a.$t("components.dialog.title.intercom"),loading:e(ne),"hide-confirm-button":""},{content:l(()=>[i("div",Ja,[i("span",null,g(a.$t("components.dialog.message.intercom_info")),1),n(Q,{onListening:mt})])]),_:1},8,["modelValue","title","loading"])]}),_:1},8,["validation-schema","initial-values"])])}}}),Os=de(Ka,[["__scopeId","data-v-35de00f9"]]);export{Os as default};