@camera.ui/server 2.1.8 → 2.1.10

package/dist/interface/assets/{Cameras-lDMBkoUW.js → Cameras-Drv48-Eb.js}

@@ -1,4 +1,4 @@
-import{Ft as e,H as t,Ir as n,Lt as r,M as i,Vt as a,jt as o,wi as s}from"./vendor-cameraui-Cf0XVNQ7.js";import{$n as c,Cn as l,En as u,_t as d,dt as f,hn as p,hr as m,m as h,o as g,sr as _,st as v,wn as y}from"./api-CmdQlVDD.js";import{$n as b,$t as ee,Fn as x,Gn as S,In as te,Mn as ne,Nn as C,Xn as w,Zn as T,_r as E,an as D,b as O,bn as k,br as A,cn as j,cr as M,en as N,fn as P,gr as F,hn as I,in as L,ir as R,jn as z,mr as B,on as V,or as H,pn as U,qn as W,qt as G,rr as re,sn as K,sr as ie,v as q,wn as J,y as Y,yr as ae}from"./vendor-BaiDFVEr.js";import{a as X}from"./intercomService-BjB4QQiX.js";import{n as oe,r as se}from"./vendor-zod-Dbq0fBXY.js";import{Y as ce}from"./types-R10eIequ.js";import{D as le,E as ue,K as de,L as fe,O as pe,R as me,S as he,T as ge,j as _e,k as ve,z as ye}from"./vendor-primevue-BDu2BpXv.js";import{t as be}from"./close-BNAWPz0y.js";import{n as xe,t as Se}from"./eye-off-CaRq7Ks2.js";import{n as Ce,r as we,t as Te}from"./CuiSchema-DLV1lIiB.js";import{t as Ee}from"./plus-DHwFyXkb.js";import{a as De,r as Oe}from"./cameras.schema-A_6JklLs.js";import{t as ke}from"./CuiDataTable-P8bWN0ZK.js";import{t as Ae}from"./ring-resize-DkY5EgVl.js";import{t as je}from"./CuiCameraTable-Bk9N-Oc6.js";import{t as Me}from"./plus-CA5o30dE.js";var Ne={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Pe(e,t){return C(),j(`svg`,Ne,[...t[0]||=[D(`path`,{fill:`currentColor`,d:`m19.07 4.93l-1.41 1.41A8 8 0 0 1 20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.57 6 9.03 6 12a6 6 0 0 0 6 6a6 6 0 0 0 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C15.55 9.9 16 10.9 16 12a4 4 0 0 1-4 4a4 4 0 0 1-4-4c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72a2 2 0 0 0 2 2a2 2 0 0 0 2-2c0-.74-.4-1.38-1-1.72V2h-1A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-2.76-1.12-5.26-2.93-7.07`},null,-1)]])}var Fe=R({name:`mdi-radar`,render:Pe}),Ie={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Le(e,t){return C(),j(`svg`,Ie,[...t[0]||=[D(`path`,{fill:`currentColor`,d:`M12.5 9q-.275 0-.425-.25t0-.5L15 3.175q.2-.325.5-.387t.65.112q1.725.775 3.05 2.162T21.25 8.2q.125.325-.038.563T20.7 9zm-3.575 1.225l-3-5.2q-.2-.325-.1-.65t.4-.525Q7.425 3 8.888 2.5T12 2q.375 0 .825.038t.75.087q.35.05.463.3t-.063.55L9.8 10.225q-.15.25-.437.25t-.438-.25M2.85 14q-.275 0-.5-.187t-.275-.463t-.062-.6T2 12q0-1.575.513-3.137T4.1 5.9q.275-.35.638-.35t.562.375l4.2 7.325q.15.25-.012.5T9.05 14zm5 7.1q-1.65-.8-3.025-2.175T2.75 15.8q-.125-.325.05-.562T3.325 15h8.15q.275 0 .425.25t0 .5l-2.875 5.025q-.2.325-.5.425t-.675-.1M12 22q-.35 0-.788-.038t-.762-.087q-.35-.05-.475-.3t.05-.55l4.125-7.2q.15-.25.5-.25t.5.25l2.95 5.125q.175.275.113.6t-.413.6q-1.15.85-2.687 1.35T12 22m6.775-3.875l-4.25-7.375q-.15-.25.013-.5t.437-.25h6.175q.275 0 .5.188t.275.462t.062.6T22 12q0 1.575-.513 3.163T19.9 18.125q-.2.275-.575.288t-.55-.288`},null,-1)]])}var Re=R({name:`material-symbols-camera-rounded`,render:Le}),ze="#### Source: Bubble\n\nOther names: [ESeeCloud](http://www.eseecloud.com/), [dvr163](http://help.dvr163.com/).\n\n- you can skip `username`, `password`, `port`, `ch` and `stream` if they are default\n- setup separate streams for different channels and streams\n\n```yaml\nstreams:\n  camera1: bubble://username:password@192.168.1.123:34567/bubble/live?ch=0&stream=0\n```\n\n_Source: [Go2Rtc Bubble](https://github.com/seydx/go2rtc#source-bubble)_\n",Be='#### Source: CUI\n\nThis source can be used to stream dynamically generated, go2rtc compatible, URLs. The source is just a placeholder for a `https://` URL.\n\n```yaml\nstreams:\n  camera1: cui://192.168.1.123:34567/some-identifier-if-you-want\n```\n\nThe URL will be changed to `https://192.168.1.123:34567/some-identifier-if-you-want` and the response must be like this:\n\n```json\n{\n  {\n    "streamUrl": "rtsp://192.168.1.1:554/stream",\n  }\n}\n```\n\nGo2rtc will then use the `streamUrl` to stream the video. The `streamUrl` can be any URL that is compatible with go2rtc. The response must be a valid JSON object with the `streamUrl` key.\n',Ve=`#### Source: Doorbird
+import{Bt as e,F as t,G as n,Oi as r,Pt as i,Rt as a,Wt as o,zr as s}from"./vendor-cameraui-4iwjOYwz.js";import{Jn as c,ct as l,ft as u,m as d,nr as f,o as p,un as m,ur as h,vn as g,vt as _,xn as v,yn as y}from"./api-C_bOaXk2.js";import{$n as b,$t as ee,Fn as x,Gn as S,In as te,Mn as ne,Nn as C,Xn as w,Zn as T,_r as E,an as D,b as O,bn as k,br as A,cn as j,cr as M,en as N,fn as P,gr as F,hn as I,in as L,ir as R,jn as z,mr as B,on as V,or as H,pn as U,qn as W,qt as G,rr as re,sn as K,sr as ie,v as q,wn as J,y as Y,yr as ae}from"./vendor-BaiDFVEr.js";import{a as X}from"./intercomService-BpTOoSQi.js";import{n as oe,r as se}from"./vendor-zod-Dbq0fBXY.js";import{Y as ce,Z as le}from"./types-BHAzjgi3.js";import{D as ue,E as de,K as fe,L as pe,O as me,R as he,S as ge,T as _e,j as ve,k as ye,z as be}from"./vendor-primevue-DMAuiM9b.js";import{t as xe}from"./close-BNAWPz0y.js";import{n as Se,t as Ce}from"./eye-off-CaRq7Ks2.js";import{n as we,r as Te,t as Ee}from"./CuiSchema-DG8peseE.js";import{t as De}from"./plus-DHwFyXkb.js";import{a as Oe,r as ke}from"./cameras.schema-CoIOnGzE.js";import{t as Ae}from"./CuiDataTable-CIP95jVF.js";import{t as je}from"./ring-resize-DkY5EgVl.js";import{t as Me}from"./CuiCameraTable-BKBvhRDc.js";import{t as Ne}from"./plus-CA5o30dE.js";var Pe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Fe(e,t){return C(),j(`svg`,Pe,[...t[0]||=[D(`path`,{fill:`currentColor`,d:`m19.07 4.93l-1.41 1.41A8 8 0 0 1 20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.57 6 9.03 6 12a6 6 0 0 0 6 6a6 6 0 0 0 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C15.55 9.9 16 10.9 16 12a4 4 0 0 1-4 4a4 4 0 0 1-4-4c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72a2 2 0 0 0 2 2a2 2 0 0 0 2-2c0-.74-.4-1.38-1-1.72V2h-1A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10c0-2.76-1.12-5.26-2.93-7.07`},null,-1)]])}var Ie=R({name:`mdi-radar`,render:Fe}),Le={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Re(e,t){return C(),j(`svg`,Le,[...t[0]||=[D(`path`,{fill:`currentColor`,d:`M12.5 9q-.275 0-.425-.25t0-.5L15 3.175q.2-.325.5-.387t.65.112q1.725.775 3.05 2.162T21.25 8.2q.125.325-.038.563T20.7 9zm-3.575 1.225l-3-5.2q-.2-.325-.1-.65t.4-.525Q7.425 3 8.888 2.5T12 2q.375 0 .825.038t.75.087q.35.05.463.3t-.063.55L9.8 10.225q-.15.25-.437.25t-.438-.25M2.85 14q-.275 0-.5-.187t-.275-.463t-.062-.6T2 12q0-1.575.513-3.137T4.1 5.9q.275-.35.638-.35t.562.375l4.2 7.325q.15.25-.012.5T9.05 14zm5 7.1q-1.65-.8-3.025-2.175T2.75 15.8q-.125-.325.05-.562T3.325 15h8.15q.275 0 .425.25t0 .5l-2.875 5.025q-.2.325-.5.425t-.675-.1M12 22q-.35 0-.788-.038t-.762-.087q-.35-.05-.475-.3t.05-.55l4.125-7.2q.15-.25.5-.25t.5.25l2.95 5.125q.175.275.113.6t-.413.6q-1.15.85-2.687 1.35T12 22m6.775-3.875l-4.25-7.375q-.15-.25.013-.5t.437-.25h6.175q.275 0 .5.188t.275.462t.062.6T22 12q0 1.575-.513 3.163T19.9 18.125q-.2.275-.575.288t-.55-.288`},null,-1)]])}var ze=R({name:`material-symbols-camera-rounded`,render:Re}),Be="#### Source: Bubble\n\nOther names: [ESeeCloud](http://www.eseecloud.com/), [dvr163](http://help.dvr163.com/).\n\n- you can skip `username`, `password`, `port`, `ch` and `stream` if they are default\n- setup separate streams for different channels and streams\n\n```yaml\nstreams:\n  camera1: bubble://username:password@192.168.1.123:34567/bubble/live?ch=0&stream=0\n```\n\n_Source: [Go2Rtc Bubble](https://github.com/seydx/go2rtc#source-bubble)_\n",Ve='#### Source: CUI\n\nThis source can be used to stream dynamically generated, go2rtc compatible, URLs. The source is just a placeholder for a `https://` URL.\n\n```yaml\nstreams:\n  camera1: cui://192.168.1.123:34567/some-identifier-if-you-want\n```\n\nThe URL will be changed to `https://192.168.1.123:34567/some-identifier-if-you-want` and the response must be like this:\n\n```json\n{\n  {\n    "streamUrl": "rtsp://192.168.1.1:554/stream",\n  }\n}\n```\n\nGo2rtc will then use the `streamUrl` to stream the video. The `streamUrl` can be any URL that is compatible with go2rtc. The response must be a valid JSON object with the `streamUrl` key.\n',He=`#### Source: Doorbird
 
 [Doorbird](https://www.doorbird.com/) proprietary camera protocol with **two way audio** support.
 
@@ -16,7 +16,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Tuya](https://github.com/seydx/go2rtc#source-doorbird)_
-`,He="#### Source: DVRIP\n\nOther names: DVR-IP, NetSurveillance, Sofia protocol (NETsurveillance ActiveX plugin XMeye SDK).\n\n- you can skip `username`, `password`, `port`, `channel` and `subtype` if they are default\n- setup separate streams for different channels\n- use `subtype=0` for Main stream, and `subtype=1` for Extra1 stream\n- only the TCP protocol is supported\n\n```yaml\nstreams:\n  only_stream: dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n  only_tts: dvrip://username:password@192.168.1.123:34567?backchannel=1\n  two_way_audio:\n    - dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n    - dvrip://username:password@192.168.1.123:34567?backchannel=1\n```\n\n_Source: [Go2Rtc DVRIP](https://github.com/seydx/go2rtc#source-dvrip)_\n",Ue=`#### Source: Echo
+`,Ue="#### Source: DVRIP\n\nOther names: DVR-IP, NetSurveillance, Sofia protocol (NETsurveillance ActiveX plugin XMeye SDK).\n\n- you can skip `username`, `password`, `port`, `channel` and `subtype` if they are default\n- setup separate streams for different channels\n- use `subtype=0` for Main stream, and `subtype=1` for Extra1 stream\n- only the TCP protocol is supported\n\n```yaml\nstreams:\n  only_stream: dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n  only_tts: dvrip://username:password@192.168.1.123:34567?backchannel=1\n  two_way_audio:\n    - dvrip://username:password@192.168.1.123:34567?channel=0&subtype=0\n    - dvrip://username:password@192.168.1.123:34567?backchannel=1\n```\n\n_Source: [Go2Rtc DVRIP](https://github.com/seydx/go2rtc#source-dvrip)_\n",We=`#### Source: Echo
 
 Some sources may have a dynamic link. And you will need to get it using a bash or python script. Your script should echo a link to the source. RTSP, FFmpeg or any of the [supported sources](https://github.com/seydx/go2rtc#module-streams).
 
@@ -29,7 +29,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Echo](https://github.com/seydx/go2rtc#source-echo)_
-`,We=`#### Source: Exec
+`,Ge=`#### Source: Exec
 
 Exec source can run any external application and expect data from it. Two transports are supported - **pipe** and **RTSP**.
 
@@ -57,7 +57,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Exec](https://github.com/seydx/go2rtc#source-exec)_
-`,Ge=`#### Source: Expr
+`,Ke=`#### Source: Expr
 
 [Expr](https://github.com/antonmedv/expr) - expression language and expression evaluation for Go.
 
@@ -150,7 +150,7 @@ streams:
 | let m = match(text, "abc")   | m = re.search("abc", text) | let m = text.match(/abc/)      |
 
 _Source: [Go2Rtc Expr](https://github.com/seydx/go2rtc#source-expr)_
-`,Ke="#### Source: FFmpeg\n\nYou can get any stream or file or device via FFmpeg and push it to go2rtc. The app will automatically start FFmpeg with the proper arguments when someone starts watching the stream.\n\n- FFmpeg preistalled for **Docker** and **Hass Add-on** users\n- **Hass Add-on** users can target files from [/media](https://www.home-assistant.io/more-info/local-media/setup-media/) folder\n\nFormat: `ffmpeg:{input}#{param1}#{param2}#{param3}`. Examples:\n\n```yaml\nstreams:\n  # [FILE] all tracks will be copied without transcoding codecs\n  file1: ffmpeg:/media/BigBuckBunny.mp4\n\n  # [FILE] video will be transcoded to H264, audio will be skipped\n  file2: ffmpeg:/media/BigBuckBunny.mp4#video=h264\n\n  # [FILE] video will be copied, audio will be transcoded to pcmu\n  file3: ffmpeg:/media/BigBuckBunny.mp4#video=copy#audio=pcmu\n\n  # [HLS] video will be copied, audio will be skipped\n  hls: ffmpeg:https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/gear5/prog_index.m3u8#video=copy\n\n  # [MJPEG] video will be transcoded to H264\n  mjpeg: ffmpeg:http://185.97.122.128/cgi-bin/faststream.jpg#video=h264\n\n  # [RTSP] video with rotation, should be transcoded, so select H264\n  rotate: ffmpeg:rtsp://rtsp:12345678@192.168.1.123/av_stream/ch0#video=h264#rotate=90\n```\n\nAll trascoding formats has [built-in templates](https://github.com/seydx/go2rtc/blob/master/internal/ffmpeg/ffmpeg.go): `h264`, `h265`, `opus`, `pcmu`, `pcmu/16000`, `pcmu/48000`, `pcma`, `pcma/16000`, `pcma/48000`, `aac`, `aac/16000`.\n\nBut you can override them via YAML config. You can also add your own formats to config and use them with source params.\n\n```yaml\nffmpeg:\n  bin: ffmpeg # path to ffmpeg binary\n  h264: '-codec:v libx264 -g:v 30 -preset:v superfast -tune:v zerolatency -profile:v main -level:v 4.1'\n  mycodec: '-any args that supported by ffmpeg...'\n  myinput: '-fflags nobuffer -flags low_delay -timeout 5000000 -i {input}'\n  myraw: '-ss 00:00:20'\n```\n\n- You can use go2rtc stream name as ffmpeg input (ex. `ffmpeg:camera1#video=h264`)\n- You can use `video` and `audio` params multiple times (ex. `#video=copy#audio=copy#audio=pcmu`)\n- You can use `rotate` param with `90`, `180`, `270` or `-90` values, important with transcoding (ex. `#video=h264#rotate=90`)\n- You can use `width` and/or `height` params, important with transcoding (ex. `#video=h264#width=1280`)\n- You can use `drawtext` to add a timestamp (ex. `drawtext=x=2:y=2:fontsize=12:fontcolor=white:box=1:boxcolor=black`)\n  - This will greatly increase the CPU of the server, even with hardware acceleration\n- You can use `raw` param for any additional FFmpeg arguments (ex. `#raw=-vf transpose=1`)\n- You can use `input` param to override default input template (ex. `#input=rtsp/udp` will change RTSP transport from TCP to UDP+TCP)\n  - You can use raw input value (ex. `#input=-timeout 5000000 -i {input}`)\n  - You can add your own input templates\n\nRead more about [hardware acceleration](https://github.com/seydx/go2rtc/wiki/Hardware-acceleration).\n\n**PS.** It is recommended to check the available hardware in the WebUI add page.\n\n<hr>\n\n#### Source: FFmpeg Device\n\nYou can get video from any USB-camera or Webcam as RTSP or WebRTC stream. This is part of FFmpeg integration.\n\n- check available devices in Web interface\n- `video_size` and `framerate` must be supported by your camera!\n- for Linux supported only video for now\n- for macOS you can stream Facetime camera or whole Desktop!\n- for macOS important to set right framerate\n\nFormat: `ffmpeg:device?{input-params}#{param1}#{param2}#{param3}`\n\n```yaml\nstreams:\n  linux_usbcam: ffmpeg:device?video=0&video_size=1280x720#video=h264\n  windows_webcam: ffmpeg:device?video=0#video=h264\n  macos_facetime: ffmpeg:device?video=0&audio=1&video_size=1280x720&framerate=30#video=h264#audio=pcma\n```\n\n**PS.** It is recommended to check the available devices in the WebUI add page.\n\n_Source: [Go2Rtc FFmpeg](https://github.com/seydx/go2rtc#source-ffmpeg) & [Go2Rtc FFmpeg Device](https://github.com/seydx/go2rtc#source-ffmpeg-device)_\n",qe=`#### Source: GoPro
+`,qe="#### Source: FFmpeg\n\nYou can get any stream or file or device via FFmpeg and push it to go2rtc. The app will automatically start FFmpeg with the proper arguments when someone starts watching the stream.\n\n- FFmpeg preistalled for **Docker** and **Hass Add-on** users\n- **Hass Add-on** users can target files from [/media](https://www.home-assistant.io/more-info/local-media/setup-media/) folder\n\nFormat: `ffmpeg:{input}#{param1}#{param2}#{param3}`. Examples:\n\n```yaml\nstreams:\n  # [FILE] all tracks will be copied without transcoding codecs\n  file1: ffmpeg:/media/BigBuckBunny.mp4\n\n  # [FILE] video will be transcoded to H264, audio will be skipped\n  file2: ffmpeg:/media/BigBuckBunny.mp4#video=h264\n\n  # [FILE] video will be copied, audio will be transcoded to pcmu\n  file3: ffmpeg:/media/BigBuckBunny.mp4#video=copy#audio=pcmu\n\n  # [HLS] video will be copied, audio will be skipped\n  hls: ffmpeg:https://devstreaming-cdn.apple.com/videos/streaming/examples/bipbop_16x9/gear5/prog_index.m3u8#video=copy\n\n  # [MJPEG] video will be transcoded to H264\n  mjpeg: ffmpeg:http://185.97.122.128/cgi-bin/faststream.jpg#video=h264\n\n  # [RTSP] video with rotation, should be transcoded, so select H264\n  rotate: ffmpeg:rtsp://rtsp:12345678@192.168.1.123/av_stream/ch0#video=h264#rotate=90\n```\n\nAll trascoding formats has [built-in templates](https://github.com/seydx/go2rtc/blob/master/internal/ffmpeg/ffmpeg.go): `h264`, `h265`, `opus`, `pcmu`, `pcmu/16000`, `pcmu/48000`, `pcma`, `pcma/16000`, `pcma/48000`, `aac`, `aac/16000`.\n\nBut you can override them via YAML config. You can also add your own formats to config and use them with source params.\n\n```yaml\nffmpeg:\n  bin: ffmpeg # path to ffmpeg binary\n  h264: '-codec:v libx264 -g:v 30 -preset:v superfast -tune:v zerolatency -profile:v main -level:v 4.1'\n  mycodec: '-any args that supported by ffmpeg...'\n  myinput: '-fflags nobuffer -flags low_delay -timeout 5000000 -i {input}'\n  myraw: '-ss 00:00:20'\n```\n\n- You can use go2rtc stream name as ffmpeg input (ex. `ffmpeg:camera1#video=h264`)\n- You can use `video` and `audio` params multiple times (ex. `#video=copy#audio=copy#audio=pcmu`)\n- You can use `rotate` param with `90`, `180`, `270` or `-90` values, important with transcoding (ex. `#video=h264#rotate=90`)\n- You can use `width` and/or `height` params, important with transcoding (ex. `#video=h264#width=1280`)\n- You can use `drawtext` to add a timestamp (ex. `drawtext=x=2:y=2:fontsize=12:fontcolor=white:box=1:boxcolor=black`)\n  - This will greatly increase the CPU of the server, even with hardware acceleration\n- You can use `raw` param for any additional FFmpeg arguments (ex. `#raw=-vf transpose=1`)\n- You can use `input` param to override default input template (ex. `#input=rtsp/udp` will change RTSP transport from TCP to UDP+TCP)\n  - You can use raw input value (ex. `#input=-timeout 5000000 -i {input}`)\n  - You can add your own input templates\n\nRead more about [hardware acceleration](https://github.com/seydx/go2rtc/wiki/Hardware-acceleration).\n\n**PS.** It is recommended to check the available hardware in the WebUI add page.\n\n<hr>\n\n#### Source: FFmpeg Device\n\nYou can get video from any USB-camera or Webcam as RTSP or WebRTC stream. This is part of FFmpeg integration.\n\n- check available devices in Web interface\n- `video_size` and `framerate` must be supported by your camera!\n- for Linux supported only video for now\n- for macOS you can stream Facetime camera or whole Desktop!\n- for macOS important to set right framerate\n\nFormat: `ffmpeg:device?{input-params}#{param1}#{param2}#{param3}`\n\n```yaml\nstreams:\n  linux_usbcam: ffmpeg:device?video=0&video_size=1280x720#video=h264\n  windows_webcam: ffmpeg:device?video=0#video=h264\n  macos_facetime: ffmpeg:device?video=0&audio=1&video_size=1280x720&framerate=30#video=h264#audio=pcma\n```\n\n**PS.** It is recommended to check the available devices in the WebUI add page.\n\n_Source: [Go2Rtc FFmpeg](https://github.com/seydx/go2rtc#source-ffmpeg) & [Go2Rtc FFmpeg Device](https://github.com/seydx/go2rtc#source-ffmpeg-device)_\n",Je=`#### Source: GoPro
 
 Supported models: HERO9, HERO10, HERO11, HERO12.  
 Supported OS: Linux, Mac, Windows, [HassOS](https://www.home-assistant.io/installation/)
@@ -177,7 +177,7 @@ streams:
 - https://gopro.github.io/OpenGoPro/
 
 _Source: [Go2Rtc Hass](https://github.com/seydx/go2rtc#source-hass)_
-`,Je=`#### Source: Hass
+`,Ye=`#### Source: Hass
 
 Support import camera links from [Home Assistant](https://www.home-assistant.io/) config files:
 
@@ -210,7 +210,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Hass](https://github.com/seydx/go2rtc#source-hass)_
-`,Ye=`#### Source: HomeKit
+`,Xe=`#### Source: HomeKit
 
 **Important:**
 
@@ -244,7 +244,7 @@ RTSP link with "normal" audio for any player: \`rtsp://192.168.1.123:8554/aqara_
 **This source is in active development!** Tested only with [Aqara Camera Hub G3](https://www.aqara.com/eu/product/camera-hub-g3) (both EU and CN versions).
 
 _Source: [Go2Rtc HomeKit](https://github.com/seydx/go2rtc#source-homekit)_
-`,Xe=`#### Source: HTTP
+`,Ze=`#### Source: HTTP
 
 Support Content-Type:
 
@@ -276,7 +276,7 @@ streams:
 **PS.** Dahua camera has bug: if you select MJPEG codec for RTSP second stream - snapshot won't work.
 
 _Source: [Go2Rtc Http](https://github.com/seydx/go2rtc#source-http)_
-`,Ze=`#### Source: ISAPI
+`,Qe=`#### Source: ISAPI
 
 This source type support only backchannel audio for Hikvision ISAPI protocol. So it should be used as second source in addition to the RTSP protocol.
 
@@ -288,7 +288,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Isapi](https://github.com/seydx/go2rtc#source-isapi)_
-`,Qe=`#### Source: Ivideon
+`,$e=`#### Source: Ivideon
 
 Support public cameras from service [Ivideon](https://tv.ivideon.com/).
 
@@ -298,7 +298,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Ivideon](https://github.com/seydx/go2rtc#source-ivideon)_
-`,$e="#### Source: Kasa\n\n[TP-Link Kasa](https://www.kasasmart.com/) non-standard protocol [more info](https://medium.com/@hu3vjeen/reverse-engineering-tp-link-kc100-bac4641bf1cd).\n\n- `username` - urlsafe email, `alex@gmail.com` -> `alex%40gmail.com`\n- `password` - base64password, `secret1` -> `c2VjcmV0MQ==`\n\n```yaml\nstreams:\n  kc401: kasa://username:password@192.168.1.123:19443/https/stream/mixed\n```\n\nTested: KD110, KC200, KC401, KC420WS, EC71.\n\n_Source: [Go2Rtc Kasa](https://github.com/seydx/go2rtc#source-kasa)_\n",et=`#### Source: Nest
+`,et="#### Source: Kasa\n\n[TP-Link Kasa](https://www.kasasmart.com/) non-standard protocol [more info](https://medium.com/@hu3vjeen/reverse-engineering-tp-link-kc100-bac4641bf1cd).\n\n- `username` - urlsafe email, `alex@gmail.com` -> `alex%40gmail.com`\n- `password` - base64password, `secret1` -> `c2VjcmV0MQ==`\n\n```yaml\nstreams:\n  kc401: kasa://username:password@192.168.1.123:19443/https/stream/mixed\n```\n\nTested: KD110, KC200, KC401, KC420WS, EC71.\n\n_Source: [Go2Rtc Kasa](https://github.com/seydx/go2rtc#source-kasa)_\n",tt=`#### Source: Nest
 
 Currently only WebRTC cameras are supported.
 
@@ -310,7 +310,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Nest](https://github.com/seydx/go2rtc#source-nest)_
-`,tt=`#### Source: ONVIF
+`,nt=`#### Source: ONVIF
 
 The source is not very useful if you already know RTSP and snapshot links for your camera. But it can be useful if you don't.
 
@@ -324,7 +324,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Onvif](https://github.com/seydx/go2rtc#source-onvif)_
-`,nt="#### Source: Ring\n\nThis source type support Ring cameras with [two way audio](#two-way-audio) support. If you have a `refresh_token` and `device_id` - you can use it in `go2rtc.yaml` config file. Otherwise, you can use the go2rtc interface and add your ring account (WebUI > Add > Ring). Once added, it will list all your Ring cameras.\n\n```yaml\nstreams:\n  ring: ring:?device_id=XXX&refresh_token=XXX\n  ring_snapshot: ring:?device_id=XXX&refresh_token=XXX&snapshot\n```\n\n_Source: [Go2Rtc Ring](https://github.com/seydx/go2rtc#source-ring)_\n",rt=`#### Source: Roborock
+`,rt="#### Source: Ring\n\nThis source type support Ring cameras with [two way audio](#two-way-audio) support. If you have a `refresh_token` and `device_id` - you can use it in `go2rtc.yaml` config file. Otherwise, you can use the go2rtc interface and add your ring account (WebUI > Add > Ring). Once added, it will list all your Ring cameras.\n\n```yaml\nstreams:\n  ring: ring:?device_id=XXX&refresh_token=XXX\n  ring_snapshot: ring:?device_id=XXX&refresh_token=XXX&snapshot\n```\n\n_Source: [Go2Rtc Ring](https://github.com/seydx/go2rtc#source-ring)_\n",it=`#### Source: Roborock
 
 This source type support Roborock vacuums with cameras. Known working models:
 
@@ -337,7 +337,7 @@ Source support load Roborock credentials from Home Assistant [custom integration
 If you have graphic pin for your vacuum - add it as numeric pin (lines: 123, 456, 789) to the end of the roborock-link.
 
 _Source: [Go2Rtc Roborock](https://github.com/seydx/go2rtc#source-roborock)_
-`,it=`#### Source: RTMP
+`,at=`#### Source: RTMP
 
 You can get stream from RTMP server, for example [Nginx with nginx-rtmp-module](https://github.com/arut/nginx-rtmp-module).
 
@@ -347,7 +347,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc RTMP](https://github.com/seydx/go2rtc#source-rtmp)_
-`,at=`#### Source: RTSP
+`,ot=`#### Source: RTSP
 
 \`\`\`yaml
 streams:
@@ -392,7 +392,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc RTSP](https://github.com/seydx/go2rtc#source-rtsp)_
-`,ot=`#### Source: Tapo
+`,st=`#### Source: Tapo
 
 [TP-Link Tapo](https://www.tapo.com/) proprietary camera protocol with **two way audio** support.
 
@@ -417,7 +417,7 @@ echo -n "cloud password" | shasum -a 256 | awk '{print toupper($0)}'
 \`\`\`
 
 _Source: [Go2Rtc Tapo](https://github.com/seydx/go2rtc#source-tapo)_
-`,st=`#### Source: Tuya
+`,ct=`#### Source: Tuya
 
 [Tuya](https://www.tuya.com/) proprietary camera protocol with **two way audio** support. Go2rtc supports \`Tuya Smart API\` and \`Tuya Cloud API\`.
 
@@ -458,7 +458,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Tuya](https://github.com/seydx/go2rtc#source-tuya)_
-`,ct=`#### Source: WebRTC
+`,lt=`#### Source: WebRTC
 
 This source type support four connection formats.
 
@@ -494,7 +494,7 @@ streams:
 **PS.** For \`kinesis\` sources you can use [echo](#source-echo) to get connection params using \`bash\`/\`python\` or any other script language.
 
 _Source: [Go2Rtc WebRTC](https://github.com/seydx/go2rtc#source-webrtc)_
-`,lt=`#### Source: WebTorrent
+`,ut=`#### Source: WebTorrent
 
 This source can get a stream from another go2rtc via [WebTorrent](#module-webtorrent) protocol.
 
@@ -504,7 +504,7 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Webtorrent](https://github.com/seydx/go2rtc#source-webtorrent)_
-`,ut=`#### Source: Wyze
+`,dt=`#### Source: Wyze
 
 This source allows you to stream from [Wyze](https://wyze.com/) cameras using native P2P protocol without the Wyze app or SDK.
 
@@ -575,7 +575,7 @@ streams:
 ### Two-Way Audio
 
 Two-way audio (intercom) is supported automatically. When a consumer sends audio to the stream, it will be transmitted to the camera's speaker.
-`,dt=`#### Source: Xiaomi
+`,ft=`#### Source: Xiaomi
 
 This source allows you to view cameras from the [Xiaomi Mi Home](https://home.mi.com/) ecosystem.
 
@@ -625,7 +625,7 @@ You can use second channel for Dual cameras: \`channel=1\`
 streams:
   xiaomi1: xiaomi://***&channel=1
 \`\`\`
-`,ft=`# Yandex
+`,pt=`# Yandex
 
 Source for receiving stream from new [Yandex IP camera](https://alice.yandex.ru/smart-home/security/ipcamera).
 
@@ -649,4 +649,4 @@ streams:
 \`\`\`
 
 _Source: [Go2Rtc Yandex](https://github.com/AlexxIT/go2rtc/tree/master/internal/yandex)_
-`,pt=[`nest:`,`ring:`,`yandex:`,`webtorrent:`];function mt(e){let t=e.trim(),n;for(let e of ce)t.startsWith(e)&&(!n||e.length>n.length)&&(n=e);return n}function ht(e){let t=e.trim();if(!t)return``;for(let e of pt)if(t.startsWith(e)){let n=t.slice(e.length);return n&&!n.startsWith(`?`)?`${e}?${n}`:t}return t}function gt(e){return e.startsWith(`cui://`)&&e.includes(`/api/cameras/streams/`)}var _t={class:`flex flex-col gap-6`},vt={class:`flex gap-2 items-center w-full`},yt={class:`flex gap-2 items-center w-full`},bt={class:`text-color text-sm`},xt={class:`flex flex-col gap-6`},St=[`for`],Ct=[`for`],wt={class:`w-full flex flex-col gap-2`},Tt={class:`flex items-center gap-4`},Et={class:`flex flex-col field-switch-gap`},Dt=[`for`],Ot={class:`flex items-center gap-4`},kt={class:`flex flex-col field-switch-gap`},At=[`for`],jt={class:`flex items-center gap-4`},Mt={class:`flex flex-col field-switch-gap`},Nt=[`for`],Pt={class:`flex items-center gap-4`},Ft={class:`flex flex-col field-switch-gap`},It=[`for`],Lt={class:`flex flex-col gap-6`},Rt={class:`flex flex-col field-gap`},zt=[`for`],Bt={key:0,class:`w-full flex flex-row gap-2`},Vt=`rtsp://user:pass@192.168.1.50:554/stream`,Ht=I({__name:`CuiCameraSources`,props:{sources:{},isLoading:{type:Boolean},allowAddRemoveSources:{type:Boolean,default:!1}},setup(t,{expose:r}){let o=new d,s=t,c=v(),{t:l}=n(),{mutateAsync:u,isPending:f}=o.previewCameraQuery(),p=Object.assign({"../../markdowns/bubble.md":ze,"../../markdowns/cui.md":Be,"../../markdowns/doorbird.md":Ve,"../../markdowns/dvrip.md":He,"../../markdowns/echo.md":Ue,"../../markdowns/exec.md":We,"../../markdowns/expr.md":Ge,"../../markdowns/ffmpeg.md":Ke,"../../markdowns/gopro.md":qe,"../../markdowns/hass.md":Je,"../../markdowns/homekit.md":Ye,"../../markdowns/http.md":Xe,"../../markdowns/isapi.md":Ze,"../../markdowns/ivideon.md":Qe,"../../markdowns/kasa.md":$e,"../../markdowns/nest.md":et,"../../markdowns/onvif.md":tt,"../../markdowns/ring.md":nt,"../../markdowns/roborock.md":rt,"../../markdowns/rtmp.md":it,"../../markdowns/rtsp.md":at,"../../markdowns/tapo.md":ot,"../../markdowns/tuya.md":st,"../../markdowns/webrtc.md":ct,"../../markdowns/webtorrent.md":lt,"../../markdowns/wyze.md":ut,"../../markdowns/xiaomi.md":dt,"../../markdowns/yandex.md":ft}),m=M([`high-resolution`,`mid-resolution`,`low-resolution`,`snapshot`]),g=M(s.sources.map((e,t)=>t)),_=L(()=>s.isLoading||f.value);function y(e){return e.urls.some(gt)}function b(e){let t=mt(e);if(!t)return;let n=t.replace(/[:/]+$/,``);return p[`../../markdowns/${n}.md`]}function S(e){return!!b(e)}function te(e){s.sources[e].urls.push(``)}function ne(e,t){s.sources[e].urls.splice(t,1)}function O(e,t,n){s.sources[e].urls[t]=n}function k(e,t){e.role=t,t===`snapshot`&&(e.useForSnapshot=!1,e.hotMode=!1,e.preload=!1)}function I(){s.sources.push({_id:h(8),name:``,role:null,urls:[``],useForSnapshot:!1,hotMode:!0,preload:!0,muted:!1}),g.value=[s.sources.length]}function R(e){s.sources.splice(e,1)}function z(e){let t=b(e);t&&c.openTextDialog({data:{title:l(`components.dialog.title.information`),hideConfirmButton:!0,contentText:t,markdown:!0}})}async function B(e){let t=ht(e);if(t)try{let e=await u({cameraData:{url:t}});c.openImageDialog({data:{title:l(`components.dialog.title.preview`),src:`data:image/jpeg;base64,${e}`,hideConfirmButton:!0}})}catch{}}return r({newSource:I}),(n,r)=>{let o=ge,s=be,c=e,l=pe,u=i,d=me,f=ye,p=_e,h=de,v=Ce,b=Re,M=fe,I=ve,L=le,H=ue,W=a;return C(),j(`div`,_t,[U(H,{value:F(g),"onUpdate:value":r[0]||=e=>re(g)?g.value=e:null,multiple:``},{default:w(()=>[(C(!0),j(N,null,x(t.sources,(e,r)=>(C(),V(L,{key:e._id,value:r,class:E({"border-b-0":r===t.sources.length-1})},{default:w(()=>[U(l,{class:E({"px-0 pt-0":r===0,"px-0":r!==0,"pb-5":r===t.sources.length-1})},{default:w(()=>[D(`div`,vt,[D(`div`,yt,[D(`span`,bt,A(n.$t(`components.dialog.components.new_camera.source`)+`: `),1),U(o,{class:`text-color text-xs border-[1px] bg-primary-500/20 border-primary-500/30 py-2 px-3 rounded-full overflow-hidden`,label:e.name===``?n.$t(`components.dialog.components.new_camera.unknown`):e.name},null,8,[`label`])]),t.allowAddRemoveSources&&t.sources.length>1?(C(),V(c,{key:0,text:``,rounded:``,severity:`danger`,class:`cui-icon-md ml-auto mr-2`,loading:F(_),onClick:e=>R(r)},{icon:w(()=>[U(s,{width:`100%`,height:`100%`})]),_:1},8,[`loading`,`onClick`])):K(``,!0)])]),_:2},1032,[`class`]),U(I,{pt:{content:{class:{"px-0":!0,"pb-5":r===t.sources.length-1}}}},{default:w(()=>[D(`div`,xt,[U(F(Y),{modelValue:e.name,"onUpdate:modelValue":t=>e.name=t,modelModifiers:{trim:!0},name:`sources[${r}].name`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:t})=>[D(`label`,{for:`sources[${r}].name`,class:`cui-label`},A(n.$t(`components.form.label.source_name`)),9,St),U(d,null,{default:w(()=>[U(u,J({ref_for:!0},e,{invalid:t.length>0,loading:F(_),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].name`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),t.length?K(``,!0):(C(),V(f,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.source_name`)),1)]),_:1}))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`,`name`]),U(F(Y),{"model-value":e.role,name:`sources[${r}].role`,as:`div`,class:`flex flex-col field-gap`},{default:w(({errors:i})=>[D(`label`,{for:`sources[${r}].role`,class:`cui-label`},A(n.$t(`components.form.label.source_role`)),9,Ct),U(d,null,{default:w(()=>[U(p,{"model-value":e.role,options:F(m).filter(n=>!t.sources.some(t=>t.role===n&&t._id!==e._id)),invalid:i.length>0,loading:F(_),onValueChange:t=>k(e,t)},null,8,[`model-value`,`options`,`invalid`,`loading`,`onValueChange`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].role`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),i.length?K(``,!0):(C(),V(f,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.source_role`)),1)]),_:1}))]),_:2},1032,[`model-value`,`name`]),D(`div`,wt,[e.role!==`snapshot`&&t.sources.length>1?(C(),V(F(Y),{key:0,"model-value":e.useForSnapshot,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].useForSnapshot`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:i,errors:a})=>[D(`div`,Tt,[D(`div`,Et,[D(`label`,{for:`sources[${r}].useForSnapshot`,class:`cui-label-switch`},A(n.$t(`components.form.label.use_for_snapshot`)),9,Dt),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.use_for_snapshot`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].useForSnapshot`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(h,J({"model-value":e.useForSnapshot},{ref_for:!0},i,{invalid:a.length>0,loading:F(_),disabled:t.sources.some(t=>(t.useForSnapshot||t.role===`snapshot`)&&t._id!==e._id),class:`ml-auto shrink-0`,onValueChange:t=>e.useForSnapshot=t}),null,16,[`model-value`,`invalid`,`loading`,`disabled`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`])):K(``,!0),e.role===`snapshot`?K(``,!0):(C(),V(F(Y),{key:1,"model-value":e.hotMode,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].hotMode`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:t,errors:i})=>[D(`div`,Ot,[D(`div`,kt,[D(`label`,{for:`sources[${r}].hotMode`,class:`cui-label-switch`},A(n.$t(`components.form.label.hot_mode`)),9,At),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.hot_mode`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].hotMode`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(h,J({"model-value":e.hotMode},{ref_for:!0},t,{invalid:i.length>0,loading:F(_),class:`ml-auto shrink-0`,onValueChange:t=>e.hotMode=t}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`])),e.role===`snapshot`?K(``,!0):(C(),V(F(Y),{key:2,"model-value":e.preload,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].preload`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:t,errors:i})=>[D(`div`,jt,[D(`div`,Mt,[D(`label`,{for:`sources[${r}].preload`,class:`cui-label-switch`},A(n.$t(`components.form.label.preload`)),9,Nt),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.preload`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].preload`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(h,J({"model-value":e.preload},{ref_for:!0},t,{invalid:i.length>0,loading:F(_),class:`ml-auto shrink-0`,onValueChange:t=>e.preload=t}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`])),e.role===`snapshot`?K(``,!0):(C(),V(F(Y),{key:3,"model-value":e.muted,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].muted`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:t,errors:i})=>[D(`div`,Pt,[D(`div`,Ft,[D(`label`,{for:`sources[${r}].muted`,class:`cui-label-switch`},A(n.$t(`components.form.label.muted`)),9,It),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.muted`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].muted`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(h,J({"model-value":e.muted},{ref_for:!0},t,{invalid:i.length>0,loading:F(_),class:`ml-auto shrink-0`,onValueChange:t=>e.muted=t}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`]))]),D(`div`,Lt,[D(`div`,Rt,[D(`label`,{for:`sources[${r}].urls[]`,class:`cui-label`},A(n.$t(`components.form.label.sources`)),9,zt),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(y(e)?n.$t(`views.devices.managed_source_hint`):n.$t(`components.form.hint.source_urls`)),1)]),_:2},1024)]),(C(!0),j(N,null,x(e.urls,(t,i)=>(C(),j(N,{key:i},[F(gt)(t)?(C(),j(`div`,Bt,[U(d,null,{default:w(()=>[U(u,{"model-value":t,readonly:``,loading:F(_),type:`text`},null,8,[`model-value`,`loading`])]),_:2},1024)])):(C(),V(F(Y),{key:1,"model-value":t,name:`sources[${r}].urls[${i}]`,as:`div`,class:`flex flex-col field-gap w-full`},{default:w(({errors:a})=>[U(d,null,{default:w(()=>[U(u,{"model-value":t,invalid:a.length>0,loading:F(_),type:`text`,placeholder:Vt,"onUpdate:modelValue":e=>O(r,i,e??``)},null,8,[`model-value`,`invalid`,`loading`,`onUpdate:modelValue`]),U(M,null,{default:w(()=>[T((C(),V(c,{text:``,rounded:``,severity:`secondary`,disabled:F(_)||!S(t),class:`border-right-color`,onClick:e=>z(t)},{icon:w(()=>[U(v,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])),[[W,{value:n.$t(`components.dialog.components.new_camera.protocol_info`)},void 0,{top:!0}]]),T((C(),V(c,{text:``,rounded:``,severity:`secondary`,disabled:F(_)||!F(mt)(t),class:`border-right-color`,onClick:e=>B(t)},{icon:w(()=>[U(b,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])),[[W,{value:n.$t(`components.dialog.components.new_camera.test_source`)},void 0,{top:!0}]]),e.urls.length>1?(C(),V(c,{key:0,text:``,rounded:``,severity:`danger`,disabled:F(_),onClick:ee(e=>ne(r,i),[`prevent`])},{icon:w(()=>[U(s,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])):K(``,!0)]),_:2},1024)]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].urls[${i}]`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(F(mt)(t)?n.$t(`components.form.hint.source_detected_protocol`,{protocol:F(mt)(t)}):n.$t(`components.form.hint.source_url`)),1)]),_:2},1024)]),_:2},1032,[`model-value`,`name`]))],64))),128)),y(e)?K(``,!0):(C(),V(c,{key:0,loading:F(_),label:n.$t(`components.form.button.add_source`),class:`ml-auto cui-button-medium`,onClick:e=>te(r)},null,8,[`loading`,`label`,`onClick`]))])])]),_:2},1032,[`pt`])]),_:2},1032,[`value`,`class`]))),128))]),_:1},8,[`value`])])}}}),Ut={class:`flex flex-col gap-6`},Wt={for:`name`,class:`cui-label`},Gt={class:`flex flex-col field-gap`},Kt={for:`type`,class:`cui-label`},qt={class:`flex flex-col field-gap`},Jt={for:`room`,class:`cui-label`},Yt={class:`flex gap-2`},Xt={class:`text-color font-normal`},Zt={class:`flex flex-col gap-6`},Qt={for:`info.manufacturer`,class:`cui-label`},$t={for:`info.model`,class:`cui-label`},en={for:`info.hardware`,class:`cui-label`},tn={for:`info.serialNumber`,class:`cui-label`},nn={for:`info.firmwareVersion`,class:`cui-label`},rn={for:`info.supportUrl`,class:`cui-label`},an=I({__name:`CuiCameraDetailsFields`,props:{form:{},isLoading:{type:Boolean}},setup(t){let r=new d,o=t,s=v(),{t:c}=n(),{data:l,isBusy:u}=r.getRoomsQuery(),f=M([`camera`,`doorbell`]),p=M([]),m=L(()=>{let e=l.value??[`Default`],t=new Set(e.map(e=>e.toLowerCase()));return[...e,...p.value.filter(e=>!t.has(e.toLowerCase()))].map(e=>({label:e===`Default`?c(`components.form.label.room_default`):e,value:e}))});function h(){s.openComponentDialog(De,{data:{title:c(`components.dialog.title.create_room`),confirmText:c(`components.form.button.add`),contentProps:{}},onConfirm:e=>{if(!e)return;let t=m.value.find(t=>t.value.toLowerCase()===e.toLowerCase()),n=t?.value??e;t||p.value.push(n),o.form.room=n}})}return(n,r)=>{let o=i,s=me,c=ye,l=_e,d=Ee,p=e,g=pe,_=ve,v=le,y=ue,b=a;return C(),j(`div`,Ut,[U(F(Y),{modelValue:t.form.name,"onUpdate:modelValue":r[0]||=e=>t.form.name=e,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:r})=>[D(`label`,Wt,A(n.$t(`components.form.label.name`)),1),U(s,null,{default:w(()=>[U(o,J(e,{invalid:r.length>0,loading:t.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`name`,class:`cui-input-error`})]),_:1}),r.length?K(``,!0):(C(),V(c,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.camera_name`)),1)]),_:1}))]),_:1},8,[`modelValue`]),D(`div`,Gt,[D(`label`,Kt,A(n.$t(`components.form.label.type`)),1),U(s,null,{default:w(()=>[U(l,{"model-value":t.form.type,options:F(f),loading:t.isLoading,type:`text`,onValueChange:r[1]||=e=>t.form.type=e},null,8,[`model-value`,`options`,`loading`])]),_:1})]),D(`div`,qt,[D(`label`,Jt,A(n.$t(`components.form.label.room`)),1),D(`div`,Yt,[U(l,{"model-value":t.form.room,options:F(m),"option-label":`label`,"option-value":`value`,loading:F(u),class:`w-full`,"onUpdate:modelValue":r[2]||=e=>t.form.room=e},null,8,[`model-value`,`options`,`loading`]),T((C(),V(p,{severity:`secondary`,outlined:``,class:`shrink-0 h-[42px] w-[42px] p-0`,onClick:h},{icon:w(()=>[U(d,{class:`w-4 h-4`})]),_:1})),[[b,n.$t(`components.form.button.create_room`),void 0,{top:!0}]])]),U(c,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.room`)),1)]),_:1})]),te(n.$slots,`default`),U(y,null,{default:w(()=>[U(v,{value:`branding`},{default:w(()=>[U(g,{class:`px-0 pt-0`},{default:w(()=>[D(`span`,Xt,A(n.$t(`components.camera_options.branding`)),1)]),_:1}),U(_,{pt:{content:{class:`px-0`}}},{default:w(()=>[D(`div`,Zt,[U(F(Y),{modelValue:t.form.info.manufacturer,"onUpdate:modelValue":r[3]||=e=>t.form.info.manufacturer=e,modelModifiers:{trim:!0},name:`info.manufacturer`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:r})=>[D(`label`,Qt,A(n.$t(`components.form.label.manufacturer`)),1),U(s,null,{default:w(()=>[U(o,J(e,{invalid:r.length>0,loading:t.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.manufacturer`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:t.form.info.model,"onUpdate:modelValue":r[4]||=e=>t.form.info.model=e,modelModifiers:{trim:!0},name:`info.model`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:r})=>[D(`label`,$t,A(n.$t(`components.form.label.model`)),1),U(s,null,{default:w(()=>[U(o,J(e,{invalid:r.length>0,loading:t.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.model`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:t.form.info.hardware,"onUpdate:modelValue":r[5]||=e=>t.form.info.hardware=e,modelModifiers:{trim:!0},name:`info.hardware`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:r})=>[D(`label`,en,A(n.$t(`components.form.label.hardware_version`)),1),U(s,null,{default:w(()=>[U(o,J(e,{invalid:r.length>0,loading:t.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.hardware`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:t.form.info.serialNumber,"onUpdate:modelValue":r[6]||=e=>t.form.info.serialNumber=e,modelModifiers:{trim:!0},name:`info.serialNumber`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:r})=>[D(`label`,tn,A(n.$t(`components.form.label.serial_number`)),1),U(s,null,{default:w(()=>[U(o,J(e,{invalid:r.length>0,loading:t.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.serialNumber`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:t.form.info.firmwareVersion,"onUpdate:modelValue":r[7]||=e=>t.form.info.firmwareVersion=e,modelModifiers:{trim:!0},name:`info.firmwareVersion`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:r})=>[D(`label`,nn,A(n.$t(`components.form.label.firmware_version`)),1),U(s,null,{default:w(()=>[U(o,J(e,{invalid:r.length>0,loading:t.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.firmwareVersion`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:t.form.info.supportUrl,"onUpdate:modelValue":r[8]||=e=>t.form.info.supportUrl=e,modelModifiers:{trim:!0},name:`info.supportUrl`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:r})=>[D(`label`,rn,A(n.$t(`components.form.label.support_url`)),1),U(s,null,{default:w(()=>[U(o,J(e,{invalid:r.length>0,loading:t.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.supportUrl`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`])])]),_:1})]),_:1})]),_:1})])}}}),on={disabled:!1,name:``,type:`camera`,room:`Default`,info:{manufacturer:``,model:``,hardware:``,serialNumber:``,firmwareVersion:``,supportUrl:``},sources:[{_id:h(8),name:``,role:`high-resolution`,urls:[``],useForSnapshot:!1,hotMode:!0,preload:!0,muted:!1}],interfaceSettings:{streamingMode:`webrtc`,streamingSource:`high-resolution`,aspectRatio:`16:9`},plugins:[],assignments:{}},sn={class:`card-title`},cn={class:`card-title`},ln={class:`w-full flex items-center justify-center mt-4`},un=I({__name:`AddCamera`,props:{camera:{default:()=>on}},setup(r,{expose:i}){let a=new d,o=r,s=m(),{t:c}=n(),{mutateAsync:l,isPending:u}=a.createCameraQuery(),{camera:f}=B(o),p=S(`formRef`),h=S(`sourcesRef`),_=M(g(f.value)),v=L(()=>u.value);async function y(){if(!(await p.value?.validate())?.valid)return s.add({severity:`error`,detail:c(`components.toast.validation_failed`),life:3e3}),null;let e=g(_.value),t={...e,type:e.type,isCloud:!1,zones:{privacyFallback:`send`,motion:[],object:[],privacy:[],alert:[],lines:[]},detectionSettings:{motion:{resolution:`medium`,timeout:30},object:{confidence:.7,suppressStatic:!0,timeout:15},audio:{minDecibels:-40,timeout:30,confidence:.7},face:{confidence:.5},licensePlate:{confidence:.9,minLength:4},sensor:{timeout:30,triggers:[]},cascadeDetection:!0,cascadeTimeout:10,snooze:!1},ptzAutotrack:{enabled:!1,targetLabels:[`person`],minConfidence:.5,triggerDeadZone:.05,trackingSpeed:2,leadMs:1800,panRate:.85,returnToHome:!1,homeWaitMs:1e4,minTargetSize:0,maxTargetSize:0},recordingSettings:{enabled:!0,mode:`continuous`,preBuffer:10,sources:[`high`,`mid`,`low`]},frameWorkerSettings:{mainStreamAnalysis:!1},snapshotSettings:{autoRefresh:!1,ttl:50,interval:60},plugins:e.plugins||[],assignments:e.assignments||{},sources:e.sources.map(e=>({...e,muted:e.muted??!1,urls:e.urls.map(ht).filter(Boolean)}))};await l({cameraData:t})}return i({isLoading:v,onSave:y,onConfirm:y}),(n,r)=>{let i=an,a=t,o=Ht,s=we,c=e;return C(),j(`div`,null,[U(F(O),{ref_key:`formRef`,ref:p,class:`flex flex-col w-full gap-6`,"validation-schema":F(Oe)},{default:w(()=>[D(`div`,null,[D(`span`,sn,A(n.$t(`components.dialog.components.new_camera.camera`)),1),U(a,{class:`cui-card`},{content:w(()=>[U(i,{form:F(_),"is-loading":F(v)},null,8,[`form`,`is-loading`])]),_:1})]),D(`div`,null,[D(`span`,cn,A(n.$t(`components.form.label.sources`)),1),U(a,{class:`cui-card border-color-inner`,pt:{body:{class:`pb-0`}}},{content:w(()=>[U(o,{ref_key:`sourcesRef`,ref:h,sources:F(_).sources,"is-loading":F(v),"allow-add-remove-sources":!0},null,8,[`sources`,`is-loading`])]),_:1}),D(`div`,ln,[U(c,{text:``,rounded:``,loading:F(v),class:`cui-icon-2xl`,onClick:r[0]||=e=>F(h)?.newSource()},{icon:w(()=>[U(s,{width:`100%`,height:`100%`})]),_:1},8,[`loading`])])])]),_:1},8,[`validation-schema`])])}}}),dn={class:`card-title`},fn={key:0,class:`flex flex-col gap-6`},pn={class:`cui-label`},mn={class:`card-title`},hn=I({__name:`ConfirmCamera`,props:{draft:{},onConfirm:{type:Function}},setup(e,{expose:r}){let a=oe({name:se().trim().min(1)}).passthrough(),o=e,s=m(),{t:c}=n(),l=S(`formRef`),u=M(g(o.draft)),d=M({name:u.value.name,type:u.value.type,room:u.value.room,info:u.value.info,sources:u.value.sources.map(e=>({...e,urls:[...e.urls]}))}),f=M(!1),p=L(()=>{let e=[];return u.value.pluginInfo?.name&&e.push({label:c(`views.devices.plugin`),value:u.value.pluginInfo.name}),u.value.nativeId&&e.push({label:c(`views.devices.native_id`),value:u.value.nativeId}),e}),h=L(()=>f.value);async function _(){if(!(await l.value?.validate())?.valid)return s.add({severity:`error`,detail:c(`components.toast.validation_failed`),life:3e3}),null;f.value=!0;try{let e={...u.value,name:d.value.name,type:d.value.type,room:d.value.room,info:d.value.info,sources:d.value.sources.map(e=>({...e,urls:e.urls.map(ht).filter(Boolean)}))};await o.onConfirm(e)}catch(e){return s.add({severity:`error`,summary:c(`views.devices.confirm_title`),detail:e,life:3e3}),null}finally{f.value=!1}}return r({isLoading:h,onConfirm:_}),(e,n)=>{let r=i,o=me,s=an,c=t,u=Ht;return C(),j(`div`,null,[U(F(O),{ref_key:`formRef`,ref:l,class:`flex flex-col w-full gap-6`,"validation-schema":F(a)},{default:w(()=>[D(`div`,null,[D(`span`,dn,A(e.$t(`components.dialog.components.new_camera.camera`)),1),U(c,{class:`cui-card`},{content:w(()=>[U(s,{form:F(d),"is-loading":F(h)},{default:w(()=>[F(p).length?(C(),j(`div`,fn,[(C(!0),j(N,null,x(F(p),e=>(C(),j(`div`,{key:e.label,class:`flex flex-col field-gap`},[D(`label`,pn,A(e.label),1),U(o,null,{default:w(()=>[U(r,{"model-value":e.value,readonly:``,type:`text`},null,8,[`model-value`])]),_:2},1024)]))),128))])):K(``,!0)]),_:1},8,[`form`,`is-loading`])]),_:1})]),D(`div`,null,[D(`span`,mn,A(e.$t(`components.form.label.sources`)),1),U(c,{class:`cui-card border-color-inner`,pt:{body:{class:`pb-0`}}},{content:w(()=>[U(u,{sources:F(d).sources,"is-loading":F(h),"allow-add-remove-sources":!0},null,8,[`sources`,`is-loading`])]),_:1})])]),_:1},8,[`validation-schema`])])}}}),gn={class:`flex flex-col gap-6`},_n={key:0,class:`flex flex-col field-gap`},vn={class:`cui-label`},yn={key:1,class:`text-center py-4`},bn={class:`text-muted`},xn=I({__name:`ConnectionSchema`,props:{camera:{},schema:{},onConnect:{type:Function}},setup(e,{expose:t}){let r=e,a=X(),o=m(),{t:s}=n(),c=k(`dialogRefProps`),{schema:l}=B(r),u=S(`schemaFormRef`),d=M(!1),f=L(()=>({schema:l.value,config:{}})),p=L(()=>!!(c.loading?.value||d.value));async function h(){d.value=!0;try{let e={};if(l.value.length>0){let t=await u.value?.validate();if(!t?.valid)return a.error(`Validation failed`,t),o.add({severity:`error`,detail:s(`components.toast.validation_failed`),life:3e3}),null;e=t.values??{}}await r.onConnect(e)}catch(e){return o.add({severity:`error`,summary:s(`views.devices.connect`),detail:e,life:3e3}),null}finally{d.value=!1}}return t({isLoading:p,onConfirm:h}),(t,n)=>{let r=i,a=Te;return C(),j(`div`,gn,[e.camera.address?(C(),j(`div`,_n,[D(`label`,vn,A(t.$t(`views.devices.address`)),1),U(r,{"model-value":e.camera.address,readonly:``},null,8,[`model-value`])])):K(``,!0),F(l).length===0?(C(),j(`div`,yn,[D(`p`,bn,A(t.$t(`views.devices.no_settings_required`)),1)])):(C(),V(a,{key:2,ref_key:`schemaFormRef`,ref:u,"schema-form":F(f),loading:F(p)},null,8,[`schema-form`,`loading`]))])}}}),Sn=5e3,Z=H({isLoading:!0,devices:[],isScanning:!1,hiddenDevices:[],showHidden:!1,error:null}),Cn=null,Q=null,$=!1,wn=0,Tn=null;function En(){Z.isLoading=!0,Z.devices=[],Z.isScanning=!1,Z.hiddenDevices=[],Z.showHidden=!1,Z.error=null}function Dn(){return Q||(Cn=b(!0),Cn.run(()=>{let e=_(`/cameras`);Q=e,e.onReady(()=>{On()}),W(e.connected,(e,t)=>{!e&&t&&($=!1)}),e.on(`cameras:discovered`,e=>{for(let t of e.devices){let e=Z.devices.findIndex(e=>e.id===t.id);e>=0?Z.devices[e]=t:Z.devices.push(t)}}),e.on(`cameras:scanning`,e=>{Z.isScanning=e.isScanning}),e.on(`cameras:connection-status`,e=>{let t=Z.devices.find(t=>t.discoveredId===e.discoveredId);t&&(e.status===`connecting`?t.status=`adopting`:e.status===`error`?(t.status=`error`,t.errorMessage=e.errorMessage):e.status===`connected`&&(Z.devices=Z.devices.filter(t=>t.discoveredId!==e.discoveredId)))}),e.on(`cameras:camera-connected`,e=>{Z.devices=Z.devices.filter(t=>t.discoveredId!==e.discoveredId)}),e.on(`cameras:deleted`,e=>{Z.devices=Z.devices.filter(t=>t.cameraId!==e.cameraId)})}),Q)}async function On(){if(!Q||$)return{success:$,devices:Z.devices,isScanning:Z.isScanning,hiddenDevices:Z.hiddenDevices};try{let e=await Q.request(`cameras:subscribe`,{});return $=e.success,e.devices&&(Z.devices=e.devices),e.isScanning!==void 0&&(Z.isScanning=e.isScanning),e.hiddenDevices&&(Z.hiddenDevices=e.hiddenDevices),Z.isLoading=!1,e}catch(e){return Z.isLoading=!1,Z.error=e instanceof Error?e.message:`subscribe failed`,{success:!1}}}async function kn(){if(!Q||!$)return{success:!0};try{let e=await Q.request(`cameras:unsubscribe`,{});return $=!e.success,e}catch{return{success:!1}}}function An(){$&&kn(),Cn?.stop(),Cn=null,Q=null,$=!1,En()}function jn(){Tn&&=(clearTimeout(Tn),null),wn++;function e(){Dn(),Q?.connected.value&&!$&&On()}function t(){$&&kn()}async function n(){if(!Q?.ready.value)return{success:!1,error:`Not connected`};Z.devices=[],Z.isScanning=!0;try{let e=await Q.request(`cameras:rescan`,{});return e.success||(Z.isScanning=!1),e}catch(e){return Z.isScanning=!1,{success:!1,error:e instanceof Error?e.message:`rescan failed`}}}async function r(e){if(!Q?.ready.value)return{success:!1,error:`Not connected`};try{return await Q.request(`cameras:get-schema`,{discoveredId:e})}catch(e){return{success:!1,error:e instanceof Error?e.message:`get-schema failed`}}}async function i(e,t){if(!Q?.ready.value)return{success:!1,error:`Not connected`};try{return await Q.request(`cameras:connect`,{discoveredId:e,credentials:t})}catch(e){return{success:!1,error:e instanceof Error?e.message:`connect failed`}}}async function a(e,t){if(!Q?.ready.value)throw Error(`Not connected`);let n=await Q.request(`cameras:prepare`,{discoveredId:e,credentials:t});if(!n.success||!n.draft)throw Error(n.error??`prepare failed`);return n.draft}async function o(e,t){if(!Q?.ready.value)throw Error(`Not connected`);let n=await Q.request(`cameras:confirm`,{draft:e,discoveredId:t});if(!n.success||!n.cameraId||!n.cameraName)throw Error(n.error??`confirm failed`);return{cameraId:n.cameraId,cameraName:n.cameraName}}async function c(e){if(!Q?.ready.value)return{success:!1,error:`Not connected`};let t={id:e.discoveredId,name:e.name,model:e.model};try{let e=await Q.request(`cameras:hide-device`,{device:t});return e.success&&e.hiddenDevices&&(Z.hiddenDevices=e.hiddenDevices),e}catch(e){return{success:!1,error:e instanceof Error?e.message:`hide-device failed`}}}async function l(e){if(!Q?.ready.value)return{success:!1,error:`Not connected`};try{let t=await Q.request(`cameras:unhide-device`,{deviceId:e});return t.success&&t.hiddenDevices&&(Z.hiddenDevices=t.hiddenDevices),t}catch(e){return{success:!1,error:e instanceof Error?e.message:`unhide-device failed`}}}function u(){Z.showHidden=!Z.showHidden}function d(e){return e.type!==`discovered`||!e.discoveredId?!1:Z.hiddenDevices.some(t=>t.id===e.discoveredId)}let f=L(()=>{let e=new Set(Z.hiddenDevices.map(e=>e.id)),t=(e,t)=>e.name.localeCompare(t.name),n=Z.devices.filter(e=>e.type===`camera`).sort(t),r=Z.devices.filter(t=>t.type===`discovered`&&!e.has(t.discoveredId)).sort(t),i=Z.showHidden?Z.devices.filter(t=>t.type===`discovered`&&e.has(t.discoveredId)).sort(t):[];return[...n,...r,...i]});return s(()=>{wn--,!(wn>0)&&(wn=0,Tn=setTimeout(()=>{wn<=0&&(An(),Tn=null)},Sn))}),{state:ie(Z),isConnected:L(()=>Q?.connected.value??!1),isLoading:L(()=>Z.isLoading),devices:L(()=>Z.devices),isScanning:L(()=>Z.isScanning),hiddenDevices:L(()=>Z.hiddenDevices),showHidden:L(()=>Z.showHidden),error:L(()=>Z.error),sortedDevices:f,connect:e,disconnect:t,subscribe:On,unsubscribe:kn,forceRescan:n,getConnectionSchema:r,connectDevice:i,prepareDevice:a,confirmDevice:o,hideDevice:c,unhideDevice:l,toggleShowHidden:u,isHidden:d}}var Mn={class:`flex flex-col`},Nn={key:0,class:`page-title`},Pn={key:1,class:`flex min-h-0 flex-col`},Fn={key:0,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},In={key:1,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4 py-16`},Ln={class:`w-16 h-16 rounded-full bg-primary-500/10 flex items-center justify-center`},Rn={class:`flex flex-col items-center gap-1 max-w-[400px] text-center`},zn={class:`text-color font-semibold text-base`},Bn={class:`text-muted text-sm`},Vn={key:2,class:`flex min-h-0 flex-col`},Hn={class:`card-title`},Un={class:`flex items-center justify-center`},Wn={class:`font-bold text-color truncate`},Gn={class:`text-xs text-muted truncate`},Kn={key:0,class:`text-xs text-red-500 truncate`},qn={class:`card-title`},Jn={key:0,class:`flex flex-col gap-6`},Yn={class:`flex items-center justify-center`},Xn={class:`flex items-center justify-center`},Zn={key:1,class:`flex flex-col items-center justify-center py-6 gap-2`},Qn={class:`text-muted text-sm`},$n={class:`flex flex-wrap items-center gap-2 mt-4`},er=l(I({__name:`Cameras`,setup(i){let{t:s}=n(),l=m(),d=v(),h=f(),{smBreakpoint:g}=u(),_=jn(),b={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm`}},datatable:{class:`z-0`}},ee=L(()=>p(void 0,`admin`)),x=L(()=>_.sortedDevices.value),S=L(()=>x.value.filter(e=>e.type===`camera`)),te=L(()=>x.value.filter(e=>e.type===`discovered`)),O=L(()=>_.isLoading.value),k=L(()=>_.isScanning.value),M=L(()=>_.hiddenDevices.value),P=L(()=>_.showHidden.value),I=L(()=>M.value.length);function R(e){switch(e){case`added`:return`green`;case`discovered`:return`orange`;case`adopting`:return`orange`;case`error`:return`red`;default:return`gray`}}function B(e){switch(e){case`added`:return s(`views.devices.status_added`);case`discovered`:return s(`views.devices.status_discovered`);case`adopting`:return s(`views.devices.status_adopting`);case`error`:return s(`views.devices.status_error`);default:return s(`views.devices.status_unknown`)}}function H(e){return _.isHidden(e)}async function W(e){if(!H(e)){if(e.type===`camera`){h.open({cameraName:e.name});return}if(e.type===`discovered`&&e.discoveredId){if(e.status===`adopting`)return;try{let t=await _.getConnectionSchema(e.discoveredId);if(!t.success){l.add({severity:`error`,summary:s(`views.devices.connect`),detail:t.error,life:3e3});return}d.openComponentDialog(xn,{data:{title:`${s(`views.devices.connect`)}: ${e.name}`,confirmText:s(`views.devices.connect`),contentProps:{camera:{id:e.discoveredId,name:e.name,model:e.model,address:e.address,provider:e.provider,connectionStatus:`idle`},schema:t.schema??[],onConnect:async t=>{G(await _.prepareDevice(e.discoveredId,t),e.discoveredId)}}}})}catch(e){l.add({severity:`error`,summary:s(`views.devices.connect`),detail:e,life:3e3})}}}}function G(e,t){d.openComponentDialog(hn,{data:{title:s(`views.devices.confirm_title`),confirmText:s(`views.devices.confirm`),fullscreen:!0,contentProps:{draft:e,onConfirm:async e=>{await _.confirmDevice(e,t),l.add({severity:`success`,summary:s(`views.devices.connect`),detail:s(`components.toast.camera_added`),life:3e3})}}}})}async function re(){try{let e=await _.forceRescan();e.success?l.add({severity:`success`,summary:s(`views.devices.rescan`),detail:s(`views.devices.rescan_success`),life:3e3}):l.add({severity:`error`,summary:s(`views.devices.rescan`),detail:e.error,life:3e3})}catch(e){l.add({severity:`error`,summary:s(`views.devices.rescan`),detail:e,life:3e3})}}function ie(){d.openComponentDialog(un,{data:{title:s(`components.dialog.components.new_camera.add_camera`),fullscreen:!0,contentProps:{}}})}async function q(e,t){e.stopPropagation();try{let e=await _.hideDevice(t);e.success?l.add({severity:`success`,summary:s(`views.devices.hide`),detail:s(`views.devices.device_hidden`),life:3e3}):l.add({severity:`error`,summary:s(`views.devices.hide`),detail:e.error,life:3e3})}catch(e){l.add({severity:`error`,summary:s(`views.devices.hide`),detail:e,life:3e3})}}async function J(e,t){e.stopPropagation();try{let e=await _.unhideDevice(t.discoveredId);e.success?l.add({severity:`success`,summary:s(`views.devices.unhide`),detail:s(`views.devices.device_unhidden`),life:3e3}):l.add({severity:`error`,summary:s(`views.devices.unhide`),detail:e.error,life:3e3})}catch(e){l.add({severity:`error`,summary:s(`views.devices.unhide`),detail:e,life:3e3})}}function Y(){_.toggleShowHidden()}function X(e){return H(e)?`opacity-50 cursor-not-allowed`:``}return z(()=>{ee.value&&_.connect()}),ne(()=>{ee.value&&_.unsubscribe()}),(n,i)=>{let s=je,l=t,u=o,d=c,f=e,m=r,h=he,_=ge,v=ke,ne=Ae,M=Fe,L=y,z=a;return C(),j(`div`,Mn,[F(g)?K(``,!0):(C(),j(`h1`,Nn,A(n.$t(`views.${String(n.$route.name).toLowerCase()}.title`)),1)),F(ee)?(C(),j(N,{key:2},[F(O)?(C(),j(`div`,Fn,[U(u,{"stroke-width":`5`,class:`w-[30px] h-[30px]`})])):K(``,!0),!F(O)&&!F(x).length?(C(),j(`div`,In,[D(`div`,Ln,[U(d,{class:`w-8 h-8 text-primary-500`})]),D(`div`,Rn,[D(`span`,zn,A(F(k)?n.$t(`views.devices.scanning`):n.$t(`views.devices.no_devices`)),1),D(`span`,Bn,A(F(k)?n.$t(`views.devices.scanning_hint`):n.$t(`views.devices.no_devices_hint`)),1)]),U(f,{class:`cui-button-medium mt-2`,severity:`secondary`,label:n.$t(`views.devices.rescan`),loading:F(k),onClick:re},null,8,[`label`,`loading`])])):K(``,!0),!F(O)&&F(S).length?(C(),j(`div`,Vn,[D(`span`,Hn,A(n.$t(`views.devices.status_adopted_cameras`)),1),U(l,{class:`cui-card`},{content:w(()=>[U(v,{value:F(S),"striped-rows":``,pt:b,class:`w-full`,onRowClick:i[0]||=e=>W(e.data)},{default:w(()=>[U(h,{header:``,"header-class":`p-2 pl-4 w-5 max-w-5`,class:`p-2 pl-4 w-5 max-w-5`},{body:w(({data:e})=>[D(`div`,Un,[T(U(m,{style:ae({background:R(e.status)})},null,8,[`style`]),[[z,{value:B(e.status)}]])])]),_:1}),U(h,{field:`name`,header:n.$t(`views.devices.name`),"header-class":`p-2`,class:`p-2 w-full min-w-[200px] max-w-0`},{body:w(({data:e})=>[D(`div`,Wn,A(e.name),1),D(`div`,Gn,A(e.manufacturer||n.$t(`views.devices.unknown`))+` · `+A(e.model||n.$t(`views.devices.unknown`)),1),e.errorMessage?(C(),j(`div`,Kn,A(e.errorMessage),1)):K(``,!0)]),_:1},8,[`header`]),U(h,{field:`room`,header:n.$t(`components.form.label.room`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:w(({data:e})=>[e.room?(C(),V(_,{key:0,label:e.room===`Default`?n.$t(`components.form.label.room_default`):e.room,class:`text-xs whitespace-nowrap`},null,8,[`label`])):K(``,!0)]),_:1},8,[`header`]),U(h,{field:`provider`,header:n.$t(`views.devices.provider`),"header-class":`p-2 pr-4 whitespace-nowrap`,class:`p-2 pr-4 whitespace-nowrap`},{body:w(({data:e})=>[U(_,{label:e.provider,class:`text-xs whitespace-nowrap`},null,8,[`label`])]),_:1},8,[`header`])]),_:1},8,[`value`])]),_:1})])):K(``,!0),!F(O)&&F(x).length?(C(),j(`div`,{key:3,class:E([`flex min-h-0 flex-col`,{"mt-6":F(S).length}])},[D(`span`,qn,A(n.$t(`views.devices.status_discovered`)),1),U(l,{class:`cui-card`},{content:w(()=>[F(te).length?(C(),j(`div`,Jn,[U(v,{value:F(te),"striped-rows":``,pt:b,class:`w-full`,onRowClick:i[1]||=e=>W(e.data)},{default:w(()=>[U(h,{header:``,"header-class":`p-2 pl-4 w-5 max-w-5`,class:`p-2 pl-4 w-5 max-w-5`},{body:w(({data:e})=>[D(`div`,Yn,[T(U(m,{style:ae({background:R(e.status)})},null,8,[`style`]),[[z,{value:B(e.status)}]])])]),_:1}),U(h,{field:`name`,header:n.$t(`views.devices.name`),"header-class":`p-2`,class:`p-2 w-full min-w-[200px] max-w-0`},{body:w(({data:e})=>[D(`div`,{class:E([`font-bold text-color truncate`,X(e)])},A(e.name),3),D(`div`,{class:E([`text-xs text-muted truncate`,X(e)])},A(e.manufacturer||n.$t(`views.devices.unknown`))+` · `+A(e.model||n.$t(`views.devices.unknown`)),3)]),_:1},8,[`header`]),U(h,{field:`address`,header:n.$t(`views.devices.address`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:w(({data:e})=>[e.address?(C(),j(`span`,{key:0,class:E([`text-xs text-muted whitespace-nowrap`,X(e)])},A(e.address),3)):K(``,!0)]),_:1},8,[`header`]),U(h,{field:`provider`,header:n.$t(`views.devices.provider`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:w(({data:e})=>[U(_,{label:e.provider,class:E([`text-xs whitespace-nowrap`,X(e)])},null,8,[`label`,`class`])]),_:1},8,[`header`]),U(h,{header:``,"header-class":`p-2 pr-4 w-12`,class:`p-2 pr-4 w-12`},{body:w(({data:e})=>[D(`div`,Xn,[H(e)?T((C(),V(f,{key:1,text:``,rounded:``,class:`cui-icon-md`,onClick:t=>J(t,e)},{icon:w(()=>[U(F(xe),{width:`100%`,height:`100%`,class:`text-muted`})]),_:1},8,[`onClick`])),[[z,{value:n.$t(`views.devices.unhide`)},void 0,{left:!0}]]):T((C(),V(f,{key:0,severity:`secondary`,text:``,rounded:``,class:`cui-icon-md`,onClick:t=>q(t,e)},{icon:w(()=>[U(F(Se),{width:`100%`,height:`100%`,class:`text-muted`})]),_:1},8,[`onClick`])),[[z,{value:n.$t(`views.devices.hide`)},void 0,{left:!0}]])])]),_:1})]),_:1},8,[`value`])])):(C(),j(`div`,Zn,[F(k)?(C(),V(ne,{key:0,width:`24px`,height:`24px`,class:`text-muted`})):(C(),V(M,{key:1,width:`32px`,height:`32px`,class:`text-muted`})),D(`span`,Qn,A(F(k)?n.$t(`views.devices.scanning`):n.$t(`views.devices.no_discovered`)),1)])),D(`div`,$n,[i[2]||=D(`div`,{class:`ml-auto`},null,-1),F(I)>0?(C(),V(f,{key:0,severity:`secondary`,class:`cui-button-medium`,label:F(P)?n.$t(`views.devices.hide_hidden`):`${n.$t(`views.devices.show_hidden`)} (${F(I)})`,onClick:Y},null,8,[`label`])):K(``,!0),U(f,{severity:`secondary`,class:`cui-button-medium`,label:n.$t(`views.devices.rescan`),loading:F(k),onClick:re},null,8,[`label`,`loading`])])]),_:1})],2)):K(``,!0)],64)):(C(),j(`div`,Pn,[U(l,{class:`cui-card`},{content:w(()=>[U(s)]),_:1})])),(`hasPermission`in n?n.hasPermission:F(p))(void 0,`admin`)?(C(),V(L,{key:3,"tooltip-props":{value:n.$t(`views.cameras.add_camera`)},"button-props":{class:`text-white`},icon:F(Me),"icon-props":{width:`30px`,height:`30px`},onClick:ie},null,8,[`tooltip-props`,`icon`])):K(``,!0)])}}}),[[`__scopeId`,`data-v-e79311c0`]]);export{er as default};
+`,mt=[`nest:`,`ring:`,`yandex:`,`webtorrent:`];function ht(e){let t=e.trim(),n;for(let e of ce)t.startsWith(e)&&(!n||e.length>n.length)&&(n=e);return n}function gt(e){let t=e.trim();if(!t)return``;for(let e of mt)if(t.startsWith(e)){let n=t.slice(e.length);return n&&!n.startsWith(`?`)?`${e}?${n}`:t}return t}function _t(e){return e.startsWith(`cui://`)&&e.includes(`/api/cameras/streams/`)}var vt={class:`flex flex-col gap-6`},yt={class:`flex gap-2 items-center w-full`},bt={class:`flex gap-2 items-center w-full`},xt={class:`text-color text-sm`},St={class:`flex flex-col gap-6`},Ct=[`for`],wt=[`for`],Tt={class:`w-full flex flex-col gap-2`},Et={class:`flex items-center gap-4`},Dt={class:`flex flex-col field-switch-gap`},Ot=[`for`],kt={class:`flex items-center gap-4`},At={class:`flex flex-col field-switch-gap`},jt=[`for`],Mt={class:`flex items-center gap-4`},Nt={class:`flex flex-col field-switch-gap`},Pt=[`for`],Ft={class:`flex items-center gap-4`},It={class:`flex flex-col field-switch-gap`},Lt=[`for`],Rt={class:`flex flex-col gap-6`},zt={class:`flex flex-col field-gap`},Bt=[`for`],Vt={key:0,class:`w-full flex flex-row gap-2`},Ht=`rtsp://user:pass@192.168.1.50:554/stream`,Ut=I({__name:`CuiCameraSources`,props:{sources:{},isLoading:{type:Boolean},allowAddRemoveSources:{type:Boolean,default:!1}},setup(e,{expose:n}){let r=new _,i=e,c=l(),{t:u}=s(),{mutateAsync:f,isPending:p}=r.previewCameraQuery(),m=Object.assign({"../../markdowns/bubble.md":Be,"../../markdowns/cui.md":Ve,"../../markdowns/doorbird.md":He,"../../markdowns/dvrip.md":Ue,"../../markdowns/echo.md":We,"../../markdowns/exec.md":Ge,"../../markdowns/expr.md":Ke,"../../markdowns/ffmpeg.md":qe,"../../markdowns/gopro.md":Je,"../../markdowns/hass.md":Ye,"../../markdowns/homekit.md":Xe,"../../markdowns/http.md":Ze,"../../markdowns/isapi.md":Qe,"../../markdowns/ivideon.md":$e,"../../markdowns/kasa.md":et,"../../markdowns/nest.md":tt,"../../markdowns/onvif.md":nt,"../../markdowns/ring.md":rt,"../../markdowns/roborock.md":it,"../../markdowns/rtmp.md":at,"../../markdowns/rtsp.md":ot,"../../markdowns/tapo.md":st,"../../markdowns/tuya.md":ct,"../../markdowns/webrtc.md":lt,"../../markdowns/webtorrent.md":ut,"../../markdowns/wyze.md":dt,"../../markdowns/xiaomi.md":ft,"../../markdowns/yandex.md":pt}),h=M([`high-resolution`,`mid-resolution`,`low-resolution`,`snapshot`]),g=M(i.sources.map((e,t)=>t)),v=L(()=>i.isLoading||p.value);function y(e){return e.urls.some(_t)}function b(e){let t=ht(e);if(!t)return;let n=t.replace(/[:/]+$/,``);return m[`../../markdowns/${n}.md`]}function S(e){return!!b(e)}function te(e){i.sources[e].urls.push(``)}function ne(e,t){i.sources[e].urls.splice(t,1)}function O(e,t,n){i.sources[e].urls[t]=n}function k(e,t){e.role=t,t===`snapshot`&&(e.useForSnapshot=!1,e.hotMode=!1,e.preload=!1)}function I(){i.sources.push({_id:d(8),name:``,role:null,urls:[``],useForSnapshot:!1,hotMode:!0,preload:!0,muted:!1}),g.value=[i.sources.length]}function R(e){i.sources.splice(e,1)}function z(e){let t=b(e);t&&c.openTextDialog({data:{title:u(`components.dialog.title.information`),hideConfirmButton:!0,contentText:t,markdown:!0}})}async function B(e){let t=gt(e);if(t)try{let e=await f({cameraData:{url:t}});c.openImageDialog({data:{title:u(`components.dialog.title.preview`),src:`data:image/jpeg;base64,${e}`,hideConfirmButton:!0}})}catch{}}return n({newSource:I}),(n,r)=>{let i=_e,s=xe,c=a,l=me,u=t,d=he,f=be,p=ve,m=fe,_=we,b=ze,M=pe,I=ye,L=ue,H=de,W=o;return C(),j(`div`,vt,[U(H,{value:F(g),"onUpdate:value":r[0]||=e=>re(g)?g.value=e:null,multiple:``},{default:w(()=>[(C(!0),j(N,null,x(e.sources,(t,r)=>(C(),V(L,{key:t._id,value:r,class:E({"border-b-0":r===e.sources.length-1})},{default:w(()=>[U(l,{class:E({"px-0 pt-0":r===0,"px-0":r!==0,"pb-5":r===e.sources.length-1})},{default:w(()=>[D(`div`,yt,[D(`div`,bt,[D(`span`,xt,A(n.$t(`components.dialog.components.new_camera.source`)+`: `),1),U(i,{class:`text-color text-xs border-[1px] bg-primary-500/20 border-primary-500/30 py-2 px-3 rounded-full overflow-hidden`,label:t.name===``?n.$t(`components.dialog.components.new_camera.unknown`):t.name},null,8,[`label`])]),e.allowAddRemoveSources&&e.sources.length>1?(C(),V(c,{key:0,text:``,rounded:``,severity:`danger`,class:`cui-icon-md ml-auto mr-2`,loading:F(v),onClick:e=>R(r)},{icon:w(()=>[U(s,{width:`100%`,height:`100%`})]),_:1},8,[`loading`,`onClick`])):K(``,!0)])]),_:2},1032,[`class`]),U(I,{pt:{content:{class:{"px-0":!0,"pb-5":r===e.sources.length-1}}}},{default:w(()=>[D(`div`,St,[U(F(Y),{modelValue:t.name,"onUpdate:modelValue":e=>t.name=e,modelModifiers:{trim:!0},name:`sources[${r}].name`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:e,errors:t})=>[D(`label`,{for:`sources[${r}].name`,class:`cui-label`},A(n.$t(`components.form.label.source_name`)),9,Ct),U(d,null,{default:w(()=>[U(u,J({ref_for:!0},e,{invalid:t.length>0,loading:F(v),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].name`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),t.length?K(``,!0):(C(),V(f,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.source_name`)),1)]),_:1}))]),_:2},1032,[`modelValue`,`onUpdate:modelValue`,`name`]),U(F(Y),{"model-value":t.role,name:`sources[${r}].role`,as:`div`,class:`flex flex-col field-gap`},{default:w(({errors:i})=>[D(`label`,{for:`sources[${r}].role`,class:`cui-label`},A(n.$t(`components.form.label.source_role`)),9,wt),U(d,null,{default:w(()=>[U(p,{"model-value":t.role,options:F(h).filter(n=>!e.sources.some(e=>e.role===n&&e._id!==t._id)),invalid:i.length>0,loading:F(v),onValueChange:e=>k(t,e)},null,8,[`model-value`,`options`,`invalid`,`loading`,`onValueChange`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].role`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),i.length?K(``,!0):(C(),V(f,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.source_role`)),1)]),_:1}))]),_:2},1032,[`model-value`,`name`]),D(`div`,Tt,[t.role!==`snapshot`&&e.sources.length>1?(C(),V(F(Y),{key:0,"model-value":t.useForSnapshot,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].useForSnapshot`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:i,errors:a})=>[D(`div`,Et,[D(`div`,Dt,[D(`label`,{for:`sources[${r}].useForSnapshot`,class:`cui-label-switch`},A(n.$t(`components.form.label.use_for_snapshot`)),9,Ot),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.use_for_snapshot`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].useForSnapshot`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(m,J({"model-value":t.useForSnapshot},{ref_for:!0},i,{invalid:a.length>0,loading:F(v),disabled:e.sources.some(e=>(e.useForSnapshot||e.role===`snapshot`)&&e._id!==t._id),class:`ml-auto shrink-0`,onValueChange:e=>t.useForSnapshot=e}),null,16,[`model-value`,`invalid`,`loading`,`disabled`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`])):K(``,!0),t.role===`snapshot`?K(``,!0):(C(),V(F(Y),{key:1,"model-value":t.hotMode,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].hotMode`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:e,errors:i})=>[D(`div`,kt,[D(`div`,At,[D(`label`,{for:`sources[${r}].hotMode`,class:`cui-label-switch`},A(n.$t(`components.form.label.hot_mode`)),9,jt),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.hot_mode`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].hotMode`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(m,J({"model-value":t.hotMode},{ref_for:!0},e,{invalid:i.length>0,loading:F(v),class:`ml-auto shrink-0`,onValueChange:e=>t.hotMode=e}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`])),t.role===`snapshot`?K(``,!0):(C(),V(F(Y),{key:2,"model-value":t.preload,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].preload`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:e,errors:i})=>[D(`div`,Mt,[D(`div`,Nt,[D(`label`,{for:`sources[${r}].preload`,class:`cui-label-switch`},A(n.$t(`components.form.label.preload`)),9,Pt),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.preload`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].preload`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(m,J({"model-value":t.preload},{ref_for:!0},e,{invalid:i.length>0,loading:F(v),class:`ml-auto shrink-0`,onValueChange:e=>t.preload=e}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`])),t.role===`snapshot`?K(``,!0):(C(),V(F(Y),{key:3,"model-value":t.muted,value:!0,"unchecked-value":!1,type:`checkbox`,name:`sources[${r}].muted`,as:`div`,class:`flex flex-col field-gap cui-toggle-switch`},{default:w(({field:e,errors:i})=>[D(`div`,Ft,[D(`div`,It,[D(`label`,{for:`sources[${r}].muted`,class:`cui-label-switch`},A(n.$t(`components.form.label.muted`)),9,Lt),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-switch-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.muted`)),1)]),_:1}),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].muted`,class:`cui-input-switch-error`},null,8,[`name`])]),_:2},1024)]),U(m,J({"model-value":t.muted},{ref_for:!0},e,{invalid:i.length>0,loading:F(v),class:`ml-auto shrink-0`,onValueChange:e=>t.muted=e}),null,16,[`model-value`,`invalid`,`loading`,`onValueChange`])])]),_:2},1032,[`model-value`,`name`]))]),D(`div`,Rt,[D(`div`,zt,[D(`label`,{for:`sources[${r}].urls[]`,class:`cui-label`},A(n.$t(`components.form.label.sources`)),9,Bt),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(y(t)?n.$t(`views.devices.managed_source_hint`):n.$t(`components.form.hint.source_urls`)),1)]),_:2},1024)]),(C(!0),j(N,null,x(t.urls,(e,i)=>(C(),j(N,{key:i},[F(_t)(e)?(C(),j(`div`,Vt,[U(d,null,{default:w(()=>[U(u,{"model-value":e,readonly:``,loading:F(v),type:`text`},null,8,[`model-value`,`loading`])]),_:2},1024)])):(C(),V(F(Y),{key:1,"model-value":e,name:`sources[${r}].urls[${i}]`,as:`div`,class:`flex flex-col field-gap w-full`},{default:w(({errors:a})=>[U(d,null,{default:w(()=>[U(u,{"model-value":e,invalid:a.length>0,loading:F(v),type:`text`,placeholder:Ht,"onUpdate:modelValue":e=>O(r,i,e??``)},null,8,[`model-value`,`invalid`,`loading`,`onUpdate:modelValue`]),U(M,null,{default:w(()=>[T((C(),V(c,{text:``,rounded:``,severity:`secondary`,disabled:F(v)||!S(e),class:`border-right-color`,onClick:t=>z(e)},{icon:w(()=>[U(_,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])),[[W,{value:n.$t(`components.dialog.components.new_camera.protocol_info`)},void 0,{top:!0}]]),T((C(),V(c,{text:``,rounded:``,severity:`secondary`,disabled:F(v)||!F(ht)(e),class:`border-right-color`,onClick:t=>B(e)},{icon:w(()=>[U(b,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])),[[W,{value:n.$t(`components.dialog.components.new_camera.test_source`)},void 0,{top:!0}]]),t.urls.length>1?(C(),V(c,{key:0,text:``,rounded:``,severity:`danger`,disabled:F(v),onClick:ee(e=>ne(r,i),[`prevent`])},{icon:w(()=>[U(s,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`,`onClick`])):K(``,!0)]),_:2},1024)]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`sources[${r}].urls[${i}]`,class:`cui-input-error`},null,8,[`name`])]),_:2},1024),U(f,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(F(ht)(e)?n.$t(`components.form.hint.source_detected_protocol`,{protocol:F(ht)(e)}):n.$t(`components.form.hint.source_url`)),1)]),_:2},1024)]),_:2},1032,[`model-value`,`name`]))],64))),128)),y(t)?K(``,!0):(C(),V(c,{key:0,loading:F(v),label:n.$t(`components.form.button.add_source`),class:`ml-auto cui-button-medium`,onClick:e=>te(r)},null,8,[`loading`,`label`,`onClick`]))])])]),_:2},1032,[`pt`])]),_:2},1032,[`value`,`class`]))),128))]),_:1},8,[`value`])])}}}),Wt={class:`flex flex-col gap-6`},Gt={for:`name`,class:`cui-label`},Kt={class:`flex flex-col field-gap`},qt={for:`type`,class:`cui-label`},Jt={class:`flex flex-col field-gap`},Yt={for:`room`,class:`cui-label`},Xt={class:`flex gap-2`},Zt={class:`text-color font-normal`},Qt={class:`flex flex-col gap-6`},$t={for:`info.manufacturer`,class:`cui-label`},en={for:`info.model`,class:`cui-label`},tn={for:`info.hardware`,class:`cui-label`},nn={for:`info.serialNumber`,class:`cui-label`},rn={for:`info.firmwareVersion`,class:`cui-label`},an={for:`info.supportUrl`,class:`cui-label`},on=I({__name:`CuiCameraDetailsFields`,props:{form:{},isLoading:{type:Boolean}},setup(e){let n=new _,r=e,i=l(),{t:c}=s(),{data:u,isBusy:d}=n.getRoomsQuery(),f=M([`camera`,`doorbell`]),p=M([]),m=L(()=>{let e=u.value??[`Default`],t=new Set(e.map(e=>e.toLowerCase()));return[...e,...p.value.filter(e=>!t.has(e.toLowerCase()))].map(e=>({label:e===`Default`?c(`components.form.label.room_default`):e,value:e}))});function h(){i.openComponentDialog(Oe,{data:{title:c(`components.dialog.title.create_room`),confirmText:c(`components.form.button.add`),contentProps:{}},onConfirm:e=>{if(!e)return;let t=m.value.find(t=>t.value.toLowerCase()===e.toLowerCase()),n=t?.value??e;t||p.value.push(n),r.form.room=n}})}return(n,r)=>{let i=t,s=he,c=be,l=ve,u=De,p=a,g=me,_=ye,v=ue,y=de,b=o;return C(),j(`div`,Wt,[U(F(Y),{modelValue:e.form.name,"onUpdate:modelValue":r[0]||=t=>e.form.name=t,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:t,errors:r})=>[D(`label`,Gt,A(n.$t(`components.form.label.name`)),1),U(s,null,{default:w(()=>[U(i,J(t,{invalid:r.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`name`,class:`cui-input-error`})]),_:1}),r.length?K(``,!0):(C(),V(c,{key:0,severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.camera_name`)),1)]),_:1}))]),_:1},8,[`modelValue`]),D(`div`,Kt,[D(`label`,qt,A(n.$t(`components.form.label.type`)),1),U(s,null,{default:w(()=>[U(l,{"model-value":e.form.type,options:F(f),loading:e.isLoading,type:`text`,onValueChange:r[1]||=t=>e.form.type=t},null,8,[`model-value`,`options`,`loading`])]),_:1})]),D(`div`,Jt,[D(`label`,Yt,A(n.$t(`components.form.label.room`)),1),D(`div`,Xt,[U(l,{"model-value":e.form.room,options:F(m),"option-label":`label`,"option-value":`value`,loading:F(d),class:`w-full`,"onUpdate:modelValue":r[2]||=t=>e.form.room=t},null,8,[`model-value`,`options`,`loading`]),T((C(),V(p,{severity:`secondary`,outlined:``,class:`shrink-0 h-[42px] w-[42px] p-0`,onClick:h},{icon:w(()=>[U(u,{class:`w-4 h-4`})]),_:1})),[[b,n.$t(`components.form.button.create_room`),void 0,{top:!0}]])]),U(c,{severity:`secondary`,variant:`simple`,size:`small`,class:`cui-input-hint`},{default:w(()=>[P(A(n.$t(`components.form.hint.room`)),1)]),_:1})]),te(n.$slots,`default`),U(y,null,{default:w(()=>[U(v,{value:`branding`},{default:w(()=>[U(g,{class:`px-0 pt-0`},{default:w(()=>[D(`span`,Zt,A(n.$t(`components.camera_options.branding`)),1)]),_:1}),U(_,{pt:{content:{class:`px-0`}}},{default:w(()=>[D(`div`,Qt,[U(F(Y),{modelValue:e.form.info.manufacturer,"onUpdate:modelValue":r[3]||=t=>e.form.info.manufacturer=t,modelModifiers:{trim:!0},name:`info.manufacturer`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:t,errors:r})=>[D(`label`,$t,A(n.$t(`components.form.label.manufacturer`)),1),U(s,null,{default:w(()=>[U(i,J(t,{invalid:r.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.manufacturer`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:e.form.info.model,"onUpdate:modelValue":r[4]||=t=>e.form.info.model=t,modelModifiers:{trim:!0},name:`info.model`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:t,errors:r})=>[D(`label`,en,A(n.$t(`components.form.label.model`)),1),U(s,null,{default:w(()=>[U(i,J(t,{invalid:r.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.model`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:e.form.info.hardware,"onUpdate:modelValue":r[5]||=t=>e.form.info.hardware=t,modelModifiers:{trim:!0},name:`info.hardware`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:t,errors:r})=>[D(`label`,tn,A(n.$t(`components.form.label.hardware_version`)),1),U(s,null,{default:w(()=>[U(i,J(t,{invalid:r.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.hardware`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:e.form.info.serialNumber,"onUpdate:modelValue":r[6]||=t=>e.form.info.serialNumber=t,modelModifiers:{trim:!0},name:`info.serialNumber`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:t,errors:r})=>[D(`label`,nn,A(n.$t(`components.form.label.serial_number`)),1),U(s,null,{default:w(()=>[U(i,J(t,{invalid:r.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.serialNumber`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:e.form.info.firmwareVersion,"onUpdate:modelValue":r[7]||=t=>e.form.info.firmwareVersion=t,modelModifiers:{trim:!0},name:`info.firmwareVersion`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:t,errors:r})=>[D(`label`,rn,A(n.$t(`components.form.label.firmware_version`)),1),U(s,null,{default:w(()=>[U(i,J(t,{invalid:r.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.firmwareVersion`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),U(F(Y),{modelValue:e.form.info.supportUrl,"onUpdate:modelValue":r[8]||=t=>e.form.info.supportUrl=t,modelModifiers:{trim:!0},name:`info.supportUrl`,as:`div`,class:`flex flex-col field-gap`},{default:w(({field:t,errors:r})=>[D(`label`,an,A(n.$t(`components.form.label.support_url`)),1),U(s,null,{default:w(()=>[U(i,J(t,{invalid:r.length>0,loading:e.isLoading,type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),U(G,{name:`fade`},{default:w(()=>[U(F(q),{name:`info.supportUrl`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`])])]),_:1})]),_:1})]),_:1})])}}}),sn={disabled:!1,name:``,type:`camera`,room:`Default`,info:{manufacturer:``,model:``,hardware:``,serialNumber:``,firmwareVersion:``,supportUrl:``},sources:[{_id:d(8),name:``,role:`high-resolution`,urls:[``],useForSnapshot:!1,hotMode:!0,preload:!0,muted:!1}],interfaceSettings:{streamingMode:`webrtc`,streamingSource:`high-resolution`,playbackSource:`auto`,activityMode:`always-on`,aspectRatio:`16:9`},plugins:[],assignments:{}},cn={class:`card-title`},ln={class:`card-title`},un={class:`w-full flex items-center justify-center mt-4`},dn=I({__name:`AddCamera`,props:{camera:{default:()=>sn}},setup(e,{expose:t}){let r=new _,i=e,o=h(),{t:c}=s(),{mutateAsync:l,isPending:u}=r.createCameraQuery(),{camera:d}=B(i),f=S(`formRef`),m=S(`sourcesRef`),g=M(p(d.value)),v=L(()=>u.value);async function y(){if(!(await f.value?.validate())?.valid)return o.add({severity:`error`,detail:c(`components.toast.validation_failed`),life:3e3}),null;let e=p(g.value),t={...le(),...e,sources:e.sources.map(e=>({...e,muted:e.muted??!1,urls:e.urls.map(gt).filter(Boolean)}))};await l({cameraData:t})}return t({isLoading:v,onSave:y,onConfirm:y}),(e,t)=>{let r=on,i=n,o=Ut,s=Te,c=a;return C(),j(`div`,null,[U(F(O),{ref_key:`formRef`,ref:f,class:`flex flex-col w-full gap-6`,"validation-schema":F(ke)},{default:w(()=>[D(`div`,null,[D(`span`,cn,A(e.$t(`components.dialog.components.new_camera.camera`)),1),U(i,{class:`cui-card`},{content:w(()=>[U(r,{form:F(g),"is-loading":F(v)},null,8,[`form`,`is-loading`])]),_:1})]),D(`div`,null,[D(`span`,ln,A(e.$t(`components.form.label.sources`)),1),U(i,{class:`cui-card border-color-inner`,pt:{body:{class:`pb-0`}}},{content:w(()=>[U(o,{ref_key:`sourcesRef`,ref:m,sources:F(g).sources,"is-loading":F(v),"allow-add-remove-sources":!0},null,8,[`sources`,`is-loading`])]),_:1}),D(`div`,un,[U(c,{text:``,rounded:``,loading:F(v),class:`cui-icon-2xl`,onClick:t[0]||=e=>F(m)?.newSource()},{icon:w(()=>[U(s,{width:`100%`,height:`100%`})]),_:1},8,[`loading`])])])]),_:1},8,[`validation-schema`])])}}}),fn={class:`card-title`},pn={key:0,class:`flex flex-col gap-6`},mn={class:`cui-label`},hn={class:`card-title`},gn=I({__name:`ConfirmCamera`,props:{draft:{},onConfirm:{type:Function}},setup(e,{expose:r}){let i=oe({name:se().trim().min(1)}).passthrough(),a=e,o=h(),{t:c}=s(),l=S(`formRef`),u=M(p(a.draft)),d=M({name:u.value.name,type:u.value.type,room:u.value.room,info:u.value.info,sources:u.value.sources.map(e=>({...e,urls:[...e.urls]}))}),f=M(!1),m=L(()=>{let e=[];return u.value.pluginInfo?.name&&e.push({label:c(`views.devices.plugin`),value:u.value.pluginInfo.name}),u.value.nativeId&&e.push({label:c(`views.devices.native_id`),value:u.value.nativeId}),e}),g=L(()=>f.value);async function _(){if(!(await l.value?.validate())?.valid)return o.add({severity:`error`,detail:c(`components.toast.validation_failed`),life:3e3}),null;f.value=!0;try{let e={...u.value,name:d.value.name,type:d.value.type,room:d.value.room,info:d.value.info,sources:d.value.sources.map(e=>({...e,urls:e.urls.map(gt).filter(Boolean)}))};await a.onConfirm(e)}catch(e){return o.add({severity:`error`,summary:c(`views.devices.confirm_title`),detail:e,life:3e3}),null}finally{f.value=!1}}return r({isLoading:g,onConfirm:_}),(e,r)=>{let a=t,o=he,s=on,c=n,u=Ut;return C(),j(`div`,null,[U(F(O),{ref_key:`formRef`,ref:l,class:`flex flex-col w-full gap-6`,"validation-schema":F(i)},{default:w(()=>[D(`div`,null,[D(`span`,fn,A(e.$t(`components.dialog.components.new_camera.camera`)),1),U(c,{class:`cui-card`},{content:w(()=>[U(s,{form:F(d),"is-loading":F(g)},{default:w(()=>[F(m).length?(C(),j(`div`,pn,[(C(!0),j(N,null,x(F(m),e=>(C(),j(`div`,{key:e.label,class:`flex flex-col field-gap`},[D(`label`,mn,A(e.label),1),U(o,null,{default:w(()=>[U(a,{"model-value":e.value,readonly:``,type:`text`},null,8,[`model-value`])]),_:2},1024)]))),128))])):K(``,!0)]),_:1},8,[`form`,`is-loading`])]),_:1})]),D(`div`,null,[D(`span`,hn,A(e.$t(`components.form.label.sources`)),1),U(c,{class:`cui-card border-color-inner`,pt:{body:{class:`pb-0`}}},{content:w(()=>[U(u,{sources:F(d).sources,"is-loading":F(g),"allow-add-remove-sources":!0},null,8,[`sources`,`is-loading`])]),_:1})])]),_:1},8,[`validation-schema`])])}}}),_n={class:`flex flex-col gap-6`},vn={key:0,class:`flex flex-col field-gap`},yn={class:`cui-label`},bn={key:1,class:`text-center py-4`},xn={class:`text-muted`},Sn=I({__name:`ConnectionSchema`,props:{camera:{},schema:{},onConnect:{type:Function}},setup(e,{expose:n}){let r=e,i=X(),a=h(),{t:o}=s(),c=k(`dialogRefProps`),{schema:l}=B(r),u=S(`schemaFormRef`),d=M(!1),f=L(()=>({schema:l.value,config:{}})),p=L(()=>!!(c.loading?.value||d.value));async function m(){d.value=!0;try{let e={};if(l.value.length>0){let t=await u.value?.validate();if(!t?.valid)return i.error(`Validation failed`,t),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;e=t.values??{}}await r.onConnect(e)}catch(e){return a.add({severity:`error`,summary:o(`views.devices.connect`),detail:e,life:3e3}),null}finally{d.value=!1}}return n({isLoading:p,onConfirm:m}),(n,r)=>{let i=t,a=Ee;return C(),j(`div`,_n,[e.camera.address?(C(),j(`div`,vn,[D(`label`,yn,A(n.$t(`views.devices.address`)),1),U(i,{"model-value":e.camera.address,readonly:``},null,8,[`model-value`])])):K(``,!0),F(l).length===0?(C(),j(`div`,bn,[D(`p`,xn,A(n.$t(`views.devices.no_settings_required`)),1)])):(C(),V(a,{key:2,ref_key:`schemaFormRef`,ref:u,"schema-form":F(f),loading:F(p)},null,8,[`schema-form`,`loading`]))])}}}),Cn=5e3,Z=H({isLoading:!0,devices:[],isScanning:!1,hiddenDevices:[],showHidden:!1,error:null}),wn=null,Q=null,$=!1,Tn=0,En=null;function Dn(){Z.isLoading=!0,Z.devices=[],Z.isScanning=!1,Z.hiddenDevices=[],Z.showHidden=!1,Z.error=null}function On(){return Q||(wn=b(!0),wn.run(()=>{let e=f(`/cameras`);Q=e,e.onReady(()=>{kn()}),W(e.connected,(e,t)=>{!e&&t&&($=!1)}),e.on(`cameras:discovered`,e=>{for(let t of e.devices){let e=Z.devices.findIndex(e=>e.id===t.id);e>=0?Z.devices[e]=t:Z.devices.push(t)}}),e.on(`cameras:scanning`,e=>{Z.isScanning=e.isScanning}),e.on(`cameras:connection-status`,e=>{let t=Z.devices.find(t=>t.discoveredId===e.discoveredId);t&&(e.status===`connecting`?t.status=`adopting`:e.status===`error`?(t.status=`error`,t.errorMessage=e.errorMessage):e.status===`connected`&&(Z.devices=Z.devices.filter(t=>t.discoveredId!==e.discoveredId)))}),e.on(`cameras:camera-connected`,e=>{Z.devices=Z.devices.filter(t=>t.discoveredId!==e.discoveredId)}),e.on(`cameras:deleted`,e=>{Z.devices=Z.devices.filter(t=>t.cameraId!==e.cameraId)})}),Q)}async function kn(){if(!Q||$)return{success:$,devices:Z.devices,isScanning:Z.isScanning,hiddenDevices:Z.hiddenDevices};try{let e=await Q.request(`cameras:subscribe`,{});return $=e.success,e.devices&&(Z.devices=e.devices),e.isScanning!==void 0&&(Z.isScanning=e.isScanning),e.hiddenDevices&&(Z.hiddenDevices=e.hiddenDevices),Z.isLoading=!1,e}catch(e){return Z.isLoading=!1,Z.error=e instanceof Error?e.message:`subscribe failed`,{success:!1}}}async function An(){if(!Q||!$)return{success:!0};try{let e=await Q.request(`cameras:unsubscribe`,{});return $=!e.success,e}catch{return{success:!1}}}function jn(){$&&An(),wn?.stop(),wn=null,Q=null,$=!1,Dn()}function Mn(){En&&=(clearTimeout(En),null),Tn++;function e(){On(),Q?.connected.value&&!$&&kn()}function t(){$&&An()}async function n(){if(!Q?.ready.value)return{success:!1,error:`Not connected`};Z.devices=[],Z.isScanning=!0;try{let e=await Q.request(`cameras:rescan`,{});return e.success||(Z.isScanning=!1),e}catch(e){return Z.isScanning=!1,{success:!1,error:e instanceof Error?e.message:`rescan failed`}}}async function i(e){if(!Q?.ready.value)return{success:!1,error:`Not connected`};try{return await Q.request(`cameras:get-schema`,{discoveredId:e})}catch(e){return{success:!1,error:e instanceof Error?e.message:`get-schema failed`}}}async function a(e,t){if(!Q?.ready.value)return{success:!1,error:`Not connected`};try{return await Q.request(`cameras:connect`,{discoveredId:e,credentials:t})}catch(e){return{success:!1,error:e instanceof Error?e.message:`connect failed`}}}async function o(e,t){if(!Q?.ready.value)throw Error(`Not connected`);let n=await Q.request(`cameras:prepare`,{discoveredId:e,credentials:t});if(!n.success||!n.draft)throw Error(n.error??`prepare failed`);return n.draft}async function s(e,t){if(!Q?.ready.value)throw Error(`Not connected`);let n=await Q.request(`cameras:confirm`,{draft:e,discoveredId:t});if(!n.success||!n.cameraId||!n.cameraName)throw Error(n.error??`confirm failed`);return{cameraId:n.cameraId,cameraName:n.cameraName}}async function c(e){if(!Q?.ready.value)return{success:!1,error:`Not connected`};let t={id:e.discoveredId,name:e.name,model:e.model};try{let e=await Q.request(`cameras:hide-device`,{device:t});return e.success&&e.hiddenDevices&&(Z.hiddenDevices=e.hiddenDevices),e}catch(e){return{success:!1,error:e instanceof Error?e.message:`hide-device failed`}}}async function l(e){if(!Q?.ready.value)return{success:!1,error:`Not connected`};try{let t=await Q.request(`cameras:unhide-device`,{deviceId:e});return t.success&&t.hiddenDevices&&(Z.hiddenDevices=t.hiddenDevices),t}catch(e){return{success:!1,error:e instanceof Error?e.message:`unhide-device failed`}}}function u(){Z.showHidden=!Z.showHidden}function d(e){return e.type!==`discovered`||!e.discoveredId?!1:Z.hiddenDevices.some(t=>t.id===e.discoveredId)}let f=L(()=>{let e=new Set(Z.hiddenDevices.map(e=>e.id)),t=(e,t)=>e.name.localeCompare(t.name),n=Z.devices.filter(e=>e.type===`camera`).sort(t),r=Z.devices.filter(t=>t.type===`discovered`&&!e.has(t.discoveredId)).sort(t),i=Z.showHidden?Z.devices.filter(t=>t.type===`discovered`&&e.has(t.discoveredId)).sort(t):[];return[...n,...r,...i]});return r(()=>{Tn--,!(Tn>0)&&(Tn=0,En=setTimeout(()=>{Tn<=0&&(jn(),En=null)},Cn))}),{state:ie(Z),isConnected:L(()=>Q?.connected.value??!1),isLoading:L(()=>Z.isLoading),devices:L(()=>Z.devices),isScanning:L(()=>Z.isScanning),hiddenDevices:L(()=>Z.hiddenDevices),showHidden:L(()=>Z.showHidden),error:L(()=>Z.error),sortedDevices:f,connect:e,disconnect:t,subscribe:kn,unsubscribe:An,forceRescan:n,getConnectionSchema:i,connectDevice:a,prepareDevice:o,confirmDevice:s,hideDevice:c,unhideDevice:l,toggleShowHidden:u,isHidden:d}}var Nn={class:`flex flex-col`},Pn={key:0,class:`page-title`},Fn={key:1,class:`flex min-h-0 flex-col`},In={key:0,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},Ln={key:1,class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4 py-16`},Rn={class:`w-16 h-16 rounded-full bg-primary-500/10 flex items-center justify-center`},zn={class:`flex flex-col items-center gap-1 max-w-[400px] text-center`},Bn={class:`text-color font-semibold text-base`},Vn={class:`text-muted text-sm`},Hn={key:2,class:`flex min-h-0 flex-col`},Un={class:`card-title`},Wn={class:`flex items-center justify-center`},Gn={class:`font-bold text-color truncate`},Kn={class:`text-xs text-muted truncate`},qn={key:0,class:`text-xs text-red-500 truncate`},Jn={class:`card-title`},Yn={key:0,class:`flex flex-col gap-6`},Xn={class:`flex items-center justify-center`},Zn={class:`flex items-center justify-center`},Qn={key:1,class:`flex flex-col items-center justify-center py-6 gap-2`},$n={class:`text-muted text-sm`},er={class:`flex flex-wrap items-center gap-2 mt-4`},tr=g(I({__name:`Cameras`,setup(t){let{t:r}=s(),d=h(),f=l(),p=u(),{smBreakpoint:g}=v(),_=Mn(),b={bodyRow:{class:`text-sm text-secondary`},column:{columnTitle:{class:`text-sm`}},datatable:{class:`z-0`}},ee=L(()=>m(void 0,`admin`)),x=L(()=>_.sortedDevices.value),S=L(()=>x.value.filter(e=>e.type===`camera`)),te=L(()=>x.value.filter(e=>e.type===`discovered`)),O=L(()=>_.isLoading.value),k=L(()=>_.isScanning.value),M=L(()=>_.hiddenDevices.value),P=L(()=>_.showHidden.value),I=L(()=>M.value.length);function R(e){switch(e){case`added`:return`green`;case`discovered`:return`orange`;case`adopting`:return`orange`;case`error`:return`red`;default:return`gray`}}function B(e){switch(e){case`added`:return r(`views.devices.status_added`);case`discovered`:return r(`views.devices.status_discovered`);case`adopting`:return r(`views.devices.status_adopting`);case`error`:return r(`views.devices.status_error`);default:return r(`views.devices.status_unknown`)}}function H(e){return _.isHidden(e)}async function W(e){if(!H(e)){if(e.type===`camera`){p.open({cameraName:e.name});return}if(e.type===`discovered`&&e.discoveredId){if(e.status===`adopting`)return;try{let t=await _.getConnectionSchema(e.discoveredId);if(!t.success){d.add({severity:`error`,summary:r(`views.devices.connect`),detail:t.error,life:3e3});return}f.openComponentDialog(Sn,{data:{title:`${r(`views.devices.connect`)}: ${e.name}`,confirmText:r(`views.devices.connect`),contentProps:{camera:{id:e.discoveredId,name:e.name,model:e.model,address:e.address,provider:e.provider,connectionStatus:`idle`},schema:t.schema??[],onConnect:async t=>{G(await _.prepareDevice(e.discoveredId,t),e.discoveredId)}}}})}catch(e){d.add({severity:`error`,summary:r(`views.devices.connect`),detail:e,life:3e3})}}}}function G(e,t){f.openComponentDialog(gn,{data:{title:r(`views.devices.confirm_title`),confirmText:r(`views.devices.confirm`),fullscreen:!0,contentProps:{draft:e,onConfirm:async e=>{await _.confirmDevice(e,t),d.add({severity:`success`,summary:r(`views.devices.connect`),detail:r(`components.toast.camera_added`),life:3e3})}}}})}async function re(){try{let e=await _.forceRescan();e.success?d.add({severity:`success`,summary:r(`views.devices.rescan`),detail:r(`views.devices.rescan_success`),life:3e3}):d.add({severity:`error`,summary:r(`views.devices.rescan`),detail:e.error,life:3e3})}catch(e){d.add({severity:`error`,summary:r(`views.devices.rescan`),detail:e,life:3e3})}}function ie(){f.openComponentDialog(dn,{data:{title:r(`components.dialog.components.new_camera.add_camera`),fullscreen:!0,contentProps:{}}})}async function q(e,t){e.stopPropagation();try{let e=await _.hideDevice(t);e.success?d.add({severity:`success`,summary:r(`views.devices.hide`),detail:r(`views.devices.device_hidden`),life:3e3}):d.add({severity:`error`,summary:r(`views.devices.hide`),detail:e.error,life:3e3})}catch(e){d.add({severity:`error`,summary:r(`views.devices.hide`),detail:e,life:3e3})}}async function J(e,t){e.stopPropagation();try{let e=await _.unhideDevice(t.discoveredId);e.success?d.add({severity:`success`,summary:r(`views.devices.unhide`),detail:r(`views.devices.device_unhidden`),life:3e3}):d.add({severity:`error`,summary:r(`views.devices.unhide`),detail:e.error,life:3e3})}catch(e){d.add({severity:`error`,summary:r(`views.devices.unhide`),detail:e,life:3e3})}}function Y(){_.toggleShowHidden()}function X(e){return H(e)?`opacity-50 cursor-not-allowed`:``}return z(()=>{ee.value&&_.connect()}),ne(()=>{ee.value&&_.unsubscribe()}),(t,r)=>{let s=Me,l=n,u=i,d=c,f=a,p=e,h=ge,_=_e,v=Ae,ne=je,M=Ie,L=y,z=o;return C(),j(`div`,Nn,[F(g)?K(``,!0):(C(),j(`h1`,Pn,A(t.$t(`views.${String(t.$route.name).toLowerCase()}.title`)),1)),F(ee)?(C(),j(N,{key:2},[F(O)?(C(),j(`div`,In,[U(u,{"stroke-width":`5`,class:`w-[30px] h-[30px]`})])):K(``,!0),!F(O)&&!F(x).length?(C(),j(`div`,Ln,[D(`div`,Rn,[U(d,{class:`w-8 h-8 text-primary-500`})]),D(`div`,zn,[D(`span`,Bn,A(F(k)?t.$t(`views.devices.scanning`):t.$t(`views.devices.no_devices`)),1),D(`span`,Vn,A(F(k)?t.$t(`views.devices.scanning_hint`):t.$t(`views.devices.no_devices_hint`)),1)]),U(f,{class:`cui-button-medium mt-2`,severity:`secondary`,label:t.$t(`views.devices.rescan`),loading:F(k),onClick:re},null,8,[`label`,`loading`])])):K(``,!0),!F(O)&&F(S).length?(C(),j(`div`,Hn,[D(`span`,Un,A(t.$t(`views.devices.status_adopted_cameras`)),1),U(l,{class:`cui-card`},{content:w(()=>[U(v,{value:F(S),"striped-rows":``,pt:b,class:`w-full`,onRowClick:r[0]||=e=>W(e.data)},{default:w(()=>[U(h,{header:``,"header-class":`p-2 pl-4 w-5 max-w-5`,class:`p-2 pl-4 w-5 max-w-5`},{body:w(({data:e})=>[D(`div`,Wn,[T(U(p,{style:ae({background:R(e.status)})},null,8,[`style`]),[[z,{value:B(e.status)}]])])]),_:1}),U(h,{field:`name`,header:t.$t(`views.devices.name`),"header-class":`p-2`,class:`p-2 w-full min-w-[200px] max-w-0`},{body:w(({data:e})=>[D(`div`,Gn,A(e.name),1),D(`div`,Kn,A(e.manufacturer||t.$t(`views.devices.unknown`))+` · `+A(e.model||t.$t(`views.devices.unknown`)),1),e.errorMessage?(C(),j(`div`,qn,A(e.errorMessage),1)):K(``,!0)]),_:1},8,[`header`]),U(h,{field:`room`,header:t.$t(`components.form.label.room`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:w(({data:e})=>[e.room?(C(),V(_,{key:0,label:e.room===`Default`?t.$t(`components.form.label.room_default`):e.room,class:`text-xs whitespace-nowrap`},null,8,[`label`])):K(``,!0)]),_:1},8,[`header`]),U(h,{field:`provider`,header:t.$t(`views.devices.provider`),"header-class":`p-2 pr-4 whitespace-nowrap`,class:`p-2 pr-4 whitespace-nowrap`},{body:w(({data:e})=>[U(_,{label:e.provider,class:`text-xs whitespace-nowrap`},null,8,[`label`])]),_:1},8,[`header`])]),_:1},8,[`value`])]),_:1})])):K(``,!0),!F(O)&&F(x).length?(C(),j(`div`,{key:3,class:E([`flex min-h-0 flex-col`,{"mt-6":F(S).length}])},[D(`span`,Jn,A(t.$t(`views.devices.status_discovered`)),1),U(l,{class:`cui-card`},{content:w(()=>[F(te).length?(C(),j(`div`,Yn,[U(v,{value:F(te),"striped-rows":``,pt:b,class:`w-full`,onRowClick:r[1]||=e=>W(e.data)},{default:w(()=>[U(h,{header:``,"header-class":`p-2 pl-4 w-5 max-w-5`,class:`p-2 pl-4 w-5 max-w-5`},{body:w(({data:e})=>[D(`div`,Xn,[T(U(p,{style:ae({background:R(e.status)})},null,8,[`style`]),[[z,{value:B(e.status)}]])])]),_:1}),U(h,{field:`name`,header:t.$t(`views.devices.name`),"header-class":`p-2`,class:`p-2 w-full min-w-[200px] max-w-0`},{body:w(({data:e})=>[D(`div`,{class:E([`font-bold text-color truncate`,X(e)])},A(e.name),3),D(`div`,{class:E([`text-xs text-muted truncate`,X(e)])},A(e.manufacturer||t.$t(`views.devices.unknown`))+` · `+A(e.model||t.$t(`views.devices.unknown`)),3)]),_:1},8,[`header`]),U(h,{field:`address`,header:t.$t(`views.devices.address`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:w(({data:e})=>[e.address?(C(),j(`span`,{key:0,class:E([`text-xs text-muted whitespace-nowrap`,X(e)])},A(e.address),3)):K(``,!0)]),_:1},8,[`header`]),U(h,{field:`provider`,header:t.$t(`views.devices.provider`),"header-class":`p-2 whitespace-nowrap`,class:`p-2 whitespace-nowrap`},{body:w(({data:e})=>[U(_,{label:e.provider,class:E([`text-xs whitespace-nowrap`,X(e)])},null,8,[`label`,`class`])]),_:1},8,[`header`]),U(h,{header:``,"header-class":`p-2 pr-4 w-12`,class:`p-2 pr-4 w-12`},{body:w(({data:e})=>[D(`div`,Zn,[H(e)?T((C(),V(f,{key:1,text:``,rounded:``,class:`cui-icon-md`,onClick:t=>J(t,e)},{icon:w(()=>[U(F(Se),{width:`100%`,height:`100%`,class:`text-muted`})]),_:1},8,[`onClick`])),[[z,{value:t.$t(`views.devices.unhide`)},void 0,{left:!0}]]):T((C(),V(f,{key:0,severity:`secondary`,text:``,rounded:``,class:`cui-icon-md`,onClick:t=>q(t,e)},{icon:w(()=>[U(F(Ce),{width:`100%`,height:`100%`,class:`text-muted`})]),_:1},8,[`onClick`])),[[z,{value:t.$t(`views.devices.hide`)},void 0,{left:!0}]])])]),_:1})]),_:1},8,[`value`])])):(C(),j(`div`,Qn,[F(k)?(C(),V(ne,{key:0,width:`24px`,height:`24px`,class:`text-muted`})):(C(),V(M,{key:1,width:`32px`,height:`32px`,class:`text-muted`})),D(`span`,$n,A(F(k)?t.$t(`views.devices.scanning`):t.$t(`views.devices.no_discovered`)),1)])),D(`div`,er,[r[2]||=D(`div`,{class:`ml-auto`},null,-1),F(I)>0?(C(),V(f,{key:0,severity:`secondary`,class:`cui-button-medium`,label:F(P)?t.$t(`views.devices.hide_hidden`):`${t.$t(`views.devices.show_hidden`)} (${F(I)})`,onClick:Y},null,8,[`label`])):K(``,!0),U(f,{severity:`secondary`,class:`cui-button-medium`,label:t.$t(`views.devices.rescan`),loading:F(k),onClick:re},null,8,[`label`,`loading`])])]),_:1})],2)):K(``,!0)],64)):(C(),j(`div`,Fn,[U(l,{class:`cui-card`},{content:w(()=>[U(s)]),_:1})])),(`hasPermission`in t?t.hasPermission:F(m))(void 0,`admin`)?(C(),V(L,{key:3,"tooltip-props":{value:t.$t(`views.cameras.add_camera`)},"button-props":{class:`text-white`},icon:F(Ne),"icon-props":{width:`30px`,height:`30px`},onClick:ie},null,8,[`tooltip-props`,`icon`])):K(``,!0)])}}}),[[`__scopeId`,`data-v-e79311c0`]]);export{tr as default};

package/dist/interface/assets/Camview-Bvy39jSt.js

@@ -0,0 +1 @@
+import{F as e,Pt as t,Rt as n,Wt as r,bt as i,d as a,ei as o,g as s,y as c,zr as l}from"./vendor-cameraui-4iwjOYwz.js";import{C as u,Cn as d,Fn as f,Qt as p,Sn as m,Zt as h,an as ee,ct as g,fn as te,g as ne,hn as re,k as _,kn as v,nn as y,o as ie,qt as ae,rn as oe,sr as b,tn as x,ur as S,vn as C,vt as w,wn as T,xn as E}from"./api-C_bOaXk2.js";import{$t as se,Fn as D,Gn as O,Mn as ce,Nn as k,On as A,Sn as le,Tn as ue,Xn as j,Zn as M,Zt as de,_r as N,an as P,b as fe,bn as pe,br as F,cn as I,cr as L,dr as me,en as he,fr as ge,gr as R,hn as z,in as B,ir as V,jn as _e,mr as H,on as U,or as ve,pn as W,qn as ye,qt as be,sn as G,v as xe,wn as Se,y as Ce,yr as K,zn as we}from"./vendor-BaiDFVEr.js";import{a as Te}from"./intercomService-BpTOoSQi.js";import{p as Ee}from"./vendor-core-gJradu21.js";import{K as De,R as Oe,U as ke,o as Ae,x as je}from"./vendor-primevue-DMAuiM9b.js";import{a as q,i as J,n as Y,r as X,t as Z}from"./vendor-dnd-ChrDrMuz.js";import{t as Me}from"./close-BNAWPz0y.js";import{n as Ne,t as Pe}from"./microphone-C0weJY9W.js";import{t as Fe}from"./plus-DHwFyXkb.js";import{t as Ie}from"./delete-BF6keuqy.js";import{t as Le}from"./CuiCameraPipCard-CnWs2fAC.js";import{n as Re,t as ze}from"./CuiTopNavbarItem-Dq3Esl1S.js";import{t as Be}from"./vendor-gridstack-qw2ro2uB.js";var Ve={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function He(e,t){return k(),I(`svg`,Ve,[...t[0]||=[P(`path`,{fill:`currentColor`,d:`m9.5 13.09l1.41 1.41l-4.5 4.5H10v2H3v-7h2v3.59zm1.41-3.59L9.5 10.91L5 6.41V10H3V3h7v2H6.41zm3.59 3.59l4.5 4.5V14h2v7h-7v-2h3.59l-4.5-4.5zM13.09 9.5l4.5-4.5H14V3h7v7h-2V6.41l-4.5 4.5z`},null,-1)]])}var Ue=V({name:`mdi-arrow-expand-all`,render:He}),We={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ge(e,t){return k(),I(`svg`,We,[...t[0]||=[P(`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 Ke=V({name:`mdi-auto-fix`,render:Ge}),qe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Je(e,t){return k(),I(`svg`,qe,[...t[0]||=[P(`path`,{fill:`currentColor`,"fill-rule":`evenodd`,d:`M9 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-2zm2 10a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2zM9 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-2z`,"clip-rule":`evenodd`},null,-1)]])}var Ye=V({name:`mingcute-grid2-fill`,render:Je}),Xe={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ze(e,t){return k(),I(`svg`,Xe,[...t[0]||=[P(`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 Qe=V({name:`mdi-cursor-move`,render:Ze}),$e={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function et(e,t){return k(),I(`svg`,$e,[...t[0]||=[P(`path`,{fill:`currentColor`,d:`M17.41 2H6.59A4.58 4.58 0 0 0 2 6.59v10.82A4.58 4.58 0 0 0 6.59 22h10.82A4.58 4.58 0 0 0 22 17.41V6.59A4.58 4.58 0 0 0 17.41 2m-2.653 12.447a1.924 1.924 0 0 1-1.924 1.923h-5.86a1.924 1.924 0 0 1-1.923-1.923v-4.87a1.923 1.923 0 0 1 1.927-1.924h5.856a1.925 1.925 0 0 1 1.924 1.924Zm4.2.74a.771.771 0 0 1-1.266.59l-2.211-1.854a.85.85 0 0 1-.3-.653v-2.52a.85.85 0 0 1 .31-.657l2.206-1.82a.769.769 0 0 1 1.26.594Z`},null,-1)]])}var tt=V({name:`cbi-iosfacetime`,render:et}),nt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function rt(e,t){return k(),I(`svg`,nt,[...t[0]||=[P(`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=V({name:`fluent-pulse-24-filled`,render:rt}),at={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function ot(e,t){return k(),I(`svg`,at,[...t[0]||=[P(`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),P(`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 st=V({name:`heroicons-speaker-wave-16-solid`,render:ot}),Q={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function ct(e,t){return k(),I(`svg`,Q,[...t[0]||=[P(`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 lt=V({name:`heroicons-speaker-x-mark-16-solid`,render:ct}),ut={viewBox:`0 0 48 48`,width:`1.2em`,height:`1.2em`};function $(e,t){return k(),I(`svg`,ut,[...t[0]||=[P(`g`,{fill:`none`,stroke:`currentColor`,"stroke-linejoin":`round`,"stroke-width":`4`},[P(`path`,{fill:`currentColor`,d:`M16.866 7.47A18 18 0 0 0 16 13c0 9.941 8.059 18 18 18a17.9 17.9 0 0 0 7.134-1.47C38.801 36.767 32.012 42 24 42c-9.941 0-18-8.059-18-18c0-7.407 4.473-13.768 10.866-16.53Z`}),P(`path`,{"stroke-linecap":`round`,d:`M31.66 10H41l-10 8h10`})],-1)]])}var dt=V({name:`icon-park-solid-sleep`,render:$}),ft={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function pt(e,t){return k(),I(`svg`,ft,[...t[0]||=[P(`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 mt=V({name:`material-symbols-motion-photos-auto-outline-rounded`,render:pt}),ht={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function gt(e,t){return k(),I(`svg`,ht,[...t[0]||=[P(`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 _t=V({name:`mdi-card-plus-outline`,render:gt}),vt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function yt(e,t){return k(),I(`svg`,vt,[...t[0]||=[P(`path`,{fill:`currentColor`,d:`M12 2a7 7 0 0 1 7 7a7 7 0 0 1-7 7a7 7 0 0 1-7-7a7 7 0 0 1 7-7m0 2a5 5 0 0 0-5 5a5 5 0 0 0 5 5a5 5 0 0 0 5-5a5 5 0 0 0-5-5m0 2a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3M6 22a2 2 0 0 1-2-2c0-.38.1-.73.29-1.03l1.82-3.16A9 9 0 0 0 12 18c2.25 0 4.31-.83 5.89-2.19l1.82 3.16c.19.3.29.65.29 1.03a2 2 0 0 1-2 2z`},null,-1)]])}var bt=V({name:`mdi-webcam`,render:yt}),xt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function St(e,t){return k(),I(`svg`,xt,[...t[0]||=[P(`path`,{fill:`currentColor`,d:`M9.367 2.25h5.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v5.266c0 1.092 0 1.958-.057 2.655c-.058.714-.18 1.317-.46 1.869a4.75 4.75 0 0 1-2.076 2.075c-.552.281-1.155.403-1.869.461c-.697.057-1.563.057-2.655.057H9.367c-1.092 0-1.958 0-2.655-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869c-.057-.697-.057-1.563-.057-2.655V9.367c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057M10.25 8a.75.75 0 0 0-1.5 0v8a.75.75 0 0 0 1.5 0v-3.25h3.5V16a.75.75 0 0 0 1.5 0V8a.75.75 0 0 0-1.5 0v3.25h-3.5z`},null,-1)]])}var Ct=V({name:`mynaui-letter-h-square-solid`,render:St}),wt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Tt(e,t){return k(),I(`svg`,wt,[...t[0]||=[P(`path`,{fill:`currentColor`,d:`M9.367 2.25h5.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v5.266c0 1.092 0 1.958-.057 2.655c-.058.714-.18 1.317-.46 1.869a4.75 4.75 0 0 1-2.076 2.075c-.552.281-1.155.403-1.869.461c-.697.057-1.563.057-2.655.057H9.367c-1.092 0-1.958 0-2.655-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869c-.057-.697-.057-1.563-.057-2.655V9.367c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057M10.25 8a.75.75 0 0 0-1.5 0v7.5c0 .414.336.75.75.75H15a.75.75 0 0 0 0-1.5h-4.75z`},null,-1)]])}var Et=V({name:`mynaui-letter-l-square-solid`,render:Tt}),Dt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ot(e,t){return k(),I(`svg`,Dt,[...t[0]||=[P(`path`,{fill:`currentColor`,d:`M9.367 2.25h5.266c1.092 0 1.958 0 2.655.057c.714.058 1.317.18 1.869.46a4.75 4.75 0 0 1 2.075 2.077c.281.55.403 1.154.461 1.868c.057.697.057 1.563.057 2.655v5.266c0 1.092 0 1.958-.057 2.655c-.058.714-.18 1.317-.46 1.869a4.75 4.75 0 0 1-2.076 2.075c-.552.281-1.155.403-1.869.461c-.697.057-1.563.057-2.655.057H9.367c-1.092 0-1.958 0-2.655-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869c-.057-.697-.057-1.563-.057-2.655V9.367c0-1.092 0-1.958.057-2.655c.058-.714.18-1.317.46-1.868a4.75 4.75 0 0 1 2.077-2.076c.55-.281 1.154-.403 1.868-.461c.697-.057 1.563-.057 2.655-.057m.233 5.3A.75.75 0 0 0 8.25 8v8a.75.75 0 0 0 1.5 0v-5.75l1.65 2.2a.75.75 0 0 0 1.2 0l1.65-2.2V16a.75.75 0 0 0 1.5 0V8a.75.75 0 0 0-1.35-.45l-2.4 3.2z`},null,-1)]])}var kt=V({name:`mynaui-letter-m-square-solid`,render:Ot}),At={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function jt(e,t){return k(),I(`svg`,At,[...t[0]||=[P(`path`,{fill:`currentColor`,d:`M12 .36A5.4 5.4 0 0 0 6.62 5.3a5.4 5.4 0 0 0-1.22-.14a5.4 5.4 0 0 0-2.143 10.357a5.4 5.4 0 0 0-.737 2.723a5.4 5.4 0 0 0 9.54 3.466a5.4 5.4 0 0 0 8.833-6.137a5.4 5.4 0 0 0-3.505-10.152A5.4 5.4 0 0 0 12 .36M6.283 7.228h10.592c.746 0 1.352.605 1.352 1.349v7.646a1.35 1.35 0 0 1-1.352 1.348h-3.608l-7.24 3.55l1.1-3.55h-.844a1.35 1.35 0 0 1-1.352-1.348V8.577c0-.744.606-1.349 1.352-1.349`},null,-1)]])}var Mt=V({name:`simple-icons-webrtc`,render:jt}),Nt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Pt(e,t){return k(),I(`svg`,Nt,[...t[0]||=[P(`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 Ft=V({name:`mdi-drag-vertical`,render:Pt}),It={class:`text-sm text-muted truncate`},Lt=C(z({__name:`ViewDnDDrag`,props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(e){let{camera:t,canDrag:r}=H(e),i=O(`boxRef`),a=me(null),o=L(0),s=L(0),c=L(!1),{x:l,y:u}=T(),{isTouch:f}=d(),[p,m]=J(()=>({type:`camera-sidebar`,options:{dropEffect:`copy`},item:t.value,canDrag:r.value,collect:e=>({style:{opacity:e.isDragging()?.4:1},isDragging:e.isDragging()})})),h=B(()=>p.value.isDragging),ee=B(()=>h.value&&f.value);function g(e){f.value&&e.preventDefault()}function te(){a.value&&document.body.contains(a.value)&&document.body.removeChild(a.value),a.value=null}function ne(){if(te(),!i.value)return;let e=i.value.cloneNode(!0),t=i.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=`${l.value-o.value}px`,e.style.top=`${u.value-s.value}px`,document.body.appendChild(e),a.value=e}function _(){c.value=!1,te()}function v(){_(),c.value=!0;let e=i.value?.getBoundingClientRect();e&&(o.value=l.value-e.left,s.value=u.value-e.top,ne())}function y(){!a.value||!c.value||requestAnimationFrame(()=>{a.value&&(a.value.style.left=`${l.value-o.value}px`,a.value.style.top=`${u.value-s.value}px`)})}return ye(ee,e=>e?v():_()),ye([l,u],()=>y(),{flush:`sync`}),A(()=>_()),(r,a)=>{let o=Ft,s=re,c=n;return k(),I(`div`,{ref_key:`boxRef`,ref:i,onDragstart:g},[P(`div`,{ref:R(m),style:K(R(p).style)},[W(c,{disabled:e.isDropped,fluid:``,severity:`secondary`,class:`cui-rounded-corner dark-mode shadow-sm items-center justify-normal`,style:K({cursor:e.isDropped?`not-allowed`:`grab`})},{default:j(()=>[W(o,{size:`20`,class:`text-muted mr-2`}),W(s,{camera:R(t),width:`110px`,class:N([`cui-rounded-corner shadow-md overflow-hidden`,{"opacity-30":e.isDropped}])},null,8,[`camera`,`class`]),P(`span`,It,F(R(t).name),1)]),_:1},8,[`disabled`,`style`])],4)],544)}}}),[[`__scopeId`,`data-v-5498a5c0`]]),Rt={editMode:!1,rearrangeMode:!1,viewSize:1},zt=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}])),Bt=e=>e.map(e=>({x:e.x*16,y:e.y*16,w:e.w*16,h:e.h*16})),Vt=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,Bt(t)])),Ht={class:`text-lg font-semibold text-white`},Ut={class:`flex flex-col gap-3 w-full h-full overflow-y-auto`},Wt={class:`cui-label`},Gt={key:0,class:`text-muted text-sm`},Kt=z({__name:`ViewDnDSidebar`,props:{cameras:{},droppedCameras:{},title:{}},emits:[`changeViewSize`],setup(e,{emit:t}){let r=e,i=t,{droppedCameras:a}=H(r);function o(e){return a.value.some(t=>t.name===e.name)}return(t,r)=>{let a=n,s=Lt;return k(),I(`div`,{class:`sidebar-view-background flex flex-col p-2 border-[1px] border-color gap-2 rounded-xl`,style:K({width:`${R(400)}px`})},[P(`span`,Ht,F(e.title),1),P(`div`,Ut,[W(a,{fluid:``,label:`Change grid size`,class:`cui-button-small dark-mode shrink-0 my-4`,onClick:r[0]||=e=>i(`changeViewSize`)}),P(`label`,Wt,F(t.$t(`components.view_box.available_streams`)),1),(k(!0),I(he,null,D(e.cameras,(e,t)=>(k(),I(`div`,{key:t},[W(s,{camera:e,"is-dropped":o(e),"can-drag":!o(e)},null,8,[`camera`,`is-dropped`,`can-drag`])]))),128)),e.cameras.length?G(``,!0):(k(),I(`span`,Gt,F(t.$t(`components.view_box.no_cameras`)),1))])],4)}}}),qt={key:1,class:`w-full h-full bg-[#1a1a1a] flex items-center justify-center`},Jt={key:2,class:`w-full h-full bg-[#111]`},Yt={key:1,class:`w-full h-full flex items-center justify-center`},Xt={key:0},Zt=C(z({__name:`ViewDnDCard`,props:{camera:{},cameras:{},droppedCameras:{},mode:{},index:{},cameraCardProps:{},cameraCardModels:{},onDrop:{type:Function}},emits:[`drop`,`remove`,`expand`],setup(e,{expose:t,emit:i}){let a=e,s=i,{lgBreakpoint:c}=E(),{camera:l,mode:u,cameras:d,droppedCameras:f}=H(a),p=O(`boxRef`),m=O(`containerRef`),h=O(`playerRef`),ee=O(`menuRef`),{width:g}=o(m),[te,ne]=X({accept:`camera-sidebar`,drop:a.onDrop,collect:e=>({isOver:e.isOver(),canDrop:e.canDrop()&&!l.value}),canDrop:()=>u.value===`edit`&&!l.value}),_=B(()=>te.value.canDrop&&te.value.isOver),v=B(()=>u.value===`edit`?_.value?`#171717`:`#202020`:`#000`),y=B(()=>g.value<=200),ie=B(()=>d.value.filter(e=>!f.value.some(t=>t.name===e.name))),ae=B(()=>ie.value.map(e=>({label:e.name,onClick:()=>s(`drop`,e)})));function b(e){h.value?.toggleMute(e)}async function x(e,t){await h.value?.toggleMicrophone(e,t)}function S(e){h.value?.toggleActivityMode(e)}async function C(e){await h.value?.toggleSourceRole(e)}async function w(e){await h.value?.toggleStreamingMode(e)}function T(e){h.value?.toggleBbox(e)}function D(e){h.value?.togglePip(e)}return t({togglePlayerMute:b,toggleMicrophone:x,togglePlayerActivityMode:S,togglePlayerSourceRole:C,togglePlayerStreamingMode:w,togglePlayerBbox:T,togglePip:D}),(t,i)=>{let a=Le,o=Fe,f=Me,g=n,te=re,_=oe,ie=r;return k(),I(`div`,{ref_key:`boxRef`,ref:p,class:`view-dnd-card`},[R(u)===`normal`||R(u)===`rearrange`?(k(),I(he,{key:0},[R(l)?(k(),U(a,Se({key:0,ref_key:`playerRef`,ref:h},e.cameraCardProps,{"activity-mode":e.cameraCardModels?.activityMode,"source-role":e.cameraCardModels?.sourceRole,"streaming-mode":e.cameraCardModels?.streamingMode,"camera-info":R(l),class:`w-full h-full`,onExpand:i[0]||=e=>s(`expand`,R(l),e)}),null,16,[`activity-mode`,`source-role`,`streaming-mode`,`camera-info`])):R(u)===`rearrange`?(k(),I(`div`,qt,[W(o,{class:`w-6 h-6 text-white/20`})])):(k(),I(`div`,Jt))],64)):R(u)===`edit`?(k(),I(he,{key:1},[P(`div`,{ref:R(ne),style:K({backgroundColor:R(v)}),class:`w-full h-full`},[R(l)?(k(),I(`div`,{key:0,ref_key:`containerRef`,ref:m,class:`w-full h-full flex items-center justify-center relative min-w-0`},[W(g,{class:N([`z-1`,{"cui-icon-lg":R(y),"cui-button-small max-w-[85%]":!R(y)}]),label:R(y)?void 0:R(l).name,onClick:i[1]||=se(e=>s(`remove`,R(l)),[`prevent`])},{icon:j(()=>[W(f)]),_:1},8,[`class`,`label`]),W(te,{camera:R(l),class:`absolute w-full h-full top-0 left-0 bg-black/50 opacity-20`},null,8,[`camera`])],512)):R(c)?G(``,!0):(k(),I(`div`,Yt,[R(d).length?(k(),U(g,{key:1,text:``,rounded:``,class:`cui-icon-md`,onClick:R(ee)?.toggleMenu},{icon:j(()=>[W(o,{width:`100%`,height:`100%`})]),_:1},8,[`onClick`])):M((k(),I(`div`,Xt,[W(g,{text:``,rounded:``,disabled:``,class:`cui-icon-md`},{icon:j(()=>[W(o,{width:`100%`,height:`100%`})]),_:1})])),[[ie,{value:t.$t(`views.camview.no_cameras`)},void 0,{top:!0}]])]))],4),W(_,{ref_key:`menuRef`,ref:ee,items:R(ae),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])],64)):G(``,!0)],512)}}}),[[`__scopeId`,`data-v-ca177470`]]),Qt={class:`w-full h-full flex flex-row`},$t=[`gs-id`,`gs-x`,`gs-y`,`gs-w`,`gs-h`],en={class:`grid-stack-item-content`},tn={key:0,class:`absolute top-2 left-2 z-20 px-2 py-1 rounded-md bg-black/75 text-white text-xs tabular-nums pointer-events-none select-none`},nn=C(z({__name:`CuiCameraViewDnD`,props:le({cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean},rearrangeMode:{type:Boolean},cameraCardProps:{},cameraCardModels:{}},Rt),emits:[`drop`,`remove`,`changeViewSize`,`expand`,`rearrange`],setup(e,{expose:t,emit:r}){let a=e,c=r,{isTouch:l}=d(),{smBreakpoint:f,lgBreakpoint:m}=E(),h=pe(s,void 0),ee=u(),{routeFrom:g,routeTo:te}=Ee(ee),{editMode:ne,rearrangeMode:re,viewSize:_,cards:v,cameraCardProps:y}=H(a),ie=O(`viewRef`),ae=O(`wrapperRef`),oe=O(`gridRef`),b=O(`cardRefs`),x=L(),S=L(),C=null,w=L(),T=L({w:0,h:0}),{isFullscreen:se,toggle:ce}=i(ie,{mode:`scroll`}),le=o(ie),fe=o(ae),me=B(()=>ne.value?`edit`:re.value?`rearrange`:`normal`),z=B(()=>v.value.map((e,t)=>({card:e,index:t})).filter(({card:e})=>me.value===`edit`||e.lastDroppedCamera!==void 0)),V=B(()=>x.value??S.value),ve=B(()=>e=>{let t={...ge(y.value)};if(e){let n=g.value?.includes(`/cameras/${e.name}`)??!1,r=te.value?.includes(`/cameras/${e.name}`)??!1,i=t.viewTransition&&(n||r),a=`/cameras/${e.name}`;t.routerLink=h?.isActive.value?`${a}?startTs=${Math.floor(h.currentTimestamp.value/1e3)}`:a,t.viewTransition=i}return t}),be=B(()=>(le.height.value-16)*(16/9)),xe=B(()=>v.value.filter(e=>e.lastDroppedCamera).map(e=>e.lastDroppedCamera));function Se(e){let t=v.value[e];if(f.value)return{x:0,y:t?.y??e,w:1,h:1};let n=Vt[_.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 Ce(){if(!C)return;let e=[];for(let t of C.getGridItems()){let n=t.gridstackNode;if(!n)continue;let r=parseInt(n.id),i=v.value[r];i?.lastDroppedCamera&&e.push({index:r,cameraId:i.lastDroppedCamera._id,colSpan:n.w,rowSpan:n.h,x:n.x,y:n.y})}c(`rearrange`,e)}function we(){me.value===`rearrange`&&Ce()}function Te(e){let t=parseInt(e.gridstackNode?.id??``);if(Number.isNaN(t))return;let n=e.getBoundingClientRect();w.value=t,T.value={w:Math.round(n.width),h:Math.round(n.height)}}function De(){if(!oe.value)return;let e=zt[_.value];if(!e)return;let t=f.value,n=t?1:e.cols,r=t?z.value.length:e.rows,i=ae.value?.clientWidth??0,a=t?i*9/16:i>0?i*9/16/e.rows:60,o=me.value===`rearrange`;C=Be.init({column:n,minRow:r,cellHeight:a,margin:o?3:1,float:!t,animate:!1,staticGrid:!o,resizable:t?{handles:``}:{handles:`se`},disableResize:t,alwaysShowResizeHandle:!t},oe.value),C&&(C.on(`change`,we),C.on(`resizestart`,(e,t)=>Te(t)),C.on(`resize`,(e,t)=>Te(t)),C.on(`resizestop`,()=>{w.value=void 0}),requestAnimationFrame(()=>C?.setAnimation(!0)))}function Oe(){C&&=(w.value=void 0,C.offAll(),C.destroy(!1),null)}function ke(e){let t=v.value.findIndex(t=>t.lastDroppedCamera?._id===e);if(t===-1||x.value===t)return;let n=v.value[t].lastDroppedCamera;S.value=void 0,x.value=t,c(`expand`,n,!0)}function Ae(e,t,n){n?x.value=t:(S.value=t,x.value=void 0,setTimeout(()=>{S.value=void 0},250)),c(`expand`,e,n)}async function je(){await ce()}function J(e){for(let t of b.value||[])t.togglePlayerMute(e)}async function X(e,t){await Promise.allSettled((b.value||[]).map(n=>n.toggleMicrophone(e,t)))}function Me(e){for(let t of b.value||[])t.togglePlayerActivityMode(e)}async function Ne(e){await Promise.allSettled((b.value||[]).map(t=>t.togglePlayerSourceRole(e)))}async function Pe(e){await Promise.allSettled((b.value||[]).map(t=>t.togglePlayerStreamingMode(e)))}function Fe(e){for(let t of b.value||[])t.togglePlayerBbox(e)}function Ie(e){for(let t of b.value||[])t.togglePip(e)}function Le(){C&&(C.compact(),Ce())}function Re(){if(!C)return;let e=zt[_.value];if(!e)return;let t=e.cols,n=[];for(let e of C.getGridItems()){let t=e.gridstackNode;if(!t)continue;let r=parseInt(t.id),[i,a]=((v.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=e.rows;function i(e){let r=[],i=0,a=0;for(;a<n.length;){let o=[],s=0,c=!1;for(;a<n.length;){let r=n[a].cellRatio;if(e*(s+r)>t&&o.length>0){c=!0;break}o.push(n[a]),s+=r,a++}let l=c?t/s:e;r.push({row:o,ratioSum:s,rowH:l,filled:c}),i+=l}return{rows:r,totalH:i}}let a=.25,o=r,s=a;for(let e=0;e<40;e++){let e=(a+o)/2;i(e).totalH<=r?(s=e,a=e):o=e}let{rows:c}=i(s),l=c.reduce((e,t)=>e+t.rowH,0)||1,u=l>r?r/l:1,d=c.map(e=>e.rowH*u),f=d.reduce((e,t)=>e+t,0),p=new Map,m=Math.max(0,Math.round((r-f)/2)),h=m;for(let e=0;e<c.length;e++){h+=d[e];let n=Math.min(r,Math.round(h)),i=Math.max(1,n-m),{row:a,ratioSum:o,filled:s}=c[e];if(s){let e=0;for(let n=0;n<a.length;n++){let r=n===a.length-1?Math.max(1,t-e):Math.max(1,Math.round(a[n].cellRatio/o*t));p.set(a[n].idx,{x:e,y:m,w:r,h:i}),e+=r}}else{let e=a.map(e=>Math.max(1,Math.round(e.cellRatio*i))),n=e.reduce((e,t)=>e+t,0),r=Math.max(0,Math.round((t-n)/2));for(let t=0;t<a.length;t++)p.set(a[t].idx,{x:r,y:m,w:e[t],h:i}),r+=e[t]}m=n}C.batchUpdate();for(let[e,t]of p){let r=n.find(t=>t.idx===e);r&&C.update(r.el,t)}C.batchUpdate(!1),Ce()}return ye([_,()=>z.value.length,f],()=>{Oe(),ue(()=>De())},{immediate:!1}),ye(me,e=>{if(!C)return;let t=e===`rearrange`;C.setStatic(!t),C.margin(t?3:1)}),ye(()=>fe.width.value,e=>{if(!(!C||e<=0)){if(C.setAnimation(!1),f.value)C.cellHeight(e*9/16);else{let t=zt[_.value]?.rows??1;C.cellHeight(e*9/16/t)}requestAnimationFrame(()=>C?.setAnimation(!0))}}),_e(()=>{ue(()=>De())}),A(()=>{Oe()}),t({expandCameraById:ke,toggleFullscreen:je,toggleAllPlayerMute:J,toggleAllPlayerMicrophone:X,toggleAllPlayerActivityMode:Me,toggleAllPlayerSourceRole:Ne,toggleAllPlayerStreamingMode:Pe,toggleAllPlayerBbox:Fe,toggleAllPip:Ie,compactGrid:Le,fitAspectRatios:Re,isFullscreen:se}),(t,r)=>{let i=p,a=n,o=Zt,s=Kt;return k(),U(R(q),{backend:R(l)?R(Z):R(Y),options:R(l)?{enableMouseEvents:!0}:void 0},{default:j(()=>[P(`div`,Qt,[P(`div`,{ref_key:`viewRef`,ref:ie,class:N([`view-container w-full flex flex-col min-w-0 overflow-y-auto items-center`,{"px-2":R(ne)&&R(m)}])},[R(se)?(k(),U(a,{key:0,severity:`secondary`,rounded:``,class:`cui-fs-exit`,"aria-label":t.$t(`components.form.tooltip.fullscreen_off`),onClick:R(ce)},{icon:j(()=>[W(i,{class:`w-5 h-5`})]),_:1},8,[`aria-label`,`onClick`])):G(``,!0),R(V)===void 0?G(``,!0):(k(),I(`div`,{key:1,class:`w-full aspect-video relative my-auto`,style:K({maxWidth:`${R(be)}px`})},[W(o,{ref:`fsCardRef`,class:N([`w-full h-full`,{"card-expanded":R(x)!==void 0,"card-collapsing":R(S)!==void 0}]),camera:R(v)[R(V)]?.lastDroppedCamera,cameras:e.cameras,"dropped-cameras":R(xe),mode:`normal`,index:R(V),"camera-card-props":{...R(ve)(R(v)[R(V)]?.lastDroppedCamera),expanded:!0},"camera-card-models":e.cameraCardModels,onExpand:r[0]||=(e,t)=>Ae(e,R(V),t)},null,8,[`class`,`camera`,`cameras`,`dropped-cameras`,`index`,`camera-card-props`,`camera-card-models`])],4)),M(P(`div`,{ref_key:`wrapperRef`,ref:ae,class:N([`w-full relative my-auto`,R(f)?`h-auto`:`aspect-video`]),style:K(R(f)?void 0:{maxWidth:`${R(be)}px`})},[P(`div`,{ref_key:`gridRef`,ref:oe,class:`grid-stack w-full h-full`},[(k(!0),I(he,null,D(R(z),({card:t,index:n})=>(k(),I(`div`,{key:n,class:`grid-stack-item`,"gs-id":String(n),"gs-x":Se(n).x,"gs-y":Se(n).y,"gs-w":Se(n).w,"gs-h":Se(n).h},[P(`div`,en,[W(o,{ref_for:!0,ref_key:`cardRefs`,ref:b,camera:t.lastDroppedCamera,cameras:e.cameras,"dropped-cameras":R(xe),mode:R(me),index:n,"camera-card-props":{...R(ve)(t.lastDroppedCamera),expanded:R(V)===n},"camera-card-models":e.cameraCardModels,"on-drop":e=>c(`drop`,n,e),onExpand:(e,t)=>Ae(e,n,t),onDrop:e=>c(`drop`,n,e),onRemove:r[1]||=e=>c(`remove`,e)},null,8,[`camera`,`cameras`,`dropped-cameras`,`mode`,`index`,`camera-card-props`,`camera-card-models`,`on-drop`,`onExpand`,`onDrop`]),R(w)===n?(k(),I(`div`,tn,F(R(T).w)+` × `+F(R(T).h),1)):G(``,!0)])],8,$t))),128))],512)],6),[[de,R(V)===void 0]])],2),R(ne)&&R(m)?(k(),U(s,{key:0,cameras:e.cameras,"dropped-cameras":R(xe),title:e.title,class:`view-box shadow-xl`,style:K({"margin-right":R(ne)?`0px`:`-${R(400)}px`}),onChangeViewSize:r[2]||=e=>c(`changeViewSize`)},null,8,[`cameras`,`dropped-cameras`,`title`,`style`])):G(``,!0)])]),_:1},8,[`backend`,`options`])}}}),[[`__scopeId`,`data-v-d475eed2`]]),rn={class:`flex flex-col gap-3`},an={class:`text-wrap`},on={class:`w-full h-full flex items-center justify-center relative`},sn=z({__name:`AudioVisualizer`,emits:[`listening`],setup(e,{expose:t,emit:r}){let i=r,a=Te(),o=S(),s=pe(`dialogRefProps`),c=O(`canvasRef`),l=me(),u=me(),d=L(!1),f=B(()=>!!s.loading?.value);async function p(){if(d.value)h();else try{l.value&&h();let e;try{e=await navigator.mediaDevices.getUserMedia({audio:!0})}catch(e){o.add({severity:`warn`,detail:`Can not enable AudioVisualizer, see console.`,life:3e3}),a.warn(`Can not enable AudioVisualizer`,e);return}d.value=!0,i(`listening`,!0),l.value=new AudioContext;let t=l.value.createAnalyser();t.fftSize=1024,u.value=e.getTracks(),l.value.createMediaStreamSource(e).connect(t);let n,r=c.value?.getContext(`2d`),s=()=>{if(c.value&&r){let e=[],i=[];r.clearRect(0,0,c.value.width,c.value.height),requestAnimationFrame(s);let a=t.frequencyBinCount,o=new Uint8Array(a);t.getByteFrequencyData(o),e.push(o);for(let t=0;t<e[0].length;t++)i.push(0),e.forEach(e=>{i[t]+=e[t]});let l=c.value.width/2,u=c.value.height/2;r.beginPath(),r.arc(l,u,30,0,2*Math.PI),r.lineWidth=1,r.stroke(),r.closePath();for(let e=0;e<90;e++){n=i[e]*.4;let t=Math.PI*2/90,a=l+Math.cos(t*e)*30,o=u+Math.sin(t*e)*30,s=l+Math.cos(t*e)*(30+n),c=u+Math.sin(t*e)*(30+n);m(r,a,o,s,c,3)}d.value||r.clearRect(0,0,c.value.width,c.value.height)}};s()}catch(e){h(),a.error(e)}}function m(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 h(){l.value?.close(),l.value=void 0,u.value?.forEach(e=>e.stop()),u.value=void 0,d.value=!1,i(`listening`,!1)}return ce(()=>{h()}),t({isLoading:f}),(e,t)=>{let r=Pe,i=n;return k(),I(`div`,rn,[P(`span`,an,F(e.$t(`components.dialog.message.intercom_info`)),1),P(`div`,on,[W(i,{rounded:``,class:`w-[60px] h-[60px] absolute z-1`,onClick:p},{icon:j(()=>[W(r,{width:`100%`,height:`100%`})]),_:1}),P(`canvas`,{ref_key:`canvasRef`,ref:c,height:`300`,width:`300`},null,512)])])}}}),cn=[`fill`],ln=z({__name:`CuiCameraGridIcon1`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,cn))}}),un=[`fill`],dn=z({__name:`CuiCameraGridIcon10`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,un))}}),fn=[`fill`],pn=z({__name:`CuiCameraGridIcon12`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,fn))}}),mn=[`fill`],hn=z({__name:`CuiCameraGridIcon13`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,mn))}}),gn=[`fill`],_n=z({__name:`CuiCameraGridIcon15`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,gn))}}),vn=[`fill`],yn=z({__name:`CuiCameraGridIcon16`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,vn))}}),bn=[`fill`],xn=z({__name:`CuiCameraGridIcon20`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,bn))}}),Sn=[`fill`],Cn=z({__name:`CuiCameraGridIcon26`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,Sn))}}),wn=[`fill`],Tn=z({__name:`CuiCameraGridIcon4`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,wn))}}),En=[`fill`],Dn=z({__name:`CuiCameraGridIcon6`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,En))}}),On=[`fill`],kn=z({__name:`CuiCameraGridIcon7`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,On))}}),An=[`fill`],jn=z({__name:`CuiCameraGridIcon9`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=H(e);return(e,n)=>(k(),I(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:R(t)},[...n[0]||=[P(`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,An))}}),Mn={for:`name`,class:`cui-label`},Nn={key:0,class:`flex flex-col gap-6 justify-center`},Pn={key:0,class:`text-red-500 text-center mb-5`},Fn={class:`md:max-h-[350px] overflow-y-auto`},In={class:`block cui-label mb-3`},Ln={key:1,class:`flex flex-col gap-6 justify-center`},Rn={key:0,class:`text-red-500 text-center mb-5`},zn={class:`md:max-h-[450px] overflow-y-auto`},Bn={class:`block cui-label mb-3`},Vn={class:`view-select-container`},Hn=[`onClick`],Un=C(z({__name:`CamviewForm`,props:{form:{},type:{},cameras:{},views:{}},setup(t,{expose:n}){let r=new b,i=t,a=Te(),o=S(),{t:s}=l(),c=pe(`dialogRefProps`),u=ne(),{user:d}=Ee(u),{mutateAsync:f,isPending:p}=r.createViewQuery(),{mutateAsync:m,isPending:h}=r.patchViewQuery(),{form:g,type:te,cameras:re,views:v}=H(i),y=O(`formRef`),ae=L([1,4,6,7,9,10,12,13,15,16,20,26]),oe=L(!0),x=L(!0),C=L([]),w=L(!!g.value),T=L(g.value?ie(g.value):{});!w.value&&te.value===`view`&&(T.value.viewSize=ae.value[0]);let E=B(()=>!!(c.loading?.value||p.value||h.value));function se(e){let t=C.value.findIndex(t=>t.name===e.name);t===-1?C.value.push(e):C.value.splice(t,1)}function ce(e){switch(e){case 1:return ln;case 4:return Tn;case 6:return Dn;case 7:return kn;case 9:return jn;case 10:return dn;case 12:return pn;case 13:return hn;case 15:return _n;case 16:return yn;case 20:return xn;case 26:return Cn;default:return ln}}async function A(){if(!y.value||!d.value)return;let e=v.value.find(e=>e.name===T.value.name);if(e&&!w.value)return a.error(`View already exists`,e),o.add({severity:`error`,detail:s(`components.toast.validation_failed`),life:3e3}),null;if(te.value===`dnd`){if(x.value)return a.error(`No cameras selected`),o.add({severity:`error`,detail:s(`components.toast.validation_failed`),life:3e3}),null;let e=C.value.map((e,t)=>({cameraId:e._id,index:t}));T.value.cameras=e,T.value.type=`dnd`,T.value.viewSize=1,y.value.setFieldValue(`type`,`dnd`),y.value.setFieldValue(`viewSize`,1),y.value.setFieldValue(`cameras`,e);let t=await y.value.validate();return t?.valid?w.value?await m({username:d.value.username,viewid:T.value._id,viewData:T.value}):await f({username:d.value.username,viewData:T.value}):(a.error(`Validation failed`,t),o.add({severity:`error`,detail:s(`components.toast.validation_failed`),life:3e3}),null)}{if(oe.value)return a.error(`No view selected`),o.add({severity:`error`,detail:s(`components.toast.validation_failed`),life:3e3}),null;T.value.cameras=[],T.value.type=`view`,y.value.setFieldValue(`type`,`view`),y.value.setFieldValue(`cameras`,[]);let e=await y.value.validate();return e?.valid?ie(T.value):(a.error(`Validation failed`,e),o.add({severity:`error`,detail:s(`components.toast.validation_failed`),life:3e3}),null)}}return ye(T,e=>{for(let[t,n]of Object.entries(e))y.value?.setFieldValue(t,n);e.viewSize&&(oe.value=!1),e.cameras?.length&&(x.value=!1)},{deep:!0,immediate:!0}),ye(C,e=>{x.value=e.length===0},{deep:!0}),_e(()=>{C.value=re.value?.filter(e=>T.value?.cameras?.some(t=>t.cameraId===e._id))||[]}),n({isLoading:E,onConfirm:A}),(t,n)=>{let r=e,i=Oe,a=ke,o=De,s=ee;return k(),U(R(fe),{ref_key:`formRef`,ref:y,class:`flex flex-col gap-6`,"validation-schema":R(_),"initial-values":R(T)},{default:j(()=>[W(R(Ce),{modelValue:R(T).name,"onUpdate:modelValue":n[0]||=e=>R(T).name=e,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:j(({field:e,errors:n})=>[P(`label`,Mn,F(t.$t(`components.form.label.name`)),1),W(i,null,{default:j(()=>[W(r,Se(e,{invalid:n.length>0,loading:R(E),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),W(be,{name:`fade`},{default:j(()=>[W(R(xe),{name:`name`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),W(a,{class:`m-0 py-3`}),R(te)===`dnd`?(k(),I(`div`,Nn,[W(be,{name:`fade`},{default:j(()=>[R(x)?(k(),I(`span`,Pn,F(t.$t(`components.form.error.no_cameras_selected`)),1)):G(``,!0)]),_:1}),P(`div`,Fn,[P(`label`,In,F(t.$t(`components.form.label.cameras`)),1),(k(!0),I(he,null,D(R(re),(e,t)=>(k(),I(`div`,{key:t,class:`cui-list-item`},[W(s,{class:`h-14`,active:R(C).some(t=>t.name===e.name),onClick:t=>se(e)},{append:j(()=>[W(o,{"model-value":R(C).some(t=>t.name===e.name),"onUpdate:modelValue":t=>se(e)},null,8,[`model-value`,`onUpdate:modelValue`])]),default:j(()=>[P(`span`,null,F(e.name),1)]),_:2},1032,[`active`,`onClick`])]))),128))])])):(k(),I(`div`,Ln,[W(be,{name:`fade`},{default:j(()=>[R(oe)?(k(),I(`span`,Rn,F(t.$t(`components.form.error.no_view_selected`)),1)):G(``,!0)]),_:1}),P(`div`,zn,[P(`label`,Bn,F(t.$t(`components.form.label.views`)),1),P(`div`,Vn,[(k(!0),I(he,null,D(R(ae),e=>(k(),I(`div`,{key:e,class:`view-select-item w-full`,onClick:t=>R(T).viewSize=e},[P(`div`,{class:N([`view-select-item-icon w-full p-3`,{"selected-view":R(T).viewSize===e}])},[(k(),U(we(ce(e)),{style:{width:`100%`,height:`100%`}}))],2),P(`span`,{class:N([`view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners`,{"selected-view-label":R(T).viewSize===e}])},F(e)+` `+F(t.$t(`views.camview.cameras`)),3)],8,Hn))),128))])])]))]),_:1},8,[`validation-schema`,`initial-values`])}}}),[[`__scopeId`,`data-v-641aac54`]]),Wn={class:`h-full w-full dark-mode relative`},Gn={key:0,class:`flex flex-col w-full h-full items-center justify-center`},Kn={key:1,class:`flex flex-col w-full h-full`},qn={class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},Jn={class:`text-muted text-sm`},Yn={class:`relative w-6 h-6`},Xn=C(z({__name:`Camview`,props:{navbarWidth:{default:0},navbarLeft:{default:0}},setup(e){let i=new b,o=new w,s=e,u=l(),{t:d}=u,ee=je(),re=g(),{bottombarHeight:_}=m(),{smBreakpoint:S,lgBreakpoint:C,mdBreakpoint:T}=E(),se=ne(),{user:D}=Ee(se),ce=v(),{uiSettings:A}=Ee(ce),{data:le,isLoading:ue}=o.getCamerasQuery({page:1,pageSize:-1}),{data:de,isLoading:fe}=i.getViewsQuery(D.value?.username??``,{page:1,pageSize:-1}),{mutate:pe,isPending:me}=i.removeViewQuery(),{mutateAsync:he,isPending:ge}=i.createViewQuery(),{mutateAsync:z,isPending:V}=i.patchViewQuery(),{mutateAsync:_e}=i.patchViewQuerySilent(),{navbarWidth:xe,navbarLeft:Ce}=H(s),Te=O(`menuRef`),De=O(`newViewMenuRef`),Oe=O(`cardFitMenuRef`),q=O(`viewDndRef`),J=L({}),Y=L(!1),X=L(!1),Z=L(!1),Me=L(!1),Pe=L(!1),Le=L(!1),Be=L(!0),Ve=L(`always-on`),He=L(`low-resolution`),We=L(`webrtc`),Ge=L([]),qe=L(),Je=L(null),Xe=ve({sourceRole:He.value,activityMode:Ve.value,streamingMode:We.value}),Ze=B(()=>ue.value||fe.value||me.value||ge.value||V.value),$e=B(()=>xe.value+Ce.value),et=B(()=>({locale:u.locale.value,dayNames:ee.config.locale?.dayNames,dayNamesShort:ee.config.locale?.dayNamesShort,monthNames:ee.config.locale?.monthNames,monthNamesShort:ee.config.locale?.monthNamesShort})),nt=B(()=>qe.value??$.value?.cardFit??`aspect`),rt=B(()=>[`aspect`,`fill`,`cover`].map(e=>({label:d(`views.camview.card_fit_${e}`),description:d(`views.camview.card_fit_${e}_info`),active:nt.value===e,onClick:()=>Rt(e)}))),at=B(()=>({doubleClickZoom:!1,flatCard:!0,cardFit:nt.value,cameraNameOverlay:!0,control:!0,toolbar:!1,expandableCard:($.value?.cameras?.length??0)>1,detectionIndicatorOverlay:!Z.value,boundingBoxOverlay:!1,cardClickAction:`expand`,viewTransition:!0,cardProps:{pt:{root:{style:`background: #000`}}}})),ot=B(()=>de.value?.result.length?C.value?{width:Pe.value?`calc(100% - 400px)`:`100%`,height:`100%`,overflowY:`scroll`}:{height:`100%`,paddingBottom:Pe.value?_.value>0?`200px`:`192px`:`0px`,overflowY:`scroll`}:{width:`100%`,height:`100%`,overflowY:`scroll`}),Q=B(()=>Y.value||X.value),ct=B(()=>!!q.value?.isFullscreen),ut=B(()=>[{label:ct.value?d(`components.form.tooltip.fullscreen_off`):d(`components.form.tooltip.fullscreen_on`),icon:ct.value?p:h,command:zt},{label:Be.value?d(`components.form.tooltip.unmute`):d(`components.form.tooltip.mute`),icon:Be.value?lt:st,command:Bt},{label:d(`components.form.tooltip.intercom`),icon:ae,command:()=>wt(`intercom`)},{label:We.value===`auto`?`${d(`components.form.tooltip.mode`)}: ${d(`components.form.tooltip.streaming_mode_auto`)}`:We.value===`webrtc`?`${d(`components.form.tooltip.mode`)}: ${d(`components.form.tooltip.streaming_mode_webrtc`)}`:`${d(`components.form.tooltip.mode`)}: ${d(`components.form.tooltip.streaming_mode_mse`)}`,icon:We.value===`auto`?mt:We.value===`webrtc`?Mt:tt,command:()=>Ut()},{label:Ve.value===`always-on`?d(`components.form.tooltip.activity_mode_always_on`):Ve.value===`standby`?d(`components.form.tooltip.activity_mode_standby`):d(`components.form.tooltip.activity_mode_activity`),icon:Ve.value===`always-on`?bt:Ve.value===`standby`?dt:it,command:()=>Vt()},{label:He.value===`low-resolution`?`${d(`components.form.tooltip.resolution`)}: ${d(`components.form.tooltip.source_role_low`)}`:He.value===`mid-resolution`?`${d(`components.form.tooltip.resolution`)}: ${d(`components.form.tooltip.source_role_mid`)}`:`${d(`components.form.tooltip.resolution`)}: ${d(`components.form.tooltip.source_role_high`)}`,icon:He.value===`low-resolution`?Et:He.value===`mid-resolution`?kt:Ct,command:()=>Ht()}]),$=B(()=>{let e=de.value?.result.find(e=>e._id===A.value.camview.viewid)||de.value?.result[0];return e?(J.value=e,A.value.camview.viewid=e._id):J.value={},e}),ft=B(()=>$.value?.cameras?.map(e=>e.cameraId)??[]),pt=B(()=>{let e=Je.value;return e&&ft.value.includes(e)?[e]:ft.value}),ht=B(()=>{let e={};for(let t of le.value?.result??[])e[t._id]=t.name;return e}),{master:gt}=a(ft,{sourceRole:`low`,activeIds:pt}),vt=B(()=>gt.mode.value!==`idle`&&gt.currentTimestamp.value>0?Math.floor(gt.currentTimestamp.value/1e3):void 0),yt=B(()=>Q.value&&J.value.viewSize>0?J.value.viewSize:$.value?$.value.viewSize:1),xt=B(()=>{let e=[];for(let t of de.value?.result||[])e.push({label:t.name,active:t._id===$.value?._id,onClick:()=>Tt(t)});return e}),St=B(()=>[{label:d(`views.camview.new_view`),icon:_t,onClick:()=>wt(`newView`)}]);function wt(e){switch(e){case`newView`:case`editView`:{let t=e===`editView`,n=d(t?`components.dialog.title.edit_view`:`components.dialog.title.new_view`);t?Y.value=!0:X.value=!0,re.openComponentDialog(Un,{data:{title:n,loading:Ze,confirmText:d(`components.form.button.next`),contentProps:{form:t?J.value:void 0,type:`view`,cameras:le.value?.result||[],views:de.value?.result||[]}},onConfirm:e=>{e&&(J.value=e)},onCancel:()=>{X.value=!1}});break}case`intercom`:re.openComponentDialog(sn,{data:{title:d(`components.dialog.title.intercom`),hideConfirmButton:!0,loading:Ze,contentProps:{}},events:{listening:Wt}});break;case`removeView`:re.openTextDialog({data:{title:d(`components.dialog.title.confirm`),confirmText:d(`components.form.button.remove`),contentText:d(`components.dialog.message.confirm_remove_layout`),confirmButtonProps:{severity:`danger`}},onConfirm:Dt})}}function Tt(e){A.value.camview.viewid=e._id}function Dt(){!$.value||!D.value||pe({username:D.value.username,viewid:$.value._id},{onSuccess:e=>{e.length?A.value.camview.viewid=e[0]._id:A.value.camview.viewid=void 0}})}async function Ot(){if(!D.value||Object.keys(J.value).length===0)return;let e=Ge.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=ie(J.value);t.cameras=e,t._id?Lt(await z({username:D.value.username,viewid:t._id,viewData:t})):Lt(await he({username:D.value.username,viewData:t}))}function At(e,t){Ge.value[e].lastDroppedCamera=t}function jt(e){Ge.value=Ge.value.map(t=>(t.lastDroppedCamera?.name===e.name&&(t.lastDroppedCamera=void 0),t))}function Nt(e){return`${S.value?`mobile`:`desktop`}:${e}`}function Pt(e){let t=$.value?._id;t&&(A.value.camview.layouts||(A.value.camview.layouts={}),A.value.camview.layouts[Nt(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 Ft(e,t){Je.value=t?e._id:null}function It(e){let t=Je.value;!t||!e.cameraId||e.cameraId===t||ft.value.includes(e.cameraId)&&q.value?.expandCameraById(e.cameraId)}function Lt(e){A.value.camview.viewid=e._id,X.value=!1,Y.value=!1}async function Rt(e){let t=$.value,n=D.value?.username;if(!(!t||!n||nt.value===e)){qe.value=e;try{await _e({username:n,viewid:t._id,viewData:{cardFit:e}})}catch{qe.value=void 0}}}function zt(){q.value?.toggleFullscreen()}function Bt(){Be.value=!Be.value,q.value?.toggleAllPlayerMute(Be.value)}function Vt(e){let t=Ve.value;t=e||(t===`always-on`?`standby`:t===`standby`?`activity`:`always-on`),q.value?.toggleAllPlayerActivityMode(t),Ve.value=t}async function Ht(e){let t=He.value;t=e||(t===`low-resolution`?`mid-resolution`:t===`mid-resolution`?`high-resolution`:`low-resolution`),await q.value?.toggleAllPlayerSourceRole(t),He.value=t}async function Ut(e){let t=We.value;t===`auto`&&(t=`webrtc`);let n=e||(t===`mse`?`webrtc`:`mse`);await q.value?.toggleAllPlayerStreamingMode(n),We.value=n}async function Wt(e){await q.value?.toggleAllPlayerMicrophone(e)}return ye(Me,e=>{e&&(Le.value=!0)}),ye(()=>$.value?._id,()=>{qe.value=void 0}),ye([yt,$,le,Q,A,S],()=>{let e=Array.from({length:yt.value}).map((e,t)=>({accept:`camera`,index:t,lastDroppedCamera:void 0}));if(!X.value){let t=$.value?._id,n=t?Nt(t):void 0,r=n?A.value.camview.layouts?.[n]:void 0,i=new Set(le.value?.result.map(e=>e._id)??[]),a=!1;for(let t of $.value?.cameras||[]){if(!e[t.index])continue;let n=le.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&&A.value.camview.layouts?.[n]&&(A.value.camview.layouts[n]=A.value.camview.layouts[n].filter(e=>!e.cameraId||i.has(e.cameraId)))}Ge.value=e},{deep:!0,immediate:!0}),(e,i)=>{let a=ze,o=Qe,s=te,l=Ye,u=Ke,d=Ue,p=x,m=y,h=ke,ee=Ie,g=Ne,ne=Fe,re=Re,v=t,ie=f,ae=n,b=Ae,w=oe,E=r;return k(),I(`div`,Wn,[W(re,{"left-offset":R($e),animate:``},{left:j(()=>[!R(X)&&R($)?(k(),U(a,{key:0,type:`dropdown`,label:R($).name,"menu-open":R(Te)?.isOpen,disabled:R(Ze)||R(Y),onClick:i[0]||=e=>R(Te)?.toggleMenu(e)},null,8,[`label`,`menu-open`,`disabled`])):R(X)&&R(J).name?(k(),U(a,{key:1,label:R(J).name,disabled:R(Ze)},null,8,[`label`,`disabled`])):G(``,!0)]),right:j(()=>[!R(Q)&&R($)?M((k(),U(a,{key:0,active:R(Z),onClick:i[1]||=e=>Z.value=!R(Z)},{icon:j(()=>[R(Z)?(k(),U(s,{key:1,width:`100%`,height:`100%`})):(k(),U(o,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[E,{value:R(Z)?e.$t(`views.camview.rearrange_done`):e.$t(`views.camview.rearrange`)},void 0,{bottom:!0}]]):G(``,!0),!R(Q)&&R($)&&R(Z)&&!R(S)?M((k(),U(a,{key:1,onClick:i[2]||=e=>R(q)?.fitAspectRatios()},{icon:j(()=>[W(l,{width:`100%`,height:`100%`})]),_:1})),[[E,{value:e.$t(`views.camview.rearrange_fit_aspect`)},void 0,{bottom:!0}]]):G(``,!0),!R(Q)&&R($)&&R(Z)&&!R(S)?M((k(),U(a,{key:2,onClick:i[3]||=e=>R(q)?.compactGrid()},{icon:j(()=>[W(u,{width:`100%`,height:`100%`})]),_:1})),[[E,{value:e.$t(`views.camview.rearrange_auto`)},void 0,{bottom:!0}]]):G(``,!0),!R(Q)&&R($)&&R(Z)&&!R(S)?M((k(),U(a,{key:3,active:R(nt)!==`aspect`,"menu-open":R(Oe)?.isOpen,onClick:i[4]||=e=>R(Oe)?.toggleMenu(e)},{icon:j(()=>[W(d,{width:`100%`,height:`100%`})]),_:1},8,[`active`,`menu-open`])),[[E,{value:e.$t(`views.camview.card_fit`)},void 0,{bottom:!0}]]):G(``,!0),!R(Q)&&R($)?M((k(),U(a,{key:4,active:R(Me),onClick:i[5]||=e=>Me.value=!R(Me)},{icon:j(()=>[R(Me)?(k(),U(m,{key:1,width:`100%`,height:`100%`})):(k(),U(p,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[E,{value:R(Me)?e.$t(`components.form.tooltip.hide_timeline`):e.$t(`components.form.tooltip.show_timeline`)},void 0,{bottom:!0}]]):G(``,!0),!R(Q)&&R($)?(k(),U(h,{key:5,layout:`vertical`})):G(``,!0),!R(Q)&&R($)?M((k(),U(a,{key:6,disabled:R(Z),onClick:i[6]||=e=>wt(`removeView`)},{icon:j(()=>[W(ee,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[E,{value:e.$t(`components.form.tooltip.delete`)},void 0,{bottom:!0}]]):G(``,!0),!R(Y)&&!R(X)&&R($)?M((k(),U(a,{key:7,disabled:R(Z),onClick:i[7]||=e=>Y.value=!0},{icon:j(()=>[W(g,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[E,{value:e.$t(`components.form.tooltip.edit`)},void 0,{bottom:!0}]]):G(``,!0),!R(Y)&&!R(X)?M((k(),U(a,{key:8,disabled:R(Z),onClick:R(De)?.toggleMenu},{icon:j(()=>[W(ne,{class:N([`transform transition-transform duration-300`,{"rotate-45":R(De)?.isOpen}]),width:`100%`,height:`100%`},null,8,[`class`])]),_:1},8,[`disabled`,`onClick`])),[[E,{value:e.$t(`components.form.tooltip.new`)},void 0,{bottom:!0}]]):G(``,!0),R(Y)||R(X)?(k(),U(a,{key:9,label:e.$t(`components.form.button.cancel`),onClick:i[8]||=e=>R(Y)?Y.value=!1:X.value=!1},null,8,[`label`])):G(``,!0),R(Y)||R(X)?(k(),U(a,{key:10,label:e.$t(`components.form.button.save`),disabled:R(Ge).every(e=>e.lastDroppedCamera===void 0),primary:``,onClick:Ot},null,8,[`label`,`disabled`])):G(``,!0)]),_:1},8,[`left-offset`]),P(`div`,{class:N([`w-full h-full flex relative`,{"flex-row":R(C),"flex-col":!R(C)}]),style:K({paddingTop:`${R(55)}px`})},[P(`div`,{class:N([`flex relative z-1 camview-content-transition`,{"h-full items-center justify-center":R(C)||!R(de)?.result.length,"w-full items-start justify-start":!R(C)&&R(de)?.result.length}]),style:K(R(ot))},[R(Ze)?(k(),I(`div`,Gn,[(k(),U(v,{key:0,class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`}))])):!R($)&&!R(X)?(k(),I(`div`,Kn,[P(`div`,qn,[W(ie,{class:`w-12 h-12 text-muted`}),P(`span`,Jn,F(e.$t(`views.camview.no_views_configured`)),1)])])):R($)||R(X)?(k(),I(`div`,{key:2,class:N([`w-full h-full`,{"p-2 pb-0":!R(S)}])},[(k(),U(nn,{ref_key:`viewDndRef`,ref:q,key:R(A).camview.viewid+(R(X)?`-new`:R(Y)?`-edit`:`-view`),cameras:R(le)?.result||[],"edit-mode":R(X)||R(Y),"rearrange-mode":R(Z),"view-size":R(X)?R(J).viewSize:R(yt),title:R(J).name,cards:R(Ge),"camera-card-props":R(at),"camera-card-models":R(Xe),onDrop:At,onRemove:jt,onChangeViewSize:i[9]||=e=>wt(`editView`),onExpand:Ft,onRearrange:Pt},null,8,[`cameras`,`edit-mode`,`rearrange-mode`,`view-size`,`title`,`cards`,`camera-card-props`,`camera-card-models`]))],2)):G(``,!0)],6),W(be,{name:R(C)?`slide-left`:`slide-up`,onBeforeEnter:i[10]||=e=>Pe.value=!0,onAfterEnter:i[11]||=e=>Le.value=!1,onBeforeLeave:i[12]||=e=>Pe.value=!1},{default:j(()=>[R(Me)?(k(),U(R(c),{key:0,"camera-ids":R(pt),"event-camera-ids":R(ft),"camera-names":R(ht),"initial-timestamp":R(vt),onEventSelect:It,loading:R(Le),type:R(C)?`vertical`:`horizontal`,"dark-mode":``,"md-breakpoint":R(T),class:N([`shrink-0 transition-[left] duration-200`,{"h-full w-[400px] pt-2 pr-2":R(C),"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10":!R(C),"p-0! pt-2! border-color":R(S)}]),"card-class":{"!shadow-xl":!0,"!rounded-none border-l-0! border-r-0!":R(S)},style:K(R(C)?void 0:{left:`${R($e)}px`,bottom:`calc(${R(_)}px + env(safe-area-inset-bottom, 0px))`}),"locale-settings":R(et)},null,8,[`camera-ids`,`event-camera-ids`,`camera-names`,`initial-timestamp`,`loading`,`type`,`md-breakpoint`,`class`,`card-class`,`style`,`locale-settings`])):G(``,!0)]),_:1},8,[`name`])],6),!R(Q)&&R($)?(k(),U(b,{key:0,model:R(ut),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:K({bottom:R(C)?`0`:`calc(${R(Pe)?192:0}px + ${R(_)>0?`0.5rem`:`0px`})`,right:R(C)?`calc(${R(Pe)?400:0}px + 0.5rem)`:`0.5rem`,transition:`bottom 0.25s ease-out, right 0.25s ease-out`})},{button:j(({visible:e,toggleCallback:t})=>[W(ae,{severity:`secondary`,class:N([`dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto`,{"opacity-100":e}]),rounded:``,loading:R(Ze),onClick:t},{icon:j(()=>[P(`div`,Yn,[P(`div`,{class:N([`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),P(`div`,{class:N([`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),P(`div`,{class:N([`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:j(({item:e,toggleCallback:t})=>[M((k(),U(ae,Se({loading:R(Ze),severity:`secondary`},e.buttonProps,{rounded:``,onClick:t}),{icon:j(()=>[(k(),U(we(e.icon)))]),_:2},1040,[`loading`,`onClick`])),[[E,{value:e.label}]])]),_:1},8,[`model`,`style`])):G(``,!0),W(w,{ref_key:`menuRef`,ref:Te,items:R(xt),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`]),W(w,{ref_key:`cardFitMenuRef`,ref:Oe,items:R(rt),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`]),W(w,{ref_key:`newViewMenuRef`,ref:De,items:R(St),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])])}}}),[[`__scopeId`,`data-v-445aafd3`]]);export{Xn as default};

package/dist/interface/assets/{Camview-CS7PIBMz.css → Camview-Lp3QU0de.css}

@@ -1 +1 @@
-.drag-preview[data-v-5498a5c0]{pointer-events:none!important;z-index:9999!important;opacity:.8!important;will-change:left, top!important;cursor:grabbing!important;border-radius:.75rem!important;transition:none!important;position:fixed!important;overflow:hidden!important;transform:none!important}.view-dnd-card[data-v-ca177470]{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.view-dnd-card[data-v-ca177470] .p-button-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.view-container[data-v-56ef6633]{width:100%;height:100%;transition:padding .2s ease-in-out}.cui-fs-exit[data-v-56ef6633]{top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);z-index:2147483647;-webkit-backdrop-filter:blur(8px);opacity:.85;width:40px;height:40px;transition:opacity .15s;position:fixed;color:#fff!important;background:#0000008c!important;border:1px solid #ffffff26!important}.cui-fs-exit[data-v-56ef6633]:hover,.cui-fs-exit[data-v-56ef6633]:focus{opacity:1}.view-box[data-v-56ef6633]{margin-right:-400px;transition:all .2s ease-in-out}.card-expanded[data-v-56ef6633]{animation:.25s ease-out card-expand-56ef6633}@keyframes card-expand-56ef6633{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-collapsing[data-v-56ef6633]{animation:.25s ease-out forwards card-collapse-56ef6633}@keyframes card-collapse-56ef6633{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.grid-stack>.grid-stack-item>.grid-stack-item-content{background:#000;border:2px solid #0000;transition:top .25s,right .25s,bottom .25s,left .25s,border-radius .25s;overflow:hidden}.grid-stack>.grid-stack-placeholder>.placeholder-content{border-radius:8px;background:#df2a4c14!important;border:2px dashed #df2a4c99!important}.grid-stack:not(.grid-stack-static)>.grid-stack-item:not(.ui-resizable-disabled)>.ui-resizable-se{opacity:0;z-index:10;border-radius:0 0 8px;transition:opacity .15s;background:linear-gradient(135deg,#0000 50%,#df2a4c99 50%)!important;width:24px!important;height:24px!important;display:block!important;transform:none!important}.grid-stack:not(.grid-stack-static)>.grid-stack-item:hover>.ui-resizable-se{opacity:1}.grid-stack:not(.grid-stack-static)>.grid-stack-item>.grid-stack-item-content{border:2px solid #0000;border-radius:12px;transition:top .25s,right .25s,bottom .25s,left .25s,border-radius .25s,border-color .15s;animation:.5s ease-out rearrange-border-pulse}@keyframes rearrange-border-pulse{0%{border-color:#0000}35%{border-color:#df2a4cb3}to{border-color:#0000}}.grid-stack:not(.grid-stack-static)>.grid-stack-item:hover>.grid-stack-item-content{border-color:#df2a4c80}.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content{border-color:#df2a4ccc;box-shadow:0 8px 32px #0006}.view-select-container[data-v-641aac54]{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.view-select-item[data-v-641aac54]{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.view-select-item-icon[data-v-641aac54]{background:var(--border-color);border-radius:10px;transition:box-shadow .2s}.view-select-item-label[data-v-641aac54]{border-radius:4px;font-size:14px}.view-select-item:hover .view-select-item-icon[data-v-641aac54],.selected-view[data-v-641aac54]{box-shadow:inset 0px 0px 0px 1px var(--text-primary-color)}.view-select-item:hover .view-select-item-label[data-v-641aac54],.selected-view-label[data-v-641aac54]{background:var(--text-primary-color);transition:background .2s;color:#fff!important}.camview-content-transition[data-v-feeb9ded]{transition:width .3s ease-out,height .3s ease-out,padding-bottom .3s ease-out}.slide-left-enter-active[data-v-feeb9ded],.slide-left-leave-active[data-v-feeb9ded]{transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;top:55px;bottom:0;right:0}.slide-left-enter-from[data-v-feeb9ded],.slide-left-leave-to[data-v-feeb9ded]{opacity:0;transform:translate(100%)}.slide-up-enter-active[data-v-feeb9ded],.slide-up-leave-active[data-v-feeb9ded]{transition:transform .3s ease-out,opacity .3s ease-out}.slide-up-enter-from[data-v-feeb9ded],.slide-up-leave-to[data-v-feeb9ded]{opacity:0;transform:translateY(100%)}.p-divider-vertical[data-v-feeb9ded]:before{border-inline-start:1px solid #2d2d2d}[data-v-feeb9ded] .p-speeddial-open .p-speeddial-list{pointer-events:auto}
+.drag-preview[data-v-5498a5c0]{pointer-events:none!important;z-index:9999!important;opacity:.8!important;will-change:left, top!important;cursor:grabbing!important;border-radius:.75rem!important;transition:none!important;position:fixed!important;overflow:hidden!important;transform:none!important}.view-dnd-card[data-v-ca177470]{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.view-dnd-card[data-v-ca177470] .p-button-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.view-container[data-v-d475eed2]{width:100%;height:100%;transition:padding .2s ease-in-out}.cui-fs-exit[data-v-d475eed2]{top:calc(env(safe-area-inset-top) + 12px);right:calc(env(safe-area-inset-right) + 12px);z-index:2147483647;-webkit-backdrop-filter:blur(8px);opacity:.85;width:40px;height:40px;transition:opacity .15s;position:fixed;color:#fff!important;background:#0000008c!important;border:1px solid #ffffff26!important}.cui-fs-exit[data-v-d475eed2]:hover,.cui-fs-exit[data-v-d475eed2]:focus{opacity:1}.view-box[data-v-d475eed2]{margin-right:-400px;transition:all .2s ease-in-out}.card-expanded[data-v-d475eed2]{animation:.25s ease-out card-expand-d475eed2}@keyframes card-expand-d475eed2{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-collapsing[data-v-d475eed2]{animation:.25s ease-out forwards card-collapse-d475eed2}@keyframes card-collapse-d475eed2{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.grid-stack>.grid-stack-item>.grid-stack-item-content{background:#000;border:2px solid #0000;transition:top .25s,right .25s,bottom .25s,left .25s,border-radius .25s;overflow:hidden}.grid-stack>.grid-stack-placeholder>.placeholder-content{border-radius:8px;background:#df2a4c14!important;border:2px dashed #df2a4c99!important}.grid-stack:not(.grid-stack-static)>.grid-stack-item:not(.ui-resizable-disabled)>.ui-resizable-se{opacity:0;z-index:10;border-radius:0 0 8px;transition:opacity .15s;background:linear-gradient(135deg,#0000 50%,#df2a4c99 50%)!important;width:24px!important;height:24px!important;display:block!important;transform:none!important}.grid-stack:not(.grid-stack-static)>.grid-stack-item:hover>.ui-resizable-se{opacity:1}.grid-stack:not(.grid-stack-static)>.grid-stack-item>.grid-stack-item-content{border:2px solid #fff3;border-radius:12px;transition:top .25s,right .25s,bottom .25s,left .25s,border-radius .25s,border-color .15s;animation:.5s ease-out rearrange-border-pulse}@keyframes rearrange-border-pulse{0%{border-color:#0000}35%{border-color:#df2a4cb3}to{border-color:#fff3}}.grid-stack:not(.grid-stack-static)>.grid-stack-item:hover>.grid-stack-item-content{border-color:#df2a4c80}.grid-stack>.grid-stack-item.ui-draggable-dragging>.grid-stack-item-content{border-color:#df2a4ccc;box-shadow:0 8px 32px #0006}.view-select-container[data-v-641aac54]{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.view-select-item[data-v-641aac54]{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.view-select-item-icon[data-v-641aac54]{background:var(--border-color);border-radius:10px;transition:box-shadow .2s}.view-select-item-label[data-v-641aac54]{border-radius:4px;font-size:14px}.view-select-item:hover .view-select-item-icon[data-v-641aac54],.selected-view[data-v-641aac54]{box-shadow:inset 0px 0px 0px 1px var(--text-primary-color)}.view-select-item:hover .view-select-item-label[data-v-641aac54],.selected-view-label[data-v-641aac54]{background:var(--text-primary-color);transition:background .2s;color:#fff!important}.camview-content-transition[data-v-445aafd3]{transition:width .3s ease-out,height .3s ease-out,padding-bottom .3s ease-out}.slide-left-enter-active[data-v-445aafd3],.slide-left-leave-active[data-v-445aafd3]{transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;top:55px;bottom:0;right:0}.slide-left-enter-from[data-v-445aafd3],.slide-left-leave-to[data-v-445aafd3]{opacity:0;transform:translate(100%)}.slide-up-enter-active[data-v-445aafd3],.slide-up-leave-active[data-v-445aafd3]{transition:transform .3s ease-out,opacity .3s ease-out}.slide-up-enter-from[data-v-445aafd3],.slide-up-leave-to[data-v-445aafd3]{opacity:0;transform:translateY(100%)}.p-divider-vertical[data-v-445aafd3]:before{border-inline-start:1px solid #2d2d2d}[data-v-445aafd3] .p-speeddial-open .p-speeddial-list{pointer-events:auto}