1import{a as Q,c as X,d as P,e as Z,h as M}from"./chunk-72QPW5SP.js";import{a as K}from"./chunk-RH57MTTG.js";import{g as q}from"./chunk-ZV7NG4F4.js";import"./chunk-DJ5AJG3T.js";import"./chunk-6EF6RNOO.js";import"./chunk-T3DWPM4S.js";import"./chunk-K6QYQNRN.js";import"./chunk-WF4KZOYP.js";import"./chunk-EB6TJ75L.js";import{a as J}from"./chunk-NBMUSEX4.js";import"./chunk-AB6CKZTE.js";import{d as W,e as G}from"./chunk-YQZAETCE.js";import{s as j,x as H}from"./chunk-EO42E46J.js";import"./chunk-3QVSKJ3X.js";import{I as N,c as Y,p as z,r as F,s as $}from"./chunk-ERUCNOOT.js";import{$b as I,F as E,Fa as k,Hc as b,Jb as p,Kb as A,Lb as S,Qc as d,Rc as _,Sc as O,Uc as U,V as y,Vb as r,Wb as a,Xb as m,Yb as D,Zb as V,da as x,db as n,f as T,fc as w,gc as s,l as R,la as h,ma as C,sb as L,sc as B,tc as l,uc as g,vc as f,yb as u}from"./chunk-DBE7WQEG.js";import"./chunk-W7GRJBO5.js";var ie=e=>["/studio/replays",e],ne=e=>({days:e});function oe(e,i){e&1&&(r(0,"div",10),m(1,"app-widget-loading",11),a()),e&2&&(n(),p("loading",!0))}function re(e,i){if(e&1){let t=I();r(0,"div",12),m(1,"i",13),r(2,"p"),l(3),d(4,"translate"),a(),r(5,"button",14),w("click",function(){h(t);let c=s();return C(c.load())}),m(6,"i",15),l(7),d(8,"translate"),a()()}e&2&&(n(3),g(_(4,2,"STUDIO.REPLAYS.LOAD_ERROR")),n(4),f(" ",_(8,4,"STUDIO.REPLAYS.RETRY")," "))}function ae(e,i){e&1&&(r(0,"div",12),m(1,"i",16),r(2,"p"),l(3),d(4,"translate"),a(),r(5,"p",17),l(6),d(7,"translate"),a()()),e&2&&(n(3),g(_(4,2,"STUDIO.REPLAYS.EMPTY")),n(3),g(_(7,4,"STUDIO.REPLAYS.EMPTY_HINT")))}function pe(e,i){e&1&&m(0,"i",16)}function le(e,i){if(e&1&&(D(0),l(1),d(2,"translate"),V()),e&2){let t=s(2).$implicit,o=s(2);n(),f(" ",O(2,1,"STUDIO.REPLAYS.DAYS_LEFT",b(4,ne,o.jours(t)))," ")}}function se(e,i){if(e&1&&(l(0),d(1,"translate")),e&2){let t=s().ngIf,o=s(3);g(_(1,1,o.affichage[t].cle))}}function de(e,i){if(e&1&&(r(0,"span",29),m(1,"i",30),u(2,le,3,6,"ng-container",31)(3,se,2,3,"ng-template",null,0,U),a()),e&2){let t=i.ngIf,o=B(4),c=s().$implicit,v=s(2);n(),S("rp__sablier",v.enAttente(t)),p("ngClass",v.affichage[t].icone),n(),p("ngIf",v.jours(c)!==null)("ngIfElse",o)}}function _e(e,i){if(e&1&&(r(0,"span"),l(1),d(2,"localizedDate"),a()),e&2){let t=s().$implicit;n(),g(O(2,1,t.startedAt,"d MMM y, HH:mm"))}}function ce(e,i){if(e&1&&(r(0,"span"),l(1),a()),e&2){let t=i.ngIf;n(),f(" \xB7 ",t,"")}}function me(e,i){if(e&1&&(r(0,"a",20)(1,"span",21),u(2,pe,1,0,"i",22)(3,de,5,5,"span",23),a(),r(4,"span",24)(5,"span",25),l(6),d(7,"translate"),a(),r(8,"span",26),u(9,_e,3,4,"span",27)(10,ce,2,1,"span",27),a(),r(11,"span",26),m(12,"i",28),l(13),a()()()),e&2){let t=i.$implicit,o=s(2);S("is-expired",t.replayState==="expired"),p("routerLink",b(13,ie,t.id)),n(),A("background-image",o.image(t)?"url("+o.image(t)+")":""),n(),p("ngIf",!o.image(t)),n(),p("ngIf",t.replayState),n(3),g(t.label||_(7,11,"STUDIO.REPLAYS.UNTITLED")),n(3),p("ngIf",t.startedAt),n(),p("ngIf",o.dureeLive(t)),n(3),f(" ",t.peakViewerCount," ")}}function ge(e,i){if(e&1&&(r(0,"div",18),u(1,me,14,15,"a",19),a()),e&2){let t=s();n(),p("ngForOf",t.items)}}function fe(e,i){if(e&1){let t=I();r(0,"div",32)(1,"button",14),w("click",function(){h(t);let c=s();return C(c.load(!0))}),l(2),d(3,"translate"),a()()}e&2&&(n(2),f(" ",_(3,1,"STUDIO.REPLAYS.MORE")," "))}var ee=class e{replays=x(Q);workspaces=x(q);isBrowser=Y(x(k));destroy$=new T;affichage=Z;duree=M;loading=!0;error=!1;items=[];total=0;page=1;sondage=null;enAttente=P;ngOnInit(){this.isBrowser&&this.load()}ngOnDestroy(){this.destroy$.next(),this.destroy$.complete(),this.sondage&&clearTimeout(this.sondage)}programmerSondage(){this.sondage&&clearTimeout(this.sondage),this.items.some(i=>P(i.replayState))&&(this.sondage=setTimeout(()=>this.rafraichir(),2e4))}rafraichir(){let i=this.workspaces.activeWorkspaceId;i&&this.replays.list(i,1,Math.min(Math.max(this.items.length,24),50)).pipe(y(this.destroy$)).subscribe({next:t=>{this.items=t.items,this.total=t.total,this.programmerSondage()},error:()=>this.programmerSondage()})}get hasMore(){return this.items.length<this.total}load(i=!1){let t=this.workspaces.activeWorkspaceId;if(!t){this.loading=!1;return}this.loading=!i,this.error=!1;let o=i?this.page+1:1;this.replays.list(t,o).pipe(E(()=>(this.error=!0,R({items:[],total:this.total}))),y(this.destroy$)).subscribe(c=>{this.items=i?[...this.items,...c.items]:c.items,this.total=c.total,this.page=o,this.loading=!1,this.programmerSondage()})}image(i){return i.replayPosterUrl||i.thumbnailUrl||null}jours(i){return i.replayState==="ready"?X(i.replayExpiresAt):null}dureeLive(i){if(!i.startedAt||!i.endedAt)return null;let t=(new Date(i.endedAt).getTime()-new Date(i.startedAt).getTime())/1e3-(i.totalPausedSeconds??0);return t>0?M(t):null}static \u0275fac=function(t){return new(t||e)};static \u0275cmp=L({type:e,selectors:[["app-view-studio-replays"]],decls:14,vars:11,consts:[["libelle",""],[1,"rp"],[1,"rp__head"],[1,"rp__title"],[1,"rp__sub"],[1,"pi","pi-lock"],["class","rp__loading",4,"ngIf"],["class","rp__empty",4,"ngIf"],["class","rp__grid",4,"ngIf"],["class","rp__more",4,"ngIf"],[1,"rp__loading"],[3,"loading"],[1,"rp__empty"],[1,"pi","pi-exclamation-triangle"],["type","button",1,"rp__btn",3,"click"],[1,"pi","pi-refresh"],[1,"pi","pi-video"],[1,"rp__hint"],[1,"rp__grid"],["class","rp__card",3,"routerLink","is-expired",4,"ngFor","ngForOf"],[1,"rp__card",3,"routerLink"],[1,"rp__thumb"],["class","pi pi-video",4,"ngIf"],["class","rp__badge",4,"ngIf"],[1,"rp__meta"],[1,"rp__name"],[1,"rp__line"],[4,"ngIf"],[1,"pi","pi-eye"],[1,"rp__badge"],[3,"ngClass"],[4,"ngIf","ngIfElse"],[1,"rp__more"]],template:function(t,o){t&1&&(r(0,"div",1)(1,"div",2)(2,"h1",3),l(3),d(4,"translate"),a(),r(5,"p",4),m(6,"i",5),l(7),d(8,"translate"),a()(),u(9,oe,2,1,"div",6)(10,re,9,6,"div",7)(11,ae,8,6,"div",7)(12,ge,2,1,"div",8)(13,fe,4,3,"div",9),a()),t&2&&(n(3),g(_(4,7,"STUDIO.REPLAYS.TITLE")),n(4),f(" ",_(8,9,"STUDIO.REPLAYS.SUBTITLE")," "),n(2),p("ngIf",o.loading),n(),p("ngIf",!o.loading&&o.error),n(),p("ngIf",!o.loading&&!o.error&&o.items.length===0),n(),p("ngIf",!o.loading&&o.items.length),n(),p("ngIf",!o.loading&&o.hasMore))},dependencies:[N,z,F,$,K,H,j,G,W,J],styles:["[_nghost-%COMP%]{display:block;--ink: #14141f;--ink-soft: #5a5a6b;--line: #e7e7ee}*[_ngcontent-%COMP%]{box-sizing:border-box}.rp[_ngcontent-%COMP%]{padding:4px 2px 40px}.rp__head[_ngcontent-%COMP%]{margin-bottom:18px}.rp__title[_ngcontent-%COMP%]{font-size:22px;font-weight:700;color:var(--ink);margin:0 0 4px}.rp__sub[_ngcontent-%COMP%]{margin:0;color:var(--ink-soft);font-size:14px;display:flex;align-items:center;gap:6px}.rp__loading[_ngcontent-%COMP%]{padding:40px 0}.rp__empty[_ngcontent-%COMP%]{text-align:center;padding:48px 16px;color:var(--ink-soft)}.rp__empty[_ngcontent-%COMP%] .pi[_ngcontent-%COMP%]{font-size:32px;margin-bottom:10px}.rp__empty[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:4px 0}.rp__hint[_ngcontent-%COMP%]{font-size:13px}.rp__btn[_ngcontent-%COMP%]{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:8px 16px;font-weight:600;cursor:pointer}.rp__btn[_ngcontent-%COMP%]:hover{background:#f7f7fb}.rp__grid[_ngcontent-%COMP%]{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.rp__card[_ngcontent-%COMP%]{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;text-decoration:none;color:var(--ink);
1transition:box-shadow .15s}.rp__card[_ngcontent-%COMP%]:hover{box-shadow:0 4px 16px #00000014}.rp__card.is-expired[_ngcontent-%COMP%] .rp__thumb[_ngcontent-%COMP%]{filter:brightness(.45) grayscale(.6)}.rp__thumb[_ngcontent-%COMP%]{position:relative;aspect-ratio:9/16;background:#1a1a2e center/cover no-repeat;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:28px}.rp__badge[_ngcontent-%COMP%]{position:absolute;top:8px;left:8px;right:8px;width:fit-content;max-width:calc(100% - 16px);background:#000000bf;color:#fff;font-size:12px;font-weight:600;border-radius:6px;padding:3px 8px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp__badge[_ngcontent-%COMP%] .pi[_ngcontent-%COMP%]{font-size:11px}.rp__meta[_ngcontent-%COMP%]{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.rp__name[_ngcontent-%COMP%]{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp__line[_ngcontent-%COMP%]{font-size:12px;color:var(--ink-soft);display:flex;align-items:center;gap:4px}.rp__more[_ngcontent-%COMP%]{text-align:center;margin-top:20px}.rp__sablier[_ngcontent-%COMP%]{display:inline-block;animation:_ngcontent-%COMP%_rp-retourne 1.6s ease-in-out infinite}@keyframes _ngcontent-%COMP%_rp-retourne{0%,60%{transform:rotate(0)}to{transform:rotate(180deg)}}@media (prefers-reduced-motion: reduce){.rp__sablier[_ngcontent-%COMP%]{animation:none}}"]})};export{ee as ViewStudioReplaysComponent};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.