@camera.ui/server 0.0.34 → 0.0.35

package/dist/interface/{Adminpanel.CHIsBkGx.0.0.34.js → Adminpanel.CLVaO_8q.0.0.35.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["vue3-apexcharts.BD_0SMjO.0.0.34.js","apexcharts.D9tjHPpW.0.0.34.js","@xterm.DvuDDXP2.0.0.34.js","assets/@xterm.0.0.34.CFbL2ovg.css","@vue.DY4Lzrtd.0.0.34.js","perfect-debounce.Cp2ysxOb.0.0.34.js","hookable.B8xFkYCm.0.0.34.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.DY4Lzrtd.0.0.34.js";import{aC as We,ax as me}from"./@mdi.D-fmakQN.0.0.34.js";import{i as U,u as Le,t as ae,O as Ne,P as Se,f as H,a as Ce,N as Pe,y as X,x as ge,j as Te}from"./main.CB9WYJKS.0.0.34.js";import{s as ye}from"./pinia.B1C55TV-.0.0.34.js";import{l as se,T as oe,b as re,e as ne,$ as Oe,a0 as Z,p as pe,m as j}from"./vuetify.yphP_QZA.0.0.34.js";import{i as ie}from"./vue3-toastify.Dj0jHxLd.0.0.34.js";import{P as De}from"./plugins.F3xzQ1uF.0.0.34.js";import{P as f}from"./types.Cz9TaZAP.0.0.34.js";import{u as Ee,a as Re,b as $e}from"./@tanstack.BUB3FtD6.0.0.34.js";import{S as Ie}from"./system.CXrTAAsG.0.0.34.js";import"./perfect-debounce.Cp2ysxOb.0.0.34.js";import"./hookable.B8xFkYCm.0.0.34.js";import"./vue-i18n.C5Lpo2AE.0.0.34.js";import"./@intlify.DXtFJcML.0.0.34.js";import"./axios.C-n2IhIP.0.0.34.js";import"./vue-router.D09FPrl-.0.0.34.js";import"./@vueuse.D0v3GNQr.0.0.34.js";import"./nprogress.BdUmuq3O.0.0.34.js";import"./@xterm.DvuDDXP2.0.0.34.js";import"./vee-validate.BDhbabpU.0.0.34.js";import"./@vee-validate.D31lUx1L.0.0.34.js";import"./zod.DnW1_kUe.0.0.34.js";import"./uuid.Ch9TGLTe.0.0.34.js";import"./socket.io-client.BfZbwOXt.0.0.34.js";import"./engine.io-client.iZPf9QPy.0.0.34.js";import"./engine.io-parser.BiEtp6m2.0.0.34.js";import"./@socket.io.Dkula2eQ.0.0.34.js";import"./socket.io-parser.DU7AeRYJ.0.0.34.js";import"./rxjs.B78bj6TU.0.0.34.js";import"./tslib.9k7AwCpt.0.0.34.js";import"./vue-inline-svg.Dx_165HU.0.0.34.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(),z=()=>{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(z,["prevent"]),onNext:M(B,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),je=H(Qe,[["__scopeId","data-v-0f04954a"]]),ze={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.BD_0SMjO.0.0.34.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",ze,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:z,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(z),"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(j,{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(j,{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:z,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(z),"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(j,{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(j,{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:z,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 z()}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(j,{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(j,{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(j,{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(j,{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=je;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.fn58K6eo.0.0.35.js","apexcharts.CpcWeSt-.0.0.35.js","@xterm.DaOfJRbL.0.0.35.js","assets/@xterm.0.0.35.CFbL2ovg.css","@vue.D3faHw_p.0.0.35.js","perfect-debounce.Cp2ysxOb.0.0.35.js","hookable.B8xFkYCm.0.0.35.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.D3faHw_p.0.0.35.js";import{aC as We,ax as me}from"./@mdi.D-fmakQN.0.0.35.js";import{i as U,u as Le,t as ae,O as Ne,P as Se,f as H,a as Ce,N as Pe,y as X,x as ge,j as Te}from"./main.BEqkX0V2.0.0.35.js";import{s as ye}from"./pinia.5X5MHLu-.0.0.35.js";import{l as se,T as oe,b as re,e as ne,$ as Oe,a0 as Z,p as pe,m as j}from"./vuetify.DVA-3FxH.0.0.35.js";import{i as ie}from"./vue3-toastify.Zbp9eYzV.0.0.35.js";import{P as De}from"./plugins.pgSGySL7.0.0.35.js";import{P as f}from"./types.Cz9TaZAP.0.0.35.js";import{u as Ee,a as Re,b as $e}from"./@tanstack.CPdMhQJA.0.0.35.js";import{S as Ie}from"./system.CrtJGfyt.0.0.35.js";import"./perfect-debounce.Cp2ysxOb.0.0.35.js";import"./hookable.B8xFkYCm.0.0.35.js";import"./vue-i18n.CSHG5POd.0.0.35.js";import"./@intlify.DXtFJcML.0.0.35.js";import"./axios.C-n2IhIP.0.0.35.js";import"./vue-router.DeKO-TI6.0.0.35.js";import"./@vueuse.B82NMNOO.0.0.35.js";import"./nprogress.C5XxOxB7.0.0.35.js";import"./@xterm.DaOfJRbL.0.0.35.js";import"./vee-validate.DXuKpF9H.0.0.35.js";import"./@vee-validate.CJWK7-QJ.0.0.35.js";import"./zod.DnW1_kUe.0.0.35.js";import"./uuid.Ch9TGLTe.0.0.35.js";import"./socket.io-client.DStxZJaW.0.0.35.js";import"./engine.io-client.DID1Gi0P.0.0.35.js";import"./engine.io-parser.BiEtp6m2.0.0.35.js";import"./@socket.io.Dkula2eQ.0.0.35.js";import"./socket.io-parser.Bu59a6yj.0.0.35.js";import"./rxjs.D3MMpuwm.0.0.35.js";import"./tslib.9k7AwCpt.0.0.35.js";import"./vue-inline-svg.ZwVRfyPJ.0.0.35.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(),z=()=>{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(z,["prevent"]),onNext:M(B,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),je=H(Qe,[["__scopeId","data-v-0f04954a"]]),ze={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.fn58K6eo.0.0.35.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",ze,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:z,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(z),"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(j,{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(j,{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:z,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(z),"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(j,{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(j,{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:z,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 z()}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(j,{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(j,{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(j,{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(j,{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=je;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.DxBbnd9q.0.0.34.js → Appearance.DHxABbCS.0.0.35.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 k}from"./@vue.DY4Lzrtd.0.0.34.js";import{b as B,a as U,k as C,V as L}from"./main.CB9WYJKS.0.0.34.js";import{s as u}from"./pinia.B1C55TV-.0.0.34.js";import{z as v,d as f,n as _,m as M}from"./vuetify.yphP_QZA.0.0.34.js";import"./perfect-debounce.Cp2ysxOb.0.0.34.js";import"./hookable.B8xFkYCm.0.0.34.js";import"./vue3-toastify.Dj0jHxLd.0.0.34.js";import"./vue-i18n.C5Lpo2AE.0.0.34.js";import"./@intlify.DXtFJcML.0.0.34.js";import"./axios.C-n2IhIP.0.0.34.js";import"./@tanstack.BUB3FtD6.0.0.34.js";import"./vue-router.D09FPrl-.0.0.34.js";import"./@vueuse.D0v3GNQr.0.0.34.js";import"./nprogress.BdUmuq3O.0.0.34.js";import"./@xterm.DvuDDXP2.0.0.34.js";import"./@mdi.D-fmakQN.0.0.34.js";import"./vee-validate.BDhbabpU.0.0.34.js";import"./@vee-validate.D31lUx1L.0.0.34.js";import"./zod.DnW1_kUe.0.0.34.js";import"./uuid.Ch9TGLTe.0.0.34.js";import"./socket.io-client.BfZbwOXt.0.0.34.js";import"./engine.io-client.iZPf9QPy.0.0.34.js";import"./engine.io-parser.BiEtp6m2.0.0.34.js";import"./@socket.io.Dkula2eQ.0.0.34.js";import"./socket.io-parser.DU7AeRYJ.0.0.34.js";import"./rxjs.B78bj6TU.0.0.34.js";import"./tslib.9k7AwCpt.0.0.34.js";import"./vue-inline-svg.Dx_165HU.0.0.34.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"},z={class:"subview-title text-color"},A={class:"inner-component p-4"},G={class:"relative"},j={for:"language",class:"v-label"},q={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"},Ue=x({__name:"Appearance",setup(Z){const h=B(),V=U(),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",z,s(i.$t("views.settings.locale")),1),e("div",A,[e("div",G,[e("label",j,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",q,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(()=>[k(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{Ue 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 k}from"./@vue.D3faHw_p.0.0.35.js";import{b as B,a as U,k as C,V as L}from"./main.BEqkX0V2.0.0.35.js";import{s as u}from"./pinia.5X5MHLu-.0.0.35.js";import{z as v,d as f,n as _,m as M}from"./vuetify.DVA-3FxH.0.0.35.js";import"./perfect-debounce.Cp2ysxOb.0.0.35.js";import"./hookable.B8xFkYCm.0.0.35.js";import"./vue3-toastify.Zbp9eYzV.0.0.35.js";import"./vue-i18n.CSHG5POd.0.0.35.js";import"./@intlify.DXtFJcML.0.0.35.js";import"./axios.C-n2IhIP.0.0.35.js";import"./@tanstack.CPdMhQJA.0.0.35.js";import"./vue-router.DeKO-TI6.0.0.35.js";import"./@vueuse.B82NMNOO.0.0.35.js";import"./nprogress.C5XxOxB7.0.0.35.js";import"./@xterm.DaOfJRbL.0.0.35.js";import"./@mdi.D-fmakQN.0.0.35.js";import"./vee-validate.DXuKpF9H.0.0.35.js";import"./@vee-validate.CJWK7-QJ.0.0.35.js";import"./zod.DnW1_kUe.0.0.35.js";import"./uuid.Ch9TGLTe.0.0.35.js";import"./socket.io-client.DStxZJaW.0.0.35.js";import"./engine.io-client.DID1Gi0P.0.0.35.js";import"./engine.io-parser.BiEtp6m2.0.0.35.js";import"./@socket.io.Dkula2eQ.0.0.35.js";import"./socket.io-parser.Bu59a6yj.0.0.35.js";import"./rxjs.D3MMpuwm.0.0.35.js";import"./tslib.9k7AwCpt.0.0.35.js";import"./vue-inline-svg.ZwVRfyPJ.0.0.35.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"},z={class:"subview-title text-color"},A={class:"inner-component p-4"},G={class:"relative"},j={for:"language",class:"v-label"},q={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"},Ue=x({__name:"Appearance",setup(Z){const h=B(),V=U(),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",z,s(i.$t("views.settings.locale")),1),e("div",A,[e("div",G,[e("label",j,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",q,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(()=>[k(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{Ue as default};

package/dist/interface/{Backup.DPqf4h1-.0.0.34.js → Backup.BHRInPzq.0.0.35.js}

@@ -1 +1 @@
-import{_ as j}from"./main.CB9WYJKS.0.0.34.js";import{G as U,t as L,r as d,b as w,d as x,f as s,R as _,ab as b,a9 as n,u,k as V,aa as z,p as g,a7 as I,i as R}from"./@vue.DY4Lzrtd.0.0.34.js";import{i as B}from"./vue3-toastify.Dj0jHxLd.0.0.34.js";import{r as E,d as J}from"./backup.Dc87J9of.0.0.34.js";import{r as T}from"./system.CXrTAAsG.0.0.34.js";import{aE as M,Y as A}from"./@mdi.D-fmakQN.0.0.34.js";import{e as O,a1 as G,b as D,n as Y}from"./vuetify.yphP_QZA.0.0.34.js";import{u as q}from"./vue-i18n.C5Lpo2AE.0.0.34.js";import"./axios.C-n2IhIP.0.0.34.js";import"./@tanstack.BUB3FtD6.0.0.34.js";import"./pinia.B1C55TV-.0.0.34.js";import"./vue-router.D09FPrl-.0.0.34.js";import"./@vueuse.D0v3GNQr.0.0.34.js";import"./nprogress.BdUmuq3O.0.0.34.js";import"./@xterm.DvuDDXP2.0.0.34.js";import"./vee-validate.BDhbabpU.0.0.34.js";import"./@vee-validate.D31lUx1L.0.0.34.js";import"./zod.DnW1_kUe.0.0.34.js";import"./uuid.Ch9TGLTe.0.0.34.js";import"./socket.io-client.BfZbwOXt.0.0.34.js";import"./engine.io-client.iZPf9QPy.0.0.34.js";import"./engine.io-parser.BiEtp6m2.0.0.34.js";import"./@socket.io.Dkula2eQ.0.0.34.js";import"./socket.io-parser.DU7AeRYJ.0.0.34.js";import"./rxjs.B78bj6TU.0.0.34.js";import"./tslib.9k7AwCpt.0.0.34.js";import"./vue-inline-svg.Dx_165HU.0.0.34.js";import"./@intlify.DXtFJcML.0.0.34.js";import"./perfect-debounce.Cp2ysxOb.0.0.34.js";import"./hookable.B8xFkYCm.0.0.34.js";const H={class:"w-full"},K={class:"flex flex-col justify-center items-center mb-5"},P={for:"restoreInput",class:"cursor-pointer text-center"},Q=["accept"],W={key:0,class:"text-red"},X={class:"mx-2"},Z={class:"disabled-text"},ee=U({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:M}},emits:["files-uploaded"],setup(F,{expose:C,emit:h}){const p=h,f=F,{accept:$,multiple:y}=L(f),k=d(!1),v=d(!1),e=d([]),t=d(null),m=i=>{const o=e.value.findIndex(a=>a.name===i);o>-1&&(e.value.splice(o,1),r())},c=i=>{if(k.value=!1,v.value=!1,e.value=[],console.log(i),i.dataTransfer)if(!y.value&&i.dataTransfer.files.length>1)v.value=!0;else{for(const[,o]of Object.entries(i.dataTransfer.files))e.value.push(o);p("files-uploaded",e.value)}},l=i=>{var a;v.value=!1,e.value=[];const o=i.target;if(o&&o.files)if(!y.value&&((a=o.files)==null?void 0:a.length)>1)v.value=!0;else{for(const[,N]of Object.entries(o.files))e.value.push(N);p("files-uploaded",e.value)}},r=()=>{t.value&&(t.value.value="")};return C({reset:()=>{e.value=[],r()}}),(i,o)=>(w(),x("div",{class:"file-upload-box p-4",onDrop:o[0]||(o[0]=g(a=>c(a),["prevent"])),onDragover:o[1]||(o[1]=g(a=>k.value=!0,["prevent"])),onDragenter:o[2]||(o[2]=g(a=>k.value=!0,["prevent"])),onDragleave:o[3]||(o[3]=g(a=>k.value=!1,["prevent"]))},[s("div",H,[s("div",K,[_(O,{class:"mt-5",size:"60"},{default:b(()=>[I(n(i.icon),1)]),_:1}),s("label",P,n(i.$t("components.upload_files.drop_or_select_file")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:t,type:"file",class:"d-none",accept:u($),onChange:l},null,40,Q),u(v)?(w(),x("p",W,n(i.$t("components.upload_files.only_one_file_allowed")),1)):V("",!0)]),u(e).length>0?(w(),z(G,{key:0,items:u(e),"max-height":"150","item-height":"50"},{default:b(({item:a})=>[(w(),x("div",{key:a.name,class:"w-full flex flex-row items-center justify-start p-2"},[_(D,{size:"28",variant:"text",color:"red",rounded:"",onClick:g(N=>m(a.name),["stop"])},{default:b(()=>[_(O,{size:"20"},{default:b(()=>[I(n(u(A)),1)]),_:1})]),_:2},1032,["onClick"]),s("b",X,n(a.name),1),s("span",Z,"("+n(a.size)+" bytes)",1)])),u(e).length>1?(w(),z(Y,{key:0})):V("",!0)]),_:1},8,["items"])):V("",!0)])],32))}}),te={class:"subview-title text-color"},oe={class:"inner-component p-4 flex flex-col"},se={class:"text-sm"},ae={class:"subview-title text-color"},le={class:"inner-component p-4 flex flex-col"},ne={class:"text-sm"},re={class:"subview-title text-color"},ie={class:"inner-component p-4"},ce={class:"text-sm"},Je=U({__name:"Backup",setup(F){const{t:C}=q(),h=d(null),p=d(!1),f=d(!1),$=d([]),y=async()=>{var e,t,m,c;p.value=!0;try{const l={};if(localStorage.getItem("ui")){const a=localStorage.getItem("ui");l.ui=JSON.parse(a)}if(localStorage.getItem("locale")){const a=localStorage.getItem("locale");l.locale=a}if(localStorage.getItem("theme")){const a=localStorage.getItem("theme");l.theme=JSON.parse(a)}const r=Date.now(),S=await J(l),i=window.URL.createObjectURL(new Blob([S])),o=document.createElement("a");o.href=i,o.setAttribute("download",`cameraui-backup-${r}.tar.gz`),document.body.appendChild(o),o.click(),o.remove()}catch(l){console.error(((t=(e=l.response)==null?void 0:e.data)==null?void 0:t.message)??l.message??l),B.error(((c=(m=l.response)==null?void 0:m.data)==null?void 0:c.message)??l.message??l)}p.value=!1},k=async()=>{var e,t,m,c,l;p.value=!0;try{const r=new FormData;r.append("upload",$.value[0]);const S=await E(r);v(S),(e=h.value)==null||e.reset(),B.success(C("components.toast.backup_restored")),T()}catch(r){console.error(((m=(t=r.response)==null?void 0:t.data)==null?void 0:m.message)??r.message??r),B.error(((l=(c=r.response)==null?void 0:c.data)==null?void 0:l.message)??r.message??r),f.value=!1,p.value=!1}},v=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,t)=>{const m=j;return w(),x("div",null,[s("div",null,[s("span",te,n(e.$t("views.settings.create_backup")),1),s("div",oe,[s("span",se,n(e.$t("views.settings.create_backup_info")),1),t[4]||(t[4]=s("br",null,null,-1)),_(D,{loading:u(p),class:"mt-5 ml-auto",color:"#df2a4c",onClick:g(y,["prevent"])},{default:b(()=>[I(n(e.$t("components.form.button.download_backup_archive")),1)]),_:1},8,["loading"])])]),t[5]||(t[5]=s("div",{class:"my-8"},null,-1)),s("div",null,[s("span",ae,n(e.$t("views.settings.restore_backup")),1),s("div",le,[s("span",ne,n(e.$t("views.settings.restore_backup_info")),1),_(ee,{ref_key:"input",ref:h,class:"mt-5",accept:"application/gzip, .tar, .tar.gz",onFilesUploaded:t[0]||(t[0]=c=>$.value=c)},null,512),_(D,{loading:u(p),disabled:!u($).length,class:"mt-5 ml-auto",color:"#df2a4c",onClick:t[1]||(t[1]=g(c=>f.value=!0,["prevent"]))},{default:b(()=>[I(n(e.$t("components.form.button.restore_backup_archive")),1)]),_:1},8,["loading","disabled"])])]),t[6]||(t[6]=s("div",{class:"my-8"},null,-1)),s("div",null,[s("span",re,n(e.$t("views.settings.sheduled_backup")),1),s("div",ie,[s("span",ce,n(e.$t("views.settings.sheduled_backup_info")),1)])]),_(m,{modelValue:u(f),"onUpdate:modelValue":t[2]||(t[2]=c=>R(f)?f.value=c:null),title:e.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restore_and_restart",loading:u(p),onConfirm:t[3]||(t[3]=c=>k())},{content:b(()=>[s("span",null,n(e.$t("components.dialog.message.confirm_restore")),1)]),_:1},8,["modelValue","title","loading"])])}}});export{Je as default};
+import{_ as j}from"./main.BEqkX0V2.0.0.35.js";import{G as U,t as L,r as d,b as w,d as x,f as s,R as _,ab as b,a9 as n,u,k as V,aa as z,p as g,a7 as I,i as R}from"./@vue.D3faHw_p.0.0.35.js";import{i as B}from"./vue3-toastify.Zbp9eYzV.0.0.35.js";import{r as E,d as J}from"./backup.D5iOmF0d.0.0.35.js";import{r as T}from"./system.CrtJGfyt.0.0.35.js";import{aE as M,Y as A}from"./@mdi.D-fmakQN.0.0.35.js";import{e as O,a1 as G,b as D,n as Y}from"./vuetify.DVA-3FxH.0.0.35.js";import{u as q}from"./vue-i18n.CSHG5POd.0.0.35.js";import"./axios.C-n2IhIP.0.0.35.js";import"./@tanstack.CPdMhQJA.0.0.35.js";import"./pinia.5X5MHLu-.0.0.35.js";import"./vue-router.DeKO-TI6.0.0.35.js";import"./@vueuse.B82NMNOO.0.0.35.js";import"./nprogress.C5XxOxB7.0.0.35.js";import"./@xterm.DaOfJRbL.0.0.35.js";import"./vee-validate.DXuKpF9H.0.0.35.js";import"./@vee-validate.CJWK7-QJ.0.0.35.js";import"./zod.DnW1_kUe.0.0.35.js";import"./uuid.Ch9TGLTe.0.0.35.js";import"./socket.io-client.DStxZJaW.0.0.35.js";import"./engine.io-client.DID1Gi0P.0.0.35.js";import"./engine.io-parser.BiEtp6m2.0.0.35.js";import"./@socket.io.Dkula2eQ.0.0.35.js";import"./socket.io-parser.Bu59a6yj.0.0.35.js";import"./rxjs.D3MMpuwm.0.0.35.js";import"./tslib.9k7AwCpt.0.0.35.js";import"./vue-inline-svg.ZwVRfyPJ.0.0.35.js";import"./@intlify.DXtFJcML.0.0.35.js";import"./perfect-debounce.Cp2ysxOb.0.0.35.js";import"./hookable.B8xFkYCm.0.0.35.js";const H={class:"w-full"},K={class:"flex flex-col justify-center items-center mb-5"},P={for:"restoreInput",class:"cursor-pointer text-center"},Q=["accept"],W={key:0,class:"text-red"},X={class:"mx-2"},Z={class:"disabled-text"},ee=U({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:M}},emits:["files-uploaded"],setup(F,{expose:C,emit:h}){const p=h,f=F,{accept:$,multiple:y}=L(f),k=d(!1),v=d(!1),e=d([]),t=d(null),m=i=>{const o=e.value.findIndex(a=>a.name===i);o>-1&&(e.value.splice(o,1),r())},c=i=>{if(k.value=!1,v.value=!1,e.value=[],console.log(i),i.dataTransfer)if(!y.value&&i.dataTransfer.files.length>1)v.value=!0;else{for(const[,o]of Object.entries(i.dataTransfer.files))e.value.push(o);p("files-uploaded",e.value)}},l=i=>{var a;v.value=!1,e.value=[];const o=i.target;if(o&&o.files)if(!y.value&&((a=o.files)==null?void 0:a.length)>1)v.value=!0;else{for(const[,N]of Object.entries(o.files))e.value.push(N);p("files-uploaded",e.value)}},r=()=>{t.value&&(t.value.value="")};return C({reset:()=>{e.value=[],r()}}),(i,o)=>(w(),x("div",{class:"file-upload-box p-4",onDrop:o[0]||(o[0]=g(a=>c(a),["prevent"])),onDragover:o[1]||(o[1]=g(a=>k.value=!0,["prevent"])),onDragenter:o[2]||(o[2]=g(a=>k.value=!0,["prevent"])),onDragleave:o[3]||(o[3]=g(a=>k.value=!1,["prevent"]))},[s("div",H,[s("div",K,[_(O,{class:"mt-5",size:"60"},{default:b(()=>[I(n(i.icon),1)]),_:1}),s("label",P,n(i.$t("components.upload_files.drop_or_select_file")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:t,type:"file",class:"d-none",accept:u($),onChange:l},null,40,Q),u(v)?(w(),x("p",W,n(i.$t("components.upload_files.only_one_file_allowed")),1)):V("",!0)]),u(e).length>0?(w(),z(G,{key:0,items:u(e),"max-height":"150","item-height":"50"},{default:b(({item:a})=>[(w(),x("div",{key:a.name,class:"w-full flex flex-row items-center justify-start p-2"},[_(D,{size:"28",variant:"text",color:"red",rounded:"",onClick:g(N=>m(a.name),["stop"])},{default:b(()=>[_(O,{size:"20"},{default:b(()=>[I(n(u(A)),1)]),_:1})]),_:2},1032,["onClick"]),s("b",X,n(a.name),1),s("span",Z,"("+n(a.size)+" bytes)",1)])),u(e).length>1?(w(),z(Y,{key:0})):V("",!0)]),_:1},8,["items"])):V("",!0)])],32))}}),te={class:"subview-title text-color"},oe={class:"inner-component p-4 flex flex-col"},se={class:"text-sm"},ae={class:"subview-title text-color"},le={class:"inner-component p-4 flex flex-col"},ne={class:"text-sm"},re={class:"subview-title text-color"},ie={class:"inner-component p-4"},ce={class:"text-sm"},Je=U({__name:"Backup",setup(F){const{t:C}=q(),h=d(null),p=d(!1),f=d(!1),$=d([]),y=async()=>{var e,t,m,c;p.value=!0;try{const l={};if(localStorage.getItem("ui")){const a=localStorage.getItem("ui");l.ui=JSON.parse(a)}if(localStorage.getItem("locale")){const a=localStorage.getItem("locale");l.locale=a}if(localStorage.getItem("theme")){const a=localStorage.getItem("theme");l.theme=JSON.parse(a)}const r=Date.now(),S=await J(l),i=window.URL.createObjectURL(new Blob([S])),o=document.createElement("a");o.href=i,o.setAttribute("download",`cameraui-backup-${r}.tar.gz`),document.body.appendChild(o),o.click(),o.remove()}catch(l){console.error(((t=(e=l.response)==null?void 0:e.data)==null?void 0:t.message)??l.message??l),B.error(((c=(m=l.response)==null?void 0:m.data)==null?void 0:c.message)??l.message??l)}p.value=!1},k=async()=>{var e,t,m,c,l;p.value=!0;try{const r=new FormData;r.append("upload",$.value[0]);const S=await E(r);v(S),(e=h.value)==null||e.reset(),B.success(C("components.toast.backup_restored")),T()}catch(r){console.error(((m=(t=r.response)==null?void 0:t.data)==null?void 0:m.message)??r.message??r),B.error(((l=(c=r.response)==null?void 0:c.data)==null?void 0:l.message)??r.message??r),f.value=!1,p.value=!1}},v=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,t)=>{const m=j;return w(),x("div",null,[s("div",null,[s("span",te,n(e.$t("views.settings.create_backup")),1),s("div",oe,[s("span",se,n(e.$t("views.settings.create_backup_info")),1),t[4]||(t[4]=s("br",null,null,-1)),_(D,{loading:u(p),class:"mt-5 ml-auto",color:"#df2a4c",onClick:g(y,["prevent"])},{default:b(()=>[I(n(e.$t("components.form.button.download_backup_archive")),1)]),_:1},8,["loading"])])]),t[5]||(t[5]=s("div",{class:"my-8"},null,-1)),s("div",null,[s("span",ae,n(e.$t("views.settings.restore_backup")),1),s("div",le,[s("span",ne,n(e.$t("views.settings.restore_backup_info")),1),_(ee,{ref_key:"input",ref:h,class:"mt-5",accept:"application/gzip, .tar, .tar.gz",onFilesUploaded:t[0]||(t[0]=c=>$.value=c)},null,512),_(D,{loading:u(p),disabled:!u($).length,class:"mt-5 ml-auto",color:"#df2a4c",onClick:t[1]||(t[1]=g(c=>f.value=!0,["prevent"]))},{default:b(()=>[I(n(e.$t("components.form.button.restore_backup_archive")),1)]),_:1},8,["loading","disabled"])])]),t[6]||(t[6]=s("div",{class:"my-8"},null,-1)),s("div",null,[s("span",re,n(e.$t("views.settings.sheduled_backup")),1),s("div",ie,[s("span",ce,n(e.$t("views.settings.sheduled_backup_info")),1)])]),_(m,{modelValue:u(f),"onUpdate:modelValue":t[2]||(t[2]=c=>R(f)?f.value=c:null),title:e.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restore_and_restart",loading:u(p),onConfirm:t[3]||(t[3]=c=>k())},{content:b(()=>[s("span",null,n(e.$t("components.dialog.message.confirm_restore")),1)]),_:1},8,["modelValue","title","loading"])])}}});export{Je as default};

package/dist/interface/{Camera.B5_vgT_b.0.0.34.js → Camera.BO0Akyex.0.0.35.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 x,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.DY4Lzrtd.0.0.34.js";import{E as yt,F as bt,G as Pt,D as Le,H as wt}from"./@mdi.D-fmakQN.0.0.34.js";import{a as Ht,j as Re,l as De,m as St,n as Tt,o as Et,p as $t,q as Ft,s as kt,f as we,i as zt}from"./main.CB9WYJKS.0.0.34.js";import{s as Ct}from"./pinia.B1C55TV-.0.0.34.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.D0v3GNQr.0.0.34.js";import{b as ie,e as re,C as Mt,D as At,V as He,E as Wt,F as Nt,R as It}from"./vuetify.yphP_QZA.0.0.34.js";import{C as Ge,_ as Me}from"./VPlayer.DsKSkhRX.0.0.34.js";import{u as Ae}from"./vue-router.D09FPrl-.0.0.34.js";import"./perfect-debounce.Cp2ysxOb.0.0.34.js";import"./hookable.B8xFkYCm.0.0.34.js";import"./vue3-toastify.Dj0jHxLd.0.0.34.js";import"./vue-i18n.C5Lpo2AE.0.0.34.js";import"./@intlify.DXtFJcML.0.0.34.js";import"./axios.C-n2IhIP.0.0.34.js";import"./@tanstack.BUB3FtD6.0.0.34.js";import"./vee-validate.BDhbabpU.0.0.34.js";import"./@vee-validate.D31lUx1L.0.0.34.js";import"./zod.DnW1_kUe.0.0.34.js";import"./uuid.Ch9TGLTe.0.0.34.js";import"./socket.io-client.BfZbwOXt.0.0.34.js";import"./engine.io-client.iZPf9QPy.0.0.34.js";import"./engine.io-parser.BiEtp6m2.0.0.34.js";import"./@socket.io.Dkula2eQ.0.0.34.js";import"./socket.io-parser.DU7AeRYJ.0.0.34.js";import"./rxjs.B78bj6TU.0.0.34.js";import"./tslib.9k7AwCpt.0.0.34.js";import"./vue-inline-svg.Dx_165HU.0.0.34.js";import"./nprogress.BdUmuq3O.0.0.34.js";import"./@xterm.DvuDDXP2.0.0.34.js";import"./qrcode.BsgOMk4H.0.0.34.js";import"./dijkstrajs.D_NXgYpA.0.0.34.js";import"./plugins.F3xzQ1uF.0.0.34.js";import"./draggabilly.ywKVtGdt.0.0.34.js";import"./get-size.D1dS-IaP.0.0.34.js";import"./unidragger.DKsPQvYl.0.0.34.js";import"./ev-emitter.BcCo_lOh.0.0.34.js";import"./VConsole.5sKC8AiB.0.0.34.js";const jt=e=>{let $=null,M=0,V=0,f=0;const F=.95,w=u(),_=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},y=()=>{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",_),e.value.addEventListener("touchmove",C),e.value.addEventListener("touchend",y))}),dt(()=>{e.value&&(e.value.removeEventListener("touchstart",_),e.value.removeEventListener("touchmove",C),e.value.removeEventListener("touchend",y)),$!==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={class:"w-full h-full"},qt={key:0,class:"relative h-full"},Yt=["data-tick-index"],Jt=["data-tick-index"],Zt={key:0,class:"tick-label"},Kt={key:1,class:"relative h-full"},ea=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),_=u(0),C=u(0),y=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:b,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(()=>b.value>0?"#0173ff":"#df2a4c"),oe=T(()=>{var d;const a=y.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=s.value)==null?void 0:d.timestamp)||a;return b.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*_.value+K.value),Je=T(()=>v.value.pxPerSecond*_.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(b,(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(),b.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=y.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=y.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,_.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,y.value=g,mt(),ct(),await st(l||g),i.value=!1},nt=()=>{clearInterval(te),clearInterval(ae)},ut=()=>{const a=new Date;a.setMilliseconds(0),y.value=a,C.value++,!(i.value||ve.value||Z.value||le.value)&&(b.value===0?(_.value=C.value,k.value={timestamp:a.getTime(),live:!0}):b.value>0&&!U.value&&(console.log("updateClock"),_.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++,b.value===0?(ne(N.value-O.value,!0),s.value&&(s.value.index-=N.value-O.value),O.value=N.value):b.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}),x("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),x("div",Qt,[E(At,{active:t(i),indeterminate:t(i),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),x("div",{class:"timeline-annotation z-2",style:W({top:`${t(oe).px}px`,backgroundColor:t($e)})},[x("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),x("div",Xt,[x("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),x("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"})},[a.segment==="0"?(c(),P("div",qt,[x("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`})},[x("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(i)?(c(),P("div",Zt,B(t(De)(o.timestamp,t(qe)?"HH:mm:ss":"HH:mm")),1)):ee("",!0)],8,Jt)],12,Yt))),128))])):(c(),P("div",Kt))],4)])]))}}),ta=we(ea,[["__scopeId","data-v-2ace0d6b"]]),aa={class:"vue-ios13-segmented-control"},la=["id","name","value"],oa=["for"],sa=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),_=T({get(){return F.value},set(s){V("update:modelValue",s)}}),C=T(()=>w.value.findIndex(s=>s.id===F.value)),y=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",aa,[x("span",{class:"selection-pill",style:W(t(y))},null,4),(c(!0),P(be,null,Pe(t(w),h=>(c(),P("div",{key:h.id,class:"option"},[ye(x("input",{id:h.id,"onUpdate:modelValue":i[0]||(i[0]=S=>Ve(_)?_.value=S:null),type:"radio",name:h.title,value:h.id},null,8,la),[[ht,t(_)]]),x("label",{for:h.id,class:"w-full cursor-pointer"},[x("span",{style:W(t(_)===h.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},B(h.title),5)],8,oa)]))),128))]))}}),ia={key:0,class:"w-full flex items-center justify-center mt-10"},ra={class:"flex flex-col justify-center items-center"},na=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:_}=$.getCamerasQuery(F),C=T(()=>{var y;return(y=w.value)==null?void 0:y.result.findIndex(H=>H.name===M.params.cameraname)});return(y,H)=>{const s=Me,i=gt("router-link");return t(_)?(c(),P("div",ia,[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})=>[x("div",ra,[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||y.$t("general.loading")),3)):ee("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),ua=we(na,[["__scopeId","data-v-ec891350"]]),ca={key:0,class:"flex items-center justify-center w-full h-full"},ma={key:1,class:"w-full h-full"},va={class:"absolute z-5 left-1 top-2"},da={class:"left-content"},pa={key:0,class:"timeline-toggle"},fa={class:"flex flex-col items-center h-full sidebar camera-no-outside"},ha={key:0,class:"sidebar-header px-1 py-3 relative"},ga=me({__name:"Camera",setup(e){const $=new Ge,M=Ae(),{desktopActive:V,mobileActive:f,tabletActive:F,extraSmallMobileActive:w}=Re(),{t:_}=zt.global,C=u(new Date),y=u(),H=u(0),s=u("0"),i=u(!1),h=u(null),S=u(!1),O=u(!1),N=xt([{title:_("views.camera.timeline"),id:"0"},{title:_("views.camera.detections"),id:"1"}]),Q=Oe(y),A=T(()=>M.params.cameraname),{data:K,isLoading:k}=$.getCameraQuery(A);return Y(f,p=>{p&&(i.value=!0)},{immediate:!0}),xe(async()=>{setTimeout(()=>{y.value=document.querySelector(".player-container-main")},100)}),(p,n)=>{const J=Me,R=ua,te=sa,ae=ta;return c(),P("main",{class:ge(["w-full h-full",{"p-3":!t(f)}])},[!t(K)||t(k)?(c(),P("div",ca,[E(He,{color:"#df2a4c",indeterminate:""})])):(c(),P("div",ma,[x("div",{class:ge(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(V)}])},[x("div",va,[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(b=>p.$router.push("/cameras"),["prevent"]))},{default:z(()=>[E(re,{size:"24"},{default:z(()=>[se(B(t(Le)),1)]),_:1})]),_:1})):ee("",!0)]),x("div",da,[(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]=b=>H.value=b)},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))]),x("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",pa,[E(ie,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:n[2]||(n[2]=b=>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),x("div",fa,[!t(f)&&!t(F)?(c(),P("div",ha,[(c(),j(te,{key:t(A),modelValue:t(s),"onUpdate:modelValue":n[3]||(n[3]=b=>Ve(s)?s.value=b: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]=b=>O.value=b),onIsLoading:n[5]||(n[5]=b=>S.value=b)},null,8,["date-model","modifier","segment"]))])],4)],2)]))],2)}}}),tl=we(ga,[["__scopeId","data-v-fbb71542"]]);export{tl 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 x,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.D3faHw_p.0.0.35.js";import{E as yt,F as bt,G as Pt,D as Le,H as wt}from"./@mdi.D-fmakQN.0.0.35.js";import{a as Ht,j as Re,l as De,m as St,n as Tt,o as Et,p as $t,q as Ft,s as kt,f as we,i as zt}from"./main.BEqkX0V2.0.0.35.js";import{s as Ct}from"./pinia.5X5MHLu-.0.0.35.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.B82NMNOO.0.0.35.js";import{b as ie,e as re,C as Mt,D as At,V as He,E as Wt,F as Nt,R as It}from"./vuetify.DVA-3FxH.0.0.35.js";import{C as Ge,_ as Me}from"./VPlayer.RJp0YZQ0.0.0.35.js";import{u as Ae}from"./vue-router.DeKO-TI6.0.0.35.js";import"./perfect-debounce.Cp2ysxOb.0.0.35.js";import"./hookable.B8xFkYCm.0.0.35.js";import"./vue3-toastify.Zbp9eYzV.0.0.35.js";import"./vue-i18n.CSHG5POd.0.0.35.js";import"./@intlify.DXtFJcML.0.0.35.js";import"./axios.C-n2IhIP.0.0.35.js";import"./@tanstack.CPdMhQJA.0.0.35.js";import"./vee-validate.DXuKpF9H.0.0.35.js";import"./@vee-validate.CJWK7-QJ.0.0.35.js";import"./zod.DnW1_kUe.0.0.35.js";import"./uuid.Ch9TGLTe.0.0.35.js";import"./socket.io-client.DStxZJaW.0.0.35.js";import"./engine.io-client.DID1Gi0P.0.0.35.js";import"./engine.io-parser.BiEtp6m2.0.0.35.js";import"./@socket.io.Dkula2eQ.0.0.35.js";import"./socket.io-parser.Bu59a6yj.0.0.35.js";import"./rxjs.D3MMpuwm.0.0.35.js";import"./tslib.9k7AwCpt.0.0.35.js";import"./vue-inline-svg.ZwVRfyPJ.0.0.35.js";import"./nprogress.C5XxOxB7.0.0.35.js";import"./@xterm.DaOfJRbL.0.0.35.js";import"./qrcode.CTIH5Uuh.0.0.35.js";import"./dijkstrajs.D_NXgYpA.0.0.35.js";import"./plugins.pgSGySL7.0.0.35.js";import"./draggabilly.CNS65Y-g.0.0.35.js";import"./get-size.D1dS-IaP.0.0.35.js";import"./unidragger.C4h_hc5V.0.0.35.js";import"./ev-emitter.RQQX1hXW.0.0.35.js";import"./VConsole.CyfMSuPf.0.0.35.js";const jt=e=>{let $=null,M=0,V=0,f=0;const F=.95,w=u(),_=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},y=()=>{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",_),e.value.addEventListener("touchmove",C),e.value.addEventListener("touchend",y))}),dt(()=>{e.value&&(e.value.removeEventListener("touchstart",_),e.value.removeEventListener("touchmove",C),e.value.removeEventListener("touchend",y)),$!==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={class:"w-full h-full"},qt={key:0,class:"relative h-full"},Yt=["data-tick-index"],Jt=["data-tick-index"],Zt={key:0,class:"tick-label"},Kt={key:1,class:"relative h-full"},ea=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),_=u(0),C=u(0),y=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:b,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(()=>b.value>0?"#0173ff":"#df2a4c"),oe=T(()=>{var d;const a=y.value.getTime(),l=r.TIME_OFFSET*r.HEIGHT-1;let o=((d=s.value)==null?void 0:d.timestamp)||a;return b.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*_.value+K.value),Je=T(()=>v.value.pxPerSecond*_.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(b,(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(),b.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=y.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=y.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,_.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,y.value=g,mt(),ct(),await st(l||g),i.value=!1},nt=()=>{clearInterval(te),clearInterval(ae)},ut=()=>{const a=new Date;a.setMilliseconds(0),y.value=a,C.value++,!(i.value||ve.value||Z.value||le.value)&&(b.value===0?(_.value=C.value,k.value={timestamp:a.getTime(),live:!0}):b.value>0&&!U.value&&(console.log("updateClock"),_.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++,b.value===0?(ne(N.value-O.value,!0),s.value&&(s.value.index-=N.value-O.value),O.value=N.value):b.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}),x("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),x("div",Qt,[E(At,{active:t(i),indeterminate:t(i),color:"#df2a4c",height:"2px"},null,8,["active","indeterminate"])]),x("div",{class:"timeline-annotation z-2",style:W({top:`${t(oe).px}px`,backgroundColor:t($e)})},[x("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),x("div",Xt,[x("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),x("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"})},[a.segment==="0"?(c(),P("div",qt,[x("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`})},[x("div",{"data-tick-index":`${o.index}`,class:"tick-line relative"},[o.label&&!t(i)?(c(),P("div",Zt,B(t(De)(o.timestamp,t(qe)?"HH:mm:ss":"HH:mm")),1)):ee("",!0)],8,Jt)],12,Yt))),128))])):(c(),P("div",Kt))],4)])]))}}),ta=we(ea,[["__scopeId","data-v-2ace0d6b"]]),aa={class:"vue-ios13-segmented-control"},la=["id","name","value"],oa=["for"],sa=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),_=T({get(){return F.value},set(s){V("update:modelValue",s)}}),C=T(()=>w.value.findIndex(s=>s.id===F.value)),y=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",aa,[x("span",{class:"selection-pill",style:W(t(y))},null,4),(c(!0),P(be,null,Pe(t(w),h=>(c(),P("div",{key:h.id,class:"option"},[ye(x("input",{id:h.id,"onUpdate:modelValue":i[0]||(i[0]=S=>Ve(_)?_.value=S:null),type:"radio",name:h.title,value:h.id},null,8,la),[[ht,t(_)]]),x("label",{for:h.id,class:"w-full cursor-pointer"},[x("span",{style:W(t(_)===h.id?"color: var(--color-segment-text);":"color: var(--color-segment-disabled-text)")},B(h.title),5)],8,oa)]))),128))]))}}),ia={key:0,class:"w-full flex items-center justify-center mt-10"},ra={class:"flex flex-col justify-center items-center"},na=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:_}=$.getCamerasQuery(F),C=T(()=>{var y;return(y=w.value)==null?void 0:y.result.findIndex(H=>H.name===M.params.cameraname)});return(y,H)=>{const s=Me,i=gt("router-link");return t(_)?(c(),P("div",ia,[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})=>[x("div",ra,[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||y.$t("general.loading")),3)):ee("",!0)])]),_:2},1032,["value"]))),128))]}),_:1},8,["model-value"]))}}}),ua=we(na,[["__scopeId","data-v-ec891350"]]),ca={key:0,class:"flex items-center justify-center w-full h-full"},ma={key:1,class:"w-full h-full"},va={class:"absolute z-5 left-1 top-2"},da={class:"left-content"},pa={key:0,class:"timeline-toggle"},fa={class:"flex flex-col items-center h-full sidebar camera-no-outside"},ha={key:0,class:"sidebar-header px-1 py-3 relative"},ga=me({__name:"Camera",setup(e){const $=new Ge,M=Ae(),{desktopActive:V,mobileActive:f,tabletActive:F,extraSmallMobileActive:w}=Re(),{t:_}=zt.global,C=u(new Date),y=u(),H=u(0),s=u("0"),i=u(!1),h=u(null),S=u(!1),O=u(!1),N=xt([{title:_("views.camera.timeline"),id:"0"},{title:_("views.camera.detections"),id:"1"}]),Q=Oe(y),A=T(()=>M.params.cameraname),{data:K,isLoading:k}=$.getCameraQuery(A);return Y(f,p=>{p&&(i.value=!0)},{immediate:!0}),xe(async()=>{setTimeout(()=>{y.value=document.querySelector(".player-container-main")},100)}),(p,n)=>{const J=Me,R=ua,te=sa,ae=ta;return c(),P("main",{class:ge(["w-full h-full",{"p-3":!t(f)}])},[!t(K)||t(k)?(c(),P("div",ca,[E(He,{color:"#df2a4c",indeterminate:""})])):(c(),P("div",ma,[x("div",{class:ge(["relative z-5 w-full h-full flex flex-col md:flex-row overflow-hidden",{"gap-4":t(V)}])},[x("div",va,[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(b=>p.$router.push("/cameras"),["prevent"]))},{default:z(()=>[E(re,{size:"24"},{default:z(()=>[se(B(t(Le)),1)]),_:1})]),_:1})):ee("",!0)]),x("div",da,[(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]=b=>H.value=b)},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))]),x("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",pa,[E(ie,{class:"camera-no-outside",color:"#212121",size:"30",variant:"elevated",icon:"",onClick:n[2]||(n[2]=b=>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),x("div",fa,[!t(f)&&!t(F)?(c(),P("div",ha,[(c(),j(te,{key:t(A),modelValue:t(s),"onUpdate:modelValue":n[3]||(n[3]=b=>Ve(s)?s.value=b: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]=b=>O.value=b),onIsLoading:n[5]||(n[5]=b=>S.value=b)},null,8,["date-model","modifier","segment"]))])],4)],2)]))],2)}}}),tl=we(ga,[["__scopeId","data-v-fbb71542"]]);export{tl as default};

package/dist/interface/{Cameras.BGbIQUDg.0.0.34.js → Cameras.B2-VpQhj.0.0.35.js}

@@ -1 +1 @@
-import{C as A,_ as I}from"./VPlayer.DsKSkhRX.0.0.34.js";import{h as L,f as M,j as N,k as Q,c as T}from"./main.CB9WYJKS.0.0.34.js";import{s as D}from"./utils.mAKpSMLY.0.0.34.js";import{j as G}from"./@vueuse.D0v3GNQr.0.0.34.js";import{B,R as O,e as P,b as F}from"./vuetify.yphP_QZA.0.0.34.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.DY4Lzrtd.0.0.34.js";import{e as X}from"./@mdi.D-fmakQN.0.0.34.js";import{s as Y}from"./pinia.B1C55TV-.0.0.34.js";import"./qrcode.BsgOMk4H.0.0.34.js";import"./dijkstrajs.D_NXgYpA.0.0.34.js";import"./vee-validate.BDhbabpU.0.0.34.js";import"./zod.DnW1_kUe.0.0.34.js";import"./@vee-validate.D31lUx1L.0.0.34.js";import"./vue3-toastify.Dj0jHxLd.0.0.34.js";import"./plugins.F3xzQ1uF.0.0.34.js";import"./@tanstack.BUB3FtD6.0.0.34.js";import"./draggabilly.ywKVtGdt.0.0.34.js";import"./@xterm.DvuDDXP2.0.0.34.js";import"./get-size.D1dS-IaP.0.0.34.js";import"./unidragger.DKsPQvYl.0.0.34.js";import"./ev-emitter.BcCo_lOh.0.0.34.js";import"./vue-router.D09FPrl-.0.0.34.js";import"./VConsole.5sKC8AiB.0.0.34.js";import"./vue-i18n.C5Lpo2AE.0.0.34.js";import"./@intlify.DXtFJcML.0.0.34.js";import"./axios.C-n2IhIP.0.0.34.js";import"./uuid.Ch9TGLTe.0.0.34.js";import"./socket.io-client.BfZbwOXt.0.0.34.js";import"./engine.io-client.iZPf9QPy.0.0.34.js";import"./engine.io-parser.BiEtp6m2.0.0.34.js";import"./@socket.io.Dkula2eQ.0.0.34.js";import"./socket.io-parser.DU7AeRYJ.0.0.34.js";import"./rxjs.B78bj6TU.0.0.34.js";import"./tslib.9k7AwCpt.0.0.34.js";import"./vue-inline-svg.Dx_165HU.0.0.34.js";import"./perfect-debounce.Cp2ysxOb.0.0.34.js";import"./hookable.B8xFkYCm.0.0.34.js";import"./nprogress.BdUmuq3O.0.0.34.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}),k=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)},w=o=>!!(f.value||a!=null&&a.value&&o===a.value);return U(async()=>{await D(1500),p.value=!1}),(o,r)=>{const j=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(k)||!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"},[w(v.camera)?q((t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:ce=>S(v)},[i(j,{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 A,{smallMobileActive:a,extraSmallMobileActive:f}=N(),p=Q(),{uiSettings:l}=Y(p),x=E({page:1,pageSize:-1}),{data:n,isLoading:k}=y.getCamerasQuery(x);return(c,S)=>{const w=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(w,{"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(k)||!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 A,_ as I}from"./VPlayer.RJp0YZQ0.0.0.35.js";import{h as L,f as M,j as N,k as Q,c as T}from"./main.BEqkX0V2.0.0.35.js";import{s as D}from"./utils.mAKpSMLY.0.0.35.js";import{j as G}from"./@vueuse.B82NMNOO.0.0.35.js";import{B,R as O,e as P,b as F}from"./vuetify.DVA-3FxH.0.0.35.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.D3faHw_p.0.0.35.js";import{e as X}from"./@mdi.D-fmakQN.0.0.35.js";import{s as Y}from"./pinia.5X5MHLu-.0.0.35.js";import"./qrcode.CTIH5Uuh.0.0.35.js";import"./dijkstrajs.D_NXgYpA.0.0.35.js";import"./vee-validate.DXuKpF9H.0.0.35.js";import"./zod.DnW1_kUe.0.0.35.js";import"./@vee-validate.CJWK7-QJ.0.0.35.js";import"./vue3-toastify.Zbp9eYzV.0.0.35.js";import"./plugins.pgSGySL7.0.0.35.js";import"./@tanstack.CPdMhQJA.0.0.35.js";import"./draggabilly.CNS65Y-g.0.0.35.js";import"./@xterm.DaOfJRbL.0.0.35.js";import"./get-size.D1dS-IaP.0.0.35.js";import"./unidragger.C4h_hc5V.0.0.35.js";import"./ev-emitter.RQQX1hXW.0.0.35.js";import"./vue-router.DeKO-TI6.0.0.35.js";import"./VConsole.CyfMSuPf.0.0.35.js";import"./vue-i18n.CSHG5POd.0.0.35.js";import"./@intlify.DXtFJcML.0.0.35.js";import"./axios.C-n2IhIP.0.0.35.js";import"./uuid.Ch9TGLTe.0.0.35.js";import"./socket.io-client.DStxZJaW.0.0.35.js";import"./engine.io-client.DID1Gi0P.0.0.35.js";import"./engine.io-parser.BiEtp6m2.0.0.35.js";import"./@socket.io.Dkula2eQ.0.0.35.js";import"./socket.io-parser.Bu59a6yj.0.0.35.js";import"./rxjs.D3MMpuwm.0.0.35.js";import"./tslib.9k7AwCpt.0.0.35.js";import"./vue-inline-svg.ZwVRfyPJ.0.0.35.js";import"./perfect-debounce.Cp2ysxOb.0.0.35.js";import"./hookable.B8xFkYCm.0.0.35.js";import"./nprogress.C5XxOxB7.0.0.35.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}),k=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)},w=o=>!!(f.value||a!=null&&a.value&&o===a.value);return U(async()=>{await D(1500),p.value=!1}),(o,r)=>{const j=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(k)||!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"},[w(v.camera)?q((t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:ce=>S(v)},[i(j,{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 A,{smallMobileActive:a,extraSmallMobileActive:f}=N(),p=Q(),{uiSettings:l}=Y(p),x=E({page:1,pageSize:-1}),{data:n,isLoading:k}=y.getCamerasQuery(x);return(c,S)=>{const w=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(w,{"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(k)||!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.Dd-4K-Fb.0.0.34.js → Camview.DPI2mxVR.0.0.35.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.DY4Lzrtd.0.0.34.js";import{I as Qe,J as _t,K as wt,s as yt,L as je,E as ht,M as bt,N as xt,O as Vt,P as kt,Q as Dt,R as Ct,S as $t,T as zt,U as Mt,V as Pt,W as St}from"./@mdi.D-fmakQN.0.0.34.js";import{e as X,b as te,o as $e,G as Oe,H as We,f as ye,j as Be,V as Ft,c as Ee,n as Le,I as It,J as At}from"./vuetify.yphP_QZA.0.0.34.js";import{f as de,k as He,t as Ne,j as De,v as he,u as Tt,U as Rt,w as Bt,_ as Et}from"./main.CB9WYJKS.0.0.34.js";import{F as Ue,a as Lt}from"./vee-validate.BDhbabpU.0.0.34.js";import{_ as Pe,C as Ut}from"./VPlayer.DsKSkhRX.0.0.34.js";import{H as Ye}from"./react-dnd-html5-backend.1HQjlkwI.0.0.34.js";import{T as qe}from"./react-dnd-touch-backend.fDPWtxWq.0.0.34.js";import{u as Ge,a as Xe,D as Je}from"./vue3-dnd.CgkA3GST.0.0.34.js";import{s as ze}from"./pinia.B1C55TV-.0.0.34.js";import{l as Ke,q as Ze,j as et,s as tt,e as Qt}from"./@vueuse.D0v3GNQr.0.0.34.js";import"./perfect-debounce.Cp2ysxOb.0.0.34.js";import"./hookable.B8xFkYCm.0.0.34.js";import"./vue3-toastify.Dj0jHxLd.0.0.34.js";import"./vue-i18n.C5Lpo2AE.0.0.34.js";import"./@intlify.DXtFJcML.0.0.34.js";import"./axios.C-n2IhIP.0.0.34.js";import"./@tanstack.BUB3FtD6.0.0.34.js";import"./vue-router.D09FPrl-.0.0.34.js";import"./@vee-validate.D31lUx1L.0.0.34.js";import"./zod.DnW1_kUe.0.0.34.js";import"./uuid.Ch9TGLTe.0.0.34.js";import"./socket.io-client.BfZbwOXt.0.0.34.js";import"./engine.io-client.iZPf9QPy.0.0.34.js";import"./engine.io-parser.BiEtp6m2.0.0.34.js";import"./@socket.io.Dkula2eQ.0.0.34.js";import"./socket.io-parser.DU7AeRYJ.0.0.34.js";import"./rxjs.B78bj6TU.0.0.34.js";import"./tslib.9k7AwCpt.0.0.34.js";import"./vue-inline-svg.Dx_165HU.0.0.34.js";import"./nprogress.BdUmuq3O.0.0.34.js";import"./@xterm.DvuDDXP2.0.0.34.js";import"./qrcode.BsgOMk4H.0.0.34.js";import"./dijkstrajs.D_NXgYpA.0.0.34.js";import"./plugins.F3xzQ1uF.0.0.34.js";import"./draggabilly.ywKVtGdt.0.0.34.js";import"./get-size.D1dS-IaP.0.0.34.js";import"./unidragger.DKsPQvYl.0.0.34.js";import"./ev-emitter.BcCo_lOh.0.0.34.js";import"./VConsole.5sKC8AiB.0.0.34.js";import"./@react-dnd.CcwRs9xb.0.0.34.js";import"./dnd-core.DT_TOzww.0.0.34.js";import"./redux.CuxFRhX_.0.0.34.js";import"./fast-deep-equal.BE7qG9G-.0.0.34.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.D3faHw_p.0.0.35.js";import{I as Qe,J as _t,K as wt,s as yt,L as je,E as ht,M as bt,N as xt,O as Vt,P as kt,Q as Dt,R as Ct,S as $t,T as zt,U as Mt,V as Pt,W as St}from"./@mdi.D-fmakQN.0.0.35.js";import{e as X,b as te,o as $e,G as Oe,H as We,f as ye,j as Be,V as Ft,c as Ee,n as Le,I as It,J as At}from"./vuetify.DVA-3FxH.0.0.35.js";import{f as de,k as He,t as Ne,j as De,v as he,u as Tt,U as Rt,w as Bt,_ as Et}from"./main.BEqkX0V2.0.0.35.js";import{F as Ue,a as Lt}from"./vee-validate.DXuKpF9H.0.0.35.js";import{_ as Pe,C as Ut}from"./VPlayer.RJp0YZQ0.0.0.35.js";import{H as Ye}from"./react-dnd-html5-backend.1HQjlkwI.0.0.35.js";import{T as qe}from"./react-dnd-touch-backend.B1m761Xd.0.0.35.js";import{u as Ge,a as Xe,D as Je}from"./vue3-dnd.Cs1Zm8do.0.0.35.js";import{s as ze}from"./pinia.5X5MHLu-.0.0.35.js";import{l as Ke,q as Ze,j as et,s as tt,e as Qt}from"./@vueuse.B82NMNOO.0.0.35.js";import"./perfect-debounce.Cp2ysxOb.0.0.35.js";import"./hookable.B8xFkYCm.0.0.35.js";import"./vue3-toastify.Zbp9eYzV.0.0.35.js";import"./vue-i18n.CSHG5POd.0.0.35.js";import"./@intlify.DXtFJcML.0.0.35.js";import"./axios.C-n2IhIP.0.0.35.js";import"./@tanstack.CPdMhQJA.0.0.35.js";import"./vue-router.DeKO-TI6.0.0.35.js";import"./@vee-validate.CJWK7-QJ.0.0.35.js";import"./zod.DnW1_kUe.0.0.35.js";import"./uuid.Ch9TGLTe.0.0.35.js";import"./socket.io-client.DStxZJaW.0.0.35.js";import"./engine.io-client.DID1Gi0P.0.0.35.js";import"./engine.io-parser.BiEtp6m2.0.0.35.js";import"./@socket.io.Dkula2eQ.0.0.35.js";import"./socket.io-parser.Bu59a6yj.0.0.35.js";import"./rxjs.D3MMpuwm.0.0.35.js";import"./tslib.9k7AwCpt.0.0.35.js";import"./vue-inline-svg.ZwVRfyPJ.0.0.35.js";import"./nprogress.C5XxOxB7.0.0.35.js";import"./@xterm.DaOfJRbL.0.0.35.js";import"./qrcode.CTIH5Uuh.0.0.35.js";import"./dijkstrajs.D_NXgYpA.0.0.35.js";import"./plugins.pgSGySL7.0.0.35.js";import"./draggabilly.CNS65Y-g.0.0.35.js";import"./get-size.D1dS-IaP.0.0.35.js";import"./unidragger.C4h_hc5V.0.0.35.js";import"./ev-emitter.RQQX1hXW.0.0.35.js";import"./VConsole.CyfMSuPf.0.0.35.js";import"./@react-dnd.CcwRs9xb.0.0.35.js";import"./dnd-core.BAetuYLg.0.0.35.js";import"./redux.CuxFRhX_.0.0.35.js";import"./fast-deep-equal.B4lecdU3.0.0.35.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};