@camera.ui/server 0.0.13-alpha.1 → 0.0.13-alpha.4

package/dist/interface/assets/{Account-DIyLTayx.js → Account-DIag_fJb.js}

@@ -1 +1 @@
-import{f as se,u as oe,c as re,r as ae,_ as te,d as ne}from"./main-DGpiuR7E.js";import{F as le,r as _,J as ie,e as j,O as me,R as n,u as e,j as s,T as d,M as o,m as g,f as de,l as ce,V as $,q as ue,n as E,ai as pe,aj as ve}from"./@vue-DL9UVr_o.js";import{m as N,a as R,_ as D}from"./@mdi-CmcijEFB.js";import{F as v,a as fe}from"./vee-validate-PbgW_0me.js";import{i as U}from"./vue3-toastify-Dw-XOd2Z.js";import{s as _e}from"./pinia-DvQcsQmR.js";import{c as O,d as q,e as J,z as G,V as H,b as K}from"./vuetify-B9MADlxz.js";import{u as ge}from"./vue-i18n-DYaQP6Tc.js";import"./vue-inline-svg-DZpyzRHr.js";import"./axios--Jv2L996.js";import"./@tanstack-CBqECT9Y.js";import"./vue-router-DWO1Myem.js";import"./@vueuse-Dir68MUw.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./@vee-validate-CWdaG3kt.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-CghEhjvD.js";import"./@popperjs-BQBsAJpH.js";import"./@intlify-Ck2ZoCVz.js";const b=k=>(pe("data-v-d0553a5c"),k=k(),ve(),k),be={class:"relative"},he={class:"subview-title text-color"},ye={class:"image-upload ml-auto"},we={for:"file-input"},xe={class:"inner-component p-4"},ke={class:"relative"},Ce={for:"username",class:"v-label"},Me=b(()=>s("div",{class:"py-1"},null,-1)),Ve={class:"relative"},$e={for:"password",class:"v-label"},Se=b(()=>s("div",{class:"py-1"},null,-1)),Ie={class:"relative"},Le={for:"passwordConfirm",class:"v-label"},Fe=b(()=>s("div",{class:"py-1"},null,-1)),Te={class:"relative"},ze={for:"sessionTimer",class:"v-label"},Oe=b(()=>s("div",{class:"py-1"},null,-1)),Ae={key:0,style:{"padding-top":"22px"}},Be={class:"relative"},Pe={class:"flex flex-row"},je={class:"v-label m-0 mb-0 ml-2",for:"rememberMe"},Ee={class:"text-sm"},Ne=b(()=>s("div",{class:"py-2"},null,-1)),Re={class:"relative"},De={class:"flex flex-row"},Ue={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},qe={class:"text-sm"},Je=b(()=>s("div",{class:"py-2"},null,-1)),Ge=le({__name:"Account",setup(k){var B,P;const{smallMobileActive:A}=se(),S=oe(),Q=ge(),{loginState:r}=_e(S),I=_("avatar"),C=_(),L=_(),h=_(!1),M=_(!1),V=_(!1);let F=((B=r.value.user)==null?void 0:B.rememberMe)??!1,T=((P=r.value.user)==null?void 0:P.oneLogin)??!1;const W=()=>{r.value.user&&(r.value.user.rememberMe=!r.value.user.rememberMe)},X=()=>{r.value.user&&(r.value.user.oneLogin=!r.value.user.oneLogin)},Y=()=>{L.value&&(L.value.resetForm(),I.value="avatar",C.value=void 0),r.value.user&&(r.value.user.rememberMe=F,r.value.user.oneLogin=T)},Z=async l=>{var c;const a=(c=l.target)==null?void 0:c.files;C.value=a==null?void 0:a[0],I.value=await ae(l)},ee=async l=>{var y,w,t,i,m,u,x;h.value=!0;let a;const c={...l};delete c.upload;const z=((y=r.value.user)==null?void 0:y.username)!==c.username||c.password&&c.passwordConfirm,f=Object.entries(c).some(([,p])=>p!==void 0);if(C.value&&(a=new FormData,a.append("upload",C.value)),!f&&!a){h.value=!1;return}try{await S.updateUser(c,a,!0),U.success(Q.t("components.toast.profile_updated")),F=((w=r.value.user)==null?void 0:w.rememberMe)??F,T=((t=r.value.user)==null?void 0:t.oneLogin)??T,z&&S.logout()}catch(p){U.error(((m=(i=p.response)==null?void 0:i.data)==null?void 0:m.message)??p.message??p),console.error(((x=(u=p.response)==null?void 0:u.data)==null?void 0:x.message)??p.message??p)}h.value=!1};return(l,a)=>{const c=te,z=ie("v-number-input");return j(),me(e(fe),{ref_key:"form",ref:L,class:"flex flex-col w-full","validation-schema":e(re),onSubmit:a[3]||(a[3]=f=>ee(f))},{default:n(()=>{var f,y,w;return[s("div",be,[s("span",he,d(l.$t("views.settings.profile")),1),s("div",ye,[s("label",we,[o(c,{src:e(I),size:"4rem",style:{"border-radius":"4rem",border:"1px solid var(--border)"}},null,8,["src"]),o(e(v),{id:"file-input",type:"file",name:"upload",accept:"image/png,image/jpeg,image/jpg",onChange:a[0]||(a[0]=t=>Z(t))})])]),s("div",xe,[s("div",ke,[s("label",Ce,d(l.$t("components.form.label.username")),1),o(e(v),{name:"username",value:(f=e(r).user)==null?void 0:f.username},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"username",variant:"outlined",density:"compact"},t,{type:"text",error:m.length>0,"error-messages":i}),null,16,["error","error-messages"])]),_:1},8,["value"])]),Me,s("div",Ve,[s("label",$e,d(l.$t("components.form.label.new_password")),1),o(e(v),{name:"password"},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"password",variant:"outlined",density:"compact"},t,{type:e(M)?"text":"password",error:m.length>0,"error-messages":i,"append-inner-icon":e(M)?e(N):e(R),"onClick:appendInner":a[1]||(a[1]=u=>M.value=!e(M))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),Se,s("div",Ie,[s("label",Le,d(l.$t("components.form.label.new_password_confirm")),1),o(e(v),{name:"passwordConfirm"},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"passwordConfirm",variant:"outlined",density:"compact"},t,{type:e(V)?"text":"password",error:m.length>0,"error-messages":i,"append-inner-icon":e(V)?e(N):e(R),"onClick:appendInner":a[2]||(a[2]=u=>V.value=!e(V))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),Fe,s("div",Te,[s("label",ze,d(l.$t("components.form.label.session_timer")),1),o(e(v),{name:"sessionTimer",value:(y=e(r).user)==null?void 0:y.sessionTimer},{default:n(({field:t,errorMessage:i,errors:m})=>{var u,x;return[o(z,g({"model-value":t.value,name:"sessionTimer",variant:"outlined",density:"compact"},t,{type:"number",step:600,error:m.length>0,"error-messages":i,disabled:(u=e(r).user)==null?void 0:u.rememberMe,"hide-details":(x=e(r).user)==null?void 0:x.rememberMe}),null,16,["model-value","error","error-messages","disabled","hide-details"])]}),_:1},8,["value"])]),Oe,(w=e(r).user)!=null&&w.rememberMe?(j(),de("div",Ae)):ce("",!0),s("div",Be,[o(e(v),{name:"rememberMe",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:n(({field:t,errorMessage:i,errors:m})=>[s("div",Pe,[o(q,g({"model-value":e(r).user.rememberMe,name:"rememberMe"},t,{color:"#df2a4c",type:"checkbox",error:m.length>0,"error-messages":i,"hide-details":"",onChange:W}),null,16,["model-value","error","error-messages"]),s("label",je,d(l.$t("components.form.label.remember_me")),1)])]),_:1}),o(G,{variant:"tonal",color:"#df2a4c"},{prepend:n(()=>[o(J,{color:"#df2a4c",size:"20",class:"mt-1"},{default:n(()=>[$(d(e(D)),1)]),_:1})]),default:n(()=>[s("span",Ee,d(l.$t("components.form.hint.remember_me")),1)]),_:1})]),Ne,s("div",Re,[o(e(v),{name:"oneLogin",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:n(({field:t,errorMessage:i,errors:m})=>{var u;return[s("div",De,[o(q,g({"model-value":(u=e(r).user)==null?void 0:u.oneLogin,name:"oneLogin"},t,{color:"#df2a4c",type:"checkbox",error:m.length>0,"error-messages":i,"hide-details":"",onChange:X}),null,16,["model-value","error","error-messages"]),s("label",Ue,d(l.$t("components.form.label.one_login")),1)])]}),_:1}),o(G,{variant:"tonal",color:"#df2a4c"},{prepend:n(()=>[o(J,{color:"#df2a4c",size:"20",class:"mt-1"},{default:n(()=>[$(d(e(D)),1)]),_:1})]),default:n(()=>[s("span",qe,d(l.$t("components.form.hint.one_login")),1)]),_:1})]),Je])]),s("div",{class:E(["flex flex-row my-5",{"mr-3":e(A)}])},[o(K,{class:"ml-auto mr-2 text-color bg-color-lighten",elevation:"0",tonal:"",style:{border:"1px solid rgba(var(--border-rgb), 0.75)"},loading:e(h),onClick:ue(Y,["prevent"])},{loader:n(()=>[o(H,{class:"text-color",size:"14",width:"2",indeterminate:""})]),default:n(()=>[$(d(l.$t("components.form.button.cancel")),1)]),_:1},8,["loading"]),o(K,{class:E(["text-white bg-color-primary",{"mr-2":e(A)}]),loading:e(h),elevation:"0",tonal:"",style:{border:"1px solid var(--color-primary-darken-2)"},type:"submit"},{loader:n(()=>[o(H,{color:"#fff",size:"14",width:"2",indeterminate:""})]),default:n(()=>[$(d(l.$t("components.form.button.save")),1)]),_:1},8,["loading","class"])],2)]}),_:1},8,["validation-schema"])}}}),ws=ne(Ge,[["__scopeId","data-v-d0553a5c"]]);export{ws as default};
+import{f as se,u as oe,c as re,r as ae,_ as te,d as ne}from"./main-Bbvif0oi.js";import{F as le,r as _,J as ie,e as j,O as me,R as n,u as e,j as s,T as d,M as o,m as g,f as de,l as ce,V as $,q as ue,n as E,ai as pe,aj as ve}from"./@vue-CHoPEscU.js";import{m as N,a as R,Z as D}from"./@mdi-DdmeckA1.js";import{F as v,a as fe}from"./vee-validate-Bcyi_7NV.js";import{i as U}from"./vue3-toastify-DSsDwESL.js";import{s as _e}from"./pinia-B42WbXFS.js";import{c as O,d as q,e as J,z as Z,V as G,b as H}from"./vuetify-Bs5zynkb.js";import{u as ge}from"./vue-i18n-COBHesGQ.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./@intlify-Ck2ZoCVz.js";const b=k=>(pe("data-v-d0553a5c"),k=k(),ve(),k),be={class:"relative"},he={class:"subview-title text-color"},ye={class:"image-upload ml-auto"},we={for:"file-input"},xe={class:"inner-component p-4"},ke={class:"relative"},Ce={for:"username",class:"v-label"},Me=b(()=>s("div",{class:"py-1"},null,-1)),Ve={class:"relative"},$e={for:"password",class:"v-label"},Se=b(()=>s("div",{class:"py-1"},null,-1)),Ie={class:"relative"},Le={for:"passwordConfirm",class:"v-label"},Fe=b(()=>s("div",{class:"py-1"},null,-1)),Te={class:"relative"},ze={for:"sessionTimer",class:"v-label"},Oe=b(()=>s("div",{class:"py-1"},null,-1)),Ae={key:0,style:{"padding-top":"22px"}},Be={class:"relative"},Pe={class:"flex flex-row"},je={class:"v-label m-0 mb-0 ml-2",for:"rememberMe"},Ee={class:"text-sm"},Ne=b(()=>s("div",{class:"py-2"},null,-1)),Re={class:"relative"},De={class:"flex flex-row"},Ue={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},qe={class:"text-sm"},Je=b(()=>s("div",{class:"py-2"},null,-1)),Ze=le({__name:"Account",setup(k){var B,P;const{smallMobileActive:A}=se(),S=oe(),K=ge(),{loginState:r}=_e(S),I=_("avatar"),C=_(),L=_(),h=_(!1),M=_(!1),V=_(!1);let F=((B=r.value.user)==null?void 0:B.rememberMe)??!1,T=((P=r.value.user)==null?void 0:P.oneLogin)??!1;const Q=()=>{r.value.user&&(r.value.user.rememberMe=!r.value.user.rememberMe)},W=()=>{r.value.user&&(r.value.user.oneLogin=!r.value.user.oneLogin)},X=()=>{L.value&&(L.value.resetForm(),I.value="avatar",C.value=void 0),r.value.user&&(r.value.user.rememberMe=F,r.value.user.oneLogin=T)},Y=async l=>{var c;const a=(c=l.target)==null?void 0:c.files;C.value=a==null?void 0:a[0],I.value=await ae(l)},ee=async l=>{var y,w,t,i,m,u,x;h.value=!0;let a;const c={...l};delete c.upload;const z=((y=r.value.user)==null?void 0:y.username)!==c.username||c.password&&c.passwordConfirm,f=Object.entries(c).some(([,p])=>p!==void 0);if(C.value&&(a=new FormData,a.append("upload",C.value)),!f&&!a){h.value=!1;return}try{await S.updateUser(c,a,!0),U.success(K.t("components.toast.profile_updated")),F=((w=r.value.user)==null?void 0:w.rememberMe)??F,T=((t=r.value.user)==null?void 0:t.oneLogin)??T,z&&S.logout()}catch(p){U.error(((m=(i=p.response)==null?void 0:i.data)==null?void 0:m.message)??p.message??p),console.error(((x=(u=p.response)==null?void 0:u.data)==null?void 0:x.message)??p.message??p)}h.value=!1};return(l,a)=>{const c=te,z=ie("v-number-input");return j(),me(e(fe),{ref_key:"form",ref:L,class:"flex flex-col w-full","validation-schema":e(re),onSubmit:a[3]||(a[3]=f=>ee(f))},{default:n(()=>{var f,y,w;return[s("div",be,[s("span",he,d(l.$t("views.settings.profile")),1),s("div",ye,[s("label",we,[o(c,{src:e(I),size:"4rem",style:{"border-radius":"4rem",border:"1px solid var(--border)"}},null,8,["src"]),o(e(v),{id:"file-input",type:"file",name:"upload",accept:"image/png,image/jpeg,image/jpg",onChange:a[0]||(a[0]=t=>Y(t))})])]),s("div",xe,[s("div",ke,[s("label",Ce,d(l.$t("components.form.label.username")),1),o(e(v),{name:"username",value:(f=e(r).user)==null?void 0:f.username},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"username",variant:"outlined",density:"compact"},t,{type:"text",error:m.length>0,"error-messages":i}),null,16,["error","error-messages"])]),_:1},8,["value"])]),Me,s("div",Ve,[s("label",$e,d(l.$t("components.form.label.new_password")),1),o(e(v),{name:"password"},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"password",variant:"outlined",density:"compact"},t,{type:e(M)?"text":"password",error:m.length>0,"error-messages":i,"append-inner-icon":e(M)?e(N):e(R),"onClick:appendInner":a[1]||(a[1]=u=>M.value=!e(M))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),Se,s("div",Ie,[s("label",Le,d(l.$t("components.form.label.new_password_confirm")),1),o(e(v),{name:"passwordConfirm"},{default:n(({field:t,errorMessage:i,errors:m})=>[o(O,g({name:"passwordConfirm",variant:"outlined",density:"compact"},t,{type:e(V)?"text":"password",error:m.length>0,"error-messages":i,"append-inner-icon":e(V)?e(N):e(R),"onClick:appendInner":a[2]||(a[2]=u=>V.value=!e(V))}),null,16,["type","error","error-messages","append-inner-icon"])]),_:1})]),Fe,s("div",Te,[s("label",ze,d(l.$t("components.form.label.session_timer")),1),o(e(v),{name:"sessionTimer",value:(y=e(r).user)==null?void 0:y.sessionTimer},{default:n(({field:t,errorMessage:i,errors:m})=>{var u,x;return[o(z,g({"model-value":t.value,name:"sessionTimer",variant:"outlined",density:"compact"},t,{type:"number",step:600,error:m.length>0,"error-messages":i,disabled:(u=e(r).user)==null?void 0:u.rememberMe,"hide-details":(x=e(r).user)==null?void 0:x.rememberMe}),null,16,["model-value","error","error-messages","disabled","hide-details"])]}),_:1},8,["value"])]),Oe,(w=e(r).user)!=null&&w.rememberMe?(j(),de("div",Ae)):ce("",!0),s("div",Be,[o(e(v),{name:"rememberMe",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:n(({field:t,errorMessage:i,errors:m})=>[s("div",Pe,[o(q,g({"model-value":e(r).user.rememberMe,name:"rememberMe"},t,{color:"#df2a4c",type:"checkbox",error:m.length>0,"error-messages":i,"hide-details":"",onChange:Q}),null,16,["model-value","error","error-messages"]),s("label",je,d(l.$t("components.form.label.remember_me")),1)])]),_:1}),o(Z,{variant:"tonal",color:"#df2a4c"},{prepend:n(()=>[o(J,{color:"#df2a4c",size:"20",class:"mt-1"},{default:n(()=>[$(d(e(D)),1)]),_:1})]),default:n(()=>[s("span",Ee,d(l.$t("components.form.hint.remember_me")),1)]),_:1})]),Ne,s("div",Re,[o(e(v),{name:"oneLogin",type:"checkbox","checked-value":!0,"unchecked-value":!1},{default:n(({field:t,errorMessage:i,errors:m})=>{var u;return[s("div",De,[o(q,g({"model-value":(u=e(r).user)==null?void 0:u.oneLogin,name:"oneLogin"},t,{color:"#df2a4c",type:"checkbox",error:m.length>0,"error-messages":i,"hide-details":"",onChange:W}),null,16,["model-value","error","error-messages"]),s("label",Ue,d(l.$t("components.form.label.one_login")),1)])]}),_:1}),o(Z,{variant:"tonal",color:"#df2a4c"},{prepend:n(()=>[o(J,{color:"#df2a4c",size:"20",class:"mt-1"},{default:n(()=>[$(d(e(D)),1)]),_:1})]),default:n(()=>[s("span",qe,d(l.$t("components.form.hint.one_login")),1)]),_:1})]),Je])]),s("div",{class:E(["flex flex-row my-5",{"mr-3":e(A)}])},[o(H,{class:"ml-auto mr-2 text-color bg-color-lighten",elevation:"0",tonal:"",style:{border:"1px solid rgba(var(--border-rgb), 0.75)"},loading:e(h),onClick:ue(X,["prevent"])},{loader:n(()=>[o(G,{class:"text-color",size:"14",width:"2",indeterminate:""})]),default:n(()=>[$(d(l.$t("components.form.button.cancel")),1)]),_:1},8,["loading"]),o(H,{class:E(["text-white bg-color-primary",{"mr-2":e(A)}]),loading:e(h),elevation:"0",tonal:"",style:{border:"1px solid var(--color-primary-darken-2)"},type:"submit"},{loader:n(()=>[o(G,{color:"#fff",size:"14",width:"2",indeterminate:""})]),default:n(()=>[$(d(l.$t("components.form.button.save")),1)]),_:1},8,["loading","class"])],2)]}),_:1},8,["validation-schema"])}}}),ws=ne(Ze,[["__scopeId","data-v-d0553a5c"]]);export{ws as default};

