@veltdev/sdk-staging 5.0.4 → 6.0.0-beta.1

package/velt-recorder.js

@@ -0,0 +1 @@
+import{a as Ot,b as Wa,c as Ya}from"./chunk-VFAO7EZK.js";import{A as ye,B as Ga,C as Oe,a as Go,b as gr,c as vr,d as ur,e as fr,f as hr,g as Cr,h as _r,i as yr,j as Sr,k as xr,l as br,m as Ir,n as Pr,o as Er,p as Dr,q as Tr,r as Or,s as wr,t as kr,u as Wo,v as Yo,w as Rr,x as Mr,y as Vr,z as rt}from"./chunk-5FKOPJVO.js";import"./chunk-5B5CQEDX.js";import"./chunk-USRSVPHC.js";import"./chunk-YBQBSGLX.js";import"./chunk-BG6MNCDK.js";import{b as Vo,c as dt,d as va}from"./chunk-TXOYHDVN.js";import"./chunk-BY627CV6.js";import"./chunk-25GEE4UD.js";import"./chunk-IXZIBE27.js";import{a as ja}from"./chunk-XMYVEF74.js";import{b as Ao,c as Fo,g as Bo,i as ya,l as Sa,m as xa,s as rn,u as Pa,v as Ea,w as Da,x as lt}from"./chunk-7W553TUZ.js";import"./chunk-AVMLJMVU.js";import{a as pt}from"./chunk-2HGBJS2C.js";import{A as P,B as R,o as Zo,y as za}from"./chunk-447SWJD2.js";import{a as Se,b as Na}from"./chunk-ZVY2YW2G.js";import{b as W,c as Ha,d as Uo}from"./chunk-UJMFCXYS.js";import{a as Ua}from"./chunk-6SOP2T3L.js";import{a as Za}from"./chunk-N4SGYLNB.js";import{a as _a}from"./chunk-J6J7I3SW.js";import{A as on,F as ha,G as Ue,H as Je,I as Ca,Y as ba,ba as Ia,da as f,ea as Ie,fa as N,ga as Pe,r as ua,t as fa}from"./chunk-AOHSD4YE.js";import{$ as Eo,$b as dr,Ab as $e,Bb as Qe,Ca as ia,Da as oa,Db as Ee,De as Ta,E as Et,Eb as De,Ec as Ro,Eg as zo,Fa as c,Fb as Te,Fc as Re,Ga as be,Gc as b,Hc as ut,Hi as Tt,Ib as re,Ic as ft,J as en,Jb as Be,Jc as Mo,Kb as te,Kc as pa,Lc as Me,Ma as ra,Mb as To,Nb as ie,Ng as mr,Oa as aa,Ob as ke,Og as ka,Pa as d,Pb as ge,Pc as ga,Qi as La,Sb as Oo,T as ta,Ta as la,Tb as wo,Te as Q,Ua as x,Ub as ko,Ue as Oa,Uh as Ma,Va as ca,Vh as Va,Wh as jo,Xh as Aa,Ya as k,Yh as Ho,Zh as Fa,_a as s,_b as F,_e as mn,a as h,aa as na,ac as Ve,ag as No,b as _,bb as sa,bc as C,ca as st,cc as D,db as E,dc as ve,ec as qe,fc as L,g as Le,ga as Do,ha as O,hh as pr,ia as w,ja as K,je as de,k as sr,ka as Ae,kc as z,la as tn,lb as l,lc as j,mb as v,mh as Ra,nb as u,ne as at,ni as an,ob as S,oi as Ke,pc as he,pi as y,qa as ce,qi as Ba,r as Pt,sb as m,sc as ma,tb as p,tc as nn,th as We,ua as Fe,ub as we,ui as Ne,v as ea,vb as Z,vi as mt,wa as T,wb as da,xb as H,xc as Dt,yf as wa,zb as a,zf as Lo}from"./chunk-JWLHBAMV.js";var ht=(()=>{let o=class o{constructor(e,n,r,g){this.loggingService=e,this.recorderAnnotationService=n,this.recorderService=r,this.serviceBook=g,this.actionSubjects=new Map,this.subscriptions=[];try{this.serviceBook.set(jo,this),this.recorderAnnotationService.setRecorderActionsService(this),this.recorderService.setRecorderActionsService(this)}catch(I){this.loggingService.catch("Error in RecorderActionsService constructor: ",I)}}onTranscriptionDone(e){try{this.triggerAction(at.TRANSCRIPTION_DONE,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onTranscriptionDone: ",n)}}onRecordingDone(e){try{this.triggerAction(at.RECORDING_DONE,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingDone: ",n)}}onRecordingDoneLocal(e){try{this.triggerAction(at.RECORDING_DONE_LOCAL,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingDoneLocal: ",n)}}onRecordingEditDone(e){try{this.triggerAction(at.RECORDING_EDIT_DONE,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingEditDone: ",n)}}onRecordingStarted(e){try{this.triggerAction(at.RECORDING_STARTED,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingStarted: ",n)}}onRecordingPaused(e){try{this.triggerAction(at.RECORDING_PAUSED,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingPaused: ",n)}}onRecordingCancelled(e){try{this.triggerAction(at.RECORDING_CANCELLED,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingCancelled: ",n)}}onRecordingStopped(e){try{this.triggerAction(at.RECORDING_STOPPED,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingStopped: ",n)}}onRecordingResumed(e){try{this.triggerAction(at.RECORDING_RESUMED,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingResumed: ",n)}}onDeleteRecording(e){try{this.triggerAction(at.DELETE_RECORDING,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onDeleteRecording: ",n)}}onError(e){try{this.triggerAction(at.ERROR,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onError: ",n)}}onRecordingSaveInitiated(e){try{this.triggerAction(at.RECORDING_SAVE_INITIATED,e)}catch(n){this.loggingService.catch("Error in RecorderActionsService onRecordingSaveInitiated: ",n)}}triggerAction(e,n){try{this.actionSubjects.has(e)||this.actionSubjects.set(e,new sr),this.actionSubjects.get(e)?.next(n)}catch(r){this.loggingService.catch("Error in RecorderActionsService triggerAction: ",r)}}onAction(e){try{return this.actionSubjects.has(e)||this.actionSubjects.set(e,new sr),this.actionSubjects.get(e)?.asObservable()}catch(n){return this.loggingService.catch("Error in RecorderActionsService onAction: ",n),Pt(null)}}};o.\u0275fac=function(n){return new(n||o)(st(y),st(Oe),st(ye),st(an))},o.\u0275prov=Eo({token:o,factory:o.\u0275fac,providedIn:"root"});let t=o;return t})();var me=class{constructor(){this.trackByAttachmentId=(o,i)=>i?.attachmentId,this.trackByMarkerPosition=(o,i)=>i?.position||o,this.trackByZoomOption=(o,i)=>i.value,this.trackByPreviewImage=(o,i)=>i||o,this.videoDuration=120,this.currentTime=0,this.currentTimeDisplay="00:00",this.timeMarkers=[],this.timelineWidth=0,this.isPlayingTrimPreview=!1,this.videoLoaded=!1,this.isLoading=!1,this.isDownloading=!1,this.recordingType="audio",this.isDraggingFromStart=!1,this.isDraggingFromEnd=!1,this.hasReachedEndOfTrimSections=!1,this.playbackOnPreviewClick=!0,this.timelineData={trim:{activeSectionIndex:-1,sections:[],initialSections:[],selectionStart:null,selectionEnd:null,isSelectingArea:!1,isDraggingForSelection:!1,selectionStarted:!1,hasChanges:!1,initialDragX:0,selectedSectionIndex:-1},scale:{activeSectionIndex:-1,sections:[],initialSections:[],selectionStart:null,selectionEnd:null,isSelectingArea:!1,isDraggingForSelection:!1,selectionStarted:!1,hasChanges:!1,initialDragX:0,selectedSectionIndex:-1}},this.playingSectionIndex=-1,this.trackByTrimSectionIndex=(o,i)=>o,this.trackByScaleSectionIndex=(o,i)=>o,this.isSelectionActive=!0,this.isDraggingPlayhead=!1,this.selectionMinDragDistance=Q.VIDEO_EDITOR.SELECTION_MIN_DRAG_DISTANCE,this.justCompletedDrag=!1,this.isZoomActive=-1,this.zoomOptions=Q.VIDEO_EDITOR.ZOOM_FACTOR_OPTIONS,this.showZoomDropdown={},this.currentZoomScale=1,this.zoomedVideoStyle={},this.onVideoLoaded=()=>{},this.onVideoTimeUpdate=()=>{},this.onTimelineClick=()=>{},this.onPlayheadMouseDown=()=>{},this.toggleEditPreview=()=>{},this.selectZoomOption=()=>{},this.onZoomRectDragEnded=o=>{},this.onZoomRectResizeEnded=()=>{},this.emitApplyEdit=()=>{},this.emitCloseEdit=()=>{},this.onAddButtonClick=()=>{},this.onDeleteButtonClick=()=>{},this.onTimelineMouseDown=()=>{},this.updateActiveSection=()=>{},this.handleDragStart=()=>{},this.addCut=()=>{},this.onDeleteSelectionClick=()=>{},this.findSectionIndexAtTime=()=>{},this.applyScalePreview=()=>{},this.updateZoomStyle=()=>{},this.resetZoom=()=>{},this.minDragArea=1e-4,this.maxZoomFactor=Q.VIDEO_EDITOR.MAX_ZOOM_FACTOR,this.setSectionActive=()=>{},this.activeScalingInPreviewIndex=-1,this.activeScalingOutPreviewIndex=-1,this.rectangleCornerDragging=!1,this.toggleZoomDropdown=()=>{},this.closeZoomDropdown=()=>{},this.setCustomZoomFactor=()=>{},this.downloadLatestEditedVideo=()=>{},this.onAddZoomButtonClick=()=>{},this.isCurrentTimeInZoomSection=!1,this.playheadActionsVisible=!1,this.showPlayheadActions=()=>{},this.hidePlayheadActions=()=>{},this.defaultZoomFactor=Q.VIDEO_EDITOR.DEFAULT_ZOOM_FACTOR,this.onboardingTooltipVisible=!1,this.showOnboardingTooltip=()=>{},this.hideOnboardingTooltip=()=>{},this.onTimelineTrimClick=()=>{},this.clearSelection=()=>{},this.isZoomCustomValue=!1,this.playheadPosition=0,this.retakeHandler=()=>{},this.showRetakeButton=!1,this.canVideoSupportZoom=!0,this.supportZoomHintVisible=!1,this.showSupportZoomHint=()=>{},this.hideSupportZoomHint=()=>{},this.getHintLeftPosition=()=>{},this.getHintTransform=()=>{},this.backspaceHintLeftPosition=0,this.backspaceHintTransform=""}};var Xa=t=>({componentConfigSignal:t}),ps=(t,o)=>({condition:t,data:o}),gs=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-apply-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function vs(t,o){if(t&1&&(m(0),v(1,"div",4),ie(2),u(),p()),t&2){let i=a(2).ngIf;c(2),ge(" ",i.isLoading?"Applying...":"Done"," ")}}function us(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.emitApplyEdit())}),s(2,vs,3,1,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player--apply-disabled-control",i.isLoading||i.timelineData.trim.sections.length===0),c(),l("veltDynamicTemplate",L(5,gs,e.template,C(3,Xa,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function fs(t,o){if(t&1&&(m(0),s(1,us,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,ps,i.conditionSignal(),C(1,Xa,i.componentConfigSignal)))}}var pn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-apply-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerApplyButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerApplyButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerApplyButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-apply-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player--apply-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--apply-button-text"]],template:function(n,r){n&1&&s(0,fs,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--apply-button-text[_ngcontent-%COMP%]{cursor:pointer;display:flex;padding:0px var(--velt-spacing-lg);height:36px;justify-content:center;align-items:center;gap:var(--velt-spacing-sm);align-self:stretch;border-radius:var(--velt-border-radius-sm);background:var(--velt-text-0);color:var(--velt-background-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:20px}.velt-video-editor-player--apply-button-text[_ngcontent-%COMP%]:hover{opacity:.8}.velt-video-editor-player--apply-disabled-control[_ngcontent-%COMP%]{pointer-events:none;cursor:not-allowed}.velt-video-editor-player--apply-disabled-control[_ngcontent-%COMP%]   .velt-video-editor-player--apply-button-text[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});let t=o;return t})();var $a=t=>({componentConfigSignal:t}),Cs=(t,o)=>({condition:t,data:o}),_s=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-close-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function ys(t,o){t&1&&(m(0),v(1,"div",4),ie(2," Discard "),u(),p())}function Ss(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.emitCloseEdit())}),s(2,ys,3,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player--close-disabled-control",i.isLoading),c(),l("veltDynamicTemplate",L(5,_s,e.template,C(3,$a,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function xs(t,o){if(t&1&&(m(0),s(1,Ss,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Cs,i.conditionSignal(),C(1,$a,i.componentConfigSignal)))}}var gn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-close-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerCloseButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerCloseButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerCloseButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-close-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player--close-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--close-button-text"]],template:function(n,r){n&1&&s(0,xs,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--close-button-text[_ngcontent-%COMP%]{cursor:pointer;height:32px;display:flex;padding:0px var(--velt-spacing-lg);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);align-self:stretch;border-radius:var(--velt-border-radius-sm);border:2px solid var(--velt-border-4);background:var(--velt-background-0);color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:20px}.velt-video-editor-player--close-button-text[_ngcontent-%COMP%]:hover{opacity:.8}.velt-video-editor-player--close-disabled-control[_ngcontent-%COMP%]{pointer-events:none}.velt-video-editor-player--close-disabled-control[_ngcontent-%COMP%]   .velt-video-editor-player--close-button-text[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});let t=o;return t})();var Qa=t=>({componentConfigSignal:t}),Is=(t,o)=>({condition:t,data:o}),Ps=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-preview-loading-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Es(t,o){t&1&&(m(0),v(1,"div",3)(2,"div",4),S(3,"div",5),u()(),p())}function Ds(t,o){if(t&1&&(m(0),s(1,Es,4,0,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Ps,e.template,C(1,Qa,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Ts(t,o){if(t&1&&(m(0),s(1,Ds,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",!(i!=null&&i.videoLoaded))}}function Os(t,o){if(t&1&&(m(0),s(1,Ts,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Is,i.conditionSignal(),C(1,Qa,i.componentConfigSignal)))}}var vn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-preview-loading",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewLoadingComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewLoadingComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewLoadingComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-preview-loading-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-preview-loading-overlay"],[1,"velt-video-editor-player-preview-loading-spinner"],[1,"velt-video-editor-player-preview-loading-spinner-bar"]],template:function(n,r){n&1&&s(0,Os,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-preview-loading-overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.velt-video-editor-player-preview-loading-overlay[_ngcontent-%COMP%]   .velt-video-editor-player-preview-loading-spinner[_ngcontent-%COMP%]{width:50px;height:50px;display:flex;justify-content:center;align-items:center}.velt-video-editor-player-preview-loading-overlay[_ngcontent-%COMP%]   .velt-video-editor-player-preview-loading-spinner[_ngcontent-%COMP%]   .velt-video-editor-player-preview-loading-spinner-bar[_ngcontent-%COMP%]{width:30px;height:30px;border-radius:50%;border:3px solid var(--velt-background-0);border-top-color:var(--velt-warning);animation:_ngcontent-%COMP%_velt-video-editor-player-preview-loading-spin 1s linear infinite}@keyframes _ngcontent-%COMP%_velt-video-editor-player-preview-loading-spin{to{transform:rotate(360deg)}}"],changeDetection:0});let t=o;return t})();var ks=["videoElement"],qa=t=>({componentConfigSignal:t}),Rs=(t,o)=>({condition:t,data:o}),Ms=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-preview-video-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Vs(t,o){if(t&1&&S(0,"source",10),t&2){let i=a(3).ngIf;l("src",i.blobUrl)}}function As(t,o){if(t&1&&S(0,"source",10),t&2){let i=a(3).ngIf;l("src",i.url)}}function Fs(t,o){if(t&1&&S(0,"source",10),t&2){let i=a(3).ngIf;l("src",!(i.annotation==null||i.annotation.attachment==null)&&i.annotation.attachment.thumbnail?i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.url:(i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.url)+"#t=0.001")}}function Bs(t,o){if(t&1&&S(0,"source",12),t&2){let i=o.$implicit;l("src",i==null?null:i.url)("type",(i==null?null:i.mimeType)||"video/mp4")}}function Ls(t,o){if(t&1&&(s(0,Bs,1,2,"source",11),z(1,"rearrangeMediaSource")),t&2){let i=a(3).ngIf;l("ngForOf",j(1,2,i.annotation==null?null:i.annotation.attachments))("ngForTrackBy",i.trackByAttachmentId)}}function Ns(t,o){if(t&1){let i=Z();v(0,"div",13)(1,"div",14),H("mousedown",function(n){O(i);let r=a(4);return w(r.onRectangleMouseDown(n))})("click",function(n){O(i);let r=a(4);return w(r.onRectangleClick(n))})("cdkDragStarted",function(n){O(i);let r=a(4);return w(r.onRectangleDragStarted(n))})("cdkDragMoved",function(n){O(i);let r=a(4);return w(r.onRectangleDragMoved(n))})("cdkDragEnded",function(n){O(i);let r=a(4);return w(r.onRectangleDragEnded(n))}),v(2,"div",15),H("mousedown",function(n){O(i);let r=a(4);return w(r.onResizeStart(n,"nw"))}),u(),v(3,"div",16),H("mousedown",function(n){O(i);let r=a(4);return w(r.onResizeStart(n,"ne"))}),u(),v(4,"div",17),H("mousedown",function(n){O(i);let r=a(4);return w(r.onResizeStart(n,"sw"))}),u(),v(5,"div",18),H("mousedown",function(n){O(i);let r=a(4);return w(r.onResizeStart(n,"se"))}),u(),S(6,"div",19),u()()}if(t&2){let i=a(3).ngIf,e=a();c(),Be("width",100/((i==null||i.timelineData==null||i.timelineData.scale==null||i.timelineData.scale.sections==null||i.timelineData.scale.sections[(i==null||i.timelineData==null||i.timelineData.scale==null?null:i.timelineData.scale.selectedSectionIndex)||0]==null?null:i.timelineData.scale.sections[(i==null||i.timelineData==null||i.timelineData.scale==null?null:i.timelineData.scale.selectedSectionIndex)||0].zoomFactor)||1),"%")("height",100/((i==null||i.timelineData==null||i.timelineData.scale==null||i.timelineData.scale.sections==null||i.timelineData.scale.sections[(i==null||i.timelineData==null||i.timelineData.scale==null?null:i.timelineData.scale.selectedSectionIndex)||0]==null?null:i.timelineData.scale.sections[(i==null||i.timelineData==null||i.timelineData.scale==null?null:i.timelineData.scale.selectedSectionIndex)||0].zoomFactor)||1),"%"),l("cdkDragBoundary",".velt-video-editor-player-zoom-overlay")("cdkDragFreeDragPosition",e.getRectanglePixelPosition())}}function zs(t,o){if(t&1){let i=Z();m(0),v(1,"div",4)(2,"div",5)(3,"video",6,0),H("click",function(n){O(i);let r=a(2).ngIf,g=a();return w(r.playbackOnPreviewClick?g.playOnPreviewClick(n):null)})("loadedmetadata",function(){O(i);let n=a(2).ngIf;return w(n.onVideoLoaded())})("timeupdate",function(){O(i);let n=a(2).ngIf;return w(n.onVideoTimeUpdate())}),s(5,Vs,1,1,"source",7)(6,As,1,1,"source",7)(7,Fs,1,1,"source",7)(8,Ls,2,4,"ng-template",8),u(),s(9,Ns,7,6,"div",9),u()(),p()}if(t&2){let i=a(2).ngIf;c(3),te("flip",i.recordingType===i.recorderModes.VIDEO),l("ngStyle",i.zoomedVideoStyle)("poster",i.type=="standalone"?"":(i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.thumbnail)||(!(i.annotation==null||i.annotation.attachments==null)&&i.annotation.attachments.length?i.annotation==null?null:i.annotation.attachments[0].thumbnail:"")),c(2),l("ngIf",i.blobUrl&&i.type==="standalone"),c(),l("ngIf",i.url&&!i.blobUrl&&i.type==="standalone"),c(),l("ngIf",!(!(i.annotation==null||i.annotation.attachments==null)&&i.annotation.attachments.length)&&(i.annotation==null?null:i.annotation.attachment)&&i.type!=="standalone"),c(),l("ngIf",(i.annotation==null||i.annotation.attachments==null?null:i.annotation.attachments.length)&&i.type!=="standalone"),c(),l("ngIf",i.timelineData.scale.selectedSectionIndex!==-1&&!i.isPlayingTrimPreview)}}function js(t,o){if(t&1&&(m(0),s(1,zs,10,9,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Ms,e.template,C(1,qa,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Hs(t,o){if(t&1&&(m(0),s(1,js,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,Rs,i.conditionSignal(),C(1,qa,i.componentConfigSignal)))}}var fn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.cdr=g,this.componentId="velt-video-editor-player-preview-video",this.isDragging=!1,this.initialWidth=0,this.initialHeight=0,this.initialRectHeight=0,this.initialRectWidth=0,this.initialTopLeftX=0,this.initialTopLeftY=0,this.aspectRatio=1,this.currentHandle="",this.startMouseX=0,this.startMouseY=0,this.rectElement=null,this.containerSizeChangeCounter=0,this.isDraggingRectangle=!1,this.lastKnownPosition={x:0,y:0},this.calculateOptimalSize=()=>{try{let I=this.elementRef.nativeElement.querySelector(".velt-video-editor-player-preview-video-container-video"),B=this.videoElement?.nativeElement;if(!I||!B)return;let A=this.elementRef.nativeElement.querySelector(".velt-video-editor-player-preview-video-container");if(!A)return;let M=A.getBoundingClientRect(),V=M.width,Y=M.height,J=I.offsetWidth,ne=I.offsetHeight;if(B.videoWidth&&B.videoHeight){let oe=B.videoWidth/B.videoHeight,pe=V/Y,le,ae;oe>pe?(le=V,ae=V/oe):(ae=Y,le=Y*oe),I.style.width=le+"px",I.style.height=ae+"px",(J!==le||ne!==ae)&&(this.containerSizeChangeCounter++,this.cdr.detectChanges())}else I.style.width=V+"px",I.style.height=Y+"px",(J!==V||ne!==Y)&&(this.containerSizeChangeCounter++,this.cdr.detectChanges())}catch(I){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent calculateOptimalSize: ",I)}},this.onResizeMove=I=>{try{if(!this.isDragging||!this.rectElement)return;let B=this.componentConfigSignal();if(!B)return;let A=I.clientX-this.startMouseX,M=I.clientY-this.startMouseY,V=this.elementRef.nativeElement.querySelector(".velt-video-editor-player-zoom-overlay");if(!V)return;let Y=V.getBoundingClientRect(),J=100/Y.width,ne=100/Y.height,oe=this.initialWidth,pe=this.initialHeight,le=this.initialTopLeftX,ae=this.initialTopLeftY;if(this.rectElement=this.elementRef.nativeElement.querySelector(".velt-video-player-zoom-rectangle"),!this.rectElement)return;let ue=this.rectElement.getBoundingClientRect(),Xe=ue.height,tt=ue.width;switch(this.currentHandle){case"se":oe=this.initialWidth+A*J,pe=oe/this.aspectRatio;break;case"sw":oe=this.initialWidth-A*J,pe=oe/this.aspectRatio;let Ze=A*J;le=this.initialTopLeftX+Ze;break;case"ne":oe=this.initialWidth+A*J,pe=oe/this.aspectRatio;let ot=pe-this.initialHeight;ae=this.initialTopLeftY-ot;break;case"nw":oe=this.initialWidth-A*J,pe=oe/this.aspectRatio;let je=A*J;le=this.initialTopLeftX+je;let vt=pe-this.initialHeight;ae=this.initialTopLeftY-vt;break}let gt=5;oe=Math.max(gt,oe),pe=Math.max(gt,pe),le=Math.max(0,Math.min(100-oe,le)),ae=Math.max(0,Math.min(100-pe,ae));let ct=B.timelineData?.scale?.selectedSectionIndex||0;this.componentConfigSignal.update(Ze=>{if(Ze.timelineData?.scale?.sections?.[ct]){let ot=Math.round(100/oe*100)/100,je=Ze.maxZoomFactor||3;if(ot>je){if(oe=100/je,pe=oe/this.aspectRatio,this.currentHandle==="sw"||this.currentHandle==="nw"){let nt=this.initialTopLeftX+this.initialWidth;le=nt-oe,le<0&&(le=0,oe=nt)}if(this.currentHandle==="ne"||this.currentHandle==="nw"){let nt=this.initialTopLeftY+this.initialHeight;ae=nt-pe,ae<0&&(ae=0,pe=nt)}}let vt=Math.round(100/oe*100)/100;Ze.timelineData.scale.sections[ct].zoomFactor=vt,Ze.timelineData.scale.sections[ct].topLeftX=le,Ze.timelineData.scale.sections[ct].topLeftY=ae}return h({},Ze)})}catch(B){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onResizeMove: ",B)}},this.onResizeEnd=I=>{try{if(!this.isDragging)return;I.stopPropagation(),I.preventDefault(),this.rectElement&&this.rectElement.classList.remove("resizing");let B=this.componentConfigSignal();if(!B)return;setTimeout(()=>{this.isDragging=!1,this.componentConfigSignal.update(A=>(A=_(h({},A),{rectangleCornerDragging:!1}),A))},0),this.currentHandle="",this.rectElement=null,document.removeEventListener("mousemove",this.onResizeMove),document.removeEventListener("mouseup",this.onResizeEnd),B?.onZoomRectResizeEnded&&B.onZoomRectResizeEnded()}catch(B){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onResizeEnd: ",B)}},super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),window.removeEventListener("resize",this.calculateOptimalSize),this.videoElement?.nativeElement&&this.videoElement.nativeElement.removeEventListener("loadedmetadata",this.calculateOptimalSize),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.setVideoRef(),this.setupVideoSizeCalculation()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent ngAfterViewInit: ",e)}}setVideoRef(){try{setTimeout(()=>{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=_(h({},e),{videoElementRef:this.videoElement}),e))})}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent setVideoRef: ",e)}}setupVideoSizeCalculation(){try{if(this.videoElement?.nativeElement){this.videoElement.nativeElement.addEventListener("loadedmetadata",this.calculateOptimalSize),window.addEventListener("resize",this.calculateOptimalSize);let n=this.elementRef.nativeElement.querySelector(".velt-video-editor-player-preview-video-container");n&&"ResizeObserver"in window&&(this.resizeObserver=new ResizeObserver(r=>{for(let g of r)this.containerSizeChangeCounter++,this.cdr.detectChanges()}),this.resizeObserver.observe(n)),this.calculateOptimalSize()}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent setupVideoSizeCalculation: ",e)}}getRectanglePixelPosition(){try{if(this.isDraggingRectangle)return this.lastKnownPosition;this.containerSizeChangeCounter;let e=this.componentConfigSignal();if(!e?.timelineData?.scale?.sections)return{x:0,y:0};let n=e.timelineData.scale.selectedSectionIndex||0,r=e.timelineData.scale.sections[n];if(!r)return{x:0,y:0};let g=this.elementRef.nativeElement.querySelector(".velt-video-editor-player-zoom-overlay");if(!g)return{x:0,y:0};let I=g.getBoundingClientRect(),B=(r.topLeftX||0)*I.width/100,A=(r.topLeftY||0)*I.height/100;return this.lastKnownPosition={x:B,y:A},{x:B,y:A}}catch(e){return this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent getRectanglePixelPosition: ",e),{x:0,y:0}}}onResizeStart(e,n){try{let r=this.componentConfigSignal();if(!r||(e.preventDefault(),e.stopPropagation(),this.rectElement=this.elementRef.nativeElement.querySelector(".velt-video-player-zoom-rectangle"),!this.rectElement))return;this.rectElement.classList.add("resizing");let g=this.rectElement.getBoundingClientRect();this.initialRectHeight=g.height,this.initialRectWidth=g.width,this.isDragging=!0,this.componentConfigSignal.update(A=>(A=_(h({},A),{rectangleCornerDragging:!0}),A)),this.currentHandle=n,this.startMouseX=e.clientX,this.startMouseY=e.clientY;let I=r.timelineData?.scale?.selectedSectionIndex||0,B=r.timelineData?.scale?.sections?.[I];if(!B)return;this.initialWidth=100/(B.zoomFactor||1),this.initialHeight=100/(B.zoomFactor||1),this.initialTopLeftX=B.topLeftX||0,this.initialTopLeftY=B.topLeftY||0,this.aspectRatio=this.initialWidth/this.initialHeight,document.addEventListener("mousemove",this.onResizeMove),document.addEventListener("mouseup",this.onResizeEnd),this.componentConfigSignal.update(A=>(A=_(h({},A),{isZoomCustomValue:!0}),A))}catch(r){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onResizeStart: ",r)}}onRectangleMouseDown(e){try{e.stopPropagation()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onRectangleMouseDown: ",n)}}onRectangleClick(e){try{e.stopPropagation(),this.isDraggingRectangle&&e.preventDefault()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onRectangleClick: ",n)}}onRectangleDragStarted(e){try{let n=this.getRectanglePixelPosition();this.lastKnownPosition=n,this.isDraggingRectangle=!0,this.containerSizeChangeCounter=-1}catch(n){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onRectangleDragStarted: ",n)}}onRectangleDragMoved(e){try{this.isDraggingRectangle=!0}catch(n){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onRectangleDragMoved: ",n)}}onRectangleDragEnded(e){try{this.containerSizeChangeCounter++,this.isDraggingRectangle=!1;let n=this.componentConfigSignal();n?.onZoomRectDragEnded&&n.onZoomRectDragEnded(e),this.cdr.detectChanges()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent onRectangleDragEnded: ",n)}}playOnPreviewClick(e){try{e.stopPropagation(),this.componentConfigSignal().updateActiveSection(),this.componentConfigSignal().toggleEditPreview()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerPreviewVideoComponent playOnPreviewClick: ",n)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Dt))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-preview-video-internal"]],viewQuery:function(n,r){if(n&1&&Ee(ks,5),n&2){let g;De(g=Te())&&(r.videoElement=g.first)}},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["videoElement",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-preview-video-container"],[1,"velt-video-editor-player-preview-video-container-video"],["playsinline","",3,"click","loadedmetadata","timeupdate","ngStyle","poster"],["type","video/mp4",3,"src",4,"ngIf"],[3,"ngIf"],["class","velt-video-editor-player-zoom-overlay",4,"ngIf"],["type","video/mp4",3,"src"],[3,"src","type",4,"ngFor","ngForOf","ngForTrackBy"],[3,"src","type"],[1,"velt-video-editor-player-zoom-overlay"],["cdkDrag","",1,"velt-video-player-zoom-rectangle",3,"mousedown","click","cdkDragStarted","cdkDragMoved","cdkDragEnded","cdkDragBoundary","cdkDragFreeDragPosition"],[1,"velt-video-player-resize-handle","velt-video-player-resize-handle-nw",3,"mousedown"],[1,"velt-video-player-resize-handle","velt-video-player-resize-handle-ne",3,"mousedown"],[1,"velt-video-player-resize-handle","velt-video-player-resize-handle-sw",3,"mousedown"],[1,"velt-video-player-resize-handle","velt-video-player-resize-handle-se",3,"mousedown"],[1,"velt-video-player-resize-handle-center"]],template:function(n,r){n&1&&s(0,Hs,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,pa,dt,P,R,Ot],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}[_nghost-%COMP%]{display:flex;align-items:center;justify-content:center;height:100%;width:100%}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-preview-video-container[_ngcontent-%COMP%]{position:relative;height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.velt-video-editor-player-preview-video-container[_ngcontent-%COMP%]   .velt-video-editor-player-zoom-overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.velt-video-editor-player-preview-video-container[_ngcontent-%COMP%]   .velt-video-editor-player-zoom-overlay.active[_ngcontent-%COMP%]{pointer-events:auto}.velt-video-editor-player-preview-video-container[_ngcontent-%COMP%]   .velt-video-editor-player-zoom-overlay[_ngcontent-%COMP%]   .velt-video-player-zoom-rectangle[_ngcontent-%COMP%]{box-shadow:28px -9px 0 2000px #00000061;-webkit-box-shadow:28px -9px 0px 2000px rgba(0,0,0,.38);-moz-box-shadow:28px -9px 0px 2000px rgba(0,0,0,.38);position:relative;outline:2px solid #fff;outline-offset:-2px;cursor:move;pointer-events:auto}.velt-video-editor-player-preview-video-container[_ngcontent-%COMP%]   .velt-video-editor-player-zoom-overlay[_ngcontent-%COMP%]   .velt-video-player-zoom-rectangle.resizing[_ngcontent-%COMP%]{transition:none!important}.velt-video-editor-player-preview-video-container-video[_ngcontent-%COMP%]{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;border-radius:var(--velt-border-radius-xs)}.velt-video-editor-player-preview-video-container-video[_ngcontent-%COMP%]   video[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:contain;background-color:var(--velt-background-1);transition:transform .1s linear}.velt-video-editor-player-preview-video-container-video[_ngcontent-%COMP%]   video.flip[_ngcontent-%COMP%]{transform:scaleX(-1)}.cdk-drag[_ngcontent-%COMP%]{transition:width .2s ease-out,height .2s ease-out}.cdk-drag.resizing[_ngcontent-%COMP%]{transition:none!important}.velt-video-player-resize-handle[_ngcontent-%COMP%]{position:absolute;width:12px;height:12px;background-color:#fff;border-radius:4px;z-index:10}.velt-video-player-resize-handle-nw[_ngcontent-%COMP%]{top:-6px;left:-6px;cursor:nw-resize}.velt-video-player-resize-handle-ne[_ngcontent-%COMP%]{top:-6px;right:-6px;cursor:ne-resize}.velt-video-player-resize-handle-sw[_ngcontent-%COMP%]{bottom:-6px;left:-6px;cursor:sw-resize}.velt-video-player-resize-handle-se[_ngcontent-%COMP%]{bottom:-6px;right:-6px;cursor:se-resize}.velt-video-player-resize-handle-center[_ngcontent-%COMP%]{position:absolute;width:6px;height:6px;border:2px solid white;box-shadow:0 0 2px #00000080;border-radius:8px;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);cursor:move}"],changeDetection:0});let t=o;return t})();var Ja=t=>({componentConfigSignal:t}),Us=(t,o)=>({condition:t,data:o}),Gs=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-preview-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Ws(t,o){if(t&1&&(m(0),v(1,"div",4),S(2,"velt-video-editor-player-preview-loading-internal",5)(3,"velt-video-editor-player-preview-video-internal",5),u(),p()),t&2){let i=a(3);c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function Ys(t,o){if(t&1&&(m(0),v(1,"div",2),s(2,Ws,4,2,"ng-container",3),u(),p()),t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,Gs,e.template,C(1,Ja,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Xs(t,o){if(t&1&&(m(0),s(1,Ys,3,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Us,i.conditionSignal(),C(1,Ja,i.componentConfigSignal)))}}var hn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-preview",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerPreviewComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-preview-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player--video-preview-container"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--video-preview"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,Xs,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,vn,fn],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}[_nghost-%COMP%]{display:flex;flex:1;width:100%;height:0px}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--video-preview-container[_ngcontent-%COMP%]{display:flex;flex:1;width:100%}.velt-video-editor-player--video-preview[_ngcontent-%COMP%]{overflow:hidden;padding:var(--velt-spacing-2xl) var(--velt-spacing-sm);display:flex;justify-content:center;align-items:center;flex:1;background-color:var(--velt-background-3)}"],changeDetection:0});let t=o;return t})();var Ka=t=>({componentConfigSignal:t}),Qs=(t,o)=>({condition:t,data:o}),qs=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-zoom-button-options-input-wireframe",variant:i,setIfCondition:e,componentElementRef:n}),Js=()=>[1.2,1.5,1.7,2];function Ks(t,o){if(t&1){let i=Z();m(0),v(1,"li",4),H("click",function(n){return O(i),w(n.stopPropagation())}),v(2,"input",5,0),H("click",function(n){O(i);let r=re(3);return n.stopPropagation(),w(r.focus())})("focus",function(n){return O(i),w(n.stopPropagation())})("input",function(n){return O(i),w(n.stopPropagation())})("keydown",function(n){return O(i),w(n.stopPropagation())})("keypress",function(n){return O(i),w(n.stopPropagation())})("keyup",function(n){return O(i),w(n.stopPropagation())})("keyup.enter",function(n){O(i);let r=a(2).ngIf,g=a();return w(r.setCustomZoomFactor(n,g.index))})("blur",function(n){O(i);let r=a(2).ngIf,g=a();return w(r.setCustomZoomFactor(n,g.index))}),u()(),p()}if(t&2){let i=a(2).ngIf,e=a();c(2),l("max",i.maxZoomFactor)("value",i.isZoomCustomValue||!Ve(2,Js).includes(i.timelineData.scale.sections[e.index].zoomFactor||1.5)?i.timelineData.scale.sections[e.index].zoomFactor:"")}}function ed(t,o){if(t&1&&(m(0),s(1,Ks,4,3,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,qs,e.template,C(1,Ka,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function td(t,o){if(t&1&&(m(0),s(1,ed,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,Qs,i.conditionSignal(),C(1,Ka,i.componentConfigSignal)))}}var Cn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-zoom-button-options-input",this.index=0,super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsInputComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsInputComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsInputComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-zoom-button-options-input-internal"]],inputs:{index:"index"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["customZoomInput",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-custom-zoom-option",3,"click"],["placeholder","Custom Value...","value","","type","number","autocomplete","off","min","0.1","step","0.1",3,"click","focus","input","keydown","keypress","keyup","keyup.enter","blur","max","value"]],template:function(n,r){n&1&&s(0,td,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-custom-zoom-option[_ngcontent-%COMP%]{padding:var(--velt-spacing-xs) 0;pointer-events:auto;list-style:none}.velt-video-editor-player-custom-zoom-option[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;outline:none;box-sizing:border-box;cursor:text;pointer-events:auto;user-select:text;-webkit-user-select:text;display:flex;height:28px;padding:0px var(--velt-spacing-sm);justify-content:space-between;align-items:center;align-self:stretch;border-radius:var(--velt-border-radius-sm);border:1px solid var(--velt-border-4);background:var(--velt-background-0);color:var(--velt-text-8);font-size:13px;font-style:normal;font-weight:400;line-height:16px}.velt-video-editor-player-custom-zoom-option[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]::-webkit-inner-spin-button, .velt-video-editor-player-custom-zoom-option[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.velt-video-editor-player-custom-zoom-option[_ngcontent-%COMP%]   input[type=number][_ngcontent-%COMP%]{-moz-appearance:textfield}"],changeDetection:0});let t=o;return t})();var el=t=>({componentConfigSignal:t}),id=(t,o)=>({condition:t,data:o}),od=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-zoom-button-options-list-item-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function rd(t,o){if(t&1&&(m(0),v(1,"span",4),K(),v(2,"svg",5)(3,"g"),S(4,"path",6),u()(),ie(5),u(),p()),t&2){let i=a(3);c(5),ge(" ",i.option.label," ")}}function ad(t,o){if(t&1){let i=Z();m(0),v(1,"li",2),H("click",function(n){O(i);let r=a().ngIf,g=a();return w(r.selectZoomOption(n,g.option.value,g.index))}),s(2,rd,6,1,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player-zoom-button-options-list-item--selected",e.option.value===i.timelineData.scale.sections[e.index].zoomFactor),c(),l("veltDynamicTemplate",L(5,od,e.template,C(3,el,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function ld(t,o){if(t&1&&(m(0),s(1,ad,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,id,i.conditionSignal(),C(1,el,i.componentConfigSignal)))}}var _n=(()=>{let o=class o extends N{get itemTemplate(){return this._itemTemplate}set itemTemplate(e){this._itemTemplate=e,this.itemTemplate?this.template=this.domService.deepCloneElement(this.itemTemplate):this.template=null}constructor(e,n,r,g){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.domService=g,this.componentId="velt-video-editor-player-zoom-button-options-list-item",this.index=0,super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsListItemComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsListItemComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsListItemComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Ne))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-zoom-button-options-list-item-internal"]],inputs:{option:"option",index:"index",itemTemplate:"itemTemplate"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player-zoom-button-options-list-item",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-zoom-button-options-list-item-text"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M12.3333 4L6.33333 11.6667L3 8","stroke","#212121","stroke-width","1.4","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,ld,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-zoom-button-options-list-item[_ngcontent-%COMP%]{display:flex}.velt-video-editor-player-zoom-button-options-list-item-text[_ngcontent-%COMP%]{cursor:pointer;transition:background-color .2s;display:flex;height:28px;min-width:104px;width:100%;align-items:center;padding:0px var(--velt-spacing-sm);gap:var(--velt-spacing-sm);align-self:stretch;border-radius:var(--velt-border-radius-sm);background:var(--velt-background-0);color:var(--velt-text-0);font-size:13px;font-style:normal;font-weight:400;line-height:16px}.velt-video-editor-player-zoom-button-options-list-item-text[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-4)}.velt-video-editor-player-zoom-button-options-list-item-text[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{opacity:0}.velt-video-editor-player-zoom-button-options-list-item--selected[_ngcontent-%COMP%]   .velt-video-editor-player-zoom-button-options-list-item-text[_ngcontent-%COMP%]{background-color:var(--velt-background-5)}.velt-video-editor-player-zoom-button-options-list-item--selected[_ngcontent-%COMP%]   .velt-video-editor-player-zoom-button-options-list-item-text[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{opacity:1}"],changeDetection:0});let t=o;return t})();var tl=t=>({componentConfigSignal:t}),sd=(t,o)=>({condition:t,data:o}),dd=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-zoom-button-options-list-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1});function md(t,o){if(t&1&&(v(0,"div"),S(1,"velt-video-editor-player-zoom-button-options-list-item-internal",4),u()),t&2){let i=o.$implicit,e=a(4);c(),l("index",e.index)("componentConfigSignal",e.componentConfigSignal)("option",i)("itemTemplate",e.itemTemplate)}}function pd(t,o){if(t&1&&(m(0),s(1,md,2,4,"div",3),p()),t&2){let i=a(2).ngIf;c(),l("ngForOf",i.zoomOptions)("ngForTrackBy",i.trackByZoomOption)}}function gd(t,o){if(t&1&&(m(0),s(1,pd,2,2,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,dd,e.template,C(1,tl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function vd(t,o){if(t&1&&(m(0),s(1,gd,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,sd,i.conditionSignal(),C(1,tl,i.componentConfigSignal)))}}var yn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.wireframeService=g,this.componentId="velt-video-editor-player-zoom-button-options-list",this.index=0,super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes();let e=this.template?.querySelector("velt-video-editor-player-zoom-button-options-list-item-wireframe");We(e)||(this.itemTemplate=e)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsListComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsListComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsListComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Se))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-zoom-button-options-list-internal"]],inputs:{index:"index"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngFor","ngForOf","ngForTrackBy"],[3,"index","componentConfigSignal","option","itemTemplate"]],template:function(n,r){n&1&&s(0,vd,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R,_n],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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var nl=t=>({componentConfigSignal:t}),fd=(t,o)=>({condition:t,data:o}),hd=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-zoom-button-options-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Cd(t,o){if(t&1&&(m(0),v(1,"div",4)(2,"ul",5),S(3,"velt-video-editor-player-zoom-button-options-list-internal",6)(4,"velt-video-editor-player-zoom-button-options-input-internal",6),u()(),p()),t&2){let i=a(3);c(3),l("index",i.index)("componentConfigSignal",i.componentConfigSignal),c(),l("index",i.index)("componentConfigSignal",i.componentConfigSignal)}}function _d(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(n){return O(i),w(n.stopPropagation())})("pointerdown",function(n){return O(i),w(n.stopPropagation())}),s(2,Cd,5,4,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),E("aria-modal",!0)("data-testid",e.componentId+"-overlay-container"),c(),l("veltDynamicTemplate",L(5,hd,e.template,C(3,nl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function yd(t,o){if(t&1&&(m(0),s(1,_d,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,fd,i.conditionSignal(),C(1,nl,i.componentConfigSignal)))}}var Sn=(()=>{let o=class o extends Pe{constructor(e,n,r,g){super(e,g,void 0,void 0,void 0,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.themeService=g,this.componentId="velt-video-editor-player-zoom-button-options",this.index=0,super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonOptionsComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Ie))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-zoom-button-options-internal"]],inputs:{index:"index"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","dialog","aria-label","Fullscreen video player",1,"velt-video-editor-player-zoom-button-options-container",3,"click","pointerdown"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-zoom-dropdown"],[1,"velt-video-editor-player-zoom-options"],[3,"index","componentConfigSignal"]],template:function(n,r){n&1&&s(0,yd,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Cn,yn],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-video-editor-player-zoom-button-options-container[_ngcontent-%COMP%]{min-width:171px}.velt-video-editor-player-zoom-dropdown[_ngcontent-%COMP%]{z-index:10;display:flex;width:171px;min-width:128px;padding:var(--velt-spacing-sm);flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-2xs);border-radius:var(--velt-border-radius-sm);border:1px solid var(--velt-border-4);background:var(--velt-background-0);box-shadow:0 32px 64px -12px #21212124}.velt-video-editor-player-zoom-options[_ngcontent-%COMP%]{list-style:none;padding:0;margin:0;width:100%}"],changeDetection:0});let t=o;return t})();var il=t=>({componentConfigSignal:t}),xd=(t,o)=>({condition:t,data:o}),bd=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-zoom-button-trigger-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Id(t,o){if(t&1&&(m(0),v(1,"span",4),ie(2),u(),p()),t&2){let i=a(2).ngIf,e=a();c(2),ge("",i.timelineData.scale.sections[e.index].zoomFactor,"x")}}function Pd(t,o){if(t&1){let i=Z();m(0),v(1,"button",2),H("click",function(){O(i);let n=a().ngIf,r=a();return w(n.toggleZoomDropdown(r.index))}),s(2,Id,3,1,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player-zoom-button--active",i.showZoomDropdown[e.index]),c(),l("veltDynamicTemplate",L(5,bd,e.template,C(3,il,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Ed(t,o){if(t&1&&(m(0),s(1,Pd,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,xd,i.conditionSignal(),C(1,il,i.componentConfigSignal)))}}var xn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-zoom-button-trigger",this.index=0,super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonTriggerComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonTriggerComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonTriggerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-zoom-button-trigger-internal"]],inputs:{index:"index"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player-zoom-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-zoom-button-text"]],template:function(n,r){n&1&&s(0,Ed,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{height:100%;width:100%}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-zoom-button[_ngcontent-%COMP%]{cursor:pointer;background:none;border:none;padding:0;margin:0;display:flex;align-items:center}.velt-video-editor-player-zoom-button-text[_ngcontent-%COMP%]{height:100%;padding:var(--velt-spacing-xs);color:var(--velt-white);font-size:11px;font-style:normal;font-weight:500;line-height:normal;border-radius:var(--velt-border-radius-xs)}.velt-video-editor-player-zoom-button--active[_ngcontent-%COMP%]   .velt-video-editor-player-zoom-button-text[_ngcontent-%COMP%]{background:#0000002b}@media(max-width:600px){.velt-video-editor-player-zoom-button[_ngcontent-%COMP%]{height:100%;width:100%}.velt-video-editor-player-zoom-button-text[_ngcontent-%COMP%]{display:none}}"],changeDetection:0});let t=o;return t})();var ol=t=>({componentConfigSignal:t}),Td=(t,o)=>({condition:t,data:o}),Od=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-zoom-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1}),wd=()=>["velt-overlay-panel"],kd=t=>({originX:"center",originY:"top",overlayX:"center",overlayY:"bottom",offsetY:t}),Rd=t=>[t];function Md(t,o){if(t&1){let i=Z();v(0,"div",8),H("clickOutside",function(){O(i);let n=a(3).ngIf,r=a();return w(n.closeZoomDropdown(r.index))}),S(1,"velt-video-editor-player-zoom-button-options-internal",6),u()}if(t&2){let i=a(4);c(),l("index",i.index)("componentConfigSignal",i.componentConfigSignal)("template",i.optionsTemplate)}}function Vd(t,o){if(t&1&&(m(0),v(1,"div",5,0),S(3,"velt-video-editor-player-zoom-button-trigger-internal",6),u(),s(4,Md,2,3,"ng-template",7,1,he),p()),t&2){let i=re(2),e=re(5),n=a(2).ngIf,r=a();c(3),l("index",r.index)("componentConfigSignal",r.componentConfigSignal)("template",r.triggerTemplate),c(),l("cdkConnectedOverlayOrigin",i)("cdkConnectedOverlayOpen",n.showZoomDropdown[r.index])("cdkConnectedOverlayPanelClass",Ve(10,wd))("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPositions",C(13,Rd,C(11,kd,-12)))("snippylyOverlay",e)("snippylyOverlayZIndex",2147483627)}}function Ad(t,o){if(t&1&&(m(0),s(1,Vd,6,15,"ng-container",4),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Od,e.template,C(1,ol,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Fd(t,o){if(t&1&&(m(0),s(1,Ad,2,9,"ng-container",3),p()),t&2){let i=a();c(),l("veltIf",D(3,Td,i.conditionSignal(),C(1,ol,i.componentConfigSignal)))}}var In=(()=>{let o=class o extends N{constructor(e,n,r,g){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.wireframeService=g,this.componentId="velt-video-editor-player-zoom-button",this.index=0,this.subscriptions=[],super.initializeComponentConfigSignal(new me)}ngOnInit(){try{if(super.ngOnInit(),this.setupA11yAttributes(),!this.template){let e="velt-video-editor-player-zoom-button-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r,this.getChildTemplate()}}))}this.getChildTemplate()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonComponent ngOnInit: ",e)}}getChildTemplate(){try{if(!this.triggerTemplate&&this.template){let e=this.template.querySelector("velt-video-editor-player-zoom-button-trigger-wireframe");We(e)||(this.triggerTemplate=e)}if(!this.optionsTemplate&&this.template){let e=this.template.querySelector("velt-video-editor-player-zoom-button-options-wireframe");We(e)||(this.optionsTemplate=e)}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonComponent getChildTemplate: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerZoomButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Se))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-zoom-button-internal"]],inputs:{index:"index",variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["zoomOptionsOverlay","cdkConnectedOverlay"],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["cdkOverlayOrigin",""],[3,"index","componentConfigSignal","template"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPositions","snippylyOverlay","snippylyOverlayZIndex"],["snippylyClickOutside","",1,"velt-video-editor-player-zoom-overlay-container",3,"clickOutside"]],template:function(n,r){n&1&&s(0,Fd,2,6,"ng-container",2),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Je,Ue,pt,P,R,lt,Sn,xn],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-zoom-overlay-container[_ngcontent-%COMP%]{position:relative;display:inline-block}"],changeDetection:0});let t=o;return t})();var rl=t=>({componentConfigSignal:t}),Ld=(t,o)=>({condition:t,data:o}),Nd=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-scale-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1});function zd(t,o){if(t&1){let i=Z();v(0,"div",8),H("mousedown",function(n){return O(i),w(n.stopPropagation())})("click",function(n){return O(i),w(n.stopPropagation())}),v(1,"app-tooltip-button",9),z(2,"translate"),H("clicked",function(){O(i);let n=a(5).ngIf;return w(n.onAddButtonClick("scale"))}),K(),v(3,"svg",10),S(4,"circle",11)(5,"path",12)(6,"path",13),u()()()}if(t&2){let i=a(6);c(),l("zIndex",2147483628)("tooltip",j(2,4,"Add zoom"))("unstyled",!0),E("data-testid",i.componentId)}}function jd(t,o){if(t&1){let i=Z();v(0,"div",14),H("mousedown",function(n){return O(i),n.stopPropagation(),w(n.preventDefault())})("click",function(n){return O(i),n.stopPropagation(),w(n.preventDefault())}),v(1,"app-tooltip-button",9),z(2,"translate"),H("clicked",function(){O(i);let n=a(5).ngIf;return w(n.onDeleteSelectionClick("scale"))}),K(),v(3,"svg",10),S(4,"circle",11)(5,"path",13),u()()()}if(t&2){let i=a(6);c(),l("zIndex",2147483628)("tooltip",j(2,4,"Delete selected zoom"))("unstyled",!0),E("data-testid",i.componentId)}}function Hd(t,o){if(t&1&&(v(0,"div",5),s(1,zd,7,6,"div",6)(2,jd,6,6,"div",7),u()),t&2){let i=a(4).ngIf,e=a();Be("left",e.Math.min(i.timelineData.scale.selectionStart,i.timelineData.scale.selectionEnd)/i.videoDuration*100,"%")("width",e.Math.abs(i.timelineData.scale.selectionEnd-i.timelineData.scale.selectionStart)/i.videoDuration*100,"%"),c(),l("ngIf",!i.timelineData.scale.selectionStarted&&i.canVideoSupportZoom),c(),l("ngIf",i.timelineData.scale.selectionStarted)}}function Zd(t,o){if(t&1){let i=Z();v(0,"div",16),H("click",function(){let n=O(i).index,r=a(5).ngIf;return w(r.setSectionActive(n,"scale"))}),v(1,"div",17),H("mousedown",function(n){let r=O(i).index,g=a(5).ngIf;return w(g.handleDragStart(r,!0,n,"scale"))}),S(2,"div",18),u(),v(3,"div",19),S(4,"velt-video-editor-player-zoom-button-internal",20),u(),v(5,"div",21),H("mousedown",function(n){let r=O(i).index,g=a(5).ngIf;return w(g.handleDragStart(r,!1,n,"scale"))}),S(6,"div",18),u()()}if(t&2){let i=o.$implicit,e=o.index,n=a(5).ngIf,r=a();Be("left",i.start/n.videoDuration*100,"%")("width",(i.end-i.start)/n.videoDuration*100,"%"),te("velt-video-editor-player-timeline-scale-section-active",e===n.timelineData.scale.activeSectionIndex&&n.timelineData.scale.selectionStart===null&&n.timelineData.scale.selectionEnd===null)("velt-video-editor-player-timeline-scale-section-selected",e===n.timelineData.scale.selectedSectionIndex),E("data-index",e),c(4),l("index",e)("componentConfigSignal",r.componentConfigSignal)("template",r.zoomButtonTemplate)}}function Ud(t,o){if(t&1&&(m(0),s(1,Zd,7,12,"div",15),p()),t&2){let i=a(4).ngIf;c(),l("ngForOf",i.timelineData.scale.sections)("ngForTrackBy",i.trackByScaleSectionIndex)}}function Gd(t,o){t&1&&(v(0,"span"),ie(1,"Drag to add a scale section"),u())}function Wd(t,o){t&1&&(v(0,"span"),ie(1,"Video needs to be >2s to add zoom"),u())}function Yd(t,o){if(t&1&&(m(0),v(1,"div",22),s(2,Gd,2,0,"span",0)(3,Wd,2,0,"span",0),u(),p()),t&2){let i=a(4).ngIf;c(2),l("ngIf",i.canVideoSupportZoom),c(),l("ngIf",!i.canVideoSupportZoom)}}function Xd(t,o){if(t&1){let i=Z();m(0),v(1,"div",3),H("mousedown",function(n){O(i);let r=a(3).ngIf;return w(r.canVideoSupportZoom?r.onTimelineMouseDown(n,"scale"):null)}),s(2,Hd,3,6,"div",4),m(3),s(4,Ud,2,2,"ng-container",0)(5,Yd,4,2,"ng-container",0),p(),u(),p()}if(t&2){let i=a(3).ngIf,e=a();c(2),l("ngIf",i.timelineData.scale.selectionStart!==null&&i.timelineData.scale.selectionEnd!==null&&(i.timelineData.scale.isDraggingForSelection||e.Math.abs(i.timelineData.scale.selectionEnd-i.timelineData.scale.selectionStart)>=(i.videoDuration<5?.01:.1))),c(2),l("ngIf",i.timelineData.scale.sections.length>0||i.timelineData.scale.selectionStarted),c(),l("ngIf",i.timelineData.scale.sections.length===0&&!i.timelineData.scale.selectionStarted)}}function $d(t,o){if(t&1&&(m(0),s(1,Xd,6,3,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Nd,e.template,C(1,rl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Qd(t,o){if(t&1&&(m(0),s(1,$d,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.timelineData.scale.sections.length>0)}}function qd(t,o){if(t&1&&(m(0),s(1,Qd,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Ld,i.conditionSignal(),C(1,rl,i.componentConfigSignal)))}}var Pn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.wireframeService=g,this.componentId="velt-video-editor-player-timeline-scale",this.Math=Math,this.subscriptions=[],super.initializeComponentConfigSignal(new me)}ngOnInit(){try{if(super.ngOnInit(),this.setupA11yAttributes(),!this.template){let e="velt-video-editor-player-timeline-scale-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r,this.getChildTemplate()}}))}this.getChildTemplate()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineScaleComponent ngOnInit: ",e)}}getChildTemplate(){try{if(!this.zoomButtonTemplate&&this.template){let e=this.template.querySelector("velt-video-editor-player-zoom-button-wireframe");We(e)||(this.zoomButtonTemplate=e)}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineScaleComponent getChildTemplate: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineScaleComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineScaleComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Se))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-scale-internal"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-scale-section-container",3,"mousedown"],["class","velt-video-editor-player-timeline--area-selection",3,"left","width",4,"ngIf"],[1,"velt-video-editor-player-timeline--area-selection"],["class","velt-video-editor-player-timeline--area-selection-button velt-video-editor-player-timeline--area-selection-button-add",3,"mousedown","click",4,"ngIf"],["class","velt-video-editor-player-timeline--area-selection-button velt-video-editor-player-timeline--area-selection-button-delete",3,"mousedown","click",4,"ngIf"],[1,"velt-video-editor-player-timeline--area-selection-button","velt-video-editor-player-timeline--area-selection-button-add",3,"mousedown","click"],[3,"clicked","zIndex","tooltip","unstyled"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["cx","8","cy","8","r","7.5","stroke","currentColor"],["d","M8 4V12","stroke","currentColor","stroke-width","1.5","stroke-linecap","round"],["d","M4 8H12","stroke","currentColor","stroke-width","1.5","stroke-linecap","round"],[1,"velt-video-editor-player-timeline--area-selection-button","velt-video-editor-player-timeline--area-selection-button-delete",3,"mousedown","click"],["class","velt-video-editor-player-timeline-scale-section",3,"velt-video-editor-player-timeline-scale-section-active","velt-video-editor-player-timeline-scale-section-selected","left","width","click",4,"ngFor","ngForOf","ngForTrackBy"],[1,"velt-video-editor-player-timeline-scale-section",3,"click"],[1,"velt-video-editor-player-timeline-scale-handle","velt-video-editor-player-timeline-scale-start",3,"mousedown"],[1,"velt-video-editor-player-timeline-scale-handle-line"],[1,"velt-video-editor-player-timeline-scale-handle-zoom-button-container"],[3,"index","componentConfigSignal","template"],[1,"velt-video-editor-player-timeline-scale-handle","velt-video-editor-player-timeline-scale-end",3,"mousedown"],[1,"velt-video-editor-player-timeline-scale-handle-no-section"]],template:function(n,r){n&1&&s(0,qd,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R,In,W],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-scale-section-container[_ngcontent-%COMP%]{height:26px;position:relative;margin-top:8px}.velt-video-editor-player-timeline-scale-section[_ngcontent-%COMP%]{position:absolute;top:0;height:100%;z-index:2;cursor:pointer;border-radius:var(--velt-border-radius-sm);background-color:#2e8cff}.velt-video-editor-player-timeline-scale-section.velt-video-editor-player-timeline-scale-section-selected[_ngcontent-%COMP%]{outline-color:#2e8cff;box-shadow:0 0 0 4px #2e8cff47;-webkit-box-shadow:0px 0px 0px 4px rgba(46,140,255,.28);-moz-box-shadow:0px 0px 0px 4px rgba(46,140,255,.28)}.velt-video-editor-player-timeline-scale-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-scale-handle[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);cursor:ew-resize;z-index:3;display:flex;align-items:center;transition:background-color .2s ease}.velt-video-editor-player-timeline-scale-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-scale-handle[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-scale-handle-line[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-sm);border:1px solid var(--velt-background-0);background:var(--velt-background-0);width:0px;height:8px;flex-shrink:0}.velt-video-editor-player-timeline-scale-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-scale-handle.velt-video-editor-player-timeline-scale-start[_ngcontent-%COMP%]{left:4px;justify-content:flex-start;padding-left:var(--velt-spacing-xs);transform:rotate(180deg) translateY(50%)}.velt-video-editor-player-timeline-scale-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-scale-handle.velt-video-editor-player-timeline-scale-end[_ngcontent-%COMP%]{right:4px;justify-content:flex-end}.velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]{position:absolute;height:100%;top:0;background-color:#2e8cff47;outline:2px dashed var(--velt-white);outline-offset:-2px;z-index:5;border-radius:var(--velt-border-radius-sm);pointer-events:none}.velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:4;pointer-events:auto}.velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:10px;height:10px;color:var(--velt-component-foreground-on-active, white)}.velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-add[_ngcontent-%COMP%]{background:#2e8cff}.velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-add[_ngcontent-%COMP%]:hover{background:#2e8cff47}.velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-delete[_ngcontent-%COMP%]{background:var(--velt-error)}.velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-delete[_ngcontent-%COMP%]:hover{background:var(--velt-error-hover)}.velt-video-editor-player-timeline-scale-handle-zoom-button-container[_ngcontent-%COMP%], .velt-video-editor-player-timeline-scale-handle-no-section[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;color:var(--velt-text-10);height:100%;width:100%;font-size:12px}"],changeDetection:0});let t=o;return t})();var Kd=["waveformContainer"];function em(t,o){t&1&&(K(),v(0,"svg",14),S(1,"rect",15),u())}function tm(t,o){if(t&1&&(v(0,"div",16),ie(1),z(2,"translate"),u()),t&2){let i=a().index,e=a(4);c(),ge(" ",j(2,1,e.indexToTimeSignal()[i])," ")}}function nm(t,o){if(t&1&&(v(0,"div",8)(1,"div",9)(2,"p"),ie(3,"."),u()(),S(4,"div",10),v(5,"div",11),s(6,em,2,0,"svg",12)(7,tm,3,3,"div",13),u()()),t&2){let i=o.$implicit,e=o.index;c(),Be("height",i+"px"),te("silent",i===2),c(5),l("ngIf",e%10===0),c(),l("ngIf",e%10===0)}}function im(t,o){if(t&1&&(m(0),v(1,"div",4),S(2,"div",5),v(3,"div",6),s(4,nm,8,6,"div",7),u()(),p()),t&2){let i=a(2).ngIf,e=a();c(4),l("ngForOf",i.barHeights)("ngForTrackBy",e.trackByBarHeights)}}function om(t,o){if(t&1&&(m(0),s(1,im,5,2,"ng-container",1),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.isAudio)}}function rm(t,o){if(t&1&&(v(0,"div",9)(1,"p"),ie(2,"."),u()()),t&2){let i=o.$implicit;Be("height",i+"px")}}function am(t,o){if(t&1&&(v(0,"div",18),s(1,rm,3,2,"div",19),u()),t&2){let i=a(2).ngIf,e=a();te("thread-mode",i.threadMode),c(),l("ngForOf",i.barHeights)("ngForTrackBy",e.trackByBarHeights)}}function lm(t,o){if(t&1&&(m(0),s(1,am,2,4,"div",17),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.isAudio&&(i.collapsedMode||i.threadMode))}}function cm(t,o){if(t&1&&(v(0,"div",9)(1,"p"),ie(2,"."),u()()),t&2){let i=o.$implicit,e=o.index,n=a(2).ngIf;Be("height",i+"px"),te("active-bar",e<=n.activeBarIndex)}}function sm(t,o){if(t&1&&(m(0),v(1,"div",20),s(2,cm,3,4,"div",21),u(),p()),t&2){let i=a().ngIf,e=a();c(2),l("ngForOf",i.barHeights)("ngForTrackBy",e.trackByBarHeights)}}function dm(t,o){if(t&1&&(v(0,"div",8)(1,"div",9)(2,"p"),ie(3,"."),u()()()),t&2){let i=o.$implicit;c(),Be("height",i+"px")}}function mm(t,o){if(t&1&&(m(0),v(1,"div",22)(2,"div",4),S(3,"div",5),v(4,"div",6),s(5,dm,4,2,"div",7),u()()(),p()),t&2){let i=a().ngIf,e=a();c(5),l("ngForOf",i.barHeights)("ngForTrackBy",e.trackByBarHeights)}}function pm(t,o){if(t&1&&S(0,"div",25),t&2){let i=o.$implicit;Be("height",i,"px")}}function gm(t,o){if(t&1&&(m(0),v(1,"div",23),s(2,pm,1,2,"div",24),u(),p()),t&2){let i=a().ngIf,e=a();c(2),l("ngForOf",i.barHeights)("ngForTrackBy",e.trackByBarHeights)}}function vm(t,o){if(t&1&&(m(0),v(1,"div",26,0),K(),v(3,"svg",27)(4,"defs")(5,"linearGradient",28),S(6,"stop",29)(7,"stop",30)(8,"stop",31),u()(),S(9,"path",32),u()(),p()),t&2){let i=a().ngIf;c(9),E("d",i.mirroredWaveformPath)}}function um(t,o){if(t&1&&(m(0)(1,2),s(2,om,2,1,"ng-container",3)(3,lm,2,1,"ng-container",3)(4,sm,3,2,"ng-container",3)(5,mm,6,2,"ng-container",3)(6,gm,3,2,"ng-container",3)(7,vm,10,1,"ng-container",3),p()()),t&2){let i=o.ngIf;c(),l("ngSwitch",i==null?null:i.variant),c(),l("ngSwitchCase","expanded"),c(),l("ngSwitchCase","minified"),c(),l("ngSwitchCase","player"),c(),l("ngSwitchCase","preview"),c(),l("ngSwitchCase","preview-mini"),c(),l("ngSwitchCase","editor")}}var yt=(()=>{let o=class o{constructor(e,n){this.loggingService=e,this.recorderService=n,this.height=144,this.isRecording=!1,this.variant="expanded",this.isAudio=!1,this.collapsedMode=!1,this.threadMode=!1,this.numberOfBars=38,this.muteMic=null,this.maxVolumeArray=[],this.allowCleanUp=!0,this.animationFrameId=null,this.lastDrawTime=0,this.drawInterval=50,this.componentConfigSignal=ce({variant:"expanded",isAudio:!1,barHeights:[],collapsedMode:!1,threadMode:!1,activeBarIndex:-1,mirroredWaveformPath:""}),this.indexToTimeSignal=ma(()=>{let r=this.componentConfigSignal().barHeights||[],g=[];for(let I=0;I<r.length;I++){let B=this.indexToTime(I);g.push(B)}return g}),this.showWaveform=()=>{try{if(!this.bufferArray||this.bufferArray.length===0)return;let r=this.bufferArray.length/this.numberOfBars,g=[];for(let I=0;I<this.numberOfBars;I++){let B=I*r,A=B+r,M=0,V=0;for(let ne=Math.floor(B);ne<A&&ne<this.bufferArray.length;ne++)M+=this.bufferArray[ne],V++;let J=(V>0?M/V:0)/255*this.height*3;g.push(J)}this.componentConfigSignal.update(I=>_(h({},I),{barHeights:g})),this.updateMirroredWaveformPath()}catch(r){this.loggingService.warn("Error in AudioWaveformComponent showWaveform: ",r)}},this.draw=()=>{try{if(!this.analyzer)return;switch(this.analyzer.getByteFrequencyData(this.dataArray),this.componentConfigSignal()?.variant){case"preview":this.drawPreview();break;case"preview-mini":this.drawPreviewMini();break;default:this.drawDefault()}}catch(r){this.loggingService.warn("Error in AudioWaveformComponent draw: ",r)}}}ngOnInit(){try{this.bufferArray&&this.showWaveform(),setTimeout(()=>{this.setupResizeObserver()},100),this.updateMirroredWaveformPath()}catch(e){this.loggingService.warn("Error in AudioWaveformComponent ngOnInit: ",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>_(h({},r),{[n]:e[n].currentValue}))}),e.playerCurrentTime&&e.playerCurrentTime.currentValue&&this.componentConfigSignal.update(n=>_(h({},n),{activeBarIndex:this.showActiveBars(e.playerCurrentTime.currentValue,this.totalTime.display)})),(e?.recorderInitData?.currentValue?.stream||e?.previewStream?.currentValue)&&(this.stopAnimation(),this.setupAudioElements(e.recorderInitData?.currentValue?.stream||e.previewStream.currentValue),this.startAnimation()),e.muteMic&&this.handleMicMute(e.muteMic.currentValue),this.updateMirroredWaveformPath()}catch(n){this.loggingService.warn("Error in AudioWaveformComponent ngOnChanges: ",n)}}trackByBarHeights(e,n){return e+"__"+n}showActiveBars(e,n){try{let r=A=>{let[M,V]=A.split(":").map(Number);return M*60+V},g=r(e),I=r(n)-1,B=I>0?g/I:0;return g>=I?this.numberOfBars:Math.floor(B*this.numberOfBars)}catch(r){return this.loggingService.warn("Error in AudioWaveformComponent showActiveBars: ",r),-1}}ngOnDestroy(){try{this.stopAnimation(),this.cleanupAudio(),this.cleanupResizeObserver()}catch{}}setupAudioElements(e){return Le(this,null,function*(){try{this.cleanupAudio(),this.audioContext=new AudioContext,this.stream=e,this.microphone=this.audioContext.createMediaStreamSource(this.stream),this.analyzer=this.audioContext.createAnalyser(),this.analyzer.smoothingTimeConstant=.8,this.microphone.connect(this.analyzer),this.dataArray=new Uint8Array(this.analyzer.frequencyBinCount),this.analyzer.fftSize=1024,this.handleMicMute(this.muteMic)}catch{this.dataArray=new Uint8Array(0)}})}noiseGate(e,n,r){try{for(let g=0;g<e.length;g++)e[g]=Math.abs(e[g])>n?e[g]-n+r:r}catch(g){this.loggingService.warn("Error in AudioWaveformComponent noiseGate: ",g)}}startAnimation(){try{let e=n=>{n-this.lastDrawTime>=this.drawInterval&&(this.draw(),this.lastDrawTime=n),this.animationFrameId=requestAnimationFrame(e)};this.animationFrameId=requestAnimationFrame(e)}catch(e){this.loggingService.warn("Error in AudioWaveformComponent startAnimation: ",e)}}stopAnimation(){try{this.animationFrameId!==null&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}catch(e){this.loggingService.warn("Error in AudioWaveformComponent stopAnimation: ",e)}}drawPreview(){try{this.noiseGate(this.dataArray,128,0);let e=1e3,n=Math.floor(this.dataArray.length/e),r=[];for(let I=0;I<e;I++){let B=I*n,A=Math.min(B+n,this.dataArray.length),M=this.dataArray.slice(B,A),V=M.reduce((Y,J)=>Y+J,0)/M.length;r.push(V)}r.sort((I,B)=>I-B);let g=[];for(let I=0;I<e;I++)g.push(r[I],r[I]);for(let I=e-1;I>=0;I--)g.push(r[I],r[I]);this.componentConfigSignal.update(I=>_(h({},I),{barHeights:g.filter(B=>B!==0)})),this.updateMirroredWaveformPath()}catch(e){this.loggingService.warn("Error in AudioWaveformComponent drawPreview: ",e)}}drawPreviewMini(){try{this.noiseGate(this.dataArray,128,0);let e=Math.max(...this.dataArray),n=Math.max(2,Math.min(14,e/128*14));if(this.componentConfigSignal.update(r=>_(h({},r),{barHeights:[Math.max(2,n/1.5),n,Math.max(2,n/2)]})),this.updateMirroredWaveformPath(),this.analyzer?.getByteTimeDomainData(this.dataArray),this.noiseGate(this.dataArray,128,2),this.isRecording){let r=Math.max(...this.dataArray);this.maxVolumeArray.push(r),this.recorderService.setRecordedDataStream(this.maxVolumeArray)}}catch(e){this.loggingService.warn("Error in AudioWaveformComponent drawPreviewMini: ",e)}}drawDefault(){try{if(this.analyzer?.getByteTimeDomainData(this.dataArray),this.noiseGate(this.dataArray,128,2),this.isRecording){let e=Math.max(...this.dataArray),n=e/255*this.height*3;this.maxVolumeArray.push(e),this.recorderService.setRecordedDataStream(this.maxVolumeArray),this.componentConfigSignal.update(r=>_(h({},r),{barHeights:[...r.barHeights,n]})),this.updateMirroredWaveformPath()}}catch(e){this.loggingService.warn("Error in AudioWaveformComponent drawDefault: ",e)}}cleanupAudio(){try{this.allowCleanUp&&this.variant!=="expanded"&&(this.microphone&&(this.microphone.disconnect(),this.microphone=null),this.stream&&(this.stream.getTracks().forEach(e=>e.stop()),this.stream=null),this.analyzer&&(this.analyzer.disconnect(),this.analyzer=null),this.audioContext&&this.audioContext.state!=="closed"&&(this.audioContext.close(),this.audioContext=null),this.componentConfigSignal.update(e=>_(h({},e),{barHeights:[]})),this.updateMirroredWaveformPath())}catch{}}handleMicMute(e){try{this.stream&&this.stream.getAudioTracks().forEach(n=>{n.enabled=!e})}catch(n){this.loggingService.warn("Error in AudioWaveformComponent handleMicMute: ",n)}}indexToTime(e){try{let n=e*100,r=Math.floor(n/1e3),g=Math.floor(r/60),I=r%60,B=g.toString().padStart(2,"0"),A=I.toString().padStart(2,"0");return`${B}:${A}`}catch(n){return this.loggingService.warn("Error in AudioWaveformComponent indexToTime: ",n),""}}generateMirroredWaveformPath(e,n,r){try{if(!e||e.length===0)return"";let g=r?e.slice(0,n):e.slice(n);if(g.length===0)return"";let I=r?0:n,B=e.length,A=100,V=18/2,Y=Math.min(...g),ne=Math.max(...g)-Y,oe=ne>0?V*.8/ne:.1,pe=.5,le="";if(g.length>0){let ae=I/B*A;le=`M ${ae} ${V} `;let ue=ae,Xe=ne>0?(g[0]-Y)*oe:pe,tt=V-Math.max(Xe,pe);le+=`L ${ue} ${tt} `;for(let je=1;je<g.length;je++){let vt=(I+je)/B*A,nt=(I+je-1)/B*A,or=ne>0?(g[je]-Y)*oe:pe,rr=ne>0?(g[je-1]-Y)*oe:pe,dn=V-Math.max(or,pe),ar=V-Math.max(rr,pe),lr=nt+(vt-nt)/3,cr=nt+2*(vt-nt)/3;le+=`C ${lr} ${ar}, ${cr} ${dn}, ${vt} ${dn} `}let gt=(I+g.length-1)/B*A;le+=`L ${gt} ${V} `;let ct=gt,Ze=ne>0?(g[g.length-1]-Y)*oe:pe,ot=V+Math.max(Ze,pe);le+=`L ${ct} ${ot} `;for(let je=g.length-2;je>=0;je--){let vt=(I+je)/B*A,nt=(I+je+1)/B*A,or=ne>0?(g[je]-Y)*oe:pe,rr=ne>0?(g[je+1]-Y)*oe:pe,dn=V+Math.max(or,pe),ar=V+Math.max(rr,pe),lr=nt-(nt-vt)/3,cr=nt-2*(nt-vt)/3;le+=`C ${lr} ${ar}, ${cr} ${dn}, ${vt} ${dn} `}le+="Z"}return le}catch(g){return this.loggingService.warn("Error in AudioWaveformComponent generateMirroredWaveformPath: ",g),""}}onResize(){this.componentConfigSignal()?.variant==="editor"&&setTimeout(()=>{this.updateMirroredWaveformPath()},100)}updateMirroredWaveformPath(){try{let e=this.componentConfigSignal(),n=this.generateMirroredWaveformPath(e.barHeights,e.activeBarIndex+1,!1);this.componentConfigSignal.update(r=>_(h({},r),{mirroredWaveformPath:n}))}catch(e){this.loggingService.warn("Error in AudioWaveformComponent updateMirroredWaveformPath: ",e)}}setupResizeObserver(){try{this.waveformContainer&&!this.resizeObserver&&typeof ResizeObserver<"u"&&(this.resizeObserver=new ResizeObserver(e=>{this.updateMirroredWaveformPath()}),this.resizeObserver.observe(this.waveformContainer.nativeElement))}catch(e){this.loggingService.warn("Error in AudioWaveformComponent setupResizeObserver: ",e)}}cleanupResizeObserver(){try{this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=void 0)}catch(e){this.loggingService.warn("Error in AudioWaveformComponent cleanupResizeObserver: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(ye))},o.\u0275cmp=x({type:o,selectors:[["app-audio-waveform"]],viewQuery:function(n,r){if(n&1&&Ee(Kd,5),n&2){let g;De(g=Te())&&(r.waveformContainer=g.first)}},hostBindings:function(n,r){n&1&&H("resize",function(){return r.onResize()},oa)},inputs:{height:"height",isRecording:"isRecording",variant:"variant",isAudio:"isAudio",collapsedMode:"collapsedMode",bufferArray:"bufferArray",playerCurrentTime:"playerCurrentTime",totalTime:"totalTime",recorderInitData:"recorderInitData",threadMode:"threadMode",previewStream:"previewStream",numberOfBars:"numberOfBars",muteMic:"muteMic"},standalone:!1,features:[Fe],decls:1,vars:1,consts:[["waveformContainer",""],[4,"ngIf"],[3,"ngSwitch"],[4,"ngSwitchCase"],[1,"audio-waveform"],[1,"center-line"],[1,"waves"],["class","bar-container",4,"ngFor","ngForOf","ngForTrackBy"],[1,"bar-container"],[1,"bar"],[1,"line"],[1,"time-container"],["width","2","height","8","viewBox","0 0 2 8","fill","none","xmlns","http://www.w3.org/2000/svg",4,"ngIf"],["class","time",4,"ngIf"],["width","2","height","8","viewBox","0 0 2 8","fill","none","xmlns","http://www.w3.org/2000/svg"],["x","0.5","width","1","height","8"],[1,"time"],["class","mini-audio-container",3,"thread-mode",4,"ngIf"],[1,"mini-audio-container"],["class","bar",3,"height",4,"ngFor","ngForOf","ngForTrackBy"],[1,"mini-audio-container-player"],["class","bar",3,"height","active-bar",4,"ngFor","ngForOf","ngForTrackBy"],[1,"audio-container-preview"],[1,"audio-container-preview-mini"],["class","audio-container-preview-mini--bar",3,"height",4,"ngFor","ngForOf","ngForTrackBy"],[1,"audio-container-preview-mini--bar"],[1,"editor-player"],["width","100%","height","18","viewBox","0 0 100 18","preserveAspectRatio","none",1,"smooth-waveform"],["id","active-gradient","x1","0%","y1","0%","x2","0%","y2","100%"],["offset","0%","stop-color","var(--velt-text-4)","stop-opacity","1"],["offset","50%","stop-color","var(--velt-text-4)","stop-opacity","1"],["offset","100%","stop-color","var(--velt-text-4)","stop-opacity","1"],["fill","url(#active-gradient)"]],template:function(n,r){n&1&&s(0,um,8,7,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,ut,ft,W],styles:[".audio-waveform[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-sizing:border-box;border:1px solid var(--velt-border-3);border-radius:var(--velt-border-radius-lg)}.audio-waveform[_ngcontent-%COMP%]   .center-line[_ngcontent-%COMP%]{position:absolute;background:var(--velt-background-2);height:4px;width:100%;z-index:1!important}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:flex-end;height:144px;width:100%;z-index:2!important}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]{width:2px;background:var(--velt-error);margin-right:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-xs);transition:height .5s ease}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .bar.silent[_ngcontent-%COMP%]{background:var(--velt-text-12)}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{opacity:0}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .line[_ngcontent-%COMP%]{position:absolute;bottom:35px;background:var(--velt-background-4);height:1px;width:6px}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .time-container[_ngcontent-%COMP%]{position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-left:var(--velt-spacing-lg)}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .time-container[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   rect[_ngcontent-%COMP%]{fill:var(--velt-background-4)}.audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .time-container[_ngcontent-%COMP%]   .time[_ngcontent-%COMP%]{padding-top:var(--velt-spacing-sm);font-weight:600;font-size:var(--velt-font-size-2xs);line-height:11px;color:var(--velt-text-12)}.mini-audio-container[_ngcontent-%COMP%]{height:18px;display:flex;align-items:center;justify-content:flex-end;overflow:hidden;margin-left:var(--velt-spacing-sm)}.mini-audio-container.thread-mode[_ngcontent-%COMP%]{width:74px}.mini-audio-container[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]{width:2px;background:var(--velt-error);margin-right:var(--velt-spacing-2xs);border-radius:var(--velt-border-radius-2xs);transition:height .5s ease}.mini-audio-container[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{opacity:0}.mini-audio-container-player[_ngcontent-%COMP%]{height:18px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-left:var(--velt-spacing-sm)}.mini-audio-container-player[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]{width:2px;background:var(--velt-text-12);margin-right:var(--velt-spacing-2xs);border-radius:var(--velt-border-radius-2xs)}.mini-audio-container-player[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{opacity:0}.mini-audio-container-player[_ngcontent-%COMP%]   .active-bar[_ngcontent-%COMP%]{background:var(--velt-accent-text)}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:100%;height:300px;align-items:center;justify-content:center;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;border-width:0px}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .center-line[_ngcontent-%COMP%]{position:absolute;background:var(--velt-background-2);height:4px;width:100%;z-index:1}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;height:144px;width:100%;z-index:2}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]{width:2px;background:var(--velt-error);margin-right:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-2xs);transition:height .5s ease}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{opacity:0}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .line[_ngcontent-%COMP%]{position:absolute;bottom:35px;background:var(--velt-background-4);height:1px;width:6px}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .time-container[_ngcontent-%COMP%]{position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-left:var(--velt-spacing-lg)}.audio-container-preview[_ngcontent-%COMP%]   .audio-waveform[_ngcontent-%COMP%]   .waves[_ngcontent-%COMP%]   .bar-container[_ngcontent-%COMP%]   .time-container[_ngcontent-%COMP%]   .time[_ngcontent-%COMP%]{padding-top:var(--velt-spacing-sm);font-weight:600;font-size:var(--velt-font-size-2xs);line-height:11px;color:var(--velt-text-12)}.audio-container-preview-mini[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:2px;width:28px;height:28px;background:var(--velt-accent);border-radius:var(--velt-border-radius-3xl)}.audio-container-preview-mini[_ngcontent-%COMP%]   .audio-container-preview-mini--bar[_ngcontent-%COMP%]{width:2px;background:var(--velt-white);border-radius:var(--velt-border-radius-2xs);transition:height .1s}.editor-player[_ngcontent-%COMP%]{height:50px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;position:relative;margin-left:1.5px}.editor-player[_ngcontent-%COMP%]   .smooth-waveform[_ngcontent-%COMP%]{width:100%;height:100%;position:absolute;left:0;top:0}.editor-player[_ngcontent-%COMP%]   .smooth-waveform[_ngcontent-%COMP%]   .inactive-stop-top[_ngcontent-%COMP%], .editor-player[_ngcontent-%COMP%]   .smooth-waveform[_ngcontent-%COMP%]   .inactive-stop-bottom[_ngcontent-%COMP%]{stop-color:var(--velt-text-12)}.editor-player[_ngcontent-%COMP%]   .smooth-waveform[_ngcontent-%COMP%]   .active-stop-top[_ngcontent-%COMP%], .editor-player[_ngcontent-%COMP%]   .smooth-waveform[_ngcontent-%COMP%]   .active-stop-bottom[_ngcontent-%COMP%]{stop-color:var(--velt-accent-text)}.editor-player[_ngcontent-%COMP%]   .smooth-waveform[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{transition:d .2s ease-in-out}"],changeDetection:0});let t=o;return t})();var al=t=>({componentConfigSignal:t}),fm=(t,o)=>({condition:t,data:o}),hm=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-trim-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Cm(t,o){t&1&&S(0,"div",9)}function _m(t,o){if(t&1&&(m(0),S(1,"app-audio-waveform",10),p()),t&2){let i=a(3).ngIf,e=a();c(),l("totalTime",i.annotation==null?null:i.annotation.recordedTime)("playerCurrentTime",i.currentTime)("height",18)("variant","editor")("bufferArray",i.annotation==null?null:i.annotation.waveformData)("numberOfBars",360),E("aria-label","Audio progress")("aria-valuemin",0)("aria-valuemax",(i.annotation==null?null:i.annotation.recordedTime)||0)("aria-valuenow",i.currentTime||0)("data-testid",e.componentId)}}function ym(t,o){if(t&1&&S(0,"img",13),t&2){let i=o.$implicit;l("src",i,ia)}}function Sm(t,o){if(t&1&&(m(0),v(1,"div",11),s(2,ym,1,1,"img",12),u(),p()),t&2){let i=a(3).ngIf;c(2),l("ngForOf",i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null?null:i.annotation.attachments[0].previewImages)("ngForTrackBy",i.trackByPreviewImage)}}function xm(t,o){if(t&1&&S(0,"div",14),t&2){let i=a(4);Be("mask",i.unselectedImageMask())("-webkit-mask",i.unselectedImageMask())}}function bm(t,o){if(t&1&&S(0,"div",16),t&2){let i=o.$implicit,e=o.index,n=a(4).ngIf;Be("left",i.start/n.videoDuration*100,"%")("width",(i.end-i.start)/n.videoDuration*100,"%"),E("data-index",e)}}function Im(t,o){if(t&1&&(m(0),s(1,bm,1,5,"div",15),p()),t&2){let i=a(3).ngIf;c(),l("ngForOf",i.timelineData.trim.sections)("ngForTrackBy",i.trackByTrimSectionIndex)}}function Pm(t,o){if(t&1){let i=Z();v(0,"div",20),H("mousedown",function(n){return O(i),w(n.stopPropagation())})("click",function(n){return O(i),w(n.stopPropagation())}),v(1,"app-tooltip-button",21),z(2,"translate"),H("clicked",function(){O(i);let n=a(4).ngIf;return w(n.onAddButtonClick("trim"))}),K(),v(3,"svg",22),S(4,"circle",23)(5,"path",24)(6,"path",25),u()()()}if(t&2){let i=a(5);c(),l("zIndex",2147483628)("tooltip",j(2,4,"Add back scene"))("unstyled",!0),E("data-testid",i.componentId)}}function Em(t,o){if(t&1){let i=Z();v(0,"div",26),H("mousedown",function(n){return O(i),n.stopPropagation(),w(n.preventDefault())})("click",function(n){return O(i),n.stopPropagation(),w(n.preventDefault())}),v(1,"app-tooltip-button",21),z(2,"translate"),H("clicked",function(){O(i);let n=a(4).ngIf;return w(n.onDeleteSelectionClick("trim"))}),K(),v(3,"svg",22),S(4,"circle",23)(5,"path",25),u()()()}if(t&2){let i=a(5);c(),l("zIndex",2147483628)("tooltip",j(2,4,"Delete selected scene"))("unstyled",!0),E("data-testid",i.componentId)}}function Dm(t,o){if(t&1&&(v(0,"div",17),s(1,Pm,7,6,"div",18)(2,Em,6,6,"div",19),u()),t&2){let i=a(3).ngIf,e=a();Be("left",e.Math.min(i.timelineData.trim.selectionStart,i.timelineData.trim.selectionEnd)/i.videoDuration*100,"%")("width",e.Math.abs(i.timelineData.trim.selectionEnd-i.timelineData.trim.selectionStart)/i.videoDuration*100,"%"),c(),l("ngIf",!i.timelineData.trim.selectionStarted),c(),l("ngIf",i.timelineData.trim.selectionStarted)}}function Tm(t,o){if(t&1){let i=Z();v(0,"div",27),H("click",function(){let n=O(i).index,r=a(3).ngIf;return w(r.setSectionActive(n,"trim"))}),v(1,"div",28),H("mousedown",function(n){let r=O(i).index,g=a(3).ngIf;return w(g.handleDragStart(r,!0,n,"trim"))}),S(2,"div",29),u(),v(3,"div",30),H("mousedown",function(n){let r=O(i).index,g=a(3).ngIf;return w(g.handleDragStart(r,!1,n,"trim"))}),S(4,"div",29),u()()}if(t&2){let i=o.$implicit,e=o.index,n=a(3).ngIf;Be("left",i.start/n.videoDuration*100,"%")("width",(i.end-i.start)/n.videoDuration*100,"%"),te("velt-video-editor-player-timeline-trim-section-active",e===n.timelineData.trim.activeSectionIndex&&n.timelineData.trim.selectionStart===null&&n.timelineData.trim.selectionEnd===null)("velt-video-editor-player-timeline-trim-section-selected",e===n.timelineData.trim.selectedSectionIndex),E("data-index",e)}}function Om(t,o){if(t&1){let i=Z();m(0),v(1,"div",3),H("mousedown",function(n){O(i);let r=a(2).ngIf;return w(r.onTimelineMouseDown(n,"trim"))})("click",function(){O(i);let n=a(2).ngIf;return w(n.onTimelineTrimClick())}),s(2,Cm,1,0,"div",4),v(3,"div",5),s(4,_m,2,11,"ng-container",0)(5,Sm,3,2,"ng-container",0),u(),s(6,xm,1,4,"div",6)(7,Im,2,2,"ng-container",0)(8,Dm,3,6,"div",7),m(9),s(10,Tm,5,9,"div",8),p(),u(),p()}if(t&2){let i=a(2).ngIf,e=a();c(),te("velt-video-editor-player-timeline-trim-section-container--image-preview",i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null||i.annotation.attachments[0].previewImages==null?null:i.annotation.attachments[0].previewImages.length),c(),l("ngIf",!(!(i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null||i.annotation.attachments[0].previewImages==null)&&i.annotation.attachments[0].previewImages.length)),c(2),l("ngIf",!(!(i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null||i.annotation.attachments[0].previewImages==null)&&i.annotation.attachments[0].previewImages.length)),c(),l("ngIf",i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null||i.annotation.attachments[0].previewImages==null?null:i.annotation.attachments[0].previewImages.length),c(),l("ngIf",i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null||i.annotation.attachments[0].previewImages==null?null:i.annotation.attachments[0].previewImages.length),c(),l("ngIf",!(!(i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null||i.annotation.attachments[0].previewImages==null)&&i.annotation.attachments[0].previewImages.length)),c(),l("ngIf",i.timelineData.trim.selectionStart!==null&&i.timelineData.trim.selectionEnd!==null&&(i.timelineData.trim.isDraggingForSelection||e.Math.abs(i.timelineData.trim.selectionEnd-i.timelineData.trim.selectionStart)>=(i.videoDuration<5?.01:.1))),c(2),l("ngForOf",i.timelineData.trim.sections)("ngForTrackBy",i.trackByTrimSectionIndex)}}function wm(t,o){if(t&1&&(m(0),s(1,Om,11,10,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,hm,e.template,C(1,al,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function km(t,o){if(t&1&&(m(0),s(1,wm,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,fm,i.conditionSignal(),C(1,al,i.componentConfigSignal)))}}var En=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-trim",this.Math=Math,this.unselectedImageMask=ce(""),super.initializeComponentConfigSignal(new me),nn(()=>{try{let g=this.componentConfigSignal();g&&g.annotation?.attachments?.[0]?.previewImages?.length&&this.getBackgroundMask()}catch(g){this.loggingService.catch("Error in VideoEditorPlayerTimelineTrimComponent effect: ",g)}})}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineTrimComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineTrimComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineTrimComponent setupA11yAttributes:",e)}}getBackgroundMask(){try{let e=this.componentConfigSignal();if(!e){this.unselectedImageMask.set("");return}let n=e.timelineData?.trim?.sections||[],r=e.videoDuration||0;if(r<=0){this.unselectedImageMask.set("");return}let g=[];for(let oe of n){let pe=Math.max(0,Math.min(r,Math.min(oe.start,oe.end))),le=Math.max(0,Math.min(r,Math.max(oe.start,oe.end)));le>pe&&g.push({startPct:pe/r*100,endPct:le/r*100})}let I=e.timelineData?.trim?.selectionStart,B=e.timelineData?.trim?.selectionEnd,A=e.timelineData?.trim?.isDraggingForSelection||!1;if(I!=null&&B!=null){let oe=e.videoDuration<5?.01:.1;if(A||Math.abs(B-I)>=oe){let pe=Math.max(0,Math.min(r,Math.min(I,B))),le=Math.max(0,Math.min(r,Math.max(I,B)));le>pe&&g.push({startPct:pe/r*100,endPct:le/r*100})}}if(!g.length){this.unselectedImageMask.set("");return}let M=g.sort((oe,pe)=>oe.startPct-pe.startPct),V=[];for(let oe of M){if(!V.length){V.push({startPct:oe.startPct,endPct:oe.endPct});continue}let pe=V[V.length-1];oe.startPct<=pe.endPct?pe.endPct=Math.max(pe.endPct,oe.endPct):V.push({startPct:oe.startPct,endPct:oe.endPct})}let Y=[],J=0;for(let oe of V){let pe=Math.max(0,Math.min(100,oe.startPct)),le=Math.max(0,Math.min(100,oe.endPct));J<pe?(Y.push(`black ${J}%`),Y.push(`black ${pe}%`),Y.push(`transparent ${pe}%`)):Y.push(`transparent ${J}%`),Y.push(`transparent ${le}%`),J=le}J<100&&(Y.push(`black ${J}%`),Y.push("black 100%"));let ne=`linear-gradient(to right, ${Y.join(", ")})`;this.unselectedImageMask.set(ne)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineTrimComponent getBackgroundMask: ",e),this.unselectedImageMask.set("");return}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-trim-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-trim-section-container",3,"mousedown","click"],["class","velt-video-editor-player-timeline-trim-section-container-background-unselected",4,"ngIf"],[1,"velt-video-editor-player-timeline-waveform-container"],["class","velt-video-editor-player-timeline-trim-section-container-image-background-unselected",3,"mask","-webkit-mask",4,"ngIf"],["class","velt-video-editor-player-timeline--area-selection",3,"left","width",4,"ngIf"],["class","velt-video-editor-player-timeline-trim-section",3,"velt-video-editor-player-timeline-trim-section-active","velt-video-editor-player-timeline-trim-section-selected","left","width","click",4,"ngFor","ngForOf","ngForTrackBy"],[1,"velt-video-editor-player-timeline-trim-section-container-background-unselected"],["role","progressbar","tabindex","0",3,"totalTime","playerCurrentTime","height","variant","bufferArray","numberOfBars"],[1,"velt-video-editor-player-timeline-preview-images"],["alt","Preview Image",3,"src",4,"ngFor","ngForOf","ngForTrackBy"],["alt","Preview Image",3,"src"],[1,"velt-video-editor-player-timeline-trim-section-container-image-background-unselected"],["class","velt-video-editor-player-timeline-trim-section-background",3,"left","width",4,"ngFor","ngForOf","ngForTrackBy"],[1,"velt-video-editor-player-timeline-trim-section-background"],[1,"velt-video-editor-player-timeline--area-selection"],["class","velt-video-editor-player-timeline--area-selection-button velt-video-editor-player-timeline--area-selection-button-add",3,"mousedown","click",4,"ngIf"],["class","velt-video-editor-player-timeline--area-selection-button velt-video-editor-player-timeline--area-selection-button-delete",3,"mousedown","click",4,"ngIf"],[1,"velt-video-editor-player-timeline--area-selection-button","velt-video-editor-player-timeline--area-selection-button-add",3,"mousedown","click"],[3,"clicked","zIndex","tooltip","unstyled"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["cx","8","cy","8","r","7.5","stroke","currentColor"],["d","M8 4V12","stroke","currentColor","stroke-width","1.5","stroke-linecap","round"],["d","M4 8H12","stroke","currentColor","stroke-width","1.5","stroke-linecap","round"],[1,"velt-video-editor-player-timeline--area-selection-button","velt-video-editor-player-timeline--area-selection-button-delete",3,"mousedown","click"],[1,"velt-video-editor-player-timeline-trim-section",3,"click"],[1,"velt-video-editor-player-timeline-trim-handle","velt-video-editor-player-timeline-trim-start",3,"mousedown"],[1,"velt-video-editor-player-timeline-trim-handle-line"],[1,"velt-video-editor-player-timeline-trim-handle","velt-video-editor-player-timeline-trim-end",3,"mousedown"]],template:function(n,r){n&1&&s(0,km,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R,yt,W],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]{height:48px;position:relative;outline:1px solid var(--velt-border-4);border-radius:var(--velt-border-radius-sm)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section-container-image-background-unselected[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--velt-background-1),var(--velt-background-1) 8px,var(--velt-background-5) 8px,var(--velt-background-5) 16px);border-radius:var(--velt-border-radius-sm);z-index:1;pointer-events:none;opacity:.9;clip-path:inset(0 round var(--velt-border-radius-sm))}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section-container-background-unselected[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;background:repeating-linear-gradient(135deg,var(--velt-background-1),var(--velt-background-1) 8px,var(--velt-background-5) 8px,var(--velt-background-5) 16px);border-radius:var(--velt-border-radius-sm);z-index:0;pointer-events:none}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-waveform-container[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-sm);z-index:1;pointer-events:none}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-waveform-container[_ngcontent-%COMP%]   app-audio-waveform[_ngcontent-%COMP%]{width:100%}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-waveform-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-preview-images[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;overflow:hidden;border-radius:var(--velt-border-radius-sm)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-waveform-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-preview-images[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:100%;flex:1;min-width:0;object-fit:cover}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section-background[_ngcontent-%COMP%]{position:absolute;top:0;height:100%;border-radius:var(--velt-border-radius-sm);background-color:var(--velt-text-0)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]{position:absolute;height:100%;top:0;background-color:#2e8cff47;outline:2px dashed #2e8cff;outline-offset:-2px;z-index:5;border-radius:var(--velt-border-radius-sm);pointer-events:none}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:4;pointer-events:auto}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:14px;height:14px;color:var(--velt-component-foreground-on-active, white)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-add[_ngcontent-%COMP%]{background:#2e8cff}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-add[_ngcontent-%COMP%]:hover{background:#2e8cff47}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-delete[_ngcontent-%COMP%]{background:var(--velt-error)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection[_ngcontent-%COMP%]   .velt-video-editor-player-timeline--area-selection-button-delete[_ngcontent-%COMP%]:hover{background:var(--velt-error-hover)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section[_ngcontent-%COMP%]{position:absolute;top:0;height:100%;z-index:2;cursor:pointer;outline:2px solid var(--velt-text-0);border-radius:var(--velt-border-radius-sm)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section.velt-video-editor-player-timeline-trim-section-selected[_ngcontent-%COMP%]{outline-color:#2e8cff;box-shadow:0 0 0 6px #2e8cff47;-webkit-box-shadow:0px 0px 0px 6px rgba(46,140,255,.28);-moz-box-shadow:0px 0px 0px 6px rgba(46,140,255,.28)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-handle[_ngcontent-%COMP%]{position:absolute;top:50%;transform:translateY(-50%);cursor:ew-resize;z-index:3;display:flex;align-items:center;transition:background-color .2s ease}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-handle[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-handle-line[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-sm);border:1px solid var(--velt-white);background:var(--velt-white);width:0px;height:16px;flex-shrink:0}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-handle.velt-video-editor-player-timeline-trim-start[_ngcontent-%COMP%]{left:4px;justify-content:flex-start;padding-left:var(--velt-spacing-xs);transform:rotate(180deg) translateY(50%)}.velt-video-editor-player-timeline-trim-section-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-handle.velt-video-editor-player-timeline-trim-end[_ngcontent-%COMP%]{right:4px;justify-content:flex-end}.velt-video-editor-player-timeline-trim-section-container--image-preview[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-section-background[_ngcontent-%COMP%]{background-color:unset}.velt-video-editor-player-timeline-trim-section-container--image-preview[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-waveform-container[_ngcontent-%COMP%]{z-index:0}.velt-video-editor-player-timeline-trim-section-container--image-preview[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-trim-handle-line[_ngcontent-%COMP%]{box-shadow:0 0 0 1px #2d2d2d47;-webkit-box-shadow:0px 0px 0px 1px rgba(45,45,45,.28)}"],changeDetection:0});let t=o;return t})();var ll=t=>({componentConfigSignal:t}),Mm=(t,o)=>({condition:t,data:o}),Vm=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-playhead-line-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Am(t,o){t&1&&(m(0),S(1,"div",3),p())}function Fm(t,o){if(t&1&&(m(0),s(1,Am,2,0,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Vm,e.template,C(1,ll,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Bm(t,o){if(t&1&&(m(0),s(1,Fm,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Mm,i.conditionSignal(),C(1,ll,i.componentConfigSignal)))}}var Dn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-playhead-line",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadLineComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadLineComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadLineComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-playhead-line-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-playhead-line"]],template:function(n,r){n&1&&s(0,Bm,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{height:100%;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-playhead-line[_ngcontent-%COMP%]{width:2px;height:100%;background-color:var(--velt-error);pointer-events:all;cursor:ew-resize}"],changeDetection:0});let t=o;return t})();var cl=t=>({componentConfigSignal:t}),Nm=(t,o)=>({condition:t,data:o}),zm=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-split-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function jm(t,o){t&1&&(m(0),v(1,"div",4),K(),v(2,"svg",5),S(3,"path",6),u(),Ae(),v(4,"span",7),ie(5,"Cut video"),u(),v(6,"span",8),ie(7,"[C]"),u()(),p())}function Hm(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.addCut(n.currentTime))}),s(2,jm,8,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player--trim-disabled-control",i.timelineData.trim.selectedSectionIndex===-1&&i.timelineData.scale.selectedSectionIndex===-1),l("title",i.timelineData.trim.selectedSectionIndex===-1&&i.timelineData.scale.selectedSectionIndex===-1?"Position playhead within a section to add cuts":"Add cut at current playhead position"),c(),l("veltDynamicTemplate",L(6,zm,e.template,C(4,cl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Zm(t,o){if(t&1&&(m(0),s(1,Hm,3,12,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Nm,i.conditionSignal(),C(1,cl,i.componentConfigSignal)))}}var Tn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-split-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerSplitButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerSplitButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerSplitButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-split-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player--trim-button",3,"click","title"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--trim-button-text"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.3333 2.66667L5.66667 10.3333M5.66667 5.66667L13.3333 13.3333M4 2C5.10457 2 6 2.89543 6 4C6 5.10457 5.10457 6 4 6C2.89543 6 2 5.10457 2 4C2 2.89543 2.89543 2 4 2ZM4 10C5.10457 10 6 10.8954 6 12C6 13.1046 5.10457 14 4 14C2.89543 14 2 13.1046 2 12C2 10.8954 2.89543 10 4 10Z","stroke","currentColor","stroke-width","1.2","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-video-editor-player--trim-button-text-label"],[1,"velt-video-editor-player--trim-button-text-shortcut"]],template:function(n,r){n&1&&s(0,Zm,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--trim-button-text[_ngcontent-%COMP%]{cursor:pointer;transition:all .2s ease;display:flex;height:36px;padding:0px var(--velt-spacing-lg);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-xs);color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:20px}.velt-video-editor-player--trim-button-text[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}.velt-video-editor-player--trim-button-text[_ngcontent-%COMP%]:hover   .velt-video-editor-player--trim-button-text-shortcut[_ngcontent-%COMP%]{color:var(--velt-text-0)}.velt-video-editor-player--trim-button-text-shortcut[_ngcontent-%COMP%]{color:var(--velt-text-8);font-size:14px;font-size:var(--velt-font-size-sm);font-weight:500;line-height:20px}velt-video-editor-player-current-time-internal[_ngcontent-%COMP%]{width:auto}"],changeDetection:0});let t=o;return t})();var sl=t=>({componentConfigSignal:t}),Gm=(t,o)=>({condition:t,data:o}),Wm=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-add-zoom-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Ym(t,o){t&1&&(m(0),v(1,"div",4),K(),v(2,"svg",5),S(3,"path",6),u(),Ae(),v(4,"span",7),ie(5,"Add Zoom"),u(),v(6,"span",8),ie(7,"[Z]"),u()(),p())}function Xm(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(n){O(i);let r=a().ngIf;return w(r.canVideoSupportZoom?r.onAddZoomButtonClick(n):null)})("mouseenter",function(){O(i);let n=a().ngIf;return w(n.canVideoSupportZoom?null:n.showSupportZoomHint())})("mouseleave",function(){O(i);let n=a().ngIf;return w(n.canVideoSupportZoom?null:n.hideSupportZoomHint())}),s(2,Ym,8,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player--add-zoom-disabled-control",i.isCurrentTimeInZoomSection||!i.canVideoSupportZoom),l("title",i.canVideoSupportZoom?i.isCurrentTimeInZoomSection?"Current time is already within a zoom section":"Add zoom section at current time":"Video needs to be >2s to add zoom"),c(),l("veltDynamicTemplate",L(6,Wm,e.template,C(4,sl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function $m(t,o){if(t&1&&(m(0),s(1,Xm,3,12,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Gm,i.conditionSignal(),C(1,sl,i.componentConfigSignal)))}}var On=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-add-zoom-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerAddZoomButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerAddZoomButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerAddZoomButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-add-zoom-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player--add-zoom-button",3,"click","mouseenter","mouseleave","title"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--add-zoom-button-text"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M9.33333 6.66667L14 2M14 2H10M14 2V6M6.66667 9.33333L2 14M2 14H6M2 14L2 10","stroke","currentColor","stroke-width","1.2","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-video-editor-player--add-zoom-button-text-label"],[1,"velt-video-editor-player--add-zoom-button-text-shortcut"]],template:function(n,r){n&1&&s(0,$m,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--add-zoom-button-text[_ngcontent-%COMP%]{cursor:pointer;transition:all .2s ease;display:flex;height:36px;padding:0px var(--velt-spacing-lg);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-xs);color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:20px}.velt-video-editor-player--add-zoom-button-text[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}.velt-video-editor-player--add-zoom-button-text[_ngcontent-%COMP%]:hover   .velt-video-editor-player--add-zoom-button-text-shortcut[_ngcontent-%COMP%]{color:var(--velt-text-0)}.velt-video-editor-player--add-zoom-button-text-shortcut[_ngcontent-%COMP%]{color:var(--velt-text-8);font-size:14px;font-size:var(--velt-font-size-sm);font-weight:500;line-height:20px}.velt-video-editor-player--add-zoom-disabled-control[_ngcontent-%COMP%]{opacity:.5}.velt-video-editor-player--add-zoom-disabled-control[_ngcontent-%COMP%]   .velt-video-editor-player--add-zoom-button-text[_ngcontent-%COMP%]{cursor:not-allowed}.velt-video-editor-player--add-zoom-disabled-control[_ngcontent-%COMP%]   .velt-video-editor-player--add-zoom-button-text[_ngcontent-%COMP%]:hover{background-color:transparent}.velt-video-editor-player--add-zoom-disabled-control[_ngcontent-%COMP%]   .velt-video-editor-player--add-zoom-button-text[_ngcontent-%COMP%]:hover   .velt-video-editor-player--add-zoom-button-text-shortcut[_ngcontent-%COMP%]{color:var(--velt-text-8)}"],changeDetection:0});let t=o;return t})();var dl=t=>({componentConfigSignal:t}),qm=(t,o)=>({condition:t,data:o}),Jm=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-playhead-actions-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Km(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-video-editor-player-split-button-internal",4)(3,"velt-video-editor-player-add-zoom-button-internal",4),u(),p()),t&2){let i=a(4);c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function ep(t,o){if(t&1&&(m(0),s(1,Km,4,2,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Jm,e.template,C(1,dl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function tp(t,o){if(t&1&&(m(0),s(1,ep,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.timelineData.trim.selectedSectionIndex!==-1)}}function np(t,o){if(t&1&&(m(0),s(1,tp,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,qm,i.conditionSignal(),C(1,dl,i.componentConfigSignal)))}}var wn=(()=>{let o=class o extends Pe{constructor(e,n,r,g){super(e,g,void 0,void 0,void 0,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.themeService=g,this.componentId="velt-video-editor-player-timeline-playhead-actions",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadActionsComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadActionsComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadActionsComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Ie))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-playhead-actions-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-playhead-actions-container"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,np,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Tn,On],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-video-editor-player-timeline-playhead-actions-container[_ngcontent-%COMP%]{display:inline-flex;padding:var(--velt-spacing-xs);justify-content:center;align-items:center;gap:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-sm);border:1px solid var(--velt-border-4);background:var(--velt-background-0);box-shadow:0 4px 8px #0000001a}"],changeDetection:0});let t=o;return t})();var op=["playhead"],rp=["playheadActionsOverlay"],ml=t=>({componentConfigSignal:t}),ap=(t,o)=>({condition:t,data:o}),lp=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-playhead-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1}),cp=()=>["velt-overlay-panel"],sp=t=>({originX:"center",originY:"top",overlayX:"center",overlayY:"bottom",offsetY:t}),dp=()=>({originX:"center",originY:"bottom",overlayX:"center",overlayY:"top",offsetY:6}),mp=t=>({originX:"start",originY:"top",overlayX:"start",overlayY:"bottom",offsetY:t}),pp=t=>({originX:"end",originY:"top",overlayX:"end",overlayY:"bottom",offsetY:t}),gp=(t,o,i,e)=>[t,o,i,e];function vp(t,o){if(t&1){let i=Z();v(0,"div",8),H("clickOutside",function(){O(i);let n=a(3).ngIf;return w(n.hidePlayheadActions())}),S(1,"velt-video-editor-player-timeline-playhead-actions-internal",6),u()}if(t&2){a();let i=re(6),e=a(3);l("snippylyOverlay",i)("snippylyOverlayZIndex",2147483628),c(),l("componentConfigSignal",e.componentConfigSignal)("template",e.actionsTemplate)}}function up(t,o){if(t&1){let i=Z();m(0),v(1,"div",5,0),H("mousedown",function(n){O(i);let r=a(2).ngIf;return w(r.onPlayheadMouseDown(n))}),S(4,"velt-video-editor-player-timeline-playhead-line-internal",6),u(),s(5,vp,2,4,"ng-template",7,1,he),p()}if(t&2){let i=re(3),e=a(2).ngIf,n=a();c(4),l("componentConfigSignal",n.componentConfigSignal)("template",n.lineTemplate),c(),l("cdkConnectedOverlayOrigin",i)("cdkConnectedOverlayPanelClass",Ve(7,cp))("cdkConnectedOverlayOpen",e.playheadActionsVisible&&!e.isDraggingPlayhead)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPositions",qe(15,gp,C(8,sp,-6),Ve(10,dp),C(11,mp,-6),C(13,pp,-6)))}}function fp(t,o){if(t&1&&(m(0),s(1,up,7,20,"ng-container",4),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,lp,e.template,C(1,ml,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function hp(t,o){if(t&1&&(m(0),s(1,fp,2,9,"ng-container",3),p()),t&2){let i=a();c(),l("veltIf",D(3,ap,i.conditionSignal(),C(1,ml,i.componentConfigSignal)))}}var kn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.wireframeService=g,this.componentId="velt-video-editor-player-timeline-playhead",this.subscriptions=[],super.initializeComponentConfigSignal(new me)}ngOnInit(){try{if(super.ngOnInit(),this.setupA11yAttributes(),!this.template){let e="velt-video-editor-player-timeline-playhead-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r,this.getChildTemplate()}}))}this.getChildTemplate()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.setRef()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadComponent ngAfterViewInit: ",e)}}setRef(){try{setTimeout(()=>{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=_(h({},e),{playheadElementRef:this.playheadElement,playheadActionsOverlayRef:this.playheadActionsOverlay}),e))})}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadComponent setRef: ",e)}}getChildTemplate(){try{if(!this.lineTemplate&&this.template){let e=this.template.querySelector("velt-video-editor-player-timeline-playhead-line-wireframe");We(e)||(this.lineTemplate=e)}if(!this.actionsTemplate&&this.template){let e=this.template.querySelector("velt-video-editor-player-timeline-playhead-actions-wireframe");We(e)||(this.actionsTemplate=e)}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelinePlayheadComponent getChildTemplate: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Se))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-playhead-internal"]],viewQuery:function(n,r){if(n&1&&(Ee(op,5),Ee(rp,5)),n&2){let g;De(g=Te())&&(r.playheadElement=g.first),De(g=Te())&&(r.playheadActionsOverlay=g.first)}},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["playhead","","trigger","cdkOverlayOrigin"],["playheadActionsOverlay","cdkConnectedOverlay"],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["cdkOverlayOrigin","",1,"velt-video-editor-player-timeline-playhead",3,"mousedown"],[3,"componentConfigSignal","template"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayPanelClass","cdkConnectedOverlayOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPositions"],["snippylyClickOutside","",1,"velt-video-editor-player--video-controls-center",3,"clickOutside","snippylyOverlay","snippylyOverlayZIndex"]],template:function(n,r){n&1&&s(0,hp,2,6,"ng-container",2),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Je,Ue,pt,P,R,lt,Dn,wn],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-playhead[_ngcontent-%COMP%]{position:absolute;bottom:0;left:0;height:95.5%;z-index:4;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:none;transition:left .05s linear}.velt-video-editor-player-timeline-playhead.dragging[_ngcontent-%COMP%]{transition:none}"],changeDetection:0});let t=o;return t})();var pl=t=>({componentConfigSignal:t}),_p=(t,o)=>({condition:t,data:o}),yp=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-backspace-hint-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Sp(t,o){t&1&&(v(0,"span"),ie(1," Hit Backspace [\u232B] to delete selected zoom"),u())}function xp(t,o){if(t&1&&(v(0,"span"),ie(1),u()),t&2){let i=a(4).ngIf;c(),ge(" ",i.supportZoomHintVisible?"Video needs to be >2s to add zoom":"Hit Backspace [\u232B] to delete selected slice")}}function bp(t,o){if(t&1&&(m(0),v(1,"div",6),s(2,Sp,2,0,"span",0)(3,xp,2,1,"span",0),u(),p()),t&2){let i=a(3).ngIf;c(2),l("ngIf",i.timelineData.scale.selectedSectionIndex!==-1),c(),l("ngIf",i.timelineData.trim.selectedSectionIndex!==-1)}}function Ip(t,o){if(t&1&&(v(0,"div",3)(1,"div",4),s(2,bp,4,2,"ng-container",5),u()()),t&2){let i=a(2).ngIf,e=a();c(),Be("left",i.backspaceHintLeftPosition,"%")("transform",i.backspaceHintTransform),te("velt-video-editor-player-timeline-container-backspace-hint-container-active",i.timelineData.trim.selectedSectionIndex!==-1||i.timelineData.scale.selectedSectionIndex!==-1),c(),l("veltDynamicTemplate",L(9,yp,e.template,C(7,pl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Pp(t,o){if(t&1&&(m(0),s(1,Ip,3,15,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",!i.isPlayingTrimPreview&&!i.isDraggingPlayhead&&!i.isDraggingFromEnd&&!i.isDraggingFromStart)}}function Ep(t,o){if(t&1&&(m(0),s(1,Pp,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,_p,i.conditionSignal(),C(1,pl,i.componentConfigSignal)))}}var Rn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-backspace-hint",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineBackspaceHintComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineBackspaceHintComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineBackspaceHintComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-backspace-hint-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-video-editor-player-timeline-container-backspace-hint-container-wrapper",4,"ngIf"],[1,"velt-video-editor-player-timeline-container-backspace-hint-container-wrapper"],[1,"velt-video-editor-player-timeline-container-backspace-hint-container"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-container-backspace-hint"]],template:function(n,r){n&1&&s(0,Ep,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{position:absolute;bottom:-14px;left:0;right:0;z-index:1000}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-container-backspace-hint[_ngcontent-%COMP%]{color:var(--velt-text-8);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:14px;white-space:nowrap}.velt-video-editor-player-timeline-container-backspace-hint-container-wrapper[_ngcontent-%COMP%]{position:relative}.velt-video-editor-player-timeline-container-backspace-hint-container[_ngcontent-%COMP%]{position:absolute;opacity:0}.velt-video-editor-player-timeline-container-backspace-hint-container.velt-video-editor-player-timeline-container-backspace-hint-container-active[_ngcontent-%COMP%]{opacity:1}"],changeDetection:0});let t=o;return t})();var Tp=["timeline"],gl=t=>({componentConfigSignal:t}),Op=(t,o)=>({condition:t,data:o}),wp=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-container-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function kp(t,o){if(t&1&&(m(0),S(1,"velt-video-editor-player-timeline-playhead-internal",5)(2,"velt-video-editor-player-timeline-trim-internal",5)(3,"velt-video-editor-player-timeline-scale-internal",5)(4,"velt-video-editor-player-timeline-backspace-hint-internal",5),p()),t&2){let i=a(3);c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function Rp(t,o){if(t&1){let i=Z();m(0),v(1,"div",3,0),H("click",function(n){O(i);let r=a().ngIf;return w(r.onTimelineClick(n))}),s(3,kp,5,4,"ng-container",4),u(),p()}if(t&2){let i=a().ngIf,e=a();c(3),l("veltDynamicTemplate",L(3,wp,e.template,C(1,gl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Mp(t,o){if(t&1&&(m(0),s(1,Rp,4,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,Op,i.conditionSignal(),C(1,gl,i.componentConfigSignal)))}}var Mn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-container",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineContainerComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineContainerComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineContainerComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.setRef()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineContainerComponent ngAfterViewInit: ",e)}}setRef(){try{setTimeout(()=>{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=_(h({},e),{timelineElementRef:this.timelineElement}),e))})}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineContainerComponent setRef: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-container-internal"]],viewQuery:function(n,r){if(n&1&&Ee(Tp,5),n&2){let g;De(g=Te())&&(r.timelineElement=g.first)}},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["timeline",""],[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player-timeline-container",3,"click"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,Mp,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Pn,En,kn,Rn],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;position:relative;gap:var(--velt-spacing-xs);cursor:pointer}"],changeDetection:0});let t=o;return t})();var vl=t=>({componentConfigSignal:t}),Ap=(t,o)=>({condition:t,data:o}),Fp=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-onboarding-content-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Bp(t,o){t&1&&(m(0),v(1,"div",3),S(2,"img",4),u(),p())}function Lp(t,o){if(t&1&&(m(0),s(1,Bp,3,0,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Fp,e.template,C(1,vl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Np(t,o){if(t&1&&(m(0),s(1,Lp,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Ap,i.conditionSignal(),C(1,vl,i.componentConfigSignal)))}}var Vn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-onboarding-content",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingContentComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingContentComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingContentComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-onboarding-content-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-onboarding-content"],["src","https://firebasestorage.googleapis.com/v0/b/snippyly-sdk-external/o/assets%2Feditor_onboarding.png?alt=media&token=61988cef-ffe2-47da-b432-484fa745d22d","alt","a733d445035800d451a819202ac7c95e142e84e9","border","0"]],template:function(n,r){n&1&&s(0,Np,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}.velt-video-editor-player-timeline-onboarding-content[_ngcontent-%COMP%]{width:200px;height:152px;border-radius:var(--velt-border-radius-xs)}.velt-video-editor-player-timeline-onboarding-content[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover;border-radius:var(--velt-border-radius-xs)}"],changeDetection:0});let t=o;return t})();var ul=t=>({componentConfigSignal:t}),jp=(t,o)=>({condition:t,data:o}),Hp=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-onboarding-text-title-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Zp(t,o){t&1&&(m(0),v(1,"span",3),ie(2,"Trim, Split, Zoom"),u(),p())}function Up(t,o){if(t&1&&(m(0),s(1,Zp,3,0,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Hp,e.template,C(1,ul,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Gp(t,o){if(t&1&&(m(0),s(1,Up,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,jp,i.conditionSignal(),C(1,ul,i.componentConfigSignal)))}}var An=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-onboarding-text-title",super.initializeComponentConfigSignal(new Zo)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextTitleComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextTitleComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextTitleComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-onboarding-text-title-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-onboarding-content-title"]],template:function(n,r){n&1&&s(0,Gp,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{line-height:1}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-onboarding-content-title[_ngcontent-%COMP%]{color:var(--velt-background-0);font-size:calc(var(--velt-font-size-xs) + 1px);font-style:normal;font-weight:500;line-height:16px}"],changeDetection:0});let t=o;return t})();var fl=t=>({componentConfigSignal:t}),Yp=(t,o)=>({condition:t,data:o}),Xp=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-onboarding-text-description-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function $p(t,o){t&1&&(m(0),v(1,"span",3),ie(2,"Fine-tune your recording"),u(),p())}function Qp(t,o){if(t&1&&(m(0),s(1,$p,3,0,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Xp,e.template,C(1,fl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function qp(t,o){if(t&1&&(m(0),s(1,Qp,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Yp,i.conditionSignal(),C(1,fl,i.componentConfigSignal)))}}var Fn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-onboarding-text-description",super.initializeComponentConfigSignal(new Zo)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextDescriptionComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextDescriptionComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextDescriptionComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-onboarding-text-description-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-onboarding-content-description"]],template:function(n,r){n&1&&s(0,qp,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{line-height:1}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-onboarding-content-description[_ngcontent-%COMP%]{color:var(--velt-text-8);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:14px}"],changeDetection:0});let t=o;return t})();var hl=t=>({componentConfigSignal:t}),Kp=(t,o)=>({condition:t,data:o}),eg=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-onboarding-text-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function tg(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-video-editor-player-timeline-onboarding-text-title-internal",4)(3,"velt-video-editor-player-timeline-onboarding-text-description-internal",4),u(),p()),t&2){let i=a(3);c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function ng(t,o){if(t&1&&(m(0),s(1,tg,4,2,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,eg,e.template,C(1,hl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function ig(t,o){if(t&1&&(m(0),s(1,ng,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Kp,i.conditionSignal(),C(1,hl,i.componentConfigSignal)))}}var Bn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-onboarding-text",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingTextComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-onboarding-text-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-onboarding-content-text"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,ig,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,An,Fn],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}.velt-video-editor-player-timeline-onboarding-content-text[_ngcontent-%COMP%]{display:flex;flex-direction:column}"],changeDetection:0});let t=o;return t})();var Cl=t=>({componentConfigSignal:t}),rg=(t,o)=>({condition:t,data:o}),ag=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-onboarding-arrow-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function lg(t,o){t&1&&(m(0),v(1,"div",3),K(),v(2,"svg",4),S(3,"path",5),u()(),p())}function cg(t,o){if(t&1&&(m(0),s(1,lg,4,0,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,ag,e.template,C(1,Cl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function sg(t,o){if(t&1&&(m(0),s(1,cg,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,rg,i.conditionSignal(),C(1,Cl,i.componentConfigSignal)))}}var Ln=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-onboarding-arrow",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingArrowComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingArrowComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingArrowComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-onboarding-arrow-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-onboarding-arrow"],["width","16","height","9","viewBox","0 0 16 9","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M8.70711 8.2929L15.2929 1.70711C15.9229 1.07714 15.4767 1.33172e-07 14.5858 2.11057e-07L1.41421 1.36255e-06C0.52331 1.44044e-06 0.0771409 1.07714 0.707106 1.70711L7.29289 8.2929C7.68342 8.68342 8.31658 8.68342 8.70711 8.2929Z","fill","#212121"]],template:function(n,r){n&1&&s(0,sg,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}.velt-video-editor-player-timeline-onboarding-arrow[_ngcontent-%COMP%]{position:absolute;bottom:-8px;right:0;left:0;display:flex;justify-content:center;align-items:center}"],changeDetection:0});let t=o;return t})();var _l=t=>({componentConfigSignal:t}),mg=(t,o)=>({condition:t,data:o}),pg=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-onboarding-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function gg(t,o){if(t&1&&(m(0),v(1,"div",4),S(2,"velt-video-editor-player-timeline-onboarding-content-internal",5)(3,"velt-video-editor-player-timeline-onboarding-text-internal",5)(4,"velt-video-editor-player-timeline-onboarding-arrow-internal",5),u(),p()),t&2){let i=a(3);c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function vg(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("clickOutside",function(){O(i);let n=a().ngIf;return w(n.hideOnboardingTooltip())}),s(2,gg,5,3,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,pg,e.template,C(1,_l,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function ug(t,o){if(t&1&&(m(0),s(1,vg,3,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,mg,i.conditionSignal(),C(1,_l,i.componentConfigSignal)))}}var Nn=(()=>{let o=class o extends Pe{constructor(e,n,r,g){super(e,g,void 0,void 0,void 0,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.themeService=g,this.componentId="velt-video-editor-player-timeline-onboarding",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineOnboardingComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y),d(Ie))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-onboarding-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["snippylyClickOutside","",1,"velt-video-editor-player-timeline-onboarding-container-wrapper",3,"clickOutside"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-onboarding-container"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,ug,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,pt,P,R,Vn,Bn,Ln],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-video-editor-player-timeline-onboarding-container[_ngcontent-%COMP%]{display:inline-flex;padding:var(--velt-spacing-md) var(--velt-spacing-lg);flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-md);border-radius:var(--velt-border-radius-sm);background:var(--velt-text-0);position:relative}"],changeDetection:0});let t=o;return t})();var hg=["onboardingTooltipOverlay"],yl=t=>({componentConfigSignal:t}),Cg=(t,o)=>({condition:t,data:o}),_g=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-wireframe",variant:i,setIfCondition:e,componentElementRef:n}),yg=()=>["velt-overlay-panel"],Sg=t=>({originX:"center",originY:"top",overlayX:"center",overlayY:"bottom",offsetY:t}),xg=t=>[t];function bg(t,o){if(t&1&&(v(0,"div",10),S(1,"velt-video-editor-player-timeline-onboarding-internal",8),u()),t&2){a();let i=re(6),e=a(3);l("snippylyOverlay",i)("snippylyOverlayZIndex",2147483628),c(),l("componentConfigSignal",e.componentConfigSignal)}}function Ig(t,o){if(t&1&&(m(0),v(1,"div",6)(2,"div",7,0),S(4,"velt-video-editor-player-timeline-container-internal",8),u(),s(5,bg,2,3,"ng-template",9,1,he),u(),p()),t&2){let i=re(3),e=a(2).ngIf,n=a();c(4),l("componentConfigSignal",n.componentConfigSignal),c(),l("cdkConnectedOverlayPanelClass",Ve(6,yg))("cdkConnectedOverlayOrigin",i)("cdkConnectedOverlayOpen",e.onboardingTooltipVisible)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPositions",C(9,xg,C(7,Sg,-14)))}}function Pg(t,o){if(t&1){let i=Z();m(0),v(1,"div",4),H("clickOutside",function(){O(i);let n=a().ngIf;return w(n.clearSelection())}),s(2,Ig,7,11,"ng-container",5),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,_g,e.template,C(1,yl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Eg(t,o){if(t&1&&(m(0),s(1,Pg,3,9,"ng-container",3),p()),t&2){let i=a();c(),l("veltIf",D(3,Cg,i.conditionSignal(),C(1,yl,i.componentConfigSignal)))}}var zn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline",this.Math=Math,super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),setTimeout(()=>{this.onboardingTooltipOverlay?.overlayRef?.updatePosition()},0)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-internal"]],viewQuery:function(n,r){if(n&1&&Ee(hg,5),n&2){let g;De(g=Te())&&(r.onboardingTooltipOverlay=g.first)}},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["onboardingTooltipOverlay","cdkConnectedOverlay"],[4,"ngIf"],[4,"veltIf"],["snippylyClickOutside","",1,"velt-video-editor-player-timeline-container",3,"clickOutside"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline"],["cdkOverlayOrigin",""],[3,"componentConfigSignal"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayPanelClass","cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPositions"],[1,"velt-video-editor-player-zoom-overlay-container",3,"snippylyOverlay","snippylyOverlayZIndex"]],template:function(n,r){n&1&&s(0,Eg,2,6,"ng-container",2),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Je,Ue,pt,P,R,lt,Mn,Nn],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}[_nghost-%COMP%]{display:flex;flex:1;max-width:881px}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline[_ngcontent-%COMP%], .velt-video-editor-player-timeline-container[_ngcontent-%COMP%]{flex:1}"],changeDetection:0});let t=o;return t})();var Sl=t=>({componentConfigSignal:t}),Tg=(t,o)=>({condition:t,data:o}),Og=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-toggle-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function wg(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6),u(),p())}function kg(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",7)(3,"path",8),u(),p())}function Rg(t,o){if(t&1&&(m(0),v(1,"div",4),s(2,wg,3,0,"ng-container",0)(3,kg,4,0,"ng-container",0),u(),p()),t&2){let i=a(2).ngIf;c(2),l("ngIf",!i.isPlayingTrimPreview),c(),l("ngIf",i.isPlayingTrimPreview)}}function Mg(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.toggleEditPreview())}),s(2,Rg,4,2,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player--preview-trim-button-has-scale",i.timelineData.scale.sections.length>0)("velt-video-editor-player--preview-trim-button-active",i.isPlayingTrimPreview),c(),l("veltDynamicTemplate",L(7,Og,e.template,C(5,Sl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Vg(t,o){if(t&1&&(m(0),s(1,Mg,3,13,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Tg,i.conditionSignal(),C(1,Sl,i.componentConfigSignal)))}}var jn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-toggle-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerToggleButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerToggleButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerToggleButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-toggle-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["title","Play only trimmed sections",1,"velt-video-editor-player--preview-trim-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--preview-trim-button-text"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M5 4.98951C5 4.01835 5 3.53277 5.20249 3.2651C5.37889 3.03191 5.64852 2.88761 5.9404 2.87018C6.27544 2.85017 6.67946 3.11953 7.48752 3.65823L18.0031 10.6686C18.6708 11.1137 19.0046 11.3363 19.1209 11.6168C19.2227 11.8621 19.2227 12.1377 19.1209 12.383C19.0046 12.6635 18.6708 12.886 18.0031 13.3312L7.48752 20.3415C6.67946 20.8802 6.27544 21.1496 5.9404 21.1296C5.64852 21.1122 5.37889 20.9679 5.20249 20.7347C5 20.467 5 19.9814 5 19.0103V4.98951Z","fill","currentColor"],["d","M8 2H4C3.44772 2 3 2.44772 3 3V21C3 21.5523 3.44772 22 4 22H8C8.55228 22 9 21.5523 9 21V3C9 2.44772 8.55228 2 8 2Z","fill","currentColor"],["d","M20 2H16C15.4477 2 15 2.44772 15 3V21C15 21.5523 15.4477 22 16 22H20C20.5523 22 21 21.5523 21 21V3C21 2.44772 20.5523 2 20 2Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,Vg,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{align-self:flex-start}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--preview-trim-button-text[_ngcontent-%COMP%]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--velt-text-0);margin-block:57px}.velt-video-editor-player--preview-trim-button-has-scale[_ngcontent-%COMP%]   .velt-video-editor-player--preview-trim-button-text[_ngcontent-%COMP%]{margin-block:38px}"],changeDetection:0});let t=o;return t})();var xl=t=>({componentConfigSignal:t}),Fg=(t,o)=>({condition:t,data:o}),Bg=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-retake-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Lg(t,o){t&1&&(m(0),v(1,"div",5),K(),v(2,"svg",6),S(3,"path",7),u(),ie(4," Retake "),u(),p())}function Ng(t,o){if(t&1){let i=Z();v(0,"div",3),H("click",function(){O(i);let n=a(2).ngIf;return w(n.retakeHandler())}),s(1,Lg,5,0,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Bg,e.template,C(1,xl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function zg(t,o){if(t&1&&(m(0),s(1,Ng,2,9,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showRetakeButton)}}function jg(t,o){if(t&1&&(m(0),s(1,zg,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Fg,i.conditionSignal(),C(1,xl,i.componentConfigSignal)))}}var Hn=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-retake-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerRetakeButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerRetakeButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerRetakeButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-retake-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-video-editor-player--retake-button",3,"click",4,"ngIf"],[1,"velt-video-editor-player--retake-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--retake-button-text"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M1.33325 6.66667C1.33325 6.66667 2.66991 4.84548 3.75581 3.75883C4.84171 2.67218 6.34232 2 7.99992 2C11.3136 2 13.9999 4.68629 13.9999 8C13.9999 11.3137 11.3136 14 7.99992 14C5.26452 14 2.95666 12.1695 2.23443 9.66667M1.33325 6.66667V2.66667M1.33325 6.66667H5.33325","stroke","currentColor","stroke-width","1.2","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,jg,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--retake-button-text[_ngcontent-%COMP%]{cursor:pointer;height:32px;display:flex;padding:0px var(--velt-spacing-lg);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-sm);border:2px solid var(--velt-border-4);background:var(--velt-background-0);color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:20px}.velt-video-editor-player--retake-button-text[_ngcontent-%COMP%]:hover{opacity:.8}"],changeDetection:0});let t=o;return t})();var bl=t=>({componentConfigSignal:t}),Zg=(t,o)=>({condition:t,data:o}),Ug=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Gg(t,o){if(t&1){let i=Z();m(0),v(1,"div",3),H("click",function(){O(i);let n=a(3);return w(n.updateActiveSection())}),v(2,"div",4),S(3,"velt-video-editor-player-retake-button-internal",5),v(4,"div",6),S(5,"velt-video-editor-player-close-button-internal",5)(6,"velt-video-editor-player-apply-button-internal",5),u()(),S(7,"velt-video-editor-player-preview-internal",5),v(8,"div",7),S(9,"velt-video-editor-player-toggle-button-internal",5)(10,"velt-video-editor-player-timeline-internal",5),u()(),p()}if(t&2){let i=a(3);c(3),l("componentConfigSignal",i.componentConfigSignal),c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function Wg(t,o){if(t&1&&(m(0),s(1,Gg,11,6,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Ug,e.template,C(1,bl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Yg(t,o){if(t&1&&(m(0),s(1,Wg,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Zg,i.conditionSignal(),C(1,bl,i.componentConfigSignal)))}}var Rt=(()=>{let o=class o extends Pe{constructor(e,n,r,g,I,B,A,M,V,Y){super(I,g,void 0,void 0,void 0,B,n),this.analyticsService=e,this.loggingService=n,this.wireframeService=r,this.themeService=g,this.elementRef=I,this.dynamicDataService=B,this.domService=A,this.recorderAnnotationService=M,this.recorderService=V,this.recorderActionsService=Y,this.isLoading=!1,this.recordingType="audio",this.recorderModes=Q.RecorderModes,this.applyEdit=new be,this.closeEdit=new be,this.componentId="velt-video-editor-player",this.animationFrameId=null,this.currentlyDraggingSectionType=null,this.subscriptions=[],this.getAnnotationSubscription=null,this.componentConfigSignal=ce({variant:this.variant,annotation:this.annotation,annotationId:this.annotationId,trackByAttachmentId:this.trackByAttachmentId.bind(this),trackByMarkerPosition:this.trackByMarkerPosition.bind(this),trackByTrimSectionIndex:this.trackByTrimSectionIndex.bind(this),trackByScaleSectionIndex:this.trackByScaleSectionIndex.bind(this),trackByZoomOption:this.trackByZoomOption.bind(this),trackByPreviewImage:this.trackByPreviewImage.bind(this),videoDuration:120,currentTime:0,currentTimeDisplay:"00:00",timeMarkers:[],isDraggingPlayhead:!1,type:this.type,url:this.url,blob:this.blob,blobUrl:this.blob?URL.createObjectURL(this.blob):void 0,isDraggingFromStart:!1,isDraggingFromEnd:!1,isSelectionActive:!0,hasReachedEndOfTrimSections:!1,timelineWidth:0,selectionMinDragDistance:Q.VIDEO_EDITOR.SELECTION_MIN_DRAG_DISTANCE,isPlayingTrimPreview:!1,videoLoaded:!1,isLoading:this.isLoading,isDownloading:!1,justCompletedDrag:!1,recordingType:this.recordingType,recorderModes:this.recorderModes,isZoomActive:-1,zoomOptions:Q.VIDEO_EDITOR.ZOOM_FACTOR_OPTIONS,showZoomDropdown:{},emitApplyEdit:this.emitApplyEdit.bind(this),emitCloseEdit:this.emitCloseEdit.bind(this),onVideoLoaded:this.onVideoLoaded.bind(this),onVideoTimeUpdate:this.onVideoTimeUpdate.bind(this),addCut:this.addCut.bind(this),onTimelineClick:this.onTimelineClick.bind(this),onPlayheadMouseDown:this.onPlayheadMouseDown.bind(this),toggleEditPreview:this.toggleEditPreview.bind(this),selectZoomOption:this.selectZoomOption.bind(this),onZoomRectDragEnded:this.onZoomRectDragEnded.bind(this),onZoomRectResizeEnded:this.onZoomRectResizeEnded.bind(this),currentZoomScale:1,zoomedVideoStyle:{},applyScalePreview:this.applyScalePreview.bind(this),updateZoomStyle:this.updateZoomStyle.bind(this),resetZoom:this.resetZoom.bind(this),minDragArea:1e-4,maxZoomFactor:Q.VIDEO_EDITOR.MAX_ZOOM_FACTOR,rectangleCornerDragging:!1,playbackOnPreviewClick:!0,timelineData:{trim:{activeSectionIndex:-1,sections:[],selectionStart:null,selectionEnd:null,isSelectingArea:!1,isDraggingForSelection:!1,selectionStarted:!1,initialSections:[],hasChanges:!1,initialDragX:0,selectedSectionIndex:-1},scale:{activeSectionIndex:-1,sections:[],selectionStart:null,selectionEnd:null,isSelectingArea:!1,isDraggingForSelection:!1,selectionStarted:!1,initialSections:[],hasChanges:!1,initialDragX:0,selectedSectionIndex:-1}},playingSectionIndex:-1,handleDragStart:this.handleDragStart.bind(this),onTimelineMouseDown:this.onTimelineMouseDown.bind(this),updateActiveSection:this.updateActiveSection.bind(this),onAddButtonClick:this.onAddButtonClick.bind(this),onDeleteSelectionClick:this.onDeleteSelectionClick.bind(this),onDeleteButtonClick:this.onDeleteButtonClick.bind(this),findSectionIndexAtTime:this.findSectionIndexAtTime.bind(this),setSectionActive:this.setSectionActive.bind(this),activeScalingInPreviewIndex:-1,activeScalingOutPreviewIndex:-1,toggleZoomDropdown:this.toggleZoomDropdown.bind(this),closeZoomDropdown:this.closeZoomDropdown.bind(this),setCustomZoomFactor:this.setCustomZoomFactor.bind(this),downloadLatestEditedVideo:this.downloadLatestEditedVideo.bind(this),onAddZoomButtonClick:this.onAddZoomButtonClick.bind(this),isCurrentTimeInZoomSection:!1,playheadActionsVisible:!1,showPlayheadActions:this.showPlayheadActions.bind(this),hidePlayheadActions:this.hidePlayheadActions.bind(this),defaultZoomFactor:Q.VIDEO_EDITOR.DEFAULT_ZOOM_FACTOR,onboardingTooltipVisible:!1,showOnboardingTooltip:this.showOnboardingTooltip.bind(this),hideOnboardingTooltip:this.hideOnboardingTooltip.bind(this),onTimelineTrimClick:this.onTimelineTrimClick.bind(this),clearSelection:this.clearSelection.bind(this),isZoomCustomValue:!1,playheadPosition:0,retakeHandler:this.retakeHandler.bind(this),showRetakeButton:!1,canVideoSupportZoom:!0,supportZoomHintVisible:!1,showSupportZoomHint:this.showSupportZoomHint.bind(this),hideSupportZoomHint:this.hideSupportZoomHint.bind(this),getHintLeftPosition:this.getHintLeftPosition.bind(this),getHintTransform:this.getHintTransform.bind(this),backspaceHintLeftPosition:0,backspaceHintTransform:""}),this.subscriptions.push(this.recorderService.getOnboardingTooltip$().subscribe(J=>{this.componentConfigSignal.update(ne=>(ne=_(h({},ne),{onboardingTooltipVisible:J}),ne))})),this.subscriptions.push(this.recorderService.getRetakeOnVideoEditor$().subscribe(J=>{this.componentConfigSignal.update(ne=>(ne=_(h({},ne),{showRetakeButton:J}),ne))})),this.subscriptions.push(this.recorderService.getPlaybackOnPreviewClick$().subscribe(J=>{this.componentConfigSignal.update(ne=>(ne=_(h({},ne),{playbackOnPreviewClick:J}),ne))}))}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),this.recorderAnnotationService.setVideoEditorAutoOpen({[this.annotation?.annotationId]:!1}),super.ngOnInit(),this.setupA11yAttributes(),this.domService.setVideoEditorHandlingDelete(!0);let e="velt-video-editor-player-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})),this.generateTimeMarkers(),this.setupEventListeners(),this.updateActiveSection(),this.componentConfigSignal.update(n=>(n=_(h({},n),{isPlayingTrimPreview:!1,playingSectionIndex:-1,hasReachedEndOfTrimSections:!1}),n)),this.startSmoothPlayheadUpdates(),this.updateZoomSectionState()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent ngOnInit: ",e)}}ngOnChanges(e){try{e&&(super.ngOnChanges(e),Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))}),e.annotation&&e.annotation.currentValue!==void 0&&this.annotationUpdated(e.annotation.currentValue),e.annotationId&&e.annotationId.currentValue!==void 0&&this.componentConfigSignal().type==="embed"&&this.getRecorderAnnotationById(),e.url&&e.url.currentValue!==void 0&&this.componentConfigSignal().type==="standalone"&&this.urlUpdated(e.url.currentValue),e.blob&&e.blob.currentValue!==void 0&&this.componentConfigSignal().type==="standalone"&&this.blobUpdated(e.blob.currentValue),(e.blob||e.url||e.annotationId)&&setTimeout(()=>{this.refreshVideoPreview()},0))}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent ngOnChanges: ",n)}}annotationUpdated(e){try{let n=[],r=[],g,I;if(e.latestVersion)n=JSON.parse(JSON.stringify(e?.recordingEditVersions?.[e.latestVersion]?.boundedTrimRanges)),r=JSON.parse(JSON.stringify(e?.recordingEditVersions?.[e.latestVersion]?.boundedScaleRanges));else{g=(e?.recordedTime?.duration||0)/Q.VIDEO_EDITOR.MILLISECONDS_TO_SECONDS;let{trimRanges:B,scaleRanges:A}=this.createDefaultTimelineData(g);n=B,r=A}g=(e?.recordedTime?.duration||0)/Q.VIDEO_EDITOR.MILLISECONDS_TO_SECONDS,I=!e?.attachments?.[0]?.url?.startsWith("blob"),this.updateTimelineData(g,n,r,I),this.generateTimeMarkers(),this.updateZoomSectionState()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent annotationUpdated: ",n)}}urlUpdated(e){try{let n=this.componentConfigSignal().videoElementRef?.nativeElement?.duration||0,{trimRanges:r,scaleRanges:g}=this.createDefaultTimelineData(n);this.updateTimelineData(n,r,g,!0),this.generateTimeMarkers(),this.updateZoomSectionState()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent urlUpdated: ",n)}}blobUpdated(e){try{let n=this.componentConfigSignal().blobUrl;n&&URL.revokeObjectURL(n);let r=URL.createObjectURL(e),g=this.componentConfigSignal().videoElementRef?.nativeElement?.duration||0,{trimRanges:I,scaleRanges:B}=this.createDefaultTimelineData(g);this.componentConfigSignal.update(A=>(A=_(h({},A),{blob:e,blobUrl:r}),A)),this.updateTimelineData(g,I,B,!0),this.generateTimeMarkers(),this.updateZoomSectionState()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent blobUpdated: ",n)}}refreshVideoPreview(){try{let e=this.componentConfigSignal().videoElementRef?.nativeElement;if(e){let n=e.currentTime,r=!e.paused;e.load();let g=()=>{n&&n<=e.duration&&(e.currentTime=n),r&&e.play().catch(()=>{}),e.removeEventListener("loadeddata",g)};e.addEventListener("loadeddata",g)}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent refreshVideoPreview: ",e)}}getRecorderAnnotationById(){try{this.annotationId&&(this.getAnnotationSubscription&&this.getAnnotationSubscription.unsubscribe(),this.getAnnotationSubscription=this.recorderAnnotationService.getRecorderAnnotationById(this.annotationId).subscribe(e=>{(e?.attachments?.length||e?.attachment)&&(this.componentConfigSignal.update(n=>(n=_(h({},n),{annotation:e}),n)),this.annotationUpdated(e))}))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent getRecorderAnnotationById: ",e)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.removeEventListeners(),this.subscriptions.map(e=>{e.unsubscribe()}),this.subscriptions=[],this.getAnnotationSubscription?.unsubscribe(),this.domService.setVideoEditorHandlingDelete(!1),this.componentConfigSignal.update(e=>(e=_(h({},e),{isPlayingTrimPreview:!1,playingSectionIndex:-1,hasReachedEndOfTrimSections:!1}),e)),this.stopSmoothPlayheadUpdates(),this.resetZoom()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent setupA11yAttributes:",e)}}setupEventListeners(){try{this.removeEventListeners(),this.mouseUpListener=this.onMouseUp.bind(this),this.touchMoveListener=this.onTouchMove.bind(this),this.touchEndListener=this.onTouchEnd.bind(this),this.keyDownListener=this.handleKeyDown.bind(this),window.addEventListener("mouseup",this.mouseUpListener),window.addEventListener("touchmove",this.touchMoveListener),window.addEventListener("touchend",this.touchEndListener),document.addEventListener("selectstart",this.preventTextSelection),window.addEventListener("keydown",this.keyDownListener)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent setupEventListeners: ",e)}}removeEventListeners(){try{window.removeEventListener("mouseup",this.mouseUpListener),window.removeEventListener("touchmove",this.touchMoveListener),window.removeEventListener("touchend",this.touchEndListener),document.removeEventListener("selectstart",this.preventTextSelection),window.removeEventListener("keydown",this.keyDownListener)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent removeEventListeners: ",e)}}setupMouseMoveListener(){try{this.removeMouseMoveListener(),this.mouseMoveListener=this.onMouseMove.bind(this),window.addEventListener("mousemove",this.mouseMoveListener)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent setupMouseMoveListener: ",e)}}removeMouseMoveListener(){try{window.removeEventListener("mousemove",this.mouseMoveListener)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent removeMouseMoveListener: ",e)}}preventTextSelection(e){e.preventDefault()}generateTimeMarkers(){try{if(!this.componentConfigSignal().videoDuration)return;this.componentConfigSignal.update(g=>(g=_(h({},g),{timeMarkers:[]}),g));let e=Math.min(Q.VIDEO_EDITOR.MAX_MARKER_COUNT,Math.ceil(this.componentConfigSignal().videoDuration/Q.VIDEO_EDITOR.MARKER_INTERVAL)),n=this.componentConfigSignal().videoDuration/e,r=[];for(let g=0;g<=e;g++){let I=g*n,B=I/this.componentConfigSignal().videoDuration*100;r.push({time:I,label:this.formatTime(I),position:B})}this.componentConfigSignal.update(g=>(g=_(h({},g),{timeMarkers:r}),g))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent generateTimeMarkers: ",e)}}formatTime(e){try{let n=Math.floor(e/60),r=Math.floor(e%60),g=Math.floor(e%1*100);return this.componentConfigSignal().videoDuration<Q.VIDEO_EDITOR.SMALL_VIDEO_THRESHOLD?`${r.toString().padStart(2,"0")}.${g.toString().padStart(2,"0")}`:`${n.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`}catch(n){return this.loggingService.catch("Error in VideoEditorPlayerComponent formatTime: ",n),"00:00"}}onTimelineClick(e){try{if(e.preventDefault(),e.target.closest(".velt-video-editor-player-timeline--area-selection-button-add")||e.target.closest(".velt-video-editor-player-timeline--area-selection-button-delete")||this.componentConfigSignal().timelineData.trim.isDraggingForSelection||this.componentConfigSignal().timelineData.scale.isDraggingForSelection||this.componentConfigSignal().isDraggingPlayhead||this.componentConfigSignal().timelineData.trim.isSelectingArea&&this.componentConfigSignal().timelineData.trim.isDraggingForSelection||this.componentConfigSignal().timelineData.scale.isSelectingArea&&this.componentConfigSignal().timelineData.scale.isDraggingForSelection||this.componentConfigSignal().justCompletedDrag)return;let n=this.componentConfigSignal().timelineElementRef.nativeElement.getBoundingClientRect(),g=(e.clientX-n.left)/n.width,I=this.componentConfigSignal().videoDuration*g,B=this.componentConfigSignal().videoDuration<Q.VIDEO_EDITOR.SMALL_VIDEO_THRESHOLD?Math.round(I*Q.VIDEO_EDITOR.MILLISECOND_PRECISION_MULTIPLIER)/Q.VIDEO_EDITOR.MILLISECOND_PRECISION_MULTIPLIER:Math.round(I*Q.VIDEO_EDITOR.TENTH_SECOND_PRECISION_MULTIPLIER)/Q.VIDEO_EDITOR.TENTH_SECOND_PRECISION_MULTIPLIER,A=Math.min(B,this.componentConfigSignal().videoDuration);if(this.componentConfigSignal().isPlayingTrimPreview){let M=-1;for(let V=0;V<this.componentConfigSignal().timelineData.trim.sections.length;V++){let Y=this.componentConfigSignal().timelineData.trim.sections[V];if(A>=Y.start&&A<=Y.end){M=V;break}}if(M!==-1)this.componentConfigSignal.update(V=>(V=_(h({},V),{currentTime:A,currentTimeDisplay:this.formatTime(A),playingSectionIndex:M,hasReachedEndOfTrimSections:!1}),V));else{let V=-1,Y=1/0;for(let J=0;J<this.componentConfigSignal().timelineData.trim.sections.length;J++){let ne=this.componentConfigSignal().timelineData.trim.sections[J];ne.start>=A&&ne.start<Y&&(Y=ne.start,V=J)}if(V!==-1)this.componentConfigSignal.update(J=>(J=_(h({},J),{currentTime:Y,currentTimeDisplay:this.formatTime(Y),playingSectionIndex:V,hasReachedEndOfTrimSections:!1}),J));else if(this.componentConfigSignal().timelineData.trim.sections.length>0){let J=this.componentConfigSignal().timelineData.trim.sections[0];this.componentConfigSignal.update(ne=>(ne=_(h({},ne),{currentTime:J.start,currentTimeDisplay:this.formatTime(J.start),playingSectionIndex:0,hasReachedEndOfTrimSections:!1}),ne))}}}else this.componentConfigSignal.update(M=>(M=_(h({},M),{currentTime:A,currentTimeDisplay:this.formatTime(A),hasReachedEndOfTrimSections:!1}),M));this.updatePlayheadPosition(),this.syncVideoWithTimeline(),this.clearSelection(),this.resetZoom()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onTimelineClick: ",n)}}onPlayheadMouseDown(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{isDraggingPlayhead:!0}),n)),this.componentConfigSignal().playheadElementRef&&this.componentConfigSignal().playheadElementRef.nativeElement.classList.add("dragging"),e.stopPropagation(),this.setupMouseMoveListener()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onPlayheadMouseDown: ",n)}}handleDragStart(e,n,r,g){try{this.hidePlayheadActions(),this.componentConfigSignal.update(I=>(I=_(h({},I),{showZoomDropdown:{}}),I)),this.setupMouseMoveListener(),r.stopPropagation(),this.clearSelection(),this.currentlyDraggingSectionType=g,this.componentConfigSignal.update(I=>(I=_(h({},I),{timelineData:_(h({},I.timelineData),{[g]:_(h({},I.timelineData[g]),{activeSectionIndex:e,selectedSectionIndex:e}),[g==="trim"?"scale":"trim"]:_(h({},I.timelineData[g==="trim"?"scale":"trim"]),{selectedSectionIndex:-1})}),isDraggingFromStart:n,isDraggingFromEnd:!n}),I))}catch(I){this.loggingService.catch("Error in VideoEditorPlayerComponent handleDragStart: ",I)}}onTimelineMouseDown(e,n){try{if(n==="trim"&&(this.showPlayheadActions(),setTimeout(()=>{this.showPlayheadActions()},Q.VIDEO_EDITOR.DEBOUNCE_DELAY)),this.setupMouseMoveListener(),this.componentConfigSignal().isDraggingPlayhead)return;let r=e.target;if(r.closest(".velt-video-editor-player-timeline-trim-handle")||r.closest(".velt-video-editor-player-timeline-scale-handle")||r.closest(".velt-video-editor-player-timeline-playhead-line"))return;let g=this.componentConfigSignal().timelineElementRef.nativeElement.getBoundingClientRect(),I=(e.clientX-g.left)/g.width,B=Math.max(0,Math.min(this.componentConfigSignal().videoDuration,I*this.componentConfigSignal().videoDuration)),A=!1,M=-1,V=this.componentConfigSignal().timelineData[n].sections;for(let Y=0;Y<V.length;Y++)if(B>=V[Y].start&&B<=V[Y].end){A=!0,M=Y;break}this.componentConfigSignal.update(Y=>(Y=_(h({},Y),{isDraggingFromStart:!1,isDraggingFromEnd:!1,timelineData:_(h({},Y.timelineData),{[n]:_(h({},Y.timelineData[n]),{activeSectionIndex:M,selectionStart:B,selectionEnd:B,isSelectingArea:!0,selectionStarted:A,initialDragX:e.clientX,selectedSectionIndex:M}),[n==="trim"?"scale":"trim"]:_(h({},Y.timelineData[n==="trim"?"scale":"trim"]),{selectedSectionIndex:-1})})}),Y)),e.preventDefault()}catch(r){this.loggingService.catch("Error in VideoEditorPlayerComponent onTimelineMouseDown: ",r)}}onMouseMove(e){try{e.preventDefault(),this.handlePointerMove(e)}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onMouseMove: ",n)}}onTouchMove(e){try{e.preventDefault(),this.handlePointerMove(e)}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onTouchMove: ",n)}}handlePointerMove(e){try{if(!this.componentConfigSignal().timelineElementRef)return;e.preventDefault();let n=this.componentConfigSignal().timelineElementRef.nativeElement.getBoundingClientRect();n.width!==this.componentConfigSignal().timelineWidth&&this.componentConfigSignal.update(A=>(A=_(h({},A),{timelineWidth:n.width}),A));let r=e instanceof MouseEvent?e.clientX:e.touches[0].clientX,g=r-n.left,B=Math.max(0,Math.min(1,g/n.width))*this.componentConfigSignal().videoDuration;if(this.componentConfigSignal().isDraggingPlayhead)this.componentConfigSignal.update(A=>{let M=Math.min(B,A.videoDuration);return A=_(h({},A),{currentTime:M,currentTimeDisplay:this.formatTime(M)}),A}),this.updatePlayheadPosition(),this.syncVideoWithTimeline();else if(this.componentConfigSignal().timelineData.trim.isSelectingArea&&this.componentConfigSignal().timelineData.trim.selectionStart!==null){!this.componentConfigSignal().timelineData.trim.isDraggingForSelection&&Math.abs(r-this.componentConfigSignal().timelineData.trim.initialDragX)>this.componentConfigSignal().selectionMinDragDistance&&this.componentConfigSignal.update(V=>(V=_(h({},V),{timelineData:_(h({},V.timelineData),{trim:_(h({},V.timelineData.trim),{isDraggingForSelection:!0})})}),V));let A=B,M;if(this.componentConfigSignal().timelineData.trim.selectionStarted){let V=-1,Y=this.componentConfigSignal().timelineData.trim.selectionStart||0;for(let J=0;J<this.componentConfigSignal().timelineData.trim.sections.length;J++){let ne=this.componentConfigSignal().timelineData.trim.sections[J];if(Y>=ne.start&&Y<=ne.end){V=J;break}}if(V!==-1){let J=this.componentConfigSignal().timelineData.trim.sections[V];M=Math.max(J.start,Math.min(J.end,A))}else M=A}else{let V=this.findGapBoundaries(this.componentConfigSignal().timelineData.trim.selectionStart||0,A);V?M=Math.max(V.start,Math.min(V.end,A)):M=A}this.componentConfigSignal.update(V=>{let Y=Math.abs((M||0)-(V.timelineData.trim.selectionStart||0));return V=_(h({},V),{timelineData:_(h({},V.timelineData),{trim:_(h({},V.timelineData.trim),{selectionEnd:M,isDraggingForSelection:V.timelineData.trim.isDraggingForSelection&&Y>=V.minDragArea})})}),V})}else if(this.componentConfigSignal().timelineData.scale.isSelectingArea&&this.componentConfigSignal().timelineData.scale.selectionStart!==null){!this.componentConfigSignal().timelineData.scale.isDraggingForSelection&&Math.abs(r-this.componentConfigSignal().timelineData.scale.initialDragX)>this.componentConfigSignal().selectionMinDragDistance&&this.componentConfigSignal.update(V=>(V=_(h({},V),{timelineData:_(h({},V.timelineData),{scale:_(h({},V.timelineData.scale),{isDraggingForSelection:!0})})}),V));let A=B,M;if(this.componentConfigSignal().timelineData.scale.selectionStarted){let V=-1,Y=this.componentConfigSignal().timelineData.scale.selectionStart||0;for(let J=0;J<this.componentConfigSignal().timelineData.scale.sections.length;J++){let ne=this.componentConfigSignal().timelineData.scale.sections[J];if(ne.start&&ne.end&&Y>=ne.start&&Y<=ne.end){V=J;break}}if(V!==-1){let J=this.componentConfigSignal().timelineData.scale.sections[V];J.start&&J.end?M=Math.max(J.start,Math.min(J.end,A)):M=A}else M=A}else{let V=this.findScaleGapBoundaries(this.componentConfigSignal().timelineData.scale.selectionStart||0,A);V?M=Math.max(V.start,Math.min(V.end,A)):M=A}this.componentConfigSignal.update(V=>{let Y=Math.abs((M||0)-(V.timelineData.scale.selectionStart||0)),J={zoomInDuration:Q.VIDEO_EDITOR.ZOOM_IN_DURATION,zoomOutDuration:Q.VIDEO_EDITOR.ZOOM_OUT_DURATION},ne=this.getMinimumScaleSectionDuration(J);return V=_(h({},V),{timelineData:_(h({},V.timelineData),{scale:_(h({},V.timelineData.scale),{selectionEnd:M,isDraggingForSelection:V.timelineData.scale.isDraggingForSelection&&Y>=ne})})}),V})}this.currentlyDraggingSectionType&&this.updateSectionBounds(B,this.currentlyDraggingSectionType)}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onTouchMove: ",n)}}findScaleGapBoundaries(e,n){try{let r=0,g=this.componentConfigSignal().videoDuration;for(let I of this.componentConfigSignal().timelineData.scale.sections)I.end&&I.end<=e&&I.end>r&&(r=I.end),I.start&&I.start>=n&&I.start<g&&(g=I.start),this.componentConfigSignal().timelineData.scale.selectionStarted||(e<n?I.start&&e<I.start&&n>I.start&&(g=Math.min(g,I.start)):e>n&&I.end&&e>I.end&&n<I.end&&(r=Math.max(r,I.end)));return{start:r,end:g}}catch(r){return this.loggingService.catch("Error in VideoEditorPlayerComponent findScaleGapBoundaries: ",r),null}}handlePointerUp(e){try{let n=this.componentConfigSignal().isDraggingPlayhead,r=this.componentConfigSignal().timelineData.trim.isDraggingForSelection,g=this.componentConfigSignal().timelineData.scale.isDraggingForSelection,I=this.componentConfigSignal().timelineData.trim.activeSectionIndex!==-1&&(this.componentConfigSignal().isDraggingFromStart||this.componentConfigSignal().isDraggingFromEnd),B=this.componentConfigSignal().timelineData.scale.activeSectionIndex!==-1&&(this.componentConfigSignal().isDraggingFromStart||this.componentConfigSignal().isDraggingFromEnd);if((r||g||n||I||B)&&(this.componentConfigSignal.update(M=>(M=_(h({},M),{justCompletedDrag:!0}),M)),setTimeout(()=>{this.componentConfigSignal.update(M=>(M=_(h({},M),{justCompletedDrag:!1}),M))},Q.VIDEO_EDITOR.FAST_TIMEOUT)),this.componentConfigSignal.update(M=>(M=_(h({},M),{isDraggingPlayhead:!1,isDraggingFromStart:!1,isDraggingFromEnd:!1,hasReachedEndOfTrimSections:n?!1:M.hasReachedEndOfTrimSections,timelineData:_(h({},M.timelineData),{trim:_(h({},M.timelineData.trim),{isSelectingArea:!1,isDraggingForSelection:!1}),scale:_(h({},M.timelineData.scale),{isSelectingArea:!1,isDraggingForSelection:!1})})}),M)),this.currentlyDraggingSectionType=null,n&&this.componentConfigSignal().playheadElementRef&&this.componentConfigSignal().playheadElementRef.nativeElement.classList.remove("dragging"),e.type==="touchend"||e.type==="touchcancel"){if(I&&this.componentConfigSignal.update(M=>(M=_(h({},M),{timelineData:_(h({},M.timelineData),{trim:_(h({},M.timelineData.trim),{activeSectionIndex:-1})})}),M)),B&&this.componentConfigSignal.update(M=>(M=_(h({},M),{timelineData:_(h({},M.timelineData),{scale:_(h({},M.timelineData.scale),{activeSectionIndex:-1})})}),M)),this.componentConfigSignal().timelineData.trim.selectionStart!==null&&this.componentConfigSignal().timelineData.trim.selectionEnd!==null){if(!r){this.clearSelection();return}let M=this.componentConfigSignal().timelineData.trim.selectionStart||0,V=this.componentConfigSignal().timelineData.trim.selectionEnd||0;if(M>V){let Y=M;M=V,V=Y,this.componentConfigSignal.update(J=>(J=_(h({},J),{timelineData:_(h({},J.timelineData),{trim:_(h({},J.timelineData.trim),{selectionStart:M,selectionEnd:V})})}),J))}V-M<this.componentConfigSignal().minDragArea&&this.clearSelection()}if(this.componentConfigSignal().timelineData.scale.selectionStart!==null&&this.componentConfigSignal().timelineData.scale.selectionEnd!==null){if(!g){this.clearSelection();return}let M=this.componentConfigSignal().timelineData.scale.selectionStart||0,V=this.componentConfigSignal().timelineData.scale.selectionEnd||0;if(M>V){let Y=M;M=V,V=Y,this.componentConfigSignal.update(J=>(J=_(h({},J),{timelineData:_(h({},J.timelineData),{scale:_(h({},J.timelineData.scale),{selectionStart:M,selectionEnd:V})})}),J))}V-M<this.componentConfigSignal().minDragArea&&this.clearSelection()}}else{if(this.componentConfigSignal().timelineData.trim.isSelectingArea&&(this.componentConfigSignal.update(M=>(M=_(h({},M),{timelineData:_(h({},M.timelineData),{trim:_(h({},M.timelineData.trim),{isSelectingArea:!1})})}),M)),!r)){this.clearSelection();return}if(this.componentConfigSignal().timelineData.scale.isSelectingArea&&(this.componentConfigSignal.update(M=>(M=_(h({},M),{timelineData:_(h({},M.timelineData),{scale:_(h({},M.timelineData.scale),{isSelectingArea:!1})})}),M)),!g)){this.clearSelection();return}}this.syncVideoWithTimeline(),this.updateActiveSection(),(I||B)&&this.componentConfigSignal.update(M=>{let V=M.currentTime;if(I&&M.timelineData.trim.selectedSectionIndex!==-1){let Y=M.timelineData.trim.sections[M.timelineData.trim.selectedSectionIndex];Y&&(V<Y.start||V>Y.end)&&(M.timelineData.trim.selectedSectionIndex=-1)}if(B&&M.timelineData.scale.selectedSectionIndex!==-1){let Y=M.timelineData.scale.sections[M.timelineData.scale.selectedSectionIndex];Y&&(V<Y.start||V>Y.end)&&(M.timelineData.scale.selectedSectionIndex=-1)}return M}),this.checkForEditingChanges()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent handlePointerUp: ",n)}}onMouseUp(e){this.handlePointerUp(e)}onTouchEnd(e){this.handlePointerUp(e)}clearSelection(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{timelineData:_(h({},e.timelineData),{trim:_(h({},e.timelineData.trim),{activeSectionIndex:-1,selectionStart:null,selectionEnd:null,isSelectingArea:!1,isDraggingForSelection:!1}),scale:_(h({},e.timelineData.scale),{activeSectionIndex:-1,selectionStart:null,selectionEnd:null,isSelectingArea:!1,isDraggingForSelection:!1})})}),e))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent clearSelection: ",e)}}updatePlayheadPosition(){try{if(!this.componentConfigSignal().playheadElementRef)return;let e=this.componentConfigSignal().currentTime/this.componentConfigSignal().videoDuration*100;this.componentConfigSignal().playheadElementRef.nativeElement.style.left=`${e}%`,this.componentConfigSignal.update(n=>(n=_(h({},n),{playheadPosition:e}),n)),this.updateActiveSection(),this.getHintLeftPosition(),this.getHintTransform(),this.componentConfigSignal().playheadActionsOverlayRef&&setTimeout(()=>{this.componentConfigSignal().playheadActionsOverlayRef?.overlayRef?.updatePosition()},Q.VIDEO_EDITOR.STANDARD_TIMEOUT)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent updatePlayheadPosition: ",e)}}updateActiveSection(){try{let e=this.findSectionIndexAtTime(this.componentConfigSignal().currentTime,"trim"),n=this.findSectionIndexAtTime(this.componentConfigSignal().currentTime,"scale");this.componentConfigSignal.update(r=>(r=_(h({},r),{timelineData:_(h({},r.timelineData),{trim:_(h({},r.timelineData.trim),{activeSectionIndex:e}),scale:_(h({},r.timelineData.scale),{activeSectionIndex:n})})}),r))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent updateActiveSection: ",e)}}addCut(e){try{this.addCutToSection("trim",e),this.addCutToSection("scale",e),this.checkForEditingChanges()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent addCut: ",n)}}addCutToSection(e,n){try{let r=this.componentConfigSignal().timelineData[e].selectedSectionIndex;if(r===-1)return;let g=this.componentConfigSignal().timelineData[e].sections[r],I=this.componentConfigSignal().videoDuration<Q.VIDEO_EDITOR.SHORT_VIDEO_THRESHOLD,B;e==="scale"?B=this.getMinimumScaleSectionDuration(g):B=this.componentConfigSignal().minDragArea;let A=I&&Math.abs(n-g?.start)<Q.VIDEO_EDITOR.TIME_BUFFER?0:B,M=B;if(n>=g?.start+A&&n<g?.end-M){let V=_(h({},g),{start:g?.start,end:n}),Y=_(h({},g),{start:n,end:g?.end});this.componentConfigSignal.update(J=>{let ne=h({},J);return ne.timelineData[e].sections.splice(r,1,V,Y),ne})}}catch(r){this.loggingService.catch("Error in VideoEditorPlayerComponent addCutToSection: ",r)}}findSectionIndexAtTime(e,n){try{e=this.componentConfigSignal().currentTime;for(let r=0;r<this.componentConfigSignal().timelineData[n].sections.length;r++){let g=this.componentConfigSignal().timelineData[n].sections[r];if(e>=g.start&&e<=g.end)return r}return-1}catch(r){return this.loggingService.catch("Error in VideoEditorPlayerComponent findSectionIndexAtTime: ",r),-1}}onTouchStart(e){try{e.preventDefault();let n=e.target;if(n.closest(".velt-video-editor-player-timeline-playhead-line"))this.componentConfigSignal.update(r=>(r=_(h({},r),{isDraggingPlayhead:!0}),r)),this.componentConfigSignal().playheadElementRef&&this.componentConfigSignal().playheadElementRef.nativeElement.classList.add("dragging"),e.preventDefault();else if(n.closest(".velt-video-editor-player-timeline-trim-handle")||n.closest(".velt-video-editor-player-timeline-scale-handle")){let r=n.closest(".velt-video-editor-player-timeline-trim-start")||n.closest(".velt-video-editor-player-timeline-scale-start"),g=n.closest(".velt-video-editor-player-timeline-trim-end")||n.closest(".velt-video-editor-player-timeline-scale-end"),I=n.closest(".velt-video-editor-player-timeline-scale-handle"),B=I?"scale":"trim";if(r||g){let A=(r||g)?.closest(I?".velt-video-editor-player-timeline-scale-section":".velt-video-editor-player-timeline-trim-section");if(A){let M=parseInt(A.getAttribute("data-index")||"-1",10);M!==-1&&(this.componentConfigSignal.update(V=>(V=_(h({},V),{timelineData:_(h({},V.timelineData),{[B]:_(h({},V.timelineData[B]),{activeSectionIndex:M})}),isDraggingFromStart:!!r,isDraggingFromEnd:!!g}),V)),e.preventDefault())}}else if(n.closest(".velt-video-editor-player-timeline-container")){let M=n.closest(".scale-timeline-area")?"scale":"trim",V=e.touches[0],Y=this.componentConfigSignal().timelineElementRef.nativeElement.getBoundingClientRect(),ne=(V.clientX-Y.left)/Y.width*this.componentConfigSignal().videoDuration,oe=this.componentConfigSignal().videoDuration<5?Math.round(ne*1e3)/1e3:Math.round(ne*10)/10;this.componentConfigSignal.update(ue=>(ue=_(h({},ue),{timelineData:_(h({},ue.timelineData),{[M]:_(h({},ue.timelineData[M]),{initialDragX:V.clientX})})}),ue));let pe=!1,le=-1,ae=this.componentConfigSignal().timelineData[M].sections;for(let ue=0;ue<ae.length;ue++)if(oe>=ae[ue].start&&oe<=ae[ue].end){pe=!0,le=ue;break}this.componentConfigSignal.update(ue=>(ue=_(h({},ue),{timelineData:_(h({},ue.timelineData),{[M]:_(h({},ue.timelineData[M]),{activeSectionIndex:le})}),isDraggingFromStart:!1,isDraggingFromEnd:!1}),ue)),this.componentConfigSignal.update(ue=>(ue=_(h({},ue),{timelineData:_(h({},ue.timelineData),{[M]:_(h({},ue.timelineData[M]),{selectionStart:oe,selectionEnd:oe,isSelectingArea:!0,selectionStarted:pe})})}),ue)),e.preventDefault()}}}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onTouchStart: ",n)}}onVideoTimeUpdate(){try{if(!this.componentConfigSignal().videoElementRef?.nativeElement||this.componentConfigSignal().isDraggingPlayhead)return;let e=this.componentConfigSignal().videoElementRef?.nativeElement?.currentTime||0;if(this.updateCurrentTimeAndZoomState(e),this.updatePlayheadPosition(),this.componentConfigSignal().isPlayingTrimPreview&&this.componentConfigSignal().timelineData.trim.sections.length>0&&this.componentConfigSignal().playingSectionIndex>=0&&this.componentConfigSignal().playingSectionIndex<this.componentConfigSignal().timelineData.trim.sections.length){let n=this.componentConfigSignal().timelineData.trim.sections[this.componentConfigSignal().playingSectionIndex];if(this.componentConfigSignal().currentTime>=n.end-Q.VIDEO_EDITOR.TIME_BUFFER){if(this.componentConfigSignal.update(r=>(r=_(h({},r),{playingSectionIndex:r.playingSectionIndex+1}),r)),this.componentConfigSignal().playingSectionIndex>=this.componentConfigSignal().timelineData.trim.sections.length){this.toggleEditPreview(!0);let r=this.componentConfigSignal().timelineData.trim.sections[this.componentConfigSignal().timelineData.trim.sections.length-1];r?(this.componentConfigSignal.update(g=>(g=_(h({},g),{currentTime:r.end,currentTimeDisplay:this.formatTime(r.end),hasReachedEndOfTrimSections:!0}),g)),this.updatePlayheadPosition(),this.syncVideoWithTimeline()):this.componentConfigSignal.update(g=>(g=_(h({},g),{hasReachedEndOfTrimSections:!0}),g));return}this.jumpToCurrentTrimSection()}else this.componentConfigSignal().currentTime<n.start-Q.VIDEO_EDITOR.TIME_BUFFER&&this.jumpToCurrentTrimSection()}this.checkAndApplyScalePreview()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent onVideoTimeUpdate: ",e)}}onVideoLoaded(){try{if(!this.componentConfigSignal().videoElementRef?.nativeElement)return;let e=this.componentConfigSignal().videoElementRef?.nativeElement;if(!e)return;if(this.componentConfigSignal().type==="standalone"&&e.duration){let n=e.duration,{trimRanges:r,scaleRanges:g}=this.createDefaultTimelineData(n);this.updateTimelineData(n,r,g,!0),this.generateTimeMarkers(),this.updateZoomSectionState()}else this.componentConfigSignal.update(n=>(n=_(h({},n),{videoLoaded:!0}),n))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent onVideoLoaded: ",e)}}syncVideoWithTimeline(){try{if(!this.componentConfigSignal().videoElementRef?.nativeElement||!this.componentConfigSignal().videoLoaded)return;this.componentConfigSignal.update(e=>(e=h({},e),e.videoElementRef.nativeElement.currentTime=e.currentTime,e))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent syncVideoWithTimeline: ",e)}}deleteSelectedSection(e){try{return this.componentConfigSignal().timelineData[e].activeSectionIndex===-1||this.componentConfigSignal().timelineData[e].sections.length===0?!1:(this.componentConfigSignal.update(n=>(n=h({},n),n.timelineData[e].sections.splice(n.timelineData[e].activeSectionIndex,1),n.timelineData[e].activeSectionIndex=-1,n.timelineData[e].selectedSectionIndex=-1,n.timelineData[e].selectionStarted=!1,n)),this.checkForEditingChanges(),this.updateActiveSection(),e==="scale"&&(this.updateZoomSectionState(),setTimeout(()=>{this.triggerVideoPreviewSizeRecalculation()},0)),!0)}catch(n){return this.loggingService.catch("Error in VideoEditorPlayerComponent deleteSelectedSection: ",n),!1}}onDeleteButtonClick(e){try{e.stopPropagation();let n=this.componentConfigSignal().timelineData.trim.selectedSectionIndex,r=this.componentConfigSignal().timelineData.scale.selectedSectionIndex;n!==-1?this.deleteSelectedSection("trim"):r!==-1&&this.deleteSelectedSection("scale")}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onDeleteButtonClick: ",n)}}handleKeyDown(e){try{if((e.key==="Delete"||e.key==="Backspace"||e.key==="d"||e.key==="D")&&(this.componentConfigSignal().timelineData.trim.selectionStart!==null&&this.componentConfigSignal().timelineData.trim.selectionEnd!==null?this.onDeleteSelectionClick("trim"):this.componentConfigSignal().timelineData.trim.selectedSectionIndex!==-1&&(this.deleteSelectedSection("trim"),this.toggleEditPreview(!0)),this.componentConfigSignal().timelineData.scale.selectionStart!==null&&this.componentConfigSignal().timelineData.scale.selectionEnd!==null?this.onDeleteSelectionClick("scale"):this.componentConfigSignal().timelineData.scale.selectedSectionIndex!==-1&&(this.deleteSelectedSection("scale"),this.toggleEditPreview(!0))),e.key===" "&&this.toggleEditPreview(),e.key==="c"||e.key==="C"){let n=this.componentConfigSignal().currentTime;this.addCut(n),this.toggleEditPreview(!0)}(e.key==="z"||e.key==="Z")&&this.onAddZoomButtonClick(),e.preventDefault(),e.stopPropagation()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent handleKeyDown: ",n)}}toggleEditPreview(e=!1){try{if(this.componentConfigSignal().rectangleCornerDragging)return;if(this.componentConfigSignal.update(n=>(n=_(h({},n),{timelineData:_(h({},n.timelineData),{trim:_(h({},n.timelineData.trim),{selectedSectionIndex:-1}),scale:_(h({},n.timelineData.scale),{selectedSectionIndex:-1})})}),n)),this.componentConfigSignal().isPlayingTrimPreview||e){this.componentConfigSignal.update(n=>(n=_(h({},n),{isPlayingTrimPreview:!1,playingSectionIndex:-1,hasReachedEndOfTrimSections:!1}),n)),this.componentConfigSignal().videoElementRef?.nativeElement&&(this.componentConfigSignal().videoElementRef?.nativeElement?.pause(),this.componentConfigSignal.update(n=>(n=_(h({},n),{isPlayingTrimPreview:!1}),n))),this.resetZoom();return}if(this.componentConfigSignal().timelineData.trim.sections.length===0)return;if(this.componentConfigSignal.update(n=>(n=_(h({},n),{isPlayingTrimPreview:!0}),n)),this.componentConfigSignal().hasReachedEndOfTrimSections)this.componentConfigSignal.update(n=>(n=_(h({},n),{hasReachedEndOfTrimSections:!1,playingSectionIndex:0}),n)),this.jumpToCurrentTrimSection();else{let n=this.findSectionIndexAtTime(this.componentConfigSignal().currentTime,"trim");if(n!==-1)this.componentConfigSignal.update(r=>(r=_(h({},r),{playingSectionIndex:n}),r));else{let r=-1,g=1/0;for(let I=0;I<this.componentConfigSignal().timelineData.trim.sections.length;I++)this.componentConfigSignal().timelineData.trim.sections[I].start>this.componentConfigSignal().currentTime&&this.componentConfigSignal().timelineData.trim.sections[I].start<g&&(g=this.componentConfigSignal().timelineData.trim.sections[I].start,r=I);r===-1&&(r=0),this.componentConfigSignal.update(I=>(I=_(h({},I),{playingSectionIndex:r}),I)),this.jumpToCurrentTrimSection()}}this.componentConfigSignal().videoElementRef?.nativeElement&&(this.componentConfigSignal.update(n=>(n=_(h({},n),{isPlayingTrimPreview:!0}),n)),this.componentConfigSignal().videoElementRef?.nativeElement.play().then(()=>{this.componentConfigSignal.update(n=>(n=_(h({},n),{isLoading:!1}),n))}).catch(n=>{this.loggingService.log("Error starting playback:",n),this.componentConfigSignal.update(r=>(r=_(h({},r),{isPlayingTrimPreview:!1,isLoading:!1}),r))}))}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent toggleEditPreview: ",n)}}jumpToCurrentTrimSection(){try{if(this.componentConfigSignal().playingSectionIndex<0||this.componentConfigSignal().playingSectionIndex>=this.componentConfigSignal().timelineData.trim.sections.length)return;let e=this.componentConfigSignal().timelineData.trim.sections[this.componentConfigSignal().playingSectionIndex];this.componentConfigSignal.update(n=>(n=_(h({},n),{currentTime:e.start,currentTimeDisplay:this.formatTime(e.start)}),n.videoElementRef.nativeElement.currentTime=e.start,n)),this.updatePlayheadPosition()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent jumpToCurrentTrimSection: ",e)}}onAddButtonClick(e){try{if(this.componentConfigSignal().timelineData[e].selectionStart===null||this.componentConfigSignal().timelineData[e].selectionEnd===null)return;let n=Math.min(this.componentConfigSignal().timelineData[e].selectionStart||0,this.componentConfigSignal().timelineData[e].selectionEnd||0),r=Math.max(this.componentConfigSignal().timelineData[e].selectionStart||0,this.componentConfigSignal().timelineData[e].selectionEnd||0);if(e==="scale"){let B={zoomInDuration:Q.VIDEO_EDITOR.ZOOM_IN_DURATION,zoomOutDuration:Q.VIDEO_EDITOR.ZOOM_OUT_DURATION},A=this.getMinimumScaleSectionDuration(B);if(r-n<A)return}let g={start:n,end:r};if(e==="scale"){g.zoomFactor=this.componentConfigSignal().defaultZoomFactor,g.zoomInDuration=Q.VIDEO_EDITOR.ZOOM_IN_DURATION,g.zoomOutDuration=Q.VIDEO_EDITOR.ZOOM_OUT_DURATION,g.centerX=.5,g.centerY=.5;let B=Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT/g.zoomFactor,A=Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT/g.zoomFactor;g.topLeftX=(Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT-B)/2,g.topLeftY=(Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT-A)/2;let M=this.componentConfigSignal().videoElementRef?.nativeElement;M&&(g.topLeftXPixels=g.topLeftX/100*M.clientWidth,g.topLeftYPixels=g.topLeftY/100*M.clientHeight)}this.componentConfigSignal.update(B=>{let A=[...B.timelineData[e].sections,g].sort((M,V)=>M.start-V.start);return B=_(h({},B),{timelineData:_(h({},B.timelineData),{[e]:_(h({},B.timelineData[e]),{sections:A})})}),B}),this.checkForEditingChanges();let I=this.componentConfigSignal().timelineData[e].sections.findIndex(B=>Math.abs(B.start-n)<Q.VIDEO_EDITOR.MIN_DURATION_THRESHOLD&&Math.abs(B.end-r)<Q.VIDEO_EDITOR.MIN_DURATION_THRESHOLD);I!==-1&&this.componentConfigSignal.update(B=>(B=_(h({},B),{timelineData:_(h({},B.timelineData),{[e]:_(h({},B.timelineData[e]),{selectedSectionIndex:I})}),currentTime:n+n*.001}),B)),this.updatePlayheadPosition(),this.syncVideoWithTimeline(),this.clearSelection()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onAddButtonClick: ",n)}}onDeleteSelectionClick(e){try{if(this.componentConfigSignal().timelineData[e].selectionStart===null||this.componentConfigSignal().timelineData[e].selectionEnd===null||!this.componentConfigSignal().timelineData[e].selectionStarted)return;let n=Math.min(this.componentConfigSignal().timelineData[e].selectionStart||0,this.componentConfigSignal().timelineData[e].selectionEnd||0),r=Math.max(this.componentConfigSignal().timelineData[e].selectionStart||0,this.componentConfigSignal().timelineData[e].selectionEnd||0),g=-1,I=this.componentConfigSignal().timelineData[e].sections;for(let V=0;V<I.length;V++)if(n>=I[V].start&&r<=I[V].end){g=V;break}let B=I[g],A=[...I];A.splice(g,1);let M=Q.VIDEO_EDITOR.MIN_DURATION_THRESHOLD;e==="scale"&&(M=this.getMinimumScaleSectionDuration(B)),B.start<n-M&&A.push(_(h({},B),{start:B.start,end:n})),B.end>r+M&&A.push(_(h({},B),{start:r,end:B.end})),A.sort((V,Y)=>V.start-Y.start),this.componentConfigSignal.update(V=>(V=_(h({},V),{timelineData:_(h({},V.timelineData),{[e]:_(h({},V.timelineData[e]),{activeSectionIndex:-1,sections:A})})}),V)),this.checkForEditingChanges(),this.clearSelection(),this.updateActiveSection(),e==="scale"&&this.updateZoomSectionState()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onDeleteSelectionClick: ",n)}}trackByAttachmentId(e,n){return n?.attachmentId}trackByMarkerPosition(e,n){return n?.position||e}trackByTrimSectionIndex(e,n){return e}trackByScaleSectionIndex(e,n){return e}trackByZoomOption(e,n){return n.value}trackByPreviewImage(e,n){return n||e}selectZoomOption(e,n,r){try{e.stopPropagation();let g=Math.min(n,this.componentConfigSignal().maxZoomFactor);this.componentConfigSignal.update(I=>{let B=I.timelineData.scale.sections[r];if(!B)return I;let A=B.zoomFactor||1,M=100/g,V=100/g,Y=B.topLeftX||0,J=B.topLeftY||0,ne=Y,oe=J;if(g<A){let pe=100/A,le=100/A,ae=Y+pe,ue=J+le,Xe=Y<100-ae,tt=J<100-ue;Xe||(ne=ae-M),tt||(oe=ue-V)}return ne=Math.max(0,Math.min(100-M,ne)),oe=Math.max(0,Math.min(100-V,oe)),_(h({},I),{timelineData:_(h({},I.timelineData),{scale:_(h({},I.timelineData.scale),{sections:I.timelineData.scale.sections.map((pe,le)=>le===r?_(h({},pe),{zoomFactor:g,topLeftX:ne,topLeftY:oe}):pe)})}),showZoomDropdown:_(h({},I.showZoomDropdown),{[r]:!1}),isZoomActive:r,isZoomCustomValue:!1})}),this.checkForEditingChanges()}catch(g){this.loggingService.catch("Error in VideoEditorPlayerComponent selectZoomOption: ",g)}}emitApplyEdit(){return Le(this,null,function*(){try{if(this.componentConfigSignal().isLoading||!this.componentConfigSignal().timelineData.trim.hasChanges&&!this.componentConfigSignal().timelineData.scale.hasChanges||this.componentConfigSignal().timelineData.trim.sections.length===0){let r=yield this.recorderAnnotationService.createRecorderData(this.componentConfigSignal().annotation,!0);r&&this.recorderActionsService?.onRecordingEditDone(r),this.emitCloseEdit();return}this.componentConfigSignal.update(r=>(r=_(h({},r),{isLoading:!0}),r));let e=JSON.parse(JSON.stringify(this.componentConfigSignal().timelineData.trim.sections)),n=JSON.parse(JSON.stringify(this.componentConfigSignal().timelineData.scale.sections));if(this.componentConfigSignal.update(r=>(r=_(h({},r),{timelineData:_(h({},r.timelineData),{trim:_(h({},r.timelineData.trim),{initialSections:this.componentConfigSignal().type!=="standalone"?JSON.parse(JSON.stringify(r.timelineData.trim.sections)):r.timelineData.trim.initialSections,hasChanges:!1}),scale:_(h({},r.timelineData.scale),{initialSections:this.componentConfigSignal().type!=="standalone"?JSON.parse(JSON.stringify(r.timelineData.scale.sections)):r.timelineData.scale.initialSections,hasChanges:!1})})}),r)),this.componentConfigSignal().type!=="embed"&&this.componentConfigSignal().type!=="standalone")this.applyEdit.emit({trimRanges:e,scaleRanges:n});else{let r="";this.componentConfigSignal().type==="standalone"?r=this.componentConfigSignal().url||"":r=this.componentConfigSignal().annotation?.attachments?.[0]?.url||"";let g=e.map(V=>({start:V.start,end:V.end})),I=n.map(V=>({startTime:V.start?V.start:0,zoomInDuration:.5,holdDuration:V.end?V.end-(V.start?V.start:0):0,zoomOutDuration:.5,zoomFactor:V.zoomFactor,centerX:V.centerX,centerY:V.centerY,topLeftX:V.topLeftX,topLeftY:V.topLeftY})),B=this.componentConfigSignal().annotation,A=null;try{this.recorderActionsService.onRecordingSaveInitiated({annotationId:this.componentConfigSignal().annotation?.annotationId||this.componentConfigSignal().annotationId,message:"Recording save initiated",type:"edit"}),A=yield this.recorderAnnotationService.editVideoRecording(r,g,B,I,this.componentConfigSignal().type,this.componentConfigSignal().blob)}catch(V){this.componentConfigSignal.update(Y=>(Y=_(h({},Y),{isLoading:!1}),Y)),V?.details?.type==="edit"&&this.recorderActionsService.onError({type:"editFailed",message:"Edit failed",recorderId:this.componentConfigSignal().annotation?.annotationId,url:r}),V?.details?.type==="transcription"&&this.recorderActionsService.onError({type:"transcriptionFailed",message:"Transcription failed",recorderId:this.componentConfigSignal().annotation?.annotationId,url:r}),this.loggingService.log("Video trimmed failed")}let M=yield this.recorderAnnotationService.createRecorderData(this.componentConfigSignal().annotation,!0);if(M&&this.recorderActionsService?.onRecordingEditDone(M),A)try{this.componentConfigSignal.update(V=>(V=_(h({},V),{isLoading:!1}),V)),this.componentConfigSignal().type==="standalone"&&this.emitCloseEdit()}catch(V){this.loggingService.catch("Error uploading trimmed video:",V)}}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent emitApplyEdit: ",e),this.componentConfigSignal.update(n=>(n=_(h({},n),{isLoading:!1}),n))}})}emitCloseEdit(){try{if(this.componentConfigSignal().isLoading)return;this.componentConfigSignal.update(e=>(e=_(h({},e),{timelineData:_(h({},e.timelineData),{trim:_(h({},e.timelineData.trim),{sections:e.timelineData.trim.initialSections||[],selectedSectionIndex:-1}),scale:_(h({},e.timelineData.scale),{sections:e.timelineData.scale.initialSections||[],selectedSectionIndex:-1})})}),e)),this.componentConfigSignal().type!=="embed"&&this.componentConfigSignal().type!=="standalone"&&this.closeEdit.emit()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent emitCloseEdit: ",e)}}checkForEditingChanges(){try{let e=this.componentConfigSignal().timelineData.trim.sections,n=this.componentConfigSignal().timelineData.trim.initialSections||[],r=this.componentConfigSignal().timelineData.scale.sections,g=this.componentConfigSignal().timelineData.scale.initialSections||[],I=!1,B=!1;e.length!==n.length?I=!0:I=e.some((A,M)=>{let V=n[M];return A.start!==V.start||A.end!==V.end}),r.length!==g.length?B=!0:B=r.some((A,M)=>{let V=g[M];return A.start!==V.start||A.end!==V.end||A.zoomFactor!==V.zoomFactor||A.topLeftX!==V.topLeftX||A.topLeftY!==V.topLeftY||A.centerX!==V.centerX||A.centerY!==V.centerY||A.zoomInDuration!==V.zoomInDuration||A.zoomOutDuration!==V.zoomOutDuration||A.holdDuration!==V.holdDuration}),this.componentConfigSignal.update(A=>(A=_(h({},A),{timelineData:_(h({},A.timelineData),{trim:_(h({},A.timelineData.trim),{hasChanges:I}),scale:_(h({},A.timelineData.scale),{hasChanges:B})})}),A))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent checkForEditingChanges: ",e)}}startSmoothPlayheadUpdates(){try{this.stopSmoothPlayheadUpdates();let e=()=>{if(this.componentConfigSignal().videoElementRef?.nativeElement&&this.componentConfigSignal().isPlayingTrimPreview&&!this.componentConfigSignal().isDraggingPlayhead){let n=this.componentConfigSignal().videoElementRef?.nativeElement?.currentTime||0;this.updateCurrentTimeAndZoomState(n),this.updatePlayheadPosition()}this.animationFrameId=requestAnimationFrame(e)};this.animationFrameId=requestAnimationFrame(e)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent startSmoothPlayheadUpdates: ",e)}}stopSmoothPlayheadUpdates(){try{this.animationFrameId!==null&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent stopSmoothPlayheadUpdates: ",e)}}onZoomRectResizeEnded(){try{this.checkForEditingChanges()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent onZoomRectResizeEnded: ",e)}}onZoomRectDragEnded(e){try{let r=e.source.element.nativeElement.getBoundingClientRect(),g=this.componentConfigSignal().videoElementRef?.nativeElement,I=g?.getBoundingClientRect();if(!g||!I)return;let B=e.source.getFreeDragPosition().x,A=e.source.getFreeDragPosition().y,M=g.parentElement?.querySelector(".velt-video-editor-player-zoom-overlay");if(!M)return;let V=M.getBoundingClientRect(),Y=B/V.width*100,J=A/V.height*100,ne=r.width/2,oe=r.height/2,pe=B+ne,le=A+oe,ae=pe/V.width,ue=le/V.height,Xe=Math.max(0,Math.min(1,ae)),tt=Math.max(0,Math.min(1,ue)),gt=Number(Xe.toFixed(Q.VIDEO_EDITOR.DECIMAL_PRECISION)),ct=Number(tt.toFixed(Q.VIDEO_EDITOR.DECIMAL_PRECISION));this.componentConfigSignal.update(Ze=>_(h({},Ze),{timelineData:_(h({},Ze.timelineData),{scale:_(h({},Ze.timelineData.scale),{sections:Ze.timelineData.scale.sections.map((ot,je)=>je===Ze.timelineData.scale.selectedSectionIndex?_(h({},ot),{centerX:gt,centerY:ct,topLeftX:Y,topLeftY:J}):ot)})})})),this.checkForEditingChanges()}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent onZoomRectDragEnded: ",n)}}findGapBoundaries(e,n){try{let r=0,g=this.componentConfigSignal().videoDuration;for(let I of this.componentConfigSignal().timelineData.trim.sections)I.end<=e&&I.end>r&&(r=I.end),I.start>=n&&I.start<g&&(g=I.start),this.componentConfigSignal().timelineData.trim.selectionStarted||(e<n?e<I.start&&n>I.start&&(g=Math.min(g,I.start)):e>n&&e>I.end&&n<I.end&&(r=Math.max(r,I.end)));return{start:r,end:g}}catch(r){return this.loggingService.catch("Error in VideoEditorPlayerComponent findGapBoundaries: ",r),null}}getMinimumScaleSectionDuration(e){try{let n=(e?.zoomInDuration||Q.VIDEO_EDITOR.ZOOM_IN_DURATION)/Q.VIDEO_EDITOR.MILLISECONDS_TO_SECONDS,r=(e?.zoomOutDuration||Q.VIDEO_EDITOR.ZOOM_OUT_DURATION)/Q.VIDEO_EDITOR.MILLISECONDS_TO_SECONDS;return n+r}catch(n){return this.loggingService.catch("Error in VideoEditorPlayerComponent getMinimumScaleSectionDuration: ",n),0}}updateSectionBounds(e,n){try{if(this.componentConfigSignal().timelineData[n].activeSectionIndex===-1)return;let r=this.componentConfigSignal().timelineData[n].sections[this.componentConfigSignal().timelineData[n].activeSectionIndex],g=this.componentConfigSignal().timelineData[n].activeSectionIndex>0?this.componentConfigSignal().timelineData[n].sections[this.componentConfigSignal().timelineData[n].activeSectionIndex-1]:null,I=this.componentConfigSignal().timelineData[n].activeSectionIndex<this.componentConfigSignal().timelineData[n].sections.length-1?this.componentConfigSignal().timelineData[n].sections[this.componentConfigSignal().timelineData[n].activeSectionIndex+1]:null,B=n==="scale"?this.getMinimumScaleSectionDuration(r):this.componentConfigSignal().minDragArea;if(this.componentConfigSignal().isDraggingFromStart){let A=g?g.end:0,M=r.end-B;r.start=Math.max(A,Math.min(M,e))}else if(this.componentConfigSignal().isDraggingFromEnd){let A=I?I.start:this.componentConfigSignal().videoDuration,M=r.start+B;r.end=Math.min(A,Math.max(M,e))}this.componentConfigSignal.update(A=>(A=h({},A),A.timelineData[n].sections[A.timelineData[n].activeSectionIndex]=r,A))}catch(r){this.loggingService.catch("Error in VideoEditorPlayerComponent updateSectionBounds: ",r)}}checkAndApplyScalePreview(){try{if(!this.componentConfigSignal().isPlayingTrimPreview)return;let e=this.componentConfigSignal().currentTime;for(let[n,r]of this.componentConfigSignal().timelineData.scale.sections.entries())if(e>=r.start&&e<=r.end){n!==this.componentConfigSignal().activeScalingInPreviewIndex&&(this.applyScalePreview(!0),this.componentConfigSignal.update(B=>(B=_(h({},B),{activeScalingInPreviewIndex:n,activeScalingOutPreviewIndex:-1}),B)));let g=r.end-(r.zoomOutDuration||Q.VIDEO_EDITOR.ZOOM_OUT_DURATION)/Q.VIDEO_EDITOR.MILLISECONDS_TO_SECONDS;e>=g&&n!==this.componentConfigSignal().activeScalingOutPreviewIndex&&(this.applyScalePreview(!1),this.componentConfigSignal.update(B=>(B=_(h({},B),{activeScalingOutPreviewIndex:n}),B)));break}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent checkAndApplyScalePreview: ",e)}}applyScalePreview(e){try{if(!this.componentConfigSignal()?.videoElementRef?.nativeElement)return;let n=this.componentConfigSignal().timelineData.scale.sections[this.componentConfigSignal().timelineData.scale.activeSectionIndex],r=this.componentConfigSignal()?.videoElementRef?.nativeElement;if(!r)return;let g=n?.zoomFactor||this.componentConfigSignal().defaultZoomFactor,I=(e?n?.zoomInDuration:n?.zoomOutDuration)||(e?Q.VIDEO_EDITOR.ZOOM_IN_DURATION:Q.VIDEO_EDITOR.ZOOM_OUT_DURATION),B=this.componentConfigSignal().currentZoomScale,A=e?g:1,M=r.clientWidth,V=r.clientHeight,Y=50,J=50;if(n?.topLeftX!==void 0&&n?.topLeftY!==void 0){let ae=n.topLeftX/100*M,ue=n.topLeftY/100*V,Xe=ae*g/(g-1),tt=ue*g/(g-1);Y=Xe/M*100,J=tt/V*100}let ne=Y,oe=J,pe=performance.now(),le=ae=>{let ue=ae-pe,Xe=Math.min(ue/I,1),tt=Xe,gt=B+(A-B)*tt,ct=ne,Ze=oe;this.updateZoomStyleWithOrigin(gt,ct,Ze),Xe<1?requestAnimationFrame(le):this.componentConfigSignal.update(ot=>(ot=_(h({},ot),{currentZoomScale:A,activeScalingInPreviewIndex:e?ot.activeScalingInPreviewIndex:-1,activeScalingOutPreviewIndex:e?ot.activeScalingOutPreviewIndex:-1}),ot))};requestAnimationFrame(le)}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent applyScalePreview: ",n)}}updateZoomStyleWithOrigin(e,n,r){try{this.componentConfigSignal.update(g=>{let I={transformOrigin:`${n.toFixed(1)}% ${r.toFixed(1)}%`,transform:`scale(${e})`,transition:"none"};return _(h({},g),{currentZoomScale:e,zoomedVideoStyle:I})})}catch(g){this.loggingService.catch("Error in VideoEditorPlayerComponent updateZoomStyleWithOrigin: ",g)}}easeInOutQuad(e){try{return e<Q.VIDEO_EDITOR.EASING.HALF_THRESHOLD?Q.VIDEO_EDITOR.EASING.QUAD_IN_OUT_MULTIPLIER*e*e:1-Math.pow(-Q.VIDEO_EDITOR.EASING.QUAD_IN_OUT_MULTIPLIER*e+Q.VIDEO_EDITOR.EASING.QUAD_IN_OUT_MULTIPLIER,Q.VIDEO_EDITOR.EASING.QUAD_IN_OUT_POWER)/Q.VIDEO_EDITOR.EASING.QUAD_IN_OUT_MULTIPLIER}catch(n){return this.loggingService.catch("Error in VideoEditorPlayerComponent easeInOutQuad: ",n),0}}updateZoomStyle(e,n){try{let r=this.componentConfigSignal()?.videoElementRef?.nativeElement;if(!r)return;this.componentConfigSignal.update(g=>{if(n?.topLeftX!==void 0&&n?.topLeftY!==void 0){let I=r.clientWidth,B=r.clientHeight,A=n.topLeftX/100*I,M=n.topLeftY/100*B,V=A*e/(e-1),Y=M*e/(e-1),J=V/I*100,ne=Y/B*100,oe={transformOrigin:`${J.toFixed(1)}% ${ne.toFixed(1)}%`,transform:`scale(${e})`,transition:"none"};return _(h({},g),{currentZoomScale:e,zoomedVideoStyle:oe})}return _(h({},g),{currentZoomScale:e,zoomedVideoStyle:{transformOrigin:`${Q.VIDEO_EDITOR.PERCENTAGE.HALF}% ${Q.VIDEO_EDITOR.PERCENTAGE.HALF}%`,transform:`scale(${e})`,transition:"none"}})})}catch(r){this.loggingService.catch("Error in VideoEditorPlayerComponent updateZoomStyle: ",r)}}resetZoom(){try{this.updateZoomStyle(1),this.componentConfigSignal.update(e=>(e=_(h({},e),{currentZoomScale:1,activeScalingInPreviewIndex:-1,activeScalingOutPreviewIndex:-1}),e))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent resetZoom: ",e)}}setSectionActive(e,n){try{this.componentConfigSignal.update(r=>{let g=r.timelineData[n].sections[e],I=r.currentTime;return g&&I>=g.start&&I<=g.end&&(r=_(h({},r),{timelineData:_(h({},r.timelineData),{[n]:_(h({},r.timelineData[n]),{selectedSectionIndex:e})})})),r})}catch(r){this.loggingService.catch("Error in VideoEditorPlayerComponent setSectionActive: ",r)}}toggleZoomDropdown(e){try{this.componentConfigSignal().toggleEditPreview(!0),this.componentConfigSignal.update(n=>{let r=!n.showZoomDropdown[e];return _(h({},n),{showZoomDropdown:_(h({},n.showZoomDropdown),{[e]:r})})})}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent toggleZoomDropdown: ",n)}}closeZoomDropdown(e){try{this.componentConfigSignal.update(n=>_(h({},n),{showZoomDropdown:_(h({},n.showZoomDropdown),{[e]:!1})}))}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent closeZoomDropdown: ",n)}}setCustomZoomFactor(e,n){try{let r=e.target,g=parseFloat(r.value);if(!isNaN(g)&&g>0){let I=Math.min(g,this.componentConfigSignal().maxZoomFactor);I!==g&&(r.value=I.toString()),this.componentConfigSignal.update(B=>{let A=B.timelineData.scale.sections[n];if(!A)return B;let M=A.zoomFactor||1,V=100/I,Y=100/I,J=A.topLeftX||0,ne=A.topLeftY||0,oe=J,pe=ne;if(I<M){let ae=100/M,ue=100/M,Xe=J+ae,tt=ne+ue,gt=J<100-Xe,ct=ne<100-tt;gt||(oe=Xe-V),ct||(pe=tt-Y)}oe=Math.max(0,Math.min(100-V,oe)),pe=Math.max(0,Math.min(100-Y,pe));let le=_(h({},B),{timelineData:_(h({},B.timelineData),{scale:_(h({},B.timelineData.scale),{sections:[...B.timelineData.scale.sections]})})});return le.timelineData.scale.sections[n]=_(h({},le.timelineData.scale.sections[n]),{zoomFactor:I,topLeftX:oe,topLeftY:pe}),le}),this.checkForEditingChanges()}}catch(r){this.loggingService.catch("Error in VideoEditorPlayerComponent setCustomZoomFactor: ",r)}}downloadLatestEditedVideo(){return Le(this,null,function*(){try{this.componentConfigSignal.update(g=>(g=_(h({},g),{isDownloading:!0}),g));let e=this.componentConfigSignal().annotation?.attachments?.[0].url,n=this.componentConfigSignal().annotation?.attachments?.[0].name,r=this.componentConfigSignal().annotation?.latestVersion;if(r&&(e=this.componentConfigSignal().annotation?.recordingEditVersions?.[r]?.attachments?.[0]?.url,n=this.componentConfigSignal().annotation?.recordingEditVersions?.[r]?.attachments?.[0]?.name),e){let I=yield(yield fetch(e)).blob(),B=document.createElement("a");B.href=URL.createObjectURL(I),B.download=n||"latest-edited-video.mp4",B.click()}this.componentConfigSignal.update(g=>(g=_(h({},g),{isDownloading:!1}),g))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent downloadLatestEditedVideo: ",e)}})}updateCurrentTimeAndZoomState(e){try{this.componentConfigSignal.update(n=>{let r=Math.min(e,n.videoDuration||0),g=n.timelineData.scale.sections.some(I=>r>=I.start&&r<=I.end);return _(h({},n),{currentTime:r,currentTimeDisplay:this.formatTime(r),isCurrentTimeInZoomSection:g})})}catch(n){this.loggingService.catch("Error in VideoEditorPlayerComponent updateCurrentTimeAndZoomState: ",n)}}updateZoomSectionState(){try{this.componentConfigSignal.update(e=>{let n=e.currentTime,r=e.timelineData.scale.sections.some(g=>n>=g.start&&n<=g.end);return _(h({},e),{isCurrentTimeInZoomSection:r})})}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent updateZoomSectionState: ",e)}}findAvailableSpaceAroundTime(e,n,r){try{let g=[...n].sort((B,A)=>B.start-A.start);if(g.length===0)return{start:0,end:r};if(e<g[0].start)return{start:0,end:g[0].start};let I=g[g.length-1];if(e>I.end)return{start:I.end,end:r};for(let B=0;B<g.length-1;B++){let A=g[B],M=g[B+1];if(e>=A.end&&e<=M.start)return{start:A.end,end:M.start}}return null}catch(g){return this.loggingService.catch("Error in VideoEditorPlayerComponent findAvailableSpaceAroundTime: ",g),null}}onAddZoomButtonClick(){try{if(this.componentConfigSignal().isCurrentTimeInZoomSection)return;let e=this.componentConfigSignal().currentTime,n=this.componentConfigSignal().videoDuration,r=this.componentConfigSignal().timelineData.scale.sections,g={zoomInDuration:Q.VIDEO_EDITOR.ZOOM_IN_DURATION,zoomOutDuration:Q.VIDEO_EDITOR.ZOOM_OUT_DURATION},I=this.getMinimumScaleSectionDuration(g);if(n<I)return;let B=n*Q.VIDEO_EDITOR.PREFERRED_SECTION_DURATION_MULTIPLIER,A=g.zoomInDuration/1e3+B+g.zoomOutDuration/1e3,M,V,Y=this.findAvailableSpaceAroundTime(e,r,n);if(Y){let ae=Y.end-Y.start;if(ae<I)return;let ue=Math.max(I,Math.min(A,ae));e<=Y.start+ue/2?(M=Y.start,V=Y.start+ue):e>=Y.end-ue/2?(M=Y.end-ue,V=Y.end):(M=e-ue/2,V=e+ue/2),M=Math.max(Y.start,M),V=Math.min(Y.end,V)}else return;let J={start:M,end:V,zoomFactor:this.componentConfigSignal().defaultZoomFactor,zoomInDuration:Q.VIDEO_EDITOR.ZOOM_IN_DURATION,zoomOutDuration:Q.VIDEO_EDITOR.ZOOM_OUT_DURATION,centerX:.5,centerY:.5},ne=Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT/J.zoomFactor,oe=Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT/J.zoomFactor;J.topLeftX=(Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT-ne)/2,J.topLeftY=(Q.VIDEO_EDITOR.RECTANGLE_POSITIONING.FULL_PERCENT-oe)/2;let pe=this.componentConfigSignal().videoElementRef?.nativeElement;pe&&(J.topLeftXPixels=J.topLeftX/100*pe.clientWidth,J.topLeftYPixels=J.topLeftY/100*pe.clientHeight),this.componentConfigSignal.update(ae=>{let ue=[...ae.timelineData.scale.sections,J].sort((Xe,tt)=>Xe.start-tt.start);return ae=_(h({},ae),{timelineData:_(h({},ae.timelineData),{scale:_(h({},ae.timelineData.scale),{sections:ue})})}),ae}),this.checkForEditingChanges();let le=this.componentConfigSignal().timelineData.scale.sections.findIndex(ae=>Math.abs(ae.start-M)<Q.VIDEO_EDITOR.MIN_DURATION_THRESHOLD&&Math.abs(ae.end-V)<Q.VIDEO_EDITOR.MIN_DURATION_THRESHOLD);le!==-1&&this.componentConfigSignal.update(ae=>(ae=_(h({},ae),{timelineData:_(h({},ae.timelineData),{trim:_(h({},ae.timelineData.trim),{selectedSectionIndex:-1}),scale:_(h({},ae.timelineData.scale),{selectedSectionIndex:le})})}),ae)),this.updatePlayheadPosition(),this.syncVideoWithTimeline(),this.updateZoomSectionState(),setTimeout(()=>{this.triggerVideoPreviewSizeRecalculation()},0)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent onAddZoomButtonClick: ",e)}}showPlayheadActions(){try{if(this.componentConfigSignal().isPlayingTrimPreview||this.componentConfigSignal().playheadActionsVisible||Object.values(this.componentConfigSignal().showZoomDropdown).some(n=>n))return;this.componentConfigSignal.update(n=>(n=_(h({},n),{playheadActionsVisible:!0}),n))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent showPlayheadActions: ",e)}}hidePlayheadActions(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{playheadActionsVisible:!1}),e))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent hidePlayheadActions: ",e)}}triggerVideoPreviewSizeRecalculation(){try{let e=this.elementRef.nativeElement.querySelector("velt-video-editor-player-preview-video-internal");if(e){let n=new Event("resize");window.dispatchEvent(n);let r=e.querySelector(".velt-video-editor-player-preview-video-container");if(r){r.getBoundingClientRect();let g=r.style.display;r.style.display="none",r.offsetHeight,r.style.display=g}}}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent triggerVideoPreviewSizeRecalculation: ",e)}}showOnboardingTooltip(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{onboardingTooltipVisible:!0}),e))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent showOnboardingTooltip: ",e)}}hideOnboardingTooltip(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{onboardingTooltipVisible:!1}),e)),this.recorderService.setOnboardingTooltip(!1)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent hideOnboardingTooltip: ",e)}}onTimelineTrimClick(){try{this.showPlayheadActions(),setTimeout(()=>{this.showPlayheadActions()},Q.VIDEO_EDITOR.DEBOUNCE_DELAY)}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent onTimelineTrimClick: ",e)}}retakeHandler(){try{this.recorderService.initRecording(this.componentConfigSignal().recordingType),this.componentConfigSignal().emitCloseEdit()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent retakeHandler: ",e)}}showSupportZoomHint(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{supportZoomHintVisible:!0}),e))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent showSupportZoomHint: ",e)}}hideSupportZoomHint(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{supportZoomHintVisible:!1}),e))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent hideSupportZoomHint: ",e)}}getHintLeftPosition(){try{let n=this.componentConfigSignal().playheadPosition;this.componentConfigSignal().playheadPosition<=15&&(n=0),this.componentConfigSignal().playheadPosition>=85&&(n=100),this.componentConfigSignal.update(r=>(r=_(h({},r),{backspaceHintLeftPosition:n}),r))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent getHintLeftPosition: ",e)}}getHintTransform(){try{let n="translateX(-50%)";this.componentConfigSignal().playheadPosition<=15&&(n="translateX(0%)"),this.componentConfigSignal().playheadPosition>=85&&(n="translateX(-100%)"),this.componentConfigSignal.update(r=>(r=_(h({},r),{backspaceHintTransform:n}),r))}catch(e){this.loggingService.catch("Error in VideoEditorPlayerComponent getHintTransform: ",e)}}calculateZoomSupport(e){try{let n={zoomInDuration:Q.VIDEO_EDITOR.ZOOM_IN_DURATION,zoomOutDuration:Q.VIDEO_EDITOR.ZOOM_OUT_DURATION},r=this.getMinimumScaleSectionDuration(n);return e>=r}catch(n){return this.loggingService.catch("Error in VideoEditorPlayerComponent calculateZoomSupport: ",n),!1}}createDefaultTimelineData(e){try{return{trimRanges:[{start:0,end:e}],scaleRanges:[]}}catch(n){return this.loggingService.catch("Error in VideoEditorPlayerComponent createDefaultTimelineData: ",n),{trimRanges:[],scaleRanges:[]}}}updateTimelineData(e,n,r,g,I){try{let B=this.calculateZoomSupport(e);this.componentConfigSignal.update(A=>h(_(h({},A),{videoDuration:e,minDragArea:Q.VIDEO_EDITOR.MIN_DRAG_AREA_MULTIPLIER*e,videoLoaded:g,canVideoSupportZoom:B,timelineData:_(h({},A.timelineData),{trim:_(h({},A.timelineData.trim),{sections:n,initialSections:JSON.parse(JSON.stringify(n)),hasChanges:!1}),scale:_(h({},A.timelineData.scale),{sections:r,initialSections:JSON.parse(JSON.stringify(r)),hasChanges:!1})})}),I))}catch(B){this.loggingService.catch("Error in VideoEditorPlayerComponent updateTimelineData: ",B)}}};o.\u0275fac=function(n){return new(n||o)(d(Ke),d(y),d(Se),d(Ie),d(T),d(f),d(Ne),d(Oe),d(ye),d(ht))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-internal"]],hostBindings:function(n,r){n&1&&H("touchstart",function(I){return r.onTouchStart(I)})},inputs:{variant:"variant",annotation:"annotation",isLoading:"isLoading",url:"url",blob:"blob",type:"type",annotationId:"annotationId",recordingType:"recordingType",recorderModes:"recorderModes"},outputs:{applyEdit:"applyEdit",closeEdit:"closeEdit"},standalone:!1,features:[k,Fe],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-container",3,"click"],[1,"velt-video-editor-player--header"],[3,"componentConfigSignal"],[1,"velt-video-editor-player--header-actions"],[1,"velt-video-editor-player-bottom-controls"]],template:function(n,r){n&1&&s(0,Yg,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,pn,gn,hn,zn,jn,Hn],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}[_nghost-%COMP%]{display:flex;flex-direction:column;background-color:var(--velt-background-0);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%;height:100%;--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-video-editor-player-container[_ngcontent-%COMP%]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--velt-background-0);box-sizing:border-box;padding-bottom:var(--velt-spacing-md)}.velt-video-editor-player-container[_ngcontent-%COMP%]   .velt-video-editor-player--header[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;align-items:center;border-bottom:1px solid var(--velt-border-2);padding:var(--velt-spacing-sm);position:relative;height:76px;padding:0 40px}.velt-video-editor-player-container[_ngcontent-%COMP%]   .velt-video-editor-player--header[_ngcontent-%COMP%]:has(.velt-video-editor-player--retake-button-text){justify-content:space-between}.velt-video-editor-player-container[_ngcontent-%COMP%]   .velt-video-editor-player--header[_ngcontent-%COMP%]   .velt-video-editor-player--header-actions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm)}.velt-video-editor-player-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding-top:var(--velt-spacing-md);padding-inline:var(--velt-spacing-xl);padding-bottom:var(--velt-spacing-md)}.velt-video-editor-player-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls-left[_ngcontent-%COMP%], .velt-video-editor-player-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls-center[_ngcontent-%COMP%], .velt-video-editor-player-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls-right[_ngcontent-%COMP%]{display:flex;align-items:center;gap:calc(var(--velt-spacing-sm) + 2px)}.velt-video-editor-player-bottom-controls[_ngcontent-%COMP%]{gap:calc(var(--velt-spacing-2xl) + var(--velt-spacing-md));height:135px;display:flex;align-items:center;justify-content:center;padding-inline:var(--velt-spacing-md)}@media(max-width:600px){.video-timeline-container[_ngcontent-%COMP%]{padding:10px}.video-timeline-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls[_ngcontent-%COMP%]{flex-direction:column;gap:10px}.video-timeline-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls-left[_ngcontent-%COMP%], .video-timeline-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls-center[_ngcontent-%COMP%], .video-timeline-container[_ngcontent-%COMP%]   .velt-video-editor-player--video-controls-right[_ngcontent-%COMP%]{width:100%}}"],changeDetection:0});let t=o;return t})();var Xg=t=>({componentConfigSignal:t}),$g=(t,o)=>({condition:t,data:o});function Qg(t,o){if(t&1&&S(0,"velt-video-editor-player-internal",3),t&2){let i=a(2).ngIf;l("type",i.annotationId?"embed":"standalone")("url",i.url)("blob",i.blob)("annotationId",i.annotationId||i.recorderId)("variant",i==null?null:i.variant)("darkMode",i.darkMode)}}function qg(t,o){if(t&1&&(m(0),s(1,Qg,1,6,"velt-video-editor-player-internal",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.blob||i.url||i.annotationId)}}function Jg(t,o){if(t&1&&(m(0),s(1,qg,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,$g,i.conditionSignal(),C(1,Xg,i.componentConfigSignal)))}}var Br=(()=>{let o=class o extends Pe{constructor(e,n,r,g,I,B){super(I,g,void 0,void 0,void 0,B,n),this.authService=e,this.loggingService=n,this.wireframeService=r,this.themeService=g,this.elementRef=I,this.dynamicDataService=B,this.subscriptions=[],this.componentConfigSignal=ce({blob:this.blob,url:this.url,annotationId:this.annotationId,recorderId:this.recorderId,darkMode:this.darkMode,variant:this.variant}),this.componentId="velt-video-editor",super.initializeComponentConfigSignal({componentId:"video-editor",blob:this.blob,url:this.url,annotationId:this.annotationId});try{this.subscriptions.push(super.onDarkModeChange().subscribe(A=>{this.componentConfigSignal.update(M=>(M=_(h({},M),{darkMode:A}),M))}))}catch(A){this.loggingService.catch("Error in VideoEditorComponent constructor: ",A)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorComponent setupA11yAttributes:",e)}}ngOnChanges(e){try{e&&(super.ngOnChanges(e),Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))}))}catch(n){this.loggingService.catch("Error in VideoEditorComponent ngOnChanges: ",n)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>e.unsubscribe())}catch(e){this.loggingService.catch("Error in VideoEditorComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(mt),d(y),d(Se),d(Ie),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor"]],inputs:{blob:"blob",url:"url",annotationId:"annotationId",recorderId:"recorderId",variant:"variant"},standalone:!1,features:[F([f]),k,Fe],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"type","url","blob","annotationId","variant","darkMode",4,"ngIf"],[3,"type","url","blob","annotationId","variant","darkMode"]],template:function(n,r){n&1&&s(0,Jg,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,R,Rt],encapsulation:2,changeDetection:0});let t=o;return t})();var Ge=class{constructor(){this.recordingInProgress=!1,this.types=[],this.recorderModes=Q.RecorderModes,this.initRecording=()=>{},this.disabled=!1,this.shadowDom=!0,this.isExplicitShadowDom=!1,this.darkMode=!1}};var Pl=t=>({componentConfigSignal:t}),Kg=(t,o)=>({condition:t,data:o}),ev=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-audio-tool-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function tv(t,o){t&1&&we(0)}function nv(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,tv,1,0,"ng-container",4),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function iv(t,o){if(t&1&&(v(0,"span",11),ie(1),z(2,"translate"),u()),t&2){let i=a(5).ngIf;c(),ge(" ",j(2,1,i.buttonLabel))}}function ov(t,o){if(t&1&&(m(0),v(1,"div",7),s(2,iv,3,3,"span",8),K(),v(3,"svg",9),S(4,"path",10),u()(),p()),t&2){let i=a(4).ngIf,e=a();c(),E("data-testid",e.componentId+"-button"),c(),l("ngIf",i.buttonLabel)}}function rv(t,o){if(t&1&&(v(0,"div",5),z(1,"translate"),s(2,ov,5,2,"ng-container",6),u()),t&2){let i=a(3).ngIf,e=a();te("disabled",i.recordingInProgress),E("aria-label",j(1,5,i.buttonLabel||"Record audio"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(9,ev,e.template,C(7,Pl,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function av(t,o){if(t&1&&(m(0),s(1,nv,2,1,"velt-shadow-dom-internal",3)(2,rv,3,15,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a(2).ngIf,n=a();c(),l("ngIf",!n.template&&(e==null?null:e.shadowDom)||n.template&&(e==null?null:e.isExplicitShadowDom))("ngIfElse",i)}}function lv(t,o){if(t&1&&(m(0),s(1,av,4,2,"ng-container",1),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function cv(t,o){if(t&1&&(m(0),s(1,lv,2,1,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,Kg,i.conditionSignal(),C(1,Pl,i.componentConfigSignal)))}}var Un=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.subscriptions=[],this.componentId="velt-recorder-audio-tool",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling RecorderAudioToolComponent FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-audio-tool-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}}))}catch(e){this.loggingService.catch("Error in RecorderAudioToolComponent OnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderAudioToolComponent setupA11yAttributes:",e)}}unsubscribe(){try{this.loggingService.log("%c[WB] Calling RecorderAudioToolComponent FUNCTION: unsubscribe","color: green;"),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in RecorderAudioToolComponent unsubscribe: ",e)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling RecorderAudioToolComponent FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.unsubscribe()}catch(e){this.loggingService.catch("Error in RecorderAudioToolComponent ondestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-audio-tool"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["recorderAudioToolRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[1,"velt-recorder-video-tool--container"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-audio-tool"],["class","velt-recorder-audio-tool--label",4,"ngIf"],["viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false",1,"velt-recorder-audio-tool--icon"],["d","M5.5 14.625C5.5 14.1609 5.68437 13.7158 6.01256 13.3876C6.34075 13.0594 6.78587 12.875 7.25 12.875H8.125C8.58913 12.875 9.03425 13.0594 9.36244 13.3876C9.69063 13.7158 9.875 14.1609 9.875 14.625V17.25C9.875 17.7141 9.69063 18.1592 9.36244 18.4874C9.03425 18.8156 8.58913 19 8.125 19H7.25C6.78587 19 6.34075 18.8156 6.01256 18.4874C5.68437 18.1592 5.5 17.7141 5.5 17.25V14.625ZM5.5 14.625V12C5.5 10.1435 6.2375 8.36301 7.55025 7.05025C8.86301 5.7375 10.6435 5 12.5 5C14.3565 5 16.137 5.7375 17.4497 7.05025C18.7625 8.36301 19.5 10.1435 19.5 12V14.625M19.5 14.625C19.5 14.1609 19.3156 13.7158 18.9874 13.3876C18.6592 13.0594 18.2141 12.875 17.75 12.875H16.875C16.4109 12.875 15.9658 13.0594 15.6376 13.3876C15.3094 13.7158 15.125 14.1609 15.125 14.625V17.25C15.125 17.7141 15.3094 18.1592 15.6376 18.4874C15.9658 18.8156 16.4109 19 16.875 19H17.75C18.2141 19 18.6592 18.8156 18.9874 18.4874C19.3156 18.1592 19.5 17.7141 19.5 17.25V14.625Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-recorder-audio-tool--label"]],template:function(n,r){n&1&&s(0,cv,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,R,W],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}[_nghost-%COMP%]:empty{display:none}.velt-recorder-audio-tool[_ngcontent-%COMP%]{display:inline-flex;justify-content:center;align-items:center;padding:calc(var(--velt-spacing-md) / 2);border-radius:var(--velt-border-radius-full);border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-4);transition:all .2s ease;cursor:pointer}.velt-recorder-audio-tool[_ngcontent-%COMP%]   .velt-recorder-audio-tool--label[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);padding-right:var(--velt-spacing-xs);font-weight:700;color:currentColor}.velt-recorder-audio-tool[_ngcontent-%COMP%]   .velt-recorder-audio-tool--icon[_ngcontent-%COMP%]{width:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));color:currentColor}.velt-recorder-audio-tool[_ngcontent-%COMP%]:focus{border:1.5px solid var(--velt-border-5);outline:1.5px solid var(--velt-border-5);background:var(--velt-background-2)}.velt-recorder-audio-tool[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-4);background:var(--velt-background-2);color:var(--velt-text-5)}"],changeDetection:0});let t=o;return t})();var El=t=>({componentConfigSignal:t}),dv=(t,o)=>({condition:t,data:o}),mv=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-video-tool-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function pv(t,o){t&1&&we(0)}function gv(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,pv,1,0,"ng-container",4),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function vv(t,o){if(t&1&&(v(0,"span",12),ie(1),z(2,"translate"),u()),t&2){let i=a(5).ngIf;c(),ke(j(2,1,i.buttonLabel))}}function uv(t,o){if(t&1&&(m(0),v(1,"div",7),s(2,vv,3,3,"span",8),K(),v(3,"svg",9),S(4,"path",10)(5,"path",11),u()(),p()),t&2){let i=a(4).ngIf,e=a();c(),E("data-testid",e.componentId+"-button"),c(),l("ngIf",i.buttonLabel)}}function fv(t,o){if(t&1&&(v(0,"div",5),z(1,"translate"),s(2,uv,6,2,"ng-container",6),u()),t&2){let i=a(3).ngIf,e=a();te("disabled",i.recordingInProgress),E("aria-label",j(1,5,i.buttonLabel||"Record video"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(9,mv,e.template,C(7,El,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function hv(t,o){if(t&1&&(m(0),s(1,gv,2,1,"velt-shadow-dom-internal",3)(2,fv,3,15,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a(2).ngIf,n=a();c(),l("ngIf",!n.template&&(e==null?null:e.shadowDom)||n.template&&(e==null?null:e.isExplicitShadowDom))("ngIfElse",i)}}function Cv(t,o){if(t&1&&(m(0),s(1,hv,4,2,"ng-container",1),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function _v(t,o){if(t&1&&(m(0),s(1,Cv,2,1,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,dv,i.conditionSignal(),C(1,El,i.componentConfigSignal)))}}var Gn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.subscriptions=[],this.componentId="velt-recorder-video-tool",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling RecorderVideoToolComponent FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-video-tool-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}}))}catch(e){this.loggingService.catch("Error in RecorderVideoToolComponent OnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderVideoToolComponent setupA11yAttributes:",e)}}unsubscribe(){try{this.loggingService.log("%c[WB] Calling RecorderVideoToolComponent FUNCTION: unsubscribe","color: green;"),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in RecorderVideoToolComponent unsubscribe: ",e)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling RecorderVideoToolComponent FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.unsubscribe()}catch(e){this.loggingService.catch("Error in RecorderVideoToolComponent ondestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-video-tool"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["recorderVideoToolRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[1,"velt-recorder-video-tool--container"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-video-tool"],["class","velt-recorder-video-tool--label",4,"ngIf"],["width","25","height","24","viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false",1,"velt-recorder-video-tool--icon"],["d","M15.1667 10.2228L19.2138 8.19966C19.3493 8.13195 19.4998 8.09999 19.6511 8.10681C19.8024 8.11362 19.9495 8.15899 20.0783 8.23859C20.2072 8.3182 20.3135 8.42941 20.3873 8.56167C20.4611 8.69394 20.4999 8.84286 20.5 8.99432V15.0068C20.4999 15.1582 20.4611 15.3072 20.3873 15.4394C20.3135 15.5717 20.2072 15.6829 20.0783 15.7625C19.9495 15.8421 19.8024 15.8875 19.6511 15.8943C19.4998 15.9011 19.3493 15.8691 19.2138 15.8014L15.1667 13.7783V10.2228Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["d","M4.5 8.44445C4.5 7.97295 4.6873 7.52077 5.0207 7.18737C5.3541 6.85397 5.80628 6.66667 6.27778 6.66667H13.3889C13.8604 6.66667 14.3126 6.85397 14.646 7.18737C14.9794 7.52077 15.1667 7.97295 15.1667 8.44445V15.5556C15.1667 16.0271 14.9794 16.4792 14.646 16.8126C14.3126 17.146 13.8604 17.3333 13.3889 17.3333H6.27778C5.80628 17.3333 5.3541 17.146 5.0207 16.8126C4.6873 16.4792 4.5 16.0271 4.5 15.5556V8.44445Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-recorder-video-tool--label"]],template:function(n,r){n&1&&s(0,_v,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,R,W],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}[_nghost-%COMP%]:empty{display:none}.velt-recorder-video-tool[_ngcontent-%COMP%]{display:inline-flex;justify-content:center;align-items:center;padding:calc(var(--velt-spacing-md) / 2);border-radius:var(--velt-border-radius-3xl);border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-4);transition:all .2s ease;cursor:pointer}.velt-recorder-video-tool[_ngcontent-%COMP%]   .velt-recorder-video-tool--label[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);padding-right:var(--velt-spacing-xs);font-weight:700;color:currentColor}.velt-recorder-video-tool[_ngcontent-%COMP%]   .velt-recorder-video-tool--icon[_ngcontent-%COMP%]{width:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));color:currentColor}.velt-recorder-video-tool[_ngcontent-%COMP%]:focus{border:1.5px solid var(--velt-border-5);outline:1.5px solid var(--velt-border-5);background:var(--velt-background-2)}.velt-recorder-video-tool[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-4);background:var(--velt-background-2);color:var(--velt-text-5)}"],changeDetection:0});let t=o;return t})();var Dl=t=>({componentConfigSignal:t}),Sv=(t,o)=>({condition:t,data:o}),xv=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-screen-tool-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function bv(t,o){t&1&&we(0)}function Iv(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,bv,1,0,"ng-container",4),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function Pv(t,o){if(t&1&&(v(0,"span",11),ie(1),z(2,"translate"),u()),t&2){let i=a(5).ngIf;c(),ke(j(2,1,i.buttonLabel))}}function Ev(t,o){if(t&1&&(m(0),v(1,"div",7),s(2,Pv,3,3,"span",8),K(),v(3,"svg",9),S(4,"path",10),u()(),p()),t&2){let i=a(4).ngIf,e=a();c(),E("data-testid",e.componentId+"-button"),c(),l("ngIf",i.buttonLabel)}}function Dv(t,o){if(t&1&&(v(0,"div",5),z(1,"translate"),s(2,Ev,5,2,"ng-container",6),u()),t&2){let i=a(3).ngIf,e=a();te("disabled",i.recordingInProgress),E("aria-label",j(1,5,i.buttonLabel||"Record screen"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(9,xv,e.template,C(7,Dl,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Tv(t,o){if(t&1&&(m(0),s(1,Iv,2,1,"velt-shadow-dom-internal",3)(2,Dv,3,15,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a(2).ngIf,n=a();c(),l("ngIf",!n.template&&(e==null?null:e.shadowDom)||n.template&&(e==null?null:e.isExplicitShadowDom))("ngIfElse",i)}}function Ov(t,o){if(t&1&&(m(0),s(1,Tv,4,2,"ng-container",1),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function wv(t,o){if(t&1&&(m(0),s(1,Ov,2,1,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,Sv,i.conditionSignal(),C(1,Dl,i.componentConfigSignal)))}}var Wn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.subscriptions=[],this.componentId="velt-recorder-screen-tool",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling RecorderScreenToolComponent FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-screen-tool-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}}))}catch(e){this.loggingService.catch("Error in RecorderScreenToolComponent OnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderScreenToolComponent setupA11yAttributes:",e)}}unsubscribe(){try{this.loggingService.log("%c[WB] Calling RecorderScreenToolComponent FUNCTION: unsubscribe","color: green;"),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in RecorderScreenToolComponent unsubscribe: ",e)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling RecorderScreenToolComponent FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.unsubscribe()}catch(e){this.loggingService.catch("Error in RecorderScreenToolComponent ondestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-screen-tool"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["recorderScreenToolRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[1,"velt-recorder-video-tool--container"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-screen-tool"],["class","velt-recorder-screen-tool--label",4,"ngIf"],["viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false",1,"velt-recorder-screen-tool--icon"],["d","M19 12V14.1667C19 14.3582 18.9239 14.5419 18.7885 14.6773C18.653 14.8128 18.4693 14.8889 18.2778 14.8889H6.72222C6.53068 14.8889 6.34698 14.8128 6.21153 14.6773C6.07609 14.5419 6 14.3582 6 14.1667V6.94444C6 6.75289 6.07609 6.56919 6.21153 6.43375C6.34698 6.2983 6.53068 6.22221 6.72222 6.22221H13.2222M8.88889 17.7778H16.1111M10.3333 14.8889V17.7778M14.6667 14.8889V17.7778M16.1111 6.22221H19M19 6.22221V9.1111M19 6.22221L15.3889 9.83333","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-recorder-screen-tool--label"]],template:function(n,r){n&1&&s(0,wv,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,R,W],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}[_nghost-%COMP%]:empty{display:none}.velt-recorder-screen-tool[_ngcontent-%COMP%]{display:inline-flex;justify-content:center;align-items:center;padding:calc(var(--velt-spacing-md) / 2);border-radius:var(--velt-border-radius-3xl);border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-4);transition:all .2s ease;cursor:pointer}.velt-recorder-screen-tool[_ngcontent-%COMP%]   .velt-recorder-screen-tool--label[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);padding-right:var(--velt-spacing-xs);font-weight:700;color:currentColor}.velt-recorder-screen-tool[_ngcontent-%COMP%]   .velt-recorder-screen-tool--icon[_ngcontent-%COMP%]{width:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));color:currentColor}.velt-recorder-screen-tool[_ngcontent-%COMP%]:focus{border:1.5px solid var(--velt-border-5);outline:1.5px solid var(--velt-border-5);background:var(--velt-background-2)}.velt-recorder-screen-tool[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-4);background:var(--velt-background-2);color:var(--velt-text-5)}"],changeDetection:0});let t=o;return t})();var Tl=t=>({componentConfigSignal:t}),Rv=(t,o)=>({condition:t,data:o}),Mv=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-all-tool-menu-audio-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Vv(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6),u(),Ae(),v(3,"span",7),ie(4),z(5,"translate"),u(),p()),t&2&&(c(),E("aria-hidden","true"),c(2),E("aria-hidden","true"),c(),ge(" ",j(5,3,"Audio Recording")))}function Av(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("click",function(){O(i);let n=a(3).ngIf;return w(n.initRecording(n.recorderModes.AUDIO))}),s(2,Vv,6,5,"ng-container",4),u()}if(t&2){let i=a(3).ngIf,e=a();l("disabled",i.disabled),E("data-testid",e.componentId+"-audio-recording")("role","menuitem")("aria-label",j(1,7,"Start audio recording"))("aria-disabled",i.disabled)("tabindex",i.disabled?-1:0),c(2),l("veltDynamicTemplate",L(11,Mv,e.template,C(9,Tl,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Fv(t,o){if(t&1&&(m(0),s(1,Av,3,17,"div",2),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",i.types==null?null:i.types.includes(i.recorderModes.AUDIO))}}function Bv(t,o){if(t&1&&(m(0),s(1,Fv,2,1,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function Lv(t,o){if(t&1&&(m(0),s(1,Bv,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Rv,i.conditionSignal(),C(1,Tl,i.componentConfigSignal)))}}var Yn=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-all-tool-menu-audio",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuAudioComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuAudioComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuAudioComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-all-tool-menu-audio-internal"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["mat-menu-item","",3,"disabled","click",4,"ngIf"],["mat-menu-item","",3,"click","disabled"],[4,"veltDynamicTemplate"],["width","25","height","24","viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false"],["d","M5.5 14.625C5.5 14.1609 5.68437 13.7158 6.01256 13.3876C6.34075 13.0594 6.78587 12.875 7.25 12.875H8.125C8.58913 12.875 9.03425 13.0594 9.36244 13.3876C9.69063 13.7158 9.875 14.1609 9.875 14.625V17.25C9.875 17.7141 9.69063 18.1592 9.36244 18.4874C9.03425 18.8156 8.58913 19 8.125 19H7.25C6.78587 19 6.34075 18.8156 6.01256 18.4874C5.68437 18.1592 5.5 17.7141 5.5 17.25V14.625ZM5.5 14.625V12C5.5 10.1435 6.2375 8.36301 7.55025 7.05025C8.86301 5.7375 10.6435 5 12.5 5C14.3565 5 16.137 5.7375 17.4497 7.05025C18.7625 8.36301 19.5 10.1435 19.5 12V14.625M19.5 14.625C19.5 14.1609 19.3156 13.7158 18.9874 13.3876C18.6592 13.0594 18.2141 12.875 17.75 12.875H16.875C16.4109 12.875 15.9658 13.0594 15.6376 13.3876C15.3094 13.7158 15.125 14.1609 15.125 14.625V17.25C15.125 17.7141 15.3094 18.1592 15.6376 18.4874C15.9658 18.8156 16.4109 19 16.875 19H17.75C18.2141 19 18.6592 18.8156 18.9874 18.4874C19.3156 18.1592 19.5 17.7141 19.5 17.25V14.625Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-audio-recording-text"]],template:function(n,r){n&1&&s(0,Lv,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,rn,P,R,W],styles:["[_nghost-%COMP%]:empty{display:none}svg[_ngcontent-%COMP%]{color:var(--velt-text-0)}"],changeDetection:0});let t=o;return t})();var Ol=t=>({componentConfigSignal:t}),zv=(t,o)=>({condition:t,data:o}),jv=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-all-tool-menu-video-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Hv(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6)(3,"path",7),u(),Ae(),v(4,"span"),ie(5),z(6,"translate"),u(),p()),t&2&&(c(5),ke(j(6,1,"Video Recording")))}function Zv(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("click",function(){O(i);let n=a(3).ngIf;return w(n.initRecording(n.recorderModes.VIDEO))}),s(2,Hv,7,3,"ng-container",4),u()}if(t&2){let i=a(3).ngIf,e=a();l("disabled",i.disabled),E("aria-label",j(1,3,"Start video recording")),c(2),l("veltDynamicTemplate",L(7,jv,e.template,C(5,Ol,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Uv(t,o){if(t&1&&(m(0),s(1,Zv,3,13,"div",2),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",i.types==null?null:i.types.includes(i.recorderModes.VIDEO))}}function Gv(t,o){if(t&1&&(m(0),s(1,Uv,2,1,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function Wv(t,o){if(t&1&&(m(0),s(1,Gv,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,zv,i.conditionSignal(),C(1,Ol,i.componentConfigSignal)))}}var Xn=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-all-tool-menu-video",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuVideoComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuVideoComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-all-tool-menu-video-internal"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["mat-menu-item","","role","menuitem",3,"disabled","click",4,"ngIf"],["mat-menu-item","","role","menuitem",3,"click","disabled"],[4,"veltDynamicTemplate"],["width","25","height","24","viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M15.1667 10.2228L19.2138 8.19966C19.3493 8.13195 19.4998 8.09999 19.6511 8.10681C19.8024 8.11362 19.9495 8.15899 20.0783 8.23859C20.2072 8.3182 20.3135 8.42941 20.3873 8.56167C20.4611 8.69394 20.4999 8.84286 20.5 8.99432V15.0068C20.4999 15.1582 20.4611 15.3072 20.3873 15.4394C20.3135 15.5717 20.2072 15.6829 20.0783 15.7625C19.9495 15.8421 19.8024 15.8875 19.6511 15.8943C19.4998 15.9011 19.3493 15.8691 19.2138 15.8014L15.1667 13.7783V10.2228Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["d","M4.5 8.44445C4.5 7.97295 4.6873 7.52077 5.0207 7.18737C5.3541 6.85397 5.80628 6.66667 6.27778 6.66667H13.3889C13.8604 6.66667 14.3126 6.85397 14.646 7.18737C14.9794 7.52077 15.1667 7.97295 15.1667 8.44445V15.5556C15.1667 16.0271 14.9794 16.4792 14.646 16.8126C14.3126 17.146 13.8604 17.3333 13.3889 17.3333H6.27778C5.80628 17.3333 5.3541 17.146 5.0207 16.8126C4.6873 16.4792 4.5 16.0271 4.5 15.5556V8.44445Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,Wv,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,rn,P,R,W],styles:["[_nghost-%COMP%]:empty{display:none}svg[_ngcontent-%COMP%]{color:var(--velt-text-0)}"],changeDetection:0});let t=o;return t})();var wl=t=>({componentConfigSignal:t}),Xv=(t,o)=>({condition:t,data:o}),$v=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-all-tool-menu-screen-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Qv(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6),u(),Ae(),v(3,"span",7),ie(4),z(5,"translate"),u(),p()),t&2&&(c(),E("aria-hidden","true"),c(3),ke(j(5,2,"Screen Recording")))}function qv(t,o){if(t&1){let i=Z();v(0,"div",3),H("click",function(){O(i);let n=a(3).ngIf;return w(n.initRecording(n.recorderModes.SCREEN))}),s(1,Qv,6,4,"ng-container",4),u()}if(t&2){let i=a(3).ngIf,e=a();l("disabled",i.disabled),E("data-testid",e.componentId+"-screen-recording")("role","menuitem")("aria-disabled",i.disabled)("tabindex",i.disabled?-1:0),c(),l("veltDynamicTemplate",L(8,$v,e.template,C(6,wl,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Jv(t,o){if(t&1&&(m(0),s(1,qv,2,14,"div",2),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",(i.types==null?null:i.types.includes(i.recorderModes.SCREEN))&&i.screenSharingSupported)}}function Kv(t,o){if(t&1&&(m(0),s(1,Jv,2,1,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function e0(t,o){if(t&1&&(m(0),s(1,Kv,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Xv,i.conditionSignal(),C(1,wl,i.componentConfigSignal)))}}var $n=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-all-tool-menu-screen",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuScreenComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuScreenComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuScreenComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-all-tool-menu-screen-internal"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["mat-menu-item","",3,"disabled","click",4,"ngIf"],["mat-menu-item","",3,"click","disabled"],[4,"veltDynamicTemplate"],["width","25","height","24","viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false"],["d","M19 12V14.1667C19 14.3582 18.9239 14.5419 18.7885 14.6773C18.653 14.8128 18.4693 14.8889 18.2778 14.8889H6.72222C6.53068 14.8889 6.34698 14.8128 6.21153 14.6773C6.07609 14.5419 6 14.3582 6 14.1667V6.94444C6 6.75289 6.07609 6.56919 6.21153 6.43375C6.34698 6.2983 6.53068 6.22221 6.72222 6.22221H13.2222M8.88889 17.7778H16.1111M10.3333 14.8889V17.7778M14.6667 14.8889V17.7778M16.1111 6.22221H19M19 6.22221V9.1111M19 6.22221L15.3889 9.83333","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-screen-recording-text"]],template:function(n,r){n&1&&s(0,e0,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,rn,P,R,W],styles:["[_nghost-%COMP%]:empty{display:none}svg[_ngcontent-%COMP%]{color:var(--velt-text-0)}"],changeDetection:0});let t=o;return t})();var kl=t=>({componentConfigSignal:t}),n0=(t,o)=>({condition:t,data:o}),i0=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-all-tool-menu-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function o0(t,o){t&1&&we(0)}function r0(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,o0,1,0,"ng-container",4),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function a0(t,o){if(t&1&&(m(0),v(1,"div",7),z(2,"translate"),S(3,"velt-recorder-all-tool-menu-audio-internal",8)(4,"velt-recorder-all-tool-menu-video-internal",9)(5,"velt-recorder-all-tool-menu-screen-internal",10),u(),p()),t&2){let i=a(5);c(),E("aria-label",j(2,8,"Available recording types"))("data-testid",i.componentId+"-menu"),c(2),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function l0(t,o){if(t&1&&(v(0,"div",5),z(1,"translate"),s(2,a0,6,10,"ng-container",6),u()),t&2){let i=a(3).ngIf,e=a();E("dark",!!(i!=null&&i.darkMode))("aria-label",j(1,4,"Recording options menu"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(8,i0,e.template,C(6,kl,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function c0(t,o){if(t&1&&(m(0),s(1,r0,2,1,"velt-shadow-dom-internal",3)(2,l0,3,14,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a(2).ngIf,n=a();c(),l("ngIf",!n.template&&(e==null?null:e.shadowDom)||n.template&&(e==null?null:e.isExplicitShadowDom))("ngIfElse",i)}}function s0(t,o){if(t&1&&(m(0),s(1,c0,4,2,"ng-container",1),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function d0(t,o){if(t&1&&(m(0),s(1,s0,2,1,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,n0,i.conditionSignal(),C(1,kl,i.componentConfigSignal)))}}var Qn=(()=>{let o=class o extends Pe{constructor(e,n,r,g,I){super(g,r,void 0,void 0,void 0,I,e),this.loggingService=e,this.wireframeService=n,this.themeService=r,this.elementRef=g,this.dynamicDataService=I,this.subscriptions=[],this.componentId="velt-recorder-all-tool-menu",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling RecorderAllToolMenuComponent FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-all-tool-menu-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}}))}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuComponent OnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuComponent setupA11yAttributes:",e)}}unsubscribe(){try{this.loggingService.log("%c[WB] Calling RecorderAllToolMenuComponent FUNCTION: unsubscribe","color: green;"),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuComponent unsubscribe: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.loggingService.log("%c[WB] Calling RecorderAllToolMenuComponent FUNCTION: ngOnDestroy","color: green;"),this.unsubscribe()}catch(e){this.loggingService.catch("Error in RecorderAllToolMenuComponent ondestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(Ie),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-all-tool-menu"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["recorderAllToolMenuRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["role","dialog",1,"velt-recorder-all-tool-menu--container"],[4,"veltDynamicTemplate"],["role","menu",1,"velt-recorder-all-tool-menu"],["role","menuitem","aria-label","Audio recording option",3,"componentConfigSignal","variant"],["role","menuitem","aria-label","Video recording option",3,"componentConfigSignal","variant"],["role","menuitem","aria-label","Screen recording option",3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,d0,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,R,Yn,Xn,$n,W],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}[_nghost-%COMP%]:empty{display:none}  .velt-recorder-all-tool-menu--container{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent);margin-top:var(--velt-spacing-sm)}  .velt-recorder-all-tool-menu--container .velt-recorder-all-tool-menu{box-shadow:0 calc((1rem + 0px) * var(--velt-base-rem-unit)) calc((3rem + 0px) * var(--velt-base-rem-unit)) #0000002d;background-color:var(--velt-white);color:var(--velt-black);border-radius:var(--velt-border-radius-md);padding:var(--velt-spacing-xs);overflow:auto;border:1px solid color-mix(in srgb,var(--velt-black) 12%,transparent)}  .velt-recorder-all-tool-menu--container .velt-recorder-all-tool-menu .mat-mdc-menu-item{padding:0 var(--velt-spacing-lg);height:40px;min-height:40px;width:100%;font-size:var(--velt-font-size-sm);display:flex;gap:var(--velt-spacing-sm);align-items:center;border:0;font-weight:unset;text-transform:unset;font-family:var(--velt-default-font-family, unset);border-radius:var(--velt-border-radius-sm);transition:all .2s ease}  .velt-recorder-all-tool-menu--container .velt-recorder-all-tool-menu .mat-mdc-menu-item .mat-mdc-menu-item-text{font-size:var(--velt-font-size-sm);display:flex;gap:var(--velt-spacing-sm);align-items:center;border:0;font-weight:unset;text-transform:unset;font-family:var(--velt-default-font-family, unset)}  .velt-recorder-all-tool-menu--container .velt-recorder-all-tool-menu .mat-mdc-menu-item:hover{background-color:color-mix(in srgb,var(--velt-black) 6%,transparent)}  .velt-recorder-all-tool-menu--container .velt-recorder-all-tool-menu .mat-mdc-menu-item:disabled span{color:color-mix(in srgb,var(--velt-black) 32%,transparent)}  .velt-recorder-all-tool-menu--container[dark=true]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}  .velt-recorder-all-tool-menu--container[dark=true] .velt-recorder-all-tool-menu{background:var(--velt-black);color:var(--velt-white);border:1px solid color-mix(in srgb,var(--velt-white) 12%,transparent)}  .velt-recorder-all-tool-menu--container[dark=true] .velt-recorder-all-tool-menu .mat-mdc-menu-item{background-color:var(--velt-black)}  .velt-recorder-all-tool-menu--container[dark=true] .velt-recorder-all-tool-menu .mat-mdc-menu-item:hover{background-color:color-mix(in srgb,var(--velt-white) 12%,transparent)}  .velt-recorder-all-tool-menu--container[dark=true] .velt-recorder-all-tool-menu .mat-mdc-menu-item:disabled span{color:color-mix(in srgb,var(--velt-white) 32%,transparent)}"],changeDetection:0});let t=o;return t})();var Rl=t=>({componentConfigSignal:t}),p0=(t,o)=>({condition:t,data:o}),g0=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-all-tool-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function v0(t,o){t&1&&we(0)}function u0(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,v0,1,0,"ng-container",8),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function f0(t,o){if(t&1&&(v(0,"span",18),ie(1),z(2,"translate"),u()),t&2){let i=a(5).ngIf;c(),ge(" ",j(2,1,i.buttonLabel))}}function h0(t,o){if(t&1&&(m(0),v(1,"div",11),s(2,f0,3,3,"span",12),K(),v(3,"svg",13),S(4,"circle",14)(5,"circle",15),u(),v(6,"svg",16),S(7,"path",17),u()(),p()),t&2){let i=a(4).ngIf,e=a();c(),E("data-testid",e.componentId+"-button"),c(),l("ngIf",i.buttonLabel)}}function C0(t,o){if(t&1&&(v(0,"div",9,2),z(2,"translate"),s(3,h0,8,2,"ng-container",10),u()),t&2){let i=re(1);a();let e=re(5),n=a(2).ngIf,r=a();te("velt-recorder-all-tool-container--active",i==null?null:i.menuOpen)("velt-recorder-all-tool-container--disabled",n.recordingInProgress),l("matMenuTriggerFor",e),E("dark",!!(n!=null&&n.darkMode))("aria-expanded",!!(i!=null&&i.menuOpen))("aria-controls","recorder-menu")("aria-label",j(2,11,n.buttonLabel||"Record"))("data-testid",r.componentId),c(3),l("veltDynamicTemplate",L(15,g0,r.template,C(13,Rl,r.componentConfigSignal),r.variant,r.setIfCondition.bind(r),r.elementRef))}}function _0(t,o){if(t&1&&(m(0),s(1,u0,2,1,"velt-shadow-dom-internal",5)(2,C0,4,21,"ng-template",null,0,he),v(4,"mat-menu",6,1),S(6,"app-recorder-all-tool-menu",7),u(),p()),t&2){let i=re(3),e=a(2).ngIf,n=a();c(),l("ngIf",!n.template&&(e==null?null:e.shadowDom)||n.template&&(e==null?null:e.isExplicitShadowDom))("ngIfElse",i),c(5),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("darkMode",e.darkMode)}}function y0(t,o){if(t&1&&(m(0),s(1,_0,7,5,"ng-container",3),p()),t&2){let i=a().ngIf;c(),l("ngIf",i)}}function S0(t,o){if(t&1&&(m(0),s(1,y0,2,1,"ng-container",4),p()),t&2){let i=a();c(),l("veltIf",D(3,p0,i.conditionSignal(),C(1,Rl,i.componentConfigSignal)))}}var qn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.subscriptions=[],this.componentId="velt-recorder-all-tool",super.initializeComponentConfigSignal(new Ge)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling RecorderAllToolComponent FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-all-tool-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}}))}catch(e){this.loggingService.catch("Error in RecorderAllToolComponent OnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderAllToolComponent setupA11yAttributes:",e)}}unsubscribe(){try{this.loggingService.log("%c[WB] Calling RecorderAllToolComponent FUNCTION: unsubscribe","color: green;"),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in RecorderAllToolComponent unsubscribe: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.loggingService.log("%c[WB] Calling RecorderAllToolComponent FUNCTION: ngOnDestroy","color: green;"),this.unsubscribe()}catch(e){this.loggingService.catch("Error in RecorderAllToolComponent ondestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-all-tool"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["recorderAllToolRef",""],["allMenu","matMenu"],["allMenuTrigger","matMenuTrigger"],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],["id","recorder-menu",1,"velt-menu","velt-recorder-all-tool--menu-panel"],[3,"componentConfigSignal","template","darkMode"],[4,"ngTemplateOutlet"],[1,"velt-recorder-all-tool-container",3,"matMenuTriggerFor"],[4,"veltDynamicTemplate"],[1,"velt-recorder-all-tool"],["class","velt-recorder-all-tool--label",4,"ngIf"],["width","25","height","24","viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false",1,"velt-recorder-all-tool--icon"],["cx","12.5","cy","12","r","7.5","stroke","currentColor"],["cx","12.5009","cy","12.0009","r","3.55556","fill","currentColor"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false",1,"velt-recorder-all-tool--arrow"],["fill-rule","evenodd","clip-rule","evenodd","d","M12.2071 5.79289C11.8166 5.40237 11.1834 5.40237 10.7929 5.79289L8 8.58579L5.20711 5.79289C4.81658 5.40237 4.18342 5.40237 3.79289 5.79289C3.40237 6.18342 3.40237 6.81658 3.79289 7.20711L7.29289 10.7071C7.68342 11.0976 8.31658 11.0976 8.70711 10.7071L12.2071 7.20711C12.5976 6.81658 12.5976 6.18342 12.2071 5.79289Z","fill","currentColor"],[1,"velt-recorder-all-tool--label"]],template:function(n,r){n&1&&s(0,S0,2,6,"ng-container",3),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,Pa,Ea,P,R,Qn,W],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}[_nghost-%COMP%]:empty{display:none}.velt-recorder-all-tool-container[_ngcontent-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}.velt-recorder-all-tool-container[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]{display:inline-flex;justify-content:center;align-items:center;padding:calc(var(--velt-spacing-md) / 2);border-radius:var(--velt-border-radius-full);border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-4);transition:all .2s ease;cursor:pointer}.velt-recorder-all-tool-container[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]   .velt-recorder-all-tool--label[_ngcontent-%COMP%]{font-size:calc((.9rem + 0px) * var(--velt-base-rem-unit));padding-right:var(--velt-spacing-xs);font-weight:700;color:currentColor}.velt-recorder-all-tool-container[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]   .velt-recorder-all-tool--icon[_ngcontent-%COMP%]{width:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-tool-icon-size) + 0px) * var(--velt-base-rem-unit));color:currentColor}.velt-recorder-all-tool-container[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]   .velt-recorder-all-tool--arrow[_ngcontent-%COMP%]{width:16px;height:16px;color:currentColor}.velt-recorder-all-tool-container[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]:focus{outline:1.5px solid var(--velt-border-5);border:1.5px solid var(--velt-border-5);background:var(--velt-background-2)}.velt-recorder-all-tool-container[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-4);background:var(--velt-background-2);color:var(--velt-text-5)}.velt-recorder-all-tool-container.velt-recorder-all-tool-container--active[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]{border:1.5px solid var(--velt-accent);background:var(--velt-accent);color:var(--velt-accent-foreground)}.velt-recorder-all-tool-container.velt-recorder-all-tool-container--active[_ngcontent-%COMP%]   .velt-recorder-all-tool[_ngcontent-%COMP%]   .velt-recorder-all-tool--arrow[_ngcontent-%COMP%]{color:var(--velt-accent-foreground)}.velt-recorder-all-tool-container[dark=true][_ngcontent-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}"],changeDetection:0});let t=o;return t})();var b0=t=>({componentConfigSignal:t}),I0=(t,o)=>({condition:t,data:o});function P0(t,o){if(t&1){let i=Z();v(0,"div",7),H("click",function(){O(i);let n=a(3).ngIf,r=a();return w(r.initRecording(n.recorderModes.AUDIO))}),S(1,"app-recorder-audio-tool",8),u()}if(t&2){let i=a(4);E("data-testid",i.componentId+"-audio"),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function E0(t,o){if(t&1){let i=Z();v(0,"div",7),H("click",function(){O(i);let n=a(3).ngIf,r=a();return w(r.initRecording(n.recorderModes.VIDEO))}),S(1,"app-recorder-video-tool",8),u()}if(t&2){let i=a(4);E("data-testid",i.componentId+"-video"),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function D0(t,o){if(t&1){let i=Z();v(0,"div",7),H("click",function(){O(i);let n=a(5);return w(n.initRecording("screen"))}),S(1,"app-recorder-screen-tool",8),u()}if(t&2){let i=a(5);E("data-testid",i.componentId+"-screen"),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function T0(t,o){if(t&1&&s(0,D0,2,3,"div",4),t&2){let i=a(3).ngIf;l("ngSwitchCase",i.recorderModes.SCREEN)}}function O0(t,o){if(t&1&&(v(0,"div",9),S(1,"app-recorder-all-tool",8),u()),t&2){let i=a(4);E("data-testid",i.componentId+"-all"),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function w0(t,o){if(t&1&&(v(0,"div",3),s(1,P0,2,3,"div",4)(2,E0,2,3,"div",4)(3,T0,1,1,"ng-template",5)(4,O0,2,3,"div",6),u()),t&2){let i=a(2).ngIf,e=a();l("ngSwitch",e.type),E("data-testid",e.componentId),c(),l("ngSwitchCase",i.recorderModes.AUDIO),c(),l("ngSwitchCase",i.recorderModes.VIDEO),c(),l("ngIf",i.screenSharingSupported),c(),l("ngSwitchCase",i.recorderModes.ALL)}}function k0(t,o){if(t&1&&(m(0),s(1,w0,5,6,"div",2),p()),t&2){let i=a().ngIf,e=a();c(),l("ngIf",e.user&&i)}}function R0(t,o){if(t&1&&(m(0),s(1,k0,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,I0,i.conditionSignal(),C(1,b0,i.componentConfigSignal)))}}var Qo=(()=>{let o=class o extends Pe{set _type(e){e==="all"?(this.componentConfigSignal.update(n=>(n=_(h({},n),{types:["audio","video","screen"]}),n)),this.type=e):e?.split(",").length>1?(this.componentConfigSignal.update(n=>(n=_(h({},n),{types:e.split(",")?.map(r=>r?.trim())}),n)),this.type="all"):this.type=e}set _shadowDom(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),this.componentConfigSignal.update(r=>(r=_(h({},r),{shadowDom:n,isExplicitShadowDom:!!n}),r))}catch{}}set _recordingCountdown(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),this.componentConfigSignal.update(r=>(r=_(h({},r),{recordingCountdown:n}),r))}catch{}}set _retakeOnVideoEditor(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableRetakeOnVideoEditor():this.recorderService.disableRetakeOnVideoEditor()}catch{}}set _pictureInPicture(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.pipService.enablePictureInPicture():this.pipService.disablePictureInPicture()}catch{}}set _maxLength(e){try{let n;typeof e=="string"?n=parseInt(e,10):n=e,n&&n>0&&this.recorderService.setMaxRecordingLength(n)}catch{}}constructor(e,n,r,g,I,B,A,M,V,Y){super(V,M,void 0,void 0,void 0,Y,A),this.analyticsService=e,this.authService=n,this.docService=r,this.iamService=g,this.recorderService=I,this.pipService=B,this.loggingService=A,this.themeService=M,this.elementRef=V,this.dynamicDataService=Y,this.type="video",this.customButtonAdded=!1,this.subscriptions=[],this.veltElement=!0,this.componentConfigSignal=ce({buttonLabel:this.buttonLabel,recordingInProgress:!1,types:[],recorderModes:Q.RecorderModes,initRecording:this.initRecording.bind(this),disabled:!1,screenSharingSupported:!!navigator?.mediaDevices?.getDisplayMedia,shadowDom:!0,isExplicitShadowDom:!1,darkMode:this.darkMode}),this.componentId="velt-recorder-button";try{this.loggingService.log("%c[WB] Creating COMPONENT RecorderButtonComponent","color: blue;"),this.subscriptions.push(super.onDarkModeChange().subscribe(J=>{this.componentConfigSignal.update(ne=>(ne=_(h({},ne),{darkMode:J}),ne))})),this.subscriptions.push(this.authService.getUser$().subscribe(J=>{this.user=J},J=>{this.loggingService.catch("Error in RecorderButtonComponent getUser$ subscription: ",J)})),this.subscriptions.push(this.recorderService.getRecorderStatus$().subscribe(J=>{this.componentConfigSignal.update(ne=>(ne=_(h({},ne),{recordingInProgress:!!J}),ne))},J=>{this.loggingService.catch("Error in RecorderButtonComponent getRecorderStatus$ subscription: ",J)})),this.subscriptions.push(this.iamService.getFeaturesAccessLevel$().subscribe(J=>{this.componentConfigSignal.update(ne=>(ne=_(h({},ne),{disabled:!!J?.all?.disabled}),ne))}))}catch(J){this.loggingService.catch("Error in RecorderButtonComponent constructor: ",J)}}ngOnInit(){this.setupA11yAttributes(),super.ngOnInit()}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderButtonComponent setupA11yAttributes:",e)}}ngOnChanges(e){try{this.loggingService.log("%c[WB] Calling RecorderButtonComponent FUNCTION: ngOnChanges","color: green;"),e&&(super.ngOnChanges(e),Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))}))}catch(n){this.loggingService.catch("Error in RecorderButtonComponent ngOnChanges: ",n)}}initRecording(e){try{if(this.loggingService.log("%c[WB] Calling RecorderButtonComponent FUNCTION: initRecording","color: green;"),this.componentConfigSignal().disabled){this.loggingService.catch("Recording feature is disabled.");return}this.analyticsService.trackEvent(de.Events.Recording.RECORDING_TOOL_CLICKED,{toolType:this.customButtonAdded?`custom - ${this.type}`:`default - ${this.type}`,recorderType:e});let n=this.docService.getAdditionalDocumentIdFromElement(this.elementRef.nativeElement)??void 0;this.recorderService.initRecording(e,this.panelId||void 0,void 0,this.componentConfigSignal().darkMode,this.componentConfigSignal().shadowDom,void 0,n,this.componentConfigSignal().recordingCountdown,void 0,this.componentConfigSignal().isExplicitShadowDom)}catch(n){this.loggingService.catch("Error in RecorderButtonComponent initRecording: ",n)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling RecorderButtonComponent FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.unsubscribe()}catch(e){this.loggingService.catch("Error in RecorderButtonComponent ondestroy: ",e)}}unsubscribe(){try{this.loggingService.log("%c[WB] Calling RecorderButtonComponent FUNCTION: unsubscribe","color: green;"),this.subscriptions.map(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in RecorderButtonComponent unsubscribe: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(Ke),d(mt),d(Tt),d(Za),d(ye),d(rt),d(y),d(Ie),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-button"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{_type:[0,"type","_type"],panelId:"panelId",buttonLabel:"buttonLabel",variant:"variant",_shadowDom:[0,"shadowDom","_shadowDom"],_recordingCountdown:[0,"recordingCountdown","_recordingCountdown"],_retakeOnVideoEditor:[0,"retakeOnVideoEditor","_retakeOnVideoEditor"],_pictureInPicture:[0,"pictureInPicture","_pictureInPicture"],_maxLength:[0,"maxLength","_maxLength"]},standalone:!1,features:[F([f]),k,Fe],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-tool","role","toolbar","aria-label","Recording options",3,"ngSwitch",4,"ngIf"],["role","toolbar","aria-label","Recording options",1,"velt-recorder-tool",3,"ngSwitch"],["role","presentation",3,"click",4,"ngSwitchCase"],[3,"ngIf"],["role","presentation",4,"ngSwitchCase"],["role","presentation",3,"click"],[3,"componentConfigSignal","variant"],["role","presentation"]],template:function(n,r){n&1&&s(0,R0,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,ut,ft,R,Un,Gn,Wn,qn],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}[_nghost-%COMP%]{display:inline-flex;--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}"],changeDetection:0});let t=o;return t})();var Ce=class{constructor(){this.recordingTranscriptionEnabled=!0,this.recordingType="audio",this.timeUpdate=()=>{},this.toggleVideo=()=>{},this.totalTimeValue=0,this.currentTimeValue=0,this.onSliderGrab=()=>{},this.onSliderRelease=()=>{},this.onSliderDrag=()=>{},this.onSubtitlesButtonClick=()=>{},this.onSubtitlesPanelDragged=()=>{},this.onSeekToVideo=()=>{},this.onSeekToAudio=()=>{},this.onTranscriptionButtonClick=()=>{},this.onTranscriptionSummaryCopy=()=>{},this.onTranscriptionPanelDragged=()=>{},this.toggleAnnotation=()=>{},this.copyLink=()=>{},this.deleteRecorderAnnotation=()=>{},this.dragging=!1,this.recorderPinSelected=!1,this.onTranscriptionTimestampClick=()=>{},this.videoContainerHovered=!1,this.setVideoContainerHovered=()=>{},this.mode="floating",this.variant="default",this.showSubtitles=!1,this.playing=!1,this.recorderModes=Q.RecorderModes,this.currentTime="",this.copyLinkTooltip="Copy Link",this.showVideoInFullScreen=!1,this.toggleAudio=()=>{},this.loading=!1,this.onPause=()=>{},this.onPlay=()=>{},this.collapsedMode=!1,this.toggleCollapsedMode=()=>{},this.numberOfBars=void 0,this.shadowDom=!0,this.isExplicitShadowDom=!1,this.isEditMode=!1,this.darkMode=!1,this.showSummary=!0,this.editVideo=()=>{},this.openVideoEditor=()=>{},this.showVideoEditor=!1,this.videoEditingSupported=!0,this.isLoading=!1,this.showTimeline=!1,this.showOverlay=!0,this.pauseVideo=()=>{},this.playVideo=()=>{},this.openFullScreen=()=>{},this.manuallyMinimized=!1}};var M0=["videoRef"],Ml=t=>({componentConfigSignal:t}),V0=(t,o)=>({condition:t,data:o}),A0=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-video-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1});function F0(t,o){if(t&1&&S(0,"source",7),t&2){let i=a(3).ngIf;l("src",(i.latestEditedVersion==null||i.latestEditedVersion.attachment==null?null:i.latestEditedVersion.attachment.url)||(i.attachment==null?null:i.attachment.url))("type","video/mp4")}}function B0(t,o){if(t&1&&S(0,"source",7),t&2){let i=o.$implicit;l("src",i==null?null:i.url)("type",(i==null?null:i.mimeType)||"video/mp4")}}function L0(t,o){if(t&1&&(s(0,B0,1,2,"source",8),z(1,"rearrangeMediaSource")),t&2){let i=a(3).ngIf;l("ngForOf",j(1,2,(i.latestEditedVersion==null?null:i.latestEditedVersion.attachments)||(i.annotation==null?null:i.annotation.attachments)))("ngForTrackBy",i.trackByAttachmentId)}}function N0(t,o){if(t&1){let i=Z();m(0),v(1,"video",4,0),z(3,"translate"),H("afterViewInit",function(){O(i);let n=a(3);return w(n.setVideoRef())})("ended",function(){O(i);let n=a(3);return w(n.onVideoEnded())})("click",function(){O(i);let n=a(2).ngIf;return w(n.toggleVideo())})("timeupdate",function(){O(i);let n=re(2),r=a(2).ngIf;return w(r.timeUpdate(n==null?null:n.currentTime))}),s(4,F0,1,2,"source",5)(5,L0,2,4,"ng-template",6),u(),p()}if(t&2){let i=a(2).ngIf,e=a();c(),te("flip",i.recordingType===i.recorderModes.VIDEO),l("poster",(i.latestEditedVersion==null||i.latestEditedVersion.attachment==null?null:i.latestEditedVersion.attachment.thumbnail)||(i.attachment==null?null:i.attachment.thumbnail)||i.videoPosterDefaultImage),E("aria-label",j(3,8,"Video player"))("aria-describedby","video-description")("data-testid",e.componentId),c(3),l("ngIf",!(!(i.annotation==null||i.annotation.attachments==null)&&i.annotation.attachments.length)&&i.attachment),c(),l("ngIf",i.annotation==null||i.annotation.attachments==null?null:i.annotation.attachments.length)}}function z0(t,o){if(t&1&&(m(0),s(1,N0,6,10,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,A0,e.template,C(1,Ml,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function j0(t,o){if(t&1&&(m(0),s(1,z0,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,V0,i.conditionSignal(),C(1,Ml,i.componentConfigSignal)))}}var Jn=(()=>{let o=class o extends N{constructor(e,n,r,g){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.injector=g,this.componentId="velt-recorder-player-video",this.previousVideoUrl=null,super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),this.watchForVideoUrlChanges()}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.setVideoRef()}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoComponent ngAfterViewInit:",e)}}setVideoRef(){try{setTimeout(()=>{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=_(h({},e),{videoRef:this.videoRef}),e))})}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoComponent setVideoRef:",e)}}onVideoEnded(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{playing:!1,showOverlay:!0,showTimeline:!1}),e)),this.videoRef?.nativeElement&&this.componentConfigSignal().timeUpdate&&this.componentConfigSignal().timeUpdate(0)}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoComponent onVideoEnded:",e)}}watchForVideoUrlChanges(){try{Do(this.injector,()=>{nn(()=>{let e=this.componentConfigSignal(),n=e.latestEditedVersion?.attachment?.url||e.attachment?.url;n&&n!==this.previousVideoUrl&&this.videoRef?.nativeElement&&(this.previousVideoUrl=n,setTimeout(()=>{this.videoRef?.nativeElement&&this.videoRef.nativeElement.load()}))})})}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoComponent watchForVideoUrlChanges:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f),d(tn))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-video"]],viewQuery:function(n,r){if(n&1&&Ee(M0,5),n&2){let g;De(g=Te())&&(r.videoRef=g.first)}},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["videoRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["veltAfterViewInit","","playsinline","","role","application","tabindex","0","preload","metadata",3,"afterViewInit","ended","click","timeupdate","poster"],[3,"src","type",4,"ngIf"],[3,"ngIf"],[3,"src","type"],[3,"src","type",4,"ngFor","ngForOf","ngForTrackBy"]],template:function(n,r){n&1&&s(0,j0,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R,W,Ot],styles:["video[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover;border-radius:var(--velt-border-radius-sm)}"],changeDetection:0});let t=o;return t})();var Z0=["*"],Vl=t=>({componentConfigSignal:t}),U0=(t,o)=>({condition:t,data:o}),G0=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-play-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function W0(t,o){t&1&&(m(0),Qe(1),p())}function Y0(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),z(2,"translate"),z(3,"translate"),H("click",function(n){return O(i),a().ngIf.toggleVideo(),n.stopPropagation(),w(n.preventDefault())}),s(4,W0,2,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),E("aria-label",i.playing?j(2,4,"Pause video"):j(3,6,"Play video"))("aria-pressed",i.playing)("data-testid",e.componentId),c(3),l("veltDynamicTemplate",L(10,G0,e.template,C(8,Vl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function X0(t,o){if(t&1&&(m(0),s(1,Y0,5,16,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,U0,i.conditionSignal(),C(1,Vl,i.componentConfigSignal)))}}var Mt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-play-button",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerPlayButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerPlayButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerPlayButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-play-button"]],standalone:!1,features:[F([f]),k],ngContentSelectors:Z0,decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button","tabindex","0",1,"velt-recorder-player--play-button",3,"click"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&($e(),s(0,X0,2,6,"ng-container",0)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{cursor:pointer}[_nghost-%COMP%]:empty{display:none}.velt-recorder-player--play-button[_ngcontent-%COMP%]{display:flex}"],changeDetection:0});let t=o;return t})();var Fl=t=>({componentConfigSignal:t}),Q0=(t,o)=>({condition:t,data:o}),q0=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-timeline-seek-bar-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function J0(t,o){if(t&1){let i=Z();m(0),v(1,"input",4,0),z(3,"translate"),ko("ngModelChange",function(n){O(i);let r=a(2).ngIf;return wo(r.currentTimeValue,n)||(r.currentTimeValue=n),w(n)}),H("click",function(n){return O(i),w(n.stopPropagation())})("mousedown",function(n){O(i);let r=a(2).ngIf;return w(r.onSliderGrab(n))})("mouseup",function(n){O(i);let r=a(2).ngIf;return w(r.onSliderRelease(n))})("touchstart",function(n){O(i);let r=a(2).ngIf;return w(r.onSliderGrab(n))})("touchend",function(n){O(i);let r=a(2).ngIf;return w(r.onSliderRelease(n))})("input",function(n){O(i);let r=a(2).ngIf;return w(r.onSliderDrag(n))}),u(),p()}if(t&2){let i=a(2).ngIf,e=a();c(),l("min",0)("max",i.totalTimeValue||100),Oo("ngModel",i.currentTimeValue),E("aria-label",j(3,8,"Seek video playback"))("aria-valuemin",0)("aria-valuemax",i.totalTimeValue||100)("aria-valuenow",i.currentTimeValue)("data-testid",e.componentId)}}function K0(t,o){if(t&1&&(m(0),s(1,J0,4,10,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,q0,e.template,C(1,Fl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function eu(t,o){if(t&1&&(m(0),s(1,K0,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,Q0,i.conditionSignal(),C(1,Fl,i.componentConfigSignal)))}}var Kn=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-timeline-seek-bar",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerTimelineSeekBarComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerTimelineSeekBarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerTimelineSeekBarComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-timeline-seek-bar"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["myinput",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["type","range","role","slider","step","any",1,"velt-recorder-player--seek-bar",3,"ngModelChange","click","mousedown","mouseup","touchstart","touchend","input","min","max","ngModel"]],template:function(n,r){n&1&&s(0,eu,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Ao,ya,Fo,Bo,P,R,W],styles:["[_nghost-%COMP%]{display:flex;flex:1}.velt-recorder-player--seek-bar[_ngcontent-%COMP%]{cursor:pointer}input[_ngcontent-%COMP%]{accent-color:var(--velt-accent);flex:1}"],changeDetection:0});let t=o;return t})();var Bl=t=>({componentConfigSignal:t}),nu=(t,o)=>({condition:t,data:o}),iu=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-timeline-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function ou(t,o){t&1&&(K(),v(0,"svg",10),S(1,"rect",11)(2,"rect",12)(3,"rect",13),u())}function ru(t,o){t&1&&(K(),v(0,"svg",14),S(1,"rect",15)(2,"path",16),u())}function au(t,o){if(t&1&&(m(0),v(1,"div",5)(2,"app-recorder-player-play-button",6),z(3,"translate"),s(4,ou,4,0,"svg",7)(5,ru,3,0,"svg",8),u(),S(6,"app-recorder-player-timeline-seek-bar",9),u(),p()),t&2){let i=a(3).ngIf,e=a();c(),E("data-testid",e.componentId+"-timeline"),c(),l("componentConfigSignal",e.componentConfigSignal),E("aria-label",j(3,7,"Playback controls"))("data-testid",e.componentId+"-play-button"),c(2),l("ngIf",i.playing),c(),l("ngIf",!i.playing),c(),l("componentConfigSignal",e.componentConfigSignal)}}function lu(t,o){if(t&1&&(v(0,"div",3),z(1,"translate"),s(2,au,7,9,"ng-container",4),u()),t&2){let i=a(2).ngIf,e=a();te("velt-recorder-player--hovered",i.videoContainerHovered),E("aria-label",j(1,5,"Video playback controls"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(9,iu,e.template,C(7,Bl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function cu(t,o){if(t&1&&(m(0),s(1,lu,3,15,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showTimeline)}}function su(t,o){if(t&1&&(m(0),s(1,cu,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,nu,i.conditionSignal(),C(1,Bl,i.componentConfigSignal)))}}var ei=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-timeline",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerTimelineComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerTimelineComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerTimelineComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-timeline"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","region",3,"velt-recorder-player--hovered",4,"ngIf"],["role","region"],[4,"veltDynamicTemplate"],["role","group","aria-label","Playback controls",1,"velt-recorder-player--timeline"],["role","group",3,"componentConfigSignal"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","focusable","false",4,"ngIf"],["width","28","height","28","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-label","Play button","focusable","false","aria-hidden","true",4,"ngIf"],[3,"componentConfigSignal"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","focusable","false"],["width","28","height","28","rx","14","fill","currentColor"],["x","10.1426","y","8.85742","width","2.57107","height","10.2857","rx","1.28553","fill","white"],["x","15.2852","y","8.85742","width","2.57107","height","10.2857","rx","1.28553","fill","white"],["width","28","height","28","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-label","Play button","focusable","false","aria-hidden","true"],["width","24","height","24","rx","12","fill","currentColor"],["d","M8.80078 7.7327V16.266C8.80075 16.3609 8.82605 16.4541 8.87405 16.536C8.92206 16.6178 8.99103 16.6854 9.07386 16.7317C9.15669 16.778 9.25038 16.8014 9.34525 16.7994C9.44013 16.7974 9.53276 16.7702 9.61358 16.7204L16.5469 12.4538C16.6246 12.4061 16.6887 12.3392 16.7332 12.2597C16.7777 12.1801 16.801 12.0905 16.801 11.9994C16.801 11.9082 16.7777 11.8186 16.7332 11.7391C16.6887 11.6595 16.6246 11.5927 16.5469 11.545L9.61358 7.2783C9.53276 7.22858 9.44013 7.20132 9.34525 7.19934C9.25038 7.19735 9.15669 7.22072 9.07386 7.26703C8.99103 7.31334 8.92206 7.3809 8.87405 7.46276C8.82605 7.54462 8.80075 7.63781 8.80078 7.7327Z","fill","white"]],template:function(n,r){n&1&&s(0,su,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Mt,Kn,W],styles:[".velt-recorder-player--timeline[_ngcontent-%COMP%]{position:absolute;bottom:0;padding:var(--velt-spacing-xs);display:none;left:0;width:100%;gap:var(--velt-spacing-xs);align-items:center;justify-content:center;pointer-events:auto;box-sizing:border-box;color:var(--velt-accent)}.velt-recorder-player--timeline[_ngcontent-%COMP%]:hover{color:var(--velt-accent-hover)}.velt-recorder-player--hovered[_ngcontent-%COMP%]   .velt-recorder-player--timeline[_ngcontent-%COMP%]{display:flex}"],changeDetection:0});let t=o;return t})();var Ll=t=>({componentConfigSignal:t}),mu=(t,o)=>({condition:t,data:o}),pu=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-full-screen-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function gu(t,o){if(t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6),u(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-icon")}}function vu(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("click",function(n){return O(i),a(2).ngIf.openFullScreen(),n.stopPropagation(),w(n.preventDefault())}),s(2,gu,3,1,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();te("velt-recorder-player--full-screen-button-hovered",i.videoContainerHovered),E("aria-label",j(1,6,"Enter full screen mode"))("aria-expanded",i.showVideoInFullScreen)("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(10,pu,e.template,C(8,Ll,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function uu(t,o){if(t&1&&(m(0),s(1,vu,3,16,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",!i.showOverlay)}}function fu(t,o){if(t&1&&(m(0),s(1,uu,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,mu,i.conditionSignal(),C(1,Ll,i.componentConfigSignal)))}}var ti=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-full-screen-button",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerFullScreenButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerFullScreenButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerFullScreenButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-full-screen-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-player--full-screen-button","type","button","role","button","tabindex","0",3,"velt-recorder-player--full-screen-button-hovered","click",4,"ngIf"],["type","button","role","button","tabindex","0",1,"velt-recorder-player--full-screen-button",3,"click"],[4,"veltDynamicTemplate"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","role","presentation","aria-hidden","true"],["d","M10.2525 3H12.67M12.67 3V5.4175M12.67 3L9.04375 6.62625M5.4175 12.67H3M3 12.67V10.2525M3 12.67L6.62625 9.04375M10.2525 12.67H12.67M12.67 12.67V10.2525M12.67 12.67L9.04375 9.04375M5.4175 3H3M3 3V5.4175M3 3L6.62625 6.62625","stroke","currentColor","stroke-width","0.906562","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,fu,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:[".velt-recorder-player--full-screen-button[_ngcontent-%COMP%]{display:flex;position:absolute;top:10px;right:10px;border-radius:var(--velt-border-radius-3xl);padding:var(--velt-spacing-sm);border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);cursor:pointer;color:var(--velt-text-4)}.velt-recorder-player--full-screen-button[_ngcontent-%COMP%]:hover{background:var(--velt-background-6);border-color:var(--velt-border-8)}.velt-recorder-player--full-screen-button-hovered[_ngcontent-%COMP%]   .velt-recorder-player--full-screen-button[_ngcontent-%COMP%]{display:flex}"],changeDetection:0});let t=o;return t})();var Nl=t=>({componentConfigSignal:t}),Cu=(t,o)=>({condition:t,data:o}),_u=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function yu(t,o){if(t&1&&(m(0),v(1,"span",3),ie(2),u(),p()),t&2){let i=a(2).ngIf,e=a();c(),te("velt-recorder-player--time",i.recordingType===i.recorderModes.AUDIO),E("data-testid",e.componentId),c(),ge(" ",i.currentTime&&i.currentTime!="00:00"?i.currentTime:(i.latestEditedVersion==null||i.latestEditedVersion.recordedTime==null?null:i.latestEditedVersion.recordedTime.display)||(i.annotation==null||i.annotation.recordedTime==null?null:i.annotation.recordedTime.display)||"00:00")}}function Su(t,o){if(t&1&&(m(0),s(1,yu,3,4,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,_u,e.template,C(1,Nl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function xu(t,o){if(t&1&&(m(0),s(1,Su,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Cu,i.conditionSignal(),C(1,Nl,i.componentConfigSignal)))}}var Vt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-time",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerTimeComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-time"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","timer","aria-live","polite"]],template:function(n,r){n&1&&s(0,xu,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:[".velt-recorder-player--time[_ngcontent-%COMP%]{font-weight:400;font-size:var(--velt-font-size-sm);color:var(--velt-text-2)}"],changeDetection:0});let t=o;return t})();var jl=t=>({componentConfigSignal:t}),bu=(t,o)=>({condition:t,data:o}),Iu=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-overlay-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Pu(t,o){if(t&1&&(m(0),v(1,"app-recorder-player-play-button",5)(2,"div",6),K(),v(3,"svg",7),S(4,"path",8),u(),Ae(),S(5,"app-recorder-player-time",9),u()(),p()),t&2){let i=a(4);c(),l("componentConfigSignal",i.componentConfigSignal),E("data-testid",i.componentId+"-play-button"),c(),E("data-testid",i.componentId+"-time"),c(3),l("componentConfigSignal",i.componentConfigSignal),E("data-testid",i.componentId+"-time")}}function Eu(t,o){if(t&1&&(v(0,"div",3),z(1,"translate"),s(2,Pu,6,5,"ng-container",4),u()),t&2){let i=a(2).ngIf,e=a();E("aria-label",j(1,3,"Recording player controls"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(7,Iu,e.template,C(5,jl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Du(t,o){if(t&1&&(m(0),s(1,Eu,3,13,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showOverlay)}}function Tu(t,o){if(t&1&&(m(0),s(1,Du,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,bu,i.conditionSignal(),C(1,jl,i.componentConfigSignal)))}}var ni=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-overlay",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerOverlayComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerOverlayComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerOverlayComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-overlay"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-player--overlay","role","region",4,"ngIf"],["role","region",1,"velt-recorder-player--overlay"],[4,"veltDynamicTemplate"],["role","button","tabindex","0",3,"componentConfigSignal"],["role","timer","aria-label","Recording duration",1,"velt-recorder-player--time"],["width","17","height","16","viewBox","0 0 17 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false"],["d","M4.5 3.73269V12.2658C4.49997 12.3607 4.52527 12.4538 4.57327 12.5357C4.62127 12.6175 4.69024 12.6851 4.77307 12.7314C4.8559 12.7777 4.94958 12.8011 5.04446 12.7991C5.13933 12.7971 5.23195 12.7699 5.31278 12.7201L12.2459 8.45361C12.3235 8.40589 12.3877 8.33907 12.4322 8.25953C12.4766 8.17998 12.5 8.09036 12.5 7.99922C12.5 7.90808 12.4766 7.81846 12.4322 7.73892C12.3877 7.65937 12.3235 7.59255 12.2459 7.54484L5.31278 3.2783C5.23195 3.22858 5.13933 3.20132 5.04446 3.19934C4.94958 3.19735 4.8559 3.22072 4.77307 3.26703C4.69024 3.31333 4.62127 3.3809 4.57327 3.46275C4.52527 3.54461 4.49997 3.63779 4.5 3.73269Z","fill","white"],["aria-live","polite",3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,Tu,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Mt,Vt,W],styles:[".velt-recorder-player--overlay[_ngcontent-%COMP%]{position:absolute;top:0;left:0;width:100%;height:100%;background:color-mix(in srgb,var(--velt-black) 80%,transparent);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-sm)}.velt-recorder-player--time[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:var(--velt-spacing-sm);padding-right:14px;gap:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-3xl);background:var(--velt-accent);font-size:var(--velt-font-size-sm);font-weight:500;color:var(--velt-accent-foreground)}.velt-recorder-player--time[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}"],changeDetection:0});let t=o;return t})();var Hl=t=>({componentConfigSignal:t}),wu=(t,o)=>({condition:t,data:o}),ku=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-name-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Ru(t,o){if(t&1&&(m(0),v(1,"div",3),z(2,"translate"),z(3,"translate"),z(4,"translate"),ie(5),z(6,"translate"),u(),p()),t&2){let i=a(2).ngIf,e=a();c(),te("velt-recorder-player--name-embed-mode",(i==null?null:i.variant)==="embed"),E("aria-label",j(2,6,"Recording name:")+" "+((i.annotation==null?null:i.annotation.displayName)||(i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null?null:i.annotation.attachments[0].name)||j(3,8,"Untitled recording")))("title",(i.annotation==null?null:i.annotation.displayName)||(i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null?null:i.annotation.attachments[0].name)||j(4,10,"Untitled recording"))("data-testid",e.componentId),c(4),ge(" ",j(6,12,(i.latestEditedVersion==null?null:i.latestEditedVersion.displayName)||(i.annotation==null?null:i.annotation.displayName)||(i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null?null:i.annotation.attachments[0].name))," ")}}function Mu(t,o){if(t&1&&(m(0),s(1,Ru,7,14,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,ku,e.template,C(1,Hl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Vu(t,o){if(t&1&&(m(0),s(1,Mu,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,wu,i.conditionSignal(),C(1,Hl,i.componentConfigSignal)))}}var At=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-name",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerNameComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerNameComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-name"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","heading","aria-level","2",1,"velt-recorder-player--name"]],template:function(n,r){n&1&&s(0,Vu,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{overflow:hidden;flex:1}.velt-recorder-player--name[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:var(--velt-font-size-xs);font-weight:400;color:var(--velt-text-2);flex:1;text-align:left}.velt-recorder-player--name.velt-recorder-player--name-embed-mode[_ngcontent-%COMP%]{font-weight:500;font-size:var(--velt-font-size-sm)}"],changeDetection:0});let t=o;return t})();var et=class{constructor(){this.subtitlesVisible=!0,this.highlightedTextIndex=-1,this.vttFileTextArray=[],this.showDefaultBtn=!1,this.dialogVisible=!1,this.positions=[new on({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"}),new on({originX:"end",originY:"top"},{overlayX:"end",overlayY:"bottom"})],this.overlayOriginX="start",this.overlayOriginY="top",this.cdkConnectedOverlayOffsetX=0,this.cdkConnectedOverlayOffsetY=0,this.onSubtitlesButtonClick=()=>{},this.onDragRelease=()=>{},this.toggleDialog=()=>{}}};function Au(t,o){if(t&1&&(v(0,"span"),ie(1),u()),t&2){let i=a().ngIf;c(),ke(i.vttFileTextArray!=null&&i.vttFileTextArray.length&&(!(i.vttFileTextArray[i.highlightedTextIndex]==null||i.vttFileTextArray[i.highlightedTextIndex].text==null)&&i.vttFileTextArray[i.highlightedTextIndex].text.length)?i.vttFileTextArray[i.highlightedTextIndex]==null?null:i.vttFileTextArray[i.highlightedTextIndex].text:"...")}}function Fu(t,o){t&1&&(v(0,"span",3),ie(1,"..."),u())}function Bu(t,o){if(t&1&&(m(0),s(1,Au,2,1,"span",2)(2,Fu,2,0,"ng-template",null,0,he),p()),t&2){let i=o.ngIf,e=re(3);c(),l("ngIf",i.highlightedTextIndex>=0)("ngIfElse",e)}}var Ft=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new et)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-subtitles-text"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[["noTextRef",""],[4,"ngIf"],[4,"ngIf","ngIfElse"],[1,"velt-subtitles-text-disabled"]],template:function(n,r){n&1&&s(0,Bu,4,2,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b],styles:["[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var Lu=(t,o)=>({componentConfigSignal:t,variant:o}),Nu=(t,o,i)=>({template:t,context:o,componentName:"velt-subtitles-embed-mode-wireframe",variant:i});function zu(t,o){t&1&&we(0)}function ju(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,zu,1,0,"ng-container",3),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function Hu(t,o){if(t&1&&(m(0),S(1,"app-subtitles-text",5),p()),t&2){let i=a(4);c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function Zu(t,o){if(t&1&&(m(0),s(1,Hu,2,2,"ng-container",4),p()),t&2){let i=a(3);c(),l("veltDynamicTemplate",ve(4,Nu,i.template,D(1,Lu,i.componentConfigSignal,i.variant),i.variant))}}function Uu(t,o){if(t&1&&s(0,Zu,2,8,"ng-container",1),t&2){let i=a().ngIf;l("ngIf",i.subtitlesVisible)}}function Gu(t,o){if(t&1&&(m(0),s(1,ju,2,1,"velt-shadow-dom-internal",2)(2,Uu,1,1,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a();c(),l("ngIf",!e.template)("ngIfElse",i)}}var ii=(()=>{let o=class o{constructor(e,n){this.loggingService=e,this.wireframeService=n,this.componentConfigSignal=ce(new et)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-subtitles-embed-mode-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in ExpandedVideoPlayerComponent ngOnInit: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se))},o.\u0275cmp=x({type:o,selectors:[["app-subtitles-embed-mode"]],inputs:{componentConfigSignal:"componentConfigSignal",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[["subtitleRef",""],[4,"ngIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,Gu,4,2,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,Ft],encapsulation:2,changeDetection:0});let t=o;return t})();var Yu=(t,o)=>({componentConfigSignal:t,variant:o}),Xu=(t,o,i)=>({template:t,context:o,componentName:"velt-subtitles-tooltip-wireframe",variant:i});function $u(t,o){t&1&&(m(0),ie(1),z(2,"translate"),p()),t&2&&(c(),ge(" ",j(2,1,"Subtitles not available")," "))}function Qu(t,o){if(t&1&&(v(0,"span",2),s(1,$u,3,3,"ng-container",3),u()),t&2){let i=a(2);c(),l("veltDynamicTemplate",ve(4,Xu,i.template,D(1,Yu,i.componentConfigSignal,i.variant),i.variant))}}function qu(t,o){if(t&1&&(m(0),s(1,Qu,2,8,"span",1),p()),t&2){let i=o.ngIf;c(),l("ngIf",i.transcription&&!(i.transcription!=null&&i.transcription.transcriptedText))}}var oi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new et)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-subtitles-tooltip"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],["class","s-tooltiptext",4,"ngIf"],[1,"s-tooltiptext"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&s(0,qu,2,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,W],encapsulation:2,changeDetection:0});let t=o;return t})();var Ku=["customBtnRef"],ef=["*"],tf=(t,o)=>({componentConfigSignal:t,variant:o}),nf=(t,o,i)=>({template:t,context:o,componentName:"velt-subtitles-button-wireframe",variant:i});function of(t,o){t&1&&(v(0,"div",5),K(),v(1,"svg",6),S(2,"path",7),u()())}function rf(t,o){if(t&1&&(m(0),s(1,of,3,0,"div",3),v(2,"div",4,0),Qe(4),u(),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showDefaultBtn)}}function af(t,o){if(t&1&&(m(0),v(1,"div"),s(2,rf,5,1,"ng-container",2),u(),p()),t&2){let i=o.ngIf,e=a();c(),te("velt-subtitles-button--disabled",i.transcription&&!(i.transcription!=null&&i.transcription.transcriptedText)),c(),l("veltDynamicTemplate",ve(6,nf,e.template,D(3,tf,e.componentConfigSignal,e.variant),e.variant))}}var ri=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new et)}ngAfterViewInit(){this.customBtnRef?.nativeElement?.children?.length||this.componentConfigSignal.update(e=>(e=_(h({},e),{showDefaultBtn:!0}),e))}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-subtitles-button"]],viewQuery:function(n,r){if(n&1&&Ee(Ku,5),n&2){let g;De(g=Te())&&(r.customBtnRef=g.first)}},inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,ngContentSelectors:ef,decls:1,vars:1,consts:[["customBtnRef",""],[4,"ngIf"],[4,"veltDynamicTemplate"],["class","velt-subtitles-button--default",4,"ngIf"],[1,"velt-subtitles-button--custom"],[1,"velt-subtitles-button--default"],["width","20","height","21","viewBox","0 0 20 21","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-subtitles-button--svg"],["d","M11.47 7.62875C11.893 7.41764 12.3718 7.34543 12.8382 7.42242C13.3046 7.49941 13.7348 7.72166 14.0675 8.0575C14.1849 8.17486 14.2508 8.33403 14.2508 8.5C14.2508 8.66597 14.1849 8.82514 14.0675 8.9425C13.9501 9.05986 13.791 9.12579 13.625 9.12579C13.459 9.12579 13.2999 9.05986 13.1825 8.9425C13.0358 8.79219 12.8452 8.69223 12.6382 8.65697C12.4311 8.62171 12.2182 8.65297 12.03 8.74625C11.6712 8.92625 11.25 9.41875 11.25 10.5C11.25 11.5813 11.6712 12.075 12.03 12.2537C12.2182 12.347 12.4311 12.3783 12.6382 12.343C12.8452 12.3078 13.0358 12.2078 13.1825 12.0575C13.2999 11.9401 13.459 11.8742 13.625 11.8742C13.791 11.8742 13.9501 11.9401 14.0675 12.0575C14.1849 12.1749 14.2508 12.334 14.2508 12.5C14.2508 12.666 14.1849 12.8251 14.0675 12.9425C13.38 13.63 12.34 13.8062 11.47 13.3713C10.5787 12.9262 10 11.9187 10 10.5C10 9.08125 10.5787 8.075 11.47 7.62875ZM9.0675 8.0575C8.73492 7.72149 8.3047 7.49913 7.83824 7.42213C7.37178 7.34514 6.89292 7.41745 6.47 7.62875C5.57875 8.07375 5 9.08125 5 10.5C5 11.9187 5.57875 12.925 6.47 13.3713C6.89292 13.5826 7.37178 13.6549 7.83824 13.5779C8.3047 13.5009 8.73492 13.2785 9.0675 12.9425C9.12561 12.8844 9.1717 12.8154 9.20315 12.7395C9.2346 12.6636 9.25079 12.5822 9.25079 12.5C9.25079 12.4178 9.2346 12.3364 9.20315 12.2605C9.1717 12.1846 9.12561 12.1156 9.0675 12.0575C9.00939 11.9994 8.9404 11.9533 8.86448 11.9218C8.78855 11.8904 8.70718 11.8742 8.625 11.8742C8.54282 11.8742 8.46144 11.8904 8.38552 11.9218C8.3096 11.9533 8.24061 11.9994 8.1825 12.0575C8.03568 12.2076 7.84513 12.3075 7.63811 12.3427C7.4311 12.378 7.21823 12.3468 7.03 12.2537C6.67125 12.0738 6.25 11.5813 6.25 10.5C6.25 9.41875 6.67125 8.925 7.03 8.74625C7.21823 8.65316 7.4311 8.62201 7.63811 8.65726C7.84513 8.69251 8.03568 8.79236 8.1825 8.9425C8.29986 9.05986 8.45903 9.12579 8.625 9.12579C8.79097 9.12579 8.95014 9.05986 9.0675 8.9425C9.18486 8.82514 9.25079 8.66597 9.25079 8.5C9.25079 8.33403 9.18486 8.17486 9.0675 8.0575ZM1.25 7.375C1.25 6.5462 1.57924 5.75134 2.16529 5.16529C2.75134 4.57924 3.5462 4.25 4.375 4.25H15.625C16.4538 4.25 17.2487 4.57924 17.8347 5.16529C18.4208 5.75134 18.75 6.5462 18.75 7.375V13.625C18.75 14.4538 18.4208 15.2487 17.8347 15.8347C17.2487 16.4208 16.4538 16.75 15.625 16.75H4.375C3.5462 16.75 2.75134 16.4208 2.16529 15.8347C1.57924 15.2487 1.25 14.4538 1.25 13.625V7.375ZM4.375 5.5C3.87772 5.5 3.40081 5.69754 3.04917 6.04917C2.69754 6.40081 2.5 6.87772 2.5 7.375V13.625C2.5 14.1223 2.69754 14.5992 3.04917 14.9508C3.40081 15.3025 3.87772 15.5 4.375 15.5H15.625C16.1223 15.5 16.5992 15.3025 16.9508 14.9508C17.3025 14.5992 17.5 14.1223 17.5 13.625V7.375C17.5 6.87772 17.3025 6.40081 16.9508 6.04917C16.5992 5.69754 16.1223 5.5 15.625 5.5H4.375Z","fill","white"]],template:function(n,r){n&1&&($e(),s(0,af,3,10,"ng-container",1)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P],styles:[".velt-subtitles-button--default[_ngcontent-%COMP%], .velt-subtitles-button--custom[_ngcontent-%COMP%]{display:flex!important}.velt-subtitles-button--disabled[_ngcontent-%COMP%]{cursor:not-allowed!important}.velt-subtitles-button--disabled[_ngcontent-%COMP%]   svg.velt-subtitles-button--svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:#80808a!important}"],changeDetection:0});let t=o;return t})();var cf=(t,o)=>({componentConfigSignal:t,variant:o}),sf=(t,o,i)=>({template:t,context:o,componentName:"velt-subtitles-close-button-wireframe",variant:i});function df(t,o){t&1&&(m(0),v(1,"div",3),K(),v(2,"svg",4),S(3,"path",5),u()(),p())}function mf(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),H("click",function(){let n=O(i).ngIf;return w(n.toggleDialog())}),s(2,df,4,0,"ng-container",2),u(),p()}if(t&2){let i=a();c(2),l("veltDynamicTemplate",ve(4,sf,i.template,D(1,cf,i.componentConfigSignal,i.variant),i.variant))}}var ai=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new et)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-subtitles-close-button"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[3,"click"],[4,"veltDynamicTemplate"],[1,"velt-subtitles-close-button"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z","fill","white"]],template:function(n,r){n&1&&s(0,mf,3,8,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P],styles:[".velt-subtitles-close-button[_ngcontent-%COMP%]{display:flex!important;flex-direction:column!important;width:max-content!important;cursor:pointer!important}"],changeDetection:0});let t=o;return t})();var gf=()=>["snippyly-overlay-panel","snippyly-subtitles-overlay-panel","velt-overlay-panel"],vf=(t,o)=>({componentConfigSignal:t,variant:o}),uf=(t,o,i)=>({template:t,context:o,cloneTemplate:!0,componentName:"velt-subtitles-panel-wireframe",variant:i});function ff(t,o){if(t&1&&(m(0),v(1,"div",5)(2,"div",6)(3,"div",7),K(),v(4,"svg",8),S(5,"path",9),u(),ie(6),z(7,"translate"),u(),Ae(),S(8,"app-subtitles-close-button",10),u(),v(9,"div",11)(10,"div",12),S(11,"app-subtitles-text",10),u()()(),p()),t&2){let i=a(3);c(6),ge(" ",j(7,3,"Subtitles")," "),c(2),l("componentConfigSignal",i.componentConfigSignal),c(3),l("componentConfigSignal",i.componentConfigSignal)}}function hf(t,o){if(t&1){let i=Z();v(0,"div",3),H("cdkDragReleased",function(){O(i);let n=a().ngIf;return w(n.onDragRelease())})("pointerdown",function(n){return O(i),w(n.stopPropagation())})("pointerup",function(n){return O(i),w(n.stopPropagation())})("click",function(n){return O(i),w(n.stopPropagation())}),s(1,ff,12,5,"ng-container",4),u()}if(t&2){let i=a(2);c(),l("veltDynamicTemplate",ve(4,uf,i.template,D(1,vf,i.componentConfigSignal,i.variant),i.variant))}}function Cf(t,o){if(t&1&&(m(0),s(1,hf,2,8,"ng-template",2,0,he),p()),t&2){let i=o.ngIf,e=re(2),n=a();c(),l("cdkConnectedOverlayOrigin",i.overlayTrigger||n.trigger)("cdkConnectedOverlayOpen",i.dialogVisible)("cdkConnectedOverlayPositions",i.positions)("cdkConnectedOverlayPanelClass",Ve(9,gf))("cdkConnectedOverlayDisableClose",!0)("snippylyOverlay",e)("snippylyOverlayZIndex",2147483627)("cdkConnectedOverlayOffsetY",i.cdkConnectedOverlayOffsetY)("cdkConnectedOverlayOffsetX",i.cdkConnectedOverlayOffsetX)}}var li=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new et)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-subtitles-panel"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",trigger:"trigger",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[["overlay","cdkConnectedOverlay"],[4,"ngIf"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPositions","cdkConnectedOverlayPanelClass","cdkConnectedOverlayDisableClose","snippylyOverlay","snippylyOverlayZIndex","cdkConnectedOverlayOffsetY","cdkConnectedOverlayOffsetX"],["cdkDrag","",3,"cdkDragReleased","pointerdown","pointerup","click"],[4,"veltDynamicTemplate"],[1,"velt-subtitles"],[1,"velt-subtitles--header"],[1,"velt-subtitles--label"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.764 8.5545C14.2716 8.30117 14.8461 8.21452 15.4058 8.30691C15.9655 8.39929 16.4818 8.66599 16.881 9.069C17.0218 9.20983 17.1009 9.40084 17.1009 9.6C17.1009 9.79916 17.0218 9.99017 16.881 10.131C16.7402 10.2718 16.5492 10.3509 16.35 10.3509C16.1508 10.3509 15.9598 10.2718 15.819 10.131C15.6429 9.95063 15.4143 9.83067 15.1658 9.78836C14.9173 9.74605 14.6618 9.78356 14.436 9.8955C14.0055 10.1115 13.5 10.7025 13.5 12C13.5 13.2975 14.0055 13.89 14.436 14.1045C14.6618 14.2164 14.9173 14.2539 15.1658 14.2116C15.4143 14.1693 15.6429 14.0494 15.819 13.869C15.9598 13.7282 16.1508 13.6491 16.35 13.6491C16.5492 13.6491 16.7402 13.7282 16.881 13.869C17.0218 14.0098 17.1009 14.2008 17.1009 14.4C17.1009 14.5992 17.0218 14.7902 16.881 14.931C16.056 15.756 14.808 15.9675 13.764 15.4455C12.6945 14.9115 12 13.7025 12 12C12 10.2975 12.6945 9.09 13.764 8.5545ZM10.881 9.069C10.4819 8.66579 9.96564 8.39895 9.40589 8.30656C8.84614 8.21416 8.27151 8.30094 7.764 8.5545C6.6945 9.0885 6 10.2975 6 12C6 13.7025 6.6945 14.91 7.764 15.4455C8.27151 15.6991 8.84614 15.7858 9.40589 15.6934C9.96564 15.601 10.4819 15.3342 10.881 14.931C10.9507 14.8613 11.006 14.7785 11.0438 14.6874C11.0815 14.5963 11.1009 14.4986 11.1009 14.4C11.1009 14.3014 11.0815 14.2037 11.0438 14.1126C11.006 14.0215 10.9507 13.9387 10.881 13.869C10.8113 13.7993 10.7285 13.744 10.6374 13.7062C10.5463 13.6685 10.4486 13.6491 10.35 13.6491C10.2514 13.6491 10.1537 13.6685 10.0626 13.7062C9.97152 13.744 9.88873 13.7993 9.819 13.869C9.64282 14.0492 9.41415 14.169 9.16573 14.2113C8.91732 14.2536 8.66188 14.2162 8.436 14.1045C8.0055 13.8885 7.5 13.2975 7.5 12C7.5 10.7025 8.0055 10.11 8.436 9.8955C8.66188 9.78379 8.91732 9.74641 9.16573 9.78871C9.41415 9.83101 9.64282 9.95083 9.819 10.131C9.95983 10.2718 10.1508 10.3509 10.35 10.3509C10.5492 10.3509 10.7402 10.2718 10.881 10.131C11.0218 9.99017 11.1009 9.79916 11.1009 9.6C11.1009 9.40084 11.0218 9.20983 10.881 9.069ZM1.5 8.25C1.5 7.25544 1.89509 6.30161 2.59835 5.59835C3.30161 4.89509 4.25544 4.5 5.25 4.5H18.75C19.7446 4.5 20.6984 4.89509 21.4016 5.59835C22.1049 6.30161 22.5 7.25544 22.5 8.25V15.75C22.5 16.7446 22.1049 17.6984 21.4016 18.4017C20.6984 19.1049 19.7446 19.5 18.75 19.5H5.25C4.25544 19.5 3.30161 19.1049 2.59835 18.4017C1.89509 17.6984 1.5 16.7446 1.5 15.75V8.25ZM5.25 6C4.65326 6 4.08097 6.23705 3.65901 6.65901C3.23705 7.08097 3 7.65326 3 8.25V15.75C3 16.3467 3.23705 16.919 3.65901 17.341C4.08097 17.7629 4.65326 18 5.25 18H18.75C19.3467 18 19.919 17.7629 20.341 17.341C20.7629 16.919 21 16.3467 21 15.75V8.25C21 7.65326 20.7629 7.08097 20.341 6.65901C19.919 6.23705 19.3467 6 18.75 6H5.25Z","fill","white"],[3,"componentConfigSignal"],[1,"velt-subtitles--content"],[1,"velt-subtitles--content-item"]],template:function(n,r){n&1&&s(0,Cf,3,10,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Je,dt,P,lt,ai,Ft,W],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}.velt-subtitles[_ngcontent-%COMP%], .velt-subtitles--header[_ngcontent-%COMP%], .velt-subtitles--label[_ngcontent-%COMP%], .velt-subtitles--content[_ngcontent-%COMP%], .velt-subtitles--content-item[_ngcontent-%COMP%]{display:flex!important;flex-direction:column!important;width:max-content!important}.velt-subtitles[_ngcontent-%COMP%]{display:flex!important;flex-direction:column!important;gap:var(--velt-spacing-sm)!important;padding:var(--velt-spacing-lg)!important;font-weight:500!important;font-size:var(--velt-font-size-sm)!important;width:max-content!important;background:var(--velt-black)!important;border:2px solid color-mix(in srgb,var(--velt-white) 8%,transparent)!important;border-radius:var(--velt-border-radius-sm)!important;color:var(--legacy-velt-velt-white)!important;min-width:350px!important;min-height:80px!important;font-size:var(--velt-font-size-xs)!important;font-weight:400!important;line-height:180%!important}.velt-subtitles--label[_ngcontent-%COMP%]{flex-direction:row!important;align-items:center!important;gap:var(--velt-spacing-sm)!important;color:var(--velt-white)!important;font-size:var(--velt-font-size-sm)!important;font-weight:500!important}.velt-subtitles--header[_ngcontent-%COMP%]{flex-direction:row!important;width:100%!important;align-items:center!important;justify-content:space-between!important}.velt-subtitles--content[_ngcontent-%COMP%]{gap:var(--velt-spacing-lg)!important}.velt-subtitles--content-item[_ngcontent-%COMP%]{flex-direction:row!important;max-width:calc((20rem + 0px) * var(--velt-base-rem-unit))!important;gap:var(--velt-spacing-lg)!important;align-items:flex-start!important;font-weight:500!important;line-height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))!important;color:var(--velt-white)!important}"],changeDetection:0});let t=o;return t})();var yf=["*"],Sf=(t,o)=>({componentConfigSignal:t,variant:o}),xf=(t,o,i)=>({template:t,context:o,componentName:"velt-subtitles-floating-mode-wireframe",variant:i});function bf(t,o){if(t&1&&(m(0),S(1,"app-subtitles-tooltip",5),v(2,"app-subtitles-button",5),Qe(3),u(),S(4,"app-subtitles-panel",6),p()),t&2){a();let i=re(1),e=a(2);c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(2),l("componentConfigSignal",e.componentConfigSignal)("trigger",i)("variant",e.variant)}}function If(t,o){if(t&1){let i=Z();v(0,"div",3,1),H("click",function(){O(i);let n=a().ngIf;return w(n.transcription!=null&&n.transcription.transcriptedText?n.onSubtitlesButtonClick():null)}),s(2,bf,5,7,"ng-container",4),u()}if(t&2){let i=a(2);c(2),l("veltDynamicTemplate",ve(4,xf,i.template,D(1,Sf,i.componentConfigSignal,i.variant),i.variant))}}function Pf(t,o){t&1&&(m(0),s(1,If,3,8,"ng-template",null,0,he),p())}var ci=(()=>{let o=class o{constructor(e,n){this.loggingService=e,this.wireframeService=n,this.componentConfigSignal=ce(new et)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-subtitles-floating-mode-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in ExpandedVideoPlayerComponent ngOnInit: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se))},o.\u0275cmp=x({type:o,selectors:[["app-subtitles-floating-mode"]],inputs:{componentConfigSignal:"componentConfigSignal",variant:"variant"},standalone:!1,ngContentSelectors:yf,decls:1,vars:1,consts:[["subtitleRef",""],["trigger","cdkOverlayOrigin"],[4,"ngIf"],["cdkOverlayOrigin","",1,"s-tooltip",3,"click"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"],[3,"componentConfigSignal","trigger","variant"]],template:function(n,r){n&1&&($e(),s(0,Pf,3,0,"ng-container",2)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Ue,P,oi,ri,li],encapsulation:2,changeDetection:0});let t=o;return t})();var Tf=["overlay"],Of=["*"];function wf(t,o){if(t&1&&(m(0),S(1,"app-subtitles-embed-mode",4),p()),t&2){let i=a(2);c(),l("componentConfigSignal",i.componentConfigSignal)}}function kf(t,o){if(t&1&&(m(0),v(1,"app-subtitles-floating-mode",4),Qe(2),u(),p()),t&2){let i=a(2);c(),l("componentConfigSignal",i.componentConfigSignal)}}function Rf(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),H("pointerdown",function(n){return O(i),w(n.stopPropagation())})("pointerup",function(n){return O(i),w(n.stopPropagation())})("click",function(n){return O(i),w(n.stopPropagation())}),s(2,wf,2,1,"ng-container",2)(3,kf,3,1,"ng-container",3),u(),p()}if(t&2){let i=a();c(),l("ngSwitch",i.mode),c(),l("ngSwitchCase","embed")}}var bt=(()=>{let o=class o extends Pe{get timeToRead(){return this._timeToRead}set timeToRead(e){this._timeToRead=e,this.updateHighlightedTextIndex()}constructor(e,n,r,g,I){super(I,g),this.loggingService=e,this.transcriptionService=n,this.cd=r,this.themeService=g,this.elementRef=I,this.mode="floating",this.subtitlesVisible=!0,this.cdkConnectedOverlayOffsetX=0,this.cdkConnectedOverlayOffsetY=0,this.subtitlesButtonClick=new be,this.subtitlesPanelDragged=new be,this._timeToRead=0,this.subscriptions=[],this.componentConfigSignal=ce({subtitlesVisible:this.subtitlesVisible,highlightedTextIndex:-1,vttFileTextArray:[],transcription:this.transcription,showDefaultBtn:!1,overlayTrigger:this.overlayTrigger,dialogVisible:!1,positions:[new on({originX:"start",originY:"top"},{overlayX:"start",overlayY:"bottom"}),new on({originX:"end",originY:"top"},{overlayX:"end",overlayY:"bottom"})],overlayOriginX:"start",overlayOriginY:"top",cdkConnectedOverlayOffsetX:0,cdkConnectedOverlayOffsetY:0,onSubtitlesButtonClick:this.onSubtitlesButtonClick.bind(this),onDragRelease:this.onDragRelease.bind(this),toggleDialog:this.toggleDialog.bind(this)}),this.veltElement=!0}ngOnInit(){}ngOnChanges(e){try{e&&Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))})}catch(n){this.loggingService.catch("Error in SubtitlesComponent ngOnChanges: ",n)}}ngAfterViewInit(){try{this.getVttFileText(),this.overlay&&this.subscriptions.push(this.overlay?.positionChange?.subscribe(e=>{this.componentConfigSignal.update(n=>(n=_(h({},n),{overlayOriginX:e.connectionPair.originX,overlayOriginY:e.connectionPair.originY}),n))},e=>{this.loggingService.catch("Error in SubtitlesComponent positionChange subscription: ",e)}))}catch(e){this.loggingService.catch("Error in SubtitlesComponent ngAfterViewInit: ",e)}}getVttFileTextToArray(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{vttFileTextArray:this.transcriptionService.getVttFileTextToArray(e)}),n)),this.updateHighlightedTextIndex()}catch(n){this.loggingService.catch("Error in SubtitlesComponent getVttFileTextToArray: ",n)}}updateHighlightedTextIndex(){try{let e=this.componentConfigSignal().highlightedTextIndex;this.componentConfigSignal.update(n=>(n=_(h({},n),{highlightedTextIndex:n.vttFileTextArray.findIndex(r=>r.startTimeInSeconds<=this.timeToRead&&r.endTimeInSeconds>=this.timeToRead)}),n)),e!==this.componentConfigSignal().highlightedTextIndex&&this.cd.markForCheck()}catch(e){this.loggingService.catch("Error in SubtitlesComponent updateHighlightedTextIndex: ",e)}}toggleDialog(){this.componentConfigSignal.update(e=>(e=_(h({},e),{dialogVisible:!e.dialogVisible}),e))}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}getVttFileText(){try{this.componentConfigSignal().transcription?.vttUrl&&this.subscriptions.push(this.transcriptionService.getFileContent(this.componentConfigSignal().transcription?.vttUrl).subscribe(e=>{e&&this.getVttFileTextToArray(e)}))}catch(e){this.loggingService.catch("Error in SubtitlesComponent getVttFileText: ",e)}}onSubtitlesButtonClick(){try{this.subtitlesButtonClick.emit(),this.toggleDialog()}catch(e){this.loggingService.catch("Error in SubtitlesComponent onSubtitlesButtonClick: ",e)}}onDragRelease(){try{this.subtitlesPanelDragged.emit()}catch(e){this.loggingService.catch("Error in SubtitlesComponent onDragRelease: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Go),d(Dt),d(Ie),d(T))},o.\u0275cmp=x({type:o,selectors:[["snippyly-subtitles"]],viewQuery:function(n,r){if(n&1&&Ee(Tf,5),n&2){let g;De(g=Te())&&(r.overlay=g.first)}},hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{mode:"mode",subtitlesVisible:[0,"visible","subtitlesVisible"],overlayTrigger:"overlayTrigger",cdkConnectedOverlayOffsetX:"cdkConnectedOverlayOffsetX",cdkConnectedOverlayOffsetY:"cdkConnectedOverlayOffsetY",transcription:"transcription",timeToRead:"timeToRead"},outputs:{subtitlesButtonClick:"subtitlesButtonClick",subtitlesPanelDragged:"subtitlesPanelDragged"},standalone:!1,features:[k,Fe],ngContentSelectors:Of,decls:1,vars:1,consts:[[4,"ngIf"],[1,"velt-subtitles",3,"pointerdown","pointerup","click","ngSwitch"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&($e(),s(0,Rf,4,2,"ng-container",0)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,ut,ft,Mo,ii,ci],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}[_nghost-%COMP%]:empty{display:none!important}"],changeDetection:0});let t=o;return t})();var Gl=t=>({componentConfigSignal:t}),Mf=(t,o)=>({condition:t,data:o}),Vf=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-subtitles-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1});function Af(t,o){if(t&1){let i=Z();v(0,"snippyly-subtitles",5,0),z(2,"translate"),H("subtitlesButtonClick",function(){O(i);let n=a(3).ngIf;return w(n.onSubtitlesButtonClick())})("subtitlesPanelDragged",function(){O(i);let n=a(3).ngIf;return w(n.onSubtitlesPanelDragged())}),K(),v(3,"svg",6),S(4,"path",7),u()()}if(t&2){let i,e=re(1),n=a(3).ngIf,r=a();l("mode","embed")("transcription",n.latestEditedVersion==null?null:n.latestEditedVersion.transcription)("darkMode",!0)("timeToRead",(n.recordingType===n.recorderModes.AUDIO?n.audioRef==null||n.audioRef.nativeElement==null?null:n.audioRef.nativeElement.currentTime:n.videoRef==null||n.videoRef.nativeElement==null?null:n.videoRef.nativeElement.currentTime)||0)("cdkConnectedOverlayOffsetY",(e==null||(i=e.componentConfigSignal())==null?null:i.overlayOriginY)==="top"?-12:12)("overlayTrigger",r.overlayTrigger),E("aria-label",j(2,9,"Video subtitles"))("aria-expanded",n.showSubtitles)("data-testid",r.componentId)}}function Ff(t,o){if(t&1&&(m(0),s(1,Af,5,11,"snippyly-subtitles",4),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",i.showSubtitles)}}function Bf(t,o){if(t&1&&(m(0),s(1,Ff,2,1,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Vf,e.template,C(1,Gl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Lf(t,o){if(t&1&&(m(0),s(1,Bf,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,Mf,i.conditionSignal(),C(1,Gl,i.componentConfigSignal)))}}var Bt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-subtitles",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-subtitles"]],inputs:{overlayTrigger:"overlayTrigger"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["subtitlesRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region","aria-live","polite",3,"mode","transcription","darkMode","timeToRead","cdkConnectedOverlayOffsetY","overlayTrigger","subtitlesButtonClick","subtitlesPanelDragged",4,"ngIf"],["role","region","aria-live","polite",3,"subtitlesButtonClick","subtitlesPanelDragged","mode","transcription","darkMode","timeToRead","cdkConnectedOverlayOffsetY","overlayTrigger"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","focusable","false"],["d","M10 10.5C10 10.1022 9.84196 9.72064 9.56066 9.43934C9.27936 9.15804 8.89782 9 8.5 9C8.10218 9 7.72064 9.15804 7.43934 9.43934C7.15804 9.72064 7 10.1022 7 10.5V13.5C7 13.8978 7.15804 14.2794 7.43934 14.5607C7.72064 14.842 8.10218 15 8.5 15C8.89782 15 9.27936 14.842 9.56066 14.5607C9.84196 14.2794 10 13.8978 10 13.5M17 10.5C17 10.1022 16.842 9.72064 16.5607 9.43934C16.2794 9.15804 15.8978 9 15.5 9C15.1022 9 14.7206 9.15804 14.4393 9.43934C14.158 9.72064 14 10.1022 14 10.5V13.5C14 13.8978 14.158 14.2794 14.4393 14.5607C14.7206 14.842 15.1022 15 15.5 15C15.8978 15 16.2794 14.842 16.5607 14.5607C16.842 14.2794 17 13.8978 17 13.5M3 7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H19C19.5304 5 20.0391 5.21071 20.4142 5.58579C20.7893 5.96086 21 6.46957 21 7V17C21 17.5304 20.7893 18.0391 20.4142 18.4142C20.0391 18.7893 19.5304 19 19 19H5C4.46957 19 3.96086 18.7893 3.58579 18.4142C3.21071 18.0391 3 17.5304 3 17V7Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,Lf,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,bt,W],styles:["[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var xe=class{constructor(){this.mode="floating",this.copySummaryButtonTooltip="Copy summary",this.transcriptionVisible=!1,this.vttFileTextArray=[],this.highlightedTextIndex=0,this.showMoreSummary=!1,this.onDragRelease=()=>{},this.copyToClipboard=()=>{},this.toggleSidebar=()=>{},this.onClose=()=>{},this.onSeekTo=()=>{},this.onTranscriptionButtonClick=()=>{},this.toggleShowMoreSummary=()=>{},this.showDefaultBtn=!1,this.sidebarVisible=!1,this.darkMode=!1}};function Nf(t,o){if(t&1&&(m(0),v(1,"span",1),ie(2),z(3,"translate"),u(),p()),t&2){let i=o.ngIf;c(),te("velt-transcription-summary-mode",i.mode==="summaryMode")("summary-mode",i.mode==="summaryMode"),c(),ge('"',i.showMoreSummary?i.transcription==null?null:i.transcription.transcriptedText:j(3,5,i.transcription==null||i.transcription.transcriptedText==null?null:i.transcription.transcriptedText.substring(0,100)),'"')}}var si=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-summary-text"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[1,"velt-transcription-summary-text"]],template:function(n,r){n&1&&s(0,Nf,4,7,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,W],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}.velt-transcription-summary-text[_ngcontent-%COMP%]{color:var(--velt-text-8);font-size:var(--velt-font-size-md);font-style:normal;font-weight:500;line-height:180%;flex-direction:column}.velt-transcription-summary-text.velt-transcription-summary-mode[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xs);font-style:italic;font-weight:400;line-height:160%}"],changeDetection:0});let t=o;return t})();var jf=t=>({componentConfigSignal:t}),Hf=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-summary-expand-toggle-on-wireframe",variant:i});function Zf(t,o){t&1&&(m(0),v(1,"span",2),ie(2),z(3,"translate"),u(),p()),t&2&&(c(2),ge(" ",j(3,1,"see less")," "))}function Uf(t,o){if(t&1&&(m(0),s(1,Zf,4,3,"ng-container",1),p()),t&2){let i=a(2);c(),l("veltDynamicTemplate",ve(3,Hf,i.template,C(1,jf,i.componentConfigSignal),i.variant))}}function Gf(t,o){if(t&1&&(m(0),s(1,Uf,2,7,"ng-container",0),p()),t&2){let i=o.ngIf;c(),l("ngIf",i.showMoreSummary)}}var di=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-summary-expand-toggle-on"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltDynamicTemplate"],[1,"velt-transcription-summary--expand-toggle-on"]],template:function(n,r){n&1&&s(0,Gf,2,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,W],styles:["[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var Yf=t=>({componentConfigSignal:t}),Xf=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-summary-expand-toggle-off-wireframe",variant:i});function $f(t,o){t&1&&(m(0),v(1,"span",2),ie(2),z(3,"translate"),u(),p()),t&2&&(c(2),ge(" ",j(3,1,"see more")," "))}function Qf(t,o){if(t&1&&(m(0),s(1,$f,4,3,"ng-container",1),p()),t&2){let i=a(2);c(),l("veltDynamicTemplate",ve(3,Xf,i.template,C(1,Yf,i.componentConfigSignal),i.variant))}}function qf(t,o){if(t&1&&(m(0),s(1,Qf,2,7,"ng-container",0),p()),t&2){let i=o.ngIf;c(),l("ngIf",!i.showMoreSummary)}}var mi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-summary-expand-toggle-off"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltDynamicTemplate"],[1,"velt-transcription-summary--expand-toggle-off"]],template:function(n,r){n&1&&s(0,qf,2,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,W],styles:["[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var Kf=t=>({componentConfigSignal:t}),e1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-summary-expand-toggle-wireframe",variant:i});function t1(t,o){if(t&1&&(m(0),S(1,"app-transcription-summary-expand-toggle-off",4)(2,"app-transcription-summary-expand-toggle-on",4),p()),t&2){let i=a(3);c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function n1(t,o){if(t&1){let i=Z();v(0,"span",2),H("pointerdown",function(){O(i);let n=a().ngIf;return w(n.toggleShowMoreSummary())}),s(1,t1,3,4,"ng-container",3),u()}if(t&2){let i=a().ngIf,e=a();te("summary-mode",i.mode==="summaryMode")("velt-transcription-summary-mode",i.mode==="summaryMode"),c(),l("veltDynamicTemplate",ve(7,e1,e.template,C(5,Kf,e.componentConfigSignal),e.variant))}}function i1(t,o){if(t&1&&(m(0),s(1,n1,2,11,"span",1),p()),t&2){let i=o.ngIf;c(),l("ngIf",(i.transcription==null||i.transcription.transcriptedText==null?null:i.transcription.transcriptedText.length)>100)}}var pi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-summary-expand-toggle"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],["class","velt-transcription-summary--show-more",3,"summary-mode","velt-transcription-summary-mode","pointerdown",4,"ngIf"],[1,"velt-transcription-summary--show-more",3,"pointerdown"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,i1,2,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,di,mi],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}.velt-transcription-summary--show-more[_ngcontent-%COMP%]{display:inline;gap:var(--velt-spacing-lg);align-items:flex-start;cursor:pointer;font-size:var(--velt-font-size-md);font-style:normal;font-weight:500;line-height:180%;flex-direction:column;color:var(--velt-accent-text)}.velt-transcription-summary--show-more.velt-transcription-summary-mode[_ngcontent-%COMP%]{font-style:italic;font-size:var(--velt-font-size-xs);font-weight:400;line-height:160%}"],changeDetection:0});let t=o;return t})();var r1=t=>({componentConfigSignal:t}),a1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-summary-wireframe",variant:i});function l1(t,o){if(t&1&&(m(0),v(1,"div",2),S(2,"app-transcription-summary-text",3)(3,"app-transcription-summary-expand-toggle",3),u(),p()),t&2){let i=a(2);c(2),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function c1(t,o){if(t&1&&(m(0),s(1,l1,4,4,"ng-container",1),p()),t&2){let i=a();c(),l("veltDynamicTemplate",ve(3,a1,i.template,C(1,r1,i.componentConfigSignal),i.variant))}}var Lt=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-summary"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltDynamicTemplate"],[1,"s-transcription-content-item"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,c1,2,7,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,si,pi],encapsulation:2,changeDetection:0});let t=o;return t})();var s1=t=>({componentConfigSignal:t}),d1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-copy-link-button-wireframe",variant:i});function m1(t,o){t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p())}function p1(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),H("click",function(){let n=O(i).ngIf;return w(n.copyToClipboard(n.transcription==null?null:n.transcription.transcriptedText))}),s(2,m1,3,0,"ng-container",2),u(),p()}if(t&2){let i=a();c(2),l("veltDynamicTemplate",ve(3,d1,i.template,C(1,s1,i.componentConfigSignal),i.variant))}}var gi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-copy-link-button"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[1,"velt-transcription-copy-link-button",3,"click"],[4,"veltDynamicTemplate"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4.012 16.737C3.70534 16.5622 3.45027 16.3095 3.27258 16.0045C3.09488 15.6995 3.00085 15.353 3 15V5C3 3.9 3.9 3 5 3H15C15.75 3 16.158 3.385 16.5 4M7 9.667C7 8.95967 7.28099 8.28131 7.78115 7.78115C8.28131 7.28099 8.95967 7 9.667 7H18.333C18.6832 7 19.03 7.06898 19.3536 7.20301C19.6772 7.33704 19.9712 7.53349 20.2189 7.78115C20.4665 8.0288 20.663 8.32281 20.797 8.64638C20.931 8.96996 21 9.31676 21 9.667V18.333C21 18.6832 20.931 19.03 20.797 19.3536C20.663 19.6772 20.4665 19.9712 20.2189 20.2189C19.9712 20.4665 19.6772 20.663 19.3536 20.797C19.03 20.931 18.6832 21 18.333 21H9.667C9.31676 21 8.96996 20.931 8.64638 20.797C8.32281 20.663 8.0288 20.4665 7.78115 20.2189C7.53349 19.9712 7.33704 19.6772 7.20301 19.3536C7.06898 19.03 7 18.6832 7 18.333V9.667Z","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,p1,3,7,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P],styles:[".velt-transcription-copy-link-button[_ngcontent-%COMP%]{display:flex;color:var(--velt-text-12)}"],changeDetection:0});let t=o;return t})();var v1=t=>({componentConfigSignal:t}),u1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-copy-link-tooltip-wireframe",variant:i});function f1(t,o){if(t&1&&(m(0),ie(1),z(2,"translate"),p()),t&2){let i=a().ngIf;c(),ge(" ",j(2,1,i.copySummaryButtonTooltip)," ")}}function h1(t,o){if(t&1&&(m(0),v(1,"span",1),s(2,f1,3,3,"ng-container",2),u(),p()),t&2){let i=a();c(2),l("veltDynamicTemplate",ve(3,u1,i.template,C(1,v1,i.componentConfigSignal),i.variant))}}var vi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-copy-link-tooltip"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[1,"s-tooltiptext"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&s(0,h1,3,7,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,W],encapsulation:2,changeDetection:0});let t=o;return t})();var _1=t=>({componentConfigSignal:t}),y1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-copy-link-wireframe",variant:i});function S1(t,o){if(t&1&&(m(0),S(1,"app-transcription-copy-link-button",3)(2,"app-transcription-copy-link-tooltip",3),p()),t&2){let i=a(2);c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function x1(t,o){if(t&1&&(m(0),v(1,"div",1),s(2,S1,3,4,"ng-container",2),u(),p()),t&2){let i=a();c(2),l("veltDynamicTemplate",ve(3,y1,i.template,C(1,_1,i.componentConfigSignal),i.variant))}}var ui=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-copy-link"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[1,"s-transcription-copy-link-btn","s-tooltip"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,x1,3,7,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,gi,vi],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-transcription-copy-link-btn[_ngcontent-%COMP%]{cursor:pointer}"],changeDetection:0});let t=o;return t})();var I1=t=>({componentConfigSignal:t}),P1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-close-button-wireframe",variant:i});function E1(t,o){t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p())}function D1(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),H("click",function(n){let r=O(i).ngIf;return r.toggleSidebar(),w(r.onClose(n))}),s(2,E1,3,0,"ng-container",2),u(),p()}if(t&2){let i=a();c(2),l("veltDynamicTemplate",ve(3,P1,i.template,C(1,I1,i.componentConfigSignal),i.variant))}}var fi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-close-button"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[1,"velt-transcription-close-button",3,"click"],[4,"veltDynamicTemplate"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L12 10.5858L17.2929 5.29289C17.6834 4.90237 18.3166 4.90237 18.7071 5.29289C19.0976 5.68342 19.0976 6.31658 18.7071 6.70711L13.4142 12L18.7071 17.2929C19.0976 17.6834 19.0976 18.3166 18.7071 18.7071C18.3166 19.0976 17.6834 19.0976 17.2929 18.7071L12 13.4142L6.70711 18.7071C6.31658 19.0976 5.68342 19.0976 5.29289 18.7071C4.90237 18.3166 4.90237 17.6834 5.29289 17.2929L10.5858 12L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,D1,3,7,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P],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}[_nghost-%COMP%]{cursor:pointer}.velt-transcription-close-button[_ngcontent-%COMP%]{display:flex;color:var(--velt-text-12)}"],changeDetection:0});let t=o;return t})();var hi=(()=>{let o=class o{constructor(){this.selected=!1}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-content-item-time"]],inputs:{content:"content",selected:"selected"},standalone:!1,decls:2,vars:3,consts:[[1,"velt-transcription-content--item-time"]],template:function(n,r){n&1&&(v(0,"div",0),ie(1),u()),n&2&&(te("velt-transcription-content--item-time-selected",r.selected),c(),ke(r.content==null||r.content.startTime==null?null:r.content.startTime.split(".")[0]))},styles:[".velt-transcription-content--item-time[_ngcontent-%COMP%]{padding-inline:var(--velt-spacing-xs)!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;font-weight:400;flex-shrink:0;border-radius:var(--velt-border-radius-xs);color:var(--velt-text-12);font-size:var(--velt-font-size-md);font-style:normal;line-height:24px}.velt-transcription-content--item-time-selected[_ngcontent-%COMP%]{background:var(--velt-accent-transparent);color:var(--velt-accent-text)}"],changeDetection:0});let t=o;return t})();var Ci=(()=>{let o=class o{};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-content-item-text"]],inputs:{content:"content"},standalone:!1,decls:2,vars:3,template:function(n,r){n&1&&(ie(0),z(1,"translate")),n&2&&ge("\u201C",j(1,1,r.content==null?null:r.content.text),"\u201D")},dependencies:[W],encapsulation:2,changeDetection:0});let t=o;return t})();var k1=(t,o,i)=>({componentConfigSignal:t,content:o,index:i}),R1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-content-item-wireframe",variant:i});function M1(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"app-transcription-content-item-time",4)(3,"app-transcription-content-item-text",5),u(),p()),t&2){let i=a(2).ngIf,e=a();c(2),l("content",e.content)("selected",i.highlightedTextIndex===e.index),c(),l("content",e.content)}}function V1(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),H("click",function(){O(i);let n=a().ngIf,r=a();return w(n.onSeekTo((r.content==null?null:r.content.startTimeInSeconds)||0,r.index))}),s(2,M1,4,3,"ng-container",2),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-transcription-content-item--selected",i.highlightedTextIndex===e.index),E("data-transcription-content-item-index",e.index),c(),l("veltDynamicTemplate",ve(8,R1,e.template,ve(4,k1,e.componentConfigSignal,e.content,e.index),e.variant))}}function A1(t,o){if(t&1&&(m(0),s(1,V1,3,12,"ng-container",0),p()),t&2){let i=a();c(),l("ngIf",i.content)}}var _i=(()=>{let o=class o{set itemTemplate(e){e?this.template=this.domService.deepCloneElement(e):this.template=null}constructor(e){this.domService=e,this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)(d(Ne))},o.\u0275cmp=x({type:o,selectors:[["app-transcription-content-item"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",content:"content",index:"index",variant:"variant",itemTemplate:"itemTemplate"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[3,"click"],[4,"veltDynamicTemplate"],[1,"velt-transcription-content-item"],[3,"content","selected"],[3,"content"]],template:function(n,r){n&1&&s(0,A1,2,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,hi,Ci],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}.velt-transcription-content-item[_ngcontent-%COMP%]{flex-direction:row!important;gap:var(--velt-spacing-lg)!important;align-items:flex-start!important;cursor:pointer!important;display:flex!important;color:var(--velt-text-12);font-size:var(--velt-font-size-md);font-style:normal;font-weight:400;line-height:24px}.velt-transcription-content-item--selected[_ngcontent-%COMP%]   .velt-transcription-content-item[_ngcontent-%COMP%]{color:var(--velt-text-12)}"],changeDetection:0});let t=o;return t})();function B1(t,o){if(t&1&&(m(0),S(1,"app-transcription-content-item",3),p()),t&2){let i=o.$implicit,e=o.index,n=a(2);c(),l("itemTemplate",n.itemTemplate)("content",i)("index",e)("componentConfigSignal",n.componentConfigSignal)("variant",n.variant)}}function L1(t,o){if(t&1&&(m(0),v(1,"div",1),s(2,B1,2,5,"ng-container",2),u(),p()),t&2){let i=o.ngIf;c(2),l("ngForOf",i.vttFileTextArray)}}var yi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}ngOnInit(){try{if(!this.itemTemplate){let e=this.template?.querySelector("velt-transcription-content-item-wireframe");We(e)||(this.itemTemplate=e)}}catch{}}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-content"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],[1,"velt-transcription-content"],[4,"ngFor","ngForOf"],[3,"itemTemplate","content","index","componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,L1,3,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,_i],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}.velt-transcription-content[_ngcontent-%COMP%]{display:flex!important;flex-direction:column!important;gap:var(--velt-spacing-lg)!important;font-family:var(--velt-default-font-family, unset)}"],changeDetection:0});let t=o;return t})();var z1=t=>({componentConfigSignal:t}),j1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-panel-wireframe",variant:i});function H1(t,o){if(t&1&&(m(0),v(1,"div",3)(2,"div",4)(3,"div",5)(4,"div",6),ie(5),z(6,"translate"),u(),v(7,"div",7),S(8,"app-transcription-copy-link",8)(9,"app-transcription-close-button",8),u()()(),v(10,"div",9),S(11,"app-transcription-summary",8)(12,"hr",10)(13,"app-transcription-content",8),u()(),p()),t&2){let i=a(2);c(5),ge(" ",j(6,9,"Summary")," "),c(3),l("variant",i.variant)("componentConfigSignal",i.componentConfigSignal),c(),l("variant",i.variant)("componentConfigSignal",i.componentConfigSignal),c(2),l("variant",i.variant)("componentConfigSignal",i.componentConfigSignal),c(2),l("variant",i.variant)("componentConfigSignal",i.componentConfigSignal)}}function Z1(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),H("pointerdown",function(n){return O(i),w(n.stopPropagation())})("pointerup",function(n){return O(i),w(n.stopPropagation())})("click",function(n){return O(i),w(n.stopPropagation())})("cdkDragReleased",function(){let n=O(i).ngIf;return w(n.onDragRelease())}),s(2,H1,14,11,"ng-container",2),u(),p()}if(t&2){let i=o.ngIf,e=a();c(),te("velt-transcription-floating-mode",i.mode==="floating"),l("cdkDragDisabled",i.mode==="embed"),c(),l("veltDynamicTemplate",ve(6,j1,e.template,C(4,z1,e.componentConfigSignal),e.variant))}}var Nt=(()=>{let o=class o{constructor(e,n){this.renderer=e,this.el=n,this.componentConfigSignal=ce(new xe)}ngOnChanges(e){e.componentConfigSignal&&this.toggleDarkMode(this.componentConfigSignal().darkMode)}toggleDarkMode(e){e?this.renderer.setAttribute(this.el.nativeElement,"dark",""):this.renderer.removeAttribute(this.el.nativeElement,"dark")}};o.\u0275fac=function(n){return new(n||o)(d(aa),d(T))},o.\u0275cmp=x({type:o,selectors:[["app-transcription-panel"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,features:[Fe],decls:1,vars:1,consts:[[4,"ngIf"],["cdkDrag","",1,"velt-transcription-container",3,"pointerdown","pointerup","click","cdkDragReleased","cdkDragDisabled"],[4,"veltDynamicTemplate"],[1,"velt-transcription"],[1,"velt-transcription-header-container"],[1,"velt-transcription-header"],[1,"velt-transcription-name"],[1,"velt-transcription-actions"],[3,"variant","componentConfigSignal"],[1,"velt-transcription-body-container"],[1,"velt-transcription-body-container-divider"]],template:function(n,r){n&1&&s(0,Z1,3,10,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,dt,P,ui,fi,Lt,yi,W],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent);width:100%;height:100%}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-transcription-container[_ngcontent-%COMP%]{height:100%}.velt-transcription-floating-mode[_ngcontent-%COMP%]{margin:var(--velt-spacing-2xl);width:calc((25rem + 0px) * var(--velt-base-rem-unit));height:calc(100% - 48px)}.velt-transcription[_ngcontent-%COMP%], .velt-transcription-header[_ngcontent-%COMP%], .velt-transcription-name[_ngcontent-%COMP%], .velt-transcription-actions[_ngcontent-%COMP%]{display:flex;flex-direction:column;box-sizing:border-box}.velt-transcription[_ngcontent-%COMP%]{width:100%;height:100%;margin:0;display:flex;flex-direction:column;gap:var(--velt-spacing-lg);font-weight:500;font-size:var(--velt-font-size-sm);padding:26px var(--velt-spacing-2xl);border-radius:var(--velt-border-radius-lg);border:1px solid var(--velt-border-2);background:var(--velt-background-0);overflow:auto;font-family:var(--velt-default-font-family, unset)}.velt-transcription[_ngcontent-%COMP%]   .velt-transcription-header-container[_ngcontent-%COMP%]{position:sticky;top:0;display:flex;align-items:center;box-sizing:content-box}.velt-transcription[_ngcontent-%COMP%]   .velt-transcription-body-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;padding-top:0;box-sizing:content-box;gap:calc((2rem + 0px) * var(--velt-base-rem-unit))}.velt-transcription[_ngcontent-%COMP%]   .velt-transcription-body-container[_ngcontent-%COMP%]   .velt-transcription-body-container-divider[_ngcontent-%COMP%]{width:100%;border:1px solid var(--velt-border-2);border-radius:var(--velt-border-radius-xs)}.velt-transcription-header[_ngcontent-%COMP%]{flex-direction:row;width:100%;align-items:center;justify-content:space-between;gap:var(--velt-spacing-lg)}.velt-transcription-name[_ngcontent-%COMP%]{flex-direction:row;align-items:center;gap:var(--velt-spacing-sm);color:var(--velt-text-0);font-size:18px;font-style:normal;font-weight:600;line-height:normal}.velt-transcription-actions[_ngcontent-%COMP%]{flex-direction:row;gap:var(--velt-spacing-md)}"],changeDetection:0});let t=o;return t})();var U1=t=>({componentConfigSignal:t}),G1=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-embed-mode-wireframe",variant:i});function W1(t,o){t&1&&we(0)}function Y1(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,W1,1,0,"ng-container",3),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function X1(t,o){if(t&1&&(m(0),S(1,"app-transcription-panel",5),p()),t&2){let i=a(4);c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function $1(t,o){if(t&1&&(m(0),s(1,X1,2,2,"ng-container",4),p()),t&2){let i=a(3);c(),l("veltDynamicTemplate",ve(3,G1,i.template,C(1,U1,i.componentConfigSignal),i.variant))}}function Q1(t,o){if(t&1&&s(0,$1,2,7,"ng-container",1),t&2){let i=a().ngIf;l("ngIf",i.transcriptionVisible)}}function q1(t,o){if(t&1&&(m(0),s(1,Y1,2,1,"velt-shadow-dom-internal",2)(2,Q1,1,1,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a();c(),l("ngIf",!e.template)("ngIfElse",i)}}var Si=(()=>{let o=class o{constructor(e,n){this.loggingService=e,this.wireframeService=n,this.componentConfigSignal=ce(new xe)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-transcription-embed-mode-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in TranscriptionEmbedModeComponent ngOnInit: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se))},o.\u0275cmp=x({type:o,selectors:[["app-transcription-embed-mode"]],inputs:{componentConfigSignal:"componentConfigSignal",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[["transcriptionRef",""],[4,"ngIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,q1,4,2,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,Nt],encapsulation:2,changeDetection:0});let t=o;return t})();var K1=t=>({componentConfigSignal:t}),eh=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-tooltip-wireframe",variant:i});function th(t,o){t&1&&(m(0),ie(1),z(2,"translate"),p()),t&2&&(c(),ge(" ",j(2,1,"Transcription not available")," "))}function nh(t,o){if(t&1&&(v(0,"span",2),s(1,th,3,3,"ng-container",3),u()),t&2){let i=a(2);c(),l("veltDynamicTemplate",ve(3,eh,i.template,C(1,K1,i.componentConfigSignal),i.variant))}}function ih(t,o){if(t&1&&(m(0),s(1,nh,2,7,"span",1),p()),t&2){let i=o.ngIf;c(),l("ngIf",i.transcription&&!(i.transcription!=null&&i.transcription.transcriptedText))}}var xi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-tooltip"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],["class","s-tooltiptext",4,"ngIf"],[1,"s-tooltiptext"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&s(0,ih,2,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,W],encapsulation:2,changeDetection:0});let t=o;return t})();var rh=["customBtnRef"],ah=["*"],lh=t=>({componentConfigSignal:t}),ch=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-button-wireframe",variant:i});function sh(t,o){t&1&&(v(0,"div",5),K(),v(1,"svg",6),S(2,"path",7),u()())}function dh(t,o){if(t&1&&(m(0),s(1,sh,3,0,"div",3),v(2,"div",4,0),Qe(4),u(),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showDefaultBtn)}}function mh(t,o){if(t&1&&(m(0),v(1,"div"),s(2,dh,5,1,"ng-container",2),u(),p()),t&2){let i=o.ngIf,e=a();c(),te("velt-transcription-button--disabled",i.transcription&&!(i.transcription!=null&&i.transcription.transcriptedText)),c(),l("veltDynamicTemplate",ve(5,ch,e.template,C(3,lh,e.componentConfigSignal),e.variant))}}var bi=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}ngAfterViewInit(){this.customBtnRef?.nativeElement?.children?.length||this.componentConfigSignal.update(e=>(e=_(h({},e),{showDefaultBtn:!0}),e))}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-button"]],viewQuery:function(n,r){if(n&1&&Ee(rh,5),n&2){let g;De(g=Te())&&(r.customBtnRef=g.first)}},inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant"},standalone:!1,ngContentSelectors:ah,decls:1,vars:1,consts:[["customBtnRef",""],[4,"ngIf"],[4,"veltDynamicTemplate"],["class","velt-transcription-button--default",4,"ngIf"],[1,"velt-transcription-button--custom"],[1,"velt-transcription-button--default"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-transcription-button--svg"],["d","M7.49997 10.8332C9.34164 10.8332 10.8333 9.3415 10.8333 7.49984C10.8333 5.65817 9.34164 4.1665 7.49997 4.1665C5.65831 4.1665 4.16664 5.65817 4.16664 7.49984C4.16664 9.3415 5.65831 10.8332 7.49997 10.8332ZM7.49997 5.83317C8.41664 5.83317 9.16664 6.58317 9.16664 7.49984C9.16664 8.4165 8.41664 9.1665 7.49997 9.1665C6.58331 9.1665 5.83331 8.4165 5.83331 7.49984C5.83331 6.58317 6.58331 5.83317 7.49997 5.83317ZM12.825 12.9665C11.425 12.2498 9.60831 11.6665 7.49997 11.6665C5.39164 11.6665 3.57497 12.2498 2.17497 12.9665C1.76835 13.1759 1.42772 13.4939 1.19089 13.8852C0.954055 14.2765 0.830281 14.7258 0.833306 15.1832V17.4998H14.1666V15.1832C14.1666 14.2498 13.6583 13.3915 12.825 12.9665ZM12.5 15.8332H2.49997V15.1832C2.49997 14.8665 2.66664 14.5832 2.93331 14.4498C3.92497 13.9415 5.52497 13.3332 7.49997 13.3332C9.47497 13.3332 11.075 13.9415 12.0666 14.4498C12.3333 14.5832 12.5 14.8665 12.5 15.1832V15.8332ZM14.9416 13.3332L16.3 11.9748C13.9916 9.45817 13.9916 5.67484 16.3 3.02484L14.9416 1.6665C11.6916 4.90817 11.6833 9.95817 14.9416 13.3332ZM19.1 9.12484C18.7587 8.65332 18.5749 8.08609 18.5749 7.504C18.5749 6.92192 18.7587 6.35469 19.1 5.88317L17.7 4.47484C16.0166 6.15817 16.0166 8.69984 17.7 10.5332L19.1 9.12484Z","fill","currentColor"]],template:function(n,r){n&1&&($e(),s(0,mh,3,9,"ng-container",1)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P],styles:[".velt-transcription-button--default[_ngcontent-%COMP%], .velt-transcription-button--custom[_ngcontent-%COMP%]{display:flex!important;color:var(--velt-text-12)}.velt-transcription-button--default[_ngcontent-%COMP%]:hover, .velt-transcription-button--custom[_ngcontent-%COMP%]:hover{color:var(--velt-text-11)}.velt-transcription-button--disabled[_ngcontent-%COMP%]{cursor:not-allowed!important}.velt-transcription-button--disabled[_ngcontent-%COMP%]   svg.velt-transcription-button--svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--velt-text-12)!important}"],changeDetection:0});let t=o;return t})();var gh=()=>["snippyly-overlay-panel","snippyly-transcription-overlay-panel","velt-overlay-panel"],vh=t=>({componentConfigSignal:t}),uh=(t,o,i)=>({template:t,context:o,cloneTemplate:!0,componentName:"velt-transcription-panel-container-wireframe",variant:i});function fh(t,o){if(t&1&&(m(0),S(1,"app-transcription-panel",4),p()),t&2){let i=a(4);c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function hh(t,o){if(t&1&&(m(0),s(1,fh,2,2,"ng-container",3),p()),t&2){let i=a(3);c(),l("veltDynamicTemplate",ve(3,uh,i.template,C(1,vh,i.componentConfigSignal),i.variant))}}function Ch(t,o){if(t&1&&s(0,hh,2,7,"ng-container",1),t&2){let i=a().ngIf;l("ngIf",i.sidebarVisible)}}function _h(t,o){if(t&1&&(m(0),s(1,Ch,1,1,"ng-template",2,0,he),p()),t&2){let i=o.ngIf,e=re(2),n=a();c(),l("cdkConnectedOverlayOrigin",n.trigger)("cdkConnectedOverlayOpen",i.sidebarVisible)("cdkConnectedOverlayPanelClass",Ve(6,gh))("cdkConnectedOverlayDisableClose",!0)("snippylyOverlay",e)("snippylyOverlayZIndex",2147483627)}}var Ii=(()=>{let o=class o{constructor(){this.componentConfigSignal=ce(new xe)}};o.\u0275fac=function(n){return new(n||o)},o.\u0275cmp=x({type:o,selectors:[["app-transcription-panel-container"]],inputs:{componentConfigSignal:"componentConfigSignal",template:"template",variant:"variant",trigger:"trigger"},standalone:!1,decls:1,vars:1,consts:[["overlay","cdkConnectedOverlay"],[4,"ngIf"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass","cdkConnectedOverlayDisableClose","snippylyOverlay","snippylyOverlayZIndex"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,_h,3,7,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Je,P,lt,Nt],styles:["[_nghost-%COMP%]{width:100%;height:100%}"],changeDetection:0});let t=o;return t})();var Sh=["*"],xh=(t,o)=>({componentConfigSignal:t,trigger:o}),bh=(t,o,i)=>({template:t,context:o,componentName:"velt-transcription-floating-mode-wireframe",variant:i});function Ih(t,o){t&1&&we(0)}function Ph(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,Ih,1,0,"ng-container",4),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function Eh(t,o){if(t&1&&(m(0),S(1,"app-transcription-tooltip",7),v(2,"app-transcription-button",7),Qe(3),u(),S(4,"app-transcription-panel-container",8),p()),t&2){a();let i=re(1),e=a(2);c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(2),l("componentConfigSignal",e.componentConfigSignal)("trigger",i)("variant",e.variant)}}function Dh(t,o){if(t&1){let i=Z();v(0,"div",5,1),H("click",function(){O(i);let n=a().ngIf;return w(n.transcription!=null&&n.transcription.transcriptedText?n.onTranscriptionButtonClick():null)}),s(2,Eh,5,7,"ng-container",6),u()}if(t&2){let i=re(1),e=a(2);c(2),l("veltDynamicTemplate",ve(4,bh,e.template,D(1,xh,e.componentConfigSignal,i),e.variant))}}function Th(t,o){if(t&1&&(m(0),s(1,Ph,2,1,"velt-shadow-dom-internal",3)(2,Dh,3,8,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a();c(),l("ngIf",!e.template)("ngIfElse",i)}}var Pi=(()=>{let o=class o extends Pe{constructor(e,n,r,g,I){super(r,g,I),this.loggingService=e,this.wireframeService=n,this.componentConfigSignal=ce(new xe)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-transcription-floating-mode-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in TranscriptionFloatingModeComponent ngOnInit: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(Ie),d(Dt))},o.\u0275cmp=x({type:o,selectors:[["app-transcription-floating-mode"]],inputs:{componentConfigSignal:"componentConfigSignal",variant:"variant"},standalone:!1,features:[k],ngContentSelectors:Sh,decls:1,vars:1,consts:[["transcriptionRef",""],["trigger","cdkOverlayOrigin"],[4,"ngIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["cdkOverlayOrigin","",1,"s-tooltip",3,"click"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"],[3,"componentConfigSignal","trigger","variant"]],template:function(n,r){n&1&&($e(),s(0,Th,4,2,"ng-container",2)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,Ue,P,xi,bi,Ii],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}"],changeDetection:0});let t=o;return t})();var wh=["*"];function kh(t,o){if(t&1&&(v(0,"div",5),S(1,"app-transcription-embed-mode",6),u()),t&2){let i=a(2);c(),l("componentConfigSignal",i.componentConfigSignal)}}function Rh(t,o){if(t&1&&(v(0,"div"),S(1,"app-transcription-summary",6),u()),t&2){let i=a(2);c(),l("componentConfigSignal",i.componentConfigSignal)}}function Mh(t,o){if(t&1&&(v(0,"div")(1,"app-transcription-floating-mode",6),Qe(2),u()()),t&2){let i=a(2);c(),l("componentConfigSignal",i.componentConfigSignal)}}function Vh(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),H("pointerdown",function(n){return O(i),w(n.stopPropagation())})("pointerup",function(n){return O(i),w(n.stopPropagation())})("click",function(n){return O(i),w(n.stopPropagation())}),s(2,kh,2,1,"div",2)(3,Rh,2,1,"div",3)(4,Mh,3,1,"div",4),u(),p()}if(t&2){let i=o.ngIf;c(),l("ngSwitch",i.mode),c(),l("ngSwitchCase","embed"),c(),l("ngSwitchCase","summaryMode")}}var wt=(()=>{let o=class o extends Pe{get timeToRead(){return this._timeToRead}set timeToRead(e){this._timeToRead=e,this.updateHighlightedTextIndex()}get sidebarVisible(){return this._sidebarVisible}set sidebarVisible(e){this._sidebarVisible=e,this.componentConfigSignal.update(n=>(n=_(h({},n),{sidebarVisible:e}),n)),setTimeout(()=>{this.moveHighlightedTextToCenter()},100)}constructor(e,n,r,g,I){super(I,g),this.loggingService=e,this.transcriptionService=n,this.cd=r,this.themeService=g,this.elementRef=I,this.mode="floating",this.transcriptionVisible=!1,this._timeToRead=0,this.seekTo=new be,this.transcriptionButtonClick=new be,this.transcriptionSummaryCopy=new be,this.transcriptionTimestampClick=new be,this.transcriptionPanelDragged=new be,this.close=new be,this.vttFileTextArray=[],this.highlightedTextIndex=0,this._sidebarVisible=!1,this.showMoreSummary=!1,this.copySummaryButtonTooltip="Copy summary",this.showDefaultBtn=!1,this.subscriptions=[],this.componentConfigSignal=ce({mode:this.mode,transcription:this.transcription,copySummaryButtonTooltip:"Copy summary",showMoreSummary:!1,vttFileTextArray:[],highlightedTextIndex:0,transcriptionVisible:this.transcriptionVisible,showDefaultBtn:!1,sidebarVisible:this.sidebarVisible,darkMode:this.darkMode,onDragRelease:this.onDragRelease.bind(this),copyToClipboard:this.copyToClipboard.bind(this),toggleSidebar:this.toggleSidebar.bind(this),onClose:this.onClose.bind(this),onSeekTo:this.onSeekTo.bind(this),onTranscriptionButtonClick:this.onTranscriptionButtonClick.bind(this),toggleShowMoreSummary:this.toggleShowMoreSummary.bind(this)}),this.veltElement=!0,super.onDarkModeChange().subscribe(B=>{this.componentConfigSignal.update(A=>(A=_(h({},A),{darkMode:B}),A))})}ngOnDestroy(){super.ngOnDestroy();try{this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}ngOnInit(){}ngAfterViewInit(){this.getVttFileText()}ngOnChanges(e){super.ngOnChanges(e);try{e&&Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))})}catch(n){this.loggingService.catch("Error in SubtitlesComponent ngOnChanges: ",n)}}getVttFileText(){try{this.componentConfigSignal().transcription?.vttUrl&&this.subscriptions.push(this.transcriptionService.getFileContent(this.componentConfigSignal().transcription?.vttUrl).subscribe(e=>{e&&this.getVttFileTextToArray(e)}))}catch(e){this.loggingService.catch("Error in TranscriptionComponent getVttFileText: ",e)}}getVttFileTextToArray(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{vttFileTextArray:this.transcriptionService.getVttFileTextToArray(e)}),n)),this.updateHighlightedTextIndex(),this.moveHighlightedTextToCenter(),this.cd.markForCheck()}catch(n){this.loggingService.catch("Error in TranscriptionComponent getVttFileTextToArray: ",n)}}updateHighlightedTextIndex(){try{let e=this.componentConfigSignal().highlightedTextIndex;this.componentConfigSignal.update(n=>(n=_(h({},n),{highlightedTextIndex:n.vttFileTextArray.findIndex(r=>r.startTimeInSeconds<=this.timeToRead&&r.endTimeInSeconds>=this.timeToRead)}),n.highlightedTextIndex===-1&&!this.timeToRead&&(n.highlightedTextIndex=0),n)),e!==this.componentConfigSignal().highlightedTextIndex&&(this.moveHighlightedTextToCenter(),this.cd.markForCheck())}catch(e){this.loggingService.catch("Error in TranscriptionComponent updateHighlightedTextIndex: ",e)}}moveHighlightedTextToCenter(){try{let e=document.querySelector(`[data-transcription-content-item-index="${this.componentConfigSignal().highlightedTextIndex}"]`);e&&e.scrollIntoView({block:"center",behavior:"smooth"})}catch(e){this.loggingService.catch("Error in TranscriptionComponent moveHighlightedTextToCenter: ",e)}}toggleSidebar(){this.sidebarVisible=!this.sidebarVisible}onTranscriptionButtonClick(){try{this.transcriptionButtonClick.emit(),this.toggleSidebar()}catch(e){this.loggingService.catch("Error in TranscriptionComponent onTranscriptionButtonClick: ",e)}}onClose(e){e?.stopPropagation(),this.close.emit()}onSeekTo(e,n){try{this.componentConfigSignal.update(r=>(r=_(h({},r),{highlightedTextIndex:n}),r)),this.seekTo.emit(e)}catch(r){this.loggingService.catch("Error in TranscriptionComponent onSeekTo: ",r)}}toggleShowMoreSummary(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showMoreSummary:!e.showMoreSummary}),e))}catch(e){this.loggingService.catch("Error in TranscriptionComponent toggleShowMoreSummary: ",e)}}copyToClipboard(e){try{let n=this.componentConfigSignal().copySummaryButtonTooltip;this.componentConfigSignal.update(r=>(r=_(h({},r),{copySummaryButtonTooltip:"Summary Copied!"}),r)),setTimeout(()=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{copySummaryButtonTooltip:n}),r))},2e3),zo(e),this.transcriptionSummaryCopy.emit()}catch(n){this.loggingService.catch("Error in TranscriptionComponent copyToClipboard: ",n)}}onDragRelease(){try{this.transcriptionPanelDragged.emit()}catch(e){this.loggingService.catch("Error in TranscriptionComponent onDragRelease: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Go),d(Dt),d(Ie),d(T))},o.\u0275cmp=x({type:o,selectors:[["snippyly-transcription"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{mode:"mode",transcriptionVisible:[0,"visible","transcriptionVisible"],transcription:"transcription",timeToRead:"timeToRead"},outputs:{seekTo:"seekTo",transcriptionButtonClick:"transcriptionButtonClick",transcriptionSummaryCopy:"transcriptionSummaryCopy",transcriptionTimestampClick:"transcriptionTimestampClick",transcriptionPanelDragged:"transcriptionPanelDragged",close:"close"},standalone:!1,features:[k,Fe],ngContentSelectors:wh,decls:1,vars:1,consts:[[4,"ngIf"],[1,"s-transcription-container",3,"pointerdown","pointerup","click","ngSwitch"],["class","s-transcription-embedded",4,"ngSwitchCase"],[4,"ngSwitchCase"],[4,"ngSwitchDefault"],[1,"s-transcription-embedded"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&($e(),s(0,Vh,5,3,"ng-container",0)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,ut,ft,Mo,Lt,Si,Pi],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}  .snippyly-transcription-overlay-panel{top:0!important;left:unset!important;bottom:0!important;right:0!important}.s-transcription-container[_ngcontent-%COMP%], .s-transcription-embedded[_ngcontent-%COMP%]{height:100%!important}"],changeDetection:0});let t=o;return t})();var Ql=t=>({componentConfigSignal:t}),Ah=(t,o)=>({condition:t,data:o}),Fh=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-transcription-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Bh(t,o){if(t&1){let i=Z();v(0,"snippyly-transcription",4),z(1,"translate"),H("seekTo",function(n){O(i);let r=a(3).ngIf;return w(r.recordingType===r.recorderModes.AUDIO?r.onSeekToAudio(n,r.audioRef==null?null:r.audioRef.nativeElement):r.onSeekToVideo(n,r.videoRef))})("transcriptionButtonClick",function(){O(i);let n=a(3).ngIf;return w(n.onTranscriptionButtonClick())})("transcriptionSummaryCopy",function(){O(i);let n=a(3).ngIf;return w(n.onTranscriptionSummaryCopy())})("transcriptionPanelDragged",function(){O(i);let n=a(3).ngIf;return w(n.onTranscriptionPanelDragged())}),K(),v(2,"svg",5),S(3,"path",6),u()()}if(t&2){let i=a(3).ngIf,e=a();l("transcription",i.latestEditedVersion==null?null:i.latestEditedVersion.transcription)("timeToRead",(i.recordingType===i.recorderModes.AUDIO?i.audioRef==null||i.audioRef.nativeElement==null?null:i.audioRef.nativeElement.currentTime:i.videoRef==null||i.videoRef.nativeElement==null?null:i.videoRef.nativeElement.currentTime)||0)("darkMode",i.darkMode)("mode",e.mode),E("aria-label",j(1,6,"Video transcription"))("data-testid",e.componentId)}}function Lh(t,o){if(t&1&&(m(0),s(1,Bh,4,8,"snippyly-transcription",3),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",(i==null?null:i.recordingTranscriptionEnabled)&&(i.latestEditedVersion==null?null:i.latestEditedVersion.transcription))}}function Nh(t,o){if(t&1&&(m(0),s(1,Lh,2,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Fh,e.template,C(1,Ql,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function zh(t,o){if(t&1&&(m(0),s(1,Nh,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Ah,i.conditionSignal(),C(1,Ql,i.componentConfigSignal)))}}var zt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.mode="floating",this.componentId="velt-recorder-player-transcription",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerTranscriptionComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerTranscriptionComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerTranscriptionComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-transcription"]],inputs:{mode:"mode"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","complementary","tabindex","0",3,"transcription","timeToRead","darkMode","mode","seekTo","transcriptionButtonClick","transcriptionSummaryCopy","transcriptionPanelDragged",4,"ngIf"],["role","complementary","tabindex","0",3,"seekTo","transcriptionButtonClick","transcriptionSummaryCopy","transcriptionPanelDragged","transcription","timeToRead","darkMode","mode"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","focusable","false"],["d","M14.2143 4.74609V8.17466C14.2143 8.40199 14.3046 8.62001 14.4653 8.78076C14.6261 8.9415 14.8441 9.03181 15.0714 9.03181H18.5M14.2143 4.74609H8.21429C7.75963 4.74609 7.32359 4.92671 7.0021 5.2482C6.68061 5.56969 6.5 6.00572 6.5 6.46038V18.4604C6.5 18.915 6.68061 19.3511 7.0021 19.6726C7.32359 19.9941 7.75963 20.1747 8.21429 20.1747H16.7857C17.2404 20.1747 17.6764 19.9941 17.9979 19.6726C18.3194 19.3511 18.5 18.915 18.5 18.4604V9.03181M14.2143 4.74609L18.5 9.03181M9.92857 9.88895H10.7857M9.92857 13.3175H15.0714M9.92857 16.7461H15.0714","stroke","currentColor","stroke-width","1.28571","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,zh,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,wt,W],styles:["[_nghost-%COMP%]{cursor:pointer}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var Jl=t=>({componentConfigSignal:t}),jh=(t,o)=>({condition:t,data:o}),Hh=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-copy-link-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Zh(t,o){if(t&1&&(m(0),v(1,"div",5),K(),v(2,"svg",6),S(3,"path",7),u()(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-icon")}}function Uh(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("click",function(){O(i);let n=a(2).ngIf;return w(n.copyLink())}),s(2,Zh,4,1,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();E("aria-label",j(1,3,"Copy link to recording"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(7,Hh,e.template,C(5,Jl,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Gh(t,o){if(t&1&&(m(0),s(1,Uh,3,13,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.mode!=="thread")}}function Wh(t,o){if(t&1&&(m(0),s(1,Gh,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,jh,i.conditionSignal(),C(1,Jl,i.componentConfigSignal)))}}var jt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-copy-link",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerCopyLinkComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerCopyLinkComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerCopyLinkComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-copy-link"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-player--copy-button","type","button","role","button","tabindex","0",3,"click",4,"ngIf"],["type","button","role","button","tabindex","0",1,"velt-recorder-player--copy-button",3,"click"],[4,"veltDynamicTemplate"],["role","presentation","aria-hidden","true",1,"velt-recorder-player--copy-icon"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false"],["d","M9.5628 14.4382L14.4382 9.5628M11.1879 7.12537L11.5641 6.68984C12.3262 5.92792 13.3596 5.49992 14.4372 5.5C15.5148 5.50008 16.5482 5.92822 17.3102 6.69024C18.0721 7.45227 18.5001 8.48575 18.5 9.56334C18.4999 10.6409 18.0718 11.6744 17.3098 12.4363L16.8758 12.8133M12.8132 16.8758L12.4906 17.3098C11.7197 18.0721 10.6792 18.4997 9.59501 18.4997C8.51082 18.4997 7.47037 18.0721 6.69945 17.3098C6.31947 16.934 6.01779 16.4866 5.8119 15.9935C5.60601 15.5004 5.5 14.9713 5.5 14.4369C5.5 13.9026 5.60601 13.3735 5.8119 12.8804C6.01779 12.3872 6.31947 11.9399 6.69945 11.5641L7.12524 11.1879","stroke","currentColor","stroke-width","1.62512","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,Wh,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{cursor:pointer}[_nghost-%COMP%]:empty{display:none}.velt-recorder-player--copy-icon[_ngcontent-%COMP%]{display:flex;color:var(--velt-text-12)}.velt-recorder-player--copy-icon[_ngcontent-%COMP%]:hover{color:var(--velt-text-11)}"],changeDetection:0});let t=o;return t})();var ec=t=>({componentConfigSignal:t}),Yh=(t,o)=>({condition:t,data:o}),Xh=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-delete-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function $h(t,o){if(t&1&&(m(0),v(1,"div",5),K(),v(2,"svg",6),S(3,"path",7),u()(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-icon")}}function Qh(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("click",function(){O(i);let n=a(2).ngIf;return w(n.deleteRecorderAnnotation())}),s(2,$h,4,1,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();E("aria-label",j(1,4,"Delete recording"))("aria-disabled",(i.user==null?null:i.user.userId)!==(i.loggedInUser==null?null:i.loggedInUser.userId))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(8,Xh,e.template,C(6,ec,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function qh(t,o){if(t&1&&(m(0),s(1,Qh,3,14,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",(i.user==null?null:i.user.userId)===(i.loggedInUser==null?null:i.loggedInUser.userId))}}function Jh(t,o){if(t&1&&(m(0),s(1,qh,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Yh,i.conditionSignal(),C(1,ec,i.componentConfigSignal)))}}var Ht=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-delete",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerDeleteComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerDeleteComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerDeleteComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-delete"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-player--delete-button","type","button","role","button","tabindex","0",3,"click",4,"ngIf"],["type","button","role","button","tabindex","0",1,"velt-recorder-player--delete-button",3,"click"],[4,"veltDynamicTemplate"],["role","presentation","aria-hidden","true",1,"velt-recorder-player--delete-icon"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false"],["d","M6 8.25H18M10.5 11.25V15.75M13.5 11.25V15.75M6.75 8.25L7.5 17.25C7.5 17.6478 7.65804 18.0294 7.93934 18.3107C8.22064 18.592 8.60218 18.75 9 18.75H15C15.3978 18.75 15.7794 18.592 16.0607 18.3107C16.342 18.0294 16.5 17.6478 16.5 17.25L17.25 8.25M9.75 8.25V6C9.75 5.80109 9.82902 5.61032 9.96967 5.46967C10.1103 5.32902 10.3011 5.25 10.5 5.25H13.5C13.6989 5.25 13.8897 5.32902 14.0303 5.46967C14.171 5.61032 14.25 5.80109 14.25 6V8.25","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,Jh,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{cursor:pointer}[_nghost-%COMP%]:empty{display:none}.velt-recorder-player--delete-icon[_ngcontent-%COMP%]{display:flex;color:var(--velt-error)}.velt-recorder-player--delete-icon[_ngcontent-%COMP%]:hover{color:var(--velt-error-hover)}"],changeDetection:0});let t=o;return t})();var nc=t=>({componentConfigSignal:t}),Kh=(t,o)=>({condition:t,data:o}),eC=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-subtitles-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function tC(t,o){if(t&1&&(m(0),v(1,"div",5),K(),v(2,"svg",6),S(3,"path",7),u()(),p()),t&2){let i=a(3).ngIf,e=a();c(),te("active",i.showSubtitles),E("data-testid",e.componentId+"-icon")}}function nC(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),z(2,"translate"),z(3,"translate"),H("click",function(){O(i);let n=a(2).ngIf;return w(n.onSubtitlesButtonClick(!0))}),s(4,tC,4,3,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();te("active",i.showSubtitles),E("aria-label",j(1,6,"Toggle subtitles")+" "+(i.showSubtitles?j(2,8,"off"):j(3,10,"on")))("aria-pressed",i.showSubtitles)("data-testid",e.componentId),c(4),l("veltDynamicTemplate",L(14,eC,e.template,C(12,nc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function iC(t,o){if(t&1&&(m(0),s(1,nC,5,20,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",(i==null?null:i.recordingTranscriptionEnabled)&&(i.annotation==null||i.annotation.transcription==null?null:i.annotation.transcription.transcriptedText))}}function oC(t,o){if(t&1&&(m(0),s(1,iC,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Kh,i.conditionSignal(),C(1,nc,i.componentConfigSignal)))}}var Zt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-subtitles-button",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerSubtitlesButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-subtitles-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-player--subtitles-button","type","button","tabindex","0",3,"active","click",4,"ngIf"],["type","button","tabindex","0",1,"velt-recorder-player--subtitles-button",3,"click"],[4,"veltDynamicTemplate"],["role","presentation","aria-hidden","true",1,"velt-recorder-player--subtitles-button"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false"],["d","M10 10.5C10 10.1022 9.84196 9.72064 9.56066 9.43934C9.27936 9.15804 8.89782 9 8.5 9C8.10218 9 7.72064 9.15804 7.43934 9.43934C7.15804 9.72064 7 10.1022 7 10.5V13.5C7 13.8978 7.15804 14.2794 7.43934 14.5607C7.72064 14.842 8.10218 15 8.5 15C8.89782 15 9.27936 14.842 9.56066 14.5607C9.84196 14.2794 10 13.8978 10 13.5M17 10.5C17 10.1022 16.842 9.72064 16.5607 9.43934C16.2794 9.15804 15.8978 9 15.5 9C15.1022 9 14.7206 9.15804 14.4393 9.43934C14.158 9.72064 14 10.1022 14 10.5V13.5C14 13.8978 14.158 14.2794 14.4393 14.5607C14.7206 14.842 15.1022 15 15.5 15C15.8978 15 16.2794 14.842 16.5607 14.5607C16.842 14.2794 17 13.8978 17 13.5M3 7C3 6.46957 3.21071 5.96086 3.58579 5.58579C3.96086 5.21071 4.46957 5 5 5H19C19.5304 5 20.0391 5.21071 20.4142 5.58579C20.7893 5.96086 21 6.46957 21 7V17C21 17.5304 20.7893 18.0391 20.4142 18.4142C20.0391 18.7893 19.5304 19 19 19H5C4.46957 19 3.96086 18.7893 3.58579 18.4142C3.21071 18.0391 3 17.5304 3 17V7Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,oC,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{display:flex;cursor:pointer}[_nghost-%COMP%]:empty{display:none}.velt-recorder-player--subtitles-button[_ngcontent-%COMP%]{display:flex;color:var(--velt-text-12)}.velt-recorder-player--subtitles-button[_ngcontent-%COMP%]:hover{color:var(--velt-text-11)}.velt-recorder-player--subtitles-button.active[_ngcontent-%COMP%]{color:var(--velt-accent-text)}"],changeDetection:0});let t=o;return t})();var oc=t=>({componentConfigSignal:t}),rC=(t,o)=>({condition:t,data:o}),aC=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-avatar-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function lC(t,o){if(t&1&&(m(0),S(1,"snippyly-user-avatar",3),z(2,"translate"),z(3,"translate"),p()),t&2){let i=a(2).ngIf,e=a();c(),l("user",i.user),E("aria-label",j(2,5,(i.user==null?null:i.user.name)||"Unknown user")+"'s avatar")("title",j(3,7,(i.user==null?null:i.user.name)||"Unknown user"))("data-user-id",i.user==null?null:i.user.userId)("data-testid",e.componentId)}}function cC(t,o){if(t&1&&(m(0),s(1,lC,4,9,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,aC,e.template,C(1,oc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function sC(t,o){if(t&1&&(m(0),s(1,cC,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,rC,i.conditionSignal(),C(1,oc,i.componentConfigSignal)))}}var Ut=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-avatar",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerAvatarComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerAvatarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerAvatarComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-avatar"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","img",1,"s-audio-recorder-user-avatar","velt-recorder-player-avatar",3,"user"]],template:function(n,r){n&1&&s(0,sC,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Uo,W],styles:["snippyly-user-avatar.velt-recorder-player-avatar[_ngcontent-%COMP%]{--legacy-velt-avatar-size: 20px;--legacy-velt-avatar-user-initial-font-size: 11.5px;display:flex;font-weight:600}"],changeDetection:0});let t=o;return t})();var ac=t=>({componentConfigSignal:t}),dC=(t,o)=>({condition:t,data:o}),mC=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-edit-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function pC(t,o){t&1&&(m(0),v(1,"div",5),K(),v(2,"svg",6),S(3,"path",7),u()(),p())}function gC(t,o){if(t&1){let i=Z();v(0,"div",3),H("click",function(){O(i);let n=a(2).ngIf;return w(n.openVideoEditor())}),s(1,pC,4,0,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,mC,e.template,C(1,ac,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function vC(t,o){if(t&1&&(m(0),s(1,gC,2,9,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.videoEditorEnabled&&i.sourceFeature!=="comment"&&(i.user==null?null:i.user.userId)===(i.loggedInUser==null?null:i.loggedInUser.userId))}}function uC(t,o){if(t&1&&(m(0),s(1,vC,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,dC,i.conditionSignal(),C(1,ac,i.componentConfigSignal)))}}var Ei=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-edit-button",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerEditButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerEditButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerEditButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-edit-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-player-video--edit-button",3,"click",4,"ngIf"],[1,"velt-recorder-player-video--edit-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-recorder-player-video--edit-button-icon"],["width","12","height","12","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4.575 7.425L9 2M3 2L7.425 7.425M2 8.5C2 8.69698 2.0388 8.89204 2.11418 9.07403C2.18956 9.25601 2.30005 9.42137 2.43934 9.56066C2.57863 9.69995 2.74399 9.81044 2.92597 9.88582C3.10796 9.9612 3.30302 10 3.5 10C3.69698 10 3.89204 9.9612 4.07403 9.88582C4.25601 9.81044 4.42137 9.69995 4.56066 9.56066C4.69995 9.42137 4.81044 9.25601 4.88582 9.07403C4.9612 8.89204 5 8.69698 5 8.5C5 8.30302 4.9612 8.10796 4.88582 7.92598C4.81044 7.74399 4.69995 7.57863 4.56066 7.43934C4.42137 7.30005 4.25601 7.18956 4.07403 7.11418C3.89204 7.0388 3.69698 7 3.5 7C3.30302 7 3.10796 7.0388 2.92597 7.11418C2.74399 7.18956 2.57863 7.30005 2.43934 7.43934C2.30005 7.57863 2.18956 7.74399 2.11418 7.92598C2.0388 8.10796 2 8.30302 2 8.5ZM7 8.5C7 8.89783 7.15804 9.27936 7.43934 9.56066C7.72064 9.84197 8.10218 10 8.5 10C8.89783 10 9.27936 9.84197 9.56066 9.56066C9.84197 9.27936 10 8.89783 10 8.5C10 8.10218 9.84197 7.72064 9.56066 7.43934C9.27936 7.15804 8.89783 7 8.5 7C8.10218 7 7.72064 7.15804 7.43934 7.43934C7.15804 7.72064 7 8.10218 7 8.5Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,uC,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]{cursor:pointer}.velt-recorder-player-video--edit-button-icon[_ngcontent-%COMP%]{display:flex;color:var(--velt-text-12)}.velt-recorder-player-video--edit-button-icon[_ngcontent-%COMP%]:hover{color:var(--velt-text-11)}.velt-recorder-player-video--edit-button-icon.active[_ngcontent-%COMP%]{color:var(--velt-accent-text)}.velt-recorder-player-video--edit-button-icon[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{width:18px;height:18px}"],changeDetection:0});let t=o;return t})();var lc=t=>({componentConfigSignal:t}),hC=(t,o)=>({condition:t,data:o}),CC=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-video-container-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function _C(t,o){t&1&&we(0)}function yC(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,_C,1,0,"ng-container",4),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function SC(t,o){if(t&1&&(m(0),S(1,"app-recorder-player-avatar",16),p()),t&2){let i=a(6);c(),l("componentConfigSignal",i.componentConfigSignal),E("data-testid",i.componentId+"-avatar")}}function xC(t,o){if(t&1&&(v(0,"div",17),z(1,"translate"),S(2,"app-recorder-player-subtitles",10),u()),t&2){let i=a(6);E("aria-label",j(1,4,"Video subtitles"))("data-testid",i.componentId+"-middle"),c(2),l("componentConfigSignal",i.componentConfigSignal),E("data-testid",i.componentId+"-subtitles")}}function bC(t,o){if(t&1&&(v(0,"div",18),z(1,"translate"),S(2,"app-recorder-player-transcription",19),u()),t&2){let i=a(6);E("aria-label",j(1,5,"Video transcription summary"))("data-testid",i.componentId+"-summary"),c(2),l("mode","summaryMode")("componentConfigSignal",i.componentConfigSignal),E("data-testid",i.componentId+"-transcription-summary")}}function IC(t,o){if(t&1&&(m(0),v(1,"div",8),z(2,"translate"),v(3,"div",9),S(4,"app-recorder-player-video",10)(5,"app-recorder-player-timeline",11)(6,"app-recorder-player-full-screen-button",10)(7,"app-recorder-player-overlay",10),u(),v(8,"div",12),z(9,"translate"),s(10,SC,2,2,"ng-container",1),S(11,"app-recorder-player-name",10),v(12,"div",13),S(13,"app-recorder-player-edit-button",10)(14,"app-recorder-player-subtitles-button",10)(15,"app-recorder-player-transcription",10)(16,"app-recorder-player-copy-link",10)(17,"app-recorder-player-delete",10),u()(),s(18,xC,3,6,"div",14)(19,bC,3,7,"div",15),u(),p()),t&2){let i=a(4).ngIf,e=a();c(),E("aria-label",j(2,29,"Video player with controls"))("data-testid",e.componentId+"-video"),c(2),E("data-testid",e.componentId+"-wrapper"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-video-player"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-timeline"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-full-screen-button"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-overlay"),c(),E("aria-label",j(9,31,"Video information and controls"))("data-testid",e.componentId+"-panel"),c(2),l("ngIf",i.mode==="floating"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-name"),c(),E("data-testid",e.componentId+"-buttons"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-edit-button"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-subtitles-button"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-transcription"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-copy-link"),c(),l("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-delete"),c(),l("ngIf",i.showSubtitles),c(),l("ngIf",i.mode==="thread"&&i.showSummary)}}function PC(t,o){if(t&1){let i=Z();v(0,"div",6),z(1,"translate"),H("mouseenter",function(){O(i);let n=a(3).ngIf;return w(n.setVideoContainerHovered(!0))}),s(2,IC,20,33,"ng-container",7),u()}if(t&2){let i=a(3).ngIf,e=a();te("velt-recorder-player-video--thread-mode",i.mode==="thread")("velt-recorder-player-video--embed-mode",(i==null?null:i.variant)==="embed"),E("aria-label",j(1,7,"Video player container"))("data-testid",e.componentId),c(2),l("veltDynamicTemplate",L(11,CC,e.template,C(9,lc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function EC(t,o){if(t&1&&s(0,PC,3,17,"div",5),t&2){let i=a(2).ngIf;l("ngIf",(i.recordingType===i.recorderModes.VIDEO||i.recordingType===i.recorderModes.SCREEN)&&!(i.recorderInitData!=null&&i.recorderInitData.stream))}}function DC(t,o){if(t&1&&(m(0),s(1,yC,2,1,"velt-shadow-dom-internal",3)(2,EC,1,1,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a().ngIf,n=a();c(),l("ngIf",e.shadowDom&&!n.template||n.template&&e.isExplicitShadowDom)("ngIfElse",i)}}function TC(t,o){if(t&1&&(m(0),s(1,DC,4,2,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,hC,i.conditionSignal(),C(1,lc,i.componentConfigSignal)))}}var Di=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.componentId="velt-recorder-player-video-container",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-player-video-container-wireframe";this.componentConfigSignal()?.variant!=="default"&&(e+=`---${this.componentConfigSignal()?.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.catchError("Error in RecorderPlayerVideoContainerComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.catchError("Error in RecorderPlayerVideoContainerComponent ngOnDestroy: ",e)}}catchError(e,n,r){try{this.loggingService.catch(e,n,_(h({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerVideoContainerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-video-container"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["videoPlayerRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["role","region",3,"velt-recorder-player-video--thread-mode","velt-recorder-player-video--embed-mode","mouseenter",4,"ngIf"],["role","region",3,"mouseenter"],[4,"veltDynamicTemplate"],["role","application",1,"velt-recorder-player-video"],["role","presentation",1,"velt-recorder-player-video--container"],[3,"componentConfigSignal"],["role","group","aria-label","Playback controls",3,"componentConfigSignal"],["role","complementary",1,"velt-recorder-player-video--panel"],["role","toolbar","aria-label","Video controls",1,"velt-recorder-player-video--buttons"],["class","velt-recorder-player-video--middle","role","region",4,"ngIf"],["class","velt-recorder-player-video--summary","role","complementary",4,"ngIf"],["role","img",3,"componentConfigSignal"],["role","region",1,"velt-recorder-player-video--middle"],["role","complementary",1,"velt-recorder-player-video--summary"],[3,"mode","componentConfigSignal"]],template:function(n,r){n&1&&s(0,TC,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,R,Jn,ei,ti,ni,At,Bt,zt,jt,Ht,Zt,Ut,Ei,W],styles:[".velt-recorder-player-video[_ngcontent-%COMP%]{width:280px;overflow:hidden;border-radius:var(--velt-border-radius-lg);padding:var(--velt-spacing-sm);border:1px solid var(--velt-border-2);background:var(--velt-background-0);box-shadow:0 0 32px #00000014;color:var(--velt-text-2);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:180%}.velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--container[_ngcontent-%COMP%]{position:relative;height:140px}.velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--middle[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg);gap:var(--velt-spacing-lg);align-self:stretch;border-radius:var(--velt-border-radius-md);background:var(--velt-background-2);text-align:left}.velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--middle[_ngcontent-%COMP%]:empty{display:none}.velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--summary[_ngcontent-%COMP%]{padding:var(--velt-spacing-xs)}.velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--panel[_ngcontent-%COMP%]{margin-top:var(--velt-spacing-xs);flex:1;display:flex;justify-content:space-between;align-items:center;gap:var(--velt-spacing-sm);padding:var(--velt-spacing-sm)}.velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--panel[_ngcontent-%COMP%]   .velt-recorder-player-video--buttons[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;gap:var(--velt-spacing-sm);width:fit-content}.velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--panel[_ngcontent-%COMP%]   .velt-recorder-player-video--buttons[_ngcontent-%COMP%]   .subtitles-icon[_ngcontent-%COMP%]{display:flex}.velt-recorder-player-video--thread-mode[_ngcontent-%COMP%]{max-width:300px}.velt-recorder-player-video--thread-mode[_ngcontent-%COMP%]   .velt-recorder-player-video[_ngcontent-%COMP%]{width:unset;box-shadow:none}.velt-recorder-player-video--embed-mode[_ngcontent-%COMP%]   .velt-recorder-player-video[_ngcontent-%COMP%]{background:transparent;border:0;padding:0;width:489px}.velt-recorder-player-video--embed-mode[_ngcontent-%COMP%]   .velt-recorder-player-video[_ngcontent-%COMP%]   .velt-recorder-player-video--container[_ngcontent-%COMP%]{height:266px}"],changeDetection:0});let t=o;return t})();var wC=["audioRef"],cc=t=>({componentConfigSignal:t}),kC=(t,o)=>({condition:t,data:o}),RC=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-audio-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function MC(t,o){if(t&1&&S(0,"source",8),t&2){let i=a(4).ngIf;l("src",i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.url)("type","audio/mpeg")}}function VC(t,o){if(t&1&&S(0,"source",8),t&2){let i=o.$implicit;l("src",i==null?null:i.url)("type",(i==null?null:i.mimeType)||"audio/mp4")}}function AC(t,o){if(t&1&&(s(0,VC,1,2,"source",9),z(1,"rearrangeMediaSource")),t&2){let i=a(4).ngIf;l("ngForOf",j(1,2,i.annotation==null?null:i.annotation.attachments))("ngForTrackBy",i.trackByAttachmentId)}}function FC(t,o){if(t&1){let i=Z();v(0,"audio",5,0),z(2,"translate"),H("afterViewInit",function(){O(i);let n=a(4);return w(n.setAudioRef())})("ended",function(){O(i);let n=a(4);return w(n.onAudioEnded())})("timeupdate",function(){O(i);let n=re(1),r=a(3).ngIf;return w(r.timeUpdate(n==null?null:n.currentTime))}),s(3,MC,1,2,"source",6)(4,AC,2,4,"ng-template",7),u()}if(t&2){let i=a(3).ngIf,e=a();E("aria-label",j(2,5,"Audio recording"))("aria-hidden",!i.playing)("data-testid",e.componentId),c(3),l("ngIf",!(!(i.annotation==null||i.annotation.attachments==null)&&i.annotation.attachments.length)&&(i.annotation==null?null:i.annotation.attachment)),c(),l("ngIf",i.annotation==null||i.annotation.attachments==null?null:i.annotation.attachments.length)}}function BC(t,o){if(t&1&&(m(0),s(1,FC,5,7,"audio",4),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",(i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.url)||(i.annotation==null||i.annotation.attachments==null?null:i.annotation.attachments.length)&&(i.annotation==null||i.annotation.attachments[0]==null?null:i.annotation.attachments[0].url))}}function LC(t,o){if(t&1&&(m(0),s(1,BC,2,1,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,RC,e.template,C(1,cc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function NC(t,o){if(t&1&&(m(0),s(1,LC,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,kC,i.conditionSignal(),C(1,cc,i.componentConfigSignal)))}}var Ti=(()=>{let o=class o extends N{constructor(e,n,r,g){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.injector=g,this.componentId="velt-recorder-player-audio",this.previousAudioUrl=null,super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),this.watchForAudioUrlChanges()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.setAudioRef()}catch(e){this.catchError("Error in RecorderPlayerAudioComponent AfterViewInit: ",e)}}setAudioRef(){try{setTimeout(()=>{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=_(h({},e),{audioRef:this.audioRef}),e))})}catch(e){this.catchError("Error in RecorderPlayerAudioComponent setAudioRef: ",e)}}catchError(e,n,r){try{this.loggingService.catch(e,n,_(h({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}onAudioEnded(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{playing:!1}),e))}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioComponent onAudioEnded:",e)}}watchForAudioUrlChanges(){try{Do(this.injector,()=>{nn(()=>{let e=this.componentConfigSignal(),n=e.latestEditedVersion?.attachment?.url||e.attachment?.url;n&&n!==this.previousAudioUrl&&this.audioRef?.nativeElement&&(this.previousAudioUrl=n,setTimeout(()=>{this.audioRef?.nativeElement&&this.audioRef.nativeElement.load()}))})})}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioComponent watchForAudioUrlChanges:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f),d(tn))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-audio"]],viewQuery:function(n,r){if(n&1&&Ee(wC,5),n&2){let g;De(g=Te())&&(r.audioRef=g.first)}},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["audioRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["veltAfterViewInit","","width","0","height","0","aria-live","polite","preload","metadata","controlsList","nodownload",3,"afterViewInit","ended","timeupdate",4,"ngIf"],["veltAfterViewInit","","width","0","height","0","aria-live","polite","preload","metadata","controlsList","nodownload",3,"afterViewInit","ended","timeupdate"],[3,"src","type",4,"ngIf"],[3,"ngIf"],[3,"src","type"],[3,"src","type",4,"ngFor","ngForOf","ngForTrackBy"]],template:function(n,r){n&1&&s(0,NC,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R,W,Ot],encapsulation:2,changeDetection:0});let t=o;return t})();var sc=t=>({componentConfigSignal:t}),jC=(t,o)=>({condition:t,data:o}),HC=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-audio-toggle-play-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function ZC(t,o){t&1&&(m(0),K(),v(1,"svg",3),S(2,"rect",4)(3,"path",5),u(),p())}function UC(t,o){if(t&1&&(m(0),s(1,ZC,4,0,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,HC,e.template,C(1,sc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function GC(t,o){if(t&1&&(m(0),s(1,UC,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",!i.playing)}}function WC(t,o){if(t&1&&(m(0),s(1,GC,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,jC,i.conditionSignal(),C(1,sc,i.componentConfigSignal)))}}var Oi=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-audio-toggle-play",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioTogglePlayComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioTogglePlayComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioTogglePlayComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-audio-toggle-play"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-label","Play button","focusable","false","aria-hidden","true"],["width","24","height","24","rx","12","fill","currentColor"],["d","M8.80078 7.7327V16.266C8.80075 16.3609 8.82605 16.4541 8.87405 16.536C8.92206 16.6178 8.99103 16.6854 9.07386 16.7317C9.15669 16.778 9.25038 16.8014 9.34525 16.7994C9.44013 16.7974 9.53276 16.7702 9.61358 16.7204L16.5469 12.4538C16.6246 12.4061 16.6887 12.3392 16.7332 12.2597C16.7777 12.1801 16.801 12.0905 16.801 11.9994C16.801 11.9082 16.7777 11.8186 16.7332 11.7391C16.6887 11.6595 16.6246 11.5927 16.5469 11.545L9.61358 7.2783C9.53276 7.22858 9.44013 7.20132 9.34525 7.19934C9.25038 7.19735 9.15669 7.22072 9.07386 7.26703C8.99103 7.31334 8.92206 7.3809 8.87405 7.46276C8.82605 7.54462 8.80075 7.63781 8.80078 7.7327Z","fill","white"]],template:function(n,r){n&1&&s(0,WC,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{color:var(--velt-accent-text)}svg[_ngcontent-%COMP%]:hover{color:var(--velt-accent-hover)}"],changeDetection:0});let t=o;return t})();var dc=t=>({componentConfigSignal:t}),XC=(t,o)=>({condition:t,data:o}),$C=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-audio-toggle-pause-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function QC(t,o){t&1&&(m(0),K(),v(1,"svg",3),z(2,"translate"),S(3,"rect",4)(4,"rect",5)(5,"rect",6),u(),p()),t&2&&(c(),E("aria-label",j(2,1,"Pause button")))}function qC(t,o){if(t&1&&(m(0),s(1,QC,6,3,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,$C,e.template,C(1,dc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function JC(t,o){if(t&1&&(m(0),s(1,qC,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.playing)}}function KC(t,o){if(t&1&&(m(0),s(1,JC,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,XC,i.conditionSignal(),C(1,dc,i.componentConfigSignal)))}}var wi=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-audio-toggle-pause",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioTogglePauseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioTogglePauseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioTogglePauseComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-audio-toggle-pause"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","focusable","false","aria-hidden","true"],["x","0.5","y","0.5","width","23","height","23","rx","11.5","stroke","currentColor"],["x","8.40039","y","7.19922","width","2.39966","height","9.6","rx","1.19983","fill","currentColor"],["x","13.2012","y","7.19922","width","2.39966","height","9.6","rx","1.19983","fill","currentColor"]],template:function(n,r){n&1&&s(0,KC,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{color:var(--velt-accent)}svg[_ngcontent-%COMP%]:hover{color:var(--velt-accent-hover)}"],changeDetection:0});let t=o;return t})();var mc=t=>({componentConfigSignal:t}),t_=(t,o)=>({condition:t,data:o}),n_=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-audio-toggle-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function i_(t,o){if(t&1&&(m(0),v(1,"div",4),S(2,"app-recorder-player-audio-toggle-pause",5)(3,"app-recorder-player-audio-toggle-play",5),u(),p()),t&2){let i=a(3);c(),E("data-testid",i.componentId+"-icon"),c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function o_(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),z(2,"translate"),z(3,"translate"),H("click",function(){O(i);let n=a().ngIf;return w(n.toggleAudio())}),s(4,i_,4,3,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),E("aria-label",i.playing?j(2,4,"Pause audio"):j(3,6,"Play audio"))("aria-pressed",i.playing)("data-testid",e.componentId),c(3),l("veltDynamicTemplate",L(10,n_,e.template,C(8,mc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function r_(t,o){if(t&1&&(m(0),s(1,o_,5,16,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,t_,i.conditionSignal(),C(1,mc,i.componentConfigSignal)))}}var ki=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-recorder-player-audio-toggle",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioToggleComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioToggleComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioToggleComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-audio-toggle"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",1,"velt-recorder-player--audio-toggle",3,"click"],[4,"veltDynamicTemplate"],["role","presentation","aria-hidden","true",1,"velt-recorder-player--audio-toggle-icon"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,r_,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Oi,wi,W],styles:["[_nghost-%COMP%]{display:flex}.velt-recorder-player--audio-toggle-icon[_ngcontent-%COMP%]{height:24px;width:24px;display:flex;border-radius:var(--velt-border-radius-3xl);cursor:pointer;justify-content:center;align-items:center}"],changeDetection:0});let t=o;return t})();var pc=t=>({componentConfigSignal:t}),l_=(t,o)=>({condition:t,data:o}),c_=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-audio-waveform-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function s_(t,o){if(t&1&&(m(0),S(1,"app-audio-waveform",3),z(2,"translate"),p()),t&2){let i=a(2).ngIf,e=a();c(),l("totalTime",i.annotation==null?null:i.annotation.recordedTime)("playerCurrentTime",i.currentTime)("height",18)("variant","player")("bufferArray",(i.annotation==null?null:i.annotation.waveformData)||e.waveform)("numberOfBars",i.numberOfBars?i.numberOfBars:(i==null?null:i.variant)==="embed"?90:38),E("aria-label",j(2,11,"Audio progress"))("aria-valuemin",0)("aria-valuemax",(i.annotation==null?null:i.annotation.recordedTime)||0)("aria-valuenow",i.currentTime||0)("data-testid",e.componentId)}}function d_(t,o){if(t&1&&(m(0),s(1,s_,3,13,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,c_,e.template,C(1,pc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function m_(t,o){if(t&1&&(m(0),s(1,d_,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,l_,i.conditionSignal(),C(1,pc,i.componentConfigSignal)))}}var Ri=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.waveform=[],this.componentId="velt-recorder-player-audio-waveform",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),this.waveform=this.generateRandomArray()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioWaveformComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioWaveformComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioWaveformComponent setupA11yAttributes:",e)}}generateRandomArray(){return Array.from({length:200},()=>Math.floor(Math.random()*100))}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-audio-waveform"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","progressbar","tabindex","0",3,"totalTime","playerCurrentTime","height","variant","bufferArray","numberOfBars"]],template:function(n,r){n&1&&s(0,m_,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,yt,W],encapsulation:2,changeDetection:0});let t=o;return t})();var g_=["audioRef"],v_=t=>({componentConfigSignal:t}),u_=(t,o)=>({condition:t,data:o}),f_=(t,o)=>({componentConfigSignal:t,overlayTrigger:o}),h_=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-audio-container-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function C_(t,o){t&1&&we(0)}function __(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,C_,1,0,"ng-container",5),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function y_(t,o){if(t&1&&(m(0),S(1,"app-recorder-player-subtitles-button",10)(2,"app-recorder-player-transcription",10),p()),t&2){let i=a(6);c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function S_(t,o){if(t&1&&(m(0),S(1,"app-recorder-player-delete",10),p()),t&2){let i=a(6);c(),l("componentConfigSignal",i.componentConfigSignal)}}function x_(t,o){if(t&1&&(v(0,"div",18),z(1,"translate"),S(2,"app-recorder-player-subtitles",19),u()),t&2){a(2);let i=re(3),e=a(4);E("aria-label",j(1,4,"Subtitles"))("data-testid",e.componentId+"-middle"),c(2),l("overlayTrigger",i)("componentConfigSignal",e.componentConfigSignal)}}function b_(t,o){if(t&1&&(m(0),S(1,"app-recorder-player-transcription",20),p()),t&2){let i=a(6);c(),l("mode","summaryMode")("componentConfigSignal",i.componentConfigSignal)}}function I_(t,o){if(t&1&&(m(0),v(1,"div",11),z(2,"translate"),v(3,"div",12)(4,"div",13),z(5,"translate"),S(6,"app-recorder-player-audio-toggle",10),v(7,"div",14),z(8,"translate"),S(9,"app-recorder-player-time",10),u(),v(10,"div",15),z(11,"translate"),S(12,"app-recorder-player-audio-waveform",10),u(),s(13,y_,3,2,"ng-container",2)(14,S_,2,1,"ng-container",2),u(),s(15,x_,3,6,"div",16)(16,b_,2,2,"ng-container",2),v(17,"div",17),z(18,"translate"),S(19,"app-recorder-player-avatar",10)(20,"app-recorder-player-name",10)(21,"app-recorder-player-subtitles-button",10)(22,"app-recorder-player-transcription",10)(23,"app-recorder-player-copy-link",10)(24,"app-recorder-player-delete",10),u()()(),p()),t&2){let i=a(4).ngIf,e=a();c(),E("aria-label",j(2,24,"Audio content and controls"))("data-testid",e.componentId),c(2),E("data-testid",e.componentId+"-expanded"),c(),E("aria-label",j(5,26,"Playback controls"))("data-testid",e.componentId+"-top"),c(2),l("componentConfigSignal",e.componentConfigSignal),c(),E("aria-label",j(8,28,"Playback time"))("data-testid",e.componentId+"-top-time"),c(2),l("componentConfigSignal",e.componentConfigSignal),c(),E("aria-label",j(11,30,"Audio waveform"))("data-testid",e.componentId+"-waveform"),c(2),l("componentConfigSignal",e.componentConfigSignal),c(),l("ngIf",i.mode==="thread"&&!i.isEditMode),c(),l("ngIf",i.mode==="thread"),c(),l("ngIf",i.showSubtitles),c(),l("ngIf",i.mode==="thread"&&i.showSummary),c(),E("aria-label",j(18,32,"Additional controls and information"))("data-testid",e.componentId+"-bottom"),c(2),l("componentConfigSignal",e.componentConfigSignal),c(),l("componentConfigSignal",e.componentConfigSignal),c(),l("componentConfigSignal",e.componentConfigSignal),c(),l("componentConfigSignal",e.componentConfigSignal),c(),l("componentConfigSignal",e.componentConfigSignal),c(),l("componentConfigSignal",e.componentConfigSignal)}}function P_(t,o){if(t&1){let i=Z();v(0,"div",7),z(1,"translate"),v(2,"div",8,1),z(4,"translate"),H("click",function(n){return O(i),a(3).ngIf.toggleAnnotation(),w(n.stopPropagation())})("pointerdown",function(n){return O(i),w(n.stopPropagation())})("pointerup",function(n){return O(i),w(n.stopPropagation())}),s(5,I_,25,34,"ng-container",9),u(),S(6,"app-recorder-player-audio",10),u()}if(t&2){let i=re(3),e=a(3).ngIf,n=a();E("aria-label",j(1,10,"Audio player"))("data-testid",n.componentId),c(2),te("velt-recorder-player-audio--thread-mode",e.mode==="thread")("velt-recorder-player-audio--embed-mode",(e==null?null:e.variant)==="embed"),E("aria-label",j(4,12,"Audio player controls"))("data-testid",n.componentId+"-wrapper"),c(3),l("veltDynamicTemplate",L(17,h_,n.template,D(14,f_,n.componentConfigSignal,i),e==null?null:e.variant,n.setIfCondition.bind(n),n.elementRef)),c(),l("componentConfigSignal",n.componentConfigSignal)}}function E_(t,o){if(t&1&&s(0,P_,7,23,"div",6),t&2){let i=a(2).ngIf;l("ngIf",(i.annotation==null?null:i.annotation.annotationId)&&i.recordingType===i.recorderModes.AUDIO)}}function D_(t,o){if(t&1&&(m(0),s(1,__,2,1,"velt-shadow-dom-internal",4)(2,E_,1,1,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a().ngIf,n=a();c(),l("ngIf",e.shadowDom&&!n.template||n.template&&e.isExplicitShadowDom)("ngIfElse",i)}}function T_(t,o){if(t&1&&(m(0),s(1,D_,4,2,"ng-container",3),p()),t&2){let i=a();c(),l("veltIf",D(3,u_,i.conditionSignal(),C(1,v_,i.componentConfigSignal)))}}var Mi=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.componentId="velt-recorder-player-audio-container",super.initializeComponentConfigSignal(new Ce)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),this.setupA11yAttributes(),super.ngOnInit();let e="velt-recorder-player-audio-container-wireframe";this.componentConfigSignal()?.variant!=="default"&&(e+=`---${this.componentConfigSignal()?.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.catchError("Error in RecorderPlayerAudioContainerComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioContainerComponent ngOnDestroy:",e)}}catchError(e,n,r){try{this.loggingService.catch(e,n,_(h({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerAudioContainerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-player-audio-container"]],viewQuery:function(n,r){if(n&1&&Ee(g_,5),n&2){let g;De(g=Te())&&(r.audioRef=g.first)}},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["audioPlayerRef",""],["overlayTrigger","cdkOverlayOrigin"],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["role","region",4,"ngIf"],["role","region"],["cdkOverlayOrigin","","role","application","tabindex","0",1,"velt-recorder-player-audio","velt-recorder-player-audio--is-expanded",3,"click","pointerdown","pointerup"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal"],["role","group",1,"velt-recorder-player-audio-container"],[1,"velt-recorder-player-audio--expanded"],["role","group",1,"velt-recorder-player-audio--top"],["role","timer",1,"velt-recorder-player-audio--top-time"],["role","progressbar",1,"velt-recorder-player-audio--waveform"],["class","velt-recorder-player-audio--middle","role","region",4,"ngIf"],["role","group",1,"velt-recorder-player-audio--bottom"],["role","region",1,"velt-recorder-player-audio--middle"],[3,"overlayTrigger","componentConfigSignal"],[3,"mode","componentConfigSignal"]],template:function(n,r){n&1&&s(0,T_,2,6,"ng-container",2),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,Ue,P,R,Vt,At,Bt,zt,jt,Ht,Ti,ki,Ri,Zt,Ut,W],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}.velt-recorder-player-audio[_ngcontent-%COMP%]{min-height:48px;min-width:48px}.velt-recorder-player-audio--is-expanded[_ngcontent-%COMP%]   .velt-recorder-player-audio--expanded[_ngcontent-%COMP%]{display:block}.velt-recorder-player-audio--expanded[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-2xl);border:1px solid var(--velt-border-2);background:var(--velt-background-0);box-shadow:0 0 32px #00000014;max-width:350px;width:272px;box-sizing:border-box;display:none;padding:var(--velt-spacing-xs);color:var(--velt-text-2);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:180%}.velt-recorder-player-audio--expanded[_ngcontent-%COMP%]   .velt-recorder-player-audio--top[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-3xl);padding:var(--velt-spacing-sm);gap:var(--velt-spacing-md);background:var(--velt-background-2);display:flex;align-items:center;justify-content:flex-start}.velt-recorder-player-audio--expanded[_ngcontent-%COMP%]   .velt-recorder-player-audio--top[_ngcontent-%COMP%]   .velt-recorder-player-audio--top-time[_ngcontent-%COMP%]{width:60px}.velt-recorder-player-audio--expanded[_ngcontent-%COMP%]   .velt-recorder-player-audio--top[_ngcontent-%COMP%]   .velt-recorder-player-audio--waveform[_ngcontent-%COMP%]{width:100%;overflow:hidden}.velt-recorder-player-audio--expanded[_ngcontent-%COMP%]   .velt-recorder-player-audio--middle[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-md) var(--velt-spacing-lg);gap:var(--velt-spacing-lg);align-self:stretch;border-radius:var(--velt-border-radius-md);background:var(--velt-background-2);text-align:left}.velt-recorder-player-audio--expanded[_ngcontent-%COMP%]   .velt-recorder-player-audio--bottom[_ngcontent-%COMP%]{padding:var(--velt-spacing-md) var(--velt-spacing-md) var(--velt-spacing-md) var(--velt-spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--velt-spacing-sm);box-sizing:border-box;text-align:left}.velt-recorder-player-audio--embed-mode[_ngcontent-%COMP%]   .velt-recorder-player-audio--expanded[_ngcontent-%COMP%]{background:transparent;border:0;padding:0;width:489px}.velt-recorder-player-audio--thread-mode[_ngcontent-%COMP%]{min-height:auto}.velt-recorder-player-audio--thread-mode[_ngcontent-%COMP%]   .velt-recorder-player-audio--expanded[_ngcontent-%COMP%]{width:auto;border:0px;padding:0;box-shadow:none;background:none;margin-bottom:var(--velt-spacing-sm);gap:var(--velt-spacing-md);display:flex;flex-direction:column}.velt-recorder-player-audio--thread-mode[_ngcontent-%COMP%]   .velt-recorder-player-audio--expanded[_ngcontent-%COMP%]   .velt-recorder-player-audio--bottom[_ngcontent-%COMP%]{display:none}"],changeDetection:0});let t=o;return t})();var fe=class{constructor(){this.recordingTranscriptionEnabled=!1,this.transcriptionVisible=!1,this.showTranscriptionButton=!0,this.transcriptionMode="floating",this.onSeekToVideo=()=>{},this.onTranscriptionSummaryCopy=()=>{},this.onTranscriptionPanelDragged=()=>{},this.toggleTranscription=()=>{},this.timeUpdate=()=>{},this.toggleVideo=()=>{},this.onSubtitlesButtonClick=()=>{},this.showSubtitles=!1,this.onCopyLink=()=>{},this.onMinimizeButtonClick=()=>{},this.onMouseLeave=()=>{},this.handleClick=()=>{},this.onDurationChange=()=>{},this.onSpeedToggle=()=>{},this.toggleSettings=()=>{},this.onVolumneChange=()=>{},this.toggleVolume=()=>{},this.onDelete=()=>{},this.onTranscriptionButtonClick=()=>{},this.showControls=!0,this.playing=!1,this.currentTime="",this.showSubtitlesButton=!0,this.volumeVisible=!1,this.currentVolume=100,this.activeSpeed=1,this.settingsVisible=!1,this.onProgressBarGrab=()=>{},this.onProgressBarRelease=()=>{}}};var gc=t=>({componentConfigSignal:t}),w_=(t,o)=>({condition:t,data:o}),k_=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-progress-bar-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function R_(t,o){if(t&1){let i=Z();v(0,"input",5),H("mousedown",function(n){O(i);let r=a(3).ngIf;return w(r.onProgressBarGrab(n))})("mouseup",function(n){O(i);let r=a(3).ngIf;return w(r.onProgressBarRelease(n))})("touchstart",function(n){O(i);let r=a(3).ngIf;return w(r.onProgressBarGrab(n))})("touchend",function(n){O(i);let r=a(3).ngIf;return w(r.onProgressBarRelease(n))})("input",function(n){O(i);let r=a(3).ngIf;return w(r.onDurationChange(n))}),u()}if(t&2){let i=a(3).ngIf;l("value",(i.videoRef==null||i.videoRef.nativeElement==null?null:i.videoRef.nativeElement.currentTime)*1e3/((i.latestEditedVersion==null||i.latestEditedVersion.recordedTime==null?null:i.latestEditedVersion.recordedTime.duration)||(i.annotation==null||i.annotation.recordedTime==null?null:i.annotation.recordedTime.duration)||0))}}function M_(t,o){if(t&1&&(m(0),v(1,"div",3),s(2,R_,1,1,"input",4),u(),p()),t&2){let i=a(2).ngIf;c(2),l("ngIf",i.annotation==null||i.annotation.recordedTime==null?null:i.annotation.recordedTime.duration)}}function V_(t,o){if(t&1&&(m(0),s(1,M_,3,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,k_,e.template,C(1,gc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function A_(t,o){if(t&1&&(m(0),s(1,V_,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,w_,i.conditionSignal(),C(1,gc,i.componentConfigSignal)))}}var Vi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-progress-bar";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsProgressBarComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsProgressBarComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsProgressBarComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-progress-bar"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--progress-bar"],["type","range","min","0","max","1","step","0.01",3,"value","mousedown","mouseup","touchstart","touchend","input",4,"ngIf"],["type","range","min","0","max","1","step","0.01",3,"mousedown","mouseup","touchstart","touchend","input","value"]],template:function(n,r){n&1&&s(0,A_,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}.velt-video-player--progress-bar[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{width:100%;accent-color:var(--velt-accent)}"],changeDetection:0});let t=o;return t})();var vc=t=>({componentConfigSignal:t}),B_=(t,o)=>({condition:t,data:o}),L_=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-settings-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n}),N_=()=>[.5,1,1.5,2,2.5];function z_(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6)(3,"path",7),u(),p())}function j_(t,o){if(t&1){let i=Z();v(0,"div")(1,"div",12),H("click",function(){let n=O(i).$implicit,r=a(3).ngIf;return w(r.onSpeedToggle(n))}),ie(2),u()()}if(t&2){let i=o.$implicit,e=a(3).ngIf;c(),te("active",i===e.activeSpeed),c(),ge("",i,"x")}}function H_(t,o){if(t&1){let i=Z();v(0,"div",8),H("click",function(n){return O(i),w(n.stopPropagation())}),v(1,"div",9),ie(2),z(3,"translate"),u(),v(4,"div",10),s(5,j_,3,3,"div",11),u()()}t&2&&(c(2),ke(j(3,2,"Playback Speed")),c(3),l("ngForOf",Ve(4,N_)))}function Z_(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(n){return O(i),a().ngIf.toggleSettings(),w(n.stopPropagation())}),s(2,z_,4,0,"ng-container",3)(3,H_,6,5,"div",4),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(4,L_,e.template,C(2,vc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef)),c(),l("ngIf",i.settingsVisible)}}function U_(t,o){if(t&1&&(m(0),s(1,Z_,4,10,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,B_,i.conditionSignal(),C(1,vc,i.componentConfigSignal)))}}var Ai=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-settings-button";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSettingsButtonComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSettingsButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSettingsButtonComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-settings-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"settings-button","velt-video-player--settings-button",3,"click"],[4,"veltDynamicTemplate"],["class","velt-video-player--settings-dialog",3,"click",4,"ngIf"],["width","24","height","25","viewBox","0 0 24 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M12.0009 15.2752C13.4695 15.2752 14.66 14.0847 14.66 12.6161C14.66 11.1475 13.4695 9.95703 12.0009 9.95703C10.5323 9.95703 9.3418 11.1475 9.3418 12.6161C9.3418 14.0847 10.5323 15.2752 12.0009 15.2752Z","stroke","currentColor","stroke-width","1.725","stroke-linecap","round","stroke-linejoin","round"],["d","M18.5591 15.2782C18.4411 15.5456 18.4059 15.8421 18.458 16.1297C18.5102 16.4172 18.6472 16.6825 18.8516 16.8914L18.9048 16.9446C19.0696 17.1092 19.2003 17.3047 19.2896 17.5199C19.3788 17.7352 19.4247 17.9658 19.4247 18.1988C19.4247 18.4318 19.3788 18.6624 19.2896 18.8776C19.2003 19.0929 19.0696 19.2884 18.9048 19.453C18.7401 19.6178 18.5446 19.7486 18.3294 19.8378C18.1142 19.927 17.8835 19.9729 17.6506 19.9729C17.4176 19.9729 17.1869 19.927 16.9717 19.8378C16.7565 19.7486 16.561 19.6178 16.3964 19.453L16.3432 19.3998C16.1343 19.1955 15.869 19.0584 15.5814 19.0063C15.2939 18.9541 14.9973 18.9893 14.73 19.1073C14.4678 19.2197 14.2443 19.4062 14.0868 19.644C13.9293 19.8818 13.8448 20.1605 13.8436 20.4457V20.5964C13.8436 21.0666 13.6569 21.5175 13.3244 21.8499C12.992 22.1824 12.5411 22.3691 12.0709 22.3691C11.6008 22.3691 11.1499 22.1824 10.8174 21.8499C10.485 21.5175 10.2982 21.0666 10.2982 20.5964V20.5166C10.2913 20.2233 10.1964 19.9387 10.0256 19.7C9.85491 19.4613 9.61633 19.2795 9.34091 19.1782C9.07357 19.0602 8.77701 19.025 8.48948 19.0772C8.20195 19.1293 7.93662 19.2664 7.72773 19.4707L7.67454 19.5239C7.50991 19.6887 7.31439 19.8195 7.09919 19.9087C6.88398 19.9979 6.6533 20.0438 6.42034 20.0438C6.18738 20.0438 5.9567 19.9979 5.74149 19.9087C5.52629 19.8195 5.33077 19.6887 5.16614 19.5239C5.00131 19.3593 4.87056 19.1638 4.78135 18.9486C4.69214 18.7334 4.64622 18.5027 4.64622 18.2697C4.64622 18.0367 4.69214 17.8061 4.78135 17.5909C4.87056 17.3757 5.00131 17.1801 5.16614 17.0155L5.21932 16.9623C5.42366 16.7534 5.56073 16.4881 5.61287 16.2006C5.665 15.913 5.62981 15.6165 5.51182 15.3491C5.39946 15.087 5.2129 14.8634 4.97509 14.7059C4.73729 14.5484 4.45863 14.4639 4.17341 14.4628H4.02273C3.55257 14.4628 3.10167 14.276 2.76922 13.9436C2.43677 13.6111 2.25 13.1602 2.25 12.69C2.25 12.2199 2.43677 11.769 2.76922 11.4365C3.10167 11.1041 3.55257 10.9173 4.02273 10.9173H4.1025C4.39588 10.9105 4.68041 10.8155 4.91911 10.6448C5.1578 10.4741 5.33961 10.2355 5.44091 9.96005C5.5589 9.69271 5.59409 9.39615 5.54196 9.10862C5.48982 8.82109 5.35275 8.55576 5.14841 8.34687L5.09523 8.29369C4.93041 8.12905 4.79965 7.93354 4.71044 7.71833C4.62123 7.50312 4.57531 7.27244 4.57531 7.03948C4.57531 6.80652 4.62123 6.57584 4.71044 6.36063C4.79965 6.14543 4.93041 5.94992 5.09523 5.78528C5.25987 5.62045 5.45538 5.4897 5.67058 5.40049C5.88579 5.31128 6.11647 5.26536 6.34943 5.26536C6.5824 5.26536 6.81307 5.31128 7.02828 5.40049C7.24349 5.4897 7.439 5.62045 7.60364 5.78528L7.65682 5.83846C7.86572 6.0428 8.13104 6.17987 8.41857 6.23201C8.7061 6.28414 9.00266 6.24895 9.27 6.13096H9.34091C9.60307 6.0186 9.82665 5.83204 9.98414 5.59423C10.1416 5.35643 10.2261 5.07777 10.2273 4.79255V4.64187C10.2273 4.17171 10.414 3.72081 10.7465 3.38836C11.0789 3.05591 11.5298 2.86914 12 2.86914C12.4702 2.86914 12.9211 3.05591 13.2535 3.38836C13.586 3.72081 13.7727 4.17171 13.7727 4.64187V4.72164C13.7739 5.00686 13.8584 5.28552 14.0159 5.52333C14.1733 5.76113 14.3969 5.94769 14.6591 6.06005C14.9264 6.17804 15.223 6.21323 15.5105 6.1611C15.7981 6.10896 16.0634 5.97189 16.2723 5.76755L16.3255 5.71437C16.4901 5.54955 16.6856 5.41879 16.9008 5.32958C17.116 5.24037 17.3467 5.19445 17.5797 5.19445C17.8126 5.19445 18.0433 5.24037 18.2585 5.32958C18.4737 5.41879 18.6692 5.54955 18.8339 5.71437C18.9987 5.87901 19.1294 6.07452 19.2186 6.28972C19.3079 6.50493 19.3538 6.73561 19.3538 6.96857C19.3538 7.20154 19.3079 7.43222 19.2186 7.64742C19.1294 7.86263 18.9987 8.05814 18.8339 8.22278L18.7807 8.27596C18.5763 8.48486 18.4393 8.75018 18.3871 9.03771C18.335 9.32524 18.3702 9.6218 18.4882 9.88914V9.96005C18.6005 10.2222 18.7871 10.4458 19.0249 10.6033C19.2627 10.7608 19.5414 10.8453 19.8266 10.8464H19.9773C20.4474 10.8464 20.8983 11.0332 21.2308 11.3656C21.5632 11.6981 21.75 12.149 21.75 12.6191C21.75 13.0893 21.5632 13.5402 21.2308 13.8726C20.8983 14.2051 20.4474 14.3919 19.9773 14.3919H19.8975C19.6123 14.393 19.3336 14.4775 19.0958 14.635C18.858 14.7925 18.6714 15.0161 18.5591 15.2782Z","stroke","currentColor","stroke-width","1.725","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-video-player--settings-dialog",3,"click"],[1,"velt-video-player--settings-label"],[1,"velt-video-player--settings-icon-panel"],[4,"ngFor","ngForOf"],[1,"velt-video-player--settings-icon",3,"click"]],template:function(n,r){n&1&&s(0,U_,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R,W],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}.velt-video-player--settings-button[_ngcontent-%COMP%]{position:relative;align-items:center;justify-content:center;cursor:pointer}.velt-video-player--settings-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{color:var(--velt-white)}.velt-video-player--settings-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}.velt-video-player--settings-button[_ngcontent-%COMP%]   .velt-video-player--settings-dialog[_ngcontent-%COMP%]{position:absolute;background:var(--velt-background-1);border-radius:var(--velt-border-radius-lg);padding:var(--velt-spacing-lg);display:flex;flex-direction:column;gap:var(--velt-spacing-sm);top:0;left:0;transform:translate(-50%,-150%)}.velt-video-player--settings-button[_ngcontent-%COMP%]   .velt-video-player--settings-dialog[_ngcontent-%COMP%]   .velt-video-player--settings-label[_ngcontent-%COMP%]{font-weight:400;font-size:var(--velt-font-size-xs);color:var(--velt-text-4)!important}.velt-video-player--settings-button[_ngcontent-%COMP%]   .velt-video-player--settings-dialog[_ngcontent-%COMP%]   .velt-video-player--settings-icon-panel[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-xs)}.velt-video-player--settings-button[_ngcontent-%COMP%]   .velt-video-player--settings-dialog[_ngcontent-%COMP%]   .velt-video-player--settings-icon-panel[_ngcontent-%COMP%]   .velt-video-player--settings-icon[_ngcontent-%COMP%]{height:32px;width:32px;border-radius:var(--velt-border-radius-sm);padding:var(--velt-spacing-xs);display:flex;justify-content:center;align-items:center;font-weight:400;font-size:var(--velt-font-size-xs);color:var(--velt-text-7)!important;cursor:pointer}.velt-video-player--settings-button[_ngcontent-%COMP%]   .velt-video-player--settings-dialog[_ngcontent-%COMP%]   .velt-video-player--settings-icon-panel[_ngcontent-%COMP%]   .velt-video-player--settings-icon[_ngcontent-%COMP%]:hover{background:var(--velt-background-3);color:var(--velt-text-4)!important}.velt-video-player--settings-button[_ngcontent-%COMP%]   .velt-video-player--settings-dialog[_ngcontent-%COMP%]   .velt-video-player--settings-icon-panel[_ngcontent-%COMP%]   .velt-video-player--settings-icon.active[_ngcontent-%COMP%]{background:var(--velt-accent-transparent);color:var(--velt-accent-text)!important}"],changeDetection:0});let t=o;return t})();var uc=t=>({componentConfigSignal:t}),W_=(t,o)=>({condition:t,data:o}),Y_=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function X_(t,o){t&1&&(m(0),K(),v(1,"svg",4),S(2,"path",5),u(),p())}function $_(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(!(n.annotation==null||n.annotation.transcription==null)&&n.annotation.transcription.transcriptedText?n.onSubtitlesButtonClick(!0):null)}),s(2,X_,3,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,Y_,e.template,C(1,uc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Q_(t,o){if(t&1&&(m(0),s(1,$_,3,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,W_,i.conditionSignal(),C(1,uc,i.componentConfigSignal)))}}var Fi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-subtitle-button-icon";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonIconComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonIconComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonIconComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-subtitle-button-icon"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click"],[4,"veltDynamicTemplate"],["width","25","height","25","viewBox","0 0 25 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10.9824 11.1172C10.9824 10.7194 10.8244 10.3378 10.5431 10.0565C10.2618 9.77522 9.88025 9.61719 9.48242 9.61719C9.0846 9.61719 8.70307 9.77522 8.42176 10.0565C8.14046 10.3378 7.98242 10.7194 7.98242 11.1172V14.1172C7.98242 14.515 8.14046 14.8965 8.42176 15.1778C8.70307 15.4592 9.0846 15.6172 9.48242 15.6172C9.88025 15.6172 10.2618 15.4592 10.5431 15.1778C10.8244 14.8965 10.9824 14.515 10.9824 14.1172M17.9824 11.1172C17.9824 10.7194 17.8244 10.3378 17.5431 10.0565C17.2618 9.77522 16.8802 9.61719 16.4824 9.61719C16.0846 9.61719 15.7031 9.77522 15.4218 10.0565C15.1405 10.3378 14.9824 10.7194 14.9824 11.1172V14.1172C14.9824 14.515 15.1405 14.8965 15.4218 15.1778C15.7031 15.4592 16.0846 15.6172 16.4824 15.6172C16.8802 15.6172 17.2618 15.4592 17.5431 15.1778C17.8244 14.8965 17.9824 14.515 17.9824 14.1172M3.98242 7.61719C3.98242 7.08675 4.19314 6.57805 4.56821 6.20297C4.94328 5.8279 5.45199 5.61719 5.98242 5.61719H19.9824C20.5129 5.61719 21.0216 5.8279 21.3966 6.20297C21.7717 6.57805 21.9824 7.08675 21.9824 7.61719V17.6172C21.9824 18.1476 21.7717 18.6563 21.3966 19.0314C21.0216 19.4065 20.5129 19.6172 19.9824 19.6172H5.98242C5.45199 19.6172 4.94328 19.4065 4.56821 19.0314C4.19314 18.6563 3.98242 18.1476 3.98242 17.6172V7.61719Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,Q_,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0});let t=o;return t})();var fc=t=>({componentConfigSignal:t}),J_=(t,o)=>({condition:t,data:o}),K_=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function ey(t,o){t&1&&(m(0),ie(1),z(2,"translate"),p()),t&2&&(c(),ge(" ",j(2,1,"Subtitles not available")," "))}function ty(t,o){if(t&1&&(v(0,"span",3),s(1,ey,3,3,"ng-container",4),u()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,K_,e.template,C(1,fc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function ny(t,o){if(t&1&&(m(0),s(1,ty,2,9,"span",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",!(!(i.annotation==null||i.annotation.transcription==null)&&i.annotation.transcription.transcriptedText))}}function iy(t,o){if(t&1&&(m(0),s(1,ny,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,J_,i.conditionSignal(),C(1,fc,i.componentConfigSignal)))}}var Bi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-subtitle-button-tooltip";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonTooltipComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonTooltipComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonTooltipComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-subtitle-button-tooltip"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","s-tooltiptext top",4,"ngIf"],[1,"s-tooltiptext","top"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&s(0,iy,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],encapsulation:2,changeDetection:0});let t=o;return t})();var hc=t=>({componentConfigSignal:t}),ry=(t,o)=>({condition:t,data:o}),ay=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-subtitle-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function ly(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-recorder-player-expanded-controls-subtitle-button-tooltip",4)(3,"velt-recorder-player-expanded-controls-subtitle-button-icon",4),u(),p()),t&2){let i=a(3).ngIf,e=a();c(),te("disabled",!(!(i.annotation==null||i.annotation.transcription==null)&&i.annotation.transcription.transcriptedText)),c(),l("componentConfigSignal",e.componentConfigSignal),c(),l("componentConfigSignal",e.componentConfigSignal)}}function cy(t,o){if(t&1&&(m(0),s(1,ly,4,4,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,ay,e.template,C(1,hc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function sy(t,o){if(t&1&&(m(0),s(1,cy,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",(i==null?null:i.recordingTranscriptionEnabled)&&(i.annotation==null?null:i.annotation.transcription)&&i.showSubtitlesButton)}}function dy(t,o){if(t&1&&(m(0),s(1,sy,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,ry,i.conditionSignal(),C(1,hc,i.componentConfigSignal)))}}var Li=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-subtitle-button";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsSubtitleButtonComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-subtitle-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--subtitle","s-tooltip"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,dy,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Fi,Bi],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}.velt-video-player--subtitle[_ngcontent-%COMP%]{cursor:pointer;display:flex!important}.velt-video-player--subtitle.disabled[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{cursor:not-allowed!important;opacity:.5}"],changeDetection:0});let t=o;return t})();var Cc=t=>({componentConfigSignal:t}),py=(t,o)=>({condition:t,data:o}),gy=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-current-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function vy(t,o){if(t&1&&(m(0),v(1,"span"),ie(2),u(),p()),t&2){let i=a(2).ngIf;c(2),ke(i.currentTime||"00:00")}}function uy(t,o){if(t&1&&(m(0),s(1,vy,3,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,gy,e.template,C(1,Cc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function fy(t,o){if(t&1&&(m(0),s(1,uy,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,py,i.conditionSignal(),C(1,Cc,i.componentConfigSignal)))}}var Ni=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-current-time";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsCurrentTimeComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsCurrentTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsCurrentTimeComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-current-time"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&s(0,fy,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],encapsulation:2,changeDetection:0});let t=o;return t})();var _c=t=>({componentConfigSignal:t}),Cy=(t,o)=>({condition:t,data:o}),_y=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-total-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function yy(t,o){if(t&1&&(m(0),v(1,"span",3),ie(2),u(),p()),t&2){let i=a(2).ngIf;c(2),ke((i.latestEditedVersion==null||i.latestEditedVersion.recordedTime==null?null:i.latestEditedVersion.recordedTime.display)||(i.annotation==null||i.annotation.recordedTime==null?null:i.annotation.recordedTime.display))}}function Sy(t,o){if(t&1&&(m(0),s(1,yy,3,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,_y,e.template,C(1,_c,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function xy(t,o){if(t&1&&(m(0),s(1,Sy,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Cy,i.conditionSignal(),C(1,_c,i.componentConfigSignal)))}}var zi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-total-time";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTotalTimeComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTotalTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTotalTimeComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-total-time"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--total-time"]],template:function(n,r){n&1&&s(0,xy,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:[".velt-video-player--total-time[_ngcontent-%COMP%]{opacity:.8}"],changeDetection:0});let t=o;return t})();var yc=t=>({componentConfigSignal:t}),Iy=(t,o)=>({condition:t,data:o}),Py=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Ey(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-recorder-player-expanded-controls-current-time",4),v(3,"span",5),ie(4,"/"),u(),S(5,"velt-recorder-player-expanded-controls-total-time",4),u(),p()),t&2){let i=a(3);c(2),l("componentConfigSignal",i.componentConfigSignal),c(3),l("componentConfigSignal",i.componentConfigSignal)}}function Dy(t,o){if(t&1&&(m(0),s(1,Ey,6,2,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Py,e.template,C(1,yc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Ty(t,o){if(t&1&&(m(0),s(1,Dy,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Iy,i.conditionSignal(),C(1,yc,i.componentConfigSignal)))}}var ji=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-time";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTimeComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTimeComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-time"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--time"],[3,"componentConfigSignal"],[1,"velt-video-player--divider"]],template:function(n,r){n&1&&s(0,Ty,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Ni,zi],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}[_nghost-%COMP%]{width:100%;position:absolute;left:0;right:0;pointer-events:none}.velt-video-player--time[_ngcontent-%COMP%]{pointer-events:none;display:flex!important;gap:var(--velt-spacing-sm);justify-content:center!important;align-items:center!important;color:var(--velt-white);font-size:var(--velt-font-size-md);font-weight:500}.velt-video-player--time[_ngcontent-%COMP%]   .velt-video-player--divider[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});let t=o;return t})();var Sc=t=>({componentConfigSignal:t}),wy=(t,o)=>({condition:t,data:o}),ky=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-toggle-pause-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Ry(t,o){t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4)(3,"path",5),u(),p())}function My(t,o){if(t&1&&(m(0),s(1,Ry,4,0,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,ky,e.template,C(1,Sc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Vy(t,o){if(t&1&&(m(0),s(1,My,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.playing)}}function Ay(t,o){if(t&1&&(m(0),s(1,Vy,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,wy,i.conditionSignal(),C(1,Sc,i.componentConfigSignal)))}}var Hi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-toggle-pause";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTogglePauseComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTogglePauseComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTogglePauseComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-toggle-pause"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","20","height","20","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M1.33203 2.66536C1.33203 1.92899 1.92898 1.33203 2.66536 1.33203H5.33203C6.06841 1.33203 6.66536 1.92898 6.66536 2.66536V13.332C6.66536 14.0684 6.06841 14.6654 5.33203 14.6654H2.66536C1.92898 14.6654 1.33203 14.0684 1.33203 13.332V2.66536Z","fill","currentColor"],["d","M9.33203 2.66536C9.33203 1.92899 9.92899 1.33203 10.6654 1.33203H13.332C14.0684 1.33203 14.6654 1.92898 14.6654 2.66536V13.332C14.6654 14.0684 14.0684 14.6654 13.332 14.6654H10.6654C9.92899 14.6654 9.33203 14.0684 9.33203 13.332V2.66536Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,Ay,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]:empty{display:none}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0});let t=o;return t})();var xc=t=>({componentConfigSignal:t}),By=(t,o)=>({condition:t,data:o}),Ly=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-toggle-play-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Ny(t,o){t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p())}function zy(t,o){if(t&1&&(m(0),s(1,Ny,3,0,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Ly,e.template,C(1,xc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function jy(t,o){if(t&1&&(m(0),s(1,zy,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",!i.playing)}}function Hy(t,o){if(t&1&&(m(0),s(1,jy,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,By,i.conditionSignal(),C(1,xc,i.componentConfigSignal)))}}var Zi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-toggle-play";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTogglePlayComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTogglePlayComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTogglePlayComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-toggle-play"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M3.08337 3.65485C3.08337 1.69607 5.23378 0.498172 6.89926 1.52918L17.1496 7.87464C18.7284 8.852 18.7284 11.1486 17.1496 12.126L6.89926 18.4714C5.23378 19.5024 3.08337 18.3045 3.08337 16.3458V3.65485Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,Hy,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]:empty{display:none}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0});let t=o;return t})();var bc=t=>({componentConfigSignal:t}),Uy=(t,o)=>({condition:t,data:o}),Gy=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-toggle-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Wy(t,o){if(t&1&&(m(0),v(1,"div",4),S(2,"velt-recorder-player-expanded-controls-toggle-pause",5)(3,"velt-recorder-player-expanded-controls-toggle-play",5),u(),p()),t&2){let i=a(3);c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function Yy(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.toggleVideo())}),s(2,Wy,4,2,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,Gy,e.template,C(1,bc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Xy(t,o){if(t&1&&(m(0),s(1,Yy,3,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Uy,i.conditionSignal(),C(1,bc,i.componentConfigSignal)))}}var Ui=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-toggle-button";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsToggleButtonComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsToggleButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsToggleButtonComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-toggle-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-player--toggle-button"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,Xy,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Hi,Zi],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}.velt-video-player--toggle-button[_ngcontent-%COMP%]{display:flex!important;align-items:center!important;cursor:pointer!important}"],changeDetection:0});let t=o;return t})();var Ic=t=>({componentConfigSignal:t}),Qy=(t,o)=>({condition:t,data:o}),qy=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-transcription-icon-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Jy(t,o){t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p())}function Ky(t,o){if(t&1&&(m(0),s(1,Jy,3,0,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,qy,e.template,C(1,Ic,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function e2(t,o){if(t&1&&(m(0),s(1,Ky,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Qy,i.conditionSignal(),C(1,Ic,i.componentConfigSignal)))}}var Gi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-transcription-icon";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionIconComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionIconComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionIconComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-transcription-icon"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","24","height","25","viewBox","0 0 24 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.9902 3.82031V7.82031C13.9902 8.08553 14.0956 8.33988 14.2831 8.52742C14.4707 8.71496 14.725 8.82031 14.9902 8.82031H18.9902M13.9902 3.82031H6.99023C6.4598 3.82031 5.95109 4.03103 5.57602 4.4061C5.20095 4.78117 4.99023 5.28988 4.99023 5.82031V19.8203C4.99023 20.3507 5.20095 20.8595 5.57602 21.2345C5.95109 21.6096 6.4598 21.8203 6.99023 21.8203H16.9902C17.5207 21.8203 18.0294 21.6096 18.4044 21.2345C18.7795 20.8595 18.9902 20.3507 18.9902 19.8203V8.82031M13.9902 3.82031L18.9902 8.82031M8.99023 9.82031H9.99023M8.99023 13.8203H14.9902M8.99023 17.8203H14.9902","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,e2,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0});let t=o;return t})();var Pc=t=>({componentConfigSignal:t}),n2=(t,o)=>({condition:t,data:o}),i2=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-transcription-tooltip-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function o2(t,o){t&1&&(m(0),ie(1),z(2,"translate"),p()),t&2&&(c(),ge(" ",j(2,1,"Transcription not available")," "))}function r2(t,o){if(t&1&&(v(0,"span",3),s(1,o2,3,3,"ng-container",4),u()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,i2,e.template,C(1,Pc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function a2(t,o){if(t&1&&(m(0),s(1,r2,2,9,"span",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",!(!(i.annotation==null||i.annotation.transcription==null)&&i.annotation.transcription.transcriptedText))}}function l2(t,o){if(t&1&&(m(0),s(1,a2,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,n2,i.conditionSignal(),C(1,Pc,i.componentConfigSignal)))}}var Wi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-transcription-tooltip";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionTooltipComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionTooltipComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionTooltipComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-transcription-tooltip"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","s-tooltiptext top",4,"ngIf"],[1,"s-tooltiptext","top"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&s(0,l2,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],encapsulation:2,changeDetection:0});let t=o;return t})();var Ec=t=>({componentConfigSignal:t}),s2=(t,o)=>({condition:t,data:o}),d2=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-transcription-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function m2(t,o){if(t&1&&(m(0),v(1,"div",5),S(2,"velt-recorder-player-expanded-controls-transcription-tooltip",6)(3,"velt-recorder-player-expanded-controls-transcription-icon",6),u(),p()),t&2){let i=a(3).ngIf,e=a();c(),te("disabled",!(!(i.annotation==null||i.annotation.transcription==null)&&i.annotation.transcription.transcriptedText)),c(),l("componentConfigSignal",e.componentConfigSignal),c(),l("componentConfigSignal",e.componentConfigSignal)}}function p2(t,o){if(t&1){let i=Z();v(0,"div",3),H("click",function(){O(i);let n=a(2).ngIf;return w(!(n.annotation==null||n.annotation.transcription==null)&&n.annotation.transcription.transcriptedText?n.onTranscriptionButtonClick(!0):null)}),s(1,m2,4,4,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,d2,e.template,C(1,Ec,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function g2(t,o){if(t&1&&(m(0),s(1,p2,2,9,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",(i==null?null:i.recordingTranscriptionEnabled)&&(i.annotation==null?null:i.annotation.transcription)&&i.transcriptionMode==="embed")}}function v2(t,o){if(t&1&&(m(0),s(1,g2,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,s2,i.conditionSignal(),C(1,Ec,i.componentConfigSignal)))}}var Yi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-transcription-button";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionButtonComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsTranscriptionButtonComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-transcription-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click",4,"ngIf"],[3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-player--transcription","s-tooltip"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,v2,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Gi,Wi],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}.velt-video-player--transcription[_ngcontent-%COMP%]{cursor:pointer;display:flex!important}.velt-video-player--transcription.disabled[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{cursor:not-allowed!important;opacity:.5}"],changeDetection:0});let t=o;return t})();var Dc=t=>({componentConfigSignal:t}),f2=(t,o)=>({condition:t,data:o}),h2=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-volume-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function C2(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6)(3,"path",7),u(),p())}function _2(t,o){if(t&1){let i=Z();v(0,"div",8),H("click",function(n){return O(i),w(n.stopPropagation())}),v(1,"mat-slider",9),H("input",function(n){O(i);let r=a(2).ngIf;return w(r.onVolumneChange(n))}),v(2,"input",10),ko("ngModelChange",function(n){O(i);let r=a(2).ngIf;return wo(r.currentVolume,n)||(r.currentVolume=n),w(n)}),u()()()}if(t&2){let i=a(2).ngIf;c(2),Oo("ngModel",i.currentVolume)}}function y2(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(n){return O(i),a().ngIf.toggleVolume(),w(n.stopPropagation())}),s(2,C2,4,0,"ng-container",3)(3,_2,3,1,"div",4),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(4,h2,e.template,C(2,Dc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef)),c(),l("ngIf",i.volumeVisible)}}function S2(t,o){if(t&1&&(m(0),s(1,y2,4,10,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,f2,i.conditionSignal(),C(1,Dc,i.componentConfigSignal)))}}var Xi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-volume-button";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsVolumeButtonComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsVolumeButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsVolumeButtonComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-volume-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-player--volume",3,"click"],[4,"veltDynamicTemplate"],["class","velt-video-player--volume-slider",3,"click",4,"ngIf"],["width","24","height","25","viewBox","0 0 24 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M14.998 8.61743C15.619 9.08317 16.123 9.68709 16.4702 10.3814C16.8173 11.0756 16.998 11.8412 16.998 12.6174C16.998 13.3937 16.8173 14.1592 16.4702 14.8535C16.123 15.5478 15.619 16.1517 14.998 16.6174M17.698 5.61743C18.742 6.46108 19.584 7.52756 20.1625 8.73875C20.7409 9.94995 21.0411 11.2752 21.0411 12.6174C21.0411 13.9597 20.7409 15.2849 20.1625 16.4961C19.584 17.7073 18.742 18.7738 17.698 19.6174M5.99805 15.6174H3.99805C3.73283 15.6174 3.47848 15.512 3.29094 15.3245C3.1034 15.137 2.99805 14.8826 2.99805 14.6174V10.6174C2.99805 10.3522 3.1034 10.0978 3.29094 9.9103C3.47848 9.72276 3.73283 9.6174 3.99805 9.6174H5.99805L9.49805 5.1174C9.58545 4.94763 9.7307 4.81473 9.90754 4.7427C10.0844 4.67067 10.2812 4.66426 10.4623 4.72465C10.6434 4.78503 10.797 4.90822 10.8953 5.07194C10.9935 5.23567 11.03 5.42915 10.998 5.6174V19.6174C11.03 19.8057 10.9935 19.9991 10.8953 20.1629C10.797 20.3266 10.6434 20.4498 10.4623 20.5102C10.2812 20.5705 10.0844 20.5641 9.90754 20.4921C9.7307 20.4201 9.58545 20.2872 9.49805 20.1174L5.99805 15.6174Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M5.99805 15.6174H3.99805C3.73283 15.6174 3.47848 15.512 3.29094 15.3245C3.1034 15.137 2.99805 14.8826 2.99805 14.6174V10.6174C2.99805 10.3522 3.1034 10.0978 3.29094 9.9103C3.47848 9.72276 3.73283 9.6174 3.99805 9.6174H5.99805L9.49805 5.1174C9.58545 4.94763 9.7307 4.81473 9.90754 4.7427C10.0844 4.67067 10.2812 4.66426 10.4623 4.72465C10.6434 4.78503 10.797 4.90822 10.8953 5.07194C10.9935 5.23567 11.03 5.42915 10.998 5.6174V19.6174C11.03 19.8057 10.9935 19.9991 10.8953 20.1629C10.797 20.3266 10.6434 20.4498 10.4623 20.5102C10.2812 20.5705 10.0844 20.5641 9.90754 20.4921C9.7307 20.4201 9.58545 20.2872 9.49805 20.1174L5.99805 15.6174Z","fill","currentColor"],[1,"velt-video-player--volume-slider",3,"click"],["min","0","max","1","step","0.1","type","range",3,"input"],["matSliderThumb","",3,"ngModelChange","ngModel"]],template:function(n,r){n&1&&s(0,S2,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Ao,Fo,Bo,P,R],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}.velt-video-player--volume[_ngcontent-%COMP%]{position:relative;align-items:center;justify-content:center;cursor:pointer}.velt-video-player--volume[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{color:var(--velt-white)}.velt-video-player--volume[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}.velt-video-player--volume[_ngcontent-%COMP%]   .velt-video-player--volume-slider[_ngcontent-%COMP%]{position:absolute;top:-160px;left:-8px;height:100px;width:100%;display:flex;justify-content:center;align-items:center}[_nghost-%COMP%]     mat-slider{transform:rotate(-90deg)}[_nghost-%COMP%]     .mdc-slider__thumb.mat-mdc-slider-visual-thumb{display:none}[_nghost-%COMP%]     .mat-mdc-slider.mdc-slider.mat-primary{background-color:unset!important}[_nghost-%COMP%]     .mat-mdc-slider.mdc-slider.mat-primary input{padding:var(--velt-spacing-sm);top:21px;height:24px}[_nghost-%COMP%]     .mat-mdc-slider.mdc-slider.mat-primary .mdc-slider__track--active{background-color:var(--velt-background-4);height:24px}[_nghost-%COMP%]     .mat-mdc-slider.mdc-slider.mat-primary .mdc-slider__track--active_fill{border-color:var(--velt-accent);border-top-width:24px}"],changeDetection:0});let t=o;return t})();var b2=["*"],Tc=t=>({componentConfigSignal:t}),I2=(t,o)=>({condition:t,data:o}),P2=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-minimize-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function E2(t,o){t&1&&(m(0),Qe(1),p())}function D2(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.onMinimizeButtonClick())}),s(2,E2,2,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,P2,e.template,C(1,Tc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function T2(t,o){if(t&1&&(m(0),s(1,D2,3,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,I2,i.conditionSignal(),C(1,Tc,i.componentConfigSignal)))}}var Gt=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-minimize-button";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedMinimizeButtonComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedMinimizeButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedMinimizeButtonComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-minimize-button"]],standalone:!1,features:[k],ngContentSelectors:b2,decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&($e(),s(0,T2,2,6,"ng-container",0)),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}"],changeDetection:0});let t=o;return t})();var wc=t=>({componentConfigSignal:t}),O2=(t,o)=>({condition:t,data:o}),w2=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function k2(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-recorder-player-expanded-controls-progress-bar",4),v(3,"div",5),S(4,"velt-recorder-player-expanded-controls-toggle-button",4)(5,"velt-recorder-player-expanded-controls-time",4),v(6,"div",6),S(7,"velt-recorder-player-expanded-controls-subtitle-button",4)(8,"velt-recorder-player-expanded-controls-transcription-button",4),v(9,"div",7),K(),v(10,"svg",8),S(11,"rect",9),u()(),Ae(),S(12,"velt-recorder-player-expanded-controls-volume-button",4)(13,"velt-recorder-player-expanded-controls-settings-button",4),v(14,"velt-recorder-player-expanded-minimize-button",4)(15,"div",10),K(),v(16,"svg",11),S(17,"path",12),u()()()()()(),p()),t&2){let i=a(4);c(2),l("componentConfigSignal",i.componentConfigSignal),c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(4),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function R2(t,o){if(t&1&&(m(0),s(1,k2,18,8,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,w2,e.template,C(1,wc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function M2(t,o){if(t&1&&(m(0),s(1,R2,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showControls&&(i.annotation==null||i.annotation.recordedTime==null?null:i.annotation.recordedTime.duration))}}function V2(t,o){if(t&1&&(m(0),s(1,M2,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,O2,i.conditionSignal(),C(1,wc,i.componentConfigSignal)))}}var $i=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--controls"],[3,"componentConfigSignal"],[1,"velt-video-player--control-panel"],[1,"velt-video-player--control-panel-buttons"],[1,"divider"],["width","2","height","25","viewBox","0 0 2 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["x","-0.0078125","y","0.617188","width","2","height","24","rx","1","fill","white","fill-opacity","0.12"],[1,"velt-video-player--minimize-icon"],["width","24","height","25","viewBox","0 0 24 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M5 9.61719H9M9 9.61719V5.61719M9 9.61719L3 3.61719M5 15.6172H9M9 15.6172V19.6172M9 15.6172L3 21.6172M19 9.61719H15M15 9.61719V5.61719M15 9.61719L21 3.61719M19 15.6172H15M15 15.6172V19.6172M15 15.6172L21 21.6172","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,V2,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Vi,Ai,Li,ji,Ui,Yi,Xi,Gt],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}[_nghost-%COMP%]{width:100%}.velt-video-player--controls[_ngcontent-%COMP%]{box-sizing:border-box;display:flex;flex-direction:column;z-index:10;border-radius:var(--velt-border-radius-lg);border-top-left-radius:0;border-top-right-radius:0;width:100%;padding:var(--velt-spacing-lg);gap:var(--velt-spacing-lg);background:linear-gradient(0deg,#141416,#37373700);padding-top:calc((5rem + 0px) * var(--velt-base-rem-unit))}.velt-video-player--controls[_ngcontent-%COMP%]   .velt-video-player--control-panel[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;position:relative}.velt-video-player--controls[_ngcontent-%COMP%]   .velt-video-player--control-panel[_ngcontent-%COMP%]   .velt-video-player--control-panel-buttons[_ngcontent-%COMP%]{display:flex;align-items:center;gap:calc((2rem + 0px) * var(--velt-base-rem-unit))}.velt-video-player--minimize-icon[_ngcontent-%COMP%]{color:var(--velt-white);cursor:pointer;display:flex}.velt-video-player--minimize-icon[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}svg[_ngcontent-%COMP%]{cursor:pointer}"],changeDetection:0});let t=o;return t})();var F2=["videoRef"],B2=t=>({componentConfigSignal:t}),L2=(t,o)=>({condition:t,data:o});function N2(t,o){if(t&1&&S(0,"source",6),t&2){let i=a(2).ngIf;l("src",!(i.latestEditedVersion==null||i.latestEditedVersion.attachment==null)&&i.latestEditedVersion.attachment.thumbnail||!(i.annotation==null||i.annotation.attachment==null)&&i.annotation.attachment.thumbnail?i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.url:(i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.url)+"#t=0.001")}}function z2(t,o){if(t&1&&S(0,"source",8),t&2){let i=o.$implicit;l("src",i==null?null:i.url)("type",(i==null?null:i.mimeType)||"video/mp4")}}function j2(t,o){if(t&1&&(s(0,z2,1,2,"source",7),z(1,"rearrangeMediaSource")),t&2){let i=a(2).ngIf;l("ngForOf",j(1,2,(i.latestEditedVersion==null?null:i.latestEditedVersion.attachments)||(i.annotation==null?null:i.annotation.attachments)))("ngForTrackBy",i.trackByAttachmentId)}}function H2(t,o){if(t&1){let i=Z();m(0),v(1,"video",3,0),H("afterViewInit",function(){O(i);let n=a(2);return w(n.setVideoRef())})("timeupdate",function(){O(i);let n=re(2),r=a().ngIf;return w(r.timeUpdate(n==null?null:n.currentTime))})("pointerdown",function(){O(i);let n=a().ngIf;return w(n.toggleVideo())}),s(3,N2,1,1,"source",4)(4,j2,2,4,"ng-template",5),u(),p()}if(t&2){let i=a().ngIf;c(),te("flip",(i.annotation==null?null:i.annotation.recordingType)==="video"),l("poster",(i.latestEditedVersion==null||i.latestEditedVersion.attachment==null?null:i.latestEditedVersion.attachment.thumbnail)||(i.annotation==null||i.annotation.attachment==null?null:i.annotation.attachment.thumbnail)||(!(i.annotation==null||i.annotation.attachments==null)&&i.annotation.attachments.length?i.annotation==null?null:i.annotation.attachments[0].thumbnail:"")),c(2),l("ngIf",!(!(i.annotation==null||i.annotation.attachments==null)&&i.annotation.attachments.length)&&(i.annotation==null?null:i.annotation.attachment)),c(),l("ngIf",i.annotation==null||i.annotation.attachments==null?null:i.annotation.attachments.length)}}function Z2(t,o){if(t&1&&(m(0),s(1,H2,5,5,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,L2,i.conditionSignal(),C(1,B2,i.componentConfigSignal)))}}var Qi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-display";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedDisplayComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedDisplayComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedDisplayComponent ngOnDestroy: ",e)}}ngAfterViewInit(){try{this.setVideoRef()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedDisplayComponent ngAfterViewInit: ",e)}}setVideoRef(){try{setTimeout(()=>{this.componentConfigSignal()&&(this.componentConfigSignal.update(e=>(e=_(h({},e),{videoRef:this.videoRef}),e)),this.componentConfigSignal().playVideoInFullScreen&&this.componentConfigSignal().toggleVideo())})}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedDisplayComponent setVideoRef: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-display"]],viewQuery:function(n,r){if(n&1&&Ee(F2,5),n&2){let g;De(g=Te())&&(r.videoRef=g.first)}},standalone:!1,features:[k],decls:1,vars:1,consts:[["videoRef",""],[4,"ngIf"],[4,"veltIf"],["veltAfterViewInit","","playsinline","",3,"afterViewInit","timeupdate","pointerdown","poster"],["type","video/mp4",3,"src",4,"ngIf"],[3,"ngIf"],["type","video/mp4",3,"src"],[3,"src","type",4,"ngFor","ngForOf","ngForTrackBy"],[3,"src","type"]],template:function(n,r){n&1&&s(0,Z2,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,R,Ot],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}[_nghost-%COMP%]{width:100%;height:100%}video[_ngcontent-%COMP%]{object-fit:contain;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border-radius:var(--velt-border-radius-lg)}"],changeDetection:0});let t=o;return t})();var G2=t=>({componentConfigSignal:t}),W2=(t,o)=>({condition:t,data:o});function Y2(t,o){if(t&1){let i=Z();v(0,"div")(1,"div",4)(2,"snippyly-subtitles",5,0),H("subtitlesButtonClick",function(){O(i);let n=a(2).ngIf;return w(n.onSubtitlesButtonClick())}),u()()()}if(t&2){let i,e=re(3),n=a(2).ngIf;te("hide",(e==null||(i=e.componentConfigSignal())==null?null:i.highlightedTextIndex)<0),c(2),l("transcription",n.annotation==null?null:n.annotation.transcription)("timeToRead",(n.videoRef==null||n.videoRef.nativeElement==null?null:n.videoRef.nativeElement.currentTime)||0)("mode","embed")}}function X2(t,o){if(t&1&&(m(0),s(1,Y2,4,5,"div",3),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showSubtitles)}}function $2(t,o){if(t&1&&(m(0),s(1,X2,2,1,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,W2,i.conditionSignal(),C(1,G2,i.componentConfigSignal)))}}var qi=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-subtitles";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedSubtitlesComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedSubtitlesComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedSubtitlesComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-subtitles"]],standalone:!1,features:[k],decls:1,vars:1,consts:[["subtitlesRef",""],[4,"ngIf"],[4,"veltIf"],[3,"hide",4,"ngIf"],[1,"velt-video-player--subtitles"],[3,"subtitlesButtonClick","transcription","timeToRead","mode"]],template:function(n,r){n&1&&s(0,$2,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,R,bt],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}.velt-video-player--subtitles[_ngcontent-%COMP%]{border:1.5px solid color-mix(in srgb,var(--velt-white) 8%,transparent);background:var(--velt-black);color:var(--velt-white);border-radius:var(--velt-border-radius-md);line-height:calc((1.5rem + 0px) * var(--velt-base-rem-unit));padding:var(--velt-spacing-sm) var(--velt-spacing-lg);text-align:center}.hide[_ngcontent-%COMP%]{display:none}"],changeDetection:0});let t=o;return t})();var kc=t=>({componentConfigSignal:t}),q2=(t,o)=>({condition:t,data:o}),J2=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-panel-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function K2(t,o){if(t&1&&(v(0,"div",11),S(1,"velt-recorder-player-expanded-subtitles",12),u()),t&2){let i=a(4);c(),l("componentConfigSignal",i.componentConfigSignal)}}function eS(t,o){if(t&1&&(m(0),S(1,"velt-recorder-player-expanded-display",4),s(2,K2,2,1,"div",5),v(3,"div",6)(4,"velt-recorder-player-expanded-minimize-button",4)(5,"div",7),K(),v(6,"svg",8),S(7,"path",9),u()()()(),Ae(),v(8,"div",10),S(9,"velt-recorder-player-expanded-controls",4),u(),p()),t&2){let i=a(2).ngIf,e=a();c(),l("componentConfigSignal",e.componentConfigSignal),c(),l("ngIf",i.showSubtitles),c(2),l("componentConfigSignal",e.componentConfigSignal),c(5),l("componentConfigSignal",e.componentConfigSignal)}}function tS(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("mouseleave",function(){O(i);let n=a().ngIf;return w(n.onMouseLeave())})("click",function(n){return O(i),a().ngIf.handleClick(),w(n.stopPropagation())})("pointerdown",function(n){return O(i),w(n.stopPropagation())})("pointerup",function(n){return O(i),w(n.stopPropagation())}),s(2,eS,10,4,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,J2,e.template,C(1,kc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function nS(t,o){if(t&1&&(m(0),s(1,tS,3,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,q2,i.conditionSignal(),C(1,kc,i.componentConfigSignal)))}}var Ji=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-panel";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedPanelComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedPanelComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedPanelComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-panel"]],standalone:!1,features:[k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-player--panel",3,"mouseleave","click","pointerdown","pointerup"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal"],["class","velt-video-player--subtitles-wrap",4,"ngIf"],[1,"velt-video-player--header"],[1,"velt-video-player--header-icon"],["width","25","height","25","viewBox","0 0 25 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M18.954 6.0459L6.93555 18.0643M6.93555 6.0459L18.954 18.0643","stroke","currentColor","stroke-width","2.00307","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-video-player--controls-container"],[1,"velt-video-player--subtitles-wrap"],["player-subtitles","",3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,nS,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,$i,Qi,Gt,qi],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}[_nghost-%COMP%]{width:100%}.velt-video-player--panel[_ngcontent-%COMP%]{width:100%;flex:1 1 100%;height:100%;border-radius:var(--velt-border-radius-lg);display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--velt-background-0)}.velt-video-player--panel[_ngcontent-%COMP%]:hover   .velt-video-player--controls-container[_ngcontent-%COMP%]{opacity:1;transition:opacity .3s}.velt-video-player--panel[_ngcontent-%COMP%]:hover   .velt-video-player--header[_ngcontent-%COMP%]{display:flex}.velt-video-player--panel[_ngcontent-%COMP%]:hover   .velt-video-player--subtitles-wrap[_ngcontent-%COMP%]{bottom:15%}.velt-video-player--subtitles-wrap[_ngcontent-%COMP%]{position:absolute;width:calc((25rem + 0px) * var(--velt-base-rem-unit));max-width:90%;bottom:5%;left:50%;transform:translate(-50%);transition:bottom .3s;z-index:1}.velt-video-player--controls-container[_ngcontent-%COMP%]{opacity:0;position:absolute;bottom:0;width:100%}.velt-video-player--header[_ngcontent-%COMP%]{box-sizing:border-box;display:none;position:absolute;top:0;width:100%;justify-content:flex-end;align-items:center;gap:var(--velt-spacing-sm);padding:var(--velt-spacing-md)}.velt-video-player--header[_ngcontent-%COMP%]   .velt-video-player--header-icon[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-3xl);padding:var(--velt-spacing-md);border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-4);cursor:pointer;display:flex}.velt-video-player--header[_ngcontent-%COMP%]   .velt-video-player--header-icon[_ngcontent-%COMP%]:hover{background:var(--velt-background-6);border-color:var(--velt-border-8)}"],changeDetection:0});let t=o;return t})();var oS=t=>({componentConfigSignal:t}),rS=(t,o)=>({condition:t,data:o});function aS(t,o){if(t&1){let i=Z();v(0,"snippyly-transcription",5),H("seekTo",function(n){O(i);let r=a(3).ngIf;return w(r.onSeekToVideo(n,r.videoRef))})("close",function(){O(i);let n=a(3).ngIf;return w(n.toggleTranscription())})("transcriptionSummaryCopy",function(){O(i);let n=a(3).ngIf;return w(n.onTranscriptionSummaryCopy())})("transcriptionPanelDragged",function(){O(i);let n=a(3).ngIf;return w(n.onTranscriptionPanelDragged())}),u()}if(t&2){let i=a(3).ngIf;l("transcription",i.latestEditedVersion==null?null:i.latestEditedVersion.transcription)("mode",i.transcriptionMode)("visible",!0)("timeToRead",i.videoRef==null||i.videoRef.nativeElement==null?null:i.videoRef.nativeElement.currentTime)}}function lS(t,o){if(t&1){let i=Z();v(0,"div",3),H("click",function(n){return O(i),w(n.stopPropagation())})("pointerdown",function(n){return O(i),w(n.stopPropagation())})("pointerup",function(n){return O(i),w(n.stopPropagation())}),s(1,aS,1,4,"snippyly-transcription",4),u()}if(t&2){let i=a(2).ngIf;c(),l("ngIf",(i==null?null:i.recordingTranscriptionEnabled)&&(i.latestEditedVersion==null?null:i.latestEditedVersion.transcription)&&i.showTranscriptionButton)}}function cS(t,o){if(t&1&&(m(0),s(1,lS,2,1,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.transcriptionVisible)}}function sS(t,o){if(t&1&&(m(0),s(1,cS,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,rS,i.conditionSignal(),C(1,oS,i.componentConfigSignal)))}}var Ki=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-transcription";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedTranscriptionComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedTranscriptionComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedTranscriptionComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-transcription"]],standalone:!1,features:[k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-video-player--transcription-wrap",3,"click","pointerdown","pointerup",4,"ngIf"],[1,"velt-video-player--transcription-wrap",3,"click","pointerdown","pointerup"],[3,"transcription","mode","visible","timeToRead","seekTo","close","transcriptionSummaryCopy","transcriptionPanelDragged",4,"ngIf"],[3,"seekTo","close","transcriptionSummaryCopy","transcriptionPanelDragged","transcription","mode","visible","timeToRead"]],template:function(n,r){n&1&&s(0,sS,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,R,wt],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}[_nghost-%COMP%]:empty{display:none}.velt-video-player--transcription-wrap[_ngcontent-%COMP%]{flex:0 0 auto;width:calc((25rem + 0px) * var(--velt-base-rem-unit));height:100%;overflow:hidden}"],changeDetection:0});let t=o;return t})();var Rc=t=>({componentConfigSignal:t}),mS=(t,o)=>({condition:t,data:o}),pS=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function gS(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-recorder-player-expanded-panel",4)(3,"velt-recorder-player-expanded-transcription",5),u(),p()),t&2){let i=a(3);c(2),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function vS(t,o){if(t&1&&(m(0),s(1,gS,4,2,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,pS,e.template,C(1,Rc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function uS(t,o){if(t&1&&(m(0),s(1,vS,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,mS,i.conditionSignal(),C(1,Rc,i.componentConfigSignal)))}}var eo=(()=>{let o=class o extends Pe{get playing(){return this._playing}set playing(e){this._playing=e,e?this.play.emit():this.pause.emit()}constructor(e,n,r,g,I,B){super(I,g,void 0,void 0,void 0,B,n),this.analyticsService=e,this.loggingService=n,this.wireframeService=r,this.themeService=g,this.elementRef=I,this.dynamicDataService=B,this.recordingTranscriptionEnabled=!0,this.showControls=!0,this.showSubtitlesButton=!0,this.showTranscriptionButton=!0,this.transcriptionMode="floating",this.play=new be,this.pause=new be,this.delete=new be,this.transcriptionButtonClick=new be,this.transcriptionSummaryCopy=new be,this.subtitlesButtonClick=new be,this.transcriptionTimestampClick=new be,this.transcriptionPanelDragged=new be,this.onMinimize=new be,this.copyLink=new be,this._playing=!1,this.componentConfigSignal=ce({recordingTranscriptionEnabled:this.recordingTranscriptionEnabled,transcriptionVisible:!1,annotation:this.annotation,showTranscriptionButton:this.showTranscriptionButton,videoRef:void 0,transcriptionMode:this.transcriptionMode,variant:this.variant,onSeekToVideo:this.onSeekToVideo.bind(this),onTranscriptionSummaryCopy:this.onTranscriptionSummaryCopy.bind(this),onTranscriptionPanelDragged:this.onTranscriptionPanelDragged.bind(this),toggleTranscription:this.toggleTranscription.bind(this),timeUpdate:this.timeUpdate.bind(this),toggleVideo:this.toggleVideo.bind(this),trackByAttachmentId:this.trackByAttachmentId.bind(this),onSubtitlesButtonClick:this.onSubtitlesButtonClick.bind(this),onMouseLeave:this.onMouseLeave.bind(this),handleClick:this.handleClick.bind(this),onDurationChange:this.onDurationChange.bind(this),onSpeedToggle:this.onSpeedToggle.bind(this),toggleSettings:this.toggleSettings.bind(this),onVolumneChange:this.onVolumneChange.bind(this),toggleVolume:this.toggleVolume.bind(this),onDelete:this.onDelete.bind(this),onTranscriptionButtonClick:this.onTranscriptionButtonClick.bind(this),onProgressBarGrab:this.onProgressBarGrab.bind(this),onProgressBarRelease:this.onProgressBarRelease.bind(this),showSubtitles:!1,onCopyLink:this.onCopyLink.bind(this),onMinimizeButtonClick:this.onMinimizeButtonClick.bind(this),showControls:this.showControls,playing:this.playing,currentTime:"",showSubtitlesButton:this.showSubtitlesButton,showDeleteButton:this.showDeleteButton,volumeVisible:!1,currentVolume:100,activeSpeed:1,settingsVisible:!1,playVideoInFullScreen:this.playVideoInFullScreen}),this.componentId="velt-recorder-player-expanded"}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupEventListeners();let e="velt-recorder-player-expanded-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent ngOnInit: ",e)}}ngOnChanges(e){try{if(e&&Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))}),e.annotation){let n=e.annotation.currentValue;n?.latestVersion?this.componentConfigSignal.update(r=>(r=_(h({},r),{latestEditedVersion:n.recordingEditVersions[n.latestVersion]}),r)):this.componentConfigSignal.update(r=>(r=_(h({},r),{latestEditedVersion:{from:n?.from,attachment:n?.attachment,attachments:n?.attachments,recordedTime:n?.recordedTime,transcription:n?.transcription,waveformData:n?.waveformData,displayName:n?.displayName,boundedTrimRanges:[{start:0,end:n?.recordedTime?.duration||0}]}}),r))}}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent ngOnChanges: ",n)}}ngOnDestroy(){try{super.ngOnDestroy(),this.removeEventListeners()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent ngOnDestroy: ",e)}}trackByAttachmentId(e,n){return n?.attachmentId}handleClick(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{volumeVisible:!1,settingsVisible:!1}),e))}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent handleClick: ",e)}}toggleVideo(){try{if(this.componentConfigSignal().videoRef?.nativeElement){let e=this.componentConfigSignal().videoRef?.nativeElement;e&&(e.duration>0&&!e.paused?(e.pause(),this.componentConfigSignal.update(n=>(n=_(h({},n),{playing:!1}),n))):(e.play(),this.componentConfigSignal.update(n=>(n=_(h({},n),{playing:!0}),n))))}}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent toggleVideo: ",e)}}toggleSubtitles(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showSubtitles:!e.showSubtitles}),e))}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent toggleSubtitles: ",e)}}onCopyLink(){try{this.copyLink.emit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onCopyLink: ",e)}}toggleTranscription(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{transcriptionVisible:!e.transcriptionVisible}),e))}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent toggleTranscription: ",e)}}onTranscriptionButtonClick(e){try{this.transcriptionButtonClick.emit(),e&&this.toggleTranscription()}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onTranscriptionButtonClick: ",n)}}onMinimizeButtonClick(){try{this.onMinimize.emit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onMinimizeButtonClick: ",e)}}onTranscriptionSummaryCopy(){try{this.transcriptionSummaryCopy.emit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onTranscriptionSummaryCopy: ",e)}}onSubtitlesButtonClick(e){try{this.subtitlesButtonClick.emit(),e&&this.toggleSubtitles()}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onSubtitlesButtonClick: ",n)}}onDurationChange(e){try{e?.target?.value>=0&&this.componentConfigSignal().videoRef&&this.componentConfigSignal.update(n=>(n?.videoRef?.nativeElement&&(n=h({},n),n.videoRef?.nativeElement&&(n.videoRef.nativeElement.currentTime=e.target.value*(n.annotation?.recordedTime?.duration||0)/1e3)),n))}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onDurationChange: ",n)}}onProgressBarGrab(e){try{e.stopPropagation();let n=this.componentConfigSignal().videoRef;if(n?.nativeElement){let r=n.nativeElement,g=!r.paused;this.componentConfigSignal.update(I=>(I=_(h({},I),{wasPlayingBeforeDrag:g}),I)),r.pause()}}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onProgressBarGrab: ",n)}}onProgressBarRelease(e){try{e.stopPropagation();let n=this.componentConfigSignal().videoRef;if(n?.nativeElement){let r=n.nativeElement;this.componentConfigSignal().wasPlayingBeforeDrag&&r.play(),this.componentConfigSignal.update(I=>(I=_(h({},I),{wasPlayingBeforeDrag:void 0}),I))}}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onProgressBarRelease: ",n)}}onVolumneChange(e){try{this.componentConfigSignal().videoRef?.nativeElement&&this.componentConfigSignal.update(n=>(n?.videoRef?.nativeElement&&(n=_(h({},n),{videoRef:_(h({},n.videoRef),{nativeElement:_(h({},n.videoRef?.nativeElement),{volume:e?.target?.value})}),currentVolume:e?.target?.value})),n))}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onDurationChange: ",n)}}onSpeedToggle(e){try{this.componentConfigSignal().videoRef?.nativeElement&&this.componentConfigSignal.update(n=>(n?.videoRef?.nativeElement&&(n=_(h({},n),{videoRef:_(h({},n.videoRef),{nativeElement:_(h({},n.videoRef?.nativeElement),{playbackRate:e})}),activeSpeed:e})),n))}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onDurationChange: ",n)}}timeUpdate(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{currentTime:this.formatSecondsAsTime(e)}),n))}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent timeUpdate: ",n)}}formatSecondsAsTime(e){try{let n=Math.floor(e/3600),r=Math.floor((e-n*3600)/60),g=Math.floor(e-n*3600-r*60);return n&&n<10&&(n="0"+n),r<10&&(r="0"+r),g<10&&(g="0"+g),(n?n+":":"")+r+":"+g}catch(n){return this.loggingService.catch("Error in RecorderPlayerExpandedComponent formatSecondsAsTime: ",n),""}}onSeekToVideo(e,n){try{n&&(n.currentTime=e),this.onTranscriptionTimestampClick(e)}catch(r){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onSeekToVideo: ",r)}}onTranscriptionTimestampClick(e){try{this.transcriptionTimestampClick.emit(e)}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onTranscriptionTimestampClick: ",n)}}onTranscriptionPanelDragged(){try{this.transcriptionPanelDragged.emit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onTranscriptionPanelDragged: ",e)}}onDelete(){try{this.delete?.emit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onDelete: ",e)}}toggleSettings(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{volumeVisible:!1,settingsVisible:!e.settingsVisible}),e))}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent toggleSettings: ",e)}}toggleVolume(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{volumeVisible:!e.volumeVisible,settingsVisible:!1}),e))}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent toggleVolume: ",e)}}onMouseLeave(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{volumeVisible:!1,settingsVisible:!1}),e))}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent onMouseLeave: ",e)}}setupEventListeners(){try{this.removeEventListeners(),this.keyDownListener=this.handleKeyDown.bind(this),window.addEventListener("keydown",this.keyDownListener)}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent setupEventListeners: ",e)}}removeEventListeners(){try{this.keyDownListener&&window.removeEventListener("keydown",this.keyDownListener)}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedComponent removeEventListeners: ",e)}}handleKeyDown(e){try{e.key===" "&&(e.preventDefault(),e.stopPropagation(),this.toggleVideo())}catch(n){this.loggingService.catch("Error in RecorderPlayerExpandedComponent handleKeyDown: ",n)}}};o.\u0275fac=function(n){return new(n||o)(d(Ke),d(y),d(Se),d(Ie),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded"]],inputs:{annotation:"annotation",recordingTranscriptionEnabled:"recordingTranscriptionEnabled",showControls:"showControls",showSubtitlesButton:"showSubtitlesButton",showTranscriptionButton:"showTranscriptionButton",playVideoInFullScreen:"playVideoInFullScreen",showDeleteButton:"showDeleteButton",transcriptionMode:"transcriptionMode",variant:"variant"},outputs:{play:"play",pause:"pause",delete:"delete",transcriptionButtonClick:"transcriptionButtonClick",transcriptionSummaryCopy:"transcriptionSummaryCopy",subtitlesButtonClick:"subtitlesButtonClick",transcriptionTimestampClick:"transcriptionTimestampClick",transcriptionPanelDragged:"transcriptionPanelDragged",onMinimize:"onMinimize",copyLink:"copyLink"},standalone:!1,features:[k,Fe],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player"],["player-expanded-panel","",3,"componentConfigSignal"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,uS,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Ji,Ki],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-video-player[_ngcontent-%COMP%]{width:100%;height:100%;box-sizing:border-box;display:flex;gap:var(--velt-spacing-lg)}"],changeDetection:0});let t=o;return t})();var hS=["videoOverlay"],CS=["editorOverlay"],Mc=()=>["snippyly-overlay-panel","snippyly-video-overlay-panel","velt-overlay-panel"];function _S(t,o){if(t&1&&(v(0,"div",7),S(1,"app-recorder-player-video-container",8)(2,"app-recorder-player-audio-container",9),u()),t&2){let i=a(2);E("data-testid",i.componentId),c(),l("componentConfigSignal",i.componentConfigSignal),c(),l("componentConfigSignal",i.componentConfigSignal)}}function yS(t,o){if(t&1){let i=Z();v(0,"div",10),z(1,"translate"),H("click",function(n){O(i);let r=a().ngIf;return r.showVideoInFullScreen=!1,w(n.stopPropagation())})("pointerdown",function(n){return O(i),w(n.stopPropagation())}),v(2,"velt-recorder-player-expanded",11),z(3,"translate"),H("play",function(){O(i);let n=a(2);return w(n.onPlay())})("pause",function(){O(i);let n=a(2);return w(n.onPause())})("transcriptionButtonClick",function(){O(i);let n=a(2);return w(n.onTranscriptionButtonClick())})("subtitlesButtonClick",function(){O(i);let n=a(2);return w(n.onSubtitlesButtonClick())})("transcriptionSummaryCopy",function(){O(i);let n=a(2);return w(n.onTranscriptionSummaryCopy())})("transcriptionTimestampClick",function(){O(i);let n=a(2);return w(n.onTranscriptionTimestampClick())})("onMinimize",function(){O(i);let n=a(2);return w(n.onMinimize())})("copyLink",function(){O(i);let n=a(2);return w(n.copyLink())}),u()()}if(t&2){let i=a().ngIf,e=a();E("aria-label",j(1,9,"Fullscreen video player"))("aria-modal",!0)("data-testid",e.componentId+"-overlay-container"),c(2),l("annotation",i.annotation)("transcriptionMode","embed")("playVideoInFullScreen",i.playVideoInFullScreen)("recordingTranscriptionEnabled",i.recordingTranscriptionEnabled)("darkMode",e.darkMode),E("aria-label",j(3,11,"Expanded video player"))}}function SS(t,o){if(t&1){let i=Z();v(0,"div",12),H("click",function(n){return O(i),w(n.stopPropagation())})("pointerdown",function(n){return O(i),w(n.stopPropagation())}),v(1,"velt-video-editor-player-internal",13),H("applyEdit",function(n){O(i);let r=a(2);return w(r.onApplyEdit(n))})("closeEdit",function(){O(i);let n=a(2);return w(n.onCloseEdit())}),u()()}if(t&2){let i=a().ngIf,e=a();E("aria-modal",!0)("data-testid",e.componentId+"-overlay-container"),c(),l("annotation",i.annotation)("darkMode",e.darkMode)("isLoading",i.isLoading)("recordingType",i.recordingType)("recorderModes",i.recorderModes)}}function xS(t,o){if(t&1&&(m(0),s(1,_S,3,3,"div",4),S(2,"div",5,0),s(4,yS,4,13,"ng-template",6,1,he)(6,SS,2,7,"ng-template",6,2,he),p()),t&2){let i=o.ngIf,e=re(3),n=re(5),r=re(7),g=a();c(),l("ngIf",i.annotation==null?null:i.annotation.attachments),c(),E("data-testid",g.componentId+"-overlay-trigger"),c(2),l("cdkConnectedOverlayOrigin",e)("cdkConnectedOverlayOpen",i.showVideoInFullScreen)("cdkConnectedOverlayPanelClass",Ve(16,Mc))("cdkConnectedOverlayDisableClose",!0)("snippylyOverlay",n)("snippylyOverlayZIndex",2147483627)("cdkConnectedOverlayScrollStrategy",g.scrollBlockStrategy),c(2),l("cdkConnectedOverlayOrigin",e)("cdkConnectedOverlayOpen",i.showVideoEditor)("cdkConnectedOverlayPanelClass",Ve(17,Mc))("cdkConnectedOverlayDisableClose",!0)("snippylyOverlay",r)("snippylyOverlayZIndex",2147483627)("cdkConnectedOverlayScrollStrategy",g.scrollBlockStrategy)}}var St=(()=>{let o=class o extends Pe{set _videoEditor(e){try{e!==void 0&&this.componentConfigSignal.update(n=>(n=_(h({},n),{videoEditorEnabled:e}),n))}catch{}}setVideoContainerHovered(e){this.componentConfigSignal.update(n=>(n=_(h({},n),{videoContainerHovered:e}),n))}onSliderGrab(e){e.stopPropagation();let n=this.componentConfigSignal().videoRef;if(n?.nativeElement){let r=n.nativeElement,g=!r.paused;this.componentConfigSignal.update(I=>(I=_(h({},I),{wasPlayingBeforeDrag:g}),I)),r.pause()}}onSliderRelease(e){e.stopPropagation();let n=this.componentConfigSignal().videoRef;if(n?.nativeElement){let r=n.nativeElement;this.componentConfigSignal().wasPlayingBeforeDrag&&r.play(),this.componentConfigSignal.update(I=>(I=_(h({},I),{wasPlayingBeforeDrag:void 0}),I))}}onSliderDrag(e){e.stopPropagation();let n=e.target;requestAnimationFrame(()=>{this.componentConfigSignal.update(r=>{if(r=_(h({},r),{currentTimeValue:Number(n.value)}),r.videoRef?.nativeElement){let g=r.videoRef.nativeElement;g.currentTime=r.currentTimeValue,Math.abs(g.duration-r.currentTimeValue)<.1&&(r.currentTimeValue=g.duration)}return r})})}constructor(e,n,r,g,I,B,A,M,V,Y,J,ne,oe,pe){super(A,B),this.analyticsService=e,this.authService=n,this.recorderAnnotationService=r,this.loggingService=g,this.dialog=I,this.themeService=B,this.elementRef=A,this.domService=M,this.recorderService=V,this.overlayService=Y,this.actionsService=J,this.commonDbService=ne,this.docService=oe,this.configService=pe,this.mode="floating",this.recordingType="audio",this.variant="default",this.numberOfBars=void 0,this.loading=!1,this.dragging=!1,this.onDelete=new be,this.recorderPinSelected=!1,this.showSummary=!0,this.collapseMode=!1,this.recordingStopped=!1,this.shadowDom=!0,this.isEditMode=!1,this.playVideoInFullScreen=void 0,this.copyLinkTooltip="Copy Link",this.subscriptions=[],this.recorderTrackEventSubscription=null,this.recorderTrackEventListnerTimeout=null,this.veltElement=!0,this.componentConfigSignal=ce({recordingTranscriptionEnabled:!0,annotation:this.annotation,recordingType:this.recordingType,recorderInitData:this.recorderInitData,attachment:this.attachment,user:this.user,dragging:this.dragging,recorderPinSelected:this.recorderPinSelected,sourceFeature:this.sourceFeature,mode:this.mode,numberOfBars:this.numberOfBars,videoPosterDefaultImage:Q.VIDEO_POSTER_DEFAULT_IMAGE,timeUpdate:this.timeUpdate.bind(this),trackByAttachmentId:this.trackByAttachmentId.bind(this),toggleVideo:this.toggleVideo.bind(this),totalTimeValue:0,currentTimeValue:0,showSubtitles:!1,manuallyMinimized:!1,onSliderGrab:this.onSliderGrab.bind(this),onSliderRelease:this.onSliderRelease.bind(this),onSliderDrag:this.onSliderDrag.bind(this),onSubtitlesButtonClick:this.onSubtitlesButtonClick.bind(this),onSubtitlesPanelDragged:this.onSubtitlesPanelDragged.bind(this),onSeekToVideo:this.onSeekToVideo.bind(this),onSeekToAudio:this.onSeekToAudio.bind(this),onTranscriptionButtonClick:this.onTranscriptionButtonClick.bind(this),onTranscriptionSummaryCopy:this.onTranscriptionSummaryCopy.bind(this),onTranscriptionPanelDragged:this.onTranscriptionPanelDragged.bind(this),copyLink:this.copyLink.bind(this),deleteRecorderAnnotation:this.deleteRecorderAnnotation.bind(this),toggleAnnotation:this.toggleAnnotation.bind(this),onTranscriptionTimestampClick:this.onTranscriptionTimestampClick.bind(this),videoRef:void 0,audioRef:void 0,videoContainerHovered:!1,setVideoContainerHovered:this.setVideoContainerHovered.bind(this),loading:this.loading,playing:!1,recorderModes:Q.RecorderModes,currentTime:"",copyLinkTooltip:"Copy Link",loggedInUser:void 0,showVideoInFullScreen:!1,recorderUrl:void 0,toggleAudio:this.toggleAudio.bind(this),onPause:this.onPause.bind(this),onPlay:this.onPlay.bind(this),collapsedMode:!1,toggleCollapsedMode:this.toggleCollapsedMode.bind(this),variant:this.variant,shadowDom:this.shadowDom,isExplicitShadowDom:!1,isEditMode:this.isEditMode,darkMode:!1,showSummary:this.showSummary,editVideo:this.editVideo.bind(this),openVideoEditor:this.openVideoEditor.bind(this),showVideoEditor:!1,videoEditingSupported:!0,isLoading:!1,showTimeline:!1,showOverlay:!0,pauseVideo:this.pauseVideo.bind(this),playVideo:this.playVideo.bind(this),openFullScreen:this.openFullScreen.bind(this),playVideoInFullScreen:this.playVideoInFullScreen}),this.componentId="velt-recorder-player-internal",this.scrollBlockStrategy=this.overlayService.scrollStrategies.block();try{this.subscriptions.push(super.onDarkModeChange().subscribe(le=>{this.componentConfigSignal.update(ae=>(ae=_(h({},ae),{darkMode:le}),ae))})),this.subscriptions.push(this.authService.getUser$().subscribe(le=>{this.componentConfigSignal.update(ae=>(ae=_(h({},ae),{loggedInUser:le}),ae))},le=>{this.catchError("Error in RecorderPlayerInternalComponent getUser$ subscription: ",le)})),this.subscriptions.push(this.recorderService.getDarkMode$().subscribe(le=>{le&&super.setComponentDarkMode(le)})),this.subscriptions.push(this.recorderService.getPlayVideoInFullScreen$().subscribe(le=>{this.componentConfigSignal.update(ae=>(ae=_(h({},ae),{playVideoInFullScreen:this.playVideoInFullScreen===void 0?le:this.playVideoInFullScreen}),ae))})),this.subscriptions.push(this.recorderService.getShadowDom$().subscribe(le=>{this.componentConfigSignal.update(ae=>(ae=_(h({},ae),{shadowDom:le!==!1,isExplicitShadowDom:!!le}),ae))})),this.subscriptions.push(this.recorderAnnotationService.getRecordingTranscriptionEnabled$().subscribe(le=>{this.componentConfigSignal.update(ae=>(ae=_(h({},ae),{recordingTranscriptionEnabled:le}),ae))},le=>{this.catchError("Error in RecorderPlayerInternalComponent getRecordingTranscriptionEnabled$ subscription: ",le)})),this.subscriptions.push(this.recorderService.getVideoEditor$().subscribe(le=>{this.componentConfigSignal.update(ae=>(ae=_(h({},ae),{videoEditorEnabled:ae.videoEditorEnabled===void 0?le:ae.videoEditorEnabled}),ae))}))}catch(le){this.catchError("Error in RecorderPlayerInternalComponent constructor: ",le)}}ngOnInit(){this.setupA11yAttributes(),this.subscriptions.push(this.recorderAnnotationService.getVideoEditorAutoOpen$().subscribe(e=>{this.triggerAutoOpenVideoEditor()}))}triggerAutoOpenVideoEditor(){try{if(this.componentConfigSignal().annotation?.annotationId){let e=this.recorderService.getAutoOpenVideoEditor(),n=this.componentConfigSignal().annotation?.annotationId,r=this.recorderAnnotationService.getVideoEditorAutoOpen(),g=this.componentConfigSignal().annotation?.recordingType;r?.[n]&&e&&!this.componentConfigSignal().showVideoEditor&&g!="audio"&&this.openVideoEditor()}}catch(e){this.catchError("Error in RecorderPlayerInternalComponent triggerAutoOpenVideoEditor: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerInternalComponent setupA11yAttributes:",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.clearTimeout&&clearTimeout(this.clearTimeout),this.recorderTrackEventSubscription&&(this.recorderTrackEventSubscription.unsubscribe(),this.recorderTrackEventSubscription=null),this.recorderTrackEventListnerTimeout&&(clearTimeout(this.recorderTrackEventListnerTimeout),this.recorderTrackEventListnerTimeout=null)}catch(e){this.catchError("Error in RecorderPlayerInternalComponent ngOnDestroy: ",e)}}ngOnChanges(e){try{if(super.ngOnChanges(e),e&&Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))}),e.recorderId){let n=e.recorderId.previousValue,r=e.recorderId.currentValue;!e.recorderId.firstChange&&n!==r&&this.getRecorderAnnotationById()}e.annotation&&this.updateLatestEditedVersion()}catch(n){this.catchError("Error in RecorderPlayerInternalComponent ngOnChanges: ",n)}}updateLatestEditedVersion(){try{let e=this.componentConfigSignal().annotation;e&&(e?.latestVersion?this.componentConfigSignal.update(n=>(n=_(h({},n),{latestEditedVersion:e?.recordingEditVersions?.[e.latestVersion||1]}),n)):this.componentConfigSignal.update(n=>(n=_(h({},n),{latestEditedVersion:{from:e?.from,attachment:e?.attachment,attachments:e?.attachments,recordedTime:e?.recordedTime,transcription:e?.transcription,waveformData:e?.waveformData,displayName:e?.displayName,boundedTrimRanges:[{start:0,end:e?.recordedTime?.duration||0}]}}),n)))}catch(e){this.catchError("Error in RecorderPlayerInternalComponent updateLatestEditedVersion: ",e)}}ngAfterViewInit(){this.componentConfigSignal().annotation&&this.componentConfigSignal.update(e=>(e=_(h({},e),{recorderUrl:this.recorderAnnotationService.getRecorderUrl(e.annotation)}),e)),this.getRecorderAnnotationById(),this.videoOverlay&&(this.videoOverlay.scrollStrategy=this.scrollBlockStrategy),this.editorOverlay&&(this.editorOverlay.scrollStrategy=this.scrollBlockStrategy)}toggleCollapsedMode(){this.componentConfigSignal.update(e=>(e=_(h({},e),{collapsedMode:!e.collapsedMode}),e))}trackByAttachmentId(e,n){return n?.attachmentId}toggleAnnotation(){try{this.componentConfigSignal().annotation&&this.componentConfigSignal().mode!=="thread"&&this.domService.toggleAnnotationSelection(this.componentConfigSignal().annotation)}catch(e){this.catchError("Error in RecorderAudioFloatingComponent toggleAnnotation: ",e)}}getRecorderAnnotationById(){try{this.recorderId&&(this.componentConfigSignal.update(e=>(e=_(h({},e),{mode:"thread"}),e)),this.subscriptions.push(this.recorderAnnotationService.getRecorderAnnotationById(this.recorderId,this.parentMetadata).subscribe(e=>{e?.attachments?.length||e?.attachment?(this.recorderAnnotation=e,this.componentConfigSignal.update(n=>(n=h({},n),n.annotation=this.recorderAnnotation,n.attachment=e?.attachments?.length?e?.attachments[0]:e.attachment,n.user=e.from,n.recordingType=this.recorderAnnotation?.recordingType,n.recorderUrl=this.recorderAnnotationService.getRecorderUrl(this.recorderAnnotation),n))):(this.recorderAnnotation=void 0,this.componentConfigSignal.update(n=>(n=h({},n),n.annotation=void 0,n.attachment=void 0,n.user=void 0,n))),this.updateLatestEditedVersion(),this.triggerAutoOpenVideoEditor()})))}catch(e){this.catchError("Error in RecorderPlayerInternalComponent getRecorderAnnotationById: ",e)}}playOrPauseVideo(e){try{e&&(e.duration>0&&!e.paused?(e.pause(),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PAUSED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})):e.currentTime>0&&!e.paused&&!e.ended&&e.readyState>e.HAVE_CURRENT_DATA||(e.play(),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PLAYED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})))}catch(n){this.catchError("Error in RecorderPlayerInternalComponent playOrPauseVideo: ",n)}}playOrPauseAudio(e){try{e&&(e.duration>0&&!e.paused?(e.pause(),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PAUSED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})):(e.play(),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PLAYED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})))}catch(n){this.catchError("Error in RecorderPlayerInternalComponent toggleAudio: ",n)}}toggleAudio(){try{if(this.componentConfigSignal().audioRef?.nativeElement){let e=this.componentConfigSignal().audioRef?.nativeElement;if(e)if(e.duration>0&&!e.paused)e.pause(),this.componentConfigSignal.update(n=>(n=_(h({},n),{playing:!1}),n)),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PAUSED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()});else{if(e.ended){e.currentTime=0,e.load();let n=0,r=3,g=()=>{if(e.readyState>=3){let I=e.play();I!==void 0&&I.then(()=>{this.componentConfigSignal.update(B=>(B=_(h({},B),{playing:!0}),B))}).catch(B=>{this.componentConfigSignal.update(A=>(A=_(h({},A),{playing:!1}),A))})}else{if(n>=r){let A=e.play();A!==void 0&&A.then(()=>{this.componentConfigSignal.update(M=>(M=_(h({},M),{playing:!0}),M))}).catch(M=>{this.componentConfigSignal.update(V=>(V=_(h({},V),{playing:!1}),V))});return}n++;let I=setTimeout(()=>{e.removeEventListener("canplay",B);let A=e.play();A!==void 0&&A.then(()=>{this.componentConfigSignal.update(M=>(M=_(h({},M),{playing:!0}),M))}).catch(M=>{this.componentConfigSignal.update(V=>(V=_(h({},V),{playing:!1}),V))})},3e3),B=()=>{clearTimeout(I),g()};e.addEventListener("canplay",B,{once:!0})}};g()}else{let n=e.play();n!==void 0&&n.then(()=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{playing:!0}),r))}).catch(r=>{this.componentConfigSignal.update(g=>(g=_(h({},g),{playing:!1}),g))})}this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PLAYED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}}}catch(e){this.catchError("Error in RecorderPlayerInternalComponent toggleAudio: ",e)}}toggleVideo(){try{if(!this.componentConfigSignal().recorderInitData?.stream&&this.componentConfigSignal().videoRef?.nativeElement){let e=this.componentConfigSignal().videoRef?.nativeElement;e&&(e.duration>0&&!e.paused?this.pauseVideo():this.componentConfigSignal().playVideoInFullScreen&&!this.componentConfigSignal().manuallyMinimized?this.openFullScreen():this.playVideo())}}catch(e){this.catchError("Error in RecorderPlayerInternalComponent toggleVideo: ",e)}}pauseVideo(){try{let e=this.componentConfigSignal().videoRef?.nativeElement;e&&e.duration>0&&!e.paused&&(e.pause(),this.componentConfigSignal.update(n=>(n=_(h({},n),{playing:!1,showOverlay:!1,showTimeline:!0}),n)),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PAUSED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()}))}catch(e){this.catchError("Error in RecorderPlayerInternalComponent pauseVideo: ",e)}}playVideo(){try{let e=this.componentConfigSignal().videoRef?.nativeElement;e&&e.paused&&(e.play(),this.componentConfigSignal.update(n=>(n=_(h({},n),{playing:!0,showOverlay:!1,showTimeline:!0}),n)),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PLAYED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()}))}catch(e){this.catchError("Error in RecorderPlayerInternalComponent playVideo: ",e)}}openFullScreen(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showVideoInFullScreen:!0}),e)),this.pauseVideo()}catch(e){this.catchError("Error in RecorderPlayerInternalComponent openFullScreen: ",e)}}onPlay(){this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PLAYED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}onPause(){this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PAUSED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderTime:this.componentConfigSignal().annotation?.recordedTime?.duration,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}toggleSubtitles(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showSubtitles:!e.showSubtitles}),e))}catch(e){this.catchError("Error in RecorderPlayerInternalComponent toggleSubtitles: ",e)}}deleteRecorderAnnotation(){return Le(this,null,function*(){try{if(this.componentConfigSignal().annotation){let e=this.componentConfigSignal().annotation?JSON.parse(JSON.stringify(this.componentConfigSignal().annotation)):void 0;e&&(this.analyticsService.trackEvent(de.Events.Recording.RECORDING_DELETE_TRIGGERED,{annotationId:e?.annotationId,sourceFeature:this.getSourceFeature()}),this.subscriptions.push(this.dialog.open(Na,{panelClass:"velt-mat-dialog-container",data:{title:"Delete recording?",message:"This selected recording will be deleted.",yesButton:"Delete",noButton:"Cancel",darkMode:this.darkMode,variant:"recorder"}}).afterClosed().pipe(en(1)).subscribe(n=>Le(this,null,function*(){n&&(yield this.recorderAnnotationService.deleteRecorderPinAnnotation(this.componentConfigSignal().annotation,this.getSourceFeature()),this.onDelete.emit(e),this.getRecorderAnnotationById())}))))}}catch(e){this.catchError("Error in RecorderPlayerInternalComponent deleteRecorderAnnotation: ",e)}})}timeUpdate(e){try{requestAnimationFrame(()=>{this.componentConfigSignal.update(n=>{if(n=h({},n),n.currentTime=this.formatSecondsAsTime(e),n.currentTimeValue=e,n.videoRef?.nativeElement){let g=n.videoRef.nativeElement.duration;g&&(n.totalTimeValue=g,g-e<.1&&(n.currentTimeValue=g))}return n})})}catch(n){this.catchError("Error in RecorderPlayerInternalComponent timeUpdate: ",n)}}formatSecondsAsTime(e){try{let n=Math.floor(e/3600),r=Math.floor((e-n*3600)/60),g=Math.floor(e-n*3600-r*60);return n&&n<10&&(n="0"+n),r<10&&(r="0"+r),g<10&&(g="0"+g),(n?n+":":"")+r+":"+g}catch(n){return this.catchError("Error in RecorderPlayerInternalComponent formatSecondsAsTime: ",n),""}}getSourceFeature(){try{return this.componentConfigSignal().sourceFeature||"recording"}catch(e){return this.catchError("Error in RecorderPlayerInternalComponent getSourceFeature: ",e),"recording"}}onSeekToVideo(e,n){try{n?.nativeElement&&(n.nativeElement.currentTime=e),this.componentConfigSignal().playing||this.toggleVideo(),this.onTranscriptionTimestampClick()}catch(r){this.catchError("Error in RecorderPlayerInternalComponent onSeekToVideo: ",r)}}onSeekToAudio(e,n){try{n&&(n.currentTime=e),this.componentConfigSignal().playing||this.toggleAudio(),this.onTranscriptionTimestampClick()}catch(r){this.catchError("Error in RecorderPlayerInternalComponent onSeekToAudio: ",r)}}copyLink(){try{let e=this.copyLinkTooltip;this.copyLinkTooltip="Link Copied!",setTimeout(()=>{this.copyLinkTooltip=e},2e3),this.componentConfigSignal().recorderUrl&&zo(this.componentConfigSignal().recorderUrl)}catch(e){this.catchError("Error in RecorderPlayerInternalComponent copyLink: ",e)}}onPlayRecording(e){try{this.componentConfigSignal().recordingType==="screen"?(e?.toggleVideo(),this.componentConfigSignal.update(n=>(n=_(h({},n),{showVideoInFullScreen:!0}),n))):this.onPlay()}catch(n){this.catchError("Error in RecorderPlayerInternalComponent onPlayRecording: ",n)}}onMinimize(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showVideoInFullScreen:!1,manuallyMinimized:!0}),e)),this.pauseVideo()}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onMinimize: ",e)}}toggleFullScreen(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showVideoInFullScreen:!e.showVideoInFullScreen}),e))}catch(e){this.catchError("Error in RecorderPlayerInternalComponent toggleFullScreen: ",e)}}onPausedRecording(){try{this.componentConfigSignal().recordingType!=="screen"&&this.onPause()}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onPausedRecording: ",e)}}onTranscriptionButtonClick(){try{this.analyticsService.trackEvent(de.Events.Recording.TRANSCRIPTION_CLICKED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onTranscriptionButtonClick: ",e)}}onSubtitlesButtonClick(e){try{this.analyticsService.trackEvent(de.Events.Recording.SUBTITLES_CLICKED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()}),e&&this.toggleSubtitles()}catch(n){this.catchError("Error in RecorderPlayerInternalComponent onTranscriptionButtonClick: ",n)}}onViewTranscriptionSummaryClick(){try{this.analyticsService.trackEvent(de.Events.Recording.VIEW_TRANSCRIPTION_SUMMARY_CLICKED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onViewTranscriptionSummaryClick: ",e)}}onTranscriptionSummaryCopy(){try{this.analyticsService.trackEvent(de.Events.Recording.TRANSCRIPTION_SUMMARY_COPIED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onTranscriptionSummaryCopy: ",e)}}onTranscriptionTimestampClick(){try{this.analyticsService.trackEvent(de.Events.Recording.TRANSCRIPTION_TIMESTAMP_CLICKED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onTranscriptionTimestampClick: ",e)}}onTranscriptionPanelDragged(){try{this.analyticsService.trackEvent(de.Events.Recording.TRANSCRIPTION_PANEL_DRAGGED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onTranscriptionPanelDragged: ",e)}}onSubtitlesPanelDragged(){try{this.analyticsService.trackEvent(de.Events.Recording.SUBTITLES_PANEL_DRAGGED,{recordingType:this.componentConfigSignal().annotation?.recordingType||this.componentConfigSignal().recordingType,recorderMode:this.componentConfigSignal().annotation?.mode,annotationId:this.componentConfigSignal().annotation?.annotationId||this.recorderId,recorderSize:this.componentConfigSignal().annotation?.attachments?.length&&this.componentConfigSignal().annotation?.attachments[0]?.size||this.componentConfigSignal().annotation?.attachment?.size||this.componentConfigSignal().attachment?.size,sourceFeature:this.getSourceFeature()})}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onSubtitlesPanelDragged: ",e)}}catchError(e,n,r){try{this.loggingService.catch(e,n,_(h({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}getVideoDurationMilliseconds(e){return Le(this,null,function*(){return new Promise((n,r)=>{try{let g=document.createElement("video");g.preload="metadata",g.onloadedmetadata=function(){let I=g.duration*1e3;URL.revokeObjectURL(g.src),n(I)},g.onerror=function(I){URL.revokeObjectURL(g.src)},g.src=URL.createObjectURL(e)}catch(g){r(g)}})})}openVideoEditor(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showVideoEditor:!0,showSubtitles:!1}),e)),this.pauseVideo()}catch(e){this.catchError("Error in RecorderPlayerInternalComponent openVideoEditor:",e)}}onApplyEdit(e){try{let{trimRanges:n,scaleRanges:r}=e;this.componentConfigSignal.update(g=>(g=_(h({},g),{isLoading:!0}),g)),this.editVideo(n,r)}catch(n){this.catchError("Error in RecorderPlayerInternalComponent onApplyEdit:",n)}}onCloseEdit(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{showVideoEditor:!1}),e))}catch(e){this.catchError("Error in RecorderPlayerInternalComponent onCloseEdit:",e)}}editVideo(e,n){return Le(this,null,function*(){try{let r=this.componentConfigSignal().attachment?.url,g=e.map(M=>({start:M.start,end:M.end})),I=n.map(M=>({startTime:M.start?M.start:0,zoomInDuration:.5,holdDuration:M.end?M.end-(M.start?M.start:0):0,zoomOutDuration:.5,zoomFactor:M.zoomFactor,centerX:M.centerX,centerY:M.centerY,topLeftX:M.topLeftX,topLeftY:M.topLeftY})),B=this.componentConfigSignal().annotation,A=null;try{let M=this.componentConfigSignal().annotation?.annotationId||this.recorderId;this.actionsService.onRecordingSaveInitiated({annotationId:M,message:"Recording save initiated",type:"edit"});let V=this.docService.getDocumentPaths();if(V?.organizationId&&V?.documentId){let Y=this.configService.getApiKey();if(Y){let J=this.commonDbService.getServerTimestamp();this.recorderTrackEventSubscription&&(this.recorderTrackEventSubscription.unsubscribe(),this.recorderTrackEventSubscription=null),this.recorderTrackEventSubscription=this.commonDbService.dbListener({feature:"recorderTrackEvent",properties:{apiKey:Y,organizationId:V.organizationId,documentId:V.documentId,id:M,skipFirestore:!1,useCollectionGroup:!1,isCollection:!0}}).subscribe(ne=>Le(this,null,function*(){if(ne?.data){let pe=Object.values(ne.data).filter(le=>le.timestamp>J);if(pe.length>0){let le=pe[pe.length-1];if(le&&le.event==="recordingEditDone"){if(this.componentConfigSignal().annotation?.annotationId===le.recorderId){let ae=h({},this.componentConfigSignal().annotation);ae.latestVersion=le.latestVersion,ae.recordingEditVersions=le.recordingEditVersions;let ue=yield this.recorderAnnotationService.createRecorderData(ae,!0);ue&&this.actionsService?.onRecordingEditDone(ue)}this.recorderTrackEventSubscription?.unsubscribe(),this.recorderTrackEventSubscription=null}}}})),this.recorderTrackEventListnerTimeout&&(clearTimeout(this.recorderTrackEventListnerTimeout),this.recorderTrackEventListnerTimeout=null),this.recorderTrackEventListnerTimeout=setTimeout(()=>{this.recorderTrackEventSubscription&&(this.recorderTrackEventSubscription.unsubscribe(),this.recorderTrackEventSubscription=null)},600*1e3)}}A=yield this.recorderAnnotationService.editVideoRecording(r,g,B,I,void 0,void 0)}catch(M){this.componentConfigSignal.update(V=>(V=_(h({},V),{isLoading:!1,showVideoEditor:!1}),V)),M?.details?.type==="edit"&&this.actionsService.onError({type:"editFailed",message:"Edit failed",recorderId:this.componentConfigSignal().annotation?.annotationId||this.recorderId}),M?.details?.type==="transcription"&&this.actionsService.onError({type:"transcriptionFailed",message:"Transcription failed",recorderId:this.componentConfigSignal().annotation?.annotationId||this.recorderId}),this.loggingService.log("Video trimmed failed")}A&&B&&this.componentConfigSignal.update(M=>(M=_(h({},M),{isLoading:!1,showVideoEditor:!1}),M))}catch(r){this.catchError("Error in RecorderPlayerInternalComponent editVideo:",r)}})}};o.\u0275fac=function(n){return new(n||o)(d(Ke),d(mt),d(Oe),d(y),d(ba),d(Ie),d(T),d(Ne),d(ye),d(ha),d(ht),d(La),d(Tt),d(Ba))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-player-internal"]],viewQuery:function(n,r){if(n&1&&(Ee(Wa,5),Ee(hS,5),Ee(CS,5)),n&2){let g;De(g=Te())&&(r.videoPlayerRef=g.first),De(g=Te())&&(r.videoOverlay=g.first),De(g=Te())&&(r.editorOverlay=g.first)}},hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{annotation:"annotation",attachment:"attachment",mode:"mode",recordingType:"recordingType",variant:"variant",_videoEditor:[0,"videoEditor","_videoEditor"],numberOfBars:"numberOfBars",user:"user",recorderInitData:"recorderInitData",recorderId:"recorderId",loading:"loading",dragging:"dragging",sourceFeature:"sourceFeature",recorderPinSelected:"recorderPinSelected",showSummary:"showSummary",collapseMode:"collapseMode",recordingStopped:"recordingStopped",shadowDom:"shadowDom",isEditMode:"isEditMode",parentMetadata:"parentMetadata",playVideoInFullScreen:"playVideoInFullScreen"},outputs:{onDelete:"onDelete"},standalone:!1,features:[k,Fe],decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["videoOverlay","cdkConnectedOverlay"],["editorOverlay","cdkConnectedOverlay"],[4,"ngIf"],["role","region","aria-label","Media player",4,"ngIf"],["cdkOverlayOrigin","","role","presentation"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass","cdkConnectedOverlayDisableClose","snippylyOverlay","snippylyOverlayZIndex","cdkConnectedOverlayScrollStrategy"],["role","region","aria-label","Media player"],["role","application","aria-label","Video player",3,"componentConfigSignal"],["role","application","aria-label","Audio player",3,"componentConfigSignal"],["role","dialog",1,"snippyly-video-overlay-container",3,"click","pointerdown"],["role","application",3,"play","pause","transcriptionButtonClick","subtitlesButtonClick","transcriptionSummaryCopy","transcriptionTimestampClick","onMinimize","copyLink","annotation","transcriptionMode","playVideoInFullScreen","recordingTranscriptionEnabled","darkMode"],["role","dialog","aria-label","Fullscreen video player",1,"snippyly-video-overlay-container",3,"click","pointerdown"],[3,"applyEdit","closeEdit","annotation","darkMode","isLoading","recordingType","recorderModes"]],template:function(n,r){n&1&&s(0,xS,8,18,"ng-container",3),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Je,Ue,lt,Di,Mi,Rt,eo,W],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}  .snippyly-video-overlay-panel{inset:0!important}  .snippyly-video-overlay-panel .snippyly-video-overlay-container{width:100vw!important;height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:color-mix(in srgb,var(--velt-background-0) 60%,transparent)!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;z-index:1000!important}  .snippyly-video-overlay-panel .snippyly-video-overlay-container velt-recorder-player-expanded{width:90vw!important;height:90vh!important;display:flex!important}@media screen and (max-width:768px){  .snippyly-video-overlay-panel velt-recorder-player-expanded .s-video-transcription-btn{display:none!important}}"],changeDetection:0});let t=o;return t})();var bS=(t,o,i,e,n)=>({"recorder-pin-selected":t,"mutiple-pins-selected":o,audio:i,video:e,screen:n});function IS(t,o){if(t&1){let i=Z();m(0),v(1,"div",1),z(2,"translate"),z(3,"translate"),H("click",function(n){return O(i),w(n.preventDefault())}),v(4,"div",2),z(5,"translate"),z(6,"translate"),H("pointerover",function(n){return O(i),a().onPointerOver(n),w(n.stopPropagation())})("pointerout",function(){O(i);let n=a();return w(n.onPointerOut())}),S(7,"snippyly-recorder-player-internal",3),u()(),p()}if(t&2){let i=o.ngIf,e=a();c(),l("ngClass",L(23,bS,i.recorderPinSelected,i.multipleRecorderPinsSelected,(i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.recordingType)===e.recorderModes.AUDIO,(i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.recordingType)===e.recorderModes.VIDEO,(i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.recordingType)===e.recorderModes.SCREEN)),E("aria-label",(i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.recordingType)+" "+j(2,15,"recording pin"))("aria-selected",i.recorderPinSelected)("aria-description",j(3,17,"Created by")+" "+(i.recorderPinAnnotation==null||i.recorderPinAnnotation.from==null?null:i.recorderPinAnnotation.from.name))("data-testid",e.componentId),c(3),E("aria-label",j(5,19,"Play")+" "+(i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.recordingType)+" "+j(6,21,"recording"))("aria-pressed",i.recorderPinSelected)("data-testid",e.componentId+"-player-container"),c(3),l("annotation",i.recorderPinAnnotation)("recorderPinSelected",i.recorderPinSelected)("dragging",i.dragging)("attachment",!(i.recorderPinAnnotation==null||i.recorderPinAnnotation.attachments==null)&&i.recorderPinAnnotation.attachments.length?i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.attachments[0]:i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.attachment)("recordingType",i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.recordingType)("user",i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.from),E("data-testid",e.componentId+"-player")}}var Hr=(()=>{let o=class o{get recorderPinHover(){return this._recorderPinHover}set recorderPinHover(e){this._recorderPinHover=e,this.updateHighlightOnElement()}constructor(e,n,r){this.domService=e,this.loggingService=n,this.elementRef=r,this.recorderPinSelected=!1,this.multipleRecorderPinsSelected=!1,this.avatarErrorImage="",this.dragging=!1,this.recorderModes=Q.RecorderModes,this._recorderPinHover=!1,this.componentConfigSignal=ce({recorderPinSelected:!1,multipleRecorderPinsSelected:!1,recorderPinAnnotation:void 0,dragging:!1}),this.veltElement=!0,this.componentId="velt-recorder-pin",this.loggingService.log("%c[WB] Creating COMPONENT RecorderPinComponent","color: blue;")}ngOnInit(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),this.setupA11yAttributes()}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPinComponent setupA11yAttributes:",e)}}ngOnChanges(e){try{e&&(Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))}),e.recorderPinSelected&&this.updateHighlightOnElement())}catch(n){this.catchError("Error in RecorderPinComponent ngOnChanges: ",n)}}ngAfterViewInit(){try{this.updateHighlightOnElement()}catch(e){this.catchError("Error in RecorderPinComponent AfterViewInit: ",e)}}updateHighlightOnElement(){try{this.targetElement&&(this.componentConfigSignal().recorderPinSelected||this.recorderPinHover?this.domService.highlightElement(this.targetElement):this.domService.removeHighlightFromElement(this.targetElement))}catch(e){this.catchError("Error in RecorderPinComponent updateHighlightOnElement: ",e)}}onPointerOver(e){try{e.buttons?this.recorderPinHover&&(this.recorderPinHover=!1):this.recorderPinHover||(this.recorderPinHover=!0)}catch(n){this.catchError("Error in RecorderPinComponent onPointerOver: ",n)}}onPointerOut(){this.recorderPinHover=!1}catchError(e,n,r){try{this.loggingService.catch(e,n,_(h({},r||{}),{annotationId:this.componentConfigSignal()?.recorderPinAnnotation?.annotationId}))}catch{}}};o.\u0275fac=function(n){return new(n||o)(d(Ne),d(y),d(T))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-pin"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{recorderPinAnnotation:"recorderPinAnnotation",recorderPinSelected:"recorderPinSelected",multipleRecorderPinsSelected:"multipleRecorderPinsSelected",avatarErrorImage:"avatarErrorImage",user:"user",dragging:"dragging",targetElement:"targetElement"},standalone:!1,features:[Fe],decls:1,vars:1,consts:[[4,"ngIf"],["role","region",1,"recorder-pin-container",3,"click","ngClass"],["role","button","tabindex","0",1,"recorder-pin-player-container",3,"pointerover","pointerout"],["aria-live","polite",3,"annotation","recorderPinSelected","dragging","attachment","recordingType","user"]],template:function(n,r){n&1&&s(0,IS,8,29,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Ro,b,St,W],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;line-height:1.5;color:var(--velt-black);font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:empty{display:revert}.recorder-pin-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--velt-white);font-size:var(--velt-font-size-sm);font-weight:500;cursor:pointer;position:relative}.recorder-pin-container[_ngcontent-%COMP%]:hover, .recorder-pin-selected[_ngcontent-%COMP%]{filter:brightness(110%) saturate(110%)}.recorder-pin-selected[_ngcontent-%COMP%]   .audio-container[_ngcontent-%COMP%], .recorder-pin-selected[_ngcontent-%COMP%]   .video-container[_ngcontent-%COMP%], .recorder-pin-selected[_ngcontent-%COMP%]   .screen-video-container[_ngcontent-%COMP%]{border:3px solid var(--velt-accent)}.mutiple-pins-selected[_ngcontent-%COMP%]{border-color:var(--velt-magenta)}.recorder-pin-player-container[_ngcontent-%COMP%]{position:absolute}"],changeDetection:0});let t=o;return t})();function ES(t,o){if(t&1){let i=Z();v(0,"div",2),z(1,"translate"),H("pointerup",function(n){return O(i),a(2).togglePinSelection(),w(n.stopPropagation())})("pointerdown",function(n){return O(i),w(n.stopPropagation())})("click",function(n){return O(i),w(n.stopPropagation())})("cdkDragStarted",function(){O(i);let n=a(2);return w(n.onPinDragStart())})("cdkDragEnded",function(){O(i);let n=a(2);return w(n.onPinDragEnd())})("cdkDragMoved",function(n){O(i);let r=a(2);return w(r.onPinMove(n))})("cdkDragReleased",function(){O(i);let n=a(2);return w(n.onPinRelease())}),v(2,"snippyly-recorder-pin",3),H("saveRecorder",function(n){O(i);let r=a(2);return w(r.saveRecorder(n))}),u()()}if(t&2){let i=a().ngIf,e=a();Be("opacity",i.annotationDragging&&!i.dragPosition?0:1)("top",i.annotationDragging?i.dragPosition==null?null:i.dragPosition.top:(i.recorderPinAnnotation==null||i.recorderPinAnnotation.position==null?null:i.recorderPinAnnotation.position.top)+i.offsetTop,"px")("left",i.annotationDragging?i.dragPosition==null?null:i.dragPosition.left:(i.recorderPinAnnotation==null||i.recorderPinAnnotation.position==null?null:i.recorderPinAnnotation.position.left)+i.offsetLeft,"px"),te("pin-dragging",i.annotationDragging),l("id","recorder-pin-contianer-"+(i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.annotationId))("cdkDragDisabled",(i.recorderPinAnnotation==null||i.recorderPinAnnotation.from==null?null:i.recorderPinAnnotation.from.userId)!==(i.user==null?null:i.user.userId)),E("aria-label",j(1,22,"Draggable recording pin by")+" "+(i.recorderPinAnnotation==null||i.recorderPinAnnotation.from==null?null:i.recorderPinAnnotation.from.name))("aria-grabbed",i.annotationDragging)("aria-disabled",(i.recorderPinAnnotation==null||i.recorderPinAnnotation.from==null?null:i.recorderPinAnnotation.from.userId)!==(i.user==null?null:i.user.userId))("aria-selected",!!i.selectedAnnotationsMap[i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.annotationId])("data-testid",e.componentId),c(2),l("recorderPinAnnotation",i.recorderPinAnnotation)("dragging",i.annotationDragging)("recorderPinSelected",i.selectedAnnotationsMap[i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.annotationId]&&!i.annotationDragging&&e.objectKeys(i.selectedAnnotationsMap).length===1)("multipleRecorderPinSelected",i.selectedAnnotationsMap[i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.annotationId]&&e.objectKeys(i.selectedAnnotationsMap).length>1)("targetElement",i.targetElement)("user",i.user),E("data-testid",e.componentId)}}function DS(t,o){if(t&1&&(m(0),s(1,ES,3,24,"div",1),p()),t&2){let i=o.ngIf;c(),l("ngIf",i.recorderPinAnnotation==null?null:i.recorderPinAnnotation.position)}}var Zr=(()=>{let o=class o{constructor(e,n,r,g,I,B,A){this.analyticsService=e,this.authService=n,this.docService=r,this.domService=g,this.recorderAnnotationService=I,this.loggingService=B,this.elementRef=A,this.multipleRecorderPinsSelected=!1,this.avatarErrorImage="",this.objectKeys=Object.keys,this.subscriptions=[],this.componentConfigSignal=ce({recorderPinAnnotation:void 0,annotationDragging:!1,dragPosition:null,offsetTop:0,offsetLeft:0,user:void 0,selectedAnnotationsMap:{},targetElement:void 0}),this.veltElement=!0,this.componentId="velt-recorder-pin-portal",this.subscriptions.push(this.authService.getUser$().subscribe(M=>{this.componentConfigSignal.update(V=>(V=_(h({},V),{user:M}),V))},M=>{this.catchError("Error in RecorderPinPortalComponent getUser$ subscription: ",M)})),this.subscriptions.push(this.domService.getSelectedAnnotationsMap$().subscribe(M=>{this.componentConfigSignal.update(V=>(V=_(h({},V),{selectedAnnotationsMap:M}),V))},M=>{this.catchError("Error in RecorderPinPortalComponent getSelectedAnnotationsMap$ subscription: ",M)}))}ngOnInit(){this.setupA11yAttributes()}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPinPortalComponent setupA11yAttributes:",e)}}setRecorderPinAnnotation(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{recorderPinAnnotation:e}),n)),this.id=this.componentConfigSignal().recorderPinAnnotation?.annotationId}catch(n){this.catchError("Error in RecorderPinPortalComponent setRecorderPinAnnotation: ",n)}}setTargetElement(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{targetElement:e}),n))}catch(n){this.catchError("Error in RecorderPinPortalComponent setTargetElement: ",n)}}setOffsetTop(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{offsetTop:e}),n))}catch(n){this.catchError("Error in RecorderPinPortalComponent setOffsetTop: ",n)}}setOffsetLeft(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{offsetLeft:e}),n))}catch(n){this.catchError("Error in RecorderPinPortalComponent setOffsetLeft: ",n)}}togglePinSelection(){try{this.domService.toggleAnnotationSelection(this.componentConfigSignal().recorderPinAnnotation)}catch(e){this.catchError("Error in RecorderPinPortalComponent togglePinSelection: ",e)}}onPinDragStart(){try{this.componentConfigSignal().selectedAnnotationsMap[this.componentConfigSignal().recorderPinAnnotation.annotationId]&&this.domService.toggleAnnotationSelection(this.componentConfigSignal().recorderPinAnnotation),document.body.classList.add("dragging"),this.componentConfigSignal.update(n=>(n=_(h({},n),{annotationDragging:!0}),n));let e=document.getElementById(this.componentConfigSignal().recorderPinAnnotation.annotationId);e&&(this.parentElement=e.parentElement,document.body.appendChild(e))}catch(e){this.catchError("Error in RecorderPinPortalComponent onPinDragStart: ",e)}}onPinMove(e){try{this.updateCurrentPinPosition(e)}catch(n){this.catchError("Error in RecorderPinPortalComponent onPinMove: ",n)}}onPinDragEnd(){try{document.body.classList.remove("dragging"),this.componentConfigSignal.update(e=>(e=_(h({},e),{annotationDragging:!1}),e))}catch(e){this.catchError("Error in RecorderPinPortalComponent onPinDragEnd: ",e)}}updateCurrentPinPosition(e){try{this.domService.removeHighlightFromElement(this.componentConfigSignal().targetElement);let n=e.event,r=n?.touches?.length?n.touches[0]?.clientX:n.clientX,g=n?.touches?.length?n.touches[0]?.clientY:n.clientY,I=this.domService.getBackgroundElement(r,g);I&&(this.componentConfigSignal.update(B=>(B=_(h({},B),{targetElement:I}),B)),this.domService.highlightElement(this.componentConfigSignal().targetElement),this.pointerMoveEvent=e.event,this.componentConfigSignal.update(B=>(B=_(h({},B),{dragPosition:{top:g,left:r}}),B)))}catch(n){this.catchError("Error in RecorderPinPortalComponent updateCurrentPinPosition: ",n)}}onPinRelease(){try{this.domService.removeHighlightFromElement(this.componentConfigSignal().targetElement);let e=document.getElementById(this.componentConfigSignal().recorderPinAnnotation.annotationId);e&&this.parentElement&&this.parentElement.appendChild(e);let n=100,r=this.domService.getElementFromXPath(this.componentConfigSignal().recorderPinAnnotation.targetElement?.xpath),g=this.componentConfigSignal().recorderPinAnnotation?.targetElement;this.pointerMoveEvent&&(g=this.domService.getTargetElementForCursorPosition(this.pointerMoveEvent));let I=this.domService.getElementFromXPath(g?.xpath),B=this.domService.isElementInsideAdditionalLocationContainer(r)||this.domService.isElementInsideAdditionalLocationContainer(I),A=this.docService.getAdditionalDocumentIdFromElement(I)||this.docService.getDocumentPaths()?.clientDocumentId;!this.componentConfigSignal().recorderPinAnnotation?.metadata?.clientDocumentId||this.componentConfigSignal().recorderPinAnnotation?.metadata?.clientDocumentId==A?(this.componentConfigSignal.update(M=>(M=_(h({},M),{recorderPinAnnotation:_(h({},M.recorderPinAnnotation),{targetElement:g})}),M)),this.recorderAnnotationService.updateRecorder(this.componentConfigSignal().recorderPinAnnotation,!1,B),n=400):(this.componentConfigSignal.update(M=>(M=_(h({},M),{targetElement:r}),M)),n=10),setTimeout(()=>{this.componentConfigSignal.update(M=>(M=_(h({},M),{annotationDragging:!1,dragPosition:null}),M)),this.domService.removeHighlightFromElement(this.componentConfigSignal().targetElement)},n),this.analyticsService.trackEvent(de.Events.Recording.RECORDING_DRAGGED,{annotationId:this.componentConfigSignal().recorderPinAnnotation.annotationId,recorderSize:this.componentConfigSignal().recorderPinAnnotation?.attachments?.length?this.componentConfigSignal().recorderPinAnnotation?.attachments[0]?.size:this.componentConfigSignal().recorderPinAnnotation?.attachment?.size})}catch(e){this.catchError("Error in RecorderPinPortalComponent onPinRelease: ",e)}}saveRecorder(e){}ngOnDestroy(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;");try{this.unsubscribe()}catch(e){this.catchError("Error in RecorderPinPortalComponent ondestroy: ",e)}}unsubscribe(){this.loggingService.log("%c[WB] Calling FUNCTION: unsubscribe","color: green;");try{this.subscriptions.map(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.catchError("Error in RecorderPinPortalComponent unsubscribe: ",e)}}catchError(e,n,r){try{this.loggingService.catch(e,n,_(h({},r||{}),{annotationId:this.componentConfigSignal()?.recorderPinAnnotation?.annotationId}))}catch{}}};o.\u0275fac=function(n){return new(n||o)(d(Ke),d(mt),d(Tt),d(Ne),d(Oe),d(y),d(T))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-pin-portal"]],hostVars:2,hostBindings:function(n,r){n&2&&(da("id",r.id),E("data-velt-element",r.veltElement))},inputs:{multipleRecorderPinsSelected:"multipleRecorderPinsSelected",avatarErrorImage:"avatarErrorImage"},standalone:!1,decls:1,vars:1,consts:[[4,"ngIf"],["class","recorder-pin-portal","cdkDrag","","cdkDragHandle","","role","application","tabindex","0",3,"id","pin-dragging","opacity","top","left","cdkDragDisabled","pointerup","pointerdown","click","cdkDragStarted","cdkDragEnded","cdkDragMoved","cdkDragReleased",4,"ngIf"],["cdkDrag","","cdkDragHandle","","role","application","tabindex","0",1,"recorder-pin-portal",3,"pointerup","pointerdown","click","cdkDragStarted","cdkDragEnded","cdkDragMoved","cdkDragReleased","id","cdkDragDisabled"],["aria-live","polite",3,"saveRecorder","recorderPinAnnotation","dragging","recorderPinSelected","multipleRecorderPinSelected","targetElement","user"]],template:function(n,r){n&1&&s(0,DS,2,1,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,dt,Vo,Hr,W],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}[_nghost-%COMP%]{position:absolute;top:0;left:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left;line-height:1.5;color:#000;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:empty{display:revert}.recorder-pin-portal[_ngcontent-%COMP%]{position:absolute;transform:none;top:0;left:0}.recorder-pin-portal.pin-dragging[_ngcontent-%COMP%]{position:fixed;z-index:var(--velt-recorder-player-z-index)}.cdk-drag-preview[_ngcontent-%COMP%], .cdk-drag[_ngcontent-%COMP%], .cdk-drag-placeholder[_ngcontent-%COMP%]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}body.dragging[_nghost-%COMP%]   *[_ngcontent-%COMP%], body.dragging   [_nghost-%COMP%]   *[_ngcontent-%COMP%]{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}"],changeDetection:0});let t=o;return t})();var qo=(()=>{let o=class o{constructor(e,n,r,g,I,B){this.domService=e,this.componentFactoryResolver=n,this.injector=r,this.appRef=g,this.loggingService=I,this.serviceBook=B,this.recordersPinById={},this.serviceBook.set(Ho,this)}setRecorderPin(e){try{if(!this.recordersPinById[e.annotationId])this.setPinPortal(e);else if(e.targetElement?.xpath===this.recordersPinById[e.annotationId]?.annotation?.targetElement?.xpath){let n=this.recordersPinById[e.annotationId].portalRef,r=this.recordersPinById[e.annotationId].userTargetElement,g=this.recordersPinById[e.annotationId].pinHostElement;if(document.body.contains(r)&&document.body.contains(g))n&&(n.instance.setRecorderPinAnnotation(JSON.parse(JSON.stringify(e))),this.updateElementOffset(e));else{let I=this.recordersPinById[e.annotationId].pinHostDomPortalOutlet;I&&(this.recordersPinById[e.annotationId].pinHostElement?.removeAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST),this.recordersPinById[e.annotationId].pinHostElement?.removeAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST_STATIC),I.detach(),delete this.recordersPinById[e.annotationId],this.setPinPortal(e))}}else{let n=this.recordersPinById[e.annotationId].pinHostDomPortalOutlet;n&&(this.recordersPinById[e.annotationId].pinHostElement?.removeAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST),this.recordersPinById[e.annotationId].pinHostElement?.removeAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST_STATIC),n.detach(),delete this.recordersPinById[e.annotationId],this.setPinPortal(e))}}catch(n){this.loggingService.catch("Error in RecorderPinPortalService setRecorderPin: ",n)}}setPinPortal(e){try{let n=this.domService.getXPath(e.targetElement?.xpath);if(n){let r=n.iterateNext();if(r){let g=this.domService.getHostElement(r),I=new ua(Zr),B=new fa(g,this.appRef,this.injector),A=B.attach(I);A.instance.setRecorderPinAnnotation(JSON.parse(JSON.stringify(e))),A.instance.setTargetElement(r),this.recordersPinById[e.annotationId]={pinHostDomPortalOutlet:B,pinPortal:I,portalRef:A,annotation:JSON.parse(JSON.stringify(e)),userTargetElement:r,pinHostElement:g},g.setAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST,e.annotationId),window.getComputedStyle(g).position==="static"&&(Ra(g)||g.setAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST_STATIC,"true")),this.updateElementOffset(e)}}}catch(n){this.loggingService.catch("Error in RecorderPinPortalService setPinPortal: ",n)}}updateElementOffset(e){try{let{portalRef:n,userTargetElement:r,pinHostElement:g}=this.recordersPinById[e.annotationId],I=this.domService.getElementOffset(r,g);n.instance.setOffsetLeft(I.offsetLeft),n.instance.setOffsetTop(I.offsetTop)}catch(n){this.loggingService.catch("Error in RecorderPinPortalService updateElementOffset: ",n)}}checkPinsToRemove(e){try{let n=e.map(r=>r.annotationId);Object.keys(this.recordersPinById).forEach(r=>{if(!n.includes(r)){let g=this.recordersPinById[r];g.pinHostDomPortalOutlet.detach(),g.pinHostElement?.removeAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST),g.pinHostElement?.removeAttribute(Q.ATTRIBUTES.VELT_RECORDER_PIN_HOST_STATIC),this.domService.removeHighlightFromElement(g.pinHostElement),delete this.recordersPinById[r]}})}catch(n){this.loggingService.catch("Error in RecorderPinPortalService checkPinsToRemove: ",n)}}};o.\u0275fac=function(n){return new(n||o)(st(Ne),st(ra),st(tn),st(sa),st(y),st(an))},o.\u0275prov=Eo({token:o,factory:o.\u0275fac,providedIn:"root"});let t=o;return t})();var Jo=(()=>{let o=class o{get pinHighlighterClass(){return this._pinHighlighterClass}set pinHighlighterClass(e){this._pinHighlighterClass=e,this.domService.setPinHighlighterClass(e)}set darkMode(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableDarkMode():this.recorderService.disableDarkMode()}catch{}}set shadowDom(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableShadowDom():this.recorderService.disableShadowDom()}catch{}}set videoEditor(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableVideoEditor():this.recorderService.disableVideoEditor()}catch{}}set videoEditorTimelinePreview(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableVideoEditorTimelinePreview():this.recorderService.disableVideoEditorTimelinePreview()}catch{}}set _recordingTranscription(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderAnnotationService.enableRecordingTranscription():this.recorderAnnotationService.disableRecordingTranscription()}catch{}}set _playVideoInFullScreen(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enablePlayVideoInFullScreen():this.recorderService.disablePlayVideoInFullScreen()}catch{}}set _recordingCountdown(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableRecordingCountdown():this.recorderService.disableRecordingCountdown()}catch{}}constructor(e,n,r,g,I,B,A,M){this.analyticsService=e,this.authService=n,this.domService=r,this.recorderAnnotationService=g,this.recorderPinPortalService=I,this.loggingService=B,this.recorderService=A,this.elementRef=M,this._pinHighlighterClass=null,this.recorderPinAnnotations=[],this.subscriptions=[],this.isFirstComponent=!0,this.selectedAnnotationsMap={},this.recorderAnnotationFocused=!1,this.veltId=No(),this.veltElement=!0,this.componentId="velt-recorder-container";try{this.loggingService.log("%c[WB] Creating CLASS: RecorderContainerComponent","color: blue;"),this.recorderAnnotationService.setRecorderNotesFound(!0);let V=new URL(window.location.href);this.focusRecorderAnnotationId=V.searchParams.get(Q.URL_PARAMS.RECORDER_ID)}catch(V){this.loggingService.catch("Error in RecorderContainerComponent constructor: ",V)}}ngOnInit(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),this.setupA11yAttributes()}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderContainerComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{let e=document.querySelector(Q.TAGS.SNIPPYLY_RECORDER_NOTES),n=document.querySelector(Q.TAGS.VELT_RECORDER_NOTES);n?this.veltId===n?.getAttribute(Q.ATTRIBUTES.VELT_ID)&&(this.isFirstComponent=!0,this.initComponent()):this.veltId===e?.getAttribute(Q.ATTRIBUTES.VELT_ID)&&(this.isFirstComponent=!0,this.initComponent())}catch(e){this.loggingService.catch("Error in RecorderContainerComponent AfterViewInit: ",e)}}initComponent(){try{this.subscriptions.push(this.authService.getUser$().pipe(Et(e=>!!e)).subscribe(e=>{e&&this.setRecordingInstalledInAnalytics()},e=>{this.loggingService.catch("Error in getUser: ",e)})),this.subscriptions.push(this.domService.getSelectedAnnotationsMap$().subscribe(e=>{this.selectedAnnotationsMap=e},e=>{this.loggingService.catch("Error in RecorderContainerComponent getSidebarVisibility$ subscription: ",e)})),this.getAllRecordersOnCurrentDocument()}catch(e){this.loggingService.catch("Error in RecorderContainerComponent initComponent: ",e)}}getAllRecordersOnCurrentDocument(){this.loggingService.log("%c[WB] Calling FUNCTION: getAllRecordersOnCurrentDocument","color: green;");try{this.subscriptions.push(this.recorderAnnotationService.getAllRecorderAnnotations().pipe(Et(e=>!!e),ta(e=>this.domService.getSelectedAnnotationsMap$().pipe(ea(n=>({annotations:e?.filter(r=>r.mode!=="thread"),selectedAnnotationsMap:n||{}}))))).subscribe(e=>{try{this.loggingService.log(e),this.recorderPinAnnotations=e?.annotations;let n=this.recorderPinAnnotations.filter(r=>r.targetElement);this.recorderPinPortalService.checkPinsToRemove(n),n.forEach(r=>{this.recorderPinPortalService.setRecorderPin(r)}),this.focusRecorderAnnotation()}catch(n){this.loggingService.catch("Error in RecorderContainerComponent getAllRecordersOnCurrentDocument inside subscription: ",n)}},e=>{this.loggingService.catch("Error in RecorderContainerComponent getAllRecordersOnCurrentDocument subscription: ",e)}))}catch(e){this.loggingService.catch("Error in RecorderContainerComponent getAllRecordersOnCurrentDocument: ",e)}}ngOnDestroy(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;");try{this.unsubscribe()}catch(e){this.loggingService.catch("Error in RecorderContainerComponent ondestroy: ",e)}}unsubscribe(){this.loggingService.log("%c[WB] Calling FUNCTION: unsubscribe","color: green;");try{this.subscriptions.map(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in RecorderContainerComponent unsubscribe: ",e)}}focusRecorderAnnotation(){if(this.focusRecorderAnnotationId&&!this.recorderAnnotationFocused){let e=this.recorderPinAnnotations.find(n=>n.annotationId===this.focusRecorderAnnotationId);e&&(this.recorderAnnotationFocused=!0,sessionStorage.setItem(Q.SESSION_STORAGE.SNIPPYLY_AUTO_SELECT_ANNOTATION_ID,e.annotationId),this.selectedAnnotationsMap[e.annotationId]||this.domService.toggleAnnotationSelection(e),setTimeout(()=>{let n=null;e.targetElement?n=document.getElementById(`recorder-pin-contianer-${e.annotationId}`):(n=document.querySelector(`[data-velt-id='${e.annotationId}']`),sessionStorage.setItem(Q.SESSION_STORAGE.SNIPPYLY_AUTO_SELECT_ANNOTATION_ID,e.annotationId)),n&&n.scrollIntoView({behavior:"auto",block:"center",inline:"nearest"})},100))}}setRecordingInstalledInAnalytics(){try{this.analyticsService.setInstalledFeature(Ta.RECORDER)}catch(e){this.loggingService.catch("Error in RecorderContainerComponent setRecordingInstalledInAnalytics: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(Ke),d(mt),d(Ne),d(Oe),d(qo),d(y),d(ye),d(T))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-container"]],hostVars:2,hostBindings:function(n,r){n&2&&E("data-velt-id",r.veltId)("data-velt-element",r.veltElement)},inputs:{pinHighlighterClass:"pinHighlighterClass",darkMode:"darkMode",shadowDom:"shadowDom",videoEditor:"videoEditor",videoEditorTimelinePreview:"videoEditorTimelinePreview",_recordingTranscription:[0,"recordingTranscription","_recordingTranscription"],_playVideoInFullScreen:[0,"playVideoInFullScreen","_playVideoInFullScreen"],_recordingCountdown:[0,"recordingCountdown","_recordingCountdown"]},standalone:!1,decls:0,vars:0,template:function(n,r){},encapsulation:2,changeDetection:0});let t=o;return t})();function Vc(t){try{return t?.video?.deviceId?{deviceId:{exact:t.video.deviceId}}:!0}catch{return!0}}var _e=class{constructor(){this.loading=!1,this.mode="floating",this.recorderInitData=null,this.recordingStatus=null,this.recordedTime=null,this.collapsedMode=!1,this.pauseRecording=()=>{},this.resumeRecording=()=>{},this.clearRecording=()=>{},this.stopRecording=()=>{},this.audioEnabled=!1,this.recordingStopped=!1,this.recorderPanelId=void 0,this.commentAnnotationId=void 0,this.localVideoStream=null,this.screenRecordingRequested=!1,this.annotationDraging=!1,this.dragPosition=null,this.onPinDragStart=()=>{},this.onPinMove=()=>{},this.onPinRelease=()=>{},this.isRecording=!1,this.toggleCollapsedMode=()=>{},this.shadowDom=!0,this.isExplicitShadowDom=!1,this.darkMode=!1,this.draftRecordings=[],this.isFirstComponent=!0,this.dragAnnotation=null,this.recorderNotesFound=!1,this.keepOpen=!1,this.videoEditorAutoOpen=!1,this.pictureInPicture=!1}};var Ac=t=>({componentConfigSignal:t}),OS=(t,o)=>({condition:t,data:o}),wS=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-loading-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function kS(t,o){if(t&1&&(m(0),v(1,"div",5)(2,"div",6)(3,"div",7),S(4,"div",8),u()(),v(5,"div",9),z(6,"translate"),ie(7),z(8,"translate"),u()(),p()),t&2){let i=a(4);c(2),E("data-testid",i.componentId+"-icon"),c(),E("data-testid",i.componentId+"-loader"),c(),E("data-testid",i.componentId+"-loader-bar"),c(),E("aria-label",j(6,6,"Currently saving recording"))("data-testid",i.componentId+"-text"),c(2),ge(" ",j(8,8,"Saving Recording...")," ")}}function RS(t,o){if(t&1&&(v(0,"div",3),s(1,kS,9,10,"ng-container",4),u()),t&2){let i=a(2).ngIf,e=a();To(i.mode==="thread"?"velt-recorder-control-panel-loading--thread-mode":"velt-recorder-control-panel-loading--floating-mode"),E("data-testid",e.componentId),c(),l("veltDynamicTemplate",L(6,wS,e.template,C(4,Ac,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function MS(t,o){if(t&1&&(m(0),s(1,RS,2,12,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.loading)}}function VS(t,o){if(t&1&&(m(0),s(1,MS,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,OS,i.conditionSignal(),C(1,Ac,i.componentConfigSignal)))}}var Wt=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-loading",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelLoadingComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelLoadingComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelLoadingComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-loading"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","alert","aria-live","polite","aria-busy","true",3,"class",4,"ngIf"],["role","alert","aria-live","polite","aria-busy","true"],[4,"veltDynamicTemplate"],[1,"velt-recorder-control-panel-loading--content"],["role","presentation",1,"velt-recorder-control-panel-loading--icon"],["role","presentation",1,"velt-recorder-control-panel-loading--loader"],["aria-hidden","true",1,"velt-recorder-control-panel-loading--loader-bar"],[1,"velt-recorder-control-panel-loading--text"]],template:function(n,r){n&1&&s(0,VS,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{display:flex;width:100vw}[_nghost-%COMP%]:empty{display:none}.velt-recorder-control-panel-loading--icon[_ngcontent-%COMP%]{padding:4px}.velt-recorder-control-panel-loading--icon[_ngcontent-%COMP%]   .velt-recorder-control-panel-loading--loader[_ngcontent-%COMP%]{width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}.velt-recorder-control-panel-loading--icon[_ngcontent-%COMP%]   .velt-recorder-control-panel-loading--loader-bar[_ngcontent-%COMP%]{width:18px;height:18px;border-radius:100%;border:2px solid var(--velt-border-6);border-top-color:var(--velt-accent-text);animation:_ngcontent-%COMP%_loading 1s linear infinite}@keyframes _ngcontent-%COMP%_loading{to{transform:rotate(360deg)}}.velt-recorder-control-panel-loading--text[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xs);font-weight:500;color:var(--velt-text-4);margin-left:var(--velt-spacing-sm)}.velt-recorder-control-panel-loading--floating-mode[_ngcontent-%COMP%]{position:absolute;bottom:3%;left:50%;transform:translate(-50%,-50%)}.velt-recorder-control-panel-loading--floating-mode[_ngcontent-%COMP%]   .velt-recorder-control-panel-loading--content[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:var(--velt-spacing-xs) var(--velt-spacing-md) var(--velt-spacing-xs) var(--velt-spacing-xs);pointer-events:auto;border-radius:var(--velt-border-radius-3xl);border:1px solid var(--velt-border-2);background:var(--velt-background-0);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 32px #00000014}.velt-recorder-control-panel-loading--thread-mode[_ngcontent-%COMP%]   .velt-recorder-control-panel-loading--content[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-3xl);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--velt-spacing-md);pointer-events:auto;box-sizing:border-box}.velt-recorder-control-panel-loading--thread-mode[_ngcontent-%COMP%]   .velt-recorder-control-panel-loading--content[_ngcontent-%COMP%]   .saving-text[_ngcontent-%COMP%]{color:var(--velt-text-4)}"],changeDetection:0});let t=o;return t})();var Ko=t=>({componentConfigSignal:t}),AS=(t,o)=>({condition:t,data:o}),FS=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-type-icon-wireframe",variant:i,setIfCondition:e,componentElementRef:n}),Bc=(t,o,i)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-type-icon-wireframe",variant:i});function BS(t,o){if(t&1&&(v(0,"div",6),K(),v(1,"svg",7),S(2,"path",8)(3,"path",9),u()()),t&2){let i=a(5);E("data-testid",i.componentId+"-video")}}function LS(t,o){if(t&1&&(m(0),s(1,BS,4,1,"div",5),p()),t&2){let i=a(4);c(),l("veltDynamicTemplate",L(3,FS,i.template,C(1,Ko,i.componentConfigSignal),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function NS(t,o){if(t&1&&(v(0,"div",6),K(),v(1,"svg",10),S(2,"path",11),u()()),t&2){let i=a(5);E("data-testid",i.componentId+"-screen")}}function zS(t,o){if(t&1&&(m(0),s(1,NS,3,1,"div",5),p()),t&2){let i=a(4);c(),l("veltDynamicTemplate",ve(3,Bc,i.template,C(1,Ko,i.componentConfigSignal),i.variant))}}function jS(t,o){if(t&1&&(v(0,"div",6),K(),v(1,"svg",10),S(2,"path",12),u()()),t&2){let i=a(5);E("data-testid",i.componentId+"-audio")}}function HS(t,o){if(t&1&&(m(0),s(1,jS,3,1,"div",5),p()),t&2){let i=a(4);c(),l("veltDynamicTemplate",ve(3,Bc,i.template,C(1,Ko,i.componentConfigSignal),i.variant))}}function ZS(t,o){if(t&1&&(m(0),v(1,"div",2),z(2,"translate"),z(3,"translate"),m(4,3),s(5,LS,2,9,"ng-container",4)(6,zS,2,7,"ng-container",4)(7,HS,2,7,"ng-container",4),p(),u(),p()),t&2){let i=a(2).ngIf,e=a();c(),E("aria-label",j(2,6,"Currently recording:")+" "+j(3,8,(i.recorderInitData==null?null:i.recorderInitData.type)||"none"))("data-testid",e.componentId),c(3),l("ngSwitch",i.recorderInitData==null?null:i.recorderInitData.type),c(),l("ngSwitchCase","video"),c(),l("ngSwitchCase","screen"),c(),l("ngSwitchCase","audio")}}function US(t,o){if(t&1&&(m(0),s(1,ZS,8,10,"ng-container",0),p()),t&2){let i=a().ngIf,e=a();c(),l("ngIf",(!e.type||e.type===(i.recorderInitData==null?null:i.recorderInitData.type))&&i)}}function GS(t,o){if(t&1&&(m(0),s(1,US,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,AS,i.conditionSignal(),C(1,Ko,i.componentConfigSignal)))}}var to=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-type-icon",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTypeIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTypeIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTypeIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-type-icon"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{type:"type",variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","status",1,"velt-recorder-type-indicator"],[3,"ngSwitch"],[4,"ngSwitchCase"],["class","velt-icon","role","presentation",4,"veltDynamicTemplate"],["role","presentation",1,"velt-icon"],["width","25","height","24","viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M15.1667 10.2221L19.2138 8.199C19.3493 8.1313 19.4998 8.09934 19.6511 8.10615C19.8024 8.11297 19.9495 8.15833 20.0783 8.23794C20.2072 8.31755 20.3135 8.42876 20.3873 8.56102C20.4611 8.69328 20.4999 8.84221 20.5 8.99367V15.0061C20.4999 15.1576 20.4611 15.3065 20.3873 15.4388C20.3135 15.571 20.2072 15.6822 20.0783 15.7618C19.9495 15.8414 19.8024 15.8868 19.6511 15.8936C19.4998 15.9004 19.3493 15.8685 19.2138 15.8008L15.1667 13.7777V10.2221Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["d","M4.5 8.44379C4.5 7.9723 4.6873 7.52011 5.0207 7.18671C5.3541 6.85332 5.80628 6.66602 6.27778 6.66602H13.3889C13.8604 6.66602 14.3126 6.85332 14.646 7.18671C14.9794 7.52011 15.1667 7.9723 15.1667 8.44379V15.5549C15.1667 16.0264 14.9794 16.4786 14.646 16.812C14.3126 17.1454 13.8604 17.3327 13.3889 17.3327H6.27778C5.80628 17.3327 5.3541 17.1454 5.0207 16.812C4.6873 16.4786 4.5 16.0264 4.5 15.5549V8.44379Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M18.5 12.0004V14.1671C18.5 14.3586 18.4239 14.5423 18.2885 14.6778C18.153 14.8132 17.9693 14.8893 17.7778 14.8893H6.22222C6.03068 14.8893 5.84698 14.8132 5.71153 14.6778C5.57609 14.5423 5.5 14.3586 5.5 14.1671V6.94488C5.5 6.75333 5.57609 6.56963 5.71153 6.43419C5.84698 6.29875 6.03068 6.22266 6.22222 6.22266H12.7222M8.38889 17.7782H15.6111M9.83333 14.8893V17.7782M14.1667 14.8893V17.7782M15.6111 6.22266H18.5M18.5 6.22266V9.11155M18.5 6.22266L14.8889 9.83377","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["d","M7 10.4291C7 11.7552 7.52678 13.027 8.46447 13.9647C9.40215 14.9023 10.6739 15.4291 12 15.4291M12 15.4291C13.3261 15.4291 14.5979 14.9023 15.5355 13.9647C16.4732 13.027 17 11.7552 17 10.4291M12 15.4291V18.2863M9.14286 18.2863H14.8571M9.85714 6.8577C9.85714 6.28938 10.0829 5.74434 10.4848 5.34247C10.8866 4.94061 11.4317 4.71484 12 4.71484C12.5683 4.71484 13.1134 4.94061 13.5152 5.34247C13.9171 5.74434 14.1429 6.28938 14.1429 6.8577V10.4291C14.1429 10.9975 13.9171 11.5425 13.5152 11.9444C13.1134 12.3462 12.5683 12.572 12 12.572C11.4317 12.572 10.8866 12.3462 10.4848 11.9444C10.0829 11.5425 9.85714 10.9975 9.85714 10.4291V6.8577Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,GS,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,ut,ft,P,R,W],styles:["[_nghost-%COMP%]{display:block}.velt-icon[_ngcontent-%COMP%]{background:var(--velt-accent);padding:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-3xl);display:flex}svg[_ngcontent-%COMP%]{max-width:unset;color:var(--velt-accent-foreground)}"],changeDetection:0});let t=o;return t})();var Lc=t=>({componentConfigSignal:t}),YS=(t,o)=>({condition:t,data:o}),XS=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function $S(t,o){if(t&1&&(m(0),v(1,"span",3),z(2,"translate"),ie(3),z(4,"hourMinSecTimeDisplay"),u(),p()),t&2){let i=a(2).ngIf,e=a();c(),E("aria-label",j(2,3,"Recording duration"))("data-testid",e.componentId),c(2),ke(j(4,5,i.recordedTime==null?null:i.recordedTime.duration)||"00:00:00")}}function QS(t,o){if(t&1&&(m(0),s(1,$S,5,7,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,XS,e.template,C(1,Lc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function qS(t,o){if(t&1&&(m(0),s(1,QS,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,YS,i.conditionSignal(),C(1,Lc,i.componentConfigSignal)))}}var no=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-time",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTimeComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTimeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTimeComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-time"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","timer","aria-live","polite",1,"velt-recorder-control-panel-action-bar--time"]],template:function(n,r){n&1&&s(0,qS,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W,Ya],styles:["[_nghost-%COMP%]{width:65px;display:flex}.velt-recorder-control-panel-action-bar--time[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);font-weight:500;color:var(--velt-text-4);margin-left:var(--velt-spacing-sm)}"],changeDetection:0});let t=o;return t})();var KS=t=>({componentConfigSignal:t}),ex=(t,o)=>({condition:t,data:o}),tx=(t,o)=>({componentConfigSignal:t,variant:o}),nx=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-toggle-play-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function ix(t,o){if(t&1&&(m(0),v(1,"div",3),z(2,"translate"),K(),v(3,"svg",4),S(4,"rect",5)(5,"rect",6),u()(),p()),t&2){let i=a(4);c(),E("aria-label",j(2,2,"Pause recording"))("data-testid",i.componentId)}}function ox(t,o){if(t&1&&(m(0),s(1,ix,6,4,"ng-container",2),p()),t&2){let i=a(3);c(),l("veltDynamicTemplate",L(4,nx,i.template,D(1,tx,i.componentConfigSignal,i.variant),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function rx(t,o){if(t&1&&(m(0),s(1,ox,2,10,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.recordingStatus!=="paused")}}function ax(t,o){if(t&1&&(m(0),s(1,rx,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,ex,i.conditionSignal(),C(1,KS,i.componentConfigSignal)))}}var io=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-toggle-play",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTogglePlayComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTogglePlayComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTogglePlayComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-toggle-play"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["aria-pressed","false","type","button",1,"velt-recorder-control-panel-action-bar--toggle-icon"],["width","21","height","20","viewBox","0 0 21 20","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["x","6","y","4","width","2.99958","height","12","rx","1.49979","fill","currentColor"],["x","12","y","4","width","2.99958","height","12","rx","1.49979","fill","currentColor"]],template:function(n,r){n&1&&s(0,ax,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:[".velt-recorder-control-panel-action-bar--toggle-icon[_ngcontent-%COMP%]{height:28px;width:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--velt-text-2)}.velt-recorder-control-panel-action-bar--toggle-icon[_ngcontent-%COMP%]:hover{color:var(--velt-text-5)}"],changeDetection:0});let t=o;return t})();var cx=t=>({componentConfigSignal:t}),sx=(t,o)=>({condition:t,data:o}),dx=(t,o)=>({componentConfigSignal:t,variant:o}),mx=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-toggle-pause-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function px(t,o){if(t&1&&(m(0),v(1,"div",3),z(2,"translate"),K(),v(3,"svg",4),S(4,"path",5),u()(),p()),t&2){let i=a(4);c(),E("aria-label",j(2,2,"Resume recording"))("data-testid",i.componentId)}}function gx(t,o){if(t&1&&(m(0),s(1,px,5,4,"ng-container",2),p()),t&2){let i=a(3);c(),l("veltDynamicTemplate",L(4,mx,i.template,D(1,dx,i.componentConfigSignal,i.variant),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function vx(t,o){if(t&1&&(m(0),s(1,gx,2,10,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.recordingStatus==="paused")}}function ux(t,o){if(t&1&&(m(0),s(1,vx,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,sx,i.conditionSignal(),C(1,cx,i.componentConfigSignal)))}}var oo=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-toggle-pause",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTogglePauseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTogglePauseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTogglePauseComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-toggle-pause"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["aria-pressed","true","type","button",1,"velt-recorder-control-panel-action-bar--toggle-icon"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M6 4.66685V15.3335C5.99997 15.4521 6.03158 15.5686 6.09159 15.6709C6.15159 15.7733 6.23781 15.8577 6.34135 15.9156C6.44489 15.9735 6.562 16.0027 6.68059 16.0002C6.79918 15.9978 6.91497 15.9637 7.016 15.9015L15.6827 10.5682C15.7797 10.5085 15.8599 10.425 15.9155 10.3256C15.9711 10.2261 16.0003 10.1141 16.0003 10.0002C16.0003 9.88626 15.9711 9.77423 15.9155 9.6748C15.8599 9.57536 15.7797 9.49183 15.6827 9.43219L7.016 4.09885C6.91497 4.0367 6.79918 4.00262 6.68059 4.00015C6.562 3.99767 6.44489 4.02688 6.34135 4.08476C6.23781 4.14265 6.15159 4.22711 6.09159 4.32943C6.03158 4.43175 5.99997 4.54823 6 4.66685Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,ux,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:[".velt-recorder-control-panel-action-bar--toggle-icon[_ngcontent-%COMP%]{height:28px;width:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--velt-text-2)}.velt-recorder-control-panel-action-bar--toggle-icon[_ngcontent-%COMP%]:hover{color:var(--velt-text-5)}"],changeDetection:0});let t=o;return t})();var hx=t=>({componentConfigSignal:t}),Cx=(t,o)=>({condition:t,data:o}),Nc=()=>["started","resumed"],_x=(t,o)=>({componentConfigSignal:t,variant:o}),yx=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-toggle-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Sx(t,o){if(t&1&&(m(0),S(1,"app-recorder-control-panel-action-bar-toggle-pause",4)(2,"app-recorder-control-panel-action-bar-toggle-play",4),p()),t&2){let i=a(3);c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function xx(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),z(2,"translate"),z(3,"translate"),H("click",function(){O(i);let n=a().ngIf;return w(["started","resumed"].includes(n.recordingStatus)?n.pauseRecording():n.resumeRecording())}),s(4,Sx,3,4,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),E("aria-label",Ve(8,Nc).includes(i.recordingStatus)?j(2,4,"Pause recording"):j(3,6,"Resume recording"))("aria-pressed",!Ve(9,Nc).includes(i.recordingStatus))("data-testid",e.componentId),c(3),l("veltDynamicTemplate",L(13,yx,e.template,D(10,_x,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function bx(t,o){if(t&1&&(m(0),s(1,xx,5,19,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Cx,i.conditionSignal(),C(1,hx,i.componentConfigSignal)))}}var ro=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-toggle",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarToggleComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarToggleComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarToggleComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-toggle"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",1,"velt-recorder-control-panel-action-bar--toggle-container",3,"click"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,bx,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,io,oo,W],styles:["[_nghost-%COMP%]{display:block;margin-left:var(--velt-spacing-sm)}"],changeDetection:0});let t=o;return t})();var Px=t=>({componentConfigSignal:t}),Ex=(t,o)=>({condition:t,data:o}),Dx=(t,o)=>({componentConfigSignal:t,variant:o}),Tx=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-stop-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Ox(t,o){if(t&1&&(m(0),v(1,"div",4),K(),v(2,"svg",5),S(3,"path",6),u()(),p()),t&2){let i=a(3);c(),E("data-testid",i.componentId+"-icon")}}function wx(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),z(2,"translate"),H("click",function(){O(i);let n=a().ngIf;return w(n.stopRecording())}),s(3,Ox,4,1,"ng-container",3),u(),p()}if(t&2){let i=a(2);c(),E("aria-label",j(2,3,"Stop recording"))("data-testid",i.componentId),c(2),l("veltDynamicTemplate",L(8,Tx,i.template,D(5,Dx,i.componentConfigSignal,i.variant),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function kx(t,o){if(t&1&&(m(0),s(1,wx,4,14,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Ex,i.conditionSignal(),C(1,Px,i.componentConfigSignal)))}}var ao=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-stop",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarStopComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarStopComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarStopComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-stop"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",1,"velt-recorder-control-panel-action-bar--stop",3,"click"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-control-panel-action-bar--stop-icon"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M1.63305 3.9642C1.81098 2.74609 2.74609 1.81098 3.9642 1.63305C5.02689 1.47782 6.4399 1.33203 7.9987 1.33203C9.5575 1.33203 10.9705 1.47782 12.0332 1.63305C13.2513 1.81098 14.1864 2.74609 14.3643 3.9642C14.5196 5.02689 14.6654 6.4399 14.6654 7.9987C14.6654 9.5575 14.5196 10.9705 14.3643 12.0332C14.1864 13.2513 13.2513 14.1864 12.0332 14.3643C10.9705 14.5196 9.5575 14.6654 7.9987 14.6654C6.4399 14.6654 5.02689 14.5196 3.9642 14.3643C2.74609 14.1864 1.81098 13.2513 1.63305 12.0332C1.47782 10.9705 1.33203 9.5575 1.33203 7.9987C1.33203 6.4399 1.47782 5.02689 1.63305 3.9642Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,kx,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{display:block}.velt-recorder-control-panel-action-bar--stop-icon[_ngcontent-%COMP%]{height:28px;width:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:var(--velt-spacing-sm);color:var(--velt-error)}.velt-recorder-control-panel-action-bar--stop-icon[_ngcontent-%COMP%]:hover{color:var(--velt-error-hover)}"],changeDetection:0});let t=o;return t})();var Mx=t=>({componentConfigSignal:t}),Vx=(t,o)=>({condition:t,data:o}),Ax=(t,o)=>({componentConfigSignal:t,variant:o}),Fx=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-clear-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Bx(t,o){if(t&1&&(m(0),v(1,"div",4),K(),v(2,"svg",5),S(3,"path",6),u()(),p()),t&2){let i=a(3);c(),E("data-testid",i.componentId+"-icon")}}function Lx(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),z(2,"translate"),H("click",function(){O(i);let n=a().ngIf;return w(n.clearRecording(!0,"cancelled"))}),s(3,Bx,4,1,"ng-container",3),u(),p()}if(t&2){let i=a(2);c(),E("aria-label",j(2,3,"Cancel recording"))("data-testid",i.componentId),c(2),l("veltDynamicTemplate",L(8,Fx,i.template,D(5,Ax,i.componentConfigSignal,i.variant),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function Nx(t,o){if(t&1&&(m(0),s(1,Lx,4,14,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Vx,i.conditionSignal(),C(1,Mx,i.componentConfigSignal)))}}var lo=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-clear",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarClearComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarClearComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarClearComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-clear"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",1,"velt-recorder-control-panel-action-bar--clear",3,"click"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-control-panel-action-bar--clear-icon"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M18.998 8.99805L8.99805 18.998M8.99805 8.99805L18.998 18.998","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,Nx,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{display:block}.velt-recorder-control-panel-action-bar--clear-icon[_ngcontent-%COMP%]{height:28px;width:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--velt-text-10)}.velt-recorder-control-panel-action-bar--clear-icon[_ngcontent-%COMP%]:hover{color:var(--velt-text-11)}"],changeDetection:0});let t=o;return t})();var jx=(t,o,i)=>({componentConfigSignal:t,isPipEnabled:o,isPipActive:i}),Hx=(t,o)=>({condition:t,data:o}),Zx=(t,o,i,e)=>({componentConfigSignal:t,variant:o,isPipEnabled:i,isPipActive:e}),Ux=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-pip-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Gx(t,o){if(t&1&&(m(0),v(1,"button",5),K(),v(2,"svg",6),S(3,"path",7),u()(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-pip-button")}}function Wx(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),z(2,"translate"),H("click",function(){O(i);let n=a(3);return w(n.togglePictureInPicture())}),s(3,Gx,4,1,"ng-container",4),u()}if(t&2){let i=a(3);te("velt-recorder-control-panel-action-bar-pip-button-active",i.isPipActive),E("aria-label",i.isPipActive?j(1,4,"Exit Picture-in-Picture"):j(2,6,"Enter Picture-in-Picture")),c(3),l("veltDynamicTemplate",L(13,Ux,i.template,qe(8,Zx,i.componentConfigSignal,i.variant,i.isPipEnabled,i.isPipActive),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function Yx(t,o){if(t&1&&(m(0),s(1,Wx,4,19,"div",2),p()),t&2){let i=a(2);c(),l("ngIf",i.isPipEnabled)}}function Xx(t,o){if(t&1&&(m(0),s(1,Yx,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(5,Hx,i.conditionSignal(),ve(1,jx,i.componentConfigSignal,i.isPipEnabled,i.isPipActive)))}}var co=(()=>{let o=class o extends N{get isPipActive(){return this.pipService.getIsPipActive()}get isPipEnabled(){return this.pipService.isPictureInPictureEnabled()&&this.componentConfigSignal().recorderInitData?.type==="screen"&&!!this.componentConfigSignal().localVideoStream}constructor(e,n,r,g,I){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.analyticsService=g,this.pipService=I,this.componentId="velt-recorder-control-panel-action-bar-pip",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarPipComponent ngOnInit:",e)}}ngOnDestroy(){try{this.pipService.exitPictureInPicture(),super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarPipComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarPipComponent setupA11yAttributes:",e)}}togglePictureInPicture(){return Le(this,null,function*(){try{let e=this.componentConfigSignal();this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_PIP_BUTTON_CLICKED,{recorderType:e.recorderInitData?.type,recorderMode:e.mode,pipActive:this.pipService.getIsPipActive()});let n=e.recorderInitData?.type==="screen"?e.localVideoStream:e.recorderInitData?.stream;if(!n){this.loggingService.warn("No video stream available for Picture-in-Picture");return}yield this.pipService.togglePictureInPicture(n,()=>{e.stopRecording()})}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarPipComponent togglePictureInPicture:",e)}})}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f),d(Ke),d(rt))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-pip"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"velt-recorder-control-panel-action-bar-pip-button-active","click",4,"ngIf"],[3,"click"],[4,"veltDynamicTemplate"],["role","button","type","button",1,"velt-recorder-control-panel-action-bar-pip-button"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M9.16667 15.8337H4.16667C3.72464 15.8337 3.30072 15.6581 2.98816 15.3455C2.67559 15.0329 2.5 14.609 2.5 14.167V5.83366C2.5 5.39163 2.67559 4.96771 2.98816 4.65515C3.30072 4.34259 3.72464 4.16699 4.16667 4.16699H15.8333C16.2754 4.16699 16.6993 4.34259 17.0118 4.65515C17.3244 4.96771 17.5 5.39163 17.5 5.83366V9.16699M11.6667 12.5003C11.6667 12.2793 11.7545 12.0674 11.9107 11.9111C12.067 11.7548 12.279 11.667 12.5 11.667H16.6667C16.8877 11.667 17.0996 11.7548 17.2559 11.9111C17.4122 12.0674 17.5 12.2793 17.5 12.5003V15.0003C17.5 15.2213 17.4122 15.4333 17.2559 15.5896C17.0996 15.7459 16.8877 15.8337 16.6667 15.8337H12.5C12.279 15.8337 12.067 15.7459 11.9107 15.5896C11.7545 15.4333 11.6667 15.2213 11.6667 15.0003V12.5003Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,Xx,2,8,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]:empty{display:none}.velt-recorder-control-panel-action-bar-pip-button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;height:28px;width:28px;border:none;border-radius:6px;background:transparent;color:var(--velt-text-2);cursor:pointer;transition:all .2s ease;position:relative}.velt-recorder-control-panel-action-bar-pip-button[_ngcontent-%COMP%]:hover{color:var(--velt-text-5)}.velt-recorder-control-panel-action-bar-pip-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{flex-shrink:0}.velt-recorder-control-panel-action-bar-pip-button-active[_ngcontent-%COMP%]   .velt-recorder-control-panel-action-bar-pip-button[_ngcontent-%COMP%]{color:var(--velt-accent-text)}.velt-recorder-control-panel-action-bar-pip-button-active[_ngcontent-%COMP%]   .velt-recorder-control-panel-action-bar-pip-button[_ngcontent-%COMP%]:hover{color:var(--velt-accent-hover)}"],changeDetection:0});let t=o;return t})();var zc=t=>({componentConfigSignal:t}),Qx=(t,o)=>({condition:t,data:o}),qx=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-waveform-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Jx(t,o){if(t&1&&(m(0),S(1,"app-audio-waveform",3),z(2,"translate"),z(3,"translate"),z(4,"translate"),p()),t&2){let i=a(2).ngIf,e=a();c(),l("isAudio",(i.recorderInitData==null?null:i.recorderInitData.type)==="audio")("recorderInitData",i.recorderInitData)("collapsedMode",i.collapsedMode)("threadMode",i.mode==="thread")("variant","minified")("height",18)("isRecording",i.recordingStatus==="started"||i.recordingStatus==="resumed"),E("aria-label",j(2,9,"Audio waveform visualization")+" - "+(i.recordingStatus==="started"||i.recordingStatus==="resumed"?j(3,11,"Currently recording"):j(4,13,"Recording paused")))("data-testid",e.componentId)}}function Kx(t,o){if(t&1&&(m(0),s(1,Jx,5,15,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,qx,e.template,C(1,zc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function eb(t,o){if(t&1&&(m(0),s(1,Kx,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Qx,i.conditionSignal(),C(1,zc,i.componentConfigSignal)))}}var so=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-action-bar-waveform",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTypeIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarTypeIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarWaveformComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar-waveform"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","img","aria-live","polite",3,"isAudio","recorderInitData","collapsedMode","threadMode","variant","height","isRecording"]],template:function(n,r){n&1&&s(0,eb,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,yt,W],styles:["[_nghost-%COMP%]{max-width:160px}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var nb=t=>({componentConfigSignal:t}),ib=(t,o)=>({condition:t,data:o}),ob=(t,o)=>({componentConfigSignal:t,variant:o}),rb=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-action-bar-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function ab(t,o){if(t&1&&(m(0),S(1,"app-recorder-control-panel-action-bar-waveform",6),p()),t&2){let i=a(5);c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function lb(t,o){if(t&1&&(m(0),v(1,"div",5),z(2,"translate"),S(3,"app-recorder-control-panel-action-bar-type-icon",6)(4,"app-recorder-control-panel-action-bar-time",6),u(),s(5,ab,2,2,"ng-container",0),v(6,"div",7),z(7,"translate"),S(8,"app-recorder-control-panel-action-bar-toggle",6)(9,"app-recorder-control-panel-action-bar-stop",6)(10,"app-recorder-control-panel-action-bar-pip",6)(11,"app-recorder-control-panel-action-bar-clear",6),u(),p()),t&2){let i=a(3).ngIf,e=a();c(),E("aria-label",j(2,17,"Recording information"))("data-testid",e.componentId+"-information"),c(2),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("ngIf",(i.recorderInitData==null?null:i.recorderInitData.type)==="audio"&&(i.mode==="thread"||i.collapsedMode)),c(),E("aria-label",j(7,19,"Recording controls"))("data-testid",e.componentId+"-controls"),c(2),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant)}}function cb(t,o){if(t&1&&(v(0,"div",3),z(1,"translate"),z(2,"translate"),s(3,lb,12,21,"ng-container",4),u()),t&2){let i=a(2).ngIf,e=a();To(i.mode==="thread"&&i.recorderInitData.type!=="screen"?"velt-recorder-control-panel-action-bar--thread-mode":"velt-recorder-control-panel-action-bar--floating-mode"),te("velt-recorder-control-panel-action-bar--screen",i.recorderInitData.type==="screen")("is-floating",i.mode!=="thread"),E("aria-label",j(1,9,"Recording controls for")+" "+i.recorderInitData.type+" "+j(2,11,"recording"))("data-testid",e.componentId),c(3),l("veltDynamicTemplate",L(16,rb,e.template,D(13,ob,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function sb(t,o){if(t&1&&(m(0),s(1,cb,4,22,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.recorderInitData&&i.recordingStatus!=="stopped")}}function db(t,o){if(t&1&&(m(0),s(1,sb,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,ib,i.conditionSignal(),C(1,nb,i.componentConfigSignal)))}}var Yt=(()=>{let o=class o extends Pe{get actionBarTemplate(){return this._actionBarTemplate}set actionBarTemplate(e){this._actionBarTemplate=e,this.actionBarTemplate?this.template=this.domService.deepCloneElement(this.actionBarTemplate):this.template=null}constructor(e,n,r,g,I){super(n,e,void 0,void 0,void 0,g,r),this.themeService=e,this.elementRef=n,this.loggingService=r,this.dynamicDataService=g,this.domService=I,this.componentId="velt-recorder-control-panel-action-bar",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelActionBarComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(Ie),d(T),d(y),d(f),d(Ne))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-action-bar"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant",actionBarTemplate:"actionBarTemplate"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","toolbar","aria-live","polite",3,"class","velt-recorder-control-panel-action-bar--screen","is-floating",4,"ngIf"],["role","toolbar","aria-live","polite"],[4,"veltDynamicTemplate"],["role","group",1,"velt-recorder-control-panel-action-bar--left-part"],[3,"componentConfigSignal","variant"],["role","group",1,"velt-recorder-control-panel-action-bar--right-part"]],template:function(n,r){n&1&&s(0,db,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,to,no,ro,ao,lo,co,so,W],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-recorder-control-panel-action-bar--floating-mode[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;position:absolute;bottom:3%;left:50%;transform:translate(-50%,-50%);padding:var(--velt-spacing-xs) var(--velt-spacing-md) var(--velt-spacing-xs) var(--velt-spacing-xs);pointer-events:auto;border-radius:var(--velt-border-radius-3xl);border:1px solid var(--velt-border-2);background:var(--velt-background-0);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 0 32px #00000014}.velt-recorder-control-panel-action-bar--thread-mode[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--velt-spacing-md);padding-top:0;pointer-events:auto;box-sizing:border-box}.velt-recorder-control-panel-action-bar--screen[_ngcontent-%COMP%]{bottom:30px;left:40px;transform:translate(0)}.velt-recorder-control-panel-action-bar--left-part[_ngcontent-%COMP%], .velt-recorder-control-panel-action-bar--right-part[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center}"],changeDetection:0});let t=o;return t})();var Hc=t=>({componentConfigSignal:t}),mb=(t,o)=>({condition:t,data:o}),pb=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-video-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function gb(t,o){if(t&1&&(S(0,"video",5,0),z(2,"translate"),z(3,"translate")),t&2){let i=a(3).ngIf,e=a();te("velt-video-screen",(i.recorderInitData==null?null:i.recorderInitData.type)==="screen"),l("srcObject",(i.recorderInitData==null?null:i.recorderInitData.type)==="screen"?i.localVideoStream:i.recorderInitData==null?null:i.recorderInitData.stream)("volume",0),E("aria-label",(i.recorderInitData==null?null:i.recorderInitData.type)==="screen"?j(2,7,"Screen recording preview"):j(3,9,"Video recording preview"))("aria-hidden",!e.showVideo)("data-testid",e.componentId+"-video")}}function vb(t,o){if(t&1&&(m(0),s(1,gb,4,11,"video",4),p()),t&2){let i=a(2).ngIf,e=a();c(),l("ngIf",e.showVideo&&!i.loading&&((i.recorderInitData==null?null:i.recorderInitData.type)==="screen"&&i.localVideoStream||(i.recorderInitData==null?null:i.recorderInitData.type)!=="screen"&&(i.recorderInitData==null?null:i.recorderInitData.stream)))}}function ub(t,o){if(t&1&&(m(0),s(1,vb,2,1,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,pb,e.template,C(1,Hc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function fb(t,o){if(t&1&&(m(0),s(1,ub,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,mb,i.conditionSignal(),C(1,Hc,i.componentConfigSignal)))}}var It=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.showVideo=!0,this.componentId="velt-recorder-control-panel-video",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelVideoComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelVideoComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-video"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{showVideo:"showVideo"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["videoRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","flip","autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","role","application","aria-live","polite",3,"srcObject","volume","velt-video-screen",4,"ngIf"],["autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","role","application","aria-live","polite",1,"flip",3,"srcObject","volume"]],template:function(n,r){n&1&&s(0,fb,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{width:100%;display:flex}[_nghost-%COMP%]:empty{display:none}video[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover}.velt-video-screen[_ngcontent-%COMP%]{padding:var(--velt-spacing-xs);background:var(--velt-background-0);width:170px;height:170px;border-radius:200px}"],changeDetection:0});let t=o;return t})();var Zc=t=>({componentConfigSignal:t}),hb=(t,o)=>({condition:t,data:o}),Cb=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-floating-mode-waveform-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1});function _b(t,o){if(t&1&&(S(0,"app-audio-waveform",4),z(1,"translate"),z(2,"translate"),z(3,"translate")),t&2){let i=a(3).ngIf,e=a();l("variant",(i.recorderInitData==null?null:i.recorderInitData.type)==="audio"?"expanded":"preview-mini")("recorderInitData",i.recorderInitData)("isRecording",i.isRecording)("isAudio",(i.recorderInitData==null?null:i.recorderInitData.type)==="audio")("height",144)("isRecording",i.recordingStatus==="started"||i.recordingStatus==="resumed"),E("aria-label",j(1,9,"Audio waveform visualization")+" - "+((i.recorderInitData==null?null:i.recorderInitData.type)==="audio"?j(2,11,"Expanded view"):j(3,13,"Mini preview")))("aria-busy",i.recordingStatus==="started"||i.recordingStatus==="resumed")("data-testid",e.componentId)}}function yb(t,o){if(t&1&&(m(0),s(1,_b,4,15,"app-audio-waveform",3),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",!!i.recordingStatus)}}function Sb(t,o){if(t&1&&(m(0),s(1,yb,2,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Cb,e.template,C(1,Zc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function xb(t,o){if(t&1&&(m(0),s(1,Sb,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,hb,i.conditionSignal(),C(1,Zc,i.componentConfigSignal)))}}var Xt=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-floating-mode-waveform",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeWaveformComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeWaveformComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeWaveformComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-floating-mode-waveform"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","img","aria-live","polite",3,"variant","recorderInitData","isRecording","isAudio","height",4,"ngIf"],["role","img","aria-live","polite",3,"variant","recorderInitData","isRecording","isAudio","height"]],template:function(n,r){n&1&&s(0,xb,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,yt,W],styles:["[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let t=o;return t})();var Gc=t=>({componentConfigSignal:t}),bb=(t,o)=>({condition:t,data:o}),Ib=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-screen-mini-container-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function Pb(t,o){if(t&1&&(v(0,"div",5),z(1,"translate"),v(2,"div",6)(3,"div",7),S(4,"app-recorder-control-panel-video",8),u()()()),t&2){let i=a(5);te("with-pip",i.isPipEnabled),E("aria-label",j(1,8,"Screen recording preview"))("data-testid",i.componentId),c(2),E("data-testid",i.componentId+"-outer"),c(),E("data-testid",i.componentId+"-inner"),c(),l("showVideo",!0)("componentConfigSignal",i.componentConfigSignal)}}function Eb(t,o){if(t&1&&(m(0),S(1,"app-recorder-control-panel-floating-mode-waveform",3),s(2,Pb,5,10,"div",4),p()),t&2){let i=a(3).ngIf,e=a();c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("ngIf",i.localVideoStream&&i.recorderInitData)}}function Db(t,o){if(t&1&&(m(0),s(1,Eb,3,3,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Ib,e.template,C(1,Gc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function Tb(t,o){if(t&1&&(m(0),s(1,Db,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",(i.recorderInitData==null?null:i.recorderInitData.type)==="screen")}}function Ob(t,o){if(t&1&&(m(0),s(1,Tb,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,bb,i.conditionSignal(),C(1,Gc,i.componentConfigSignal)))}}var $t=(()=>{let o=class o extends Pe{get minScreenVideoTemplate(){return this._minScreenVideoTemplate}set minScreenVideoTemplate(e){this._minScreenVideoTemplate=e,this.minScreenVideoTemplate?this.template=this.domService.deepCloneElement(this.minScreenVideoTemplate):this.template=null}get isPipEnabled(){return this.pipService.isPictureInPictureEnabled()&&this.componentConfigSignal().recorderInitData?.type==="screen"&&!!this.componentConfigSignal().localVideoStream}constructor(e,n,r,g,I,B){super(n,e,void 0,void 0,void 0,g,r),this.themeService=e,this.elementRef=n,this.loggingService=r,this.dynamicDataService=g,this.domService=I,this.pipService=B,this.componentId="velt-recorder-control-panel-screen-mini-container",this.veltScreenRecorderPanel=!0;try{super.initializeComponentConfigSignal(new _e)}catch(A){this.loggingService.catch("Error in RecorderControlPanelScreenMiniContainerComponent initializeComponentConfigSignal:",A)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelScreenMiniContainerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelScreenMiniContainerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId)}catch(e){this.loggingService.catch("Error in RecorderControlPanelScreenMiniContainerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(Ie),d(T),d(y),d(f),d(Ne),d(rt))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-screen-mini-container"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{variant:"variant",minScreenVideoTemplate:"minScreenVideoTemplate"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","variant"],["class","recorder-control-panel--screen-mini-container","role","region",3,"with-pip",4,"ngIf"],["role","region",1,"recorder-control-panel--screen-mini-container"],["role","presentation",1,"recorder-control-panel--screen-mini-container-outer"],["role","presentation",1,"recorder-control-panel--screen-mini-container-inner"],["aria-live","polite",3,"showVideo","componentConfigSignal"]],template:function(n,r){n&1&&s(0,Ob,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,It,Xt,W],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent);width:fit-content;height:fit-content;margin-right:auto;align-self:flex-end}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.recorder-control-panel--screen-mini-container[_ngcontent-%COMP%]{margin-bottom:60px;margin-left:50px;position:relative;pointer-events:auto;margin-top:auto;background:var(--velt-accent);padding:var(--velt-spacing-2xs);border-radius:200px;overflow:hidden;display:flex;align-items:center;justify-content:center}.recorder-control-panel--screen-mini-container.with-pip[_ngcontent-%COMP%]{margin-left:70px}.recorder-control-panel--screen-mini-container[_ngcontent-%COMP%]   .recorder-control-panel--screen-mini-container-outer[_ngcontent-%COMP%]{background:color-mix(in srgb,var(--velt-white) 33%,transparent);padding:var(--velt-spacing-2xs);overflow:hidden;border-radius:200px;display:flex;align-items:center;justify-content:center}.recorder-control-panel--screen-mini-container[_ngcontent-%COMP%]   .recorder-control-panel--screen-mini-container-inner[_ngcontent-%COMP%]{background:color-mix(in srgb,var(--velt-white) 66%,transparent);padding:var(--velt-spacing-2xs);overflow:hidden;border-radius:200px;display:flex;align-items:center;justify-content:center}app-recorder-control-panel-floating-mode-waveform[_ngcontent-%COMP%]{display:none}"],changeDetection:0});let t=o;return t})();var wb=t=>({componentConfigSignal:t}),kb=(t,o)=>({condition:t,data:o}),Rb=(t,o,i)=>({componentConfigSignal:t,showVideo:o,variant:i}),Mb=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-thread-mode-wireframe",variant:i,setIfCondition:e,componentElementRef:n}),Vb=()=>["snippyly-overlay-panel","snippyly-recorder-panel"];function Ab(t,o){t&1&&we(0)}function Fb(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,Ab,1,0,"ng-container",7),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function Bb(t,o){if(t&1&&(v(0,"div",17),z(1,"translate"),S(2,"app-recorder-control-panel-video",18),u()),t&2){let i=a(5).ngIf,e=a();E("aria-label",j(1,5,"Video preview"))("data-testid",e.componentId+"-video-preview"),c(2),l("showVideo",!!(i.recorderInitData!=null&&i.recorderInitData.stream&&!i.recordingStopped&&((i.recorderInitData==null?null:i.recorderInitData.type)==="video"||i.recordingStatus==="stopped")))("componentConfigSignal",e.componentConfigSignal)("variant",e.variant)}}function Lb(t,o){if(t&1&&(m(0),v(1,"div",13),z(2,"translate"),s(3,Bb,3,7,"div",14),S(4,"app-recorder-control-panel-loading",15)(5,"app-recorder-control-panel-action-bar",16),u(),p()),t&2){let i=a(4).ngIf,e=a();c(),E("aria-label",j(2,8,"Recording controls"))("data-testid",e.componentId+"-container"),c(2),l("ngIf",!i.loading&&((i.recorderInitData==null?null:i.recorderInitData.type)==="video"||(i.recorderInitData==null?null:i.recorderInitData.type)==="screen"&&i.recordingStatus==="stopped"||i.screenStream)),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("darkMode",i.darkMode)("componentConfigSignal",e.componentConfigSignal)("variant",e.variant)}}function Nb(t,o){if(t&1&&(v(0,"div",22,3),z(2,"translate"),S(3,"app-recorder-control-panel-screen-mini-container",23)(4,"app-recorder-control-panel-action-bar",24),u()),t&2){let i=a(6).ngIf,e=a();te("pin-dragging",i.annotationDraging),E("aria-label",j(2,12,"Draggable recording controls"))("aria-grabbed",i.annotationDraging)("data-testid",e.componentId+"-bubble-container"),c(3),l("componentConfigSignal",e.componentConfigSignal)("minScreenVideoTemplate",e.minScreenVideoTemplate),E("data-testid",e.componentId+"-screen-mini-container"),c(),l("darkMode",i.darkMode)("componentConfigSignal",e.componentConfigSignal)("actionBarTemplate",e.actionBarTemplate),E("data-testid",e.componentId+"-action-bar")}}function zb(t,o){if(t&1&&(v(0,"div",20),z(1,"translate"),s(2,Nb,5,14,"div",21),u()),t&2){let i=a(5).ngIf,e=a();E("aria-label",j(1,3,"Screen recording panel"))("data-testid",e.componentId+"-screen-recording-panel"),c(2),l("ngIf",i.recorderInitData||i.localVideoStream||i.screenRecordingRequested)}}function jb(t,o){if(t&1&&s(0,zb,3,5,"div",19),t&2){let i=a(4).ngIf;l("ngIf",i.screenRecordingRequested||(i.recorderInitData==null?null:i.recorderInitData.type)==="screen")}}function Hb(t,o){if(t&1&&(v(0,"div",9),z(1,"translate"),s(2,Lb,6,10,"ng-container",10),S(3,"div",11,1),s(5,jb,1,1,"ng-template",12,2,he),u()),t&2){let i=re(4),e=a(3).ngIf,n=a();E("aria-label",j(1,7,"Recording control panel"))("data-testid",n.componentId),c(2),l("veltDynamicTemplate",L(13,Mb,n.template,ve(9,Rb,n.componentConfigSignal,!!(e.recorderInitData!=null&&e.recorderInitData.stream&&!e.recordingStopped&&((e.recorderInitData==null?null:e.recorderInitData.type)==="video"||e.recordingStatus==="stopped")),n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef)),c(),E("data-testid",n.componentId+"-trigger"),c(2),l("cdkConnectedOverlayOrigin",i)("cdkConnectedOverlayOpen",!0)("cdkConnectedOverlayPanelClass",Ve(19,Vb))}}function Zb(t,o){if(t&1&&s(0,Hb,7,20,"div",8),t&2){let i=a(2).ngIf;l("ngIf",i.recorderPanelId==i.panelId)}}function Ub(t,o){if(t&1&&(m(0),s(1,Fb,2,1,"velt-shadow-dom-internal",6)(2,Zb,1,1,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a().ngIf,n=a();c(),l("ngIf",e.shadowDom&&!n.template||n.template&&e.isExplicitShadowDom)("ngIfElse",i)}}function Gb(t,o){if(t&1&&(m(0),s(1,Ub,4,2,"ng-container",5),p()),t&2){let i=a();c(),l("veltIf",D(3,kb,i.conditionSignal(),C(1,wb,i.componentConfigSignal)))}}var mo=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.componentId="velt-recorder-control-panel-thread-mode",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-control-panel-thread-mode-wireframe";if(this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}}),!this.actionBarTemplate){let n=this.template?.querySelector("velt-recorder-control-panel-action-bar-wireframe");We(n)||(this.actionBarTemplate=n)}if(!this.minScreenVideoTemplate){let n=this.template?.querySelector("velt-recorder-control-panel-screen-mini-container-wireframe");We(n)||(this.minScreenVideoTemplate=n)}}catch(e){this.loggingService.catch("Error in RecorderControlPanelThreadModeComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelThreadModeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelThreadModeComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-thread-mode"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["threadPanelRef",""],["trigger","cdkOverlayOrigin"],["overlay","cdkConnectedOverlay"],["recorderBubbleContainer",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["role","dialog",4,"ngIf"],["role","dialog"],[4,"veltDynamicTemplate"],["cdkOverlayOrigin",""],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass"],["role","region",1,"velt-recorder-control-panel-thread"],["class","velt-recorder-control-panel-thread-container","role","group",4,"ngIf"],[3,"componentConfigSignal","variant"],[3,"darkMode","componentConfigSignal","variant"],["role","group",1,"velt-recorder-control-panel-thread-container"],[3,"showVideo","componentConfigSignal","variant"],["class","recorder-panel","role","dialog",4,"ngIf"],["role","dialog",1,"recorder-panel"],["class","recorder-bubble-container","cdkDrag","","cdkDragHandle","","role","application",3,"pin-dragging",4,"ngIf"],["cdkDrag","","cdkDragHandle","","role","application",1,"recorder-bubble-container"],[3,"componentConfigSignal","minScreenVideoTemplate"],[3,"darkMode","componentConfigSignal","actionBarTemplate"]],template:function(n,r){n&1&&s(0,Gb,2,6,"ng-container",4),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,Je,Ue,dt,Vo,P,R,Wt,Yt,It,$t,W],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-recorder-control-panel-thread[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;justify-content:center;pointer-events:none;flex-direction:column;gap:var(--velt-spacing-xs);max-width:300px}.velt-recorder-control-panel-thread-container[_ngcontent-%COMP%]{position:relative;width:100%;height:168px;border-radius:var(--velt-border-radius-lg);pointer-events:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;align-self:flex-end}.velt-recorder-control-panel-thread-container[_ngcontent-%COMP%]:empty{display:none}.recorder-panel[_ngcontent-%COMP%]{position:fixed;bottom:0;left:0;z-index:2147483560;display:flex;align-items:flex-end;gap:var(--velt-spacing-lg)}.recorder-panel[_ngcontent-%COMP%]   .recorder-bubble-container[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:none}.recorder-panel[_ngcontent-%COMP%]   .recorder-bubble-container[_ngcontent-%COMP%]   .recorder-bubble[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;transform:none;top:0;left:0;position:relative}.recorder-panel[_ngcontent-%COMP%]   .recorder-bubble-container[_ngcontent-%COMP%]   .recorder-bubble[_ngcontent-%COMP%]:empty{display:none}.recorder-panel[_ngcontent-%COMP%]   .recorder-bubble-container.pin-dragging[_ngcontent-%COMP%]{position:fixed;z-index:999999998}"],changeDetection:0});let t=o;return t})();var Yc=t=>({componentConfigSignal:t}),Yb=(t,o)=>({condition:t,data:o}),Xb=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-paused-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function $b(t,o){if(t&1&&(m(0),v(1,"div",5),K(),v(2,"svg",6),S(3,"path",7),u(),ie(4),z(5,"translate"),u(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-icon"),c(3),ge(" ",j(5,2,"Paused")," ")}}function Qb(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("click",function(){O(i);let n=a(2).ngIf;return w(n.resumeRecording())}),s(2,$b,6,4,"ng-container",4),u()}if(t&2){let i=a(3);E("aria-label",j(1,3,"Resume recording"))("data-testid",i.componentId),c(2),l("veltDynamicTemplate",L(7,Xb,i.template,C(5,Yc,i.componentConfigSignal),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function qb(t,o){if(t&1&&(m(0),s(1,Qb,3,13,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.recordingStatus==="paused"&&!i.collapsedMode)}}function Jb(t,o){if(t&1&&(m(0),s(1,qb,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,Yb,i.conditionSignal(),C(1,Yc,i.componentConfigSignal)))}}var po=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-paused",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelPausedComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelPausedComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelPausedComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-paused"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-control-panel--paused-button","s","","type","button",3,"click",4,"ngIf"],["s","","type","button",1,"velt-recorder-control-panel--paused-button",3,"click"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-control-panel--paused"],["width","58","height","58","viewBox","0 0 58 58","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M17.5723 13.7627V44.2389C17.5722 44.5778 17.6625 44.9106 17.8339 45.203C18.0054 45.4953 18.2517 45.7367 18.5476 45.902C18.8434 46.0674 19.178 46.1509 19.5168 46.1438C19.8556 46.1367 20.1865 46.0394 20.4751 45.8618L45.237 30.6237C45.5144 30.4533 45.7434 30.2146 45.9023 29.9305C46.0611 29.6464 46.1446 29.3263 46.1446 29.0008C46.1446 28.6753 46.0611 28.3552 45.9023 28.0711C45.7434 27.787 45.5144 27.5484 45.237 27.378L20.4751 12.1399C20.1865 11.9623 19.8556 11.8649 19.5168 11.8578C19.178 11.8508 18.8434 11.9342 18.5476 12.0996C18.2517 12.265 18.0054 12.5063 17.8339 12.7987C17.6625 13.091 17.5722 13.4238 17.5723 13.7627Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,Jb,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{position:absolute}[_nghost-%COMP%]:empty{display:none}.velt-recorder-control-panel--paused[_ngcontent-%COMP%]{width:200px;height:200px;display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-sm);border-radius:calc(var(--velt-border-radius-full) * 2);border:2px solid var(--velt-border-transparent);background:var(--velt-background-transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;font-weight:500;font-size:var(--velt-font-size-md);line-height:24px;text-align:center;text-transform:uppercase;color:var(--velt-text-5);cursor:pointer}.velt-recorder-control-panel--paused[_ngcontent-%COMP%]:hover{color:var(--velt-text-3)}"],changeDetection:0});let t=o;return t})();var e4=t=>({componentConfigSignal:t}),t4=(t,o)=>({condition:t,data:o}),n4=(t,o)=>({componentConfigSignal:t,variant:o}),i4=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-collapsed-button-on-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function o4(t,o){if(t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId)}}function r4(t,o){if(t&1&&(m(0),s(1,o4,3,1,"ng-container",2),p()),t&2){let i=a(3);c(),l("veltDynamicTemplate",L(4,i4,i.template,D(1,n4,i.componentConfigSignal,i.variant),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function a4(t,o){if(t&1&&(m(0),s(1,r4,2,10,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.collapsedMode)}}function l4(t,o){if(t&1&&(m(0),s(1,a4,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,t4,i.conditionSignal(),C(1,e4,i.componentConfigSignal)))}}var go=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-collapsed-button-on",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonOnComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonOnComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-collapsed-button-on"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M10.2525 3H12.67M12.67 3V5.4175M12.67 3L9.04375 6.62625M5.4175 12.67H3M3 12.67V10.2525M3 12.67L6.62625 9.04375M10.2525 12.67H12.67M12.67 12.67V10.2525M12.67 12.67L9.04375 9.04375M5.4175 3H3M3 3V5.4175M3 3L6.62625 6.62625","stroke","currentColor","stroke-width","0.906562","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,l4,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let t=o;return t})();var s4=t=>({componentConfigSignal:t}),d4=(t,o)=>({condition:t,data:o}),m4=(t,o)=>({componentConfigSignal:t,variant:o}),p4=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-collapsed-button-off-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function g4(t,o){if(t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId)}}function v4(t,o){if(t&1&&(m(0),s(1,g4,3,1,"ng-container",2),p()),t&2){let i=a(3);c(),l("veltDynamicTemplate",L(4,p4,i.template,D(1,m4,i.componentConfigSignal,i.variant),i.variant,i.setIfCondition.bind(i),i.elementRef))}}function u4(t,o){if(t&1&&(m(0),s(1,v4,2,10,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",!i.collapsedMode)}}function f4(t,o){if(t&1&&(m(0),s(1,u4,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,d4,i.conditionSignal(),C(1,s4,i.componentConfigSignal)))}}var vo=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-collapsed-button-off",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonOffComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonOffComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonOffComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-collapsed-button-off"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","25","height","24","viewBox","0 0 25 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M5.0918 9H9.0918M9.0918 9V5M9.0918 9L3.0918 3M5.0918 15H9.0918M9.0918 15V19M9.0918 15L3.0918 21M19.0918 9H15.0918M15.0918 9V5M15.0918 9L21.0918 3M19.0918 15H15.0918M15.0918 15V19M15.0918 15L21.0918 21","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,f4,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let t=o;return t})();var C4=t=>({componentConfigSignal:t}),_4=(t,o)=>({condition:t,data:o}),y4=(t,o)=>({componentConfigSignal:t,variant:o}),S4=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-collapsed-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function x4(t,o){if(t&1&&(m(0),v(1,"div",4),S(2,"app-recorder-control-panel-collapsed-button-on",5)(3,"app-recorder-control-panel-collapsed-button-off",5),u(),p()),t&2){let i=a(3);c(),E("data-testid",i.componentId+"-button"),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function b4(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),z(2,"translate"),z(3,"translate"),H("click",function(){O(i);let n=a().ngIf;return w(n.toggleCollapsedMode())}),s(4,x4,4,5,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),E("aria-label",i.collapsedMode?j(2,4,"Expand recording panel"):j(3,6,"Collapse recording panel"))("aria-expanded",!i.collapsedMode)("data-testid",e.componentId),c(3),l("veltDynamicTemplate",L(11,S4,e.template,D(8,y4,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function I4(t,o){if(t&1&&(m(0),s(1,b4,5,17,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,_4,i.conditionSignal(),C(1,C4,i.componentConfigSignal)))}}var uo=(()=>{let o=class o extends N{get isCollapsed(){return this.componentConfigSignal().collapsedMode}constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-collapsed-button",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelCollapsedButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-collapsed-button"]],hostVars:2,hostBindings:function(n,r){n&2&&te("velt-recorder-control-collapsed",r.isCollapsed)},inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",1,"velt-recorder-control-collapse-button-container",3,"click"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-control-collapse-button"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,I4,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,go,vo,W],styles:["[_nghost-%COMP%]{position:absolute;top:20px;right:20px}.velt-recorder-control-collapsed[_nghost-%COMP%]{top:10px;right:10px}.velt-recorder-control-collapse-button[_ngcontent-%COMP%]{display:flex;cursor:pointer;border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-4);padding:var(--velt-spacing-md);border-radius:var(--velt-border-radius-3xl);pointer-events:auto;padding:var(--velt-spacing-sm)}.velt-recorder-control-collapse-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-4);background:var(--velt-background-2);color:var(--velt-text-5)}"],changeDetection:0});let t=o;return t})();var E4=t=>({componentConfigSignal:t}),D4=(t,o)=>({condition:t,data:o}),T4=(t,o)=>({componentConfigSignal:t,variant:o}),O4=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-floating-mode-container-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function w4(t,o){if(t&1&&(m(0),S(1,"app-recorder-control-panel-video",5),v(2,"div",6),S(3,"app-recorder-control-panel-floating-mode-waveform",7),u(),S(4,"app-recorder-control-panel-collapsed-button",7)(5,"app-recorder-control-panel-paused",7),p()),t&2){let i=a(4);c(),l("componentConfigSignal",i.componentConfigSignal),c(),E("data-testid",i.componentId+"-waveform"),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant),c(),l("componentConfigSignal",i.componentConfigSignal)("variant",i.variant)}}function k4(t,o){if(t&1&&(v(0,"div",3),z(1,"translate"),z(2,"translate"),s(3,w4,6,8,"ng-container",4),u()),t&2){let i=a(2).ngIf,e=a();te("velt-recorder-control-panel-floating--container-collapsed",i.collapsedMode)("velt-recorder-control-panel-floating--video",(i.recorderInitData==null?null:i.recorderInitData.type)==="video"),E("aria-label",j(1,7,"Floating mode container for")+" "+(i.recorderInitData==null?null:i.recorderInitData.type)+" "+j(2,9,"recording"))("data-testid",e.componentId),c(3),l("veltDynamicTemplate",L(14,O4,e.template,D(11,T4,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function R4(t,o){if(t&1&&(m(0),s(1,k4,4,20,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",(i.recorderInitData==null?null:i.recorderInitData.stream)&&!i.recordingStopped&&((i.recorderInitData==null?null:i.recorderInitData.type)!=="screen"||i.recordingStatus==="stopped")&&!((i.recorderInitData==null?null:i.recorderInitData.type)==="audio"&&i.collapsedMode))}}function M4(t,o){if(t&1&&(m(0),s(1,R4,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,D4,i.conditionSignal(),C(1,E4,i.componentConfigSignal)))}}var fo=(()=>{let o=class o extends N{constructor(e,n,r){super(e,r,n),this.elementRef=e,this.loggingService=n,this.dynamicDataService=r,this.componentId="velt-recorder-control-panel-floating-mode-container",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeContainerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeContainerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeContainerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-floating-mode-container"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recorder-control-panel-floating--container","role","region",3,"velt-recorder-control-panel-floating--container-collapsed","velt-recorder-control-panel-floating--video",4,"ngIf"],["role","region",1,"velt-recorder-control-panel-floating--container"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal"],[1,"velt-recorder-control-panel-floating--video-waveform"],[3,"componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,M4,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,It,po,uo,Xt,W],styles:["[_nghost-%COMP%]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}[_nghost-%COMP%]:empty{display:none}.velt-recorder-control-panel-floating--container[_ngcontent-%COMP%]{position:relative;width:868px;height:485px;border-radius:var(--velt-border-radius-lg);pointer-events:auto;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--velt-background-0);box-shadow:0 0 32px #00000014}.velt-recorder-control-panel-floating--container.velt-recorder-control-panel-floating--container-collapsed[_ngcontent-%COMP%]{width:300px;height:168px;align-self:flex-end;margin-bottom:65px}.velt-recorder-control-panel-floating--container.velt-recorder-control-panel-floating--video[_ngcontent-%COMP%]   .velt-recorder-control-panel-floating--video-waveform[_ngcontent-%COMP%]{position:absolute;top:12px;left:12px}"],changeDetection:0});let t=o;return t})();var A4=t=>({componentConfigSignal:t}),F4=(t,o)=>({condition:t,data:o}),B4=(t,o)=>({componentConfigSignal:t,variant:o}),L4=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-floating-mode-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function N4(t,o){t&1&&we(0)}function z4(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,N4,1,0,"ng-container",5),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function j4(t,o){if(t&1&&(m(0),v(1,"div",11),S(2,"app-recorder-control-panel-floating-mode-container",12)(3,"app-recorder-control-panel-screen-mini-container",13)(4,"app-recorder-control-panel-loading",12)(5,"app-recorder-control-panel-action-bar",13),u(),p()),t&2){let i=a(5).ngIf,e=a();c(),te("velt-recorder-control-panel-floating-screen",(i.recorderInitData==null?null:i.recorderInitData.type)==="screen"),E("data-testid",e.componentId+"-floating-container"),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("darkMode",i.darkMode)("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("componentConfigSignal",e.componentConfigSignal)("variant",e.variant),c(),l("darkMode",i.darkMode)("componentConfigSignal",e.componentConfigSignal)("variant",e.variant)}}function H4(t,o){if(t&1&&(v(0,"div",9,1),z(2,"translate"),s(3,j4,6,13,"ng-container",10),u()),t&2){let i=a(4).ngIf,e=a();te("pin-dragging",i.annotationDraging),E("aria-label",j(2,6,"Draggable recording panel"))("aria-grabbed",i.annotationDraging)("data-testid",e.componentId+"-bubble-container"),c(3),l("veltDynamicTemplate",L(11,L4,e.template,D(8,B4,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Z4(t,o){if(t&1&&(v(0,"div",7),z(1,"translate"),s(2,H4,4,17,"div",8),u()),t&2){let i=a(3).ngIf,e=a();te("velt-recorder-saving",i.loading),E("aria-label",j(1,6,"Recording control panel"))("aria-modal",!0)("data-testid",e.componentId),c(2),l("ngIf",i.recorderInitData||i.localVideoStream||i.screenRecordingRequested||i.keepOpen)}}function U4(t,o){if(t&1&&s(0,Z4,3,8,"div",6),t&2){let i=a(2).ngIf;l("ngIf",i.recorderPanelId==i.panelId)}}function G4(t,o){if(t&1&&(m(0),s(1,z4,2,1,"velt-shadow-dom-internal",4)(2,U4,1,1,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a().ngIf,n=a();c(),l("ngIf",e.shadowDom&&!n.template||n.template&&e.isExplicitShadowDom)("ngIfElse",i)}}function W4(t,o){if(t&1&&(m(0),s(1,G4,4,2,"ng-container",3),p()),t&2){let i=a();c(),l("veltIf",D(3,F4,i.conditionSignal(),C(1,A4,i.componentConfigSignal)))}}var ho=(()=>{let o=class o extends N{constructor(e,n,r,g){super(r,g,e),this.loggingService=e,this.wireframeService=n,this.elementRef=r,this.dynamicDataService=g,this.componentId="velt-recorder-control-panel-floating-mode",super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recorder-control-panel-floating-mode-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(n=>{if(n){let r=document.createElement(n.tagName);r.innerHTML=n.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelFloatingModeComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-floating-mode"]],inputs:{variant:"variant"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["floatingPanelRef",""],["recorderBubbleContainer",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["class","velt-recorder-panel","role","dialog",3,"velt-recorder-saving",4,"ngIf"],["role","dialog",1,"velt-recorder-panel"],["class","velt-recorder-panel--bubble-container","cdkDrag","","role","application",3,"pin-dragging",4,"ngIf"],["cdkDrag","","role","application",1,"velt-recorder-panel--bubble-container"],[4,"veltDynamicTemplate"],["role","group","aria-label","Recording controls",1,"velt-recorder-control-panel-floating"],[3,"componentConfigSignal","variant"],[3,"darkMode","componentConfigSignal","variant"]],template:function(n,r){n&1&&s(0,W4,2,6,"ng-container",2),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,dt,P,R,Wt,Yt,fo,$t,W],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}.velt-recorder-control-panel-floating[_ngcontent-%COMP%]{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.velt-recorder-control-panel-floating.velt-recorder-control-panel-floating-screen[_ngcontent-%COMP%]{width:unset;height:unset;display:unset;align-items:unset;justify-content:unset}.velt-recorder-panel[_ngcontent-%COMP%]{position:fixed;bottom:0;left:0;z-index:2147483560;display:flex;align-items:flex-end;gap:var(--velt-spacing-lg)}.velt-recorder-panel--bubble-container[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:none}.velt-recorder-panel--bubble-container.cdk-drag-dragging[_ngcontent-%COMP%]{cursor:grabbing}.velt-recorder-panel--bubble-container.pin-dragging[_ngcontent-%COMP%]{position:fixed;z-index:999999998}"],changeDetection:0});let t=o;return t})();var X4=["localAudioRef"],$4=()=>["snippyly-overlay-panel","snippyly-recorder-panel","velt-overlay-panel"],Q4=(t,o,i)=>({audio:t,video:o,screen:i});function q4(t,o){if(t&1&&(m(0),S(1,"app-recorder-control-panel-floating-mode",5),p()),t&2){let i=a(3);c(),l("componentConfigSignal",i.componentConfigSignal)}}function J4(t,o){if(t&1&&(m(0),S(1,"app-recorder-control-panel-thread-mode",5),p()),t&2){let i=a(3);c(),l("componentConfigSignal",i.componentConfigSignal)}}function K4(t,o){if(t&1&&(m(0),s(1,q4,2,1,"ng-container",3)(2,J4,2,1,"ng-container",3),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.mode==="floating"),c(),l("ngIf",i.mode==="thread")}}function eI(t,o){if(t&1){let i=Z();v(0,"div",8),z(1,"translate"),H("pointerdown",function(n){return O(i),w(n.stopPropagation())}),v(2,"div",9,2),z(4,"translate"),z(5,"translate"),H("cdkDragStarted",function(){O(i);let n=a().$implicit,r=a(2).ngIf;return w(r.onPinDragStart(n))})("cdkDragMoved",function(n){O(i);let r=a(3).ngIf;return w(r.onPinMove(n))})("cdkDragReleased",function(){O(i);let n=a().$implicit,r=a(2).ngIf;return w(r.onPinRelease(n))}),S(6,"snippyly-recorder-player-internal",10),u()()}if(t&2){let i=re(3),e=a().$implicit,n=a(2).ngIf,r=a();l("ngClass",ve(26,Q4,(e==null?null:e.recordingType)==="audio",(e==null?null:e.recordingType)==="video",(e==null?null:e.recordingType)==="screen")),E("aria-label",(e==null?null:e.recordingType)+" "+j(1,20,"recording player"))("data-testid",r.componentId+"-recorder-panel"),c(2),Be("opacity",n.annotationDraging&&(n.dragAnnotation==null?null:n.dragAnnotation.annotationId)===(e==null?null:e.annotationId)&&!n.dragPosition?0:1)("top",n.annotationDraging&&(n.dragAnnotation==null?null:n.dragAnnotation.annotationId)===(e==null?null:e.annotationId)?(n.dragPosition==null?null:n.dragPosition.top)-((i==null?null:i.clientHeight)||0)/2:0,"px")("left",n.annotationDraging&&(n.dragAnnotation==null?null:n.dragAnnotation.annotationId)===(e==null?null:e.annotationId)?(n.dragPosition==null?null:n.dragPosition.left)-((i==null?null:i.clientWidth)||0)/2:0,"px"),te("pin-dragging",n.annotationDraging&&(n.dragAnnotation==null?null:n.dragAnnotation.annotationId)===(e==null?null:e.annotationId)),E("aria-label",j(4,22,"Draggable")+" "+(e==null?null:e.recordingType)+" "+j(5,24,"player"))("aria-grabbed",n.annotationDraging&&(n.dragAnnotation==null?null:n.dragAnnotation.annotationId)===(e==null?null:e.annotationId))("data-testid",r.componentId+"-recorder-bubble-container"),c(4),l("sourceFeature",n.sourceFeature)("annotation",e)("shadowDom",(n==null?null:n.shadowDom)!==!1)("attachment",!(e==null||e.attachments==null)&&e.attachments.length?e==null?null:e.attachments[0]:e==null?null:e.attachment)("recordingType",e==null?null:e.recordingType)("user",e==null?null:e.from)}}function tI(t,o){if(t&1&&(m(0),s(1,eI,7,30,"ng-template",7,1,he),p()),t&2){a(2);let i=re(3);c(),l("cdkConnectedOverlayOrigin",i)("cdkConnectedOverlayOpen",!0)("cdkConnectedOverlayPanelClass",Ve(3,$4))}}function nI(t,o){if(t&1&&(m(0),s(1,tI,3,4,"ng-container",6),p()),t&2){let i=a().ngIf,e=a();c(),l("ngForOf",i.draftRecordings)("ngForTrackBy",e.trackById)}}function iI(t,o){if(t&1&&(m(0),s(1,K4,3,2,"ng-container",3),S(2,"div",4,0),s(4,nI,2,2,"ng-container",3),p()),t&2){let i=o.ngIf,e=a();c(),l("ngIf",i.recorderPanelId==i.panelId),c(),E("data-testid",e.componentId+"-trigger"),c(2),l("ngIf",i.isFirstComponent&&(i.draftRecordings==null?null:i.draftRecordings.length)&&i.recorderNotesFound)}}var sn=(()=>{let o=class o extends Pe{constructor(e,n,r,g,I,B,A,M,V,Y,J){super(V,M),this.analyticsService=e,this.authService=n,this.docService=r,this.domService=g,this.recorderService=I,this.recorderAnnotationService=B,this.loggingService=A,this.themeService=M,this.elementRef=V,this.actionsService=Y,this.pipService=J,this.mode="floating",this.recordedRawDataOutput=new be,this.onRecordedData=new be,this.recordingInProgress=!1,this.maxLengthCheckInterval=null,this.pendingFullRecordingFile=null,this.annotation=new Lo,this.recorderModes=Q.RecorderModes,this.audioTrackEnabled=!1,this.videoEnabled=!1,this.enabledAudioInScreenRecording=!1,this.videoPosterDefaultImage=Q.VIDEO_POSTER_DEFAULT_IMAGE,this.isRecording=!1,this.snippylyId=No(),this.subscriptions=[],this.recorderSubscriptions=[],this.threadMode=!0,this.veltElement=!0,this.componentConfigSignal=ce({mode:this.mode,panelId:this.panelId,loading:!1,recorderInitData:null,recordingStatus:null,recordedTime:null,collapsedMode:!1,audioEnabled:!1,recordingStopped:!1,recorderPanelId:void 0,commentAnnotationId:void 0,localVideoStream:null,screenRecordingRequested:!1,annotationDraging:!1,dragPosition:null,isRecording:!1,shadowDom:!0,isExplicitShadowDom:!1,darkMode:!1,draftRecordings:[],isFirstComponent:!0,dragAnnotation:null,sourceFeature:this.sourceFeature,user:null,recorderNotesFound:!1,variant:this.variant,pauseRecording:this.pauseRecording.bind(this),resumeRecording:this.resumeRecording.bind(this),clearRecording:this.clearRecording.bind(this),stopRecording:this.stopRecording.bind(this),onPinDragStart:this.onPinDragStart.bind(this),onPinMove:this.onPinMove.bind(this),onPinRelease:this.onPinRelease.bind(this),toggleCollapsedMode:this.toggleCollapsedMode.bind(this)}),this.componentId="velt-recorder-control-panel-internal",this.subscriptions.push(super.onDarkModeChange().subscribe(ne=>{this.componentConfigSignal.update(oe=>(oe=_(h({},oe),{darkMode:ne}),oe))})),this.subscriptions.push(this.recorderService.getDarkMode$().subscribe(ne=>{ne&&super.setComponentDarkMode(ne)})),this.subscriptions.push(this.authService.getUser$().subscribe(ne=>{this.componentConfigSignal.update(oe=>(oe=_(h({},oe),{user:ne}),oe))},ne=>{this.loggingService.catch("Error in RecorderControlPanelInternalComponent getUser$ subscription: ",ne)})),this.subscriptions.push(this.recorderService.getAutoOpenVideoEditor$().subscribe(ne=>{this.componentConfigSignal.update(oe=>(oe=_(h({},oe),{videoEditorAutoOpen:ne}),oe))})),this.subscriptions.push(this.recorderService.getRecorderInitData().pipe(Et(()=>this.isElementAvailableOnDOM())).subscribe(ne=>{this.componentConfigSignal().recorderPanelId==this.componentConfigSignal().panelId&&(this.componentConfigSignal.update(oe=>(oe=_(h({},oe),{recorderInitData:ne}),oe)),this.onRecorderInitData())},ne=>{this.loggingService.catch("Error in RecorderControlPanelInternalComponent getRecorderInitData subscription: ",ne)})),this.subscriptions.push(this.recorderAnnotationService.getRecorderNotesFound$().subscribe(ne=>{this.componentConfigSignal.update(oe=>(oe=_(h({},oe),{recorderNotesFound:ne}),oe))}))}toggleCollapsedMode(){this.componentConfigSignal.update(e=>(e=_(h({},e),{collapsedMode:!e.collapsedMode}),e))}ngOnInit(){this.setupA11yAttributes(),this.setupPipStopRecordingListener(),this.setupPipClearRecordingListener()}setupPipClearRecordingListener(){try{this.pipService.getPipClearRecordingTriggered$().subscribe(e=>{e&&(this.clearRecording(!0,"cancelled"),this.pipService.resetPipClearRecordingTriggered())})}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent setupPipClearRecordingListener:",e)}}setupPipStopRecordingListener(){try{this.pipService.getPipStopRecordingTriggered$().subscribe(e=>{e&&(this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_SAVE_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}),this.stopMaxLengthTimer(),this.componentConfigSignal.update(n=>(n=_(h({},n),{recordingStopped:!0}),n)),this.actionsService.onRecordingSaveInitiated({message:"Recording save initiated",type:"record"}),this.pipService.resetPipStopRecordingTriggered())})}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent setupPipStopRecordingListener:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{let e=document.querySelector(Q.TAGS.SNIPPYLY_RECORDER_CONTROL_PANEL_INTERNAL);this.snippylyId===e?.getAttribute(Q.ATTRIBUTES.VELT_ID)?(this.componentConfigSignal.update(n=>(n=_(h({},n),{isFirstComponent:!0}),n)),this.initComponent()):(document.querySelector(Q.TAGS.SNIPPYLY_PLUGIN)||document.querySelector(Q.TAGS.SUPERFLOW_TOOLBAR))&&(this.componentConfigSignal.update(n=>(n=_(h({},n),{isFirstComponent:!0}),n)),this.initComponent()),this.subscriptions.push(this.recorderService.onInitRecording().pipe(Et(()=>this.isElementAvailableOnDOM())).subscribe(n=>{if(this.componentConfigSignal.update(g=>(g=_(h({},g),{recorderPanelId:n?.panelId,commentAnnotationId:n?.commentAnnotationId}),g)),this.annotation){this.annotation.commentAnnotationId=n?.commentAnnotationId;let g=this.docService.getBaseMetadata("recorder",{commentAnnotationId:this.annotation.commentAnnotationId,clientDocumentId:n?.clientDocumentId});this.annotation.metadata=h(h({},this.annotation.metadata||{}),g)}let r=n?.mediaConfig||{};if(n?.panelId==this.componentConfigSignal().panelId){if(n?.type)switch(n?.type){case"audio":this.startRecording(n?.type,r);break;case"video":this.startRecording(n?.type,r);break;case"screen":this.startRecording(n?.type,r);break;default:break}super.setComponentDarkMode(n?.darkMode),this.componentConfigSignal.update(g=>(g=_(h({},g),{shadowDom:n?.shadowDom!==!1,isExplicitShadowDom:!!n?.isExplicitShadowDom}),g))}},n=>{this.loggingService.catch("Error in RecorderControlPanelInternalComponent onInitRecording subscription: ",n)}))}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent AfterViewInit: ",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))})}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent ngOnChanges: ",n)}}initComponent(){try{this.subscriptions.push(this.recorderAnnotationService.getDraftRecordings$().subscribe(e=>{this.componentConfigSignal.update(n=>(n=_(h({},n),{draftRecordings:e}),n)),this.componentConfigSignal().draftRecordings&&this.componentConfigSignal.update(n=>(n=_(h({},n),{draftRecordings:n.draftRecordings?.filter(r=>r.mode!=="thread")}),n))}))}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent initComponent: ",e)}}trackById(e,n){return n.annotationId}onStartRecordingButtonClick(e){try{this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_START_BUTTON_CLICKED,{recorderType:e,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()})}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent onStartRecordingButtonClick: ",n)}}startRecording(e,n){return Le(this,null,function*(){try{if(this.recordingInProgress)return;let r={type:{}},I=new mn().getBrowserName();switch(e){case this.recorderModes.AUDIO:r.type.audio=!0,r.recorderOptions={mimeType:"audio/mp4"},this.componentConfigSignal.update(A=>(A=_(h({},A),{isRecording:!0}),A));break;case this.recorderModes.VIDEO:r.type.audio=!!n?.audio?.enabled,r.type.video=!0,r.recorderOptions={mimeType:"video/mp4"};break;case this.recorderModes.SCREEN:r.type.audio=!!n?.audio?.enabled,n?.video?.enabled&&this.toggleLocalVideoStream(n),r.type.screen=!0,r.recorderOptions={mimeType:"video/mp4"};break;default:break}let B=yield this.recorderService.startRecording(r,n);this.componentConfigSignal.update(A=>(A=_(h({},A),{screenStream:e===this.recorderModes.SCREEN?B:null}),A))}catch(r){this.loggingService.catch("Error in RecorderControlPanelInternalComponent startRecording: ",r)}})}onRecorderInitData(){try{this.componentConfigSignal().recorderInitData&&(this.componentConfigSignal.update(e=>(e=_(h({},e),{screenRecordingRequested:!1}),e)),this.recordingInProgress=!0,this.audioTrackEnabled=!!this.componentConfigSignal().recorderInitData?.stream?.getAudioTracks()?.length,this.startMaxLengthTimer(),this.audioTrackEnabled&&this.componentConfigSignal.update(e=>(e=_(h({},e),{audioEnabled:!!e.recorderInitData?.stream?.getAudioTracks().find(n=>n.enabled)}),e)),this.componentConfigSignal.update(e=>(e=_(h({},e),{screenRecordingRequested:!1}),e)),this.componentConfigSignal().recorderInitData?.status?.subscribe(e=>{this.componentConfigSignal.update(n=>(n=_(h({},n),{recordingStatus:e}),n))}),this.componentConfigSignal().recorderInitData?.recordedTime&&this.recorderSubscriptions.push(this.componentConfigSignal().recorderInitData.recordedTime.subscribe(e=>{this.componentConfigSignal.update(n=>(n=_(h({},n),{recordedTime:e}),n))})),this.componentConfigSignal().recorderInitData?.recordedRawData$&&this.recorderSubscriptions.push(this.componentConfigSignal().recorderInitData.recordedRawData$.subscribe(e=>{this.componentConfigSignal().localVideoStream&&this.toggleLocalVideoStream(),this.recordingInProgress=!1,this.onStopRecording(e)})))}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent onRecorderInitData: ",e)}}pauseRecording(){try{this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_PAUSE_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}),this.recorderService.pauseRecording()}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent pauseRecording: ",e)}}resumeRecording(){try{this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_RESUME_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}),this.recorderService.resumeRecording()}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent resumeRecording: ",e)}}stopRecording(){try{this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_SAVE_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}),this.stopMaxLengthTimer(),this.recorderService.stopRecording(),this.componentConfigSignal.update(e=>(e=_(h({},e),{recordingStopped:!0}),e)),this.actionsService.onRecordingSaveInitiated({message:"Recording save initiated",type:"record"})}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent stopRecording: ",e)}}onStopRecording(e){try{this.recordedRawData=e,this.recordedRawDataOutput.emit(e),this.isRecording=!1,e.blob&&(this.localRecordingUrl=URL.createObjectURL(e.blob)),this.componentConfigSignal.update(n=>(n=_(h({},n),{recordingStopped:!0,recordingStatus:"stopped"}),n)),this.uploadFile(e)}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent onStopRecording: ",n)}}makeNameReadable(e){try{if(!e)return"";let n=e.trim().split(/\s+/);return n.length===0?"":n[0].charAt(0).toUpperCase()+n[0].slice(1).toLowerCase()+"'s"}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent makeNameReadable: ",n)}}uploadFile(e){return Le(this,null,function*(){try{this.componentConfigSignal.update(Y=>(Y=_(h({},Y),{loading:!0}),Y)),this.annotation||(this.annotation=new Lo);let r=new mn().getBrowserName(),g="",I="";["video","screen"].includes(e?.type)?(g="video/mp4",I=`recording_${new Date().getTime()}.mp4`):(g="audio/mp4",I=`recording_${new Date().getTime()}.mp4`);let B=new Oa;B.url=this.localRecordingUrl,B.mimeType=g,B.name=I,B.type=g.split("/")[0],B.size=e.blob.size,this.annotation.mode=this.componentConfigSignal().mode,this.annotation.attachments=[B],this.annotation.recordingType=e.type,this.annotation.recordedTime=e.recordedTime,this.annotation.waveformData=this.recorderService.getRecordedDataStream()||[];let A="mp4",M="";this.annotation.recordingType?.length?M=`${this.annotation.recordingType.charAt(0).toUpperCase()+this.annotation.recordingType.slice(1)} Recording ${new Date().getTime()}.${A}`:M=`Recording ${new Date().getTime()}.${A}`,this.annotation.displayName=M;let V=e.thumbnail;if(V){let Y=mr(V,"image/png");if(Y){let J=new File([Y],`thumbnail_${new Date().getTime()}.png`,{type:"image/png"}),ne=yield this.recorderAnnotationService.uploadFile(J,this.annotation);B.thumbnail=ne.url}}if(V){let Y="";try{Y=yield ka(V,e?.recordedTime?.display)}catch(J){this.loggingService.catch("Error in RecorderControlPanelInternalComponent uploadFile get imageWithPlayIcon: ",J)}if(Y){let J=mr(Y,"image/png");if(J){let ne=new File([J],`thumbnail_with_play_icon_${new Date().getTime()}.png`,{type:"image/png"}),oe=yield this.recorderAnnotationService.uploadFile(ne,this.annotation);B.thumbnailWithPlayIconUrl=oe.url}}}this.recorderService.shouldUploadFullRecording()?(e.blob?.size>0&&(this.pendingFullRecordingFile=new File([e.blob],I,{type:g})),this.annotation.isUrlAvailable=!1):(yield this.recorderService.waitForChunksUpload(),this.recorderService.getChunkUrls()&&(this.annotation.chunkUrls=this.recorderService.getChunkUrls())),this.componentConfigSignal().videoEditorAutoOpen?(this.componentConfigSignal.update(Y=>(Y=_(h({},Y),{keepOpen:!0}),Y)),setTimeout(()=>{this.componentConfigSignal.update(Y=>(Y=_(h({},Y),{keepOpen:!1,loading:!1}),Y))},2e3)):this.componentConfigSignal.update(Y=>(Y=_(h({},Y),{loading:!1}),Y)),this.addRecorderAnnotation()}catch(n){this.componentConfigSignal.update(r=>(r=_(h({},r),{loading:!1}),r)),this.loggingService.catch("Error in RecorderControlPanelInternalComponent uploadFile: ",n)}})}addRecorderAnnotation(e,n){try{e?(this.recorderAnnotationService.updateRecorder(e,!1,n),this.clearRecording(!1)):this.annotation.attachments?.length&&this.annotation.attachments[0]?.url&&(this.annotation?.metadata||(this.annotation.metadata={}),this.annotation.commentAnnotationId=this.componentConfigSignal().commentAnnotationId,this.recorderAnnotationService.addRecorder(null,this.annotation,this.getSourceFeature()).pipe(en(1)).subscribe(()=>{this.pendingFullRecordingFile&&this.annotation.annotationId&&(this.recorderAnnotationService.uploadFullRecordingAndUpdateAnnotation(this.pendingFullRecordingFile,this.annotation),this.pendingFullRecordingFile=null),this.setRecordedData(),this.clearRecording(!1)}))}catch(r){this.loggingService.catch("Error in RecorderControlPanelInternalComponent addRecorderAnnotation: ",r)}}setRecordedData(){try{let e=new wa;e.id=this.annotation.annotationId,e.type=this.annotation.recordingType,this.localRecordingUrl&&this.annotation.metadata?.useLocalPreview?(["video","screen"].includes(this.annotation.recordingType)?e.videoUrl=this.localRecordingUrl:e.audioUrl=this.localRecordingUrl,this.annotation.attachments[0]&&(e.thumbnailUrl=this.annotation.attachments[0].thumbnail,e.thumbnailWithPlayIconUrl=this.annotation.attachments[0].thumbnailWithPlayIconUrl)):this.annotation.attachments[0]&&(["video","screen"].includes(this.annotation.recordingType)?e.videoUrl=this.annotation.attachments[0].url:e.audioUrl=this.annotation.attachments[0].url,e.thumbnailUrl=this.annotation.attachments[0].thumbnail,e.thumbnailWithPlayIconUrl=this.annotation.attachments[0].thumbnailWithPlayIconUrl),e.tag=`<${Q.TAGS.VELT_RECORDER_PLAYER} recorder-id="${this.annotation.annotationId}"></${Q.TAGS.VELT_RECORDER_PLAYER}>`;let n=JSON.stringify(e);n=btoa(n),n=encodeURIComponent(n),e.videoPlayerUrl=`https://player.velt.dev/recorder/${this.annotation.annotationId}?q=${n}`,this.onRecordedData.emit(e),this.recorderService.setRecordedData(e)}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent setRecordedData: ",e)}}toggleLocalVideoStream(e){return Le(this,null,function*(){try{if(this.componentConfigSignal().localVideoStream)this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_VIDEO_OFF_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}),this.componentConfigSignal().localVideoStream?.getTracks().forEach(n=>{n.stop()}),this.componentConfigSignal.update(n=>(n=_(h({},n),{localVideoStream:null}),n));else{this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_VIDEO_ON_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()});let n=null;if(e?.video?.stream)n=e.video.stream;else{let r=Vc(e);n=yield navigator.mediaDevices.getUserMedia({video:r})}if(n){let r=new MediaStream(n.getVideoTracks());this.componentConfigSignal.update(g=>(g=_(h({},g),{localVideoStream:r}),g))}}this.componentConfigSignal().recorderInitData||(this.videoEnabled=!!this.componentConfigSignal().localVideoStream,this.videoEnabled&&(this.enabledAudioInScreenRecording=this.videoEnabled))}catch(n){this.loggingService.catch("Error in RecorderPinComponent toggleLocalVideoStream: ",n)}})}clearRecording(e=!0,n){try{e&&this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_CANCEL_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}),this.recorderService.clearRecording({triggerEvent:n}),this.pendingFullRecordingFile=null,this.stopMaxLengthTimer(),this.recorderSubscriptions.forEach(r=>{r.unsubscribe()}),this.componentConfigSignal().recorderInitData=null,this.recordingInProgress=!1,this.annotation=new Lo,this.audioTrackEnabled=!1,this.enabledAudioInScreenRecording=!1,this.videoEnabled=!1,this.componentConfigSignal().localVideoStream&&this.componentConfigSignal().localVideoStream?.getTracks().forEach(r=>{r.stop()}),this.domService.removeHighlightFromElement(this.targetElement),this.componentConfigSignal.update(r=>(r=h({},r),r.recordedTime=null,r.recordingStatus=null,r.loading=!1,r.annotationDraging=!1,r.dragPosition=null,r.audioEnabled=!1,r.screenRecordingRequested=!1,r.collapsedMode=!1,r.localVideoStream=null,r.recordingStopped=!1,r))}catch(r){this.loggingService.catch("Error in RecorderControlPanelInternalComponent clearRecording: ",r)}}toggleAudio(){try{if(this.componentConfigSignal().audioEnabled?this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_AUDIO_OFF_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}):this.analyticsService.trackEvent(de.Events.Recording.RECORDING_PANEL_AUDIO_ON_BUTTON_CLICKED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,sourceFeature:this.getSourceFeature()}),this.componentConfigSignal().recorderInitData?.stream){let e=this.componentConfigSignal().recorderInitData?.stream?.getAudioTracks()||[];e.length&&(e.forEach(n=>{n.enabled=!n.enabled}),this.componentConfigSignal.update(n=>(n=_(h({},n),{audioEnabled:!n.audioEnabled}),n)))}}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent toggleAudio: ",e)}}onPinDragStart(e){try{this.componentConfigSignal.update(n=>(n=_(h({},n),{dragPosition:null,annotationDraging:!0}),n)),this.componentConfigSignal.update(n=>(n=_(h({},n),{dragAnnotation:e||null}),n))}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent onPinDragStart: ",n)}}onPinMove(e){try{this.updateCurrentPinPosition(e)}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent onPinMove: ",n)}}updateCurrentPinPosition(e){try{this.domService.removeHighlightFromElement(this.targetElement);let n=e.event,r=n?.touches?.length?n.touches[0]?.clientX:n.clientX,g=n?.touches?.length?n.touches[0]?.clientY:n.clientY,I=this.domService.getBackgroundElement(r,g);I&&(this.targetElement=I,this.domService.highlightElement(this.targetElement),this.pointerMoveEvent=e.event,this.componentConfigSignal.update(B=>(B=_(h({},B),{dragPosition:{top:g,left:r}}),B)))}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent updateCurrentPinPosition: ",n)}}onPinRelease(e){try{let n=!1;if(this.pointerMoveEvent){this.componentConfigSignal.update(g=>(g=_(h({},g),{draftRecordings:g.draftRecordings?.filter(I=>I.annotationId!==e?.annotationId)}),g));let r=this.pointerMoveEvent.target;if(e){let g=this.docService.getAdditionalDocumentIdFromElement(r)||this.docService.getDocumentPaths()?.clientDocumentId;(!e?.metadata?.clientDocumentId||e?.metadata?.clientDocumentId==g)&&(e.targetElement=this.domService.getTargetElementForCursorPosition(this.pointerMoveEvent),n=!0,this.analyticsService.trackEvent(de.Events.Recording.RECORDING_DRAFT_DRAGGED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,annotationId:e.annotationId,recorderSize:e?.attachments?.length?e?.attachments[0]?.size:e?.attachment?.size,sourceFeature:this.getSourceFeature()}))}else{let g=this.docService.getAdditionalDocumentIdFromElement(r)||this.docService.getDocumentPaths()?.clientDocumentId;(!this.annotation?.metadata?.clientDocumentId||this.annotation?.metadata?.clientDocumentId==g)&&(this.annotation.targetElement=this.domService.getTargetElementForCursorPosition(this.pointerMoveEvent),n=!0,this.analyticsService.trackEvent(de.Events.Recording.RECORDING_DRAFT_DRAGGED,{recorderType:this.componentConfigSignal().recorderInitData?.type,recorderMode:this.componentConfigSignal().mode,annotationId:this.annotation.annotationId,recorderSize:this.annotation?.attachments?.length?this.annotation?.attachments[0]?.size:this.annotation?.attachment?.size,sourceFeature:this.getSourceFeature()}))}}n&&this.addRecorderAnnotation(e,!0)}catch(n){this.loggingService.catch("Error in RecorderControlPanelInternalComponent onPinRelease: ",n)}}getSourceFeature(){try{return this.componentConfigSignal().sourceFeature||"recording"}catch(e){return this.loggingService.catch("Error in RecorderControlPanelInternalComponent getSourceFeature: ",e),"recording"}}isElementAvailableOnDOM(){try{return!!this.elementRef?.nativeElement?.isConnected}catch(e){return this.loggingService.catch("Error in RecorderControlPanelInternalComponent isElementAvailableOnDOM: ",e),!1}}ngOnDestroy(){try{super.ngOnDestroy(),this.stopMaxLengthTimer(),this.subscriptions.forEach(e=>{e.unsubscribe()}),this.recorderSubscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent onDestroy: ",e)}}startMaxLengthTimer(){try{this.recorderService.getMaxRecordingLength()&&(this.stopMaxLengthTimer(),this.maxLengthCheckInterval=setInterval(()=>{this.recorderService.checkMaxLength()&&this.stopRecording()},100))}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent startMaxLengthTimer: ",e)}}stopMaxLengthTimer(){try{this.maxLengthCheckInterval&&(clearInterval(this.maxLengthCheckInterval),this.maxLengthCheckInterval=null)}catch(e){this.loggingService.catch("Error in RecorderControlPanelInternalComponent stopMaxLengthTimer: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(Ke),d(mt),d(Tt),d(Ne),d(ye),d(Oe),d(y),d(Ie),d(T),d(ht),d(rt))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-control-panel-internal"]],viewQuery:function(n,r){if(n&1&&Ee(X4,5),n&2){let g;De(g=Te())&&(r.localAudioRef=g.first)}},hostVars:2,hostBindings:function(n,r){n&2&&E("data-velt-id",r.snippylyId)("data-velt-element",r.veltElement)},inputs:{mode:"mode",panelId:"panelId",sourceFeature:"sourceFeature",variant:"variant"},outputs:{recordedRawDataOutput:"recordedRawData",onRecordedData:"onRecordedData"},standalone:!1,features:[k,Fe],decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["overlay","cdkConnectedOverlay"],["recorderBubbleContainer",""],[4,"ngIf"],["cdkOverlayOrigin",""],[3,"componentConfigSignal"],[4,"ngFor","ngForOf","ngForTrackBy"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass"],["role","dialog",1,"recorder-panel",3,"pointerdown","ngClass"],["role","application",1,"recorder-bubble-container",3,"cdkDragStarted","cdkDragMoved","cdkDragReleased"],["mode","floating",3,"sourceFeature","annotation","shadowDom","attachment","recordingType","user"]],template:function(n,r){n&1&&s(0,iI,5,3,"ng-container",3),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Ro,Re,b,Je,Ue,St,mo,ho,W],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}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.recorder-panel[_ngcontent-%COMP%]{position:fixed;bottom:calc((1rem + 0px) * var(--velt-base-rem-unit));left:calc((1rem + 0px) * var(--velt-base-rem-unit));z-index:2147483560;display:flex;align-items:flex-end;gap:var(--velt-spacing-lg)}.recorder-bubble-container[_ngcontent-%COMP%]{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:none}.recorder-bubble-container.pin-dragging[_ngcontent-%COMP%]{position:fixed;z-index:999999998}"],changeDetection:0});let t=o;return t})();var er=(()=>{let o=class o{set _recordingTranscription(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderAnnotationService.enableRecordingTranscription():this.recorderAnnotationService.disableRecordingTranscription()}catch{}}set _recordingCountdown(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableRecordingCountdown():this.recorderService.disableRecordingCountdown()}catch{}}set _settingsEmbedded(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableSettingsEmbedded():this.recorderService.disableSettingsEmbedded()}catch{}}set _autoOpenVideoEditor(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableAutoOpenVideoEditor():this.recorderService.disableAutoOpenVideoEditor()}catch{}}set _playVideoInFullScreen(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enablePlayVideoInFullScreen():this.recorderService.disablePlayVideoInFullScreen()}catch{}}set videoEditor(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableVideoEditor():this.recorderService.disableVideoEditor()}catch{}}set videoEditorTimelinePreview(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableVideoEditorTimelinePreview():this.recorderService.disableVideoEditorTimelinePreview()}catch{}}set _retakeOnVideoEditor(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableRetakeOnVideoEditor():this.recorderService.disableRetakeOnVideoEditor()}catch{}}set _pictureInPicture(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.pipService.enablePictureInPicture():this.pipService.disablePictureInPicture()}catch{}}set _maxLength(e){try{let n;typeof e=="string"?n=parseInt(e,10):n=e,n&&n>0&&this.recorderService.setMaxRecordingLength(n)}catch{}}constructor(e,n,r,g,I){this.elementRef=e,this.loggingService=n,this.recorderAnnotationService=r,this.recorderService=g,this.pipService=I,this.mode="floating",this.onRecordedData=new be,this.veltElement=!0,this.componentId="velt-recorder-control-panel"}ngOnInit(){this.setupA11yAttributes()}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelComponent setupA11yAttributes:",e)}}emitRecordedData(e){this.onRecordedData.emit(e)}};o.\u0275fac=function(n){return new(n||o)(d(T),d(y),d(Oe),d(ye),d(rt))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-control-panel"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{mode:"mode",panelId:"panelId",_recordingTranscription:[0,"recordingTranscription","_recordingTranscription"],_recordingCountdown:[0,"recordingCountdown","_recordingCountdown"],_settingsEmbedded:[0,"settingsEmbedded","_settingsEmbedded"],_autoOpenVideoEditor:[0,"autoOpenVideoEditor","_autoOpenVideoEditor"],_playVideoInFullScreen:[0,"playVideoInFullScreen","_playVideoInFullScreen"],videoEditor:"videoEditor",videoEditorTimelinePreview:"videoEditorTimelinePreview",_retakeOnVideoEditor:[0,"retakeOnVideoEditor","_retakeOnVideoEditor"],_pictureInPicture:[0,"pictureInPicture","_pictureInPicture"],_maxLength:[0,"maxLength","_maxLength"]},outputs:{onRecordedData:"onRecordedData"},standalone:!1,decls:3,vars:9,consts:[["role","region",3,"onRecordedData","mode","panelId"]],template:function(n,r){n&1&&(v(0,"snippyly-recorder-control-panel-internal",0),z(1,"translate"),z(2,"translate"),H("onRecordedData",function(I){return r.emitRecordedData(I)}),u()),n&2&&(l("mode",r.mode)("panelId",r.panelId),E("aria-label",j(1,5,"Recording controls for")+" "+r.mode+" "+j(2,7,"recording"))("aria-describedby",r.panelId+"-description")("data-testid",r.componentId))},dependencies:[sn,W],encapsulation:2,changeDetection:0});let t=o;return t})();function rI(t,o){if(t&1){let i=Z();v(0,"snippyly-recorder-player-internal",1),z(1,"translate"),H("onDelete",function(n){O(i);let r=a();return w(r.onDeleteRecorderAnnotation(n))}),u()}if(t&2){let i=a();l("recorderId",i.recorderId)("variant",i.variant)("numberOfBars",i.waveformNumberOfBars)("shadowDom",i.shadowDom)("videoEditor",i.videoEditorEnabled())("playVideoInFullScreen",i.playVideoInFullScreen())("showSummary",(i.showSummary==null?null:i.showSummary.toLowerCase())==="true"&&(i.summary==null?null:i.summary.toLowerCase())==="true"),E("aria-label",j(1,10,"Recording player")+" "+i.recorderId)("aria-expanded",(i.showSummary==null?null:i.showSummary.toLowerCase())==="true"&&(i.summary==null?null:i.summary.toLowerCase())==="true")("data-testid",i.componentId)}}var tr=(()=>{let o=class o extends Pe{set _numberOfBars(e){try{let n=e;typeof e=="string"&&(n=Number(e)),this.waveformNumberOfBars=n}catch{}}set _retakeOnVideoEditor(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enableRetakeOnVideoEditor():this.recorderService.disableRetakeOnVideoEditor()}catch{}}set _playbackOnPreviewClick(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),n?this.recorderService.enablePlaybackOnPreviewClick():this.recorderService.disablePlaybackOnPreviewClick()}catch{}}set _shadowDom(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),this.shadowDom=n}catch{}}set _videoEditor(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),this.videoEditorEnabled.set(n)}catch{}}set _playVideoInFullScreen(e){try{let n=e;typeof e=="string"&&(n=JSON.parse(e)),this.playVideoInFullScreen.set(n)}catch{}}constructor(e,n,r,g){super(r,n),this.loggingService=e,this.themeService=n,this.elementRef=r,this.recorderService=g,this.showSummary="true",this.summary="true",this.variant="default",this.waveformNumberOfBars=void 0,this.shadowDom=!0,this.videoEditorEnabled=ce(void 0),this.playVideoInFullScreen=ce(void 0),this.onDelete=new be,this.veltElement=!0,this.componentId="velt-recorder-player"}ngOnInit(){try{this.setupA11yAttributes(),this.recorderId||this.catchError("recorderId is required in Velt Recorder Player.")}catch(e){this.catchError("Error in RecorderPlayerComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderPlayerComponent setupA11yAttributes:",e)}}onDeleteRecorderAnnotation(e){try{this.onDelete.emit({id:e?.annotationId})}catch(n){this.catchError("Error in RecorderPlayerComponent onDeleteRecorderAnnotation: ",n)}}ngOnDestroy(){try{super.ngOnDestroy()}catch{}}catchError(e,n,r){try{this.loggingService.catch(e,n,_(h({},r||{}),{annotationId:this.recorderId}))}catch{}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Ie),d(T),d(ye))},o.\u0275cmp=x({type:o,selectors:[["snippyly-recorder-player"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{recorderId:"recorderId",showSummary:"showSummary",summary:"summary",variant:"variant",_numberOfBars:[0,"numberOfBars","_numberOfBars"],_retakeOnVideoEditor:[0,"retakeOnVideoEditor","_retakeOnVideoEditor"],_playbackOnPreviewClick:[0,"playbackOnPreviewClick","_playbackOnPreviewClick"],_shadowDom:[0,"shadowDom","_shadowDom"],_videoEditor:[0,"videoEditor","_videoEditor"],_playVideoInFullScreen:[0,"playVideoInFullScreen","_playVideoInFullScreen"]},outputs:{onDelete:"onDelete"},standalone:!1,features:[k],decls:1,vars:1,consts:[["mode","thread","role","region","aria-live","polite",3,"recorderId","variant","numberOfBars","shadowDom","videoEditor","playVideoInFullScreen","showSummary","onDelete",4,"ngIf"],["mode","thread","role","region","aria-live","polite",3,"onDelete","recorderId","variant","numberOfBars","shadowDom","videoEditor","playVideoInFullScreen","showSummary"]],template:function(n,r){n&1&&s(0,rI,2,12,"snippyly-recorder-player-internal",0),n&2&&l("ngIf",r.recorderId)},dependencies:[b,St,W],encapsulation:2,changeDetection:0});let t=o;return t})();var nr=class extends Ua{constructor(o){super(o),this.getService(y).log("%c[WB] Creating CLASS: RecorderElement","color: blue;"),this.initRecording=this._initRecording,this.onRecordedData=this._onRecordedData,this.enableDarkMode=this._enableDarkMode,this.disableDarkMode=this._disableDarkMode,this.enableRecordingCountdown=this._enableRecordingCountdown,this.disableRecordingCountdown=this._disableRecordingCountdown,this.getRecordingDataByRecorderId=this._getRecordingDataByRecorderId,this.enableRecordingTranscription=this._enableRecordingTranscription,this.disableRecordingTranscription=this._disableRecordingTranscription,this.getRecordingData=this._getRecordingData,this.enableVideoEditor=this._enableVideoEditor,this.disableVideoEditor=this._disableVideoEditor,this.getRecordings=this._getRecordings,this.fetchRecordings=this._fetchRecordings,this.deleteRecordings=this._deleteRecordings,this.setRecordingQualityConstraints=this._setRecordingQualityConstraints,this.setRecordingEncodingOptions=this._setRecordingEncodingOptions,this.downloadLatestVideo=this._downloadLatestVideo,this.enableRecordingMic=this._enableRecordingMic,this.disableRecordingMic=this._disableRecordingMic,this.enableOnboardingTooltip=this._enableOnboardingTooltip,this.disableOnboardingTooltip=this._disableOnboardingTooltip,this.enableRetakeOnVideoEditor=this._enableRetakeOnVideoEditor,this.disableRetakeOnVideoEditor=this._disableRetakeOnVideoEditor,this.askDevicePermission=this._askDevicePermission,this.setMaxLength=this._setMaxLength,this.openPictureInPicture=this._openPictureInPicture,this.exitPictureInPicture=this._exitPictureInPicture,this.requestScreenPermission=this._requestScreenPermission,this.enablePictureInPicture=this._enablePictureInPicture,this.disablePictureInPicture=this._disablePictureInPicture,this.enablePlaybackOnPreviewClick=this._enablePlaybackOnPreviewClick,this.disablePlaybackOnPreviewClick=this._disablePlaybackOnPreviewClick,this.on=this._on}_initRecording(o,i){this.getService(y).log("%c[WB] Calling FUNCTION: initRecording","color: green;");try{return this.trackEvent(de.Events.Recording.INIT_RECORDING_TRIGGERED,{payload:{type:o,panelId:i}}),this.getService(ye).initRecording(o,i)}catch(e){return this.getService(y).catch("Error in _initRecording: ",e),Pt(null)}}_onRecordedData(){this.getService(y).log("%c[WB] Calling FUNCTION: onRecordedData","color: green;");try{return this.trackEvent(de.Events.Recording.ON_RECORDED_DATA_TRIGGERED),this.getService(ye).onRecordedData()}catch(o){return this.getService(y).catch("Error in _onRecordedData: ",o),Pt(null)}}_enableDarkMode(){this.getService(y).log("%c[WB] Calling FUNCTION: enableDarkMode","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_DARK_MODE_TRIGGERED),this.getService(Oe).setRecorderContainerDarkMode(!0)}catch(o){this.getService(y).catch("Error in _enableDarkMode: ",o)}}_disableDarkMode(){this.getService(y).log("%c[WB] Calling FUNCTION: disableDarkMode","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_DARK_MODE_TRIGGERED),this.getService(Oe).setRecorderContainerDarkMode(!1)}catch(o){this.getService(y).catch("Error in _disableDarkMode: ",o)}}_enableRecordingCountdown(){this.getService(y).log("%c[WB] Calling FUNCTION: enableRecordingCountdown","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_RECORDING_COUNTDOWN_TRIGGERED),this.getService(ye).enableRecordingCountdown()}catch(o){this.getService(y).catch("Error in _enableRecordingCountdown: ",o)}}_disableRecordingCountdown(){this.getService(y).log("%c[WB] Calling FUNCTION: disableRecordingCountdown","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_RECORDING_COUNTDOWN_TRIGGERED),this.getService(ye).disableRecordingCountdown()}catch(o){this.getService(y).catch("Error in _disableRecordingCountdown: ",o)}}_getRecordingDataByRecorderId(o){this.getService(y).log("%c[WB] Calling FUNCTION: getRecordingDataByRecorderId","color: green;");try{return this.trackEvent(de.Events.Recording.GET_RECORDING_DATA_BY_RECORDER_ID_TRIGGERED,{payload:{recorderId:o}}),this.getService(Oe).getRecorderDataByRecorderId(o)}catch(i){return this.getService(y).catch("Error in _getRecordingDataByRecorderId: ",i),Pt(null)}}_getRecordings(o){this.getService(y).log("%c[WB] Calling FUNCTION: getRecordings","color: green;");try{return this.trackEvent(de.Events.Recording.GET_RECORDINGS_TRIGGERED,{payload:{query:o}}),this.getService(Oe).getRecordings(o)}catch(i){return this.getService(y).catch("Error in _getRecordings: ",i),Pt([])}}_getRecordingData(o){this.getService(y).log("%c[WB] Calling FUNCTION: getRecordingData","color: green;");try{return this.trackEvent(de.Events.Recording.GET_RECORDING_DATA_TRIGGERED,{payload:{query:o}}),this.getService(Oe).getRecorderDataByRecorderIds(o)}catch(i){return this.getService(y).catch("Error in _getRecordingData: ",i),Promise.resolve({data:null})}}_fetchRecordings(o){this.getService(y).log("%c[WB] Calling FUNCTION: fetchRecordings","color: green;");try{return this.trackEvent(de.Events.Recording.FETCH_RECORDINGS_TRIGGERED,{payload:{query:o}}),this.getService(Oe).fetchRecorderDataByRecorderIds(o)}catch(i){return this.getService(y).catch("Error in _fetchRecordings: ",i),Promise.resolve([])}}_deleteRecordings(o){this.getService(y).log("%c[WB] Calling FUNCTION: deleteRecording","color: green;");try{return this.trackEvent(de.Events.Recording.DELETE_RECORDING_TRIGGERED,{payload:{query:o}}),this.getService(Oe).deleteRecorderDataByRecorderIds(o)}catch(i){return this.getService(y).catch("Error in _deleteRecording: ",i),Promise.resolve([])}}_enableRecordingTranscription(){this.getService(y).log("%c[WB] Calling FUNCTION: enableRecordingTranscription","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_RECORDING_TRANSCRIPTION_TRIGGERED),this.getService(Oe).enableRecordingTranscription()}catch(o){this.getService(y).catch("Error in _enableRecordingTranscription: ",o)}}_disableRecordingTranscription(){this.getService(y).log("%c[WB] Calling FUNCTION: disableRecordingTranscription","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_RECORDING_TRANSCRIPTION_TRIGGERED),this.getService(Oe).disableRecordingTranscription()}catch(o){this.getService(y).catch("Error in _disableRecordingTranscription: ",o)}}_on(o){this.getService(y).log("%c[WB] Calling FUNCTION: on","color: green;");try{return this.getService(ht).onAction(o)}catch(i){return this.getService(y).catch("Error in _on: ",i),Pt(null)}}_enableVideoEditor(){this.getService(y).log("%c[WB] Calling FUNCTION: enableVideoEditor","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_VIDEO_EDITOR_TRIGGERED),this.getService(ye).enableVideoEditor()}catch(o){this.getService(y).catch("Error in _enableVideoEditor: ",o)}}_disableVideoEditor(){this.getService(y).log("%c[WB] Calling FUNCTION: disableVideoEditor","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_VIDEO_EDITOR_TRIGGERED),this.getService(ye).disableVideoEditor()}catch(o){this.getService(y).catch("Error in _disableVideoEditor: ",o)}}_setRecordingQualityConstraints(o){this.getService(y).log("%c[WB] Calling FUNCTION: setRecordingQualityConstraints","color: green;");try{this.trackEvent(de.Events.Recording.SET_RECORDING_QUALITY_CONSTRAINTS_TRIGGERED,{payload:{constraints:o}}),this.getService(ye).setRecordingQualityConstraints(o)}catch(i){this.getService(y).catch("Error in _setRecordingQualityConstraints: ",i)}}_setRecordingEncodingOptions(o){this.getService(y).log("%c[WB] Calling FUNCTION: setRecordingEncodingOptions","color: green;");try{this.trackEvent(de.Events.Recording.SET_RECORDING_ENCODING_OPTIONS_TRIGGERED,{payload:{options:o}}),this.getService(ye).setRecordingEncodingOptions(o)}catch(i){this.getService(y).catch("Error in _setRecordingEncodingOptions: ",i)}}_downloadLatestVideo(o){this.getService(y).log("%c[WB] Calling FUNCTION: downloadLatestVideo","color: green;");try{return this.trackEvent(de.Events.Recording.DOWNLOAD_LATEST_VIDEO_TRIGGERED,{payload:{recorderId:o}}),this.getService(Oe).downloadLatestVideo(o)}catch(i){return this.getService(y).catch("Error in _downloadLatestVideo: ",i),Promise.resolve(!1)}}_enableRecordingMic(){this.getService(y).log("%c[WB] Calling FUNCTION: enableRecordingMic","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_RECORDING_MIC_TRIGGERED),this.getService(ye).enableRecordingMic()}catch(o){this.getService(y).catch("Error in _enableRecordingMic: ",o)}}_disableRecordingMic(){this.getService(y).log("%c[WB] Calling FUNCTION: disableRecordingMic","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_RECORDING_MIC_TRIGGERED),this.getService(ye).disableRecordingMic()}catch(o){this.getService(y).catch("Error in _disableRecordingMic: ",o)}}_enableOnboardingTooltip(){this.getService(y).log("%c[WB] Calling FUNCTION: enableOnboardingTooltip","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_ONBOARDING_TOOLTIP_TRIGGERED),this.getService(ye).enableOnboardingTooltip()}catch(o){this.getService(y).catch("Error in _enableOnboardingTooltip: ",o);return}}_disableOnboardingTooltip(){this.getService(y).log("%c[WB] Calling FUNCTION: disableOnboardingTooltip","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_ONBOARDING_TOOLTIP_TRIGGERED),this.getService(ye).disableOnboardingTooltip()}catch(o){this.getService(y).catch("Error in _disableOnboardingTooltip: ",o);return}}_enableRetakeOnVideoEditor(){this.getService(y).log("%c[WB] Calling FUNCTION: enableRetakeOnVideoEditor","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_RETAKE_ON_VIDEO_EDITOR_TRIGGERED),this.getService(ye).enableRetakeOnVideoEditor()}catch(o){this.getService(y).catch("Error in _enableRetakeOnVideoEditor: ",o)}}_disableRetakeOnVideoEditor(){this.getService(y).log("%c[WB] Calling FUNCTION: disableRetakeOnVideoEditor","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_RETAKE_ON_VIDEO_EDITOR_TRIGGERED),this.getService(ye).disableRetakeOnVideoEditor()}catch(o){this.getService(y).catch("Error in _disableRetakeOnVideoEditor: ",o)}}_askDevicePermission(o){this.getService(y).log("%c[WB] Calling FUNCTION: askDevicePermission","color: green;");try{this.trackEvent(de.Events.Recording.ASK_DEVICE_PERMISSION_TRIGGERED),this.getService(ye).askDevicePermission(o)}catch(i){this.getService(y).catch("Error in _askDevicePermission: ",i)}}_setMaxLength(o){this.getService(y).log("%c[WB] Calling FUNCTION: setMaxLength","color: green;");try{this.trackEvent(de.Events.Recording.SET_MAX_LENGTH_TRIGGERED,{payload:{seconds:o}}),this.getService(ye).setMaxRecordingLength(o)}catch(i){this.getService(y).catch("Error in _setMaxLength: ",i)}}_openPictureInPicture(){return Le(this,null,function*(){this.getService(y).log("%c[WB] Calling FUNCTION: openPictureInPicture","color: green;");try{this.trackEvent(de.Events.Recording.OPEN_PICTURE_IN_PICTURE_TRIGGERED),yield this.getService(ye).openPictureInPicture()}catch(o){this.getService(y).catch("Error in _openPictureInPicture: ",o)}})}_exitPictureInPicture(){return Le(this,null,function*(){this.getService(y).log("%c[WB] Calling FUNCTION: exitPictureInPicture","color: green;");try{this.trackEvent(de.Events.Recording.EXIT_PICTURE_IN_PICTURE_TRIGGERED),yield this.getService(rt).exitPictureInPicture()}catch(o){this.getService(y).catch("Error in _exitPictureInPicture: ",o)}})}_requestScreenPermission(){return Le(this,null,function*(){this.getService(y).log("%c[WB] Calling FUNCTION: requestScreenPermission","color: green;");try{return this.trackEvent(de.Events.Recording.REQUEST_SCREEN_PERMISSION_TRIGGERED),this.getService(ye).requestScreenPermission()}catch(o){return this.getService(y).catch("Error in _requestScreenPermission: ",o),null}})}_enablePictureInPicture(){this.getService(y).log("%c[WB] Calling FUNCTION: enablePictureInPicture","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_PICTURE_IN_PICTURE_TRIGGERED),this.getService(rt).enablePictureInPicture()}catch(o){this.getService(y).catch("Error in _enablePictureInPicture: ",o)}}_disablePictureInPicture(){this.getService(y).log("%c[WB] Calling FUNCTION: disablePictureInPicture","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_PICTURE_IN_PICTURE_TRIGGERED),this.getService(rt).disablePictureInPicture()}catch(o){this.getService(y).catch("Error in _disablePictureInPicture: ",o)}}_enablePlaybackOnPreviewClick(){this.getService(y).log("%c[WB] Calling FUNCTION: enablePlaybackOnPreviewClick","color: green;");try{this.trackEvent(de.Events.Recording.ENABLE_PLAYBACK_ON_PREVIEW_CLICK_TRIGGERED),this.getService(ye).enablePlaybackOnPreviewClick()}catch(o){this.getService(y).catch("Error in _enablePlaybackOnPreviewClick: ",o)}}_disablePlaybackOnPreviewClick(){this.getService(y).log("%c[WB] Calling FUNCTION: disablePlaybackOnPreviewClick","color: green;");try{this.trackEvent(de.Events.Recording.DISABLE_PLAYBACK_ON_PREVIEW_CLICK_TRIGGERED),this.getService(ye).disablePlaybackOnPreviewClick()}catch(o){this.getService(y).catch("Error in _disablePlaybackOnPreviewClick: ",o)}}};var ze=class{constructor(){this.isAudioPermissionOpen=!1,this.toggleAudioPermission=()=>{},this.selectAudioDevice=()=>{},this.audioDevices=[],this.isVideoPermissionOpen=!1,this.toggleVideoPermission=()=>{},this.selectVideoDevice=()=>{},this.videoDevices=[],this.shadowDom=!1,this.isOpen=!1,this.settingsEmbedded=!1,this.closeVideoDropdown=()=>{},this.closeAudioDropdown=()=>{}}};var aI=t=>({componentConfigSignal:t}),lI=(t,o)=>({condition:t,data:o}),cI=(t,o,i,e)=>({template:t,componentName:"velt-media-source-settings-selected-label-wireframe",variant:o,setIfCondition:i,componentElementRef:e});function sI(t,o){if(t&1&&(m(0),v(1,"p",3),ie(2),z(3,"translate"),z(4,"translate"),z(5,"translate"),z(6,"translate"),u(),p()),t&2){let i,e=a(3);c(),E("data-testid",e.componentId+"-selected-device-label")("role","status")("aria-live","polite"),c(),ge(" ",e.type==="audio"?j(3,4,(i=e.componentConfigSignal().selectedAudioDevice)==null?null:i.label)??j(4,6,"No device found"):j(5,8,(i=e.componentConfigSignal().selectedVideoDevice)==null?null:i.label)??j(6,10,"No device found")," ")}}function dI(t,o){if(t&1&&(m(0),s(1,sI,7,12,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",qe(1,cI,e.template,i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function mI(t,o){if(t&1&&(m(0),s(1,dI,2,6,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,lI,i.conditionSignal(),C(1,aI,i.componentConfigSignal)))}}var Qt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-selected-label",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-selected-label-internal"]],inputs:{type:"type"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-label"]],template:function(n,r){n&1&&s(0,mI,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["[_nghost-%COMP%]{flex:1}.velt-media-source-settings-label[_ngcontent-%COMP%]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:var(--velt-text-3)}"],changeDetection:0});let t=o;return t})();var pI=t=>({componentConfigSignal:t}),gI=(t,o)=>({condition:t,data:o}),vI=(t,o,i,e)=>({template:t,componentName:"velt-media-source-settings-toggle-icon-open-wireframe",variant:o,setIfCondition:i,componentElementRef:e});function uI(t,o){if(t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-toggle-icon-open")("aria-hidden","true")}}function fI(t,o){if(t&1&&(m(0),s(1,uI,3,2,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",qe(1,vI,e.template,i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function hI(t,o){if(t&1&&(m(0),s(1,fI,2,6,"ng-container",0),p()),t&2){let i=a().ngIf,e=a();c(),l("ngIf",e.type==="audio"?i.isAudioPermissionOpen:i.isVideoPermissionOpen)}}function CI(t,o){if(t&1&&(m(0),s(1,hI,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,gI,i.conditionSignal(),C(1,pI,i.componentConfigSignal)))}}var Co=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon-open",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-toggle-icon-open-internal"]],inputs:{type:"type"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","role","presentation",1,"velt-media-source-settings-toggle-icon-open"],["d","M4 12L9 7L14 12","fill","currentColor"]],template:function(n,r){n&1&&s(0,CI,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{max-width:none;color:var(--velt-text-12)}"],changeDetection:0});let t=o;return t})();var yI=t=>({componentConfigSignal:t}),SI=(t,o)=>({condition:t,data:o}),xI=(t,o,i,e)=>({template:t,componentName:"velt-media-source-settings-toggle-icon-close-wireframe",variant:o,setIfCondition:i,componentElementRef:e});function bI(t,o){if(t&1&&(m(0),K(),v(1,"svg",3),S(2,"path",4),u(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-toggle-icon")("aria-hidden","true")}}function II(t,o){if(t&1&&(m(0),s(1,bI,3,2,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",qe(1,xI,e.template,i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function PI(t,o){if(t&1&&(m(0),s(1,II,2,6,"ng-container",0),p()),t&2){let i=a().ngIf,e=a();c(),l("ngIf",e.type==="audio"?!i.isAudioPermissionOpen:!i.isVideoPermissionOpen)}}function EI(t,o){if(t&1&&(m(0),s(1,PI,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,SI,i.conditionSignal(),C(1,yI,i.componentConfigSignal)))}}var _o=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon-close",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-toggle-icon-close-internal"]],inputs:{type:"type"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","role","presentation",1,"velt-media-source-settings-toggle-icon"],["d","M4 7L9 12L14 7","fill","currentColor"]],template:function(n,r){n&1&&s(0,EI,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{max-width:none;color:var(--velt-text-12)}"],changeDetection:0});let t=o;return t})();var TI=t=>({componentConfigSignal:t}),OI=(t,o)=>({condition:t,data:o}),wI=(t,o)=>({componentConfigSignal:t,type:o}),kI=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-media-source-settings-toggle-icon-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function RI(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-media-source-settings-toggle-icon-open-internal",4)(3,"velt-media-source-settings-toggle-icon-close-internal",4),u(),p()),t&2){let i=a(3);c(),E("data-testid",i.componentId+"-toggle-container")("role","presentation")("aria-hidden","true"),c(),l("componentConfigSignal",i.componentConfigSignal)("type",i.type)("template",i.template),E("data-testid",i.componentId+"-toggle-open"),c(),l("componentConfigSignal",i.componentConfigSignal)("type",i.type)("template",i.template),E("data-testid",i.componentId+"-toggle-close")}}function MI(t,o){if(t&1&&(m(0),s(1,RI,4,11,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(4,kI,e.template,D(1,wI,e.componentConfigSignal,e.type),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function VI(t,o){if(t&1&&(m(0),s(1,MI,2,10,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,OI,i.conditionSignal(),C(1,TI,i.componentConfigSignal)))}}var qt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-toggle-icon-internal"]],inputs:{type:"type"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings--toggle-icon"],[3,"componentConfigSignal","type","template"]],template:function(n,r){n&1&&s(0,VI,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Co,_o],encapsulation:2,changeDetection:0});let t=o;return t})();var AI=t=>({componentConfigSignal:t}),FI=(t,o)=>({condition:t,data:o}),BI=(t,o,i,e)=>({template:t,componentName:"velt-media-source-settings-options-item-icon-wireframe",variant:o,setIfCondition:i,componentElementRef:e});function LI(t,o){t&1&&(m(0),K(),v(1,"svg",4),S(2,"path",5),u(),p())}function NI(t,o){if(t&1&&(m(0),v(1,"div",2),s(2,LI,3,0,"ng-container",3),u(),p()),t&2){let i=a().ngIf,e=a();c(),te("selected",e.device.deviceId===(e.type==="audio"?i.selectedAudioDevice==null?null:i.selectedAudioDevice.deviceId:i.selectedVideoDevice==null?null:i.selectedVideoDevice.deviceId)),E("data-testid",e.componentId+"-selected-icon")("role","presentation")("aria-hidden","true"),c(),l("veltDynamicTemplate",qe(6,BI,e.template,i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function zI(t,o){if(t&1&&(m(0),s(1,NI,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,FI,i.conditionSignal(),C(1,AI,i.componentConfigSignal)))}}var yo=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-options-item-icon",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type,device:this.device}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-options-item-icon"]],inputs:{type:"type",device:"device"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-media-source-settings-options--selected-icon"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M3.75 9L7.5 12.75L15 5.25","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,zI,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:[".velt-media-source-settings-options--selected-icon[_ngcontent-%COMP%]{visibility:hidden;color:var(--velt-accent-text);display:flex}.velt-media-source-settings-options--selected-icon.selected[_ngcontent-%COMP%]{visibility:visible}"],changeDetection:0});let t=o;return t})();var HI=t=>({componentConfigSignal:t}),ZI=(t,o)=>({condition:t,data:o}),UI=(t,o,i,e)=>({template:t,componentName:"velt-media-source-settings-options-item-label-wireframe",variant:o,setIfCondition:i,componentElementRef:e});function GI(t,o){if(t&1&&(m(0),v(1,"p"),z(2,"translate"),ie(3),z(4,"translate"),u(),p()),t&2){let i=a(2).ngIf,e=a();c(),te("velt-media-source-settings-options--label-selected",e.device.deviceId===(e.type==="audio"?i.selectedAudioDevice==null?null:i.selectedAudioDevice.deviceId:i.selectedVideoDevice==null?null:i.selectedVideoDevice.deviceId)),E("data-testid",e.componentId+"-device-label")("role","option")("title",j(2,6,e.device.label)),c(2),ge(" ",j(4,8,e.device.label)," ")}}function WI(t,o){if(t&1&&(m(0),s(1,GI,5,10,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",qe(1,UI,e.template,i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function YI(t,o){if(t&1&&(m(0),s(1,WI,2,6,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,ZI,i.conditionSignal(),C(1,HI,i.componentConfigSignal)))}}var So=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-options-item-label",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type,device:this.device}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-options-item-label"]],inputs:{type:"type",device:"device"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(n,r){n&1&&s(0,YI,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],styles:["p[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.velt-media-source-settings-options--label-selected[_ngcontent-%COMP%]{color:var(--velt-text-0)}"],changeDetection:0});let t=o;return t})();var $I=t=>({componentConfigSignal:t}),QI=(t,o)=>({condition:t,data:o}),qI=(t,o,i)=>({device:t,type:o,componentConfigSignal:i}),JI=(t,o,i,e,n)=>({template:t,context:o,cloneTemplate:!0,componentName:"velt-media-source-settings-options-item-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function KI(t,o){if(t&1&&(m(0),S(1,"velt-media-source-settings-options-item-icon",7)(2,"velt-media-source-settings-options-item-label",7),p()),t&2){let i=a().$implicit,e=a(4);c(),l("device",i)("type",e.type)("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-option-icon-"+i.deviceId),c(),l("device",i)("type",e.type)("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-option-label-"+i.deviceId)}}function e3(t,o){if(t&1){let i=Z();v(0,"div",5),H("click",function(){let n=O(i).$implicit,r=a(3).ngIf,g=a();return w(g.type==="audio"?r.selectAudioDevice(n):r.selectVideoDevice(n))}),s(1,KI,3,8,"ng-container",6),u()}if(t&2){let i=o.$implicit,e=a(3).ngIf,n=a();te("velt-media-source-settings-options--current-selected",i.deviceId===(n.type==="audio"?e.selectedAudioDevice==null?null:e.selectedAudioDevice.deviceId:e.selectedVideoDevice==null?null:e.selectedVideoDevice.deviceId)),E("data-testid",n.componentId+"-option-"+i.deviceId)("role","option"),c(),l("veltDynamicTemplate",L(9,JI,n.optionTemplate,ve(5,qI,i,n.type,n.componentConfigSignal),e==null?null:e.variant,n.setIfCondition.bind(n),n.elementRef))}}function t3(t,o){if(t&1&&(v(0,"div",3),s(1,e3,2,15,"div",4),u()),t&2){let i=a(2).ngIf,e=a();E("data-testid",e.componentId+"-options")("role","listbox")("aria-orientation","vertical"),c(),l("ngForOf",e.type==="audio"?i.audioDevices:i.videoDevices)}}function n3(t,o){if(t&1&&(m(0),s(1,t3,2,4,"div",2),p()),t&2){let i=a().ngIf,e=a();c(),l("ngIf",e.type==="audio"?i.isAudioPermissionOpen:i.isVideoPermissionOpen)}}function i3(t,o){if(t&1&&(m(0),s(1,n3,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,QI,i.conditionSignal(),C(1,$I,i.componentConfigSignal)))}}var Jt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-options",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{if(this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes(),!this.optionTemplate){let e=this.template?.querySelector("velt-media-source-settings-options-item-wireframe");We(e)||(this.optionTemplate=e)}}catch{}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-options-internal"]],inputs:{type:"type"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-media-source-settings-options",4,"ngIf"],[1,"velt-media-source-settings-options"],["class","velt-media-source-settings-options-item",3,"velt-media-source-settings-options--current-selected","click",4,"ngFor","ngForOf"],[1,"velt-media-source-settings-options-item",3,"click"],[4,"veltDynamicTemplate"],[3,"device","type","componentConfigSignal"]],template:function(n,r){n&1&&s(0,i3,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R,yo,So],styles:["[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-media-source-settings-options[_ngcontent-%COMP%]{width:100%;display:flex;flex-direction:column;align-items:center;max-height:104px;overflow-y:scroll}.velt-media-source-settings-options-item[_ngcontent-%COMP%]{width:100%;display:flex;gap:var(--velt-spacing-md);align-items:center;cursor:pointer;padding-block:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-sm);color:var(--velt-text-6)}.velt-media-source-settings-options-item[_ngcontent-%COMP%]:not(.velt-media-source-settings-options--current-selected):hover{background:var(--velt-background-4);color:var(--velt-text-0)}.velt-media-source-settings-options--current-selected[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{opacity:50%;color:var(--velt-text-0)}"],changeDetection:0});let t=o;return t})();var o3=t=>({componentConfigSignal:t}),r3=(t,o)=>({condition:t,data:o}),a3=(t,o,i,e)=>({template:t,componentName:"velt-media-source-settings-divider-wireframe",variant:o,setIfCondition:i,componentElementRef:e});function l3(t,o){if(t&1&&(m(0),S(1,"div",3),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-divider")("role","separator")("aria-orientation","horizontal")("aria-hidden","true")}}function c3(t,o){if(t&1&&(v(0,"div"),s(1,l3,2,4,"ng-container",2),u()),t&2){let i=a(2).ngIf,e=a();E("data-testid",e.componentId+"-divider-container")("role","presentation"),c(),l("veltDynamicTemplate",qe(3,a3,e.template,i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function s3(t,o){if(t&1&&(m(0),s(1,c3,2,8,"div",0),p()),t&2){let i=a().ngIf,e=a();c(),l("ngIf",e.type==="audio"?i.isAudioPermissionOpen:i.isVideoPermissionOpen)}}function d3(t,o){if(t&1&&(m(0),s(1,s3,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,r3,i.conditionSignal(),C(1,o3,i.componentConfigSignal)))}}var Kt=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-divider",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-divider-internal"]],inputs:{type:"type"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-divider"]],template:function(n,r){n&1&&s(0,d3,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],styles:["[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-media-source-settings-divider[_ngcontent-%COMP%]{width:100%;height:1px;background:var(--velt-background-4);margin-top:var(--velt-spacing-md)}"],changeDetection:0});let t=o;return t})();var m3=t=>({componentConfigSignal:t}),p3=(t,o)=>({condition:t,data:o}),g3=t=>({componentConfigSignal:t,type:"audio"}),v3=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-media-source-settings-audio-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function u3(t,o){if(t&1&&(m(0),v(1,"div",5)(2,"div",6),K(),v(3,"svg",7),S(4,"path",8),u()(),Ae(),S(5,"velt-media-source-settings-selected-label-internal",9)(6,"velt-media-source-settings-toggle-icon-internal",9),u(),S(7,"velt-media-source-settings-divider-internal",9)(8,"velt-media-source-settings-options-internal",9),p()),t&2){let i=a(4);c(),E("aria-hidden","true"),c(4),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-label"),c(),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-toggle"),c(),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-divider"),c(),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-options")("role","listbox")("aria-label","Audio source options")}}function f3(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("clickOutside",function(){O(i);let n=a(2).ngIf;return w(n.closeAudioDropdown())})("click",function(n){O(i);let r=a(2).ngIf;return w(r.toggleAudioPermission(n))}),s(2,u3,9,15,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();te("velt-media-source-settings-audio--active",i.isAudioPermissionOpen),E("data-testid",e.componentId)("role","button")("aria-expanded",i.isAudioPermissionOpen)("aria-haspopup","listbox")("aria-label",j(1,9,"Audio settings"))("tabindex",0),c(2),l("veltDynamicTemplate",L(13,v3,e.template,C(11,g3,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function h3(t,o){if(t&1&&(m(0),s(1,f3,3,19,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.settingsVisible==null?null:i.settingsVisible.audio)}}function C3(t,o){if(t&1&&(m(0),s(1,h3,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,p3,i.conditionSignal(),C(1,m3,i.componentConfigSignal)))}}var xo=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-media-source-settings-audio",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-audio-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-media-source-settings-audio","snippylyClickOutside","",3,"velt-media-source-settings-audio--active","clickOutside","click",4,"ngIf"],["snippylyClickOutside","",1,"velt-media-source-settings-audio",3,"clickOutside","click"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-audio-trigger"],[1,"velt-media-source-settings-audio-trigger-icon"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M3.33301 6.66732C3.33301 7.90499 3.82467 9.09198 4.69984 9.96715C5.57501 10.8423 6.762 11.334 7.99967 11.334M7.99967 11.334C9.23735 11.334 10.4243 10.8423 11.2995 9.96715C12.1747 9.09198 12.6663 7.90499 12.6663 6.66732M7.99967 11.334V14.0007M5.33301 14.0007H10.6663M5.99967 3.33398C5.99967 2.80355 6.21039 2.29484 6.58546 1.91977C6.96053 1.5447 7.46924 1.33398 7.99967 1.33398C8.53011 1.33398 9.03882 1.5447 9.41389 1.91977C9.78896 2.29484 9.99967 2.80355 9.99967 3.33398V6.66732C9.99967 7.19775 9.78896 7.70646 9.41389 8.08153C9.03882 8.4566 8.53011 8.66732 7.99967 8.66732C7.46924 8.66732 6.96053 8.4566 6.58546 8.08153C6.21039 7.70646 5.99967 7.19775 5.99967 6.66732V3.33398Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["type","audio",3,"componentConfigSignal","template"]],template:function(n,r){n&1&&s(0,C3,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,pt,P,R,Qt,qt,Jt,Kt,W],styles:[".velt-media-source-settings-audio[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);margin:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-md);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.velt-media-source-settings-audio[_ngcontent-%COMP%]:hover{background:var(--velt-background-3)}.velt-media-source-settings-audio--active[_ngcontent-%COMP%]{background:var(--velt-background-2)}.velt-media-source-settings-audio-trigger[_ngcontent-%COMP%]{width:100%;display:flex;gap:var(--velt-spacing-md);align-items:center;cursor:pointer}.velt-media-source-settings-audio-trigger[_ngcontent-%COMP%]   .velt-media-source-settings-audio-trigger-icon[_ngcontent-%COMP%]{padding:1px;color:var(--velt-text-3);display:flex}.velt-media-source-settings-audio-trigger[_ngcontent-%COMP%]   .velt-media-source-settings-audio-trigger-icon[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{max-width:none}"],changeDetection:0});let t=o;return t})();var y3=t=>({componentConfigSignal:t}),S3=(t,o)=>({condition:t,data:o}),x3=t=>({componentConfigSignal:t,type:"video"}),b3=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-media-source-settings-video-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function I3(t,o){if(t&1&&(m(0),v(1,"div",5)(2,"div",6),K(),v(3,"svg",7),S(4,"path",8)(5,"path",9),u()(),Ae(),S(6,"velt-media-source-settings-selected-label-internal",10)(7,"velt-media-source-settings-toggle-icon-internal",10),u(),S(8,"velt-media-source-settings-divider-internal",10)(9,"velt-media-source-settings-options-internal",10),p()),t&2){let i=a(4);c(),E("aria-hidden","true"),c(5),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-label"),c(),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-toggle"),c(),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-divider"),c(),l("componentConfigSignal",i.componentConfigSignal)("template",i.template),E("data-testid",i.componentId+"-options")}}function P3(t,o){if(t&1){let i=Z();v(0,"div",3),z(1,"translate"),H("clickOutside",function(){O(i);let n=a(2).ngIf;return w(n.closeVideoDropdown())})("click",function(n){O(i);let r=a(2).ngIf;return w(r.toggleVideoPermission(n))}),s(2,I3,10,13,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();te("velt-media-source-settings-video--active",i.isVideoPermissionOpen),E("data-testid",e.componentId)("role","button")("aria-expanded",i.isVideoPermissionOpen)("aria-haspopup","listbox")("aria-label",j(1,9,"Video settings"))("tabindex",0),c(2),l("veltDynamicTemplate",L(13,b3,e.template,C(11,x3,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function E3(t,o){if(t&1&&(m(0),s(1,P3,3,19,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.settingsVisible==null?null:i.settingsVisible.video)}}function D3(t,o){if(t&1&&(m(0),s(1,E3,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,S3,i.conditionSignal(),C(1,y3,i.componentConfigSignal)))}}var bo=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.componentId="velt-media-source-settings-video",super.initializeComponentConfigSignal(new ze)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-video-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-media-source-settings-video","snippylyClickOutside","",3,"velt-media-source-settings-video--active","clickOutside","click",4,"ngIf"],["snippylyClickOutside","",1,"velt-media-source-settings-video",3,"clickOutside","click"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-video-trigger"],[1,"velt-media-source-settings-video-trigger-icon"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M10 6.66675L13.0353 5.14941C13.1369 5.09864 13.2499 5.07467 13.3633 5.07978C13.4768 5.08489 13.5871 5.11891 13.6837 5.17862C13.7804 5.23832 13.8602 5.32173 13.9155 5.42093C13.9709 5.52012 13.9999 5.63182 14 5.74541V10.2547C13.9999 10.3683 13.9709 10.48 13.9155 10.5792C13.8602 10.6784 13.7804 10.7618 13.6837 10.8215C13.5871 10.8812 13.4768 10.9153 13.3633 10.9204C13.2499 10.9255 13.1369 10.9015 13.0353 10.8507L10 9.33341V6.66675Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["d","M2 5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H8.66667C9.02029 4 9.35943 4.14048 9.60948 4.39052C9.85952 4.64057 10 4.97971 10 5.33333V10.6667C10 11.0203 9.85952 11.3594 9.60948 11.6095C9.35943 11.8595 9.02029 12 8.66667 12H3.33333C2.97971 12 2.64057 11.8595 2.39052 11.6095C2.14048 11.3594 2 11.0203 2 10.6667V5.33333Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["type","video",3,"componentConfigSignal","template"]],template:function(n,r){n&1&&s(0,D3,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,pt,P,R,Qt,qt,Jt,Kt,W],styles:[".velt-media-source-settings-video[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);margin:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-md);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.velt-media-source-settings-video[_ngcontent-%COMP%]:hover{background:var(--velt-background-3)}.velt-media-source-settings-video--active[_ngcontent-%COMP%]{background:var(--velt-background-2)}.velt-media-source-settings-video-trigger[_ngcontent-%COMP%]{width:100%;display:flex;gap:var(--velt-spacing-md);align-items:center;cursor:pointer}.velt-media-source-settings-video-trigger[_ngcontent-%COMP%]   .velt-media-source-settings-video-trigger-icon[_ngcontent-%COMP%]{display:flex;padding:1px;color:var(--velt-text-3)}.velt-media-source-settings-video-trigger[_ngcontent-%COMP%]   .velt-media-source-settings-video-trigger-icon[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{max-width:none}"],changeDetection:0});let t=o;return t})();var Jc=t=>({componentConfigSignal:t}),O3=(t,o)=>({condition:t,data:o}),w3=(t,o,i,e,n)=>({template:t,context:o,cloneTemplate:!0,componentName:"velt-media-source-settings-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function k3(t,o){t&1&&we(0)}function R3(t,o){if(t&1&&(v(0,"velt-shadow-dom-internal"),s(1,k3,1,0,"ng-container",4),u()),t&2){a();let i=re(3);c(),l("ngTemplateOutlet",i)}}function M3(t,o){if(t&1&&(m(0),v(1,"div",8),S(2,"velt-media-source-settings-audio-internal",9)(3,"velt-media-source-settings-video-internal",9),u(),p()),t&2){let i=a(5);c(),E("role","group")("aria-label","Media settings controls"),c(),l("componentConfigSignal",i.componentConfigSignal),E("data-testid",i.componentId+"-audio")("role","region")("aria-label","Audio settings"),c(),l("componentConfigSignal",i.componentConfigSignal),E("data-testid",i.componentId+"-video")("role","region")("aria-label","Video settings")}}function V3(t,o){if(t&1&&(v(0,"div",6),z(1,"translate"),s(2,M3,4,10,"ng-container",7),u()),t&2){let i=a(3).ngIf,e=a();E("data-testid",e.componentId)("role","dialog")("aria-label",j(1,5,"Media source settings"))("aria-modal","true"),c(2),l("veltDynamicTemplate",L(9,w3,e.template,C(7,Jc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function A3(t,o){if(t&1&&s(0,V3,3,15,"div",5),t&2){let i=a(2).ngIf;l("ngIf",i.isOpen||i.settingsEmbedded)}}function F3(t,o){if(t&1&&(m(0),s(1,R3,2,1,"velt-shadow-dom-internal",3)(2,A3,1,1,"ng-template",null,0,he),p()),t&2){let i=re(3),e=a().ngIf,n=a();c(),l("ngIf",e.shadowDom&&!n.template||n.template&&n.isExplicitShadowDom)("ngIfElse",i)}}function B3(t,o){if(t&1&&(m(0),s(1,F3,4,2,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,O3,i.conditionSignal(),C(1,Jc,i.componentConfigSignal)))}}var ir=(()=>{let o=class o extends N{set shadowDom(e){this._shadowDom=e}get shadowDom(){return this._shadowDom}constructor(e,n,r,g,I,B){super(g,I,e),this.loggingService=e,this.wireframeService=n,this.devicePermissionService=r,this.elementRef=g,this.dynamicDataService=I,this.recorderService=B,this.isOpen=!1,this.showMicSettings=!0,this.showCamSettings=!0,this.config={},this._shadowDom=!0,this.isExplicitShadowDom=!1,this.devices=[],this.defaultMediaSourceOptions=pr(),this.subscriptions=[],this.veltElement=!0,this.componentConfigSignal=ce({toggleAudioPermission:this.toggleAudioPermission.bind(this),selectAudioDevice:this.selectAudioDevice.bind(this),toggleVideoPermission:this.toggleVideoPermission.bind(this),selectVideoDevice:this.selectVideoDevice.bind(this),isAudioPermissionOpen:!1,settingsVisible:{audio:!0,video:!0},selectedAudioDevice:void 0,selectedVideoDevice:void 0,isVideoPermissionOpen:!1,audioDevices:[],videoDevices:[],shadowDom:this.shadowDom,isOpen:this.isOpen,variant:this.variant,settingsEmbedded:!1,closeVideoDropdown:this.closeVideoDropdown.bind(this),closeAudioDropdown:this.closeAudioDropdown.bind(this)}),this.componentId="velt-media-source-settings";try{this.getDevices(),this.subscriptions.push(this.devicePermissionService.getPermissionState$("video").subscribe(A=>{this.getDevices()})),this.subscriptions.push(this.devicePermissionService.getPermissionState$("audio").subscribe(A=>{this.getDevices()})),this.subscriptions.push(this.recorderService.getSettingsEmbedded$().subscribe(A=>{this.componentConfigSignal.update(M=>_(h({},M),{settingsEmbedded:A}))}))}catch(A){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent constructor: ",A)}}ngOnInit(){try{super.ngOnInit();let e=this.elementRef.nativeElement,n=e.getAttribute("shadow-dom")??e.getAttribute("shadowdom");this.isExplicitShadowDom=n!==null&&n!=="false",this.setupA11yAttributes(),this.updateSettingsVisibility(),this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let r="velt-media-source-settings-wireframe";this.variant&&(r+=`---${this.variant}`),this.wireframeService.getWireframe$(r).subscribe(g=>{if(g){let I=document.createElement(g.tagName);I.innerHTML=g.innerHTML,this.template=I}})}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsComponent setupA11yAttributes:",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(n=>{this.componentConfigSignal.update(r=>(r=_(h({},r),{[n]:e[n].currentValue}),r))}),(e.showMicSettings||e.showCamSettings)&&this.updateSettingsVisibility()}catch(n){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnChanges: ",n)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e?.unsubscribe()})}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnDestroy: ",e)}}updateSettingsVisibility(){try{this.componentConfigSignal.update(e=>_(h({},e),{settingsVisible:{audio:this.showMicSettings,video:this.showCamSettings}}))}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnChanges: ",e)}}getDevices(){return Le(this,null,function*(){try{let e=new mn;if(e.getBrowserName()?.toLowerCase()==="safari"||e.getBrowserName()?.toLowerCase()==="firefox")try{let n=yield navigator.mediaDevices.getUserMedia({audio:!0,video:!0});n&&n.getTracks().forEach(r=>r.stop())}catch(n){this.loggingService.catch("Error in MediaSourceSettingsComponent getDevices getUserMedia catch: ",n)}navigator.mediaDevices.enumerateDevices().then(n=>{if(this.devices=n.filter(r=>r.kind==="audioinput"||r.kind==="videoinput"),this.componentConfigSignal.update(r=>_(h({},r),{audioDevices:this.devices.filter(g=>g.kind==="audioinput"&&g.deviceId!==""),videoDevices:this.devices.filter(g=>g.kind==="videoinput"&&g.deviceId!=="")})),this.componentConfigSignal().audioDevices.length>0&&!this.componentConfigSignal().selectedAudioDevice){if(this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId){let r=this.componentConfigSignal().audioDevices.find(g=>g.deviceId===this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId);r&&this.componentConfigSignal.update(g=>_(h({},g),{selectedAudioDevice:r}))}this.componentConfigSignal().selectedAudioDevice||this.componentConfigSignal.update(r=>_(h({},r),{selectedAudioDevice:this.componentConfigSignal().audioDevices[0]}))}if(this.componentConfigSignal().videoDevices.length>0&&!this.componentConfigSignal().selectedVideoDevice){if(this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId){let r=this.componentConfigSignal().videoDevices.find(g=>g.deviceId===this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId);r&&this.componentConfigSignal.update(g=>_(h({},g),{selectedVideoDevice:r}))}this.componentConfigSignal().selectedVideoDevice||this.componentConfigSignal.update(r=>_(h({},r),{selectedVideoDevice:this.componentConfigSignal().videoDevices[0]}))}}).catch(n=>{this.loggingService.catch("Error in MediaSourceSettingsComponent getDevices enumerateDevices catch: ",n)})}catch(e){this.loggingService.catch("Error in MediaSourceSettingsComponent getDevices: ",e)}})}selectAudioDevice(e){try{this.componentConfigSignal.update(n=>_(h({},n),{selectedAudioDevice:e})),this.saveChanges()}catch(n){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectAudioDevice: ",n)}}selectVideoDevice(e){try{this.componentConfigSignal.update(n=>_(h({},n),{selectedVideoDevice:e})),this.saveChanges()}catch(n){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectVideoDevice: ",n)}}saveChanges(){try{let e={};this.componentConfigSignal()?.settingsVisible?.audio&&(e.selectedAudioDevice=this.componentConfigSignal()?.selectedAudioDevice),this.componentConfigSignal()?.settingsVisible?.video&&(e.selectedVideoDevice=this.componentConfigSignal()?.selectedVideoDevice),localStorage.setItem(Q.LOCAL_STORAGE.SNIPPYLY_DEFAULT_MEDIA_SOURCE_OPTIONS,JSON.stringify(e||{})),this.defaultMediaSourceOptions=pr(),this.config.mediaConfig.audio||(this.config.mediaConfig.audio={enabled:!1}),this.config.mediaConfig.audio.deviceId=this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId,this.config.mediaConfig.video||(this.config.mediaConfig.video={enabled:!1}),this.config.mediaConfig.video.deviceId=this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId,this.config.updateMediaConfig(this.config.mediaConfig)}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent saveChanges: ",e)}}toggleAudioPermission(e){try{e.stopPropagation(),this.componentConfigSignal().audioDevices.length>0&&this.componentConfigSignal.update(n=>_(h({},n),{isAudioPermissionOpen:!n.isAudioPermissionOpen}))}catch(n){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent toggleAudioPermission: ",n)}}toggleVideoPermission(e){try{e.stopPropagation(),this.componentConfigSignal().videoDevices.length>0&&this.componentConfigSignal.update(n=>(n=_(h({},n),{isVideoPermissionOpen:!n.isVideoPermissionOpen}),n))}catch(n){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent toggleVideoPermission: ",n)}}closeVideoDropdown(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{isVideoPermissionOpen:!1}),e))}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent closeVideoDropdown: ",e)}}closeAudioDropdown(){try{this.componentConfigSignal.update(e=>(e=_(h({},e),{isAudioPermissionOpen:!1}),e))}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent closeAudioDropdown: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(Se),d(ja),d(T),d(f),d(ye))},o.\u0275cmp=x({type:o,selectors:[["velt-media-source-settings-internal"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-element",r.veltElement)},inputs:{isOpen:"isOpen",showMicSettings:"showMicSettings",showCamSettings:"showCamSettings",config:"config",shadowDom:"shadowDom",variant:"variant"},standalone:!1,features:[F([f]),k,Fe],decls:1,vars:1,consts:[["mediaSourcePermissionRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["class","velt-media-source-settings-container",4,"ngIf"],[1,"velt-media-source-settings-container"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings"],[3,"componentConfigSignal"]],template:function(n,r){n&1&&s(0,B3,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,Me,P,R,xo,bo,W],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}.velt-media-source-settings[_ngcontent-%COMP%]{position:absolute;left:0;bottom:90px;border-radius:var(--velt-border-radius-lg);background:var(--velt-background-1);display:flex;flex-direction:column;width:366px;font-weight:400;font-size:var(--velt-font-size-xs);line-height:18px;overflow:hidden}"],changeDetection:0});let t=o;return t})();var Kc=t=>({componentConfigSignal:t}),L3=(t,o)=>({condition:t,data:o}),N3=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-apply-button-loading-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function z3(t,o){if(t&1&&(m(0),v(1,"div",3)(2,"div",4),S(3,"div",5),u()(),p()),t&2){let i=a(4);c(),E("data-testid",i.componentId+"-icon"),c(),E("data-testid",i.componentId+"-loader"),c(),E("data-testid",i.componentId+"-loader-bar")}}function j3(t,o){if(t&1&&(m(0),s(1,z3,4,3,"ng-container",2),p()),t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,N3,e.template,C(1,Kc,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function H3(t,o){if(t&1&&(m(0),s(1,j3,2,9,"ng-container",0),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.isLoading)}}function Z3(t,o){if(t&1&&(m(0),s(1,H3,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,L3,i.conditionSignal(),C(1,Kc,i.componentConfigSignal)))}}var Gr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-apply-button-loading",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerApplyButtonLoadingComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerApplyButtonLoadingComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerApplyButtonLoadingComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-apply-button-loading-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-recorder-control-panel-loading--icon"],["role","presentation",1,"velt-recorder-control-panel-loading--loader"],["aria-hidden","true",1,"velt-recorder-control-panel-loading--loader-bar"]],template:function(n,r){n&1&&s(0,Z3,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-recorder-control-panel-loading--icon[_ngcontent-%COMP%]   .velt-recorder-control-panel-loading--loader[_ngcontent-%COMP%]{width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center}.velt-recorder-control-panel-loading--icon[_ngcontent-%COMP%]   .velt-recorder-control-panel-loading--loader-bar[_ngcontent-%COMP%]{width:7px;height:7px;border-radius:100%;border:2px solid var(--velt-text-5);border-top-color:var(--velt-warning);animation:_ngcontent-%COMP%_loading 1s linear infinite}@keyframes _ngcontent-%COMP%_loading{to{transform:rotate(360deg)}}"],changeDetection:0});let t=o;return t})();var es=t=>({componentConfigSignal:t}),U3=(t,o)=>({condition:t,data:o}),G3=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-delete-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function W3(t,o){t&1&&(m(0),v(1,"div",4),K(),v(2,"svg",5),S(3,"path",6)(4,"path",7)(5,"path",8)(6,"path",9),u(),Ae(),v(7,"span",10),ie(8,"Remove Slice"),u(),v(9,"span",11),ie(10,"[D]"),u()(),p())}function Y3(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(n){O(i);let r=a().ngIf;return w(r.onDeleteButtonClick(n))}),s(2,W3,11,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player--delete-disabled-control",i.timelineData.trim.selectedSectionIndex===-1&&i.timelineData.scale.selectedSectionIndex===-1),c(),l("veltDynamicTemplate",L(5,G3,e.template,C(3,es,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function X3(t,o){if(t&1&&(m(0),s(1,Y3,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,U3,i.conditionSignal(),C(1,es,i.componentConfigSignal)))}}var Wr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-delete-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerDeleteButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerDeleteButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerDeleteButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-delete-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["title","Delete selected section",1,"velt-video-editor-player--delete-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--delete-button-text"],["width","16","height","16","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10.0004 3C10.1279 3.00014 10.2504 3.04894 10.3431 3.13642C10.4358 3.22391 10.4915 3.34348 10.499 3.4707C10.5065 3.59792 10.4651 3.72319 10.3833 3.82092C10.3015 3.91864 10.1855 3.98145 10.0589 3.9965L10.0004 4H9.95992L9.50042 9.5C9.50044 9.88261 9.35426 10.2508 9.09178 10.5291C8.8293 10.8075 8.47037 10.9751 8.08842 10.9975L8.00042 11H4.00042C3.20142 11 2.54842 10.3755 2.50442 9.625L2.50192 9.5415L2.04042 4H2.00042C1.87298 3.99986 1.75041 3.95106 1.65774 3.86358C1.56507 3.77609 1.50931 3.65652 1.50184 3.5293C1.49437 3.40208 1.53576 3.27681 1.61756 3.17908C1.69935 3.08136 1.81537 3.01855 1.94192 3.0035L2.00042 3H10.0004ZM5.25592 5.57C5.15116 5.50764 5.02723 5.4857 4.90743 5.50832C4.78763 5.53093 4.68022 5.59653 4.6054 5.69279C4.53058 5.78905 4.49351 5.90933 4.50115 6.031C4.5088 6.15268 4.56064 6.26737 4.64692 6.3535L5.29292 7L4.64692 7.6465L4.60542 7.6935C4.52772 7.794 4.49118 7.9203 4.50322 8.04676C4.51527 8.17322 4.575 8.29036 4.67028 8.37438C4.76557 8.45839 4.88926 8.50299 5.01623 8.49911C5.14321 8.49524 5.26394 8.44317 5.35392 8.3535L6.00042 7.7075L6.64692 8.3535L6.69392 8.395C6.79442 8.47271 6.92072 8.50925 7.04719 8.4972C7.17365 8.48515 7.29078 8.42542 7.3748 8.33014C7.45882 8.23486 7.50341 8.11117 7.49954 7.98419C7.49566 7.85722 7.4436 7.73648 7.35392 7.6465L6.70792 7L7.35392 6.3535L7.39542 6.3065C7.47313 6.206 7.50967 6.0797 7.49762 5.95324C7.48558 5.82678 7.42584 5.70964 7.33056 5.62562C7.23528 5.54161 7.11159 5.49701 6.98461 5.50089C6.85764 5.50476 6.7369 5.55683 6.64692 5.6465L6.00042 6.2925L5.35392 5.6465L5.30692 5.605L5.25592 5.57Z","fill","currentColor"],["d","M7.00037 1C7.26558 1 7.51994 1.10536 7.70747 1.29289C7.89501 1.48043 8.00037 1.73478 8.00037 2C8.00023 2.12744 7.95143 2.25002 7.86394 2.34268C7.77646 2.43535 7.65689 2.49112 7.52967 2.49859C7.40245 2.50605 7.27718 2.46466 7.17945 2.38287C7.08172 2.30107 7.01892 2.18505 7.00387 2.0585L7.00037 2H5.00037L4.99687 2.0585C4.98181 2.18505 4.91901 2.30107 4.82128 2.38287C4.72356 2.46466 4.59828 2.50605 4.47106 2.49859C4.34384 2.49112 4.22427 2.43535 4.13679 2.34268C4.04931 2.25002 4.00051 2.12744 4.00037 2C4.00029 1.74771 4.09557 1.50472 4.26711 1.31973C4.43866 1.13474 4.67379 1.02142 4.92537 1.0025L5.00037 1H7.00037Z","fill","currentColor"],["d","M10.0004 3C10.1279 3.00014 10.2504 3.04894 10.3431 3.13642C10.4358 3.22391 10.4915 3.34348 10.499 3.4707C10.5065 3.59792 10.4651 3.72319 10.3833 3.82092C10.3015 3.91864 10.1855 3.98145 10.0589 3.9965L10.0004 4H9.95992L9.50042 9.5C9.50044 9.88261 9.35426 10.2508 9.09178 10.5291C8.8293 10.8075 8.47037 10.9751 8.08842 10.9975L8.00042 11H4.00042C3.20142 11 2.54842 10.3755 2.50442 9.625L2.50192 9.5415L2.04042 4H2.00042C1.87298 3.99986 1.75041 3.95106 1.65774 3.86358C1.56507 3.77609 1.50931 3.65652 1.50184 3.5293C1.49437 3.40208 1.53576 3.27681 1.61756 3.17908C1.69935 3.08136 1.81537 3.01855 1.94192 3.0035L2.00042 3H10.0004ZM5.25592 5.57C5.15116 5.50764 5.02723 5.4857 4.90743 5.50832C4.78763 5.53093 4.68022 5.59653 4.6054 5.69279C4.53058 5.78905 4.49351 5.90933 4.50115 6.031C4.5088 6.15268 4.56064 6.26737 4.64692 6.3535L5.29292 7L4.64692 7.6465L4.60542 7.6935C4.52772 7.794 4.49118 7.9203 4.50322 8.04676C4.51527 8.17322 4.575 8.29036 4.67028 8.37438C4.76557 8.45839 4.88926 8.50299 5.01623 8.49911C5.14321 8.49524 5.26394 8.44317 5.35392 8.3535L6.00042 7.7075L6.64692 8.3535L6.69392 8.395C6.79442 8.47271 6.92072 8.50925 7.04719 8.4972C7.17365 8.48515 7.29078 8.42542 7.3748 8.33014C7.45882 8.23486 7.50341 8.11117 7.49954 7.98419C7.49566 7.85722 7.4436 7.73648 7.35392 7.6465L6.70792 7L7.35392 6.3535L7.39542 6.3065C7.47313 6.206 7.50967 6.0797 7.49762 5.95324C7.48558 5.82678 7.42584 5.70964 7.33056 5.62562C7.23528 5.54161 7.11159 5.49701 6.98461 5.50089C6.85764 5.50476 6.7369 5.55683 6.64692 5.6465L6.00042 6.2925L5.35392 5.6465L5.30692 5.605L5.25592 5.57Z"],["d","M7.00037 1C7.26558 1 7.51994 1.10536 7.70747 1.29289C7.89501 1.48043 8.00037 1.73478 8.00037 2C8.00023 2.12744 7.95143 2.25002 7.86394 2.34268C7.77646 2.43535 7.65689 2.49112 7.52967 2.49859C7.40245 2.50605 7.27718 2.46466 7.17945 2.38287C7.08172 2.30107 7.01892 2.18505 7.00387 2.0585L7.00037 2H5.00037L4.99687 2.0585C4.98181 2.18505 4.91901 2.30107 4.82128 2.38287C4.72356 2.46466 4.59828 2.50605 4.47106 2.49859C4.34384 2.49112 4.22427 2.43535 4.13679 2.34268C4.04931 2.25002 4.00051 2.12744 4.00037 2C4.00029 1.74771 4.09557 1.50472 4.26711 1.31973C4.43866 1.13474 4.67379 1.02142 4.92537 1.0025L5.00037 1H7.00037Z"],[1,"velt-video-editor-player--delete-button-text-label"],[1,"velt-video-editor-player--delete-button-text-shortcut"]],template:function(n,r){n&1&&s(0,X3,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--delete-button-text[_ngcontent-%COMP%]{cursor:pointer;transition:all .2s ease;display:flex;height:36px;padding:0px var(--velt-spacing-lg);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-xs);color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:20px}.velt-video-editor-player--delete-button-text[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}.velt-video-editor-player--delete-button-text[_ngcontent-%COMP%]:hover   .velt-video-editor-player--delete-button-text-shortcut[_ngcontent-%COMP%]{color:var(--velt-text-0)}.velt-video-editor-player--delete-button-text-shortcut[_ngcontent-%COMP%]{color:var(--velt-text-8);font-size:14px;font-size:var(--velt-font-size-sm);font-weight:500;line-height:20px}"],changeDetection:0});let t=o;return t})();var ts=t=>({componentConfigSignal:t}),$3=(t,o)=>({condition:t,data:o}),Q3=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-current-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function q3(t,o){if(t&1&&(m(0),v(1,"span",3),ie(2),u(),p()),t&2){let i=a(2).ngIf;c(2),ke(i.currentTimeDisplay)}}function J3(t,o){if(t&1&&(m(0),s(1,q3,3,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,Q3,e.template,C(1,ts,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function K3(t,o){if(t&1&&(m(0),s(1,J3,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,$3,i.conditionSignal(),C(1,ts,i.componentConfigSignal)))}}var Io=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-current-time",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerCurrentTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerCurrentTimeComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerCurrentTimeComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-current-time-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--time-current"]],template:function(n,r){n&1&&s(0,K3,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{width:35px}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--time-current[_ngcontent-%COMP%]{text-align:right}"],changeDetection:0});let t=o;return t})();var ns=t=>({componentConfigSignal:t}),t5=(t,o)=>({condition:t,data:o}),n5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-total-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function i5(t,o){if(t&1&&(m(0),v(1,"span",3),ie(2),u(),p()),t&2){let i=a(2).ngIf;c(2),ke(i.annotation==null||i.annotation.recordedTime==null?null:i.annotation.recordedTime.display)}}function o5(t,o){if(t&1&&(m(0),s(1,i5,3,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,n5,e.template,C(1,ns,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function r5(t,o){if(t&1&&(m(0),s(1,o5,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,t5,i.conditionSignal(),C(1,ns,i.componentConfigSignal)))}}var Po=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-total-time",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTotalTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTotalTimeComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTotalTimeComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-total-time-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--time-total"]],template:function(n,r){n&1&&s(0,r5,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--time[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:110%;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-xs)}.velt-video-editor-player--time-current[_ngcontent-%COMP%]{width:40px;text-align:right}.velt-video-editor-player--time-separator[_ngcontent-%COMP%], .velt-video-editor-player--time-total[_ngcontent-%COMP%]{color:var(--velt-text-8)}"],changeDetection:0});let t=o;return t})();var is=t=>({componentConfigSignal:t}),l5=(t,o)=>({condition:t,data:o}),c5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-time-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function s5(t,o){if(t&1&&(m(0),v(1,"div",3),S(2,"velt-video-editor-player-current-time-internal",4),v(3,"span",5),ie(4,"/"),u(),S(5,"velt-video-editor-player-total-time-internal",4),u(),p()),t&2){let i=a(3);c(2),l("componentConfigSignal",i.componentConfigSignal),c(3),l("componentConfigSignal",i.componentConfigSignal)}}function d5(t,o){if(t&1&&(m(0),s(1,s5,6,2,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,c5,e.template,C(1,is,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function m5(t,o){if(t&1&&(m(0),s(1,d5,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,l5,i.conditionSignal(),C(1,is,i.componentConfigSignal)))}}var Yr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-time",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimeComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimeComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-time-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--time"],[3,"componentConfigSignal"],[1,"velt-video-editor-player--time-separator"]],template:function(n,r){n&1&&s(0,m5,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,Io,Po],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--time[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:110%;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-xs)}.velt-video-editor-player--time-current[_ngcontent-%COMP%]{width:40px;text-align:right}.velt-video-editor-player--time-separator[_ngcontent-%COMP%], .velt-video-editor-player--time-total[_ngcontent-%COMP%]{color:var(--velt-text-8)}"],changeDetection:0});let t=o;return t})();var os=t=>({componentConfigSignal:t}),p5=(t,o)=>({condition:t,data:o}),g5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-title-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function v5(t,o){if(t&1&&(m(0),v(1,"div",3),ie(2),u(),p()),t&2){let i=a(2).ngIf;c(2),ge(" ",(i.annotation==null?null:i.annotation.displayName)||(i.annotation==null||i.annotation.attachments==null||i.annotation.attachments[0]==null?null:i.annotation.attachments[0].name)," ")}}function u5(t,o){if(t&1&&(m(0),s(1,v5,3,1,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,g5,e.template,C(1,os,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function f5(t,o){if(t&1&&(m(0),s(1,u5,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,p5,i.conditionSignal(),C(1,os,i.componentConfigSignal)))}}var Xr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-title",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTitleComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTitleComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTitleComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-title-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--header-title"]],template:function(n,r){n&1&&s(0,f5,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]{margin-right:auto}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--header-title[_ngcontent-%COMP%]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:110%;text-transform:uppercase}@media(max-width:768px){.velt-video-editor-player--header-title[_ngcontent-%COMP%]{position:relative;top:unset;left:unset;transform:unset;text-align:center}}"],changeDetection:0});let t=o;return t})();var rs=t=>({componentConfigSignal:t}),h5=(t,o)=>({condition:t,data:o}),C5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-control-panel-screen-wireframe",variant:i,setIfCondition:e,componentElementRef:n,replaceTemplate:!1});function _5(t,o){if(t&1&&(S(0,"video",5,0),z(2,"translate")),t&2){let i=a(3).ngIf,e=a();l("srcObject",i.screenStream)("volume",0),E("aria-label",j(2,5,"Screen recording preview"))("aria-hidden",!e.showScreen)("data-testid",e.componentId+"-screen")}}function y5(t,o){if(t&1&&(m(0),s(1,_5,3,7,"video",4),p()),t&2){let i=a(2).ngIf;c(),l("ngIf",i.screenStream&&!i.loading)}}function S5(t,o){if(t&1&&(m(0),s(1,y5,2,1,"ng-container",3),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,C5,e.template,C(1,rs,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function x5(t,o){if(t&1&&(m(0),s(1,S5,2,9,"ng-container",2),p()),t&2){let i=a();c(),l("veltIf",D(3,h5,i.conditionSignal(),C(1,rs,i.componentConfigSignal)))}}var $r=(()=>{let o=class o extends N{constructor(e,n,r){super(n,r,e),this.loggingService=e,this.elementRef=n,this.dynamicDataService=r,this.showScreen=!0,this.componentId="velt-recorder-control-panel-screen",this.veltScreenRecorderPanel=!0,super.initializeComponentConfigSignal(new _e)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecorderControlPanelScreenComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderControlPanelScreenComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecorderControlPanelScreenComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(y),d(T),d(f))},o.\u0275cmp=x({type:o,selectors:[["app-recorder-control-panel-screen"]],hostVars:1,hostBindings:function(n,r){n&2&&E("data-velt-screen-recorder-panel",r.veltScreenRecorderPanel)},inputs:{showScreen:"showScreen"},standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[["screenRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","class","velt-screen-preview","role","application","aria-live","polite",3,"srcObject","volume",4,"ngIf"],["autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","role","application","aria-live","polite",1,"velt-screen-preview",3,"srcObject","volume"]],template:function(n,r){n&1&&s(0,x5,2,6,"ng-container",1),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R,W],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}[_nghost-%COMP%]{display:block;width:100%;height:100%}[_nghost-%COMP%]:empty{display:none}.velt-screen-preview[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:contain;border-radius:var(--velt-border-radius-md);background-color:#000}"],changeDetection:0});let t=o;return t})();var as=t=>({componentConfigSignal:t}),b5=(t,o)=>({condition:t,data:o}),I5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-controls-delete-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function P5(t,o){t&1&&(m(0),K(),v(1,"svg",5),S(2,"path",6)(3,"path",7)(4,"path",8)(5,"path",9),u(),p())}function E5(t,o){if(t&1){let i=Z();v(0,"div",3),H("click",function(){O(i);let n=a(2).ngIf;return w(n.onDelete())}),s(1,P5,6,0,"ng-container",4),u()}if(t&2){let i=a(2).ngIf,e=a();c(),l("veltDynamicTemplate",L(3,I5,e.template,C(1,as,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function D5(t,o){if(t&1&&(m(0),s(1,E5,2,9,"div",2),p()),t&2){let i=a().ngIf;c(),l("ngIf",i.showDeleteButton)}}function T5(t,o){if(t&1&&(m(0),s(1,D5,2,1,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,b5,i.conditionSignal(),C(1,as,i.componentConfigSignal)))}}var Qr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-controls-delete-button";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedControlsDeleteButtonComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsDeleteButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedControlsDeleteButtonComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-controls-delete-button"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click",4,"ngIf"],[3,"click"],[4,"veltDynamicTemplate"],["width","20","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-video-player--delete-button"],["fill-rule","evenodd","clip-rule","evenodd","d","M4.28702 4.66602V12.2851C4.28702 13.1266 5.01189 13.8089 5.90606 13.8089H10.7632C11.6574 13.8089 12.3823 13.1266 12.3823 12.2851V4.66602H14.0013V12.2851C14.0013 13.9682 12.5516 15.3327 10.7632 15.3327H5.90606C4.11771 15.3327 2.66797 13.9682 2.66797 12.2851V4.66602H4.28702Z","fill","currentColor"],["d","M6.77778 6.66602C6.34822 6.66602 6 7.06398 6 7.5549V11.1105C6 11.6014 6.34822 11.9993 6.77778 11.9993C7.20733 11.9993 7.55556 11.6014 7.55556 11.1105V7.5549C7.55556 7.06398 7.20733 6.66602 6.77778 6.66602Z","fill","currentColor"],["d","M9.88889 6.66602C9.45933 6.66602 9.11111 7.06398 9.11111 7.5549V11.1105C9.11111 11.6014 9.45933 11.9993 9.88889 11.9993C10.3184 11.9993 10.6667 11.6014 10.6667 11.1105V7.5549C10.6667 7.06398 10.3184 6.66602 9.88889 6.66602Z","fill","currentColor"],["fill-rule","evenodd","clip-rule","evenodd","d","M5.16667 3.11111V2.33333C5.16667 1.04467 6.22999 0 7.54167 0H9.125C10.4367 0 11.5 1.04467 11.5 2.33333V3.11111H13.875C14.3122 3.11111 14.6667 3.45933 14.6667 3.88889C14.6667 4.31844 14.3122 4.66667 13.875 4.66667H2.79167C2.35444 4.66667 2 4.31844 2 3.88889C2 3.45933 2.35444 3.11111 2.79167 3.11111H5.16667ZM6.75 2.33333C6.75 1.90378 7.10444 1.55556 7.54167 1.55556H9.125C9.56223 1.55556 9.91667 1.90378 9.91667 2.33333V3.11111H6.75V2.33333Z","fill","currentColor"]],template:function(n,r){n&1&&s(0,T5,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}.velt-video-player--delete-button[_ngcontent-%COMP%]{color:var(--velt-error)}.velt-video-player--delete-button[_ngcontent-%COMP%]:hover{color:var(--velt-error-hover)}"],changeDetection:0});let t=o;return t})();var ls=t=>({componentConfigSignal:t}),O5=(t,o)=>({condition:t,data:o}),w5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-recorder-player-expanded-copy-link-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function k5(t,o){t&1&&(m(0),v(1,"div",4),K(),v(2,"svg",5),S(3,"path",6),u()(),p())}function R5(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.onCopyLink())}),s(2,k5,4,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(2),l("veltDynamicTemplate",L(3,w5,e.template,C(1,ls,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function M5(t,o){if(t&1&&(m(0),s(1,R5,3,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,O5,i.conditionSignal(),C(1,ls,i.componentConfigSignal)))}}var qr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-recorder-player-expanded-copy-link";try{super.initializeComponentConfigSignal(new fe)}catch(g){this.loggingService.catch("Error in RecorderPlayerExpandedCopyLinkComponent constructor: ",g)}}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedCopyLinkComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecorderPlayerExpandedCopyLinkComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-recorder-player-expanded-copy-link"]],standalone:!1,features:[k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-player--copy-link"],["width","25","height","25","viewBox","0 0 25 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10.4108 14.4988L15.2937 9.61592M12.0385 7.17474L12.4153 6.73854C13.1784 5.97545 14.2135 5.5468 15.2928 5.54688C16.372 5.54695 17.407 5.97575 18.1701 6.73895C18.9332 7.50214 19.3618 8.53721 19.3618 9.61646C19.3617 10.6957 18.9329 11.7307 18.1697 12.4938L17.7351 12.8714M13.6662 16.9402L13.3431 17.3748C12.571 18.1383 11.529 18.5665 10.4431 18.5665C9.35725 18.5665 8.3152 18.1383 7.54309 17.3748C7.16252 16.9985 6.86039 16.5504 6.65418 16.0565C6.44797 15.5626 6.3418 15.0328 6.3418 14.4976C6.3418 13.9623 6.44797 13.4325 6.65418 12.9386C6.86039 12.4447 7.16252 11.9966 7.54309 11.6203L7.96953 11.2435","stroke","currentColor","stroke-width","1.62762","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,M5,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}.velt-video-player--copy-link[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-3xl);padding:var(--velt-spacing-md);cursor:pointer;display:flex;border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-4)}"],changeDetection:0});let t=o;return t})();var cs=t=>({componentConfigSignal:t}),V5=(t,o)=>({condition:t,data:o}),A5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-timeline-marker-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function F5(t,o){if(t&1&&(v(0,"div",5)(1,"div",6),ie(2),u()()),t&2){let i=o.$implicit;Be("left",i.position,"%"),c(2),ke(i==null?null:i.label)}}function B5(t,o){if(t&1&&(m(0),v(1,"div",3),s(2,F5,3,3,"div",4),u(),p()),t&2){let i=a(2).ngIf;c(2),l("ngForOf",i.timeMarkers)("ngForTrackBy",i.trackByMarkerPosition)}}function L5(t,o){if(t&1&&(m(0),s(1,B5,3,2,"ng-container",2),p()),t&2){let i=a().ngIf,e=a();c(),l("veltDynamicTemplate",L(3,A5,e.template,C(1,cs,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function N5(t,o){if(t&1&&(m(0),s(1,L5,2,9,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,V5,i.conditionSignal(),C(1,cs,i.componentConfigSignal)))}}var Jr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-timeline-marker",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineMarkerComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineMarkerComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerTimelineMarkerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-timeline-marker-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player-timeline-marker-container"],["class","velt-video-editor-player-timeline-marker",3,"left",4,"ngFor","ngForOf","ngForTrackBy"],[1,"velt-video-editor-player-timeline-marker"],[1,"velt-video-editor-player-timeline-marker-time"]],template:function(n,r){n&1&&s(0,N5,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[Re,b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player-timeline-marker-container[_ngcontent-%COMP%]{height:24px;padding-block:var(--velt-spacing-lg);display:flex;align-items:center;justify-content:space-between}.velt-video-editor-player-timeline-marker-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-marker[_ngcontent-%COMP%]{height:100%;display:flex;flex-direction:column;align-items:center}.velt-video-editor-player-timeline-marker-container[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-marker[_ngcontent-%COMP%]   .velt-video-editor-player-timeline-marker-time[_ngcontent-%COMP%]{font-size:var(--velt-font-size-2xs);color:var(--velt-text-8);margin-top:var(--velt-spacing-2xs);font-weight:500}"],changeDetection:0});let t=o;return t})();var ss=t=>({componentConfigSignal:t}),z5=(t,o)=>({condition:t,data:o}),j5=(t,o,i,e,n)=>({template:t,context:o,componentName:"velt-video-editor-player-download-button-wireframe",variant:i,setIfCondition:e,componentElementRef:n});function H5(t,o){t&1&&(m(0),v(1,"div",4),K(),v(2,"svg",5),S(3,"path",6),u()(),p())}function Z5(t,o){if(t&1){let i=Z();m(0),v(1,"div",2),H("click",function(){O(i);let n=a().ngIf;return w(n.downloadLatestEditedVideo())}),s(2,H5,4,0,"ng-container",3),u(),p()}if(t&2){let i=a().ngIf,e=a();c(),te("velt-video-editor-player--download-disabled-control",i.isDownloading),c(),l("veltDynamicTemplate",L(5,j5,e.template,C(3,ss,e.componentConfigSignal),i==null?null:i.variant,e.setIfCondition.bind(e),e.elementRef))}}function U5(t,o){if(t&1&&(m(0),s(1,Z5,3,11,"ng-container",1),p()),t&2){let i=a();c(),l("veltIf",D(3,z5,i.conditionSignal(),C(1,ss,i.componentConfigSignal)))}}var Kr=(()=>{let o=class o extends N{constructor(e,n,r){super(e,n,r),this.elementRef=e,this.dynamicDataService=n,this.loggingService=r,this.componentId="velt-video-editor-player-download-button",super.initializeComponentConfigSignal(new me)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerDownloadButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoEditorPlayerDownloadButtonComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in VideoEditorPlayerDownloadButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(n){return new(n||o)(d(T),d(f),d(y))},o.\u0275cmp=x({type:o,selectors:[["velt-video-editor-player-download-button-internal"]],standalone:!1,features:[F([f]),k],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-editor-player-download-button",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-editor-player--download-button-text"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4 17V19C4 19.5304 4.21071 20.0391 4.58579 20.4142C4.96086 20.7893 5.46957 21 6 21H18C18.5304 21 19.0391 20.7893 19.4142 20.4142C19.7893 20.0391 20 19.5304 20 19V17M7 11L12 16M12 16L17 11M12 16V4","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"]],template:function(n,r){n&1&&s(0,U5,2,6,"ng-container",0),n&2&&l("ngIf",r.componentConfigSignal())},dependencies:[b,P,R],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}[_nghost-%COMP%]:empty{display:none}.velt-video-editor-player--download-button-text[_ngcontent-%COMP%]{color:var(--velt-text-0);padding-inline:var(--velt-spacing-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-sm)}.velt-video-editor-player--download-disabled-control[_ngcontent-%COMP%]{pointer-events:none;cursor:not-allowed}.velt-video-editor-player--download-disabled-control[_ngcontent-%COMP%]   .velt-video-editor-player--download-button-text[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0});let t=o;return t})();var ds=(()=>{let o=class o{};o.\u0275fac=function(n){return new(n||o)},o.\u0275mod=ca({type:o}),o.\u0275inj=na({imports:[ga,Sa,xa,Ca,va,Da,Ia,Uo,Ha]});let t=o;return t})();dr(Wo,[b,P,R,ir],[W]);dr(Yo,[b,P,R,yt],[]);var G5={"velt-recorder-all-tool-wireframe":qn,"velt-recorder-all-tool-menu-wireframe":Qn,"velt-recorder-all-tool-menu-audio-wireframe":Yn,"velt-recorder-all-tool-menu-video-wireframe":Xn,"velt-recorder-all-tool-menu-screen-wireframe":$n,"velt-recorder-audio-tool-wireframe":Un,"velt-recorder-screen-tool-wireframe":Wn,"velt-recorder-video-tool-wireframe":Gn,"velt-recording-preview-steps-dialog-audio-wireframe":Vr,"velt-recording-preview-steps-dialog-video-wireframe":Mr,"velt-recording-preview-steps-dialog-close-button-wireframe":gr,"velt-recording-preview-steps-dialog-timer-wireframe":_r,"velt-recording-preview-steps-dialog-timer-cancel-wireframe":hr,"velt-recording-preview-steps-dialog-timer-countdown-wireframe":Cr,"velt-recording-preview-steps-dialog-button-panel-wireframe":vr,"velt-recording-preview-steps-dialog-start-recording-wireframe":yr,"velt-recording-preview-steps-dialog-camera-button-wireframe":Er,"velt-recording-preview-steps-dialog-camera-button-on-wireframe":Ir,"velt-recording-preview-steps-dialog-camera-button-off-wireframe":Pr,"velt-recording-preview-steps-dialog-mic-button-wireframe":br,"velt-recording-preview-steps-dialog-mic-button-on-wireframe":xr,"velt-recording-preview-steps-dialog-mic-button-off-wireframe":Sr,"velt-recording-preview-steps-dialog-settings-wireframe":Dr,"velt-recording-preview-steps-dialog-camera-off-message-wireframe":fr,"velt-recording-preview-steps-dialog-video-player-wireframe":ur,"velt-recording-preview-steps-dialog-screen-player-wireframe":Rr,"velt-recording-preview-steps-dialog-bottom-panel-wireframe":kr,"velt-recording-preview-steps-dialog-bottom-panel-icon-wireframe":wr,"velt-recording-preview-steps-dialog-bottom-panel-countdown-wireframe":Or,"velt-recording-preview-steps-dialog-bottom-panel-close-wireframe":Tr,"velt-recording-preview-steps-dialog-settings-panel-wireframe":Wo,"velt-recording-preview-steps-dialog-waveform-wireframe":Yo,"velt-media-source-settings-wireframe":ir,"velt-media-source-settings-video-wireframe":bo,"velt-media-source-settings-audio-wireframe":xo,"velt-media-source-settings-toggle-icon-wireframe":qt,"velt-media-source-settings-toggle-icon-open-wireframe":Co,"velt-media-source-settings-toggle-icon-close-wireframe":_o,"velt-media-source-settings-selected-label-wireframe":Qt,"velt-media-source-settings-options-wireframe":Jt,"velt-media-source-settings-options-item-icon-wireframe":yo,"velt-media-source-settings-options-item-label-wireframe":So,"velt-media-source-settings-divider-wireframe":Kt,"velt-recorder-control-panel-thread-mode-wireframe":mo,"velt-recorder-control-panel-video-wireframe":It,"velt-recorder-control-panel-loading-wireframe":Wt,"velt-recorder-control-panel-action-bar-wireframe":Yt,"velt-recorder-control-panel-action-bar-type-icon-wireframe":to,"velt-recorder-control-panel-action-bar-time-wireframe":no,"velt-recorder-control-panel-action-bar-waveform-wireframe":so,"velt-recorder-control-panel-action-bar-toggle-wireframe":ro,"velt-recorder-control-panel-action-bar-toggle-play-wireframe":io,"velt-recorder-control-panel-action-bar-toggle-pause-wireframe":oo,"velt-recorder-control-panel-action-bar-stop-wireframe":ao,"velt-recorder-control-panel-action-bar-clear-wireframe":lo,"velt-recorder-control-panel-action-bar-pip-wireframe":co,"velt-recorder-control-panel-floating-mode-wireframe":ho,"velt-recorder-control-panel-floating-mode-container-wireframe":fo,"velt-recorder-control-panel-floating-mode-waveform-wireframe":Xt,"velt-recorder-control-panel-collapsed-button-wireframe":uo,"velt-recorder-control-panel-collapsed-button-on-wireframe":go,"velt-recorder-control-panel-collapsed-button-off-wireframe":vo,"velt-recorder-control-panel-paused-wireframe":po,"velt-recorder-control-panel-screen-mini-container-wireframe":$t,"velt-recorder-control-panel-screen-wireframe":$r,"velt-recorder-player-video-container-wireframe":Di,"velt-recorder-player-video-wireframe":Jn,"velt-recorder-player-timeline-wireframe":ei,"velt-recorder-player-play-button-wireframe":Mt,"velt-recorder-player-edit-button-wireframe":Ei,"velt-recorder-player-timeline-seek-bar-wireframe":Kn,"velt-recorder-player-full-screen-button-wireframe":ti,"velt-recorder-player-overlay-wireframe":ni,"velt-recorder-player-time-wireframe":Vt,"velt-recorder-player-name-wireframe":At,"velt-recorder-player-subtitles-wireframe":Bt,"velt-recorder-player-subtitles-button-wireframe":Zt,"velt-recorder-player-transcription-wireframe":zt,"velt-recorder-player-copy-link-wireframe":jt,"velt-recorder-player-delete-wireframe":Ht,"velt-recorder-player-avatar-wireframe":Ut,"velt-recorder-player-audio-container-wireframe":Mi,"velt-recorder-player-audio-waveform-wireframe":Ri,"velt-recorder-player-audio-toggle-wireframe":ki,"velt-recorder-player-audio-toggle-play-wireframe":Oi,"velt-recorder-player-audio-toggle-pause-wireframe":wi,"velt-recorder-player-audio-wireframe":Ti,"velt-recorder-player-expanded-wireframe":eo,"velt-recorder-player-expanded-controls-delete-button-wireframe":Qr,"velt-recorder-player-expanded-controls-progress-bar-wireframe":Vi,"velt-recorder-player-expanded-controls-settings-button-wireframe":Ai,"velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe":Fi,"velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe":Bi,"velt-recorder-player-expanded-controls-subtitle-button-wireframe":Li,"velt-recorder-player-expanded-controls-current-time-wireframe":Ni,"velt-recorder-player-expanded-controls-total-time-wireframe":zi,"velt-recorder-player-expanded-controls-time-wireframe":ji,"velt-recorder-player-expanded-controls-toggle-pause-wireframe":Hi,"velt-recorder-player-expanded-controls-toggle-play-wireframe":Zi,"velt-recorder-player-expanded-controls-toggle-button-wireframe":Ui,"velt-recorder-player-expanded-controls-transcription-icon-wireframe":Gi,"velt-recorder-player-expanded-controls-transcription-tooltip-wireframe":Wi,"velt-recorder-player-expanded-controls-transcription-button-wireframe":Yi,"velt-recorder-player-expanded-controls-volume-button-wireframe":Xi,"velt-recorder-player-expanded-controls-wireframe":$i,"velt-recorder-player-expanded-copy-link-wireframe":qr,"velt-recorder-player-expanded-display-wireframe":Qi,"velt-recorder-player-expanded-minimize-button-wireframe":Gt,"velt-recorder-player-expanded-panel-wireframe":Ji,"velt-recorder-player-expanded-subtitles-wireframe":qi,"velt-recorder-player-expanded-transcription-wireframe":Ki,"velt-video-editor-player-wireframe":Rt,"velt-video-editor-player-title-wireframe":Xr,"velt-video-editor-player-apply-button-wireframe":pn,"velt-video-editor-player-apply-button-loading-wireframe":Gr,"velt-video-editor-player-close-button-wireframe":gn,"velt-video-editor-player-preview-wireframe":hn,"velt-video-editor-player-preview-loading-wireframe":vn,"velt-video-editor-player-preview-video-wireframe":fn,"velt-video-editor-player-toggle-button-wireframe":jn,"velt-video-editor-player-time-wireframe":Yr,"velt-video-editor-player-current-time-wireframe":Io,"velt-video-editor-player-total-time-wireframe":Po,"velt-video-editor-player-split-button-wireframe":Tn,"velt-video-editor-player-delete-button-wireframe":Wr,"velt-video-editor-player-timeline-wireframe":zn,"velt-video-editor-player-zoom-button-wireframe":In,"velt-video-editor-player-zoom-button-trigger-wireframe":xn,"velt-video-editor-player-zoom-button-options-wireframe":Sn,"velt-video-editor-player-zoom-button-options-list-wireframe":yn,"velt-video-editor-player-zoom-button-options-list-item-wireframe":_n,"velt-video-editor-player-zoom-button-options-input-wireframe":Cn,"velt-video-editor-player-timeline-marker-wireframe":Jr,"velt-video-editor-player-timeline-scale-wireframe":Pn,"velt-video-editor-player-timeline-trim-wireframe":En,"velt-video-editor-player-timeline-container-wireframe":Mn,"velt-video-editor-player-timeline-playhead-wireframe":kn,"velt-video-editor-player-timeline-playhead-line-wireframe":Dn,"velt-video-editor-player-timeline-playhead-actions-wireframe":wn,"velt-video-editor-player-timeline-onboarding-wireframe":Nn,"velt-video-editor-player-timeline-onboarding-content-wireframe":Vn,"velt-video-editor-player-timeline-onboarding-text-wireframe":Bn,"velt-video-editor-player-timeline-onboarding-text-title-wireframe":An,"velt-video-editor-player-timeline-onboarding-text-description-wireframe":Fn,"velt-video-editor-player-timeline-onboarding-arrow-wireframe":Ln,"velt-video-editor-player-download-button-wireframe":Kr,"velt-video-editor-player-add-zoom-button-wireframe":On,"velt-video-editor-player-timeline-backspace-hint-wireframe":Rn,"velt-video-editor-player-retake-button-wireframe":Hn,"velt-subtitles-embed-mode-wireframe":ii,"velt-subtitles-floating-mode-wireframe":ci,"velt-subtitles-button-wireframe":ri,"velt-subtitles-close-button-wireframe":ai,"velt-subtitles-panel-wireframe":li,"velt-subtitles-text-wireframe":Ft,"velt-subtitles-tooltip-wireframe":oi,"velt-transcription-embed-mode-wireframe":Si,"velt-transcription-floating-mode-wireframe":Pi,"velt-transcription-tooltip-wireframe":xi,"velt-transcription-button-wireframe":bi,"velt-transcription-panel-wireframe":Nt,"velt-transcription-panel-container-wireframe":Ii,"velt-transcription-close-button-wireframe":fi,"velt-transcription-copy-link-wireframe":ui,"velt-transcription-copy-link-tooltip-wireframe":vi,"velt-transcription-copy-link-button-wireframe":gi,"velt-transcription-content-wireframe":yi,"velt-transcription-content-item-wireframe":_i,"velt-transcription-content-item-text-wireframe":Ci,"velt-transcription-content-item-time-wireframe":hi,"velt-transcription-summary-wireframe":Lt,"velt-transcription-summary-text-wireframe":si,"velt-transcription-summary-expand-toggle-wireframe":pi,"velt-transcription-summary-expand-toggle-on-wireframe":di,"velt-transcription-summary-expand-toggle-off-wireframe":mi};Object.assign(za,G5);function W5(t){let o=t.get(y);o.log("%c[WB] Loading recorder feature chunk","color: blue;");let i=t.get(an),e=t.get(ye),n=t.get(Oe),r=t.get(ht),g=t.get(Ga),I=t.get(qo);i.set(Ma,e),i.set(Va,n),i.set(jo,r),i.set(Aa,g),i.set(Ho,I);try{i.observe(Fa).pipe(Et(Boolean),en(1)).subscribe(M=>{n.setCommentService(M)})}catch(M){o.catch("Error re-binding CommentService on recorder chunk load: ",M)}let A=la(ds,t).injector;return Ye(A,Q.TAGS.VELT_RECORDER_TOOL,Qo),Ye(A,Q.TAGS.SNIPPYLY_RECORDER_TOOL,Qo),Ye(A,Q.TAGS.VELT_RECORDER_NOTES,Jo),Ye(A,Q.TAGS.SNIPPYLY_RECORDER_NOTES,Jo),Ye(A,Q.TAGS.VELT_RECORDER_CONTROL_PANEL,er),Ye(A,Q.TAGS.SNIPPYLY_RECORDER_CONTROL_PANEL,er),Ye(A,Q.TAGS.VELT_RECORDER_PLAYER,tr),Ye(A,Q.TAGS.SNIPPYLY_RECORDER_PLAYER,tr),Ye(A,Q.TAGS.VELT_VIDEO_EDITOR,Br),Ye(A,Q.TAGS.VELT_RECORDER_PLAYER_EMBED,St),Ye(A,Q.TAGS.SNIPPYLY_RECORDER_PLAYER_EMBED,St),Ye(A,Q.TAGS.VELT_RECORDER_CONTROL_PANEL_EMBED,sn),Ye(A,Q.TAGS.SNIPPYLY_RECORDER_CONTROL_PANEL_EMBED,sn),Ye(A,"velt-transcription-embed",wt),Ye(A,"snippyly-transcription-embed",wt),Ye(A,"velt-subtitles-embed",bt),Ye(A,"snippyly-subtitles-embed",bt),new nr(t)}function Ye(t,o,i){if(customElements.get(o))return;let e=_a(i,{injector:t});customElements.define(o,e)}export{W5 as default};