npm - @camera.ui/server - Versions diffs - 0.0.113 → 0.0.114 - Mend

@camera.ui/server 0.0.113 → 0.0.114

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/dist/interface/assets/{Camview-CDM4Q_tc.css → Camview-CS2a2okQ.css} RENAMED Viewed

	@@ -1 +1 @@
1	- .drag-preview[data-v-a4c67afd]{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-49edf1f5]{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.view-container[data-v-~~dab436e9~~]{width:100%;height:100%;transition:padding .2s ease-in-out}.cui-fs-exit[data-v-~~dab436e9~~]{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-~~dab436e9~~]:hover,.cui-fs-exit[data-v-~~dab436e9~~]:focus{opacity:1}.view-box[data-v-~~dab436e9~~]{margin-right:-400px;transition:all .2s ease-in-out}.card-expanded[data-v-~~dab436e9~~]{animation:.25s ease-out card-expand-~~dab436e9~~}@keyframes card-expand-~~dab436e9~~{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-collapsing[data-v-~~dab436e9~~]{animation:.25s ease-out forwards card-collapse-~~dab436e9~~}@keyframes card-collapse-~~dab436e9~~{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-6ee3e146]{transition:width .3s ease-out,height .3s ease-out,padding-bottom .3s ease-out}.slide-left-enter-active[data-v-6ee3e146],.slide-left-leave-active[data-v-6ee3e146]{transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;top:55px;bottom:0;right:0}.slide-left-enter-from[data-v-6ee3e146],.slide-left-leave-to[data-v-6ee3e146]{opacity:0;transform:translate(100%)}.slide-up-enter-active[data-v-6ee3e146],.slide-up-leave-active[data-v-6ee3e146]{transition:transform .3s ease-out,opacity .3s ease-out}.slide-up-enter-from[data-v-6ee3e146],.slide-up-leave-to[data-v-6ee3e146]{opacity:0;transform:translateY(100%)}.p-divider-vertical[data-v-6ee3e146]:before{border-inline-start:1px solid #2d2d2d}[data-v-6ee3e146] .p-speeddial-open .p-speeddial-list{pointer-events:auto}
1	+ .drag-preview[data-v-a4c67afd]{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-49edf1f5]{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.view-container[data-v-3273ba0f]{width:100%;height:100%;transition:padding .2s ease-in-out}.cui-fs-exit[data-v-3273ba0f]{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-3273ba0f]:hover,.cui-fs-exit[data-v-3273ba0f]:focus{opacity:1}.view-box[data-v-3273ba0f]{margin-right:-400px;transition:all .2s ease-in-out}.card-expanded[data-v-3273ba0f]{animation:.25s ease-out card-expand-3273ba0f}@keyframes card-expand-3273ba0f{0%{opacity:.8;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.card-collapsing[data-v-3273ba0f]{animation:.25s ease-out forwards card-collapse-3273ba0f}@keyframes card-collapse-3273ba0f{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-6ee3e146]{transition:width .3s ease-out,height .3s ease-out,padding-bottom .3s ease-out}.slide-left-enter-active[data-v-6ee3e146],.slide-left-leave-active[data-v-6ee3e146]{transition:transform .3s ease-out,opacity .3s ease-out;position:absolute;top:55px;bottom:0;right:0}.slide-left-enter-from[data-v-6ee3e146],.slide-left-leave-to[data-v-6ee3e146]{opacity:0;transform:translate(100%)}.slide-up-enter-active[data-v-6ee3e146],.slide-up-leave-active[data-v-6ee3e146]{transition:transform .3s ease-out,opacity .3s ease-out}.slide-up-enter-from[data-v-6ee3e146],.slide-up-leave-to[data-v-6ee3e146]{opacity:0;transform:translateY(100%)}.p-divider-vertical[data-v-6ee3e146]:before{border-inline-start:1px solid #2d2d2d}[data-v-6ee3e146] .p-speeddial-open .p-speeddial-list{pointer-events:auto}

package/dist/interface/assets/{Camview-DD9jLT7-.js → Camview-CoHrXLHW.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{G as e,Hn as t,I as n,It as r,N as i,Si as a,Vn as o,fi as s,tt as c}from"./vendor-cameraui-DgSMexWY.js";import{A as l,S as u,T as d,a as f,m as p}from"./api-aSYFKxo6.js";import{$n as m,$t as h,An as ee,Cr as g,En as _,Er as v,Gn as te,L as y,Ln as ne,On as b,Pn as x,R as re,Rn as S,Sr as C,Tr as w,Vn as T,Zn as E,_r as D,an as O,br as k,dn as A,fn as j,fr as M,jn as N,mn as P,mr as F,nr as I,on as ie,pn as L,rn as ae,rr as R,un as z,ur as B,vr as oe,xn as V,yn as H,z as se,zn as U}from"./vendor-DoIl6acN.js";import{f as ce}from"./vendor-core-BKHiXSX7.js";import{A as le,D as W,E as ue,M as G,N as K,O as de,P as fe,S as pe,T as me,j as he,k as ge,w as _e}from"./CuiCameraCard-IyJNZMGs.js";import{t as ve}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{i as ye,n as be,r as xe,t as Se}from"./useSharedComposables-gpJ--qZh.js";import{n as Ce}from"./ui-DrzKhUXW.js";import{t as we}from"./close-DuwOOM-P.js";import{J as Te,K as Ee,R as q,U as De,b as Oe,o as ke}from"./vendor-primevue-7iEzPOvf.js";import{t as Ae}from"./grid-fill-DBU_n60V.js";import{t as J}from"./CuiCameraSnapshot-DTtvEMy1.js";import{a as Y,i as X,n as Z,r as je,t as Me}from"./vendor-dnd-_zxmhxjM.js";import{n as Ne,t as Pe}from"./CuiMenu-Ds6GufVn.js";import{t as Fe}from"./cameras-CvJDLEZ3.js";import{t as Ie}from"./useCuiDialog-DHktK-mZ.js";import{a as Le}from"./users.schema-BIL9DqRo.js";import{t as Re}from"./routerState-dQtObsFs.js";import{t as ze}from"./check-BMoCATAa.js";import{n as Be,t as Ve}from"./microphone-CAVr4YFv.js";import{t as He}from"./plus-Dqgz6pez.js";import{t as Ue}from"./delete-5a2q7_46.js";import{t as We}from"./CuiCameraPipCard-KUBxGPoU.js";import{n as Ge,t as Ke}from"./CuiTopNavbarItem-Q7M4nMw5.js";import{t as qe}from"./vendor-gridstack-DD5uGA3X.js";var Je={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ye(e,t){return U(),P(`svg`,Je,[...t[0]\|\|=[A(`path`,{fill:`currentColor`,d:`M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2L8.6 4.5L10 7zm12 9.8L22 14l-1.4 2.5L22 19l-2.5-1.4L17 19l1.4-2.5L17 14zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4zm-8.66 10.78l2.44-2.44l-2.12-2.12l-2.44 2.44zm1.03-5.49l2.34 2.34c.39.37.39 1.02 0 1.41L5.04 22.71c-.39.39-1.04.39-1.41 0l-2.34-2.34c-.39-.37-.39-1.02 0-1.41L12.96 7.29c.39-.39 1.04-.39 1.41 0`},null,-1)]])}var Xe=B({name:`mdi-auto-fix`,render:Ye}),Ze={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Qe(e,t){return U(),P(`svg`,Ze,[...t[0]\|\|=[A(`g`,{fill:`none`,"fill-rule":`evenodd`},[A(`path`,{d:`m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z`}),A(`path`,{fill:`currentColor`,d:`M19 11a2 2 0 0 1 1.995 1.85L21 13v6a2 2 0 0 1-1.85 1.995L19 21h-4a2 2 0 0 1-1.995-1.85L13 19v-6a2 2 0 0 1 1.85-1.995L15 11zM9 15a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2zM9 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm10 0a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`})],-1)]])}var $e=B({name:`mingcute-grid2-fill`,render:Qe}),et={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function tt(e,t){return U(),P(`svg`,et,[...t[0]\|\|=[A(`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 nt=B({name:`mdi-cursor-move`,render:tt}),rt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Q(e,t){return U(),P(`svg`,rt,[...t[0]\|\|=[A(`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=B({name:`fluent-pulse-24-filled`,render:Q}),at={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function ot(e,t){return U(),P(`svg`,at,[...t[0]\|\|=[A(`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),A(`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=B({name:`heroicons-speaker-wave-16-solid`,render:ot}),$={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function ct(e,t){return U(),P(`svg`,$,[...t[0]\|\|=[A(`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=B({name:`heroicons-speaker-x-mark-16-solid`,render:ct}),ut={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function dt(e,t){return U(),P(`svg`,ut,[...t[0]\|\|=[A(`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 ft=B({name:`material-symbols-motion-photos-auto-outline-rounded`,render:dt}),pt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function mt(e,t){return U(),P(`svg`,pt,[...t[0]\|\|=[A(`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 ht=B({name:`mdi-card-plus-outline`,render:mt}),gt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function _t(e,t){return U(),P(`svg`,gt,[...t[0]\|\|=[A(`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 vt=B({name:`mdi-drag-vertical`,render:_t}),yt={class:`text-sm text-muted truncate`},bt=ve(V({__name:`ViewDnDDrag`,props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(e){let{camera:n,canDrag:r}=k(e),i=E(`boxRef`),a=D(null),o=F(0),s=F(0),c=F(!1),{x:l,y:u,sourceType:d}=ye(),[f,p]=X(()=>({type:`camera-sidebar`,options:{dropEffect:`copy`},item:n.value,canDrag:r.value,collect:e=>({style:{opacity:e.isDragging()?.4:1},isDragging:e.isDragging()})})),h=z(()=>f.value.isDragging),ee=z(()=>h.value&&d.value===`touch`);function _(){a.value&&document.body.contains(a.value)&&document.body.removeChild(a.value),a.value=null}function te(){if(_(),!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 y(){c.value=!1,_()}function ne(){y(),c.value=!0;let e=i.value?.getBoundingClientRect();e&&(o.value=l.value-e.left,s.value=u.value-e.top,te())}function b(){!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 m(ee,e=>e?ne():y()),m([l,u],()=>b(),{flush:`sync`}),x(()=>y()),(r,a)=>{let o=vt,s=J,c=t;return U(),P(`div`,{ref_key:`boxRef`,ref:i},[A(`div`,{ref:C(p),style:w(C(f).style)},[H(c,{disabled:e.isDropped,fluid:``,severity:`secondary`,class:`cui-rounded-corner dark-mode shadow-sm items-center justify-normal`,style:w({cursor:e.isDropped?`not-allowed`:`grab`})},{default:I(()=>[H(o,{size:`20`,class:`text-muted mr-2`}),H(s,{camera:C(n),width:`110px`,class:g([`cui-rounded-corner shadow-md overflow-hidden`,{"opacity-30":e.isDropped}])},null,8,[`camera`,`class`]),A(`span`,yt,v(C(n).name),1)]),_:1},8,[`disabled`,`style`])],4)],512)}}}),[[`__scopeId`,`data-v-a4c67afd`]]),xt={editMode:!1,rearrangeMode:!1,viewSize:1},St=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.cols16,rows:t.rows16}])),Ct=e=>e.map(e=>({x:e.x16,y:e.y16,w:e.w16,h:e.h16})),wt=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,Ct(t)])),Tt={class:`text-lg font-semibold text-white`},Et={class:`flex flex-col gap-3 w-full h-full overflow-y-auto`},Dt={class:`cui-label`},Ot={key:0,class:`text-muted text-sm`},kt=V({__name:`ViewDnDSidebar`,props:{cameras:{},droppedCameras:{},title:{}},emits:[`changeViewSize`],setup(e,{emit:n}){let r=e,i=n,{droppedCameras:a}=k(r);function o(e){return a.value.some(t=>t.name===e.name)}return(n,r)=>{let a=t,s=bt;return U(),P(`div`,{class:`sidebar-view-background flex flex-col p-2 border-[1px] border-color gap-2 rounded-xl`,style:w({width:`${C(400)}px`})},[A(`span`,Tt,v(e.title),1),A(`div`,Et,[H(a,{fluid:``,label:`Change grid size`,class:`cui-button-small dark-mode shrink-0 my-4`,onClick:r[0]\|\|=e=>i(`changeViewSize`)}),A(`label`,Dt,v(n.$t(`components.view_box.available_streams`)),1),(U(!0),P(ie,null,T(e.cameras,(e,t)=>(U(),P(`div`,{key:t},[H(s,{camera:e,"is-dropped":o(e),"can-drag":!o(e)},null,8,[`camera`,`is-dropped`,`can-drag`])]))),128)),e.cameras.length?L(``,!0):(U(),P(`span`,Ot,v(n.$t(`components.view_box.no_cameras`)),1))])],4)}}}),At={key:1,class:`w-full h-full bg-[#1a1a1a] flex items-center justify-center`},jt={key:2,class:`w-full h-full bg-[#111]`},Mt={key:1,class:`w-full h-full flex items-center justify-center`},Nt={key:0},Pt=ve(V({__name:`ViewDnDCard`,props:{camera:{},cameras:{},droppedCameras:{},mode:{},index:{},cameraCardProps:{},cameraCardModels:{},onDrop:{type:Function}},emits:[`drop`,`remove`,`expand`],setup(e,{expose:n,emit:r}){let i=e,o=r,{lgBreakpoint:s}=Se(),{camera:c,mode:l,cameras:u,droppedCameras:d}=k(i),f=E(`boxRef`),p=E(`containerRef`),m=E(`playerRef`),h=E(`menuRef`),{width:_}=a(p),[v,te]=je({accept:`camera-sidebar`,drop:i.onDrop,collect:e=>({isOver:e.isOver(),canDrop:e.canDrop()&&!c.value}),canDrop:()=>l.value===`edit`&&!c.value}),y=z(()=>v.value.canDrop&&v.value.isOver),ne=z(()=>l.value===`edit`?y.value?`#171717`:`#202020`:`#000`),b=z(()=>_.value<=200),x=z(()=>u.value.filter(e=>!d.value.some(t=>t.name===e.name))),re=z(()=>x.value.map(e=>({label:e.name,onClick:()=>o(`drop`,e)})));function S(e){m.value?.toggleMute(e)}async function T(e,t){await m.value?.toggleMicrophone(e,t)}function D(e){m.value?.toggleActivityMode(e)}async function M(e){await m.value?.toggleSourceRole(e)}async function N(e){await m.value?.toggleStreamingMode(e)}function F(e){m.value?.toggleBbox(e)}function ae(e){m.value?.togglePip(e)}return n({togglePlayerMute:S,toggleMicrophone:T,togglePlayerActivityMode:D,togglePlayerSourceRole:M,togglePlayerStreamingMode:N,togglePlayerBbox:F,togglePip:ae}),(n,r)=>{let i=We,a=He,d=we,_=t,v=J,y=Pe,x=Te;return U(),P(`div`,{ref_key:`boxRef`,ref:f,class:`view-dnd-card`},[C(l)===`normal`\|\|C(l)===`rearrange`?(U(),P(ie,{key:0},[C(c)?(U(),j(i,ee({key:0,ref_key:`playerRef`,ref:m},e.cameraCardProps,{"activity-mode":e.cameraCardModels?.activityMode,"source-role":e.cameraCardModels?.sourceRole,"streaming-mode":e.cameraCardModels?.streamingMode,"camera-info":C(c),class:`w-full h-full`,onExpand:r[0]\|\|=e=>o(`expand`,C(c),e)}),null,16,[`activity-mode`,`source-role`,`streaming-mode`,`camera-info`])):C(l)===`rearrange`?(U(),P(`div`,At,[H(a,{class:`w-6 h-6 text-white/20`})])):(U(),P(`div`,jt))],64)):C(l)===`edit`?(U(),P(ie,{key:1},[A(`div`,{ref:C(te),style:w({backgroundColor:C(ne)}),class:`w-full h-full`},[C(c)?(U(),P(`div`,{key:0,ref_key:`containerRef`,ref:p,class:`w-full h-full flex items-center justify-center relative min-w-0`},[H(_,{class:g([`z-1`,{"cui-icon-lg":C(b),"cui-button-small":!C(b)}]),label:C(b)?void 0:C(c).name,onClick:r[1]\|\|=O(e=>o(`remove`,C(c)),[`prevent`])},{icon:I(()=>[H(d)]),_:1},8,[`class`,`label`]),H(v,{camera:C(c),class:`absolute w-full h-full top-0 left-0 bg-black/50 opacity-20`},null,8,[`camera`])],512)):C(s)?L(``,!0):(U(),P(`div`,Mt,[C(u).length?(U(),j(_,{key:1,text:``,rounded:``,class:`cui-icon-md`,onClick:C(h)?.toggleMenu},{icon:I(()=>[H(a,{width:`100%`,height:`100%`})]),_:1},8,[`onClick`])):R((U(),P(`div`,Nt,[H(_,{text:``,rounded:``,disabled:``,class:`cui-icon-md`},{icon:I(()=>[H(a,{width:`100%`,height:`100%`})]),_:1})])),[[x,{value:n.$t(`views.camview.no_cameras`)},void 0,{top:!0}]])]))],4),H(y,{ref_key:`menuRef`,ref:h,items:C(re),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])],64)):L(``,!0)],512)}}}),[[`__scopeId`,`data-v-49edf1f5`]]),Ft={class:`w-full h-full flex flex-row`},It=[`gs-id`,`gs-x`,`gs-y`,`gs-w`,`gs-h`],Lt={class:`grid-stack-item-content`},Rt=ve(V({__name:`CuiCameraViewDnD`,props:b({cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean},rearrangeMode:{type:Boolean},cameraCardProps:{},cameraCardModels:{}},xt),emits:[`drop`,`remove`,`changeViewSize`,`expand`,`rearrange`],setup(n,{expose:i,emit:o}){let s=n,c=o,{isTouch:l}=xe(),{smBreakpoint:u,lgBreakpoint:d}=Se(),f=_(e,void 0),{routeFrom:p,routeTo:h}=ce(Re()),{editMode:ee,rearrangeMode:v,viewSize:te,cards:y,cameraCardProps:b}=k(s),re=E(`viewRef`),S=E(`wrapperRef`),D=E(`gridRef`),O=E(`cardRefs`),M=F(),B=F(),V=null,{isFullscreen:se,toggle:le}=r(re,{mode:`scroll`}),W=a(re),ue=a(S),G=z(()=>ee.value?`edit`:v.value?`rearrange`:`normal`),K=z(()=>M.value??B.value),de=z(()=>e=>{let t={...oe(b.value)};if(e){let n=p.value?.includes(`/cameras/${e.name}`)??!1,r=h.value?.includes(`/cameras/${e.name}`)??!1,i=t.viewTransition&&(n\|\|r),a=`/cameras/${e.name}`;f?.isActive.value?t.routerLink=`${a}?startTs=${Math.floor(f.currentTimestamp.value/1e3)}`:t.routerLink=a,t.viewTransition=i}return t}),fe=z(()=>(W.height.value-16)(16/9)),pe=z(()=>y.value.filter(e=>e.lastDroppedCamera).map(e=>e.lastDroppedCamera));function he(e){let t=y.value[e];if(u.value)return{x:0,y:t?.y??e,w:1,h:1};let n=wt[te.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 ge(){if(!V)return;let e=[];for(let t of V.getGridItems()){let n=t.gridstackNode;if(!n)continue;let r=parseInt(n.id),i=y.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 _e(){ge()}function ve(){if(!D.value)return;let e=St[te.value];if(!e)return;let t=u.value,n=t?1:e.cols,r=t?y.value.length:e.rows,i=S.value?.clientWidth??0,a=t?i9/16:i>0?i9/16/e.rows:60,o=G.value===`rearrange`;V=qe.init({column:n,minRow:r,cellHeight:a,margin:o?3:1,float:!1,animate:!1,staticGrid:!o,resizable:t?{handles:``}:{handles:`se`},disableResize:t,alwaysShowResizeHandle:!t},D.value),V.on(`change`,_e),requestAnimationFrame(()=>V?.setAnimation(!0))}function ye(){V&&=(V.offAll(),V.destroy(!1),null)}function be(e,t,n){n?M.value=t:(B.value=t,M.value=void 0,setTimeout(()=>{B.value=void 0},250)),c(`expand`,e,n)}async function Ce(){await le()}function we(e){for(let t of O.value\|\|[])t.togglePlayerMute(e)}async function Te(e,t){await Promise.allSettled((O.value\|\|[]).map(n=>n.toggleMicrophone(e,t)))}function Ee(e){for(let t of O.value\|\|[])t.togglePlayerActivityMode(e)}async function q(e){await Promise.allSettled((O.value\|\|[]).map(t=>t.togglePlayerSourceRole(e)))}async function De(e){await Promise.allSettled((O.value\|\|[]).map(t=>t.togglePlayerStreamingMode(e)))}function Oe(e){for(let t of O.value\|\|[])t.togglePlayerBbox(e)}function ke(e){for(let t of O.value\|\|[])t.togglePip(e)}function Ae(){V&&(V.compact(),ge())}function J(){if(!V)return;let e=St[te.value];if(!e)return;let t=e.cols,n=[];for(let e of V.getGridItems()){let t=e.gridstackNode;if(!t)continue;let r=parseInt(t.id),[i,a]=((y.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.rowHu),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/ot));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.cellRatioi))),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}V.batchUpdate();for(let[e,t]of p){let r=n.find(t=>t.idx===e);r&&V.update(r.el,t)}V.batchUpdate(!1),ge()}return m([te,()=>y.value.length,u],()=>{ye(),N(()=>ve())},{immediate:!1}),m(G,e=>{if(!V)return;let t=e===`rearrange`;V.setStatic(!t),V.margin(t?3:1)}),m(()=>ue.width.value,e=>{if(!(!V\|\|e<=0)){if(V.setAnimation(!1),u.value)V.cellHeight(e9/16);else{let t=St[te.value]?.rows??1;V.cellHeight(e9/16/t)}requestAnimationFrame(()=>V?.setAnimation(!0))}}),ne(()=>{N(()=>ve())}),x(()=>{ye()}),i({toggleFullscreen:Ce,toggleAllPlayerMute:we,toggleAllPlayerMicrophone:Te,toggleAllPlayerActivityMode:Ee,toggleAllPlayerSourceRole:q,toggleAllPlayerStreamingMode:De,toggleAllPlayerBbox:Oe,toggleAllPip:ke,compactGrid:Ae,fitAspectRatios:J,isFullscreen:se}),(e,r)=>{let i=me,a=t,o=Pt,s=kt;return U(),j(C(Y),{backend:C(l)?C(Me):C(Z)},{default:I(()=>[A(`div`,Ft,[A(`div`,{ref_key:`viewRef`,ref:re,class:g([`view-container w-full flex flex-col min-w-0 overflow-y-auto items-center`,{"px-2":C(ee)&&C(d)}])},[C(se)?(U(),j(a,{key:0,severity:`secondary`,rounded:``,class:`cui-fs-exit`,"aria-label":e.$t(`components.form.tooltip.fullscreen_off`),onClick:C(le)},{icon:I(()=>[H(i,{class:`w-5 h-5`})]),_:1},8,[`aria-label`,`onClick`])):L(``,!0),C(K)===void 0?L(``,!0):(U(),P(`div`,{key:1,class:`w-full aspect-video relative my-auto`,style:w({maxWidth:`${C(fe)}px`})},[H(o,{ref:`fsCardRef`,class:g([`w-full h-full`,{"card-expanded":C(M)!==void 0,"card-collapsing":C(B)!==void 0}]),camera:C(y)[C(K)]?.lastDroppedCamera,cameras:n.cameras,"dropped-cameras":C(pe),mode:`normal`,index:C(K),"camera-card-props":{...C(de)(C(y)[C(K)]?.lastDroppedCamera),expanded:!0},"camera-card-models":n.cameraCardModels,onExpand:r[0]\|\|=(e,t)=>be(e,C(K),t)},null,8,[`class`,`camera`,`cameras`,`dropped-cameras`,`index`,`camera-card-props`,`camera-card-models`])],4)),R(A(`div`,{ref_key:`wrapperRef`,ref:S,class:g([`w-full relative my-auto`,C(u)?`h-auto`:`aspect-video`]),style:w(C(u)?void 0:{maxWidth:`${C(fe)}px`})},[A(`div`,{ref_key:`gridRef`,ref:D,class:`grid-stack w-full h-full`},[(U(!0),P(ie,null,T(C(y),(e,t)=>(U(),P(`div`,{key:t,class:`grid-stack-item`,"gs-id":String(t),"gs-x":he(t).x,"gs-y":he(t).y,"gs-w":he(t).w,"gs-h":he(t).h},[A(`div`,Lt,[H(o,{ref_for:!0,ref_key:`cardRefs`,ref:O,camera:e.lastDroppedCamera,cameras:n.cameras,"dropped-cameras":C(pe),mode:C(G),index:t,"camera-card-props":{...C(de)(e.lastDroppedCamera),expanded:C(K)===t},"camera-card-models":n.cameraCardModels,"on-drop":e=>c(`drop`,t,e),onExpand:(e,n)=>be(e,t,n),onDrop:e=>c(`drop`,t,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`])])],8,It))),128))],512)],6),[[ae,C(K)===void 0]])],2),C(ee)&&C(d)?(U(),j(s,{key:0,cameras:n.cameras,"dropped-cameras":C(pe),title:n.title,class:`view-box shadow-xl`,style:w({"margin-right":C(ee)?`0px`:`-${C(400)}px`}),onChangeViewSize:r[2]\|\|=e=>c(`changeViewSize`)},null,8,[`cameras`,`dropped-cameras`,`title`,`style`])):L(``,!0)])]),_:1},8,[`backend`])}}}),[[`__scopeId`,`data-v-dab436e9`]]),zt={class:`flex flex-col gap-3`},Bt={class:`text-wrap`},Vt={class:`w-full h-full flex items-center justify-center relative`},Ht=V({__name:`AudioVisualizer`,emits:[`listening`],setup(e,{expose:n,emit:r}){let i=r,a=l(),o=d(),s=_(`dialogRefProps`),c=E(`canvasRef`),u=D(),f=D(),p=F(!1),m=z(()=>!!s.loading?.value);async function h(){if(p.value)g();else try{u.value&&g();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}p.value=!0,i(`listening`,!0),u.value=new AudioContext;let t=u.value.createAnalyser();t.fftSize=1024,f.value=e.getTracks(),u.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,2Math.PI),r.lineWidth=1,r.stroke(),r.closePath();for(let e=0;e<90;e++){n=i[e].4;let t=Math.PI2/90;ee(r,l+Math.cos(te)30,u+Math.sin(te)30,l+Math.cos(te)(30+n),u+Math.sin(te)*(30+n),3)}p.value\|\|r.clearRect(0,0,c.value.width,c.value.height)}};s()}catch(e){g(),a.error(e)}}function ee(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 g(){u.value?.close(),u.value=void 0,f.value?.forEach(e=>e.stop()),f.value=void 0,p.value=!1,i(`listening`,!1)}return S(()=>{g()}),n({isLoading:m}),(e,n)=>{let r=Ve,i=t;return U(),P(`div`,zt,[A(`span`,Bt,v(e.$t(`components.dialog.message.intercom_info`)),1),A(`div`,Vt,[H(i,{rounded:``,class:`w-[60px] h-[60px] absolute z-1`,onClick:h},{icon:I(()=>[H(r,{width:`100%`,height:`100%`})]),_:1}),A(`canvas`,{ref_key:`canvasRef`,ref:c,height:`300`,width:`300`},null,512)])])}}}),Ut=[`fill`],Wt=V({__name:`CuiCameraGridIcon1`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Ut))}}),Gt=[`fill`],Kt=V({__name:`CuiCameraGridIcon10`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Gt))}}),qt=[`fill`],Jt=V({__name:`CuiCameraGridIcon12`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,qt))}}),Yt=[`fill`],Xt=V({__name:`CuiCameraGridIcon13`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Yt))}}),Zt=[`fill`],Qt=V({__name:`CuiCameraGridIcon15`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Zt))}}),$t=[`fill`],en=V({__name:`CuiCameraGridIcon16`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,$t))}}),tn=[`fill`],nn=V({__name:`CuiCameraGridIcon20`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,tn))}}),rn=[`fill`],an=V({__name:`CuiCameraGridIcon26`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,rn))}}),on=[`fill`],sn=V({__name:`CuiCameraGridIcon4`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,on))}}),cn=[`fill`],ln=V({__name:`CuiCameraGridIcon6`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,cn))}}),un=[`fill`],dn=V({__name:`CuiCameraGridIcon7`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,un))}}),fn=[`fill`],pn=V({__name:`CuiCameraGridIcon9`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,fn))}}),mn={for:`name`,class:`cui-label`},hn={key:0,class:`flex flex-col gap-6 justify-center`},gn={key:0,class:`text-red-500 text-center mb-5`},_n={class:`md:max-h-[350px] overflow-y-auto`},vn={class:`block cui-label mb-3`},yn={key:1,class:`flex flex-col gap-6 justify-center`},bn={key:0,class:`text-red-500 text-center mb-5`},xn={class:`md:max-h-[450px] overflow-y-auto`},Sn={class:`block cui-label mb-3`},Cn={class:`view-select-container`},wn=[`onClick`],Tn=ve(V({__name:`CamviewForm`,props:{form:{},type:{},cameras:{},views:{}},setup(e,{expose:t}){let n=new u,r=e,i=l(),a=d(),{t:o}=s(),b=_(`dialogRefProps`),{user:x}=ce(p()),{mutateAsync:S,isPending:w}=n.createViewQuery(),{mutateAsync:D,isPending:O}=n.patchViewQuery(),{form:M,type:N,cameras:ae,views:R}=k(r),B=E(`formRef`),oe=F([1,4,6,7,9,10,12,13,15,16,20,26]),V=F(!0),le=F(!0),W=F([]),ue=F(!!M.value),G=F(M.value?f(M.value):{});!ue.value&&N.value===`view`&&(G.value.viewSize=oe.value[0]);let K=z(()=>!!(b.loading?.value\|\|w.value\|\|O.value));function de(e){let t=W.value.findIndex(t=>t.name===e.name);t===-1?W.value.push(e):W.value.splice(t,1)}function fe(e){switch(e){case 1:return Wt;case 4:return sn;case 6:return ln;case 7:return dn;case 9:return pn;case 10:return Kt;case 12:return Jt;case 13:return Xt;case 15:return Qt;case 16:return en;case 20:return nn;case 26:return an;default:return Wt}}async function pe(){if(!B.value\|\|!x.value)return;let e=R.value.find(e=>e.name===G.value.name);if(e&&!ue.value)return i.error(`View already exists`,e),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;if(N.value===`dnd`){if(le.value)return i.error(`No cameras selected`),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;let e=W.value.map((e,t)=>({cameraId:e._id,index:t}));G.value.cameras=e,G.value.type=`dnd`,G.value.viewSize=1,B.value.setFieldValue(`type`,`dnd`),B.value.setFieldValue(`viewSize`,1),B.value.setFieldValue(`cameras`,e);let t=await B.value.validate();return t?.valid?ue.value?await D({username:x.value.username,viewid:G.value._id,viewData:G.value}):await S({username:x.value.username,viewData:G.value}):(i.error(`Validation failed`,t),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null)}else{if(V.value)return i.error(`No view selected`),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;G.value.cameras=[],G.value.type=`view`,B.value.setFieldValue(`type`,`view`),B.value.setFieldValue(`cameras`,[]);let e=await B.value.validate();return e?.valid?f(G.value):(i.error(`Validation failed`,e),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null)}}return m(G,e=>{for(let[t,n]of Object.entries(e))B.value?.setFieldValue(t,n);e.viewSize&&(V.value=!1),e.cameras?.length&&(le.value=!1)},{deep:!0,immediate:!0}),m(W,e=>{le.value=e.length===0},{deep:!0}),ne(()=>{W.value=ae.value?.filter(e=>G.value?.cameras?.some(t=>t.cameraId===e._id))\|\|[]}),t({isLoading:K,onConfirm:pe}),(e,t)=>{let n=c,r=q,i=De,a=Ee,o=Ne;return U(),j(C(se),{ref_key:`formRef`,ref:B,class:`flex flex-col gap-6`,"validation-schema":C(Le),"initial-values":C(G)},{default:I(()=>[H(C(re),{modelValue:C(G).name,"onUpdate:modelValue":t[0]\|\|=e=>C(G).name=e,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:I(({field:t,errors:i})=>[A(`label`,mn,v(e.$t(`components.form.label.name`)),1),H(r,null,{default:I(()=>[H(n,ee(t,{invalid:i.length>0,loading:C(K),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),H(h,{name:`fade`},{default:I(()=>[H(C(y),{name:`name`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),H(i,{class:`m-0 py-3`}),C(N)===`dnd`?(U(),P(`div`,hn,[H(h,{name:`fade`},{default:I(()=>[C(le)?(U(),P(`span`,gn,v(e.$t(`components.form.error.no_cameras_selected`)),1)):L(``,!0)]),_:1}),A(`div`,_n,[A(`label`,vn,v(e.$t(`components.form.label.cameras`)),1),(U(!0),P(ie,null,T(C(ae),(e,t)=>(U(),P(`div`,{key:t,class:`cui-list-item`},[H(o,{class:`h-14`,active:C(W).some(t=>t.name===e.name),onClick:t=>de(e)},{append:I(()=>[H(a,{"model-value":C(W).some(t=>t.name===e.name),"onUpdate:modelValue":t=>de(e)},null,8,[`model-value`,`onUpdate:modelValue`])]),default:I(()=>[A(`span`,null,v(e.name),1)]),_:2},1032,[`active`,`onClick`])]))),128))])])):(U(),P(`div`,yn,[H(h,{name:`fade`},{default:I(()=>[C(V)?(U(),P(`span`,bn,v(e.$t(`components.form.error.no_view_selected`)),1)):L(``,!0)]),_:1}),A(`div`,xn,[A(`label`,Sn,v(e.$t(`components.form.label.views`)),1),A(`div`,Cn,[(U(!0),P(ie,null,T(C(oe),t=>(U(),P(`div`,{key:t,class:`view-select-item w-full`,onClick:e=>C(G).viewSize=t},[A(`div`,{class:g([`view-select-item-icon w-full p-3`,{"selected-view":C(G).viewSize===t}])},[(U(),j(te(fe(t)),{style:{width:`100%`,height:`100%`}}))],2),A(`span`,{class:g([`view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners`,{"selected-view-label":C(G).viewSize===t}])},v(t)+` `+v(e.$t(`views.camview.cameras`)),3)],8,wn))),128))])])]))]),_:1},8,[`validation-schema`,`initial-values`])}}}),[[`__scopeId`,`data-v-641aac54`]]),En={class:`h-full w-full dark-mode relative`},Dn={key:0,class:`flex flex-col w-full h-full items-center justify-center`},On={key:1,class:`flex flex-col w-full h-full`},kn={class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},An={class:`text-muted text-sm`},jn={class:`relative w-6 h-6`},Mn=ve(V({__name:`Camview`,props:{navbarWidth:{default:0},navbarLeft:{default:0}},setup(e){let r=new u,a=new Fe,c=e,l=s(),{t:d}=l,_=Oe(),y=Ie(),{bottombarHeight:ne}=be(),{smBreakpoint:b,lgBreakpoint:x,mdBreakpoint:re}=Se(),{user:S}=ce(p()),{uiSettings:T}=ce(Ce()),{data:D,isLoading:O}=a.getCamerasQuery({page:1,pageSize:-1}),{data:N,isLoading:ie}=r.getViewsQuery(S.value?.username??``,{page:1,pageSize:-1}),{mutate:ae,isPending:B}=r.removeViewQuery(),{mutateAsync:oe,isPending:V}=r.createViewQuery(),{mutateAsync:se,isPending:ve}=r.patchViewQuery(),{navbarWidth:ye,navbarLeft:xe}=k(c),we=E(`menuRef`),Ee=E(`newViewMenuRef`),q=E(`viewDndRef`),J=F({}),Y=F(!1),X=F(!1),Z=F(!1),je=F(!1),Me=F(!1),Ne=F(!1),Le=F(!0),Re=F(`always-on`),Ve=F(`low-resolution`),We=F(`webrtc`),qe=F([]),Je=F({}),Ye=M({sourceRole:Ve.value,activityMode:Re.value,streamingMode:We.value}),Ze=z(()=>O.value\|\|ie.value\|\|B.value\|\|V.value\|\|ve.value),Qe=z(()=>ye.value+xe.value),et=z(()=>({locale:l.locale.value,dayNames:_.config.locale?.dayNames,dayNamesShort:_.config.locale?.dayNamesShort,monthNames:_.config.locale?.monthNames,monthNamesShort:_.config.locale?.monthNamesShort})),tt=z(()=>({doubleClickZoom:!1,flatCard:!0,cameraNameOverlay:!0,control:!0,toolbar:!1,expandableCard:($.value?.cameras?.length??0)>1,detectionIndicatorOverlay:!0,boundingBoxOverlay:!1,cardClickAction:`expand`,viewTransition:!0,cardProps:{pt:{root:{style:`background: #000`}}}})),rt=z(()=>N.value?.result.length?x.value?{width:Me.value?`calc(100% - 400px)`:`100%`,height:`100%`,overflowY:`scroll`}:{height:`100%`,paddingBottom:Me.value?ne.value>0?`200px`:`192px`:`0px`,overflowY:`scroll`}:{width:`100%`,height:`100%`,overflowY:`scroll`}),Q=z(()=>Y.value\|\|X.value),at=z(()=>!!q.value?.isFullscreen),ot=z(()=>[{label:at.value?d(`components.form.tooltip.fullscreen_off`):d(`components.form.tooltip.fullscreen_on`),icon:at.value?me:_e,command:Dt},{label:Le.value?d(`components.form.tooltip.unmute`):d(`components.form.tooltip.mute`),icon:Le.value?lt:st,command:Ot},{label:d(`components.form.tooltip.intercom`),icon:pe,command:()=>_t(`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`?ft:We.value===`webrtc`?le:ge,command:()=>jt()},{label:Re.value===`always-on`?d(`components.form.tooltip.activity_mode_always_on`):Re.value===`standby`?d(`components.form.tooltip.activity_mode_standby`):d(`components.form.tooltip.activity_mode_activity`),icon:Re.value===`always-on`?he:Re.value===`standby`?G:it,command:()=>kt()},{label:Ve.value===`low-resolution`?`${d(`components.form.tooltip.resolution`)}: ${d(`components.form.tooltip.source_role_low`)}`:Ve.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:Ve.value===`low-resolution`?ue:Ve.value===`mid-resolution`?W:de,command:()=>At()}]),$=z(()=>{let e=N.value?.result.find(e=>e._id===T.value.camview.viewid)\|\|N.value?.result[0];return e?(J.value=e,T.value.camview.viewid=e._id):J.value={},e}),ct=z(()=>$.value?.cameras?.map(e=>e.cameraId)??[]),{master:ut}=n(ct,{sourceRole:`low`}),dt=z(()=>ut.mode.value!==`idle`&&ut.currentTimestamp.value>0?Math.floor(ut.currentTimestamp.value/1e3):void 0),pt=z(()=>Q.value&&J.value.viewSize>0?J.value.viewSize:$.value?$.value.viewSize:1),mt=z(()=>{let e=[];for(let t of N.value?.result\|\|[])e.push({label:t.name,active:t._id===$.value?._id,onClick:()=>vt(t)});return e}),gt=z(()=>[{label:d(`views.camview.new_view`),icon:ht,onClick:()=>_t(`newView`)}]);function _t(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,y.openComponentDialog(Tn,{data:{title:n,loading:Ze,confirmText:d(`components.form.button.next`),contentProps:{form:t?J.value:void 0,type:`view`,cameras:D.value?.result\|\|[],views:N.value?.result\|\|[]}},onConfirm:e=>{e&&(J.value=e)},onCancel:()=>{X.value=!1}});break}case`intercom`:y.openComponentDialog(Ht,{data:{title:d(`components.dialog.title.intercom`),hideConfirmButton:!0,loading:Ze,contentProps:{}},events:{listening:Mt}});break;case`removeView`:y.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:yt});break}}function vt(e){T.value.camview.viewid=e._id}function yt(){!$.value\|\|!S.value\|\|ae({username:S.value.username,viewid:$.value._id},{onSuccess:e=>{e.length?T.value.camview.viewid=e[0]._id:T.value.camview.viewid=void 0}})}async function bt(){if(!S.value\|\|Object.keys(J.value).length===0)return;let e=qe.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=f(J.value);t.cameras=e,t._id?Et(await se({username:S.value.username,viewid:t._id,viewData:t})):Et(await oe({username:S.value.username,viewData:t}))}function xt(e,t){qe.value[e].lastDroppedCamera=t}function St(e){qe.value=qe.value.map(t=>(t.lastDroppedCamera?.name===e.name&&(t.lastDroppedCamera=void 0),t))}function Ct(e){return`${b.value?`mobile`:`desktop`}:${e}`}function wt(e){let t=$.value?._id;t&&(T.value.camview.layouts\|\|(T.value.camview.layouts={}),T.value.camview.layouts[Ct(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 Tt(e,t){Je.value[e._id]=t}function Et(e){T.value.camview.viewid=e._id,X.value=!1,Y.value=!1}function Dt(){q.value?.toggleFullscreen()}function Ot(){Le.value=!Le.value,q.value?.toggleAllPlayerMute(Le.value)}function kt(e){let t=Re.value;t=e\|\|(t===`always-on`?`standby`:t===`standby`?`activity`:`always-on`),q.value?.toggleAllPlayerActivityMode(t),Re.value=t}async function At(e){let t=Ve.value;t=e\|\|(t===`low-resolution`?`mid-resolution`:t===`mid-resolution`?`high-resolution`:`low-resolution`),await q.value?.toggleAllPlayerSourceRole(t),Ve.value=t}async function jt(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 Mt(e){await q.value?.toggleAllPlayerMicrophone(e)}return m(je,e=>{e&&(Ne.value=!0)}),m([pt,$,D,Q,T,b],()=>{let e=Array.from({length:pt.value}).map((e,t)=>({accept:`camera`,index:t,lastDroppedCamera:void 0}));if(!X.value){let t=$.value?._id,n=t?Ct(t):void 0,r=n?T.value.camview.layouts?.[n]:void 0,i=new Set(D.value?.result.map(e=>e._id)??[]),a=!1;for(let t of $.value?.cameras\|\|[]){if(!e[t.index])continue;let n=D.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&&T.value.camview.layouts?.[n]&&(T.value.camview.layouts[n]=T.value.camview.layouts[n].filter(e=>!e.cameraId\|\|i.has(e.cameraId)))}qe.value=e},{deep:!0,immediate:!0}),(e,n)=>{let r=Ke,a=nt,s=ze,c=$e,l=Xe,u=K,d=fe,f=De,p=Ue,m=Be,_=He,y=Ge,S=o,E=Ae,O=t,k=ke,M=Pe,F=Te;return U(),P(`div`,En,[H(y,{"left-offset":C(Qe),animate:``},{left:I(()=>[!C(X)&&C($)?(U(),j(r,{key:0,type:`dropdown`,label:C($).name,"menu-open":C(we)?.isOpen,disabled:C(Ze)\|\|C(Y),onClick:n[0]\|\|=e=>C(we)?.toggleMenu(e)},null,8,[`label`,`menu-open`,`disabled`])):C(X)&&C(J).name?(U(),j(r,{key:1,label:C(J).name,disabled:C(Ze)},null,8,[`label`,`disabled`])):L(``,!0)]),right:I(()=>[!C(Q)&&C($)?R((U(),j(r,{key:0,active:C(Z),onClick:n[1]\|\|=e=>Z.value=!C(Z)},{icon:I(()=>[C(Z)?(U(),j(s,{key:1,width:`100%`,height:`100%`})):(U(),j(a,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[F,{value:C(Z)?e.$t(`views.camview.rearrange_done`):e.$t(`views.camview.rearrange`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)&&C(Z)&&!C(b)?R((U(),j(r,{key:1,onClick:n[2]\|\|=e=>C(q)?.fitAspectRatios()},{icon:I(()=>[H(c,{width:`100%`,height:`100%`})]),_:1})),[[F,{value:e.$t(`views.camview.rearrange_fit_aspect`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)&&C(Z)&&!C(b)?R((U(),j(r,{key:2,onClick:n[3]\|\|=e=>C(q)?.compactGrid()},{icon:I(()=>[H(l,{width:`100%`,height:`100%`})]),_:1})),[[F,{value:e.$t(`views.camview.rearrange_auto`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)?R((U(),j(r,{key:3,active:C(je),onClick:n[4]\|\|=e=>je.value=!C(je)},{icon:I(()=>[C(je)?(U(),j(d,{key:1,width:`100%`,height:`100%`})):(U(),j(u,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[F,{value:C(je)?e.$t(`components.form.tooltip.hide_timeline`):e.$t(`components.form.tooltip.show_timeline`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)?(U(),j(f,{key:4,layout:`vertical`})):L(``,!0),!C(Q)&&C($)?R((U(),j(r,{key:5,disabled:C(Z),onClick:n[5]\|\|=e=>_t(`removeView`)},{icon:I(()=>[H(p,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[F,{value:e.$t(`components.form.tooltip.delete`)},void 0,{bottom:!0}]]):L(``,!0),!C(Y)&&!C(X)&&C($)?R((U(),j(r,{key:6,disabled:C(Z),onClick:n[6]\|\|=e=>Y.value=!0},{icon:I(()=>[H(m,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[F,{value:e.$t(`components.form.tooltip.edit`)},void 0,{bottom:!0}]]):L(``,!0),!C(Y)&&!C(X)?R((U(),j(r,{key:7,disabled:C(Z),onClick:C(Ee)?.toggleMenu},{icon:I(()=>[H(_,{class:g([`transform transition-transform duration-300`,{"rotate-45":C(Ee)?.isOpen}]),width:`100%`,height:`100%`},null,8,[`class`])]),_:1},8,[`disabled`,`onClick`])),[[F,{value:e.$t(`components.form.tooltip.new`)},void 0,{bottom:!0}]]):L(``,!0),C(Y)\|\|C(X)?(U(),j(r,{key:8,label:e.$t(`components.form.button.cancel`),onClick:n[7]\|\|=e=>C(Y)?Y.value=!1:X.value=!1},null,8,[`label`])):L(``,!0),C(Y)\|\|C(X)?(U(),j(r,{key:9,label:e.$t(`components.form.button.save`),disabled:C(qe).every(e=>e.lastDroppedCamera===void 0),primary:``,onClick:bt},null,8,[`label`,`disabled`])):L(``,!0)]),_:1},8,[`left-offset`]),A(`div`,{class:g([`w-full h-full flex relative`,{"flex-row":C(x),"flex-col":!C(x)}]),style:w({paddingTop:`${C(55)}px`})},[A(`div`,{class:g([`flex relative z-1 camview-content-transition`,{"h-full items-center justify-center":C(x)\|\|!C(N)?.result.length,"w-full items-start justify-start":!C(x)&&C(N)?.result.length}]),style:w(C(rt))},[C(Ze)?(U(),P(`div`,Dn,[(U(),j(S,{key:0,class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`}))])):!C($)&&!C(X)?(U(),P(`div`,On,[A(`div`,kn,[H(E,{class:`w-12 h-12 text-muted`}),A(`span`,An,v(e.$t(`views.camview.no_views_configured`)),1)])])):C($)\|\|C(X)?(U(),P(`div`,{key:2,class:g([`w-full h-full`,{"p-2 pb-0":!C(b)}])},[(U(),j(Rt,{ref_key:`viewDndRef`,ref:q,key:C(T).camview.viewid+(C(X)?`-new`:C(Y)?`-edit`:`-view`),cameras:C(D)?.result\|\|[],"edit-mode":C(X)\|\|C(Y),"rearrange-mode":C(Z),"view-size":C(X)?C(J).viewSize:C(pt),title:C(J).name,cards:C(qe),"camera-card-props":C(tt),"camera-card-models":C(Ye),onDrop:xt,onRemove:St,onChangeViewSize:n[8]\|\|=e=>_t(`editView`),onExpand:Tt,onRearrange:wt},null,8,[`cameras`,`edit-mode`,`rearrange-mode`,`view-size`,`title`,`cards`,`camera-card-props`,`camera-card-models`]))],2)):L(``,!0)],6),H(h,{name:C(x)?`slide-left`:`slide-up`,onBeforeEnter:n[9]\|\|=e=>Me.value=!0,onAfterEnter:n[10]\|\|=e=>Ne.value=!1,onBeforeLeave:n[11]\|\|=e=>Me.value=!1},{default:I(()=>[C(je)?(U(),j(C(i),{key:0,"camera-ids":C(ct),"initial-timestamp":C(dt),loading:C(Ne),type:C(x)?`vertical`:`horizontal`,"dark-mode":``,"md-breakpoint":C(re),class:g([`shrink-0 transition-[left] duration-200`,{"h-full w-[400px] pt-2 pr-2":C(x),"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10":!C(x),"p-0! pt-2! border-color":C(b)}]),"card-class":{"!shadow-xl":!0,"!rounded-none border-l-0! border-r-0!":C(b)},style:w(C(x)?void 0:{left:`${C(Qe)}px`,bottom:`calc(${C(ne)}px + env(safe-area-inset-bottom, 0px))`}),"locale-settings":C(et)},null,8,[`camera-ids`,`initial-timestamp`,`loading`,`type`,`md-breakpoint`,`class`,`card-class`,`style`,`locale-settings`])):L(``,!0)]),_:1},8,[`name`])],6),!C(Q)&&C($)?(U(),j(k,{key:0,model:C(ot),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:w({bottom:C(x)?`0`:`calc(${C(Me)?192:0}px + ${C(ne)>0?`0.5rem`:`0px`})`,right:C(x)?`calc(${C(Me)?400:0}px + 0.5rem)`:`0.5rem`,transition:`bottom 0.25s ease-out, right 0.25s ease-out`})},{button:I(({visible:e,toggleCallback:t})=>[H(O,{severity:`secondary`,class:g([`dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto`,{"opacity-100":e}]),rounded:``,loading:C(Ze),onClick:t},{icon:I(()=>[A(`div`,jn,[A(`div`,{class:g([`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),A(`div`,{class:g([`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),A(`div`,{class:g([`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:I(({item:e,toggleCallback:t})=>[R((U(),j(O,ee({loading:C(Ze),severity:`secondary`},e.buttonProps,{rounded:``,onClick:t}),{icon:I(()=>[(U(),j(te(e.icon)))]),_:2},1040,[`loading`,`onClick`])),[[F,{value:e.label}]])]),_:1},8,[`model`,`style`])):L(``,!0),H(M,{ref_key:`menuRef`,ref:we,items:C(mt),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`]),H(M,{ref_key:`newViewMenuRef`,ref:Ee,items:C(gt),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])])}}}),[[`__scopeId`,`data-v-6ee3e146`]]);export{Mn as default};
1	+ import{G as e,Hn as t,I as n,It as r,N as i,Si as a,Vn as o,fi as s,tt as c}from"./vendor-cameraui-DgSMexWY.js";import{A as l,S as u,T as d,a as f,m as p}from"./api-aSYFKxo6.js";import{$n as m,$t as h,An as ee,Cr as g,En as _,Er as v,Gn as te,L as y,Ln as ne,On as b,Pn as x,R as re,Rn as S,Sr as C,Tr as w,Vn as T,Zn as E,_r as D,an as O,br as k,dn as A,fn as j,fr as M,jn as N,mn as P,mr as F,nr as I,on as ie,pn as L,rn as ae,rr as R,un as z,ur as B,vr as oe,xn as V,yn as H,z as se,zn as U}from"./vendor-DoIl6acN.js";import{f as ce}from"./vendor-core-BKHiXSX7.js";import{A as le,D as W,E as ue,M as G,N as K,O as de,P as fe,S as pe,T as me,j as he,k as ge,w as _e}from"./CuiCameraCard-IyJNZMGs.js";import{t as ve}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{i as ye,n as be,r as xe,t as Se}from"./useSharedComposables-gpJ--qZh.js";import{n as Ce}from"./ui-DrzKhUXW.js";import{t as we}from"./close-DuwOOM-P.js";import{J as Te,K as Ee,R as q,U as De,b as Oe,o as ke}from"./vendor-primevue-7iEzPOvf.js";import{t as Ae}from"./grid-fill-DBU_n60V.js";import{t as J}from"./CuiCameraSnapshot-DTtvEMy1.js";import{a as Y,i as X,n as Z,r as je,t as Me}from"./vendor-dnd-_zxmhxjM.js";import{n as Ne,t as Pe}from"./CuiMenu-Ds6GufVn.js";import{t as Fe}from"./cameras-CvJDLEZ3.js";import{t as Ie}from"./useCuiDialog-DHktK-mZ.js";import{a as Le}from"./users.schema-BIL9DqRo.js";import{t as Re}from"./routerState-dQtObsFs.js";import{t as ze}from"./check-BMoCATAa.js";import{n as Be,t as Ve}from"./microphone-CAVr4YFv.js";import{t as He}from"./plus-Dqgz6pez.js";import{t as Ue}from"./delete-5a2q7_46.js";import{t as We}from"./CuiCameraPipCard-KUBxGPoU.js";import{n as Ge,t as Ke}from"./CuiTopNavbarItem-Q7M4nMw5.js";import{t as qe}from"./vendor-gridstack-DD5uGA3X.js";var Je={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Ye(e,t){return U(),P(`svg`,Je,[...t[0]\|\|=[A(`path`,{fill:`currentColor`,d:`M7.5 5.6L5 7l1.4-2.5L5 2l2.5 1.4L10 2L8.6 4.5L10 7zm12 9.8L22 14l-1.4 2.5L22 19l-2.5-1.4L17 19l1.4-2.5L17 14zM22 2l-1.4 2.5L22 7l-2.5-1.4L17 7l1.4-2.5L17 2l2.5 1.4zm-8.66 10.78l2.44-2.44l-2.12-2.12l-2.44 2.44zm1.03-5.49l2.34 2.34c.39.37.39 1.02 0 1.41L5.04 22.71c-.39.39-1.04.39-1.41 0l-2.34-2.34c-.39-.37-.39-1.02 0-1.41L12.96 7.29c.39-.39 1.04-.39 1.41 0`},null,-1)]])}var Xe=B({name:`mdi-auto-fix`,render:Ye}),Ze={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Qe(e,t){return U(),P(`svg`,Ze,[...t[0]\|\|=[A(`g`,{fill:`none`,"fill-rule":`evenodd`},[A(`path`,{d:`m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z`}),A(`path`,{fill:`currentColor`,d:`M19 11a2 2 0 0 1 1.995 1.85L21 13v6a2 2 0 0 1-1.85 1.995L19 21h-4a2 2 0 0 1-1.995-1.85L13 19v-6a2 2 0 0 1 1.85-1.995L15 11zM9 15a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-2a2 2 0 0 1 2-2zM9 3a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm10 0a2 2 0 0 1 2 2v2a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`})],-1)]])}var $e=B({name:`mingcute-grid2-fill`,render:Qe}),et={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function tt(e,t){return U(),P(`svg`,et,[...t[0]\|\|=[A(`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 nt=B({name:`mdi-cursor-move`,render:tt}),rt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Q(e,t){return U(),P(`svg`,rt,[...t[0]\|\|=[A(`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=B({name:`fluent-pulse-24-filled`,render:Q}),at={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function ot(e,t){return U(),P(`svg`,at,[...t[0]\|\|=[A(`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),A(`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=B({name:`heroicons-speaker-wave-16-solid`,render:ot}),$={viewBox:`0 0 16 16`,width:`1.2em`,height:`1.2em`};function ct(e,t){return U(),P(`svg`,$,[...t[0]\|\|=[A(`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=B({name:`heroicons-speaker-x-mark-16-solid`,render:ct}),ut={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function dt(e,t){return U(),P(`svg`,ut,[...t[0]\|\|=[A(`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 ft=B({name:`material-symbols-motion-photos-auto-outline-rounded`,render:dt}),pt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function mt(e,t){return U(),P(`svg`,pt,[...t[0]\|\|=[A(`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 ht=B({name:`mdi-card-plus-outline`,render:mt}),gt={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function _t(e,t){return U(),P(`svg`,gt,[...t[0]\|\|=[A(`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 vt=B({name:`mdi-drag-vertical`,render:_t}),yt={class:`text-sm text-muted truncate`},bt=ve(V({__name:`ViewDnDDrag`,props:{camera:{},isDropped:{type:Boolean},canDrag:{type:Boolean}},setup(e){let{camera:n,canDrag:r}=k(e),i=E(`boxRef`),a=D(null),o=F(0),s=F(0),c=F(!1),{x:l,y:u,sourceType:d}=ye(),[f,p]=X(()=>({type:`camera-sidebar`,options:{dropEffect:`copy`},item:n.value,canDrag:r.value,collect:e=>({style:{opacity:e.isDragging()?.4:1},isDragging:e.isDragging()})})),h=z(()=>f.value.isDragging),ee=z(()=>h.value&&d.value===`touch`);function _(){a.value&&document.body.contains(a.value)&&document.body.removeChild(a.value),a.value=null}function te(){if(_(),!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 y(){c.value=!1,_()}function ne(){y(),c.value=!0;let e=i.value?.getBoundingClientRect();e&&(o.value=l.value-e.left,s.value=u.value-e.top,te())}function b(){!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 m(ee,e=>e?ne():y()),m([l,u],()=>b(),{flush:`sync`}),x(()=>y()),(r,a)=>{let o=vt,s=J,c=t;return U(),P(`div`,{ref_key:`boxRef`,ref:i},[A(`div`,{ref:C(p),style:w(C(f).style)},[H(c,{disabled:e.isDropped,fluid:``,severity:`secondary`,class:`cui-rounded-corner dark-mode shadow-sm items-center justify-normal`,style:w({cursor:e.isDropped?`not-allowed`:`grab`})},{default:I(()=>[H(o,{size:`20`,class:`text-muted mr-2`}),H(s,{camera:C(n),width:`110px`,class:g([`cui-rounded-corner shadow-md overflow-hidden`,{"opacity-30":e.isDropped}])},null,8,[`camera`,`class`]),A(`span`,yt,v(C(n).name),1)]),_:1},8,[`disabled`,`style`])],4)],512)}}}),[[`__scopeId`,`data-v-a4c67afd`]]),xt={editMode:!1,rearrangeMode:!1,viewSize:1},St=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.cols16,rows:t.rows16}])),Ct=e=>e.map(e=>({x:e.x16,y:e.y16,w:e.w16,h:e.h16})),wt=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,Ct(t)])),Tt={class:`text-lg font-semibold text-white`},Et={class:`flex flex-col gap-3 w-full h-full overflow-y-auto`},Dt={class:`cui-label`},Ot={key:0,class:`text-muted text-sm`},kt=V({__name:`ViewDnDSidebar`,props:{cameras:{},droppedCameras:{},title:{}},emits:[`changeViewSize`],setup(e,{emit:n}){let r=e,i=n,{droppedCameras:a}=k(r);function o(e){return a.value.some(t=>t.name===e.name)}return(n,r)=>{let a=t,s=bt;return U(),P(`div`,{class:`sidebar-view-background flex flex-col p-2 border-[1px] border-color gap-2 rounded-xl`,style:w({width:`${C(400)}px`})},[A(`span`,Tt,v(e.title),1),A(`div`,Et,[H(a,{fluid:``,label:`Change grid size`,class:`cui-button-small dark-mode shrink-0 my-4`,onClick:r[0]\|\|=e=>i(`changeViewSize`)}),A(`label`,Dt,v(n.$t(`components.view_box.available_streams`)),1),(U(!0),P(ie,null,T(e.cameras,(e,t)=>(U(),P(`div`,{key:t},[H(s,{camera:e,"is-dropped":o(e),"can-drag":!o(e)},null,8,[`camera`,`is-dropped`,`can-drag`])]))),128)),e.cameras.length?L(``,!0):(U(),P(`span`,Ot,v(n.$t(`components.view_box.no_cameras`)),1))])],4)}}}),At={key:1,class:`w-full h-full bg-[#1a1a1a] flex items-center justify-center`},jt={key:2,class:`w-full h-full bg-[#111]`},Mt={key:1,class:`w-full h-full flex items-center justify-center`},Nt={key:0},Pt=ve(V({__name:`ViewDnDCard`,props:{camera:{},cameras:{},droppedCameras:{},mode:{},index:{},cameraCardProps:{},cameraCardModels:{},onDrop:{type:Function}},emits:[`drop`,`remove`,`expand`],setup(e,{expose:n,emit:r}){let i=e,o=r,{lgBreakpoint:s}=Se(),{camera:c,mode:l,cameras:u,droppedCameras:d}=k(i),f=E(`boxRef`),p=E(`containerRef`),m=E(`playerRef`),h=E(`menuRef`),{width:_}=a(p),[v,te]=je({accept:`camera-sidebar`,drop:i.onDrop,collect:e=>({isOver:e.isOver(),canDrop:e.canDrop()&&!c.value}),canDrop:()=>l.value===`edit`&&!c.value}),y=z(()=>v.value.canDrop&&v.value.isOver),ne=z(()=>l.value===`edit`?y.value?`#171717`:`#202020`:`#000`),b=z(()=>_.value<=200),x=z(()=>u.value.filter(e=>!d.value.some(t=>t.name===e.name))),re=z(()=>x.value.map(e=>({label:e.name,onClick:()=>o(`drop`,e)})));function S(e){m.value?.toggleMute(e)}async function T(e,t){await m.value?.toggleMicrophone(e,t)}function D(e){m.value?.toggleActivityMode(e)}async function M(e){await m.value?.toggleSourceRole(e)}async function N(e){await m.value?.toggleStreamingMode(e)}function F(e){m.value?.toggleBbox(e)}function ae(e){m.value?.togglePip(e)}return n({togglePlayerMute:S,toggleMicrophone:T,togglePlayerActivityMode:D,togglePlayerSourceRole:M,togglePlayerStreamingMode:N,togglePlayerBbox:F,togglePip:ae}),(n,r)=>{let i=We,a=He,d=we,_=t,v=J,y=Pe,x=Te;return U(),P(`div`,{ref_key:`boxRef`,ref:f,class:`view-dnd-card`},[C(l)===`normal`\|\|C(l)===`rearrange`?(U(),P(ie,{key:0},[C(c)?(U(),j(i,ee({key:0,ref_key:`playerRef`,ref:m},e.cameraCardProps,{"activity-mode":e.cameraCardModels?.activityMode,"source-role":e.cameraCardModels?.sourceRole,"streaming-mode":e.cameraCardModels?.streamingMode,"camera-info":C(c),class:`w-full h-full`,onExpand:r[0]\|\|=e=>o(`expand`,C(c),e)}),null,16,[`activity-mode`,`source-role`,`streaming-mode`,`camera-info`])):C(l)===`rearrange`?(U(),P(`div`,At,[H(a,{class:`w-6 h-6 text-white/20`})])):(U(),P(`div`,jt))],64)):C(l)===`edit`?(U(),P(ie,{key:1},[A(`div`,{ref:C(te),style:w({backgroundColor:C(ne)}),class:`w-full h-full`},[C(c)?(U(),P(`div`,{key:0,ref_key:`containerRef`,ref:p,class:`w-full h-full flex items-center justify-center relative min-w-0`},[H(_,{class:g([`z-1`,{"cui-icon-lg":C(b),"cui-button-small":!C(b)}]),label:C(b)?void 0:C(c).name,onClick:r[1]\|\|=O(e=>o(`remove`,C(c)),[`prevent`])},{icon:I(()=>[H(d)]),_:1},8,[`class`,`label`]),H(v,{camera:C(c),class:`absolute w-full h-full top-0 left-0 bg-black/50 opacity-20`},null,8,[`camera`])],512)):C(s)?L(``,!0):(U(),P(`div`,Mt,[C(u).length?(U(),j(_,{key:1,text:``,rounded:``,class:`cui-icon-md`,onClick:C(h)?.toggleMenu},{icon:I(()=>[H(a,{width:`100%`,height:`100%`})]),_:1},8,[`onClick`])):R((U(),P(`div`,Nt,[H(_,{text:``,rounded:``,disabled:``,class:`cui-icon-md`},{icon:I(()=>[H(a,{width:`100%`,height:`100%`})]),_:1})])),[[x,{value:n.$t(`views.camview.no_cameras`)},void 0,{top:!0}]])]))],4),H(y,{ref_key:`menuRef`,ref:h,items:C(re),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])],64)):L(``,!0)],512)}}}),[[`__scopeId`,`data-v-49edf1f5`]]),Ft={class:`w-full h-full flex flex-row`},It=[`gs-id`,`gs-x`,`gs-y`,`gs-w`,`gs-h`],Lt={class:`grid-stack-item-content`},Rt=ve(V({__name:`CuiCameraViewDnD`,props:b({cameras:{},viewSize:{},cards:{},title:{},editMode:{type:Boolean},rearrangeMode:{type:Boolean},cameraCardProps:{},cameraCardModels:{}},xt),emits:[`drop`,`remove`,`changeViewSize`,`expand`,`rearrange`],setup(n,{expose:i,emit:o}){let s=n,c=o,{isTouch:l}=xe(),{smBreakpoint:u,lgBreakpoint:d}=Se(),f=_(e,void 0),{routeFrom:p,routeTo:h}=ce(Re()),{editMode:ee,rearrangeMode:v,viewSize:te,cards:y,cameraCardProps:b}=k(s),re=E(`viewRef`),S=E(`wrapperRef`),D=E(`gridRef`),O=E(`cardRefs`),M=F(),B=F(),V=null,{isFullscreen:se,toggle:le}=r(re,{mode:`scroll`}),W=a(re),ue=a(S),G=z(()=>ee.value?`edit`:v.value?`rearrange`:`normal`),K=z(()=>M.value??B.value),de=z(()=>e=>{let t={...oe(b.value)};if(e){let n=p.value?.includes(`/cameras/${e.name}`)??!1,r=h.value?.includes(`/cameras/${e.name}`)??!1,i=t.viewTransition&&(n\|\|r),a=`/cameras/${e.name}`;f?.isActive.value?t.routerLink=`${a}?startTs=${Math.floor(f.currentTimestamp.value/1e3)}`:t.routerLink=a,t.viewTransition=i}return t}),fe=z(()=>(W.height.value-16)(16/9)),pe=z(()=>y.value.filter(e=>e.lastDroppedCamera).map(e=>e.lastDroppedCamera));function he(e){let t=y.value[e];if(u.value)return{x:0,y:t?.y??e,w:1,h:1};let n=wt[te.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 ge(){if(!V)return;let e=[];for(let t of V.getGridItems()){let n=t.gridstackNode;if(!n)continue;let r=parseInt(n.id),i=y.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 _e(){ge()}function ve(){if(!D.value)return;let e=St[te.value];if(!e)return;let t=u.value,n=t?1:e.cols,r=t?y.value.length:e.rows,i=S.value?.clientWidth??0,a=t?i9/16:i>0?i9/16/e.rows:60,o=G.value===`rearrange`;V=qe.init({column:n,minRow:r,cellHeight:a,margin:o?3:1,float:!1,animate:!1,staticGrid:!o,resizable:t?{handles:``}:{handles:`se`},disableResize:t,alwaysShowResizeHandle:!t},D.value),V.on(`change`,_e),requestAnimationFrame(()=>V?.setAnimation(!0))}function ye(){V&&=(V.offAll(),V.destroy(!1),null)}function be(e,t,n){n?M.value=t:(B.value=t,M.value=void 0,setTimeout(()=>{B.value=void 0},250)),c(`expand`,e,n)}async function Ce(){await le()}function we(e){for(let t of O.value\|\|[])t.togglePlayerMute(e)}async function Te(e,t){await Promise.allSettled((O.value\|\|[]).map(n=>n.toggleMicrophone(e,t)))}function Ee(e){for(let t of O.value\|\|[])t.togglePlayerActivityMode(e)}async function q(e){await Promise.allSettled((O.value\|\|[]).map(t=>t.togglePlayerSourceRole(e)))}async function De(e){await Promise.allSettled((O.value\|\|[]).map(t=>t.togglePlayerStreamingMode(e)))}function Oe(e){for(let t of O.value\|\|[])t.togglePlayerBbox(e)}function ke(e){for(let t of O.value\|\|[])t.togglePip(e)}function Ae(){V&&(V.compact(),ge())}function J(){if(!V)return;let e=St[te.value];if(!e)return;let t=e.cols,n=[];for(let e of V.getGridItems()){let t=e.gridstackNode;if(!t)continue;let r=parseInt(t.id),[i,a]=((y.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.rowHu),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/ot));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.cellRatioi))),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}V.batchUpdate();for(let[e,t]of p){let r=n.find(t=>t.idx===e);r&&V.update(r.el,t)}V.batchUpdate(!1),ge()}return m([te,()=>y.value.length,u],()=>{ye(),N(()=>ve())},{immediate:!1}),m(G,e=>{if(!V)return;let t=e===`rearrange`;V.setStatic(!t),V.margin(t?3:1)}),m(()=>ue.width.value,e=>{if(!(!V\|\|e<=0)){if(V.setAnimation(!1),u.value)V.cellHeight(e9/16);else{let t=St[te.value]?.rows??1;V.cellHeight(e9/16/t)}requestAnimationFrame(()=>V?.setAnimation(!0))}}),ne(()=>{N(()=>ve())}),x(()=>{ye()}),i({toggleFullscreen:Ce,toggleAllPlayerMute:we,toggleAllPlayerMicrophone:Te,toggleAllPlayerActivityMode:Ee,toggleAllPlayerSourceRole:q,toggleAllPlayerStreamingMode:De,toggleAllPlayerBbox:Oe,toggleAllPip:ke,compactGrid:Ae,fitAspectRatios:J,isFullscreen:se}),(e,r)=>{let i=me,a=t,o=Pt,s=kt;return U(),j(C(Y),{backend:C(l)?C(Me):C(Z)},{default:I(()=>[A(`div`,Ft,[A(`div`,{ref_key:`viewRef`,ref:re,class:g([`view-container w-full flex flex-col min-w-0 overflow-y-auto items-center`,{"px-2":C(ee)&&C(d)}])},[C(se)?(U(),j(a,{key:0,severity:`secondary`,rounded:``,class:`cui-fs-exit`,"aria-label":e.$t(`components.form.tooltip.fullscreen_off`),onClick:C(le)},{icon:I(()=>[H(i,{class:`w-5 h-5`})]),_:1},8,[`aria-label`,`onClick`])):L(``,!0),C(K)===void 0?L(``,!0):(U(),P(`div`,{key:1,class:`w-full aspect-video relative my-auto`,style:w({maxWidth:`${C(fe)}px`})},[H(o,{ref:`fsCardRef`,class:g([`w-full h-full`,{"card-expanded":C(M)!==void 0,"card-collapsing":C(B)!==void 0}]),camera:C(y)[C(K)]?.lastDroppedCamera,cameras:n.cameras,"dropped-cameras":C(pe),mode:`normal`,index:C(K),"camera-card-props":{...C(de)(C(y)[C(K)]?.lastDroppedCamera),expanded:!0},"camera-card-models":n.cameraCardModels,onExpand:r[0]\|\|=(e,t)=>be(e,C(K),t)},null,8,[`class`,`camera`,`cameras`,`dropped-cameras`,`index`,`camera-card-props`,`camera-card-models`])],4)),R(A(`div`,{ref_key:`wrapperRef`,ref:S,class:g([`w-full relative my-auto`,C(u)?`h-auto`:`aspect-video`]),style:w(C(u)?void 0:{maxWidth:`${C(fe)}px`})},[A(`div`,{ref_key:`gridRef`,ref:D,class:`grid-stack w-full h-full`},[(U(!0),P(ie,null,T(C(y),(e,t)=>(U(),P(`div`,{key:t,class:`grid-stack-item`,"gs-id":String(t),"gs-x":he(t).x,"gs-y":he(t).y,"gs-w":he(t).w,"gs-h":he(t).h},[A(`div`,Lt,[H(o,{ref_for:!0,ref_key:`cardRefs`,ref:O,camera:e.lastDroppedCamera,cameras:n.cameras,"dropped-cameras":C(pe),mode:C(G),index:t,"camera-card-props":{...C(de)(e.lastDroppedCamera),expanded:C(K)===t},"camera-card-models":n.cameraCardModels,"on-drop":e=>c(`drop`,t,e),onExpand:(e,n)=>be(e,t,n),onDrop:e=>c(`drop`,t,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`])])],8,It))),128))],512)],6),[[ae,C(K)===void 0]])],2),C(ee)&&C(d)?(U(),j(s,{key:0,cameras:n.cameras,"dropped-cameras":C(pe),title:n.title,class:`view-box shadow-xl`,style:w({"margin-right":C(ee)?`0px`:`-${C(400)}px`}),onChangeViewSize:r[2]\|\|=e=>c(`changeViewSize`)},null,8,[`cameras`,`dropped-cameras`,`title`,`style`])):L(``,!0)])]),_:1},8,[`backend`])}}}),[[`__scopeId`,`data-v-3273ba0f`]]),zt={class:`flex flex-col gap-3`},Bt={class:`text-wrap`},Vt={class:`w-full h-full flex items-center justify-center relative`},Ht=V({__name:`AudioVisualizer`,emits:[`listening`],setup(e,{expose:n,emit:r}){let i=r,a=l(),o=d(),s=_(`dialogRefProps`),c=E(`canvasRef`),u=D(),f=D(),p=F(!1),m=z(()=>!!s.loading?.value);async function h(){if(p.value)g();else try{u.value&&g();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}p.value=!0,i(`listening`,!0),u.value=new AudioContext;let t=u.value.createAnalyser();t.fftSize=1024,f.value=e.getTracks(),u.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,2Math.PI),r.lineWidth=1,r.stroke(),r.closePath();for(let e=0;e<90;e++){n=i[e].4;let t=Math.PI2/90;ee(r,l+Math.cos(te)30,u+Math.sin(te)30,l+Math.cos(te)(30+n),u+Math.sin(te)*(30+n),3)}p.value\|\|r.clearRect(0,0,c.value.width,c.value.height)}};s()}catch(e){g(),a.error(e)}}function ee(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 g(){u.value?.close(),u.value=void 0,f.value?.forEach(e=>e.stop()),f.value=void 0,p.value=!1,i(`listening`,!1)}return S(()=>{g()}),n({isLoading:m}),(e,n)=>{let r=Ve,i=t;return U(),P(`div`,zt,[A(`span`,Bt,v(e.$t(`components.dialog.message.intercom_info`)),1),A(`div`,Vt,[H(i,{rounded:``,class:`w-[60px] h-[60px] absolute z-1`,onClick:h},{icon:I(()=>[H(r,{width:`100%`,height:`100%`})]),_:1}),A(`canvas`,{ref_key:`canvasRef`,ref:c,height:`300`,width:`300`},null,512)])])}}}),Ut=[`fill`],Wt=V({__name:`CuiCameraGridIcon1`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Ut))}}),Gt=[`fill`],Kt=V({__name:`CuiCameraGridIcon10`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Gt))}}),qt=[`fill`],Jt=V({__name:`CuiCameraGridIcon12`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,qt))}}),Yt=[`fill`],Xt=V({__name:`CuiCameraGridIcon13`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Yt))}}),Zt=[`fill`],Qt=V({__name:`CuiCameraGridIcon15`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,Zt))}}),$t=[`fill`],en=V({__name:`CuiCameraGridIcon16`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,$t))}}),tn=[`fill`],nn=V({__name:`CuiCameraGridIcon20`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,tn))}}),rn=[`fill`],an=V({__name:`CuiCameraGridIcon26`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,rn))}}),on=[`fill`],sn=V({__name:`CuiCameraGridIcon4`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,on))}}),cn=[`fill`],ln=V({__name:`CuiCameraGridIcon6`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,cn))}}),un=[`fill`],dn=V({__name:`CuiCameraGridIcon7`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,un))}}),fn=[`fill`],pn=V({__name:`CuiCameraGridIcon9`,props:{color:{default:`currentColor`}},setup(e){let{color:t}=k(e);return(e,n)=>(U(),P(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 970 550`,role:`img`,"area-hidden":`true`,fill:C(t)},[...n[0]\|\|=[A(`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,fn))}}),mn={for:`name`,class:`cui-label`},hn={key:0,class:`flex flex-col gap-6 justify-center`},gn={key:0,class:`text-red-500 text-center mb-5`},_n={class:`md:max-h-[350px] overflow-y-auto`},vn={class:`block cui-label mb-3`},yn={key:1,class:`flex flex-col gap-6 justify-center`},bn={key:0,class:`text-red-500 text-center mb-5`},xn={class:`md:max-h-[450px] overflow-y-auto`},Sn={class:`block cui-label mb-3`},Cn={class:`view-select-container`},wn=[`onClick`],Tn=ve(V({__name:`CamviewForm`,props:{form:{},type:{},cameras:{},views:{}},setup(e,{expose:t}){let n=new u,r=e,i=l(),a=d(),{t:o}=s(),b=_(`dialogRefProps`),{user:x}=ce(p()),{mutateAsync:S,isPending:w}=n.createViewQuery(),{mutateAsync:D,isPending:O}=n.patchViewQuery(),{form:M,type:N,cameras:ae,views:R}=k(r),B=E(`formRef`),oe=F([1,4,6,7,9,10,12,13,15,16,20,26]),V=F(!0),le=F(!0),W=F([]),ue=F(!!M.value),G=F(M.value?f(M.value):{});!ue.value&&N.value===`view`&&(G.value.viewSize=oe.value[0]);let K=z(()=>!!(b.loading?.value\|\|w.value\|\|O.value));function de(e){let t=W.value.findIndex(t=>t.name===e.name);t===-1?W.value.push(e):W.value.splice(t,1)}function fe(e){switch(e){case 1:return Wt;case 4:return sn;case 6:return ln;case 7:return dn;case 9:return pn;case 10:return Kt;case 12:return Jt;case 13:return Xt;case 15:return Qt;case 16:return en;case 20:return nn;case 26:return an;default:return Wt}}async function pe(){if(!B.value\|\|!x.value)return;let e=R.value.find(e=>e.name===G.value.name);if(e&&!ue.value)return i.error(`View already exists`,e),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;if(N.value===`dnd`){if(le.value)return i.error(`No cameras selected`),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;let e=W.value.map((e,t)=>({cameraId:e._id,index:t}));G.value.cameras=e,G.value.type=`dnd`,G.value.viewSize=1,B.value.setFieldValue(`type`,`dnd`),B.value.setFieldValue(`viewSize`,1),B.value.setFieldValue(`cameras`,e);let t=await B.value.validate();return t?.valid?ue.value?await D({username:x.value.username,viewid:G.value._id,viewData:G.value}):await S({username:x.value.username,viewData:G.value}):(i.error(`Validation failed`,t),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null)}else{if(V.value)return i.error(`No view selected`),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null;G.value.cameras=[],G.value.type=`view`,B.value.setFieldValue(`type`,`view`),B.value.setFieldValue(`cameras`,[]);let e=await B.value.validate();return e?.valid?f(G.value):(i.error(`Validation failed`,e),a.add({severity:`error`,detail:o(`components.toast.validation_failed`),life:3e3}),null)}}return m(G,e=>{for(let[t,n]of Object.entries(e))B.value?.setFieldValue(t,n);e.viewSize&&(V.value=!1),e.cameras?.length&&(le.value=!1)},{deep:!0,immediate:!0}),m(W,e=>{le.value=e.length===0},{deep:!0}),ne(()=>{W.value=ae.value?.filter(e=>G.value?.cameras?.some(t=>t.cameraId===e._id))\|\|[]}),t({isLoading:K,onConfirm:pe}),(e,t)=>{let n=c,r=q,i=De,a=Ee,o=Ne;return U(),j(C(se),{ref_key:`formRef`,ref:B,class:`flex flex-col gap-6`,"validation-schema":C(Le),"initial-values":C(G)},{default:I(()=>[H(C(re),{modelValue:C(G).name,"onUpdate:modelValue":t[0]\|\|=e=>C(G).name=e,modelModifiers:{trim:!0},name:`name`,as:`div`,class:`flex flex-col field-gap`},{default:I(({field:t,errors:i})=>[A(`label`,mn,v(e.$t(`components.form.label.name`)),1),H(r,null,{default:I(()=>[H(n,ee(t,{invalid:i.length>0,loading:C(K),type:`text`}),null,16,[`invalid`,`loading`])]),_:2},1024),H(h,{name:`fade`},{default:I(()=>[H(C(y),{name:`name`,class:`cui-input-error`})]),_:1})]),_:1},8,[`modelValue`]),H(i,{class:`m-0 py-3`}),C(N)===`dnd`?(U(),P(`div`,hn,[H(h,{name:`fade`},{default:I(()=>[C(le)?(U(),P(`span`,gn,v(e.$t(`components.form.error.no_cameras_selected`)),1)):L(``,!0)]),_:1}),A(`div`,_n,[A(`label`,vn,v(e.$t(`components.form.label.cameras`)),1),(U(!0),P(ie,null,T(C(ae),(e,t)=>(U(),P(`div`,{key:t,class:`cui-list-item`},[H(o,{class:`h-14`,active:C(W).some(t=>t.name===e.name),onClick:t=>de(e)},{append:I(()=>[H(a,{"model-value":C(W).some(t=>t.name===e.name),"onUpdate:modelValue":t=>de(e)},null,8,[`model-value`,`onUpdate:modelValue`])]),default:I(()=>[A(`span`,null,v(e.name),1)]),_:2},1032,[`active`,`onClick`])]))),128))])])):(U(),P(`div`,yn,[H(h,{name:`fade`},{default:I(()=>[C(V)?(U(),P(`span`,bn,v(e.$t(`components.form.error.no_view_selected`)),1)):L(``,!0)]),_:1}),A(`div`,xn,[A(`label`,Sn,v(e.$t(`components.form.label.views`)),1),A(`div`,Cn,[(U(!0),P(ie,null,T(C(oe),t=>(U(),P(`div`,{key:t,class:`view-select-item w-full`,onClick:e=>C(G).viewSize=t},[A(`div`,{class:g([`view-select-item-icon w-full p-3`,{"selected-view":C(G).viewSize===t}])},[(U(),j(te(fe(t)),{style:{width:`100%`,height:`100%`}}))],2),A(`span`,{class:g([`view-select-item-label text-muted mt-3 px-2 py-1 cui-rounded-corners`,{"selected-view-label":C(G).viewSize===t}])},v(t)+` `+v(e.$t(`views.camview.cameras`)),3)],8,wn))),128))])])]))]),_:1},8,[`validation-schema`,`initial-values`])}}}),[[`__scopeId`,`data-v-641aac54`]]),En={class:`h-full w-full dark-mode relative`},Dn={key:0,class:`flex flex-col w-full h-full items-center justify-center`},On={key:1,class:`flex flex-col w-full h-full`},kn={class:`flex flex-1 min-h-0 flex-col items-center justify-center w-full gap-4`},An={class:`text-muted text-sm`},jn={class:`relative w-6 h-6`},Mn=ve(V({__name:`Camview`,props:{navbarWidth:{default:0},navbarLeft:{default:0}},setup(e){let r=new u,a=new Fe,c=e,l=s(),{t:d}=l,_=Oe(),y=Ie(),{bottombarHeight:ne}=be(),{smBreakpoint:b,lgBreakpoint:x,mdBreakpoint:re}=Se(),{user:S}=ce(p()),{uiSettings:T}=ce(Ce()),{data:D,isLoading:O}=a.getCamerasQuery({page:1,pageSize:-1}),{data:N,isLoading:ie}=r.getViewsQuery(S.value?.username??``,{page:1,pageSize:-1}),{mutate:ae,isPending:B}=r.removeViewQuery(),{mutateAsync:oe,isPending:V}=r.createViewQuery(),{mutateAsync:se,isPending:ve}=r.patchViewQuery(),{navbarWidth:ye,navbarLeft:xe}=k(c),we=E(`menuRef`),Ee=E(`newViewMenuRef`),q=E(`viewDndRef`),J=F({}),Y=F(!1),X=F(!1),Z=F(!1),je=F(!1),Me=F(!1),Ne=F(!1),Le=F(!0),Re=F(`always-on`),Ve=F(`low-resolution`),We=F(`webrtc`),qe=F([]),Je=F({}),Ye=M({sourceRole:Ve.value,activityMode:Re.value,streamingMode:We.value}),Ze=z(()=>O.value\|\|ie.value\|\|B.value\|\|V.value\|\|ve.value),Qe=z(()=>ye.value+xe.value),et=z(()=>({locale:l.locale.value,dayNames:_.config.locale?.dayNames,dayNamesShort:_.config.locale?.dayNamesShort,monthNames:_.config.locale?.monthNames,monthNamesShort:_.config.locale?.monthNamesShort})),tt=z(()=>({doubleClickZoom:!1,flatCard:!0,cameraNameOverlay:!0,control:!0,toolbar:!1,expandableCard:($.value?.cameras?.length??0)>1,detectionIndicatorOverlay:!0,boundingBoxOverlay:!1,cardClickAction:`expand`,viewTransition:!0,cardProps:{pt:{root:{style:`background: #000`}}}})),rt=z(()=>N.value?.result.length?x.value?{width:Me.value?`calc(100% - 400px)`:`100%`,height:`100%`,overflowY:`scroll`}:{height:`100%`,paddingBottom:Me.value?ne.value>0?`200px`:`192px`:`0px`,overflowY:`scroll`}:{width:`100%`,height:`100%`,overflowY:`scroll`}),Q=z(()=>Y.value\|\|X.value),at=z(()=>!!q.value?.isFullscreen),ot=z(()=>[{label:at.value?d(`components.form.tooltip.fullscreen_off`):d(`components.form.tooltip.fullscreen_on`),icon:at.value?me:_e,command:Dt},{label:Le.value?d(`components.form.tooltip.unmute`):d(`components.form.tooltip.mute`),icon:Le.value?lt:st,command:Ot},{label:d(`components.form.tooltip.intercom`),icon:pe,command:()=>_t(`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`?ft:We.value===`webrtc`?le:ge,command:()=>jt()},{label:Re.value===`always-on`?d(`components.form.tooltip.activity_mode_always_on`):Re.value===`standby`?d(`components.form.tooltip.activity_mode_standby`):d(`components.form.tooltip.activity_mode_activity`),icon:Re.value===`always-on`?he:Re.value===`standby`?G:it,command:()=>kt()},{label:Ve.value===`low-resolution`?`${d(`components.form.tooltip.resolution`)}: ${d(`components.form.tooltip.source_role_low`)}`:Ve.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:Ve.value===`low-resolution`?ue:Ve.value===`mid-resolution`?W:de,command:()=>At()}]),$=z(()=>{let e=N.value?.result.find(e=>e._id===T.value.camview.viewid)\|\|N.value?.result[0];return e?(J.value=e,T.value.camview.viewid=e._id):J.value={},e}),ct=z(()=>$.value?.cameras?.map(e=>e.cameraId)??[]),{master:ut}=n(ct,{sourceRole:`low`}),dt=z(()=>ut.mode.value!==`idle`&&ut.currentTimestamp.value>0?Math.floor(ut.currentTimestamp.value/1e3):void 0),pt=z(()=>Q.value&&J.value.viewSize>0?J.value.viewSize:$.value?$.value.viewSize:1),mt=z(()=>{let e=[];for(let t of N.value?.result\|\|[])e.push({label:t.name,active:t._id===$.value?._id,onClick:()=>vt(t)});return e}),gt=z(()=>[{label:d(`views.camview.new_view`),icon:ht,onClick:()=>_t(`newView`)}]);function _t(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,y.openComponentDialog(Tn,{data:{title:n,loading:Ze,confirmText:d(`components.form.button.next`),contentProps:{form:t?J.value:void 0,type:`view`,cameras:D.value?.result\|\|[],views:N.value?.result\|\|[]}},onConfirm:e=>{e&&(J.value=e)},onCancel:()=>{X.value=!1}});break}case`intercom`:y.openComponentDialog(Ht,{data:{title:d(`components.dialog.title.intercom`),hideConfirmButton:!0,loading:Ze,contentProps:{}},events:{listening:Mt}});break;case`removeView`:y.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:yt});break}}function vt(e){T.value.camview.viewid=e._id}function yt(){!$.value\|\|!S.value\|\|ae({username:S.value.username,viewid:$.value._id},{onSuccess:e=>{e.length?T.value.camview.viewid=e[0]._id:T.value.camview.viewid=void 0}})}async function bt(){if(!S.value\|\|Object.keys(J.value).length===0)return;let e=qe.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=f(J.value);t.cameras=e,t._id?Et(await se({username:S.value.username,viewid:t._id,viewData:t})):Et(await oe({username:S.value.username,viewData:t}))}function xt(e,t){qe.value[e].lastDroppedCamera=t}function St(e){qe.value=qe.value.map(t=>(t.lastDroppedCamera?.name===e.name&&(t.lastDroppedCamera=void 0),t))}function Ct(e){return`${b.value?`mobile`:`desktop`}:${e}`}function wt(e){let t=$.value?._id;t&&(T.value.camview.layouts\|\|(T.value.camview.layouts={}),T.value.camview.layouts[Ct(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 Tt(e,t){Je.value[e._id]=t}function Et(e){T.value.camview.viewid=e._id,X.value=!1,Y.value=!1}function Dt(){q.value?.toggleFullscreen()}function Ot(){Le.value=!Le.value,q.value?.toggleAllPlayerMute(Le.value)}function kt(e){let t=Re.value;t=e\|\|(t===`always-on`?`standby`:t===`standby`?`activity`:`always-on`),q.value?.toggleAllPlayerActivityMode(t),Re.value=t}async function At(e){let t=Ve.value;t=e\|\|(t===`low-resolution`?`mid-resolution`:t===`mid-resolution`?`high-resolution`:`low-resolution`),await q.value?.toggleAllPlayerSourceRole(t),Ve.value=t}async function jt(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 Mt(e){await q.value?.toggleAllPlayerMicrophone(e)}return m(je,e=>{e&&(Ne.value=!0)}),m([pt,$,D,Q,T,b],()=>{let e=Array.from({length:pt.value}).map((e,t)=>({accept:`camera`,index:t,lastDroppedCamera:void 0}));if(!X.value){let t=$.value?._id,n=t?Ct(t):void 0,r=n?T.value.camview.layouts?.[n]:void 0,i=new Set(D.value?.result.map(e=>e._id)??[]),a=!1;for(let t of $.value?.cameras\|\|[]){if(!e[t.index])continue;let n=D.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&&T.value.camview.layouts?.[n]&&(T.value.camview.layouts[n]=T.value.camview.layouts[n].filter(e=>!e.cameraId\|\|i.has(e.cameraId)))}qe.value=e},{deep:!0,immediate:!0}),(e,n)=>{let r=Ke,a=nt,s=ze,c=$e,l=Xe,u=K,d=fe,f=De,p=Ue,m=Be,_=He,y=Ge,S=o,E=Ae,O=t,k=ke,M=Pe,F=Te;return U(),P(`div`,En,[H(y,{"left-offset":C(Qe),animate:``},{left:I(()=>[!C(X)&&C($)?(U(),j(r,{key:0,type:`dropdown`,label:C($).name,"menu-open":C(we)?.isOpen,disabled:C(Ze)\|\|C(Y),onClick:n[0]\|\|=e=>C(we)?.toggleMenu(e)},null,8,[`label`,`menu-open`,`disabled`])):C(X)&&C(J).name?(U(),j(r,{key:1,label:C(J).name,disabled:C(Ze)},null,8,[`label`,`disabled`])):L(``,!0)]),right:I(()=>[!C(Q)&&C($)?R((U(),j(r,{key:0,active:C(Z),onClick:n[1]\|\|=e=>Z.value=!C(Z)},{icon:I(()=>[C(Z)?(U(),j(s,{key:1,width:`100%`,height:`100%`})):(U(),j(a,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[F,{value:C(Z)?e.$t(`views.camview.rearrange_done`):e.$t(`views.camview.rearrange`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)&&C(Z)&&!C(b)?R((U(),j(r,{key:1,onClick:n[2]\|\|=e=>C(q)?.fitAspectRatios()},{icon:I(()=>[H(c,{width:`100%`,height:`100%`})]),_:1})),[[F,{value:e.$t(`views.camview.rearrange_fit_aspect`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)&&C(Z)&&!C(b)?R((U(),j(r,{key:2,onClick:n[3]\|\|=e=>C(q)?.compactGrid()},{icon:I(()=>[H(l,{width:`100%`,height:`100%`})]),_:1})),[[F,{value:e.$t(`views.camview.rearrange_auto`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)?R((U(),j(r,{key:3,active:C(je),onClick:n[4]\|\|=e=>je.value=!C(je)},{icon:I(()=>[C(je)?(U(),j(d,{key:1,width:`100%`,height:`100%`})):(U(),j(u,{key:0,width:`100%`,height:`100%`}))]),_:1},8,[`active`])),[[F,{value:C(je)?e.$t(`components.form.tooltip.hide_timeline`):e.$t(`components.form.tooltip.show_timeline`)},void 0,{bottom:!0}]]):L(``,!0),!C(Q)&&C($)?(U(),j(f,{key:4,layout:`vertical`})):L(``,!0),!C(Q)&&C($)?R((U(),j(r,{key:5,disabled:C(Z),onClick:n[5]\|\|=e=>_t(`removeView`)},{icon:I(()=>[H(p,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[F,{value:e.$t(`components.form.tooltip.delete`)},void 0,{bottom:!0}]]):L(``,!0),!C(Y)&&!C(X)&&C($)?R((U(),j(r,{key:6,disabled:C(Z),onClick:n[6]\|\|=e=>Y.value=!0},{icon:I(()=>[H(m,{width:`100%`,height:`100%`})]),_:1},8,[`disabled`])),[[F,{value:e.$t(`components.form.tooltip.edit`)},void 0,{bottom:!0}]]):L(``,!0),!C(Y)&&!C(X)?R((U(),j(r,{key:7,disabled:C(Z),onClick:C(Ee)?.toggleMenu},{icon:I(()=>[H(_,{class:g([`transform transition-transform duration-300`,{"rotate-45":C(Ee)?.isOpen}]),width:`100%`,height:`100%`},null,8,[`class`])]),_:1},8,[`disabled`,`onClick`])),[[F,{value:e.$t(`components.form.tooltip.new`)},void 0,{bottom:!0}]]):L(``,!0),C(Y)\|\|C(X)?(U(),j(r,{key:8,label:e.$t(`components.form.button.cancel`),onClick:n[7]\|\|=e=>C(Y)?Y.value=!1:X.value=!1},null,8,[`label`])):L(``,!0),C(Y)\|\|C(X)?(U(),j(r,{key:9,label:e.$t(`components.form.button.save`),disabled:C(qe).every(e=>e.lastDroppedCamera===void 0),primary:``,onClick:bt},null,8,[`label`,`disabled`])):L(``,!0)]),_:1},8,[`left-offset`]),A(`div`,{class:g([`w-full h-full flex relative`,{"flex-row":C(x),"flex-col":!C(x)}]),style:w({paddingTop:`${C(55)}px`})},[A(`div`,{class:g([`flex relative z-1 camview-content-transition`,{"h-full items-center justify-center":C(x)\|\|!C(N)?.result.length,"w-full items-start justify-start":!C(x)&&C(N)?.result.length}]),style:w(C(rt))},[C(Ze)?(U(),P(`div`,Dn,[(U(),j(S,{key:0,class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`}))])):!C($)&&!C(X)?(U(),P(`div`,On,[A(`div`,kn,[H(E,{class:`w-12 h-12 text-muted`}),A(`span`,An,v(e.$t(`views.camview.no_views_configured`)),1)])])):C($)\|\|C(X)?(U(),P(`div`,{key:2,class:g([`w-full h-full`,{"p-2 pb-0":!C(b)}])},[(U(),j(Rt,{ref_key:`viewDndRef`,ref:q,key:C(T).camview.viewid+(C(X)?`-new`:C(Y)?`-edit`:`-view`),cameras:C(D)?.result\|\|[],"edit-mode":C(X)\|\|C(Y),"rearrange-mode":C(Z),"view-size":C(X)?C(J).viewSize:C(pt),title:C(J).name,cards:C(qe),"camera-card-props":C(tt),"camera-card-models":C(Ye),onDrop:xt,onRemove:St,onChangeViewSize:n[8]\|\|=e=>_t(`editView`),onExpand:Tt,onRearrange:wt},null,8,[`cameras`,`edit-mode`,`rearrange-mode`,`view-size`,`title`,`cards`,`camera-card-props`,`camera-card-models`]))],2)):L(``,!0)],6),H(h,{name:C(x)?`slide-left`:`slide-up`,onBeforeEnter:n[9]\|\|=e=>Me.value=!0,onAfterEnter:n[10]\|\|=e=>Ne.value=!1,onBeforeLeave:n[11]\|\|=e=>Me.value=!1},{default:I(()=>[C(je)?(U(),j(C(i),{key:0,"camera-ids":C(ct),"initial-timestamp":C(dt),loading:C(Ne),type:C(x)?`vertical`:`horizontal`,"dark-mode":``,"md-breakpoint":C(re),class:g([`shrink-0 transition-[left] duration-200`,{"h-full w-[400px] pt-2 pr-2":C(x),"h-[200px] pt-2 px-2 pb-2 pb-safe-offset fixed right-safe-offset-0 z-10":!C(x),"p-0! pt-2! border-color":C(b)}]),"card-class":{"!shadow-xl":!0,"!rounded-none border-l-0! border-r-0!":C(b)},style:w(C(x)?void 0:{left:`${C(Qe)}px`,bottom:`calc(${C(ne)}px + env(safe-area-inset-bottom, 0px))`}),"locale-settings":C(et)},null,8,[`camera-ids`,`initial-timestamp`,`loading`,`type`,`md-breakpoint`,`class`,`card-class`,`style`,`locale-settings`])):L(``,!0)]),_:1},8,[`name`])],6),!C(Q)&&C($)?(U(),j(k,{key:0,model:C(ot),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:w({bottom:C(x)?`0`:`calc(${C(Me)?192:0}px + ${C(ne)>0?`0.5rem`:`0px`})`,right:C(x)?`calc(${C(Me)?400:0}px + 0.5rem)`:`0.5rem`,transition:`bottom 0.25s ease-out, right 0.25s ease-out`})},{button:I(({visible:e,toggleCallback:t})=>[H(O,{severity:`secondary`,class:g([`dark-mode opacity-40 hover:opacity-100 active:opacity-100 focus:opacity-100 transition pointer-events-auto`,{"opacity-100":e}]),rounded:``,loading:C(Ze),onClick:t},{icon:I(()=>[A(`div`,jn,[A(`div`,{class:g([`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),A(`div`,{class:g([`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),A(`div`,{class:g([`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:I(({item:e,toggleCallback:t})=>[R((U(),j(O,ee({loading:C(Ze),severity:`secondary`},e.buttonProps,{rounded:``,onClick:t}),{icon:I(()=>[(U(),j(te(e.icon)))]),_:2},1040,[`loading`,`onClick`])),[[F,{value:e.label}]])]),_:1},8,[`model`,`style`])):L(``,!0),H(M,{ref_key:`menuRef`,ref:we,items:C(mt),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`]),H(M,{ref_key:`newViewMenuRef`,ref:Ee,items:C(gt),class:`dark-mode`,popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])])}}}),[[`__scopeId`,`data-v-6ee3e146`]]);export{Mn as default};

package/dist/interface/assets/{Menu-Cl-biyd7.js → Menu-Ct3W72Nu.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{ct as e,fi as t}from"./vendor-cameraui-DgSMexWY.js";import{h as n,m as r}from"./api-aSYFKxo6.js";import{An as i,Er as a,Gn as o,Sr as s,Un as c,Vn as l,Xn as u,_n as d,br as f,dn as p,fn as m,mn as h,nr as g,on as _,pn as v,un as y,ur as b,vn as x,xn as S,yn as C,zn as w}from"./vendor-DoIl6acN.js";import{f as T}from"./vendor-core-BKHiXSX7.js";import{n as E}from"./router-~~i0r3QZvk~~.js";import{t as D}from"./power-BcSFRPtI.js";import{t as O}from"./CuiAvatar-of_eVQsv.js";import{t as k}from"./hasPermission-P1TgpAur.js";import{n as A}from"./CuiMenu-Ds6GufVn.js";import{t as j}from"./information-outline-ChTb2u7w.js";import{t as M}from"./chevron-right-CXZ4SFSg.js";var N={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function P(e,t){return w(),h(`svg`,N,[...t[0]\|\|=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`1.5`,d:`M17 20V4m0 0l3 3m-3-3l-3 3M7 4v16m0 0l3-3m-3 3l-3-3`},null,-1)]])}var F=b({name:`iconoir-data-transfer-both`,render:P}),I={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function L(e,t){return w(),h(`svg`,I,[...t[0]\|\|=[d(`<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M11 21H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v7"></path><path stroke-linejoin="round" d="M2 7h20M5 5.01l.01-.011M8 5.01l.01-.011M11 5.01l.01-.011m10.657 11.668C21.047 15.097 19.635 14 17.99 14c-1.758 0-3.252 1.255-3.793 3"></path><path stroke-linejoin="round" d="M19.995 16.772H21.4a.6.6 0 0 0 .6-.6V14.55m-7.666 4.783C14.953 20.903 16.366 22 18.01 22c1.758 0 3.252-1.255 3.793-3"></path><path stroke-linejoin="round" d="M16.005 19.228H14.6a.6.6 0 0 0-.6.6v1.622"></path></g>`,1)]])}var R=b({name:`iconoir-reload-window`,render:L}),z=S({__name:`CuiList`,props:{size:{default:`default`},dividers:{type:Boolean},cardProps:{},cardClass:{type:[Boolean,null,String,Object,Array]},cardStyle:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,r=u(),{cardProps:a,cardClass:c,cardStyle:d,dividers:p}=f(n),v=y(()=>{let e=r.default?.();if(!e)return[];let t=[];for(let n of e)if(n.type===_&&Array.isArray(n.children))for(let e of n.children)typeof e==`object`&&e&&t.push(e);else t.push(n);return t});return(n,r)=>{let u=e;return w(),m(u,i({class:`cui-card`,pt:{body:{class:`p-0`}}},s(a),{class:s(c),style:s(d)}),{content:g(()=>[(w(!0),h(_,null,l(s(v),(e,n)=>(w(),m(o(e),i({key:n,ref_for:!0},s(p)===!1?{}:{divider:n<s(v).length-1},{size:t.size,radius:s(v).length===1?`both`:n===0?`top`:n===s(v).length-1?`bottom`:`none`}),null,16,[`size`,`radius`]))),128))]),_:1},16,[`class`,`style`])}}}),B={class:`flex flex-col items-center py-8`},V={class:`mt-3 text-lg font-semibold`},H={class:`text-sm text-muted`},U={class:`px-4 mb-4`},W={class:`card-title`},G={key:0,class:`px-4 mb-4`},K={class:`card-title`},q={class:`px-4 mb-4`},J={class:`card-title`},Y={class:`text-primary`},X=S({__name:`Menu`,setup(e){let{t:i}=t(),u=r(),{user:d}=T(u),f=new Set([`Faces`,`Plugins`,`Settings`]),b=y(()=>E.filter(e=>e.meta?.menu&&e.meta.auth&&k(e))),S=y(()=>b.value.filter(e=>f.has(e.name)).map(e=>({to:e.path,label:i(`navigation.${e.name.toLowerCase()}`),icon:e.meta.menu.icon.default}))),N=y(()=>b.value.filter(e=>!f.has(e.name)).map(e=>({to:e.path,label:i(`navigation.${e.name.toLowerCase()}`),icon:e.meta.menu.icon.default})));function P(){window.location.reload()}async function I(){await n()}return(e,t)=>{let n=O,r=c(`RouterLink`),i=M,f=A,y=z,b=j,T=R,E=F,k=D;return w(),h(`div`,null,[p(`section`,B,[C(r,{to:`/settings/account`,class:`flex flex-col items-center justify-center`},{default:g(()=>[C(n,{src:`avatar`,size:80,style:{width:`80px`,height:`80px`}}),p(`div`,V,a(s(d)?.username??`Unknown`),1),p(`div`,H,a(s(d)?.role??`user`),1)]),_:1})]),p(`section`,U,[p(`span`,W,a(e.$t(`views.menu.section_app`)),1),C(y,{size:`large`,dividers:``},{default:g(()=>[(w(!0),h(_,null,l(s(S),e=>(w(),m(f,{key:e.to,to:e.to},{prepend:g(()=>[(w(),m(o(e.icon),{class:`w-5 h-5 text-muted`}))]),append:g(()=>[C(i,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.label)+` `,1)]),_:2},1032,[`to`]))),128))]),_:1})]),s(N).length?(w(),h(`section`,G,[p(`span`,K,a(e.$t(`views.menu.section_system`)),1),C(y,{size:`large`,dividers:``},{default:g(()=>[(w(!0),h(_,null,l(s(N),e=>(w(),m(f,{key:e.to,to:e.to},{prepend:g(()=>[(w(),m(o(e.icon),{class:`w-5 h-5 text-muted`}))]),append:g(()=>[C(i,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.label)+` `,1)]),_:2},1032,[`to`]))),128))]),_:1})])):v(``,!0),p(`section`,q,[p(`span`,J,a(e.$t(`views.menu.section_actions`)),1),C(y,{size:`large`,dividers:``},{default:g(()=>[C(f,{to:`/about`},{prepend:g(()=>[C(b,{class:`w-5 h-5 text-muted`})]),append:g(()=>[C(i,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.$t(`navigation.about`))+` `,1)]),_:1}),C(f,{onClick:P},{prepend:g(()=>[C(T,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.$t(`views.menu.reload`)),1)]),_:1}),s(!1)?(w(),m(f,{key:0,onClick:I},{prepend:g(()=>[C(E,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.$t(`views.menu.switch_server`)),1)]),_:1})):v(``,!0),C(f,{onClick:t[0]\|\|=()=>s(u).logout()},{prepend:g(()=>[C(k,{class:`w-5 h-5 text-primary`})]),default:g(()=>[p(`span`,Y,a(e.$t(`views.menu.logout`)),1)]),_:1})]),_:1})])])}}});export{X as default};
1	+ import{ct as e,fi as t}from"./vendor-cameraui-DgSMexWY.js";import{h as n,m as r}from"./api-aSYFKxo6.js";import{An as i,Er as a,Gn as o,Sr as s,Un as c,Vn as l,Xn as u,_n as d,br as f,dn as p,fn as m,mn as h,nr as g,on as _,pn as v,un as y,ur as b,vn as x,xn as S,yn as C,zn as w}from"./vendor-DoIl6acN.js";import{f as T}from"./vendor-core-BKHiXSX7.js";import{n as E}from"./router-6GfEM8TO.js";import{t as D}from"./power-BcSFRPtI.js";import{t as O}from"./CuiAvatar-of_eVQsv.js";import{t as k}from"./hasPermission-P1TgpAur.js";import{n as A}from"./CuiMenu-Ds6GufVn.js";import{t as j}from"./information-outline-ChTb2u7w.js";import{t as M}from"./chevron-right-CXZ4SFSg.js";var N={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function P(e,t){return w(),h(`svg`,N,[...t[0]\|\|=[p(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`1.5`,d:`M17 20V4m0 0l3 3m-3-3l-3 3M7 4v16m0 0l3-3m-3 3l-3-3`},null,-1)]])}var F=b({name:`iconoir-data-transfer-both`,render:P}),I={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function L(e,t){return w(),h(`svg`,I,[...t[0]\|\|=[d(`<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M11 21H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v7"></path><path stroke-linejoin="round" d="M2 7h20M5 5.01l.01-.011M8 5.01l.01-.011M11 5.01l.01-.011m10.657 11.668C21.047 15.097 19.635 14 17.99 14c-1.758 0-3.252 1.255-3.793 3"></path><path stroke-linejoin="round" d="M19.995 16.772H21.4a.6.6 0 0 0 .6-.6V14.55m-7.666 4.783C14.953 20.903 16.366 22 18.01 22c1.758 0 3.252-1.255 3.793-3"></path><path stroke-linejoin="round" d="M16.005 19.228H14.6a.6.6 0 0 0-.6.6v1.622"></path></g>`,1)]])}var R=b({name:`iconoir-reload-window`,render:L}),z=S({__name:`CuiList`,props:{size:{default:`default`},dividers:{type:Boolean},cardProps:{},cardClass:{type:[Boolean,null,String,Object,Array]},cardStyle:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,r=u(),{cardProps:a,cardClass:c,cardStyle:d,dividers:p}=f(n),v=y(()=>{let e=r.default?.();if(!e)return[];let t=[];for(let n of e)if(n.type===_&&Array.isArray(n.children))for(let e of n.children)typeof e==`object`&&e&&t.push(e);else t.push(n);return t});return(n,r)=>{let u=e;return w(),m(u,i({class:`cui-card`,pt:{body:{class:`p-0`}}},s(a),{class:s(c),style:s(d)}),{content:g(()=>[(w(!0),h(_,null,l(s(v),(e,n)=>(w(),m(o(e),i({key:n,ref_for:!0},s(p)===!1?{}:{divider:n<s(v).length-1},{size:t.size,radius:s(v).length===1?`both`:n===0?`top`:n===s(v).length-1?`bottom`:`none`}),null,16,[`size`,`radius`]))),128))]),_:1},16,[`class`,`style`])}}}),B={class:`flex flex-col items-center py-8`},V={class:`mt-3 text-lg font-semibold`},H={class:`text-sm text-muted`},U={class:`px-4 mb-4`},W={class:`card-title`},G={key:0,class:`px-4 mb-4`},K={class:`card-title`},q={class:`px-4 mb-4`},J={class:`card-title`},Y={class:`text-primary`},X=S({__name:`Menu`,setup(e){let{t:i}=t(),u=r(),{user:d}=T(u),f=new Set([`Faces`,`Plugins`,`Settings`]),b=y(()=>E.filter(e=>e.meta?.menu&&e.meta.auth&&k(e))),S=y(()=>b.value.filter(e=>f.has(e.name)).map(e=>({to:e.path,label:i(`navigation.${e.name.toLowerCase()}`),icon:e.meta.menu.icon.default}))),N=y(()=>b.value.filter(e=>!f.has(e.name)).map(e=>({to:e.path,label:i(`navigation.${e.name.toLowerCase()}`),icon:e.meta.menu.icon.default})));function P(){window.location.reload()}async function I(){await n()}return(e,t)=>{let n=O,r=c(`RouterLink`),i=M,f=A,y=z,b=j,T=R,E=F,k=D;return w(),h(`div`,null,[p(`section`,B,[C(r,{to:`/settings/account`,class:`flex flex-col items-center justify-center`},{default:g(()=>[C(n,{src:`avatar`,size:80,style:{width:`80px`,height:`80px`}}),p(`div`,V,a(s(d)?.username??`Unknown`),1),p(`div`,H,a(s(d)?.role??`user`),1)]),_:1})]),p(`section`,U,[p(`span`,W,a(e.$t(`views.menu.section_app`)),1),C(y,{size:`large`,dividers:``},{default:g(()=>[(w(!0),h(_,null,l(s(S),e=>(w(),m(f,{key:e.to,to:e.to},{prepend:g(()=>[(w(),m(o(e.icon),{class:`w-5 h-5 text-muted`}))]),append:g(()=>[C(i,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.label)+` `,1)]),_:2},1032,[`to`]))),128))]),_:1})]),s(N).length?(w(),h(`section`,G,[p(`span`,K,a(e.$t(`views.menu.section_system`)),1),C(y,{size:`large`,dividers:``},{default:g(()=>[(w(!0),h(_,null,l(s(N),e=>(w(),m(f,{key:e.to,to:e.to},{prepend:g(()=>[(w(),m(o(e.icon),{class:`w-5 h-5 text-muted`}))]),append:g(()=>[C(i,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.label)+` `,1)]),_:2},1032,[`to`]))),128))]),_:1})])):v(``,!0),p(`section`,q,[p(`span`,J,a(e.$t(`views.menu.section_actions`)),1),C(y,{size:`large`,dividers:``},{default:g(()=>[C(f,{to:`/about`},{prepend:g(()=>[C(b,{class:`w-5 h-5 text-muted`})]),append:g(()=>[C(i,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.$t(`navigation.about`))+` `,1)]),_:1}),C(f,{onClick:P},{prepend:g(()=>[C(T,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.$t(`views.menu.reload`)),1)]),_:1}),s(!1)?(w(),m(f,{key:0,onClick:I},{prepend:g(()=>[C(E,{class:`w-5 h-5 text-muted`})]),default:g(()=>[x(` `+a(e.$t(`views.menu.switch_server`)),1)]),_:1})):v(``,!0),C(f,{onClick:t[0]\|\|=()=>s(u).logout()},{prepend:g(()=>[C(k,{class:`w-5 h-5 text-primary`})]),default:g(()=>[p(`span`,Y,a(e.$t(`views.menu.logout`)),1)]),_:1})]),_:1})])])}}});export{X as default};

package/dist/interface/assets/{Settings-BljKDhYY.js → Settings-BZDfWnB8.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{Hn as e,Ni as t,Pi as n,Si as r,Vn as i,hi as a,qi as o,zi as s}from"./vendor-cameraui-DgSMexWY.js";import{$n as c,Cr as l,Er as u,Gn as d,Ln as f,Sr as p,Tr as m,Un as h,Vn as g,Zn as _,br as v,dn as y,fn as b,jn as x,mn as S,mr as C,nr as w,on as T,pn as E,un as D,xn as O,yn as k,zn as A}from"./vendor-DoIl6acN.js";import{f as j,l as M}from"./vendor-core-BKHiXSX7.js";import{t as N}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as P,o as F,r as I,s as ee,t as L}from"./useSharedComposables-gpJ--qZh.js";import{n as R}from"./router-~~i0r3QZvk~~.js";import{t as z}from"./hasPermission-P1TgpAur.js";import{t as B}from"./CuiTopbarSlot-ac4GLLbf.js";import{t as V}from"./routerState-dQtObsFs.js";import{n as H,t as U}from"./round-alt-arrow-left-bold-C-0SLIa9.js";var W={},G={class:`w-full h-full flex items-center justify-center`};function K(e,t){let n=i;return A(),S(`div`,G,[k(n,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])}var q=N(W,[[`render`,K]]),J={key:0},Y={key:1},X={class:`overflow-hidden w-full`},Z={class:`ml-2 flex flex-row items-center justify-between`},Q={class:`text-start flex-1`},te={class:`text-sm font-bold max-w-100 truncate`},ne={key:0,class:`text-sm text-muted font-normal`},re=N(O({__name:`CuiSubNavItem`,props:{label:{},to:{},description:{},icon:{},activeIcon:{}},setup(t){let{icon:n,activeIcon:r,label:i,description:a,to:o}=v(t);return(t,s)=>{let c=e,d=h(`RouterLink`);return A(),b(d,{to:p(o)},{default:w(({isExactActive:e})=>[k(c,{text:``,severity:`secondary`,class:l([`subnavitem-button w-full h-[120px] flex items-start justify-start p-6 bg-none text-color hover:!text-primary active:!text-primary focus:!text-primary rounded-none`,{"active !text-primary":e}]),fluid:``},{default:w(()=>[p(n)&&!e\|\|!p(r)?(A(),S(`div`,J,[k(p(n),{class:`w-[24px] h-[24px]`})])):p(r)&&e?(A(),S(`div`,Y,[k(p(r),{class:`w-[24px] h-[24px]`})])):E(``,!0),y(`div`,X,[y(`div`,Z,[y(`div`,Q,[y(`div`,te,u(p(i)),1),p(a)?(A(),S(`div`,ne,u(p(a)),1)):E(``,!0)])])])]),_:2},1032,[`class`])]),_:1},8,[`to`])}}}),[[`__scopeId`,`data-v-a5399c04`]]),$={CLOSED:0,EXPANDED:288},ie=N(O({__name:`CuiSubNavbar`,setup(e,{expose:t}){let r=M(),{bus:i}=F(),{xlBreakpoint:s,mdBreakpoint:l}=L(),{bottombarHeight:u,subbarState:d,navbarState:h,topbarHeight:v}=P(),y=_(`subnavbarRef`),w=C(`closed`),E=D(()=>s.value?`opened`:w.value),O=D(()=>E.value===`closed`?$.CLOSED:$.EXPANDED),k=D(()=>R.find(e=>e.name===`Settings`).children.filter(e=>e.meta?.settingsBar&&z(e)));function j(){w.value=`closed`,i.emit({subbarState:`closed`})}function N(){x(()=>{let e=y.value?.querySelector(`.subnavitem-button.active`);e&&e.scrollIntoView({block:`center`,behavior:`smooth`})})}let I=o(N,100);return a(y,e=>{let t=e.target,n=t.closest(`#menu-icon`),r=t.closest(`#submenu-icon`),i=t.closest(`#navbar-icon`);!n&&!r&&!i&&j()}),n(y,()=>{I()}),c(d,e=>{e&&e!==w.value&&(w.value=e)}),c(r.currentRoute,(e,t)=>{e.path!==t.path&&j()}),c(h,e=>{e===`opened`&&l.value&&j()}),f(()=>{N()}),t({subnavbarState:E}),(e,t)=>{let n=re;return A(),S(`nav`,{ref_key:`subnavbarRef`,ref:y,class:`cui-subnavbar fixed transition-all duration-200 overflow-x-hidden overflow-y-scroll md:!pl-0 pl-safe pb-safe w-full h-full flex flex-col`,style:m({width:`${p(O)}px`,borderRightWidth:p(E)===`opened`?`1px`:`0px`,paddingBottom:`calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + ${p(u)}px + ${p(v)}px)`})},[(A(!0),S(T,null,g(p(k),t=>(A(),b(n,{key:t.name,icon:t.meta.settingsBar.icon.default,"active-icon":t.meta.settingsBar.icon.active,to:t.path,label:e.$t(`navigation.${(t.meta?.name).toLowerCase()}`),description:e.$t(`navigation_description.${t.meta?.description}`),class:`cui-list-item !m-0 !p-0 shrink-0`,style:m({width:`${p($).EXPANDED}px`})},null,8,[`icon`,`active-icon`,`to`,`label`,`description`,`style`]))),128))],4)}}}),[[`__scopeId`,`data-v-ebf1579c`]]),ae={class:`font-semibold text-xl truncate`},oe={class:`relative flex overflow-hidden items-center justify-center w-5 h-5`},se={class:`flex flex-col justify-between w-4 h-3 transform transition-all duration-100 origin-center overflow-hidden`},ce={class:`w-full h-full relative`},le={key:0,class:`w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-2`},ue={class:`relative z-2 page-title !m-0`},de=O({__name:`Settings`,setup(n){let i=M(),a=ee(),{bus:o}=F(),{isTouch:f}=I(),{mdBreakpoint:g,xlBreakpoint:v,smBreakpoint:x}=L(),{routerLoading:T}=j(V()),O=R.find(e=>e.name===`Settings`).children.filter(e=>z(e)&&e.meta?.settingsBar),N=_(`subnavbarRef`),P=_(`containerRef`),W=C(!0),{isSwiping:G,direction:K}=f.value?s(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)\|\|t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}):t(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)\|\|t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}),J=r(N),Y=D(()=>N.value?.subnavbarState??`closed`);function X(){let e=Y.value===`opened`?`closed`:`opened`;o.emit({subbarState:e})}return c([G,K],()=>{if(G.value&&W.value){let e=O.findIndex(e=>e.path===i.currentRoute.value.path.split(`/settings/`)[1]);switch(K.value){case`right`:{let t=O[e-1];t&&i.push({path:t.path})}break;case`left`:{let t=O[e+1];t&&i.push({path:t.path})}break}}}),(t,n)=>{let r=B,i=e,o=ie,s=U,c=H,f=q,_=h(`RouterView`);return A(),S(`div`,null,[k(r,{position:`center`},{default:w(()=>[y(`span`,ae,u(t.$t(`views.settings.title_${t.$route.meta?.name}`)),1)]),_:1}),k(r,{position:`left`},{default:w(()=>[k(i,{id:`menu-icon`,class:`cui-button relative group p-2 transition-colors duration-100 w-[40px] h-[42px] flex items-center justify-center`,severity:`secondary`,text:``,onClick:X},{default:w(()=>[y(`div`,oe,[y(`div`,se,[y(`div`,{class:l([`h-0.5 w-2 transform transition-all duration-100 origin-center`,{"w-4 rotate-45 translate-y-[5px]":p(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),y(`div`,{class:l([`h-0.5 w-4 rounded transform transition-all duration-100`,{"opacity-0":p(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),y(`div`,{class:l([`h-0.5 w-3 transform transition-all duration-100 origin-center`,{"w-4 -rotate-45 -translate-y-[5px]":p(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2)])])]),_:1})]),_:1}),k(o,{ref_key:`subnavbarRef`,ref:N,class:`z-4 min-w-0`},null,512),y(`main`,{class:`relative w-full h-full`,style:m({paddingLeft:p(g)?`0px`:`${p(J).width.value}px`})},[y(`div`,ce,[p(x)?E(``,!0):(A(),S(`div`,le,[n[0]\|\|=y(`div`,{class:`ml-2`},null,-1),p(v)?E(``,!0):(A(),b(i,{key:0,id:`submenu-icon`,severity:`secondary`,class:`mr-2 cui-icon-lg relative z-2`,text:``,rounded:``,onClick:X},{icon:w(()=>[p(Y)===`opened`?(A(),b(s,{key:0,width:`100%`,height:`100%`})):(A(),b(c,{key:1,width:`100%`,height:`100%`}))]),_:1})),y(`h1`,ue,u(t.$t(`views.settings.title_${t.$route.meta?.name}`)),1),n[1]\|\|=y(`div`,{class:`gradient-blur rotate-180 !h-[70px]`},[y(`div`),y(`div`),y(`div`),y(`div`),y(`div`),y(`div`)],-1)])),y(`div`,{ref_key:`containerRef`,ref:P,class:l([`px-2 h-full w-full`,{"py-4":p(x),"pt-[calc(40px+2rem)] pb-2":!p(x)}])},[p(T)&&p(a).showRouterLoadingSub.value?(A(),b(f,{key:0,class:`w-full h-full relative overflow-x-hidden`})):(A(),b(_,{key:1},{default:w(({Component:e})=>[(A(),b(d(e),{class:`h-full`}))]),_:1}))],2)])],4)])}}});export{de as default};
1	+ import{Hn as e,Ni as t,Pi as n,Si as r,Vn as i,hi as a,qi as o,zi as s}from"./vendor-cameraui-DgSMexWY.js";import{$n as c,Cr as l,Er as u,Gn as d,Ln as f,Sr as p,Tr as m,Un as h,Vn as g,Zn as _,br as v,dn as y,fn as b,jn as x,mn as S,mr as C,nr as w,on as T,pn as E,un as D,xn as O,yn as k,zn as A}from"./vendor-DoIl6acN.js";import{f as j,l as M}from"./vendor-core-BKHiXSX7.js";import{t as N}from"./_plugin-vue_export-helper-BDNMzG2s.js";import{n as P,o as F,r as I,s as ee,t as L}from"./useSharedComposables-gpJ--qZh.js";import{n as R}from"./router-6GfEM8TO.js";import{t as z}from"./hasPermission-P1TgpAur.js";import{t as B}from"./CuiTopbarSlot-ac4GLLbf.js";import{t as V}from"./routerState-dQtObsFs.js";import{n as H,t as U}from"./round-alt-arrow-left-bold-C-0SLIa9.js";var W={},G={class:`w-full h-full flex items-center justify-center`};function K(e,t){let n=i;return A(),S(`div`,G,[k(n,{class:`w-[30px] h-[30px] m-0`,"stroke-width":`5`})])}var q=N(W,[[`render`,K]]),J={key:0},Y={key:1},X={class:`overflow-hidden w-full`},Z={class:`ml-2 flex flex-row items-center justify-between`},Q={class:`text-start flex-1`},te={class:`text-sm font-bold max-w-100 truncate`},ne={key:0,class:`text-sm text-muted font-normal`},re=N(O({__name:`CuiSubNavItem`,props:{label:{},to:{},description:{},icon:{},activeIcon:{}},setup(t){let{icon:n,activeIcon:r,label:i,description:a,to:o}=v(t);return(t,s)=>{let c=e,d=h(`RouterLink`);return A(),b(d,{to:p(o)},{default:w(({isExactActive:e})=>[k(c,{text:``,severity:`secondary`,class:l([`subnavitem-button w-full h-[120px] flex items-start justify-start p-6 bg-none text-color hover:!text-primary active:!text-primary focus:!text-primary rounded-none`,{"active !text-primary":e}]),fluid:``},{default:w(()=>[p(n)&&!e\|\|!p(r)?(A(),S(`div`,J,[k(p(n),{class:`w-[24px] h-[24px]`})])):p(r)&&e?(A(),S(`div`,Y,[k(p(r),{class:`w-[24px] h-[24px]`})])):E(``,!0),y(`div`,X,[y(`div`,Z,[y(`div`,Q,[y(`div`,te,u(p(i)),1),p(a)?(A(),S(`div`,ne,u(p(a)),1)):E(``,!0)])])])]),_:2},1032,[`class`])]),_:1},8,[`to`])}}}),[[`__scopeId`,`data-v-a5399c04`]]),$={CLOSED:0,EXPANDED:288},ie=N(O({__name:`CuiSubNavbar`,setup(e,{expose:t}){let r=M(),{bus:i}=F(),{xlBreakpoint:s,mdBreakpoint:l}=L(),{bottombarHeight:u,subbarState:d,navbarState:h,topbarHeight:v}=P(),y=_(`subnavbarRef`),w=C(`closed`),E=D(()=>s.value?`opened`:w.value),O=D(()=>E.value===`closed`?$.CLOSED:$.EXPANDED),k=D(()=>R.find(e=>e.name===`Settings`).children.filter(e=>e.meta?.settingsBar&&z(e)));function j(){w.value=`closed`,i.emit({subbarState:`closed`})}function N(){x(()=>{let e=y.value?.querySelector(`.subnavitem-button.active`);e&&e.scrollIntoView({block:`center`,behavior:`smooth`})})}let I=o(N,100);return a(y,e=>{let t=e.target,n=t.closest(`#menu-icon`),r=t.closest(`#submenu-icon`),i=t.closest(`#navbar-icon`);!n&&!r&&!i&&j()}),n(y,()=>{I()}),c(d,e=>{e&&e!==w.value&&(w.value=e)}),c(r.currentRoute,(e,t)=>{e.path!==t.path&&j()}),c(h,e=>{e===`opened`&&l.value&&j()}),f(()=>{N()}),t({subnavbarState:E}),(e,t)=>{let n=re;return A(),S(`nav`,{ref_key:`subnavbarRef`,ref:y,class:`cui-subnavbar fixed transition-all duration-200 overflow-x-hidden overflow-y-scroll md:!pl-0 pl-safe pb-safe w-full h-full flex flex-col`,style:m({width:`${p(O)}px`,borderRightWidth:p(E)===`opened`?`1px`:`0px`,paddingBottom:`calc(env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px) + ${p(u)}px + ${p(v)}px)`})},[(A(!0),S(T,null,g(p(k),t=>(A(),b(n,{key:t.name,icon:t.meta.settingsBar.icon.default,"active-icon":t.meta.settingsBar.icon.active,to:t.path,label:e.$t(`navigation.${(t.meta?.name).toLowerCase()}`),description:e.$t(`navigation_description.${t.meta?.description}`),class:`cui-list-item !m-0 !p-0 shrink-0`,style:m({width:`${p($).EXPANDED}px`})},null,8,[`icon`,`active-icon`,`to`,`label`,`description`,`style`]))),128))],4)}}}),[[`__scopeId`,`data-v-ebf1579c`]]),ae={class:`font-semibold text-xl truncate`},oe={class:`relative flex overflow-hidden items-center justify-center w-5 h-5`},se={class:`flex flex-col justify-between w-4 h-3 transform transition-all duration-100 origin-center overflow-hidden`},ce={class:`w-full h-full relative`},le={key:0,class:`w-full flex flex-row h-[calc(40px+1rem)] py-2 items-center fixed z-2`},ue={class:`relative z-2 page-title !m-0`},de=O({__name:`Settings`,setup(n){let i=M(),a=ee(),{bus:o}=F(),{isTouch:f}=I(),{mdBreakpoint:g,xlBreakpoint:v,smBreakpoint:x}=L(),{routerLoading:T}=j(V()),O=R.find(e=>e.name===`Settings`).children.filter(e=>z(e)&&e.meta?.settingsBar),N=_(`subnavbarRef`),P=_(`containerRef`),W=C(!0),{isSwiping:G,direction:K}=f.value?s(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)\|\|t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}):t(P,{threshold:50,onSwipeStart(e){let t=e.target;([`INPUT`,`TEXTAREA`,`SELECT`,`BUTTON`].includes(t.tagName)\|\|t.closest(`.p-datatable`))&&(W.value=!1)},onSwipeEnd(){W.value=!0}}),J=r(N),Y=D(()=>N.value?.subnavbarState??`closed`);function X(){let e=Y.value===`opened`?`closed`:`opened`;o.emit({subbarState:e})}return c([G,K],()=>{if(G.value&&W.value){let e=O.findIndex(e=>e.path===i.currentRoute.value.path.split(`/settings/`)[1]);switch(K.value){case`right`:{let t=O[e-1];t&&i.push({path:t.path})}break;case`left`:{let t=O[e+1];t&&i.push({path:t.path})}break}}}),(t,n)=>{let r=B,i=e,o=ie,s=U,c=H,f=q,_=h(`RouterView`);return A(),S(`div`,null,[k(r,{position:`center`},{default:w(()=>[y(`span`,ae,u(t.$t(`views.settings.title_${t.$route.meta?.name}`)),1)]),_:1}),k(r,{position:`left`},{default:w(()=>[k(i,{id:`menu-icon`,class:`cui-button relative group p-2 transition-colors duration-100 w-[40px] h-[42px] flex items-center justify-center`,severity:`secondary`,text:``,onClick:X},{default:w(()=>[y(`div`,oe,[y(`div`,se,[y(`div`,{class:l([`h-0.5 w-2 transform transition-all duration-100 origin-center`,{"w-4 rotate-45 translate-y-[5px]":p(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),y(`div`,{class:l([`h-0.5 w-4 rounded transform transition-all duration-100`,{"opacity-0":p(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2),y(`div`,{class:l([`h-0.5 w-3 transform transition-all duration-100 origin-center`,{"w-4 -rotate-45 -translate-y-[5px]":p(Y)===`opened`}]),style:{backgroundColor:`var(--text-color)`}},null,2)])])]),_:1})]),_:1}),k(o,{ref_key:`subnavbarRef`,ref:N,class:`z-4 min-w-0`},null,512),y(`main`,{class:`relative w-full h-full`,style:m({paddingLeft:p(g)?`0px`:`${p(J).width.value}px`})},[y(`div`,ce,[p(x)?E(``,!0):(A(),S(`div`,le,[n[0]\|\|=y(`div`,{class:`ml-2`},null,-1),p(v)?E(``,!0):(A(),b(i,{key:0,id:`submenu-icon`,severity:`secondary`,class:`mr-2 cui-icon-lg relative z-2`,text:``,rounded:``,onClick:X},{icon:w(()=>[p(Y)===`opened`?(A(),b(s,{key:0,width:`100%`,height:`100%`})):(A(),b(c,{key:1,width:`100%`,height:`100%`}))]),_:1})),y(`h1`,ue,u(t.$t(`views.settings.title_${t.$route.meta?.name}`)),1),n[1]\|\|=y(`div`,{class:`gradient-blur rotate-180 !h-[70px]`},[y(`div`),y(`div`),y(`div`),y(`div`),y(`div`),y(`div`)],-1)])),y(`div`,{ref_key:`containerRef`,ref:P,class:l([`px-2 h-full w-full`,{"py-4":p(x),"pt-[calc(40px+2rem)] pb-2":!p(x)}])},[p(T)&&p(a).showRouterLoadingSub.value?(A(),b(f,{key:0,class:`w-full h-full relative overflow-x-hidden`})):(A(),b(_,{key:1},{default:w(({Component:e})=>[(A(),b(d(e),{class:`h-full`}))]),_:1}))],2)])],4)])}}});export{de as default};