package/dist/interface/assets/{Adminpanel-HbC8CMrH.js → Adminpanel-3UQD7k83.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue3-apexcharts-rlKvKWKE.js","assets/@vue-DL9UVr_o.js"])))=>i.map(i=>d[i]);
-var ge=Object.defineProperty;var _e=(f,s,i)=>s in f?ge(f,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):f[s]=i;var re=(f,s,i)=>_e(f,typeof s!="symbol"?s+"":s,i);import{F as K,t as me,r as d,b as U,c as A,J as pe,e as L,O as P,R as n,j as w,u as o,V as E,T as N,f as M,l as he,g as Y,q as z,M as v,at as ye,B as de,w as q,a3 as J,m as ne,ar as j,U as be,n as ue}from"./@vue-DL9UVr_o.js";import{az as ke,av as ie}from"./@mdi-CmcijEFB.js";import{i as G,u as xe,N as we,O as We,d as X,a as Le,L as Ne,z as H,P as p,x as ve,f as Se}from"./main-DGpiuR7E.js";import{s as fe}from"./pinia-DvQcsQmR.js";import{l as Z,T as ee,b as te,e as se,a0 as Pe,a1 as ae,X as le,m as B}from"./vuetify-B9MADlxz.js";import{i as oe}from"./vue3-toastify-Dw-XOd2Z.js";import{P as Te}from"./plugins-CMB4ORW-.js";import{u as Ce,a as Oe,b as Re}from"./@tanstack-CBqECT9Y.js";import{S as De}from"./system-N-zgarul.js";import"./vue-inline-svg-DZpyzRHr.js";import"./vue-i18n-DYaQP6Tc.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./vue-router-DWO1Myem.js";import"./@vueuse-Dir68MUw.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./vee-validate-PbgW_0me.js";import"./@vee-validate-CWdaG3kt.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-CghEhjvD.js";import"./@popperjs-BQBsAJpH.js";var $=(f=>(f.READY="ready",f.RESTARTING="restarting",f.STARTING="starting",f.STARTED="started",f.STOPPED="stopped",f.ERROR="error",f.UNKNOWN="unknown",f))($||{});const Ee={class:"flex items-center first-item"},$e={key:1},Ae={class:"text-center pt-2"},Ie=K({__name:"VUserTable",props:{loading:{type:Boolean,default:!1}},setup(f){const s=f,{t:i}=G.global,S=new We,b=xe(),{loginState:W}=fe(b),{loading:c}=me(s),u=d({pageSize:5,page:1}),y=U([{title:i("components.user_table.title_username"),align:"start",key:"username",value:"decoded.username",sortable:!0},{title:i("components.user_table.title_role"),align:"start",key:"role",value:"decoded.role",sortable:!0},{title:i("components.user_table.title_address"),align:"start",key:"address",value:"clientData.address",sortable:!0},{title:i("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(()=>D.value||x.value||c.value),R=A(()=>{var T;const O=Math.ceil((((T=l.value)==null?void 0:T.pagination.totalItems)||0)/u.value.pageSize);return O===1&&(u.value.page=1),O}),k=A(()=>{var O;return(O=l.value)==null?void 0:O.result.map(T=>({encoded:T.token,decoded:we(T.token.access_token),clientData:T.clientData}))}),{data:l,isLoading:x,isPlaceholderData:h}=S.listQuery(u,!0),{mutate:I,isPending:D}=S.logoutTokenQuery(),F=()=>{u.value.page=Math.max(u.value.page-1,1)},V=()=>{h.value||(u.value.page=u.value.page+1)};return(O,T)=>{const Q=pe("router-link");return L(),P(ae,{"items-per-page":o(u).pageSize,headers:o(y),items:o(k),class:"elevation-0","item-value":"username","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.username":n(({item:C})=>[w("div",Ee,[C.encoded.access_token===o(W).access_token?(L(),P(Q,{key:0,to:"/settings/account"},{default:n(()=>[E(N(C.decoded.username),1)]),_:2},1024)):(L(),M("div",$e,N(C.decoded.username),1)),C.encoded.access_token===o(W).access_token?(L(),P(Z,{key:2,color:"#df2a4c",class:"ml-2",inline:"",content:O.$t("components.user_table.you")},null,8,["content"])):he("",!0)])]),"item.delete":n(({item:C})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:o(_),icon:"",onClick:z(e=>o(I)({id:C.encoded._id,access_token:C.encoded.access_token}),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ke)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,O.$t("components.form.tooltip.logout")]])]),bottom:n(()=>[w("div",Ae,[v(Pe,{modelValue:o(u).page,"onUpdate:modelValue":T[0]||(T[0]=C=>o(u).page=C),length:o(R),onPrev:z(F,["prevent"]),onNext:z(V,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),Fe=X(Ie,[["__scopeId","data-v-6d740d4e"]]),Ve={key:0,class:"text-disabled"},ce=K({__name:"VMetricCharts",props:{type:{},processInfo:{},maxDataPoints:{default:30},width:{default:200},height:{default:25},chartType:{default:"bar"}},async setup(f){let s,i;const S=([s,i]=ye(()=>Ne(()=>import("./vue3-apexcharts-rlKvKWKE.js"),__vite__mapDeps([0,1]))),s=await s,i(),s).default,b=Le(),W=f,{theme:c}=fe(b),{type:u,processInfo:y,maxDataPoints:_,chartType:R}=me(W),k=A(()=>{const h=(y.value||[]).map(D=>u.value==="cpu"?D.cpuLoad:D.memLoad).slice(-_.value);return[{data:[...h,...Array(_.value-h.length).fill(0)].map(D=>parseFloat(D))}]}),l=A(()=>[{data:(y.value||[]).map(h=>h.timestamp)}]),x=A(()=>({chart:{type:R.value,sparkline:{enabled:!0}},plotOptions:{bar:{columnWidth:"80%"}},colors:[({value:h})=>h>=90?"#FA5252":h>=50?"#FF9966":"#df2a4c"],xaxis:{crosshairs:{width:1},axisBorder:{show:!1},axisTicks:{show:!1},categories:l.value[0].data},yaxis:{show:!1,labels:{formatter:h=>Math.ceil(h).toString()},min:0},tooltip:{theme:c.value,fixed:{enabled:!1},marker:{show:!1},y:{title:{formatter:function(){return""}},formatter:h=>`${h} %`},x:{formatter:h=>new Date(h).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}}}));return(h,I)=>(L(),M("div",null,[!o(y)||!o(y).length?(L(),M("span",Ve,N(h.$t("components.charts.no_data")),1)):(L(),P(o(S),{key:1,type:o(R),options:o(x),series:o(k),height:h.height,width:h.width,"data-no-clone":""},null,8,["type","options","series","height","width"]))]))}}),Qe={class:"flex items-center first-item"},ze=K({__name:"VPluginTable",setup(f){const{t:s}=G.global,i=H(),S=new Te,b=d(),W=d(),c=d({}),u=d([]),y=d(30),_=d(200),R={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},k=d({}),l=d({}),x=A(()=>Object.values(k.value).filter(Boolean)),h=U([{title:s("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:s("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:I,isLoading:D,suspense:F}=S.getPluginsQuery(de({page:1,pageSize:-1})),{mutateAsync:V}=S.restartPluginQuery(),O=A(()=>e=>u.value.includes(e));q(l,e=>{for(const[r,t]of Object.entries(e))k.value[r]=t[t.length-1]??{name:r,...R}},{deep:!0,immediate:!0}),q(I,e=>{if(e)for(const r of e.result)r.disabled||(l.value[r.pluginName]||(l.value[r.pluginName]=[]),c.value[r.pluginName]||(c.value[r.pluginName]={name:r.pluginName,status:p.UNKNOWN}))},{deep:!0,immediate:!0});const T=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return"#9d5752";case p.STARTING:return"orange";case p.READY:return"yellow";case p.STARTED:return"green";case p.STOPPED:return"red";case p.DISABLED:return"#2196f3";case p.UNKNOWN:return"gray";default:return"gray"}},Q=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return s("components.process_table.status_error");case p.STOPPED:return s("components.process_table.status_stopped");case p.READY:return s("components.process_table.status_ready");case p.STARTING:return s("components.process_table.status_starting");case p.STARTED:return s("components.process_table.status_started");default:return s("components.process_table.status_unknown")}},C=async e=>{var r,t,a,m;u.value.push(e);try{await V({pluginName:e})}catch(g){console.error(((t=(r=g.response)==null?void 0:r.data)==null?void 0:t.message)??g.message??g),oe.error(((m=(a=g.response)==null?void 0:a.data)==null?void 0:m.message)??g.message??g)}finally{u.value=u.value.filter(g=>g!==e)}};return J(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await F(),await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-plugin-process-status"),W.value.socket.on("plugin-process-status",e=>{for(const[r,t]of Object.entries(e))c.value[r]=t}),b.value.request("get-plugins-process-info").subscribe(e=>{l.value=e}),b.value.socket.on("process-infos",e=>{const r=e.plugins;Object.keys(l.value).forEach(t=>{r[t]||delete l.value[t]}),Object.keys(k.value).forEach(t=>{r[t]||delete k.value[t]});for(const[t,a]of Object.entries(r))l.value[t]||(l.value[t]=[]),l.value[t].push(a),l.value[t].slice(-y.value)})}),(e,r)=>{const t=pe("router-link"),a=ce;return L(),P(ae,{"items-per-page":-1,headers:o(h),items:o(x),class:"elevation-0",loading:o(D),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:m})=>[w("div",Qe,[v(le,{location:"top",text:Q(m.name)},{activator:n(({props:g})=>[v(Z,ne(g,{color:T(m.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),v(t,{to:`/plugins/${m.name}`,class:"ml-1"},{default:n(()=>[E(N(m.name),1)]),_:2},1032,["to"])])]),"item.cpuLoad":n(({item:m})=>[v(B,{color:parseFloat(m.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(m.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:m})=>[(L(),P(j,null,{default:n(()=>[v(a,{type:"cpu","max-data-points":o(y),"process-info":o(l)[m.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:m})=>[v(B,{color:parseFloat(m.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(m.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:m})=>[(L(),P(j,null,{default:n(()=>[v(a,{type:"memory","max-data-points":o(y),"process-info":o(l)[m.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:m})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:o(O)(m.name),icon:"",onClick:z(g=>C(m.name),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ie)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,e.$t("components.form.tooltip.restart")]])]),bottom:n(()=>[]),_:1},8,["headers","items","loading"])}}}),je=X(ze,[["__scopeId","data-v-7697b590"]]),Be=async({parameter:f,signal:s})=>(await ve.get("/frameworkers",{params:f,signal:s})).data,Ke=async({frameWorkerName:f})=>(await ve.put(`/frameworkers/${f}/restart`)).data;class qe{constructor(){re(this,"_queryClient",Ce());re(this,"queryActivator",d([{name:"getFrameWorkersQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getFrameWorkersQuery(s){return Oe({queryKey:["frameWorkerList",s],queryFn:({signal:i})=>Be({parameter:o(s),signal:i}),placeholderData:i=>i,enabled:()=>this.queryActivator.value.some(i=>i.name==="getFrameWorkersQuery"&&i.enabled)})}restartFrameWorkerQuery(){return Re({mutationFn:Ke,onSuccess:async(s,i)=>{await this._queryClient.refetchQueries({queryKey:["frameWorkers",i.frameWorkerName]}),oe.success(G.global.t("components.toast.frame_worker_restarted"))}})}toggleQueryActivator(s,i){const S=this.queryActivator.value.find(b=>b.name===s);S&&(S.enabled=i)}}const Ge={class:"flex items-center first-item"},Me={class:"ml-1"},Ue=K({__name:"VFrameWorkerTable",setup(f){const{t:s}=G.global,i=H(),S=new qe,b=d(),W=d(),c=d({}),u=d([]),y=d(30),_=d(200),R={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},k=d({}),l=d({}),x=A(()=>Object.values(k.value).filter(Boolean)),h=U([{title:s("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:s("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:I,isLoading:D,suspense:F}=S.getFrameWorkersQuery(de({page:1,pageSize:-1})),{mutateAsync:V}=S.restartFrameWorkerQuery(),O=A(()=>e=>u.value.includes(e));q(l,e=>{for(const[r,t]of Object.entries(e))k.value[r]=t[t.length-1]??{name:r,...R}},{deep:!0,immediate:!0}),q(I,e=>{if(e)for(const r of e.result)l.value[r.name]||(l.value[r.name]=[]),c.value[r.name]||(c.value[r.name]={name:r.name,status:p.UNKNOWN})},{deep:!0,immediate:!0});const T=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return"#9d5752";case p.STARTING:return"orange";case p.READY:return"yellow";case p.STARTED:return"green";case p.STOPPED:return"red";case p.DISABLED:return"#2196f3";case p.UNKNOWN:return"gray";default:return"gray"}},Q=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return s("components.process_table.status_error");case p.STOPPED:return s("components.process_table.status_stopped");case p.READY:return s("components.process_table.status_ready");case p.STARTING:return s("components.process_table.status_starting");case p.STARTED:return s("components.process_table.status_started");default:return s("components.process_table.status_unknown")}},C=async e=>{var r,t,a,m;u.value.push(e);try{await V({frameWorkerName:e})}catch(g){console.error(((t=(r=g.response)==null?void 0:r.data)==null?void 0:t.message)??g.message??g),oe.error(((m=(a=g.response)==null?void 0:a.data)==null?void 0:m.message)??g.message??g)}finally{u.value=u.value.filter(g=>g!==e)}};return J(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await F(),await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-frameworker-process-status"),W.value.socket.on("frameworker-process-status",e=>{for(const[r,t]of Object.entries(e))c.value[r]=t}),b.value.request("get-frameworker-process-info").subscribe(e=>{l.value=e}),b.value.socket.on("process-infos",e=>{const r=e.workers;Object.keys(l.value).forEach(t=>{r[t]||delete l.value[t]}),Object.keys(k.value).forEach(t=>{r[t]||delete k.value[t]});for(const[t,a]of Object.entries(r))l.value[t]||(l.value[t]=[]),l.value[t].push(a),l.value[t].slice(-y.value)})}),(e,r)=>{const t=ce;return L(),P(ae,{"items-per-page":-1,headers:o(h),items:o(x),class:"elevation-0",loading:o(D),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:a})=>[w("div",Ge,[v(le,{location:"top",text:Q(a.name)},{activator:n(({props:m})=>[v(Z,ne(m,{color:T(a.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),w("div",Me,N(a.name),1)])]),"item.cpuLoad":n(({item:a})=>[v(B,{color:parseFloat(a.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:a})=>[(L(),P(j,null,{default:n(()=>[v(t,{type:"cpu","max-data-points":o(y),"process-info":o(l)[a.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:a})=>[v(B,{color:parseFloat(a.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:a})=>[(L(),P(j,null,{default:n(()=>[v(t,{type:"memory","max-data-points":o(y),"process-info":o(l)[a.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:a})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:o(O)(a.name),icon:"",onClick:z(m=>C(a.name),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ie)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,e.$t("components.form.tooltip.restart")]])]),bottom:n(()=>[]),_:1},8,["headers","items","loading"])}}}),Ye=X(Ue,[["__scopeId","data-v-d4992fad"]]),Je={class:"flex items-center first-item"},Xe={class:"ml-1"},He=K({__name:"VProcessTable",setup(f){const{t:s}=G.global,i=H(),S=new De,b=d(),W=d(),c=d(30),u=d(200),y=d($.UNKNOWN),_=d($.UNKNOWN),R=d($.UNKNOWN),k={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},l=d({server:{name:"server",...k},go2rtc:{name:"go2rtc",...k},nats:{name:"nats",...k}}),x=d({server:[],go2rtc:[],nats:[]}),h=A(()=>Object.values(l.value).filter(Boolean)),I=U([{title:s("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:s("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:s("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,minWidth:u.value,maxWidth:u.value,sortable:!1},{title:s("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,minWidth:u.value,maxWidth:u.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{mutateAsync:D,isPending:F}=S.restartGo2Rtc(),{mutateAsync:V,isPending:O}=S.restartSystem();q(x,e=>{l.value.server=e.server[e.server.length-1]??{...k,name:"server"},l.value.go2rtc=e.go2rtc[e.go2rtc.length-1]??{...k,name:"go2rtc"},l.value.nats=e.nats[e.nats.length-1]??{...k,name:"nats"}},{deep:!0,immediate:!0});const T=e=>{switch(e){case"server":return y.value;case"go2rtc":return _.value;case"nats":return R.value;default:return $.UNKNOWN}},Q=e=>{switch(T(e)){case $.ERROR:return"#9d5752";case $.STARTING:return"orange";case $.READY:return"yellow";case $.STARTED:return"green";case $.STOPPED:return"red";case $.UNKNOWN:return"gray";default:return"gray"}},C=async e=>{var r,t,a,m;try{e==="server"?await V():await D()}catch(g){console.error(((t=(r=g.response)==null?void 0:r.data)==null?void 0:t.message)??g.message??g),oe.error(((m=(a=g.response)==null?void 0:a.data)==null?void 0:m.message)??g.message??g)}};return J(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-process-status"),W.value.socket.on("process-status",e=>{e.server&&(y.value=e.server.status),e.go2rtc&&(_.value=e.go2rtc.status),e.nats&&(R.value=e.nats.status)}),b.value.request("get-server-process-info").subscribe(e=>{x.value=e}),b.value.socket.on("process-infos",e=>{const r=e.server,t=e.go2rtc,a=e.nats;x.value.server.push(r),x.value.server.slice(-c.value),x.value.go2rtc.push(t),x.value.go2rtc.slice(-c.value),x.value.nats.push(a),x.value.nats.slice(-c.value)})}),(e,r)=>{const t=ce;return L(),P(ae,{"items-per-page":-1,headers:o(I),items:o(h),class:"elevation-0","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:a})=>[w("div",Je,[v(le,{location:"top",text:e.$t(`components.process_table.status_${T(a.name)}`)},{activator:n(({props:m})=>[v(Z,ne(m,{color:Q(a.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),w("div",Xe,N(a.name),1)])]),"item.cpuLoad":n(({item:a})=>[v(B,{color:parseFloat(a.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:a})=>[(L(),P(j,null,{default:n(()=>[v(t,{type:"cpu","max-data-points":o(c),"process-info":a.name==="server"?o(x).server:a.name==="go2rtc"?o(x).go2rtc:o(x).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:a})=>[v(B,{color:parseFloat(a.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:a})=>[(L(),P(j,null,{default:n(()=>[v(t,{type:"memory","max-data-points":o(c),"process-info":a.name==="server"?o(x).server:a.name==="go2rtc"?o(x).go2rtc:o(x).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:a})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:a.name==="server"?o(O):o(F),icon:"",onClick:z(m=>C(a.name),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ie)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,e.$t("components.form.tooltip.restart")]])]),bottom:n(()=>[]),_:1},8,["headers","items"])}}}),Ze=X(He,[["__scopeId","data-v-b30f8817"]]),et={class:"h-full w-full inline-size mb-safe"},tt={class:"page-title"},st={class:"subview-title text-color"},at={class:"inner-component p-4"},ot={class:"mt-10"},rt={class:"subview-title text-color"},nt={class:"inner-component p-4"},it={class:"mt-10"},lt={class:"subview-title text-color"},ct={class:"inner-component p-4"},ut={class:"mt-10"},mt={class:"subview-title text-color"},pt={class:"inner-component p-4"},Kt=K({__name:"Adminpanel",setup(f){const s=H(),{smallMobileActive:i}=Se(),S=d(),b=d(),W=d(!1);return J(()=>{S.value=s.connectToNamespace("/metrics"),b.value=s.connectToNamespace("/status")}),be(()=>{var c,u,y,_;(u=(c=S.value)==null?void 0:c.end)==null||u.call(c),(_=(y=b.value)==null?void 0:y.end)==null||_.call(y)}),(c,u)=>{const y=Ze,_=Ye,R=je,k=Fe;return L(),M("main",{class:ue({"px-0":o(i)})},[w("div",et,[w("div",{class:ue(["mb-3 flex w-full items-center",{"px-2":o(i)}]),style:{height:"30px"}},[w("h1",tt,N(c.$t(`views.${String(c.$route.name).toLowerCase()}.title`)),1)],2),w("div",null,[w("span",st,N(c.$t("views.adminpanel.system")),1),w("div",at,[v(y)])]),w("div",ot,[w("span",rt,N(c.$t("views.adminpanel.frameworker")),1),w("div",nt,[v(_)])]),w("div",it,[w("span",lt,N(c.$t("views.adminpanel.plugins")),1),w("div",ct,[v(R)])]),w("div",ut,[w("span",mt,N(c.$t("views.adminpanel.currently_loggedin_users")),1),w("div",pt,[v(k,{loading:o(W)},null,8,["loading"])])])])],2)}}});export{Kt as default};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vue3-apexcharts-D1DBkA4f.js","assets/@vue-CHoPEscU.js"])))=>i.map(i=>d[i]);
+var ge=Object.defineProperty;var _e=(f,s,i)=>s in f?ge(f,s,{enumerable:!0,configurable:!0,writable:!0,value:i}):f[s]=i;var re=(f,s,i)=>_e(f,typeof s!="symbol"?s+"":s,i);import{F as K,t as me,r as d,b as U,c as A,J as pe,e as L,O as P,R as n,j as w,u as o,V as E,T as N,f as M,l as he,g as Y,q as j,M as v,at as ye,B as de,w as q,a3 as J,m as ne,ar as z,U as be,n as ue}from"./@vue-CHoPEscU.js";import{ay as ke,at as ie}from"./@mdi-DdmeckA1.js";import{i as G,u as xe,N as we,O as We,d as X,a as Le,L as Ne,z as H,P as p,x as ve,f as Se}from"./main-Bbvif0oi.js";import{s as fe}from"./pinia-B42WbXFS.js";import{l as Z,T as ee,b as te,e as se,a0 as Pe,a1 as ae,X as le,m as B}from"./vuetify-Bs5zynkb.js";import{i as oe}from"./vue3-toastify-DSsDwESL.js";import{P as Te}from"./plugins-BVTgiMCC.js";import{u as Ce,a as Oe,b as Re}from"./@tanstack-BRh6vUDU.js";import{S as De}from"./system-DzN6086S.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";var $=(f=>(f.READY="ready",f.RESTARTING="restarting",f.STARTING="starting",f.STARTED="started",f.STOPPED="stopped",f.ERROR="error",f.UNKNOWN="unknown",f))($||{});const Ee={class:"flex items-center first-item"},$e={key:1},Ae={class:"text-center pt-2"},Ie=K({__name:"VUserTable",props:{loading:{type:Boolean,default:!1}},setup(f){const s=f,{t:i}=G.global,S=new We,b=xe(),{loginState:W}=fe(b),{loading:c}=me(s),u=d({pageSize:5,page:1}),y=U([{title:i("components.user_table.title_username"),align:"start",key:"username",value:"decoded.username",sortable:!0},{title:i("components.user_table.title_role"),align:"start",key:"role",value:"decoded.role",sortable:!0},{title:i("components.user_table.title_address"),align:"start",key:"address",value:"clientData.address",sortable:!0},{title:i("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(()=>D.value||x.value||c.value),R=A(()=>{var T;const O=Math.ceil((((T=l.value)==null?void 0:T.pagination.totalItems)||0)/u.value.pageSize);return O===1&&(u.value.page=1),O}),k=A(()=>{var O;return(O=l.value)==null?void 0:O.result.map(T=>({encoded:T.token,decoded:we(T.token.access_token),clientData:T.clientData}))}),{data:l,isLoading:x,isPlaceholderData:h}=S.listQuery(u,!0),{mutate:I,isPending:D}=S.logoutTokenQuery(),F=()=>{u.value.page=Math.max(u.value.page-1,1)},V=()=>{h.value||(u.value.page=u.value.page+1)};return(O,T)=>{const Q=pe("router-link");return L(),P(ae,{"items-per-page":o(u).pageSize,headers:o(y),items:o(k),class:"elevation-0","item-value":"username","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.username":n(({item:C})=>[w("div",Ee,[C.encoded.access_token===o(W).access_token?(L(),P(Q,{key:0,to:"/settings/account"},{default:n(()=>[E(N(C.decoded.username),1)]),_:2},1024)):(L(),M("div",$e,N(C.decoded.username),1)),C.encoded.access_token===o(W).access_token?(L(),P(Z,{key:2,color:"#df2a4c",class:"ml-2",inline:"",content:O.$t("components.user_table.you")},null,8,["content"])):he("",!0)])]),"item.delete":n(({item:C})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:o(_),icon:"",onClick:j(e=>o(I)({id:C.encoded._id,access_token:C.encoded.access_token}),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ke)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,O.$t("components.form.tooltip.logout")]])]),bottom:n(()=>[w("div",Ae,[v(Pe,{modelValue:o(u).page,"onUpdate:modelValue":T[0]||(T[0]=C=>o(u).page=C),length:o(R),onPrev:j(F,["prevent"]),onNext:j(V,["prevent"])},null,8,["modelValue","length"])])]),_:1},8,["items-per-page","headers","items"])}}}),Fe=X(Ie,[["__scopeId","data-v-6d740d4e"]]),Ve={key:0,class:"text-disabled"},ce=K({__name:"VMetricCharts",props:{type:{},processInfo:{},maxDataPoints:{default:30},width:{default:200},height:{default:25},chartType:{default:"bar"}},async setup(f){let s,i;const S=([s,i]=ye(()=>Ne(()=>import("./vue3-apexcharts-D1DBkA4f.js"),__vite__mapDeps([0,1]))),s=await s,i(),s).default,b=Le(),W=f,{theme:c}=fe(b),{type:u,processInfo:y,maxDataPoints:_,chartType:R}=me(W),k=A(()=>{const h=(y.value||[]).map(D=>u.value==="cpu"?D.cpuLoad:D.memLoad).slice(-_.value);return[{data:[...h,...Array(_.value-h.length).fill(0)].map(D=>parseFloat(D))}]}),l=A(()=>[{data:(y.value||[]).map(h=>h.timestamp)}]),x=A(()=>({chart:{type:R.value,sparkline:{enabled:!0}},plotOptions:{bar:{columnWidth:"80%"}},colors:[({value:h})=>h>=90?"#FA5252":h>=50?"#FF9966":"#df2a4c"],xaxis:{crosshairs:{width:1},axisBorder:{show:!1},axisTicks:{show:!1},categories:l.value[0].data},yaxis:{show:!1,labels:{formatter:h=>Math.ceil(h).toString()},min:0},tooltip:{theme:c.value,fixed:{enabled:!1},marker:{show:!1},y:{title:{formatter:function(){return""}},formatter:h=>`${h} %`},x:{formatter:h=>new Date(h).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}}}));return(h,I)=>(L(),M("div",null,[!o(y)||!o(y).length?(L(),M("span",Ve,N(h.$t("components.charts.no_data")),1)):(L(),P(o(S),{key:1,type:o(R),options:o(x),series:o(k),height:h.height,width:h.width,"data-no-clone":""},null,8,["type","options","series","height","width"]))]))}}),Qe={class:"flex items-center first-item"},je=K({__name:"VPluginTable",setup(f){const{t:s}=G.global,i=H(),S=new Te,b=d(),W=d(),c=d({}),u=d([]),y=d(30),_=d(200),R={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},k=d({}),l=d({}),x=A(()=>Object.values(k.value).filter(Boolean)),h=U([{title:s("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:s("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:I,isLoading:D,suspense:F}=S.getPluginsQuery(de({page:1,pageSize:-1})),{mutateAsync:V}=S.restartPluginQuery(),O=A(()=>e=>u.value.includes(e));q(l,e=>{for(const[r,t]of Object.entries(e))k.value[r]=t[t.length-1]??{name:r,...R}},{deep:!0,immediate:!0}),q(I,e=>{if(e)for(const r of e.result)r.disabled||(l.value[r.pluginName]||(l.value[r.pluginName]=[]),c.value[r.pluginName]||(c.value[r.pluginName]={name:r.pluginName,status:p.UNKNOWN}))},{deep:!0,immediate:!0});const T=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return"#9d5752";case p.STARTING:return"orange";case p.READY:return"yellow";case p.STARTED:return"green";case p.STOPPED:return"red";case p.DISABLED:return"#2196f3";case p.UNKNOWN:return"gray";default:return"gray"}},Q=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return s("components.process_table.status_error");case p.STOPPED:return s("components.process_table.status_stopped");case p.READY:return s("components.process_table.status_ready");case p.STARTING:return s("components.process_table.status_starting");case p.STARTED:return s("components.process_table.status_started");default:return s("components.process_table.status_unknown")}},C=async e=>{var r,t,a,m;u.value.push(e);try{await V({pluginName:e})}catch(g){console.error(((t=(r=g.response)==null?void 0:r.data)==null?void 0:t.message)??g.message??g),oe.error(((m=(a=g.response)==null?void 0:a.data)==null?void 0:m.message)??g.message??g)}finally{u.value=u.value.filter(g=>g!==e)}};return J(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await F(),await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-plugin-process-status"),W.value.socket.on("plugin-process-status",e=>{for(const[r,t]of Object.entries(e))c.value[r]=t}),b.value.request("get-plugins-process-info").subscribe(e=>{l.value=e}),b.value.socket.on("process-infos",e=>{const r=e.plugins;Object.keys(l.value).forEach(t=>{r[t]||delete l.value[t]}),Object.keys(k.value).forEach(t=>{r[t]||delete k.value[t]});for(const[t,a]of Object.entries(r))l.value[t]||(l.value[t]=[]),l.value[t].push(a),l.value[t].slice(-y.value)})}),(e,r)=>{const t=pe("router-link"),a=ce;return L(),P(ae,{"items-per-page":-1,headers:o(h),items:o(x),class:"elevation-0",loading:o(D),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:m})=>[w("div",Qe,[v(le,{location:"top",text:Q(m.name)},{activator:n(({props:g})=>[v(Z,ne(g,{color:T(m.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),v(t,{to:`/plugins/${m.name}`,class:"ml-1"},{default:n(()=>[E(N(m.name),1)]),_:2},1032,["to"])])]),"item.cpuLoad":n(({item:m})=>[v(B,{color:parseFloat(m.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(m.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:m})=>[(L(),P(z,null,{default:n(()=>[v(a,{type:"cpu","max-data-points":o(y),"process-info":o(l)[m.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:m})=>[v(B,{color:parseFloat(m.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(m.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:m})=>[(L(),P(z,null,{default:n(()=>[v(a,{type:"memory","max-data-points":o(y),"process-info":o(l)[m.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:m})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:o(O)(m.name),icon:"",onClick:j(g=>C(m.name),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ie)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,e.$t("components.form.tooltip.restart")]])]),bottom:n(()=>[]),_:1},8,["headers","items","loading"])}}}),ze=X(je,[["__scopeId","data-v-7697b590"]]),Be=async({parameter:f,signal:s})=>(await ve.get("/frameworkers",{params:f,signal:s})).data,Ke=async({frameWorkerName:f})=>(await ve.put(`/frameworkers/${f}/restart`)).data;class qe{constructor(){re(this,"_queryClient",Ce());re(this,"queryActivator",d([{name:"getFrameWorkersQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getFrameWorkersQuery(s){return Oe({queryKey:["frameWorkerList",s],queryFn:({signal:i})=>Be({parameter:o(s),signal:i}),placeholderData:i=>i,enabled:()=>this.queryActivator.value.some(i=>i.name==="getFrameWorkersQuery"&&i.enabled)})}restartFrameWorkerQuery(){return Re({mutationFn:Ke,onSuccess:async(s,i)=>{await this._queryClient.refetchQueries({queryKey:["frameWorkers",i.frameWorkerName]}),oe.success(G.global.t("components.toast.frame_worker_restarted"))}})}toggleQueryActivator(s,i){const S=this.queryActivator.value.find(b=>b.name===s);S&&(S.enabled=i)}}const Ge={class:"flex items-center first-item"},Me={class:"ml-1"},Ue=K({__name:"VFrameWorkerTable",setup(f){const{t:s}=G.global,i=H(),S=new qe,b=d(),W=d(),c=d({}),u=d([]),y=d(30),_=d(200),R={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},k=d({}),l=d({}),x=A(()=>Object.values(k.value).filter(Boolean)),h=U([{title:s("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:s("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:s("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,minWidth:_.value,maxWidth:_.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{data:I,isLoading:D,suspense:F}=S.getFrameWorkersQuery(de({page:1,pageSize:-1})),{mutateAsync:V}=S.restartFrameWorkerQuery(),O=A(()=>e=>u.value.includes(e));q(l,e=>{for(const[r,t]of Object.entries(e))k.value[r]=t[t.length-1]??{name:r,...R}},{deep:!0,immediate:!0}),q(I,e=>{if(e)for(const r of e.result)l.value[r.name]||(l.value[r.name]=[]),c.value[r.name]||(c.value[r.name]={name:r.name,status:p.UNKNOWN})},{deep:!0,immediate:!0});const T=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return"#9d5752";case p.STARTING:return"orange";case p.READY:return"yellow";case p.STARTED:return"green";case p.STOPPED:return"red";case p.DISABLED:return"#2196f3";case p.UNKNOWN:return"gray";default:return"gray"}},Q=e=>{var t;switch(((t=c.value[e])==null?void 0:t.status)??p.UNKNOWN){case p.ERROR:return s("components.process_table.status_error");case p.STOPPED:return s("components.process_table.status_stopped");case p.READY:return s("components.process_table.status_ready");case p.STARTING:return s("components.process_table.status_starting");case p.STARTED:return s("components.process_table.status_started");default:return s("components.process_table.status_unknown")}},C=async e=>{var r,t,a,m;u.value.push(e);try{await V({frameWorkerName:e})}catch(g){console.error(((t=(r=g.response)==null?void 0:r.data)==null?void 0:t.message)??g.message??g),oe.error(((m=(a=g.response)==null?void 0:a.data)==null?void 0:m.message)??g.message??g)}finally{u.value=u.value.filter(g=>g!==e)}};return J(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await F(),await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-frameworker-process-status"),W.value.socket.on("frameworker-process-status",e=>{for(const[r,t]of Object.entries(e))c.value[r]=t}),b.value.request("get-frameworker-process-info").subscribe(e=>{l.value=e}),b.value.socket.on("process-infos",e=>{const r=e.workers;Object.keys(l.value).forEach(t=>{r[t]||delete l.value[t]}),Object.keys(k.value).forEach(t=>{r[t]||delete k.value[t]});for(const[t,a]of Object.entries(r))l.value[t]||(l.value[t]=[]),l.value[t].push(a),l.value[t].slice(-y.value)})}),(e,r)=>{const t=ce;return L(),P(ae,{"items-per-page":-1,headers:o(h),items:o(x),class:"elevation-0",loading:o(D),"hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:a})=>[w("div",Ge,[v(le,{location:"top",text:Q(a.name)},{activator:n(({props:m})=>[v(Z,ne(m,{color:T(a.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),w("div",Me,N(a.name),1)])]),"item.cpuLoad":n(({item:a})=>[v(B,{color:parseFloat(a.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:a})=>[(L(),P(z,null,{default:n(()=>[v(t,{type:"cpu","max-data-points":o(y),"process-info":o(l)[a.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:a})=>[v(B,{color:parseFloat(a.memLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.memLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:a})=>[(L(),P(z,null,{default:n(()=>[v(t,{type:"memory","max-data-points":o(y),"process-info":o(l)[a.name]},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:a})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:o(O)(a.name),icon:"",onClick:j(m=>C(a.name),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ie)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,e.$t("components.form.tooltip.restart")]])]),bottom:n(()=>[]),_:1},8,["headers","items","loading"])}}}),Ye=X(Ue,[["__scopeId","data-v-d4992fad"]]),Je={class:"flex items-center first-item"},Xe={class:"ml-1"},He=K({__name:"VProcessTable",setup(f){const{t:s}=G.global,i=H(),S=new De,b=d(),W=d(),c=d(30),u=d(200),y=d($.UNKNOWN),_=d($.UNKNOWN),R=d($.UNKNOWN),k={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},l=d({server:{name:"server",...k},go2rtc:{name:"go2rtc",...k},nats:{name:"nats",...k}}),x=d({server:[],go2rtc:[],nats:[]}),h=A(()=>Object.values(l.value).filter(Boolean)),I=U([{title:s("components.process_table.title_name"),align:"start",key:"name",value:"name",minWidth:"200px",sortable:!0},{title:s("components.process_table.title_pid"),align:"start",key:"pid",value:"pid",width:"100px",minWidth:"100px",maxWidth:"100px",sortable:!0},{title:s("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,minWidth:u.value,maxWidth:u.value,sortable:!1},{title:s("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,minWidth:u.value,maxWidth:u.value,sortable:!1},{title:"",align:"end",key:"restart",value:"restart",width:"60px",minWidth:"60px",maxWidth:"60px",sortable:!1}]),{mutateAsync:D,isPending:F}=S.restartGo2Rtc(),{mutateAsync:V,isPending:O}=S.restartSystem();q(x,e=>{l.value.server=e.server[e.server.length-1]??{...k,name:"server"},l.value.go2rtc=e.go2rtc[e.go2rtc.length-1]??{...k,name:"go2rtc"},l.value.nats=e.nats[e.nats.length-1]??{...k,name:"nats"}},{deep:!0,immediate:!0});const T=e=>{switch(e){case"server":return y.value;case"go2rtc":return _.value;case"nats":return R.value;default:return $.UNKNOWN}},Q=e=>{switch(T(e)){case $.ERROR:return"#9d5752";case $.STARTING:return"orange";case $.READY:return"yellow";case $.STARTED:return"green";case $.STOPPED:return"red";case $.UNKNOWN:return"gray";default:return"gray"}},C=async e=>{var r,t,a,m;try{e==="server"?await V():await D()}catch(g){console.error(((t=(r=g.response)==null?void 0:r.data)==null?void 0:t.message)??g.message??g),oe.error(((m=(a=g.response)==null?void 0:a.data)==null?void 0:m.message)??g.message??g)}};return J(async()=>{if(b.value=i.getExistingNamespace("/metrics"),W.value=i.getExistingNamespace("/status"),!b.value)throw new Error("Not connected to metrics!");if(!W.value)throw new Error("Not connected to status!");await new Promise(e=>setTimeout(e,10)),W.value.socket.emit("get-process-status"),W.value.socket.on("process-status",e=>{e.server&&(y.value=e.server.status),e.go2rtc&&(_.value=e.go2rtc.status),e.nats&&(R.value=e.nats.status)}),b.value.request("get-server-process-info").subscribe(e=>{x.value=e}),b.value.socket.on("process-infos",e=>{const r=e.server,t=e.go2rtc,a=e.nats;x.value.server.push(r),x.value.server.slice(-c.value),x.value.go2rtc.push(t),x.value.go2rtc.slice(-c.value),x.value.nats.push(a),x.value.nats.slice(-c.value)})}),(e,r)=>{const t=ce;return L(),P(ae,{"items-per-page":-1,headers:o(I),items:o(h),class:"elevation-0","hide-default-footer":"","mobile-breakpoint":"sm",hover:""},{"item.name":n(({item:a})=>[w("div",Je,[v(le,{location:"top",text:e.$t(`components.process_table.status_${T(a.name)}`)},{activator:n(({props:m})=>[v(Z,ne(m,{color:Q(a.name),dot:"",inline:""}),null,16,["color"])]),_:2},1032,["text"]),w("div",Xe,N(a.name),1)])]),"item.cpuLoad":n(({item:a})=>[v(B,{color:parseFloat(a.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.cpuLoadChart":n(({item:a})=>[(L(),P(z,null,{default:n(()=>[v(t,{type:"cpu","max-data-points":o(c),"process-info":a.name==="server"?o(x).server:a.name==="go2rtc"?o(x).go2rtc:o(x).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.memLoad":n(({item:a})=>[v(B,{color:parseFloat(a.cpuLoad)>=15?"red":void 0,density:"compact",size:"small"},{default:n(()=>[E(N(a.cpuLoad)+" %",1)]),_:2},1032,["color"])]),"item.memLoadChart":n(({item:a})=>[(L(),P(z,null,{default:n(()=>[v(t,{type:"memory","max-data-points":o(c),"process-info":a.name==="server"?o(x).server:a.name==="go2rtc"?o(x).go2rtc:o(x).nats},null,8,["max-data-points","process-info"])]),_:2},1024))]),"item.restart":n(({item:a})=>[Y((L(),P(te,{color:"#df2a4c",density:"compact",loading:a.name==="server"?o(O):o(F),icon:"",onClick:j(m=>C(a.name),["prevent"])},{default:n(()=>[v(se,{size:"20"},{default:n(()=>[E(N(o(ie)),1)]),_:1})]),_:2},1032,["loading","onClick"])),[[ee,e.$t("components.form.tooltip.restart")]])]),bottom:n(()=>[]),_:1},8,["headers","items"])}}}),Ze=X(He,[["__scopeId","data-v-b30f8817"]]),et={class:"h-full w-full inline-size mb-safe"},tt={class:"page-title"},st={class:"subview-title text-color"},at={class:"inner-component p-4"},ot={class:"mt-10"},rt={class:"subview-title text-color"},nt={class:"inner-component p-4"},it={class:"mt-10"},lt={class:"subview-title text-color"},ct={class:"inner-component p-4"},ut={class:"mt-10"},mt={class:"subview-title text-color"},pt={class:"inner-component p-4"},Kt=K({__name:"Adminpanel",setup(f){const s=H(),{smallMobileActive:i}=Se(),S=d(),b=d(),W=d(!1);return J(()=>{S.value=s.connectToNamespace("/metrics"),b.value=s.connectToNamespace("/status")}),be(()=>{var c,u,y,_;(u=(c=S.value)==null?void 0:c.end)==null||u.call(c),(_=(y=b.value)==null?void 0:y.end)==null||_.call(y)}),(c,u)=>{const y=Ze,_=Ye,R=ze,k=Fe;return L(),M("main",{class:ue(["w-full h-full",{"px-0":o(i)}])},[w("div",et,[w("div",{class:ue(["mb-3 flex w-full items-center",{"px-2":o(i)}]),style:{height:"30px"}},[w("h1",tt,N(c.$t(`views.${String(c.$route.name).toLowerCase()}.title`)),1)],2),w("div",null,[w("span",st,N(c.$t("views.adminpanel.system")),1),w("div",at,[v(y)])]),w("div",ot,[w("span",rt,N(c.$t("views.adminpanel.frameworker")),1),w("div",nt,[v(_)])]),w("div",it,[w("span",lt,N(c.$t("views.adminpanel.plugins")),1),w("div",ct,[v(R)])]),w("div",ut,[w("span",mt,N(c.$t("views.adminpanel.currently_loggedin_users")),1),w("div",pt,[v(k,{loading:o(W)},null,8,["loading"])])])])],2)}}});export{Kt as default};

package/dist/interface/assets/{Appearance-D7jOLM0M.js → Appearance-DyPCFCcA.js}

@@ -1 +1 @@
-import{b as _,a as f}from"./main-DGpiuR7E.js";import{s as p}from"./pinia-DvQcsQmR.js";import{y as c,d as h}from"./vuetify-B9MADlxz.js";import{F as b,e as V,f as g,j as e,T as i,M as r,u as t,i as d}from"./@vue-DL9UVr_o.js";import"./vue-inline-svg-DZpyzRHr.js";import"./vue3-toastify-Dw-XOd2Z.js";import"./vue-i18n-DYaQP6Tc.js";import"./@intlify-Ck2ZoCVz.js";import"./axios--Jv2L996.js";import"./@tanstack-CBqECT9Y.js";import"./vue-router-DWO1Myem.js";import"./@vueuse-Dir68MUw.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./@mdi-CmcijEFB.js";import"./vee-validate-PbgW_0me.js";import"./@vee-validate-CWdaG3kt.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-CghEhjvD.js";import"./@popperjs-BQBsAJpH.js";const y={class:"subview-title text-color"},w={class:"inner-component p-4"},$={class:"relative"},k={for:"theme",class:"v-label"},x=e("div",{class:"py-2"},null,-1),S={class:"ml-auto flex"},B={class:"flex flex-row"},T={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},U=e("div",{class:"my-8"},null,-1),C={class:"subview-title text-color"},L={class:"inner-component p-4"},M={class:"relative"},N={for:"language",class:"v-label"},re=b({__name:"Appearance",setup(R){const{locale:n,languages:u}=p(_()),{colors:v,theme:m,autoMode:a}=p(f());return(l,o)=>(V(),g("div",null,[e("div",null,[e("span",y,i(l.$t("views.settings.theme")),1),e("div",w,[e("div",$,[e("label",k,i(l.$t("components.form.label.theme")),1),r(c,{modelValue:t(m),"onUpdate:modelValue":o[0]||(o[0]=s=>d(m)?m.value=s:null),variant:"outlined",density:"compact",name:"theme","hide-details":"",items:t(v),disabled:t(a)},null,8,["modelValue","items","disabled"])]),x,e("div",null,[e("div",S,[e("div",B,[r(h,{modelValue:t(a),"onUpdate:modelValue":o[1]||(o[1]=s=>d(a)?a.value=s:null),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",T,i(l.$t("components.form.label.system_preference")),1)])])])])]),U,e("div",null,[e("span",C,i(l.$t("views.settings.locale")),1),e("div",L,[e("div",M,[e("label",N,i(l.$t("components.form.label.language")),1),r(c,{modelValue:t(n),"onUpdate:modelValue":o[2]||(o[2]=s=>d(n)?n.value=s:null),variant:"outlined",density:"compact",name:"language","hide-details":"",items:t(u)},null,8,["modelValue","items"])])])])]))}});export{re as default};
+import{b as _,a as f}from"./main-Bbvif0oi.js";import{s as p}from"./pinia-B42WbXFS.js";import{y as c,d as h}from"./vuetify-Bs5zynkb.js";import{F as b,e as V,f as g,j as e,T as i,M as r,u as t,i as d}from"./@vue-CHoPEscU.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue3-toastify-DSsDwESL.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./@mdi-DdmeckA1.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";const y={class:"subview-title text-color"},w={class:"inner-component p-4"},$={class:"relative"},k={for:"theme",class:"v-label"},x=e("div",{class:"py-2"},null,-1),S={class:"ml-auto flex"},B={class:"flex flex-row"},T={class:"v-label m-0 mb-0 ml-2",for:"oneLogin"},U=e("div",{class:"my-8"},null,-1),C={class:"subview-title text-color"},L={class:"inner-component p-4"},M={class:"relative"},N={for:"language",class:"v-label"},re=b({__name:"Appearance",setup(R){const{locale:n,languages:u}=p(_()),{colors:v,theme:m,autoMode:a}=p(f());return(l,o)=>(V(),g("div",null,[e("div",null,[e("span",y,i(l.$t("views.settings.theme")),1),e("div",w,[e("div",$,[e("label",k,i(l.$t("components.form.label.theme")),1),r(c,{modelValue:t(m),"onUpdate:modelValue":o[0]||(o[0]=s=>d(m)?m.value=s:null),variant:"outlined",density:"compact",name:"theme","hide-details":"",items:t(v),disabled:t(a)},null,8,["modelValue","items","disabled"])]),x,e("div",null,[e("div",S,[e("div",B,[r(h,{modelValue:t(a),"onUpdate:modelValue":o[1]||(o[1]=s=>d(a)?a.value=s:null),color:"#df2a4c",type:"checkbox","hide-details":""},null,8,["modelValue"]),e("span",T,i(l.$t("components.form.label.system_preference")),1)])])])])]),U,e("div",null,[e("span",C,i(l.$t("views.settings.locale")),1),e("div",L,[e("div",M,[e("label",N,i(l.$t("components.form.label.language")),1),r(c,{modelValue:t(n),"onUpdate:modelValue":o[2]||(o[2]=s=>d(n)?n.value=s:null),variant:"outlined",density:"compact",name:"language","hide-details":"",items:t(u)},null,8,["modelValue","items"])])])])]))}});export{re as default};

package/dist/interface/assets/Backup-BIwaSlv3.css

@@ -0,0 +1 @@
+.file-allow{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%238B8B8BAB' stroke-width='5' stroke-dasharray='6%2c 14' stroke-dashoffset='23' stroke-linecap='round'/%3e%3c/svg%3e")}

package/dist/interface/assets/{Backup-2hg7N8bX.js → Backup-B_md0hEE.js}

@@ -1 +1 @@
-import{x as j,y as T,w as R}from"./main-DGpiuR7E.js";import{F as L,t as U,r as f,e as v,f as I,j as s,M as _,R as b,T as r,u,l as C,O as D,q as h,V as B,ae as J,i as E}from"./@vue-DL9UVr_o.js";import{i as F}from"./vue3-toastify-Dw-XOd2Z.js";import{r as M}from"./system-N-zgarul.js";import{aC as q,Y as A}from"./@mdi-CmcijEFB.js";import{e as O,a2 as Y,b as z,n as G}from"./vuetify-B9MADlxz.js";import{u as H}from"./vue-i18n-DYaQP6Tc.js";import"./vue-inline-svg-DZpyzRHr.js";import"./axios--Jv2L996.js";import"./@tanstack-CBqECT9Y.js";import"./pinia-DvQcsQmR.js";import"./vue-router-DWO1Myem.js";import"./@vueuse-Dir68MUw.js";import"./nprogress-DSyAi0LF.js";import"./@xterm-B4Ga69iL.js";import"./vee-validate-PbgW_0me.js";import"./@vee-validate-CWdaG3kt.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-CghEhjvD.js";import"./@popperjs-BQBsAJpH.js";import"./@intlify-Ck2ZoCVz.js";const K=async k=>(await j.post("/backup/download",{localStorage:k},{responseType:"arraybuffer"})).data,P=async k=>(await j.post("/backup/restore",k)).data,Q={class:"w-full"},W={class:"flex flex-col justify-center items-center mb-5"},X={for:"restoreInput",class:"cursor-pointer text-center"},Z=["accept"],ee={key:0,class:"text-red"},te={class:"mx-2"},oe={class:"disabled-text"},se=L({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:q}},emits:["files-uploaded"],setup(k,{expose:S,emit:V}){const p=V,x=k,{accept:w,multiple:y}=U(x),$=f(!1),g=f(!1),i=f([]),e=f(null),n=l=>{const t=i.value.findIndex(a=>a.name===l);t>-1&&(i.value.splice(t,1),o())},d=l=>{if($.value=!1,g.value=!1,i.value=[],console.log(l),l.dataTransfer)if(!y.value&&l.dataTransfer.files.length>1)g.value=!0;else{for(const[,t]of Object.entries(l.dataTransfer.files))i.value.push(t);p("files-uploaded",i.value)}},m=l=>{var a;g.value=!1,i.value=[];const t=l.target;if(t&&t.files)if(!y.value&&((a=t.files)==null?void 0:a.length)>1)g.value=!0;else{for(const[,N]of Object.entries(t.files))i.value.push(N);p("files-uploaded",i.value)}},o=()=>{e.value&&(e.value.value="")};return S({reset:()=>{i.value=[],o()}}),(l,t)=>(v(),I("div",{class:"file-upload-box p-4",onDrop:t[0]||(t[0]=h(a=>d(a),["prevent"])),onDragover:t[1]||(t[1]=h(a=>$.value=!0,["prevent"])),onDragenter:t[2]||(t[2]=h(a=>$.value=!0,["prevent"])),onDragleave:t[3]||(t[3]=h(a=>$.value=!1,["prevent"]))},[s("div",Q,[s("div",W,[_(O,{class:"mt-5",size:"60"},{default:b(()=>[B(r(l.icon),1)]),_:1}),s("label",X,r(l.$t("components.upload_files.drop_or_select_file")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:e,type:"file",class:"d-none",accept:u(w),onChange:m},null,40,Z),u(g)?(v(),I("p",ee,r(l.$t("components.upload_files.only_one_file_allowed")),1)):C("",!0)]),u(i).length>0?(v(),D(Y,{key:0,items:u(i),"max-height":"150","item-height":"50"},{default:b(({item:a})=>[(v(),I("div",{key:a.name,class:"w-full flex flex-row items-center justify-start p-2"},[_(z,{size:"28",variant:"text",color:"red",rounded:"",onClick:h(N=>n(a.name),["stop"])},{default:b(()=>[_(O,{size:"20"},{default:b(()=>[B(r(u(A)),1)]),_:1})]),_:2},1032,["onClick"]),s("b",te,r(a.name),1),s("span",oe,"("+r(a.size)+" bytes)",1)])),u(i).length>1?(v(),D(G,{key:0})):C("",!0)]),_:1},8,["items"])):C("",!0)])],32))}}),ae={key:0,class:"flex w-full h-full justify-center items-center fixed top-0 left-0",style:{"z-index":"9000"}},ne={class:"subview-title text-color"},le={class:"inner-component p-4"},re={class:"text-sm"},ie=s("br",null,null,-1),ce=s("div",{class:"my-8"},null,-1),ue={class:"subview-title text-color"},pe={class:"inner-component p-4"},de={class:"text-sm"},me=s("div",{class:"my-8"},null,-1),fe={class:"subview-title text-color"},ve={class:"inner-component p-4"},_e={class:"text-sm"},Ge=L({__name:"Backup",setup(k){const{t:S}=H(),V=f(null),p=f(!1),x=f(!1),w=f(!1),y=f([]),$=async()=>{var e,n,d,m;p.value=!0;try{const o={};if(localStorage.getItem("ui")){const a=localStorage.getItem("ui");o.ui=JSON.parse(a)}if(localStorage.getItem("locale")){const a=localStorage.getItem("locale");o.locale=a}if(localStorage.getItem("theme")){const a=localStorage.getItem("theme");o.theme=JSON.parse(a)}const c=await K(o),l=window.URL.createObjectURL(new Blob([c])),t=document.createElement("a");t.href=l,t.setAttribute("download","cameraui-backup.tar.gz"),document.body.appendChild(t),t.click(),t.remove()}catch(o){console.error(((n=(e=o.response)==null?void 0:e.data)==null?void 0:n.message)??o.message??o),F.error(((m=(d=o.response)==null?void 0:d.data)==null?void 0:m.message)??o.message??o)}p.value=!1},g=async()=>{var e,n,d,m,o;p.value=!0;try{const c=new FormData;c.append("upload",y.value[0]);const l=await P(c);i(l),(e=V.value)==null||e.reset(),F.success(S("components.toast.backup_restored")),x.value=!0,M()}catch(c){console.error(((d=(n=c.response)==null?void 0:n.data)==null?void 0:d.message)??c.message??c),F.error(((o=(m=c.response)==null?void 0:m.data)==null?void 0:o.message)??c.message??c),p.value=!1,x.value=!1}},i=e=>{e.theme&&localStorage.setItem("theme",JSON.stringify(e.theme)),e.locale&&localStorage.setItem("locale",e.locale),e.ui&&localStorage.setItem("ui",JSON.stringify(e.ui))};return(e,n)=>{const d=T,m=R;return v(),I("div",null,[(v(),D(J,{to:".app"},[u(x)?(v(),I("div",ae,[_(d,{reload:""})])):C("",!0)])),s("div",null,[s("span",ne,r(e.$t("views.settings.create_backup")),1),s("div",le,[s("span",re,r(e.$t("views.settings.create_backup_info")),1),ie,_(z,{loading:u(p),class:"mt-5",color:"#df2a4c",onClick:h($,["prevent"])},{default:b(()=>[B(r(e.$t("components.form.button.download_backup_archive")),1)]),_:1},8,["loading"])])]),ce,s("div",null,[s("span",ue,r(e.$t("views.settings.restore_backup")),1),s("div",pe,[s("span",de,r(e.$t("views.settings.restore_backup_info")),1),_(se,{ref_key:"input",ref:V,class:"mt-5",accept:"application/gzip, .tar, .tar.gz",onFilesUploaded:n[0]||(n[0]=o=>y.value=o)},null,512),_(z,{loading:u(p),disabled:!u(y).length,class:"mt-5",color:"#df2a4c",onClick:n[1]||(n[1]=h(o=>w.value=!0,["prevent"]))},{default:b(()=>[B(r(e.$t("components.form.button.restore_backup_archive")),1)]),_:1},8,["loading","disabled"])])]),me,s("div",null,[s("span",fe,r(e.$t("views.settings.sheduled_backup")),1),s("div",ve,[s("span",_e,r(e.$t("views.settings.sheduled_backup_info")),1)])]),_(m,{modelValue:u(w),"onUpdate:modelValue":n[2]||(n[2]=o=>E(w)?w.value=o:null),title:e.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restore_and_restart",loading:u(p),onConfirm:n[3]||(n[3]=o=>g())},{content:b(()=>[s("span",null,r(e.$t("components.dialog.message.confirm_restore")),1)]),_:1},8,["modelValue","title","loading"])])}}});export{Ge as default};
+import{x as j,y as T,w as R}from"./main-Bbvif0oi.js";import{F as L,t as U,r as f,e as v,f as I,j as s,M as _,R as b,T as r,u,l as C,O as D,q as h,V as B,ae as J,i as E}from"./@vue-CHoPEscU.js";import{i as F}from"./vue3-toastify-DSsDwESL.js";import{r as M}from"./system-DzN6086S.js";import{aA as A,X as q}from"./@mdi-DdmeckA1.js";import{e as O,a2 as X,b as z,n as G}from"./vuetify-Bs5zynkb.js";import{u as H}from"./vue-i18n-COBHesGQ.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./axios-BI2i94Vb.js";import"./@tanstack-BRh6vUDU.js";import"./pinia-B42WbXFS.js";import"./vue-router-C1SPCwo7.js";import"./@vueuse-Ty7ydkJu.js";import"./nprogress-QK5AFhFr.js";import"./@xterm-LO7TPXYg.js";import"./vee-validate-Bcyi_7NV.js";import"./@vee-validate-aIk5PQoc.js";import"./zod-BaF2dDCd.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./@intlify-Ck2ZoCVz.js";const K=async k=>(await j.post("/backup/download",{localStorage:k},{responseType:"arraybuffer"})).data,P=async k=>(await j.post("/backup/restore",k)).data,Q={class:"w-full"},W={class:"flex flex-col justify-center items-center mb-5"},Y={for:"restoreInput",class:"cursor-pointer text-center"},Z=["accept"],ee={key:0,class:"text-red"},te={class:"mx-2"},oe={class:"disabled-text"},se=L({__name:"VUploadFiles",props:{multiple:{type:Boolean,default:!1},accept:{},icon:{default:A}},emits:["files-uploaded"],setup(k,{expose:S,emit:V}){const p=V,x=k,{accept:w,multiple:y}=U(x),$=f(!1),g=f(!1),i=f([]),e=f(null),n=l=>{const t=i.value.findIndex(a=>a.name===l);t>-1&&(i.value.splice(t,1),o())},d=l=>{if($.value=!1,g.value=!1,i.value=[],console.log(l),l.dataTransfer)if(!y.value&&l.dataTransfer.files.length>1)g.value=!0;else{for(const[,t]of Object.entries(l.dataTransfer.files))i.value.push(t);p("files-uploaded",i.value)}},m=l=>{var a;g.value=!1,i.value=[];const t=l.target;if(t&&t.files)if(!y.value&&((a=t.files)==null?void 0:a.length)>1)g.value=!0;else{for(const[,N]of Object.entries(t.files))i.value.push(N);p("files-uploaded",i.value)}},o=()=>{e.value&&(e.value.value="")};return S({reset:()=>{i.value=[],o()}}),(l,t)=>(v(),I("div",{class:"file-upload-box p-4",onDrop:t[0]||(t[0]=h(a=>d(a),["prevent"])),onDragover:t[1]||(t[1]=h(a=>$.value=!0,["prevent"])),onDragenter:t[2]||(t[2]=h(a=>$.value=!0,["prevent"])),onDragleave:t[3]||(t[3]=h(a=>$.value=!1,["prevent"]))},[s("div",Q,[s("div",W,[_(O,{class:"mt-5",size:"60"},{default:b(()=>[B(r(l.icon),1)]),_:1}),s("label",Y,r(l.$t("components.upload_files.drop_or_select_file")),1),s("input",{id:"restoreInput",ref_key:"fileInput",ref:e,type:"file",class:"d-none",accept:u(w),onChange:m},null,40,Z),u(g)?(v(),I("p",ee,r(l.$t("components.upload_files.only_one_file_allowed")),1)):C("",!0)]),u(i).length>0?(v(),D(X,{key:0,items:u(i),"max-height":"150","item-height":"50"},{default:b(({item:a})=>[(v(),I("div",{key:a.name,class:"w-full flex flex-row items-center justify-start p-2"},[_(z,{size:"28",variant:"text",color:"red",rounded:"",onClick:h(N=>n(a.name),["stop"])},{default:b(()=>[_(O,{size:"20"},{default:b(()=>[B(r(u(q)),1)]),_:1})]),_:2},1032,["onClick"]),s("b",te,r(a.name),1),s("span",oe,"("+r(a.size)+" bytes)",1)])),u(i).length>1?(v(),D(G,{key:0})):C("",!0)]),_:1},8,["items"])):C("",!0)])],32))}}),ae={key:0,class:"flex w-full h-full justify-center items-center fixed top-0 left-0",style:{"z-index":"9000"}},ne={class:"subview-title text-color"},le={class:"inner-component p-4"},re={class:"text-sm"},ie=s("br",null,null,-1),ce=s("div",{class:"my-8"},null,-1),ue={class:"subview-title text-color"},pe={class:"inner-component p-4"},de={class:"text-sm"},me=s("div",{class:"my-8"},null,-1),fe={class:"subview-title text-color"},ve={class:"inner-component p-4"},_e={class:"text-sm"},Ge=L({__name:"Backup",setup(k){const{t:S}=H(),V=f(null),p=f(!1),x=f(!1),w=f(!1),y=f([]),$=async()=>{var e,n,d,m;p.value=!0;try{const o={};if(localStorage.getItem("ui")){const a=localStorage.getItem("ui");o.ui=JSON.parse(a)}if(localStorage.getItem("locale")){const a=localStorage.getItem("locale");o.locale=a}if(localStorage.getItem("theme")){const a=localStorage.getItem("theme");o.theme=JSON.parse(a)}const c=await K(o),l=window.URL.createObjectURL(new Blob([c])),t=document.createElement("a");t.href=l,t.setAttribute("download","cameraui-backup.tar.gz"),document.body.appendChild(t),t.click(),t.remove()}catch(o){console.error(((n=(e=o.response)==null?void 0:e.data)==null?void 0:n.message)??o.message??o),F.error(((m=(d=o.response)==null?void 0:d.data)==null?void 0:m.message)??o.message??o)}p.value=!1},g=async()=>{var e,n,d,m,o;p.value=!0;try{const c=new FormData;c.append("upload",y.value[0]);const l=await P(c);i(l),(e=V.value)==null||e.reset(),F.success(S("components.toast.backup_restored")),x.value=!0,M()}catch(c){console.error(((d=(n=c.response)==null?void 0:n.data)==null?void 0:d.message)??c.message??c),F.error(((o=(m=c.response)==null?void 0:m.data)==null?void 0:o.message)??c.message??c),p.value=!1,x.value=!1}},i=e=>{e.theme&&localStorage.setItem("theme",JSON.stringify(e.theme)),e.locale&&localStorage.setItem("locale",e.locale),e.ui&&localStorage.setItem("ui",JSON.stringify(e.ui))};return(e,n)=>{const d=T,m=R;return v(),I("div",null,[(v(),D(J,{to:".app"},[u(x)?(v(),I("div",ae,[_(d,{reload:""})])):C("",!0)])),s("div",null,[s("span",ne,r(e.$t("views.settings.create_backup")),1),s("div",le,[s("span",re,r(e.$t("views.settings.create_backup_info")),1),ie,_(z,{loading:u(p),class:"mt-5",color:"#df2a4c",onClick:h($,["prevent"])},{default:b(()=>[B(r(e.$t("components.form.button.download_backup_archive")),1)]),_:1},8,["loading"])])]),ce,s("div",null,[s("span",ue,r(e.$t("views.settings.restore_backup")),1),s("div",pe,[s("span",de,r(e.$t("views.settings.restore_backup_info")),1),_(se,{ref_key:"input",ref:V,class:"mt-5",accept:"application/gzip, .tar, .tar.gz",onFilesUploaded:n[0]||(n[0]=o=>y.value=o)},null,512),_(z,{loading:u(p),disabled:!u(y).length,class:"mt-5",color:"#df2a4c",onClick:n[1]||(n[1]=h(o=>w.value=!0,["prevent"]))},{default:b(()=>[B(r(e.$t("components.form.button.restore_backup_archive")),1)]),_:1},8,["loading","disabled"])])]),me,s("div",null,[s("span",fe,r(e.$t("views.settings.sheduled_backup")),1),s("div",ve,[s("span",_e,r(e.$t("views.settings.sheduled_backup_info")),1)])]),_(m,{modelValue:u(w),"onUpdate:modelValue":n[2]||(n[2]=o=>E(w)?w.value=o:null),title:e.$t("components.dialog.title.confirm"),"confirm-text":"components.form.button.restore_and_restart",loading:u(p),onConfirm:n[3]||(n[3]=o=>g())},{content:b(()=>[s("span",null,r(e.$t("components.dialog.message.confirm_restore")),1)]),_:1},8,["modelValue","title","loading"])])}}});export{Ge as default};

package/dist/interface/assets/{Camera-CzsBQTrn.js → Camera-RYKuJlEk.js}

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

package/dist/interface/assets/Cameras-C04Bv4eW.js

@@ -0,0 +1 @@
+import{C as N,_ as j}from"./VPlayer-6KqHadcW.js";import{e as L,d as B,f as Q,h as T}from"./main-Bbvif0oi.js";import{s as R}from"./utils-BvINh1mj.js";import{k as D}from"./@vueuse-Ty7ydkJu.js";import{A as V,e as F,b as P}from"./vuetify-Bs5zynkb.js";import{F as I,t as G,r as S,c as C,x as K,e as t,f as s,u as e,N as _,Q as h,M as n,j as r,T as d,l as A,ai as O,aj as X,n as u,R as $,aa as q,X as z,O as H,V as J}from"./@vue-CHoPEscU.js";import{e as U}from"./@mdi-DdmeckA1.js";import"./qrcode-SHonoxyK.js";import"./dijkstrajs-D_NXgYpA.js";import"./vee-validate-Bcyi_7NV.js";import"./zod-BaF2dDCd.js";import"./pinia-B42WbXFS.js";import"./@vee-validate-aIk5PQoc.js";import"./vue3-toastify-DSsDwESL.js";import"./plugins-BVTgiMCC.js";import"./@tanstack-BRh6vUDU.js";import"./draggabilly-YEGzHR3_.js";import"./@xterm-LO7TPXYg.js";import"./get-size-D1dS-IaP.js";import"./unidragger-91TYirAP.js";import"./ev-emitter-t78oQA8k.js";import"./vue-router-C1SPCwo7.js";import"./vue-inline-svg-Dk2QTAg8.js";import"./vue-i18n-COBHesGQ.js";import"./@intlify-Ck2ZoCVz.js";import"./axios-BI2i94Vb.js";import"./uuid-DvF23Exx.js";import"./socket.io-client-Bq_SHkin.js";import"./engine.io-client-DBBxzneW.js";import"./engine.io-parser-BiEtp6m2.js";import"./@socket.io-Dkula2eQ.js";import"./socket.io-parser-BBkuslX-.js";import"./rxjs-CQrF441D.js";import"./tslib-9k7AwCpt.js";import"./v-calendar-DI1KYDXS.js";import"./@popperjs-BQBsAJpH.js";import"./nprogress-QK5AFhFr.js";const W=c=>(O("data-v-627ffb7a"),c=c(),X(),c),Y={key:0,class:"camera-events hide-scrollbar flex flex-auto flex-row"},Z={key:1,class:"disabled-text"},ee={key:2,class:"camera-events hide-scrollbar flex flex-auto flex-row"},te=["onClick"],ae=W(()=>r("span",{class:"text-sm text-passive"},"12:01:45",-1)),se=I({__name:"VCameraEvents",props:{showAll:{type:Boolean,default:!1},camera:{}},setup(c){const g=c,{camera:a,showAll:f}=G(g),p=S(!0),l=S(null),x=D(l),i=C(()=>{const o=[];for(let w=0;w<50;w++)o.push({camera:"Kamera 1",title:"Event 1",type:"motion",timestamp:Date.now(),image:void 0});return o}),E=C(()=>f.value||i.value.some(o=>o.camera===(a==null?void 0:a.value))),y=C(()=>Math.ceil(x.width.value/150)),k=o=>{console.log(o)},m=o=>!!(f.value||a!=null&&a.value&&o===a.value);return K(async()=>{await R(1500),p.value=!1}),(o,w)=>{const M=L;return t(),s("div",{ref_key:"main",ref:l,class:"camera-events-container"},[e(p)?(t(),s("div",Y,[(t(!0),s(_,null,h(e(y),(v,b)=>(t(),s("div",{key:b,class:"mx-1 flex flex-col justify-center items-center"},[n(V,{elevation:1,height:"140px",type:"image",class:"camera-event-card"}),n(V,{elevation:0,type:"text",style:{background:"none"}})]))),128))])):!e(p)&&(!e(E)||!e(i).length)?(t(),s("div",Z,[r("span",null,d(o.$t("components.camera_events.no_events")),1)])):(t(),s("div",ee,[(t(!0),s(_,null,h(e(i),(v,b)=>(t(),s("div",{key:b,class:"mx-1 text-center"},[m(v.camera)?(t(),s("div",{key:0,class:"camera-event-card cursor-pointer",onClick:me=>k(v)},[n(M,{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,te)):A("",!0),ae]))),128))]))],512)}}}),oe=B(se,[["__scopeId","data-v-627ffb7a"]]),re={class:"h-full w-full inline-size mb-safe"},ie={class:"page-title"},ne={class:"page-title"},le={key:"new-camera",class:"w-full flex justify-center items-center mt-3"},ce=I({__name:"Cameras",setup(c){const g=new N,{smallMobileActive:a,extraSmallMobileActive:f}=Q(),p=S({page:1,pageSize:-1}),{data:l,isLoading:x}=g.getCamerasQuery(p);return(i,E)=>{const y=oe,k=j;return t(),s("main",{class:u(["w-full h-full",{"px-0":e(a)}])},[r("div",re,[r("div",{class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[r("h1",ie,d(i.$t("views.cameras.events")),1)],2),r("div",{class:u(["w-full mb-3",{"px-2":e(a)}])},[n(y,{"show-all":""})],2),r("div",{class:u(["mb-3 flex items-center",{"px-2":e(a)}]),style:{height:"30px"}},[r("h1",ne,d(i.$t(`views.${String(i.$route.name).toLowerCase()}.title`)),1)],2),n(q,{name:"fade",tag:"div"},{default:$(()=>[e(x)||!e(l)?(t(),s("div",{key:0,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr))`)},[(t(),s(_,null,h(8,m=>n(V,{key:m,elevation:1,type:"image",class:"w-full h-full aspect-video"})),64))],4)):e(l).result.length?(t(),s("div",{key:2,class:"grid",style:z(`grid-template-columns: repeat(auto-fit, minmax(${e(a)?"100%":"300px"}, 1fr)) ${e(l).result.length===1?"50%":""}`)},[(t(!0),s(_,null,h(e(l).result,m=>(t(),s("div",{key:m.name,class:"relative item"},[n(k,{"absolute-title":"","show-title":"","show-tooltips":!1,"clickable-title":"","clickable-container":"",settings:"","current-camera":m.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(i.$t("views.cameras.no_cameras")),3)),r("div",le,[e(T)(void 0,"admin")&&!e(f)?(t(),H(P,{key:0,to:"/new-camera",variant:"text",color:"#df2a4c",icon:""},{default:$(()=>[n(F,{size:"30"},{default:$(()=>[J(d(e(U)),1)]),_:1})]),_:1})):A("",!0)])]),_:1})])],2)}}}),He=B(ce,[["__scopeId","data-v-b4d8f31a"]]);export{He as default};

package/dist/interface/assets/Cameras-CW-HYbQa.css

@@ -0,0 +1 @@
+.camera-events-container[data-v-627ffb7a]{height:170px;overflow:hidden}.camera-events[data-v-627ffb7a]{overflow-x:scroll;overflow-y:hidden;scroll-snap-type:x mandatory;flex-wrap:nowrap}.camera-event-card[data-v-627ffb7a]{width:140px;aspect-ratio:1/1;scroll-snap-align:start;border-radius:5px}.camera-event-card[data-v-627ffb7a] .v-skeleton-loader__bone{border-radius:5px!important}.camera-event-card[data-v-627ffb7a] .v-skeleton-loader__image{height:140px}div[data-v-627ffb7a] .v-skeleton-loader__text{margin-top:6px!important;width:60px;height:15px}.cameras-title[data-v-b4d8f31a]{font-size:.9rem;color:var(--color-disabled)}.camera-gallery[data-v-b4d8f31a]{align-content:flex-start}.camera-card[data-v-b4d8f31a]{padding:.25rem;transition:.2s all ease-out;cursor:pointer}.grid[data-v-b4d8f31a]{display:grid;grid-template-rows:1fr;grid-gap:4px}.item[data-v-b4d8f31a]{display:flex;aspect-ratio:16/9;width:100%}.grid[data-v-b4d8f31a] .v-skeleton-loader__bone{border-radius:5px!important;height:100%}.new-camera[data-v-b4d8f31a]{opacity:.5;transition:.2s all ease-out}.new-camera[data-v-b4d8f31a]:hover{opacity:1}@media screen and (max-width: 639px){.grid[data-v-b4d8f31a] .v-skeleton-loader{border-radius:0!important;aspect-ratio:16/9}.grid[data-v-b4d8f31a] .v-skeleton-loader__bone{border-radius:0!important}}

package/dist/interface/assets/{Camview-CWTrsoY0.css → Camview-DGzPDs8l.css}

@@ -1 +1 @@
-.mic-button[data-v-5c30fb5d]{position:absolute;z-index:1}.camera-card[data-v-a157f34a]{margin:1px;background:#cecece;aspect-ratio:16/9}.drag-preview[data-v-a157f34a]{position:fixed;pointer-events:none;z-index:9999;opacity:.8}.scenary[data-v-c22c99a6]{width:100%;height:100%;display:flex;flex-direction:column}.conference[data-v-c22c99a6]{display:flex;flex:1;max-height:100%;max-width:100%}.dish[data-v-c22c99a6]{overflow:scroll;display:flex;align-content:center;flex-wrap:wrap;align-items:center;justify-content:center;vertical-align:middle;flex:1}@media screen and (max-width: 639px){.dish[data-v-c22c99a6]{align-content:baseline}}.dish>div[data-v-c22c99a6]{position:relative;vertical-align:middle;align-self:center;overflow:hidden;display:inline-block}.dish>div video[data-v-c22c99a6]{position:absolute;right:0;-o-object-fit:cover;object-fit:cover;bottom:0;width:100%;height:100%;background:#000;left:0;top:0;background-size:cover;overflow:hidden;transition:margin-top 1s ease-in-out}.dish>div video.loading[data-v-c22c99a6]{margin-top:100%}.video-card[data-v-c22c99a6]{transition:.2s all ease-in-out}@keyframes show-c22c99a6{0%{opacity:0;transform:scale(.4) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.drag-preview[data-v-7dfa63f3]{position:fixed;pointer-events:none;z-index:9999;opacity:.8}.drag-box[data-v-7dfa63f3]{background:var(--background-inner-sidebar);box-shadow:0 0 17px -7px #0006;border-radius:10px}.camera-snapshot[data-v-7dfa63f3]{width:110px;aspect-ratio:16/9;background-color:var(--color-disabled);border-radius:20px}.camera-info[data-v-7dfa63f3]{font-size:14px;margin-left:15px;width:calc(100% - 125px)}.camera-view-edit[data-v-420802a2]{width:var(--7ea40162);background:var(--background-secbar)}.camera-container[data-v-420802a2]{width:100%;overflow-y:auto;height:100%}.button-container[data-v-420802a2]{width:100%}.camera-overlay[data-v-5b755b3b]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.overlay-button[data-v-5b755b3b]{color:#fff;position:relative;z-index:1}.overlay-button-text[data-v-5b755b3b]{max-width:150px}.select-menu[data-v-5b755b3b] .v-list{padding:4px!important}.view-container[data-v-8ef83e91]{width:100%;height:100%;transition:.2s all ease-in-out}.view-box[data-v-8ef83e91]{margin-right:-300px;transition:.2s all ease-in-out}.view-wrap[data-v-8ef83e91]{aspect-ratio:16 / 9}.camera-view-1[data-v-8ef83e91]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}.div1-1[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.camera-view-4[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-4[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.div2-4[data-v-8ef83e91]{grid-area:1 / 2 / 2 / 3}.div3-4[data-v-8ef83e91]{grid-area:2 / 1 / 3 / 2}.div4-4[data-v-8ef83e91]{grid-area:2 / 2 / 3 / 3}.camera-view-6[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-6[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-6[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div3-6[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div4-6[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div5-6[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div6-6[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.camera-view-7[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-7[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-7[data-v-8ef83e91]{grid-area:1 / 3 / 3 / 5}.div3-7[data-v-8ef83e91]{grid-area:3 / 1 / 5 / 3}.div4-7[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div5-7[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div6-7[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div7-7[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-9[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-9[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.div2-9[data-v-8ef83e91]{grid-area:1 / 2 / 2 / 3}.div3-9[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div4-9[data-v-8ef83e91]{grid-area:2 / 1 / 3 / 2}.div5-9[data-v-8ef83e91]{grid-area:2 / 2 / 3 / 3}.div6-9[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div7-9[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div8-9[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div9-9[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.camera-view-10[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-10[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-10[data-v-8ef83e91]{grid-area:3 / 1 / 5 / 3}.div3-10[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div4-10[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div5-10[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div6-10[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div7-10[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div8-10[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div9-10[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div10-10[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-12[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-12[data-v-8ef83e91]{grid-area:1 / 1 / 4 / 4}.div2-12[data-v-8ef83e91]{grid-area:1 / 4 / 4 / 7}.div3-12[data-v-8ef83e91]{grid-area:4 / 1 / 7 / 4}.div4-12[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.div5-12[data-v-8ef83e91]{grid-area:4 / 5 / 5 / 6}.div6-12[data-v-8ef83e91]{grid-area:4 / 6 / 5 / 7}.div7-12[data-v-8ef83e91]{grid-area:5 / 4 / 6 / 5}.div8-12[data-v-8ef83e91]{grid-area:5 / 5 / 6 / 6}.div9-12[data-v-8ef83e91]{grid-area:5 / 6 / 6 / 7}.div10-12[data-v-8ef83e91]{grid-area:6 / 4 / 7 / 5}.div11-12[data-v-8ef83e91]{grid-area:6 / 5 / 7 / 6}.div12-12[data-v-8ef83e91]{grid-area:6 / 6 / 7 / 7}.camera-view-13[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-13[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-13[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div3-13[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div4-13[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div5-13[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div6-13[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div7-13[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div8-13[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div9-13[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div10-13[data-v-8ef83e91]{grid-area:4 / 1 / 5 / 2}.div11-13[data-v-8ef83e91]{grid-area:4 / 2 / 5 / 3}.div12-13[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div13-13[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-15[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-15[data-v-8ef83e91]{grid-area:1 / 1 / 7 / 7}.div2-15[data-v-8ef83e91]{grid-area:1 / 7 / 7 / 13}.div3-15[data-v-8ef83e91]{grid-area:7 / 1 / 10 / 4}.div4-15[data-v-8ef83e91]{grid-area:7 / 4 / 10 / 7}.div5-15[data-v-8ef83e91]{grid-area:10 / 1 / 13 / 4}.div6-15[data-v-8ef83e91]{grid-area:10 / 4 / 13 / 7}.div7-15[data-v-8ef83e91]{grid-area:7 / 7 / 9 / 9}.div8-15[data-v-8ef83e91]{grid-area:7 / 9 / 9 / 11}.div9-15[data-v-8ef83e91]{grid-area:7 / 11 / 9 / 13}.div10-15[data-v-8ef83e91]{grid-area:9 / 7 / 11 / 9}.div11-15[data-v-8ef83e91]{grid-area:9 / 9 / 11 / 11}.div12-15[data-v-8ef83e91]{grid-area:9 / 11 / 11 / 13}.div13-15[data-v-8ef83e91]{grid-area:11 / 7 / 13 / 9}.div14-15[data-v-8ef83e91]{grid-area:11 / 9 / 13 / 11}.div15-15[data-v-8ef83e91]{grid-area:11 / 11 / 13 / 13}.camera-view-16[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-16[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.div2-16[data-v-8ef83e91]{grid-area:1 / 2 / 2 / 3}.div3-16[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div4-16[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div5-16[data-v-8ef83e91]{grid-area:2 / 1 / 3 / 2}.div6-16[data-v-8ef83e91]{grid-area:2 / 2 / 3 / 3}.div7-16[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div8-16[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div9-16[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div10-16[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div11-16[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div12-16[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div13-16[data-v-8ef83e91]{grid-area:4 / 1 / 5 / 2}.div14-16[data-v-8ef83e91]{grid-area:4 / 2 / 5 / 3}.div15-16[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div16-16[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-20[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-20[data-v-8ef83e91]{grid-area:1 / 1 / 4 / 4}.div2-20[data-v-8ef83e91]{grid-area:4 / 1 / 7 / 4}.div3-20[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div4-20[data-v-8ef83e91]{grid-area:1 / 5 / 2 / 6}.div5-20[data-v-8ef83e91]{grid-area:1 / 6 / 2 / 7}.div6-20[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div7-20[data-v-8ef83e91]{grid-area:2 / 5 / 3 / 6}.div8-20[data-v-8ef83e91]{grid-area:2 / 6 / 3 / 7}.div9-20[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div10-20[data-v-8ef83e91]{grid-area:3 / 5 / 4 / 6}.div11-20[data-v-8ef83e91]{grid-area:3 / 6 / 4 / 7}.div12-20[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.div13-20[data-v-8ef83e91]{grid-area:4 / 5 / 5 / 6}.div14-20[data-v-8ef83e91]{grid-area:4 / 6 / 5 / 7}.div15-20[data-v-8ef83e91]{grid-area:5 / 4 / 6 / 5}.div16-20[data-v-8ef83e91]{grid-area:5 / 5 / 6 / 6}.div17-20[data-v-8ef83e91]{grid-area:5 / 6 / 6 / 7}.div18-20[data-v-8ef83e91]{grid-area:6 / 4 / 7 / 5}.div19-20[data-v-8ef83e91]{grid-area:6 / 5 / 7 / 6}.div20-20[data-v-8ef83e91]{grid-area:6 / 6 / 7 / 7}.camera-view-26[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-26[data-v-8ef83e91]{grid-area:1 / 1 / 4 / 4}.div2-26[data-v-8ef83e91]{grid-area:1 / 4 / 4 / 7}.div3-26[data-v-8ef83e91]{grid-area:4 / 1 / 7 / 4}.div4-26[data-v-8ef83e91]{grid-area:4 / 4 / 7 / 7}.div5-26[data-v-8ef83e91]{grid-area:1 / 7 / 3 / 9}.div6-26[data-v-8ef83e91]{grid-area:1 / 9 / 3 / 11}.div7-26[data-v-8ef83e91]{grid-area:1 / 11 / 3 / 13}.div8-26[data-v-8ef83e91]{grid-area:3 / 7 / 5 / 9}.div9-26[data-v-8ef83e91]{grid-area:3 / 9 / 5 / 11}.div10-26[data-v-8ef83e91]{grid-area:3 / 11 / 5 / 13}.div11-26[data-v-8ef83e91]{grid-area:5 / 7 / 7 / 9}.div12-26[data-v-8ef83e91]{grid-area:5 / 9 / 7 / 11}.div13-26[data-v-8ef83e91]{grid-area:5 / 11 / 7 / 13}.div14-26[data-v-8ef83e91]{grid-area:7 / 1 / 9 / 3}.div15-26[data-v-8ef83e91]{grid-area:7 / 3 / 9 / 5}.div16-26[data-v-8ef83e91]{grid-area:7 / 5 / 9 / 7}.div17-26[data-v-8ef83e91]{grid-area:9 / 1 / 11 / 3}.div18-26[data-v-8ef83e91]{grid-area:9 / 3 / 11 / 5}.div19-26[data-v-8ef83e91]{grid-area:9 / 5 / 11 / 7}.div20-26[data-v-8ef83e91]{grid-area:11 / 1 / 13 / 3}.div21-26[data-v-8ef83e91]{grid-area:11 / 3 / 13 / 5}.div22-26[data-v-8ef83e91]{grid-area:11 / 5 / 13 / 7}.div23-26[data-v-8ef83e91]{grid-area:7 / 7 / 10 / 10}.div24-26[data-v-8ef83e91]{grid-area:7 / 10 / 10 / 13}.div25-26[data-v-8ef83e91]{grid-area:10 / 7 / 13 / 10}.div26-26[data-v-8ef83e91]{grid-area:10 / 10 / 13 / 13}.camview-container[data-v-ce562fc8]{width:100%;height:calc(100% - 50px - env(safe-area-inset-bottom,0px));background:#000}.camview-title[data-v-ce562fc8]{color:var(--color);font-size:14px;font-weight:500;max-width:200px}.camview-topbar[data-v-ce562fc8]{background:var(--background-secbar);height:50px;width:100%;border-bottom:1px solid rgba(var(--color-rgb),.07)}.view-scroll-container[data-v-ce562fc8]{width:100%;height:100%;max-height:450px;overflow-y:auto;overscroll-behavior:contain}.view-select-container[data-v-ce562fc8]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:30px}.view-select-item[data-v-ce562fc8]{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-select-item-icon[data-v-ce562fc8]{background:rgba(var(--color-rgb),.05);border-radius:10px}.view-select-item-icon>i[data-v-ce562fc8]{color:rgba(var(--color-rgb),.3)!important}.view-select-item-icon[data-v-ce562fc8]:hover,.selected-view[data-v-ce562fc8]{box-shadow:inset 0 0 0 1px var(--color-primary)}.view-select-item-label[data-v-ce562fc8]{font-size:14px;border-radius:4px}.view-select-item:hover>.view-select-item-label[data-v-ce562fc8],.selected-view-label[data-v-ce562fc8]{background:var(--color-primary);color:#fff!important}.select-menu[data-v-ce562fc8] .v-list{padding:4px!important}.camera-layout-picker[data-v-ce562fc8]{background:var(--background-topbar);position:fixed;height:50px;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);border-radius:10px;border:1px solid var(--border);box-shadow:0 0 5px #0000000d}.camera-layout-picker[data-v-ce562fc8] .v-btn__content{width:100%}.selected-layout[data-v-ce562fc8]{color:var(--color-primary)}
+.mic-button[data-v-5c30fb5d]{position:absolute;z-index:1}.camera-card[data-v-a157f34a]{margin:1px;background:#cecece;aspect-ratio:16/9}.drag-preview[data-v-a157f34a]{position:fixed;pointer-events:none;z-index:9999;opacity:.8}.scenary[data-v-c22c99a6]{width:100%;height:100%;display:flex;flex-direction:column}.conference[data-v-c22c99a6]{display:flex;flex:1;max-height:100%;max-width:100%}.dish[data-v-c22c99a6]{overflow:scroll;display:flex;align-content:center;flex-wrap:wrap;align-items:center;justify-content:center;vertical-align:middle;flex:1}@media screen and (max-width: 639px){.dish[data-v-c22c99a6]{align-content:baseline}}.dish>div[data-v-c22c99a6]{position:relative;vertical-align:middle;align-self:center;overflow:hidden;display:inline-block}.dish>div video[data-v-c22c99a6]{position:absolute;right:0;-o-object-fit:cover;object-fit:cover;bottom:0;width:100%;height:100%;background:#000;left:0;top:0;background-size:cover;overflow:hidden;transition:margin-top 1s ease-in-out}.dish>div video.loading[data-v-c22c99a6]{margin-top:100%}.video-card[data-v-c22c99a6]{transition:.2s all ease-in-out}@keyframes show-c22c99a6{0%{opacity:0;transform:scale(.4) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.drag-preview[data-v-7dfa63f3]{position:fixed;pointer-events:none;z-index:9999;opacity:.8}.drag-box[data-v-7dfa63f3]{background:var(--background-inner-sidebar);box-shadow:0 0 17px -7px #0006;border-radius:10px}.camera-snapshot[data-v-7dfa63f3]{width:110px;aspect-ratio:16/9;background-color:var(--color-disabled);border-radius:20px}.camera-info[data-v-7dfa63f3]{font-size:14px;margin-left:15px;width:calc(100% - 125px)}.camera-view-edit[data-v-420802a2]{width:var(--7ea40162);background:var(--background-secbar)}.camera-container[data-v-420802a2]{width:100%;overflow-y:auto;height:100%}.button-container[data-v-420802a2]{width:100%}.camera-overlay[data-v-5b755b3b]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.overlay-button[data-v-5b755b3b]{color:#fff;position:relative;z-index:1}.overlay-button-text[data-v-5b755b3b]{max-width:150px}.select-menu[data-v-5b755b3b] .v-list{padding:4px!important}.view-container[data-v-8ef83e91]{width:100%;height:100%;transition:.2s all ease-in-out}.view-box[data-v-8ef83e91]{margin-right:-300px;transition:.2s all ease-in-out}.view-wrap[data-v-8ef83e91]{aspect-ratio:16 / 9}.camera-view-1[data-v-8ef83e91]{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}.div1-1[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.camera-view-4[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-4[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.div2-4[data-v-8ef83e91]{grid-area:1 / 2 / 2 / 3}.div3-4[data-v-8ef83e91]{grid-area:2 / 1 / 3 / 2}.div4-4[data-v-8ef83e91]{grid-area:2 / 2 / 3 / 3}.camera-view-6[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-6[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-6[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div3-6[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div4-6[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div5-6[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div6-6[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.camera-view-7[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-7[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-7[data-v-8ef83e91]{grid-area:1 / 3 / 3 / 5}.div3-7[data-v-8ef83e91]{grid-area:3 / 1 / 5 / 3}.div4-7[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div5-7[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div6-7[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div7-7[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-9[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-9[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.div2-9[data-v-8ef83e91]{grid-area:1 / 2 / 2 / 3}.div3-9[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div4-9[data-v-8ef83e91]{grid-area:2 / 1 / 3 / 2}.div5-9[data-v-8ef83e91]{grid-area:2 / 2 / 3 / 3}.div6-9[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div7-9[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div8-9[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div9-9[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.camera-view-10[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-10[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-10[data-v-8ef83e91]{grid-area:3 / 1 / 5 / 3}.div3-10[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div4-10[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div5-10[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div6-10[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div7-10[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div8-10[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div9-10[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div10-10[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-12[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-12[data-v-8ef83e91]{grid-area:1 / 1 / 4 / 4}.div2-12[data-v-8ef83e91]{grid-area:1 / 4 / 4 / 7}.div3-12[data-v-8ef83e91]{grid-area:4 / 1 / 7 / 4}.div4-12[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.div5-12[data-v-8ef83e91]{grid-area:4 / 5 / 5 / 6}.div6-12[data-v-8ef83e91]{grid-area:4 / 6 / 5 / 7}.div7-12[data-v-8ef83e91]{grid-area:5 / 4 / 6 / 5}.div8-12[data-v-8ef83e91]{grid-area:5 / 5 / 6 / 6}.div9-12[data-v-8ef83e91]{grid-area:5 / 6 / 6 / 7}.div10-12[data-v-8ef83e91]{grid-area:6 / 4 / 7 / 5}.div11-12[data-v-8ef83e91]{grid-area:6 / 5 / 7 / 6}.div12-12[data-v-8ef83e91]{grid-area:6 / 6 / 7 / 7}.camera-view-13[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-13[data-v-8ef83e91]{grid-area:1 / 1 / 3 / 3}.div2-13[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div3-13[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div4-13[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div5-13[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div6-13[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div7-13[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div8-13[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div9-13[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div10-13[data-v-8ef83e91]{grid-area:4 / 1 / 5 / 2}.div11-13[data-v-8ef83e91]{grid-area:4 / 2 / 5 / 3}.div12-13[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div13-13[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-15[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-15[data-v-8ef83e91]{grid-area:1 / 1 / 7 / 7}.div2-15[data-v-8ef83e91]{grid-area:1 / 7 / 7 / 13}.div3-15[data-v-8ef83e91]{grid-area:7 / 1 / 10 / 4}.div4-15[data-v-8ef83e91]{grid-area:7 / 4 / 10 / 7}.div5-15[data-v-8ef83e91]{grid-area:10 / 1 / 13 / 4}.div6-15[data-v-8ef83e91]{grid-area:10 / 4 / 13 / 7}.div7-15[data-v-8ef83e91]{grid-area:7 / 7 / 9 / 9}.div8-15[data-v-8ef83e91]{grid-area:7 / 9 / 9 / 11}.div9-15[data-v-8ef83e91]{grid-area:7 / 11 / 9 / 13}.div10-15[data-v-8ef83e91]{grid-area:9 / 7 / 11 / 9}.div11-15[data-v-8ef83e91]{grid-area:9 / 9 / 11 / 11}.div12-15[data-v-8ef83e91]{grid-area:9 / 11 / 11 / 13}.div13-15[data-v-8ef83e91]{grid-area:11 / 7 / 13 / 9}.div14-15[data-v-8ef83e91]{grid-area:11 / 9 / 13 / 11}.div15-15[data-v-8ef83e91]{grid-area:11 / 11 / 13 / 13}.camera-view-16[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-16[data-v-8ef83e91]{grid-area:1 / 1 / 2 / 2}.div2-16[data-v-8ef83e91]{grid-area:1 / 2 / 2 / 3}.div3-16[data-v-8ef83e91]{grid-area:1 / 3 / 2 / 4}.div4-16[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div5-16[data-v-8ef83e91]{grid-area:2 / 1 / 3 / 2}.div6-16[data-v-8ef83e91]{grid-area:2 / 2 / 3 / 3}.div7-16[data-v-8ef83e91]{grid-area:2 / 3 / 3 / 4}.div8-16[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div9-16[data-v-8ef83e91]{grid-area:3 / 1 / 4 / 2}.div10-16[data-v-8ef83e91]{grid-area:3 / 2 / 4 / 3}.div11-16[data-v-8ef83e91]{grid-area:3 / 3 / 4 / 4}.div12-16[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div13-16[data-v-8ef83e91]{grid-area:4 / 1 / 5 / 2}.div14-16[data-v-8ef83e91]{grid-area:4 / 2 / 5 / 3}.div15-16[data-v-8ef83e91]{grid-area:4 / 3 / 5 / 4}.div16-16[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.camera-view-20[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-20[data-v-8ef83e91]{grid-area:1 / 1 / 4 / 4}.div2-20[data-v-8ef83e91]{grid-area:4 / 1 / 7 / 4}.div3-20[data-v-8ef83e91]{grid-area:1 / 4 / 2 / 5}.div4-20[data-v-8ef83e91]{grid-area:1 / 5 / 2 / 6}.div5-20[data-v-8ef83e91]{grid-area:1 / 6 / 2 / 7}.div6-20[data-v-8ef83e91]{grid-area:2 / 4 / 3 / 5}.div7-20[data-v-8ef83e91]{grid-area:2 / 5 / 3 / 6}.div8-20[data-v-8ef83e91]{grid-area:2 / 6 / 3 / 7}.div9-20[data-v-8ef83e91]{grid-area:3 / 4 / 4 / 5}.div10-20[data-v-8ef83e91]{grid-area:3 / 5 / 4 / 6}.div11-20[data-v-8ef83e91]{grid-area:3 / 6 / 4 / 7}.div12-20[data-v-8ef83e91]{grid-area:4 / 4 / 5 / 5}.div13-20[data-v-8ef83e91]{grid-area:4 / 5 / 5 / 6}.div14-20[data-v-8ef83e91]{grid-area:4 / 6 / 5 / 7}.div15-20[data-v-8ef83e91]{grid-area:5 / 4 / 6 / 5}.div16-20[data-v-8ef83e91]{grid-area:5 / 5 / 6 / 6}.div17-20[data-v-8ef83e91]{grid-area:5 / 6 / 6 / 7}.div18-20[data-v-8ef83e91]{grid-area:6 / 4 / 7 / 5}.div19-20[data-v-8ef83e91]{grid-area:6 / 5 / 7 / 6}.div20-20[data-v-8ef83e91]{grid-area:6 / 6 / 7 / 7}.camera-view-26[data-v-8ef83e91]{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);grid-column-gap:2px;grid-row-gap:2px}.div1-26[data-v-8ef83e91]{grid-area:1 / 1 / 4 / 4}.div2-26[data-v-8ef83e91]{grid-area:1 / 4 / 4 / 7}.div3-26[data-v-8ef83e91]{grid-area:4 / 1 / 7 / 4}.div4-26[data-v-8ef83e91]{grid-area:4 / 4 / 7 / 7}.div5-26[data-v-8ef83e91]{grid-area:1 / 7 / 3 / 9}.div6-26[data-v-8ef83e91]{grid-area:1 / 9 / 3 / 11}.div7-26[data-v-8ef83e91]{grid-area:1 / 11 / 3 / 13}.div8-26[data-v-8ef83e91]{grid-area:3 / 7 / 5 / 9}.div9-26[data-v-8ef83e91]{grid-area:3 / 9 / 5 / 11}.div10-26[data-v-8ef83e91]{grid-area:3 / 11 / 5 / 13}.div11-26[data-v-8ef83e91]{grid-area:5 / 7 / 7 / 9}.div12-26[data-v-8ef83e91]{grid-area:5 / 9 / 7 / 11}.div13-26[data-v-8ef83e91]{grid-area:5 / 11 / 7 / 13}.div14-26[data-v-8ef83e91]{grid-area:7 / 1 / 9 / 3}.div15-26[data-v-8ef83e91]{grid-area:7 / 3 / 9 / 5}.div16-26[data-v-8ef83e91]{grid-area:7 / 5 / 9 / 7}.div17-26[data-v-8ef83e91]{grid-area:9 / 1 / 11 / 3}.div18-26[data-v-8ef83e91]{grid-area:9 / 3 / 11 / 5}.div19-26[data-v-8ef83e91]{grid-area:9 / 5 / 11 / 7}.div20-26[data-v-8ef83e91]{grid-area:11 / 1 / 13 / 3}.div21-26[data-v-8ef83e91]{grid-area:11 / 3 / 13 / 5}.div22-26[data-v-8ef83e91]{grid-area:11 / 5 / 13 / 7}.div23-26[data-v-8ef83e91]{grid-area:7 / 7 / 10 / 10}.div24-26[data-v-8ef83e91]{grid-area:7 / 10 / 10 / 13}.div25-26[data-v-8ef83e91]{grid-area:10 / 7 / 13 / 10}.div26-26[data-v-8ef83e91]{grid-area:10 / 10 / 13 / 13}.camview-container[data-v-1a4d7341]{width:100%;height:calc(100% - 50px - env(safe-area-inset-bottom,0px));background:#000}.camview-title[data-v-1a4d7341]{color:var(--color);font-size:14px;font-weight:500;max-width:200px}.camview-topbar[data-v-1a4d7341]{background:var(--background-secbar);height:50px;width:100%;border-bottom:1px solid rgba(var(--color-rgb),.07)}.view-scroll-container[data-v-1a4d7341]{width:100%;height:100%;max-height:450px;overflow-y:auto;overscroll-behavior:contain}.view-select-container[data-v-1a4d7341]{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:30px}.view-select-item[data-v-1a4d7341]{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.view-select-item-icon[data-v-1a4d7341]{background:rgba(var(--color-rgb),.05);border-radius:10px}.view-select-item-icon>i[data-v-1a4d7341]{color:rgba(var(--color-rgb),.3)!important}.view-select-item-icon[data-v-1a4d7341]:hover,.selected-view[data-v-1a4d7341]{box-shadow:inset 0 0 0 1px var(--color-primary)}.view-select-item-label[data-v-1a4d7341]{font-size:14px;border-radius:4px}.view-select-item:hover>.view-select-item-label[data-v-1a4d7341],.selected-view-label[data-v-1a4d7341]{background:var(--color-primary);color:#fff!important}.select-menu[data-v-1a4d7341] .v-list{padding:4px!important}.camera-layout-picker[data-v-1a4d7341]{background:var(--background-topbar);position:fixed;height:50px;bottom:calc(1rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);border-radius:10px;border:1px solid var(--border);box-shadow:0 0 5px #0000000d}.camera-layout-picker[data-v-1a4d7341] .v-btn__content{width:100%}.selected-layout[data-v-1a4d7341]{color:var(--color-primary)}