@camera.ui/server 2.2.3 → 2.2.4

package/dist/interface/assets/ungrouped-BQzKp2PT.js

@@ -1 +0,0 @@
-import{$n as e,A as t,Bt as n,Gt as r,It as i,J as a,Kn as o,Kt as s,L as c,Mn as l,Pn as u,Ut as d,Vr as f,a as p,f as m,g as h,h as g,i as _,kt as ee,m as te,ni as ne,r as re,s as ie}from"./vendor-cameraui-Dhg7MEnt.js";import{Er as ae,J as oe,On as se,Q as ce,Tn as le,X as ue,Y as de,Z as fe,_n as pe,kn as v,nt as me,pn as he,q as ge,rt as _e,s as ve,st as ye,vn as be,xn as xe,yn as Se}from"./api-DPgKdIQZ.js";import{$n as y,Bn as b,Cn as Ce,Cr as x,Dn as S,Hn as we,In as C,Jn as w,On as Te,Pn as Ee,Rn as T,Sr as E,Xn as De,br as D,cn as O,dn as k,dr as A,en as Oe,er as ke,gn as j,ln as M,nn as N,or as P,rn as F,sn as I,sr as Ae,un as L,vn as R,yr as z,zn as B}from"./vendor-CP-WYrgy.js";import{a as je}from"./intercomService-BeoNs-09.js";import{i as Me}from"./alert-outline-8Rb4Kt7A.js";import{t as Ne}from"./eventIcons-BPQ-zSnz.js";import{u as Pe}from"./vendor-core-CQ2HVu0L.js";import{N as V,j as Fe}from"./vendor-primevue-CeWNZxSE.js";import{t as Ie}from"./ring-resize-MiubMIoG.js";var H={viewBox:`0 0 24 24`,width:`1.2em`,height:`1.2em`};function Le(e,t){return C(),k(`svg`,H,[...t[0]||=[O(`path`,{fill:`none`,stroke:`currentColor`,"stroke-linecap":`round`,"stroke-linejoin":`round`,"stroke-width":`2`,d:`M8 7a4 4 0 1 0 8 0a4 4 0 0 0-8 0M6 21v-2a4 4 0 0 1 4-4h3.5m4.92.61a2.1 2.1 0 0 1 2.97 2.97L18 22h-3v-3z`},null,-1)]])}var Re=Ae({name:`tabler-user-edit`,render:Le}),U={class:`flex flex-col gap-4 w-full`},W={key:0,class:`flex justify-center`},G=[`src`,`alt`],K={class:`flex flex-col gap-2 w-full`},q={class:`cui-label`},ze={class:`flex flex-col gap-2 w-full`},J={for:`reassignTarget`,class:`cui-label`},Be=R({__name:`FaceReassign`,props:{cropUrl:{},oldName:{}},setup(e,{expose:t}){let n=e,{t:r}=f(),{plugin:i}=ee(`@camera.ui/camera-ui-nvr`),a=A(null),o=A([]),s=A(!0),l=I(()=>n.oldName===`unknown`?r(`views.recordings.reassign_unknown_person`):n.oldName),u=I(()=>{let e=o.value.filter(e=>e!==n.oldName).map(e=>({label:e,value:e}));return n.oldName!==`unknown`&&e.push({label:r(`views.recordings.reassign_unknown`),value:``}),e});return Ee(async()=>{try{let e=await i.value?.listKnownFaces?.();o.value=(e??[]).map(e=>e.name)}catch{}finally{s.value=!1}}),t({onConfirm:async()=>a.value}),(e,t)=>{let r=c,i=Fe;return C(),k(`div`,U,[n.cropUrl?(C(),k(`div`,W,[O(`img`,{src:n.cropUrl,alt:z(l),class:`w-36 h-36 rounded-xl object-cover bg-neutral-900`},null,8,G)])):L(``,!0),O(`div`,K,[O(`label`,q,x(e.$t(`views.recordings.reassign_current`)),1),j(r,{"model-value":z(l),class:`w-full`,fluid:``,disabled:``},null,8,[`model-value`])]),O(`div`,ze,[O(`label`,J,x(e.$t(`views.recordings.reassign_new`)),1),j(i,{id:`reassignTarget`,modelValue:z(a),"onUpdate:modelValue":t[0]||=e=>P(a)?a.value=e:null,options:z(u),"option-label":`label`,"option-value":`value`,class:`w-full`,fluid:``,loading:z(s),disabled:z(s),placeholder:e.$t(`views.faces.enter_or_pick_name`)},null,8,[`modelValue`,`options`,`loading`,`disabled`,`placeholder`])])])}}}),Ve=[`src`],He={key:2,class:`w-full h-full flex items-center justify-center bg-neutral-800/80`},Ue={class:`absolute top-0 left-0 right-0 p-2 bg-gradient-to-b from-black/80 to-transparent z-[3]`},We={class:`flex items-center gap-1.5`},Ge={class:`text-xs font-semibold text-white truncate min-w-0 flex-1`},Ke={key:0,class:`text-[10px] font-semibold text-white/80 bg-black/60 px-1.5 py-0.5 rounded-md shrink-0`},qe={class:`text-[10px] text-white/70`},Je={class:`block text-[11px] text-white font-medium truncate bg-black/50 rounded-md px-2 py-0.5`},Ye={class:`flex items-center gap-1 min-w-0`},Xe=[`title`],Ze={key:0,class:`flex items-center gap-0.5 shrink-0 opacity-85 group-hover:opacity-100 transition-opacity duration-200`},Qe=[`onClick`],$e=[`src`,`alt`],et={key:0,class:`text-[10px] text-white/60 font-medium`},tt={key:6,class:`absolute inset-0 z-[4] flex items-center justify-center pointer-events-none`},nt={key:7,class:`absolute bottom-10 left-1/2 -translate-x-1/2 z-[4] pointer-events-none`},rt={class:`text-[10px] font-semibold text-white bg-black/60 px-1.5 py-0.5 rounded-md whitespace-nowrap`,style:{"font-variant-numeric":`tabular-nums`}},it=24,at=30,ot=22,st=28,ct=8,lt=v(R({__name:`RecordingCard`,props:{event:{},cameraName:{},camera:{},loadThumbnails:{type:Function},semanticScore:{},segIndex:{},hideSegmentBadge:{type:Boolean},selectionMode:{type:Boolean},selected:{type:Boolean},siblingActive:{type:Boolean}},emits:[`scrollToEvent`,`select`,`openTrace`],setup(e,{emit:r}){let o=e,c=r,l=je(),u=ae(),{t:d}=f(),v=Pe(),b=h(`@camera.ui/camera-ui-nvr`),{plugin:S}=ee(`@camera.ui/camera-ui-nvr`),Te=ye(),{icons:E}=Ne(),P=b.getCachedThumbnails(o.event.id),Ae=P?m(P,o.event,`card`,o.segIndex).url?`loaded`:`empty`:`loading`,R=Ce(re,void 0),B=w(`rootRef`),V=w(`previewCanvasRef`),Fe=w(`footerRef`),Ie=w(`cardMenuRef`),H=A(!1),Le=ue(B,()=>Bt(),()=>$()),U=A(!1),W=A(P??null),G=A(Ae),K=A(!1),q=A(0),ze=A(null),J=A(!1),{width:lt}=ne(Fe),ut=I(()=>Se(void 0,`admin`)),dt=I(()=>ze.value??o.event.favorite??!1),ft=I(()=>{if(o.semanticScore==null)return;let e=Math.max(0,Math.min(1,o.semanticScore));return{pct:e,label:`${(e*100).toFixed(0)}%`,color:e>=.5?`bg-green-500/80`:e>=.25?`bg-yellow-500/80`:`bg-red-400/80`}}),Y=I(()=>W.value?m(W.value,o.event,`card`,o.segIndex):null),pt=I(()=>{let e=o.segIndex??Y.value?.segIndex;return e===void 0?void 0:o.event.segments?.[e]}),mt=I(()=>Y.value?.url),ht=I(()=>Y.value?.label),gt=I(()=>Y.value?.type??o.event.types[0]??`motion`),_t=I(()=>{if(o.hideSegmentBadge)return;let e=o.event.segments?.length??0;return o.segIndex!==void 0&&e>1?`${o.segIndex+1}/${e}`:void 0}),X=I(()=>{let e=W.value,n=Y.value?.url;if(!e||!n)return[];let r=[{url:n,label:Y.value?.label,type:gt.value,crop:!1}];for(let t of g(e,o.segIndex)){if(r.some(e=>e.url===t.url))continue;let e=t.key.split(`:`)[0];r.push({url:t.url,label:t.label,type:t.type,crop:!0,faceSeg:/^\d+$/.test(e)?Number(e):-1})}if(o.segIndex===void 0)for(let n of Object.keys(e.cards??e.strips??{}).sort((e,t)=>Number(e)-Number(t))){let i=t(e.cards?.[n]??e.strips?.[n]);if(!i||r.some(e=>e.url===i))continue;let a=ce(o.event,n);r.push({url:i,label:a,type:a,crop:!1})}return r.length>1?r:[]}),vt=I(()=>X.value.length>1),yt=I(()=>X.value.length?Math.min(q.value,X.value.length-1):0),Z=I(()=>vt.value?X.value[yt.value]:void 0),bt=I(()=>!!Z.value?.crop),xt=I(()=>Z.value?.url??mt.value),St=I(()=>Z.value?.label??ht.value),Q=I(()=>{let e=pt.value;return(e?_(o.event,e):[...new Set(o.event.types)]).filter(e=>e!==`motion`&&e!==`audio`)}),Ct=I(()=>o.cameraName??o.event.cameraId),wt=I(()=>X.value.map(e=>({url:e.url,type:e.type}))),Tt=I(()=>Q.value.slice(0,Et.value.icons)),Et=I(()=>{let e=lt.value;if(!e)return{icons:2,tiles:2};let t=e-ct;o.selectionMode&&(t-=st);let n=wt.value.length>0?52:0,r=It(Q.value.length,Math.max(0,t-n),it),i=Q.value.length>0?Math.max(1,r):0,a=i*it+(i<Q.value.length?ot:0);return{icons:i,tiles:It(wt.value.length,Math.max(0,t-a),at)}}),Dt=I(()=>Q.value.slice(Et.value.icons)),Ot=I(()=>wt.value.slice(0,Et.value.tiles)),kt=I(()=>wt.value.length-Et.value.tiles),At=I(()=>{let e=new Date(pt.value?.firstSeen??o.event.thumbnailAt??o.event.startTime),t=new Date,n=e.toDateString()===t.toDateString(),r=e.toLocaleTimeString([],{hour:`2-digit`,minute:`2-digit`});return n?r:`${e.toLocaleDateString([],{month:`short`,day:`numeric`})} ${r}`}),jt=I(()=>!!(S.value&&o.event.endTime&&o.event.hasRecording!==!1)),Mt=I(()=>R?H.value?d(`views.recordings.no_preview`):U.value?R.status.value===`unavailable`?d(`views.recordings.no_preview`):R.status.value===`playing`&&R.previewTimeMs.value?zt(R.previewTimeMs.value):``:``:``),Nt=I(()=>{let e=Z.value;if(e&&e.type===`face`)return e.label?e.label:`unknown`}),Pt=I(()=>{let e=[];return ut.value&&Nt.value!==void 0&&e.push({key:`reassign`,label:d(`views.recordings.reassign_face`),icon:Re,loading:J.value,onClick:()=>Kt()}),o.camera&&e.push({key:`trace`,label:d(`views.recordings.open_trace`),icon:me,onClick:()=>c(`openTrace`)}),e.push({key:`ask`,label:d(`views.recordings.ask_assistant`),icon:Me,onClick:()=>Ft()}),jt.value&&e.push({key:`download`,label:d(`views.recordings.download`),icon:_e,loading:K.value,onClick:()=>Yt()}),e});function Ft(){let e=d(`views.recordings.ask_assistant_prompt`,{camera:o.cameraName??o.camera?.name??o.event.cameraId,time:new Date(o.event.startTime).toLocaleString(),id:o.event.id});v.push({path:`/assistant`,query:{prompt:e}})}function It(e,t,n){return e===0||t<n?0:e*n<=t?e:Math.max(0,Math.floor((t-ot)/n))}function Lt(e){let t=X.value.length;t&&($(),q.value=(yt.value+e+t)%t)}function Rt(e,t){vt.value&&(t.stopPropagation(),$(),q.value=e)}function $(){H.value=!1,R&&U.value&&(U.value=!1,R.onHoverEnd())}function zt(e){let t=new Date(e);return`${String(t.getHours()).padStart(2,`0`)}:${String(t.getMinutes()).padStart(2,`0`)}:${String(t.getSeconds()).padStart(2,`0`)}`}function Bt(){if(!R||yt.value>0)return;let e=V.value;if(!e)return;let t=p(o.event);if(o.event.hasRecording===!1||!t){H.value=!0;return}U.value=!0,R.onHoverStart(e,o.event.cameraId,o.event.id,o.event.startTime,t,o.camera?.zones?.privacy,ie(o.event))}function Vt(){Le.blocksMouseEnter()||Bt()}function Ht(){H.value=!1,R&&(U.value=!1,R.onHoverEnd())}async function Ut(e=2){let t=await o.loadThumbnails(o.event.id,o.event.startTime);if(t){W.value=t;let e=m(t,o.event,`card`);G.value=e.url?`loaded`:`empty`}else if(e>0)return await new Promise(e=>setTimeout(e,500)),Ut(e-1);else G.value=o.event.state===`active`?`loading`:`empty`}function Wt(){if(!Le.consumesClick()){if(o.selectionMode){c(`select`);return}c(`scrollToEvent`,pt.value?.firstSeen??fe(o.event))}}function Gt(e){$(),Ie.value?.toggleMenu(e)}function Kt(){let e=Nt.value;e!==void 0&&Te.openComponentDialog(Be,{data:{title:d(`views.recordings.reassign_face`),confirmText:d(`components.form.button.save`),contentProps:{cropUrl:Z.value?.url,oldName:e}},onConfirm:e=>qt(e)})}async function qt(e){let t=Nt.value;if(t===void 0||J.value)return;let n=Z.value?.faceSeg??-1,r=S.value;if(r?.reassignEventFace){J.value=!0;try{await r.reassignEventFace(o.event.id,n,t,e)>0&&te(o.event.id),u.add({severity:`success`,detail:d(`views.recordings.reassign_done`),life:3e3})}catch(e){u.add({severity:`error`,detail:ve(e),life:5e3})}finally{J.value=!1}}}async function Jt(){let e=!dt.value;ze.value=e;try{await b.setEventFavorite(o.event.id,e)}catch(e){ze.value=null,u.add({severity:`error`,detail:ve(e),life:5e3})}}async function Yt(){if(K.value)return;let e=S.value;if(e?.nvrExport&&o.event.endTime){K.value=!0;try{let t=await e.nvrExport(o.event.cameraId,o.event.startTime*1e3,o.event.endTime*1e3);await le({url:t.url,filename:t.filename})}catch(e){l.error(`Download failed:`,e),u.add({severity:`error`,summary:d(`views.recordings.download_failed`),detail:ve(e),life:5e3})}finally{K.value=!1}}}return De(()=>b.storeVersion.value,()=>{let e=b.getCachedThumbnails(o.event.id);if(!e){W.value&&Ut();return}W.value=e,m(e,o.event,`card`).url&&(G.value=`loaded`)}),Ee(()=>{Ae===`loading`&&Ut()}),(t,r)=>{let o=a,c=se,l=ge,u=oe,d=n,f=de,p=pe,m=be,h=xe,g=i,_=s;return C(),k(`div`,{ref_key:`rootRef`,ref:B,class:`recording-card relative group cursor-pointer`,onClick:Wt,onMouseenter:Vt,onMouseleave:Ht},[O(`div`,{class:D([`bg-neutral-900 w-full rounded-xl overflow-hidden relative transition-shadow duration-200`,{"ring-2 ring-inset ring-primary/70":e.siblingActive}]),style:{"aspect-ratio":`1/1`}},[z(G)===`loading`?(C(),M(o,{key:0,width:`100%`,height:`100%`,class:`rounded-xl`})):z(xt)?(C(),k(F,{key:1},[z(bt)?(C(),k(`img`,{key:0,src:z(xt),"aria-hidden":`true`,class:`absolute inset-0 w-full h-full object-cover blur-xl scale-110 opacity-50 pointer-events-none`},null,8,Ve)):L(``,!0),j(c,{src:z(xt),alt:z(Ct),class:`pointer-events-none w-full h-full transition-transform duration-300 group-hover:scale-105`,"image-style":{objectFit:z(bt)?`contain`:`cover`},"image-container-class":`w-full h-full`},null,8,[`src`,`alt`,`image-style`])],64)):(C(),k(`div`,He,[(C(),M(we(z(E)[z(gt)]??z(E).motion),{class:`w-10 h-10 text-white/20`}))])),z(R)?ke((C(),k(`canvas`,{key:3,ref_key:`previewCanvasRef`,ref:V,class:`absolute inset-0 w-full h-full object-cover pointer-events-none z-[1]`},null,512)),[[Oe,z(U)]]):L(``,!0),r[2]||=O(`div`,{class:`absolute inset-0 bg-transparent group-hover:bg-black/30 pointer-events-none transition-colors duration-200 z-[2]`},null,-1),O(`div`,Ue,[O(`div`,We,[O(`p`,Ge,x(z(Ct)),1),z(_t)?(C(),k(`span`,Ke,x(z(_t)),1)):L(``,!0),z(ft)?(C(),k(`span`,{key:1,class:D([`text-[10px] font-bold text-white px-1.5 py-0.5 rounded-md shrink-0`,z(ft).color])},x(z(ft).label),3)):L(``,!0),z(ut)&&!e.selectionMode?ke((C(),M(d,{key:2,rounded:``,text:``,severity:`secondary`,class:`!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80`,onClick:N(Jt,[`stop`]),onMouseenter:$},{icon:y(()=>[z(dt)?(C(),M(l,{key:0,class:`w-3 h-3 text-yellow-400`})):(C(),M(u,{key:1,class:`w-3 h-3 text-white`}))]),_:1})),[[_,{value:z(dt)?t.$t(`views.recordings.unfavorite`):t.$t(`views.recordings.favorite`)},void 0,{left:!0}]]):L(``,!0),z(Pt).length>0&&!e.selectionMode?ke((C(),M(d,{key:3,rounded:``,text:``,severity:`secondary`,loading:z(K)||z(J),class:`!w-5 !h-5 !p-0 shrink-0 bg-black/60 hover:!bg-black/80`,onClick:N(Gt,[`stop`]),onMouseenter:$},{icon:y(()=>[j(f,{class:`w-3 h-3 text-white`})]),_:1},8,[`loading`])),[[_,{value:t.$t(`views.recordings.more_actions`)},void 0,{left:!0}]]):L(``,!0)]),O(`p`,qe,x(z(At)),1)]),z(X).length>1?(C(),k(F,{key:4},[j(d,{rounded:``,text:``,severity:`secondary`,class:`carousel-nav !absolute left-1 top-1/2 -translate-y-1/2 z-[3] !w-7 !h-7 !p-0 bg-black/40 hover:!bg-black/60 transition-opacity duration-200`,"aria-label":t.$t(`views.recordings.prev_image`),onClick:r[0]||=N(e=>Lt(-1),[`stop`]),onMouseenter:$},{icon:y(()=>[j(p,{class:`w-5 h-5 text-white`})]),_:1},8,[`aria-label`]),j(d,{rounded:``,text:``,severity:`secondary`,class:`carousel-nav !absolute right-1 top-1/2 -translate-y-1/2 z-[3] !w-7 !h-7 !p-0 bg-black/40 hover:!bg-black/60 transition-opacity duration-200`,"aria-label":t.$t(`views.recordings.next_image`),onClick:r[1]||=N(e=>Lt(1),[`stop`]),onMouseenter:$},{icon:y(()=>[j(m,{class:`w-5 h-5 text-white`})]),_:1},8,[`aria-label`])],64)):L(``,!0),z(St)?(C(),k(`div`,{key:5,class:D([`absolute left-1/2 -translate-x-1/2 z-[3] max-w-[85%] pointer-events-none transition-all duration-200`,z(Mt)?`bottom-16`:`bottom-10`])},[O(`span`,Je,x(z(St)),1)],2)):L(``,!0),O(`div`,{ref_key:`footerRef`,ref:Fe,class:`absolute bottom-2 left-2 right-2 flex items-center justify-between gap-2 z-[3]`},[O(`div`,Ye,[e.selectionMode?(C(),k(`div`,{key:0,class:D([`w-6 h-6 rounded-full border-2 flex items-center justify-center transition-colors shrink-0`,e.selected?`bg-primary border-primary`:`bg-black/40 border-white/80`])},[e.selected?(C(),M(h,{key:0,class:`w-4 h-4 text-white`})):L(``,!0)],2)):L(``,!0),(C(!0),k(F,null,T(z(Tt),e=>(C(),k(`div`,{key:e,class:`flex items-center justify-center w-5 h-5 rounded-md bg-black/60 shrink-0`},[(C(),M(we(z(E)[e]??z(E).motion),{class:`w-3 h-3 text-white/80`}))]))),128)),z(Dt).length>0?(C(),k(`span`,{key:1,title:z(Dt).join(`, `),class:`text-[10px] text-white/60 font-medium shrink-0`},` +`+x(z(Dt).length),9,Xe)):L(``,!0)]),z(Ot).length>0||z(kt)>0?(C(),k(`div`,Ze,[(C(!0),k(F,null,T(z(Ot),(e,t)=>(C(),k(`div`,{key:t,class:D([`w-7 h-7 rounded overflow-hidden border bg-neutral-800 cursor-pointer`,t===z(yt)?`border-primary/80`:`border-white/20`]),onClick:e=>Rt(t,e)},[O(`img`,{src:e.url,alt:e.type,decoding:`async`,loading:`lazy`,class:`w-full h-full object-cover`},null,8,$e)],10,Qe))),128)),z(kt)>0?(C(),k(`span`,et,`+`+x(z(kt)),1)):L(``,!0)])):L(``,!0)],512),z(R)&&z(U)&&z(R).isLoading.value?(C(),k(`div`,tt,[j(g,{class:`w-[28px] h-[28px] m-0`,"stroke-width":`6`})])):L(``,!0),z(Mt)?(C(),k(`div`,nt,[O(`span`,rt,x(z(Mt)),1)])):L(``,!0)],2),j(he,{ref_key:`cardMenuRef`,ref:Ie,items:z(Pt),popover:{pt:{content:{class:`p-0! rounded-xl! overflow-hidden!`}}}},null,8,[`items`])],544)}}}),[[`__scopeId`,`data-v-7f24e751`]]),ut={name:`VirtualScroller`,components:{SpinnerIcon:d},extends:{name:`BaseVirtualScroller`,extends:r,provide(){return{$pcVirtualScroller:this,$parentInstance:this}},props:{id:{type:String,default:null},style:null,class:null,items:{type:Array,default:null},itemSize:{type:[Number,Array],default:0},scrollHeight:null,scrollWidth:null,orientation:{type:String,default:`vertical`},rtl:{type:Boolean,default:!1},numToleratedItems:{type:Number,default:null},delay:{type:Number,default:0},resizeDelay:{type:Number,default:10},lazy:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},loaderDisabled:{type:Boolean,default:!1},columns:{type:Array,default:null},loading:{type:Boolean,default:!1},showSpacer:{type:Boolean,default:!0},showLoader:{type:Boolean,default:!1},tabindex:{type:Number,default:0},inline:{type:Boolean,default:!1},step:{type:Number,default:0},appendOnly:{type:Boolean,default:!1},autoSize:{type:Boolean,default:!1},itemKey:{type:[String,Function],default:null}},style:V,beforeMount(){V.loadCSS({nonce:this.$primevueConfig?.csp?.nonce})}},inheritAttrs:!1,emits:[`update:numToleratedItems`,`scroll`,`scroll-index-change`,`lazy-load`],data(){let e=this.isBoth();return{first:e?{rows:0,cols:0}:0,last:e?{rows:0,cols:0}:0,page:e?{rows:0,cols:0}:0,numItemsInViewport:e?{rows:0,cols:0}:0,lastScrollPos:e?{top:0,left:0}:0,d_numToleratedItems:this.numToleratedItems,d_loading:this.loading,loaderArr:[],spacerStyle:{},contentStyle:{}}},element:null,content:null,lastScrollPos:null,scrollTimeout:null,resizeTimeout:null,defaultWidth:0,defaultHeight:0,defaultContentWidth:0,defaultContentHeight:0,isRangeChanged:!1,lazyLoadState:{},resizeListener:null,initialized:!1,computed:{containerClass(){return[`p-virtualscroller`,this.class,{"p-virtualscroller-inline":this.inline,"p-virtualscroller-both p-both-scroll":this.isBoth(),"p-virtualscroller-horizontal p-horizontal-scroll":this.isHorizontal(),"p-virtualscroller-rtl":this.rtl&&this.isHorizontal()}]},contentClass(){return[`p-virtualscroller-content`,{"p-virtualscroller-loading":this.d_loading}]},loaderClass(){return[`p-virtualscroller-loader`,{"p-virtualscroller-loader-mask":!this.$slots.loader}]},loadedItems(){return this.items&&!this.d_loading?this.isBoth()?this.items.slice(this.appendOnly?0:this.first.rows,this.last.rows).map(e=>this.columns?e:e.slice(this.appendOnly?0:this.first.cols,this.last.cols)):this.isHorizontal()&&this.columns?this.items:this.items.slice(this.appendOnly?0:this.first,this.last):[]},loadedRows(){return this.d_loading?this.loaderDisabled?this.loaderArr:[]:this.loadedItems},loadedColumns(){if(this.columns){let e=this.isBoth(),t=this.isHorizontal();if(e||t)return this.d_loading&&this.loaderDisabled?e?this.loaderArr[0]:this.loaderArr:this.columns.slice(e?this.first.cols:this.first,e?this.last.cols:this.last)}return this.columns}},watch:{numToleratedItems(e){this.d_numToleratedItems=e},loading(e,t){this.lazy&&e!==t&&e!==this.d_loading&&(this.d_loading=e)},items(e,t){(!t||t.length!==(e||[]).length)&&this.scheduleInit()},itemSize(){this.scheduleInit()},orientation(){this.lastScrollPos=this.isBoth()?{top:0,left:0}:0},scrollHeight(){this.scheduleInit()},scrollWidth(){this.scheduleInit()}},mounted(){this.viewInit(),this.lastScrollPos=this.isBoth()?{top:0,left:0}:0,this.lazyLoadState=this.lazyLoadState||{}},updated(){!this.initialized&&this.viewInit()},unmounted(){this.unbindResizeListener(),this.initialized=!1},methods:{resolveItemKey(e,t){let n=this.itemKey;return typeof n==`function`?n(e,t)??t:typeof n==`string`&&typeof e==`object`&&e?e[n]??t:t},viewInit(){o(this.element)&&(this.setContentEl(this.content),this.init(),this.calculateAutoSize(),this.bindResizeListener(),this.defaultWidth=l(this.element),this.defaultHeight=u(this.element),this.defaultContentWidth=l(this.content),this.defaultContentHeight=u(this.content),this.initialized=!0)},init(){this.disabled||(this.setSize(),this.calculateOptions(),this.setSpacerSize())},scheduleInit(){this._initScheduled||(this._initScheduled=!0,Promise.resolve().then(()=>{this._initScheduled=!1,this.init(),this.calculateAutoSize()}))},isVertical(){return this.orientation===`vertical`},isHorizontal(){return this.orientation===`horizontal`},isBoth(){return this.orientation===`both`},scrollTo(e){this.element&&this.element.scrollTo(e)},scrollToIndex(e,t=`auto`){let n=this.isBoth(),r=this.isHorizontal(),i=this.rtl&&r;if(n?e.every(e=>e>-1):e>-1){let a=this.first,{scrollTop:o=0,scrollLeft:s=0}=this.element,{numToleratedItems:c}=this.calculateNumItems(),l=this.getContentPosition(),u=this.itemSize,d=(e=0,t)=>e<=t?0:e,f=(e,t,n)=>e*t+n,p=(e=0,n=0)=>{i&&(e=this.element.scrollWidth-this.element.clientWidth-e),this.scrollTo({left:e,top:n,behavior:t})},m=n?{rows:0,cols:0}:0,h=!1,g=!1;n?(m={rows:d(e[0],c[0]),cols:d(e[1],c[1])},p(f(m.cols,u[1],l.left),f(m.rows,u[0],l.top)),g=this.lastScrollPos.top!==o||this.lastScrollPos.left!==s,h=m.rows!==a.rows||m.cols!==a.cols):(m=d(e,c),r?p(f(m,u,l.left),o):p(s,f(m,u,l.top)),g=this.lastScrollPos!==(r?s:o),h=m!==a),this.isRangeChanged=h,g&&(this.first=m)}},scrollInView(e,t,n=`auto`){if(t){let r=this.isBoth(),i=this.isHorizontal();if(r?e.every(e=>e>-1):e>-1){let{first:a,viewport:o}=this.getRenderedRange(),s=(e=0,t=0)=>this.scrollTo({left:e,top:t,behavior:n}),c=t===`to-start`,l=t===`to-end`;if(c){if(r)o.first.rows-a.rows>e[0]?s(o.first.cols*this.itemSize[1],(o.first.rows-1)*this.itemSize[0]):o.first.cols-a.cols>e[1]&&s((o.first.cols-1)*this.itemSize[1],o.first.rows*this.itemSize[0]);else if(o.first-a>e){let e=(o.first-1)*this.itemSize;i?s(e,0):s(0,e)}}else if(l){if(r)o.last.rows-a.rows<=e[0]+1?s(o.first.cols*this.itemSize[1],(o.first.rows+1)*this.itemSize[0]):o.last.cols-a.cols<=e[1]+1&&s((o.first.cols+1)*this.itemSize[1],o.first.rows*this.itemSize[0]);else if(o.last-a<=e+1){let e=(o.first+1)*this.itemSize;i?s(e,0):s(0,e)}}}}else this.scrollToIndex(e,n)},getRenderedRange(){let e=(e,t)=>Math.floor(e/(t||e)),t=this.first,n=0;if(this.element){let r=this.isBoth(),i=this.isHorizontal(),{scrollTop:a,scrollLeft:o}=this.element;r?(t={rows:e(a,this.itemSize[0]),cols:e(o,this.itemSize[1])},n={rows:t.rows+this.numItemsInViewport.rows,cols:t.cols+this.numItemsInViewport.cols}):(t=e(i?o:a,this.itemSize),n=t+this.numItemsInViewport)}return{first:this.first,last:this.last,viewport:{first:t,last:n}}},calculateNumItems(){let e=this.isBoth(),t=this.isHorizontal(),n=this.itemSize,r=this.getContentPosition(),i=this.element?this.element.offsetWidth-r.left:0,a=this.element?this.element.offsetHeight-r.top:0,o=(e,t)=>Math.ceil(e/(t||e)),s=e=>Math.ceil(e/2),c=e?{rows:o(a,n[0]),cols:o(i,n[1])}:o(t?i:a,n);return{numItemsInViewport:c,numToleratedItems:this.d_numToleratedItems||(e?[s(c.rows),s(c.cols)]:s(c))}},calculateOptions(){let e=this.isBoth(),t=this.first,{numItemsInViewport:n,numToleratedItems:r}=this.calculateNumItems(),i=(e,t,n,r=!1)=>this.getLast(e+t+(e<n?2:3)*n,r),a=e?{rows:i(t.rows,n.rows,r[0]),cols:i(t.cols,n.cols,r[1],!0)}:i(t,n,r);this.last=a,this.numItemsInViewport=n,this.d_numToleratedItems=r,this.$emit(`update:numToleratedItems`,this.d_numToleratedItems),this.showLoader&&(this.loaderArr=e?Array.from({length:n.rows}).map(()=>Array.from({length:n.cols})):Array.from({length:n})),this.lazy&&Promise.resolve().then(()=>{this.lazyLoadState={first:this.step?e?{rows:0,cols:t.cols}:0:t,last:Math.min(this.step?this.step:a,this.items?.length-1||0)},this.$emit(`lazy-load`,this.lazyLoadState)})},calculateAutoSize(){this.autoSize&&!this.d_loading&&Promise.resolve().then(()=>{if(this.content){let e=this.isBoth(),t=this.isHorizontal(),n=this.isVertical();this.content.style.minHeight=this.content.style.minWidth=`auto`,this.content.style.position=`relative`,this.element.style.contain=`none`;let[r,i]=[l(this.element),u(this.element)];(e||t)&&(this.element.style.width=r<this.defaultWidth?r+`px`:this.scrollWidth||this.defaultWidth+`px`),(e||n)&&(this.element.style.height=i<this.defaultHeight?i+`px`:this.scrollHeight||this.defaultHeight+`px`),this.content.style.minHeight=this.content.style.minWidth=``,this.content.style.position=``,this.element.style.contain=``}})},getLast(e=0,t){return this.items?Math.min(t?(this.columns||this.items[0])?.length||0:this.items?.length||0,e):0},getContentPosition(){if(this.content){let e=getComputedStyle(this.content),t=parseFloat(e.paddingLeft)+Math.max(parseFloat(e.left)||0,0),n=parseFloat(e.paddingRight)+Math.max(parseFloat(e.right)||0,0),r=parseFloat(e.paddingTop)+Math.max(parseFloat(e.top)||0,0),i=parseFloat(e.paddingBottom)+Math.max(parseFloat(e.bottom)||0,0);return{left:t,right:n,top:r,bottom:i,x:t+n,y:r+i}}return{left:0,right:0,top:0,bottom:0,x:0,y:0}},setSize(){if(this.element){let e=this.isBoth(),t=this.isHorizontal(),n=this.element.parentElement,r=this.scrollWidth||`${this.element.offsetWidth||n.offsetWidth}px`,i=this.scrollHeight||`${this.element.offsetHeight||n.offsetHeight}px`,a=(e,t)=>this.element.style[e]=t;e||t?(a(`height`,i),a(`width`,r)):a(`height`,i)}},setSpacerSize(){let e=this.items;if(e){let t=this.isBoth(),n=this.isHorizontal(),r=this.getContentPosition(),i=(e,t,n,r=0)=>this.spacerStyle={...this.spacerStyle,[`${e}`]:(t||[]).length*n+r+`px`};t?(i(`height`,e,this.itemSize[0],r.y),i(`width`,this.columns||e[1],this.itemSize[1],r.x)):n?i(`width`,this.columns||e,this.itemSize,r.x):i(`height`,e,this.itemSize,r.y)}},setContentPosition(e){if(this.content&&!this.appendOnly){let t=this.isBoth(),n=this.isHorizontal(),r=this.rtl&&n,i=e?e.first:this.first,a=(e,t)=>e*t,o=(e=0,t=0)=>{let n=r?-e:e;this.contentStyle={...this.contentStyle,transform:`translate3d(${n}px, ${t}px, 0)`}};if(t){let e=i.rows,t=i.cols,n=this.itemSize;o(a(t,n[1]),a(e,n[0]))}else{let e=i,t=this.itemSize,r=a(e,t);n?o(r,0):o(0,r)}}},onScrollPositionChange(e){let t=e.target,n=this.isBoth(),r=this.isHorizontal(),i=this.rtl&&r,a=this.getContentPosition(),o=(e,t)=>e?e>t?e-t:e:0,s=(e,t)=>Math.floor(e/(t||e)),c=o(t.scrollTop,a.top),l=o(t.scrollLeft,a.left);i&&l<0&&(l=Math.abs(l));let u=n?{rows:0,cols:0}:0,d=this.last,f=!1,p=this.lastScrollPos;if(n){let e=this.lastScrollPos.top<=c,n=this.lastScrollPos.left<=l;if(!this.appendOnly||this.appendOnly&&(e||n)){let r={rows:s(c,this.itemSize[0]),cols:s(l,this.itemSize[1])},i={rows:this.calculateTriggerIndex(r.rows,this.first.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0],e),cols:this.calculateTriggerIndex(r.cols,this.first.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],n)};u={rows:this.calculateFirst(r.rows,i.rows,this.first.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0],e),cols:this.calculateFirst(r.cols,i.cols,this.first.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],n,!0)},d={rows:this.calculateLast(r.rows,u.rows,this.last.rows,this.numItemsInViewport.rows,this.d_numToleratedItems[0]),cols:this.calculateLast(r.cols,u.cols,this.last.cols,this.numItemsInViewport.cols,this.d_numToleratedItems[1],!0)},f=u.rows!==this.first.rows||d.rows!==this.last.rows||u.cols!==this.first.cols||d.cols!==this.last.cols||this.isRangeChanged,p={top:c,left:t.scrollLeft}}}else{let e=r?l:c,t=this.lastScrollPos<=e;if(!this.appendOnly||this.appendOnly&&t){let n=s(e,this.itemSize),r=this.calculateTriggerIndex(n,this.first,this.last,this.numItemsInViewport,this.d_numToleratedItems,t);u=this.calculateFirst(n,r,this.first,this.last,this.numItemsInViewport,this.d_numToleratedItems,t),d=this.calculateLast(n,u,this.last,this.numItemsInViewport,this.d_numToleratedItems),f=u!==this.first||d!==this.last||this.isRangeChanged,p=e}}return{first:u,last:d,isRangeChanged:f,scrollPos:p}},calculateTriggerIndex(e,t,n,r,i,a){return e<=i?i:a?n-r-i:t+i-1},calculateFirst(e,t,n,r,i,a,o,s=!1){if(e<=a)return 0;let c=Math.max(0,o?e<t?n:e-a:e>t?n:e-2*a),l=this.getLast(c,s);return c>l?l-i:c},calculateLast(e,t,n,r,i,a=!1){let o=t+r+2*i;return e>=i&&(o+=i+1),this.getLast(o,a)},onScrollChange(e){let{first:t,last:n,isRangeChanged:r,scrollPos:i}=this.onScrollPositionChange(e);if(r){let e={first:t,last:n};if(this.setContentPosition(e),this.first=t,this.last=n,this.lastScrollPos=i,this.$emit(`scroll-index-change`,e),this.lazy&&this.isPageChanged(t)){let e={first:this.step?Math.min(this.getPageByFirst(t)*this.step,(this.items?.length||0)-this.step):t,last:Math.min(this.step?(this.getPageByFirst(t)+1)*this.step:n,this.items?.length-1||0)};(this.lazyLoadState.first!==e.first||this.lazyLoadState.last!==e.last)&&this.$emit(`lazy-load`,e),this.lazyLoadState=e}}},onScroll(e){if(this.$emit(`scroll`,e),this.delay){if(this.scrollTimeout&&clearTimeout(this.scrollTimeout),this.isPageChanged()){if(!this.d_loading&&this.showLoader){let{isRangeChanged:t}=this.onScrollPositionChange(e);(t||this.step&&this.isPageChanged())&&(this.d_loading=!0)}this.scrollTimeout=setTimeout(()=>{this.onScrollChange(e),this.d_loading&&this.showLoader&&(!this.lazy||this.loading===void 0)&&(this.d_loading=!1,this.page=this.getPageByFirst())},this.delay)}}else this.onScrollChange(e)},onResize(){this.resizeTimeout&&clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout(()=>{if(o(this.element)){let e=this.isBoth(),t=this.isVertical(),n=this.isHorizontal(),[r,i]=[l(this.element),u(this.element)],[a,o]=[r!==this.defaultWidth,i!==this.defaultHeight];(e?a||o:n?a:t&&o)&&(this.d_numToleratedItems=this.numToleratedItems,this.defaultWidth=r,this.defaultHeight=i,this.defaultContentWidth=l(this.content),this.defaultContentHeight=u(this.content),this.init())}},this.resizeDelay)},bindResizeListener(){this.resizeListener||(this.resizeListener=this.onResize.bind(this),window.addEventListener(`resize`,this.resizeListener),window.addEventListener(`orientationchange`,this.resizeListener))},unbindResizeListener(){this.resizeListener&&=(window.removeEventListener(`resize`,this.resizeListener),window.removeEventListener(`orientationchange`,this.resizeListener),null)},getOptions(e){let t=(this.items||[]).length,n=this.isBoth()?this.first.rows+e:this.first+e;return{index:n,count:t,first:n===0,last:n===t-1,even:n%2==0,odd:n%2!=0}},getLoaderOptions(e,t){let n=this.loaderArr.length;return{index:e,count:n,first:e===0,last:e===n-1,even:e%2==0,odd:e%2!=0,...t}},getPageByFirst(e){return Math.floor(((e??this.first)+this.d_numToleratedItems*4)/(this.step||1))},isPageChanged(e){return this.step&&!this.lazy?this.page!==this.getPageByFirst(e??this.first):!0},setContentEl(t){this.content=t||this.content||e(this.element,`[data-pc-section="content"]`)},elementRef(e){this.element=e},contentRef(e){this.content=e}}},dt=[`tabindex`];function ft(e,t,n,r,i,a){let o=b(`SpinnerIcon`);return e.disabled?(C(),k(F,{key:1},[B(e.$slots,`default`),B(e.$slots,`content`,{items:e.items,rows:e.items,columns:a.loadedColumns})],64)):(C(),k(`div`,S({key:0,ref:a.elementRef,class:a.containerClass,tabindex:e.tabindex,style:e.style},e.ptmi(`root`),{onScroll:t[0]||=(...e)=>a.onScroll&&a.onScroll(...e)}),[B(e.$slots,`content`,{styleClass:a.contentClass,items:a.loadedItems,getItemOptions:a.getOptions,loading:i.d_loading,getLoaderOptions:a.getLoaderOptions,itemSize:e.itemSize,rows:a.loadedRows,columns:a.loadedColumns,contentRef:a.contentRef,spacerStyle:i.spacerStyle,contentStyle:i.contentStyle,vertical:a.isVertical(),horizontal:a.isHorizontal(),both:a.isBoth()},()=>[O(`div`,S({ref:a.contentRef,class:a.contentClass,style:i.contentStyle},e.ptm(`content`)),[(C(!0),k(F,null,T(a.loadedItems,(t,n)=>B(e.$slots,`item`,{item:t,options:a.getOptions(n)},void 0,void 0,a.resolveItemKey(t,n))),128))],16)]),e.showSpacer?(C(),k(`div`,S({key:0,class:`p-virtualscroller-spacer`,style:i.spacerStyle},e.ptm(`spacer`)),null,16)):L(``,!0),!e.loaderDisabled&&e.showLoader&&i.d_loading?(C(),k(`div`,S({key:1,class:a.loaderClass},e.ptm(`loader`)),[e.$slots&&e.$slots.loader?(C(!0),k(F,{key:0},T(i.loaderArr,(t,n)=>B(e.$slots,`loader`,{options:a.getLoaderOptions(n,a.isBoth()&&{numCols:e.d_numItemsInViewport.cols})},void 0,void 0,n)),128)):L(``,!0),B(e.$slots,`loadingicon`,{},()=>[j(o,S({spin:``,class:`p-virtualscroller-loading-icon`},e.ptm(`loadingIcon`)),null,16)])],16)):L(``,!0)],16,dt))}var Y=v(ut,[[`render`,ft]]),pt={key:1,class:`pointer-events-none absolute bottom-2 left-1/2 -translate-x-1/2 z-10 rounded-full bg-black/60 p-1.5`},mt=v(R({__name:`CuiRecordingsGrid`,props:{items:{},minItemWidth:{},aspectRatio:{default:1},gap:{default:8},hasMore:{type:Boolean,default:!1},loadMore:{type:Function,default:void 0},itemKey:{type:Function,default:void 0}},setup(e,{expose:t}){let n=e,r=w(`containerRef`),{width:i,height:a}=ne(r),o=I(()=>a.value>0?`${a.value}px`:void 0),s=I(()=>{let e=i.value;if(!e)return 0;let t=n.gap;return Math.max(1,Math.floor((e+t)/(n.minItemWidth+t)))}),c=I(()=>{let e=i.value,t=s.value;return!e||!t?0:Math.floor((e-(t-1)*n.gap)/t)}),l=I(()=>c.value?Math.floor(c.value/n.aspectRatio):0),u=I(()=>l.value?l.value+n.gap:0),d=I(()=>{let e=s.value;if(!e)return[];let t=[];for(let r=0;r<n.items.length;r+=e)t.push(n.items.slice(r,r+e));return t});function f(e){if(n.itemKey)return n.itemKey(e);let t=e;return t.id??t.key??JSON.stringify(e)}function p(e){let t=e;if(t&&t.length!==0)return f(t[0])}let m=A(!1),h=null;async function g(){if(m.value||!n.hasMore||!n.loadMore||h!==null&&n.items.length===h)return;m.value=!0;let e=n.items.length;try{await Promise.resolve(n.loadMore())}finally{m.value=!1,h=n.items.length===e?e:null}}let _=A(0);function ee(e){let t=e.target;if(!t)return;_.value=t.scrollTop;let n=u.value*3;t.scrollTop+t.clientHeight>=t.scrollHeight-n&&g()}function te(){(r.value?.querySelector(`.recordings-scroll`))?.scrollTo({top:0,behavior:`smooth`})}let re=!1;return De([()=>n.items.length,a,u,()=>n.hasMore],()=>{re||(re=!0,Te(()=>{if(re=!1,!n.hasMore)return;let e=a.value,t=d.value.length*u.value;e>0&&u.value>0&&t<e+u.value&&g()}))},{flush:`post`}),t({scrollToTop:te,scrollY:_}),(t,n)=>{let i=Y,a=Ie;return C(),k(`div`,{ref_key:`containerRef`,ref:r,class:`recordings-grid-root relative`},[z(d).length>0&&z(c)>0?(C(),M(i,{key:0,items:z(d),"item-size":z(u),"scroll-height":z(o),orientation:`vertical`,class:`recordings-scroll`,"num-tolerated-items":2,"item-key":p,onScroll:ee},{item:y(({item:n})=>[O(`div`,{class:`recordings-row`,style:E({height:`${z(u)}px`,gap:`${e.gap}px`})},[(C(!0),k(F,null,T(n,e=>(C(),k(`div`,{key:f(e),style:E({width:`${z(c)}px`,height:`${z(l)}px`})},[B(t.$slots,`item`,{item:e},void 0,!0)],4))),128))],4)]),_:3},8,[`items`,`item-size`,`scroll-height`])):L(``,!0),z(m)?(C(),k(`div`,pt,[j(a,{width:`18px`,height:`18px`,class:`text-white`})])):L(``,!0)],512)}}}),[[`__scopeId`,`data-v-57a2aa74`]]);function ht(e){if(e.episode)return e.episode.endTime;if(e.segIndex!==void 0){let t=e.event.segments?.[e.segIndex];if(t)return t.firstSeen}return e.event.thumbnailAt??e.event.startTime}function gt(e){let t=[];for(let n of e){let e=n.segments??[];if(e.length<=1){t.push({event:n,key:n.id});continue}e.forEach((e,r)=>{e&&t.push({event:n,key:`${n.id}:seg:${r}`,segIndex:r})})}return t.sort((e,t)=>ht(t)-ht(e)),t}export{lt as i,ht as n,mt as r,gt as t};