@camera.ui/server 0.0.69 → 0.0.70

package/dist/interface/js/{Adminpanel.CR_zSM68.0.0.69.js → Adminpanel.CBQfnvy1.0.0.70.js}

@@ -1 +1 @@
-var Ye=Object.defineProperty;var Je=(o,i,l)=>i in o?Ye(o,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[i]=l;var J=(o,i,l)=>Je(o,typeof i!="symbol"?i+"":i,l);import{r as Xe,M as Ze,c as et,h as tt,k as st,b as at,N as rt,a as ot}from"./primevue.CYqFPO0y.0.0.69.js";import{C as nt,a as it,L as ct,b as lt,p as ut}from"./chart.js.Dz1J8kd4.0.0.69.js";import{B as pt}from"./vue-chartjs.Dr8dSHCc.0.0.69.js";import{B as ne,t as de,k as L,c as w,M as X,h as r,d,I as x,W as ge,R as O,N as G,X as mt,Z as ft,O as te,m as K,L as dt,e as v,Q as gt,F as ve,r as p,z as me,w as se,ad as vt,a7 as yt}from"./@vue.BsSvBeCe.0.0.69.js";import{z as _t,ak as ht,c as kt,a2 as ye,f as wt,u as bt,h as Pt,al as Nt,a3 as Ct,aj as u}from"./main.BNZUJnjG.0.0.69.js";import{s as _e}from"./pinia.xXUM0Drf.0.0.69.js";import{u as St,a as xt,b as Rt}from"./@tanstack.ESyaYTt8.0.0.69.js";import{u as he}from"./vue-i18n.BsJO9RBQ.0.0.69.js";import{S as Ot}from"./system.AeO3hneo.0.0.69.js";import"./@primeuix.bRNqZjQz.0.0.69.js";import"./@primevue.C5r50LKM.0.0.69.js";import"./@kurkle.D8fDXNIl.0.0.69.js";import"./@vueuse.NhwSnX_y.0.0.69.js";import"./nprogress.BYU1Y2h8.0.0.69.js";import"./@xterm.DHnCBlz-.0.0.69.js";import"./axios.lj9VQs0f.0.0.69.js";import"./vue-router.Cnp23wAe.0.0.69.js";import"./vue-inline-svg.1baioXR8.0.0.69.js";import"./vee-validate.CXzK59HL.0.0.69.js";import"./@vee-validate.CeUgfPaH.0.0.69.js";import"./zod.2bfLsWMZ.0.0.69.js";import"./uuid.C6aID195.0.0.69.js";import"./socket.io-client.NZWSNJlD.0.0.69.js";import"./engine.io-client.B5m3FsEv.0.0.69.js";import"./engine.io-parser.BiEtp6m2.0.0.69.js";import"./@socket.io.Dkula2eQ.0.0.69.js";import"./socket.io-parser.3CqTF9_v.0.0.69.js";import"./rxjs.AXKlNjX-.0.0.69.js";import"./tslib.9k7AwCpt.0.0.69.js";import"./highlight.js.BSQb76p3.0.0.69.js";import"./markdown-it.MLL3O76W.0.0.69.js";import"./mdurl.k9Sl0PQj.0.0.69.js";import"./uc.micro.kMc2yuuw.0.0.69.js";import"./entities.C20TfXL6.0.0.69.js";import"./linkify-it.DggZxsPz.0.0.69.js";import"./punycode.js.Dj65hjkv.0.0.69.js";import"./qrcode.D3FbUuTi.0.0.69.js";import"./dijkstrajs.C00ieaqj.0.0.69.js";import"./draggabilly.BoYjrLDK.0.0.69.js";import"./get-size.D1dS-IaP.0.0.69.js";import"./unidragger.UylmBmyV.0.0.69.js";import"./ev-emitter.X5f1qa-c.0.0.69.js";import"./vue-zoomable.DMxVl9qH.0.0.69.js";import"./primelocale.Bga3dOQu.0.0.69.js";import"./@intlify.6ljJeWIl.0.0.69.js";function Wt(o){const l=o.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),N=decodeURIComponent(atob(l).split("").map(b=>"%"+("00"+b.charCodeAt(0).toString(16)).slice(-2)).join(""));return JSON.parse(N)}var f=(o=>(o.READY="ready",o.RESTARTING="restarting",o.STARTING="starting",o.STARTED="started",o.STOPPED="stopped",o.ERROR="error",o.UNKNOWN="unknown",o))(f||{});const $t={key:0,class:"text-muted"},Dt=ne({__name:"ChartWrapper",props:{data:{},options:{},width:{default:200},height:{default:25}},setup(o){nt.register(it,ct,lt,ut);const i=o,{data:l,options:N,width:b,height:c}=de(i),j=L(()=>{var F;return((F=l.value.datasets)==null?void 0:F[0].data)??[]});return(F,Q)=>r(j).length?(d(),X(r(pt),{key:1,data:r(l),options:r(N),height:r(c),width:r(b),style:ge({maxWidth:`${r(b)}px`,minWidth:`${r(b)}px`,minHeight:`${r(c)}px`,maxHeight:`${r(c)}px`})},null,8,["data","options","height","width","style"])):(d(),w("span",$t,x(F.$t("components.charts.no_data")),1))}}),Tt=_t(Dt,[["__scopeId","data-v-c8f94fe9"]]),At=o=>o.type==="category",Lt=o=>o.type==="action",ke=o=>o.type==="chart",Ft=o=>o.type==="indicator",Et={key:0},It={key:1},Qt={key:0},Bt=ne({__name:"CuiChartTable",props:{headers:{},items:{},loading:{type:Boolean},paginator:{type:Boolean},totalRecords:{},rows:{default:5},pagination:{},chartData:{}},emits:["update:page"],setup(o,{emit:i}){const l=ht(),N=i,b=o,{theme:c}=_e(l),{headers:j,items:F,loading:Q,chartData:C,paginator:z,pagination:g,totalRecords:h}=de(b),U={bodyRow:{class:"text-sm text-secondary"},column:{columnTitle:{class:"text-sm"}}},ae=L(()=>{var W,$;const E=((W=g.value)==null?void 0:W.pageSize)??5;return((($=g.value)==null?void 0:$.page)??1)*(E-1)}),re=(E,S)=>{var D,T,A,_;const W=`${S.name}_${E.for}`,$=((_=(A=(T=(D=C.value)==null?void 0:D[W])==null?void 0:T.datasets)==null?void 0:A[0])==null?void 0:_.data)??[],q=Math.max(...$.map(R=>Number(R)||0)),y=Math.ceil(q/10)*10;return{animation:!1,plugins:{legend:{display:!1},tooltip:{enabled:!0,mode:"point",intersect:!1,backgroundColor:c.value==="dark"?"#2e2e2e":"#f1f5f9",titleColor:c.value==="dark"?"#ffffff":"#000000",bodyColor:c.value==="dark"?"#ffffff":"#000000",displayColors:!1,padding:8,callbacks:{title:R=>{const a=R[0].label;if(a&&!isNaN(Number(a))){const I=new Date(Number(a)).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),m=R[0].raw;return[`${I}`,`${m.toFixed(2)}%`].join(" - ")}return""}}}},scales:{x:{display:!1,grid:{display:!1}},y:{display:!1,min:0,max:y||100,grid:{display:!1}}}}};return(E,S)=>{const W=ot,$=tt,q=st,y=Tt,D=at,T=rt,A=Ze,_=Xe,R=et;return d(),w("div",null,[O(_,{class:"cui-card"},{content:G(()=>[O(A,{lazy:"",value:r(F),loading:r(Q),paginator:r(z),"total-records":r(h),first:r(ae),pt:U,rows:E.rows,"striped-row":"",scrollable:"","paginator-template":"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",onPage:S[0]||(S[0]=a=>N("update:page",a))},{loading:G(()=>[O(W,{class:"w-[30px] h-[30px]","stroke-width":"5"})]),default:G(()=>[(d(!0),w(mt,null,ft(r(j),(a,I)=>(d(),X(T,K({key:I,field:a.field,header:a.name},{ref_for:!0},a.columnProps,{"header-class":"p-2 h-7 min-h-7 max-h-7",class:"p-2 h-7 min-h-7 max-h-7"}),{body:G(({data:m})=>{var k,H,V,M;return[r(Ft)(a)?(d(),w("div",K({key:0,ref_for:!0},a.props),[dt(O($,{style:ge({background:((k=a.color)==null?void 0:k.call(a,m))??"gray"})},null,8,["style"]),[[R,{value:(H=a.tooltip)==null?void 0:H.call(a,m)}]])],16)):r(At)(a)?(d(),w("div",K({key:1,ref_for:!0},a.props),[a.asChip?(d(),X(q,K({key:0,ref_for:!0},a.chipProps),{default:G(()=>[v("span",null,x(a.altName?a.altName:typeof a.field=="string"?m[a.field]:a.field(m)),1),a.suffix?(d(),w("span",Et,x(a.suffix),1)):te("",!0)]),_:2},1040)):(d(),w("span",It,[v("span",null,x(a.altName?a.altName:typeof a.field=="string"?m[a.field]:a.field(m)),1),a.suffix?(d(),w("span",Qt,x(a.suffix),1)):te("",!0)]))],16)):r(ke)(a)&&r(C)&&r(C)[`${m.name}_${a.for}`]?(d(),w("div",K({key:2,ref_for:!0},a.props),[O(y,{data:r(C)[`${m.name}_${a.for}`],options:re(a,m),height:25},null,8,["data","options"])],16)):r(Lt)(a)?(d(),w("div",K({key:3,ref_for:!0},a.props),[(V=a.disabled)!=null&&V.call(a,m)?te("",!0):(d(),X(D,K({key:0,rounded:"",loading:(M=a.loading)==null?void 0:M.call(a,m)},{ref_for:!0},a.buttonProps,{class:"text-white cui-icon-md",onClick:ie=>a.action(m)}),{icon:G(()=>[(d(),X(gt(a.icon)))]),_:2},1040,["loading","onClick"]))],16)):te("",!0)]}),_:2},1040,["field","header"]))),128))]),_:1},8,["value","loading","paginator","total-records","first","rows"])]),_:1})])}}}),Kt={viewBox:"0 0 1024 1024",width:"1.2em",height:"1.2em"};function jt(o,i){return d(),w("svg",Kt,i[0]||(i[0]=[v("path",{fill:"currentColor",d:"M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8c-7 8.5-14.5 16.7-22.4 24.5a353.8 353.8 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.8 353.8 0 0 1-112.7-75.9a353.3 353.3 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8s94.3 9.3 137.9 27.8c42.2 17.8 80.1 43.4 112.7 75.9c7.9 7.9 15.3 16.1 22.4 24.5c3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82C271.7 82.6 79.6 277.1 82 516.4C84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7c3.4-5.3-.4-12.3-6.7-12.3m88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6"},null,-1)]))}const zt=ve({name:"ant-design-logout-outlined",render:jt}),qt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Gt(o,i){return d(),w("svg",qt,i[0]||(i[0]=[v("path",{fill:"currentColor",d:"M12 5V3.21c0-.45-.54-.67-.85-.35l-2.8 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.32.31.86.09.86-.36V7c3.31 0 6 2.69 6 6c0 2.72-1.83 5.02-4.31 5.75c-.42.12-.69.52-.69.95c0 .65.62 1.16 1.25.97A7.99 7.99 0 0 0 20 13c0-4.42-3.58-8-8-8m-6 8c0-1.34.44-2.58 1.19-3.59c.3-.4.26-.95-.09-1.31c-.42-.42-1.14-.38-1.5.1a7.99 7.99 0 0 0 4.15 12.47c.63.19 1.25-.32 1.25-.97c0-.43-.27-.83-.69-.95C7.83 18.02 6 15.72 6 13"},null,-1)]))}const Ut=ve({name:"ic-round-restart-alt",render:Gt}),Ht=async({parameter:o,signal:i})=>(await ye.get("/frameworkers",{params:o,signal:i})).data,Vt=async({frameWorkerName:o})=>(await ye.put(`/frameworkers/${o}/restart`)).data;class Mt{constructor(){J(this,"_queryClient",St());J(this,"t",he().t);J(this,"toast",kt());J(this,"queryActivator",p([{name:"getFrameWorkersQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getFrameWorkersQuery(i){return xt({queryKey:["frameWorkerList",i],queryFn:({signal:l})=>Ht({parameter:r(i),signal:l}),placeholderData:l=>l,enabled:()=>this.queryActivator.value.some(l=>l.name==="getFrameWorkersQuery"&&l.enabled)})}restartFrameWorkerQuery(){return Rt({mutationFn:Vt,onSuccess:async(i,l)=>{await this._queryClient.refetchQueries({queryKey:["frameWorkers",l.frameWorkerName]}),this.toast.add({severity:"success",summary:this.t("components.toast.title_success"),detail:this.t("components.toast.frame_worker_restarted"),life:3e3})}})}toggleQueryActivator(i,l){const N=this.queryActivator.value.find(b=>b.name===i);N&&(N.enabled=l)}}const Yt={class:"page-title"},Jt={class:"flex flex-col gap-6"},Xt={class:"card-title"},Zt={class:"card-title"},es={class:"card-title"},ts={class:"card-title"},ss={class:"card-title"},fe=30,Ms=ne({__name:"Adminpanel",setup(o){const i=new Nt,l=new Ct,N=new Mt,b=new Ot,{t:c}=he(),j=wt(),F=bt(),{mdBreakpoint:Q}=Pt(),C={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},{accessToken:z}=_e(F),g=me(),h=me(),U=p({pageSize:5,page:1}),ae=p({pageSize:5,page:1}),re=p({pageSize:5,page:1}),E=p([{name:"system",type:"system",...C}]),S=p([]),W=p(f.UNKNOWN),$=p(f.UNKNOWN),q=p(f.UNKNOWN),y=p({"camera.ui":[],go2rtc:[],nats:[]}),D=p({"camera.ui":{name:"camera.ui",type:"core",...C},go2rtc:{name:"go2rtc",type:"core",...C},nats:{name:"nats",type:"core",...C}}),T=p({}),A=p([]),_=p({}),R=p({}),a=p({}),I=p([]),m=p({}),k=p({}),{data:H,isFetching:V}=i.listQuery(U),{data:M,isFetching:ie,suspense:we}=l.getPluginsQuery(re),{data:be,isFetching:Pe,suspense:Ne}=N.getFrameWorkersQuery(ae),{mutate:Ce,isPending:Se}=i.logoutTokenQuery(),{mutate:xe}=l.restartPluginQuery(),{mutate:Re}=N.restartFrameWorkerQuery(),{mutate:Oe,isPending:We}=b.restartGo2RtcQuery(),{mutate:$e,isPending:De}=b.restartServerQuery(),Te=L(()=>[{type:"indicator",field:"status",columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-5 max-w-5",class:"w-5 max-w-5"},color(e){return e.encoded.access_token===z.value?"var(--primary-500)":"transparent"},tooltip(e){if(e.encoded.access_token===z.value)return c("components.user_table.you")}},{type:"category",field:e=>e.decoded.username,name:c("components.user_table.title_username"),columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-40 min-w-40 max-w-40",class:"w-40 min-w-40 max-w-40"},props:{class:"font-bold text-color"}},{type:"category",field:e=>{var t;return((t=e.clientData)==null?void 0:t.address)??""},name:c("components.user_table.title_address"),columnProps:{headerClass:"min-w-30",class:"min-w-30"}},{type:"category",field:e=>{var t;return((t=e.clientData)==null?void 0:t.device)??""},name:c("components.user_table.title_device"),columnProps:{headerClass:"min-w-40",class:"min-w-40"}},{type:"action",field:"logout",icon:zt,columnProps:{class:"text-right"},loading(){return!!(Se.value||V.value)},disabled(){return!1},action(e){Ce({id:e.encoded._id,access_token:e.encoded.access_token})}}]),Ae=L(()=>{var e;return(e=H.value)==null?void 0:e.result.map(t=>({encoded:t.token,decoded:Wt(t.token.access_token),clientData:t.clientData})).sort((t,s)=>t.encoded.access_token===z.value?-1:s.encoded.access_token===z.value?1:0)}),Y=L(()=>e=>{let t=[{type:"indicator",field:"status",columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-5 max-w-5",class:"w-5 max-w-5"},color(s){return Ie(ce(e,s.name))},tooltip(s){return Qe(ce(e,s.name))}},{type:"category",field:"name",altName:e==="system"?c("components.process_table.system"):void 0,name:c("components.process_table.title_name"),columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-40 min-w-40 max-w-40",class:"w-40 min-w-40 max-w-40"},props:{class:"font-bold text-color"}},{type:"category",field:"pid",name:c("components.process_table.title_pid"),columnProps:{headerClass:"min-w-20",class:"min-w-20"}},{type:"category",field:"cpuLoad",suffix:"%",name:c("components.process_table.title_cpu"),asChip:!0,columnProps:{headerClass:"min-w-30",class:"min-w-30"}},{type:"chart",field:"cpu_chart",for:"cpuLoad",columnProps:{headerClass:"min-w-[250px]",class:"min-w-[250px]"}},{type:"category",field:"memLoad",suffix:"%",name:c("components.process_table.title_memory"),asChip:!0,columnProps:{headerClass:"min-w-30",class:"min-w-30"}},{type:"chart",field:"memory_chart",for:"memLoad",columnProps:{headerClass:"min-w-[250px]",class:"min-w-[250px]"}},{type:"action",field:"restart",icon:Ut,columnProps:{class:"text-right"},loading(s){return e==="core"?s.name==="camera.ui"?De.value:We.value:e==="frameworker"?Fe.value(s.name):e==="plugins"?Le.value(s.name):!1},disabled(s){return s.name==="nats"},action(s){s.type==="core"&&Be(s.name),s.type==="frameworker"&&Ke(s.name),s.type==="plugin"&&je(s.name)}}];return e==="system"&&(t=t.filter(s=>s.field!=="pid"&&s.field!=="restart"&&s.field!=="status")),t}),Z=L(()=>e=>{switch(e){case"system":return E.value;case"core":return Object.values(D.value).filter(Boolean);case"frameworker":return Object.values(R.value).filter(Boolean);case"plugins":return Object.values(m.value).filter(t=>{var n;const s=(n=M.value)==null?void 0:n.result.find(P=>P.pluginName===t.name);return s&&!s.disabled}).filter(Boolean);default:return[]}}),ee=L(()=>e=>{let t={};switch(e){case"system":t={system:S.value};break;case"core":t=y.value;break;case"frameworker":t=_.value;break;case"plugins":t=k.value;break}return Object.keys(t).reduce((s,n)=>(Y.value(e).filter(ke).forEach(He=>{const oe=He.for,le=t[n].slice(-30).filter(B=>B[oe]!==void 0).map(B=>parseFloat(B[oe])),ue=t[n].slice(-30).map(B=>B.timestamp),Ve=[...le,...Array(fe-le.length).fill(0)],Me=[...ue,...Array(fe-ue.length).fill(null)];s[`${n}_${oe}`]={labels:Me,datasets:[{data:Ve,backgroundColor:B=>{const pe=B.raw;return pe>=90?"#FA5252":pe>=50?"#FF9966":"#df2a4c"},borderWidth:0,borderRadius:3,barPercentage:.8,categoryPercentage:.8,maxBarThickness:4,barThickness:4}]}}),s),{})}),Le=L(()=>e=>I.value.includes(e)),Fe=L(()=>e=>A.value.includes(e));se(_,e=>{for(const[t,s]of Object.entries(e))R.value[t]=s[s.length-1]??{...C,name:t,type:"frameworker"}},{deep:!0,immediate:!0}),se(k,e=>{for(const[t,s]of Object.entries(e))m.value[t]=s[s.length-1]??{...C,name:t,type:"plugin"}},{deep:!0,immediate:!0}),se(be,e=>{if(e)for(const t of e.result)_.value[t.name]||(_.value[t.name]=[]),T.value[t.name]||(T.value[t.name]={name:t.name,status:u.UNKNOWN})},{deep:!0,immediate:!0}),se(M,e=>{if(e)for(const t of e.result)t.disabled||(k.value[t.pluginName]||(k.value[t.pluginName]=[]),a.value[t.pluginName]||(a.value[t.pluginName]={name:t.pluginName,status:u.UNKNOWN}))},{deep:!0,immediate:!0});const Ee=(e,t)=>{const s=e.page+1;U.value.page=s},ce=(e,t)=>{var s,n;if(e==="core")switch(t){case"camera.ui":return W.value;case"go2rtc":return $.value;case"nats":return q.value;default:return f.UNKNOWN}else{if(e==="frameworker")return((s=T.value[t])==null?void 0:s.status)??u.UNKNOWN;if(e==="plugins")return((n=a.value[t])==null?void 0:n.status)??u.UNKNOWN}return f.UNKNOWN},Ie=e=>{switch(e){case u.ERROR:case f.ERROR:return"#9d5752";case f.STOPPED:case u.STOPPED:case u.STOPPING:return"red";case u.READY:case f.READY:return"yellow";case u.STARTING:case f.STARTING:return"orange";case u.STARTED:case f.STARTED:return"green";case u.UNKNOWN:case u.DISABLED:case f.UNKNOWN:return"gray";default:return"gray"}},Qe=e=>{switch(e){case u.ERROR:case f.ERROR:return c("components.process_table.status_error");case u.STOPPED:case f.STOPPED:return c("components.process_table.status_stopped");case u.STOPPING:return c("components.process_table.status_stopping");case u.READY:case f.READY:return c("components.process_table.status_ready");case u.STARTING:case f.STARTING:return c("components.process_table.status_starting");case u.STARTED:case f.STARTED:return c("components.process_table.status_started");case u.DISABLED:return c("components.process_table.status_disabled");case u.UNKNOWN:case f.UNKNOWN:return c("components.process_table.status_unknown");default:return c("components.process_table.status_unknown")}},Be=async e=>{e==="camera.ui"?$e():e==="go2rtc"&&Oe()},Ke=async e=>{A.value.push(e),Re({frameWorkerName:e},{onSettled(){A.value=A.value.filter(t=>t!==e)}})},je=async e=>{I.value.push(e),xe({pluginName:e},{onSettled(){I.value=I.value.filter(t=>t!==e)}})},ze=()=>{!g.value||!h.value||(g.value.request("get-system-info").subscribe(e=>{S.value=e}),g.value.socket.on("system-infos-realtime",e=>{E.value=[e]}),g.value.socket.on("system-infos",e=>{e.name=c("components.process_table.system"),S.value.push(e),S.value=S.value.slice(-30)}))},qe=()=>{!g.value||!h.value||(h.value.socket.emit("get-process-status"),h.value.socket.on("process-status",e=>{e["camera.ui"]&&(W.value=e["camera.ui"].status),e.go2rtc&&($.value=e.go2rtc.status),e.nats&&(q.value=e.nats.status)}),g.value.request("get-server-process-info").subscribe(e=>{y.value=e}))},Ge=()=>{!g.value||!h.value||(h.value.socket.emit("get-frameworker-process-status"),h.value.socket.on("frameworker-process-status",e=>{for(const[t,s]of Object.entries(e))T.value[t]=s}),g.value.request("get-frameworker-process-info").subscribe(e=>{_.value=e}))},Ue=()=>{!g.value||!h.value||(h.value.socket.emit("get-plugin-process-status"),h.value.socket.on("plugin-process-status",e=>{for(const[t,s]of Object.entries(e))a.value[t]=s}),g.value.request("get-plugins-process-info").subscribe(e=>{k.value=e}))};return vt(async()=>{g.value=j.connectToNamespace("/metrics"),h.value=j.connectToNamespace("/status"),await Promise.all([we(),Ne()]),await new Promise(e=>setTimeout(e,10)),ze(),qe(),Ge(),Ue(),g.value.socket.on("process-infos-realtime",e=>{e["camera.ui"]&&(D.value["camera.ui"]=e["camera.ui"]),e.go2rtc&&(D.value.go2rtc=e.go2rtc),e.nats&&(D.value.nats=e.nats);const t=e.workers||{};Object.entries(t).forEach(([n,P])=>{R.value[n]=P});const s=e.plugins||{};Object.entries(s).forEach(([n,P])=>{m.value[n]=P})}),g.value.socket.on("process-infos",e=>{e["camera.ui"]&&(y.value["camera.ui"].push(e["camera.ui"]),y.value["camera.ui"]=y.value["camera.ui"].slice(-30)),e.go2rtc&&(y.value.go2rtc.push(e.go2rtc),y.value.go2rtc=y.value.go2rtc.slice(-30)),e.nats&&(y.value.nats.push(e.nats),y.value.nats=y.value.nats.slice(-30));const t=e.workers||{};Object.entries(t).forEach(([n,P])=>{_.value[n]||(_.value[n]=[]),_.value[n].push(P),_.value[n]=_.value[n].slice(-30)});const s=e.plugins||{};Object.entries(s).forEach(([n,P])=>{k.value[n]||(k.value[n]=[]),k.value[n].push(P),k.value[n]=k.value[n].slice(-30)})})}),yt(()=>{var e,t,s,n;(t=(e=g.value)==null?void 0:e.end)==null||t.call(e),(n=(s=h.value)==null?void 0:s.end)==null||n.call(s)}),(e,t)=>{var n;const s=Bt;return d(),w("div",null,[v("h1",Yt,x(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)),1),v("div",Jt,[v("div",null,[v("span",Xt,x(e.$t("views.adminpanel.general")),1),O(s,{items:r(Z)("system"),headers:r(Y)("system"),"chart-data":r(ee)("system")},null,8,["items","headers","chart-data"])]),v("div",null,[v("span",Zt,x(e.$t("views.adminpanel.core")),1),O(s,{items:r(Z)("core"),headers:r(Y)("core"),"chart-data":r(ee)("core")},null,8,["items","headers","chart-data"])]),v("div",null,[v("span",es,x(e.$t("views.adminpanel.frameworker")),1),O(s,{items:r(Z)("frameworker"),headers:r(Y)("frameworker"),"chart-data":r(ee)("frameworker"),loading:r(Pe)},null,8,["items","headers","chart-data","loading"])]),v("div",null,[v("span",ts,x(e.$t("views.adminpanel.plugins")),1),O(s,{items:r(Z)("plugins"),headers:r(Y)("plugins"),"chart-data":r(ee)("plugins"),loading:r(ie)},null,8,["items","headers","chart-data","loading"])]),v("div",null,[v("span",ss,x(e.$t("views.adminpanel.logged_in_users")),1),O(s,{items:r(Ae),headers:r(Te),loading:r(V),paginator:"",pagination:r(U),"total-records":(n=r(H))==null?void 0:n.pagination.totalItems,"onUpdate:page":t[0]||(t[0]=P=>Ee(P))},null,8,["items","headers","loading","pagination","total-records"])])])])}}});export{Ms as default};
+var Ye=Object.defineProperty;var Je=(o,i,l)=>i in o?Ye(o,i,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[i]=l;var J=(o,i,l)=>Je(o,typeof i!="symbol"?i+"":i,l);import{r as Xe,M as Ze,c as et,h as tt,k as st,b as at,N as rt,a as ot}from"./primevue.BVVo-ukB.0.0.70.js";import{C as nt,a as it,L as ct,b as lt,p as ut}from"./chart.js.B5ohq2tj.0.0.70.js";import{B as pt}from"./vue-chartjs.KCIQuea5.0.0.70.js";import{B as ne,t as de,k as L,c as w,M as X,h as r,d,I as x,W as ge,R as O,N as G,X as mt,Z as ft,O as te,m as K,L as dt,e as v,Q as gt,F as ve,r as p,z as me,w as se,ad as vt,a7 as yt}from"./@vue.BsSvBeCe.0.0.70.js";import{z as _t,ak as ht,c as kt,a2 as ye,f as wt,u as bt,h as Pt,al as Nt,a3 as Ct,aj as u}from"./main.D2NZuTnM.0.0.70.js";import{s as _e}from"./pinia.BeBGFuqK.0.0.70.js";import{u as St,a as xt,b as Rt}from"./@tanstack.Dk2rc1Gz.0.0.70.js";import{u as he}from"./vue-i18n.BLwVbi61.0.0.70.js";import{S as Ot}from"./system.Ccn9lMgI.0.0.70.js";import"./@primeuix.bRNqZjQz.0.0.70.js";import"./@primevue.DH9ak_9x.0.0.70.js";import"./@kurkle.D8fDXNIl.0.0.70.js";import"./@vueuse.T3qy5Jq4.0.0.70.js";import"./nprogress.DuNJBXnf.0.0.70.js";import"./@xterm.CJZZM5vf.0.0.70.js";import"./axios.lj9VQs0f.0.0.70.js";import"./vue-router.BQuUBAAr.0.0.70.js";import"./vue-inline-svg.B52C1cW8.0.0.70.js";import"./vee-validate.DwwGVNzx.0.0.70.js";import"./@vee-validate.i4o6WINE.0.0.70.js";import"./zod.2bfLsWMZ.0.0.70.js";import"./uuid.C6aID195.0.0.70.js";import"./socket.io-client.DC_wUGxw.0.0.70.js";import"./engine.io-client.CnosWdRP.0.0.70.js";import"./engine.io-parser.BiEtp6m2.0.0.70.js";import"./@socket.io.Dkula2eQ.0.0.70.js";import"./socket.io-parser.ChgZ8FD_.0.0.70.js";import"./rxjs.UbFxmZ7q.0.0.70.js";import"./tslib.9k7AwCpt.0.0.70.js";import"./highlight.js.DTPofZhc.0.0.70.js";import"./markdown-it.VQvmcJVu.0.0.70.js";import"./mdurl.k9Sl0PQj.0.0.70.js";import"./uc.micro.kMc2yuuw.0.0.70.js";import"./entities.C20TfXL6.0.0.70.js";import"./linkify-it.imhCvGRq.0.0.70.js";import"./punycode.js.Dj65hjkv.0.0.70.js";import"./qrcode.D7KqKQTM.0.0.70.js";import"./dijkstrajs.C00ieaqj.0.0.70.js";import"./draggabilly.Cuzjcd7v.0.0.70.js";import"./get-size.D1dS-IaP.0.0.70.js";import"./unidragger.DahEY3cm.0.0.70.js";import"./ev-emitter.X5f1qa-c.0.0.70.js";import"./vue-zoomable.Cq7IVJt5.0.0.70.js";import"./primelocale.Bga3dOQu.0.0.70.js";import"./@intlify.6ljJeWIl.0.0.70.js";function Wt(o){const l=o.split(".")[1].replace(/-/g,"+").replace(/_/g,"/"),N=decodeURIComponent(atob(l).split("").map(b=>"%"+("00"+b.charCodeAt(0).toString(16)).slice(-2)).join(""));return JSON.parse(N)}var f=(o=>(o.READY="ready",o.RESTARTING="restarting",o.STARTING="starting",o.STARTED="started",o.STOPPED="stopped",o.ERROR="error",o.UNKNOWN="unknown",o))(f||{});const $t={key:0,class:"text-muted"},Dt=ne({__name:"ChartWrapper",props:{data:{},options:{},width:{default:200},height:{default:25}},setup(o){nt.register(it,ct,lt,ut);const i=o,{data:l,options:N,width:b,height:c}=de(i),j=L(()=>{var F;return((F=l.value.datasets)==null?void 0:F[0].data)??[]});return(F,Q)=>r(j).length?(d(),X(r(pt),{key:1,data:r(l),options:r(N),height:r(c),width:r(b),style:ge({maxWidth:`${r(b)}px`,minWidth:`${r(b)}px`,minHeight:`${r(c)}px`,maxHeight:`${r(c)}px`})},null,8,["data","options","height","width","style"])):(d(),w("span",$t,x(F.$t("components.charts.no_data")),1))}}),Tt=_t(Dt,[["__scopeId","data-v-c8f94fe9"]]),At=o=>o.type==="category",Lt=o=>o.type==="action",ke=o=>o.type==="chart",Ft=o=>o.type==="indicator",Et={key:0},It={key:1},Qt={key:0},Bt=ne({__name:"CuiChartTable",props:{headers:{},items:{},loading:{type:Boolean},paginator:{type:Boolean},totalRecords:{},rows:{default:5},pagination:{},chartData:{}},emits:["update:page"],setup(o,{emit:i}){const l=ht(),N=i,b=o,{theme:c}=_e(l),{headers:j,items:F,loading:Q,chartData:C,paginator:z,pagination:g,totalRecords:h}=de(b),U={bodyRow:{class:"text-sm text-secondary"},column:{columnTitle:{class:"text-sm"}}},ae=L(()=>{var W,$;const E=((W=g.value)==null?void 0:W.pageSize)??5;return((($=g.value)==null?void 0:$.page)??1)*(E-1)}),re=(E,S)=>{var D,T,A,_;const W=`${S.name}_${E.for}`,$=((_=(A=(T=(D=C.value)==null?void 0:D[W])==null?void 0:T.datasets)==null?void 0:A[0])==null?void 0:_.data)??[],q=Math.max(...$.map(R=>Number(R)||0)),y=Math.ceil(q/10)*10;return{animation:!1,plugins:{legend:{display:!1},tooltip:{enabled:!0,mode:"point",intersect:!1,backgroundColor:c.value==="dark"?"#2e2e2e":"#f1f5f9",titleColor:c.value==="dark"?"#ffffff":"#000000",bodyColor:c.value==="dark"?"#ffffff":"#000000",displayColors:!1,padding:8,callbacks:{title:R=>{const a=R[0].label;if(a&&!isNaN(Number(a))){const I=new Date(Number(a)).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),m=R[0].raw;return[`${I}`,`${m.toFixed(2)}%`].join(" - ")}return""}}}},scales:{x:{display:!1,grid:{display:!1}},y:{display:!1,min:0,max:y||100,grid:{display:!1}}}}};return(E,S)=>{const W=ot,$=tt,q=st,y=Tt,D=at,T=rt,A=Ze,_=Xe,R=et;return d(),w("div",null,[O(_,{class:"cui-card"},{content:G(()=>[O(A,{lazy:"",value:r(F),loading:r(Q),paginator:r(z),"total-records":r(h),first:r(ae),pt:U,rows:E.rows,"striped-row":"",scrollable:"","paginator-template":"FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink",onPage:S[0]||(S[0]=a=>N("update:page",a))},{loading:G(()=>[O(W,{class:"w-[30px] h-[30px]","stroke-width":"5"})]),default:G(()=>[(d(!0),w(mt,null,ft(r(j),(a,I)=>(d(),X(T,K({key:I,field:a.field,header:a.name},{ref_for:!0},a.columnProps,{"header-class":"p-2 h-7 min-h-7 max-h-7",class:"p-2 h-7 min-h-7 max-h-7"}),{body:G(({data:m})=>{var k,H,V,M;return[r(Ft)(a)?(d(),w("div",K({key:0,ref_for:!0},a.props),[dt(O($,{style:ge({background:((k=a.color)==null?void 0:k.call(a,m))??"gray"})},null,8,["style"]),[[R,{value:(H=a.tooltip)==null?void 0:H.call(a,m)}]])],16)):r(At)(a)?(d(),w("div",K({key:1,ref_for:!0},a.props),[a.asChip?(d(),X(q,K({key:0,ref_for:!0},a.chipProps),{default:G(()=>[v("span",null,x(a.altName?a.altName:typeof a.field=="string"?m[a.field]:a.field(m)),1),a.suffix?(d(),w("span",Et,x(a.suffix),1)):te("",!0)]),_:2},1040)):(d(),w("span",It,[v("span",null,x(a.altName?a.altName:typeof a.field=="string"?m[a.field]:a.field(m)),1),a.suffix?(d(),w("span",Qt,x(a.suffix),1)):te("",!0)]))],16)):r(ke)(a)&&r(C)&&r(C)[`${m.name}_${a.for}`]?(d(),w("div",K({key:2,ref_for:!0},a.props),[O(y,{data:r(C)[`${m.name}_${a.for}`],options:re(a,m),height:25},null,8,["data","options"])],16)):r(Lt)(a)?(d(),w("div",K({key:3,ref_for:!0},a.props),[(V=a.disabled)!=null&&V.call(a,m)?te("",!0):(d(),X(D,K({key:0,rounded:"",loading:(M=a.loading)==null?void 0:M.call(a,m)},{ref_for:!0},a.buttonProps,{class:"text-white cui-icon-md",onClick:ie=>a.action(m)}),{icon:G(()=>[(d(),X(gt(a.icon)))]),_:2},1040,["loading","onClick"]))],16)):te("",!0)]}),_:2},1040,["field","header"]))),128))]),_:1},8,["value","loading","paginator","total-records","first","rows"])]),_:1})])}}}),Kt={viewBox:"0 0 1024 1024",width:"1.2em",height:"1.2em"};function jt(o,i){return d(),w("svg",Kt,i[0]||(i[0]=[v("path",{fill:"currentColor",d:"M868 732h-70.3c-4.8 0-9.3 2.1-12.3 5.8c-7 8.5-14.5 16.7-22.4 24.5a353.8 353.8 0 0 1-112.7 75.9A352.8 352.8 0 0 1 512.4 866c-47.9 0-94.3-9.4-137.9-27.8a353.8 353.8 0 0 1-112.7-75.9a353.3 353.3 0 0 1-76-112.5C167.3 606.2 158 559.9 158 512s9.4-94.2 27.8-137.8c17.8-42.1 43.4-80 76-112.5s70.5-58.1 112.7-75.9c43.6-18.4 90-27.8 137.9-27.8s94.3 9.3 137.9 27.8c42.2 17.8 80.1 43.4 112.7 75.9c7.9 7.9 15.3 16.1 22.4 24.5c3 3.7 7.6 5.8 12.3 5.8H868c6.3 0 10.2-7 6.7-12.3C798 160.5 663.8 81.6 511.3 82C271.7 82.6 79.6 277.1 82 516.4C84.4 751.9 276.2 942 512.4 942c152.1 0 285.7-78.8 362.3-197.7c3.4-5.3-.4-12.3-6.7-12.3m88.9-226.3L815 393.7c-5.3-4.2-13-.4-13 6.3v76H488c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h314v76c0 6.7 7.8 10.5 13 6.3l141.9-112a8 8 0 0 0 0-12.6"},null,-1)]))}const zt=ve({name:"ant-design-logout-outlined",render:jt}),qt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Gt(o,i){return d(),w("svg",qt,i[0]||(i[0]=[v("path",{fill:"currentColor",d:"M12 5V3.21c0-.45-.54-.67-.85-.35l-2.8 2.79c-.2.2-.2.51 0 .71l2.79 2.79c.32.31.86.09.86-.36V7c3.31 0 6 2.69 6 6c0 2.72-1.83 5.02-4.31 5.75c-.42.12-.69.52-.69.95c0 .65.62 1.16 1.25.97A7.99 7.99 0 0 0 20 13c0-4.42-3.58-8-8-8m-6 8c0-1.34.44-2.58 1.19-3.59c.3-.4.26-.95-.09-1.31c-.42-.42-1.14-.38-1.5.1a7.99 7.99 0 0 0 4.15 12.47c.63.19 1.25-.32 1.25-.97c0-.43-.27-.83-.69-.95C7.83 18.02 6 15.72 6 13"},null,-1)]))}const Ut=ve({name:"ic-round-restart-alt",render:Gt}),Ht=async({parameter:o,signal:i})=>(await ye.get("/frameworkers",{params:o,signal:i})).data,Vt=async({frameWorkerName:o})=>(await ye.put(`/frameworkers/${o}/restart`)).data;class Mt{constructor(){J(this,"_queryClient",St());J(this,"t",he().t);J(this,"toast",kt());J(this,"queryActivator",p([{name:"getFrameWorkersQuery",enabled:!0}]))}get queryClient(){return this._queryClient}getFrameWorkersQuery(i){return xt({queryKey:["frameWorkerList",i],queryFn:({signal:l})=>Ht({parameter:r(i),signal:l}),placeholderData:l=>l,enabled:()=>this.queryActivator.value.some(l=>l.name==="getFrameWorkersQuery"&&l.enabled)})}restartFrameWorkerQuery(){return Rt({mutationFn:Vt,onSuccess:async(i,l)=>{await this._queryClient.refetchQueries({queryKey:["frameWorkers",l.frameWorkerName]}),this.toast.add({severity:"success",summary:this.t("components.toast.title_success"),detail:this.t("components.toast.frame_worker_restarted"),life:3e3})}})}toggleQueryActivator(i,l){const N=this.queryActivator.value.find(b=>b.name===i);N&&(N.enabled=l)}}const Yt={class:"page-title"},Jt={class:"flex flex-col gap-6"},Xt={class:"card-title"},Zt={class:"card-title"},es={class:"card-title"},ts={class:"card-title"},ss={class:"card-title"},fe=30,Ms=ne({__name:"Adminpanel",setup(o){const i=new Nt,l=new Ct,N=new Mt,b=new Ot,{t:c}=he(),j=wt(),F=bt(),{mdBreakpoint:Q}=Pt(),C={pid:-1,cpuLoad:"0.00",memLoad:"0.00",timestamp:0},{accessToken:z}=_e(F),g=me(),h=me(),U=p({pageSize:5,page:1}),ae=p({pageSize:5,page:1}),re=p({pageSize:5,page:1}),E=p([{name:"system",type:"system",...C}]),S=p([]),W=p(f.UNKNOWN),$=p(f.UNKNOWN),q=p(f.UNKNOWN),y=p({"camera.ui":[],go2rtc:[],nats:[]}),D=p({"camera.ui":{name:"camera.ui",type:"core",...C},go2rtc:{name:"go2rtc",type:"core",...C},nats:{name:"nats",type:"core",...C}}),T=p({}),A=p([]),_=p({}),R=p({}),a=p({}),I=p([]),m=p({}),k=p({}),{data:H,isFetching:V}=i.listQuery(U),{data:M,isFetching:ie,suspense:we}=l.getPluginsQuery(re),{data:be,isFetching:Pe,suspense:Ne}=N.getFrameWorkersQuery(ae),{mutate:Ce,isPending:Se}=i.logoutTokenQuery(),{mutate:xe}=l.restartPluginQuery(),{mutate:Re}=N.restartFrameWorkerQuery(),{mutate:Oe,isPending:We}=b.restartGo2RtcQuery(),{mutate:$e,isPending:De}=b.restartServerQuery(),Te=L(()=>[{type:"indicator",field:"status",columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-5 max-w-5",class:"w-5 max-w-5"},color(e){return e.encoded.access_token===z.value?"var(--primary-500)":"transparent"},tooltip(e){if(e.encoded.access_token===z.value)return c("components.user_table.you")}},{type:"category",field:e=>e.decoded.username,name:c("components.user_table.title_username"),columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-40 min-w-40 max-w-40",class:"w-40 min-w-40 max-w-40"},props:{class:"font-bold text-color"}},{type:"category",field:e=>{var t;return((t=e.clientData)==null?void 0:t.address)??""},name:c("components.user_table.title_address"),columnProps:{headerClass:"min-w-30",class:"min-w-30"}},{type:"category",field:e=>{var t;return((t=e.clientData)==null?void 0:t.device)??""},name:c("components.user_table.title_device"),columnProps:{headerClass:"min-w-40",class:"min-w-40"}},{type:"action",field:"logout",icon:zt,columnProps:{class:"text-right"},loading(){return!!(Se.value||V.value)},disabled(){return!1},action(e){Ce({id:e.encoded._id,access_token:e.encoded.access_token})}}]),Ae=L(()=>{var e;return(e=H.value)==null?void 0:e.result.map(t=>({encoded:t.token,decoded:Wt(t.token.access_token),clientData:t.clientData})).sort((t,s)=>t.encoded.access_token===z.value?-1:s.encoded.access_token===z.value?1:0)}),Y=L(()=>e=>{let t=[{type:"indicator",field:"status",columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-5 max-w-5",class:"w-5 max-w-5"},color(s){return Ie(ce(e,s.name))},tooltip(s){return Qe(ce(e,s.name))}},{type:"category",field:"name",altName:e==="system"?c("components.process_table.system"):void 0,name:c("components.process_table.title_name"),columnProps:{alignFrozen:"left",frozen:!Q.value,headerClass:"w-40 min-w-40 max-w-40",class:"w-40 min-w-40 max-w-40"},props:{class:"font-bold text-color"}},{type:"category",field:"pid",name:c("components.process_table.title_pid"),columnProps:{headerClass:"min-w-20",class:"min-w-20"}},{type:"category",field:"cpuLoad",suffix:"%",name:c("components.process_table.title_cpu"),asChip:!0,columnProps:{headerClass:"min-w-30",class:"min-w-30"}},{type:"chart",field:"cpu_chart",for:"cpuLoad",columnProps:{headerClass:"min-w-[250px]",class:"min-w-[250px]"}},{type:"category",field:"memLoad",suffix:"%",name:c("components.process_table.title_memory"),asChip:!0,columnProps:{headerClass:"min-w-30",class:"min-w-30"}},{type:"chart",field:"memory_chart",for:"memLoad",columnProps:{headerClass:"min-w-[250px]",class:"min-w-[250px]"}},{type:"action",field:"restart",icon:Ut,columnProps:{class:"text-right"},loading(s){return e==="core"?s.name==="camera.ui"?De.value:We.value:e==="frameworker"?Fe.value(s.name):e==="plugins"?Le.value(s.name):!1},disabled(s){return s.name==="nats"},action(s){s.type==="core"&&Be(s.name),s.type==="frameworker"&&Ke(s.name),s.type==="plugin"&&je(s.name)}}];return e==="system"&&(t=t.filter(s=>s.field!=="pid"&&s.field!=="restart"&&s.field!=="status")),t}),Z=L(()=>e=>{switch(e){case"system":return E.value;case"core":return Object.values(D.value).filter(Boolean);case"frameworker":return Object.values(R.value).filter(Boolean);case"plugins":return Object.values(m.value).filter(t=>{var n;const s=(n=M.value)==null?void 0:n.result.find(P=>P.pluginName===t.name);return s&&!s.disabled}).filter(Boolean);default:return[]}}),ee=L(()=>e=>{let t={};switch(e){case"system":t={system:S.value};break;case"core":t=y.value;break;case"frameworker":t=_.value;break;case"plugins":t=k.value;break}return Object.keys(t).reduce((s,n)=>(Y.value(e).filter(ke).forEach(He=>{const oe=He.for,le=t[n].slice(-30).filter(B=>B[oe]!==void 0).map(B=>parseFloat(B[oe])),ue=t[n].slice(-30).map(B=>B.timestamp),Ve=[...le,...Array(fe-le.length).fill(0)],Me=[...ue,...Array(fe-ue.length).fill(null)];s[`${n}_${oe}`]={labels:Me,datasets:[{data:Ve,backgroundColor:B=>{const pe=B.raw;return pe>=90?"#FA5252":pe>=50?"#FF9966":"#df2a4c"},borderWidth:0,borderRadius:3,barPercentage:.8,categoryPercentage:.8,maxBarThickness:4,barThickness:4}]}}),s),{})}),Le=L(()=>e=>I.value.includes(e)),Fe=L(()=>e=>A.value.includes(e));se(_,e=>{for(const[t,s]of Object.entries(e))R.value[t]=s[s.length-1]??{...C,name:t,type:"frameworker"}},{deep:!0,immediate:!0}),se(k,e=>{for(const[t,s]of Object.entries(e))m.value[t]=s[s.length-1]??{...C,name:t,type:"plugin"}},{deep:!0,immediate:!0}),se(be,e=>{if(e)for(const t of e.result)_.value[t.name]||(_.value[t.name]=[]),T.value[t.name]||(T.value[t.name]={name:t.name,status:u.UNKNOWN})},{deep:!0,immediate:!0}),se(M,e=>{if(e)for(const t of e.result)t.disabled||(k.value[t.pluginName]||(k.value[t.pluginName]=[]),a.value[t.pluginName]||(a.value[t.pluginName]={name:t.pluginName,status:u.UNKNOWN}))},{deep:!0,immediate:!0});const Ee=(e,t)=>{const s=e.page+1;U.value.page=s},ce=(e,t)=>{var s,n;if(e==="core")switch(t){case"camera.ui":return W.value;case"go2rtc":return $.value;case"nats":return q.value;default:return f.UNKNOWN}else{if(e==="frameworker")return((s=T.value[t])==null?void 0:s.status)??u.UNKNOWN;if(e==="plugins")return((n=a.value[t])==null?void 0:n.status)??u.UNKNOWN}return f.UNKNOWN},Ie=e=>{switch(e){case u.ERROR:case f.ERROR:return"#9d5752";case f.STOPPED:case u.STOPPED:case u.STOPPING:return"red";case u.READY:case f.READY:return"yellow";case u.STARTING:case f.STARTING:return"orange";case u.STARTED:case f.STARTED:return"green";case u.UNKNOWN:case u.DISABLED:case f.UNKNOWN:return"gray";default:return"gray"}},Qe=e=>{switch(e){case u.ERROR:case f.ERROR:return c("components.process_table.status_error");case u.STOPPED:case f.STOPPED:return c("components.process_table.status_stopped");case u.STOPPING:return c("components.process_table.status_stopping");case u.READY:case f.READY:return c("components.process_table.status_ready");case u.STARTING:case f.STARTING:return c("components.process_table.status_starting");case u.STARTED:case f.STARTED:return c("components.process_table.status_started");case u.DISABLED:return c("components.process_table.status_disabled");case u.UNKNOWN:case f.UNKNOWN:return c("components.process_table.status_unknown");default:return c("components.process_table.status_unknown")}},Be=async e=>{e==="camera.ui"?$e():e==="go2rtc"&&Oe()},Ke=async e=>{A.value.push(e),Re({frameWorkerName:e},{onSettled(){A.value=A.value.filter(t=>t!==e)}})},je=async e=>{I.value.push(e),xe({pluginName:e},{onSettled(){I.value=I.value.filter(t=>t!==e)}})},ze=()=>{!g.value||!h.value||(g.value.request("get-system-info").subscribe(e=>{S.value=e}),g.value.socket.on("system-infos-realtime",e=>{E.value=[e]}),g.value.socket.on("system-infos",e=>{e.name=c("components.process_table.system"),S.value.push(e),S.value=S.value.slice(-30)}))},qe=()=>{!g.value||!h.value||(h.value.socket.emit("get-process-status"),h.value.socket.on("process-status",e=>{e["camera.ui"]&&(W.value=e["camera.ui"].status),e.go2rtc&&($.value=e.go2rtc.status),e.nats&&(q.value=e.nats.status)}),g.value.request("get-server-process-info").subscribe(e=>{y.value=e}))},Ge=()=>{!g.value||!h.value||(h.value.socket.emit("get-frameworker-process-status"),h.value.socket.on("frameworker-process-status",e=>{for(const[t,s]of Object.entries(e))T.value[t]=s}),g.value.request("get-frameworker-process-info").subscribe(e=>{_.value=e}))},Ue=()=>{!g.value||!h.value||(h.value.socket.emit("get-plugin-process-status"),h.value.socket.on("plugin-process-status",e=>{for(const[t,s]of Object.entries(e))a.value[t]=s}),g.value.request("get-plugins-process-info").subscribe(e=>{k.value=e}))};return vt(async()=>{g.value=j.connectToNamespace("/metrics"),h.value=j.connectToNamespace("/status"),await Promise.all([we(),Ne()]),await new Promise(e=>setTimeout(e,10)),ze(),qe(),Ge(),Ue(),g.value.socket.on("process-infos-realtime",e=>{e["camera.ui"]&&(D.value["camera.ui"]=e["camera.ui"]),e.go2rtc&&(D.value.go2rtc=e.go2rtc),e.nats&&(D.value.nats=e.nats);const t=e.workers||{};Object.entries(t).forEach(([n,P])=>{R.value[n]=P});const s=e.plugins||{};Object.entries(s).forEach(([n,P])=>{m.value[n]=P})}),g.value.socket.on("process-infos",e=>{e["camera.ui"]&&(y.value["camera.ui"].push(e["camera.ui"]),y.value["camera.ui"]=y.value["camera.ui"].slice(-30)),e.go2rtc&&(y.value.go2rtc.push(e.go2rtc),y.value.go2rtc=y.value.go2rtc.slice(-30)),e.nats&&(y.value.nats.push(e.nats),y.value.nats=y.value.nats.slice(-30));const t=e.workers||{};Object.entries(t).forEach(([n,P])=>{_.value[n]||(_.value[n]=[]),_.value[n].push(P),_.value[n]=_.value[n].slice(-30)});const s=e.plugins||{};Object.entries(s).forEach(([n,P])=>{k.value[n]||(k.value[n]=[]),k.value[n].push(P),k.value[n]=k.value[n].slice(-30)})})}),yt(()=>{var e,t,s,n;(t=(e=g.value)==null?void 0:e.end)==null||t.call(e),(n=(s=h.value)==null?void 0:s.end)==null||n.call(s)}),(e,t)=>{var n;const s=Bt;return d(),w("div",null,[v("h1",Yt,x(e.$t(`views.${String(e.$route.name).toLowerCase()}.title`)),1),v("div",Jt,[v("div",null,[v("span",Xt,x(e.$t("views.adminpanel.general")),1),O(s,{items:r(Z)("system"),headers:r(Y)("system"),"chart-data":r(ee)("system")},null,8,["items","headers","chart-data"])]),v("div",null,[v("span",Zt,x(e.$t("views.adminpanel.core")),1),O(s,{items:r(Z)("core"),headers:r(Y)("core"),"chart-data":r(ee)("core")},null,8,["items","headers","chart-data"])]),v("div",null,[v("span",es,x(e.$t("views.adminpanel.frameworker")),1),O(s,{items:r(Z)("frameworker"),headers:r(Y)("frameworker"),"chart-data":r(ee)("frameworker"),loading:r(Pe)},null,8,["items","headers","chart-data","loading"])]),v("div",null,[v("span",ts,x(e.$t("views.adminpanel.plugins")),1),O(s,{items:r(Z)("plugins"),headers:r(Y)("plugins"),"chart-data":r(ee)("plugins"),loading:r(ie)},null,8,["items","headers","chart-data","loading"])]),v("div",null,[v("span",ss,x(e.$t("views.adminpanel.logged_in_users")),1),O(s,{items:r(Ae),headers:r(Te),loading:r(V),paginator:"",pagination:r(U),"total-records":(n=r(H))==null?void 0:n.pagination.totalItems,"onUpdate:page":t[0]||(t[0]=P=>Ee(P))},null,8,["items","headers","loading","pagination","total-records"])])])])}}});export{Ms as default};

package/dist/interface/js/{Camera.Cc2GMAQz.0.0.69.js → Camera.D39v2Qae.0.0.70.js}

@@ -1 +1 @@
-import{_ as z}from"./CuiTimeline.D24_kazZ.0.0.69.js";import{r as N,M as E,N as I}from"./primevue.CYqFPO0y.0.0.69.js";import{C as Q,x as V,w as A,h as D,T as H,y as L}from"./main.BNZUJnjG.0.0.69.js";import{B as S,t as M,r as O,k as C,c as b,d as o,R as l,N as i,h as e,e as c,I as R,ac as $,M as m,O as T,W as B,P as _,ai as W,T as j}from"./@vue.BsSvBeCe.0.0.69.js";import{a as F}from"./vue-router.Cnp23wAe.0.0.69.js";import{l as G}from"./@vueuse.NhwSnX_y.0.0.69.js";import"./@primeuix.bRNqZjQz.0.0.69.js";import"./@primevue.C5r50LKM.0.0.69.js";import"./vue-i18n.BsJO9RBQ.0.0.69.js";import"./@intlify.6ljJeWIl.0.0.69.js";import"./@tanstack.ESyaYTt8.0.0.69.js";import"./axios.lj9VQs0f.0.0.69.js";import"./pinia.xXUM0Drf.0.0.69.js";import"./vue-inline-svg.1baioXR8.0.0.69.js";import"./vee-validate.CXzK59HL.0.0.69.js";import"./@vee-validate.CeUgfPaH.0.0.69.js";import"./zod.2bfLsWMZ.0.0.69.js";import"./uuid.C6aID195.0.0.69.js";import"./socket.io-client.NZWSNJlD.0.0.69.js";import"./engine.io-client.B5m3FsEv.0.0.69.js";import"./engine.io-parser.BiEtp6m2.0.0.69.js";import"./@socket.io.Dkula2eQ.0.0.69.js";import"./socket.io-parser.3CqTF9_v.0.0.69.js";import"./rxjs.AXKlNjX-.0.0.69.js";import"./tslib.9k7AwCpt.0.0.69.js";import"./highlight.js.BSQb76p3.0.0.69.js";import"./@xterm.DHnCBlz-.0.0.69.js";import"./markdown-it.MLL3O76W.0.0.69.js";import"./mdurl.k9Sl0PQj.0.0.69.js";import"./uc.micro.kMc2yuuw.0.0.69.js";import"./entities.C20TfXL6.0.0.69.js";import"./linkify-it.DggZxsPz.0.0.69.js";import"./punycode.js.Dj65hjkv.0.0.69.js";import"./qrcode.D3FbUuTi.0.0.69.js";import"./dijkstrajs.C00ieaqj.0.0.69.js";import"./draggabilly.BoYjrLDK.0.0.69.js";import"./get-size.D1dS-IaP.0.0.69.js";import"./unidragger.UylmBmyV.0.0.69.js";import"./ev-emitter.X5f1qa-c.0.0.69.js";import"./vue-zoomable.DMxVl9qH.0.0.69.js";import"./primelocale.Bga3dOQu.0.0.69.js";import"./nprogress.BYU1Y2h8.0.0.69.js";const K={class:"w-full h-full"},Z={class:"flex flex-wrap items-center justify-between gap-2"},q={class:"text-xl font-bold"},J=["onClick"],U=S({__name:"CuiCameraTable",props:{cardProps:{}},setup(x){const h=new Q,t=x,{cardProps:a}=M(t),p=O({page:1,pageSize:-1}),{data:d,isFetching:g}=h.getCamerasQuery(p),n=C(()=>g.value),v=C(()=>{var s;return V({body:{class:"w-full h-full overflow-hidden"},root:{class:{}}},(s=a.value)==null?void 0:s.pt)});return(r,s)=>{const w=A,u=I,y=E,P=N;return o(),b("div",K,[l(P,{class:"cui-card",pt:e(v)},{content:i(()=>{var k;return[l(y,{loading:e(n),value:(k=e(d))==null?void 0:k.result,"striped-rows":"","show-headers":!1},{header:i(()=>[c("div",Z,[c("span",q,R(r.$t("components.camera_table.cameras")),1)])]),default:i(()=>[l(u,{class:"w-[50px]"},{body:i(({data:f})=>[l(w,{"camera-name":f.name,class:"rounded-md overflow-hidden",width:"50px"},null,8,["camera-name"])]),_:1}),l(u,{field:"name",header:r.$t("components.camera_table.name"),class:"w-full p-0 pl-4"},{body:i(({data:f})=>[c("div",{class:"w-full h-full cursor-pointer pr-4 py-3",onClick:Y=>r.$router.push(`/cameras/${f.name}`)},R(f.name),9,J)]),_:1},8,["header"])]),_:1},8,["loading","value"])]}),_:1},8,["pt"])])}}}),X={class:"w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative"},Oe=S({__name:"Camera",setup(x){const h=F(),{mdBreakpoint:t,xmdBreakpoint:a}=D(),p=$("cameraCardRef"),d=$("timelineRef"),g=G(d),n=C(()=>h.params.cameraname),v=r=>{var s;(s=p.value)==null||s.timelineScroll(r)};return(r,s)=>{const w=L,u=U,y=z;return o(),b("div",{class:_({"p-2":!e(t)})},[c("div",X,[c("div",{class:_(["w-full flex flex-col gap-2",{"h-full":!e(t)}]),style:B({paddingRight:!e(t)&&!e(a)?`calc(${e(g).width.value}px + 0.5rem)`:"0px"})},[(o(),m(w,{ref_key:"cameraCardRef",ref:p,key:e(n),"camera-info":e(n),"flat-card":e(t),"card-props":{pt:{root:{class:{"!rounded-md":!0}}}},"toolbar-timeline-button":e(a),"camera-name-overlay":!1},null,8,["camera-info","flat-card","toolbar-timeline-button"])),(o(),m(W,null,[e(t)?T("",!0):(o(),m(u,{key:0,"card-props":{pt:{root:{class:{"!rounded-md":!0}}}}}))],1024))],6),e(a)?T("",!0):(o(),b("div",{key:0,id:"camera-sidebar",ref_key:"timelineRef",ref:d,class:_(["min-w-[300px]",{"border-t-[1px] border-color":e(t),"lg:fixed lg:right-safe-offset-2 lg:bottom-safe-offset-2":!e(t)&&!e(a)}]),style:B({height:`calc(100% - ${e(H).HEIGHT}px - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))`})},null,6))]),(o(),m(j,{to:e(a)?"#timeline-container":"#camera-sidebar",defer:""},[(o(),m(y,{key:e(n),"flat-card":e(t)||e(a),type:e(a)?"horizontal":"vertical","show-segments":!e(t)&&!e(a),"show-zoom":!e(t)&&!e(a),class:_({"absolute bottom-0 left-0 w-full":e(a),"h-full":!e(a)}),height:e(a)?"200px":void 0,transparent:e(a),"dark-mode":e(a),"overlay-class":e(a)?"timeline-overlay":void 0,onScrolling:v},null,8,["flat-card","type","show-segments","show-zoom","class","height","transparent","dark-mode","overlay-class"]))],8,["to"]))],2)}}});export{Oe as default};
+import{_ as z}from"./CuiTimeline.DbPA3XCf.0.0.70.js";import{r as N,M as E,N as I}from"./primevue.BVVo-ukB.0.0.70.js";import{C as Q,x as V,w as A,h as D,T as H,y as L}from"./main.D2NZuTnM.0.0.70.js";import{B as S,t as M,r as O,k as C,c as b,d as o,R as l,N as i,h as e,e as c,I as R,ac as $,M as m,O as T,W as B,P as _,ai as W,T as j}from"./@vue.BsSvBeCe.0.0.70.js";import{a as F}from"./vue-router.BQuUBAAr.0.0.70.js";import{l as G}from"./@vueuse.T3qy5Jq4.0.0.70.js";import"./@primeuix.bRNqZjQz.0.0.70.js";import"./@primevue.DH9ak_9x.0.0.70.js";import"./vue-i18n.BLwVbi61.0.0.70.js";import"./@intlify.6ljJeWIl.0.0.70.js";import"./@tanstack.Dk2rc1Gz.0.0.70.js";import"./axios.lj9VQs0f.0.0.70.js";import"./pinia.BeBGFuqK.0.0.70.js";import"./vue-inline-svg.B52C1cW8.0.0.70.js";import"./vee-validate.DwwGVNzx.0.0.70.js";import"./@vee-validate.i4o6WINE.0.0.70.js";import"./zod.2bfLsWMZ.0.0.70.js";import"./uuid.C6aID195.0.0.70.js";import"./socket.io-client.DC_wUGxw.0.0.70.js";import"./engine.io-client.CnosWdRP.0.0.70.js";import"./engine.io-parser.BiEtp6m2.0.0.70.js";import"./@socket.io.Dkula2eQ.0.0.70.js";import"./socket.io-parser.ChgZ8FD_.0.0.70.js";import"./rxjs.UbFxmZ7q.0.0.70.js";import"./tslib.9k7AwCpt.0.0.70.js";import"./highlight.js.DTPofZhc.0.0.70.js";import"./@xterm.CJZZM5vf.0.0.70.js";import"./markdown-it.VQvmcJVu.0.0.70.js";import"./mdurl.k9Sl0PQj.0.0.70.js";import"./uc.micro.kMc2yuuw.0.0.70.js";import"./entities.C20TfXL6.0.0.70.js";import"./linkify-it.imhCvGRq.0.0.70.js";import"./punycode.js.Dj65hjkv.0.0.70.js";import"./qrcode.D7KqKQTM.0.0.70.js";import"./dijkstrajs.C00ieaqj.0.0.70.js";import"./draggabilly.Cuzjcd7v.0.0.70.js";import"./get-size.D1dS-IaP.0.0.70.js";import"./unidragger.DahEY3cm.0.0.70.js";import"./ev-emitter.X5f1qa-c.0.0.70.js";import"./vue-zoomable.Cq7IVJt5.0.0.70.js";import"./primelocale.Bga3dOQu.0.0.70.js";import"./nprogress.DuNJBXnf.0.0.70.js";const K={class:"w-full h-full"},Z={class:"flex flex-wrap items-center justify-between gap-2"},q={class:"text-xl font-bold"},J=["onClick"],U=S({__name:"CuiCameraTable",props:{cardProps:{}},setup(x){const h=new Q,t=x,{cardProps:a}=M(t),p=O({page:1,pageSize:-1}),{data:d,isFetching:g}=h.getCamerasQuery(p),n=C(()=>g.value),v=C(()=>{var s;return V({body:{class:"w-full h-full overflow-hidden"},root:{class:{}}},(s=a.value)==null?void 0:s.pt)});return(r,s)=>{const w=A,u=I,y=E,P=N;return o(),b("div",K,[l(P,{class:"cui-card",pt:e(v)},{content:i(()=>{var k;return[l(y,{loading:e(n),value:(k=e(d))==null?void 0:k.result,"striped-rows":"","show-headers":!1},{header:i(()=>[c("div",Z,[c("span",q,R(r.$t("components.camera_table.cameras")),1)])]),default:i(()=>[l(u,{class:"w-[50px]"},{body:i(({data:f})=>[l(w,{"camera-name":f.name,class:"rounded-md overflow-hidden",width:"50px"},null,8,["camera-name"])]),_:1}),l(u,{field:"name",header:r.$t("components.camera_table.name"),class:"w-full p-0 pl-4"},{body:i(({data:f})=>[c("div",{class:"w-full h-full cursor-pointer pr-4 py-3",onClick:Y=>r.$router.push(`/cameras/${f.name}`)},R(f.name),9,J)]),_:1},8,["header"])]),_:1},8,["loading","value"])]}),_:1},8,["pt"])])}}}),X={class:"w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative"},Oe=S({__name:"Camera",setup(x){const h=F(),{mdBreakpoint:t,xmdBreakpoint:a}=D(),p=$("cameraCardRef"),d=$("timelineRef"),g=G(d),n=C(()=>h.params.cameraname),v=r=>{var s;(s=p.value)==null||s.timelineScroll(r)};return(r,s)=>{const w=L,u=U,y=z;return o(),b("div",{class:_({"p-2":!e(t)})},[c("div",X,[c("div",{class:_(["w-full flex flex-col gap-2",{"h-full":!e(t)}]),style:B({paddingRight:!e(t)&&!e(a)?`calc(${e(g).width.value}px + 0.5rem)`:"0px"})},[(o(),m(w,{ref_key:"cameraCardRef",ref:p,key:e(n),"camera-info":e(n),"flat-card":e(t),"card-props":{pt:{root:{class:{"!rounded-md":!0}}}},"toolbar-timeline-button":e(a),"camera-name-overlay":!1},null,8,["camera-info","flat-card","toolbar-timeline-button"])),(o(),m(W,null,[e(t)?T("",!0):(o(),m(u,{key:0,"card-props":{pt:{root:{class:{"!rounded-md":!0}}}}}))],1024))],6),e(a)?T("",!0):(o(),b("div",{key:0,id:"camera-sidebar",ref_key:"timelineRef",ref:d,class:_(["min-w-[300px]",{"border-t-[1px] border-color":e(t),"lg:fixed lg:right-safe-offset-2 lg:bottom-safe-offset-2":!e(t)&&!e(a)}]),style:B({height:`calc(100% - ${e(H).HEIGHT}px - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))`})},null,6))]),(o(),m(j,{to:e(a)?"#timeline-container":"#camera-sidebar",defer:""},[(o(),m(y,{key:e(n),"flat-card":e(t)||e(a),type:e(a)?"horizontal":"vertical","show-segments":!e(t)&&!e(a),"show-zoom":!e(t)&&!e(a),class:_({"absolute bottom-0 left-0 w-full":e(a),"h-full":!e(a)}),height:e(a)?"200px":void 0,transparent:e(a),"dark-mode":e(a),"overlay-class":e(a)?"timeline-overlay":void 0,onScrolling:v},null,8,["flat-card","type","show-segments","show-zoom","class","height","transparent","dark-mode","overlay-class"]))],8,["to"]))],2)}}});export{Oe as default};

package/dist/interface/js/{Cameras.AVNvfmPx.0.0.69.js → Cameras.BOXzVzD9.0.0.70.js}

@@ -1,4 +1,4 @@
-import{L as Ue,r as Ee,l as De,e as qe,m as Fe,b as Ce,a as to,M as no,N as ao,c as Le,f as so,t as ro,u as io,v as co,k as lo,w as uo,p as mo,n as po,j as ho,O as fo}from"./primevue.CYqFPO0y.0.0.69.js";import{_ as ze,a as _o}from"./refresh-rounded.DLelUEXh.0.0.69.js";import{e as go,s as vo,_ as bo,f as wo,h as Ve,C as Se,r as xe,d as je,i as We,j as yo,k as xo,c as Ne,a as Ke,l as ko,m as Co,n as Ye,o as So,p as $o,q as To,t as Ro,B as Po,b as we,v as Ao,S as Io,w as Mo}from"./main.BNZUJnjG.0.0.69.js";import{i as Ho}from"./@vueuse.NhwSnX_y.0.0.69.js";import{B as se,t as Ge,ac as ue,r as F,k as Q,o as Xe,c as p,d as s,e as n,h as e,X as me,Z as pe,R as o,I as v,i as Qe,z as Je,a7 as jo,F as J,ab as Eo,w as Ze,N as t,f as ne,M as g,L as G,O as _,m as Y,V as W,P as ke,H as ye,$ as Lo,a1 as Vo,W as Me}from"./@vue.BsSvBeCe.0.0.69.js";import{_ as Go}from"./CuiConsole.C_vx3eur.0.0.69.js";import{F as eo,a as q,E as N}from"./vee-validate.CXzK59HL.0.0.69.js";import{u as Be}from"./vue-i18n.BsJO9RBQ.0.0.69.js";import{s as Bo}from"./pinia.xXUM0Drf.0.0.69.js";import"./@primeuix.bRNqZjQz.0.0.69.js";import"./@primevue.C5r50LKM.0.0.69.js";import"./@tanstack.ESyaYTt8.0.0.69.js";import"./axios.lj9VQs0f.0.0.69.js";import"./vue-router.Cnp23wAe.0.0.69.js";import"./vue-inline-svg.1baioXR8.0.0.69.js";import"./@vee-validate.CeUgfPaH.0.0.69.js";import"./zod.2bfLsWMZ.0.0.69.js";import"./uuid.C6aID195.0.0.69.js";import"./socket.io-client.NZWSNJlD.0.0.69.js";import"./engine.io-client.B5m3FsEv.0.0.69.js";import"./engine.io-parser.BiEtp6m2.0.0.69.js";import"./@socket.io.Dkula2eQ.0.0.69.js";import"./socket.io-parser.3CqTF9_v.0.0.69.js";import"./rxjs.AXKlNjX-.0.0.69.js";import"./tslib.9k7AwCpt.0.0.69.js";import"./highlight.js.BSQb76p3.0.0.69.js";import"./@xterm.DHnCBlz-.0.0.69.js";import"./markdown-it.MLL3O76W.0.0.69.js";import"./mdurl.k9Sl0PQj.0.0.69.js";import"./uc.micro.kMc2yuuw.0.0.69.js";import"./entities.C20TfXL6.0.0.69.js";import"./linkify-it.DggZxsPz.0.0.69.js";import"./punycode.js.Dj65hjkv.0.0.69.js";import"./qrcode.D3FbUuTi.0.0.69.js";import"./dijkstrajs.C00ieaqj.0.0.69.js";import"./draggabilly.BoYjrLDK.0.0.69.js";import"./get-size.D1dS-IaP.0.0.69.js";import"./unidragger.UylmBmyV.0.0.69.js";import"./ev-emitter.X5f1qa-c.0.0.69.js";import"./vue-zoomable.DMxVl9qH.0.0.69.js";import"./primelocale.Bga3dOQu.0.0.69.js";import"./nprogress.BYU1Y2h8.0.0.69.js";import"./@intlify.6ljJeWIl.0.0.69.js";const Oe=["bubble://","cui://","doorbird://","dvrip://","echo:","eseecloud://","exec:","expr:","ffmpeg:","flussonic://","gopro://","hass:","homekit://","http://","https://","httpx://","isapi://","ivideon:","kasa://","nest:","onvif://","ring:","roborock://","rtmp://","rtsp://","rtspx://","tapo://","tcp://","tuya://","webrtc:","webtorrent:"],Oo=["#backchannel=","#header=","#media=audio","#media=video","#timeout=10","#timeout=20","#timeout=30","#transport="],He=["#audio=aac","#audio=aac/16000","#audio=mp3","#audio=opus","#audio=pcm","#audio=pcm/8000","#audio=pcm/16000","#audio=pcm/48000","#audio=pcma","#audio=pcma/8000","#audio=pcma/16000","#audio=pcma/48000","#audio=pcml","#audio=pcml/8000","#audio=pcml/44100","#audio=pcmu","#audio=pcmu/8000","#audio=pcmu/16000","#audio=pcmu/48000","#drawtext","#hardware","#hardware=cuda","#hardware=dxva2","#hardware=rkmpp","#hardware=v4l2m2m","#hardware=vaapi","#hardware=videotoolbox","#height=","#raw=","#rotate=-90","#rotate=90","#rotate=180","#rotate=270","#video=copy","#video=h264","#video=h265","#video=mjpeg","#width="],Uo=["client_id=","client_private=","device_id=","device_public="],Do=["#header="],qo=["client_id=","client_secret=","refresh_token=","project_id=","device_id="],Fo=["device_id=","refresh_token="],zo=["#client_id=","#format=openipc","#format=wyze","#format=kinesis","#ice_servers="],Wo={class:"relative h-[165px]"},No={key:0,class:"flex w-full h-full"},Ko={class:"flex w-full items-center justify-center mt-[5px]"},Yo={key:1,class:"flex w-full h-full"},Xo=["onClick"],Qo={class:"w-full text-center"},Jo={class:"text-xs text-muted"},Zo=se({__name:"CuiCameraEvents",props:{cameraId:{}},setup($){const{isTouch:d}=go(),j=$,{cameraId:E}=Ge(j),R=ue("scrollContainerRef"),B=F(!0);let P,T=!1;const L=Array.from({length:50},(m,C)=>({id:C.toString(),camera:"Kamera "+(C%5+1),title:"Event "+(C+1),type:"motion",image:"test",timestamp:Date.now()-C*6e4})),M=Q(()=>E.value?L.filter(m=>m.camera===E.value):L),O=()=>{Ho(R,{disableTextSelect:!0,threshold:10,onSwipe:m=>{var C,H;(C=R.value)==null||C.classList.add("cursor-grabbing"),T=!0,(H=R.value)==null||H.scrollBy({left:-m.movementX,behavior:"smooth"})},onSwipeEnd:()=>{var m;(m=R.value)==null||m.classList.remove("cursor-grabbing"),clearTimeout(P),P=setTimeout(()=>{T=!1},10)}})},y=m=>new Date(m).toLocaleTimeString("de-DE",{hour:"2-digit",minute:"2-digit"}),x=m=>{T||console.log(m)};return Xe(async()=>{await vo(1500),B.value=!1,d.value||O()}),(m,C)=>{const H=Ue,u=bo;return s(),p("div",Wo,[n("div",{ref_key:"scrollContainerRef",ref:R,class:"w-full max-w-full overflow-x-auto overflow-y-hidden snap-x snap-mandatory hide-scrollbar"},[e(B)?(s(),p("div",No,[(s(),p(me,null,pe(50,S=>n("div",{key:S,class:"flex-none w-[140px] mr-3 snap-start"},[o(H,{width:"140px",height:"140px"}),n("div",Ko,[o(H,{width:"40px",height:"12px"})])])),64))])):(s(),p("div",Yo,[(s(!0),p(me,null,pe(e(M),S=>(s(),p("div",{key:S.id,class:"flex-none w-[140px] mr-3 snap-start"},[n("div",{class:"bg-neutral-900 rounded overflow-hidden cursor-pointer w-[140px] h-[140px]",onClick:h=>x(S)},[o(u,{src:S.image,class:"pointer-events-none w-full h-full",cover:"",alt:"Event Vorschau",width:"140px",height:"140px","image-container-class":"w-full h-full"},null,8,["src"])],8,Xo),n("div",Qo,[n("span",Jo,v(y(S.timestamp)),1)])]))),128))]))],512),C[0]||(C[0]=n("div",{class:"absolute -top-[3px] right-0 w-10 h-[171px] pointer-events-none",style:{background:"linear-gradient(to right, transparent, var(--ground-background))"}},null,-1))])}}}),et=se({__name:"CameraConsole",props:{cameraName:{}},setup($,{expose:d}){const j=new Se,E=wo(),{mdBreakpoint:R}=Ve(),B=Qe("dialogRefProps"),P=$,{cameraName:T}=Ge(P),L=ue("consoleRef"),M=Je(),{data:O,isFetching:y,suspense:x}=j.downloadLogQuery(T),m=Q(()=>{var u;return!!((u=B.loading)!=null&&u.value||y.value)}),C=Q(()=>({fontSize:R.value?12:14})),H=async()=>{try{if(j.toggleQueryActivator("downloadLogQuery",!0),await x(),O.value){const u=O.value,S=window.URL.createObjectURL(new Blob([u])),h=document.createElement("a");h.href=S,h.setAttribute("download",`camera.ui.${T.value}.log.txt`),document.body.appendChild(h),h.click(),h.remove()}}finally{j.toggleQueryActivator("downloadLogQuery",!1)}};return Xe(()=>{var u,S,h,K,oe;M.value=E.connectToNamespace("/logs"),(u=M.value)==null||u.socket.on(`stdout/${T.value}`,A=>{var Z;(Z=L.value)==null||Z.writeTerminal(A)}),(S=M.value)==null||S.socket.on("stdout",A=>{var Z;(Z=L.value)==null||Z.writeTerminal(A)}),(h=M.value)==null||h.socket.on("disconnect",()=>{var A;(A=L.value)==null||A.writeTerminal(`\r
+import{L as Ue,r as Ee,l as De,e as qe,m as Fe,b as Ce,a as to,M as no,N as ao,c as Le,f as so,t as ro,u as io,v as co,k as lo,w as uo,p as mo,n as po,j as ho,O as fo}from"./primevue.BVVo-ukB.0.0.70.js";import{_ as ze,a as _o}from"./refresh-rounded.BzWz29y2.0.0.70.js";import{e as go,s as vo,_ as bo,f as wo,h as Ve,C as Se,r as xe,d as je,i as We,j as yo,k as xo,c as Ne,a as Ke,l as ko,m as Co,n as Ye,o as So,p as $o,q as To,t as Ro,B as Po,b as we,v as Ao,S as Io,w as Mo}from"./main.D2NZuTnM.0.0.70.js";import{i as Ho}from"./@vueuse.T3qy5Jq4.0.0.70.js";import{B as se,t as Ge,ac as ue,r as F,k as Q,o as Xe,c as p,d as s,e as n,h as e,X as me,Z as pe,R as o,I as v,i as Qe,z as Je,a7 as jo,F as J,ab as Eo,w as Ze,N as t,f as ne,M as g,L as G,O as _,m as Y,V as W,P as ke,H as ye,$ as Lo,a1 as Vo,W as Me}from"./@vue.BsSvBeCe.0.0.70.js";import{_ as Go}from"./CuiConsole.B-YJZ4uY.0.0.70.js";import{F as eo,a as q,E as N}from"./vee-validate.DwwGVNzx.0.0.70.js";import{u as Be}from"./vue-i18n.BLwVbi61.0.0.70.js";import{s as Bo}from"./pinia.BeBGFuqK.0.0.70.js";import"./@primeuix.bRNqZjQz.0.0.70.js";import"./@primevue.DH9ak_9x.0.0.70.js";import"./@tanstack.Dk2rc1Gz.0.0.70.js";import"./axios.lj9VQs0f.0.0.70.js";import"./vue-router.BQuUBAAr.0.0.70.js";import"./vue-inline-svg.B52C1cW8.0.0.70.js";import"./@vee-validate.i4o6WINE.0.0.70.js";import"./zod.2bfLsWMZ.0.0.70.js";import"./uuid.C6aID195.0.0.70.js";import"./socket.io-client.DC_wUGxw.0.0.70.js";import"./engine.io-client.CnosWdRP.0.0.70.js";import"./engine.io-parser.BiEtp6m2.0.0.70.js";import"./@socket.io.Dkula2eQ.0.0.70.js";import"./socket.io-parser.ChgZ8FD_.0.0.70.js";import"./rxjs.UbFxmZ7q.0.0.70.js";import"./tslib.9k7AwCpt.0.0.70.js";import"./highlight.js.DTPofZhc.0.0.70.js";import"./@xterm.CJZZM5vf.0.0.70.js";import"./markdown-it.VQvmcJVu.0.0.70.js";import"./mdurl.k9Sl0PQj.0.0.70.js";import"./uc.micro.kMc2yuuw.0.0.70.js";import"./entities.C20TfXL6.0.0.70.js";import"./linkify-it.imhCvGRq.0.0.70.js";import"./punycode.js.Dj65hjkv.0.0.70.js";import"./qrcode.D7KqKQTM.0.0.70.js";import"./dijkstrajs.C00ieaqj.0.0.70.js";import"./draggabilly.Cuzjcd7v.0.0.70.js";import"./get-size.D1dS-IaP.0.0.70.js";import"./unidragger.DahEY3cm.0.0.70.js";import"./ev-emitter.X5f1qa-c.0.0.70.js";import"./vue-zoomable.Cq7IVJt5.0.0.70.js";import"./primelocale.Bga3dOQu.0.0.70.js";import"./nprogress.DuNJBXnf.0.0.70.js";import"./@intlify.6ljJeWIl.0.0.70.js";const Oe=["bubble://","cui://","doorbird://","dvrip://","echo:","eseecloud://","exec:","expr:","ffmpeg:","flussonic://","gopro://","hass:","homekit://","http://","https://","httpx://","isapi://","ivideon:","kasa://","nest:","onvif://","ring:","roborock://","rtmp://","rtsp://","rtspx://","tapo://","tcp://","tuya://","webrtc:","webtorrent:"],Oo=["#backchannel=","#header=","#media=audio","#media=video","#timeout=10","#timeout=20","#timeout=30","#transport="],He=["#audio=aac","#audio=aac/16000","#audio=mp3","#audio=opus","#audio=pcm","#audio=pcm/8000","#audio=pcm/16000","#audio=pcm/48000","#audio=pcma","#audio=pcma/8000","#audio=pcma/16000","#audio=pcma/48000","#audio=pcml","#audio=pcml/8000","#audio=pcml/44100","#audio=pcmu","#audio=pcmu/8000","#audio=pcmu/16000","#audio=pcmu/48000","#drawtext","#hardware","#hardware=cuda","#hardware=dxva2","#hardware=rkmpp","#hardware=v4l2m2m","#hardware=vaapi","#hardware=videotoolbox","#height=","#raw=","#rotate=-90","#rotate=90","#rotate=180","#rotate=270","#video=copy","#video=h264","#video=h265","#video=mjpeg","#width="],Uo=["client_id=","client_private=","device_id=","device_public="],Do=["#header="],qo=["client_id=","client_secret=","refresh_token=","project_id=","device_id="],Fo=["device_id=","refresh_token="],zo=["#client_id=","#format=openipc","#format=wyze","#format=kinesis","#ice_servers="],Wo={class:"relative h-[165px]"},No={key:0,class:"flex w-full h-full"},Ko={class:"flex w-full items-center justify-center mt-[5px]"},Yo={key:1,class:"flex w-full h-full"},Xo=["onClick"],Qo={class:"w-full text-center"},Jo={class:"text-xs text-muted"},Zo=se({__name:"CuiCameraEvents",props:{cameraId:{}},setup($){const{isTouch:d}=go(),j=$,{cameraId:E}=Ge(j),R=ue("scrollContainerRef"),B=F(!0);let P,T=!1;const L=Array.from({length:50},(m,C)=>({id:C.toString(),camera:"Kamera "+(C%5+1),title:"Event "+(C+1),type:"motion",image:"test",timestamp:Date.now()-C*6e4})),M=Q(()=>E.value?L.filter(m=>m.camera===E.value):L),O=()=>{Ho(R,{disableTextSelect:!0,threshold:10,onSwipe:m=>{var C,H;(C=R.value)==null||C.classList.add("cursor-grabbing"),T=!0,(H=R.value)==null||H.scrollBy({left:-m.movementX,behavior:"smooth"})},onSwipeEnd:()=>{var m;(m=R.value)==null||m.classList.remove("cursor-grabbing"),clearTimeout(P),P=setTimeout(()=>{T=!1},10)}})},y=m=>new Date(m).toLocaleTimeString("de-DE",{hour:"2-digit",minute:"2-digit"}),x=m=>{T||console.log(m)};return Xe(async()=>{await vo(1500),B.value=!1,d.value||O()}),(m,C)=>{const H=Ue,u=bo;return s(),p("div",Wo,[n("div",{ref_key:"scrollContainerRef",ref:R,class:"w-full max-w-full overflow-x-auto overflow-y-hidden snap-x snap-mandatory hide-scrollbar"},[e(B)?(s(),p("div",No,[(s(),p(me,null,pe(50,S=>n("div",{key:S,class:"flex-none w-[140px] mr-3 snap-start"},[o(H,{width:"140px",height:"140px"}),n("div",Ko,[o(H,{width:"40px",height:"12px"})])])),64))])):(s(),p("div",Yo,[(s(!0),p(me,null,pe(e(M),S=>(s(),p("div",{key:S.id,class:"flex-none w-[140px] mr-3 snap-start"},[n("div",{class:"bg-neutral-900 rounded overflow-hidden cursor-pointer w-[140px] h-[140px]",onClick:h=>x(S)},[o(u,{src:S.image,class:"pointer-events-none w-full h-full",cover:"",alt:"Event Vorschau",width:"140px",height:"140px","image-container-class":"w-full h-full"},null,8,["src"])],8,Xo),n("div",Qo,[n("span",Jo,v(y(S.timestamp)),1)])]))),128))]))],512),C[0]||(C[0]=n("div",{class:"absolute -top-[3px] right-0 w-10 h-[171px] pointer-events-none",style:{background:"linear-gradient(to right, transparent, var(--ground-background))"}},null,-1))])}}}),et=se({__name:"CameraConsole",props:{cameraName:{}},setup($,{expose:d}){const j=new Se,E=wo(),{mdBreakpoint:R}=Ve(),B=Qe("dialogRefProps"),P=$,{cameraName:T}=Ge(P),L=ue("consoleRef"),M=Je(),{data:O,isFetching:y,suspense:x}=j.downloadLogQuery(T),m=Q(()=>{var u;return!!((u=B.loading)!=null&&u.value||y.value)}),C=Q(()=>({fontSize:R.value?12:14})),H=async()=>{try{if(j.toggleQueryActivator("downloadLogQuery",!0),await x(),O.value){const u=O.value,S=window.URL.createObjectURL(new Blob([u])),h=document.createElement("a");h.href=S,h.setAttribute("download",`camera.ui.${T.value}.log.txt`),document.body.appendChild(h),h.click(),h.remove()}}finally{j.toggleQueryActivator("downloadLogQuery",!1)}};return Xe(()=>{var u,S,h,K,oe;M.value=E.connectToNamespace("/logs"),(u=M.value)==null||u.socket.on(`stdout/${T.value}`,A=>{var Z;(Z=L.value)==null||Z.writeTerminal(A)}),(S=M.value)==null||S.socket.on("stdout",A=>{var Z;(Z=L.value)==null||Z.writeTerminal(A)}),(h=M.value)==null||h.socket.on("disconnect",()=>{var A;(A=L.value)==null||A.writeTerminal(`\r
 Websocket failed to connect! Is the server running?\r
 \r
 `)}),(K=M.value)==null||K.socket.on("clear-log",()=>{var A;(A=L.value)==null||A.clearTerminal()}),(oe=M.value)==null||oe.socket.emit("get-camera-log",T.value,{sinceLastStart:!0})}),jo(()=>{var u,S;(S=(u=M.value)==null?void 0:u.end)==null||S.call(u)}),d({isLoading:m,onConfirm:H}),(u,S)=>{const h=Go;return s(),p("div",null,[o(h,{ref_key:"consoleRef",ref:L,options:e(C),class:"bg-black !w-full"},null,8,["options"])])}}}),ot={viewBox:"0 0 48 48",width:"1.2em",height:"1.2em"},tt=["id"],nt=["mask"];function at($,d){return s(),p("svg",ot,[n("defs",null,[n("mask",{id:$.idMap.ipSGopro0},d[0]||(d[0]=[Eo('<g fill="none"><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M5 7h13v34H5z"></path><rect width="19" height="22" x="24" y="13" fill="#fff" stroke="#fff" stroke-width="4" rx="3"></rect><circle cx="33.5" cy="24.5" r="3.5" fill="#000" stroke="#000" stroke-width="4"></circle><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M18 24h6"></path><rect width="5" height="5" x="9" y="15" fill="#fff" rx="2.5"></rect></g>',1)]),8,tt)]),n("path",{fill:"currentColor",d:"M0 0h48v48H0z",mask:"url(#"+$.idMap.ipSGopro0+")"},null,8,nt)])}const st=J({name:"icon-park-solid-gopro",render:at,setup(){return{idMap:{ipSGopro0:"uicons-"+Math.random().toString(36).substr(2,10)}}}}),rt={viewBox:"0 0 256 295",width:"1.05em",height:"1.2em"};function it($,d){return s(),p("svg",rt,d[0]||(d[0]=[n("path",{fill:"#EB324B",d:"M125.331 293.51c-3.118-1.658-121.475-70.037-122.633-70.849c-2.463-1.729-2.297 3.704-2.297-75.23c0-78.936-.166-73.502 2.297-75.232c.61-.427 28.67-16.687 62.355-36.133C107.32 11.668 126.75.658 127.751.54c1.811-.214-4.43-3.711 67.33 37.72c42.38 24.468 59.226 34.391 59.85 35.255l.869 1.202v145.427l-.869 1.202c-.624.864-17.465 10.784-59.851 35.255c-67.06 38.716-65.522 37.846-66.92 37.853c-.573.004-1.846-.421-2.829-.944"},null,-1),n("path",{fill:"#333943",d:"M126.397 275.238c-.44-.188-24.952-14.3-54.47-31.361c-34.351-19.855-53.962-31.413-54.485-32.113c-.813-1.09-.816-1.326-.816-64.334c0-63.047.002-63.243.818-64.335c.525-.703 20.06-12.217 54.485-32.112c29.517-17.06 54.116-31.194 54.665-31.411s1.553-.29 2.232-.163c.967.181 104.484 59.604 108.805 62.458c.584.386 1.247 1.188 1.475 1.783c.276.722.456 22.028.54 64.05l.129 62.968l-.839 1.132c-.553.747-12.01 7.575-33.653 20.056c-81.042 46.735-75.862 43.807-77.41 43.75c-.37-.015-1.035-.18-1.476-.368m2.77-69.648c1.108-2.144 5.303-7.487 8.675-11.05c1.858-1.962 8.967-8.558 15.798-14.658c15.764-14.076 20.858-19.385 26.141-27.244c6.775-10.078 10.003-22.102 8.497-31.649c-1.65-10.458-8.018-19.169-17.411-23.816c-4.05-2.004-6.983-2.692-12.42-2.914c-3.993-.163-5.418-.051-8.413.66c-8.679 2.059-16.207 7.752-20.303 15.353c-.683 1.267-1.394 2.304-1.58 2.304s-.785-.883-1.332-1.962c-1.429-2.82-5.446-7.664-7.916-9.544c-6.925-5.274-12.884-7.18-21.304-6.817c-5.447.235-8.748 1.08-13.113 3.36c-7.469 3.9-13.574 11.516-15.849 19.77c-.893 3.24-.993 13.34-.169 17.027c1.92 8.59 6.36 17.046 13.251 25.24c3.87 4.6 11.215 11.695 22.243 21.481c13.554 12.028 18.433 17.105 22.404 23.312c.802 1.254 1.628 2.28 1.836 2.28s.642-.51.964-1.133"},null,-1),n("path",{fill:"#252A32",d:"M151.605 228.562c-12.322-11.157-22.463-20.551-22.536-20.877c-.146-.653 1.673-3.682 4.067-6.771c3.656-4.717 8.413-9.417 20.1-19.861c19.503-17.427 24.871-23.372 30.363-33.623c3.733-6.968 5.5-13.982 5.49-21.786c-.007-5.914-.768-9.263-3.275-14.435c-.632-1.303-1.099-2.488-1.037-2.635c.113-.268 52.387 48.13 53.696 49.715c.651.788.7 2.65.699 26.344c-.002 23.55-.056 25.582-.701 26.626c-.512.829-9.06 5.96-31.948 19.182c-17.187 9.928-31.534 18.13-31.882 18.228c-.41.115-8.524-6.968-23.036-20.107"},null,-1)]))}const ct=J({name:"logos-webtorrent",render:it}),lt={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 100 100"},dt=["id"],ut=["id"],mt=["fill","mask"],pt=se({__name:"CuiOnvifIcon",setup($){const d=F(xe(10)),j=F(xe(10));return(E,R)=>(s(),p("svg",lt,[n("defs",null,[n("linearGradient",{id:e(d),x1:"0%",y1:"0%",x2:"100%",y2:"100%"},R[0]||(R[0]=[n("stop",{offset:"0%",style:{"stop-color":"#29abe2"}},null,-1),n("stop",{offset:"100%",style:{"stop-color":"#4f2d7f"}},null,-1)]),8,dt),n("mask",{id:e(j)},R[1]||(R[1]=[n("rect",{width:"100%",height:"100%",fill:"white"},null,-1),n("circle",{cx:"54",cy:"46",r:"32",fill:"black"},null,-1)]),8,ut)]),n("circle",{cx:"50",cy:"50",r:"40",fill:`url(#${e(d)})`,mask:`url(#${e(j)})`},null,8,mt)]))}}),ht={viewBox:"0 0 512 512",width:"1.2em",height:"1.2em"};function ft($,d){return s(),p("svg",ht,d[0]||(d[0]=[n("path",{fill:"currentColor",d:"M201.459 35.184L93.114 161.545v53.47L254.041 30.733L512 8.902L133.866 406.659l49.874 2.877l274.62-283.015v268.646l-30.716 28.864l78.027 4.612v74.455l-243.583-20.63l123.746-120.395v-59.74L209.185 478L0 460.29L336.764 93.876l-55.874 3.3L37.697 366.981V137.742l22.881-27.544l-56.254 3.326V51.871z"},null,-1)]))}const _t=J({name:"file-icons-ffmpeg",render:ft}),gt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function vt($,d){return s(),p("svg",gt,d[0]||(d[0]=[n("path",{fill:"currentColor",d:"M11.971.302a.72.72 0 0 0-.444.155L.984 8.82a.7.7 0 0 0-.139.146c.11-.156.037-.046-.048.015c-.084.06-.2.136-.313.22a2 2 0 0 0-.178.141c-.064.057-.143.098-.24.32a.76.76 0 0 0-.026.549c.08.233.277.384.405.441c.253.114.353.079.463.071c.399.022.737-.019.922 0c.077.009.087.017.097.02c.032 3.58.004 7.167.014 10.76a1 1 0 0 0 .014.14c0-.002-.027.367-.033.764c-.003.199-.009.43.137.721c.147.29.565.551.909.559h14.717c1.148-.035 2.39.083 3.686-.07a.717.717 0 0 0 .632-.712v-1.493a2.7 2.7 0 0 0 0-.514v-.025c-.007-2.132-.002-4.268 0-6.406v-1.993l-.002.054c.059-.776-.031-1.39.053-1.803c.041-.01.1-.013.216-.014c.24-.002.601.065 1.055.008l.072-.013a.74.74 0 0 0 .33-.16a.83.83 0 0 0 .27-.524c.027-.383-.132-.498-.202-.58c-.14-.164-.237-.22-.344-.297c-.106-.078-.213-.15-.291-.207c-.08-.058-.143-.133-.076-.05a1 1 0 0 0-.064-.07c-.351-.334-.713-.553-.974-.76c-.23-.18-.358-.33-.434-.497V4.802a1.5 1.5 0 0 0 .023-.493a1.1 1.1 0 0 0-.344-.65c-.344-.297-.711-.293-1.036-.24c-.247-.027-.551.012-.779.23c-.294.28-.29.573-.291.748c-.002.174.017.304.026.398c.008.093-.009.152.012.066a.7.7 0 0 0-.007.313c.034.168-.022.475-.074.583l-.008-.004L12.416.456a.72.72 0 0 0-.445-.154m-.05 2.058c.18-.001.368.043.537.124c2.047 1.552 4.053 3.19 6.103 4.79l-.037-.031c.498.445 1.033.776 1.411 1.115c.375.336.575.614.615 1.025c.007.563.003 1.127.006 1.69q-.017.385.003.716c.004.891.012 1.781.01 2.673v6.867a1.2 1.2 0 0 1-.157.468c-.136.215-.272.314-.523.318c-5.108.018-10.22.003-15.332.008a1 1 0 0 0-.115.009a1.08 1.08 0 0 1-.758-.175c-.2-.143-.305-.31-.303-.562v-.008c-.016-3.27-.002-6.545-.007-9.822l-.002.05c.047-.678-.027-1.31-.004-1.836c.022-.51.11-.872.378-1.183c2.52-2.058 5.115-4.05 7.68-6.093a.84.84 0 0 1 .495-.143m.053 3.088a.72.72 0 0 0-.445.153L7.586 8.706l-.047.04c-.318.3-1.048.59-1.515 1.39a.7.7 0 0 0-.098.354c-.027 2.82-.004 5.633-.012 8.44a.717.717 0 0 0 .717.717h10.682a.717.717 0 0 0 .717-.716v-3.438c-.025-1.683.053-3.415-.042-5.166a.72.72 0 0 0-.26-.514c-.222-.184-.45-.358-.673-.539c-.06-.052-.118-.108-.177-.155c-.124-.102-.24-.184-.358-.272c-.64-.512-1.278-1.026-1.921-1.53q-.314-.253-.644-.505c-.513-.402-1.029-.803-1.536-1.208a.72.72 0 0 0-.445-.156m.016 1.89a.9.9 0 0 1 .325.06c.858.563 1.673 1.31 2.598 2.006l-.06-.05c.297.28.591.486.856.68l.356.283c.218.19.368.365.438.562c.063 1.936.01 3.9.029 5.886v.037c.023.358.006.751-.068.975c-.069.207-.078.248-.27.284c-2.468.053-4.956.008-7.458.023l-.041.002c-.365.023-.765.005-.985-.071c-.211-.073-.244-.069-.275-.297c-.05-1.596-.008-3.22-.023-4.863l-.002.063c.079-.997-.077-1.768.13-2.264c.794-.76 1.788-1.412 2.753-2.206l-.068.05c.436-.281.76-.606 1.047-.827c.284-.217.491-.321.718-.333M.84 9.283c.005 0 .025.009.03.01H.82c-.008 0-.007-.01.022-.01m11.131.79a.7.7 0 0 0-.43.143l-1.824 1.368a.72.72 0 0 0-.286.573v3.191a.717.717 0 0 0 .729.717L13.809 16a.717.717 0 0 0 .703-.717v-3.126a.72.72 0 0 0-.286-.573l-1.824-1.368a.7.7 0 0 0-.43-.144m-10.677.31c-.02.022-.03.023-.03.023zm10.679 1.446c.353.166.668.434.976.782c.107.485.045 1.12.048 1.86c-.006-.002-.022-.012-.088.005c-.141.037-.442.037-.748.026l.02.001c-.455-.029-.856.022-1.078-.007a.5.5 0 0 1-.157-.042l-.002-.006c-.004-.705-.052-1.323.045-1.81c.346-.349.682-.655.984-.809m1.036 2.57c-.012.062-.002.073-.006.072z"},null,-1)]))}const bt=J({name:"cbi-homekit",render:vt}),wt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function yt($,d){return s(),p("svg",wt,d[0]||(d[0]=[n("path",{fill:"currentColor",d:"M22.939 10.627L13.061.749a1.505 1.505 0 0 0-2.121 0l-9.879 9.878C.478 11.21 0 12.363 0 13.187v9c0 .826.675 1.5 1.5 1.5h9.227l-4.063-4.062a2 2 0 0 1-.664.113c-1.13 0-2.05-.92-2.05-2.05s.92-2.05 2.05-2.05s2.05.92 2.05 2.05c0 .233-.041.456-.113.665l3.163 3.163V9.928a2.05 2.05 0 0 1-1.15-1.84c0-1.13.92-2.05 2.05-2.05s2.05.92 2.05 2.05a2.05 2.05 0 0 1-1.15 1.84v8.127l3.146-3.146A2.05 2.05 0 0 1 18 12.239c1.13 0 2.05.92 2.05 2.05s-.92 2.05-2.05 2.05a2 2 0 0 1-.709-.13L12.9 20.602v3.088h9.6c.825 0 1.5-.675 1.5-1.5v-9c0-.825-.477-1.977-1.061-2.561z"},null,-1)]))}const xt=J({name:"simple-icons-homeassistant",render:yt}),kt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Ct($,d){return s(),p("svg",kt,d[0]||(d[0]=[n("path",{fill:"currentColor",d:"M12 2C7.342 2 3.44 5.19 2.328 9.5h6.733A3.01 3.01 0 0 1 12 7.1a3.01 3.01 0 0 1 2.94 2.4h6.732C20.56 5.19 16.658 2 12 2m0 6.1c-1.11 0-2 .89-2 2s.89 2 2 2s2-.89 2-2s-.89-2-2-2m-9.875 2.4C2.051 10.99 2 11.489 2 12q.005.877.162 1.74l2.535-.451c.465 2.165 1.752 4.026 3.553 5.139a7.1 7.1 0 0 0 7.5 0c1.802-1.113 3.089-2.976 3.553-5.14l2.543.452A10 10 0 0 0 22 12c0-.511-.05-1.01-.125-1.5h-6.916c-.199 1.462-1.445 2.6-2.959 2.6s-2.76-1.138-2.959-2.6zm17.846 4.43a8.5 8.5 0 0 1-7.97 5.57a8.5 8.5 0 0 1-7.971-5.568l-1.495.267A10 10 0 0 0 12 22a10 10 0 0 0 9.463-6.803z"},null,-1)]))}const St=J({name:"cbi-roborock",render:Ct}),$t={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Tt($,d){return s(),p("svg",$t,d[0]||(d[0]=[n("path",{fill:"currentColor",d:"M24 16.375a3.05 3.05 0 0 1-.246 1.231a3.1 3.1 0 0 1-1.672 1.66a3.1 3.1 0 0 1-1.225.247a3.7 3.7 0 0 1-.71-.073a4 4 0 0 1-.739-.218a3.2 3.2 0 0 1-.676-.37a2 2 0 0 1-.507-.515a.46.46 0 0 1-.08-.275a.44.44 0 0 1 .152-.346a.5.5 0 0 1 .346-.138a.6.6 0 0 1 .201.04a.4.4 0 0 1 .186.17a.05.05 0 0 0 .016.032l.064.065a1.8 1.8 0 0 0 .798.507a3 3 0 0 0 .943.154a2.1 2.1 0 0 0 .846-.17a2.2 2.2 0 0 0 1.16-1.16a2.1 2.1 0 0 0 .176-.841v-1.109a3.1 3.1 0 0 1-.985.637a3.1 3.1 0 0 1-1.193.234a3.05 3.05 0 0 1-1.231-.246a3.14 3.14 0 0 1-1.66-1.66a3 3 0 0 1-.247-1.232v-2.544a3.1 3.1 0 0 1 .247-1.225a3.2 3.2 0 0 1 .668-1a3.2 3.2 0 0 1 .986-.669a3.15 3.15 0 0 1 2.463 0a3.1 3.1 0 0 1 1.668 1.668a3.1 3.1 0 0 1 .246 1.225v5.92zm-.967-5.92a2.1 2.1 0 0 0-.17-.846a2.2 2.2 0 0 0-1.16-1.16a2.2 2.2 0 0 0-1.692 0a2.2 2.2 0 0 0-1.166 1.16a2.1 2.1 0 0 0-.168.845v2.531a2.1 2.1 0 0 0 .168.853a2.2 2.2 0 0 0 .468.693a2.2 2.2 0 0 0 .694.467a2.2 2.2 0 0 0 1.692 0a2.2 2.2 0 0 0 1.16-1.16a2.1 2.1 0 0 0 .174-.853zm-7.252 5.356a.44.44 0 0 1-.154.363a.51.51 0 0 1-.66 0a.43.43 0 0 1-.153-.363v-5.356a2.1 2.1 0 0 0-.17-.846a2.2 2.2 0 0 0-1.16-1.16a2.2 2.2 0 0 0-1.692 0a2.2 2.2 0 0 0-1.16 1.16a2.1 2.1 0 0 0-.17.846v5.356a.43.43 0 0 1-.152.363a.51.51 0 0 1-.661 0a.43.43 0 0 1-.153-.363v-5.356a3.1 3.1 0 0 1 .246-1.225a3.2 3.2 0 0 1 .67-1a3.2 3.2 0 0 1 .984-.669a3.15 3.15 0 0 1 2.464 0a3.1 3.1 0 0 1 1.667 1.668a3.1 3.1 0 0 1 .247 1.225zm-8.383 0a.44.44 0 0 1-.152.363a.51.51 0 0 1-.662 0a.43.43 0 0 1-.152-.363V7.956a.44.44 0 0 1 .152-.363a.51.51 0 0 1 .662 0a.44.44 0 0 1 .152.363zM4.982 8.44a.46.46 0 0 1-.145.338a.48.48 0 0 1-.355.142a.5.5 0 0 1-.339-.145l-.016-.017a.2.2 0 0 0-.032-.024a.1.1 0 0 1-.033-.025a1.9 1.9 0 0 0-1.24-.43q-.871 0-1.363.595q-.491.596-.492 1.693v5.243a.44.44 0 0 1-.153.363a.53.53 0 0 1-.33.123a.53.53 0 0 1-.33-.123a.43.43 0 0 1-.153-.363v-5.243A4.4 4.4 0 0 1 .18 9.303a3 3 0 0 1 .53-1.031a2.55 2.55 0 0 1 .878-.706a2.8 2.8 0 0 1 1.231-.257a3.1 3.1 0 0 1 1.065.209a2.6 2.6 0 0 1 .934.58a.48.48 0 0 1 .163.343zm2.76-3.128a.826.826 0 0 1-.826.827a.826.826 0 0 1-.827-.827a.826.826 0 0 1 .827-.826a.826.826 0 0 1 .826.826"},null,-1)]))}const Rt=J({name:"simple-icons-ring",render:Tt}),Pt={viewBox:"0 0 48 48",width:"1.2em",height:"1.2em"};function At($,d){return s(),p("svg",Pt,d[0]||(d[0]=[n("path",{fill:"#FFC107",d:"M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8c-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C12.955 4 4 12.955 4 24s8.955 20 20 20s20-8.955 20-20c0-1.341-.138-2.65-.389-3.917"},null,-1),n("path",{fill:"#FF3D00",d:"m6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4C16.318 4 9.656 8.337 6.306 14.691"},null,-1),n("path",{fill:"#4CAF50",d:"M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.9 11.9 0 0 1 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44"},null,-1),n("path",{fill:"#1976D2",d:"M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 0 1-4.087 5.571l.003-.002l6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917"},null,-1)]))}const It=J({name:"flat-color-icons-google",render:At}),Mt={class:"flex flex-col gap-6 w-full h-full"},Ht={class:"flex flex-col w-full h-full gap-6"},jt={class:"h-[70px]"},Et={class:"cui-label"},Lt={class:"flex flex-col w-full h-[calc(100%-70px-1.25rem)]"},Vt={key:0,class:"flex w-full h-full items-center justify-center"},Gt={key:1,class:"flex flex-col w-full h-full items-center justify-center gap-4"},Bt={class:"text-muted"},Ot={class:"flex flex-col"},Ut={class:"font-medium truncate"},Dt={key:0,class:"text-xs text-muted truncate"},qt={key:1,class:"text-xs text-muted truncate"},Ft={key:0,class:"flex flex-col w-full py-4 gap-6"},zt={for:"name",class:"cui-label"},Wt={for:"url",class:"cui-label"},Nt={for:"username",class:"cui-label"},Kt={for:"password",class:"cui-label"},Yt={for:"pin",class:"cui-label"},Xt=se({__name:"DiscoverCameras",setup($){const d=new Se,j=Ne(),{t:E}=Be(),{data:R,isFetching:B,refetch:P,isRefetching:T}=d.discoverCamerasQuery(),{mutateAsync:L,isPending:M}=d.pairCameraQuery(),O=ue("formRef"),y=F(""),x=F(),m=F({}),C=F(),H=F(),u=F(),S=F(),h=Q(()=>B.value||T.value),K=Q(()=>M.value),oe=Q(()=>{var f;return!!((f=x.value)!=null&&f.url.includes("user:pass"))}),A=Q(()=>{var f,w,V;return((f=x.value)==null?void 0:f.type)==="Google"||((w=x.value)==null?void 0:w.type)==="Roborock"||((V=x.value)==null?void 0:V.type)==="Ring"}),Z=Q(()=>{var V,i;if(!((i=(V=R.value)==null?void 0:V.sources)!=null&&i.length))return[];let f=[{name:"Google Nest",type:"Google",url:"nest?:"},{name:"Ring",type:"Ring",url:"ring?:"},{name:"Roborock",type:"Roborock",url:"roborock://"},...je(R.value.sources)];if(!y.value)return f;const w=y.value.toLowerCase();return f=R.value.sources.filter(a=>(a.name??a.id??"Unknown").toLowerCase().includes(w)||a.url.toLowerCase().includes(w)||a.type&&a.type.toLowerCase().includes(w)),f});Ze(x,f=>{C.value=void 0,H.value=void 0,u.value=void 0,S.value=void 0,re(f==null?void 0:f.url)});const re=f=>{if(!f){m.value={};return}m.value[f]?m.value={}:m.value={[f]:!0}},ie=async()=>{try{x.value=void 0,await P()}catch{}},ce=async()=>{var w;const f=await((w=O.value)==null?void 0:w.validate());if(f!=null&&f.valid&&f.values)try{await L({cameraData:f.values}),await P()}catch{}else j.add({severity:"error",summary:E("components.toast.title_error"),detail:E("components.toast.validation_failed"),life:3e3}),console.log("Validation failed",f)};return(f,w)=>{const V=qe,i=We,a=Ce,c=ze,I=Fe,U=De,he=to,ae=It,ee=Rt,$e=St,fe=xt,le=bt,_e=_t,ve=pt,ge=ct,Te=st,Re=yo,be=ao,Pe=so,Ae=no,Ie=Ee,X=Le;return s(),p("div",Mt,[o(Ie,{class:"cui-card",pt:{body:{class:"h-full"},content:{class:"h-full"}}},{content:t(()=>{var de,b;return[n("div",Ht,[n("div",jt,[n("label",Et,v(f.$t("components.dialog.components.new_camera.search_camera")),1),o(U,null,{default:t(()=>[o(V,{modelValue:e(y),"onUpdate:modelValue":w[0]||(w[0]=r=>ne(y)?y.value=r:null),modelModifiers:{trim:!0},loading:e(h),type:"text"},null,8,["modelValue","loading"]),o(I,null,{default:t(()=>[o(a,{text:"",rounded:"",severity:"secondary",disabled:e(h),class:"border-right-color",onClick:w[1]||(w[1]=r=>y.value="")},{icon:t(()=>[o(i)]),_:1},8,["disabled"]),o(a,{text:"",rounded:"",severity:"secondary",disabled:e(h),onClick:ie},{icon:t(()=>[o(c)]),_:1},8,["disabled"])]),_:1})]),_:1})]),n("div",Lt,[e(h)?(s(),p("div",Vt,[o(he,{class:"w-[30px] h-[30px] m-0","stroke-width":"5"})])):(b=(de=e(R))==null?void 0:de.sources)!=null&&b.length?(s(),g(Ae,{key:2,selection:e(x),"onUpdate:selection":w[6]||(w[6]=r=>ne(x)?x.value=r:null),"expanded-rows":e(m),"onUpdate:expandedRows":w[7]||(w[7]=r=>ne(m)?m.value=r:null),value:e(Z),"data-key":"url",loading:e(h),scrollable:"","selection-mode":"single",class:"h-full",pt:{root:{class:"h-full"},tableContainer:{class:"h-full"},table:{class:"table-fixed"}}},{expansion:t(r=>[e(A)?(s(),p("div",Ft,"WIP")):_("",!0),o(e(eo),{ref_key:"formRef",ref:O,class:"flex flex-col w-full py-4 gap-6","validation-schema":e(xo)},{default:t(()=>[e(A)?_("",!0):(s(),g(e(q),{key:0,modelValue:e(C),"onUpdate:modelValue":w[2]||(w[2]=l=>ne(C)?C.value=l:null),modelModifiers:{trim:!0},name:"name",as:"div",class:"flex flex-col field-gap"},{default:t(({field:l,errors:k})=>[n("label",zt,v(f.$t("components.form.label.name")),1),o(U,null,{default:t(()=>[o(V,Y(l,{invalid:k.length>0,loading:e(K),type:"text"}),null,16,["invalid","loading"])]),_:2},1024),o(W,{name:"fade"},{default:t(()=>[o(e(N),{name:"name",class:"cui-input-error"})]),_:1})]),_:1},8,["modelValue"])),e(A)?_("",!0):(s(),g(e(q),{key:1,"model-value":r.data.url,name:"url",as:"div",class:"flex flex-col field-gap"},{default:t(({field:l,errors:k})=>[n("label",Wt,v(f.$t("components.form.label.url")),1),o(U,null,{default:t(()=>[o(V,Y(l,{invalid:k.length>0,loading:e(K),type:"text",readonly:""}),null,16,["invalid","loading"])]),_:2},1024),o(W,{name:"fade"},{default:t(()=>[o(e(N),{name:"url",class:"cui-input-error"})]),_:1})]),_:2},1032,["model-value"])),e(oe)?(s(),g(e(q),{key:2,modelValue:e(u),"onUpdate:modelValue":w[3]||(w[3]=l=>ne(u)?u.value=l:null),modelModifiers:{trim:!0},name:"username",as:"div",class:"flex flex-col field-gap"},{default:t(({field:l,errors:k})=>[n("label",Nt,v(f.$t("components.form.label.username")),1),o(U,null,{default:t(()=>[o(V,Y(l,{invalid:k.length>0,loading:e(K),type:"text"}),null,16,["invalid","loading"])]),_:2},1024),o(W,{name:"fade"},{default:t(()=>[o(e(N),{name:"username",class:"cui-input-error"})]),_:1})]),_:1},8,["modelValue"])):_("",!0),e(oe)?(s(),g(e(q),{key:3,modelValue:e(S),"onUpdate:modelValue":w[4]||(w[4]=l=>ne(S)?S.value=l:null),name:"password",as:"div",class:"flex flex-col field-gap"},{default:t(({field:l,errors:k})=>[n("label",Kt,v(f.$t("components.form.label.password")),1),o(U,null,{default:t(()=>[o(Pe,Y({invalid:k.length>0},l,{loading:e(K),feedback:!1,"toggle-mask":""}),null,16,["invalid","loading"])]),_:2},1024),o(W,{name:"fade"},{default:t(()=>[o(e(N),{name:"password",class:"cui-input-error"})]),_:1})]),_:1},8,["modelValue"])):_("",!0),r.data.type==="HomeKit"?(s(),g(e(q),{key:4,modelValue:e(H),"onUpdate:modelValue":w[5]||(w[5]=l=>ne(H)?H.value=l:null),modelModifiers:{trim:!0},name:"pin",as:"div",class:"flex flex-col field-gap"},{default:t(({field:l,errors:k})=>[n("label",Yt,v(f.$t("components.form.label.pin")),1),o(U,null,{default:t(()=>[o(V,Y(l,{invalid:k.length>0,loading:e(K),type:"text",maxlength:8}),null,16,["invalid","loading"])]),_:2},1024),o(W,{name:"fade"},{default:t(()=>[o(e(N),{name:"pin",class:"cui-input-error"})]),_:1})]),_:1},8,["modelValue"])):_("",!0),o(e(q),{modelValue:r.data.type,"onUpdate:modelValue":l=>r.data.type=l,name:"type",as:"div",class:"hidden"},null,8,["modelValue","onUpdate:modelValue"]),e(A)?_("",!0):(s(),g(a,{key:5,loading:e(K),label:f.$t("components.dialog.components.new_camera.add_camera"),class:"cui-button-md w-full md:w-auto md:ml-auto",onClick:ce},null,8,["loading","label"]))]),_:2},1032,["validation-schema"])]),default:t(()=>[o(be,{"header-class":"w-10"},{body:t(r=>[r.data.type==="Google"?G((s(),g(a,{key:0,text:"",rounded:"",class:"cui-icon-md"},{icon:t(()=>[o(ae,{width:"100%",height:"100%"})]),_:1})),[[X,{value:"Google Nest"}]]):_("",!0),r.data.type==="Ring"?G((s(),g(a,{key:1,text:"",rounded:"",class:"cui-icon-md"},{icon:t(()=>[o(ee,{class:"text-blue-500",width:"100%",height:"100%"})]),_:1})),[[X,{value:"Ring"}]]):_("",!0),r.data.type==="Roborock"?G((s(),g(a,{key:2,text:"",rounded:"",class:"cui-icon-md"},{icon:t(()=>[o($e,{class:"text-red-500",width:"100%",height:"100%"})]),_:1})),[[X,{value:"Roborock"}]]):_("",!0),r.data.type==="Hass"?G((s(),g(a,{key:3,text:"",rounded:"",class:"cui-icon-md"},{icon:t(()=>[o(fe,{class:"text-sky-500",width:"100%",height:"100%"})]),_:1})),[[X,{value:"Home Assistant"}]]):_("",!0),r.data.type==="HomeKit"?G((s(),g(a,{key:4,text:"",rounded:"",class:"cui-icon-md !bg-transparent"},{icon:t(()=>[o(le,{class:"text-yellow-500",width:"100%",height:"100%"})]),_:1})),[[X,{value:"HomeKit"}]]):_("",!0),r.data.type==="FFmpeg"?G((s(),g(a,{key:5,text:"",rounded:"",class:"cui-icon-md !bg-transparent"},{icon:t(()=>[o(_e,{class:"text-green-500",width:"100%",height:"100%"})]),_:1})),[[X,{value:"FFmpeg"}]]):_("",!0),r.data.type==="Onvif"?G((s(),g(a,{key:6,text:"",rounded:"",class:"cui-icon-md !bg-transparent"},{icon:t(()=>[o(ve,{width:"100%",height:"100%"})]),_:1})),[[X,{value:"Onvif"}]]):_("",!0),r.data.type==="Webtorrent"?G((s(),g(a,{key:7,text:"",rounded:"",class:"cui-icon-md !bg-transparent"},{icon:t(()=>[o(ge,{width:"100%",height:"100%"})]),_:1})),[[X,{value:"WebTorrent"}]]):_("",!0),r.data.type==="GoPro"?G((s(),g(a,{key:8,text:"",rounded:"",class:"cui-icon-md !bg-transparent"},{icon:t(()=>[o(Te,{width:"100%",height:"100%"})]),_:1})),[[X,{value:"GoPro"}]]):_("",!0),r.data.type==="DVRip"?G((s(),g(a,{key:9,text:"",rounded:"",class:"cui-icon-md !bg-transparent"},{icon:t(()=>[o(Re,{width:"100%",height:"100%"})]),_:1})),[[X,{value:"DVRip"}]]):_("",!0)]),_:1}),o(be,{field:"name",header:f.$t("components.form.label.camera")},{body:t(r=>[n("div",Ot,[n("span",Ut,v(r.data.name),1),r.data.type!=="Google"&&r.data.type!=="Roborock"&&r.data.type!=="Ring"?(s(),p("span",Dt,v(r.data.url),1)):_("",!0),r.data.info?(s(),p("span",qt,v(r.data.info),1)):_("",!0)])]),_:1},8,["header"])]),_:1},8,["selection","expanded-rows","value","loading"])):(s(),p("div",Gt,[n("span",Bt,v(f.$t("components.dialog.components.new_camera.no_cameras_found")),1),o(a,{severity:"primary",label:f.$t("components.dialog.components.new_camera.scan_again"),onClick:ie},null,8,["label"])]))])])]}),_:1})])}}}),Qt={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Jt($,d){return s(),p("svg",Qt,d[0]||(d[0]=[n("path",{fill:"currentColor",d:"M12.5 9q-.275 0-.425-.25t0-.5L15 3.175q.2-.325.5-.387t.65.112q1.725.775 3.05 2.162T21.25 8.2q.125.325-.038.563T20.7 9zm-3.575 1.225l-3-5.2q-.2-.325-.1-.65t.4-.525Q7.425 3 8.888 2.5T12 2q.375 0 .825.038t.75.087q.35.05.463.3t-.063.55L9.8 10.225q-.15.25-.437.25t-.438-.25M2.85 14q-.275 0-.5-.187t-.275-.463t-.062-.6T2 12q0-1.575.513-3.137T4.1 5.9q.275-.35.638-.35t.562.375l4.2 7.325q.15.25-.012.5T9.05 14zm5 7.1q-1.65-.8-3.025-2.175T2.75 15.8q-.125-.325.05-.562T3.325 15h8.15q.275 0 .425.25t0 .5l-2.875 5.025q-.2.325-.5.425t-.675-.1M12 22q-.35 0-.788-.038t-.762-.087q-.35-.05-.475-.3t.05-.55l4.125-7.2q.15-.25.5-.25t.5.25l2.95 5.125q.175.275.113.6t-.413.6q-1.15.85-2.687 1.35T12 22m6.775-3.875l-4.25-7.375q-.15-.25.013-.5t.437-.25h6.175q.275 0 .5.188t.275.462t.062.6T22 12q0 1.575-.513 3.163T19.9 18.125q-.2.275-.575.288t-.55-.288"},null,-1)]))}const Zt=J({name:"material-symbols-camera-rounded",render:Jt}),en={viewBox:"0 0 12 12",width:"1.2em",height:"1.2em"};function on($,d){return s(),p("svg",en,d[0]||(d[0]=[n("path",{fill:"currentColor",d:"M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 0 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06"},null,-1)]))}const tn=J({name:"fluent-chevron-down12-filled",render:on}),nn="#### Source: Bubble\n\nOther names: [ESeeCloud](http://www.eseecloud.com/), [dvr163](http://help.dvr163.com/).\n\n- you can skip `username`, `password`, `port`, `ch` and `stream` if they are default\n- setup separate streams for different channels and streams\n\n```yaml\nstreams:\n  camera1: bubble://username:password@192.168.1.123:34567/bubble/live?ch=0&stream=0\n```\n\n_Source: [Go2Rtc Bubble](https://github.com/AlexxIT/go2rtc#source-bubble)_\n",an='#### Source: CUI\n\nThis source can be used to stream dynamically generated, go2rtc compatible, URLs. The source is just a placeholder for a `https://` URL.\n\n```yaml\nstreams:\n  camera1: cui://192.168.1.123:34567/some-identifier-if-you-want\n```\n\nThe URL will be changed to `https://192.168.1.123:34567/some-identifier-if-you-want` and the response must be like this:\n\n```json\n{\n  {\n    "streamUrl": "rtsp://192.168.1.1:554/stream",\n  }\n}\n```\n\nGo2rtc will then use the `streamUrl` to stream the video. The `streamUrl` can be any URL that is compatible with go2rtc. The response must be a valid JSON object with the `streamUrl` key.\n',sn=`#### Source: Doorbird

package/dist/interface/js/Cammesh.bs93Or8F.0.0.70.js

@@ -0,0 +1 @@
+import{z as i}from"./main.D2NZuTnM.0.0.70.js";import{c as m,d as p,e as r,I as e}from"./@vue.BsSvBeCe.0.0.70.js";import"./@tanstack.Dk2rc1Gz.0.0.70.js";import"./primevue.BVVo-ukB.0.0.70.js";import"./@primeuix.bRNqZjQz.0.0.70.js";import"./@primevue.DH9ak_9x.0.0.70.js";import"./@vueuse.T3qy5Jq4.0.0.70.js";import"./nprogress.DuNJBXnf.0.0.70.js";import"./@xterm.CJZZM5vf.0.0.70.js";import"./axios.lj9VQs0f.0.0.70.js";import"./vue-i18n.BLwVbi61.0.0.70.js";import"./@intlify.6ljJeWIl.0.0.70.js";import"./pinia.BeBGFuqK.0.0.70.js";import"./vue-router.BQuUBAAr.0.0.70.js";import"./vue-inline-svg.B52C1cW8.0.0.70.js";import"./vee-validate.DwwGVNzx.0.0.70.js";import"./@vee-validate.i4o6WINE.0.0.70.js";import"./zod.2bfLsWMZ.0.0.70.js";import"./uuid.C6aID195.0.0.70.js";import"./socket.io-client.DC_wUGxw.0.0.70.js";import"./engine.io-client.CnosWdRP.0.0.70.js";import"./engine.io-parser.BiEtp6m2.0.0.70.js";import"./@socket.io.Dkula2eQ.0.0.70.js";import"./socket.io-parser.ChgZ8FD_.0.0.70.js";import"./rxjs.UbFxmZ7q.0.0.70.js";import"./tslib.9k7AwCpt.0.0.70.js";import"./highlight.js.DTPofZhc.0.0.70.js";import"./markdown-it.VQvmcJVu.0.0.70.js";import"./mdurl.k9Sl0PQj.0.0.70.js";import"./uc.micro.kMc2yuuw.0.0.70.js";import"./entities.C20TfXL6.0.0.70.js";import"./linkify-it.imhCvGRq.0.0.70.js";import"./punycode.js.Dj65hjkv.0.0.70.js";import"./qrcode.D7KqKQTM.0.0.70.js";import"./dijkstrajs.C00ieaqj.0.0.70.js";import"./draggabilly.Cuzjcd7v.0.0.70.js";import"./get-size.D1dS-IaP.0.0.70.js";import"./unidragger.DahEY3cm.0.0.70.js";import"./ev-emitter.X5f1qa-c.0.0.70.js";import"./vue-zoomable.Cq7IVJt5.0.0.70.js";import"./primelocale.Bga3dOQu.0.0.70.js";const s={},a={class:"page-title"};function n(t,o){return p(),m("div",null,[r("h1",a,e(t.$t(`views.${String(t.$route.name).toLowerCase()}.title`)),1),o[0]||(o[0]=r("span",{class:"text-muted"},"WIP",-1))])}const X=i(s,[["render",n]]);export{X as default};

package/dist/interface/js/{Camview.CTs17jUK.0.0.69.js → Camview.R2Zpw-wS.0.0.70.js}

@@ -1 +1 @@
-import{b as Pe,l as Xt,e as Jt,d as ot,j as Kt,c as eo,P as to,a as oo}from"./primevue.CYqFPO0y.0.0.69.js";import{w as at,z as Ae,h as Ie,i as ao,y as nt,A as lt,D as rt,e as st,q as it,d as $e,c as ct,u as ut,U as dt,E as no,F as lo,a as ro,t as so,C as io,B as co,G as uo,H as mo,M as vo,I as po,J as go,K as fo,L as ho,N as _o,O as wo,P as yo,Q as Vo,R as Co,V as xo,W as Ho,X as Mo,Y as bo}from"./main.BNZUJnjG.0.0.69.js";import{_ as ko}from"./CuiTimeline.D24_kazZ.0.0.69.js";import{F as ge,c as h,d as o,e as c,B as K,t as oe,ac as J,z as De,r as O,k as B,w as fe,a4 as We,W as pe,h as e,R,N as Q,P as ne,I as ve,X as Se,Z as Re,O as se,M as T,$ as Zo,m as Te,V as Ze,L as _e,Y as mt,o as vt,a1 as $o,i as pt,a7 as Do,Q as gt}from"./@vue.BsSvBeCe.0.0.69.js";import{u as ft,a as ht,D as _t}from"./vue3-dnd.Cre7FigV.0.0.69.js";import"./fast-deep-equal.IL3J8jAG.0.0.69.js";import{A as wt,m as yt,w as Vt,l as Ee,b as So}from"./@vueuse.NhwSnX_y.0.0.69.js";import{H as Ct}from"./react-dnd-html5-backend.1HQjlkwI.0.0.69.js";import{T as xt}from"./react-dnd-touch-backend.ChJx6T3S.0.0.69.js";import{s as Be}from"./pinia.xXUM0Drf.0.0.69.js";import{u as Ge}from"./vue-i18n.BsJO9RBQ.0.0.69.js";import{F as Ro,E as Po,a as Ao}from"./vee-validate.CXzK59HL.0.0.69.js";import"./@primeuix.bRNqZjQz.0.0.69.js";import"./@primevue.C5r50LKM.0.0.69.js";import"./@tanstack.ESyaYTt8.0.0.69.js";import"./axios.lj9VQs0f.0.0.69.js";import"./vue-router.Cnp23wAe.0.0.69.js";import"./vue-inline-svg.1baioXR8.0.0.69.js";import"./@vee-validate.CeUgfPaH.0.0.69.js";import"./zod.2bfLsWMZ.0.0.69.js";import"./uuid.C6aID195.0.0.69.js";import"./socket.io-client.NZWSNJlD.0.0.69.js";import"./engine.io-client.B5m3FsEv.0.0.69.js";import"./engine.io-parser.BiEtp6m2.0.0.69.js";import"./@socket.io.Dkula2eQ.0.0.69.js";import"./socket.io-parser.3CqTF9_v.0.0.69.js";import"./rxjs.AXKlNjX-.0.0.69.js";import"./tslib.9k7AwCpt.0.0.69.js";import"./highlight.js.BSQb76p3.0.0.69.js";import"./@xterm.DHnCBlz-.0.0.69.js";import"./markdown-it.MLL3O76W.0.0.69.js";import"./mdurl.k9Sl0PQj.0.0.69.js";import"./uc.micro.kMc2yuuw.0.0.69.js";import"./entities.C20TfXL6.0.0.69.js";import"./linkify-it.DggZxsPz.0.0.69.js";import"./punycode.js.Dj65hjkv.0.0.69.js";import"./qrcode.D3FbUuTi.0.0.69.js";import"./dijkstrajs.C00ieaqj.0.0.69.js";import"./draggabilly.BoYjrLDK.0.0.69.js";import"./get-size.D1dS-IaP.0.0.69.js";import"./unidragger.UylmBmyV.0.0.69.js";import"./ev-emitter.X5f1qa-c.0.0.69.js";import"./vue-zoomable.DMxVl9qH.0.0.69.js";import"./primelocale.Bga3dOQu.0.0.69.js";import"./nprogress.BYU1Y2h8.0.0.69.js";import"./@intlify.6ljJeWIl.0.0.69.js";import"./dnd-core.D_qG7vz7.0.0.69.js";import"./redux.BFxtlG_c.0.0.69.js";import"./@react-dnd.CcwRs9xb.0.0.69.js";const zo={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Bo(v,t){return o(),h("svg",zo,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z"},null,-1)]))}const Io=ge({name:"mdi-drag-vertical",render:Bo}),To={class:"text-sm text-muted truncate"},Fo=K({__name:"ViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(v){const t=v,{isDropped:_,camera:I,canDrag:r}=oe(t),H=J("boxRef"),$=De(null),D=O(0),z=O(0),F=O(!1),{x:l,y:V,sourceType:S}=wt(),[C,A]=ft(()=>({type:"camera",options:{dropEffect:"copy"},item:I.value,canDrag:r.value,collect:d=>({style:{opacity:d.isDragging()?.4:1},isDragging:d.isDragging()})})),p=B(()=>C.value.isDragging),Z=B(()=>p.value&&S.value==="touch");fe(Z,d=>{d?M():j()});const M=()=>{var k;j(),F.value=!0;const d=(k=H.value)==null?void 0:k.getBoundingClientRect();d&&(D.value=l.value-d.left,z.value=V.value-d.top,w())},j=()=>{F.value=!1,L(),D.value=0,z.value=0},w=()=>{if(L(),!!H.value)try{const d=H.value.cloneNode(!0),k=H.value.getBoundingClientRect();d.style.width=`${k.width}px`,d.style.height=`${k.height}px`,d.classList.add("drag-preview"),d.style.position="fixed",d.style.left=`${l.value-D.value}px`,d.style.top=`${V.value-z.value}px`,document.body.appendChild(d),$.value=d}catch(d){console.error("Error creating drag preview:",d)}},L=()=>{if($.value&&document.body.contains($.value))try{document.body.removeChild($.value)}catch(d){console.error("Error removing preview:",d)}$.value=null};fe([l,V],()=>{b()},{flush:"sync"});const b=()=>{!$.value||!F.value||requestAnimationFrame(()=>{if(!$.value)return;const d=l.value-D.value,k=V.value-z.value;$.value.style.left=`${d}px`,$.value.style.top=`${k}px`})};return We(()=>{j()}),(d,k)=>{const N=Io,Y=at,le=Pe;return o(),h("div",{ref_key:"boxRef",ref:H},[c("div",{ref:e(A),style:pe(e(C).style)},[R(le,{disabled:e(_),fluid:"",severity:"secondary",class:"cui-rounded-corner dark-mode shadow-sm items-center justify-normal cursor-not-allowed",style:pe({cursor:e(_)?"not-allowed":"grab"})},{default:Q(()=>[R(N,{size:"20",class:"text-muted mr-2"}),R(Y,{"camera-name":e(I).name,width:"110px",class:ne(["cui-rounded-corner shadow-md overflow-hidden",{"opacity-30":e(_)}]),"image-container-class":"w-full h-full"},null,8,["camera-name","class"]),c("span",To,ve(e(I).name),1)]),_:1},8,["disabled","style"])],4)],512)}}}),Lo=Ae(Fo,[["__scopeId","data-v-3164a06c"]]),Ht={WIDTH:400},Oo={class:"text-lg font-semibold text-white"},Eo={class:"flex flex-col gap-3 w-full h-full overflow-y-auto"},Wo={class:"cui-label"},Go=K({__name:"ViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},emits:["changeViewSize"],setup(v,{emit:t}){const _=t,I=v,{cameras:r,droppedCameras:H,title:$}=oe(I),D=O(!1),z=F=>H.value.some(l=>l.name===F.name);return(F,l)=>{const V=Pe,S=Lo;return o(),h("div",{class:"sidebar-view-background flex flex-col p-2 border-l-[1px] border-color gap-4",style:pe({width:`${e(Ht).WIDTH}px`})},[c("span",Oo,ve(e($)),1),c("div",Eo,[R(V,{fluid:"",label:"Change grid size",class:"cui-button-small dark-mode shrink-0 my-4",onClick:l[0]||(l[0]=C=>_("changeViewSize"))}),c("label",Wo,ve(F.$t("components.view_box.available_streams")),1),(o(!0),h(Se,null,Re(e(r),(C,A)=>(o(),h("div",{key:A},[R(S,{camera:C,"is-dropped":z(C),"can-drag":!z(C),class:ne({shake:e(D)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])],4)}}}),jo={key:1,class:"w-full h-full flex items-center justify-center"},Qo=K({__name:"ViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},cameraCardProps:{},onDrop:{type:Function}},emits:["drop","remove","expand"],setup(v,{expose:t,emit:_}){const{lgBreakpoint:I}=Ie(),r=_,H=v,{lastDroppedCamera:$,editMode:D,cameras:z,droppedCameras:F,cameraCardProps:l}=oe(H),V=J("menuRef"),S=J("containerRef"),C=J("playerRef"),{width:A}=yt(S),[p,Z]=ht({accept:"camera",drop:H.onDrop,collect:s=>({isOver:s.isOver(),canDrop:s.canDrop()&&$.value===void 0}),canDrop:()=>$.value===void 0}),M=B(()=>p.value.canDrop&&p.value.isOver),j=B(()=>D.value?M.value?"#171717":"#202020":"#000"),w=B(()=>A.value<=200),L=B(()=>z.value.filter(s=>!d(s))),b=B(()=>{const s=[];for(const i of L.value)s.push({label:i.name,onClick:()=>r("drop",i)});return s}),d=s=>F.value.some(i=>i.name===s.name);return t({togglePlayerMute:s=>{var i;(i=C.value)==null||i.toggleMute(s)},toggleMicrophone:async(s,i)=>{var u;await((u=C.value)==null?void 0:u.toggleMicrophone(s,i))},togglePlayerActivityMode:s=>{var i;(i=C.value)==null||i.toggleActivityMode(s)},togglePlayerSourceRole:async s=>{var i;await((i=C.value)==null?void 0:i.toggleSourceRole(s))},togglePlayerStreamingMode:async s=>{var i;await((i=C.value)==null?void 0:i.toggleStreamingMode(s))},togglePlayerDetectionClass:s=>{var i;(i=C.value)==null||i.toggleDetectionClass(s)}}),(s,i)=>{var te;const u=ao,y=Pe,ae=nt,de=at,E=lt,ee=rt;return o(),h("div",{ref:e(Z),style:pe({backgroundColor:e(j)}),class:"overflow-hidden"},[e($)?(o(),h("div",{key:0,ref_key:"containerRef",ref:S,class:"w-full h-full flex items-center justify-center relative"},[e(D)?(o(),T(y,{key:0,class:ne(["z-1",{"cui-icon-lg":e(w),"cui-button-small":!e(w)}]),label:e(w)?void 0:e($).name,onClick:i[0]||(i[0]=Zo(P=>r("remove",e($)),["prevent"]))},{icon:Q(()=>[R(u)]),_:1},8,["class","label"])):se("",!0),R(Ze,{name:"fade",mode:"in-out"},{default:Q(()=>[e($)&&!e(D)?(o(),T(ae,Te({key:0,ref_key:"playerRef",ref:C},e(l),{"camera-info":e($),class:"w-full h-full",onExpand:i[1]||(i[1]=P=>r("expand",e($)))}),null,16,["camera-info"])):e($)?(o(),T(de,{key:1,"camera-name":e($).name,class:"absolute w-full h-full top-0 left-0 bg-black/50 opacity-20","image-container-class":"w-full h-full"},null,8,["camera-name"])):se("",!0)]),_:1})],512)):!e(I)&&e(D)?(o(),h("div",jo,[R(y,{text:"",rounded:"",class:"cui-icon-md",onClick:(te=e(V))==null?void 0:te.toggleMenu},{icon:Q(()=>[R(E,{width:"100%",height:"100%"})]),_:1},8,["onClick"])])):se("",!0),R(ee,{ref_key:"menuRef",ref:V,items:e(b)},null,8,["items"])],4)}}}),No={class:"w-full h-full flex flex-row"},Uo=K({__name:"CuiCameraView",props:{cameras:{},viewSize:{default:1},cards:{},title:{},editMode:{type:Boolean,default:!1},cameraCardProps:{}},emits:["drop","remove","changeViewSize"],setup(v,{expose:t,emit:_}){const{isTouch:I}=st(),{lgBreakpoint:r}=Ie(),H=_,$=v,{cameras:D,editMode:z,viewSize:F,cards:l,title:V,cameraCardProps:S}=oe($),C=J("cameraViewRef"),A=J("viewSidebarRef"),p=J("dragContainerRef"),Z=O(),{isFullscreen:M,toggle:j}=Vt(C),{height:w}=Ee(C),L=B(()=>(w.value-16)*(16/9)),b=B(()=>l.value.filter(u=>u.lastDroppedCamera).map(u=>u.lastDroppedCamera)),d=B(()=>Z.value!==void 0?1:F.value),k=(u,y)=>{Z.value=Z.value===y?void 0:y};return t({toggleFullscreen:async()=>{await j()},toggleAllPlayerMute:u=>{for(const y of p.value||[])y.togglePlayerMute(u)},toggleAllPlayerMicrophone:async(u,y)=>{await Promise.allSettled((p.value||[]).map(ae=>ae.toggleMicrophone(u,y)))},toggleAllPlayerActivityMode:u=>{for(const y of p.value||[])y.togglePlayerActivityMode(u)},toggleAllPlayerSourceRole:async u=>{await Promise.allSettled((p.value||[]).map(y=>y.togglePlayerSourceRole(u)))},toggleAllPlayerStreamingMode:async u=>{await Promise.allSettled((p.value||[]).map(y=>y.togglePlayerStreamingMode(u))||[])},toggleAllPlayerDetectionClass:u=>{for(const y of p.value||[])y.togglePlayerDetectionClass(u)},isFullscreen:M}),(u,y)=>{const ae=Qo,de=Go;return o(),T(e(_t),{backend:e(I)?e(xt):e(Ct)},{default:Q(()=>[c("div",No,[c("div",{ref_key:"cameraViewRef",ref:C,class:ne(["view-container w-full flex items-center justify-center",{"px-2":e(z)&&e(r)}])},[c("div",{class:ne(["w-full aspect-video relative",`camera-view-${e(d)}`]),style:pe({maxWidth:`${e(L)}px`})},[(o(!0),h(Se,null,Re(e(l),(E,ee)=>_e((o(),T(ae,{ref_for:!0,ref_key:"dragContainerRef",ref:p,key:ee,class:ne([`div${ee+1}-${e(d)}`]),"last-dropped-camera":E.lastDroppedCamera,cameras:e(D),"dropped-cameras":e(b),"edit-mode":e(z),"camera-card-props":e(S),onExpand:te=>k(te,ee),onDrop:te=>H("drop",ee,te),onRemove:y[0]||(y[0]=te=>H("remove",te))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","camera-card-props","onExpand","onDrop"])),[[mt,e(Z)===void 0||e(Z)===ee]])),128))],6)],2),e(z)&&e(r)?(o(),T(de,{key:0,ref_key:"viewSidebarRef",ref:A,cameras:e(D),"dropped-cameras":e(b),title:e(V),class:"view-box shadow-xl",style:pe({"margin-right":e(z)?"0px":`-${e(Ht).WIDTH}px`}),onChangeViewSize:y[1]||(y[1]=E=>H("changeViewSize"))},null,8,["cameras","dropped-cameras","title","style"])):se("",!0)])]),_:1},8,["backend"])}}}),qo=Ae(Uo,[["__scopeId","data-v-d9a3515d"]]),Yo=["data-handler-id"],Xo=K({__name:"DnDCard",props:{id:{},index:{},camera:{},cameraCardProps:{},moveCard:{type:Function}},emits:["expand"],setup(v,{expose:t,emit:_}){const I=it(),r=_,H=v,{camera:$,cameraCardProps:D}=oe(H),{uiSettings:z}=Be(I),F=J("playerRef"),l=J("boxRef"),V=De(),S=De(null),C=O(0),A=O(0),p=O(!1),Z=B(()=>z.value.camview.dragDisabled===!1),{x:M,y:j,sourceType:w}=wt(),[L,b]=ht({accept:"camera",collect(m){return{handlerId:m.getHandlerId()}},hover(m,f){var he;if(!V.value)return;const U=m.index,ie=H.index;if(U===ie)return;const me=(he=V.value)==null?void 0:he.getBoundingClientRect(),ce=(me.bottom-me.top)/2,ue=f.getClientOffset().y-me.top;U<ie&&ue<ce||U>ie&&ue>ce||(H.moveCard(U,ie),m.index=ie)}}),[d,k]=ft({type:"camera",canDrag(){return Z.value},item:()=>({id:H.id,index:H.index}),collect:m=>({isDragging:m.isDragging()})}),{handlerId:N}=oe(L.value),Y=B(()=>d.value.isDragging),le=B(()=>Y.value&&w.value==="touch"),re=B(()=>Y.value?0:1);fe(le,m=>{m?g():s()});const g=()=>{var f;s(),p.value=!0;const m=(f=l.value)==null?void 0:f.getBoundingClientRect();m&&(C.value=M.value-m.left,A.value=j.value-m.top,i())},s=()=>{p.value=!1,u(),C.value=0,A.value=0},i=()=>{if(u(),!l.value)return;const m=l.value.cloneNode(!0),f=l.value.getBoundingClientRect();m.style.width=`${f.width}px`,m.style.height=`${f.height}px`,m.classList.add("drag-preview"),document.body.appendChild(m),S.value=m},u=()=>{S.value&&document.body.contains(S.value)&&document.body.removeChild(S.value),S.value=null};fe([M,j],()=>{y()},{flush:"sync"});const y=()=>{!S.value||!p.value||requestAnimationFrame(()=>{if(!S.value)return;const m=M.value-C.value,f=j.value-A.value;S.value.style.left=`${m}px`,S.value.style.top=`${f}px`})},ae=m=>{V.value=k(b(m))},de=m=>{var f;(f=F.value)==null||f.toggleMute(m)},E=async(m,f)=>{var U;await((U=F.value)==null?void 0:U.toggleMicrophone(m,f))},ee=m=>{var f;(f=F.value)==null||f.toggleActivityMode(m)},te=async m=>{var f;await((f=F.value)==null?void 0:f.toggleSourceRole(m))},P=async m=>{var f;await((f=F.value)==null?void 0:f.toggleStreamingMode(m))},W=m=>{var f;(f=F.value)==null||f.toggleDetectionClass(m)};return We(()=>{s()}),t({togglePlayerMute:de,toggleMicrophone:E,togglePlayerActivityMode:ee,togglePlayerSourceRole:te,togglePlayerStreamingMode:P,togglePlayerDetectionClass:W}),(m,f)=>{const U=nt;return o(),h("div",{ref_key:"boxRef",ref:l,class:"camera-wrapper"},[c("div",{ref:ae,class:"camera-card",style:pe({opacity:re.value}),"data-handler-id":e(N)},[R(U,Te({ref_key:"playerRef",ref:F},e(D),{"camera-info":e($),class:"w-full h-full",onExpand:f[0]||(f[0]=ie=>r("expand",e($)))}),null,16,["camera-info"])],12,Yo)],512)}}}),Jo=Ae(Xo,[["__scopeId","data-v-3292dbd2"]]),Ko={class:"conference"},ea=K({__name:"CuiCameraDnD",props:{cameras:{},dbCameras:{},noDrag:{type:Boolean},cameraCardProps:{}},emits:["drag"],setup(v,{expose:t,emit:_}){const{isTouch:I}=st(),{smBreakpoint:r}=Ie(),H=_,$=v,{cameras:D,dbCameras:z,noDrag:F,cameraCardProps:l}=oe($),V=J("dndCardsRef"),S=J("cameraDndRef"),C=J("dishRef"),A=O([]),p=O(!1),Z=O(!0),M=O();let j,w;const L=yt(S),{isFullscreen:b,toggle:d}=Vt(S),{width:k,height:N}=So(),Y=B(()=>F.value||p.value),le=B(()=>{const P=A.value.length;return r.value||P<=1?1:P<=4?2:P<=9?3:P<=16?4:Math.ceil(Math.sqrt(P))}),re=B(()=>{const P=A.value.length,W=le.value;return Math.ceil(P/W)}),g=B(()=>{const P=L.width.value,W=L.height.value,m=16/9,f=le.value,U=re.value,ie=1,me=P-ie*(f-1),ce=W-ie*(U-1),xe=me/f,ue=ce/U;let he,Ve;return xe/m<=ue?(he=xe,Ve=he/m):(Ve=ue,he=Ve*m),{"--grid-cols":f,"--grid-rows":U,"--card-width":r.value?"100%":`${Math.floor(he)}px`,"--card-height":r.value?"auto":`${Math.floor(Ve)}px`,"--grid-gap":`${ie}px`}});fe(M,()=>{Z.value=!0,clearTimeout(w),w=setTimeout(()=>{Z.value=!1},300)}),fe([k,N],()=>{p.value=!0,clearTimeout(j),j=setTimeout(()=>{p.value=!1},100)}),fe(D,P=>{A.value=$e(P).sort((W,m)=>W.index-m.index)},{immediate:!0,deep:!0});const s=(P,W)=>{const m=A.value[P];A.value.splice(P,1),A.value.splice(W,0,m),A.value=A.value.map((f,U)=>(f.index=U,f)).sort((f,U)=>f.index-U.index),H("drag",A.value)},i=(P,W)=>{M.value=M.value===W?void 0:W},u=async()=>{await d()},y=P=>{for(const W of V.value||[])W.togglePlayerMute(P)},ae=async(P,W)=>{var m;await Promise.allSettled(((m=V.value)==null?void 0:m.map(f=>f.toggleMicrophone(P,W)))||[])},de=P=>{for(const W of V.value||[])W.togglePlayerActivityMode(P)},E=async P=>{var W;await Promise.allSettled(((W=V.value)==null?void 0:W.map(m=>m.togglePlayerSourceRole(P)))||[])},ee=async P=>{var W;await Promise.allSettled(((W=V.value)==null?void 0:W.map(m=>m.togglePlayerStreamingMode(P)))||[])},te=P=>{for(const W of V.value||[])W.togglePlayerDetectionClass(P)};return vt(()=>{w=setTimeout(()=>{Z.value=!1},100)}),We(()=>{clearTimeout(j),clearTimeout(w)}),t({toggleFullscreen:u,toggleAllPlayerMute:y,toggleAllPlayerMicrophone:ae,toggleAllPlayerActivityMode:de,toggleAllPlayerSourceRole:E,toggleAllPlayerStreamingMode:ee,toggleAllPlayerDetectionClass:te,isFullscreen:b,selectedCameras:A}),(P,W)=>{const m=Jo;return o(),T(e(_t),{backend:e(I)?e(xt):e(Ct)},{default:Q(()=>[c("div",{ref_key:"cameraDndRef",ref:S,class:"scenary"},[c("div",Ko,[R($o,{ref_key:"dishRef",ref:C,name:"list",tag:"div",class:"camera-grid relative",style:pe(e(g))},{default:Q(()=>[(o(!0),h(Se,null,Re(e(A),(f,U)=>_e((o(),T(m,{id:f.cameraId,ref_for:!0,ref_key:"dndCardsRef",ref:V,key:f.cameraId,index:U,camera:e(z).find(ie=>ie._id===f.cameraId),"move-card":s,"camera-card-props":e(l),class:ne({"cursor-pointer":!e(Y),"transition-transform":!e(p)&&!e(Y)&&!e(Z),"absolute top-[50%] translate-y-[-50%] !h-[auto]":e(M)===U}),onExpand:ie=>i(ie,U)},null,8,["id","index","camera","camera-card-props","class","onExpand"])),[[mt,e(M)===void 0||e(M)===U]])),128))]),_:1},8,["style"])])],512)]),_:1},8,["backend"])}}}),ta=Ae(ea,[["__scopeId","data-v-29b366c9"]]),oa={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function aa(v,t){return o(),h("svg",oa,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z"},null,-1)]))}const na=ge({name:"mdi-delete",render:aa}),la={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ra(v,t){return o(),h("svg",la,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M18 8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h9V6a3 3 0 0 0-3-3a3 3 0 0 0-3 3H7a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6 9a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2"},null,-1)]))}const sa=ge({name:"mdi-lock-open",render:ra}),ia={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ca(v,t){return o(),h("svg",ia,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M12 17a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2m6-9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3"},null,-1)]))}const ua=ge({name:"mdi-lock",render:ca}),da={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ma(v,t){return o(),h("svg",da,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z"},null,-1)]))}const va=ge({name:"mdi-chevron-down",render:ma}),pa={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ga(v,t){return o(),h("svg",pa,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"m8.471 7.237l3.056 12.992c.233.993 1.63 1.04 1.929.065l2.945-9.58l.384 1.527a1 1 0 0 0 .97.756H21a1 1 0 1 0 0-2h-2.466l-1.069-4.241c-.247-.981-1.628-1.017-1.925-.05l-2.912 9.472L9.475 2.771c-.24-1.02-1.688-1.03-1.943-.014l-2.065 8.24H3a1 1 0 0 0 0 2h3.247a1 1 0 0 0 .97-.757z"},null,-1)]))}const fa=ge({name:"fluent-pulse-24-filled",render:ga}),ha={viewBox:"0 0 16 16",width:"1.2em",height:"1.2em"};function _a(v,t){return o(),h("svg",ha,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M7.557 2.066A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.248.56L3.59 11H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.59l3.162-2.81a.75.75 0 0 1 .805-.124m5.393.984a.75.75 0 1 0-1.06 1.06a5.5 5.5 0 0 1 0 7.78a.75.75 0 1 0 1.06 1.06a7 7 0 0 0 0-9.9"},null,-1),c("path",{fill:"currentColor",d:"M10.828 5.172a.75.75 0 1 0-1.06 1.06a2.5 2.5 0 0 1 0 3.536a.75.75 0 1 0 1.06 1.06a4 4 0 0 0 0-5.656"},null,-1)]))}const wa=ge({name:"heroicons-speaker-wave-16-solid",render:_a}),ya={viewBox:"0 0 16 16",width:"1.2em",height:"1.2em"};function Va(v,t){return o(),h("svg",ya,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M7.557 2.066A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.248.56L3.59 11H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.59l3.162-2.81a.75.75 0 0 1 .805-.124M11.28 5.72a.75.75 0 1 0-1.06 1.06L11.44 8l-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22l1.22 1.22a.75.75 0 1 0 1.06-1.06L13.56 8l1.22-1.22a.75.75 0 0 0-1.06-1.06L12.5 6.94z"},null,-1)]))}const Ca=ge({name:"heroicons-speaker-x-mark-16-solid",render:Va}),xa={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Ha(v,t){return o(),h("svg",xa,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm-7 3H3V6h16v7h2V6c0-1.11-.89-2-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11z"},null,-1)]))}const Ma=ge({name:"mdi-card-plus-outline",render:Ha}),ba={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ka(v,t){return o(),h("svg",ba,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M13 3v8h8V3zM3 21h8v-8H3zM3 3v8h8V3zm10 13h3v-3h2v3h3v2h-3v3h-2v-3h-3z"},null,-1)]))}const Za=ge({name:"mdi-view-grid-plus",render:ka}),$a={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Da(v,t){return o(),h("svg",$a,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M12 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3m7 9c0 3.53-2.61 6.44-6 6.93V21h-2v-3.07c-3.39-.49-6-3.4-6-6.93h2a5 5 0 0 0 5 5a5 5 0 0 0 5-5z"},null,-1)]))}const Sa=ge({name:"mdi-microphone",render:Da}),Ra={class:"flex flex-col gap-3"},Pa={class:"w-full h-full flex items-center justify-center relative"},Aa=K({__name:"AudioVisualizer",emits:["listening"],setup(v,{expose:t,emit:_}){const I=ct(),{t:r}=Ge(),H=_,$=pt("dialogRefProps"),D=J("canvasRef"),z=De(),F=De(),l=O(!1),V=B(()=>{var p;return!!((p=$.loading)!=null&&p.value)}),S=async()=>{var p;if(l.value)A();else try{z.value&&A();let Z;try{Z=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(N){I.add({severity:"warn",summary:r("components.toast.title_warn"),detail:"Can not enable AudioVisualizer, see console.",life:3e3}),console.warn("Can not enable AudioVisualizer",N);return}l.value=!0,H("listening",!0),z.value=new AudioContext;const M=z.value.createAnalyser();M.fftSize=1024,F.value=Z.getTracks(),z.value.createMediaStreamSource(Z).connect(M);const w=90,L=3;let b;const d=(p=D.value)==null?void 0:p.getContext("2d"),k=()=>{if(D.value&&d){const N=[],Y=[];d.clearRect(0,0,D.value.width,D.value.height),requestAnimationFrame(k);const le=M.frequencyBinCount,re=new Uint8Array(le);M.getByteFrequencyData(re),N.push(re);for(let u=0;u<N[0].length;u++)Y.push(0),N.forEach(y=>{Y[u]+=y[u]});const g=D.value.width/2,s=D.value.height/2,i=30;d.beginPath(),d.arc(g,s,i,0,2*Math.PI),d.lineWidth=1,d.stroke(),d.closePath();for(let u=0;u<w;u++){b=Y[u]*.4;const y=Math.PI*2/w,ae=g+Math.cos(y*u)*i,de=s+Math.sin(y*u)*i,E=g+Math.cos(y*u)*(i+b),ee=s+Math.sin(y*u)*(i+b);C(d,ae,de,E,ee,L)}l.value||d.clearRect(0,0,D.value.width,D.value.height)}};k()}catch(Z){A(),console.error(Z)}},C=(p,Z,M,j,w,L)=>{const b=p.createLinearGradient(Z,M,j,w);b.addColorStop(0,"#5b040f"),b.addColorStop(.5,"#b50b21"),b.addColorStop(.9,"#df2a4c"),b.addColorStop(1,"#df6380"),p.lineWidth=L,p.strokeStyle=b,p.beginPath(),p.moveTo(Z,M),p.lineTo(j,w),p.stroke(),p.closePath()},A=()=>{var p,Z;(p=z.value)==null||p.close(),z.value=void 0,(Z=F.value)==null||Z.forEach(M=>M.stop()),F.value=void 0,l.value=!1,H("listening",!1)};return Do(()=>{A()}),t({isLoading:V}),(p,Z)=>{const M=Sa,j=Pe;return o(),h("div",Ra,[c("span",null,ve(p.$t("components.dialog.message.intercom_info")),1),c("div",Pa,[R(j,{rounded:"",class:"w-[60px] h-[60px] absolute z-1",onClick:S},{icon:Q(()=>[R(M,{width:"100%",height:"100%"})]),_:1}),c("canvas",{ref_key:"canvasRef",ref:D,height:"300",width:"300"},null,512)])])}}}),za=["fill"],tt=K({__name:"CuiCameraGridIcon1",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm0 8h952v532H9V9Z"},null,-1)]),8,za))}}),Ba=["fill"],Ia=K({__name:"CuiCameraGridIcon10",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm726 275h226v130H735V276Zm-242 0h234v130H493V276Zm0 265V414h234v127H493ZM9 541V276h476v265H9Zm726 0V414h226v127H735ZM961 9v121H735V9h226ZM735 138h226v130H735V138ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Z"},null,-1)]),8,Ba))}}),Ta=["fill"],Fa=K({__name:"CuiCameraGridIcon12",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 275v129H810.5V276H961Zm-158.5 0v129h-152V276h152Zm-152 265V413h152v128h-152Zm-8-265v129H493V276h149.5ZM493 541V413h149.5v128H493ZM9 276h476v265H9V276Zm801.5 265V413H961v128H810.5ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z"},null,-1)]),8,Ta))}}),La=["fill"],Oa=K({__name:"CuiCameraGridIcon13",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M250 549.5h.5v-.5H961a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h233.5v.5h7.5Zm.5-273.5H485v129.5H250.5V276Zm-8 0v129.5H9V276h233.5ZM961 9v121H735V9h226ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Zm250 129h226v130H735V138Zm0 267.5V276h226v129.5H735ZM493 276h234v129.5H493V276Zm0 265V413.5h234V541H493Zm-242.5 0V413.5H485V541H250.5ZM9 541V413.5h233.5V541H9Zm726 0V413.5h226V541H735Z"},null,-1)]),8,La))}}),Ea=["fill"],Wa=K({__name:"CuiCameraGridIcon15",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M250 549.5h.5v-.5H961a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h233.5v.5h7.5Zm.5-144V276H485v129.5H250.5Zm-8-129.5v129.5H9V276h233.5Zm570 90H961v82H812.5v-82Zm-160 0h152v82h-152v-82ZM961 276v82H812.5v-82H961Zm-308.5 0h152v82h-152v-82Zm0 180h152v85h-152v-85ZM961 541H812.5v-85H961v85Zm-316.5-93H493v-82h151.5v82Zm0-172v82H493v-82h151.5Zm0 180v85H493v-85h151.5ZM485 413.5V541H250.5V413.5H485Zm-242.5 0V541H9V413.5h233.5ZM961 9v259H493V9h468ZM9 9h476v259H9V9Z"},null,-1)]),8,Ea))}}),Ga=["fill"],ja=K({__name:"CuiCameraGridIcon16",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 8v121.5H732.5V9H961ZM724.5 9v121.5H493V9h231.5ZM493 268V138.5h231.5V268H493Zm0 137.5V276h231.5v129.5H493Zm468 0H732.5V276H961v129.5ZM493 541V413.5h231.5V541H493Zm468 0H732.5V413.5H961V541Zm0-273H732.5V138.5H961V268ZM485 9v121.5H250.5V9H485ZM250.5 138.5H485V268H250.5V138.5ZM242.5 9v121.5H9V9h233.5ZM9 138.5h233.5V268H9V138.5ZM250.5 276H485v129.5H250.5V276Zm0 137.5H485V541H250.5V413.5Zm-8-137.5v129.5H9V276h233.5ZM9 541V413.5h233.5V541H9Z"},null,-1)]),8,Ga))}}),Qa=["fill"],Na=K({__name:"CuiCameraGridIcon20",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 94v82H812.5V95H961Zm-156.5 82h-152V95h152v82ZM961 9v78H812.5V9H961ZM652.5 9h152v78h-152V9Zm0 176h152v83h-152v-83ZM961 268H812.5v-83H961v83Zm-308.5 8h152v82h-152v-82Zm160 0H961v82H812.5v-82Zm-168-181v82H493V95h151.5Zm0-86v78H493V9h151.5ZM493 268v-83h151.5v83H493Zm0 90v-82h151.5v82H493ZM9 9h476v259H9V9Zm952 357v82H812.5v-82H961Zm-156.5 0v82h-152v-82h152Zm-152 90h152v85h-152v-85ZM961 541H812.5v-85H961v85ZM644.5 366v82H493v-82h151.5ZM493 541v-85h151.5v85H493ZM9 276h476v265H9V276Z"},null,-1)]),8,Qa))}}),Ua=["fill"],qa=K({__name:"CuiCameraGridIcon26",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{"fill-rule":"evenodd",d:"M1.5 9A7.5 7.5 0 0 1 9 1.5h952a7.5 7.5 0 0 1 7.5 7.5v532a7.5 7.5 0 0 1-7.5 7.5H9a7.5 7.5 0 0 1-7.5-7.5V9Zm960 168V94h-153v83h153Zm-160 0h-153V94h153v83Zm7-90h153V9a.5.5 0 0 0-.5-.5H808.5V87Zm-7-78.5V87h-153V8.5h153Zm0 175.5v84.5h-153V184h153Zm7 84.5V184h153v84.5h-153Zm-167-91.5V94h-149v83h149Zm0-90V8.5h-149V87h149Zm-149 97h149v84.5h-149V184Zm0 91.5H719V402H492.5V275.5Zm0 133.5v132.5H719V409H492.5Zm233.5 0v132.5h235a.5.5 0 0 0 .5-.5V409H726Zm235.5-7V275.5H726V402h235.5Zm-476-270V8.5H252V132h233.5ZM245 139H8.5v129.5H245V139Zm0-7V8.5H9a.5.5 0 0 0-.5.5v123H245Zm240.5 136.5V139H252v129.5h233.5Zm-477 7h157v81H8.5v-81Zm164 81v-81h153v81h-153Zm153 7h-153v83h153v-83Zm7 83v-83h153v83h-153Zm-7 7h-153v88h153v-88Zm7 88v-88h153v88h-153Zm0-185v-81h153v81h-153Zm-324 7h157v83H8.5v-83Zm0 90h157v88H9a.5.5 0 0 1-.5-.5v-87.5Z"},null,-1)]),8,Ua))}}),Ya=["fill"],Xa=K({__name:"CuiCameraGridIcon4",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 8v259H493V9h468ZM493 541V276h468v265H493ZM485 9v259H9V9h476ZM9 541V276h476v265H9Z"},null,-1)]),8,Ya))}}),Ja=["fill"],Ka=K({__name:"CuiCameraGridIcon6",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm641.5 187.5H961v171H650.5v-171ZM961 9v171.5H650.5V9H961ZM642.5 9v350.5H9V9h633.5ZM9 541V367.5h315.5V541H9Zm323.5-173.5h310V541h-310V367.5Zm318 0H961V541H650.5V367.5Z"},null,-1)]),8,Ja))}}),en=["fill"],tn=K({__name:"CuiCameraGridIcon7",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm725.5 275H961v130H734.5V276Zm0 265V414H961v127H734.5Zm-8-265v130H493V276h233.5ZM493 541V414h233.5v127H493ZM9 276h476v265H9V276ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z"},null,-1)]),8,en))}}),on=["fill"],an=K({__name:"CuiCameraGridIcon9",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M969.5 359v-.5h-.5V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V366.5h.5V359ZM961 187v171.5H651V187h310ZM651 541V366.5h310V541H651Zm-8-354v171.5H330V187h313ZM330 541V366.5h313V541H330Zm-8-354v171.5H9V187h313ZM9 541V366.5h313V541H9ZM961 9v170H651V9h310ZM643 9v170H330V9h313ZM322 9v170H9V9h313Z"},null,-1)]),8,on))}}),nn={for:"name",class:"cui-label"},ln={key:0,class:"flex flex-col gap-6 justify-center"},rn={key:0,class:"text-red-500 text-center mb-5"},sn={class:"md:max-h-[350px] overflow-y-auto"},cn={class:"block cui-label mb-3"},un={key:1,class:"flex flex-col gap-6 justify-center"},dn={key:0,class:"text-red-500 text-center mb-5"},mn={class:"md:max-h-[450px] overflow-y-auto"},vn={class:"block cui-label mb-3"},pn={class:"view-select-container"},gn=["onClick"],fn=K({__name:"CamviewForm",props:{form:{},type:{},cameras:{},views:{}},setup(v,{expose:t}){const _=new dt,I=ut(),r=ct(),{t:H}=Ge(),$=pt("dialogRefProps"),D=v,{user:z}=Be(I),{form:F,type:l,cameras:V,views:S}=oe(D),C=J("formRef"),A=O([1,4,6,7,9,10,12,13,15,16,20,26]),p=O(!0),Z=O(!0),M=O([]),j=O(!1),w=O(F.value?$e(F.value):{}),{mutateAsync:L,isPending:b}=_.createViewQuery(),{mutateAsync:d,isPending:k}=_.patchViewQuery(),N=B(()=>{var g;return!!((g=$.loading)!=null&&g.value||b.value||k.value)});fe(w,g=>{var s,i;for(const[u,y]of Object.entries(g))(s=C.value)==null||s.setFieldValue(u,y);g.viewSize&&(p.value=!1),(i=g.cameras)!=null&&i.length&&(Z.value=!1)},{deep:!0,immediate:!0}),fe(M,g=>{Z.value=g.length===0},{deep:!0});const Y=g=>{const s=M.value.findIndex(i=>i.name===g.name);s===-1?M.value.push(g):M.value.splice(s,1)},le=g=>{switch(g){case 1:return tt;case 4:return Xa;case 6:return Ka;case 7:return tn;case 9:return an;case 10:return Ia;case 12:return Fa;case 13:return Oa;case 15:return Wa;case 16:return ja;case 20:return Na;case 26:return qa;default:return tt}},re=async()=>{if(!C.value||!z.value)return;const g=S.value.find(s=>s.name===w.value.name);if(g&&!j.value)return r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("View already exists",g),null;if(l.value==="dnd"){if(Z.value)return r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("No cameras selected"),null;const s=M.value.map((u,y)=>({cameraId:u._id,index:y}));w.value.cameras=s,w.value.type="dnd",w.value.viewSize=1,C.value.setFieldValue("type","dnd"),C.value.setFieldValue("viewSize",1),C.value.setFieldValue("cameras",s);const i=await C.value.validate();return i!=null&&i.valid?j.value?await d({username:z.value.username,viewid:w.value._id,viewData:w.value}):await L({username:z.value.username,viewData:w.value}):(r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("Validation failed",i),null)}else{if(p.value)return r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("No view selected"),null;w.value.cameras=[],w.value.type="view",C.value.setFieldValue("type","view"),C.value.setFieldValue("cameras",[]);const s=await C.value.validate();return s!=null&&s.valid?$e(w.value):(r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("Validation failed",s),null)}};return vt(()=>{var g;M.value=((g=V.value)==null?void 0:g.filter(s=>{var i,u;return(u=(i=w.value)==null?void 0:i.cameras)==null?void 0:u.some(y=>y.cameraId===s._id)}))||[],j.value=Object.keys(w.value).length>0}),t({isLoading:N,onConfirm:re}),(g,s)=>{const i=Jt,u=Xt,y=ot,ae=Kt,de=lo;return o(),T(e(Ro),{ref_key:"formRef",ref:C,class:"flex flex-col gap-6","validation-schema":e(no),"initial-values":e(w)},{default:Q(()=>[R(e(Ao),{modelValue:e(w).name,"onUpdate:modelValue":s[0]||(s[0]=E=>e(w).name=E),modelModifiers:{trim:!0},name:"name",as:"div",class:"flex flex-col field-gap"},{default:Q(({field:E,errors:ee})=>[c("label",nn,ve(g.$t("components.form.label.name")),1),R(u,null,{default:Q(()=>[R(i,Te(E,{invalid:ee.length>0,loading:e(N),type:"text"}),null,16,["invalid","loading"])]),_:2},1024),R(Ze,{name:"fade"},{default:Q(()=>[R(e(Po),{name:"name",class:"cui-input-error"})]),_:1})]),_:1},8,["modelValue"]),R(y,{class:"m-0 py-3"}),e(l)==="dnd"?(o(),h("div",ln,[R(Ze,{name:"fade"},{default:Q(()=>[e(Z)?(o(),h("span",rn,ve(g.$t("components.form.error.no_cameras_selected")),1)):se("",!0)]),_:1}),c("div",sn,[c("label",cn,ve(g.$t("components.form.label.cameras")),1),(o(!0),h(Se,null,Re(e(V),(E,ee)=>(o(),h("div",{key:ee,class:"cui-list-item"},[R(de,{class:"h-14",active:e(M).some(te=>te.name===E.name),onClick:te=>Y(E)},{append:Q(()=>[R(ae,{"model-value":e(M).some(te=>te.name===E.name),"onUpdate:modelValue":te=>Y(E)},null,8,["model-value","onUpdate:modelValue"])]),default:Q(()=>[c("span",null,ve(E.name),1)]),_:2},1032,["active","onClick"])]))),128))])])):(o(),h("div",un,[R(Ze,{name:"fade"},{default:Q(()=>[e(p)?(o(),h("span",dn,ve(g.$t("components.form.error.no_view_selected")),1)):se("",!0)]),_:1}),c("div",mn,[c("label",vn,ve(g.$t("components.form.label.views")),1),c("div",pn,[(o(!0),h(Se,null,Re(e(A),E=>(o(),h("div",{key:E,class:"view-select-item w-full",onClick:ee=>e(w).viewSize=E},[c("div",{class:ne(["view-select-item-icon w-full p-3",{"selected-view":e(w).viewSize===E}])},[(o(),T(gt(le(E)),{style:{width:"100%",height:"100%"}}))],2),c("span",{class:ne(["view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners",{"selected-view-label":e(w).viewSize===E}])},ve(E)+" "+ve(g.$t("views.camview.cameras")),3)],8,gn))),128))])])]))]),_:1},8,["validation-schema","initial-values"])}}}),hn=Ae(fn,[["__scopeId","data-v-2519b92b"]]),_n={class:"w-full h-full pt-[55px] flex flex-row"},wn={key:3,class:"text-muted"},yn={class:"relative w-6 h-6"},fl=K({__name:"Camview",setup(v){var je;const t=new dt,_=new io,I=ut(),r=it(),H=ro(),$=so(),{smBreakpoint:D,mdBreakpoint:z,lgBreakpoint:F}=Ie(),{t:l}=Ge(),{uiSettings:V}=Be(r),{user:S}=Be(I),C=J("menuRef"),A=J("detectionMenuRef"),p=J("timelineRef"),Z=J("newViewMenuRef"),M=J("dndRef"),j=J("viewRef"),w=J("containerRef"),L=O({}),b=O(!1),d=O(!1),k=O(!1),N=O(["animal","motion","other","person","vehicle"]),Y=O(!1),le=O(!0),re=O("always-on"),g=O("low-resolution"),s=O("webrtc"),i=O([]),{data:u,isFetching:y}=_.getCamerasQuery({page:1,pageSize:-1}),{data:ae,isFetching:de}=t.getViewsQuery(((je=S.value)==null?void 0:je.username)??"",{page:1,pageSize:-1}),{mutate:E,isPending:ee}=t.removeViewQuery(),{mutateAsync:te,isPending:P}=t.createViewQuery(),{mutateAsync:W,isPending:m}=t.patchViewQuery(),{mutateAsync:f}=t.patchViewQuerySilent(),U=Ee(w),ie=Ee(p),me=B(()=>y.value||de.value||ee.value||P.value||m.value),ce=B(()=>b.value||k.value||d.value),xe=B(()=>{var n;return!!((n=ue.value)!=null&&n.isFullscreen)}),ue=B(()=>M.value??j.value),he=B(()=>$.showBottombar.value?co.HEIGHT:0),Ve=B(()=>({flatCard:!0,cameraNameOverlay:!0,control:!0,toolbar:!1,expandableCard:!0,sourceRole:g.value,activityMode:re.value,streamingMode:s.value})),Mt=B(()=>[{label:xe.value?l("components.form.tooltip.fullscreen_off"):l("components.form.tooltip.fullscreen_on"),icon:xe.value?uo:mo,command:zt},{label:le.value?l("components.form.tooltip.unmute"):l("components.form.tooltip.mute"),icon:le.value?Ca:wa,command:Bt},{label:l("components.form.tooltip.intercom"),icon:vo,command:()=>He("intercom")},{label:s.value==="auto"?`${l("components.form.tooltip.mode")}: ${l("components.form.tooltip.streaming_mode_auto")}`:s.value==="webrtc"?`${l("components.form.tooltip.mode")}: ${l("components.form.tooltip.streaming_mode_webrtc")}`:`${l("components.form.tooltip.mode")}: ${l("components.form.tooltip.streaming_mode_mse")}`,icon:s.value==="auto"?po:s.value==="webrtc"?go:fo,command:()=>Ft()},{label:re.value==="always-on"?l("components.form.tooltip.activity_mode_always_on"):re.value==="standby"?l("components.form.tooltip.activity_mode_standby"):l("components.form.tooltip.activity_mode_activity"),icon:re.value==="always-on"?ho:re.value==="standby"?_o:fa,command:()=>It()},{label:g.value==="auto"?`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_auto")}`:g.value==="low-resolution"?`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_low")}`:g.value==="mid-resolution"?`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_mid")}`:`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_high")}`,icon:g.value==="auto"?wo:g.value==="low-resolution"?yo:g.value==="mid-resolution"?Vo:Co,command:()=>Tt()}]),bt=B(()=>[{key:"animal",label:"Animal",toggle:!0,toggleState:N.value.includes("animal"),onClick:()=>be("animal")},{key:"motion",label:"Motion",toggle:!0,toggleState:N.value.includes("motion"),onClick:()=>be("motion")},{key:"other",label:"Other",toggle:!0,toggleState:N.value.includes("other"),onClick:()=>be("other")},{key:"person",label:"Person",toggle:!0,toggleState:N.value.includes("person"),onClick:()=>be("person")},{key:"vehicle",label:"Vehicle",toggle:!0,toggleState:N.value.includes("vehicle"),onClick:()=>be("vehicle")}]),q=B(()=>{var a,x;const n=((a=ae.value)==null?void 0:a.result.find(G=>G._id===V.value.camview.viewid))||((x=ae.value)==null?void 0:x.result[0]);return n?(L.value=n,V.value.camview.viewid=n._id):L.value={},n}),Fe=B(()=>ce.value&&L.value.viewSize>0?L.value.viewSize:q.value?q.value.viewSize:1),kt=B(()=>{var a,x;const n=[];for(const G of((a=ae.value)==null?void 0:a.result)||[])n.push({label:G.name,active:G._id===((x=q.value)==null?void 0:x._id),onClick:()=>$t(G)});return n}),Zt=B(()=>[{label:l("views.camview.new_view"),icon:Ma,onClick:()=>He("newView")},{label:l("views.camview.new_dnd"),icon:Za,onClick:()=>He("newDnd")}]);fe([Fe,q,u,ce,V],()=>{var a,x,G;if(((a=q.value)==null?void 0:a.type)==="dnd"&&!b.value&&!k.value)return;const n=Array.from({length:Fe.value}).map((we,ye)=>({accept:"camera",index:ye,lastDroppedCamera:void 0}));if(!k.value)for(const we of((x=q.value)==null?void 0:x.cameras)||[])n[we.index]&&(n[we.index].lastDroppedCamera=(G=u.value)==null?void 0:G.result.find(ye=>ye._id===we.cameraId));i.value=n},{deep:!0,immediate:!0});const He=n=>{var a,x;switch(n){case"newDnd":case"editDnd":case"newView":case"editView":let G="";const we=n.endsWith("Dnd"),ye=n.endsWith("View"),Le=n.startsWith("edit");n==="editDnd"&&(d.value=!0,G=l("components.dialog.title.edit_dnd")),n==="editView"&&(b.value=!0,G=l("components.dialog.title.edit_view")),n==="newView"&&(k.value=!0,G=l("components.dialog.title.new_view")),n==="newDnd"&&(G=l("components.dialog.title.new_dnd")),H.openComponentDialog(hn,{data:{title:G,loading:me,confirmText:ye?l("components.form.button.next"):void 0,contentProps:{form:Le?L.value:void 0,type:we?"dnd":"view",cameras:((a=u.value)==null?void 0:a.result)||[],views:((x=ae.value)==null?void 0:x.result)||[]}},onConfirm:ke=>{ke&&(ye?L.value=ke:ze(ke))},onCancel:()=>{k.value=!1},onSettled:()=>{d.value=!1}});break;case"intercom":H.openComponentDialog(Aa,{data:{title:l("components.dialog.title.intercom"),hideConfirmButton:!0,loading:me,contentProps:{}},events:{listening:Lt}});break;case"removeView":H.openTextDialog({data:{title:l("components.dialog.title.confirm"),confirmText:l("components.form.button.remove"),contentText:l("components.dialog.message.confirm_remove_layout"),confirmButtonProps:{severity:"danger"}},onConfirm:Dt});break}},$t=n=>{V.value.camview.viewid=n._id},Dt=()=>{!q.value||!S.value||E({username:S.value.username,viewid:q.value._id},{onSuccess:n=>{n.length?V.value.camview.viewid=n[0]._id:V.value.camview.viewid=void 0}})},St=async()=>{if(!S.value||Object.keys(L.value).length===0)return;const n=i.value.filter(x=>x.lastDroppedCamera).map(x=>({cameraId:x.lastDroppedCamera._id,index:x.index})).sort((x,G)=>x.index-G.index);if(!n.length)return;const a=$e(L.value);if(a.cameras=n,a._id){const x=await W({username:S.value.username,viewid:a._id,viewData:a});ze(x)}else{const x=await te({username:S.value.username,viewData:a});ze(x)}},Rt=(n,a)=>{i.value[n].lastDroppedCamera=a},Pt=n=>{i.value=i.value.map(a=>{var x;return((x=a.lastDroppedCamera)==null?void 0:x.name)===n.name&&(a.lastDroppedCamera=void 0),a})},At=async n=>{if(!q.value||!S.value)return;const a=$e(q.value);a.cameras=n;try{const x=await f({username:S.value.username,viewid:a._id,viewData:a});ze(x)}catch{}},ze=n=>{V.value.camview.viewid=n._id,k.value=!1,b.value=!1},zt=()=>{var n;(n=ue.value)==null||n.toggleFullscreen()},Bt=()=>{var n;le.value=!le.value,(n=ue.value)==null||n.toggleAllPlayerMute(le.value)},It=n=>{var x;let a=re.value;a=a==="always-on"?"standby":a==="standby"?"activity":"always-on",(x=ue.value)==null||x.toggleAllPlayerActivityMode(a),re.value=a},Tt=async n=>{var x;let a=g.value;a=a==="auto"?"low-resolution":a==="low-resolution"?"mid-resolution":a==="mid-resolution"?"high-resolution":"auto",await((x=ue.value)==null?void 0:x.toggleAllPlayerSourceRole(a)),g.value=a},Ft=async n=>{var x;let a=s.value;a=a==="auto"?"webrtc":a==="webrtc"?"mse":"auto",await((x=ue.value)==null?void 0:x.toggleAllPlayerStreamingMode(a)),s.value=a},Lt=async n=>{var a;await((a=ue.value)==null?void 0:a.toggleAllPlayerMicrophone(n))},be=n=>{var x;const a=N.value.indexOf(n);a>-1?N.value.splice(a,1):N.value.push(n),(x=ue.value)==null||x.toggleAllPlayerDetectionClass(n)};return(n,a)=>{var Qe,Ne,Ue,qe,Ye,Xe,Je,Ke,et;const x=va,G=Pe,we=ua,ye=sa,Le=xo,ke=Ho,Ot=Mo,Et=ot,Wt=na,Gt=bo,jt=lt,Qt=oo,Nt=ta,Ut=qo,qt=ko,Yt=to,Oe=rt,Ce=eo;return o(),h("div",null,[c("div",{ref_key:"containerRef",ref:w,class:"h-full w-full dark-mode relative"},[c("div",{class:"fixed flex flex-row h-[55px] w-full border-b-[1px] border-base-color p-2 pr-safe-offset-2 justify-between items-center gap-1 z-2",style:pe({background:"#101010",width:`calc(${e(U).width.value}px + env(safe-area-inset-right, 0px))`})},[!e(k)&&e(q)?(o(),T(G,{key:0,severity:"secondary",class:"cui-button-small",label:e(q).name,disabled:e(me)||e(b)||e(d),onClick:(Qe=e(C))==null?void 0:Qe.toggleMenu},{icon:Q(()=>{var X;return[R(x,{width:"18px",height:"18px",class:ne(["transform transition-transform duration-300",{"rotate-180":(X=e(C))==null?void 0:X.isOpen}])},null,8,["class"])]}),_:1},8,["label","disabled","onClick"])):e(k)&&e(L).name?(o(),T(G,{key:1,severity:"secondary",text:"",class:"cui-button-small",label:e(L).name,disabled:e(me)},null,8,["label","disabled"])):se("",!0),a[6]||(a[6]=c("div",{class:"ml-auto"},null,-1)),!e(ce)&&((Ne=e(q))==null?void 0:Ne.type)==="dnd"?_e((o(),T(G,{key:2,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[0]||(a[0]=X=>e(V).camview.dragDisabled=!e(V).camview.dragDisabled)},{icon:Q(()=>[e(V).camview.dragDisabled?(o(),T(we,{key:0,width:"100%",height:"100%"})):(o(),T(ye,{key:1,width:"100%",height:"100%"}))]),_:1})),[[Ce,{value:e(V).camview.dragDisabled?n.$t("components.form.tooltip.enable_drag"):n.$t("components.form.tooltip.disable_drag")},void 0,{bottom:!0}]]):se("",!0),!e(ce)&&e(q)?_e((o(),T(G,{key:3,fluid:"",text:"",severity:"contrast",class:ne(["cui-icon-lg not-hover:text-surface-400",{active:e(N).length}]),onClick:(Ue=e(A))==null?void 0:Ue.toggleMenu},{icon:Q(()=>[R(Le,{width:"100%",height:"100%"})]),_:1},8,["class","onClick"])),[[Ce,{value:n.$t("components.player.detections")},void 0,{top:!0}]]):se("",!0),!e(ce)&&!e(z)&&e(q)?_e((o(),T(G,{key:4,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[1]||(a[1]=X=>Y.value=!e(Y))},{icon:Q(()=>[e(Y)?(o(),T(Ot,{key:1,width:"100%",height:"100%"})):(o(),T(ke,{key:0,width:"100%",height:"100%"}))]),_:1})),[[Ce,{value:e(Y)?n.$t("components.form.tooltip.hide_timeline"):n.$t("components.form.tooltip.show_timeline")},void 0,{bottom:!0}]]):se("",!0),!e(ce)&&e(q)?(o(),T(Et,{key:5,layout:"vertical"})):se("",!0),!e(ce)&&e(q)?_e((o(),T(G,{key:6,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[2]||(a[2]=X=>He("removeView"))},{icon:Q(()=>[R(Wt,{width:"100%",height:"100%"})]),_:1})),[[Ce,{value:n.$t("components.form.tooltip.delete")},void 0,{bottom:!0}]]):se("",!0),!e(d)&&!e(b)&&!e(k)&&e(q)?_e((o(),T(G,{key:7,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[3]||(a[3]=X=>{var Me;return((Me=e(q))==null?void 0:Me.type)==="dnd"?He("editDnd"):b.value=!0})},{icon:Q(()=>[R(Gt,{width:"100%",height:"100%"})]),_:1})),[[Ce,{value:n.$t("components.form.tooltip.edit")},void 0,{bottom:!0}]]):se("",!0),!e(d)&&!e(b)&&!e(k)?_e((o(),T(G,{key:8,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:(qe=e(Z))==null?void 0:qe.toggleMenu},{icon:Q(()=>{var X;return[R(jt,{class:ne(["transform transition-transform duration-300",{"rotate-45":(X=e(Z))==null?void 0:X.isOpen}]),width:"100%",height:"100%"},null,8,["class"])]}),_:1},8,["onClick"])),[[Ce,{value:n.$t("components.form.tooltip.new")},void 0,{bottom:!0}]]):se("",!0),e(b)||e(k)?(o(),T(G,{key:9,severity:"secondary",class:"cui-button-small",label:n.$t("components.form.button.cancel"),onClick:a[4]||(a[4]=X=>e(b)?b.value=!1:k.value=!1)},null,8,["label"])):se("",!0),e(b)||e(k)?(o(),T(G,{key:10,disabled:e(i).every(X=>X.lastDroppedCamera===void 0),class:"cui-button-small",label:n.$t("components.form.button.save"),onClick:St},null,8,["disabled","label"])):se("",!0)],4),c("div",_n,[c("div",{class:"h-full flex items-center justify-center relative z-1",style:pe({width:`calc(100% - ${e(ie).width.value}px)`})},[e(me)||!e(ae)?(o(),T(Qt,{key:0,class:"w-[30px] h-[30px] m-0","stroke-width":"5"})):!e(k)&&!e(b)&&(e(d)||((Ye=e(q))==null?void 0:Ye.type)==="dnd")?(o(),h("div",{key:1,class:ne(["w-full h-full relative",{"p-2":!e(D)}])},[R(Nt,{ref_key:"dndRef",ref:M,cameras:((Xe=e(q))==null?void 0:Xe.cameras)||[],"db-cameras":((Je=e(u))==null?void 0:Je.result)||[],"no-drag":e(V).camview.dragDisabled,"camera-card-props":e(Ve),onDrag:At},null,8,["cameras","db-cameras","no-drag","camera-card-props"])],2)):!e(d)&&(e(k)||e(b)||((Ke=e(q))==null?void 0:Ke.type)==="view")?(o(),h("div",{key:2,class:ne(["w-full h-full",{"p-2":!(e(ce)&&e(F))}])},[(o(),T(Ut,{ref_key:"viewRef",ref:j,key:e(V).camview.viewid+(e(k)?"-new":e(b)?"-edit":"-view"),cameras:((et=e(u))==null?void 0:et.result)||[],"edit-mode":e(k)||e(b),"view-size":e(k)?e(L).viewSize:e(Fe),title:e(L).name,cards:e(i),"camera-card-props":e(Ve),onDrop:Rt,onRemove:Pt,onChangeViewSize:a[5]||(a[5]=X=>He("editView"))},null,8,["cameras","edit-mode","view-size","title","cards","camera-card-props"]))],2)):(o(),h("span",wn,ve(n.$t("views.camview.no_views_configured")),1))],4),R(Ze,{name:"slide-left"},{default:Q(()=>[!e(z)&&e(Y)?(o(),T(qt,{key:0,ref_key:"timelineRef",ref:p,type:"vertical","dark-mode":"",class:"h-full w-[300px] shrink-0 pt-2 pr-2 pb-2"},null,512)):se("",!0)]),_:1})])],512),!e(ce)&&e(q)?(o(),T(Yt,{key:0,model:e(Mt),direction:"up","transition-delay":80,"tooltip-options":{position:"left",event:void 0},class:ne(["absolute right-2 z-1",{"fixed right-safe-offset-2":e(D)}]),style:pe({bottom:e(D)?`calc(${e(he)}px + 0.5rem + env(safe-area-inset-bottom, 0px))`:"0.5rem",right:e(D)?"calc(0.5rem + env(safe-area-inset-right, 0px))":`calc(${e(ie).width.value}px + 0.5rem)`})},{button:Q(({visible:X,toggleCallback:Me})=>[R(G,{severity:"secondary",class:ne(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition",{"opacity-100":X}]),rounded:"",loading:e(me),onClick:Me},{icon:Q(()=>[c("div",yn,[c("div",{class:ne(["bg-white absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center",{"w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none":X}])},null,2),c("div",{class:ne(["bg-white absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100",{"opacity-0 scale-0":X}])},null,2),c("div",{class:ne(["bg-white absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center",{"w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none":X}])},null,2)])]),_:2},1032,["class","loading","onClick"])]),item:Q(({item:X,toggleCallback:Me})=>[_e((o(),T(G,Te({loading:e(me),severity:"secondary"},X.buttonProps,{rounded:"",onClick:Me}),{icon:Q(()=>[(o(),T(gt(X.icon)))]),_:2},1040,["loading","onClick"])),[[Ce,{value:X.label}]])]),_:1},8,["model","class","style"])):se("",!0),R(Oe,{ref_key:"menuRef",ref:C,items:e(kt)},null,8,["items"]),R(Oe,{ref_key:"newViewMenuRef",ref:Z,items:e(Zt)},null,8,["items"]),R(Oe,{ref_key:"detectionMenuRef",ref:A,items:e(bt),"sort-list":"","auto-hide":!1},null,8,["items"])])}}});export{fl as default};
+import{b as Pe,l as Xt,e as Jt,d as ot,j as Kt,c as eo,P as to,a as oo}from"./primevue.BVVo-ukB.0.0.70.js";import{w as at,z as Ae,h as Ie,i as ao,y as nt,A as lt,D as rt,e as st,q as it,d as $e,c as ct,u as ut,U as dt,E as no,F as lo,a as ro,t as so,C as io,B as co,G as uo,H as mo,M as vo,I as po,J as go,K as fo,L as ho,N as _o,O as wo,P as yo,Q as Vo,R as Co,V as xo,W as Ho,X as Mo,Y as bo}from"./main.D2NZuTnM.0.0.70.js";import{_ as ko}from"./CuiTimeline.DbPA3XCf.0.0.70.js";import{F as ge,c as h,d as o,e as c,B as K,t as oe,ac as J,z as De,r as O,k as B,w as fe,a4 as We,W as pe,h as e,R,N as Q,P as ne,I as ve,X as Se,Z as Re,O as se,M as T,$ as Zo,m as Te,V as Ze,L as _e,Y as mt,o as vt,a1 as $o,i as pt,a7 as Do,Q as gt}from"./@vue.BsSvBeCe.0.0.70.js";import{u as ft,a as ht,D as _t}from"./vue3-dnd.2Dj_EakH.0.0.70.js";import"./fast-deep-equal.D0g7BF3f.0.0.70.js";import{A as wt,m as yt,w as Vt,l as Ee,b as So}from"./@vueuse.T3qy5Jq4.0.0.70.js";import{H as Ct}from"./react-dnd-html5-backend.1HQjlkwI.0.0.70.js";import{T as xt}from"./react-dnd-touch-backend.4hAOsMRp.0.0.70.js";import{s as Be}from"./pinia.BeBGFuqK.0.0.70.js";import{u as Ge}from"./vue-i18n.BLwVbi61.0.0.70.js";import{F as Ro,E as Po,a as Ao}from"./vee-validate.DwwGVNzx.0.0.70.js";import"./@primeuix.bRNqZjQz.0.0.70.js";import"./@primevue.DH9ak_9x.0.0.70.js";import"./@tanstack.Dk2rc1Gz.0.0.70.js";import"./axios.lj9VQs0f.0.0.70.js";import"./vue-router.BQuUBAAr.0.0.70.js";import"./vue-inline-svg.B52C1cW8.0.0.70.js";import"./@vee-validate.i4o6WINE.0.0.70.js";import"./zod.2bfLsWMZ.0.0.70.js";import"./uuid.C6aID195.0.0.70.js";import"./socket.io-client.DC_wUGxw.0.0.70.js";import"./engine.io-client.CnosWdRP.0.0.70.js";import"./engine.io-parser.BiEtp6m2.0.0.70.js";import"./@socket.io.Dkula2eQ.0.0.70.js";import"./socket.io-parser.ChgZ8FD_.0.0.70.js";import"./rxjs.UbFxmZ7q.0.0.70.js";import"./tslib.9k7AwCpt.0.0.70.js";import"./highlight.js.DTPofZhc.0.0.70.js";import"./@xterm.CJZZM5vf.0.0.70.js";import"./markdown-it.VQvmcJVu.0.0.70.js";import"./mdurl.k9Sl0PQj.0.0.70.js";import"./uc.micro.kMc2yuuw.0.0.70.js";import"./entities.C20TfXL6.0.0.70.js";import"./linkify-it.imhCvGRq.0.0.70.js";import"./punycode.js.Dj65hjkv.0.0.70.js";import"./qrcode.D7KqKQTM.0.0.70.js";import"./dijkstrajs.C00ieaqj.0.0.70.js";import"./draggabilly.Cuzjcd7v.0.0.70.js";import"./get-size.D1dS-IaP.0.0.70.js";import"./unidragger.DahEY3cm.0.0.70.js";import"./ev-emitter.X5f1qa-c.0.0.70.js";import"./vue-zoomable.Cq7IVJt5.0.0.70.js";import"./primelocale.Bga3dOQu.0.0.70.js";import"./nprogress.DuNJBXnf.0.0.70.js";import"./@intlify.6ljJeWIl.0.0.70.js";import"./dnd-core.DuFbUDJC.0.0.70.js";import"./redux.BFxtlG_c.0.0.70.js";import"./@react-dnd.CcwRs9xb.0.0.70.js";const zo={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Bo(v,t){return o(),h("svg",zo,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M9 3h2v2H9zm4 0h2v2h-2zM9 7h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2zm-4 4h2v2H9zm4 0h2v2h-2z"},null,-1)]))}const Io=ge({name:"mdi-drag-vertical",render:Bo}),To={class:"text-sm text-muted truncate"},Fo=K({__name:"ViewDrag",props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(v){const t=v,{isDropped:_,camera:I,canDrag:r}=oe(t),H=J("boxRef"),$=De(null),D=O(0),z=O(0),F=O(!1),{x:l,y:V,sourceType:S}=wt(),[C,A]=ft(()=>({type:"camera",options:{dropEffect:"copy"},item:I.value,canDrag:r.value,collect:d=>({style:{opacity:d.isDragging()?.4:1},isDragging:d.isDragging()})})),p=B(()=>C.value.isDragging),Z=B(()=>p.value&&S.value==="touch");fe(Z,d=>{d?M():j()});const M=()=>{var k;j(),F.value=!0;const d=(k=H.value)==null?void 0:k.getBoundingClientRect();d&&(D.value=l.value-d.left,z.value=V.value-d.top,w())},j=()=>{F.value=!1,L(),D.value=0,z.value=0},w=()=>{if(L(),!!H.value)try{const d=H.value.cloneNode(!0),k=H.value.getBoundingClientRect();d.style.width=`${k.width}px`,d.style.height=`${k.height}px`,d.classList.add("drag-preview"),d.style.position="fixed",d.style.left=`${l.value-D.value}px`,d.style.top=`${V.value-z.value}px`,document.body.appendChild(d),$.value=d}catch(d){console.error("Error creating drag preview:",d)}},L=()=>{if($.value&&document.body.contains($.value))try{document.body.removeChild($.value)}catch(d){console.error("Error removing preview:",d)}$.value=null};fe([l,V],()=>{b()},{flush:"sync"});const b=()=>{!$.value||!F.value||requestAnimationFrame(()=>{if(!$.value)return;const d=l.value-D.value,k=V.value-z.value;$.value.style.left=`${d}px`,$.value.style.top=`${k}px`})};return We(()=>{j()}),(d,k)=>{const N=Io,Y=at,le=Pe;return o(),h("div",{ref_key:"boxRef",ref:H},[c("div",{ref:e(A),style:pe(e(C).style)},[R(le,{disabled:e(_),fluid:"",severity:"secondary",class:"cui-rounded-corner dark-mode shadow-sm items-center justify-normal cursor-not-allowed",style:pe({cursor:e(_)?"not-allowed":"grab"})},{default:Q(()=>[R(N,{size:"20",class:"text-muted mr-2"}),R(Y,{"camera-name":e(I).name,width:"110px",class:ne(["cui-rounded-corner shadow-md overflow-hidden",{"opacity-30":e(_)}]),"image-container-class":"w-full h-full"},null,8,["camera-name","class"]),c("span",To,ve(e(I).name),1)]),_:1},8,["disabled","style"])],4)],512)}}}),Lo=Ae(Fo,[["__scopeId","data-v-3164a06c"]]),Ht={WIDTH:400},Oo={class:"text-lg font-semibold text-white"},Eo={class:"flex flex-col gap-3 w-full h-full overflow-y-auto"},Wo={class:"cui-label"},Go=K({__name:"ViewSidebar",props:{cameras:{},droppedCameras:{},title:{}},emits:["changeViewSize"],setup(v,{emit:t}){const _=t,I=v,{cameras:r,droppedCameras:H,title:$}=oe(I),D=O(!1),z=F=>H.value.some(l=>l.name===F.name);return(F,l)=>{const V=Pe,S=Lo;return o(),h("div",{class:"sidebar-view-background flex flex-col p-2 border-l-[1px] border-color gap-4",style:pe({width:`${e(Ht).WIDTH}px`})},[c("span",Oo,ve(e($)),1),c("div",Eo,[R(V,{fluid:"",label:"Change grid size",class:"cui-button-small dark-mode shrink-0 my-4",onClick:l[0]||(l[0]=C=>_("changeViewSize"))}),c("label",Wo,ve(F.$t("components.view_box.available_streams")),1),(o(!0),h(Se,null,Re(e(r),(C,A)=>(o(),h("div",{key:A},[R(S,{camera:C,"is-dropped":z(C),"can-drag":!z(C),class:ne({shake:e(D)})},null,8,["camera","is-dropped","can-drag","class"])]))),128))])],4)}}}),jo={key:1,class:"w-full h-full flex items-center justify-center"},Qo=K({__name:"ViewCard",props:{lastDroppedCamera:{},editMode:{type:Boolean},cameras:{},droppedCameras:{},cameraCardProps:{},onDrop:{type:Function}},emits:["drop","remove","expand"],setup(v,{expose:t,emit:_}){const{lgBreakpoint:I}=Ie(),r=_,H=v,{lastDroppedCamera:$,editMode:D,cameras:z,droppedCameras:F,cameraCardProps:l}=oe(H),V=J("menuRef"),S=J("containerRef"),C=J("playerRef"),{width:A}=yt(S),[p,Z]=ht({accept:"camera",drop:H.onDrop,collect:s=>({isOver:s.isOver(),canDrop:s.canDrop()&&$.value===void 0}),canDrop:()=>$.value===void 0}),M=B(()=>p.value.canDrop&&p.value.isOver),j=B(()=>D.value?M.value?"#171717":"#202020":"#000"),w=B(()=>A.value<=200),L=B(()=>z.value.filter(s=>!d(s))),b=B(()=>{const s=[];for(const i of L.value)s.push({label:i.name,onClick:()=>r("drop",i)});return s}),d=s=>F.value.some(i=>i.name===s.name);return t({togglePlayerMute:s=>{var i;(i=C.value)==null||i.toggleMute(s)},toggleMicrophone:async(s,i)=>{var u;await((u=C.value)==null?void 0:u.toggleMicrophone(s,i))},togglePlayerActivityMode:s=>{var i;(i=C.value)==null||i.toggleActivityMode(s)},togglePlayerSourceRole:async s=>{var i;await((i=C.value)==null?void 0:i.toggleSourceRole(s))},togglePlayerStreamingMode:async s=>{var i;await((i=C.value)==null?void 0:i.toggleStreamingMode(s))},togglePlayerDetectionClass:s=>{var i;(i=C.value)==null||i.toggleDetectionClass(s)}}),(s,i)=>{var te;const u=ao,y=Pe,ae=nt,de=at,E=lt,ee=rt;return o(),h("div",{ref:e(Z),style:pe({backgroundColor:e(j)}),class:"overflow-hidden"},[e($)?(o(),h("div",{key:0,ref_key:"containerRef",ref:S,class:"w-full h-full flex items-center justify-center relative"},[e(D)?(o(),T(y,{key:0,class:ne(["z-1",{"cui-icon-lg":e(w),"cui-button-small":!e(w)}]),label:e(w)?void 0:e($).name,onClick:i[0]||(i[0]=Zo(P=>r("remove",e($)),["prevent"]))},{icon:Q(()=>[R(u)]),_:1},8,["class","label"])):se("",!0),R(Ze,{name:"fade",mode:"in-out"},{default:Q(()=>[e($)&&!e(D)?(o(),T(ae,Te({key:0,ref_key:"playerRef",ref:C},e(l),{"camera-info":e($),class:"w-full h-full",onExpand:i[1]||(i[1]=P=>r("expand",e($)))}),null,16,["camera-info"])):e($)?(o(),T(de,{key:1,"camera-name":e($).name,class:"absolute w-full h-full top-0 left-0 bg-black/50 opacity-20","image-container-class":"w-full h-full"},null,8,["camera-name"])):se("",!0)]),_:1})],512)):!e(I)&&e(D)?(o(),h("div",jo,[R(y,{text:"",rounded:"",class:"cui-icon-md",onClick:(te=e(V))==null?void 0:te.toggleMenu},{icon:Q(()=>[R(E,{width:"100%",height:"100%"})]),_:1},8,["onClick"])])):se("",!0),R(ee,{ref_key:"menuRef",ref:V,items:e(b)},null,8,["items"])],4)}}}),No={class:"w-full h-full flex flex-row"},Uo=K({__name:"CuiCameraView",props:{cameras:{},viewSize:{default:1},cards:{},title:{},editMode:{type:Boolean,default:!1},cameraCardProps:{}},emits:["drop","remove","changeViewSize"],setup(v,{expose:t,emit:_}){const{isTouch:I}=st(),{lgBreakpoint:r}=Ie(),H=_,$=v,{cameras:D,editMode:z,viewSize:F,cards:l,title:V,cameraCardProps:S}=oe($),C=J("cameraViewRef"),A=J("viewSidebarRef"),p=J("dragContainerRef"),Z=O(),{isFullscreen:M,toggle:j}=Vt(C),{height:w}=Ee(C),L=B(()=>(w.value-16)*(16/9)),b=B(()=>l.value.filter(u=>u.lastDroppedCamera).map(u=>u.lastDroppedCamera)),d=B(()=>Z.value!==void 0?1:F.value),k=(u,y)=>{Z.value=Z.value===y?void 0:y};return t({toggleFullscreen:async()=>{await j()},toggleAllPlayerMute:u=>{for(const y of p.value||[])y.togglePlayerMute(u)},toggleAllPlayerMicrophone:async(u,y)=>{await Promise.allSettled((p.value||[]).map(ae=>ae.toggleMicrophone(u,y)))},toggleAllPlayerActivityMode:u=>{for(const y of p.value||[])y.togglePlayerActivityMode(u)},toggleAllPlayerSourceRole:async u=>{await Promise.allSettled((p.value||[]).map(y=>y.togglePlayerSourceRole(u)))},toggleAllPlayerStreamingMode:async u=>{await Promise.allSettled((p.value||[]).map(y=>y.togglePlayerStreamingMode(u))||[])},toggleAllPlayerDetectionClass:u=>{for(const y of p.value||[])y.togglePlayerDetectionClass(u)},isFullscreen:M}),(u,y)=>{const ae=Qo,de=Go;return o(),T(e(_t),{backend:e(I)?e(xt):e(Ct)},{default:Q(()=>[c("div",No,[c("div",{ref_key:"cameraViewRef",ref:C,class:ne(["view-container w-full flex items-center justify-center",{"px-2":e(z)&&e(r)}])},[c("div",{class:ne(["w-full aspect-video relative",`camera-view-${e(d)}`]),style:pe({maxWidth:`${e(L)}px`})},[(o(!0),h(Se,null,Re(e(l),(E,ee)=>_e((o(),T(ae,{ref_for:!0,ref_key:"dragContainerRef",ref:p,key:ee,class:ne([`div${ee+1}-${e(d)}`]),"last-dropped-camera":E.lastDroppedCamera,cameras:e(D),"dropped-cameras":e(b),"edit-mode":e(z),"camera-card-props":e(S),onExpand:te=>k(te,ee),onDrop:te=>H("drop",ee,te),onRemove:y[0]||(y[0]=te=>H("remove",te))},null,8,["class","last-dropped-camera","cameras","dropped-cameras","edit-mode","camera-card-props","onExpand","onDrop"])),[[mt,e(Z)===void 0||e(Z)===ee]])),128))],6)],2),e(z)&&e(r)?(o(),T(de,{key:0,ref_key:"viewSidebarRef",ref:A,cameras:e(D),"dropped-cameras":e(b),title:e(V),class:"view-box shadow-xl",style:pe({"margin-right":e(z)?"0px":`-${e(Ht).WIDTH}px`}),onChangeViewSize:y[1]||(y[1]=E=>H("changeViewSize"))},null,8,["cameras","dropped-cameras","title","style"])):se("",!0)])]),_:1},8,["backend"])}}}),qo=Ae(Uo,[["__scopeId","data-v-d9a3515d"]]),Yo=["data-handler-id"],Xo=K({__name:"DnDCard",props:{id:{},index:{},camera:{},cameraCardProps:{},moveCard:{type:Function}},emits:["expand"],setup(v,{expose:t,emit:_}){const I=it(),r=_,H=v,{camera:$,cameraCardProps:D}=oe(H),{uiSettings:z}=Be(I),F=J("playerRef"),l=J("boxRef"),V=De(),S=De(null),C=O(0),A=O(0),p=O(!1),Z=B(()=>z.value.camview.dragDisabled===!1),{x:M,y:j,sourceType:w}=wt(),[L,b]=ht({accept:"camera",collect(m){return{handlerId:m.getHandlerId()}},hover(m,f){var he;if(!V.value)return;const U=m.index,ie=H.index;if(U===ie)return;const me=(he=V.value)==null?void 0:he.getBoundingClientRect(),ce=(me.bottom-me.top)/2,ue=f.getClientOffset().y-me.top;U<ie&&ue<ce||U>ie&&ue>ce||(H.moveCard(U,ie),m.index=ie)}}),[d,k]=ft({type:"camera",canDrag(){return Z.value},item:()=>({id:H.id,index:H.index}),collect:m=>({isDragging:m.isDragging()})}),{handlerId:N}=oe(L.value),Y=B(()=>d.value.isDragging),le=B(()=>Y.value&&w.value==="touch"),re=B(()=>Y.value?0:1);fe(le,m=>{m?g():s()});const g=()=>{var f;s(),p.value=!0;const m=(f=l.value)==null?void 0:f.getBoundingClientRect();m&&(C.value=M.value-m.left,A.value=j.value-m.top,i())},s=()=>{p.value=!1,u(),C.value=0,A.value=0},i=()=>{if(u(),!l.value)return;const m=l.value.cloneNode(!0),f=l.value.getBoundingClientRect();m.style.width=`${f.width}px`,m.style.height=`${f.height}px`,m.classList.add("drag-preview"),document.body.appendChild(m),S.value=m},u=()=>{S.value&&document.body.contains(S.value)&&document.body.removeChild(S.value),S.value=null};fe([M,j],()=>{y()},{flush:"sync"});const y=()=>{!S.value||!p.value||requestAnimationFrame(()=>{if(!S.value)return;const m=M.value-C.value,f=j.value-A.value;S.value.style.left=`${m}px`,S.value.style.top=`${f}px`})},ae=m=>{V.value=k(b(m))},de=m=>{var f;(f=F.value)==null||f.toggleMute(m)},E=async(m,f)=>{var U;await((U=F.value)==null?void 0:U.toggleMicrophone(m,f))},ee=m=>{var f;(f=F.value)==null||f.toggleActivityMode(m)},te=async m=>{var f;await((f=F.value)==null?void 0:f.toggleSourceRole(m))},P=async m=>{var f;await((f=F.value)==null?void 0:f.toggleStreamingMode(m))},W=m=>{var f;(f=F.value)==null||f.toggleDetectionClass(m)};return We(()=>{s()}),t({togglePlayerMute:de,toggleMicrophone:E,togglePlayerActivityMode:ee,togglePlayerSourceRole:te,togglePlayerStreamingMode:P,togglePlayerDetectionClass:W}),(m,f)=>{const U=nt;return o(),h("div",{ref_key:"boxRef",ref:l,class:"camera-wrapper"},[c("div",{ref:ae,class:"camera-card",style:pe({opacity:re.value}),"data-handler-id":e(N)},[R(U,Te({ref_key:"playerRef",ref:F},e(D),{"camera-info":e($),class:"w-full h-full",onExpand:f[0]||(f[0]=ie=>r("expand",e($)))}),null,16,["camera-info"])],12,Yo)],512)}}}),Jo=Ae(Xo,[["__scopeId","data-v-3292dbd2"]]),Ko={class:"conference"},ea=K({__name:"CuiCameraDnD",props:{cameras:{},dbCameras:{},noDrag:{type:Boolean},cameraCardProps:{}},emits:["drag"],setup(v,{expose:t,emit:_}){const{isTouch:I}=st(),{smBreakpoint:r}=Ie(),H=_,$=v,{cameras:D,dbCameras:z,noDrag:F,cameraCardProps:l}=oe($),V=J("dndCardsRef"),S=J("cameraDndRef"),C=J("dishRef"),A=O([]),p=O(!1),Z=O(!0),M=O();let j,w;const L=yt(S),{isFullscreen:b,toggle:d}=Vt(S),{width:k,height:N}=So(),Y=B(()=>F.value||p.value),le=B(()=>{const P=A.value.length;return r.value||P<=1?1:P<=4?2:P<=9?3:P<=16?4:Math.ceil(Math.sqrt(P))}),re=B(()=>{const P=A.value.length,W=le.value;return Math.ceil(P/W)}),g=B(()=>{const P=L.width.value,W=L.height.value,m=16/9,f=le.value,U=re.value,ie=1,me=P-ie*(f-1),ce=W-ie*(U-1),xe=me/f,ue=ce/U;let he,Ve;return xe/m<=ue?(he=xe,Ve=he/m):(Ve=ue,he=Ve*m),{"--grid-cols":f,"--grid-rows":U,"--card-width":r.value?"100%":`${Math.floor(he)}px`,"--card-height":r.value?"auto":`${Math.floor(Ve)}px`,"--grid-gap":`${ie}px`}});fe(M,()=>{Z.value=!0,clearTimeout(w),w=setTimeout(()=>{Z.value=!1},300)}),fe([k,N],()=>{p.value=!0,clearTimeout(j),j=setTimeout(()=>{p.value=!1},100)}),fe(D,P=>{A.value=$e(P).sort((W,m)=>W.index-m.index)},{immediate:!0,deep:!0});const s=(P,W)=>{const m=A.value[P];A.value.splice(P,1),A.value.splice(W,0,m),A.value=A.value.map((f,U)=>(f.index=U,f)).sort((f,U)=>f.index-U.index),H("drag",A.value)},i=(P,W)=>{M.value=M.value===W?void 0:W},u=async()=>{await d()},y=P=>{for(const W of V.value||[])W.togglePlayerMute(P)},ae=async(P,W)=>{var m;await Promise.allSettled(((m=V.value)==null?void 0:m.map(f=>f.toggleMicrophone(P,W)))||[])},de=P=>{for(const W of V.value||[])W.togglePlayerActivityMode(P)},E=async P=>{var W;await Promise.allSettled(((W=V.value)==null?void 0:W.map(m=>m.togglePlayerSourceRole(P)))||[])},ee=async P=>{var W;await Promise.allSettled(((W=V.value)==null?void 0:W.map(m=>m.togglePlayerStreamingMode(P)))||[])},te=P=>{for(const W of V.value||[])W.togglePlayerDetectionClass(P)};return vt(()=>{w=setTimeout(()=>{Z.value=!1},100)}),We(()=>{clearTimeout(j),clearTimeout(w)}),t({toggleFullscreen:u,toggleAllPlayerMute:y,toggleAllPlayerMicrophone:ae,toggleAllPlayerActivityMode:de,toggleAllPlayerSourceRole:E,toggleAllPlayerStreamingMode:ee,toggleAllPlayerDetectionClass:te,isFullscreen:b,selectedCameras:A}),(P,W)=>{const m=Jo;return o(),T(e(_t),{backend:e(I)?e(xt):e(Ct)},{default:Q(()=>[c("div",{ref_key:"cameraDndRef",ref:S,class:"scenary"},[c("div",Ko,[R($o,{ref_key:"dishRef",ref:C,name:"list",tag:"div",class:"camera-grid relative",style:pe(e(g))},{default:Q(()=>[(o(!0),h(Se,null,Re(e(A),(f,U)=>_e((o(),T(m,{id:f.cameraId,ref_for:!0,ref_key:"dndCardsRef",ref:V,key:f.cameraId,index:U,camera:e(z).find(ie=>ie._id===f.cameraId),"move-card":s,"camera-card-props":e(l),class:ne({"cursor-pointer":!e(Y),"transition-transform":!e(p)&&!e(Y)&&!e(Z),"absolute top-[50%] translate-y-[-50%] !h-[auto]":e(M)===U}),onExpand:ie=>i(ie,U)},null,8,["id","index","camera","camera-card-props","class","onExpand"])),[[mt,e(M)===void 0||e(M)===U]])),128))]),_:1},8,["style"])])],512)]),_:1},8,["backend"])}}}),ta=Ae(ea,[["__scopeId","data-v-29b366c9"]]),oa={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function aa(v,t){return o(),h("svg",oa,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M19 4h-3.5l-1-1h-5l-1 1H5v2h14M6 19a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7H6z"},null,-1)]))}const na=ge({name:"mdi-delete",render:aa}),la={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ra(v,t){return o(),h("svg",la,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M18 8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h9V6a3 3 0 0 0-3-3a3 3 0 0 0-3 3H7a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6 9a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2"},null,-1)]))}const sa=ge({name:"mdi-lock-open",render:ra}),ia={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ca(v,t){return o(),h("svg",ia,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M12 17a2 2 0 0 0 2-2a2 2 0 0 0-2-2a2 2 0 0 0-2 2a2 2 0 0 0 2 2m6-9a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h1V6a5 5 0 0 1 5-5a5 5 0 0 1 5 5v2zm-6-5a3 3 0 0 0-3 3v2h6V6a3 3 0 0 0-3-3"},null,-1)]))}const ua=ge({name:"mdi-lock",render:ca}),da={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ma(v,t){return o(),h("svg",da,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M7.41 8.58L12 13.17l4.59-4.59L18 10l-6 6l-6-6z"},null,-1)]))}const va=ge({name:"mdi-chevron-down",render:ma}),pa={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ga(v,t){return o(),h("svg",pa,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"m8.471 7.237l3.056 12.992c.233.993 1.63 1.04 1.929.065l2.945-9.58l.384 1.527a1 1 0 0 0 .97.756H21a1 1 0 1 0 0-2h-2.466l-1.069-4.241c-.247-.981-1.628-1.017-1.925-.05l-2.912 9.472L9.475 2.771c-.24-1.02-1.688-1.03-1.943-.014l-2.065 8.24H3a1 1 0 0 0 0 2h3.247a1 1 0 0 0 .97-.757z"},null,-1)]))}const fa=ge({name:"fluent-pulse-24-filled",render:ga}),ha={viewBox:"0 0 16 16",width:"1.2em",height:"1.2em"};function _a(v,t){return o(),h("svg",ha,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M7.557 2.066A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.248.56L3.59 11H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.59l3.162-2.81a.75.75 0 0 1 .805-.124m5.393.984a.75.75 0 1 0-1.06 1.06a5.5 5.5 0 0 1 0 7.78a.75.75 0 1 0 1.06 1.06a7 7 0 0 0 0-9.9"},null,-1),c("path",{fill:"currentColor",d:"M10.828 5.172a.75.75 0 1 0-1.06 1.06a2.5 2.5 0 0 1 0 3.536a.75.75 0 1 0 1.06 1.06a4 4 0 0 0 0-5.656"},null,-1)]))}const wa=ge({name:"heroicons-speaker-wave-16-solid",render:_a}),ya={viewBox:"0 0 16 16",width:"1.2em",height:"1.2em"};function Va(v,t){return o(),h("svg",ya,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M7.557 2.066A.75.75 0 0 1 8 2.75v10.5a.75.75 0 0 1-1.248.56L3.59 11H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h1.59l3.162-2.81a.75.75 0 0 1 .805-.124M11.28 5.72a.75.75 0 1 0-1.06 1.06L11.44 8l-1.22 1.22a.75.75 0 1 0 1.06 1.06l1.22-1.22l1.22 1.22a.75.75 0 1 0 1.06-1.06L13.56 8l1.22-1.22a.75.75 0 0 0-1.06-1.06L12.5 6.94z"},null,-1)]))}const Ca=ge({name:"heroicons-speaker-x-mark-16-solid",render:Va}),xa={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Ha(v,t){return o(),h("svg",xa,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M21 15v3h3v2h-3v3h-2v-3h-3v-2h3v-3zm-7 3H3V6h16v7h2V6c0-1.11-.89-2-2-2H3a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h11z"},null,-1)]))}const Ma=ge({name:"mdi-card-plus-outline",render:Ha}),ba={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function ka(v,t){return o(),h("svg",ba,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M13 3v8h8V3zM3 21h8v-8H3zM3 3v8h8V3zm10 13h3v-3h2v3h3v2h-3v3h-2v-3h-3z"},null,-1)]))}const Za=ge({name:"mdi-view-grid-plus",render:ka}),$a={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"};function Da(v,t){return o(),h("svg",$a,t[0]||(t[0]=[c("path",{fill:"currentColor",d:"M12 2a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3m7 9c0 3.53-2.61 6.44-6 6.93V21h-2v-3.07c-3.39-.49-6-3.4-6-6.93h2a5 5 0 0 0 5 5a5 5 0 0 0 5-5z"},null,-1)]))}const Sa=ge({name:"mdi-microphone",render:Da}),Ra={class:"flex flex-col gap-3"},Pa={class:"w-full h-full flex items-center justify-center relative"},Aa=K({__name:"AudioVisualizer",emits:["listening"],setup(v,{expose:t,emit:_}){const I=ct(),{t:r}=Ge(),H=_,$=pt("dialogRefProps"),D=J("canvasRef"),z=De(),F=De(),l=O(!1),V=B(()=>{var p;return!!((p=$.loading)!=null&&p.value)}),S=async()=>{var p;if(l.value)A();else try{z.value&&A();let Z;try{Z=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(N){I.add({severity:"warn",summary:r("components.toast.title_warn"),detail:"Can not enable AudioVisualizer, see console.",life:3e3}),console.warn("Can not enable AudioVisualizer",N);return}l.value=!0,H("listening",!0),z.value=new AudioContext;const M=z.value.createAnalyser();M.fftSize=1024,F.value=Z.getTracks(),z.value.createMediaStreamSource(Z).connect(M);const w=90,L=3;let b;const d=(p=D.value)==null?void 0:p.getContext("2d"),k=()=>{if(D.value&&d){const N=[],Y=[];d.clearRect(0,0,D.value.width,D.value.height),requestAnimationFrame(k);const le=M.frequencyBinCount,re=new Uint8Array(le);M.getByteFrequencyData(re),N.push(re);for(let u=0;u<N[0].length;u++)Y.push(0),N.forEach(y=>{Y[u]+=y[u]});const g=D.value.width/2,s=D.value.height/2,i=30;d.beginPath(),d.arc(g,s,i,0,2*Math.PI),d.lineWidth=1,d.stroke(),d.closePath();for(let u=0;u<w;u++){b=Y[u]*.4;const y=Math.PI*2/w,ae=g+Math.cos(y*u)*i,de=s+Math.sin(y*u)*i,E=g+Math.cos(y*u)*(i+b),ee=s+Math.sin(y*u)*(i+b);C(d,ae,de,E,ee,L)}l.value||d.clearRect(0,0,D.value.width,D.value.height)}};k()}catch(Z){A(),console.error(Z)}},C=(p,Z,M,j,w,L)=>{const b=p.createLinearGradient(Z,M,j,w);b.addColorStop(0,"#5b040f"),b.addColorStop(.5,"#b50b21"),b.addColorStop(.9,"#df2a4c"),b.addColorStop(1,"#df6380"),p.lineWidth=L,p.strokeStyle=b,p.beginPath(),p.moveTo(Z,M),p.lineTo(j,w),p.stroke(),p.closePath()},A=()=>{var p,Z;(p=z.value)==null||p.close(),z.value=void 0,(Z=F.value)==null||Z.forEach(M=>M.stop()),F.value=void 0,l.value=!1,H("listening",!1)};return Do(()=>{A()}),t({isLoading:V}),(p,Z)=>{const M=Sa,j=Pe;return o(),h("div",Ra,[c("span",null,ve(p.$t("components.dialog.message.intercom_info")),1),c("div",Pa,[R(j,{rounded:"",class:"w-[60px] h-[60px] absolute z-1",onClick:S},{icon:Q(()=>[R(M,{width:"100%",height:"100%"})]),_:1}),c("canvas",{ref_key:"canvasRef",ref:D,height:"300",width:"300"},null,512)])])}}}),za=["fill"],tt=K({__name:"CuiCameraGridIcon1",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm0 8h952v532H9V9Z"},null,-1)]),8,za))}}),Ba=["fill"],Ia=K({__name:"CuiCameraGridIcon10",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm726 275h226v130H735V276Zm-242 0h234v130H493V276Zm0 265V414h234v127H493ZM9 541V276h476v265H9Zm726 0V414h226v127H735ZM961 9v121H735V9h226ZM735 138h226v130H735V138ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Z"},null,-1)]),8,Ba))}}),Ta=["fill"],Fa=K({__name:"CuiCameraGridIcon12",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 275v129H810.5V276H961Zm-158.5 0v129h-152V276h152Zm-152 265V413h152v128h-152Zm-8-265v129H493V276h149.5ZM493 541V413h149.5v128H493ZM9 276h476v265H9V276Zm801.5 265V413H961v128H810.5ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z"},null,-1)]),8,Ta))}}),La=["fill"],Oa=K({__name:"CuiCameraGridIcon13",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M250 549.5h.5v-.5H961a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h233.5v.5h7.5Zm.5-273.5H485v129.5H250.5V276Zm-8 0v129.5H9V276h233.5ZM961 9v121H735V9h226ZM727 9v121H493V9h234ZM493 138h234v130H493V138ZM485 9v259H9V9h476Zm250 129h226v130H735V138Zm0 267.5V276h226v129.5H735ZM493 276h234v129.5H493V276Zm0 265V413.5h234V541H493Zm-242.5 0V413.5H485V541H250.5ZM9 541V413.5h233.5V541H9Zm726 0V413.5h226V541H735Z"},null,-1)]),8,La))}}),Ea=["fill"],Wa=K({__name:"CuiCameraGridIcon15",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M250 549.5h.5v-.5H961a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h233.5v.5h7.5Zm.5-144V276H485v129.5H250.5Zm-8-129.5v129.5H9V276h233.5Zm570 90H961v82H812.5v-82Zm-160 0h152v82h-152v-82ZM961 276v82H812.5v-82H961Zm-308.5 0h152v82h-152v-82Zm0 180h152v85h-152v-85ZM961 541H812.5v-85H961v85Zm-316.5-93H493v-82h151.5v82Zm0-172v82H493v-82h151.5Zm0 180v85H493v-85h151.5ZM485 413.5V541H250.5V413.5H485Zm-242.5 0V541H9V413.5h233.5ZM961 9v259H493V9h468ZM9 9h476v259H9V9Z"},null,-1)]),8,Ea))}}),Ga=["fill"],ja=K({__name:"CuiCameraGridIcon16",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 8v121.5H732.5V9H961ZM724.5 9v121.5H493V9h231.5ZM493 268V138.5h231.5V268H493Zm0 137.5V276h231.5v129.5H493Zm468 0H732.5V276H961v129.5ZM493 541V413.5h231.5V541H493Zm468 0H732.5V413.5H961V541Zm0-273H732.5V138.5H961V268ZM485 9v121.5H250.5V9H485ZM250.5 138.5H485V268H250.5V138.5ZM242.5 9v121.5H9V9h233.5ZM9 138.5h233.5V268H9V138.5ZM250.5 276H485v129.5H250.5V276Zm0 137.5H485V541H250.5V413.5Zm-8-137.5v129.5H9V276h233.5ZM9 541V413.5h233.5V541H9Z"},null,-1)]),8,Ga))}}),Qa=["fill"],Na=K({__name:"CuiCameraGridIcon20",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 94v82H812.5V95H961Zm-156.5 82h-152V95h152v82ZM961 9v78H812.5V9H961ZM652.5 9h152v78h-152V9Zm0 176h152v83h-152v-83ZM961 268H812.5v-83H961v83Zm-308.5 8h152v82h-152v-82Zm160 0H961v82H812.5v-82Zm-168-181v82H493V95h151.5Zm0-86v78H493V9h151.5ZM493 268v-83h151.5v83H493Zm0 90v-82h151.5v82H493ZM9 9h476v259H9V9Zm952 357v82H812.5v-82H961Zm-156.5 0v82h-152v-82h152Zm-152 90h152v85h-152v-85ZM961 541H812.5v-85H961v85ZM644.5 366v82H493v-82h151.5ZM493 541v-85h151.5v85H493ZM9 276h476v265H9V276Z"},null,-1)]),8,Qa))}}),Ua=["fill"],qa=K({__name:"CuiCameraGridIcon26",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{"fill-rule":"evenodd",d:"M1.5 9A7.5 7.5 0 0 1 9 1.5h952a7.5 7.5 0 0 1 7.5 7.5v532a7.5 7.5 0 0 1-7.5 7.5H9a7.5 7.5 0 0 1-7.5-7.5V9Zm960 168V94h-153v83h153Zm-160 0h-153V94h153v83Zm7-90h153V9a.5.5 0 0 0-.5-.5H808.5V87Zm-7-78.5V87h-153V8.5h153Zm0 175.5v84.5h-153V184h153Zm7 84.5V184h153v84.5h-153Zm-167-91.5V94h-149v83h149Zm0-90V8.5h-149V87h149Zm-149 97h149v84.5h-149V184Zm0 91.5H719V402H492.5V275.5Zm0 133.5v132.5H719V409H492.5Zm233.5 0v132.5h235a.5.5 0 0 0 .5-.5V409H726Zm235.5-7V275.5H726V402h235.5Zm-476-270V8.5H252V132h233.5ZM245 139H8.5v129.5H245V139Zm0-7V8.5H9a.5.5 0 0 0-.5.5v123H245Zm240.5 136.5V139H252v129.5h233.5Zm-477 7h157v81H8.5v-81Zm164 81v-81h153v81h-153Zm153 7h-153v83h153v-83Zm7 83v-83h153v83h-153Zm-7 7h-153v88h153v-88Zm7 88v-88h153v88h-153Zm0-185v-81h153v81h-153Zm-324 7h157v83H8.5v-83Zm0 90h157v88H9a.5.5 0 0 1-.5-.5v-87.5Z"},null,-1)]),8,Ua))}}),Ya=["fill"],Xa=K({__name:"CuiCameraGridIcon4",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm952 8v259H493V9h468ZM493 541V276h468v265H493ZM485 9v259H9V9h476ZM9 541V276h476v265H9Z"},null,-1)]),8,Ya))}}),Ja=["fill"],Ka=K({__name:"CuiCameraGridIcon6",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm641.5 187.5H961v171H650.5v-171ZM961 9v171.5H650.5V9H961ZM642.5 9v350.5H9V9h633.5ZM9 541V367.5h315.5V541H9Zm323.5-173.5h310V541h-310V367.5Zm318 0H961V541H650.5V367.5Z"},null,-1)]),8,Ja))}}),en=["fill"],tn=K({__name:"CuiCameraGridIcon7",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M9 1a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V9a8 8 0 0 0-8-8H9Zm725.5 275H961v130H734.5V276Zm0 265V414H961v127H734.5Zm-8-265v130H493V276h233.5ZM493 541V414h233.5v127H493ZM9 276h476v265H9V276ZM961 9v259H493V9h468ZM9 268V9h476v259H9Z"},null,-1)]),8,en))}}),on=["fill"],an=K({__name:"CuiCameraGridIcon9",props:{color:{default:"currentColor"}},setup(v){const t=v,{color:_}=oe(t);return(I,r)=>(o(),h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 970 550",role:"img","area-hidden":"true",fill:e(_)},r[0]||(r[0]=[c("path",{d:"M969.5 359v-.5h-.5V9a8 8 0 0 0-8-8H9a8 8 0 0 0-8 8v532a8 8 0 0 0 8 8h952a8 8 0 0 0 8-8V366.5h.5V359ZM961 187v171.5H651V187h310ZM651 541V366.5h310V541H651Zm-8-354v171.5H330V187h313ZM330 541V366.5h313V541H330Zm-8-354v171.5H9V187h313ZM9 541V366.5h313V541H9ZM961 9v170H651V9h310ZM643 9v170H330V9h313ZM322 9v170H9V9h313Z"},null,-1)]),8,on))}}),nn={for:"name",class:"cui-label"},ln={key:0,class:"flex flex-col gap-6 justify-center"},rn={key:0,class:"text-red-500 text-center mb-5"},sn={class:"md:max-h-[350px] overflow-y-auto"},cn={class:"block cui-label mb-3"},un={key:1,class:"flex flex-col gap-6 justify-center"},dn={key:0,class:"text-red-500 text-center mb-5"},mn={class:"md:max-h-[450px] overflow-y-auto"},vn={class:"block cui-label mb-3"},pn={class:"view-select-container"},gn=["onClick"],fn=K({__name:"CamviewForm",props:{form:{},type:{},cameras:{},views:{}},setup(v,{expose:t}){const _=new dt,I=ut(),r=ct(),{t:H}=Ge(),$=pt("dialogRefProps"),D=v,{user:z}=Be(I),{form:F,type:l,cameras:V,views:S}=oe(D),C=J("formRef"),A=O([1,4,6,7,9,10,12,13,15,16,20,26]),p=O(!0),Z=O(!0),M=O([]),j=O(!1),w=O(F.value?$e(F.value):{}),{mutateAsync:L,isPending:b}=_.createViewQuery(),{mutateAsync:d,isPending:k}=_.patchViewQuery(),N=B(()=>{var g;return!!((g=$.loading)!=null&&g.value||b.value||k.value)});fe(w,g=>{var s,i;for(const[u,y]of Object.entries(g))(s=C.value)==null||s.setFieldValue(u,y);g.viewSize&&(p.value=!1),(i=g.cameras)!=null&&i.length&&(Z.value=!1)},{deep:!0,immediate:!0}),fe(M,g=>{Z.value=g.length===0},{deep:!0});const Y=g=>{const s=M.value.findIndex(i=>i.name===g.name);s===-1?M.value.push(g):M.value.splice(s,1)},le=g=>{switch(g){case 1:return tt;case 4:return Xa;case 6:return Ka;case 7:return tn;case 9:return an;case 10:return Ia;case 12:return Fa;case 13:return Oa;case 15:return Wa;case 16:return ja;case 20:return Na;case 26:return qa;default:return tt}},re=async()=>{if(!C.value||!z.value)return;const g=S.value.find(s=>s.name===w.value.name);if(g&&!j.value)return r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("View already exists",g),null;if(l.value==="dnd"){if(Z.value)return r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("No cameras selected"),null;const s=M.value.map((u,y)=>({cameraId:u._id,index:y}));w.value.cameras=s,w.value.type="dnd",w.value.viewSize=1,C.value.setFieldValue("type","dnd"),C.value.setFieldValue("viewSize",1),C.value.setFieldValue("cameras",s);const i=await C.value.validate();return i!=null&&i.valid?j.value?await d({username:z.value.username,viewid:w.value._id,viewData:w.value}):await L({username:z.value.username,viewData:w.value}):(r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("Validation failed",i),null)}else{if(p.value)return r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("No view selected"),null;w.value.cameras=[],w.value.type="view",C.value.setFieldValue("type","view"),C.value.setFieldValue("cameras",[]);const s=await C.value.validate();return s!=null&&s.valid?$e(w.value):(r.add({severity:"error",summary:H("components.toast.title_error"),detail:H("components.toast.validation_failed"),life:3e3}),console.log("Validation failed",s),null)}};return vt(()=>{var g;M.value=((g=V.value)==null?void 0:g.filter(s=>{var i,u;return(u=(i=w.value)==null?void 0:i.cameras)==null?void 0:u.some(y=>y.cameraId===s._id)}))||[],j.value=Object.keys(w.value).length>0}),t({isLoading:N,onConfirm:re}),(g,s)=>{const i=Jt,u=Xt,y=ot,ae=Kt,de=lo;return o(),T(e(Ro),{ref_key:"formRef",ref:C,class:"flex flex-col gap-6","validation-schema":e(no),"initial-values":e(w)},{default:Q(()=>[R(e(Ao),{modelValue:e(w).name,"onUpdate:modelValue":s[0]||(s[0]=E=>e(w).name=E),modelModifiers:{trim:!0},name:"name",as:"div",class:"flex flex-col field-gap"},{default:Q(({field:E,errors:ee})=>[c("label",nn,ve(g.$t("components.form.label.name")),1),R(u,null,{default:Q(()=>[R(i,Te(E,{invalid:ee.length>0,loading:e(N),type:"text"}),null,16,["invalid","loading"])]),_:2},1024),R(Ze,{name:"fade"},{default:Q(()=>[R(e(Po),{name:"name",class:"cui-input-error"})]),_:1})]),_:1},8,["modelValue"]),R(y,{class:"m-0 py-3"}),e(l)==="dnd"?(o(),h("div",ln,[R(Ze,{name:"fade"},{default:Q(()=>[e(Z)?(o(),h("span",rn,ve(g.$t("components.form.error.no_cameras_selected")),1)):se("",!0)]),_:1}),c("div",sn,[c("label",cn,ve(g.$t("components.form.label.cameras")),1),(o(!0),h(Se,null,Re(e(V),(E,ee)=>(o(),h("div",{key:ee,class:"cui-list-item"},[R(de,{class:"h-14",active:e(M).some(te=>te.name===E.name),onClick:te=>Y(E)},{append:Q(()=>[R(ae,{"model-value":e(M).some(te=>te.name===E.name),"onUpdate:modelValue":te=>Y(E)},null,8,["model-value","onUpdate:modelValue"])]),default:Q(()=>[c("span",null,ve(E.name),1)]),_:2},1032,["active","onClick"])]))),128))])])):(o(),h("div",un,[R(Ze,{name:"fade"},{default:Q(()=>[e(p)?(o(),h("span",dn,ve(g.$t("components.form.error.no_view_selected")),1)):se("",!0)]),_:1}),c("div",mn,[c("label",vn,ve(g.$t("components.form.label.views")),1),c("div",pn,[(o(!0),h(Se,null,Re(e(A),E=>(o(),h("div",{key:E,class:"view-select-item w-full",onClick:ee=>e(w).viewSize=E},[c("div",{class:ne(["view-select-item-icon w-full p-3",{"selected-view":e(w).viewSize===E}])},[(o(),T(gt(le(E)),{style:{width:"100%",height:"100%"}}))],2),c("span",{class:ne(["view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners",{"selected-view-label":e(w).viewSize===E}])},ve(E)+" "+ve(g.$t("views.camview.cameras")),3)],8,gn))),128))])])]))]),_:1},8,["validation-schema","initial-values"])}}}),hn=Ae(fn,[["__scopeId","data-v-2519b92b"]]),_n={class:"w-full h-full pt-[55px] flex flex-row"},wn={key:3,class:"text-muted"},yn={class:"relative w-6 h-6"},fl=K({__name:"Camview",setup(v){var je;const t=new dt,_=new io,I=ut(),r=it(),H=ro(),$=so(),{smBreakpoint:D,mdBreakpoint:z,lgBreakpoint:F}=Ie(),{t:l}=Ge(),{uiSettings:V}=Be(r),{user:S}=Be(I),C=J("menuRef"),A=J("detectionMenuRef"),p=J("timelineRef"),Z=J("newViewMenuRef"),M=J("dndRef"),j=J("viewRef"),w=J("containerRef"),L=O({}),b=O(!1),d=O(!1),k=O(!1),N=O(["animal","motion","other","person","vehicle"]),Y=O(!1),le=O(!0),re=O("always-on"),g=O("low-resolution"),s=O("webrtc"),i=O([]),{data:u,isFetching:y}=_.getCamerasQuery({page:1,pageSize:-1}),{data:ae,isFetching:de}=t.getViewsQuery(((je=S.value)==null?void 0:je.username)??"",{page:1,pageSize:-1}),{mutate:E,isPending:ee}=t.removeViewQuery(),{mutateAsync:te,isPending:P}=t.createViewQuery(),{mutateAsync:W,isPending:m}=t.patchViewQuery(),{mutateAsync:f}=t.patchViewQuerySilent(),U=Ee(w),ie=Ee(p),me=B(()=>y.value||de.value||ee.value||P.value||m.value),ce=B(()=>b.value||k.value||d.value),xe=B(()=>{var n;return!!((n=ue.value)!=null&&n.isFullscreen)}),ue=B(()=>M.value??j.value),he=B(()=>$.showBottombar.value?co.HEIGHT:0),Ve=B(()=>({flatCard:!0,cameraNameOverlay:!0,control:!0,toolbar:!1,expandableCard:!0,sourceRole:g.value,activityMode:re.value,streamingMode:s.value})),Mt=B(()=>[{label:xe.value?l("components.form.tooltip.fullscreen_off"):l("components.form.tooltip.fullscreen_on"),icon:xe.value?uo:mo,command:zt},{label:le.value?l("components.form.tooltip.unmute"):l("components.form.tooltip.mute"),icon:le.value?Ca:wa,command:Bt},{label:l("components.form.tooltip.intercom"),icon:vo,command:()=>He("intercom")},{label:s.value==="auto"?`${l("components.form.tooltip.mode")}: ${l("components.form.tooltip.streaming_mode_auto")}`:s.value==="webrtc"?`${l("components.form.tooltip.mode")}: ${l("components.form.tooltip.streaming_mode_webrtc")}`:`${l("components.form.tooltip.mode")}: ${l("components.form.tooltip.streaming_mode_mse")}`,icon:s.value==="auto"?po:s.value==="webrtc"?go:fo,command:()=>Ft()},{label:re.value==="always-on"?l("components.form.tooltip.activity_mode_always_on"):re.value==="standby"?l("components.form.tooltip.activity_mode_standby"):l("components.form.tooltip.activity_mode_activity"),icon:re.value==="always-on"?ho:re.value==="standby"?_o:fa,command:()=>It()},{label:g.value==="auto"?`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_auto")}`:g.value==="low-resolution"?`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_low")}`:g.value==="mid-resolution"?`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_mid")}`:`${l("components.form.tooltip.resolution")}: ${l("components.form.tooltip.source_role_high")}`,icon:g.value==="auto"?wo:g.value==="low-resolution"?yo:g.value==="mid-resolution"?Vo:Co,command:()=>Tt()}]),bt=B(()=>[{key:"animal",label:"Animal",toggle:!0,toggleState:N.value.includes("animal"),onClick:()=>be("animal")},{key:"motion",label:"Motion",toggle:!0,toggleState:N.value.includes("motion"),onClick:()=>be("motion")},{key:"other",label:"Other",toggle:!0,toggleState:N.value.includes("other"),onClick:()=>be("other")},{key:"person",label:"Person",toggle:!0,toggleState:N.value.includes("person"),onClick:()=>be("person")},{key:"vehicle",label:"Vehicle",toggle:!0,toggleState:N.value.includes("vehicle"),onClick:()=>be("vehicle")}]),q=B(()=>{var a,x;const n=((a=ae.value)==null?void 0:a.result.find(G=>G._id===V.value.camview.viewid))||((x=ae.value)==null?void 0:x.result[0]);return n?(L.value=n,V.value.camview.viewid=n._id):L.value={},n}),Fe=B(()=>ce.value&&L.value.viewSize>0?L.value.viewSize:q.value?q.value.viewSize:1),kt=B(()=>{var a,x;const n=[];for(const G of((a=ae.value)==null?void 0:a.result)||[])n.push({label:G.name,active:G._id===((x=q.value)==null?void 0:x._id),onClick:()=>$t(G)});return n}),Zt=B(()=>[{label:l("views.camview.new_view"),icon:Ma,onClick:()=>He("newView")},{label:l("views.camview.new_dnd"),icon:Za,onClick:()=>He("newDnd")}]);fe([Fe,q,u,ce,V],()=>{var a,x,G;if(((a=q.value)==null?void 0:a.type)==="dnd"&&!b.value&&!k.value)return;const n=Array.from({length:Fe.value}).map((we,ye)=>({accept:"camera",index:ye,lastDroppedCamera:void 0}));if(!k.value)for(const we of((x=q.value)==null?void 0:x.cameras)||[])n[we.index]&&(n[we.index].lastDroppedCamera=(G=u.value)==null?void 0:G.result.find(ye=>ye._id===we.cameraId));i.value=n},{deep:!0,immediate:!0});const He=n=>{var a,x;switch(n){case"newDnd":case"editDnd":case"newView":case"editView":let G="";const we=n.endsWith("Dnd"),ye=n.endsWith("View"),Le=n.startsWith("edit");n==="editDnd"&&(d.value=!0,G=l("components.dialog.title.edit_dnd")),n==="editView"&&(b.value=!0,G=l("components.dialog.title.edit_view")),n==="newView"&&(k.value=!0,G=l("components.dialog.title.new_view")),n==="newDnd"&&(G=l("components.dialog.title.new_dnd")),H.openComponentDialog(hn,{data:{title:G,loading:me,confirmText:ye?l("components.form.button.next"):void 0,contentProps:{form:Le?L.value:void 0,type:we?"dnd":"view",cameras:((a=u.value)==null?void 0:a.result)||[],views:((x=ae.value)==null?void 0:x.result)||[]}},onConfirm:ke=>{ke&&(ye?L.value=ke:ze(ke))},onCancel:()=>{k.value=!1},onSettled:()=>{d.value=!1}});break;case"intercom":H.openComponentDialog(Aa,{data:{title:l("components.dialog.title.intercom"),hideConfirmButton:!0,loading:me,contentProps:{}},events:{listening:Lt}});break;case"removeView":H.openTextDialog({data:{title:l("components.dialog.title.confirm"),confirmText:l("components.form.button.remove"),contentText:l("components.dialog.message.confirm_remove_layout"),confirmButtonProps:{severity:"danger"}},onConfirm:Dt});break}},$t=n=>{V.value.camview.viewid=n._id},Dt=()=>{!q.value||!S.value||E({username:S.value.username,viewid:q.value._id},{onSuccess:n=>{n.length?V.value.camview.viewid=n[0]._id:V.value.camview.viewid=void 0}})},St=async()=>{if(!S.value||Object.keys(L.value).length===0)return;const n=i.value.filter(x=>x.lastDroppedCamera).map(x=>({cameraId:x.lastDroppedCamera._id,index:x.index})).sort((x,G)=>x.index-G.index);if(!n.length)return;const a=$e(L.value);if(a.cameras=n,a._id){const x=await W({username:S.value.username,viewid:a._id,viewData:a});ze(x)}else{const x=await te({username:S.value.username,viewData:a});ze(x)}},Rt=(n,a)=>{i.value[n].lastDroppedCamera=a},Pt=n=>{i.value=i.value.map(a=>{var x;return((x=a.lastDroppedCamera)==null?void 0:x.name)===n.name&&(a.lastDroppedCamera=void 0),a})},At=async n=>{if(!q.value||!S.value)return;const a=$e(q.value);a.cameras=n;try{const x=await f({username:S.value.username,viewid:a._id,viewData:a});ze(x)}catch{}},ze=n=>{V.value.camview.viewid=n._id,k.value=!1,b.value=!1},zt=()=>{var n;(n=ue.value)==null||n.toggleFullscreen()},Bt=()=>{var n;le.value=!le.value,(n=ue.value)==null||n.toggleAllPlayerMute(le.value)},It=n=>{var x;let a=re.value;a=a==="always-on"?"standby":a==="standby"?"activity":"always-on",(x=ue.value)==null||x.toggleAllPlayerActivityMode(a),re.value=a},Tt=async n=>{var x;let a=g.value;a=a==="auto"?"low-resolution":a==="low-resolution"?"mid-resolution":a==="mid-resolution"?"high-resolution":"auto",await((x=ue.value)==null?void 0:x.toggleAllPlayerSourceRole(a)),g.value=a},Ft=async n=>{var x;let a=s.value;a=a==="auto"?"webrtc":a==="webrtc"?"mse":"auto",await((x=ue.value)==null?void 0:x.toggleAllPlayerStreamingMode(a)),s.value=a},Lt=async n=>{var a;await((a=ue.value)==null?void 0:a.toggleAllPlayerMicrophone(n))},be=n=>{var x;const a=N.value.indexOf(n);a>-1?N.value.splice(a,1):N.value.push(n),(x=ue.value)==null||x.toggleAllPlayerDetectionClass(n)};return(n,a)=>{var Qe,Ne,Ue,qe,Ye,Xe,Je,Ke,et;const x=va,G=Pe,we=ua,ye=sa,Le=xo,ke=Ho,Ot=Mo,Et=ot,Wt=na,Gt=bo,jt=lt,Qt=oo,Nt=ta,Ut=qo,qt=ko,Yt=to,Oe=rt,Ce=eo;return o(),h("div",null,[c("div",{ref_key:"containerRef",ref:w,class:"h-full w-full dark-mode relative"},[c("div",{class:"fixed flex flex-row h-[55px] w-full border-b-[1px] border-base-color p-2 pr-safe-offset-2 justify-between items-center gap-1 z-2",style:pe({background:"#101010",width:`calc(${e(U).width.value}px + env(safe-area-inset-right, 0px))`})},[!e(k)&&e(q)?(o(),T(G,{key:0,severity:"secondary",class:"cui-button-small",label:e(q).name,disabled:e(me)||e(b)||e(d),onClick:(Qe=e(C))==null?void 0:Qe.toggleMenu},{icon:Q(()=>{var X;return[R(x,{width:"18px",height:"18px",class:ne(["transform transition-transform duration-300",{"rotate-180":(X=e(C))==null?void 0:X.isOpen}])},null,8,["class"])]}),_:1},8,["label","disabled","onClick"])):e(k)&&e(L).name?(o(),T(G,{key:1,severity:"secondary",text:"",class:"cui-button-small",label:e(L).name,disabled:e(me)},null,8,["label","disabled"])):se("",!0),a[6]||(a[6]=c("div",{class:"ml-auto"},null,-1)),!e(ce)&&((Ne=e(q))==null?void 0:Ne.type)==="dnd"?_e((o(),T(G,{key:2,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[0]||(a[0]=X=>e(V).camview.dragDisabled=!e(V).camview.dragDisabled)},{icon:Q(()=>[e(V).camview.dragDisabled?(o(),T(we,{key:0,width:"100%",height:"100%"})):(o(),T(ye,{key:1,width:"100%",height:"100%"}))]),_:1})),[[Ce,{value:e(V).camview.dragDisabled?n.$t("components.form.tooltip.enable_drag"):n.$t("components.form.tooltip.disable_drag")},void 0,{bottom:!0}]]):se("",!0),!e(ce)&&e(q)?_e((o(),T(G,{key:3,fluid:"",text:"",severity:"contrast",class:ne(["cui-icon-lg not-hover:text-surface-400",{active:e(N).length}]),onClick:(Ue=e(A))==null?void 0:Ue.toggleMenu},{icon:Q(()=>[R(Le,{width:"100%",height:"100%"})]),_:1},8,["class","onClick"])),[[Ce,{value:n.$t("components.player.detections")},void 0,{top:!0}]]):se("",!0),!e(ce)&&!e(z)&&e(q)?_e((o(),T(G,{key:4,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[1]||(a[1]=X=>Y.value=!e(Y))},{icon:Q(()=>[e(Y)?(o(),T(Ot,{key:1,width:"100%",height:"100%"})):(o(),T(ke,{key:0,width:"100%",height:"100%"}))]),_:1})),[[Ce,{value:e(Y)?n.$t("components.form.tooltip.hide_timeline"):n.$t("components.form.tooltip.show_timeline")},void 0,{bottom:!0}]]):se("",!0),!e(ce)&&e(q)?(o(),T(Et,{key:5,layout:"vertical"})):se("",!0),!e(ce)&&e(q)?_e((o(),T(G,{key:6,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[2]||(a[2]=X=>He("removeView"))},{icon:Q(()=>[R(Wt,{width:"100%",height:"100%"})]),_:1})),[[Ce,{value:n.$t("components.form.tooltip.delete")},void 0,{bottom:!0}]]):se("",!0),!e(d)&&!e(b)&&!e(k)&&e(q)?_e((o(),T(G,{key:7,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:a[3]||(a[3]=X=>{var Me;return((Me=e(q))==null?void 0:Me.type)==="dnd"?He("editDnd"):b.value=!0})},{icon:Q(()=>[R(Gt,{width:"100%",height:"100%"})]),_:1})),[[Ce,{value:n.$t("components.form.tooltip.edit")},void 0,{bottom:!0}]]):se("",!0),!e(d)&&!e(b)&&!e(k)?_e((o(),T(G,{key:8,rounded:"",text:"",severity:"secondary",class:"cui-icon-md",onClick:(qe=e(Z))==null?void 0:qe.toggleMenu},{icon:Q(()=>{var X;return[R(jt,{class:ne(["transform transition-transform duration-300",{"rotate-45":(X=e(Z))==null?void 0:X.isOpen}]),width:"100%",height:"100%"},null,8,["class"])]}),_:1},8,["onClick"])),[[Ce,{value:n.$t("components.form.tooltip.new")},void 0,{bottom:!0}]]):se("",!0),e(b)||e(k)?(o(),T(G,{key:9,severity:"secondary",class:"cui-button-small",label:n.$t("components.form.button.cancel"),onClick:a[4]||(a[4]=X=>e(b)?b.value=!1:k.value=!1)},null,8,["label"])):se("",!0),e(b)||e(k)?(o(),T(G,{key:10,disabled:e(i).every(X=>X.lastDroppedCamera===void 0),class:"cui-button-small",label:n.$t("components.form.button.save"),onClick:St},null,8,["disabled","label"])):se("",!0)],4),c("div",_n,[c("div",{class:"h-full flex items-center justify-center relative z-1",style:pe({width:`calc(100% - ${e(ie).width.value}px)`})},[e(me)||!e(ae)?(o(),T(Qt,{key:0,class:"w-[30px] h-[30px] m-0","stroke-width":"5"})):!e(k)&&!e(b)&&(e(d)||((Ye=e(q))==null?void 0:Ye.type)==="dnd")?(o(),h("div",{key:1,class:ne(["w-full h-full relative",{"p-2":!e(D)}])},[R(Nt,{ref_key:"dndRef",ref:M,cameras:((Xe=e(q))==null?void 0:Xe.cameras)||[],"db-cameras":((Je=e(u))==null?void 0:Je.result)||[],"no-drag":e(V).camview.dragDisabled,"camera-card-props":e(Ve),onDrag:At},null,8,["cameras","db-cameras","no-drag","camera-card-props"])],2)):!e(d)&&(e(k)||e(b)||((Ke=e(q))==null?void 0:Ke.type)==="view")?(o(),h("div",{key:2,class:ne(["w-full h-full",{"p-2":!(e(ce)&&e(F))}])},[(o(),T(Ut,{ref_key:"viewRef",ref:j,key:e(V).camview.viewid+(e(k)?"-new":e(b)?"-edit":"-view"),cameras:((et=e(u))==null?void 0:et.result)||[],"edit-mode":e(k)||e(b),"view-size":e(k)?e(L).viewSize:e(Fe),title:e(L).name,cards:e(i),"camera-card-props":e(Ve),onDrop:Rt,onRemove:Pt,onChangeViewSize:a[5]||(a[5]=X=>He("editView"))},null,8,["cameras","edit-mode","view-size","title","cards","camera-card-props"]))],2)):(o(),h("span",wn,ve(n.$t("views.camview.no_views_configured")),1))],4),R(Ze,{name:"slide-left"},{default:Q(()=>[!e(z)&&e(Y)?(o(),T(qt,{key:0,ref_key:"timelineRef",ref:p,type:"vertical","dark-mode":"",class:"h-full w-[300px] shrink-0 pt-2 pr-2 pb-2"},null,512)):se("",!0)]),_:1})])],512),!e(ce)&&e(q)?(o(),T(Yt,{key:0,model:e(Mt),direction:"up","transition-delay":80,"tooltip-options":{position:"left",event:void 0},class:ne(["absolute right-2 z-1",{"fixed right-safe-offset-2":e(D)}]),style:pe({bottom:e(D)?`calc(${e(he)}px + 0.5rem + env(safe-area-inset-bottom, 0px))`:"0.5rem",right:e(D)?"calc(0.5rem + env(safe-area-inset-right, 0px))":`calc(${e(ie).width.value}px + 0.5rem)`})},{button:Q(({visible:X,toggleCallback:Me})=>[R(G,{severity:"secondary",class:ne(["dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition",{"opacity-100":X}]),rounded:"",loading:e(me),onClick:Me},{icon:Q(()=>[c("div",yn,[c("div",{class:ne(["bg-white absolute top-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center",{"w-4 h-[2px] rotate-45 top-1/2 -translate-y-1/2 rounded-none":X}])},null,2),c("div",{class:ne(["bg-white absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-1.5 h-1.5 rounded-full transition-all duration-100",{"opacity-0 scale-0":X}])},null,2),c("div",{class:ne(["bg-white absolute bottom-0.5 left-1/2 -translate-x-1/2 w-1.5 h-1.5 rounded-full transform transition-all duration-100 origin-center",{"w-4 h-[2px] -rotate-45 bottom-1/2 translate-y-1/2 rounded-none":X}])},null,2)])]),_:2},1032,["class","loading","onClick"])]),item:Q(({item:X,toggleCallback:Me})=>[_e((o(),T(G,Te({loading:e(me),severity:"secondary"},X.buttonProps,{rounded:"",onClick:Me}),{icon:Q(()=>[(o(),T(gt(X.icon)))]),_:2},1040,["loading","onClick"])),[[Ce,{value:X.label}]])]),_:1},8,["model","class","style"])):se("",!0),R(Oe,{ref_key:"menuRef",ref:C,items:e(kt)},null,8,["items"]),R(Oe,{ref_key:"newViewMenuRef",ref:Z,items:e(Zt)},null,8,["items"]),R(Oe,{ref_key:"detectionMenuRef",ref:A,items:e(bt),"sort-list":"","auto-hide":!1},null,8,["items"])])}}});export{fl as default};