@camera.ui/server 0.0.93 → 0.0.95

package/dist/interface/assets/{Camera-DKaqJO86.js → Camera-CTIUE1PX.js}

@@ -1,2 +1,2 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/CuiCameraRecordings-DbPr4N27.js","assets/vendor-TwHhULaP.js","assets/rolldown-runtime-DAXXjFlN.js","assets/vendor-cameraui-CeENiq5U.js","assets/_plugin-vue_export-helper-BDNMzG2s.js","assets/useSharedComposables-Dyso8kmC.js","assets/vendor-core-D8xC2dee.js","assets/ui-Cfq-tG-U.js","assets/vendor-primevue-D-xm-xIu.js","assets/eventIcons-DkjNd8He.js","assets/face-recognition-D-XTJQ2P.js","assets/types-CEoAgYqA.js","assets/eventIcons-2hVCNchU.css","assets/ring-resize-pZQKpkuo.js","assets/CuiRecordingsGrid-CS01gjpz.js","assets/CuiImage-Ab94PYIg.js","assets/api-DjhIYzsF.js","assets/api-Dx-gynar.css","assets/CuiImage-Bxf7z2N4.css","assets/useFileDownload-DEM9UhjP.js","assets/download-C5mF7t_D.js","assets/CuiRecordingsGrid-CZIZiEuT.css","assets/CuiCameraRecordings-BHj7CUE7.css","assets/CuiCameraTable-DMKLoisE.js","assets/CuiCameraSnapshot-fX1tTzWs.js","assets/cameras-DeAGPYqb.js","assets/useStreamStatus-Bn6gxutk.js","assets/CuiCameraShares-CRJr-JB7.js","assets/CuiActionButton-BTl3-QUV.js","assets/copy-16-filled-CG924HKI.js","assets/shares-CifP6qUz.js","assets/CuiBottomSheet-HO59nDTz.js","assets/CuiBottomSheet-Cgbt7aQP.js","assets/close-DJVAaOAW.js","assets/CuiBottomSheet-DsjZEdig.css"])))=>i.map(i=>d[i]);
-import{$n as e,$t as t,Gt as n,Hn as r,Ht as i,In as a,Jn as o,Qt as s,Rn as c,Tn as ee,Vn as l,Xt as u,Yn as d,Yt as f,Zt as p,cr as m,dr as h,gn as g,in as _,kt as v,on as y,qt as te,rn as b,sr as x,tn as ne,ur as re,wn as S}from"./vendor-TwHhULaP.js";import{Bn as ie,Ht as C,R as ae,U as oe,Vn as se,di as ce,st as le,xi as ue}from"./vendor-cameraui-CeENiq5U.js";import{c as w,l as de,s as fe}from"./vendor-core-D8xC2dee.js";import{C as pe,w as me}from"./CuiCameraCard-CX4MyLdi.js";import{t as T}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as E,t as D}from"./useSharedComposables-Dyso8kmC.js";import{B as he,G as ge,H as _e,J as ve,V as ye,W as be,b as O}from"./vendor-primevue-D-xm-xIu.js";import{t as k}from"./hasPermission-nr9uI1sh.js";import{t as A}from"./types-CEoAgYqA.js";import{t as xe}from"./cameras-DeAGPYqb.js";import{n as j}from"./useCuiDialog-BlhSS0jk.js";import{t as Se}from"./useFileDownload-DEM9UhjP.js";import{t as Ce}from"./download-C5mF7t_D.js";import{t as we}from"./routerState-ByPqbiUl.js";import{n as Te,t as Ee}from"./zoom-in-BYdnjCqc.js";import{t as De}from"./CuiCameraPipCard-Cx8XbdVC.js";var M={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function N(e,n){return S(),t(`svg`,M,[...n[0]||=[u(`g`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`},[u(`path`,{d:`M12 7v5l2 2m3 8l5-3l-5-3z`}),u(`path`,{d:`M13.017 20.943a9 9 0 1 1 7.831-7.292`})],-1)]])}var Oe=d({name:`tabler-clock-play`,render:N}),P={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function F(e,n){return S(),t(`svg`,P,[...n[0]||=[u(`path`,{fill:`currentColor`,d:`M18 18v2H6v-2zm3-7v2H3v-2zm-3-7v2H6V4z`},null,-1)]])}var ke=d({name:`ri-menu5-line`,render:F}),Ae={class:`w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative`},je={key:0,class:`h-full flex items-center justify-center`},Me={class:`flex flex-col-reverse gap-2 items-center`},I=T(y({__name:`Camera`,setup(d){let y=j(()=>v(()=>import(`./CuiCameraRecordings-DbPr4N27.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]))),T=j(()=>v(()=>import(`./CuiCameraTable-DMKLoisE.js`),__vite__mapDeps([23,1,2,3,8,24,15,16,6,17,4,18,25,26]))),M=j(()=>v(()=>import(`./CuiCameraShares-CRJr-JB7.js`),__vite__mapDeps([27,16,2,1,3,6,17,8,28,29,30]))),N=j(()=>v(()=>import(`./CuiBottomSheet-HO59nDTz.js`),__vite__mapDeps([31,32,16,2,1,3,6,17,4,33,34]))),P=new xe,F=ce(),I=O(),L=w(),Ne=de(),{xmdBreakpoint:R,smBreakpoint:z,mdBreakpoint:Pe}=D(),{topbarHeight:Fe}=E(),{plugin:Ie}=C(`@camera.ui/camera-ui-nvr`),Le=we(),B=f(()=>L.params.cameraname),{data:V}=P.getCameraQuery(B),H=[`Off`,`1m`,`2m`,`3m`,`5m`],U=a(`cameraCardRef`),W=a(`cuiTimelineRef`),Re=a(`timelineRef`),G=e(!Le.isTransitioning),ze=e(!1),K=e(!1),Be=e(!1),Ve=e([]),q=e(),He=e(),J=e(0),Y=e(!1),X=f(()=>V.value?._id),Ue=f(()=>!!U.value?.isFullscreen),We=f(()=>W.value?.currentEventDescription),Ge=ue(Re),Z=ae(f(()=>X.value??``),{sourceRole:q}),Q=f(()=>{let e=L.query.startTs,t=Number(e);return e&&!isNaN(t)?t:void 0}),Ke=f(()=>({locale:F.locale.value,dayNames:I.config.locale?.dayNames,dayNamesShort:I.config.locale?.dayNamesShort,monthNames:I.config.locale?.monthNames,monthNamesShort:I.config.locale?.monthNamesShort})),qe=f(()=>{let e=W.value;return!e?.trimStartMs||!e?.trimEndMs?0:e.trimRecordingDurationMs??e.trimEndMs-e.trimStartMs}),$=f(()=>qe.value<3600*1e3);if(ee(A,{active:Be,regions:Ve}),!G.value){let e=c(()=>Le.isTransitioning,t=>{t||(G.value=!0,e())});setTimeout(()=>{G.value||(G.value=!0,e())},1e3)}function Je(){$.value||(J.value=(J.value+1)%H.length)}function Ye(e){try{U.value?.timelineScroll(e)}catch{}}function Xe(e){W.value?.scrollToEvent(e)}async function Ze(){let e=W.value;if(!e)return;let t=e.trimStartMs,n=e.trimEndMs;if(!t||!n||!X.value)return;let r=Ie.value;if(!r?.nvrExport)return;let i=H[J.value],a=i===`Off`?0:parseInt(i)*60;Y.value=!0;try{let e=await r.nvrExport(X.value,t*1e3,n*1e3,{timelapseIntervalSec:a||void 0});await Se({url:e.url,filename:e.filename})}catch(e){console.error(`Export failed:`,e)}finally{Y.value=!1}}return c(Q,e=>{e&&(Z.mode.value=`play`)},{immediate:!0,flush:`sync`}),c([X,Q],([e,t])=>{!e||!t||He.value!==t&&V.value?.name===B.value&&(He.value=t,Z.play(t*1e3),Ne.replace({query:{...L.query,startTs:void 0}}))},{immediate:!0}),c(B,(e,t)=>{t&&R.value&&ze.value&&g(()=>{g(()=>{try{U.value?.toggleTimeline()}catch{}})})},{flush:`pre`}),c(()=>U.value?.timelineState,e=>{e!==void 0&&(ze.value=e)}),c(()=>U.value?.trimMode,e=>{e||(J.value=0)}),c($,e=>{e&&(J.value=0)}),fe((e,t)=>{e.params.cameraname!==t.params.cameraname&&Z.isActive.value&&Z.stop()}),(e,a)=>{let c=De,ee=ie,d=he,f=ye,g=_e,v=be,C=ge,ae=le,ce=pe,ue=me,w=se,de=ke,fe=Oe,E=Ce,D=Ee,O=Te,A=ve;return S(),t(`div`,{class:m({"pt-2":!x(z),"px-2":!x(z)})},[u(`div`,Ae,[u(`div`,{class:m([`w-full flex flex-col gap-2`,{"h-full":!x(z)}]),style:re({paddingRight:!x(z)&&!x(R)?`calc(${x(Ge).width.value||400}px + 0.5rem)`:`0px`})},[u(`div`,{class:m({"flex max-h-[60%]":!x(z)})},[(S(),p(c,{ref_key:`cameraCardRef`,ref:U,key:x(B),"source-role":x(q),"onUpdate:sourceRole":a[0]||=e=>o(q)?q.value=e:null,"back-button":x(z),"camera-info":x(B),"flat-card":x(z),resizable:x(z),"control-microphone-button":!x(z),"toolbar-timeline-button":x(R),"toolbar-description-button":!!x(Ie),"event-description":x(We),"camera-name-overlay":!1,"show-shortcuts":``,"view-transition":``,class:`flex-1 h-full min-w-0`},null,8,[`source-role`,`back-button`,`camera-info`,`flat-card`,`resizable`,`control-microphone-button`,`toolbar-timeline-button`,`toolbar-description-button`,`event-description`]))],2),x(z)?s(``,!0):(S(),p(ae,{key:0,class:`cui-card flex-1 min-h-0`,pt:{content:{class:`overflow-hidden h-full flex flex-col`},body:{class:`h-full`}}},{content:l(()=>[x(G)?(S(),p(C,{key:1,value:`0`,class:`h-full flex flex-col`},{default:l(()=>[_(f,{class:`shrink-0`},{default:l(()=>[_(d,{value:`0`,class:`pt-0 text-sm`},{default:l(()=>[b(h(e.$t(`views.camera.recordings`)),1)]),_:1}),_(d,{value:`1`,class:`pt-0 text-sm`},{default:l(()=>[b(h(e.$t(`views.camera.cameras`)),1)]),_:1}),(`hasPermission`in e?e.hasPermission:x(k))(void 0,`admin`)?(S(),p(d,{key:0,value:`2`,class:`pt-0 text-sm`},{default:l(()=>[b(h(e.$t(`views.camera.shares`)),1)]),_:1})):s(``,!0)]),_:1}),_(v,{class:`camera-tab-panels px-0 pb-0 flex-1 min-h-0`},{default:l(()=>[_(g,{value:`0`,class:`!overflow-hidden`},{default:l(()=>[x(X)?(S(),p(x(y),{key:0,"camera-id":x(X),"camera-name":x(B),camera:x(V),onScrollToEvent:Xe},null,8,[`camera-id`,`camera-name`,`camera`])):s(``,!0)]),_:1}),_(g,{value:`1`},{default:l(()=>[_(x(T),{"active-camera":x(B)},null,8,[`active-camera`])]),_:1}),(`hasPermission`in e?e.hasPermission:x(k))(void 0,`admin`)?(S(),p(g,{key:0,value:`2`},{default:l(()=>[x(X)?(S(),p(x(M),{key:0,"camera-id":x(X),"camera-name":x(B)},null,8,[`camera-id`,`camera-name`])):s(``,!0)]),_:1})):s(``,!0)]),_:1})]),_:1})):(S(),t(`div`,je,[_(ee,{class:`w-[32px] h-[32px]`,"stroke-width":`4`})]))]),_:1}))],6),x(R)?s(``,!0):r((S(),t(`div`,{key:0,id:`camera-sidebar`,ref_key:`timelineRef`,ref:Re,class:m([`min-w-[400px]`,{"border-t-[1px] border-color":x(z),"lg:fixed lg:right-safe-offset-2 lg:bottom-safe-offset-2":!x(z)&&!x(R)}]),style:re({height:`calc(100% - ${x(Fe)}px - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))`})},null,6)),[[i,!x(Ue)]])]),x(z)&&x(G)?(S(),p(x(N),{key:0,modelValue:x(K),"onUpdate:modelValue":a[1]||=e=>o(K)?K.value=e:null,height:`70vh`,"max-height":`85vh`},{default:l(()=>[(S(),p(C,{key:x(B),value:`0`,class:`h-full flex flex-col`},{default:l(()=>[_(f,{class:`shrink-0 w-full mt-5`},{default:l(()=>[_(d,{value:`0`,class:`pt-0 text-sm flex-1`},{default:l(()=>[b(h(e.$t(`views.camera.recordings`)),1)]),_:1}),_(d,{value:`1`,class:`pt-0 text-sm flex-1`},{default:l(()=>[b(h(e.$t(`views.camera.cameras`)),1)]),_:1}),_(d,{value:`2`,class:`pt-0 text-sm flex-1`},{default:l(()=>[b(h(e.$t(`views.camera.shares`)),1)]),_:1})]),_:1}),_(v,{class:`mobile-sheet-panels px-0 pb-0 flex-1 min-h-0`},{default:l(()=>[_(g,{value:`0`,class:`h-full !overflow-hidden`},{default:l(()=>[x(X)?(S(),p(x(y),{key:0,"camera-id":x(X),"camera-name":x(B),camera:x(V),compact:``,onScrollToEvent:Xe},null,8,[`camera-id`,`camera-name`,`camera`])):s(``,!0)]),_:1}),_(g,{value:`1`,class:`h-full overflow-auto`},{default:l(()=>[_(x(T),{"active-camera":x(B)},null,8,[`active-camera`])]),_:1}),_(g,{value:`2`,class:`h-full overflow-auto`},{default:l(()=>[x(X)?(S(),p(x(M),{key:0,"camera-id":x(X),"camera-name":x(B)},null,8,[`camera-id`,`camera-name`])):s(``,!0)]),_:1})]),_:1})]),_:1}))]),_:1},8,[`modelValue`])):s(``,!0),(S(),p(te,{key:x(B),to:x(R)?`#timeline-container`:`#camera-sidebar`,defer:``},[(S(),p(x(oe),{ref_key:`cuiTimelineRef`,ref:W,key:x(B),"camera-ids":x(X)?[x(X)]:[],loading:!x(G),"flat-card":x(z)||x(R),type:x(R)?`horizontal`:`vertical`,"show-segments":!x(z)&&!x(R),"show-zoom":!0,"initial-timestamp":x(Q),class:m({"absolute bottom-0 left-0 w-full h-[200px]":x(R),"h-full":!x(R)}),"card-class":{"h-[200px]":x(R)},transparent:x(R),"dark-mode":x(R),"overlay-class":x(R)?`timeline-overlay !z-0`:void 0,"locale-settings":x(Ke),"trim-mode":x(U)?.trimMode,"ignore-bottom-safe-area":!x(R),"md-breakpoint":x(Pe),onScrolling:Ye},{"bottom-right":l(()=>[u(`div`,Me,[x(z)?r((S(),p(w,{key:0,rounded:``,severity:`primary`,disabled:x(U)?.micButtonDisabled??!0,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[2]||=e=>x(U)?.toggleMicrophone(void 0,!0)},{icon:l(()=>[x(U)?.micActive?(S(),p(ce,{key:0,width:`100%`,height:`100%`})):(S(),p(ue,{key:1,width:`100%`,height:`100%`}))]),_:1},8,[`disabled`])),[[A,{value:e.$t(`components.player.intercom`)},void 0,{left:!0}]]):s(``,!0),x(z)?r((S(),p(w,{key:1,rounded:``,severity:`secondary`,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[3]||=e=>K.value=!0},{icon:l(()=>[_(de,{width:`100%`,height:`100%`})]),_:1})),[[A,{value:e.$t(`components.player.more`)},void 0,{left:!0}]]):s(``,!0),x(U)?.trimMode?(S(),t(n,{key:2},[r((S(),p(w,{rounded:``,severity:`secondary`,disabled:x($),label:x(J)>0?H[x(J)]:void 0,class:`shadow-md pointer-events-auto w-12 h-12 !text-xs !font-semibold`,onClick:Je},ne({_:2},[x(J)===0?{name:`icon`,fn:l(()=>[_(fe,{width:`100%`,height:`100%`,class:`opacity-40`})]),key:`0`}:void 0]),1032,[`disabled`,`label`])),[[A,{value:x($)?e.$t(`components.player.timelapse_min_duration`):x(J)>0?`${e.$t(`components.player.timelapse`)}: ${H[x(J)]}`:e.$t(`components.player.timelapse_off`)},void 0,{left:!0}]]),r((S(),p(w,{rounded:``,severity:`success`,loading:x(Y),class:`shadow-md pointer-events-auto w-12 h-12`,onClick:Ze},{icon:l(()=>[_(E,{width:`100%`,height:`100%`})]),_:1},8,[`loading`])),[[A,{value:e.$t(`components.player.export_selection`)},void 0,{left:!0}]])],64)):s(``,!0),x(z)||x(R)?(S(),t(n,{key:3},[r((S(),p(w,{rounded:``,severity:`secondary`,disabled:(x(W)?.zoomLevel??0)>=8,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[4]||=e=>x(W)?.zoomIn()},{icon:l(()=>[_(D,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[A,{value:e.$t(`components.form.tooltip.zoom_in`)},void 0,{left:!0}]]),r((S(),p(w,{rounded:``,severity:`secondary`,disabled:(x(W)?.zoomLevel??0)<=0,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[5]||=e=>x(W)?.zoomOut()},{icon:l(()=>[_(O,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[A,{value:e.$t(`components.form.tooltip.zoom_out`)},void 0,{left:!0}]])],64)):s(``,!0)])]),_:1},8,[`camera-ids`,`loading`,`flat-card`,`type`,`show-segments`,`initial-timestamp`,`class`,`card-class`,`transparent`,`dark-mode`,`overlay-class`,`locale-settings`,`trim-mode`,`ignore-bottom-safe-area`,`md-breakpoint`]))],8,[`to`]))],2)}}}),[[`__scopeId`,`data-v-af2d723b`]]);export{I as default};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/CuiCameraRecordings-DbPr4N27.js","assets/vendor-TwHhULaP.js","assets/rolldown-runtime-DAXXjFlN.js","assets/vendor-cameraui-CeENiq5U.js","assets/_plugin-vue_export-helper-BDNMzG2s.js","assets/useSharedComposables-Dyso8kmC.js","assets/vendor-core-D8xC2dee.js","assets/ui-Cfq-tG-U.js","assets/vendor-primevue-D-xm-xIu.js","assets/eventIcons-DkjNd8He.js","assets/face-recognition-D-XTJQ2P.js","assets/types-CEoAgYqA.js","assets/eventIcons-2hVCNchU.css","assets/ring-resize-pZQKpkuo.js","assets/CuiRecordingsGrid-CS01gjpz.js","assets/CuiImage-Ab94PYIg.js","assets/api-DjhIYzsF.js","assets/api-Dx-gynar.css","assets/CuiImage-Bxf7z2N4.css","assets/useFileDownload-DEM9UhjP.js","assets/download-C5mF7t_D.js","assets/CuiRecordingsGrid-CZIZiEuT.css","assets/CuiCameraRecordings-BHj7CUE7.css","assets/CuiCameraTable-DMKLoisE.js","assets/CuiCameraSnapshot-fX1tTzWs.js","assets/cameras-DeAGPYqb.js","assets/useStreamStatus-Bn6gxutk.js","assets/CuiCameraShares-BCTN3Ie-.js","assets/CuiActionButton-BTl3-QUV.js","assets/copy-16-filled-DUaht4LK.js","assets/shares-CifP6qUz.js","assets/CuiBottomSheet-HO59nDTz.js","assets/CuiBottomSheet-Cgbt7aQP.js","assets/close-DJVAaOAW.js","assets/CuiBottomSheet-DsjZEdig.css"])))=>i.map(i=>d[i]);
+import{$n as e,$t as t,Gt as n,Hn as r,Ht as i,In as a,Jn as o,Qt as s,Rn as c,Tn as ee,Vn as l,Xt as u,Yn as d,Yt as f,Zt as p,cr as m,dr as h,gn as g,in as _,kt as v,on as y,qt as te,rn as b,sr as x,tn as ne,ur as re,wn as S}from"./vendor-TwHhULaP.js";import{Bn as ie,Ht as C,R as ae,U as oe,Vn as se,di as ce,st as le,xi as ue}from"./vendor-cameraui-CeENiq5U.js";import{c as w,l as de,s as fe}from"./vendor-core-D8xC2dee.js";import{C as pe,w as me}from"./CuiCameraCard-BJpi9GYb.js";import{t as T}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as E,t as D}from"./useSharedComposables-Dyso8kmC.js";import{B as he,G as ge,H as _e,J as ve,V as ye,W as be,b as O}from"./vendor-primevue-D-xm-xIu.js";import{t as k}from"./hasPermission-nr9uI1sh.js";import{t as A}from"./types-CEoAgYqA.js";import{t as xe}from"./cameras-DeAGPYqb.js";import{n as j}from"./useCuiDialog-BlhSS0jk.js";import{t as Se}from"./useFileDownload-DEM9UhjP.js";import{t as Ce}from"./download-C5mF7t_D.js";import{t as we}from"./routerState-ByPqbiUl.js";import{n as Te,t as Ee}from"./zoom-in-BYdnjCqc.js";import{t as De}from"./CuiCameraPipCard-CLa09t5W.js";var M={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function N(e,n){return S(),t(`svg`,M,[...n[0]||=[u(`g`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`},[u(`path`,{d:`M12 7v5l2 2m3 8l5-3l-5-3z`}),u(`path`,{d:`M13.017 20.943a9 9 0 1 1 7.831-7.292`})],-1)]])}var Oe=d({name:`tabler-clock-play`,render:N}),P={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function F(e,n){return S(),t(`svg`,P,[...n[0]||=[u(`path`,{fill:`currentColor`,d:`M18 18v2H6v-2zm3-7v2H3v-2zm-3-7v2H6V4z`},null,-1)]])}var ke=d({name:`ri-menu5-line`,render:F}),Ae={class:`w-full h-full flex flex-col lg:flex-row gap-0 lg:gap-2 relative`},je={key:0,class:`h-full flex items-center justify-center`},Me={class:`flex flex-col-reverse gap-2 items-center`},I=T(y({__name:`Camera`,setup(d){let y=j(()=>v(()=>import(`./CuiCameraRecordings-DbPr4N27.js`),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]))),T=j(()=>v(()=>import(`./CuiCameraTable-DMKLoisE.js`),__vite__mapDeps([23,1,2,3,8,24,15,16,6,17,4,18,25,26]))),M=j(()=>v(()=>import(`./CuiCameraShares-BCTN3Ie-.js`),__vite__mapDeps([27,16,2,1,3,6,17,8,28,29,30]))),N=j(()=>v(()=>import(`./CuiBottomSheet-HO59nDTz.js`),__vite__mapDeps([31,32,16,2,1,3,6,17,4,33,34]))),P=new xe,F=ce(),I=O(),L=w(),Ne=de(),{xmdBreakpoint:R,smBreakpoint:z,mdBreakpoint:Pe}=D(),{topbarHeight:Fe}=E(),{plugin:Ie}=C(`@camera.ui/camera-ui-nvr`),Le=we(),B=f(()=>L.params.cameraname),{data:V}=P.getCameraQuery(B),H=[`Off`,`1m`,`2m`,`3m`,`5m`],U=a(`cameraCardRef`),W=a(`cuiTimelineRef`),Re=a(`timelineRef`),G=e(!Le.isTransitioning),ze=e(!1),K=e(!1),Be=e(!1),Ve=e([]),q=e(),He=e(),J=e(0),Y=e(!1),X=f(()=>V.value?._id),Ue=f(()=>!!U.value?.isFullscreen),We=f(()=>W.value?.currentEventDescription),Ge=ue(Re),Z=ae(f(()=>X.value??``),{sourceRole:q}),Q=f(()=>{let e=L.query.startTs,t=Number(e);return e&&!isNaN(t)?t:void 0}),Ke=f(()=>({locale:F.locale.value,dayNames:I.config.locale?.dayNames,dayNamesShort:I.config.locale?.dayNamesShort,monthNames:I.config.locale?.monthNames,monthNamesShort:I.config.locale?.monthNamesShort})),qe=f(()=>{let e=W.value;return!e?.trimStartMs||!e?.trimEndMs?0:e.trimRecordingDurationMs??e.trimEndMs-e.trimStartMs}),$=f(()=>qe.value<3600*1e3);if(ee(A,{active:Be,regions:Ve}),!G.value){let e=c(()=>Le.isTransitioning,t=>{t||(G.value=!0,e())});setTimeout(()=>{G.value||(G.value=!0,e())},1e3)}function Je(){$.value||(J.value=(J.value+1)%H.length)}function Ye(e){try{U.value?.timelineScroll(e)}catch{}}function Xe(e){W.value?.scrollToEvent(e)}async function Ze(){let e=W.value;if(!e)return;let t=e.trimStartMs,n=e.trimEndMs;if(!t||!n||!X.value)return;let r=Ie.value;if(!r?.nvrExport)return;let i=H[J.value],a=i===`Off`?0:parseInt(i)*60;Y.value=!0;try{let e=await r.nvrExport(X.value,t*1e3,n*1e3,{timelapseIntervalSec:a||void 0});await Se({url:e.url,filename:e.filename})}catch(e){console.error(`Export failed:`,e)}finally{Y.value=!1}}return c(Q,e=>{e&&(Z.mode.value=`play`)},{immediate:!0,flush:`sync`}),c([X,Q],([e,t])=>{!e||!t||He.value!==t&&V.value?.name===B.value&&(He.value=t,Z.play(t*1e3),Ne.replace({query:{...L.query,startTs:void 0}}))},{immediate:!0}),c(B,(e,t)=>{t&&R.value&&ze.value&&g(()=>{g(()=>{try{U.value?.toggleTimeline()}catch{}})})},{flush:`pre`}),c(()=>U.value?.timelineState,e=>{e!==void 0&&(ze.value=e)}),c(()=>U.value?.trimMode,e=>{e||(J.value=0)}),c($,e=>{e&&(J.value=0)}),fe((e,t)=>{e.params.cameraname!==t.params.cameraname&&Z.isActive.value&&Z.stop()}),(e,a)=>{let c=De,ee=ie,d=he,f=ye,g=_e,v=be,C=ge,ae=le,ce=pe,ue=me,w=se,de=ke,fe=Oe,E=Ce,D=Ee,O=Te,A=ve;return S(),t(`div`,{class:m({"pt-2":!x(z),"px-2":!x(z)})},[u(`div`,Ae,[u(`div`,{class:m([`w-full flex flex-col gap-2`,{"h-full":!x(z)}]),style:re({paddingRight:!x(z)&&!x(R)?`calc(${x(Ge).width.value||400}px + 0.5rem)`:`0px`})},[u(`div`,{class:m({"flex max-h-[60%]":!x(z)})},[(S(),p(c,{ref_key:`cameraCardRef`,ref:U,key:x(B),"source-role":x(q),"onUpdate:sourceRole":a[0]||=e=>o(q)?q.value=e:null,"back-button":x(z),"camera-info":x(B),"flat-card":x(z),resizable:x(z),"control-microphone-button":!x(z),"toolbar-timeline-button":x(R),"toolbar-description-button":!!x(Ie),"event-description":x(We),"camera-name-overlay":!1,"show-shortcuts":``,"view-transition":``,class:`flex-1 h-full min-w-0`},null,8,[`source-role`,`back-button`,`camera-info`,`flat-card`,`resizable`,`control-microphone-button`,`toolbar-timeline-button`,`toolbar-description-button`,`event-description`]))],2),x(z)?s(``,!0):(S(),p(ae,{key:0,class:`cui-card flex-1 min-h-0`,pt:{content:{class:`overflow-hidden h-full flex flex-col`},body:{class:`h-full`}}},{content:l(()=>[x(G)?(S(),p(C,{key:1,value:`0`,class:`h-full flex flex-col`},{default:l(()=>[_(f,{class:`shrink-0`},{default:l(()=>[_(d,{value:`0`,class:`pt-0 text-sm`},{default:l(()=>[b(h(e.$t(`views.camera.recordings`)),1)]),_:1}),_(d,{value:`1`,class:`pt-0 text-sm`},{default:l(()=>[b(h(e.$t(`views.camera.cameras`)),1)]),_:1}),(`hasPermission`in e?e.hasPermission:x(k))(void 0,`admin`)?(S(),p(d,{key:0,value:`2`,class:`pt-0 text-sm`},{default:l(()=>[b(h(e.$t(`views.camera.shares`)),1)]),_:1})):s(``,!0)]),_:1}),_(v,{class:`camera-tab-panels px-0 pb-0 flex-1 min-h-0`},{default:l(()=>[_(g,{value:`0`,class:`!overflow-hidden`},{default:l(()=>[x(X)?(S(),p(x(y),{key:0,"camera-id":x(X),"camera-name":x(B),camera:x(V),onScrollToEvent:Xe},null,8,[`camera-id`,`camera-name`,`camera`])):s(``,!0)]),_:1}),_(g,{value:`1`},{default:l(()=>[_(x(T),{"active-camera":x(B)},null,8,[`active-camera`])]),_:1}),(`hasPermission`in e?e.hasPermission:x(k))(void 0,`admin`)?(S(),p(g,{key:0,value:`2`},{default:l(()=>[x(X)?(S(),p(x(M),{key:0,"camera-id":x(X),"camera-name":x(B)},null,8,[`camera-id`,`camera-name`])):s(``,!0)]),_:1})):s(``,!0)]),_:1})]),_:1})):(S(),t(`div`,je,[_(ee,{class:`w-[32px] h-[32px]`,"stroke-width":`4`})]))]),_:1}))],6),x(R)?s(``,!0):r((S(),t(`div`,{key:0,id:`camera-sidebar`,ref_key:`timelineRef`,ref:Re,class:m([`min-w-[400px]`,{"border-t-[1px] border-color":x(z),"lg:fixed lg:right-safe-offset-2 lg:bottom-safe-offset-2":!x(z)&&!x(R)}]),style:re({height:`calc(100% - ${x(Fe)}px - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))`})},null,6)),[[i,!x(Ue)]])]),x(z)&&x(G)?(S(),p(x(N),{key:0,modelValue:x(K),"onUpdate:modelValue":a[1]||=e=>o(K)?K.value=e:null,height:`70vh`,"max-height":`85vh`},{default:l(()=>[(S(),p(C,{key:x(B),value:`0`,class:`h-full flex flex-col`},{default:l(()=>[_(f,{class:`shrink-0 w-full mt-5`},{default:l(()=>[_(d,{value:`0`,class:`pt-0 text-sm flex-1`},{default:l(()=>[b(h(e.$t(`views.camera.recordings`)),1)]),_:1}),_(d,{value:`1`,class:`pt-0 text-sm flex-1`},{default:l(()=>[b(h(e.$t(`views.camera.cameras`)),1)]),_:1}),_(d,{value:`2`,class:`pt-0 text-sm flex-1`},{default:l(()=>[b(h(e.$t(`views.camera.shares`)),1)]),_:1})]),_:1}),_(v,{class:`mobile-sheet-panels px-0 pb-0 flex-1 min-h-0`},{default:l(()=>[_(g,{value:`0`,class:`h-full !overflow-hidden`},{default:l(()=>[x(X)?(S(),p(x(y),{key:0,"camera-id":x(X),"camera-name":x(B),camera:x(V),compact:``,onScrollToEvent:Xe},null,8,[`camera-id`,`camera-name`,`camera`])):s(``,!0)]),_:1}),_(g,{value:`1`,class:`h-full overflow-auto`},{default:l(()=>[_(x(T),{"active-camera":x(B)},null,8,[`active-camera`])]),_:1}),_(g,{value:`2`,class:`h-full overflow-auto`},{default:l(()=>[x(X)?(S(),p(x(M),{key:0,"camera-id":x(X),"camera-name":x(B)},null,8,[`camera-id`,`camera-name`])):s(``,!0)]),_:1})]),_:1})]),_:1}))]),_:1},8,[`modelValue`])):s(``,!0),(S(),p(te,{key:x(B),to:x(R)?`#timeline-container`:`#camera-sidebar`,defer:``},[(S(),p(x(oe),{ref_key:`cuiTimelineRef`,ref:W,key:x(B),"camera-ids":x(X)?[x(X)]:[],loading:!x(G),"flat-card":x(z)||x(R),type:x(R)?`horizontal`:`vertical`,"show-segments":!x(z)&&!x(R),"show-zoom":!0,"initial-timestamp":x(Q),class:m({"absolute bottom-0 left-0 w-full h-[200px]":x(R),"h-full":!x(R)}),"card-class":{"h-[200px]":x(R)},transparent:x(R),"dark-mode":x(R),"overlay-class":x(R)?`timeline-overlay !z-0`:void 0,"locale-settings":x(Ke),"trim-mode":x(U)?.trimMode,"ignore-bottom-safe-area":!x(R),"md-breakpoint":x(Pe),onScrolling:Ye},{"bottom-right":l(()=>[u(`div`,Me,[x(z)?r((S(),p(w,{key:0,rounded:``,severity:`primary`,disabled:x(U)?.micButtonDisabled??!0,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[2]||=e=>x(U)?.toggleMicrophone(void 0,!0)},{icon:l(()=>[x(U)?.micActive?(S(),p(ce,{key:0,width:`100%`,height:`100%`})):(S(),p(ue,{key:1,width:`100%`,height:`100%`}))]),_:1},8,[`disabled`])),[[A,{value:e.$t(`components.player.intercom`)},void 0,{left:!0}]]):s(``,!0),x(z)?r((S(),p(w,{key:1,rounded:``,severity:`secondary`,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[3]||=e=>K.value=!0},{icon:l(()=>[_(de,{width:`100%`,height:`100%`})]),_:1})),[[A,{value:e.$t(`components.player.more`)},void 0,{left:!0}]]):s(``,!0),x(U)?.trimMode?(S(),t(n,{key:2},[r((S(),p(w,{rounded:``,severity:`secondary`,disabled:x($),label:x(J)>0?H[x(J)]:void 0,class:`shadow-md pointer-events-auto w-12 h-12 !text-xs !font-semibold`,onClick:Je},ne({_:2},[x(J)===0?{name:`icon`,fn:l(()=>[_(fe,{width:`100%`,height:`100%`,class:`opacity-40`})]),key:`0`}:void 0]),1032,[`disabled`,`label`])),[[A,{value:x($)?e.$t(`components.player.timelapse_min_duration`):x(J)>0?`${e.$t(`components.player.timelapse`)}: ${H[x(J)]}`:e.$t(`components.player.timelapse_off`)},void 0,{left:!0}]]),r((S(),p(w,{rounded:``,severity:`success`,loading:x(Y),class:`shadow-md pointer-events-auto w-12 h-12`,onClick:Ze},{icon:l(()=>[_(E,{width:`100%`,height:`100%`})]),_:1},8,[`loading`])),[[A,{value:e.$t(`components.player.export_selection`)},void 0,{left:!0}]])],64)):s(``,!0),x(z)||x(R)?(S(),t(n,{key:3},[r((S(),p(w,{rounded:``,severity:`secondary`,disabled:(x(W)?.zoomLevel??0)>=8,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[4]||=e=>x(W)?.zoomIn()},{icon:l(()=>[_(D,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[A,{value:e.$t(`components.form.tooltip.zoom_in`)},void 0,{left:!0}]]),r((S(),p(w,{rounded:``,severity:`secondary`,disabled:(x(W)?.zoomLevel??0)<=0,class:`shadow-md pointer-events-auto w-12 h-12`,onClick:a[5]||=e=>x(W)?.zoomOut()},{icon:l(()=>[_(O,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[A,{value:e.$t(`components.form.tooltip.zoom_out`)},void 0,{left:!0}]])],64)):s(``,!0)])]),_:1},8,[`camera-ids`,`loading`,`flat-card`,`type`,`show-segments`,`initial-timestamp`,`class`,`card-class`,`transparent`,`dark-mode`,`overlay-class`,`locale-settings`,`trim-mode`,`ignore-bottom-safe-area`,`md-breakpoint`]))],8,[`to`]))],2)}}}),[[`__scopeId`,`data-v-af2d723b`]]);export{I as default};

package/dist/interface/assets/{Camview-BXv8glBQ.js → Camview-BnpJaGfI.js}

@@ -1 +1 @@
-import{S as e,d as t,i as n,y as r}from"./api-DjhIYzsF.js";import{$n as i,$t as a,An as o,C as s,Cn as c,En as l,Gt as u,Hn as d,Ht as f,In as p,Qt as m,Rn as h,Rt as g,Sn as _,T as v,Vn as y,Wt as ee,Xt as b,Yn as x,Yt as S,Zn as C,Zt as w,ar as T,cr as E,dn as D,dr as O,gn as te,hn as ne,in as k,nr as A,on as j,pn as M,rr as re,sr as N,ur as P,w as F,wn as I,yn as L}from"./vendor-TwHhULaP.js";import{A as ie,Bn as ae,F as R,Ft as z,U as oe,Vn as B,di as se,et as V,xi as ce}from"./vendor-cameraui-CeENiq5U.js";import{f as le}from"./vendor-core-D8xC2dee.js";import{A as H,C as ue,D as U,E as de,F as fe,M as pe,N as W,O as me,P as he,T as ge,j as _e,k as ve}from"./CuiCameraCard-CX4MyLdi.js";import{t as ye}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{i as be,n as xe,r as Se,t as Ce}from"./useSharedComposables-Dyso8kmC.js";import{n as we}from"./ui-Cfq-tG-U.js";import{t as Te}from"./close-DJVAaOAW.js";import{J as Ee,K as De,R as Oe,U as ke,b as Ae,o as je}from"./vendor-primevue-D-xm-xIu.js";import{t as Me}from"./grid-fill-DB5dDV_p.js";import{t as G}from"./CuiCameraSnapshot-fX1tTzWs.js";import{a as K,i as q,n as J,r as Y,t as Ne}from"./vendor-dnd-xonm_1Rf.js";import{n as Pe,t as Fe}from"./CuiMenu-CX2XxBmg.js";import{t as Ie}from"./cameras-DeAGPYqb.js";import{t as Le}from"./useCuiDialog-BlhSS0jk.js";import{a as Re}from"./users.schema-D9OMoaax.js";import{t as ze}from"./routerState-ByPqbiUl.js";import{n as Be,t as Ve}from"./microphone-D82UAyKX.js";import{t as He}from"./check-CTsqABwX.js";import{t as Ue}from"./plus-f_BxgZ2Q.js";import{t as We}from"./delete-Ulf8FkG7.js";import{t as Ge}from"./CuiCameraPipCard-Cx8XbdVC.js";import{n as Ke,t as qe}from"./CuiTopNavbarItem-dBqQ0_Wd.js";import{t as Je}from"./vendor-gridstack-DD5uGA3X.js";var X={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ye(e,t){return I(),a(`svg`,X,[...t[0]||=[b(`path`,{fill:`currentColor`,d:`M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2L8.6 4.5L10 7zm12 9.8L22 14l-1.4 2.5L22 19l-2.5-1.4L17 19l1.4-2.5L17 14zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4zm-8.66 10.78l2.44-2.44l-2.12-2.12l-2.44 2.44zm1.03-5.49l2.34 2.34c.39.37.39 1.02 0 1.41L5.04 22.71c-.39.39-1.04.39-1.41 0l-2.34-2.34c-.39-.37-.39-1.02 0-1.41L12.96 7.29c.39-.39 1.04-.39 1.41 0`},null,-1)]])}var Xe=x({name:`mdi-auto-fix`,render:Ye}),Ze={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Z(e,t){return I(),a(`svg`,Ze,[...t[0]||=[b(`g`,{fill:`none`,"fill-rule":`evenodd`},[b(`path`,{d:`m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z`}),b(`path`,{fill:`currentColor`,d:`M19 11a2 2 0 0 1 1.995 1.85L21 13v6a2 2 0 0 1-1.85 1.995L19 21h-4a2 2 0 0 1-1.995-1.85L13 19v-6a2 2 0 0 1 1.85-1.995L15 11zM9 15a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2zM9 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm10 0a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`})],-1)]])}var Qe=x({name:`mingcute-grid2-fill`,render:Z}),$e={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function et(e,t){return I(),a(`svg`,$e,[...t[0]||=[b(`path`,{fill:`currentColor`,d:`M13 6v5h5V7.75L22.25 12L18 16.25V13h-5v5h3.25L12 22.25L7.75 18H11v-5H6v3.25L1.75 12L6 7.75V11h5V6H7.75L12 1.75L16.25 6z`},null,-1)]])}var tt=x({name:`mdi-cursor-move`,render:et}),nt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function rt(e,t){return I(),a(`svg`,nt,[...t[0]||=[b(`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)]])}var it=x({name:`fluent-pulse-24-filled`,render:rt}),Q={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function at(e,t){return I(),a(`svg`,Q,[...t[0]||=[b(`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),b(`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)]])}var ot=x({name:`heroicons-speaker-wave-16-solid`,render:at}),st={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function $(e,t){return I(),a(`svg`,st,[...t[0]||=[b(`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)]])}var ct=x({name:`heroicons-speaker-x-mark-16-solid`,render:$}),lt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function ut(e,t){return I(),a(`svg`,lt,[...t[0]||=[b(`path`,{fill:`currentColor`,d:`M10.4 13.45h3.2l.6 1.625q.075.2.238.313t.362.112q.35 0 .538-.275t.062-.6l-2.55-6.7q-.075-.2-.237-.312T12.25 7.5h-.5q-.2 0-.363.113t-.237.312L8.625 14.65q-.125.3.05.575t.525.275q.2 0 .363-.112t.237-.313zm.4-1.15L11.95 9h.1l1.15 3.3zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12q0-.8.125-1.6T2.5 8.825q.125-.4.513-.537t.737.062q.375.2.538.588t.037.812q-.15.55-.238 1.113T4 12q0 3.35 2.325 5.675T12 20t5.675-2.325T20 12t-2.325-5.675T12 4q-.6 0-1.187.087T9.65 4.35q-.425.125-.8-.025T8.3 3.8t-.013-.762t.563-.513q.75-.275 1.55-.4T12 2q2.075 0 3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22M4.438 6.563Q4 6.125 4 5.5t.438-1.062T5.5 4t1.063.438T7 5.5t-.437 1.063T5.5 7t-1.062-.437M12 12`},null,-1)]])}var dt=x({name:`material-symbols-motion-photos-auto-outline-rounded`,render:ut}),ft={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function pt(e,t){return I(),a(`svg`,ft,[...t[0]||=[b(`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)]])}var mt=x({name:`mdi-card-plus-outline`,render:pt}),ht={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function gt(e,t){return I(),a(`svg`,ht,[...t[0]||=[b(`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)]])}var _t=x({name:`mdi-drag-vertical`,render:gt}),vt={class:`text-sm text-muted truncate`},yt=ye(j({__name:`ViewDnDDrag`,props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(e){let{camera:t,canDrag:n}=T(e),r=p(`boxRef`),o=A(null),s=i(0),c=i(0),l=i(!1),{x:u,y:d,sourceType:f}=be(),[m,g]=q(()=>({type:`camera-sidebar`,options:{dropEffect:`copy`},item:t.value,canDrag:n.value,collect:e=>({style:{opacity:e.isDragging()?.4:1},isDragging:e.isDragging()})})),_=S(()=>m.value.isDragging),v=S(()=>_.value&&f.value===`touch`);function ee(){o.value&&document.body.contains(o.value)&&document.body.removeChild(o.value),o.value=null}function x(){if(ee(),!r.value)return;let e=r.value.cloneNode(!0),t=r.value.getBoundingClientRect();e.style.width=`${t.width}px`,e.style.height=`${t.height}px`,e.classList.add(`drag-preview`),e.style.position=`fixed`,e.style.left=`${u.value-s.value}px`,e.style.top=`${d.value-c.value}px`,document.body.appendChild(e),o.value=e}function C(){l.value=!1,ee()}function w(){C(),l.value=!0;let e=r.value?.getBoundingClientRect();e&&(s.value=u.value-e.left,c.value=d.value-e.top,x())}function D(){!o.value||!l.value||requestAnimationFrame(()=>{o.value&&(o.value.style.left=`${u.value-s.value}px`,o.value.style.top=`${d.value-c.value}px`)})}return h(v,e=>e?w():C()),h([u,d],()=>D(),{flush:`sync`}),L(()=>C()),(n,i)=>{let o=_t,s=G,c=B;return I(),a(`div`,{ref_key:`boxRef`,ref:r},[b(`div`,{ref:N(g),style:P(N(m).style)},[k(c,{disabled:e.isDropped,fluid:``,severity:`secondary`,class:`cui-rounded-corner dark-mode shadow-sm items-center justify-normal`,style:P({cursor:e.isDropped?`not-allowed`:`grab`})},{default:y(()=>[k(o,{size:`20`,class:`text-muted mr-2`}),k(s,{camera:N(t),width:`110px`,class:E([`cui-rounded-corner shadow-md overflow-hidden`,{"opacity-30":e.isDropped}])},null,8,[`camera`,`class`]),b(`span`,vt,O(N(t).name),1)]),_:1},8,[`disabled`,`style`])],4)],512)}}}),[[`__scopeId`,`data-v-a4c67afd`]]),bt={editMode:!1,rearrangeMode:!1,viewSize:1},xt=Object.fromEntries(Object.entries({1:{cols:1,rows:1},4:{cols:2,rows:2},6:{cols:3,rows:3},7:{cols:4,rows:4},9:{cols:3,rows:3},10:{cols:4,rows:4},12:{cols:6,rows:6},13:{cols:4,rows:4},15:{cols:12,rows:12},16:{cols:4,rows:4},20:{cols:6,rows:6},26:{cols:12,rows:12}}).map(([e,t])=>[e,{cols:t.cols*16,rows:t.rows*16}])),St=e=>e.map(e=>({x:e.x*16,y:e.y*16,w:e.w*16,h:e.h*16})),Ct=Object.fromEntries(Object.entries({1:[{x:0,y:0,w:1,h:1}],4:[{x:0,y:0,w:1,h:1},{x:1,y:0,w:1,h:1},{x:0,y:1,w:1,h:1},{x:1,y:1,w:1,h:1}],6:[{x:0,y:0,w:2,h:2},{x:2,y:0,w:1,h:1},{x:2,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1}],7:[{x:0,y:0,w:2,h:2},{x:2,y:0,w:2,h:2},{x:0,y:2,w:2,h:2},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],9:[{x:0,y:0,w:1,h:1},{x:1,y:0,w:1,h:1},{x:2,y:0,w:1,h:1},{x:0,y:1,w:1,h:1},{x:1,y:1,w:1,h:1},{x:2,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1}],10:[{x:0,y:0,w:2,h:2},{x:0,y:2,w:2,h:2},{x:2,y:0,w:1,h:1},{x:3,y:0,w:1,h:1},{x:2,y:1,w:1,h:1},{x:3,y:1,w:1,h:1},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],12:[{x:0,y:0,w:3,h:3},{x:3,y:0,w:3,h:3},{x:0,y:3,w:3,h:3},{x:3,y:3,w:1,h:1},{x:4,y:3,w:1,h:1},{x:5,y:3,w:1,h:1},{x:3,y:4,w:1,h:1},{x:4,y:4,w:1,h:1},{x:5,y:4,w:1,h:1},{x:3,y:5,w:1,h:1},{x:4,y:5,w:1,h:1},{x:5,y:5,w:1,h:1}],13:[{x:0,y:0,w:2,h:2},{x:2,y:0,w:1,h:1},{x:3,y:0,w:1,h:1},{x:2,y:1,w:1,h:1},{x:3,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:0,y:3,w:1,h:1},{x:1,y:3,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],15:[{x:0,y:0,w:6,h:6},{x:6,y:0,w:6,h:6},{x:0,y:6,w:3,h:3},{x:3,y:6,w:3,h:3},{x:0,y:9,w:3,h:3},{x:3,y:9,w:3,h:3},{x:6,y:6,w:2,h:2},{x:8,y:6,w:2,h:2},{x:10,y:6,w:2,h:2},{x:6,y:8,w:2,h:2},{x:8,y:8,w:2,h:2},{x:10,y:8,w:2,h:2},{x:6,y:10,w:2,h:2},{x:8,y:10,w:2,h:2},{x:10,y:10,w:2,h:2}],16:[{x:0,y:0,w:1,h:1},{x:1,y:0,w:1,h:1},{x:2,y:0,w:1,h:1},{x:3,y:0,w:1,h:1},{x:0,y:1,w:1,h:1},{x:1,y:1,w:1,h:1},{x:2,y:1,w:1,h:1},{x:3,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:0,y:3,w:1,h:1},{x:1,y:3,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],20:[{x:0,y:0,w:3,h:3},{x:0,y:3,w:3,h:3},{x:3,y:0,w:1,h:1},{x:4,y:0,w:1,h:1},{x:5,y:0,w:1,h:1},{x:3,y:1,w:1,h:1},{x:4,y:1,w:1,h:1},{x:5,y:1,w:1,h:1},{x:3,y:2,w:1,h:1},{x:4,y:2,w:1,h:1},{x:5,y:2,w:1,h:1},{x:3,y:3,w:1,h:1},{x:4,y:3,w:1,h:1},{x:5,y:3,w:1,h:1},{x:3,y:4,w:1,h:1},{x:4,y:4,w:1,h:1},{x:5,y:4,w:1,h:1},{x:3,y:5,w:1,h:1},{x:4,y:5,w:1,h:1},{x:5,y:5,w:1,h:1}],26:[{x:0,y:0,w:3,h:3},{x:3,y:0,w:3,h:3},{x:0,y:3,w:3,h:3},{x:3,y:3,w:3,h:3},{x:6,y:0,w:2,h:2},{x:8,y:0,w:2,h:2},{x:10,y:0,w:2,h:2},{x:6,y:2,w:2,h:2},{x:8,y:2,w:2,h:2},{x:10,y:2,w:2,h:2},{x:6,y:4,w:2,h:2},{x:8,y:4,w:2,h:2},{x:10,y:4,w:2,h:2},{x:0,y:6,w:2,h:2},{x:2,y:6,w:2,h:2},{x:4,y:6,w:2,h:2},{x:0,y:8,w:2,h:2},{x:2,y:8,w:2,h:2},{x:4,y:8,w:2,h:2},{x:0,y:10,w:2,h:2},{x:2,y:10,w:2,h:2},{x:4,y:10,w:2,h:2},{x:6,y:6,w:3,h:3},{x:9,y:6,w:3,h:3},{x:6,y:9,w:3,h:3},{x:9,y:9,w:3,h:3}]}).map(([e,t])=>[e,St(t)])),wt={class:`text-lg font-semibold text-white`},Tt={class:`flex flex-col gap-3 w-full h-full overflow-y-auto`},Et={class:`cui-label`},Dt=j({__name:`ViewDnDSidebar`,props:{cameras:{},droppedCameras:{},title:{}},emits:[`changeViewSize`],setup(e,{emit:t}){let n=e,r=t,{droppedCameras:i}=T(n);function o(e){return i.value.some(t=>t.name===e.name)}return(t,n)=>{let i=B,s=yt;return I(),a(`div`,{class:`sidebar-view-background flex flex-col p-2 border-[1px] border-color gap-2 rounded-xl`,style:P({width:`${N(400)}px`})},[b(`span`,wt,O(e.title),1),b(`div`,Tt,[k(i,{fluid:``,label:`Change grid size`,class:`cui-button-small dark-mode shrink-0 my-4`,onClick:n[0]||=e=>r(`changeViewSize`)}),b(`label`,Et,O(t.$t(`components.view_box.available_streams`)),1),(I(!0),a(u,null,l(e.cameras,(e,t)=>(I(),a(`div`,{key:t},[k(s,{camera:e,"is-dropped":o(e),"can-drag":!o(e)},null,8,[`camera`,`is-dropped`,`can-drag`])]))),128))])],4)}}}),Ot={key:1,class:`w-full h-full bg-[#1a1a1a] flex items-center justify-center`},kt={key:2,class:`w-full h-full bg-[#111]`},At={key:1,class:`w-full h-full flex items-center justify-center`},jt=ye(j({__name:`ViewDnDCard`,props:{camera:{},cameras:{},droppedCameras:{},mode:{},index:{},cameraCardProps:{},cameraCardModels:{},onDrop:{type:Function}},emits:[`drop`,`remove`,`expand`],setup(e,{expose:t,emit:n}){let r=e,i=n,{lgBreakpoint:o}=Ce(),{camera:s,mode:c,cameras:l,droppedCameras:d}=T(r),f=p(`boxRef`),h=p(`containerRef`),g=p(`playerRef`),_=p(`menuRef`),{width:v}=ce(h),[x,C]=Y({accept:`camera-sidebar`,drop:r.onDrop,collect:e=>({isOver:e.isOver(),canDrop:e.canDrop()&&!s.value}),canDrop:()=>c.value===`edit`&&!s.value}),D=S(()=>x.value.canDrop&&x.value.isOver),O=S(()=>c.value===`edit`?D.value?`#171717`:`#202020`:`#000`),te=S(()=>v.value<=200),A=S(()=>l.value.filter(e=>!d.value.some(t=>t.name===e.name))),j=S(()=>A.value.map(e=>({label:e.name,onClick:()=>i(`drop`,e)})));function M(e){g.value?.toggleMute(e)}async function re(e,t){await g.value?.toggleMicrophone(e,t)}function F(e){g.value?.toggleActivityMode(e)}async function L(e){await g.value?.toggleSourceRole(e)}async function ie(e){await g.value?.toggleStreamingMode(e)}function ae(e){g.value?.toggleBbox(e)}function R(e){g.value?.togglePip(e)}return t({togglePlayerMute:M,toggleMicrophone:re,togglePlayerActivityMode:F,togglePlayerSourceRole:L,togglePlayerStreamingMode:ie,togglePlayerBbox:ae,togglePip:R}),(t,n)=>{let r=Ge,l=Ue,d=Te,p=B,v=G,x=Fe;return I(),a(`div`,{ref_key:`boxRef`,ref:f,class:`view-dnd-card`},[N(c)===`normal`||N(c)===`rearrange`?(I(),a(u,{key:0},[N(s)?(I(),w(r,ne({key:0,ref_key:`playerRef`,ref:g},e.cameraCardProps,{"activity-mode":e.cameraCardModels?.activityMode,"source-role":e.cameraCardModels?.sourceRole,"streaming-mode":e.cameraCardModels?.streamingMode,"camera-info":N(s),class:`w-full h-full`,onExpand:n[0]||=e=>i(`expand`,N(s),e)}),null,16,[`activity-mode`,`source-role`,`streaming-mode`,`camera-info`])):N(c)===`rearrange`?(I(),a(`div`,Ot,[k(l,{class:`w-6 h-6 text-white/20`})])):(I(),a(`div`,kt))],64)):N(c)===`edit`?(I(),a(u,{key:1},[b(`div`,{ref:N(C),style:P({backgroundColor:N(O)}),class:`w-full h-full`},[N(s)?(I(),a(`div`,{key:0,ref_key:`containerRef`,ref:h,class:`w-full h-full flex items-center justify-center relative min-w-0`},[k(p,{class:E([`z-1`,{"cui-icon-lg":N(te),"cui-button-small":!N(te)}]),label:N(te)?void 0:N(s).name,onClick:n[1]||=ee(e=>i(`remove`,N(s)),[`prevent`])},{icon:y(()=>[k(d)]),_:1},8,[`class`,`label`]),k(v,{camera:N(s),class:`absolute w-full h-full top-0 left-0 bg-black/50 opacity-20`},null,8,[`camera`])],512)):N(o)?m(``,!0):(I(),a(`div`,At,[k(p,{text:``,rounded:``,class:`cui-icon-md`,onClick:N(_)?.toggleMenu},{icon:y(()=>[k(l,{width:`100%`,height:`100%`})]),_:1},8,[`onClick`])]))],4),k(x,{ref_key:`menuRef`,ref:_,items:N(j),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])],64)):m(``,!0)],512)}}}),[[`__scopeId`,`data-v-82916b84`]]),Mt={class:`w-full h-full flex flex-row`},Nt=[`gs-id`,`gs-x`,`gs-y`,`gs-w`,`gs-h`],Pt={class:`grid-stack-item-content`},Ft=ye(j({__name:`CuiCameraViewDnD`,props:M({cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean},rearrangeMode:{type:Boolean},cameraCardProps:{},cameraCardModels:{}},bt),emits:[`drop`,`remove`,`changeViewSize`,`expand`,`rearrange`],setup(e,{expose:t,emit:n}){let r=e,o=n,{isTouch:s}=Se(),{smBreakpoint:c,lgBreakpoint:g}=Ce(),v=D(ie,void 0),{routeFrom:ee,routeTo:x}=le(ze()),{editMode:C,rearrangeMode:O,viewSize:ne,cards:A,cameraCardProps:j}=T(r),M=p(`viewRef`),F=p(`wrapperRef`),ae=p(`gridRef`),R=p(`cardRefs`),oe=i(),se=i(),V=null,{isFullscreen:H,toggle:ue}=z(M,{mode:`scroll`}),U=ce(M),fe=ce(F),pe=S(()=>C.value?`edit`:O.value?`rearrange`:`normal`),W=S(()=>oe.value??se.value),me=S(()=>e=>{let t={...re(j.value)};if(e){let n=ee.value?.includes(`/cameras/${e.name}`)??!1,r=x.value?.includes(`/cameras/${e.name}`)??!1,i=t.viewTransition&&(n||r),a=`/cameras/${e.name}`;v?.isActive.value?t.routerLink=`${a}?startTs=${Math.floor(v.currentTimestamp.value/1e3)}`:t.routerLink=a,t.viewTransition=i}return t}),he=S(()=>(U.height.value-16)*(16/9)),ge=S(()=>A.value.filter(e=>e.lastDroppedCamera).map(e=>e.lastDroppedCamera));function _e(e){let t=A.value[e];if(c.value)return{x:0,y:t?.y??e,w:1,h:1};let n=Ct[ne.value]?.[e];return{x:t?.x??n?.x??0,y:t?.y??n?.y??0,w:t?.colSpan??n?.w??1,h:t?.rowSpan??n?.h??1}}function ve(){if(!V)return;let e=[];for(let t of V.getGridItems()){let n=t.gridstackNode;if(!n)continue;let r=parseInt(n.id),i=A.value[r];i?.lastDroppedCamera&&e.push({index:r,cameraId:i.lastDroppedCamera._id,colSpan:n.w,rowSpan:n.h,x:n.x,y:n.y})}o(`rearrange`,e)}function ye(){ve()}function be(){if(!ae.value)return;let e=xt[ne.value];if(!e)return;let t=c.value,n=t?1:e.cols,r=t?A.value.length:e.rows,i=F.value?.clientWidth??0,a=t?i*9/16:i>0?i*9/16/e.rows:60,o=pe.value===`rearrange`;V=Je.init({column:n,minRow:r,cellHeight:a,margin:o?3:1,float:!1,animate:!1,staticGrid:!o,resizable:t?{handles:``}:{handles:`se`},disableResize:t,alwaysShowResizeHandle:!t},ae.value),V.on(`change`,ye),requestAnimationFrame(()=>V?.setAnimation(!0))}function xe(){V&&=(V.offAll(),V.destroy(!1),null)}function we(e,t,n){n?oe.value=t:(se.value=t,oe.value=void 0,setTimeout(()=>{se.value=void 0},250)),o(`expand`,e,n)}async function Te(){await ue()}function Ee(e){for(let t of R.value||[])t.togglePlayerMute(e)}async function De(e,t){await Promise.allSettled((R.value||[]).map(n=>n.toggleMicrophone(e,t)))}function Oe(e){for(let t of R.value||[])t.togglePlayerActivityMode(e)}async function ke(e){await Promise.allSettled((R.value||[]).map(t=>t.togglePlayerSourceRole(e)))}async function Ae(e){await Promise.allSettled((R.value||[]).map(t=>t.togglePlayerStreamingMode(e)))}function je(e){for(let t of R.value||[])t.togglePlayerBbox(e)}function Me(e){for(let t of R.value||[])t.togglePip(e)}function G(){V&&(V.compact(),ve())}function q(){if(!V)return;let e=xt[ne.value];if(!e)return;let t=e.cols,n=[];for(let e of V.getGridItems()){let t=e.gridstackNode;if(!t)continue;let r=parseInt(t.id),[i,a]=((A.value[r]?.lastDroppedCamera)?.interfaceSettings?.aspectRatio||`16:9`).split(`:`).map(Number);n.push({idx:r,el:e,cellRatio:i/a*(9/16)})}if(!n.length)return;let r=new Map,i=0,a=0;for(;a<n.length;){let e=[],o=0;for(;a<n.length;){let r=n[a],i=16*r.cellRatio;if(o+i>t&&e.length>0)break;e.push(r),o+=i,a++}let s=t/o,c=Math.max(1,Math.round(16*s)),l=0;for(let n=0;n<e.length;n++){let a=e[n],o=n===e.length-1?t-l:Math.max(1,Math.round(16*a.cellRatio*s));r.set(a.idx,{x:l,y:i,w:o,h:c}),l+=o}i+=c}V.batchUpdate();for(let[e,t]of r){let r=n.find(t=>t.idx===e);r&&V.update(r.el,t)}V.batchUpdate(!1),ve()}return h([ne,()=>A.value.length,c],()=>{xe(),te(()=>be())},{immediate:!1}),h(pe,e=>{if(!V)return;let t=e===`rearrange`;V.setStatic(!t),V.margin(t?3:1)}),h(()=>fe.width.value,e=>{if(!(!V||e<=0)){if(V.setAnimation(!1),c.value)V.cellHeight(e*9/16);else{let t=xt[ne.value]?.rows??1;V.cellHeight(e*9/16/t)}requestAnimationFrame(()=>V?.setAnimation(!0))}}),_(()=>{te(()=>be())}),L(()=>{xe()}),t({toggleFullscreen:Te,toggleAllPlayerMute:Ee,toggleAllPlayerMicrophone:De,toggleAllPlayerActivityMode:Oe,toggleAllPlayerSourceRole:ke,toggleAllPlayerStreamingMode:Ae,toggleAllPlayerBbox:je,toggleAllPip:Me,compactGrid:G,fitAspectRatios:q,isFullscreen:H}),(t,n)=>{let r=de,i=B,p=jt,h=Dt;return I(),w(N(K),{backend:N(s)?N(Ne):N(J)},{default:y(()=>[b(`div`,Mt,[b(`div`,{ref_key:`viewRef`,ref:M,class:E([`view-container w-full flex flex-col min-w-0 overflow-y-auto items-center`,{"px-2":N(C)&&N(g)}])},[N(H)?(I(),w(i,{key:0,severity:`secondary`,rounded:``,class:`cui-fs-exit`,"aria-label":t.$t(`components.form.tooltip.fullscreen_off`),onClick:N(ue)},{icon:y(()=>[k(r,{class:`w-5 h-5`})]),_:1},8,[`aria-label`,`onClick`])):m(``,!0),N(W)===void 0?m(``,!0):(I(),a(`div`,{key:1,class:`w-full aspect-video relative my-auto`,style:P({maxWidth:`${N(he)}px`})},[k(p,{ref:`fsCardRef`,class:E([`w-full h-full`,{"card-expanded":N(oe)!==void 0,"card-collapsing":N(se)!==void 0}]),camera:N(A)[N(W)]?.lastDroppedCamera,cameras:e.cameras,"dropped-cameras":N(ge),mode:`normal`,index:N(W),"camera-card-props":{...N(me)(N(A)[N(W)]?.lastDroppedCamera),expanded:!0},"camera-card-models":e.cameraCardModels,onExpand:n[0]||=(e,t)=>we(e,N(W),t)},null,8,[`class`,`camera`,`cameras`,`dropped-cameras`,`index`,`camera-card-props`,`camera-card-models`])],4)),d(b(`div`,{ref_key:`wrapperRef`,ref:F,class:E([`w-full relative my-auto`,N(c)?`h-auto`:`aspect-video`]),style:P(N(c)?void 0:{maxWidth:`${N(he)}px`})},[b(`div`,{ref_key:`gridRef`,ref:ae,class:`grid-stack w-full h-full`},[(I(!0),a(u,null,l(N(A),(t,r)=>(I(),a(`div`,{key:r,class:`grid-stack-item`,"gs-id":String(r),"gs-x":_e(r).x,"gs-y":_e(r).y,"gs-w":_e(r).w,"gs-h":_e(r).h},[b(`div`,Pt,[k(p,{ref_for:!0,ref_key:`cardRefs`,ref:R,camera:t.lastDroppedCamera,cameras:e.cameras,"dropped-cameras":N(ge),mode:N(pe),index:r,"camera-card-props":{...N(me)(t.lastDroppedCamera),expanded:N(W)===r},"camera-card-models":e.cameraCardModels,"on-drop":e=>o(`drop`,r,e),onExpand:(e,t)=>we(e,r,t),onDrop:e=>o(`drop`,r,e),onRemove:n[1]||=e=>o(`remove`,e)},null,8,[`camera`,`cameras`,`dropped-cameras`,`mode`,`index`,`camera-card-props`,`camera-card-models`,`on-drop`,`onExpand`,`onDrop`])])],8,Nt))),128))],512)],6),[[f,N(W)===void 0]])],2),N(C)&&N(g)?(I(),w(h,{key:0,cameras:e.cameras,"dropped-cameras":N(ge),title:e.title,class:`view-box shadow-xl`,style:P({"margin-right":N(C)?`0px`:`-${N(400)}px`}),onChangeViewSize:n[2]||=e=>o(`changeViewSize`)},null,8,[`cameras`,`dropped-cameras`,`title`,`style`])):m(``,!0)])]),_:1},8,[`backend`])}}}),[[`__scopeId`,`data-v-69af4a41`]]),It={class:`flex flex-col gap-3`},Lt={class:`text-wrap`},Rt={class:`w-full h-full flex items-center justify-center relative`},zt=j({__name:`AudioVisualizer`,emits:[`listening`],setup(t,{expose:n,emit:r}){let o=r,s=e(),l=D(`dialogRefProps`),u=p(`canvasRef`),d=A(),f=A(),m=i(!1),h=S(()=>!!l.loading?.value);async function g(){if(m.value)v();else try{d.value&&v();let e;try{e=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){s.add({severity:`warn`,detail:`Can not enable AudioVisualizer, see console.`,life:3e3}),console.warn(`Can not enable AudioVisualizer`,e);return}m.value=!0,o(`listening`,!0),d.value=new AudioContext;let t=d.value.createAnalyser();t.fftSize=1024,f.value=e.getTracks(),d.value.createMediaStreamSource(e).connect(t);let n,r=u.value?.getContext(`2d`),i=()=>{if(u.value&&r){let e=[],a=[];r.clearRect(0,0,u.value.width,u.value.height),requestAnimationFrame(i);let o=t.frequencyBinCount,s=new Uint8Array(o);t.getByteFrequencyData(s),e.push(s);for(let t=0;t<e[0].length;t++)a.push(0),e.forEach(e=>{a[t]+=e[t]});let c=u.value.width/2,l=u.value.height/2;r.beginPath(),r.arc(c,l,30,0,2*Math.PI),r.lineWidth=1,r.stroke(),r.closePath();for(let e=0;e<90;e++){n=a[e]*.4;let t=Math.PI*2/90;_(r,c+Math.cos(t*e)*30,l+Math.sin(t*e)*30,c+Math.cos(t*e)*(30+n),l+Math.sin(t*e)*(30+n),3)}m.value||r.clearRect(0,0,u.value.width,u.value.height)}};i()}catch(e){v(),console.error(e)}}function _(e,t,n,r,i,a){let o=e.createLinearGradient(t,n,r,i);o.addColorStop(0,`#5b040f`),o.addColorStop(.5,`#b50b21`),o.addColorStop(.9,`#df2a4c`),o.addColorStop(1,`#df6380`),e.lineWidth=a,e.strokeStyle=o,e.beginPath(),e.moveTo(t,n),e.lineTo(r,i),e.stroke(),e.closePath()}function v(){d.value?.close(),d.value=void 0,f.value?.forEach(e=>e.stop()),f.value=void 0,m.value=!1,o(`listening`,!1)}return c(()=>{v()}),n({isLoading:h}),(e,t)=>{let n=Ve,r=B;return I(),a(`div`,It,[b(`span`,Lt,O(e.$t(`components.dialog.message.intercom_info`)),1),b(`div`,Rt,[k(r,{rounded:``,class:`w-[60px] h-[60px] absolute z-1`,onClick:g},{icon:y(()=>[k(n,{width:`100%`,height:`100%`})]),_:1}),b(`canvas`,{ref_key:`canvasRef`,ref:u,height:`300`,width:`300`},null,512)])])}}}),Bt=[`fill`],Vt=j({__name:`CuiCameraGridIcon1`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Bt))}}),Ht=[`fill`],Ut=j({__name:`CuiCameraGridIcon10`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Ht))}}),Wt=[`fill`],Gt=j({__name:`CuiCameraGridIcon12`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Wt))}}),Kt=[`fill`],qt=j({__name:`CuiCameraGridIcon13`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Kt))}}),Jt=[`fill`],Yt=j({__name:`CuiCameraGridIcon15`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Jt))}}),Xt=[`fill`],Zt=j({__name:`CuiCameraGridIcon16`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Xt))}}),Qt=[`fill`],$t=j({__name:`CuiCameraGridIcon20`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Qt))}}),en=[`fill`],tn=j({__name:`CuiCameraGridIcon26`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,en))}}),nn=[`fill`],rn=j({__name:`CuiCameraGridIcon4`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,nn))}}),an=[`fill`],on=j({__name:`CuiCameraGridIcon6`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,an))}}),sn=[`fill`],cn=j({__name:`CuiCameraGridIcon7`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,sn))}}),ln=[`fill`],un=j({__name:`CuiCameraGridIcon9`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,ln))}}),dn={for:`name`,class:`cui-label`},fn={key:0,class:`flex flex-col gap-6 justify-center`},pn={key:0,class:`text-red-500 text-center mb-5`},mn={class:`md:max-h-[350px] overflow-y-auto`},hn={class:`block cui-label mb-3`},gn={key:1,class:`flex flex-col gap-6 justify-center`},_n={key:0,class:`text-red-500 text-center mb-5`},vn={class:`md:max-h-[450px] overflow-y-auto`},yn={class:`block cui-label mb-3`},bn={class:`view-select-container`},xn=[`onClick`],Sn=ye(j({__name:`CamviewForm`,props:{form:{},type:{},cameras:{},views:{}},setup(c,{expose:d}){let f=new r,ee=c,x=e(),{t:C}=se(),te=D(`dialogRefProps`),{user:A}=le(t()),{mutateAsync:j,isPending:M}=f.createViewQuery(),{mutateAsync:re,isPending:P}=f.patchViewQuery(),{form:L,type:ie,cameras:ae,views:R}=T(ee),z=p(`formRef`),oe=i([1,4,6,7,9,10,12,13,15,16,20,26]),B=i(!0),ce=i(!0),H=i([]),ue=i(!1),U=i(L.value?n(L.value):{}),de=S(()=>!!(te.loading?.value||M.value||P.value));function fe(e){let t=H.value.findIndex(t=>t.name===e.name);t===-1?H.value.push(e):H.value.splice(t,1)}function pe(e){switch(e){case 1:return Vt;case 4:return rn;case 6:return on;case 7:return cn;case 9:return un;case 10:return Ut;case 12:return Gt;case 13:return qt;case 15:return Yt;case 16:return Zt;case 20:return $t;case 26:return tn;default:return Vt}}async function W(){if(!z.value||!A.value)return;let e=R.value.find(e=>e.name===U.value.name);if(e&&!ue.value)return console.log(`View already exists`,e),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null;if(ie.value===`dnd`){if(ce.value)return console.log(`No cameras selected`),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null;let e=H.value.map((e,t)=>({cameraId:e._id,index:t}));U.value.cameras=e,U.value.type=`dnd`,U.value.viewSize=1,z.value.setFieldValue(`type`,`dnd`),z.value.setFieldValue(`viewSize`,1),z.value.setFieldValue(`cameras`,e);let t=await z.value.validate();return t?.valid?ue.value?await re({username:A.value.username,viewid:U.value._id,viewData:U.value}):await j({username:A.value.username,viewData:U.value}):(console.log(`Validation failed`,t),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null)}else{if(B.value)return console.log(`No view selected`),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null;U.value.cameras=[],U.value.type=`view`,z.value.setFieldValue(`type`,`view`),z.value.setFieldValue(`cameras`,[]);let e=await z.value.validate();return e?.valid?n(U.value):(console.log(`Validation failed`,e),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null)}}return h(U,e=>{for(let[t,n]of Object.entries(e))z.value?.setFieldValue(t,n);e.viewSize&&(B.value=!1),e.cameras?.length&&(ce.value=!1)},{deep:!0,immediate:!0}),h(H,e=>{ce.value=e.length===0},{deep:!0}),_(()=>{H.value=ae.value?.filter(e=>U.value?.cameras?.some(t=>t.cameraId===e._id))||[],ue.value=Object.keys(U.value).length>0}),d({isLoading:de,onConfirm:W}),(e,t)=>{let n=V,r=Oe,i=ke,c=De,d=Pe;return I(),w(N(v),{ref_key:`formRef`,ref:z,class:`flex flex-col gap-6`,"validation-schema":N(Re),"initial-values":N(U)},{default:y(()=>[k(N(F),{modelValue:N(U).name,"onUpdate:modelValue":t[0]||=e=>N(U).name=e,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:y(({field:t,errors:i})=>[b(`label`,dn,O(e.$t(`components.form.label.name`)),1),k(r,null,{default:y(()=>[k(n,ne(t,{invalid:i.length>0,loading:N(de),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),k(g,{name:`fade`},{default:y(()=>[k(N(s),{name:`name`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),k(i,{class:`m-0 py-3`}),N(ie)===`dnd`?(I(),a(`div`,fn,[k(g,{name:`fade`},{default:y(()=>[N(ce)?(I(),a(`span`,pn,O(e.$t(`components.form.error.no_cameras_selected`)),1)):m(``,!0)]),_:1}),b(`div`,mn,[b(`label`,hn,O(e.$t(`components.form.label.cameras`)),1),(I(!0),a(u,null,l(N(ae),(e,t)=>(I(),a(`div`,{key:t,class:`cui-list-item`},[k(d,{class:`h-14`,active:N(H).some(t=>t.name===e.name),onClick:t=>fe(e)},{append:y(()=>[k(c,{"model-value":N(H).some(t=>t.name===e.name),"onUpdate:modelValue":t=>fe(e)},null,8,[`model-value`,`onUpdate:modelValue`])]),default:y(()=>[b(`span`,null,O(e.name),1)]),_:2},1032,[`active`,`onClick`])]))),128))])])):(I(),a(`div`,gn,[k(g,{name:`fade`},{default:y(()=>[N(B)?(I(),a(`span`,_n,O(e.$t(`components.form.error.no_view_selected`)),1)):m(``,!0)]),_:1}),b(`div`,vn,[b(`label`,yn,O(e.$t(`components.form.label.views`)),1),b(`div`,bn,[(I(!0),a(u,null,l(N(oe),t=>(I(),a(`div`,{key:t,class:`view-select-item w-full`,onClick:e=>N(U).viewSize=t},[b(`div`,{class:E([`view-select-item-icon w-full p-3`,{"selected-view":N(U).viewSize===t}])},[(I(),w(o(pe(t)),{style:{width:`100%`,height:`100%`}}))],2),b(`span`,{class:E([`view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners`,{"selected-view-label":N(U).viewSize===t}])},O(t)+` `+O(e.$t(`views.camview.cameras`)),3)],8,xn))),128))])])]))]),_:1},8,[`validation-schema`,`initial-values`])}}}),[[`__scopeId`,`data-v-35f7d629`]]),Cn={class:`h-full w-full dark-mode relative`},wn={key:0,class:`flex flex-col w-full h-full items-center justify-center`},Tn={key:1,class:`flex flex-col w-full h-full`},En={class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},Dn={class:`text-muted text-sm`},On={class:`relative w-6 h-6`},kn=ye(j({__name:`Camview`,props:{navbarWidth:{default:0},navbarLeft:{default:0}},setup(e){let s=new r,c=new Ie,l=e,u=se(),{t:f}=u,_=Ae(),v=Le(),{bottombarHeight:ee}=xe(),{smBreakpoint:x,lgBreakpoint:D,mdBreakpoint:te}=Ce(),{user:A}=le(t()),{uiSettings:j}=le(we()),{data:M,isLoading:re}=c.getCamerasQuery({page:1,pageSize:-1}),{data:F,isLoading:L}=s.getViewsQuery(A.value?.username??``,{page:1,pageSize:-1}),{mutate:ie,isPending:z}=s.removeViewQuery(),{mutateAsync:V,isPending:ce}=s.createViewQuery(),{mutateAsync:ye,isPending:be}=s.patchViewQuery(),{navbarWidth:Se,navbarLeft:Te}=T(l),De=p(`menuRef`),Oe=p(`newViewMenuRef`),G=p(`viewDndRef`),K=i({}),q=i(!1),J=i(!1),Y=i(!1),Ne=i(!1),Pe=i(!1),Re=i(!1),ze=i(!0),Ve=i(`always-on`),Ge=i(`low-resolution`),Je=i(`webrtc`),X=i([]),Ye=i({}),Ze=C({sourceRole:Ge.value,activityMode:Ve.value,streamingMode:Je.value}),Z=S(()=>re.value||L.value||z.value||ce.value||be.value),$e=S(()=>Se.value+Te.value),et=S(()=>({locale:u.locale.value,dayNames:_.config.locale?.dayNames,dayNamesShort:_.config.locale?.dayNamesShort,monthNames:_.config.locale?.monthNames,monthNamesShort:_.config.locale?.monthNamesShort})),nt=S(()=>({doubleClickZoom:!1,flatCard:!0,cameraNameOverlay:!0,control:!0,toolbar:!1,expandableCard:($.value?.cameras?.length??0)>1,detectionIndicatorOverlay:!0,boundingBoxOverlay:!1,cardClickAction:`expand`,viewTransition:!0,cardProps:{pt:{root:{style:`background: #000`}}}})),rt=S(()=>F.value?.result.length?D.value?{width:Pe.value?`calc(100% - 400px)`:`100%`,height:`100%`,overflowY:`scroll`}:{height:`100%`,paddingBottom:Pe.value?ee.value>0?`200px`:`192px`:`0px`,overflowY:`scroll`}:{width:`100%`,height:`100%`,overflowY:`scroll`}),Q=S(()=>q.value||J.value),at=S(()=>!!G.value?.isFullscreen),st=S(()=>[{label:at.value?f(`components.form.tooltip.fullscreen_off`):f(`components.form.tooltip.fullscreen_on`),icon:at.value?de:ge,command:Tt},{label:ze.value?f(`components.form.tooltip.unmute`):f(`components.form.tooltip.mute`),icon:ze.value?ct:ot,command:Et},{label:f(`components.form.tooltip.intercom`),icon:ue,command:()=>ht(`intercom`)},{label:Je.value===`auto`?`${f(`components.form.tooltip.mode`)}: ${f(`components.form.tooltip.streaming_mode_auto`)}`:Je.value===`webrtc`?`${f(`components.form.tooltip.mode`)}: ${f(`components.form.tooltip.streaming_mode_webrtc`)}`:`${f(`components.form.tooltip.mode`)}: ${f(`components.form.tooltip.streaming_mode_mse`)}`,icon:Je.value===`auto`?dt:Je.value===`webrtc`?_e:H,command:()=>kt()},{label:Ve.value===`always-on`?f(`components.form.tooltip.activity_mode_always_on`):Ve.value===`standby`?f(`components.form.tooltip.activity_mode_standby`):f(`components.form.tooltip.activity_mode_activity`),icon:Ve.value===`always-on`?pe:Ve.value===`standby`?W:it,command:()=>Dt()},{label:Ge.value===`low-resolution`?`${f(`components.form.tooltip.resolution`)}: ${f(`components.form.tooltip.source_role_low`)}`:Ge.value===`mid-resolution`?`${f(`components.form.tooltip.resolution`)}: ${f(`components.form.tooltip.source_role_mid`)}`:`${f(`components.form.tooltip.resolution`)}: ${f(`components.form.tooltip.source_role_high`)}`,icon:Ge.value===`low-resolution`?U:Ge.value===`mid-resolution`?me:ve,command:()=>Ot()}]),$=S(()=>{let e=F.value?.result.find(e=>e._id===j.value.camview.viewid)||F.value?.result[0];return e?(K.value=e,j.value.camview.viewid=e._id):K.value={},e}),lt=S(()=>$.value?.cameras?.map(e=>e.cameraId)??[]);R(lt,{sourceRole:`low`});let ut=S(()=>Q.value&&K.value.viewSize>0?K.value.viewSize:$.value?$.value.viewSize:1),ft=S(()=>{let e=[];for(let t of F.value?.result||[])e.push({label:t.name,active:t._id===$.value?._id,onClick:()=>gt(t)});return e}),pt=S(()=>[{label:f(`views.camview.new_view`),icon:mt,onClick:()=>ht(`newView`)}]);function ht(e){switch(e){case`newView`:case`editView`:{let t=e===`editView`,n=f(t?`components.dialog.title.edit_view`:`components.dialog.title.new_view`);t?q.value=!0:J.value=!0,v.openComponentDialog(Sn,{data:{title:n,loading:Z,confirmText:f(`components.form.button.next`),contentProps:{form:t?K.value:void 0,type:`view`,cameras:M.value?.result||[],views:F.value?.result||[]}},onConfirm:e=>{e&&(K.value=e)},onCancel:()=>{J.value=!1}});break}case`intercom`:v.openComponentDialog(zt,{data:{title:f(`components.dialog.title.intercom`),hideConfirmButton:!0,loading:Z,contentProps:{}},events:{listening:At}});break;case`removeView`:v.openTextDialog({data:{title:f(`components.dialog.title.confirm`),confirmText:f(`components.form.button.remove`),contentText:f(`components.dialog.message.confirm_remove_layout`),confirmButtonProps:{severity:`danger`}},onConfirm:_t});break}}function gt(e){j.value.camview.viewid=e._id}function _t(){!$.value||!A.value||ie({username:A.value.username,viewid:$.value._id},{onSuccess:e=>{e.length?j.value.camview.viewid=e[0]._id:j.value.camview.viewid=void 0}})}async function vt(){if(!A.value||Object.keys(K.value).length===0)return;let e=X.value.filter(e=>e.lastDroppedCamera).map(e=>({cameraId:e.lastDroppedCamera._id,index:e.index,colSpan:e.colSpan,rowSpan:e.rowSpan})).sort((e,t)=>e.index-t.index);if(!e.length)return;let t=n(K.value);t.cameras=e,t._id?wt(await ye({username:A.value.username,viewid:t._id,viewData:t})):wt(await V({username:A.value.username,viewData:t}))}function yt(e,t){X.value[e].lastDroppedCamera=t}function bt(e){X.value=X.value.map(t=>(t.lastDroppedCamera?.name===e.name&&(t.lastDroppedCamera=void 0),t))}function xt(e){return`${x.value?`mobile`:`desktop`}:${e}`}function St(e){let t=$.value?._id;t&&(j.value.camview.layouts||(j.value.camview.layouts={}),j.value.camview.layouts[xt(t)]=e.map(e=>({index:e.index,cameraId:e.cameraId,x:e.x??0,y:e.y??0,w:e.colSpan??1,h:e.rowSpan??1})))}function Ct(e,t){Ye.value[e._id]=t}function wt(e){j.value.camview.viewid=e._id,J.value=!1,q.value=!1}function Tt(){G.value?.toggleFullscreen()}function Et(){ze.value=!ze.value,G.value?.toggleAllPlayerMute(ze.value)}function Dt(e){let t=Ve.value;t=e||(t===`always-on`?`standby`:t===`standby`?`activity`:`always-on`),G.value?.toggleAllPlayerActivityMode(t),Ve.value=t}async function Ot(e){let t=Ge.value;t=e||(t===`low-resolution`?`mid-resolution`:t===`mid-resolution`?`high-resolution`:`low-resolution`),await G.value?.toggleAllPlayerSourceRole(t),Ge.value=t}async function kt(e){let t=Je.value;t===`auto`&&(t=`webrtc`);let n=e||(t===`mse`?`webrtc`:`mse`);await G.value?.toggleAllPlayerStreamingMode(n),Je.value=n}async function At(e){await G.value?.toggleAllPlayerMicrophone(e)}return h(Ne,e=>{e&&(Re.value=!0)}),h([ut,$,M,Q,j,x],()=>{let e=Array.from({length:ut.value}).map((e,t)=>({accept:`camera`,index:t,lastDroppedCamera:void 0}));if(!J.value){let t=$.value?._id,n=t?xt(t):void 0,r=n?j.value.camview.layouts?.[n]:void 0,i=new Set(M.value?.result.map(e=>e._id)??[]),a=!1;for(let t of $.value?.cameras||[]){if(!e[t.index])continue;let n=M.value?.result.find(e=>e._id===t.cameraId);e[t.index].lastDroppedCamera=n;let o=r?.find(e=>e.index===t.index);o&&(!o.cameraId||i.has(o.cameraId)?(e[t.index].x=o.x,e[t.index].y=o.y,e[t.index].colSpan=o.w,e[t.index].rowSpan=o.h):a=!0)}a&&n&&j.value.camview.layouts?.[n]&&(j.value.camview.layouts[n]=j.value.camview.layouts[n].filter(e=>!e.cameraId||i.has(e.cameraId)))}X.value=e},{deep:!0,immediate:!0}),(e,t)=>{let n=qe,r=tt,i=He,s=Qe,c=Xe,l=he,u=fe,f=ke,p=We,h=Be,_=Ue,v=Ke,S=ae,C=Me,T=B,A=je,re=Fe,L=Ee;return I(),a(`div`,Cn,[k(v,{"left-offset":N($e),animate:``},{left:y(()=>[!N(J)&&N($)?(I(),w(n,{key:0,type:`dropdown`,label:N($).name,"menu-open":N(De)?.isOpen,disabled:N(Z)||N(q),onClick:t[0]||=e=>N(De)?.toggleMenu(e)},null,8,[`label`,`menu-open`,`disabled`])):N(J)&&N(K).name?(I(),w(n,{key:1,label:N(K).name,disabled:N(Z)},null,8,[`label`,`disabled`])):m(``,!0)]),right:y(()=>[!N(Q)&&N($)?d((I(),w(n,{key:0,active:N(Y),onClick:t[1]||=e=>Y.value=!N(Y)},{icon:y(()=>[N(Y)?(I(),w(i,{key:1,width:`100%`,height:`100%`})):(I(),w(r,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[L,{value:N(Y)?e.$t(`views.camview.rearrange_done`):e.$t(`views.camview.rearrange`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)&&N(Y)&&!N(x)?d((I(),w(n,{key:1,onClick:t[2]||=e=>N(G)?.fitAspectRatios()},{icon:y(()=>[k(s,{width:`100%`,height:`100%`})]),_:1})),[[L,{value:e.$t(`views.camview.rearrange_fit_aspect`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)&&N(Y)&&!N(x)?d((I(),w(n,{key:2,onClick:t[3]||=e=>N(G)?.compactGrid()},{icon:y(()=>[k(c,{width:`100%`,height:`100%`})]),_:1})),[[L,{value:e.$t(`views.camview.rearrange_auto`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)?d((I(),w(n,{key:3,active:N(Ne),onClick:t[4]||=e=>Ne.value=!N(Ne)},{icon:y(()=>[N(Ne)?(I(),w(u,{key:1,width:`100%`,height:`100%`})):(I(),w(l,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[L,{value:N(Ne)?e.$t(`components.form.tooltip.hide_timeline`):e.$t(`components.form.tooltip.show_timeline`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)?(I(),w(f,{key:4,layout:`vertical`})):m(``,!0),!N(Q)&&N($)?d((I(),w(n,{key:5,disabled:N(Y),onClick:t[5]||=e=>ht(`removeView`)},{icon:y(()=>[k(p,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[L,{value:e.$t(`components.form.tooltip.delete`)},void 0,{bottom:!0}]]):m(``,!0),!N(q)&&!N(J)&&N($)?d((I(),w(n,{key:6,disabled:N(Y),onClick:t[6]||=e=>q.value=!0},{icon:y(()=>[k(h,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[L,{value:e.$t(`components.form.tooltip.edit`)},void 0,{bottom:!0}]]):m(``,!0),!N(q)&&!N(J)?d((I(),w(n,{key:7,disabled:N(Y),onClick:N(Oe)?.toggleMenu},{icon:y(()=>[k(_,{class:E([`transform transition-transform duration-300`,{"rotate-45":N(Oe)?.isOpen}]),width:`100%`,height:`100%`},null,8,[`class`])]),_:1},8,[`disabled`,`onClick`])),[[L,{value:e.$t(`components.form.tooltip.new`)},void 0,{bottom:!0}]]):m(``,!0),N(q)||N(J)?(I(),w(n,{key:8,label:e.$t(`components.form.button.cancel`),onClick:t[7]||=e=>N(q)?q.value=!1:J.value=!1},null,8,[`label`])):m(``,!0),N(q)||N(J)?(I(),w(n,{key:9,label:e.$t(`components.form.button.save`),disabled:N(X).every(e=>e.lastDroppedCamera===void 0),primary:``,onClick:vt},null,8,[`label`,`disabled`])):m(``,!0)]),_:1},8,[`left-offset`]),b(`div`,{class:E([`w-full h-full flex relative`,{"flex-row":N(D),"flex-col":!N(D)}]),style:P({paddingTop:`${N(55)}px`})},[b(`div`,{class:E([`flex relative z-1 camview-content-transition`,{"h-full items-center justify-center":N(D)||!N(F)?.result.length,"w-full items-start justify-start":!N(D)&&N(F)?.result.length}]),style:P(N(rt))},[N(Z)?(I(),a(`div`,wn,[(I(),w(S,{key:0,class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`}))])):!N($)&&!N(J)?(I(),a(`div`,Tn,[b(`div`,En,[k(C,{class:`w-12 h-12 text-muted`}),b(`span`,Dn,O(e.$t(`views.camview.no_views_configured`)),1)])])):N($)||N(J)?(I(),a(`div`,{key:2,class:E([`w-full h-full`,{"p-2 pb-0":!N(x)}])},[(I(),w(Ft,{ref_key:`viewDndRef`,ref:G,key:N(j).camview.viewid+(N(J)?`-new`:N(q)?`-edit`:`-view`),cameras:N(M)?.result||[],"edit-mode":N(J)||N(q),"rearrange-mode":N(Y),"view-size":N(J)?N(K).viewSize:N(ut),title:N(K).name,cards:N(X),"camera-card-props":N(nt),"camera-card-models":N(Ze),onDrop:yt,onRemove:bt,onChangeViewSize:t[8]||=e=>ht(`editView`),onExpand:Ct,onRearrange:St},null,8,[`cameras`,`edit-mode`,`rearrange-mode`,`view-size`,`title`,`cards`,`camera-card-props`,`camera-card-models`]))],2)):m(``,!0)],6),k(g,{name:N(D)?`slide-left`:`slide-up`,onBeforeEnter:t[9]||=e=>Pe.value=!0,onAfterEnter:t[10]||=e=>Re.value=!1,onBeforeLeave:t[11]||=e=>Pe.value=!1},{default:y(()=>[N(Ne)?(I(),w(N(oe),{key:0,"camera-ids":N(lt),loading:N(Re),type:N(D)?`vertical`:`horizontal`,"dark-mode":``,"md-breakpoint":N(te),class:E([`shrink-0 transition-[left] duration-200`,{"h-full w-[400px] pt-2 pr-2":N(D),"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10":!N(D),"p-0! pt-2! border-color":N(x)}]),"card-class":{"!shadow-xl":!0,"!rounded-none border-l-0! border-r-0!":N(x)},style:P(N(D)?void 0:{left:`${N($e)}px`,bottom:`calc(${N(ee)}px + env(safe-area-inset-bottom, 0px))`}),"locale-settings":N(et)},null,8,[`camera-ids`,`loading`,`type`,`md-breakpoint`,`class`,`card-class`,`style`,`locale-settings`])):m(``,!0)]),_:1},8,[`name`])],6),!N(Q)&&N($)?(I(),w(A,{key:0,model:N(st),direction:`up`,"transition-delay":80,"tooltip-options":{position:`left`,event:void 0},class:`absolute right-2 z-11 dark-mode`,pt:{root:{style:`pointer-events: none`}},style:P({bottom:N(D)?`0`:`calc(${N(Pe)?192:0}px + ${N(ee)>0?`0.5rem`:`0px`})`,right:N(D)?`calc(${N(Pe)?400:0}px + 0.5rem)`:`0.5rem`,transition:`bottom 0.25s ease-out, right 0.25s ease-out`})},{button:y(({visible:e,toggleCallback:t})=>[k(T,{severity:`secondary`,class:E([`dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto`,{"opacity-100":e}]),rounded:``,loading:N(Z),onClick:t},{icon:y(()=>[b(`div`,On,[b(`div`,{class:E([`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":e}])},null,2),b(`div`,{class:E([`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":e}])},null,2),b(`div`,{class:E([`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":e}])},null,2)])]),_:2},1032,[`class`,`loading`,`onClick`])]),item:y(({item:e,toggleCallback:t})=>[d((I(),w(T,ne({loading:N(Z),severity:`secondary`},e.buttonProps,{rounded:``,onClick:t}),{icon:y(()=>[(I(),w(o(e.icon)))]),_:2},1040,[`loading`,`onClick`])),[[L,{value:e.label}]])]),_:1},8,[`model`,`style`])):m(``,!0),k(re,{ref_key:`menuRef`,ref:De,items:N(ft),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`]),k(re,{ref_key:`newViewMenuRef`,ref:Oe,items:N(pt),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])])}}}),[[`__scopeId`,`data-v-5cecaa2e`]]);export{kn as default};
+import{S as e,d as t,i as n,y as r}from"./api-DjhIYzsF.js";import{$n as i,$t as a,An as o,C as s,Cn as c,En as l,Gt as u,Hn as d,Ht as f,In as p,Qt as m,Rn as h,Rt as g,Sn as _,T as v,Vn as y,Wt as ee,Xt as b,Yn as x,Yt as S,Zn as C,Zt as w,ar as T,cr as E,dn as D,dr as O,gn as te,hn as ne,in as k,nr as A,on as j,pn as M,rr as re,sr as N,ur as P,w as F,wn as I,yn as L}from"./vendor-TwHhULaP.js";import{A as ie,Bn as ae,F as R,Ft as z,U as oe,Vn as B,di as se,et as V,xi as ce}from"./vendor-cameraui-CeENiq5U.js";import{f as le}from"./vendor-core-D8xC2dee.js";import{A as H,C as ue,D as U,E as de,F as fe,M as pe,N as W,O as me,P as he,T as ge,j as _e,k as ve}from"./CuiCameraCard-BJpi9GYb.js";import{t as ye}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{i as be,n as xe,r as Se,t as Ce}from"./useSharedComposables-Dyso8kmC.js";import{n as we}from"./ui-Cfq-tG-U.js";import{t as Te}from"./close-DJVAaOAW.js";import{J as Ee,K as De,R as Oe,U as ke,b as Ae,o as je}from"./vendor-primevue-D-xm-xIu.js";import{t as Me}from"./grid-fill-DB5dDV_p.js";import{t as G}from"./CuiCameraSnapshot-fX1tTzWs.js";import{a as K,i as q,n as J,r as Y,t as Ne}from"./vendor-dnd-xonm_1Rf.js";import{n as Pe,t as Fe}from"./CuiMenu-CX2XxBmg.js";import{t as Ie}from"./cameras-DeAGPYqb.js";import{t as Le}from"./useCuiDialog-BlhSS0jk.js";import{a as Re}from"./users.schema-D9OMoaax.js";import{t as ze}from"./routerState-ByPqbiUl.js";import{n as Be,t as Ve}from"./microphone-D82UAyKX.js";import{t as He}from"./check-CTsqABwX.js";import{t as Ue}from"./plus-f_BxgZ2Q.js";import{t as We}from"./delete-Ulf8FkG7.js";import{t as Ge}from"./CuiCameraPipCard-CLa09t5W.js";import{n as Ke,t as qe}from"./CuiTopNavbarItem-dBqQ0_Wd.js";import{t as Je}from"./vendor-gridstack-DD5uGA3X.js";var X={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ye(e,t){return I(),a(`svg`,X,[...t[0]||=[b(`path`,{fill:`currentColor`,d:`M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2L8.6 4.5L10 7zm12 9.8L22 14l-1.4 2.5L22 19l-2.5-1.4L17 19l1.4-2.5L17 14zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4zm-8.66 10.78l2.44-2.44l-2.12-2.12l-2.44 2.44zm1.03-5.49l2.34 2.34c.39.37.39 1.02 0 1.41L5.04 22.71c-.39.39-1.04.39-1.41 0l-2.34-2.34c-.39-.37-.39-1.02 0-1.41L12.96 7.29c.39-.39 1.04-.39 1.41 0`},null,-1)]])}var Xe=x({name:`mdi-auto-fix`,render:Ye}),Ze={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Z(e,t){return I(),a(`svg`,Ze,[...t[0]||=[b(`g`,{fill:`none`,"fill-rule":`evenodd`},[b(`path`,{d:`m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z`}),b(`path`,{fill:`currentColor`,d:`M19 11a2 2 0 0 1 1.995 1.85L21 13v6a2 2 0 0 1-1.85 1.995L19 21h-4a2 2 0 0 1-1.995-1.85L13 19v-6a2 2 0 0 1 1.85-1.995L15 11zM9 15a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2zM9 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm10 0a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`})],-1)]])}var Qe=x({name:`mingcute-grid2-fill`,render:Z}),$e={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function et(e,t){return I(),a(`svg`,$e,[...t[0]||=[b(`path`,{fill:`currentColor`,d:`M13 6v5h5V7.75L22.25 12L18 16.25V13h-5v5h3.25L12 22.25L7.75 18H11v-5H6v3.25L1.75 12L6 7.75V11h5V6H7.75L12 1.75L16.25 6z`},null,-1)]])}var tt=x({name:`mdi-cursor-move`,render:et}),nt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function rt(e,t){return I(),a(`svg`,nt,[...t[0]||=[b(`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)]])}var it=x({name:`fluent-pulse-24-filled`,render:rt}),Q={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function at(e,t){return I(),a(`svg`,Q,[...t[0]||=[b(`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),b(`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)]])}var ot=x({name:`heroicons-speaker-wave-16-solid`,render:at}),st={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function $(e,t){return I(),a(`svg`,st,[...t[0]||=[b(`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)]])}var ct=x({name:`heroicons-speaker-x-mark-16-solid`,render:$}),lt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function ut(e,t){return I(),a(`svg`,lt,[...t[0]||=[b(`path`,{fill:`currentColor`,d:`M10.4 13.45h3.2l.6 1.625q.075.2.238.313t.362.112q.35 0 .538-.275t.062-.6l-2.55-6.7q-.075-.2-.237-.312T12.25 7.5h-.5q-.2 0-.363.113t-.237.312L8.625 14.65q-.125.3.05.575t.525.275q.2 0 .363-.112t.237-.313zm.4-1.15L11.95 9h.1l1.15 3.3zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12q0-.8.125-1.6T2.5 8.825q.125-.4.513-.537t.737.062q.375.2.538.588t.037.812q-.15.55-.238 1.113T4 12q0 3.35 2.325 5.675T12 20t5.675-2.325T20 12t-2.325-5.675T12 4q-.6 0-1.187.087T9.65 4.35q-.425.125-.8-.025T8.3 3.8t-.013-.762t.563-.513q.75-.275 1.55-.4T12 2q2.075 0 3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22M4.438 6.563Q4 6.125 4 5.5t.438-1.062T5.5 4t1.063.438T7 5.5t-.437 1.063T5.5 7t-1.062-.437M12 12`},null,-1)]])}var dt=x({name:`material-symbols-motion-photos-auto-outline-rounded`,render:ut}),ft={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function pt(e,t){return I(),a(`svg`,ft,[...t[0]||=[b(`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)]])}var mt=x({name:`mdi-card-plus-outline`,render:pt}),ht={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function gt(e,t){return I(),a(`svg`,ht,[...t[0]||=[b(`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)]])}var _t=x({name:`mdi-drag-vertical`,render:gt}),vt={class:`text-sm text-muted truncate`},yt=ye(j({__name:`ViewDnDDrag`,props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(e){let{camera:t,canDrag:n}=T(e),r=p(`boxRef`),o=A(null),s=i(0),c=i(0),l=i(!1),{x:u,y:d,sourceType:f}=be(),[m,g]=q(()=>({type:`camera-sidebar`,options:{dropEffect:`copy`},item:t.value,canDrag:n.value,collect:e=>({style:{opacity:e.isDragging()?.4:1},isDragging:e.isDragging()})})),_=S(()=>m.value.isDragging),v=S(()=>_.value&&f.value===`touch`);function ee(){o.value&&document.body.contains(o.value)&&document.body.removeChild(o.value),o.value=null}function x(){if(ee(),!r.value)return;let e=r.value.cloneNode(!0),t=r.value.getBoundingClientRect();e.style.width=`${t.width}px`,e.style.height=`${t.height}px`,e.classList.add(`drag-preview`),e.style.position=`fixed`,e.style.left=`${u.value-s.value}px`,e.style.top=`${d.value-c.value}px`,document.body.appendChild(e),o.value=e}function C(){l.value=!1,ee()}function w(){C(),l.value=!0;let e=r.value?.getBoundingClientRect();e&&(s.value=u.value-e.left,c.value=d.value-e.top,x())}function D(){!o.value||!l.value||requestAnimationFrame(()=>{o.value&&(o.value.style.left=`${u.value-s.value}px`,o.value.style.top=`${d.value-c.value}px`)})}return h(v,e=>e?w():C()),h([u,d],()=>D(),{flush:`sync`}),L(()=>C()),(n,i)=>{let o=_t,s=G,c=B;return I(),a(`div`,{ref_key:`boxRef`,ref:r},[b(`div`,{ref:N(g),style:P(N(m).style)},[k(c,{disabled:e.isDropped,fluid:``,severity:`secondary`,class:`cui-rounded-corner dark-mode shadow-sm items-center justify-normal`,style:P({cursor:e.isDropped?`not-allowed`:`grab`})},{default:y(()=>[k(o,{size:`20`,class:`text-muted mr-2`}),k(s,{camera:N(t),width:`110px`,class:E([`cui-rounded-corner shadow-md overflow-hidden`,{"opacity-30":e.isDropped}])},null,8,[`camera`,`class`]),b(`span`,vt,O(N(t).name),1)]),_:1},8,[`disabled`,`style`])],4)],512)}}}),[[`__scopeId`,`data-v-a4c67afd`]]),bt={editMode:!1,rearrangeMode:!1,viewSize:1},xt=Object.fromEntries(Object.entries({1:{cols:1,rows:1},4:{cols:2,rows:2},6:{cols:3,rows:3},7:{cols:4,rows:4},9:{cols:3,rows:3},10:{cols:4,rows:4},12:{cols:6,rows:6},13:{cols:4,rows:4},15:{cols:12,rows:12},16:{cols:4,rows:4},20:{cols:6,rows:6},26:{cols:12,rows:12}}).map(([e,t])=>[e,{cols:t.cols*16,rows:t.rows*16}])),St=e=>e.map(e=>({x:e.x*16,y:e.y*16,w:e.w*16,h:e.h*16})),Ct=Object.fromEntries(Object.entries({1:[{x:0,y:0,w:1,h:1}],4:[{x:0,y:0,w:1,h:1},{x:1,y:0,w:1,h:1},{x:0,y:1,w:1,h:1},{x:1,y:1,w:1,h:1}],6:[{x:0,y:0,w:2,h:2},{x:2,y:0,w:1,h:1},{x:2,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1}],7:[{x:0,y:0,w:2,h:2},{x:2,y:0,w:2,h:2},{x:0,y:2,w:2,h:2},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],9:[{x:0,y:0,w:1,h:1},{x:1,y:0,w:1,h:1},{x:2,y:0,w:1,h:1},{x:0,y:1,w:1,h:1},{x:1,y:1,w:1,h:1},{x:2,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1}],10:[{x:0,y:0,w:2,h:2},{x:0,y:2,w:2,h:2},{x:2,y:0,w:1,h:1},{x:3,y:0,w:1,h:1},{x:2,y:1,w:1,h:1},{x:3,y:1,w:1,h:1},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],12:[{x:0,y:0,w:3,h:3},{x:3,y:0,w:3,h:3},{x:0,y:3,w:3,h:3},{x:3,y:3,w:1,h:1},{x:4,y:3,w:1,h:1},{x:5,y:3,w:1,h:1},{x:3,y:4,w:1,h:1},{x:4,y:4,w:1,h:1},{x:5,y:4,w:1,h:1},{x:3,y:5,w:1,h:1},{x:4,y:5,w:1,h:1},{x:5,y:5,w:1,h:1}],13:[{x:0,y:0,w:2,h:2},{x:2,y:0,w:1,h:1},{x:3,y:0,w:1,h:1},{x:2,y:1,w:1,h:1},{x:3,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:0,y:3,w:1,h:1},{x:1,y:3,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],15:[{x:0,y:0,w:6,h:6},{x:6,y:0,w:6,h:6},{x:0,y:6,w:3,h:3},{x:3,y:6,w:3,h:3},{x:0,y:9,w:3,h:3},{x:3,y:9,w:3,h:3},{x:6,y:6,w:2,h:2},{x:8,y:6,w:2,h:2},{x:10,y:6,w:2,h:2},{x:6,y:8,w:2,h:2},{x:8,y:8,w:2,h:2},{x:10,y:8,w:2,h:2},{x:6,y:10,w:2,h:2},{x:8,y:10,w:2,h:2},{x:10,y:10,w:2,h:2}],16:[{x:0,y:0,w:1,h:1},{x:1,y:0,w:1,h:1},{x:2,y:0,w:1,h:1},{x:3,y:0,w:1,h:1},{x:0,y:1,w:1,h:1},{x:1,y:1,w:1,h:1},{x:2,y:1,w:1,h:1},{x:3,y:1,w:1,h:1},{x:0,y:2,w:1,h:1},{x:1,y:2,w:1,h:1},{x:2,y:2,w:1,h:1},{x:3,y:2,w:1,h:1},{x:0,y:3,w:1,h:1},{x:1,y:3,w:1,h:1},{x:2,y:3,w:1,h:1},{x:3,y:3,w:1,h:1}],20:[{x:0,y:0,w:3,h:3},{x:0,y:3,w:3,h:3},{x:3,y:0,w:1,h:1},{x:4,y:0,w:1,h:1},{x:5,y:0,w:1,h:1},{x:3,y:1,w:1,h:1},{x:4,y:1,w:1,h:1},{x:5,y:1,w:1,h:1},{x:3,y:2,w:1,h:1},{x:4,y:2,w:1,h:1},{x:5,y:2,w:1,h:1},{x:3,y:3,w:1,h:1},{x:4,y:3,w:1,h:1},{x:5,y:3,w:1,h:1},{x:3,y:4,w:1,h:1},{x:4,y:4,w:1,h:1},{x:5,y:4,w:1,h:1},{x:3,y:5,w:1,h:1},{x:4,y:5,w:1,h:1},{x:5,y:5,w:1,h:1}],26:[{x:0,y:0,w:3,h:3},{x:3,y:0,w:3,h:3},{x:0,y:3,w:3,h:3},{x:3,y:3,w:3,h:3},{x:6,y:0,w:2,h:2},{x:8,y:0,w:2,h:2},{x:10,y:0,w:2,h:2},{x:6,y:2,w:2,h:2},{x:8,y:2,w:2,h:2},{x:10,y:2,w:2,h:2},{x:6,y:4,w:2,h:2},{x:8,y:4,w:2,h:2},{x:10,y:4,w:2,h:2},{x:0,y:6,w:2,h:2},{x:2,y:6,w:2,h:2},{x:4,y:6,w:2,h:2},{x:0,y:8,w:2,h:2},{x:2,y:8,w:2,h:2},{x:4,y:8,w:2,h:2},{x:0,y:10,w:2,h:2},{x:2,y:10,w:2,h:2},{x:4,y:10,w:2,h:2},{x:6,y:6,w:3,h:3},{x:9,y:6,w:3,h:3},{x:6,y:9,w:3,h:3},{x:9,y:9,w:3,h:3}]}).map(([e,t])=>[e,St(t)])),wt={class:`text-lg font-semibold text-white`},Tt={class:`flex flex-col gap-3 w-full h-full overflow-y-auto`},Et={class:`cui-label`},Dt=j({__name:`ViewDnDSidebar`,props:{cameras:{},droppedCameras:{},title:{}},emits:[`changeViewSize`],setup(e,{emit:t}){let n=e,r=t,{droppedCameras:i}=T(n);function o(e){return i.value.some(t=>t.name===e.name)}return(t,n)=>{let i=B,s=yt;return I(),a(`div`,{class:`sidebar-view-background flex flex-col p-2 border-[1px] border-color gap-2 rounded-xl`,style:P({width:`${N(400)}px`})},[b(`span`,wt,O(e.title),1),b(`div`,Tt,[k(i,{fluid:``,label:`Change grid size`,class:`cui-button-small dark-mode shrink-0 my-4`,onClick:n[0]||=e=>r(`changeViewSize`)}),b(`label`,Et,O(t.$t(`components.view_box.available_streams`)),1),(I(!0),a(u,null,l(e.cameras,(e,t)=>(I(),a(`div`,{key:t},[k(s,{camera:e,"is-dropped":o(e),"can-drag":!o(e)},null,8,[`camera`,`is-dropped`,`can-drag`])]))),128))])],4)}}}),Ot={key:1,class:`w-full h-full bg-[#1a1a1a] flex items-center justify-center`},kt={key:2,class:`w-full h-full bg-[#111]`},At={key:1,class:`w-full h-full flex items-center justify-center`},jt=ye(j({__name:`ViewDnDCard`,props:{camera:{},cameras:{},droppedCameras:{},mode:{},index:{},cameraCardProps:{},cameraCardModels:{},onDrop:{type:Function}},emits:[`drop`,`remove`,`expand`],setup(e,{expose:t,emit:n}){let r=e,i=n,{lgBreakpoint:o}=Ce(),{camera:s,mode:c,cameras:l,droppedCameras:d}=T(r),f=p(`boxRef`),h=p(`containerRef`),g=p(`playerRef`),_=p(`menuRef`),{width:v}=ce(h),[x,C]=Y({accept:`camera-sidebar`,drop:r.onDrop,collect:e=>({isOver:e.isOver(),canDrop:e.canDrop()&&!s.value}),canDrop:()=>c.value===`edit`&&!s.value}),D=S(()=>x.value.canDrop&&x.value.isOver),O=S(()=>c.value===`edit`?D.value?`#171717`:`#202020`:`#000`),te=S(()=>v.value<=200),A=S(()=>l.value.filter(e=>!d.value.some(t=>t.name===e.name))),j=S(()=>A.value.map(e=>({label:e.name,onClick:()=>i(`drop`,e)})));function M(e){g.value?.toggleMute(e)}async function re(e,t){await g.value?.toggleMicrophone(e,t)}function F(e){g.value?.toggleActivityMode(e)}async function L(e){await g.value?.toggleSourceRole(e)}async function ie(e){await g.value?.toggleStreamingMode(e)}function ae(e){g.value?.toggleBbox(e)}function R(e){g.value?.togglePip(e)}return t({togglePlayerMute:M,toggleMicrophone:re,togglePlayerActivityMode:F,togglePlayerSourceRole:L,togglePlayerStreamingMode:ie,togglePlayerBbox:ae,togglePip:R}),(t,n)=>{let r=Ge,l=Ue,d=Te,p=B,v=G,x=Fe;return I(),a(`div`,{ref_key:`boxRef`,ref:f,class:`view-dnd-card`},[N(c)===`normal`||N(c)===`rearrange`?(I(),a(u,{key:0},[N(s)?(I(),w(r,ne({key:0,ref_key:`playerRef`,ref:g},e.cameraCardProps,{"activity-mode":e.cameraCardModels?.activityMode,"source-role":e.cameraCardModels?.sourceRole,"streaming-mode":e.cameraCardModels?.streamingMode,"camera-info":N(s),class:`w-full h-full`,onExpand:n[0]||=e=>i(`expand`,N(s),e)}),null,16,[`activity-mode`,`source-role`,`streaming-mode`,`camera-info`])):N(c)===`rearrange`?(I(),a(`div`,Ot,[k(l,{class:`w-6 h-6 text-white/20`})])):(I(),a(`div`,kt))],64)):N(c)===`edit`?(I(),a(u,{key:1},[b(`div`,{ref:N(C),style:P({backgroundColor:N(O)}),class:`w-full h-full`},[N(s)?(I(),a(`div`,{key:0,ref_key:`containerRef`,ref:h,class:`w-full h-full flex items-center justify-center relative min-w-0`},[k(p,{class:E([`z-1`,{"cui-icon-lg":N(te),"cui-button-small":!N(te)}]),label:N(te)?void 0:N(s).name,onClick:n[1]||=ee(e=>i(`remove`,N(s)),[`prevent`])},{icon:y(()=>[k(d)]),_:1},8,[`class`,`label`]),k(v,{camera:N(s),class:`absolute w-full h-full top-0 left-0 bg-black/50 opacity-20`},null,8,[`camera`])],512)):N(o)?m(``,!0):(I(),a(`div`,At,[k(p,{text:``,rounded:``,class:`cui-icon-md`,onClick:N(_)?.toggleMenu},{icon:y(()=>[k(l,{width:`100%`,height:`100%`})]),_:1},8,[`onClick`])]))],4),k(x,{ref_key:`menuRef`,ref:_,items:N(j),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])],64)):m(``,!0)],512)}}}),[[`__scopeId`,`data-v-82916b84`]]),Mt={class:`w-full h-full flex flex-row`},Nt=[`gs-id`,`gs-x`,`gs-y`,`gs-w`,`gs-h`],Pt={class:`grid-stack-item-content`},Ft=ye(j({__name:`CuiCameraViewDnD`,props:M({cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean},rearrangeMode:{type:Boolean},cameraCardProps:{},cameraCardModels:{}},bt),emits:[`drop`,`remove`,`changeViewSize`,`expand`,`rearrange`],setup(e,{expose:t,emit:n}){let r=e,o=n,{isTouch:s}=Se(),{smBreakpoint:c,lgBreakpoint:g}=Ce(),v=D(ie,void 0),{routeFrom:ee,routeTo:x}=le(ze()),{editMode:C,rearrangeMode:O,viewSize:ne,cards:A,cameraCardProps:j}=T(r),M=p(`viewRef`),F=p(`wrapperRef`),ae=p(`gridRef`),R=p(`cardRefs`),oe=i(),se=i(),V=null,{isFullscreen:H,toggle:ue}=z(M,{mode:`scroll`}),U=ce(M),fe=ce(F),pe=S(()=>C.value?`edit`:O.value?`rearrange`:`normal`),W=S(()=>oe.value??se.value),me=S(()=>e=>{let t={...re(j.value)};if(e){let n=ee.value?.includes(`/cameras/${e.name}`)??!1,r=x.value?.includes(`/cameras/${e.name}`)??!1,i=t.viewTransition&&(n||r),a=`/cameras/${e.name}`;v?.isActive.value?t.routerLink=`${a}?startTs=${Math.floor(v.currentTimestamp.value/1e3)}`:t.routerLink=a,t.viewTransition=i}return t}),he=S(()=>(U.height.value-16)*(16/9)),ge=S(()=>A.value.filter(e=>e.lastDroppedCamera).map(e=>e.lastDroppedCamera));function _e(e){let t=A.value[e];if(c.value)return{x:0,y:t?.y??e,w:1,h:1};let n=Ct[ne.value]?.[e];return{x:t?.x??n?.x??0,y:t?.y??n?.y??0,w:t?.colSpan??n?.w??1,h:t?.rowSpan??n?.h??1}}function ve(){if(!V)return;let e=[];for(let t of V.getGridItems()){let n=t.gridstackNode;if(!n)continue;let r=parseInt(n.id),i=A.value[r];i?.lastDroppedCamera&&e.push({index:r,cameraId:i.lastDroppedCamera._id,colSpan:n.w,rowSpan:n.h,x:n.x,y:n.y})}o(`rearrange`,e)}function ye(){ve()}function be(){if(!ae.value)return;let e=xt[ne.value];if(!e)return;let t=c.value,n=t?1:e.cols,r=t?A.value.length:e.rows,i=F.value?.clientWidth??0,a=t?i*9/16:i>0?i*9/16/e.rows:60,o=pe.value===`rearrange`;V=Je.init({column:n,minRow:r,cellHeight:a,margin:o?3:1,float:!1,animate:!1,staticGrid:!o,resizable:t?{handles:``}:{handles:`se`},disableResize:t,alwaysShowResizeHandle:!t},ae.value),V.on(`change`,ye),requestAnimationFrame(()=>V?.setAnimation(!0))}function xe(){V&&=(V.offAll(),V.destroy(!1),null)}function we(e,t,n){n?oe.value=t:(se.value=t,oe.value=void 0,setTimeout(()=>{se.value=void 0},250)),o(`expand`,e,n)}async function Te(){await ue()}function Ee(e){for(let t of R.value||[])t.togglePlayerMute(e)}async function De(e,t){await Promise.allSettled((R.value||[]).map(n=>n.toggleMicrophone(e,t)))}function Oe(e){for(let t of R.value||[])t.togglePlayerActivityMode(e)}async function ke(e){await Promise.allSettled((R.value||[]).map(t=>t.togglePlayerSourceRole(e)))}async function Ae(e){await Promise.allSettled((R.value||[]).map(t=>t.togglePlayerStreamingMode(e)))}function je(e){for(let t of R.value||[])t.togglePlayerBbox(e)}function Me(e){for(let t of R.value||[])t.togglePip(e)}function G(){V&&(V.compact(),ve())}function q(){if(!V)return;let e=xt[ne.value];if(!e)return;let t=e.cols,n=[];for(let e of V.getGridItems()){let t=e.gridstackNode;if(!t)continue;let r=parseInt(t.id),[i,a]=((A.value[r]?.lastDroppedCamera)?.interfaceSettings?.aspectRatio||`16:9`).split(`:`).map(Number);n.push({idx:r,el:e,cellRatio:i/a*(9/16)})}if(!n.length)return;let r=new Map,i=0,a=0;for(;a<n.length;){let e=[],o=0;for(;a<n.length;){let r=n[a],i=16*r.cellRatio;if(o+i>t&&e.length>0)break;e.push(r),o+=i,a++}let s=t/o,c=Math.max(1,Math.round(16*s)),l=0;for(let n=0;n<e.length;n++){let a=e[n],o=n===e.length-1?t-l:Math.max(1,Math.round(16*a.cellRatio*s));r.set(a.idx,{x:l,y:i,w:o,h:c}),l+=o}i+=c}V.batchUpdate();for(let[e,t]of r){let r=n.find(t=>t.idx===e);r&&V.update(r.el,t)}V.batchUpdate(!1),ve()}return h([ne,()=>A.value.length,c],()=>{xe(),te(()=>be())},{immediate:!1}),h(pe,e=>{if(!V)return;let t=e===`rearrange`;V.setStatic(!t),V.margin(t?3:1)}),h(()=>fe.width.value,e=>{if(!(!V||e<=0)){if(V.setAnimation(!1),c.value)V.cellHeight(e*9/16);else{let t=xt[ne.value]?.rows??1;V.cellHeight(e*9/16/t)}requestAnimationFrame(()=>V?.setAnimation(!0))}}),_(()=>{te(()=>be())}),L(()=>{xe()}),t({toggleFullscreen:Te,toggleAllPlayerMute:Ee,toggleAllPlayerMicrophone:De,toggleAllPlayerActivityMode:Oe,toggleAllPlayerSourceRole:ke,toggleAllPlayerStreamingMode:Ae,toggleAllPlayerBbox:je,toggleAllPip:Me,compactGrid:G,fitAspectRatios:q,isFullscreen:H}),(t,n)=>{let r=de,i=B,p=jt,h=Dt;return I(),w(N(K),{backend:N(s)?N(Ne):N(J)},{default:y(()=>[b(`div`,Mt,[b(`div`,{ref_key:`viewRef`,ref:M,class:E([`view-container w-full flex flex-col min-w-0 overflow-y-auto items-center`,{"px-2":N(C)&&N(g)}])},[N(H)?(I(),w(i,{key:0,severity:`secondary`,rounded:``,class:`cui-fs-exit`,"aria-label":t.$t(`components.form.tooltip.fullscreen_off`),onClick:N(ue)},{icon:y(()=>[k(r,{class:`w-5 h-5`})]),_:1},8,[`aria-label`,`onClick`])):m(``,!0),N(W)===void 0?m(``,!0):(I(),a(`div`,{key:1,class:`w-full aspect-video relative my-auto`,style:P({maxWidth:`${N(he)}px`})},[k(p,{ref:`fsCardRef`,class:E([`w-full h-full`,{"card-expanded":N(oe)!==void 0,"card-collapsing":N(se)!==void 0}]),camera:N(A)[N(W)]?.lastDroppedCamera,cameras:e.cameras,"dropped-cameras":N(ge),mode:`normal`,index:N(W),"camera-card-props":{...N(me)(N(A)[N(W)]?.lastDroppedCamera),expanded:!0},"camera-card-models":e.cameraCardModels,onExpand:n[0]||=(e,t)=>we(e,N(W),t)},null,8,[`class`,`camera`,`cameras`,`dropped-cameras`,`index`,`camera-card-props`,`camera-card-models`])],4)),d(b(`div`,{ref_key:`wrapperRef`,ref:F,class:E([`w-full relative my-auto`,N(c)?`h-auto`:`aspect-video`]),style:P(N(c)?void 0:{maxWidth:`${N(he)}px`})},[b(`div`,{ref_key:`gridRef`,ref:ae,class:`grid-stack w-full h-full`},[(I(!0),a(u,null,l(N(A),(t,r)=>(I(),a(`div`,{key:r,class:`grid-stack-item`,"gs-id":String(r),"gs-x":_e(r).x,"gs-y":_e(r).y,"gs-w":_e(r).w,"gs-h":_e(r).h},[b(`div`,Pt,[k(p,{ref_for:!0,ref_key:`cardRefs`,ref:R,camera:t.lastDroppedCamera,cameras:e.cameras,"dropped-cameras":N(ge),mode:N(pe),index:r,"camera-card-props":{...N(me)(t.lastDroppedCamera),expanded:N(W)===r},"camera-card-models":e.cameraCardModels,"on-drop":e=>o(`drop`,r,e),onExpand:(e,t)=>we(e,r,t),onDrop:e=>o(`drop`,r,e),onRemove:n[1]||=e=>o(`remove`,e)},null,8,[`camera`,`cameras`,`dropped-cameras`,`mode`,`index`,`camera-card-props`,`camera-card-models`,`on-drop`,`onExpand`,`onDrop`])])],8,Nt))),128))],512)],6),[[f,N(W)===void 0]])],2),N(C)&&N(g)?(I(),w(h,{key:0,cameras:e.cameras,"dropped-cameras":N(ge),title:e.title,class:`view-box shadow-xl`,style:P({"margin-right":N(C)?`0px`:`-${N(400)}px`}),onChangeViewSize:n[2]||=e=>o(`changeViewSize`)},null,8,[`cameras`,`dropped-cameras`,`title`,`style`])):m(``,!0)])]),_:1},8,[`backend`])}}}),[[`__scopeId`,`data-v-69af4a41`]]),It={class:`flex flex-col gap-3`},Lt={class:`text-wrap`},Rt={class:`w-full h-full flex items-center justify-center relative`},zt=j({__name:`AudioVisualizer`,emits:[`listening`],setup(t,{expose:n,emit:r}){let o=r,s=e(),l=D(`dialogRefProps`),u=p(`canvasRef`),d=A(),f=A(),m=i(!1),h=S(()=>!!l.loading?.value);async function g(){if(m.value)v();else try{d.value&&v();let e;try{e=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){s.add({severity:`warn`,detail:`Can not enable AudioVisualizer, see console.`,life:3e3}),console.warn(`Can not enable AudioVisualizer`,e);return}m.value=!0,o(`listening`,!0),d.value=new AudioContext;let t=d.value.createAnalyser();t.fftSize=1024,f.value=e.getTracks(),d.value.createMediaStreamSource(e).connect(t);let n,r=u.value?.getContext(`2d`),i=()=>{if(u.value&&r){let e=[],a=[];r.clearRect(0,0,u.value.width,u.value.height),requestAnimationFrame(i);let o=t.frequencyBinCount,s=new Uint8Array(o);t.getByteFrequencyData(s),e.push(s);for(let t=0;t<e[0].length;t++)a.push(0),e.forEach(e=>{a[t]+=e[t]});let c=u.value.width/2,l=u.value.height/2;r.beginPath(),r.arc(c,l,30,0,2*Math.PI),r.lineWidth=1,r.stroke(),r.closePath();for(let e=0;e<90;e++){n=a[e]*.4;let t=Math.PI*2/90;_(r,c+Math.cos(t*e)*30,l+Math.sin(t*e)*30,c+Math.cos(t*e)*(30+n),l+Math.sin(t*e)*(30+n),3)}m.value||r.clearRect(0,0,u.value.width,u.value.height)}};i()}catch(e){v(),console.error(e)}}function _(e,t,n,r,i,a){let o=e.createLinearGradient(t,n,r,i);o.addColorStop(0,`#5b040f`),o.addColorStop(.5,`#b50b21`),o.addColorStop(.9,`#df2a4c`),o.addColorStop(1,`#df6380`),e.lineWidth=a,e.strokeStyle=o,e.beginPath(),e.moveTo(t,n),e.lineTo(r,i),e.stroke(),e.closePath()}function v(){d.value?.close(),d.value=void 0,f.value?.forEach(e=>e.stop()),f.value=void 0,m.value=!1,o(`listening`,!1)}return c(()=>{v()}),n({isLoading:h}),(e,t)=>{let n=Ve,r=B;return I(),a(`div`,It,[b(`span`,Lt,O(e.$t(`components.dialog.message.intercom_info`)),1),b(`div`,Rt,[k(r,{rounded:``,class:`w-[60px] h-[60px] absolute z-1`,onClick:g},{icon:y(()=>[k(n,{width:`100%`,height:`100%`})]),_:1}),b(`canvas`,{ref_key:`canvasRef`,ref:u,height:`300`,width:`300`},null,512)])])}}}),Bt=[`fill`],Vt=j({__name:`CuiCameraGridIcon1`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Bt))}}),Ht=[`fill`],Ut=j({__name:`CuiCameraGridIcon10`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Ht))}}),Wt=[`fill`],Gt=j({__name:`CuiCameraGridIcon12`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Wt))}}),Kt=[`fill`],qt=j({__name:`CuiCameraGridIcon13`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Kt))}}),Jt=[`fill`],Yt=j({__name:`CuiCameraGridIcon15`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Jt))}}),Xt=[`fill`],Zt=j({__name:`CuiCameraGridIcon16`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Xt))}}),Qt=[`fill`],$t=j({__name:`CuiCameraGridIcon20`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,Qt))}}),en=[`fill`],tn=j({__name:`CuiCameraGridIcon26`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,en))}}),nn=[`fill`],rn=j({__name:`CuiCameraGridIcon4`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,nn))}}),an=[`fill`],on=j({__name:`CuiCameraGridIcon6`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,an))}}),sn=[`fill`],cn=j({__name:`CuiCameraGridIcon7`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,sn))}}),ln=[`fill`],un=j({__name:`CuiCameraGridIcon9`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=T(e);return(e,n)=>(I(),a(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:N(t)},[...n[0]||=[b(`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,ln))}}),dn={for:`name`,class:`cui-label`},fn={key:0,class:`flex flex-col gap-6 justify-center`},pn={key:0,class:`text-red-500 text-center mb-5`},mn={class:`md:max-h-[350px] overflow-y-auto`},hn={class:`block cui-label mb-3`},gn={key:1,class:`flex flex-col gap-6 justify-center`},_n={key:0,class:`text-red-500 text-center mb-5`},vn={class:`md:max-h-[450px] overflow-y-auto`},yn={class:`block cui-label mb-3`},bn={class:`view-select-container`},xn=[`onClick`],Sn=ye(j({__name:`CamviewForm`,props:{form:{},type:{},cameras:{},views:{}},setup(c,{expose:d}){let f=new r,ee=c,x=e(),{t:C}=se(),te=D(`dialogRefProps`),{user:A}=le(t()),{mutateAsync:j,isPending:M}=f.createViewQuery(),{mutateAsync:re,isPending:P}=f.patchViewQuery(),{form:L,type:ie,cameras:ae,views:R}=T(ee),z=p(`formRef`),oe=i([1,4,6,7,9,10,12,13,15,16,20,26]),B=i(!0),ce=i(!0),H=i([]),ue=i(!1),U=i(L.value?n(L.value):{}),de=S(()=>!!(te.loading?.value||M.value||P.value));function fe(e){let t=H.value.findIndex(t=>t.name===e.name);t===-1?H.value.push(e):H.value.splice(t,1)}function pe(e){switch(e){case 1:return Vt;case 4:return rn;case 6:return on;case 7:return cn;case 9:return un;case 10:return Ut;case 12:return Gt;case 13:return qt;case 15:return Yt;case 16:return Zt;case 20:return $t;case 26:return tn;default:return Vt}}async function W(){if(!z.value||!A.value)return;let e=R.value.find(e=>e.name===U.value.name);if(e&&!ue.value)return console.log(`View already exists`,e),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null;if(ie.value===`dnd`){if(ce.value)return console.log(`No cameras selected`),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null;let e=H.value.map((e,t)=>({cameraId:e._id,index:t}));U.value.cameras=e,U.value.type=`dnd`,U.value.viewSize=1,z.value.setFieldValue(`type`,`dnd`),z.value.setFieldValue(`viewSize`,1),z.value.setFieldValue(`cameras`,e);let t=await z.value.validate();return t?.valid?ue.value?await re({username:A.value.username,viewid:U.value._id,viewData:U.value}):await j({username:A.value.username,viewData:U.value}):(console.log(`Validation failed`,t),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null)}else{if(B.value)return console.log(`No view selected`),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null;U.value.cameras=[],U.value.type=`view`,z.value.setFieldValue(`type`,`view`),z.value.setFieldValue(`cameras`,[]);let e=await z.value.validate();return e?.valid?n(U.value):(console.log(`Validation failed`,e),x.add({severity:`error`,detail:C(`components.toast.validation_failed`),life:3e3}),null)}}return h(U,e=>{for(let[t,n]of Object.entries(e))z.value?.setFieldValue(t,n);e.viewSize&&(B.value=!1),e.cameras?.length&&(ce.value=!1)},{deep:!0,immediate:!0}),h(H,e=>{ce.value=e.length===0},{deep:!0}),_(()=>{H.value=ae.value?.filter(e=>U.value?.cameras?.some(t=>t.cameraId===e._id))||[],ue.value=Object.keys(U.value).length>0}),d({isLoading:de,onConfirm:W}),(e,t)=>{let n=V,r=Oe,i=ke,c=De,d=Pe;return I(),w(N(v),{ref_key:`formRef`,ref:z,class:`flex flex-col gap-6`,"validation-schema":N(Re),"initial-values":N(U)},{default:y(()=>[k(N(F),{modelValue:N(U).name,"onUpdate:modelValue":t[0]||=e=>N(U).name=e,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:y(({field:t,errors:i})=>[b(`label`,dn,O(e.$t(`components.form.label.name`)),1),k(r,null,{default:y(()=>[k(n,ne(t,{invalid:i.length>0,loading:N(de),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),k(g,{name:`fade`},{default:y(()=>[k(N(s),{name:`name`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),k(i,{class:`m-0 py-3`}),N(ie)===`dnd`?(I(),a(`div`,fn,[k(g,{name:`fade`},{default:y(()=>[N(ce)?(I(),a(`span`,pn,O(e.$t(`components.form.error.no_cameras_selected`)),1)):m(``,!0)]),_:1}),b(`div`,mn,[b(`label`,hn,O(e.$t(`components.form.label.cameras`)),1),(I(!0),a(u,null,l(N(ae),(e,t)=>(I(),a(`div`,{key:t,class:`cui-list-item`},[k(d,{class:`h-14`,active:N(H).some(t=>t.name===e.name),onClick:t=>fe(e)},{append:y(()=>[k(c,{"model-value":N(H).some(t=>t.name===e.name),"onUpdate:modelValue":t=>fe(e)},null,8,[`model-value`,`onUpdate:modelValue`])]),default:y(()=>[b(`span`,null,O(e.name),1)]),_:2},1032,[`active`,`onClick`])]))),128))])])):(I(),a(`div`,gn,[k(g,{name:`fade`},{default:y(()=>[N(B)?(I(),a(`span`,_n,O(e.$t(`components.form.error.no_view_selected`)),1)):m(``,!0)]),_:1}),b(`div`,vn,[b(`label`,yn,O(e.$t(`components.form.label.views`)),1),b(`div`,bn,[(I(!0),a(u,null,l(N(oe),t=>(I(),a(`div`,{key:t,class:`view-select-item w-full`,onClick:e=>N(U).viewSize=t},[b(`div`,{class:E([`view-select-item-icon w-full p-3`,{"selected-view":N(U).viewSize===t}])},[(I(),w(o(pe(t)),{style:{width:`100%`,height:`100%`}}))],2),b(`span`,{class:E([`view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners`,{"selected-view-label":N(U).viewSize===t}])},O(t)+` `+O(e.$t(`views.camview.cameras`)),3)],8,xn))),128))])])]))]),_:1},8,[`validation-schema`,`initial-values`])}}}),[[`__scopeId`,`data-v-35f7d629`]]),Cn={class:`h-full w-full dark-mode relative`},wn={key:0,class:`flex flex-col w-full h-full items-center justify-center`},Tn={key:1,class:`flex flex-col w-full h-full`},En={class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},Dn={class:`text-muted text-sm`},On={class:`relative w-6 h-6`},kn=ye(j({__name:`Camview`,props:{navbarWidth:{default:0},navbarLeft:{default:0}},setup(e){let s=new r,c=new Ie,l=e,u=se(),{t:f}=u,_=Ae(),v=Le(),{bottombarHeight:ee}=xe(),{smBreakpoint:x,lgBreakpoint:D,mdBreakpoint:te}=Ce(),{user:A}=le(t()),{uiSettings:j}=le(we()),{data:M,isLoading:re}=c.getCamerasQuery({page:1,pageSize:-1}),{data:F,isLoading:L}=s.getViewsQuery(A.value?.username??``,{page:1,pageSize:-1}),{mutate:ie,isPending:z}=s.removeViewQuery(),{mutateAsync:V,isPending:ce}=s.createViewQuery(),{mutateAsync:ye,isPending:be}=s.patchViewQuery(),{navbarWidth:Se,navbarLeft:Te}=T(l),De=p(`menuRef`),Oe=p(`newViewMenuRef`),G=p(`viewDndRef`),K=i({}),q=i(!1),J=i(!1),Y=i(!1),Ne=i(!1),Pe=i(!1),Re=i(!1),ze=i(!0),Ve=i(`always-on`),Ge=i(`low-resolution`),Je=i(`webrtc`),X=i([]),Ye=i({}),Ze=C({sourceRole:Ge.value,activityMode:Ve.value,streamingMode:Je.value}),Z=S(()=>re.value||L.value||z.value||ce.value||be.value),$e=S(()=>Se.value+Te.value),et=S(()=>({locale:u.locale.value,dayNames:_.config.locale?.dayNames,dayNamesShort:_.config.locale?.dayNamesShort,monthNames:_.config.locale?.monthNames,monthNamesShort:_.config.locale?.monthNamesShort})),nt=S(()=>({doubleClickZoom:!1,flatCard:!0,cameraNameOverlay:!0,control:!0,toolbar:!1,expandableCard:($.value?.cameras?.length??0)>1,detectionIndicatorOverlay:!0,boundingBoxOverlay:!1,cardClickAction:`expand`,viewTransition:!0,cardProps:{pt:{root:{style:`background: #000`}}}})),rt=S(()=>F.value?.result.length?D.value?{width:Pe.value?`calc(100% - 400px)`:`100%`,height:`100%`,overflowY:`scroll`}:{height:`100%`,paddingBottom:Pe.value?ee.value>0?`200px`:`192px`:`0px`,overflowY:`scroll`}:{width:`100%`,height:`100%`,overflowY:`scroll`}),Q=S(()=>q.value||J.value),at=S(()=>!!G.value?.isFullscreen),st=S(()=>[{label:at.value?f(`components.form.tooltip.fullscreen_off`):f(`components.form.tooltip.fullscreen_on`),icon:at.value?de:ge,command:Tt},{label:ze.value?f(`components.form.tooltip.unmute`):f(`components.form.tooltip.mute`),icon:ze.value?ct:ot,command:Et},{label:f(`components.form.tooltip.intercom`),icon:ue,command:()=>ht(`intercom`)},{label:Je.value===`auto`?`${f(`components.form.tooltip.mode`)}: ${f(`components.form.tooltip.streaming_mode_auto`)}`:Je.value===`webrtc`?`${f(`components.form.tooltip.mode`)}: ${f(`components.form.tooltip.streaming_mode_webrtc`)}`:`${f(`components.form.tooltip.mode`)}: ${f(`components.form.tooltip.streaming_mode_mse`)}`,icon:Je.value===`auto`?dt:Je.value===`webrtc`?_e:H,command:()=>kt()},{label:Ve.value===`always-on`?f(`components.form.tooltip.activity_mode_always_on`):Ve.value===`standby`?f(`components.form.tooltip.activity_mode_standby`):f(`components.form.tooltip.activity_mode_activity`),icon:Ve.value===`always-on`?pe:Ve.value===`standby`?W:it,command:()=>Dt()},{label:Ge.value===`low-resolution`?`${f(`components.form.tooltip.resolution`)}: ${f(`components.form.tooltip.source_role_low`)}`:Ge.value===`mid-resolution`?`${f(`components.form.tooltip.resolution`)}: ${f(`components.form.tooltip.source_role_mid`)}`:`${f(`components.form.tooltip.resolution`)}: ${f(`components.form.tooltip.source_role_high`)}`,icon:Ge.value===`low-resolution`?U:Ge.value===`mid-resolution`?me:ve,command:()=>Ot()}]),$=S(()=>{let e=F.value?.result.find(e=>e._id===j.value.camview.viewid)||F.value?.result[0];return e?(K.value=e,j.value.camview.viewid=e._id):K.value={},e}),lt=S(()=>$.value?.cameras?.map(e=>e.cameraId)??[]);R(lt,{sourceRole:`low`});let ut=S(()=>Q.value&&K.value.viewSize>0?K.value.viewSize:$.value?$.value.viewSize:1),ft=S(()=>{let e=[];for(let t of F.value?.result||[])e.push({label:t.name,active:t._id===$.value?._id,onClick:()=>gt(t)});return e}),pt=S(()=>[{label:f(`views.camview.new_view`),icon:mt,onClick:()=>ht(`newView`)}]);function ht(e){switch(e){case`newView`:case`editView`:{let t=e===`editView`,n=f(t?`components.dialog.title.edit_view`:`components.dialog.title.new_view`);t?q.value=!0:J.value=!0,v.openComponentDialog(Sn,{data:{title:n,loading:Z,confirmText:f(`components.form.button.next`),contentProps:{form:t?K.value:void 0,type:`view`,cameras:M.value?.result||[],views:F.value?.result||[]}},onConfirm:e=>{e&&(K.value=e)},onCancel:()=>{J.value=!1}});break}case`intercom`:v.openComponentDialog(zt,{data:{title:f(`components.dialog.title.intercom`),hideConfirmButton:!0,loading:Z,contentProps:{}},events:{listening:At}});break;case`removeView`:v.openTextDialog({data:{title:f(`components.dialog.title.confirm`),confirmText:f(`components.form.button.remove`),contentText:f(`components.dialog.message.confirm_remove_layout`),confirmButtonProps:{severity:`danger`}},onConfirm:_t});break}}function gt(e){j.value.camview.viewid=e._id}function _t(){!$.value||!A.value||ie({username:A.value.username,viewid:$.value._id},{onSuccess:e=>{e.length?j.value.camview.viewid=e[0]._id:j.value.camview.viewid=void 0}})}async function vt(){if(!A.value||Object.keys(K.value).length===0)return;let e=X.value.filter(e=>e.lastDroppedCamera).map(e=>({cameraId:e.lastDroppedCamera._id,index:e.index,colSpan:e.colSpan,rowSpan:e.rowSpan})).sort((e,t)=>e.index-t.index);if(!e.length)return;let t=n(K.value);t.cameras=e,t._id?wt(await ye({username:A.value.username,viewid:t._id,viewData:t})):wt(await V({username:A.value.username,viewData:t}))}function yt(e,t){X.value[e].lastDroppedCamera=t}function bt(e){X.value=X.value.map(t=>(t.lastDroppedCamera?.name===e.name&&(t.lastDroppedCamera=void 0),t))}function xt(e){return`${x.value?`mobile`:`desktop`}:${e}`}function St(e){let t=$.value?._id;t&&(j.value.camview.layouts||(j.value.camview.layouts={}),j.value.camview.layouts[xt(t)]=e.map(e=>({index:e.index,cameraId:e.cameraId,x:e.x??0,y:e.y??0,w:e.colSpan??1,h:e.rowSpan??1})))}function Ct(e,t){Ye.value[e._id]=t}function wt(e){j.value.camview.viewid=e._id,J.value=!1,q.value=!1}function Tt(){G.value?.toggleFullscreen()}function Et(){ze.value=!ze.value,G.value?.toggleAllPlayerMute(ze.value)}function Dt(e){let t=Ve.value;t=e||(t===`always-on`?`standby`:t===`standby`?`activity`:`always-on`),G.value?.toggleAllPlayerActivityMode(t),Ve.value=t}async function Ot(e){let t=Ge.value;t=e||(t===`low-resolution`?`mid-resolution`:t===`mid-resolution`?`high-resolution`:`low-resolution`),await G.value?.toggleAllPlayerSourceRole(t),Ge.value=t}async function kt(e){let t=Je.value;t===`auto`&&(t=`webrtc`);let n=e||(t===`mse`?`webrtc`:`mse`);await G.value?.toggleAllPlayerStreamingMode(n),Je.value=n}async function At(e){await G.value?.toggleAllPlayerMicrophone(e)}return h(Ne,e=>{e&&(Re.value=!0)}),h([ut,$,M,Q,j,x],()=>{let e=Array.from({length:ut.value}).map((e,t)=>({accept:`camera`,index:t,lastDroppedCamera:void 0}));if(!J.value){let t=$.value?._id,n=t?xt(t):void 0,r=n?j.value.camview.layouts?.[n]:void 0,i=new Set(M.value?.result.map(e=>e._id)??[]),a=!1;for(let t of $.value?.cameras||[]){if(!e[t.index])continue;let n=M.value?.result.find(e=>e._id===t.cameraId);e[t.index].lastDroppedCamera=n;let o=r?.find(e=>e.index===t.index);o&&(!o.cameraId||i.has(o.cameraId)?(e[t.index].x=o.x,e[t.index].y=o.y,e[t.index].colSpan=o.w,e[t.index].rowSpan=o.h):a=!0)}a&&n&&j.value.camview.layouts?.[n]&&(j.value.camview.layouts[n]=j.value.camview.layouts[n].filter(e=>!e.cameraId||i.has(e.cameraId)))}X.value=e},{deep:!0,immediate:!0}),(e,t)=>{let n=qe,r=tt,i=He,s=Qe,c=Xe,l=he,u=fe,f=ke,p=We,h=Be,_=Ue,v=Ke,S=ae,C=Me,T=B,A=je,re=Fe,L=Ee;return I(),a(`div`,Cn,[k(v,{"left-offset":N($e),animate:``},{left:y(()=>[!N(J)&&N($)?(I(),w(n,{key:0,type:`dropdown`,label:N($).name,"menu-open":N(De)?.isOpen,disabled:N(Z)||N(q),onClick:t[0]||=e=>N(De)?.toggleMenu(e)},null,8,[`label`,`menu-open`,`disabled`])):N(J)&&N(K).name?(I(),w(n,{key:1,label:N(K).name,disabled:N(Z)},null,8,[`label`,`disabled`])):m(``,!0)]),right:y(()=>[!N(Q)&&N($)?d((I(),w(n,{key:0,active:N(Y),onClick:t[1]||=e=>Y.value=!N(Y)},{icon:y(()=>[N(Y)?(I(),w(i,{key:1,width:`100%`,height:`100%`})):(I(),w(r,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[L,{value:N(Y)?e.$t(`views.camview.rearrange_done`):e.$t(`views.camview.rearrange`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)&&N(Y)&&!N(x)?d((I(),w(n,{key:1,onClick:t[2]||=e=>N(G)?.fitAspectRatios()},{icon:y(()=>[k(s,{width:`100%`,height:`100%`})]),_:1})),[[L,{value:e.$t(`views.camview.rearrange_fit_aspect`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)&&N(Y)&&!N(x)?d((I(),w(n,{key:2,onClick:t[3]||=e=>N(G)?.compactGrid()},{icon:y(()=>[k(c,{width:`100%`,height:`100%`})]),_:1})),[[L,{value:e.$t(`views.camview.rearrange_auto`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)?d((I(),w(n,{key:3,active:N(Ne),onClick:t[4]||=e=>Ne.value=!N(Ne)},{icon:y(()=>[N(Ne)?(I(),w(u,{key:1,width:`100%`,height:`100%`})):(I(),w(l,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[L,{value:N(Ne)?e.$t(`components.form.tooltip.hide_timeline`):e.$t(`components.form.tooltip.show_timeline`)},void 0,{bottom:!0}]]):m(``,!0),!N(Q)&&N($)?(I(),w(f,{key:4,layout:`vertical`})):m(``,!0),!N(Q)&&N($)?d((I(),w(n,{key:5,disabled:N(Y),onClick:t[5]||=e=>ht(`removeView`)},{icon:y(()=>[k(p,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[L,{value:e.$t(`components.form.tooltip.delete`)},void 0,{bottom:!0}]]):m(``,!0),!N(q)&&!N(J)&&N($)?d((I(),w(n,{key:6,disabled:N(Y),onClick:t[6]||=e=>q.value=!0},{icon:y(()=>[k(h,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[L,{value:e.$t(`components.form.tooltip.edit`)},void 0,{bottom:!0}]]):m(``,!0),!N(q)&&!N(J)?d((I(),w(n,{key:7,disabled:N(Y),onClick:N(Oe)?.toggleMenu},{icon:y(()=>[k(_,{class:E([`transform transition-transform duration-300`,{"rotate-45":N(Oe)?.isOpen}]),width:`100%`,height:`100%`},null,8,[`class`])]),_:1},8,[`disabled`,`onClick`])),[[L,{value:e.$t(`components.form.tooltip.new`)},void 0,{bottom:!0}]]):m(``,!0),N(q)||N(J)?(I(),w(n,{key:8,label:e.$t(`components.form.button.cancel`),onClick:t[7]||=e=>N(q)?q.value=!1:J.value=!1},null,8,[`label`])):m(``,!0),N(q)||N(J)?(I(),w(n,{key:9,label:e.$t(`components.form.button.save`),disabled:N(X).every(e=>e.lastDroppedCamera===void 0),primary:``,onClick:vt},null,8,[`label`,`disabled`])):m(``,!0)]),_:1},8,[`left-offset`]),b(`div`,{class:E([`w-full h-full flex relative`,{"flex-row":N(D),"flex-col":!N(D)}]),style:P({paddingTop:`${N(55)}px`})},[b(`div`,{class:E([`flex relative z-1 camview-content-transition`,{"h-full items-center justify-center":N(D)||!N(F)?.result.length,"w-full items-start justify-start":!N(D)&&N(F)?.result.length}]),style:P(N(rt))},[N(Z)?(I(),a(`div`,wn,[(I(),w(S,{key:0,class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`}))])):!N($)&&!N(J)?(I(),a(`div`,Tn,[b(`div`,En,[k(C,{class:`w-12 h-12 text-muted`}),b(`span`,Dn,O(e.$t(`views.camview.no_views_configured`)),1)])])):N($)||N(J)?(I(),a(`div`,{key:2,class:E([`w-full h-full`,{"p-2 pb-0":!N(x)}])},[(I(),w(Ft,{ref_key:`viewDndRef`,ref:G,key:N(j).camview.viewid+(N(J)?`-new`:N(q)?`-edit`:`-view`),cameras:N(M)?.result||[],"edit-mode":N(J)||N(q),"rearrange-mode":N(Y),"view-size":N(J)?N(K).viewSize:N(ut),title:N(K).name,cards:N(X),"camera-card-props":N(nt),"camera-card-models":N(Ze),onDrop:yt,onRemove:bt,onChangeViewSize:t[8]||=e=>ht(`editView`),onExpand:Ct,onRearrange:St},null,8,[`cameras`,`edit-mode`,`rearrange-mode`,`view-size`,`title`,`cards`,`camera-card-props`,`camera-card-models`]))],2)):m(``,!0)],6),k(g,{name:N(D)?`slide-left`:`slide-up`,onBeforeEnter:t[9]||=e=>Pe.value=!0,onAfterEnter:t[10]||=e=>Re.value=!1,onBeforeLeave:t[11]||=e=>Pe.value=!1},{default:y(()=>[N(Ne)?(I(),w(N(oe),{key:0,"camera-ids":N(lt),loading:N(Re),type:N(D)?`vertical`:`horizontal`,"dark-mode":``,"md-breakpoint":N(te),class:E([`shrink-0 transition-[left] duration-200`,{"h-full w-[400px] pt-2 pr-2":N(D),"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10":!N(D),"p-0! pt-2! border-color":N(x)}]),"card-class":{"!shadow-xl":!0,"!rounded-none border-l-0! border-r-0!":N(x)},style:P(N(D)?void 0:{left:`${N($e)}px`,bottom:`calc(${N(ee)}px + env(safe-area-inset-bottom, 0px))`}),"locale-settings":N(et)},null,8,[`camera-ids`,`loading`,`type`,`md-breakpoint`,`class`,`card-class`,`style`,`locale-settings`])):m(``,!0)]),_:1},8,[`name`])],6),!N(Q)&&N($)?(I(),w(A,{key:0,model:N(st),direction:`up`,"transition-delay":80,"tooltip-options":{position:`left`,event:void 0},class:`absolute right-2 z-11 dark-mode`,pt:{root:{style:`pointer-events: none`}},style:P({bottom:N(D)?`0`:`calc(${N(Pe)?192:0}px + ${N(ee)>0?`0.5rem`:`0px`})`,right:N(D)?`calc(${N(Pe)?400:0}px + 0.5rem)`:`0.5rem`,transition:`bottom 0.25s ease-out, right 0.25s ease-out`})},{button:y(({visible:e,toggleCallback:t})=>[k(T,{severity:`secondary`,class:E([`dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto`,{"opacity-100":e}]),rounded:``,loading:N(Z),onClick:t},{icon:y(()=>[b(`div`,On,[b(`div`,{class:E([`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":e}])},null,2),b(`div`,{class:E([`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":e}])},null,2),b(`div`,{class:E([`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":e}])},null,2)])]),_:2},1032,[`class`,`loading`,`onClick`])]),item:y(({item:e,toggleCallback:t})=>[d((I(),w(T,ne({loading:N(Z),severity:`secondary`},e.buttonProps,{rounded:``,onClick:t}),{icon:y(()=>[(I(),w(o(e.icon)))]),_:2},1040,[`loading`,`onClick`])),[[L,{value:e.label}]])]),_:1},8,[`model`,`style`])):m(``,!0),k(re,{ref_key:`menuRef`,ref:De,items:N(ft),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`]),k(re,{ref_key:`newViewMenuRef`,ref:Oe,items:N(pt),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])])}}}),[[`__scopeId`,`data-v-5cecaa2e`]]);export{kn as default};