@veltdev/sdk-dev 6.0.0-beta.35 → 6.0.0-beta.4

package/velt-video-player.js

@@ -1 +1 @@
-import{j as Je,t as Ke}from"./chunk-CISRB4CX.js";import"./chunk-XDEUB7EN.js";import{l as je}from"./chunk-63JYOYYS.js";import{a as Qe}from"./chunk-NTNPNLFT.js";import"./chunk-BYJ7FNFA.js";import"./chunk-E3BLO6TE.js";import"./chunk-FRBXOJ6M.js";import{b as ue,c as Ce,d as K}from"./chunk-SJ45VMIG.js";import{a as Ue}from"./chunk-MNSD5X74.js";import{I as We}from"./chunk-TQY2DSNB.js";import{$ as Ee,Bf as ye,Ca as Fe,Db as ae,E as k,Eb as ce,Ee as x,Eg as Z,Fa as s,Fb as se,Fc as D,Fg as ie,Ga as A,Gc as B,Gg as Pe,Hg as ze,Hi as Ge,Ib as P,Ii as qe,J as $,Jb as F,Kb as ne,Lc as J,Nb as T,Nh as L,Ob as z,Pa as O,Pb as N,Pc as Le,Qb as Be,T as E,Ta as Ne,Ua as I,Va as De,Vh as ge,_a as u,a as j,aa as ke,b as Ve,bc as q,bi as _e,ca as H,da as Ae,db as w,di as W,eh as Te,g as he,ha as C,ia as v,ja as V,ka as fe,kc as me,lb as p,lc as pe,li as Ye,mb as c,mi as Ze,na as Ie,nb as d,nd as Y,ob as f,of as $e,p as le,pc as b,pf as He,r as xe,sb as M,tb as S,ti as Xe,ua as we,ub as R,v as G,vb as y,wa as Re,xb as h,xc as de,yi as Q,z as te,zb as g}from"./chunk-FXUDI3M6.js";var nt=(()=>{let r=class r{constructor(e,t,o,l,a,m){this.authService=e,this.databaseService=t,this.docService=o,this.loggingService=l,this.commonDbService=a,this.realtimeAdapter=m,this.db=null,this.user=null,this.playersMap=new Map,this.eventsCountPerSecond=0,this.hold=!1,this.counter=0,this.loggingService.log("%c[WB] Creating CLASS: SyncVideoPlayerService","color: blue;");try{this.databaseService.getDb().pipe(k(_=>!!_),$(1)).subscribe(_=>{_&&(this.db=_,this.getUser())},_=>{this.loggingService.catch("Error in CommentService getDb subscription: ",_)}),setTimeout(()=>{this.eventsCountPerSecond=0},1e3)}catch(_){this.loggingService.catch("Error in SyncVideoPlayerService constructor: ",_)}}getUser(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getUser","color: green;"),this.authService.getUser$().pipe(k(e=>!!e)).subscribe(e=>{this.user=e,this.getDocumentPaths()})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService getUser: ",e)}}getDocumentPaths(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getDocumentPaths","color: green;"),this.docService.getDocumentPaths$().subscribe(e=>{this.documentPaths=e,this.documentPaths&&(this.subscribeToVideoPlayers(),this.getAllVideoTags())})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService getDocumentPaths: ",e)}}subscribeToVideoPlayers(){try{this.loggingService.log("%c[WB] Calling FUNCTION: subscribeToVideoPlayers","color: green;"),this.documentPaths?.syncVideoPlayer&&this.commonDbService.dbListener({feature:"syncVideoPlayer",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,skipFirestore:!0}}).pipe(G(e=>e?.data)).subscribe(e=>{Object.keys(e||{}).forEach(o=>{let l=e[o]||{},a=this.playersMap.get(o)?.playerElement;a||(a=this.getVideoTagByPlayerId(o)),a&&(this.playersMap.set(o,{playerElement:a,player:l}),this.updateLocalPlayerState(o,l))})})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService subscribeToVideoPlayers: ",e)}}getAllVideoTags(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getAllVideoTags","color: green;"),Array.from(document.querySelectorAll(`video[${x.ATTRIBUTES.SYNC_VIDEO_PLAYER}]`)).forEach(t=>{let o=this.getPlayerId(t),l=new $e;l.playerId=o,l.src=t.src;let a=Array.from(t.querySelectorAll("source"));l.sources=a.map(m=>m?.src)?.filter(m=>!!m)||[],this.playersMap.set(o,{playerElement:t,player:l}),this.subscribeToPlayerEvents(o,t)})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService getAllVideoTags: ",e)}}subscribeToPlayerEvents(e,t){try{this.loggingService.log("%c[WB] Calling FUNCTION: subscribeToPlayerEvents","color: green;"),t.addEventListener("play",()=>{this.hold||this.updateVideoPlayerState(e,"play",{playing:!0,currentTime:t.currentTime})}),t.addEventListener("pause",()=>{this.hold||t.readyState===4&&this.updateVideoPlayerState(e,"pause",{playing:!1,currentTime:t.currentTime})}),t.addEventListener("ratechange",()=>{this.updateVideoPlayerState(e,"ratechange",{speed:t.playbackRate})}),t.addEventListener("seeked",()=>{if(t.currentTime<t.duration){let o=this.playersMap.get(e)?.player?.playerState||{};"currentTime"in o&&typeof o.currentTime=="number"&&Math.abs(t.currentTime-o.currentTime)>1&&this.updateVideoPlayerState(e,"seeked",{currentTime:t.currentTime})}}),t.addEventListener("timeupdate",()=>{if(!this.hold&&t.currentTime<t.duration){let o=this.playersMap.get(e)?.player?.playerState||{};Math.abs(t.currentTime-(o?.currentTime||0))>1&&this.updateVideoPlayerState(e,"timeupdate",{currentTime:t.currentTime})}}),t.addEventListener("volumechange",()=>{this.hold||this.updateVideoPlayerState(e,"volumechange",{volume:t.volume,muted:t.muted,currentTime:t.currentTime})})}catch(o){this.loggingService.catch("Error in SyncVideoPlayerService subscribeToPlayerEvents: ",o)}}updateVideoPlayerState(e,t,o){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: updateVideoPlayerState","color: green;"),this.eventsCountPerSecond++,this.eventsCountPerSecond>=500&&(this.hold=!0),this.hold){this.loggingService.catch("Too many events in 5 seconds. Holding events.");return}if(e&&this.user&&this.documentPaths?.syncVideoPlayer){let l=this.realtimeAdapter.rtdbRef(this.db,`${this.documentPaths?.syncVideoPlayer}/${e}`),a={lastUpdated:this.timestamp,lastUpdatedBy:this.user,lastUpdatedEvent:t,playerState:j(j({},new He),o)};this.realtimeAdapter.rtdbRunTransaction("syncVideoPlayer",l,m=>{if(m)return a.playerId=m.playerId,a.src=m.src,a.sources=m.sources,a.playerState=j(j({},m.playerState),o),JSON.parse(JSON.stringify(a));a.playerId=e;let _=this.playersMap.get(e);if(_){a.src=_?.playerElement?.src;let X=Array.from(_?.playerElement?.querySelectorAll("source"));a.sources=X.map(U=>U?.src)?.filter(U=>!!U)||[]}return(o?.volume===void 0||o?.volume===null)&&(o.volume=100),JSON.parse(JSON.stringify(a))})}}catch(l){this.loggingService.catch("Error in SyncVideoPlayerService updateVideoPlayerState: ",l)}}updateLocalPlayerState(e,t){try{this.loggingService.log("%c[WB] Calling FUNCTION: updateLocalPlayerState","color: green;");let o=this.playersMap.get(e),l=o?.player?.playerState,a=o?.playerElement;if(!a)return;let m=l?.playing;m!==!a.paused&&(m?a.play():a.pause());let _=l?.currentTime||0;Math.abs(_-a.currentTime)>1&&(a.currentTime=_);let U=!!l?.muted;if(U!==a.muted&&(a.muted=U),!U){let ve=l?.volume||0;ve>=0&&ve!==a.volume&&(a.volume=ve)}let ee=l?.speed;ee==null&&(ee=1),ee!==a.playbackRate&&(a.playbackRate=ee)}catch{}}getPlayerId(e){try{let t="",o=e?.getAttribute("src");if(o)t=`${ye(o)}`;else{let l=e?.querySelectorAll("source");if(l&&l.length>0){let m=l[0]?.getAttribute("src");m&&(t=`${ye(m)}`)}}return t}catch(t){return this.loggingService.catch("Error in SyncVideoPlayerService getSyncVideoPlayId: ",t),""}}getVideoTagByPlayerId(e){try{return Array.from(document.querySelectorAll(`video[${x.ATTRIBUTES.SYNC_VIDEO_PLAYER}]`)).find(l=>this.getPlayerId(l)===e)||void 0}catch(t){this.loggingService.catch("Error in SyncVideoPlayerService getVideoTagByPlayerId: ",t);return}}get timestamp(){return this.commonDbService.getServerTimestamp()}};r.\u0275fac=function(t){return new(t||r)(H(Ze),H(Xe),H(Q),H(W),H(qe),H(Ge))},r.\u0275prov=Ee({token:r,factory:r.\u0275fac,providedIn:"root"});let i=r;return i})();var ot=i=>({$implicit:i});function st(i,r){i&1&&R(0)}function mt(i,r){i&1&&R(0)}function pt(i,r){if(i&1){let n=y();c(0,"div",3),h("click",function(){let t=C(n).$implicit,o=g(2);return v(o.onCommentClick(t==null?null:t.commentAnnotation))}),u(1,mt,1,0,"ng-container",4),d()}if(i&2){let n=r.$implicit;g(2);let e=P(6);s(),p("ngTemplateOutlet",e)("ngTemplateOutletContext",q(2,ot,n==null?null:n.commentAnnotation))}}function dt(i,r){if(i&1&&(M(0),u(1,pt,2,4,"div",6),S()),i&2){let n=g();s(),p("ngForOf",n.data==null?null:n.data.overlappingCommentAnnotations)}}function gt(i,r){i&1&&f(0,"div",10)}function _t(i,r){if(i&1&&(c(0,"div")(1,"div",11),T(2),d(),c(3,"div",12),T(4),d()()),i&2){let n=g().$implicit,e=g();s(2),Be(" ",e.formattedTimeMap[n==null||n.location==null?null:n.location.currentMediaPosition]," / ",e.formattedDuration),s(2),N(" ",(n==null||n.comments[0]==null||n.comments[0].commentText==null?null:n.comments[0].commentText.length)>100?(n==null||n.comments[0]==null||n.comments[0].commentText==null?null:n.comments[0].commentText.slice(0,100))+"...":n==null||n.comments[0]==null?null:n.comments[0].commentText," ")}}function ut(i,r){if(i&1&&(c(0,"div",7),f(1,"snippyly-user-avatar",8),u(2,gt,1,0,"div",9),d(),u(3,_t,5,3,"div",5)),i&2){let n=r.$implicit,e=g();s(),p("user",n==null?null:n.from)("size",24),s(),p("ngIf",e.unreadCommentsMap==null?null:e.unreadCommentsMap[n==null?null:n.annotationId]),s(),p("ngIf",n==null||n.comments==null?null:n.comments.length)}}var Oe=(()=>{let r=class r{constructor(){this.commentClick=new A,this.veltElement=!0}ngOnInit(){}onCommentClick(e){this.commentClick.emit(e)}};r.\u0275fac=function(t){return new(t||r)},r.\u0275cmp=I({type:r,selectors:[["app-player-timeline-comment-tooltip"]],hostVars:1,hostBindings:function(t,o){t&2&&w("data-velt-element",o.veltElement)},inputs:{data:"data",formattedTimeMap:"formattedTimeMap",formattedDuration:"formattedDuration",unreadCommentsMap:"unreadCommentsMap"},outputs:{commentClick:"commentClick"},standalone:!1,decls:7,vars:5,consts:[["commentTemplate",""],[1,"comment-tooltip-container"],[1,"comment-tooltip"],[1,"comment-tooltip__item",3,"click"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf"],["class","comment-tooltip__item",3,"click",4,"ngFor","ngForOf"],[1,"comment-tooltip__item__user-avatar"],[3,"user","size"],["class","comment-tooltip__item__unread",4,"ngIf"],[1,"comment-tooltip__item__unread"],[1,"duration-text"],[1,"comment-text"]],template:function(t,o){if(t&1){let l=y();c(0,"div",1)(1,"div",2)(2,"div",3),h("click",function(){return C(l),v(o.onCommentClick(o.data==null?null:o.data.commentAnnotation))}),u(3,st,1,0,"ng-container",4),d(),u(4,dt,2,1,"ng-container",5),d()(),u(5,ut,4,4,"ng-template",null,0,b)}if(t&2){let l=P(6);s(3),p("ngTemplateOutlet",l)("ngTemplateOutletContext",q(3,ot,o.data==null?null:o.data.commentAnnotation)),s(),p("ngIf",o.data==null||o.data.overlappingCommentAnnotations==null?null:o.data.overlappingCommentAnnotations.length)}},dependencies:[D,B,J,K],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.comment-tooltip-container[_ngcontent-%COMP%]{padding-bottom:calc((.5rem + 0px) * var(--velt-base-rem-unit));transition:all .3s ease-in-out}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip[_ngcontent-%COMP%]{display:flex;justify-content:center;flex-direction:column;border-radius:calc((1rem + 0px) * var(--velt-base-rem-unit));background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]{display:flex;align-items:center;gap:calc((.75rem + 0px) * var(--velt-base-rem-unit));color:#fff;max-width:350px;padding:calc((.5rem + 0px) * var(--velt-base-rem-unit)) calc((1.5rem + 0px) * var(--velt-base-rem-unit));cursor:pointer}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]   .duration-text[_ngcontent-%COMP%]{color:#fff9;font-size:10px;font-style:normal;font-weight:400;line-height:20px}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]   .comment-text[_ngcontent-%COMP%]{color:var(--neutrals-13, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]   snippyly-user-avatar[_ngcontent-%COMP%]{--legacy-velt-user-avatar-size: 24px;display:flex;border-radius:31.2px;border:1px solid #FFF;background:var(--primary-2, #A259FE)}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]:hover{background:#0003}.comment-tooltip__item__user-avatar[_ngcontent-%COMP%]{position:relative}.comment-tooltip__item__user-avatar[_ngcontent-%COMP%]   .comment-tooltip__item__unread[_ngcontent-%COMP%]{position:absolute;top:-1px;right:-1px;width:7px;height:7px;background:#ff7162;border-radius:50%;border:1px solid #0F0F0F}"],changeDetection:0});let i=r;return i})();var rt=i=>({$implicit:i});function ft(i,r){i&1&&R(0)}function yt(i,r){i&1&&R(0)}function Pt(i,r){if(i&1&&(c(0,"div",6),u(1,yt,1,0,"ng-container",7),d()),i&2){let n=r.$implicit;g(2);let e=P(3);s(),p("ngTemplateOutlet",e)("ngTemplateOutletContext",q(2,rt,n==null?null:n.reactionAnnotation))}}function Tt(i,r){if(i&1&&(c(0,"div",5)(1,"div",6),u(2,ft,1,0,"ng-container",7),d(),u(3,Pt,2,4,"div",8),d()),i&2){let n=g(),e=P(3);s(2),p("ngTemplateOutlet",e)("ngTemplateOutletContext",q(3,rt,n.data==null?null:n.data.reactionAnnotation)),s(),p("ngForOf",n.data==null?null:n.data.overlappingReactionAnnotations)}}function bt(i,r){i&1&&(c(0,"span"),T(1,"(You)"),d())}function Ot(i,r){if(i&1&&(M(0),c(1,"span"),T(2),me(3,"translate"),d(),u(4,bt,2,0,"span",15),S()),i&2){let n=g().$implicit,e=g().user;s(2),z(pe(3,2,(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))),s(2),p("ngIf",(n==null||n.from==null?null:n.from.userSnippylyId)===(e==null?null:e.userSnippylyId))}}function Mt(i,r){i&1&&f(0,"velt-skeleton-loader-internal",16)}function St(i,r){if(i&1&&(c(0,"div",12),f(1,"snippyly-user-avatar",13),u(2,Ot,5,4,"ng-container",14)(3,Mt,1,0,"ng-template",null,2,b),d()),i&2){let n=r.$implicit,e=P(4);s(),p("size",24)("user",n==null?null:n.from),s(),p("ngIf",(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))("ngIfElse",e)}}function Vt(i,r){if(i&1&&(c(0,"div",10),u(1,St,5,4,"div",11),d()),i&2){let n=r.reactionAnnotation;s(),p("ngForOf",n==null?null:n.reactions)}}function xt(i,r){if(i&1){let n=y();c(0,"velt-reaction-pin",9),h("click",function(){let t=C(n).$implicit,o=g();return v(o.onReactionClick(t))}),u(1,Vt,2,1,"ng-template",null,1,b),d()}if(i&2){let n=r.$implicit,e=P(2);p("type","timeline")("width",50)("height",50)("tooltipTemplate",e)("annotationId",n==null?null:n.annotationId)}}var Me=(()=>{let r=class r{constructor(){this.reactionClick=new A,this.veltElement=!0}ngOnInit(){}onReactionClick(e){this.reactionClick.emit(e)}};r.\u0275fac=function(t){return new(t||r)},r.\u0275cmp=I({type:r,selectors:[["app-player-timeline-reaction-tooltip"]],hostVars:1,hostBindings:function(t,o){t&2&&w("data-velt-element",o.veltElement)},inputs:{data:"data"},outputs:{reactionClick:"reactionClick"},standalone:!1,decls:4,vars:1,consts:[["reactionPinTemplate",""],["tooltipTemplate",""],["loadingTemplateRef",""],[1,"reaction-tooltip-container"],["class","reaction-tooltip",4,"ngIf"],[1,"reaction-tooltip"],[1,"reaction-tooltip__item"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["class","reaction-tooltip__item",4,"ngFor","ngForOf"],[3,"click","type","width","height","tooltipTemplate","annotationId"],[1,"v-tooltip-container"],["class","v-tooltip-reaction-user",4,"ngFor","ngForOf"],[1,"v-tooltip-reaction-user"],[1,"s-tooltip-user-avatar",3,"size","user"],[4,"ngIf","ngIfElse"],[4,"ngIf"],["height","20px","width","64px","borderRadius","20px"]],template:function(t,o){t&1&&(c(0,"div",3),u(1,Tt,4,5,"div",4),d(),u(2,xt,3,5,"ng-template",null,0,b)),t&2&&(s(),p("ngIf",o.data==null||o.data.overlappingReactionAnnotations==null?null:o.data.overlappingReactionAnnotations.length))},dependencies:[D,B,J,K,Ce,ue],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.reaction-tooltip-container[_ngcontent-%COMP%]{padding-bottom:calc((.5rem + 0px) * var(--velt-base-rem-unit));transition:all .3s ease-in-out}.reaction-tooltip[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));background:#000;border:1px solid grey;border-radius:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding:calc((.5rem + 0px) * var(--velt-base-rem-unit));border-radius:18px;background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reaction-tooltip[_ngcontent-%COMP%]   .reaction-tooltip__item[_ngcontent-%COMP%]{cursor:pointer}[_nghost-%COMP%]     .s-emoji-block_timeline .s-emoji-block__item__emoji svg, [_nghost-%COMP%]   .s-emoji-block_timeline[_ngcontent-%COMP%]   .s-emoji-block__item__emoji[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:20px!important;height:20px!important}  .v-tooltip-container{display:flex;flex-direction:column;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding:calc((.5rem + 0px) * var(--velt-base-rem-unit));color:var(--neutrals-13, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:20px;border-radius:calc((1.5rem + 0px) * var(--velt-base-rem-unit));background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}  .v-tooltip-container .v-tooltip-reaction-user{display:flex;align-items:center;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding-right:2px}  .v-tooltip-container .v-tooltip-reaction-user snippyly-user-avatar{display:flex;border-radius:calc((2rem + 0px) * var(--velt-base-rem-unit));border:1px solid #FFF;background:var(--primary-2, #A259FE)}"],changeDetection:0});let i=r;return i})();function At(i,r){i&1&&R(0)}function It(i,r){if(i&1&&(c(0,"velt-shadow-dom-internal"),u(1,At,1,0,"ng-container",5),d()),i&2){g();let n=P(2);s(),p("ngTemplateOutlet",n)}}function wt(i,r){i&1&&f(0,"div",18)}function Rt(i,r){i&1&&f(0,"div",18)}function Ft(i,r){if(i&1){let n=y();c(0,"div",19)(1,"div",20),h("click",function(t){C(n);let o=g(3).$implicit;return g(2).onCommentAnnotationClick(o==null||o.overlappingCommentAnnotations[0]==null?null:o.overlappingCommentAnnotations[0].commentAnnotation),v(t.stopPropagation())}),T(2),u(3,Rt,1,0,"div",16),d()()}if(i&2){let n=g(3).$implicit;s(2),N(" +",n==null||n.overlappingCommentAnnotations==null?null:n.overlappingCommentAnnotations.length," "),s(),p("ngIf",n==null?null:n.isUnread)}}function Nt(i,r){if(i&1&&(c(0,"div",13)(1,"div",14),f(2,"snippyly-user-avatar",15),u(3,wt,1,0,"div",16),d()(),u(4,Ft,4,2,"ng-template",17)),i&2){let n=g(2).$implicit;F("background",(n==null||n.commentAnnotation==null||n.commentAnnotation.status==null?null:n.commentAnnotation.status.color)||null),s(2),p("user",n==null||n.commentAnnotation==null?null:n.commentAnnotation.from)("size",18),s(),p("ngIf",(n==null?null:n.isUnread)&&(n==null||n.overlappingCommentAnnotations==null?null:n.overlappingCommentAnnotations.length)===0),s(),p("ngIf",n==null||n.overlappingCommentAnnotations==null?null:n.overlappingCommentAnnotations.length)}}function Dt(i,r){if(i&1){let n=y();c(0,"app-player-timeline-comment-tooltip",21),h("commentClick",function(t){C(n);let o=g(4);return v(o.onCommentAnnotationClick(t))}),d()}if(i&2){let n=g(2).$implicit,e=g(2);p("data",n)("formattedTimeMap",e.formattedTimeMap)("formattedDuration",e.formattedDuration)("unreadCommentsMap",e.unreadCommentsMap)}}function Bt(i,r){if(i&1){let n=y();c(0,"div",10)(1,"div",11),h("click",function(){C(n);let t=g().$implicit,o=g(2);return v(o.onCommentAnnotationClick(t==null?null:t.commentAnnotation))}),c(2,"app-overlay-tooltip",12),u(3,Nt,5,6,"ng-template",null,1,b)(5,Dt,1,4,"ng-template",null,2,b),d()()()}if(i&2){let n=g().$implicit,e=g(2);F("--legacy-velt-player-position",((n==null?null:n.position)||0)+"%")("--legacy-velt-player-offset-left",(e.frameWidth||0)/2+"px"),s(2),p("positions",e.commentTooltipOverlayPositions)}}function Lt(i,r){if(i&1&&(M(0),u(1,Bt,7,5,"div",9),S()),i&2){let n=r.$implicit;s(),p("ngIf",(n==null?null:n.position)!==null)}}function Wt(i,r){i&1&&(c(0,"span"),T(1,"(You)"),d())}function Ut(i,r){if(i&1&&(M(0),c(1,"span"),T(2),me(3,"translate"),d(),u(4,Wt,2,0,"span",28),S()),i&2){let n=g().$implicit,e=g().user;s(2),z(pe(3,2,(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))),s(2),p("ngIf",(n==null||n.from==null?null:n.from.userSnippylyId)===(e==null?null:e.userSnippylyId))}}function jt(i,r){i&1&&f(0,"velt-skeleton-loader-internal",29)}function $t(i,r){if(i&1&&(c(0,"div",26),f(1,"snippyly-user-avatar",27),u(2,Ut,5,4,"ng-container",4)(3,jt,1,0,"ng-template",null,3,b),d()),i&2){let n=r.$implicit,e=P(4);s(),p("size",24)("user",n==null?null:n.from),s(),p("ngIf",(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))("ngIfElse",e)}}function Ht(i,r){if(i&1&&(c(0,"div",24),u(1,$t,5,4,"div",25),d()),i&2){let n=r.reactionAnnotation;s(),p("ngForOf",n==null?null:n.reactions)}}function zt(i,r){if(i&1){let n=y();c(0,"div",20),h("click",function(t){C(n);let o=g(3).$implicit;return g(2).onReactionAnnotationClick(o==null||o.overlappingReactionAnnotations[0]==null?null:o.overlappingReactionAnnotations[0].reactionAnnotation),v(t.stopPropagation())}),T(1),d()}if(i&2){let n=g(3).$implicit;s(),N(" +",n==null||n.overlappingReactionAnnotations==null?null:n.overlappingReactionAnnotations.length," ")}}function Yt(i,r){if(i&1){let n=y();c(0,"div",22)(1,"velt-reaction-pin",23),h("click",function(){C(n);let t=g(2).$implicit,o=g(2);return v(o.onReactionAnnotationClick(t==null?null:t.reactionAnnotation))}),u(2,Ht,2,1,"ng-template",null,2,b),d()(),u(4,zt,2,1,"ng-template",17)}if(i&2){let n=P(3),e=g(2).$implicit;s(),p("type","timeline")("disableTooltip",!!(!(e==null||e.overlappingReactionAnnotations==null)&&e.overlappingReactionAnnotations.length))("tooltipTemplate",n)("annotationId",e==null||e.reactionAnnotation==null?null:e.reactionAnnotation.annotationId),s(3),p("ngIf",e==null||e.overlappingReactionAnnotations==null?null:e.overlappingReactionAnnotations.length)}}function Zt(i,r){if(i&1){let n=y();c(0,"app-player-timeline-reaction-tooltip",30),h("reactionClick",function(t){C(n);let o=g(4);return v(o.onReactionAnnotationClick(t))}),d()}if(i&2){let n=g(2).$implicit;p("data",n)}}function Xt(i,r){if(i&1){let n=y();c(0,"div",10)(1,"div",11),h("click",function(){C(n);let t=g().$implicit,o=g(2);return v(o.onReactionAnnotationClick(t==null?null:t.reactionAnnotation))}),c(2,"app-overlay-tooltip",12),u(3,Yt,5,5,"ng-template",null,1,b)(5,Zt,1,1,"ng-template",null,2,b),d()()()}if(i&2){let n=g().$implicit,e=g(2);F("--legacy-velt-player-position",((n==null?null:n.position)||0)+"%")("--legacy-velt-player-offset-left",(e.frameWidth||0)/2+"px"),s(2),p("positions",e.commentTooltipOverlayPositions)}}function Gt(i,r){if(i&1&&(M(0),u(1,Xt,7,5,"div",9),S()),i&2){let n=r.$implicit;s(),p("ngIf",(n==null?null:n.position)!==null)}}function qt(i,r){if(i&1&&(c(0,"div",6)(1,"div",7),u(2,Lt,2,1,"ng-container",8)(3,Gt,2,1,"ng-container",8),d()()),i&2){let n=g();s(2),p("ngForOf",n.commentAnnotationsWithPosition)("ngForTrackBy",n.trackByFn),s(),p("ngForOf",n.reactionAnnotationsWithPosition)("ngForTrackBy",n.trackByFn)}}var re=(()=>{let r=class r{set _shadowDom(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.shadowDom=t}catch{}}get totalMediaLength(){return this._totalMediaLength}set totalMediaLength(e){this._totalMediaLength=e,e&&(this.formattedDuration=Z(e)),this.calculateFrameWidth(),this.calculateAllCommentAnnotationPosition()}set totalMediaLengthInput(e){typeof e=="string"&&(e=parseFloat(e)),e>=0&&(this.lastTotalMediaLengthInput=e,this.commentService?.setTotalMediaLength(e))}set _version(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),t&&typeof t=="object"?(this.version={id:t.id,name:t.name},this.filterCommentAnnotations(),this.filterReactionAnnotations()):this.version=void 0}catch{}}get offset(){return this._offset}set offset(e){this._offset=e,this.calculateFrameWidth(),this.calculateAllCommentAnnotationPosition()}set _offsetInput(e){try{typeof e=="string"&&(e=parseInt(e,10)),this.offset=e}catch{}}constructor(e,t,o,l,a,m){this.docService=e,this.domService=t,this.serviceBook=o,this.loggingService=l,this.cd=a,this.elementRef=m,this.shadowDom=!0,this._totalMediaLength=0,this._offset=0,this.commentAnnotations=[],this.reactionAnnotations=[],this.commentClickEmitter=new A,this.reactionClickEmitter=new A,this.annotationsPositionChangeEmitter=new A,this.allCommentAnnotations=[],this.allReactionAnnotations=[],this.selectedAnnotationsMap={},this.commentAnnotationsWithPosition=[],this.reactionAnnotationsWithPosition=[],this.formattedTimeMap={},this.frameWidth=0,this.commentTooltipOverlayPositions=[{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"},{originX:"start",originY:"top",overlayX:"center",overlayY:"bottom"},{originX:"end",originY:"top",overlayX:"center",overlayY:"bottom"},{originX:"center",originY:"top",overlayX:"end",overlayY:"bottom"},{originX:"center",originY:"top",overlayX:"start",overlayY:"bottom"},{originX:"end",originY:"top",overlayX:"start",overlayY:"bottom"},{originX:"start",originY:"top",overlayX:"end",overlayY:"bottom"}],this.unreadCommentsMap=null,this.resolvedCommentsOnDom=!1,this.veltElement=!0,this.destroyRef=Ae(Ie),this.commentService=null,this.reactionService=null;try{this.loggingService.log("%c[WB] Creating CLASS: CommentPlayerTimelineComponent","color: blue;"),this.serviceBook.observe(L).subscribe(_=>{let X=this.commentService===null;this.commentService=_,X&&_&&(this.lastTotalMediaLengthInput!=null&&_.setTotalMediaLength(this.lastTotalMediaLengthInput),this.documentPaths&&this.getAllCommentsOnCurrentDocument())}),this.serviceBook.observe(ge).subscribe(_=>{let X=this.reactionService===null;this.reactionService=_,X&&_&&this.documentPaths&&this.getAllReactionsOnCurrentDocument()}),this.docService.getDocumentPaths$().pipe(Y(this.destroyRef)).subscribe(_=>{this.documentPaths=_,this.getAllCommentsOnCurrentDocument(),this.getAllReactionsOnCurrentDocument()},_=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getDocumentPaths$ subscription: ",_)}),this.domService.getSelectedAnnotationsMap$().pipe(Y(this.destroyRef)).subscribe(_=>{this.selectedAnnotationsMap=_},_=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getSelectedAnnotationsMap$ subscription: ",_)}),this.serviceBook.observe(L).pipe(Y(this.destroyRef),k(Boolean),E(_=>_.getTotalMediaLength$())).subscribe(_=>{this.totalMediaLength=_},_=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getTotalMediaLength$ subscription: ",_)}),this.serviceBook.observe(L).pipe(Y(this.destroyRef),k(Boolean),E(_=>_.getResolvedCommentsOnDom$())).subscribe(_=>{this.resolvedCommentsOnDom!==_&&(this.resolvedCommentsOnDom=_,this.filterCommentAnnotations())},_=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getResolvedCommentsOnDom$ subscription: ",_)})}catch(_){this.loggingService.catch("Error in CommentPlayerTimelineComponent constructor: ",_)}}ngOnInit(){}ngOnChanges(e){try{e?.version&&this.filterCommentAnnotations(),e?.videoPlayerId&&(this.filterCommentAnnotations(),this.filterReactionAnnotations())}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent ngOnChanges: ",t)}}ngAfterViewInit(){try{this.calculateFrameWidth()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent ngAfterViewInit: ",e)}}trackByFn(e,t){return t?.commentAnnotation?.annotationId||e}calculateFrameWidth(){try{if(this.source==="video")this.frameWidth=0;else{let e=0;if(this.elementRef?.nativeElement&&(e=this.elementRef.nativeElement?.offsetWidth),e&&this.totalMediaLength){let t=e/this.totalMediaLength;this.frameWidth=t,this.cd.markForCheck()}}}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent calculateOffsetLeft: ",e)}}getAllCommentsOnCurrentDocument(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: getAllCommentsOnCurrentDocument","color: green;"),this.getAllCommentAnnotationsSubscription&&this.getAllCommentAnnotationsSubscription.unsubscribe(),!this.commentService)return;this.getAllCommentAnnotationsSubscription=this.commentService.getAllCommentAnnotations({customClientDocumentId:this.documentPaths?.clientDocumentId,excludeDomChanges:!0,skipPositionCalculation:!0,analytics:{enabled:!0,properties:{source:"internal",sourceId:"commentPlayerTimeline"}}}).pipe(Y(this.destroyRef),k(e=>!!e),E(e=>this.domService.getSelectedAnnotationsMap$().pipe(G(t=>({filteredAnnotations:e,selectedAnnotationsMap:t||{}})))),E(e=>(this.commentService?.getUnreadCommentsMap$()??xe({})).pipe(G(t=>(this.unreadCommentsMap=t,Ve(j({},e),{unreadCommentsMap:t})))))).subscribe(e=>{this.loggingService.log(e),this.allCommentAnnotations=e?.filteredAnnotations?.slice()||[],this.filterCommentAnnotations()},e=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllCommentAnnotations subscription: ",e)})}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllCommentsOnCurrentDocument: ",e)}}filterCommentAnnotations(){try{this.commentAnnotations=[],this.commentAnnotations=this.allCommentAnnotations.filter(e=>this.version?.id===e?.location?.version?.id?!this.videoPlayerId||e?.location?.videoPlayerId===this.videoPlayerId||e?.targetElementId===this.videoPlayerId:!1),this.commentAnnotations=this.commentAnnotations.filter(e=>!(e.status!==void 0&&e.status.type==="terminal"&&!this.selectedAnnotationsMap[e.annotationId]&&!this.resolvedCommentsOnDom)),this.calculateAllCommentAnnotationPosition(),this.cd.markForCheck()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent filterCommentAnnotations: ",e)}}calculateAllCommentAnnotationPosition(){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateAllCommentAnnotationPosition","color: green;"),this.commentAnnotationsWithPosition=[],this.commentAnnotations.length&&this.commentAnnotations.forEach(e=>{let t=this.calculateCommentAnnotationPosition(e),o=this.commentAnnotationsWithPosition.find(a=>a?.position&&t&&a?.position+2>t&&a?.position-2<t?!0:null),l=o?.isUnread??!1;if(this.unreadCommentsMap?.[e.annotationId]&&(l=!0),o)o.isUnread=l,o.overlappingCommentAnnotations?o.overlappingCommentAnnotations.push({commentAnnotation:e,position:t}):o.overlappingCommentAnnotations=[{commentAnnotation:e,position:t}];else{let a=!1;this.unreadCommentsMap?.[e.annotationId]&&(a=!0),this.commentAnnotationsWithPosition.push({commentAnnotation:e,position:t,overlappingCommentAnnotations:[],isUnread:a})}}),this.annotationsPositionChangeEmitter.emit()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent calculateAllCommentAnnotationPosition: ",e)}}calculateCommentAnnotationPosition(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateCommentAnnotationPosition","color: green;");let t=e?.location?.currentMediaPosition-this.offset;if(this.formattedTimeMap[t]||(this.formattedTimeMap[t]=Z(t)),t>=0&&this.totalMediaLength>0){let o=t/this.totalMediaLength*100;if(o>=0&&o<=100)return o}return null}catch{return null}}onCommentAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onCommentAnnotationClick","color: green;"),this.domService.toggleAnnotationSelection(e),this.emitOnCommentClick(e)}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent onCommentAnnotationClick: ",t)}}emitOnCommentClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: emitOnCommentClick","color: green;");let t=this.documentPaths?.clientDocumentId,o=e?.location;o||(o=e?.documentParams);let l={};e.context&&(l=e.context),this.commentClickEmitter.emit({documentId:t,location:o,targetElementId:e?.targetElementId,context:l,annotation:e})}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent emitOnCommentClick: ",t)}}getAllReactionsOnCurrentDocument(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: getAllReactionsOnCurrentDocument","color: green;"),this.getAllReactionAnnotationsSubscription&&this.getAllReactionAnnotationsSubscription.unsubscribe(),!this.reactionService)return;this.getAllReactionAnnotationsSubscription=this.reactionService.getAllReactionAnnotations(this.documentPaths?.clientDocumentId,void 0,!0,void 0,!0).pipe(Y(this.destroyRef),k(e=>!!e),G(e=>e?.filter(t=>!t?.commentAnnotationId))).subscribe(e=>{this.loggingService.log(e),this.allReactionAnnotations=e?.slice()||[],this.filterReactionAnnotations()},e=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllReactionsOnCurrentDocument subscription: ",e)})}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllReactionsOnCurrentDocument: ",e)}}filterReactionAnnotations(){try{this.reactionAnnotations=[],this.reactionAnnotations=this.allReactionAnnotations.filter(e=>this.version?.id===e?.location?.version?.id?!this.videoPlayerId||e?.location?.videoPlayerId===this.videoPlayerId:!1),this.calculateAllReactionAnnotationPosition(),this.cd.markForCheck()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent filterReactionAnnotations: ",e)}}calculateAllReactionAnnotationPosition(){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateAllReactionAnnotationPosition","color: green;"),this.reactionAnnotationsWithPosition=[],this.reactionAnnotations.length&&this.reactionAnnotations.forEach(e=>{let t=this.calculateReactionAnnotationPosition(e),o=this.reactionAnnotationsWithPosition.find(l=>l?.position&&t&&l?.position+2>t&&l?.position-2<t?!0:null);o?o.overlappingReactionAnnotations?o.overlappingReactionAnnotations.push({reactionAnnotation:e,position:t}):o.overlappingReactionAnnotations=[{reactionAnnotation:e,position:t}]:this.reactionAnnotationsWithPosition.push({reactionAnnotation:e,position:t,overlappingReactionAnnotations:[]})}),this.annotationsPositionChangeEmitter.emit()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent calculateAllReactionAnnotationPosition: ",e)}}calculateReactionAnnotationPosition(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateReactionAnnotationPosition","color: green;");let t=e?.location?.currentMediaPosition;return t>=0&&this.totalMediaLength>0?t/this.totalMediaLength*100:null}catch{return null}}onReactionAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onReactionAnnotationClick","color: green;"),this.source!=="video"&&this.reactionService?.addOrUpdateReaction(e.icon,[e.annotationId],location),this.emitOnReactionClick(e)}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent onReactionAnnotationClick: ",t)}}emitOnReactionClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: emitOnReactionClick","color: green;");let t=this.documentPaths?.clientDocumentId,o=e?.location;this.reactionClickEmitter.emit({documentId:t,location:o,targetElementId:e?.targetElementId,annotation:e})}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent emitOnReactionClick: ",t)}}ngOnDestroy(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;");try{this.getAllCommentAnnotationsSubscription&&(this.getAllCommentAnnotationsSubscription.unsubscribe(),this.getAllCommentAnnotationsSubscription=void 0),this.getAllReactionAnnotationsSubscription&&(this.getAllReactionAnnotationsSubscription.unsubscribe(),this.getAllReactionAnnotationsSubscription=void 0)}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent ondestroy: ",e)}}};r.\u0275fac=function(t){return new(t||r)(O(Q),O(Ye),O(_e),O(W),O(de),O(Re))},r.\u0275cmp=I({type:r,selectors:[["velt-comment-player-timeline-internal"]],hostVars:1,hostBindings:function(t,o){t&2&&w("data-velt-element",o.veltElement)},inputs:{_shadowDom:[0,"shadowDom","_shadowDom"],totalMediaLengthInput:[0,"totalMediaLength","totalMediaLengthInput"],_version:[0,"version","_version"],_offsetInput:[0,"offset","_offsetInput"],commentAnnotations:"commentAnnotations",reactionAnnotations:"reactionAnnotations",videoPlayerId:"videoPlayerId",source:"source"},outputs:{commentClickEmitter:"onCommentClick",reactionClickEmitter:"onReactionClick",annotationsPositionChangeEmitter:"annotationsPositionChange"},standalone:!1,features:[we],decls:3,vars:2,consts:[["videoContainerRef",""],["triggerTemplate",""],["tooltipTemplate",""],["loadingTemplateRef",""],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[1,"comment-player-timeline-container"],[1,"comment-player-timeline"],[4,"ngFor","ngForOf","ngForTrackBy"],["class","comment-player-timeline__item",3,"--legacy-velt-player-position","--legacy-velt-player-offset-left",4,"ngIf"],[1,"comment-player-timeline__item"],[3,"click"],[3,"positions"],[1,"video-comment-user-profile-container"],[1,"video-comment-user-profile-container_wraper"],[3,"user","size"],["class","video-comment-user-profile-container__unread",4,"ngIf"],[3,"ngIf"],[1,"video-comment-user-profile-container__unread"],[1,"video-comment-user-profile-overlapping-comments_wraper"],[1,"comment-player-timeline__item__overlapping-comments__count",3,"click"],[3,"commentClick","data","formattedTimeMap","formattedDuration","unreadCommentsMap"],[1,"video-comment-user-profile-container","video-reaction-container"],[3,"click","type","disableTooltip","tooltipTemplate","annotationId"],[1,"v-tooltip-container"],["class","v-tooltip-reaction-user",4,"ngFor","ngForOf"],[1,"v-tooltip-reaction-user"],[1,"s-tooltip-user-avatar",3,"size","user"],[4,"ngIf"],["height","20px","width","64px","borderRadius","20px"],[3,"reactionClick","data"]],template:function(t,o){if(t&1&&u(0,It,2,1,"velt-shadow-dom-internal",4)(1,qt,4,4,"ng-template",null,0,b),t&2){let l=P(2);p("ngIf",o.shadowDom)("ngIfElse",l)}},dependencies:[D,B,J,Je,Qe,K,Ce,Oe,Me,ue],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.comment-player-timeline-container[_ngcontent-%COMP%]{width:100%}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]{position:relative;width:100%;height:1px}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]{position:absolute;bottom:100%;left:calc(var(--legacy-velt-player-position, 0%) - var(--legacy-velt-player-offset-left, 0px));transform:translate(-50%)}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .video-comment-user-profile-container[_ngcontent-%COMP%]{padding:2px;background:#fff;border-radius:100%;cursor:pointer;position:relative}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .video-comment-user-profile-container[_ngcontent-%COMP%]   snippyly-user-avatar[_ngcontent-%COMP%]{--legacy-velt-user-avatar-size: 18px;display:flex}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .video-comment-user-profile-container.video-reaction-container[_ngcontent-%COMP%]{background-color:#141416;border:1px solid #625df5}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .comment-player-timeline__item__overlapping-comments__count[_ngcontent-%COMP%]{width:18px;height:18px;background:#65dab5;font-size:calc((.5rem + 0px) * var(--velt-base-rem-unit));color:#fff;border-radius:100%;border:2px solid #57BEA3;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]:hover{z-index:1}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]:hover   .comment-tooltip-container[_ngcontent-%COMP%]{opacity:1;visibility:visible;display:flex}[_nghost-%COMP%]     .s-emoji-block_timeline .s-emoji-block__item__emoji svg, [_nghost-%COMP%]   .s-emoji-block_timeline[_ngcontent-%COMP%]   .s-emoji-block__item__emoji[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:20px!important;height:20px!important}  .v-tooltip-container{display:flex;flex-direction:column;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding:calc((.5rem + 0px) * var(--velt-base-rem-unit));color:var(--neutrals-13, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:20px;border-radius:calc((1.5rem + 0px) * var(--velt-base-rem-unit));background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}  .v-tooltip-container .v-tooltip-reaction-user{display:flex;align-items:center;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding-right:2px}  .v-tooltip-container .v-tooltip-reaction-user snippyly-user-avatar{display:flex;border-radius:calc((2rem + 0px) * var(--velt-base-rem-unit));border:1px solid #FFF;background:var(--primary-2, #A259FE)}.video-comment-user-profile-container_wraper[_ngcontent-%COMP%]{position:relative}.video-comment-user-profile-overlapping-comments_wraper[_ngcontent-%COMP%]{position:absolute;top:0;left:calc((.5rem + 0px) * var(--velt-base-rem-unit))}.video-comment-user-profile-container__unread[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ff7162;border-radius:50%}"],changeDetection:0});let i=r;return i})();var Qt=["videoRef"],Kt=["progressBarRef"],en=["ghostProgressBarRef"];function tn(i,r){if(i&1&&(c(0,"div",46),T(1),d()),i&2){let n=g();s(),N(" ",n.hoveredTimeFormatted)}}function nn(i,r){if(i&1&&(M(0),f(1,"div",47),S()),i&2){let n=r.$implicit;s(),F("background",(n==null||n.commentAnnotation==null||n.commentAnnotation.status==null?null:n.commentAnnotation.status.color)||null)("left",n==null?null:n.position,"%")}}function on(i,r){if(i&1&&(M(0),f(1,"div",48),S()),i&2){let n=r.$implicit;s(),F("left",n==null?null:n.position,"%")}}function rn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.playVideo())}),V(),c(1,"svg",27),f(2,"path",50),d()()}}function ln(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.pauseVideo())}),V(),c(1,"svg",27),f(2,"path",51)(3,"path",52),d()()}}function an(i,r){if(i&1){let n=y();c(0,"velt-comment-tool",53),h("enableAddCommentMode",function(){C(n);let t=g();return v(t.onEnableAddCommentMode())}),c(1,"button",26),V(),c(2,"svg",27)(3,"mask",54),f(4,"path",55),d(),f(5,"path",56),d()()()}if(i&2){let n=g();s(),ne("active",n.addCommentMode)}}function cn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleMuteVideo())}),V(),c(1,"svg",27),f(2,"path",57)(3,"path",58),d()()}}function sn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleMuteVideo())}),V(),c(1,"svg",27),f(2,"path",59),d()()}}function mn(i,r){if(i&1){let n=y();c(0,"div",60),h("click",function(){let t=C(n).$implicit,o=g();return v(o.changeVideoSpeed(t))}),T(1),d()}if(i&2){let n=r.$implicit;g();let e=P(2);ne("selected",(e==null?null:e.playbackRate)===n)("selected",n===(e==null?null:e.playbackRate)),s(),N(" ",n,"x ")}}function pn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleFullScreen())}),V(),c(1,"svg",61),f(2,"path",62)(3,"path",63)(4,"path",64)(5,"path",65),d()()}}function dn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleFullScreen())}),V(),c(1,"svg",61),f(2,"path",66)(3,"path",67)(4,"path",68)(5,"path",69),d()()}}var Se=(()=>{let r=class r{set _shadowDom(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.shadowDom=t}catch{}}set _version(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),t&&typeof t=="object"?this.version={id:t.id,name:t.name}:this.version=void 0}catch{}}set isDarkMode(e){this._darkAttribute=e,this.checkDarkMode()}set commentTool(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),t?this.showCommentTool=!0:this.showCommentTool=!1}catch{}}constructor(e,t,o,l,a){this.serviceBook=e,this.docService=t,this.loggingService=o,this.syncVideoPlayerService=l,this.cd=a,this.shadowDom=!0,this._darkAttribute="",this.darkMode=!1,this.showCommentTool=!0,this.currentTime=0,this.duration=0,this.currentTimeFormatted="00:00",this.durationFormatted="00:00",this.hoveredTimeFormatted="",this.controlPanelVisible=!1,this.HIDE_CONTROL_PANEL_DURATION=1e4,this.VIDEO_FORWARD_DURATION=5,this.VIDEO_BACKWARD_DURATION=5,this.VIDEO_SPEED_OPTIONS=[.25,.5,1,1.25,1.5,2],this.fullScreen=!1,this.addCommentMode=!1,this.subscriptions=[],this.commentService=null,this.reactionService=null,this.loggingService.log("%c[WB] Creating CLASS: VeltVideoPlayerComponent","color: blue;");try{this.checkDarkMode(),this.subscriptions.push(this.serviceBook.observe(L).pipe(E(m=>(this.commentService=m,m&&m.setCommentContainerDarkMode(this.darkMode),m?m.addCommentModeChange():le))).subscribe(m=>{this.addCommentMode=m,m?this.onEnableAddCommentMode():this.onDisableAddCommentMode()})),this.subscriptions.push(this.serviceBook.observe(L).pipe(E(m=>m?m.onCommentAdd$():le)).subscribe(m=>{if(m){this.pauseVideo();let _=this.getLocationOnCurrentTime();this.docService.setLocation({location:_})}})),this.subscriptions.push(this.serviceBook.observe(ge).subscribe(m=>{this.reactionService=m}))}catch(m){this.loggingService.catch("Error in VeltVideoPlayerComponent constructor: ",m)}}ngAfterViewInit(){try{this.addVeltCommentsTag(),this.videoRef?.nativeElement&&(this.playerId=Te(this.videoRef.nativeElement),this.subscriptions.push(te(this.videoRef.nativeElement,"play").subscribe(e=>{let t=this.docService.getLocation();t&&t.location?.videoPlayerId===this.playerId&&this.docService.removeLocations({})})),this.subscriptions.push(te(this.videoRef.nativeElement,"timeupdate").subscribe(e=>{this.currentTime=this.videoRef?.nativeElement?.currentTime||0,this.currentTimeFormatted=Z(this.currentTime),this.cd.markForCheck()})),this.subscriptions.push(te(this.videoRef.nativeElement,"loadedmetadata").subscribe(e=>{this.duration=this.videoRef?.nativeElement?.duration||0,this.durationFormatted=Z(this.duration),this.playerId=Te(this.videoRef?.nativeElement)}))),this.subscriptions.push(this.serviceBook.observe(L).pipe(E(e=>e?e.getSidebarCommentClick$():le)).subscribe(e=>{let t=e.annotation;t?.location?.videoPlayerId===this.playerId&&this.onCommentAnnotationClick(t)}))}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent ngAfterViewInit: ",e)}}trackByFn(e,t){return t?.commentAnnotation?.annotationId||e}addVeltCommentsTag(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: addVeltCommentsTag","color: green;"),!(document.querySelector(x.TAGS.VELT_COMMENTS)||document.querySelector(x.TAGS.SNIPPYLY_COMMENTS))){let t=document.createElement(x.TAGS.VELT_COMMENTS);document.body.appendChild(t)}}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent addVeltCommentsTag: ",e)}}playVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: playVideo","color: green;"),this.videoRef?.nativeElement?.play()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent playVideo: ",e)}}pauseVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: pauseVideo","color: green;"),this.videoRef?.nativeElement?.pause()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent pauseVideo: ",e)}}toggleVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleVideo","color: green;"),this.videoRef?.nativeElement?.paused?this.playVideo():this.pauseVideo()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent toggleVideo: ",e)}}moveForwardVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: moveForwardVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime+this.VIDEO_FORWARD_DURATION>this.videoRef.nativeElement.duration?this.videoRef.nativeElement.currentTime=this.videoRef.nativeElement.duration:this.videoRef.nativeElement.currentTime+=this.VIDEO_FORWARD_DURATION)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent moveForwardVideo: ",e)}}moveBackwardVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: moveBackwardVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime-this.VIDEO_BACKWARD_DURATION<0?this.videoRef.nativeElement.currentTime=0:this.videoRef.nativeElement.currentTime-=this.VIDEO_BACKWARD_DURATION)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent moveBackwardVideo: ",e)}}toggleMuteVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleMuteVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.muted=!this.videoRef.nativeElement.muted)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent toggleMuteVideo: ",e)}}changeVolumeVideo(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: changeVolumeVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.volume=e.target.value)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent changeVolumeVideo: ",t)}}changeVideoSpeed(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: changeVideoSpeed","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.playbackRate=e)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent changeVideoSpeed: ",t)}}stopVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: stopVideo","color: green;"),this.videoRef?.nativeElement?.pause(),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime=0)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent stopVideo: ",e)}}onProgressBarClick(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onProgressBarClick","color: green;"),this.videoRef?.nativeElement){let t=e.offsetX/e.target.offsetWidth*this.duration;this.videoRef.nativeElement.currentTime=t}this.removeLocation()}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onProgressBarClick: ",t)}}onProgressBarPointerOver(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onProgressBarPointerOver","color: green;"),this.progressBarRef?.nativeElement===e.target){if(this.ghostProgressBarRef?.nativeElement){this.ghostProgressBarRef.nativeElement.style.display="block",this.ghostProgressBarRef.nativeElement.style.width=`${e.offsetX}px`;let t=e.offsetX/e.target.offsetWidth*this.duration;this.hoveredTimeFormatted=Z(t)}}else this.onProgressBarPointerOut(e)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onProgressBarPointerOver: ",t)}}onProgressBarPointerOut(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onProgressBarPointerOut","color: green;"),this.ghostProgressBarRef?.nativeElement&&(this.ghostProgressBarRef.nativeElement.style.display="none"),this.hoveredTimeFormatted=""}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onProgressBarPointerOut: ",t)}}scrubVideo(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: scrubVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime=e.target?.value||0)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent scrubVideo: ",t)}}setLocation(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: setLocation","color: green;"),this.playerId&&this.videoRef?.nativeElement&&(e?this.docService.setLocation({location:e}):this.docService.setLocation({location:this.getLocationOnCurrentTime()}))}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent setLocation: ",t)}}removeLocation(){try{this.loggingService.log("%c[WB] Calling FUNCTION: removeLocation","color: green;"),this.docService.getLocation()&&this.docService.removeLocation({})}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent removeLocation: ",e)}}onCommentAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onCommentAnnotationClick","color: green;"),this.videoRef?.nativeElement?.paused||(this.videoRef?.nativeElement.pause(),this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"pause",{playing:!1})),setTimeout(()=>{this.videoRef.nativeElement.currentTime=e.location?.currentMediaPosition,this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"timeupdate",{currentTime:e.location?.currentMediaPosition}),this.subscriptions.push(te(this.videoRef.nativeElement,"seeked").pipe($(1)).subscribe({next:()=>{let t=Pe(e.location)??this.getLocationOnCurrentTime();this.setLocation(t)},error:t=>{this.loggingService.catch("Error waiting for video to seek in VeltVideoPlayerComponent onCommentAnnotationClick: ",t)}}))},500)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onCommentAnnotationClick: ",t)}}addReaction(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: addReaction","color: green;"),this.videoRef?.nativeElement?.paused||this.videoRef?.nativeElement.pause(),!this.reactionService)return;let t=this.docService.getDocumentPaths(),o=this.reactionService.getReactionAnnotationsByOrganizationIdAndDocumentId({organizationId:t?.organizationId,documentId:t?.documentId??""}),l=ie(this.videoRef?.nativeElement?.currentTime||0),a=o.find(_=>_.location?.videoPlayerId===this.playerId&&ie(_.location?.currentMediaPosition??0)===l),m=this.getLocationOnCurrentTime();this.reactionService.addOrUpdateReaction(e,a?[a.annotationId]:[],m)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent addReaction: ",t)}}onEnableAddCommentMode(){return he(this,null,function*(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onEnableAddCommentMode","color: green;"),this.playerId){this.previousAllowedElementIds=yield this.commentService?.getAllowedElementIds().pipe($(1)).toPromise();let e=[this.playerId];this.commentService?.setAllowedElementIds(e),this.previousPersistentMode=yield this.commentService?.persistentCommentModeChange().pipe($(1)).toPromise(),this.commentService?.enablePersistentCommentMode(),this.previousPersistentModeBanner=yield this.commentService?.persistentModeBannerChange().pipe($(1)).toPromise(),this.commentService?.disablePersistentModeBanner()}this.pauseVideo()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent enableAddCommentMode: ",e)}})}onDisableAddCommentMode(){return he(this,null,function*(){try{this.loggingService.log("%c[WB] Calling FUNCTION: onDisableAddCommentMode","color: green;"),this.previousAllowedElementIds&&(this.commentService?.setAllowedElementIds(this.previousAllowedElementIds),this.previousAllowedElementIds=void 0),this.previousPersistentMode?this.commentService?.enablePersistentCommentMode():this.previousPersistentMode===!1&&this.commentService?.disablePersistentCommentMode(),this.previousPersistentMode=void 0,this.previousPersistentModeBanner?this.commentService?.enablePersistentModeBanner():this.previousPersistentModeBanner===!1&&this.commentService?.disablePersistentModeBanner(),this.previousPersistentModeBanner=void 0}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent disableAddCommentMode: ",e)}})}onReactionAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onReactionAnnotationClick","color: green;"),this.videoRef?.nativeElement?.paused||(this.videoRef?.nativeElement.pause(),this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"pause",{playing:!1}));let t=ie(this.videoRef?.nativeElement?.currentTime||0),o=e.location?.currentMediaPosition;if(t!==o)setTimeout(()=>{this.videoRef.nativeElement.currentTime=o,this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"timeupdate",{currentTime:o});let l=Pe(e.location);l?this.setLocation(l):this.setLocation()},500);else{let l=this.getLocationOnCurrentTime();this.reactionService?.addOrUpdateReaction(e.icon,[e.annotationId],l)}}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onReactionAnnotationClick: ",t)}}showControlPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: showControlPanel","color: green;"),this.controlPanelVisible=!0}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent showControlPanel: ",e)}}hideControlPanel(e=0){try{this.loggingService.log("%c[WB] Calling FUNCTION: hideControlPanel","color: green;"),this.hideControlPanelTimer&&clearTimeout(this.hideControlPanelTimer),this.hideControlPanelTimer=setTimeout(()=>{this.controlPanelVisible=!1},e)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent hideControlPanel: ",t)}}setTimerForHideControlPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: setTimerForHideControlPanel","color: green;"),this.controlPanelVisible||this.showControlPanel(),this.hideControlPanel(this.HIDE_CONTROL_PANEL_DURATION)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent setTimerForHideControlPanel: ",e)}}toggleFullScreen(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleFullScreen","color: green;"),this.fullScreen=!this.fullScreen}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent toggleFullScreen: ",e)}}checkDarkMode(){try{this.loggingService.log("%c[WB] Calling FUNCTION: checkDarkMode","color: green;"),this._darkAttribute===""||this._darkAttribute==="true"?this.darkMode=!0:this.darkMode=!1,this.commentService?.setCommentContainerDarkMode(this.darkMode)}catch(e){this.loggingService.catch("Error in CommentsContainerComponent checkDarkMode: ",e)}}getLocationOnCurrentTime(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getLocationOnCurrentTime","color: green;");let e=ze(this.videoRef?.nativeElement),t={videoPlayerId:this.playerId,currentMediaPosition:ie(this.videoRef?.nativeElement?.currentTime),locationName:e?.timeSlot};return this.version&&(t.version={id:this.version?.id,name:this.version?.name}),t}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent getLocationOnCurrentTime: ",e);return}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;"),this.removeLocation(),this.onDisableAddCommentMode(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent ngOnDestroy: ",e)}}};r.\u0275fac=function(t){return new(t||r)(O(_e),O(Q),O(W),O(nt),O(de))},r.\u0275cmp=I({type:r,selectors:[["app-velt-video-player"]],viewQuery:function(t,o){if(t&1&&(ae(Qt,5),ae(Kt,5),ae(en,5)),t&2){let l;ce(l=se())&&(o.videoRef=l.first),ce(l=se())&&(o.progressBarRef=l.first),ce(l=se())&&(o.ghostProgressBarRef=l.first)}},inputs:{src:"src",sync:"sync",_shadowDom:[0,"shadowDom","_shadowDom"],_version:[0,"version","_version"],isDarkMode:[0,"darkMode","isDarkMode"],commentTool:"commentTool"},standalone:!1,decls:55,vars:31,consts:[["videoRef",""],["progressBarRef",""],["ghostProgressBarRef",""],["playerTimelineRef",""],[1,"s-video-player-container",3,"pointerenter","pointermove","pointerleave","keyup","id"],["tabindex","0","data-velt-video-player","true",3,"click","keydown.space","keyup.space","keyup.arrowright","keyup.arrowleft","src"],["data-velt-comment-disabled","true",1,"s-video-control-panel"],[1,"s-video-control-panel__progress-bar",3,"click","pointermove","pointerout"],[1,"s-video-control-panel__progress-bar__filled"],[1,"s-video-control-panel__progress-bar__filled-ghost"],["class","s-video-control-panel__progress-bar__filled-ghost__tooltip",4,"ngIf"],[1,"s-video-control-panel__progress-bar__pins"],[4,"ngFor","ngForOf","ngForTrackBy"],[1,"s-video-control-panel__comment-player-timeline-container"],[3,"onCommentClick","onReactionClick","annotationsPositionChange","videoPlayerId","totalMediaLength","source","version","shadowDom"],[1,"s-video-control-panel__controls"],[1,"s-video-control-panel__controls_left"],[1,"control-btn-container","play-pause-btn-container"],["class","v-control-btn",3,"click",4,"ngIf"],[1,"s-video-control-panel__controls_center"],[1,"s-video-time-display"],[1,"s-video-time-display__current"],[1,"s-video-time-display__divider"],[1,"s-video-time-display__duration"],[1,"s-video-control-panel__controls_right"],[3,"emojiSelected","darkMode"],["slot","button",1,"v-control-btn"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"v-control-btn-icon"],["d","M13.5825 8.01858C13.653 6.81971 13.3573 5.62775 12.7346 4.60086C12.1119 3.57397 11.1916 2.76069 10.096 2.26894C9.00036 1.77718 7.78109 1.6302 6.59998 1.84749C5.41886 2.06478 4.33173 2.63608 3.48284 3.48557C2.63395 4.33506 2.06343 5.4226 1.84698 6.60387C1.63052 7.78514 1.77837 9.0043 2.2709 10.0996C2.76343 11.1949 3.57737 12.1145 4.6047 12.7365C5.63203 13.3585 6.8242 13.6533 8.02302 13.582M10.3024 12.2766H14.25M12.2762 10.3028V14.2504M5.69693 6.35526H5.70351M9.6445 6.35526H9.65108M6.02589 9.6449C6.45881 10.066 7.05226 10.3028 7.67071 10.3028C8.28917 10.3028 8.88262 10.066 9.31554 9.6449","stroke","currentColor","stroke-width","1.11607","stroke-linecap","round","stroke-linejoin","round"],["d","M10.3856 6.39644C10.3856 6.83826 10.0275 7.19644 9.58564 7.19644C9.14382 7.19644 8.78564 6.83826 8.78564 6.39644C8.78564 5.95461 9.14382 5.59644 9.58564 5.59644C10.0275 5.59644 10.3856 5.95461 10.3856 6.39644Z","fill","currentColor"],["d","M6.39834 6.39644C6.39834 6.83826 6.04017 7.19644 5.59834 7.19644C5.15651 7.19644 4.79834 6.83826 4.79834 6.39644C4.79834 5.95461 5.15651 5.59644 5.59834 5.59644C6.04017 5.59644 6.39834 5.95461 6.39834 6.39644Z","fill","currentColor"],[3,"enableAddCommentMode",4,"ngIf"],[1,"control-btn-container","volume-btn-container"],[1,"volume-slider"],["type","range","min","0","max","1","step","0.01","orient","vertical",3,"change","value"],[1,"control-btn-container","video-speed-btn-container"],[1,"v-control-btn"],["width","16","height","16","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg",1,"v-control-btn-icon"],["d","M9.99924 0C9.25917 0.00028487 8.52139 0.0821119 7.79924 0.244C7.55888 0.29763 7.34677 0.438067 7.20354 0.638401C7.06031 0.838734 6.99604 1.08487 7.02304 1.32966C7.05005 1.57444 7.16643 1.80065 7.34989 1.96495C7.53334 2.12924 7.77097 2.22006 8.01724 2.22C8.09095 2.22003 8.16443 2.21164 8.23624 2.195C9.3336 1.94818 10.4707 1.93553 11.5733 2.15788C12.6758 2.38023 13.7191 2.83258 14.6351 3.48541C15.551 4.13824 16.319 4.97688 16.8889 5.94659C17.4588 6.9163 17.8178 7.99529 17.9425 9.11313C18.0672 10.231 17.9547 11.3625 17.6125 12.434C17.2703 13.5055 16.706 14.4927 15.9564 15.3313C15.2069 16.1699 14.2889 16.8411 13.2624 17.3009C12.2359 17.7607 11.124 17.999 9.99924 18C9.40434 17.9986 8.81141 17.9316 8.23124 17.8C8.10281 17.7716 7.97005 17.7688 7.84053 17.7918C7.71102 17.8147 7.5873 17.863 7.47642 17.9337C7.36555 18.0045 7.2697 18.0964 7.19435 18.2042C7.11899 18.312 7.06561 18.4336 7.03724 18.562C7.00888 18.6904 7.00608 18.8232 7.02903 18.9527C7.05197 19.0822 7.1002 19.2059 7.17096 19.3168C7.24171 19.4277 7.33362 19.5235 7.44142 19.5989C7.54922 19.6742 7.67081 19.7276 7.79924 19.756C9.17115 20.0647 10.5928 20.0807 11.9712 19.8027C13.3497 19.5248 14.6541 18.9593 15.7992 18.143C16.9443 17.3268 17.9043 16.2782 18.6167 15.0658C19.3291 13.8534 19.7777 12.5043 19.9334 11.1067C20.089 9.70916 19.9481 8.29446 19.5199 6.95502C19.0917 5.61557 18.3858 4.38149 17.4484 3.33335C16.5109 2.28521 15.3629 1.44658 14.0793 0.872204C12.7957 0.297828 11.4055 0.000625613 9.99924 0Z","fill","currentColor"],["d","M1.91128 5.92553C2.02147 5.99788 2.14488 6.04773 2.2744 6.07222C2.40393 6.0967 2.53701 6.09534 2.66601 6.0682C2.795 6.04106 2.91736 5.98869 3.02604 5.91409C3.13472 5.8395 3.22758 5.74415 3.29928 5.63353C3.86099 4.76923 4.58503 4.0221 5.43128 3.43353C5.64876 3.28117 5.7968 3.04865 5.84284 2.78713C5.88888 2.52561 5.82915 2.25651 5.67678 2.03903C5.52441 1.82156 5.29189 1.67351 5.03038 1.62747C4.76886 1.58143 4.49976 1.64117 4.28228 1.79353C3.22591 2.52947 2.32168 3.46257 1.61928 4.54153C1.54756 4.65157 1.49821 4.77467 1.47407 4.90378C1.44993 5.0329 1.45146 5.1655 1.47857 5.29402C1.50569 5.42255 1.55786 5.54447 1.6321 5.65282C1.70635 5.76118 1.80121 5.85385 1.91128 5.92553Z","fill","currentColor"],["d","M2.146 11.5359C2.04912 11.0296 2.00023 10.5153 2 9.99989C2.00002 9.48641 2.04891 8.9741 2.146 8.46989C2.17089 8.34093 2.17013 8.20834 2.14377 8.07967C2.11741 7.95101 2.06597 7.82879 1.99238 7.72001C1.91879 7.61122 1.82449 7.518 1.71487 7.44566C1.60525 7.37332 1.48246 7.32328 1.3535 7.29839C1.22454 7.27351 1.09195 7.27426 0.96328 7.30062C0.834615 7.32698 0.712402 7.37842 0.603618 7.45202C0.494834 7.52561 0.40161 7.6199 0.329269 7.72952C0.256928 7.83914 0.206886 7.96193 0.182 8.09089C0.0614418 8.72009 0.000505335 9.35925 2.88948e-07 9.99989C-0.000153976 10.6433 0.061462 11.2853 0.184 11.9169C0.228069 12.1446 0.349922 12.3499 0.5287 12.4977C0.707478 12.6455 0.932061 12.7265 1.164 12.7269C1.22814 12.727 1.29214 12.7206 1.355 12.7079C1.61529 12.6573 1.84483 12.5055 1.99317 12.2857C2.1415 12.0659 2.19647 11.7962 2.146 11.5359Z","fill","currentColor"],["d","M3.30023 14.3698C3.22936 14.2577 3.13693 14.1609 3.02829 14.0849C2.91966 14.0089 2.797 13.9553 2.66745 13.9271C2.5379 13.899 2.40404 13.8968 2.27366 13.9209C2.14329 13.9449 2.019 13.9947 1.90802 14.0672C1.79704 14.1397 1.70159 14.2336 1.62722 14.3434C1.55286 14.4531 1.50105 14.5766 1.47483 14.7065C1.44861 14.8365 1.44849 14.9703 1.47448 15.1003C1.50047 15.2303 1.55206 15.3539 1.62623 15.4638C2.32899 16.5416 3.23279 17.4739 4.28823 18.2098C4.50584 18.3616 4.77485 18.4208 5.03609 18.3743C5.29733 18.3278 5.52939 18.1794 5.68123 17.9618C5.83307 17.7442 5.89224 17.4751 5.84573 17.2139C5.79922 16.9527 5.65084 16.7206 5.43323 16.5688C4.58711 15.9801 3.86281 15.2334 3.30023 14.3698Z","fill","currentColor"],["d","M7.528 14.8821C7.68767 14.9676 7.86754 15.0081 8.04842 14.9993C8.22929 14.9904 8.40439 14.9327 8.555 14.8322L14.555 10.8321C14.692 10.7408 14.8043 10.6171 14.8819 10.472C14.9596 10.3268 15.0002 10.1648 15.0002 10.0001C15.0002 9.83554 14.9596 9.67347 14.8819 9.52833C14.8043 9.38319 14.692 9.25947 14.555 9.16815L8.555 5.16815C8.4044 5.06767 8.22935 5.00996 8.04852 5.00118C7.86769 4.99239 7.68786 5.03287 7.52823 5.11828C7.3686 5.20369 7.23516 5.33083 7.14213 5.48614C7.04909 5.64145 6.99997 5.81911 7 6.00015V14.0001C6.99993 14.1812 7.049 14.3589 7.14199 14.5142C7.23498 14.6695 7.36839 14.7967 7.528 14.8821Z","fill","currentColor"],[1,"video-speed-options"],["class","video-speed-option",3,"selected","click",4,"ngFor","ngForOf"],[1,"control-btn-container"],[1,"s-video-control-panel__progress-bar__filled-ghost__tooltip"],[1,"s-video-control-panel__progress-bar__pin"],[1,"s-video-control-panel__progress-bar__pin","reaction-pin"],[1,"v-control-btn",3,"click"],["d","M4 2.66685V13.3335C3.99997 13.4521 4.03158 13.5686 4.09159 13.6709C4.15159 13.7733 4.23781 13.8577 4.34135 13.9156C4.44489 13.9735 4.562 14.0027 4.68059 14.0002C4.79918 13.9978 4.91497 13.9637 5.016 13.9015L13.6827 8.56819C13.7797 8.50854 13.8599 8.42502 13.9155 8.32558C13.9711 8.22614 14.0003 8.11412 14.0003 8.00019C14.0003 7.88626 13.9711 7.77423 13.9155 7.6748C13.8599 7.57536 13.7797 7.49183 13.6827 7.43219L5.016 2.09885C4.91497 2.0367 4.79918 2.00262 4.68059 2.00015C4.562 1.99767 4.44489 2.02688 4.34135 2.08476C4.23781 2.14265 4.15159 2.22711 4.09159 2.32943C4.03158 2.43175 3.99997 2.54823 4 2.66685Z","fill","currentColor"],["d","M1.3335 2.66665C1.3335 1.93027 1.93045 1.33331 2.66683 1.33331H5.3335C6.06988 1.33331 6.66683 1.93027 6.66683 2.66665V13.3333C6.66683 14.0697 6.06988 14.6666 5.3335 14.6666H2.66683C1.93045 14.6666 1.3335 14.0697 1.3335 13.3333V2.66665Z","fill","currentColor"],["d","M9.33325 2.66665C9.33325 1.93027 9.93021 1.33331 10.6666 1.33331H13.3333C14.0696 1.33331 14.6666 1.93027 14.6666 2.66665V13.3333C14.6666 14.0697 14.0696 14.6666 13.3333 14.6666H10.6666C9.93021 14.6666 9.33325 14.0697 9.33325 13.3333V2.66665Z","fill","currentColor"],[3,"enableAddCommentMode"],["id","path-1-inside-1_21881_357012","fill","currentColor"],["d","M1.86816 8.00004C1.86816 4.61343 4.61355 1.86804 8.00016 1.86804C11.3868 1.86804 14.1322 4.61343 14.1322 8.00004C14.1322 11.3867 11.3868 14.132 8.00016 14.132H2.89016C2.32573 14.132 1.86816 13.6745 1.86816 13.11V8.00004Z"],["d","M1.86816 8.00004C1.86816 4.61343 4.61355 1.86804 8.00016 1.86804C11.3868 1.86804 14.1322 4.61343 14.1322 8.00004C14.1322 11.3867 11.3868 14.132 8.00016 14.132H2.89016C2.32573 14.132 1.86816 13.6745 1.86816 13.11V8.00004Z","stroke","currentColor","stroke-width","2.2995","mask","url(#path-1-inside-1_21881_357012)"],["d","M10 5.33325C10.414 5.64374 10.75 6.04636 10.9814 6.50921C11.2129 6.97206 11.3333 7.48243 11.3333 7.99992C11.3333 8.5174 11.2129 9.02778 10.9814 9.49063C10.75 9.95348 10.414 10.3561 10 10.6666M11.8 3.33325C12.4959 3.89569 13.0573 4.60667 13.4429 5.41413C13.8286 6.2216 14.0287 7.10509 14.0287 7.99992C14.0287 8.89474 13.8286 9.77824 13.4429 10.5857C13.0573 11.3932 12.4959 12.1042 11.8 12.6666M4 9.9999H2.66667C2.48986 9.9999 2.32029 9.92966 2.19526 9.80464C2.07024 9.67961 2 9.51004 2 9.33323V6.66657C2 6.48976 2.07024 6.32019 2.19526 6.19516C2.32029 6.07014 2.48986 5.9999 2.66667 5.9999H4L6.33333 2.9999C6.3916 2.88672 6.48843 2.79812 6.60633 2.7501C6.72422 2.70207 6.8554 2.69781 6.97617 2.73806C7.09693 2.77832 7.19932 2.86044 7.26482 2.96959C7.33032 3.07875 7.35463 3.20773 7.33333 3.33323V12.6666C7.35463 12.7921 7.33032 12.9211 7.26482 13.0302C7.19932 13.1394 7.09693 13.2215 6.97617 13.2617C6.8554 13.302 6.72422 13.2977 6.60633 13.2497C6.48843 13.2017 6.3916 13.1131 6.33333 12.9999L4 9.9999Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["d","M4 9.9999H2.66667C2.48986 9.9999 2.32029 9.92966 2.19526 9.80464C2.07024 9.67961 2 9.51004 2 9.33323V6.66657C2 6.48976 2.07024 6.32019 2.19526 6.19516C2.32029 6.07014 2.48986 5.9999 2.66667 5.9999H4L6.33333 2.9999C6.3916 2.88672 6.48843 2.79812 6.60633 2.7501C6.72422 2.70207 6.8554 2.69781 6.97617 2.73806C7.09693 2.77832 7.19932 2.86044 7.26482 2.96959C7.33033 3.07875 7.35463 3.20773 7.33333 3.33323V12.6666C7.35463 12.7921 7.33033 12.9211 7.26482 13.0302C7.19932 13.1394 7.09693 13.2215 6.97617 13.2617C6.8554 13.302 6.72422 13.2977 6.60633 13.2497C6.48843 13.2017 6.3916 13.1131 6.33333 12.9999L4 9.9999Z","fill","currentColor"],["d","M10.9412 6.2707L14 9.14959M14 6.2707L10.9412 9.14959M3.29412 9.86932H1.76471C1.56189 9.86932 1.36739 9.79349 1.22398 9.65851C1.08057 9.52354 1 9.34048 1 9.14959V6.2707C1 6.07982 1.08057 5.89675 1.22398 5.76178C1.36739 5.62681 1.56189 5.55098 1.76471 5.55098H3.29412L5.97059 2.31222C6.03743 2.19004 6.1485 2.09438 6.28373 2.04254C6.41896 1.9907 6.56943 1.98609 6.70796 2.02955C6.84648 2.07301 6.96392 2.16167 7.03906 2.27951C7.1142 2.39734 7.14207 2.53659 7.11765 2.67209V12.7482C7.14207 12.8837 7.1142 13.023 7.03906 13.1408C6.96392 13.2586 6.84648 13.3473 6.70796 13.3907C6.56943 13.4342 6.41896 13.4296 6.28373 13.3778C6.1485 13.3259 6.03743 13.2303 5.97059 13.1081L3.29412 9.86932Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[1,"video-speed-option",3,"click"],["width","16","height","16","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg",1,"v-control-btn-icon"],["d","M3 9C3.55228 9 4 8.55228 4 8V5C4 4.44772 4.44772 4 5 4H8C8.55228 4 9 3.55228 9 3C9 2.44772 8.55228 2 8 2H5C3.34315 2 2 3.34315 2 5V8C2 8.55228 2.44772 9 3 9Z","fill","currentColor"],["d","M4 16C4 15.4477 3.55228 15 3 15C2.44772 15 2 15.4477 2 16V19C2 20.6569 3.34315 22 5 22H8C8.55228 22 9 21.5523 9 21C9 20.4477 8.55228 20 8 20H5C4.44772 20 4 19.5523 4 19V16Z","fill","currentColor"],["d","M20 16C20 15.4477 20.4477 15 21 15C21.5523 15 22 15.4477 22 16V19C22 20.6569 20.6569 22 19 22H16C15.4477 22 15 21.5523 15 21C15 20.4477 15.4477 20 16 20H19C19.5523 20 20 19.5523 20 19V16Z","fill","currentColor"],["d","M20 8C20 8.55228 20.4477 9 21 9C21.5523 9 22 8.55228 22 8V5C22 3.34315 20.6569 2 19 2H16C15.4477 2 15 2.44772 15 3C15 3.55228 15.4477 4 16 4H19C19.5523 4 20 4.44772 20 5V8Z","fill","currentColor"],["d","M8 2C7.44772 2 7 2.44772 7 3L7 6C7 6.55228 6.55228 7 6 7L3 7C2.44772 7 2 7.44771 2 8C2 8.55228 2.44772 9 3 9L6 9C7.65685 9 9 7.65685 9 6L9 3C9 2.44772 8.55229 2 8 2Z","fill","currentColor"],["d","M7 21C7 21.5523 7.44772 22 8 22C8.55229 22 9 21.5523 9 21L9 18C9 16.3431 7.65685 15 6 15L3 15C2.44772 15 2 15.4477 2 16C2 16.5523 2.44772 17 3 17L6 17C6.55228 17 7 17.4477 7 18L7 21Z","fill","currentColor"],["d","M17 21C17 21.5523 16.5523 22 16 22C15.4477 22 15 21.5523 15 21L15 18C15 16.3431 16.3431 15 18 15H21C21.5523 15 22 15.4477 22 16C22 16.5523 21.5523 17 21 17H18C17.4477 17 17 17.4477 17 18L17 21Z","fill","currentColor"],["d","M17 3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V6C15 7.65685 16.3431 9 18 9H21C21.5523 9 22 8.55228 22 8C22 7.44772 21.5523 7 21 7H18C17.4477 7 17 6.55228 17 6V3Z","fill","currentColor"]],template:function(t,o){if(t&1){let l=y();c(0,"div",4),h("pointerenter",function(){return C(l),v(o.showControlPanel())})("pointermove",function(){return C(l),v(o.setTimerForHideControlPanel())})("pointerleave",function(){return C(l),v(o.hideControlPanel(o.HIDE_CONTROL_PANEL_DURATION))})("keyup",function(){return C(l),v(o.setTimerForHideControlPanel())}),c(1,"video",5,0),h("click",function(){C(l);let m=P(2);return v(m!=null&&m.paused?o.playVideo():o.pauseVideo())})("keydown.space",function(m){return C(l),m.stopPropagation(),v(m.preventDefault())})("keyup.space",function(){return C(l),v(o.toggleVideo())})("keyup.arrowright",function(){return C(l),v(o.moveForwardVideo())})("keyup.arrowleft",function(){return C(l),v(o.moveBackwardVideo())}),d(),c(3,"div",6)(4,"div",7,1),h("click",function(m){return C(l),v(o.onProgressBarClick(m))})("pointermove",function(m){return C(l),v(o.onProgressBarPointerOver(m))})("pointerout",function(m){return C(l),v(o.onProgressBarPointerOut(m))}),f(6,"div",8),c(7,"div",9,2),u(9,tn,2,1,"div",10),d(),c(10,"div",11),u(11,nn,2,4,"ng-container",12)(12,on,2,2,"ng-container",12),d(),c(13,"div",13)(14,"velt-comment-player-timeline-internal",14,3),h("onCommentClick",function(m){return C(l),v(o.onCommentAnnotationClick(m))})("onReactionClick",function(m){return C(l),v(o.onReactionAnnotationClick(m==null?null:m.annotation))})("annotationsPositionChange",function(){return C(l),v(o.cd.markForCheck())}),d()()(),c(16,"div",15)(17,"div",16)(18,"div",17),u(19,rn,3,0,"button",18)(20,ln,4,0,"button",18),d()(),c(21,"div",19)(22,"div",20)(23,"div",21),T(24),d(),c(25,"div",22),T(26,"/"),d(),c(27,"div",23),T(28),d()()(),c(29,"div",24)(30,"velt-reaction-tool",25),h("emojiSelected",function(m){return C(l),v(o.addReaction((m==null?null:m.detail)??m))}),c(31,"button",26),V(),c(32,"svg",27),f(33,"path",28)(34,"path",29)(35,"path",30),d()()(),u(36,an,6,2,"velt-comment-tool",31),fe(),c(37,"div",32),u(38,cn,4,0,"button",18)(39,sn,3,0,"button",18),c(40,"div",33)(41,"input",34),h("change",function(m){return C(l),v(o.changeVolumeVideo(m))}),d()()(),c(42,"div",35)(43,"button",36),V(),c(44,"svg",37),f(45,"path",38)(46,"path",39)(47,"path",40)(48,"path",41)(49,"path",42),d()(),fe(),c(50,"div",43),u(51,mn,2,5,"div",44),d()(),c(52,"div",45),u(53,pn,6,0,"button",18)(54,dn,6,0,"button",18),d()()()()()}if(t&2){let l=P(2),a=P(15);ne("full-screen",o.fullScreen),p("id",o.playerId),s(),p("src",o.src,Fe),w("data-sync-video-player",o.sync?!0:void 0),s(2),ne("hidden",!o.controlPanelVisible||o.addCommentMode),s(3),F("width",o.currentTime*100/(o.duration||1),"%"),s(3),p("ngIf",o.hoveredTimeFormatted),s(2),p("ngForOf",a==null?null:a.commentAnnotationsWithPosition)("ngForTrackBy",o.trackByFn),s(),p("ngForOf",a==null?null:a.reactionAnnotationsWithPosition)("ngForTrackBy",o.trackByFn),s(2),p("videoPlayerId",o.playerId)("totalMediaLength",o.duration)("source","video")("version",o.version)("shadowDom",o.shadowDom),s(5),p("ngIf",l==null?null:l.paused),s(),p("ngIf",!(l!=null&&l.paused)),s(4),z(o.currentTimeFormatted),s(4),z(o.durationFormatted),s(2),p("darkMode",o.darkMode),s(6),p("ngIf",o.showCommentTool),s(2),p("ngIf",!(l!=null&&l.muted)),s(),p("ngIf",l==null?null:l.muted),s(2),p("value",l!=null&&l.muted?0:l==null?null:l.volume),s(10),p("ngForOf",o.VIDEO_SPEED_OPTIONS),s(2),p("ngIf",!o.fullScreen),s(),p("ngIf",o.fullScreen)}},dependencies:[D,B,re],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.s-video-player-container[_ngcontent-%COMP%]{height:100%;width:100%;position:relative;display:flex;overflow:hidden;border-radius:calc((.5rem + 0px) * var(--velt-base-rem-unit));background-color:#000;flex-direction:column}.s-video-player-container[_ngcontent-%COMP%]   video[_ngcontent-%COMP%]{height:calc(100% - 100px);width:100%}.s-video-player-container[_ngcontent-%COMP%]:hover   .s-video-control-panel[_ngcontent-%COMP%]{opacity:1}.s-video-player-container.full-screen[_ngcontent-%COMP%]{position:fixed;inset:0;background:#000;z-index:10000000;border-radius:0}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]{width:100%;height:100px;align-items:center;justify-content:flex-end;display:flex;flex-direction:column;transition:opacity .3s ease-in-out}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel.hidden[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]{height:0px;opacity:0;padding:0;transform:translateY(calc((3.5rem + 0px) * var(--velt-base-rem-unit)))}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel.hidden[_ngcontent-%COMP%]   velt-comment-player-timeline-internal[_ngcontent-%COMP%]{opacity:.3}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc((3.5rem + 0px) * var(--velt-base-rem-unit));color:#fff;transition:all .5s ease-in-out;padding:calc((.5rem + 0px) * var(--velt-base-rem-unit))}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_left[_ngcontent-%COMP%], .s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:calc((1rem + 0px) * var(--velt-base-rem-unit))}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]{color:#fff;font-size:15px;font-style:normal;font-weight:500;line-height:140%;display:flex;gap:8px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]   .s-video-time-display__current[_ngcontent-%COMP%]{min-width:44px;color:#fff;text-align:right}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]   .s-video-time-display__divider[_ngcontent-%COMP%], .s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]   .s-video-time-display__duration[_ngcontent-%COMP%]{opacity:.5}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_right[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   velt-comment-tool[_ngcontent-%COMP%]{display:flex}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-control-btn[_ngcontent-%COMP%]{cursor:pointer}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]{position:relative}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]:hover   .volume-slider[_ngcontent-%COMP%]{display:block}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]   .volume-slider[_ngcontent-%COMP%]{position:absolute;bottom:90%;left:50%;transform:translate(-50%);display:none}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]   .volume-slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]{width:calc((4rem + 0px) * var(--velt-base-rem-unit));background:#ccc;outline:none;cursor:pointer;border-radius:5px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]{position:relative}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]:hover   .video-speed-options[_ngcontent-%COMP%]{display:flex}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]{position:absolute;bottom:90%;background:var(--legacy-velt-bg-dark-color);padding:1rem;left:50%;transform:translate(-50%);border-radius:16px;display:flex;flex-direction:column;font-size:12px;display:none}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]   .video-speed-option[_ngcontent-%COMP%]{cursor:pointer;padding:.5rem;border-radius:8px;transition:.3s ease-in-out}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]   .video-speed-option[_ngcontent-%COMP%]:hover, .s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]   .video-speed-option.selected[_ngcontent-%COMP%]{color:var(--primary-6, #625DF5)}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel_progress-bar[_ngcontent-%COMP%]{width:100%;height:4px;background-color:#ffffff80;position:relative;margin:0 10px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel_progress-bar[_ngcontent-%COMP%]   .s-video-control-panel_progress-bar__current[_ngcontent-%COMP%]{position:absolute;top:0;left:0;height:100%;background-color:#fff}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]{width:100%;position:relative;margin-top:calc((1rem + 0px) * var(--velt-base-rem-unit));background:#ffffff54;cursor:pointer;--v-video-progress-bar-height: 4px;transition:height .2s ease-in-out}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar__pin[_ngcontent-%COMP%]{position:absolute;top:0;height:100%;width:1px;background-color:#00f}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar__pin.reaction-pin[_ngcontent-%COMP%]{background:#f1f1f1}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]:hover{--v-video-progress-bar-height: 8px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__comment-player-timeline-container[_ngcontent-%COMP%]{position:absolute;width:100%;bottom:100%;left:2px}.s-video-control-panel__progress-bar__filled[_ngcontent-%COMP%]{height:var(--v-video-progress-bar-height, 4px);left:0;top:0;background:var(--primary-6, #625DF5);-webkit-user-select:none;user-select:none;pointer-events:none;transition:height .2s ease-in-out}.s-video-control-panel__progress-bar__filled-ghost[_ngcontent-%COMP%]{height:var(--v-video-progress-bar-height, 4px);left:0;top:0;background:var(--primary-6, rgba(98, 93, 245, .5333333333));-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;z-index:1;transition:height .2s ease-in-out}.s-video-control-panel__progress-bar__filled-ghost[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar__filled-ghost__tooltip[_ngcontent-%COMP%]{position:absolute;top:-28px;background:var(--legacy-velt-bg-dark-color);font-size:10px;right:0;transform:translate(50%);border-radius:4px;padding:2px 6px;color:var(--legacy-velt-primary-dark-color)}.comment-tool-icon[_ngcontent-%COMP%], .reaction-tool-icon[_ngcontent-%COMP%]{color:var(--legacy-velt-comment-tool-icon-color)!important;cursor:pointer;transition:.5s ease-in-out}app-reaction-tool.reaction-tool-active[_ngcontent-%COMP%]   .reaction-tool-icon[_ngcontent-%COMP%]{fill:#fff!important;background:#625df5!important}velt-comment-tool[_ngcontent-%COMP%]{--legacy-velt-tool-icon-color: white !important}.s-video-control-comment-tool-container[_ngcontent-%COMP%]{position:absolute!important;bottom:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;right:calc((1rem + 0px) * var(--velt-base-rem-unit))!important}.v-control-btn[_ngcontent-%COMP%]{cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;outline:0;width:40px;height:40px;border-radius:50%}.v-control-btn[_ngcontent-%COMP%]:hover, .v-control-btn[_ngcontent-%COMP%]:active, .v-control-btn.active[_ngcontent-%COMP%]{background-color:#625df5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}app-reaction-tool.reaction-tool-active[_ngcontent-%COMP%]   .v-control-btn[_ngcontent-%COMP%]{background-color:#625df5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}"],changeDetection:0});let i=r;return i})();var lt=(()=>{let r=class r{};r.\u0275fac=function(t){return new(t||r)},r.\u0275mod=De({type:r}),r.\u0275inj=ke({imports:[Le,je,We,Ke]});let i=r;return i})();function gn(i){i.get(W).log("%c[WB] Loading video-player feature chunk","color: blue;");let e=Ne(lt,i).injector;at(e,x.TAGS.VELT_VIDEO_PLAYER,Se),at(e,x.TAGS.VELT_VIDEO_COMMENTS_TIMELINE,re)}function at(i,r,n){if(customElements.get(r))return;let e=Ue(n,{injector:i});customElements.define(r,e)}export{gn as default};
+import{j as Qe,t as et}from"./chunk-WANCOUQO.js";import"./chunk-XMYVEF74.js";import{l as He}from"./chunk-7W553TUZ.js";import{a as Ke}from"./chunk-7ZOGXD6Z.js";import"./chunk-2HGBJS2C.js";import"./chunk-447SWJD2.js";import"./chunk-ZVY2YW2G.js";import{b as ue,c as Ce,d as K}from"./chunk-UJMFCXYS.js";import{a as Ue}from"./chunk-J6J7I3SW.js";import{I as We}from"./chunk-AOHSD4YE.js";import{$ as Ee,Ca as Fe,Ci as qe,Db as ae,E as k,Eb as ce,Ef as ze,Fa as m,Fb as se,Fc as D,Ff as Ye,Ga as A,Gc as B,Hi as Q,Ib as P,J as $,Jb as F,Kb as ne,Lc as J,Nb as T,Ob as H,Pa as b,Pb as N,Pc as Le,Pf as ye,Qb as Be,Qi as Je,Sg as Y,T as E,Ta as Ne,Te as x,Tg as ie,Ua as I,Ug as Pe,Va as De,Vg as Ze,Wd as je,Yd as $e,Zh as L,_a as _,a as j,aa as ke,b as Ve,bc as q,ca as G,da as Ae,db as w,fi as ge,g as he,ha as C,ia as v,ja as V,ka as fe,kc as me,lb as p,lc as pe,mb as c,md as z,na as Ie,nb as d,ni as _e,ob as f,p as le,pc as O,pi as W,r as xe,sb as M,sh as Te,tb as S,ua as we,ub as R,ui as Xe,v as X,vb as y,vi as Ge,wa as Re,xb as h,xc as de,z as te,zb as g}from"./chunk-JWLHBAMV.js";var it=(()=>{let r=class r{constructor(e,t,o,l,a){this.authService=e,this.databaseService=t,this.docService=o,this.loggingService=l,this.commonDbService=a,this.db=null,this.user=null,this.playersMap=new Map,this.eventsCountPerSecond=0,this.hold=!1,this.counter=0,this.loggingService.log("%c[WB] Creating CLASS: SyncVideoPlayerService","color: blue;");try{this.databaseService.getDb().pipe(k(s=>!!s),$(1)).subscribe(s=>{s&&(this.db=s,this.getUser())},s=>{this.loggingService.catch("Error in CommentService getDb subscription: ",s)}),setTimeout(()=>{this.eventsCountPerSecond=0},1e3)}catch(s){this.loggingService.catch("Error in SyncVideoPlayerService constructor: ",s)}}getUser(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getUser","color: green;"),this.authService.getUser$().pipe(k(e=>!!e)).subscribe(e=>{this.user=e,this.getDocumentPaths()})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService getUser: ",e)}}getDocumentPaths(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getDocumentPaths","color: green;"),this.docService.getDocumentPaths$().subscribe(e=>{this.documentPaths=e,this.documentPaths&&(this.subscribeToVideoPlayers(),this.getAllVideoTags())})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService getDocumentPaths: ",e)}}subscribeToVideoPlayers(){try{this.loggingService.log("%c[WB] Calling FUNCTION: subscribeToVideoPlayers","color: green;"),this.documentPaths?.syncVideoPlayer&&this.commonDbService.dbListener({feature:"syncVideoPlayer",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,skipFirestore:!0}}).pipe(X(e=>e?.data)).subscribe(e=>{Object.keys(e||{}).forEach(o=>{let l=e[o]||{},a=this.playersMap.get(o)?.playerElement;a||(a=this.getVideoTagByPlayerId(o)),a&&(this.playersMap.set(o,{playerElement:a,player:l}),this.updateLocalPlayerState(o,l))})})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService subscribeToVideoPlayers: ",e)}}getAllVideoTags(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getAllVideoTags","color: green;"),Array.from(document.querySelectorAll(`video[${x.ATTRIBUTES.SYNC_VIDEO_PLAYER}]`)).forEach(t=>{let o=this.getPlayerId(t),l=new ze;l.playerId=o,l.src=t.src;let a=Array.from(t.querySelectorAll("source"));l.sources=a.map(s=>s?.src)?.filter(s=>!!s)||[],this.playersMap.set(o,{playerElement:t,player:l}),this.subscribeToPlayerEvents(o,t)})}catch(e){this.loggingService.catch("Error in SyncVideoPlayerService getAllVideoTags: ",e)}}subscribeToPlayerEvents(e,t){try{this.loggingService.log("%c[WB] Calling FUNCTION: subscribeToPlayerEvents","color: green;"),t.addEventListener("play",()=>{this.hold||this.updateVideoPlayerState(e,"play",{playing:!0,currentTime:t.currentTime})}),t.addEventListener("pause",()=>{this.hold||t.readyState===4&&this.updateVideoPlayerState(e,"pause",{playing:!1,currentTime:t.currentTime})}),t.addEventListener("ratechange",()=>{this.updateVideoPlayerState(e,"ratechange",{speed:t.playbackRate})}),t.addEventListener("seeked",()=>{if(t.currentTime<t.duration){let o=this.playersMap.get(e)?.player?.playerState||{};"currentTime"in o&&typeof o.currentTime=="number"&&Math.abs(t.currentTime-o.currentTime)>1&&this.updateVideoPlayerState(e,"seeked",{currentTime:t.currentTime})}}),t.addEventListener("timeupdate",()=>{if(!this.hold&&t.currentTime<t.duration){let o=this.playersMap.get(e)?.player?.playerState||{};Math.abs(t.currentTime-(o?.currentTime||0))>1&&this.updateVideoPlayerState(e,"timeupdate",{currentTime:t.currentTime})}}),t.addEventListener("volumechange",()=>{this.hold||this.updateVideoPlayerState(e,"volumechange",{volume:t.volume,muted:t.muted,currentTime:t.currentTime})})}catch(o){this.loggingService.catch("Error in SyncVideoPlayerService subscribeToPlayerEvents: ",o)}}updateVideoPlayerState(e,t,o){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: updateVideoPlayerState","color: green;"),this.eventsCountPerSecond++,this.eventsCountPerSecond>=500&&(this.hold=!0),this.hold){this.loggingService.catch("Too many events in 5 seconds. Holding events.");return}if(e&&this.user&&this.documentPaths?.syncVideoPlayer){let l=je(this.db,`${this.documentPaths?.syncVideoPlayer}/${e}`),a={lastUpdated:this.timestamp,lastUpdatedBy:this.user,lastUpdatedEvent:t,playerState:j(j({},new Ye),o)};$e(l,s=>{if(s)return a.playerId=s.playerId,a.src=s.src,a.sources=s.sources,a.playerState=j(j({},s.playerState),o),JSON.parse(JSON.stringify(a));a.playerId=e;let u=this.playersMap.get(e);if(u){a.src=u?.playerElement?.src;let Z=Array.from(u?.playerElement?.querySelectorAll("source"));a.sources=Z.map(U=>U?.src)?.filter(U=>!!U)||[]}return(o?.volume===void 0||o?.volume===null)&&(o.volume=100),JSON.parse(JSON.stringify(a))})}}catch(l){this.loggingService.catch("Error in SyncVideoPlayerService updateVideoPlayerState: ",l)}}updateLocalPlayerState(e,t){try{this.loggingService.log("%c[WB] Calling FUNCTION: updateLocalPlayerState","color: green;");let o=this.playersMap.get(e),l=o?.player?.playerState,a=o?.playerElement;if(!a)return;let s=l?.playing;s!==!a.paused&&(s?a.play():a.pause());let u=l?.currentTime||0;Math.abs(u-a.currentTime)>1&&(a.currentTime=u);let U=!!l?.muted;if(U!==a.muted&&(a.muted=U),!U){let ve=l?.volume||0;ve>=0&&ve!==a.volume&&(a.volume=ve)}let ee=l?.speed;ee==null&&(ee=1),ee!==a.playbackRate&&(a.playbackRate=ee)}catch{}}getPlayerId(e){try{let t="",o=e?.getAttribute("src");if(o)t=`${ye(o)}`;else{let l=e?.querySelectorAll("source");if(l&&l.length>0){let s=l[0]?.getAttribute("src");s&&(t=`${ye(s)}`)}}return t}catch(t){return this.loggingService.catch("Error in SyncVideoPlayerService getSyncVideoPlayId: ",t),""}}getVideoTagByPlayerId(e){try{return Array.from(document.querySelectorAll(`video[${x.ATTRIBUTES.SYNC_VIDEO_PLAYER}]`)).find(l=>this.getPlayerId(l)===e)||void 0}catch(t){this.loggingService.catch("Error in SyncVideoPlayerService getVideoTagByPlayerId: ",t);return}}get timestamp(){return this.commonDbService.getServerTimestamp()}};r.\u0275fac=function(t){return new(t||r)(G(Ge),G(qe),G(Q),G(W),G(Je))},r.\u0275prov=Ee({token:r,factory:r.\u0275fac,providedIn:"root"});let i=r;return i})();var rt=i=>({$implicit:i});function mt(i,r){i&1&&R(0)}function pt(i,r){i&1&&R(0)}function dt(i,r){if(i&1){let n=y();c(0,"div",3),h("click",function(){let t=C(n).$implicit,o=g(2);return v(o.onCommentClick(t==null?null:t.commentAnnotation))}),_(1,pt,1,0,"ng-container",4),d()}if(i&2){let n=r.$implicit;g(2);let e=P(6);m(),p("ngTemplateOutlet",e)("ngTemplateOutletContext",q(2,rt,n==null?null:n.commentAnnotation))}}function gt(i,r){if(i&1&&(M(0),_(1,dt,2,4,"div",6),S()),i&2){let n=g();m(),p("ngForOf",n.data==null?null:n.data.overlappingCommentAnnotations)}}function _t(i,r){i&1&&f(0,"div",10)}function ut(i,r){if(i&1&&(c(0,"div")(1,"div",11),T(2),d(),c(3,"div",12),T(4),d()()),i&2){let n=g().$implicit,e=g();m(2),Be(" ",e.formattedTimeMap[n==null||n.location==null?null:n.location.currentMediaPosition]," / ",e.formattedDuration),m(2),N(" ",(n==null||n.comments[0]==null||n.comments[0].commentText==null?null:n.comments[0].commentText.length)>100?(n==null||n.comments[0]==null||n.comments[0].commentText==null?null:n.comments[0].commentText.slice(0,100))+"...":n==null||n.comments[0]==null?null:n.comments[0].commentText," ")}}function Ct(i,r){if(i&1&&(c(0,"div",7),f(1,"snippyly-user-avatar",8),_(2,_t,1,0,"div",9),d(),_(3,ut,5,3,"div",5)),i&2){let n=r.$implicit,e=g();m(),p("user",n==null?null:n.from)("size",24),m(),p("ngIf",e.unreadCommentsMap==null?null:e.unreadCommentsMap[n==null?null:n.annotationId]),m(),p("ngIf",n==null||n.comments==null?null:n.comments.length)}}var be=(()=>{let r=class r{constructor(){this.commentClick=new A,this.veltElement=!0}ngOnInit(){}onCommentClick(e){this.commentClick.emit(e)}};r.\u0275fac=function(t){return new(t||r)},r.\u0275cmp=I({type:r,selectors:[["app-player-timeline-comment-tooltip"]],hostVars:1,hostBindings:function(t,o){t&2&&w("data-velt-element",o.veltElement)},inputs:{data:"data",formattedTimeMap:"formattedTimeMap",formattedDuration:"formattedDuration",unreadCommentsMap:"unreadCommentsMap"},outputs:{commentClick:"commentClick"},standalone:!1,decls:7,vars:5,consts:[["commentTemplate",""],[1,"comment-tooltip-container"],[1,"comment-tooltip"],[1,"comment-tooltip__item",3,"click"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf"],["class","comment-tooltip__item",3,"click",4,"ngFor","ngForOf"],[1,"comment-tooltip__item__user-avatar"],[3,"user","size"],["class","comment-tooltip__item__unread",4,"ngIf"],[1,"comment-tooltip__item__unread"],[1,"duration-text"],[1,"comment-text"]],template:function(t,o){if(t&1){let l=y();c(0,"div",1)(1,"div",2)(2,"div",3),h("click",function(){return C(l),v(o.onCommentClick(o.data==null?null:o.data.commentAnnotation))}),_(3,mt,1,0,"ng-container",4),d(),_(4,gt,2,1,"ng-container",5),d()(),_(5,Ct,4,4,"ng-template",null,0,O)}if(t&2){let l=P(6);m(3),p("ngTemplateOutlet",l)("ngTemplateOutletContext",q(3,rt,o.data==null?null:o.data.commentAnnotation)),m(),p("ngIf",o.data==null||o.data.overlappingCommentAnnotations==null?null:o.data.overlappingCommentAnnotations.length)}},dependencies:[D,B,J,K],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.comment-tooltip-container[_ngcontent-%COMP%]{padding-bottom:calc((.5rem + 0px) * var(--velt-base-rem-unit));transition:all .3s ease-in-out}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip[_ngcontent-%COMP%]{display:flex;justify-content:center;flex-direction:column;border-radius:calc((1rem + 0px) * var(--velt-base-rem-unit));background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]{display:flex;align-items:center;gap:calc((.75rem + 0px) * var(--velt-base-rem-unit));color:#fff;max-width:350px;padding:calc((.5rem + 0px) * var(--velt-base-rem-unit)) calc((1.5rem + 0px) * var(--velt-base-rem-unit));cursor:pointer}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]   .duration-text[_ngcontent-%COMP%]{color:#fff9;font-size:10px;font-style:normal;font-weight:400;line-height:20px}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]   .comment-text[_ngcontent-%COMP%]{color:var(--neutrals-13, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:20px}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]   snippyly-user-avatar[_ngcontent-%COMP%]{--legacy-velt-user-avatar-size: 24px;display:flex;border-radius:31.2px;border:1px solid #FFF;background:var(--primary-2, #A259FE)}.comment-tooltip-container[_ngcontent-%COMP%]   .comment-tooltip__item[_ngcontent-%COMP%]:hover{background:#0003}.comment-tooltip__item__user-avatar[_ngcontent-%COMP%]{position:relative}.comment-tooltip__item__user-avatar[_ngcontent-%COMP%]   .comment-tooltip__item__unread[_ngcontent-%COMP%]{position:absolute;top:-1px;right:-1px;width:7px;height:7px;background:#ff7162;border-radius:50%;border:1px solid #0F0F0F}"],changeDetection:0});let i=r;return i})();var lt=i=>({$implicit:i});function yt(i,r){i&1&&R(0)}function Pt(i,r){i&1&&R(0)}function Tt(i,r){if(i&1&&(c(0,"div",6),_(1,Pt,1,0,"ng-container",7),d()),i&2){let n=r.$implicit;g(2);let e=P(3);m(),p("ngTemplateOutlet",e)("ngTemplateOutletContext",q(2,lt,n==null?null:n.reactionAnnotation))}}function Ot(i,r){if(i&1&&(c(0,"div",5)(1,"div",6),_(2,yt,1,0,"ng-container",7),d(),_(3,Tt,2,4,"div",8),d()),i&2){let n=g(),e=P(3);m(2),p("ngTemplateOutlet",e)("ngTemplateOutletContext",q(3,lt,n.data==null?null:n.data.reactionAnnotation)),m(),p("ngForOf",n.data==null?null:n.data.overlappingReactionAnnotations)}}function bt(i,r){i&1&&(c(0,"span"),T(1,"(You)"),d())}function Mt(i,r){if(i&1&&(M(0),c(1,"span"),T(2),me(3,"translate"),d(),_(4,bt,2,0,"span",15),S()),i&2){let n=g().$implicit,e=g().user;m(2),H(pe(3,2,(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))),m(2),p("ngIf",(n==null||n.from==null?null:n.from.userSnippylyId)===(e==null?null:e.userSnippylyId))}}function St(i,r){i&1&&f(0,"velt-skeleton-loader-internal",16)}function Vt(i,r){if(i&1&&(c(0,"div",12),f(1,"snippyly-user-avatar",13),_(2,Mt,5,4,"ng-container",14)(3,St,1,0,"ng-template",null,2,O),d()),i&2){let n=r.$implicit,e=P(4);m(),p("size",24)("user",n==null?null:n.from),m(),p("ngIf",(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))("ngIfElse",e)}}function xt(i,r){if(i&1&&(c(0,"div",10),_(1,Vt,5,4,"div",11),d()),i&2){let n=r.reactionAnnotation;m(),p("ngForOf",n==null?null:n.reactions)}}function Et(i,r){if(i&1){let n=y();c(0,"velt-reaction-pin",9),h("click",function(){let t=C(n).$implicit,o=g();return v(o.onReactionClick(t))}),_(1,xt,2,1,"ng-template",null,1,O),d()}if(i&2){let n=r.$implicit,e=P(2);p("type","timeline")("width",50)("height",50)("tooltipTemplate",e)("annotationId",n==null?null:n.annotationId)}}var Me=(()=>{let r=class r{constructor(){this.reactionClick=new A,this.veltElement=!0}ngOnInit(){}onReactionClick(e){this.reactionClick.emit(e)}};r.\u0275fac=function(t){return new(t||r)},r.\u0275cmp=I({type:r,selectors:[["app-player-timeline-reaction-tooltip"]],hostVars:1,hostBindings:function(t,o){t&2&&w("data-velt-element",o.veltElement)},inputs:{data:"data"},outputs:{reactionClick:"reactionClick"},standalone:!1,decls:4,vars:1,consts:[["reactionPinTemplate",""],["tooltipTemplate",""],["loadingTemplateRef",""],[1,"reaction-tooltip-container"],["class","reaction-tooltip",4,"ngIf"],[1,"reaction-tooltip"],[1,"reaction-tooltip__item"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["class","reaction-tooltip__item",4,"ngFor","ngForOf"],[3,"click","type","width","height","tooltipTemplate","annotationId"],[1,"v-tooltip-container"],["class","v-tooltip-reaction-user",4,"ngFor","ngForOf"],[1,"v-tooltip-reaction-user"],[1,"s-tooltip-user-avatar",3,"size","user"],[4,"ngIf","ngIfElse"],[4,"ngIf"],["height","20px","width","64px","borderRadius","20px"]],template:function(t,o){t&1&&(c(0,"div",3),_(1,Ot,4,5,"div",4),d(),_(2,Et,3,5,"ng-template",null,0,O)),t&2&&(m(),p("ngIf",o.data==null||o.data.overlappingReactionAnnotations==null?null:o.data.overlappingReactionAnnotations.length))},dependencies:[D,B,J,K,Ce,ue],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.reaction-tooltip-container[_ngcontent-%COMP%]{padding-bottom:calc((.5rem + 0px) * var(--velt-base-rem-unit));transition:all .3s ease-in-out}.reaction-tooltip[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));background:#000;border:1px solid grey;border-radius:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding:calc((.5rem + 0px) * var(--velt-base-rem-unit));border-radius:18px;background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.reaction-tooltip[_ngcontent-%COMP%]   .reaction-tooltip__item[_ngcontent-%COMP%]{cursor:pointer}[_nghost-%COMP%]     .s-emoji-block_timeline .s-emoji-block__item__emoji svg, [_nghost-%COMP%]   .s-emoji-block_timeline[_ngcontent-%COMP%]   .s-emoji-block__item__emoji[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:20px!important;height:20px!important}  .v-tooltip-container{display:flex;flex-direction:column;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding:calc((.5rem + 0px) * var(--velt-base-rem-unit));color:var(--neutrals-13, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:20px;border-radius:calc((1.5rem + 0px) * var(--velt-base-rem-unit));background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}  .v-tooltip-container .v-tooltip-reaction-user{display:flex;align-items:center;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding-right:2px}  .v-tooltip-container .v-tooltip-reaction-user snippyly-user-avatar{display:flex;border-radius:calc((2rem + 0px) * var(--velt-base-rem-unit));border:1px solid #FFF;background:var(--primary-2, #A259FE)}"],changeDetection:0});let i=r;return i})();function It(i,r){i&1&&R(0)}function wt(i,r){if(i&1&&(c(0,"velt-shadow-dom-internal"),_(1,It,1,0,"ng-container",5),d()),i&2){g();let n=P(2);m(),p("ngTemplateOutlet",n)}}function Rt(i,r){i&1&&f(0,"div",18)}function Ft(i,r){i&1&&f(0,"div",18)}function Nt(i,r){if(i&1){let n=y();c(0,"div",19)(1,"div",20),h("click",function(t){C(n);let o=g(3).$implicit;return g(2).onCommentAnnotationClick(o==null||o.overlappingCommentAnnotations[0]==null?null:o.overlappingCommentAnnotations[0].commentAnnotation),v(t.stopPropagation())}),T(2),_(3,Ft,1,0,"div",16),d()()}if(i&2){let n=g(3).$implicit;m(2),N(" +",n==null||n.overlappingCommentAnnotations==null?null:n.overlappingCommentAnnotations.length," "),m(),p("ngIf",n==null?null:n.isUnread)}}function Dt(i,r){if(i&1&&(c(0,"div",13)(1,"div",14),f(2,"snippyly-user-avatar",15),_(3,Rt,1,0,"div",16),d()(),_(4,Nt,4,2,"ng-template",17)),i&2){let n=g(2).$implicit;F("background",(n==null||n.commentAnnotation==null||n.commentAnnotation.status==null?null:n.commentAnnotation.status.color)||null),m(2),p("user",n==null||n.commentAnnotation==null?null:n.commentAnnotation.from)("size",18),m(),p("ngIf",(n==null?null:n.isUnread)&&(n==null||n.overlappingCommentAnnotations==null?null:n.overlappingCommentAnnotations.length)===0),m(),p("ngIf",n==null||n.overlappingCommentAnnotations==null?null:n.overlappingCommentAnnotations.length)}}function Bt(i,r){if(i&1){let n=y();c(0,"app-player-timeline-comment-tooltip",21),h("commentClick",function(t){C(n);let o=g(4);return v(o.onCommentAnnotationClick(t))}),d()}if(i&2){let n=g(2).$implicit,e=g(2);p("data",n)("formattedTimeMap",e.formattedTimeMap)("formattedDuration",e.formattedDuration)("unreadCommentsMap",e.unreadCommentsMap)}}function Lt(i,r){if(i&1){let n=y();c(0,"div",10)(1,"div",11),h("click",function(){C(n);let t=g().$implicit,o=g(2);return v(o.onCommentAnnotationClick(t==null?null:t.commentAnnotation))}),c(2,"app-overlay-tooltip",12),_(3,Dt,5,6,"ng-template",null,1,O)(5,Bt,1,4,"ng-template",null,2,O),d()()()}if(i&2){let n=g().$implicit,e=g(2);F("--legacy-velt-player-position",((n==null?null:n.position)||0)+"%")("--legacy-velt-player-offset-left",(e.frameWidth||0)/2+"px"),m(2),p("positions",e.commentTooltipOverlayPositions)}}function Wt(i,r){if(i&1&&(M(0),_(1,Lt,7,5,"div",9),S()),i&2){let n=r.$implicit;m(),p("ngIf",(n==null?null:n.position)!==null)}}function Ut(i,r){i&1&&(c(0,"span"),T(1,"(You)"),d())}function jt(i,r){if(i&1&&(M(0),c(1,"span"),T(2),me(3,"translate"),d(),_(4,Ut,2,0,"span",28),S()),i&2){let n=g().$implicit,e=g().user;m(2),H(pe(3,2,(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))),m(2),p("ngIf",(n==null||n.from==null?null:n.from.userSnippylyId)===(e==null?null:e.userSnippylyId))}}function $t(i,r){i&1&&f(0,"velt-skeleton-loader-internal",29)}function Ht(i,r){if(i&1&&(c(0,"div",26),f(1,"snippyly-user-avatar",27),_(2,jt,5,4,"ng-container",4)(3,$t,1,0,"ng-template",null,3,O),d()),i&2){let n=r.$implicit,e=P(4);m(),p("size",24)("user",n==null?null:n.from),m(),p("ngIf",(n==null||n.from==null?null:n.from.name)||(n==null||n.from==null?null:n.from.email))("ngIfElse",e)}}function zt(i,r){if(i&1&&(c(0,"div",24),_(1,Ht,5,4,"div",25),d()),i&2){let n=r.reactionAnnotation;m(),p("ngForOf",n==null?null:n.reactions)}}function Yt(i,r){if(i&1){let n=y();c(0,"div",20),h("click",function(t){C(n);let o=g(3).$implicit;return g(2).onReactionAnnotationClick(o==null||o.overlappingReactionAnnotations[0]==null?null:o.overlappingReactionAnnotations[0].reactionAnnotation),v(t.stopPropagation())}),T(1),d()}if(i&2){let n=g(3).$implicit;m(),N(" +",n==null||n.overlappingReactionAnnotations==null?null:n.overlappingReactionAnnotations.length," ")}}function Zt(i,r){if(i&1){let n=y();c(0,"div",22)(1,"velt-reaction-pin",23),h("click",function(){C(n);let t=g(2).$implicit,o=g(2);return v(o.onReactionAnnotationClick(t==null?null:t.reactionAnnotation))}),_(2,zt,2,1,"ng-template",null,2,O),d()(),_(4,Yt,2,1,"ng-template",17)}if(i&2){let n=P(3),e=g(2).$implicit;m(),p("type","timeline")("disableTooltip",!!(!(e==null||e.overlappingReactionAnnotations==null)&&e.overlappingReactionAnnotations.length))("tooltipTemplate",n)("annotationId",e==null||e.reactionAnnotation==null?null:e.reactionAnnotation.annotationId),m(3),p("ngIf",e==null||e.overlappingReactionAnnotations==null?null:e.overlappingReactionAnnotations.length)}}function Xt(i,r){if(i&1){let n=y();c(0,"app-player-timeline-reaction-tooltip",30),h("reactionClick",function(t){C(n);let o=g(4);return v(o.onReactionAnnotationClick(t))}),d()}if(i&2){let n=g(2).$implicit;p("data",n)}}function Gt(i,r){if(i&1){let n=y();c(0,"div",10)(1,"div",11),h("click",function(){C(n);let t=g().$implicit,o=g(2);return v(o.onReactionAnnotationClick(t==null?null:t.reactionAnnotation))}),c(2,"app-overlay-tooltip",12),_(3,Zt,5,5,"ng-template",null,1,O)(5,Xt,1,1,"ng-template",null,2,O),d()()()}if(i&2){let n=g().$implicit,e=g(2);F("--legacy-velt-player-position",((n==null?null:n.position)||0)+"%")("--legacy-velt-player-offset-left",(e.frameWidth||0)/2+"px"),m(2),p("positions",e.commentTooltipOverlayPositions)}}function qt(i,r){if(i&1&&(M(0),_(1,Gt,7,5,"div",9),S()),i&2){let n=r.$implicit;m(),p("ngIf",(n==null?null:n.position)!==null)}}function Jt(i,r){if(i&1&&(c(0,"div",6)(1,"div",7),_(2,Wt,2,1,"ng-container",8)(3,qt,2,1,"ng-container",8),d()()),i&2){let n=g();m(2),p("ngForOf",n.commentAnnotationsWithPosition)("ngForTrackBy",n.trackByFn),m(),p("ngForOf",n.reactionAnnotationsWithPosition)("ngForTrackBy",n.trackByFn)}}var re=(()=>{let r=class r{set _shadowDom(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.shadowDom=t}catch{}}get totalMediaLength(){return this._totalMediaLength}set totalMediaLength(e){this._totalMediaLength=e,e&&(this.formattedDuration=Y(e)),this.calculateFrameWidth(),this.calculateAllCommentAnnotationPosition()}set totalMediaLengthInput(e){typeof e=="string"&&(e=parseFloat(e)),e>=0&&this.commentService?.setTotalMediaLength(e)}set _version(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),t&&typeof t=="object"?(this.version={id:t.id,name:t.name},this.filterCommentAnnotations(),this.filterReactionAnnotations()):this.version=void 0}catch{}}get offset(){return this._offset}set offset(e){this._offset=e,this.calculateFrameWidth(),this.calculateAllCommentAnnotationPosition()}set _offsetInput(e){try{typeof e=="string"&&(e=parseInt(e,10)),this.offset=e}catch{}}constructor(e,t,o,l,a,s){this.docService=e,this.domService=t,this.serviceBook=o,this.loggingService=l,this.cd=a,this.elementRef=s,this.shadowDom=!0,this._totalMediaLength=0,this._offset=0,this.commentAnnotations=[],this.reactionAnnotations=[],this.commentClickEmitter=new A,this.reactionClickEmitter=new A,this.annotationsPositionChangeEmitter=new A,this.allCommentAnnotations=[],this.allReactionAnnotations=[],this.selectedAnnotationsMap={},this.commentAnnotationsWithPosition=[],this.reactionAnnotationsWithPosition=[],this.formattedTimeMap={},this.frameWidth=0,this.commentTooltipOverlayPositions=[{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"},{originX:"start",originY:"top",overlayX:"center",overlayY:"bottom"},{originX:"end",originY:"top",overlayX:"center",overlayY:"bottom"},{originX:"center",originY:"top",overlayX:"end",overlayY:"bottom"},{originX:"center",originY:"top",overlayX:"start",overlayY:"bottom"},{originX:"end",originY:"top",overlayX:"start",overlayY:"bottom"},{originX:"start",originY:"top",overlayX:"end",overlayY:"bottom"}],this.unreadCommentsMap=null,this.resolvedCommentsOnDom=!1,this.veltElement=!0,this.destroyRef=Ae(Ie),this.commentService=null,this.reactionService=null;try{this.loggingService.log("%c[WB] Creating CLASS: CommentPlayerTimelineComponent","color: blue;"),this.serviceBook.observe(L).subscribe(u=>{let Z=this.commentService===null;this.commentService=u,Z&&u&&this.documentPaths&&this.getAllCommentsOnCurrentDocument()}),this.serviceBook.observe(ge).subscribe(u=>{let Z=this.reactionService===null;this.reactionService=u,Z&&u&&this.documentPaths&&this.getAllReactionsOnCurrentDocument()}),this.docService.getDocumentPaths$().pipe(z(this.destroyRef)).subscribe(u=>{this.documentPaths=u,this.getAllCommentsOnCurrentDocument(),this.getAllReactionsOnCurrentDocument()},u=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getDocumentPaths$ subscription: ",u)}),this.domService.getSelectedAnnotationsMap$().pipe(z(this.destroyRef)).subscribe(u=>{this.selectedAnnotationsMap=u},u=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getSelectedAnnotationsMap$ subscription: ",u)}),this.serviceBook.observe(L).pipe(z(this.destroyRef),k(Boolean),E(u=>u.getTotalMediaLength$())).subscribe(u=>{this.totalMediaLength=u},u=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getTotalMediaLength$ subscription: ",u)}),this.serviceBook.observe(L).pipe(z(this.destroyRef),k(Boolean),E(u=>u.getResolvedCommentsOnDom$())).subscribe(u=>{this.resolvedCommentsOnDom!==u&&(this.resolvedCommentsOnDom=u,this.filterCommentAnnotations())},u=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getResolvedCommentsOnDom$ subscription: ",u)})}catch(u){this.loggingService.catch("Error in CommentPlayerTimelineComponent constructor: ",u)}}ngOnInit(){}ngOnChanges(e){try{e?.version&&this.filterCommentAnnotations(),e?.videoPlayerId&&(this.filterCommentAnnotations(),this.filterReactionAnnotations())}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent ngOnChanges: ",t)}}ngAfterViewInit(){try{this.calculateFrameWidth()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent ngAfterViewInit: ",e)}}trackByFn(e,t){return t?.commentAnnotation?.annotationId||e}calculateFrameWidth(){try{if(this.source==="video")this.frameWidth=0;else{let e=0;if(this.elementRef?.nativeElement&&(e=this.elementRef.nativeElement?.offsetWidth),e&&this.totalMediaLength){let t=e/this.totalMediaLength;this.frameWidth=t,this.cd.markForCheck()}}}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent calculateOffsetLeft: ",e)}}getAllCommentsOnCurrentDocument(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: getAllCommentsOnCurrentDocument","color: green;"),this.getAllCommentAnnotationsSubscription&&this.getAllCommentAnnotationsSubscription.unsubscribe(),!this.commentService)return;this.getAllCommentAnnotationsSubscription=this.commentService.getAllCommentAnnotations({customClientDocumentId:this.documentPaths?.clientDocumentId,excludeDomChanges:!0,skipPositionCalculation:!0,analytics:{enabled:!0,properties:{source:"internal",sourceId:"commentPlayerTimeline"}}}).pipe(z(this.destroyRef),k(e=>!!e),E(e=>this.domService.getSelectedAnnotationsMap$().pipe(X(t=>({filteredAnnotations:e,selectedAnnotationsMap:t||{}})))),E(e=>(this.commentService?.getUnreadCommentsMap$()??xe({})).pipe(X(t=>(this.unreadCommentsMap=t,Ve(j({},e),{unreadCommentsMap:t})))))).subscribe(e=>{this.loggingService.log(e),this.allCommentAnnotations=e?.filteredAnnotations?.slice()||[],this.filterCommentAnnotations()},e=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllCommentAnnotations subscription: ",e)})}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllCommentsOnCurrentDocument: ",e)}}filterCommentAnnotations(){try{this.commentAnnotations=[],this.commentAnnotations=this.allCommentAnnotations.filter(e=>this.version?.id===e?.location?.version?.id?!this.videoPlayerId||e?.location?.videoPlayerId===this.videoPlayerId||e?.targetElementId===this.videoPlayerId:!1),this.commentAnnotations=this.commentAnnotations.filter(e=>!(e.status!==void 0&&e.status.type==="terminal"&&!this.selectedAnnotationsMap[e.annotationId]&&!this.resolvedCommentsOnDom)),this.calculateAllCommentAnnotationPosition(),this.cd.markForCheck()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent filterCommentAnnotations: ",e)}}calculateAllCommentAnnotationPosition(){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateAllCommentAnnotationPosition","color: green;"),this.commentAnnotationsWithPosition=[],this.commentAnnotations.length&&this.commentAnnotations.forEach(e=>{let t=this.calculateCommentAnnotationPosition(e),o=this.commentAnnotationsWithPosition.find(a=>a?.position&&t&&a?.position+2>t&&a?.position-2<t?!0:null),l=o?.isUnread??!1;if(this.unreadCommentsMap?.[e.annotationId]&&(l=!0),o)o.isUnread=l,o.overlappingCommentAnnotations?o.overlappingCommentAnnotations.push({commentAnnotation:e,position:t}):o.overlappingCommentAnnotations=[{commentAnnotation:e,position:t}];else{let a=!1;this.unreadCommentsMap?.[e.annotationId]&&(a=!0),this.commentAnnotationsWithPosition.push({commentAnnotation:e,position:t,overlappingCommentAnnotations:[],isUnread:a})}}),this.annotationsPositionChangeEmitter.emit()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent calculateAllCommentAnnotationPosition: ",e)}}calculateCommentAnnotationPosition(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateCommentAnnotationPosition","color: green;");let t=e?.location?.currentMediaPosition-this.offset;if(this.formattedTimeMap[t]||(this.formattedTimeMap[t]=Y(t)),t>=0&&this.totalMediaLength>0){let o=t/this.totalMediaLength*100;if(o>=0&&o<=100)return o}return null}catch{return null}}onCommentAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onCommentAnnotationClick","color: green;"),this.domService.toggleAnnotationSelection(e),this.emitOnCommentClick(e)}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent onCommentAnnotationClick: ",t)}}emitOnCommentClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: emitOnCommentClick","color: green;");let t=this.documentPaths?.clientDocumentId,o=e?.location;o||(o=e?.documentParams);let l={};e.context&&(l=e.context),this.commentClickEmitter.emit({documentId:t,location:o,targetElementId:e?.targetElementId,context:l,annotation:e})}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent emitOnCommentClick: ",t)}}getAllReactionsOnCurrentDocument(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: getAllReactionsOnCurrentDocument","color: green;"),this.getAllReactionAnnotationsSubscription&&this.getAllReactionAnnotationsSubscription.unsubscribe(),!this.reactionService)return;this.getAllReactionAnnotationsSubscription=this.reactionService.getAllReactionAnnotations(this.documentPaths?.clientDocumentId,void 0,!0,void 0,!0).pipe(z(this.destroyRef),k(e=>!!e),X(e=>e?.filter(t=>!t?.commentAnnotationId))).subscribe(e=>{this.loggingService.log(e),this.allReactionAnnotations=e?.slice()||[],this.filterReactionAnnotations()},e=>{this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllReactionsOnCurrentDocument subscription: ",e)})}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent getAllReactionsOnCurrentDocument: ",e)}}filterReactionAnnotations(){try{this.reactionAnnotations=[],this.reactionAnnotations=this.allReactionAnnotations.filter(e=>this.version?.id===e?.location?.version?.id?!this.videoPlayerId||e?.location?.videoPlayerId===this.videoPlayerId:!1),this.calculateAllReactionAnnotationPosition(),this.cd.markForCheck()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent filterReactionAnnotations: ",e)}}calculateAllReactionAnnotationPosition(){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateAllReactionAnnotationPosition","color: green;"),this.reactionAnnotationsWithPosition=[],this.reactionAnnotations.length&&this.reactionAnnotations.forEach(e=>{let t=this.calculateReactionAnnotationPosition(e),o=this.reactionAnnotationsWithPosition.find(l=>l?.position&&t&&l?.position+2>t&&l?.position-2<t?!0:null);o?o.overlappingReactionAnnotations?o.overlappingReactionAnnotations.push({reactionAnnotation:e,position:t}):o.overlappingReactionAnnotations=[{reactionAnnotation:e,position:t}]:this.reactionAnnotationsWithPosition.push({reactionAnnotation:e,position:t,overlappingReactionAnnotations:[]})}),this.annotationsPositionChangeEmitter.emit()}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent calculateAllReactionAnnotationPosition: ",e)}}calculateReactionAnnotationPosition(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: calculateReactionAnnotationPosition","color: green;");let t=e?.location?.currentMediaPosition;return t>=0&&this.totalMediaLength>0?t/this.totalMediaLength*100:null}catch{return null}}onReactionAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onReactionAnnotationClick","color: green;"),this.source!=="video"&&this.reactionService?.addOrUpdateReaction(e.icon,[e.annotationId],location),this.emitOnReactionClick(e)}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent onReactionAnnotationClick: ",t)}}emitOnReactionClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: emitOnReactionClick","color: green;");let t=this.documentPaths?.clientDocumentId,o=e?.location;this.reactionClickEmitter.emit({documentId:t,location:o,targetElementId:e?.targetElementId,annotation:e})}catch(t){this.loggingService.catch("Error in CommentPlayerTimelineComponent emitOnReactionClick: ",t)}}ngOnDestroy(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;");try{this.getAllCommentAnnotationsSubscription&&(this.getAllCommentAnnotationsSubscription.unsubscribe(),this.getAllCommentAnnotationsSubscription=void 0),this.getAllReactionAnnotationsSubscription&&(this.getAllReactionAnnotationsSubscription.unsubscribe(),this.getAllReactionAnnotationsSubscription=void 0)}catch(e){this.loggingService.catch("Error in CommentPlayerTimelineComponent ondestroy: ",e)}}};r.\u0275fac=function(t){return new(t||r)(b(Q),b(Xe),b(_e),b(W),b(de),b(Re))},r.\u0275cmp=I({type:r,selectors:[["velt-comment-player-timeline-internal"]],hostVars:1,hostBindings:function(t,o){t&2&&w("data-velt-element",o.veltElement)},inputs:{_shadowDom:[0,"shadowDom","_shadowDom"],totalMediaLengthInput:[0,"totalMediaLength","totalMediaLengthInput"],_version:[0,"version","_version"],_offsetInput:[0,"offset","_offsetInput"],commentAnnotations:"commentAnnotations",reactionAnnotations:"reactionAnnotations",videoPlayerId:"videoPlayerId",source:"source"},outputs:{commentClickEmitter:"onCommentClick",reactionClickEmitter:"onReactionClick",annotationsPositionChangeEmitter:"annotationsPositionChange"},standalone:!1,features:[we],decls:3,vars:2,consts:[["videoContainerRef",""],["triggerTemplate",""],["tooltipTemplate",""],["loadingTemplateRef",""],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[1,"comment-player-timeline-container"],[1,"comment-player-timeline"],[4,"ngFor","ngForOf","ngForTrackBy"],["class","comment-player-timeline__item",3,"--legacy-velt-player-position","--legacy-velt-player-offset-left",4,"ngIf"],[1,"comment-player-timeline__item"],[3,"click"],[3,"positions"],[1,"video-comment-user-profile-container"],[1,"video-comment-user-profile-container_wraper"],[3,"user","size"],["class","video-comment-user-profile-container__unread",4,"ngIf"],[3,"ngIf"],[1,"video-comment-user-profile-container__unread"],[1,"video-comment-user-profile-overlapping-comments_wraper"],[1,"comment-player-timeline__item__overlapping-comments__count",3,"click"],[3,"commentClick","data","formattedTimeMap","formattedDuration","unreadCommentsMap"],[1,"video-comment-user-profile-container","video-reaction-container"],[3,"click","type","disableTooltip","tooltipTemplate","annotationId"],[1,"v-tooltip-container"],["class","v-tooltip-reaction-user",4,"ngFor","ngForOf"],[1,"v-tooltip-reaction-user"],[1,"s-tooltip-user-avatar",3,"size","user"],[4,"ngIf"],["height","20px","width","64px","borderRadius","20px"],[3,"reactionClick","data"]],template:function(t,o){if(t&1&&_(0,wt,2,1,"velt-shadow-dom-internal",4)(1,Jt,4,4,"ng-template",null,0,O),t&2){let l=P(2);p("ngIf",o.shadowDom)("ngIfElse",l)}},dependencies:[D,B,J,Qe,Ke,K,Ce,be,Me,ue],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.comment-player-timeline-container[_ngcontent-%COMP%]{width:100%}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]{position:relative;width:100%;height:1px}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]{position:absolute;bottom:100%;left:calc(var(--legacy-velt-player-position, 0%) - var(--legacy-velt-player-offset-left, 0px));transform:translate(-50%)}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .video-comment-user-profile-container[_ngcontent-%COMP%]{padding:2px;background:#fff;border-radius:100%;cursor:pointer;position:relative}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .video-comment-user-profile-container[_ngcontent-%COMP%]   snippyly-user-avatar[_ngcontent-%COMP%]{--legacy-velt-user-avatar-size: 18px;display:flex}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .video-comment-user-profile-container.video-reaction-container[_ngcontent-%COMP%]{background-color:#141416;border:1px solid #625df5}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]   .comment-player-timeline__item__overlapping-comments__count[_ngcontent-%COMP%]{width:18px;height:18px;background:#65dab5;font-size:calc((.5rem + 0px) * var(--velt-base-rem-unit));color:#fff;border-radius:100%;border:2px solid #57BEA3;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]:hover{z-index:1}.comment-player-timeline-container[_ngcontent-%COMP%]   .comment-player-timeline[_ngcontent-%COMP%]   .comment-player-timeline__item[_ngcontent-%COMP%]:hover   .comment-tooltip-container[_ngcontent-%COMP%]{opacity:1;visibility:visible;display:flex}[_nghost-%COMP%]     .s-emoji-block_timeline .s-emoji-block__item__emoji svg, [_nghost-%COMP%]   .s-emoji-block_timeline[_ngcontent-%COMP%]   .s-emoji-block__item__emoji[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:20px!important;height:20px!important}  .v-tooltip-container{display:flex;flex-direction:column;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding:calc((.5rem + 0px) * var(--velt-base-rem-unit));color:var(--neutrals-13, #FFF);font-size:14px;font-style:normal;font-weight:400;line-height:20px;border-radius:calc((1.5rem + 0px) * var(--velt-base-rem-unit));background:#3333;box-shadow:0 8px 4px #0000000d,0 1px 1px #ffffff4d inset,0 -1px 1px #ffffff1a inset;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}  .v-tooltip-container .v-tooltip-reaction-user{display:flex;align-items:center;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));padding-right:2px}  .v-tooltip-container .v-tooltip-reaction-user snippyly-user-avatar{display:flex;border-radius:calc((2rem + 0px) * var(--velt-base-rem-unit));border:1px solid #FFF;background:var(--primary-2, #A259FE)}.video-comment-user-profile-container_wraper[_ngcontent-%COMP%]{position:relative}.video-comment-user-profile-overlapping-comments_wraper[_ngcontent-%COMP%]{position:absolute;top:0;left:calc((.5rem + 0px) * var(--velt-base-rem-unit))}.video-comment-user-profile-container__unread[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#ff7162;border-radius:50%}"],changeDetection:0});let i=r;return i})();var Kt=["videoRef"],en=["progressBarRef"],tn=["ghostProgressBarRef"];function nn(i,r){if(i&1&&(c(0,"div",46),T(1),d()),i&2){let n=g();m(),N(" ",n.hoveredTimeFormatted)}}function on(i,r){if(i&1&&(M(0),f(1,"div",47),S()),i&2){let n=r.$implicit;m(),F("background",(n==null||n.commentAnnotation==null||n.commentAnnotation.status==null?null:n.commentAnnotation.status.color)||null)("left",n==null?null:n.position,"%")}}function rn(i,r){if(i&1&&(M(0),f(1,"div",48),S()),i&2){let n=r.$implicit;m(),F("left",n==null?null:n.position,"%")}}function ln(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.playVideo())}),V(),c(1,"svg",27),f(2,"path",50),d()()}}function an(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.pauseVideo())}),V(),c(1,"svg",27),f(2,"path",51)(3,"path",52),d()()}}function cn(i,r){if(i&1){let n=y();c(0,"velt-comment-tool",53),h("enableAddCommentMode",function(){C(n);let t=g();return v(t.onEnableAddCommentMode())}),c(1,"button",26),V(),c(2,"svg",27)(3,"mask",54),f(4,"path",55),d(),f(5,"path",56),d()()()}if(i&2){let n=g();m(),ne("active",n.addCommentMode)}}function sn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleMuteVideo())}),V(),c(1,"svg",27),f(2,"path",57)(3,"path",58),d()()}}function mn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleMuteVideo())}),V(),c(1,"svg",27),f(2,"path",59),d()()}}function pn(i,r){if(i&1){let n=y();c(0,"div",60),h("click",function(){let t=C(n).$implicit,o=g();return v(o.changeVideoSpeed(t))}),T(1),d()}if(i&2){let n=r.$implicit;g();let e=P(2);ne("selected",(e==null?null:e.playbackRate)===n)("selected",n===(e==null?null:e.playbackRate)),m(),N(" ",n,"x ")}}function dn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleFullScreen())}),V(),c(1,"svg",61),f(2,"path",62)(3,"path",63)(4,"path",64)(5,"path",65),d()()}}function gn(i,r){if(i&1){let n=y();c(0,"button",49),h("click",function(){C(n);let t=g();return v(t.toggleFullScreen())}),V(),c(1,"svg",61),f(2,"path",66)(3,"path",67)(4,"path",68)(5,"path",69),d()()}}var Se=(()=>{let r=class r{set _shadowDom(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.shadowDom=t}catch{}}set _version(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),t&&typeof t=="object"?this.version={id:t.id,name:t.name}:this.version=void 0}catch{}}set isDarkMode(e){this._darkAttribute=e,this.checkDarkMode()}set commentTool(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),t?this.showCommentTool=!0:this.showCommentTool=!1}catch{}}constructor(e,t,o,l,a){this.serviceBook=e,this.docService=t,this.loggingService=o,this.syncVideoPlayerService=l,this.cd=a,this.shadowDom=!0,this._darkAttribute="",this.darkMode=!1,this.showCommentTool=!0,this.currentTime=0,this.duration=0,this.currentTimeFormatted="00:00",this.durationFormatted="00:00",this.hoveredTimeFormatted="",this.controlPanelVisible=!1,this.HIDE_CONTROL_PANEL_DURATION=1e4,this.VIDEO_FORWARD_DURATION=5,this.VIDEO_BACKWARD_DURATION=5,this.VIDEO_SPEED_OPTIONS=[.25,.5,1,1.25,1.5,2],this.fullScreen=!1,this.addCommentMode=!1,this.subscriptions=[],this.commentService=null,this.reactionService=null,this.loggingService.log("%c[WB] Creating CLASS: VeltVideoPlayerComponent","color: blue;");try{this.checkDarkMode(),this.subscriptions.push(this.serviceBook.observe(L).pipe(E(s=>(this.commentService=s,s?s.addCommentModeChange():le))).subscribe(s=>{this.addCommentMode=s,s?this.onEnableAddCommentMode():this.onDisableAddCommentMode()})),this.subscriptions.push(this.serviceBook.observe(L).pipe(E(s=>s?s.onCommentAdd$():le)).subscribe(s=>{if(s){this.pauseVideo();let u=this.getLocationOnCurrentTime();this.docService.setLocation({location:u})}})),this.subscriptions.push(this.serviceBook.observe(ge).subscribe(s=>{this.reactionService=s}))}catch(s){this.loggingService.catch("Error in VeltVideoPlayerComponent constructor: ",s)}}ngAfterViewInit(){try{this.addVeltCommentsTag(),this.videoRef?.nativeElement&&(this.playerId=Te(this.videoRef.nativeElement),this.subscriptions.push(te(this.videoRef.nativeElement,"play").subscribe(e=>{let t=this.docService.getLocation();t&&t.location?.videoPlayerId===this.playerId&&this.docService.removeLocations({})})),this.subscriptions.push(te(this.videoRef.nativeElement,"timeupdate").subscribe(e=>{this.currentTime=this.videoRef?.nativeElement?.currentTime||0,this.currentTimeFormatted=Y(this.currentTime),this.cd.markForCheck()})),this.subscriptions.push(te(this.videoRef.nativeElement,"loadedmetadata").subscribe(e=>{this.duration=this.videoRef?.nativeElement?.duration||0,this.durationFormatted=Y(this.duration),this.playerId=Te(this.videoRef?.nativeElement)}))),this.subscriptions.push(this.serviceBook.observe(L).pipe(E(e=>e?e.getSidebarCommentClick$():le)).subscribe(e=>{let t=e.annotation;t?.location?.videoPlayerId===this.playerId&&this.onCommentAnnotationClick(t)}))}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent ngAfterViewInit: ",e)}}trackByFn(e,t){return t?.commentAnnotation?.annotationId||e}addVeltCommentsTag(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: addVeltCommentsTag","color: green;"),!(document.querySelector(x.TAGS.VELT_COMMENTS)||document.querySelector(x.TAGS.SNIPPYLY_COMMENTS))){let t=document.createElement(x.TAGS.VELT_COMMENTS);document.body.appendChild(t)}}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent addVeltCommentsTag: ",e)}}playVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: playVideo","color: green;"),this.videoRef?.nativeElement?.play()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent playVideo: ",e)}}pauseVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: pauseVideo","color: green;"),this.videoRef?.nativeElement?.pause()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent pauseVideo: ",e)}}toggleVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleVideo","color: green;"),this.videoRef?.nativeElement?.paused?this.playVideo():this.pauseVideo()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent toggleVideo: ",e)}}moveForwardVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: moveForwardVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime+this.VIDEO_FORWARD_DURATION>this.videoRef.nativeElement.duration?this.videoRef.nativeElement.currentTime=this.videoRef.nativeElement.duration:this.videoRef.nativeElement.currentTime+=this.VIDEO_FORWARD_DURATION)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent moveForwardVideo: ",e)}}moveBackwardVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: moveBackwardVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime-this.VIDEO_BACKWARD_DURATION<0?this.videoRef.nativeElement.currentTime=0:this.videoRef.nativeElement.currentTime-=this.VIDEO_BACKWARD_DURATION)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent moveBackwardVideo: ",e)}}toggleMuteVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleMuteVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.muted=!this.videoRef.nativeElement.muted)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent toggleMuteVideo: ",e)}}changeVolumeVideo(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: changeVolumeVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.volume=e.target.value)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent changeVolumeVideo: ",t)}}changeVideoSpeed(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: changeVideoSpeed","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.playbackRate=e)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent changeVideoSpeed: ",t)}}stopVideo(){try{this.loggingService.log("%c[WB] Calling FUNCTION: stopVideo","color: green;"),this.videoRef?.nativeElement?.pause(),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime=0)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent stopVideo: ",e)}}onProgressBarClick(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onProgressBarClick","color: green;"),this.videoRef?.nativeElement){let t=e.offsetX/e.target.offsetWidth*this.duration;this.videoRef.nativeElement.currentTime=t}this.removeLocation()}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onProgressBarClick: ",t)}}onProgressBarPointerOver(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onProgressBarPointerOver","color: green;"),this.progressBarRef?.nativeElement===e.target){if(this.ghostProgressBarRef?.nativeElement){this.ghostProgressBarRef.nativeElement.style.display="block",this.ghostProgressBarRef.nativeElement.style.width=`${e.offsetX}px`;let t=e.offsetX/e.target.offsetWidth*this.duration;this.hoveredTimeFormatted=Y(t)}}else this.onProgressBarPointerOut(e)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onProgressBarPointerOver: ",t)}}onProgressBarPointerOut(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onProgressBarPointerOut","color: green;"),this.ghostProgressBarRef?.nativeElement&&(this.ghostProgressBarRef.nativeElement.style.display="none"),this.hoveredTimeFormatted=""}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onProgressBarPointerOut: ",t)}}scrubVideo(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: scrubVideo","color: green;"),this.videoRef?.nativeElement&&(this.videoRef.nativeElement.currentTime=e.target?.value||0)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent scrubVideo: ",t)}}setLocation(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: setLocation","color: green;"),this.playerId&&this.videoRef?.nativeElement&&(e?this.docService.setLocation({location:e}):this.docService.setLocation({location:this.getLocationOnCurrentTime()}))}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent setLocation: ",t)}}removeLocation(){try{this.loggingService.log("%c[WB] Calling FUNCTION: removeLocation","color: green;"),this.docService.getLocation()&&this.docService.removeLocation({})}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent removeLocation: ",e)}}onCommentAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onCommentAnnotationClick","color: green;"),this.videoRef?.nativeElement?.paused||(this.videoRef?.nativeElement.pause(),this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"pause",{playing:!1})),setTimeout(()=>{this.videoRef.nativeElement.currentTime=e.location?.currentMediaPosition,this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"timeupdate",{currentTime:e.location?.currentMediaPosition}),this.subscriptions.push(te(this.videoRef.nativeElement,"seeked").pipe($(1)).subscribe({next:()=>{let t=Pe(e.location)??this.getLocationOnCurrentTime();this.setLocation(t)},error:t=>{this.loggingService.catch("Error waiting for video to seek in VeltVideoPlayerComponent onCommentAnnotationClick: ",t)}}))},500)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onCommentAnnotationClick: ",t)}}addReaction(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: addReaction","color: green;"),this.videoRef?.nativeElement?.paused||this.videoRef?.nativeElement.pause(),!this.reactionService)return;let t=this.docService.getDocumentPaths(),o=this.reactionService.getReactionAnnotationsByOrganizationIdAndDocumentId({organizationId:t?.organizationId,documentId:t?.documentId??""}),l=ie(this.videoRef?.nativeElement?.currentTime||0),a=o.find(u=>u.location?.videoPlayerId===this.playerId&&ie(u.location?.currentMediaPosition??0)===l),s=this.getLocationOnCurrentTime();this.reactionService.addOrUpdateReaction(e,a?[a.annotationId]:[],s)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent addReaction: ",t)}}onEnableAddCommentMode(){return he(this,null,function*(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onEnableAddCommentMode","color: green;"),this.playerId){this.previousAllowedElementIds=yield this.commentService?.getAllowedElementIds().pipe($(1)).toPromise();let e=[this.playerId];this.commentService?.setAllowedElementIds(e),this.previousPersistentMode=yield this.commentService?.persistentCommentModeChange().pipe($(1)).toPromise(),this.commentService?.enablePersistentCommentMode(),this.previousPersistentModeBanner=yield this.commentService?.persistentModeBannerChange().pipe($(1)).toPromise(),this.commentService?.disablePersistentModeBanner()}this.pauseVideo()}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent enableAddCommentMode: ",e)}})}onDisableAddCommentMode(){return he(this,null,function*(){try{this.loggingService.log("%c[WB] Calling FUNCTION: onDisableAddCommentMode","color: green;"),this.previousAllowedElementIds&&(this.commentService?.setAllowedElementIds(this.previousAllowedElementIds),this.previousAllowedElementIds=void 0),this.previousPersistentMode?this.commentService?.enablePersistentCommentMode():this.previousPersistentMode===!1&&this.commentService?.disablePersistentCommentMode(),this.previousPersistentMode=void 0,this.previousPersistentModeBanner?this.commentService?.enablePersistentModeBanner():this.previousPersistentModeBanner===!1&&this.commentService?.disablePersistentModeBanner(),this.previousPersistentModeBanner=void 0}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent disableAddCommentMode: ",e)}})}onReactionAnnotationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onReactionAnnotationClick","color: green;"),this.videoRef?.nativeElement?.paused||(this.videoRef?.nativeElement.pause(),this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"pause",{playing:!1}));let t=ie(this.videoRef?.nativeElement?.currentTime||0),o=e.location?.currentMediaPosition;if(t!==o)setTimeout(()=>{this.videoRef.nativeElement.currentTime=o,this.sync&&this.syncVideoPlayerService.updateVideoPlayerState(this.playerId,"timeupdate",{currentTime:o});let l=Pe(e.location);l?this.setLocation(l):this.setLocation()},500);else{let l=this.getLocationOnCurrentTime();this.reactionService?.addOrUpdateReaction(e.icon,[e.annotationId],l)}}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent onReactionAnnotationClick: ",t)}}showControlPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: showControlPanel","color: green;"),this.controlPanelVisible=!0}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent showControlPanel: ",e)}}hideControlPanel(e=0){try{this.loggingService.log("%c[WB] Calling FUNCTION: hideControlPanel","color: green;"),this.hideControlPanelTimer&&clearTimeout(this.hideControlPanelTimer),this.hideControlPanelTimer=setTimeout(()=>{this.controlPanelVisible=!1},e)}catch(t){this.loggingService.catch("Error in VeltVideoPlayerComponent hideControlPanel: ",t)}}setTimerForHideControlPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: setTimerForHideControlPanel","color: green;"),this.controlPanelVisible||this.showControlPanel(),this.hideControlPanel(this.HIDE_CONTROL_PANEL_DURATION)}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent setTimerForHideControlPanel: ",e)}}toggleFullScreen(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleFullScreen","color: green;"),this.fullScreen=!this.fullScreen}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent toggleFullScreen: ",e)}}checkDarkMode(){try{this.loggingService.log("%c[WB] Calling FUNCTION: checkDarkMode","color: green;"),this._darkAttribute===""||this._darkAttribute==="true"?this.darkMode=!0:this.darkMode=!1,this.commentService?.setCommentContainerDarkMode(this.darkMode)}catch(e){this.loggingService.catch("Error in CommentsContainerComponent checkDarkMode: ",e)}}getLocationOnCurrentTime(){try{this.loggingService.log("%c[WB] Calling FUNCTION: getLocationOnCurrentTime","color: green;");let e=Ze(this.videoRef?.nativeElement),t={videoPlayerId:this.playerId,currentMediaPosition:ie(this.videoRef?.nativeElement?.currentTime),locationName:e?.timeSlot};return this.version&&(t.version={id:this.version?.id,name:this.version?.name}),t}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent getLocationOnCurrentTime: ",e);return}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;"),this.removeLocation(),this.onDisableAddCommentMode(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in VeltVideoPlayerComponent ngOnDestroy: ",e)}}};r.\u0275fac=function(t){return new(t||r)(b(_e),b(Q),b(W),b(it),b(de))},r.\u0275cmp=I({type:r,selectors:[["app-velt-video-player"]],viewQuery:function(t,o){if(t&1&&(ae(Kt,5),ae(en,5),ae(tn,5)),t&2){let l;ce(l=se())&&(o.videoRef=l.first),ce(l=se())&&(o.progressBarRef=l.first),ce(l=se())&&(o.ghostProgressBarRef=l.first)}},inputs:{src:"src",sync:"sync",_shadowDom:[0,"shadowDom","_shadowDom"],_version:[0,"version","_version"],isDarkMode:[0,"darkMode","isDarkMode"],commentTool:"commentTool"},standalone:!1,decls:55,vars:31,consts:[["videoRef",""],["progressBarRef",""],["ghostProgressBarRef",""],["playerTimelineRef",""],[1,"s-video-player-container",3,"pointerenter","pointermove","pointerleave","keyup","id"],["tabindex","0","data-velt-video-player","true",3,"click","keydown.space","keyup.space","keyup.arrowright","keyup.arrowleft","src"],["data-velt-comment-disabled","true",1,"s-video-control-panel"],[1,"s-video-control-panel__progress-bar",3,"click","pointermove","pointerout"],[1,"s-video-control-panel__progress-bar__filled"],[1,"s-video-control-panel__progress-bar__filled-ghost"],["class","s-video-control-panel__progress-bar__filled-ghost__tooltip",4,"ngIf"],[1,"s-video-control-panel__progress-bar__pins"],[4,"ngFor","ngForOf","ngForTrackBy"],[1,"s-video-control-panel__comment-player-timeline-container"],[3,"onCommentClick","onReactionClick","annotationsPositionChange","videoPlayerId","totalMediaLength","source","version","shadowDom"],[1,"s-video-control-panel__controls"],[1,"s-video-control-panel__controls_left"],[1,"control-btn-container","play-pause-btn-container"],["class","v-control-btn",3,"click",4,"ngIf"],[1,"s-video-control-panel__controls_center"],[1,"s-video-time-display"],[1,"s-video-time-display__current"],[1,"s-video-time-display__divider"],[1,"s-video-time-display__duration"],[1,"s-video-control-panel__controls_right"],[3,"emojiSelected","darkMode"],["slot","button",1,"v-control-btn"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"v-control-btn-icon"],["d","M13.5825 8.01858C13.653 6.81971 13.3573 5.62775 12.7346 4.60086C12.1119 3.57397 11.1916 2.76069 10.096 2.26894C9.00036 1.77718 7.78109 1.6302 6.59998 1.84749C5.41886 2.06478 4.33173 2.63608 3.48284 3.48557C2.63395 4.33506 2.06343 5.4226 1.84698 6.60387C1.63052 7.78514 1.77837 9.0043 2.2709 10.0996C2.76343 11.1949 3.57737 12.1145 4.6047 12.7365C5.63203 13.3585 6.8242 13.6533 8.02302 13.582M10.3024 12.2766H14.25M12.2762 10.3028V14.2504M5.69693 6.35526H5.70351M9.6445 6.35526H9.65108M6.02589 9.6449C6.45881 10.066 7.05226 10.3028 7.67071 10.3028C8.28917 10.3028 8.88262 10.066 9.31554 9.6449","stroke","currentColor","stroke-width","1.11607","stroke-linecap","round","stroke-linejoin","round"],["d","M10.3856 6.39644C10.3856 6.83826 10.0275 7.19644 9.58564 7.19644C9.14382 7.19644 8.78564 6.83826 8.78564 6.39644C8.78564 5.95461 9.14382 5.59644 9.58564 5.59644C10.0275 5.59644 10.3856 5.95461 10.3856 6.39644Z","fill","currentColor"],["d","M6.39834 6.39644C6.39834 6.83826 6.04017 7.19644 5.59834 7.19644C5.15651 7.19644 4.79834 6.83826 4.79834 6.39644C4.79834 5.95461 5.15651 5.59644 5.59834 5.59644C6.04017 5.59644 6.39834 5.95461 6.39834 6.39644Z","fill","currentColor"],[3,"enableAddCommentMode",4,"ngIf"],[1,"control-btn-container","volume-btn-container"],[1,"volume-slider"],["type","range","min","0","max","1","step","0.01","orient","vertical",3,"change","value"],[1,"control-btn-container","video-speed-btn-container"],[1,"v-control-btn"],["width","16","height","16","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg",1,"v-control-btn-icon"],["d","M9.99924 0C9.25917 0.00028487 8.52139 0.0821119 7.79924 0.244C7.55888 0.29763 7.34677 0.438067 7.20354 0.638401C7.06031 0.838734 6.99604 1.08487 7.02304 1.32966C7.05005 1.57444 7.16643 1.80065 7.34989 1.96495C7.53334 2.12924 7.77097 2.22006 8.01724 2.22C8.09095 2.22003 8.16443 2.21164 8.23624 2.195C9.3336 1.94818 10.4707 1.93553 11.5733 2.15788C12.6758 2.38023 13.7191 2.83258 14.6351 3.48541C15.551 4.13824 16.319 4.97688 16.8889 5.94659C17.4588 6.9163 17.8178 7.99529 17.9425 9.11313C18.0672 10.231 17.9547 11.3625 17.6125 12.434C17.2703 13.5055 16.706 14.4927 15.9564 15.3313C15.2069 16.1699 14.2889 16.8411 13.2624 17.3009C12.2359 17.7607 11.124 17.999 9.99924 18C9.40434 17.9986 8.81141 17.9316 8.23124 17.8C8.10281 17.7716 7.97005 17.7688 7.84053 17.7918C7.71102 17.8147 7.5873 17.863 7.47642 17.9337C7.36555 18.0045 7.2697 18.0964 7.19435 18.2042C7.11899 18.312 7.06561 18.4336 7.03724 18.562C7.00888 18.6904 7.00608 18.8232 7.02903 18.9527C7.05197 19.0822 7.1002 19.2059 7.17096 19.3168C7.24171 19.4277 7.33362 19.5235 7.44142 19.5989C7.54922 19.6742 7.67081 19.7276 7.79924 19.756C9.17115 20.0647 10.5928 20.0807 11.9712 19.8027C13.3497 19.5248 14.6541 18.9593 15.7992 18.143C16.9443 17.3268 17.9043 16.2782 18.6167 15.0658C19.3291 13.8534 19.7777 12.5043 19.9334 11.1067C20.089 9.70916 19.9481 8.29446 19.5199 6.95502C19.0917 5.61557 18.3858 4.38149 17.4484 3.33335C16.5109 2.28521 15.3629 1.44658 14.0793 0.872204C12.7957 0.297828 11.4055 0.000625613 9.99924 0Z","fill","currentColor"],["d","M1.91128 5.92553C2.02147 5.99788 2.14488 6.04773 2.2744 6.07222C2.40393 6.0967 2.53701 6.09534 2.66601 6.0682C2.795 6.04106 2.91736 5.98869 3.02604 5.91409C3.13472 5.8395 3.22758 5.74415 3.29928 5.63353C3.86099 4.76923 4.58503 4.0221 5.43128 3.43353C5.64876 3.28117 5.7968 3.04865 5.84284 2.78713C5.88888 2.52561 5.82915 2.25651 5.67678 2.03903C5.52441 1.82156 5.29189 1.67351 5.03038 1.62747C4.76886 1.58143 4.49976 1.64117 4.28228 1.79353C3.22591 2.52947 2.32168 3.46257 1.61928 4.54153C1.54756 4.65157 1.49821 4.77467 1.47407 4.90378C1.44993 5.0329 1.45146 5.1655 1.47857 5.29402C1.50569 5.42255 1.55786 5.54447 1.6321 5.65282C1.70635 5.76118 1.80121 5.85385 1.91128 5.92553Z","fill","currentColor"],["d","M2.146 11.5359C2.04912 11.0296 2.00023 10.5153 2 9.99989C2.00002 9.48641 2.04891 8.9741 2.146 8.46989C2.17089 8.34093 2.17013 8.20834 2.14377 8.07967C2.11741 7.95101 2.06597 7.82879 1.99238 7.72001C1.91879 7.61122 1.82449 7.518 1.71487 7.44566C1.60525 7.37332 1.48246 7.32328 1.3535 7.29839C1.22454 7.27351 1.09195 7.27426 0.96328 7.30062C0.834615 7.32698 0.712402 7.37842 0.603618 7.45202C0.494834 7.52561 0.40161 7.6199 0.329269 7.72952C0.256928 7.83914 0.206886 7.96193 0.182 8.09089C0.0614418 8.72009 0.000505335 9.35925 2.88948e-07 9.99989C-0.000153976 10.6433 0.061462 11.2853 0.184 11.9169C0.228069 12.1446 0.349922 12.3499 0.5287 12.4977C0.707478 12.6455 0.932061 12.7265 1.164 12.7269C1.22814 12.727 1.29214 12.7206 1.355 12.7079C1.61529 12.6573 1.84483 12.5055 1.99317 12.2857C2.1415 12.0659 2.19647 11.7962 2.146 11.5359Z","fill","currentColor"],["d","M3.30023 14.3698C3.22936 14.2577 3.13693 14.1609 3.02829 14.0849C2.91966 14.0089 2.797 13.9553 2.66745 13.9271C2.5379 13.899 2.40404 13.8968 2.27366 13.9209C2.14329 13.9449 2.019 13.9947 1.90802 14.0672C1.79704 14.1397 1.70159 14.2336 1.62722 14.3434C1.55286 14.4531 1.50105 14.5766 1.47483 14.7065C1.44861 14.8365 1.44849 14.9703 1.47448 15.1003C1.50047 15.2303 1.55206 15.3539 1.62623 15.4638C2.32899 16.5416 3.23279 17.4739 4.28823 18.2098C4.50584 18.3616 4.77485 18.4208 5.03609 18.3743C5.29733 18.3278 5.52939 18.1794 5.68123 17.9618C5.83307 17.7442 5.89224 17.4751 5.84573 17.2139C5.79922 16.9527 5.65084 16.7206 5.43323 16.5688C4.58711 15.9801 3.86281 15.2334 3.30023 14.3698Z","fill","currentColor"],["d","M7.528 14.8821C7.68767 14.9676 7.86754 15.0081 8.04842 14.9993C8.22929 14.9904 8.40439 14.9327 8.555 14.8322L14.555 10.8321C14.692 10.7408 14.8043 10.6171 14.8819 10.472C14.9596 10.3268 15.0002 10.1648 15.0002 10.0001C15.0002 9.83554 14.9596 9.67347 14.8819 9.52833C14.8043 9.38319 14.692 9.25947 14.555 9.16815L8.555 5.16815C8.4044 5.06767 8.22935 5.00996 8.04852 5.00118C7.86769 4.99239 7.68786 5.03287 7.52823 5.11828C7.3686 5.20369 7.23516 5.33083 7.14213 5.48614C7.04909 5.64145 6.99997 5.81911 7 6.00015V14.0001C6.99993 14.1812 7.049 14.3589 7.14199 14.5142C7.23498 14.6695 7.36839 14.7967 7.528 14.8821Z","fill","currentColor"],[1,"video-speed-options"],["class","video-speed-option",3,"selected","click",4,"ngFor","ngForOf"],[1,"control-btn-container"],[1,"s-video-control-panel__progress-bar__filled-ghost__tooltip"],[1,"s-video-control-panel__progress-bar__pin"],[1,"s-video-control-panel__progress-bar__pin","reaction-pin"],[1,"v-control-btn",3,"click"],["d","M4 2.66685V13.3335C3.99997 13.4521 4.03158 13.5686 4.09159 13.6709C4.15159 13.7733 4.23781 13.8577 4.34135 13.9156C4.44489 13.9735 4.562 14.0027 4.68059 14.0002C4.79918 13.9978 4.91497 13.9637 5.016 13.9015L13.6827 8.56819C13.7797 8.50854 13.8599 8.42502 13.9155 8.32558C13.9711 8.22614 14.0003 8.11412 14.0003 8.00019C14.0003 7.88626 13.9711 7.77423 13.9155 7.6748C13.8599 7.57536 13.7797 7.49183 13.6827 7.43219L5.016 2.09885C4.91497 2.0367 4.79918 2.00262 4.68059 2.00015C4.562 1.99767 4.44489 2.02688 4.34135 2.08476C4.23781 2.14265 4.15159 2.22711 4.09159 2.32943C4.03158 2.43175 3.99997 2.54823 4 2.66685Z","fill","currentColor"],["d","M1.3335 2.66665C1.3335 1.93027 1.93045 1.33331 2.66683 1.33331H5.3335C6.06988 1.33331 6.66683 1.93027 6.66683 2.66665V13.3333C6.66683 14.0697 6.06988 14.6666 5.3335 14.6666H2.66683C1.93045 14.6666 1.3335 14.0697 1.3335 13.3333V2.66665Z","fill","currentColor"],["d","M9.33325 2.66665C9.33325 1.93027 9.93021 1.33331 10.6666 1.33331H13.3333C14.0696 1.33331 14.6666 1.93027 14.6666 2.66665V13.3333C14.6666 14.0697 14.0696 14.6666 13.3333 14.6666H10.6666C9.93021 14.6666 9.33325 14.0697 9.33325 13.3333V2.66665Z","fill","currentColor"],[3,"enableAddCommentMode"],["id","path-1-inside-1_21881_357012","fill","currentColor"],["d","M1.86816 8.00004C1.86816 4.61343 4.61355 1.86804 8.00016 1.86804C11.3868 1.86804 14.1322 4.61343 14.1322 8.00004C14.1322 11.3867 11.3868 14.132 8.00016 14.132H2.89016C2.32573 14.132 1.86816 13.6745 1.86816 13.11V8.00004Z"],["d","M1.86816 8.00004C1.86816 4.61343 4.61355 1.86804 8.00016 1.86804C11.3868 1.86804 14.1322 4.61343 14.1322 8.00004C14.1322 11.3867 11.3868 14.132 8.00016 14.132H2.89016C2.32573 14.132 1.86816 13.6745 1.86816 13.11V8.00004Z","stroke","currentColor","stroke-width","2.2995","mask","url(#path-1-inside-1_21881_357012)"],["d","M10 5.33325C10.414 5.64374 10.75 6.04636 10.9814 6.50921C11.2129 6.97206 11.3333 7.48243 11.3333 7.99992C11.3333 8.5174 11.2129 9.02778 10.9814 9.49063C10.75 9.95348 10.414 10.3561 10 10.6666M11.8 3.33325C12.4959 3.89569 13.0573 4.60667 13.4429 5.41413C13.8286 6.2216 14.0287 7.10509 14.0287 7.99992C14.0287 8.89474 13.8286 9.77824 13.4429 10.5857C13.0573 11.3932 12.4959 12.1042 11.8 12.6666M4 9.9999H2.66667C2.48986 9.9999 2.32029 9.92966 2.19526 9.80464C2.07024 9.67961 2 9.51004 2 9.33323V6.66657C2 6.48976 2.07024 6.32019 2.19526 6.19516C2.32029 6.07014 2.48986 5.9999 2.66667 5.9999H4L6.33333 2.9999C6.3916 2.88672 6.48843 2.79812 6.60633 2.7501C6.72422 2.70207 6.8554 2.69781 6.97617 2.73806C7.09693 2.77832 7.19932 2.86044 7.26482 2.96959C7.33032 3.07875 7.35463 3.20773 7.33333 3.33323V12.6666C7.35463 12.7921 7.33032 12.9211 7.26482 13.0302C7.19932 13.1394 7.09693 13.2215 6.97617 13.2617C6.8554 13.302 6.72422 13.2977 6.60633 13.2497C6.48843 13.2017 6.3916 13.1131 6.33333 12.9999L4 9.9999Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["d","M4 9.9999H2.66667C2.48986 9.9999 2.32029 9.92966 2.19526 9.80464C2.07024 9.67961 2 9.51004 2 9.33323V6.66657C2 6.48976 2.07024 6.32019 2.19526 6.19516C2.32029 6.07014 2.48986 5.9999 2.66667 5.9999H4L6.33333 2.9999C6.3916 2.88672 6.48843 2.79812 6.60633 2.7501C6.72422 2.70207 6.8554 2.69781 6.97617 2.73806C7.09693 2.77832 7.19932 2.86044 7.26482 2.96959C7.33033 3.07875 7.35463 3.20773 7.33333 3.33323V12.6666C7.35463 12.7921 7.33033 12.9211 7.26482 13.0302C7.19932 13.1394 7.09693 13.2215 6.97617 13.2617C6.8554 13.302 6.72422 13.2977 6.60633 13.2497C6.48843 13.2017 6.3916 13.1131 6.33333 12.9999L4 9.9999Z","fill","currentColor"],["d","M10.9412 6.2707L14 9.14959M14 6.2707L10.9412 9.14959M3.29412 9.86932H1.76471C1.56189 9.86932 1.36739 9.79349 1.22398 9.65851C1.08057 9.52354 1 9.34048 1 9.14959V6.2707C1 6.07982 1.08057 5.89675 1.22398 5.76178C1.36739 5.62681 1.56189 5.55098 1.76471 5.55098H3.29412L5.97059 2.31222C6.03743 2.19004 6.1485 2.09438 6.28373 2.04254C6.41896 1.9907 6.56943 1.98609 6.70796 2.02955C6.84648 2.07301 6.96392 2.16167 7.03906 2.27951C7.1142 2.39734 7.14207 2.53659 7.11765 2.67209V12.7482C7.14207 12.8837 7.1142 13.023 7.03906 13.1408C6.96392 13.2586 6.84648 13.3473 6.70796 13.3907C6.56943 13.4342 6.41896 13.4296 6.28373 13.3778C6.1485 13.3259 6.03743 13.2303 5.97059 13.1081L3.29412 9.86932Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[1,"video-speed-option",3,"click"],["width","16","height","16","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg",1,"v-control-btn-icon"],["d","M3 9C3.55228 9 4 8.55228 4 8V5C4 4.44772 4.44772 4 5 4H8C8.55228 4 9 3.55228 9 3C9 2.44772 8.55228 2 8 2H5C3.34315 2 2 3.34315 2 5V8C2 8.55228 2.44772 9 3 9Z","fill","currentColor"],["d","M4 16C4 15.4477 3.55228 15 3 15C2.44772 15 2 15.4477 2 16V19C2 20.6569 3.34315 22 5 22H8C8.55228 22 9 21.5523 9 21C9 20.4477 8.55228 20 8 20H5C4.44772 20 4 19.5523 4 19V16Z","fill","currentColor"],["d","M20 16C20 15.4477 20.4477 15 21 15C21.5523 15 22 15.4477 22 16V19C22 20.6569 20.6569 22 19 22H16C15.4477 22 15 21.5523 15 21C15 20.4477 15.4477 20 16 20H19C19.5523 20 20 19.5523 20 19V16Z","fill","currentColor"],["d","M20 8C20 8.55228 20.4477 9 21 9C21.5523 9 22 8.55228 22 8V5C22 3.34315 20.6569 2 19 2H16C15.4477 2 15 2.44772 15 3C15 3.55228 15.4477 4 16 4H19C19.5523 4 20 4.44772 20 5V8Z","fill","currentColor"],["d","M8 2C7.44772 2 7 2.44772 7 3L7 6C7 6.55228 6.55228 7 6 7L3 7C2.44772 7 2 7.44771 2 8C2 8.55228 2.44772 9 3 9L6 9C7.65685 9 9 7.65685 9 6L9 3C9 2.44772 8.55229 2 8 2Z","fill","currentColor"],["d","M7 21C7 21.5523 7.44772 22 8 22C8.55229 22 9 21.5523 9 21L9 18C9 16.3431 7.65685 15 6 15L3 15C2.44772 15 2 15.4477 2 16C2 16.5523 2.44772 17 3 17L6 17C6.55228 17 7 17.4477 7 18L7 21Z","fill","currentColor"],["d","M17 21C17 21.5523 16.5523 22 16 22C15.4477 22 15 21.5523 15 21L15 18C15 16.3431 16.3431 15 18 15H21C21.5523 15 22 15.4477 22 16C22 16.5523 21.5523 17 21 17H18C17.4477 17 17 17.4477 17 18L17 21Z","fill","currentColor"],["d","M17 3C17 2.44772 16.5523 2 16 2C15.4477 2 15 2.44772 15 3V6C15 7.65685 16.3431 9 18 9H21C21.5523 9 22 8.55228 22 8C22 7.44772 21.5523 7 21 7H18C17.4477 7 17 6.55228 17 6V3Z","fill","currentColor"]],template:function(t,o){if(t&1){let l=y();c(0,"div",4),h("pointerenter",function(){return C(l),v(o.showControlPanel())})("pointermove",function(){return C(l),v(o.setTimerForHideControlPanel())})("pointerleave",function(){return C(l),v(o.hideControlPanel(o.HIDE_CONTROL_PANEL_DURATION))})("keyup",function(){return C(l),v(o.setTimerForHideControlPanel())}),c(1,"video",5,0),h("click",function(){C(l);let s=P(2);return v(s!=null&&s.paused?o.playVideo():o.pauseVideo())})("keydown.space",function(s){return C(l),s.stopPropagation(),v(s.preventDefault())})("keyup.space",function(){return C(l),v(o.toggleVideo())})("keyup.arrowright",function(){return C(l),v(o.moveForwardVideo())})("keyup.arrowleft",function(){return C(l),v(o.moveBackwardVideo())}),d(),c(3,"div",6)(4,"div",7,1),h("click",function(s){return C(l),v(o.onProgressBarClick(s))})("pointermove",function(s){return C(l),v(o.onProgressBarPointerOver(s))})("pointerout",function(s){return C(l),v(o.onProgressBarPointerOut(s))}),f(6,"div",8),c(7,"div",9,2),_(9,nn,2,1,"div",10),d(),c(10,"div",11),_(11,on,2,4,"ng-container",12)(12,rn,2,2,"ng-container",12),d(),c(13,"div",13)(14,"velt-comment-player-timeline-internal",14,3),h("onCommentClick",function(s){return C(l),v(o.onCommentAnnotationClick(s))})("onReactionClick",function(s){return C(l),v(o.onReactionAnnotationClick(s==null?null:s.annotation))})("annotationsPositionChange",function(){return C(l),v(o.cd.markForCheck())}),d()()(),c(16,"div",15)(17,"div",16)(18,"div",17),_(19,ln,3,0,"button",18)(20,an,4,0,"button",18),d()(),c(21,"div",19)(22,"div",20)(23,"div",21),T(24),d(),c(25,"div",22),T(26,"/"),d(),c(27,"div",23),T(28),d()()(),c(29,"div",24)(30,"velt-reaction-tool",25),h("emojiSelected",function(s){return C(l),v(o.addReaction((s==null?null:s.detail)??s))}),c(31,"button",26),V(),c(32,"svg",27),f(33,"path",28)(34,"path",29)(35,"path",30),d()()(),_(36,cn,6,2,"velt-comment-tool",31),fe(),c(37,"div",32),_(38,sn,4,0,"button",18)(39,mn,3,0,"button",18),c(40,"div",33)(41,"input",34),h("change",function(s){return C(l),v(o.changeVolumeVideo(s))}),d()()(),c(42,"div",35)(43,"button",36),V(),c(44,"svg",37),f(45,"path",38)(46,"path",39)(47,"path",40)(48,"path",41)(49,"path",42),d()(),fe(),c(50,"div",43),_(51,pn,2,5,"div",44),d()(),c(52,"div",45),_(53,dn,6,0,"button",18)(54,gn,6,0,"button",18),d()()()()()}if(t&2){let l=P(2),a=P(15);ne("full-screen",o.fullScreen),p("id",o.playerId),m(),p("src",o.src,Fe),w("data-sync-video-player",o.sync?!0:void 0),m(2),ne("hidden",!o.controlPanelVisible||o.addCommentMode),m(3),F("width",o.currentTime*100/(o.duration||1),"%"),m(3),p("ngIf",o.hoveredTimeFormatted),m(2),p("ngForOf",a==null?null:a.commentAnnotationsWithPosition)("ngForTrackBy",o.trackByFn),m(),p("ngForOf",a==null?null:a.reactionAnnotationsWithPosition)("ngForTrackBy",o.trackByFn),m(2),p("videoPlayerId",o.playerId)("totalMediaLength",o.duration)("source","video")("version",o.version)("shadowDom",o.shadowDom),m(5),p("ngIf",l==null?null:l.paused),m(),p("ngIf",!(l!=null&&l.paused)),m(4),H(o.currentTimeFormatted),m(4),H(o.durationFormatted),m(2),p("darkMode",o.darkMode),m(6),p("ngIf",o.showCommentTool),m(2),p("ngIf",!(l!=null&&l.muted)),m(),p("ngIf",l==null?null:l.muted),m(2),p("value",l!=null&&l.muted?0:l==null?null:l.volume),m(10),p("ngForOf",o.VIDEO_SPEED_OPTIONS),m(2),p("ngIf",!o.fullScreen),m(),p("ngIf",o.fullScreen)}},dependencies:[D,B,re],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}.s-video-player-container[_ngcontent-%COMP%]{height:100%;width:100%;position:relative;display:flex;overflow:hidden;border-radius:calc((.5rem + 0px) * var(--velt-base-rem-unit));background-color:#000;flex-direction:column}.s-video-player-container[_ngcontent-%COMP%]   video[_ngcontent-%COMP%]{height:calc(100% - 100px);width:100%}.s-video-player-container[_ngcontent-%COMP%]:hover   .s-video-control-panel[_ngcontent-%COMP%]{opacity:1}.s-video-player-container.full-screen[_ngcontent-%COMP%]{position:fixed;inset:0;background:#000;z-index:10000000;border-radius:0}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]{width:100%;height:100px;align-items:center;justify-content:flex-end;display:flex;flex-direction:column;transition:opacity .3s ease-in-out}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel.hidden[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]{height:0px;opacity:0;padding:0;transform:translateY(calc((3.5rem + 0px) * var(--velt-base-rem-unit)))}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel.hidden[_ngcontent-%COMP%]   velt-comment-player-timeline-internal[_ngcontent-%COMP%]{opacity:.3}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;height:calc((3.5rem + 0px) * var(--velt-base-rem-unit));color:#fff;transition:all .5s ease-in-out;padding:calc((.5rem + 0px) * var(--velt-base-rem-unit))}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_left[_ngcontent-%COMP%], .s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:calc((1rem + 0px) * var(--velt-base-rem-unit))}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]{color:#fff;font-size:15px;font-style:normal;font-weight:500;line-height:140%;display:flex;gap:8px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]   .s-video-time-display__current[_ngcontent-%COMP%]{min-width:44px;color:#fff;text-align:right}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]   .s-video-time-display__divider[_ngcontent-%COMP%], .s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_center[_ngcontent-%COMP%]   .s-video-time-display[_ngcontent-%COMP%]   .s-video-time-display__duration[_ngcontent-%COMP%]{opacity:.5}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-video-control-panel__controls_right[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   velt-comment-tool[_ngcontent-%COMP%]{display:flex}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .s-control-btn[_ngcontent-%COMP%]{cursor:pointer}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]{position:relative}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]:hover   .volume-slider[_ngcontent-%COMP%]{display:block}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]   .volume-slider[_ngcontent-%COMP%]{position:absolute;bottom:90%;left:50%;transform:translate(-50%);display:none}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .volume-btn-container[_ngcontent-%COMP%]   .volume-slider[_ngcontent-%COMP%]   input[type=range][_ngcontent-%COMP%]{width:calc((4rem + 0px) * var(--velt-base-rem-unit));background:#ccc;outline:none;cursor:pointer;border-radius:5px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]{position:relative}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]:hover   .video-speed-options[_ngcontent-%COMP%]{display:flex}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]{position:absolute;bottom:90%;background:var(--legacy-velt-bg-dark-color);padding:1rem;left:50%;transform:translate(-50%);border-radius:16px;display:flex;flex-direction:column;font-size:12px;display:none}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]   .video-speed-option[_ngcontent-%COMP%]{cursor:pointer;padding:.5rem;border-radius:8px;transition:.3s ease-in-out}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]   .video-speed-option[_ngcontent-%COMP%]:hover, .s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__controls[_ngcontent-%COMP%]   .video-speed-btn-container[_ngcontent-%COMP%]   .video-speed-options[_ngcontent-%COMP%]   .video-speed-option.selected[_ngcontent-%COMP%]{color:var(--primary-6, #625DF5)}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel_progress-bar[_ngcontent-%COMP%]{width:100%;height:4px;background-color:#ffffff80;position:relative;margin:0 10px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel_progress-bar[_ngcontent-%COMP%]   .s-video-control-panel_progress-bar__current[_ngcontent-%COMP%]{position:absolute;top:0;left:0;height:100%;background-color:#fff}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]{width:100%;position:relative;margin-top:calc((1rem + 0px) * var(--velt-base-rem-unit));background:#ffffff54;cursor:pointer;--v-video-progress-bar-height: 4px;transition:height .2s ease-in-out}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar__pin[_ngcontent-%COMP%]{position:absolute;top:0;height:100%;width:1px;background-color:#00f}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar__pin.reaction-pin[_ngcontent-%COMP%]{background:#f1f1f1}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar[_ngcontent-%COMP%]:hover{--v-video-progress-bar-height: 8px}.s-video-player-container[_ngcontent-%COMP%]   .s-video-control-panel[_ngcontent-%COMP%]   .s-video-control-panel__comment-player-timeline-container[_ngcontent-%COMP%]{position:absolute;width:100%;bottom:100%;left:2px}.s-video-control-panel__progress-bar__filled[_ngcontent-%COMP%]{height:var(--v-video-progress-bar-height, 4px);left:0;top:0;background:var(--primary-6, #625DF5);-webkit-user-select:none;user-select:none;pointer-events:none;transition:height .2s ease-in-out}.s-video-control-panel__progress-bar__filled-ghost[_ngcontent-%COMP%]{height:var(--v-video-progress-bar-height, 4px);left:0;top:0;background:var(--primary-6, rgba(98, 93, 245, .5333333333));-webkit-user-select:none;user-select:none;pointer-events:none;position:absolute;z-index:1;transition:height .2s ease-in-out}.s-video-control-panel__progress-bar__filled-ghost[_ngcontent-%COMP%]   .s-video-control-panel__progress-bar__filled-ghost__tooltip[_ngcontent-%COMP%]{position:absolute;top:-28px;background:var(--legacy-velt-bg-dark-color);font-size:10px;right:0;transform:translate(50%);border-radius:4px;padding:2px 6px;color:var(--legacy-velt-primary-dark-color)}.comment-tool-icon[_ngcontent-%COMP%], .reaction-tool-icon[_ngcontent-%COMP%]{color:var(--legacy-velt-comment-tool-icon-color)!important;cursor:pointer;transition:.5s ease-in-out}app-reaction-tool.reaction-tool-active[_ngcontent-%COMP%]   .reaction-tool-icon[_ngcontent-%COMP%]{fill:#fff!important;background:#625df5!important}velt-comment-tool[_ngcontent-%COMP%]{--legacy-velt-tool-icon-color: white !important}.s-video-control-comment-tool-container[_ngcontent-%COMP%]{position:absolute!important;bottom:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;right:calc((1rem + 0px) * var(--velt-base-rem-unit))!important}.v-control-btn[_ngcontent-%COMP%]{cursor:pointer;color:#fff;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;outline:0;width:40px;height:40px;border-radius:50%}.v-control-btn[_ngcontent-%COMP%]:hover, .v-control-btn[_ngcontent-%COMP%]:active, .v-control-btn.active[_ngcontent-%COMP%]{background-color:#625df5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}app-reaction-tool.reaction-tool-active[_ngcontent-%COMP%]   .v-control-btn[_ngcontent-%COMP%]{background-color:#625df5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}"],changeDetection:0});let i=r;return i})();var at=(()=>{let r=class r{};r.\u0275fac=function(t){return new(t||r)},r.\u0275mod=De({type:r}),r.\u0275inj=ke({imports:[Le,He,We,et]});let i=r;return i})();function _n(i){i.get(W).log("%c[WB] Loading video-player feature chunk","color: blue;");let e=Ne(at,i).injector;ct(e,x.TAGS.VELT_VIDEO_PLAYER,Se),ct(e,x.TAGS.VELT_VIDEO_COMMENTS_TIMELINE,re)}function ct(i,r,n){if(customElements.get(r))return;let e=Ue(n,{injector:i});customElements.define(r,e)}export{_n as default};