@veltdev/sdk-staging 6.0.8 → 6.0.9-beta.1

package/{chunk-3T53AUKI.js → chunk-CFLYO4ZJ.js}

@@ -1,4 +1,4 @@
-import{a as rt}from"./chunk-7AHH7XWM.js";import{b as pi}from"./chunk-H3AESJRG.js";import{a as Ve}from"./chunk-O64Y7CY5.js";import{x as di}from"./chunk-S7J3GTUB.js";import{a as gi}from"./chunk-TVHRQJC4.js";import{B as L,C as z}from"./chunk-MVFPB6P2.js";import{a as nt,b as si}from"./chunk-GDYKECHB.js";import{b as oe}from"./chunk-KPCULYW2.js";import{a as li}from"./chunk-3QB54TU3.js";import{W as jt,X as Nt,Y as Fe,ca as ci,da as C,fa as V}from"./chunk-UQI5JFMO.js";import{$ as we,Ab as Tt,Ai as et,Bb as Ot,Bf as Ne,Ch as Qe,Dh as It,Di as tt,E as xe,Ed as $t,Ee as K,Eg as Kt,Ei as $e,Fa as s,Fg as Jt,Fi as it,G as Le,Gc as N,Gi as oi,Hc as Mt,Ib as Pe,Ic as Ft,J as ke,Kb as he,Ke as Te,Ki as Rt,L as ht,Lc as Ke,Mf as zt,Nb as Ce,Ob as kt,Od as Vt,Pa as S,Pb as be,Ph as Yt,Pi as ai,Qh as ei,Sh as ti,T as de,Ua as k,Uc as Bt,Uf as Wt,W as ze,Y as ft,Ya as B,Yd as Je,Yf as Ht,_a as u,_b as $,a as y,ac as Me,ah as Zt,b as U,bc as P,bg as Gt,ca as j,cc as D,da as At,db as w,eh as Qt,fc as M,g as A,gf as Ut,gg as Ze,ha as q,hf as St,ia as Y,ii as Be,ja as le,jf as Lt,ji as Xe,k as je,kc as Q,ke as _e,ki as E,l as J,lb as l,lc as X,li as ii,mb as b,nb as R,ob as T,oe as Ae,oi as ni,pc as Ge,pi as ri,qa as We,qg as Ct,qh as Xt,r as Z,rh as Ue,sb as h,sh as wt,si as qe,tb as f,ti as Ye,ua as Ee,ub as He,ui as Dt,v as ne,vb as ge,vg as _t,w as ut,wa as O,wg as yt,xb as pe,yh as qt,zb as g,zh as bt,zi as Ie}from"./chunk-4EV2AXDK.js";var F=class{constructor(){this.closeDialog=()=>{},this.startCountdown=()=>{},this.toggleAudio=()=>{},this.toggleVideo=()=>{},this.toggleSettings=()=>{},this.cancelCountdown=()=>{},this.updateMediaConfig=()=>{},this.handleOverlayClick=()=>{},this.countdownStarted=!1,this.isSettingsOpen=!1,this.mediaConfig={audio:{enabled:!1},video:{enabled:!1}},this.mediaState={audio:{enabled:!1},video:{enabled:!1}},this.type="video",this.darkMode=!1,this.shadowDom=!0,this.isExplicitShadowDom=!1}};var mi=i=>({componentConfigSignal:i}),nn=(i,o)=>({condition:i,data:o}),rn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-close-button-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function on(i,o){if(i&1&&(h(0),b(1,"div",4),le(),b(2,"svg",5),T(3,"path",6),R()(),f()),i&2){let n=g(3);s(),w("data-testid",n.componentId+"-icon-container"),s(),w("data-testid",n.componentId+"-icon")}}function an(i,o){if(i&1){let n=ge();h(0),b(1,"div",2),Q(2,"translate"),pe("click",function(){q(n);let t=g().ngIf;return Y(t.closeDialog())})("keydown.enter",function(){q(n);let t=g().ngIf;return Y(t.closeDialog())})("keydown.space",function(){q(n);let t=g().ngIf;return Y(t.closeDialog())}),u(3,on,4,2,"ng-container",3),R(),f()}if(i&2){let n=g(2);s(),w("data-testid",n.componentId)("aria-label",X(2,3,"Close recording preview")),s(2),l("veltDynamicTemplate",M(7,rn,n.template,P(5,mi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function cn(i,o){if(i&1&&(h(0),u(1,an,4,13,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,nn,n.conditionSignal(),P(1,mi,n.componentConfigSignal)))}}var ot=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-close-button",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCloseButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close recording preview"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCloseButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-close-button"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--icon-button"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true",1,"velt-cursor-pointer"],["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","#fff"]],template:function(t,r){t&1&&u(0,cn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview--icon-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-3xl);cursor:pointer;border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);transition:all .2s ease}.velt-recording-preview--icon-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--velt-text-4)}.velt-recording-preview--icon-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-4);background:var(--velt-background-2)}"],changeDetection:0});let i=o;return i})();var sn=["*"],dn=i=>({componentConfigSignal:i}),ln=(i,o)=>({condition:i,data:o}),gn=(i,o)=>({componentConfigSignal:i,variant:o}),pn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-button-panel-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function mn(i,o){i&1&&(h(0),Ot(1),f())}function vn(i,o){if(i&1&&(b(0,"div",3),Q(1,"translate"),u(2,mn,2,0,"ng-container",4),R()),i&2){let n=g(3);w("data-testid",n.componentId)("aria-label",X(1,4,"Recording control buttons"))("aria-orientation","horizontal"),s(2),l("veltDynamicTemplate",M(9,pn,n.template,D(6,gn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function un(i,o){if(i&1&&(h(0),u(1,vn,3,15,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",!n.countdownStarted)}}function hn(i,o){if(i&1&&(h(0),u(1,un,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,ln,n.conditionSignal(),P(1,dn,n.componentConfigSignal)))}}var at=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-button-panel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","toolbar"),e.setAttribute("aria-label","Recording controls")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-button-panel"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],ngContentSelectors:sn,decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recording-preview-button-panel","role","toolbar",4,"ngIf"],["role","toolbar",1,"velt-recording-preview-button-panel"],[4,"veltDynamicTemplate"]],template:function(t,r){t&1&&(Tt(),u(0,hn,2,6,"ng-container",0)),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview-button-panel[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm);margin-bottom:var(--velt-spacing-lg)}"],changeDetection:0});let i=o;return i})();var fn=i=>({componentConfigSignal:i}),Sn=(i,o)=>({condition:i,data:o}),Cn=(i,o)=>({componentConfigSignal:i,variant:o}),_n=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-video-player-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function yn(i,o){if(i&1&&(h(0),T(1,"video",3),f()),i&2){let n=g(2).ngIf,e=g();s(),l("srcObject",n.mediaStream)("volume",0),w("data-testid",e.componentId)}}function wn(i,o){if(i&1&&(h(0),u(1,yn,2,3,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,_n,n.template,D(1,Cn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function bn(i,o){if(i&1&&(h(0),u(1,wn,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Sn,n.conditionSignal(),P(1,fn,n.componentConfigSignal)))}}var hi=(()=>{let o=class o extends V{get isScreenStreamAvailable(){return!!this.componentConfigSignal()?.mediaConfig?.screen?.stream}constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-video-player",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-video-player"]],hostVars:2,hostBindings:function(t,r){t&2&&he("velt-recording-preview-steps-dialog-screen-available",r.isScreenStreamAvailable)},inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["id","player","autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","role","application","aria-live","polite",1,"flip","velt-recording-preview-video--player",3,"srcObject","volume"]],template:function(t,r){t&1&&u(0,bn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],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%;position:relative}.velt-recording-preview-steps-dialog-screen-available[_nghost-%COMP%]{position:absolute;bottom:20px;left:20px}.velt-recording-preview-steps-dialog-screen-available[_nghost-%COMP%]   video[_ngcontent-%COMP%]{width:150px;height:150px;object-fit:cover;border-radius:var(--velt-border-radius-full)}video[_ngcontent-%COMP%]{width:100%;z-index:9999}.velt-recording-preview-video--player[_ngcontent-%COMP%]{object-fit:cover}"],changeDetection:0});let i=o;return i})();var Dn=i=>({componentConfigSignal:i}),Rn=(i,o)=>({condition:i,data:o}),xn=(i,o)=>({componentConfigSignal:i,variant:o}),En=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-off-message-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Pn(i,o){if(i&1&&(h(0),b(1,"h1",5),Q(2,"translate"),Ce(3),Q(4,"translate"),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-text")("aria-label",X(2,3,"Camera is off")),s(2),kt(X(4,5,"Camera is off"))}}function An(i,o){if(i&1&&(b(0,"div",3),u(1,Pn,5,7,"ng-container",4),R()),i&2){let n=g(3);w("data-testid",n.componentId),s(),l("veltDynamicTemplate",M(5,En,n.template,D(2,xn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Tn(i,o){if(i&1&&(h(0),u(1,An,2,11,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",!n.countdownStarted&&(!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)||!n.mediaState.video.enabled))}}function On(i,o){if(i&1&&(h(0),u(1,Tn,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Rn,n.conditionSignal(),P(1,Dn,n.componentConfigSignal)))}}var fi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-off-message",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","alert"),e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-camera-off-message"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","alert","aria-live","polite","aria-atomic","true",4,"ngIf"],["role","alert","aria-live","polite","aria-atomic","true"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-camera-off-message"]],template:function(t,r){t&1&&u(0,On,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview-camera-off-message[_ngcontent-%COMP%]{font-size:var(--velt-font-size-lg);color:var(--velt-text-0);margin:0}"],changeDetection:0});let i=o;return i})();var Si=i=>({componentConfigSignal:i}),Mn=(i,o)=>({condition:i,data:o}),Fn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-timer-cancel-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Bn(i,o){if(i&1&&(h(0),b(1,"div",4),Ce(2),Q(3,"translate"),R(),f()),i&2){let n=g(3);s(),w("data-testid",n.componentId+"-label"),s(),be(" ",X(3,2,"Cancel")," ")}}function $n(i,o){if(i&1){let n=ge();h(0),b(1,"div",2),pe("click",function(){q(n);let t=g().ngIf;return Y(t.cancelCountdown())})("keydown.enter",function(){q(n);let t=g().ngIf;return Y(t.cancelCountdown())})("keydown.space",function(){q(n);let t=g().ngIf;return Y(t.cancelCountdown())}),u(2,Bn,4,4,"ng-container",3),R(),f()}if(i&2){let n=g(2);s(),w("data-testid",n.componentId+"-button"),s(),l("veltDynamicTemplate",M(4,Fn,n.template,P(2,Si,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Vn(i,o){if(i&1&&(h(0),u(1,$n,3,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Mn,n.conditionSignal(),P(1,Si,n.componentConfigSignal)))}}var Ci=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer-cancel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording countdown cancel controls")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-timer-cancel"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",1,"velt-recording-preview-timer--cancel-button",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-timer--cancel-button"]],template:function(t,r){t&1&&u(0,Vn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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:15%}.velt-recording-preview-timer--cancel-button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-sm);font-weight:500;font-size:var(--velt-font-size-md);line-height:24px;color:var(--velt-error);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer}.velt-recording-preview-timer--cancel-button[_ngcontent-%COMP%]:hover{color:var(--velt-error-hover)}"],changeDetection:0});let i=o;return i})();var _i=i=>({componentConfigSignal:i}),Nn=(i,o)=>({condition:i,data:o}),Un=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-timer-countdown-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Ln(i,o){if(i&1&&(b(0,"h1",4),Ce(1),R()),i&2){let n=g(3).ngIf,e=g();w("data-testid",e.componentId+"-value"),s(),be(" ",n.countdown)}}function zn(i,o){if(i&1&&(h(0),u(1,Ln,2,2,"h1",3),f()),i&2){let n=g(2).ngIf;s(),l("ngIf",n.countdown)}}function Wn(i,o){if(i&1&&(h(0),u(1,zn,2,1,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(3,Un,n.template,P(1,_i,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Hn(i,o){if(i&1&&(h(0),u(1,Wn,2,9,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Nn,n.conditionSignal(),P(1,_i,n.componentConfigSignal)))}}var yi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer-countdown",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","timer"),e.setAttribute("aria-label","Recording countdown timer"),e.setAttribute("aria-live","assertive")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-timer-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-recording-preview-timer--countdown","role","timer","aria-live","assertive",4,"ngIf"],["role","timer","aria-live","assertive",1,"velt-recording-preview-timer--countdown"]],template:function(t,r){t&1&&u(0,Hn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],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}.velt-recording-preview-timer--countdown[_ngcontent-%COMP%]{font-size:120px;line-height:120px;font-weight:600;color:var(--velt-text-5);margin:0}"],changeDetection:0});let i=o;return i})();var wi=i=>({componentConfigSignal:i}),Kn=(i,o)=>({condition:i,data:o}),Jn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-timer-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Zn(i,o){if(i&1&&(h(0),b(1,"div",3),T(2,"app-recording-preview-steps-dialog-timer-countdown",4)(3,"app-recording-preview-steps-dialog-timer-cancel",4),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function Qn(i,o){if(i&1&&(h(0),u(1,Zn,4,7,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,Jn,n.template,P(1,wi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Xn(i,o){if(i&1&&(h(0),u(1,Qn,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.countdownStarted)}}function qn(i,o){if(i&1&&(h(0),u(1,Xn,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Kn,n.conditionSignal(),P(1,wi,n.componentConfigSignal)))}}var ct=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording countdown section")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-timer"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region","aria-live","polite",1,"velt-recording-preview-dialog-timer"],[3,"componentConfigSignal","template","variant"]],template:function(t,r){t&1&&u(0,qn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,Ci,yi],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-recording-preview-dialog-timer[_ngcontent-%COMP%]{position:relative;width:332px;height:332px;display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-lg);border-radius:100%;flex-direction:column;border:2px solid var(--velt-border-transparent);background:var(--velt-background-transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}"],changeDetection:0});let i=o;return i})();var Ii=i=>({componentConfigSignal:i}),Yn=(i,o)=>({condition:i,data:o}),er=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-start-recording-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function tr(i,o){if(i&1&&(h(0),b(1,"div",4),Ce(2),Q(3,"translate"),R(),f()),i&2){let n=g(3);s(),w("data-testid",n.componentId+"-label"),s(),be(" ",X(3,2,"Start Recording"))}}function ir(i,o){if(i&1){let n=ge();h(0),b(1,"div",2),pe("click",function(){q(n);let t=g().ngIf;return Y(t.startCountdown())}),u(2,tr,4,4,"ng-container",3),R(),f()}if(i&2){let n=g().ngIf,e=g();s(),he("disabled",n.type==="video"&&(!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)||!n.mediaState.video.enabled)||n.type==="audio"&&(!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)||!n.mediaState.audio.enabled)),w("data-testid",e.componentId+"-button"),s(),l("veltDynamicTemplate",M(6,er,e.template,P(4,Ii,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function nr(i,o){if(i&1&&(h(0),u(1,ir,3,12,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Yn,n.conditionSignal(),P(1,Ii,n.componentConfigSignal)))}}var st=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-start-recording",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Start recording")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-start-recording"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-start-button"]],template:function(t,r){t&1&&u(0,nr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview-start-button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-sm);padding:var(--velt-spacing-lg) var(--velt-spacing-2xl);font-size:var(--velt-font-size-sm);font-weight:600;transition:all .2s ease;cursor:pointer;width:fit-content;border-radius:var(--velt-border-radius-full);background:var(--velt-accent);color:var(--velt-accent-foreground)}.velt-recording-preview-start-button[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.disabled[_ngcontent-%COMP%]{opacity:.5;pointer-events:none}"],changeDetection:0});let i=o;return i})();var Ri=i=>({componentConfigSignal:i}),rr=(i,o)=>({condition:i,data:o}),or=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-off-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function ar(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4)(3,"path",5),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function cr(i,o){if(i&1&&(h(0),u(1,ar,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,or,n.template,P(1,Ri,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function sr(i,o){if(i&1&&(h(0),u(1,cr,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled))}}function dr(i,o){if(i&1&&(h(0),u(1,sr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,rr,n.conditionSignal(),P(1,Ri,n.componentConfigSignal)))}}var xi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-mic-button-off",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Microphone off"),e.setAttribute("aria-pressed","true"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M11.5013 8.1665C11.5013 7.50346 11.7647 6.86758 12.2335 6.39874C12.7024 5.9299 13.3383 5.6665 14.0013 5.6665C14.6643 5.6665 15.3002 5.9299 15.7691 6.39874C16.2379 6.86758 16.5013 7.50346 16.5013 8.1665V12.3332C16.5013 12.58 16.4648 12.8254 16.393 13.0615M14.7263 14.7282C14.3527 14.8414 13.9578 14.8655 13.5732 14.7987C13.1885 14.7318 12.8249 14.5758 12.5114 14.3432C12.198 14.1105 11.9433 13.8077 11.7679 13.459C11.5925 13.1102 11.5012 12.7252 11.5013 12.3348V11.5015M8.16797 12.3332C8.16779 13.386 8.45252 14.4192 8.99198 15.3232C9.53144 16.2273 10.3055 16.9685 11.2321 17.4683C12.1587 17.9681 13.2033 18.2078 14.2551 18.162C15.3069 18.1162 16.3267 17.7866 17.2063 17.2082M18.873 15.5415C19.5012 14.5896 19.835 13.4737 19.833 12.3332M10.668 21.4998H17.3346M14.0013 18.1665V21.4998","stroke","currentColor","stroke-opacity","0.52","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.5 6.5L21.5 21.5","stroke","#FF7162","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,dr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var Ei=i=>({componentConfigSignal:i}),gr=(i,o)=>({condition:i,data:o}),pr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-on-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function mr(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function vr(i,o){if(i&1&&(h(0),u(1,mr,3,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,pr,n.template,P(1,Ei,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function ur(i,o){if(i&1&&(h(0),u(1,vr,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.mediaConfig.audio==null?null:n.mediaConfig.audio.enabled)}}function hr(i,o){if(i&1&&(h(0),u(1,ur,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,gr,n.conditionSignal(),P(1,Ei,n.componentConfigSignal)))}}var Pi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-mic-button-on",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Microphone on"),e.setAttribute("aria-pressed","false"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M8.16699 12.3332C8.16699 13.8803 8.78157 15.364 9.87554 16.458C10.9695 17.5519 12.4532 18.1665 14.0003 18.1665M14.0003 18.1665C15.5474 18.1665 17.0312 17.5519 18.1251 16.458C19.2191 15.364 19.8337 13.8803 19.8337 12.3332M14.0003 18.1665V21.4998M10.667 21.4998H17.3337M11.5003 8.1665C11.5003 7.50346 11.7637 6.86758 12.2326 6.39874C12.7014 5.9299 13.3373 5.6665 14.0003 5.6665C14.6634 5.6665 15.2993 5.9299 15.7681 6.39874C16.2369 6.86758 16.5003 7.50346 16.5003 8.1665V12.3332C16.5003 12.9962 16.2369 13.6321 15.7681 14.1009C15.2993 14.5698 14.6634 14.8332 14.0003 14.8332C13.3373 14.8332 12.7014 14.5698 12.2326 14.1009C11.7637 13.6321 11.5003 12.9962 11.5003 12.3332V8.1665Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,hr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var Sr=i=>({componentConfigSignal:i}),Cr=(i,o)=>({condition:i,data:o}),_r=(i,o)=>({componentConfigSignal:i,variant:o}),yr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function wr(i,o){if(i&1&&(h(0),b(1,"div",5),T(2,"velt-recording-preview-steps-dialog-mic-button-on-internal",6)(3,"velt-recording-preview-steps-dialog-mic-button-off-internal",6),R(),f()),i&2){let n=g(2).ngIf,e=g();s(),he("velt-recording-preview--icon-button-off",!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)),w("data-testid",e.componentId+"-icon-container"),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function br(i,o){if(i&1){let n=ge();h(0),b(1,"app-device-permission-button",2)(2,"div",3),Q(3,"translate"),Q(4,"translate"),Q(5,"translate"),pe("click",function(){q(n);let t=g().ngIf;return Y(t.toggleAudio())})("keydown.enter",function(){q(n);let t=g().ngIf;return Y(t.toggleAudio())})("keydown.space",function(){q(n);let t=g().ngIf;return Y(t.toggleAudio())}),u(6,wr,4,9,"ng-container",4),R()(),f()}if(i&2){let n=g().ngIf,e=g();s(),l("darkMode",!!n.darkMode),w("data-testid",e.componentId+"-permission-button"),s(),w("data-testid",e.componentId+"-toggle")("aria-label",X(3,6,"Toggle microphone")+" "+(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled?X(4,8,"off"):X(5,10,"on")))("aria-pressed",!!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)),s(4),l("veltDynamicTemplate",M(15,yr,e.template,D(12,_r,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Ir(i,o){if(i&1&&(h(0),u(1,br,7,21,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Cr,n.conditionSignal(),P(1,Sr,n.componentConfigSignal)))}}var dt=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,t),this.devicePermissionService=e,this.loggingService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-mic-button",super.initializeComponentConfigSignal(new F)}ngOnChanges(e){try{if(e.componentConfigSignal){let t=this.componentConfigSignal();!t?.mediaState?.audio?.enabled&&t.type==="audio"&&this.devicePermissionService.openDevicePermissionDeniedDialog("audio",{darkMode:!1})}}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent ngOnChanges:",t)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),!this.componentConfigSignal()?.mediaState?.audio?.enabled&&this.componentConfigSignal().type==="audio"&&this.devicePermissionService.openDevicePermissionDeniedDialog("audio",{darkMode:!1})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","group"),e.setAttribute("aria-label","Microphone control buttons")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(Ve),S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B,Ee],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","audio",3,"darkMode"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--icon-button"],[3,"componentConfigSignal","template","variant"]],template:function(t,r){t&1&&u(0,Ir,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,xi,Pi,oe],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-recording-preview--icon-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-3xl);cursor:pointer;border:1.5px solid var(--velt-border-2);background:var(--velt-background-0);color:var(--velt-text-2);transition:all .2s ease}.velt-recording-preview--icon-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-3)}"],changeDetection:0});let i=o;return i})();var Dr=i=>({componentConfigSignal:i}),Rr=(i,o)=>({condition:i,data:o}),xr=(i,o)=>({componentConfigSignal:i,variant:o}),Er=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-on-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Pr(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4)(3,"path",5),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function Ar(i,o){if(i&1&&(h(0),u(1,Pr,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(4,Er,n.template,D(1,xr,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Tr(i,o){if(i&1&&(h(0),u(1,Ar,2,10,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.mediaConfig.video==null?null:n.mediaConfig.video.enabled)}}function Or(i,o){if(i&1&&(h(0),u(1,Tr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Rr,n.conditionSignal(),P(1,Dr,n.componentConfigSignal)))}}var Oi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-button-on",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Camera on"),e.setAttribute("aria-pressed","false"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M16.5 12.3334L20.2942 10.4368C20.4212 10.3733 20.5623 10.3433 20.7042 10.3497C20.846 10.3561 20.9839 10.3986 21.1047 10.4733C21.2255 10.5479 21.3252 10.6522 21.3944 10.7762C21.4636 10.9002 21.4999 11.0398 21.5 11.1818V16.8184C21.4999 16.9604 21.4636 17.1 21.3944 17.224C21.3252 17.348 21.2255 17.4523 21.1047 17.5269C20.9839 17.6016 20.846 17.6441 20.7042 17.6505C20.5623 17.6569 20.4212 17.6269 20.2942 17.5634L16.5 15.6668V12.3334Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.5 10.6667C6.5 10.2246 6.67559 9.80072 6.98816 9.48816C7.30072 9.17559 7.72464 9 8.16667 9H14.8333C15.2754 9 15.6993 9.17559 16.0118 9.48816C16.3244 9.80072 16.5 10.2246 16.5 10.6667V17.3333C16.5 17.7754 16.3244 18.1993 16.0118 18.5118C15.6993 18.8244 15.2754 19 14.8333 19H8.16667C7.72464 19 7.30072 18.8244 6.98816 18.5118C6.67559 18.1993 6.5 17.7754 6.5 17.3333V10.6667Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,Or,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var Mr=i=>({componentConfigSignal:i}),Fr=(i,o)=>({condition:i,data:o}),Br=(i,o)=>({componentConfigSignal:i,variant:o}),$r=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-off-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Vr(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4)(3,"path",5),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function jr(i,o){if(i&1&&(h(0),u(1,Vr,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(4,$r,n.template,D(1,Br,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Nr(i,o){if(i&1&&(h(0),u(1,jr,2,10,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled))}}function Ur(i,o){if(i&1&&(h(0),u(1,Nr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Fr,n.conditionSignal(),P(1,Mr,n.componentConfigSignal)))}}var ki=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-button-off",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Camera off"),e.setAttribute("aria-pressed","true"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M20.9375 17.6068C21.1017 17.5503 21.2442 17.444 21.345 17.3027C21.4459 17.1614 21.5 16.9921 21.5 16.8184V11.1818C21.4999 11.0398 21.4636 10.9002 21.3944 10.7762C21.3252 10.6522 21.2255 10.5479 21.1047 10.4733C20.9839 10.3986 20.846 10.3561 20.7042 10.3497C20.5623 10.3433 20.4212 10.3733 20.2942 10.4368L16.5 12.3334V13.1668V10.6667C16.5 10.2246 16.3244 9.80072 16.0118 9.48816C15.6993 9.17559 15.2754 9 14.8333 9H12.3333M16.5 16.5V17.3333C16.5 17.7754 16.3244 18.1993 16.0118 18.5118C15.6993 18.8244 15.2754 19 14.8333 19H8.16667C7.72464 19 7.30072 18.8244 6.98816 18.5118C6.67559 18.1993 6.5 17.7754 6.5 17.3333V10.6667C6.5 10.2246 6.67559 9.80072 6.98816 9.48816C7.30072 9.17559 7.72464 9 8.16667 9H9","stroke","currentColor","stroke-opacity","0.52","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.5 6.5L21.5 21.5","stroke","#FF7162","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,Ur,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var zr=i=>({componentConfigSignal:i}),Wr=(i,o)=>({condition:i,data:o}),Hr=(i,o)=>({componentConfigSignal:i,variant:o}),Gr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Kr(i,o){if(i&1&&(h(0),b(1,"div",6),T(2,"velt-recording-preview-steps-dialog-camera-button-on-internal",7)(3,"velt-recording-preview-steps-dialog-camera-button-off-internal",7),R(),f()),i&2){let n=g(3).ngIf,e=g();s(),he("velt-recording-preview--icon-button-off",!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)),w("data-testid",e.componentId+"-icon-container"),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function Jr(i,o){if(i&1){let n=ge();b(0,"app-device-permission-button",3)(1,"div",4),Q(2,"translate"),Q(3,"translate"),Q(4,"translate"),pe("click",function(){q(n);let t=g(2).ngIf;return Y(t.toggleVideo())}),u(5,Kr,4,9,"ng-container",5),R()()}if(i&2){let n=g(2).ngIf,e=g();l("darkMode",!!n.darkMode),w("data-testid",e.componentId+"-permission-button"),s(),w("data-testid",e.componentId+"-toggle")("aria-label",X(2,6,"Toggle camera")+" "+(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled?X(3,8,"off"):X(4,10,"on")))("aria-pressed",!!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)),s(4),l("veltDynamicTemplate",M(15,Gr,e.template,D(12,Hr,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Zr(i,o){if(i&1&&(h(0),u(1,Jr,6,21,"app-device-permission-button",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.type==="screen")}}function Qr(i,o){if(i&1&&(h(0),u(1,Zr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Wr,n.conditionSignal(),P(1,zr,n.componentConfigSignal)))}}var Mi=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,t),this.devicePermissionService=e,this.loggingService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-camera-button",super.initializeComponentConfigSignal(new F)}ngOnChanges(e){try{if(e.componentConfigSignal){let t=this.componentConfigSignal();!t?.mediaState?.video?.enabled&&t.type==="video"&&this.devicePermissionService.openDevicePermissionDeniedDialog("video",{darkMode:!1})}}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent ngOnChanges:",t)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),!this.componentConfigSignal()?.mediaState?.video?.enabled&&this.componentConfigSignal().type==="video"&&this.devicePermissionService.openDevicePermissionDeniedDialog("video",{darkMode:!1})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","group"),e.setAttribute("aria-label","Camera control buttons")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(Ve),S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B,Ee],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","video",3,"darkMode",4,"ngIf"],["type","video",3,"darkMode"],["role","button","tabindex","0",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--icon-button"],[3,"componentConfigSignal","template","variant"]],template:function(t,r){t&1&&u(0,Qr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,Oi,ki,oe],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-recording-preview--icon-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-3xl);cursor:pointer;border:1.5px solid var(--velt-border-2);background:var(--velt-background-0);color:var(--velt-text-2);transition:all .2s ease}.velt-recording-preview--icon-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-3)}"],changeDetection:0});let i=o;return i})();var Fi=i=>({componentConfigSignal:i}),qr=(i,o)=>({condition:i,data:o}),Yr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-settings-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function eo(i,o){if(i&1&&(h(0),b(1,"div",5),le(),b(2,"svg",6),T(3,"path",7)(4,"path",8),R()(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon-container"),s(),w("data-testid",n.componentId+"-icon")}}function to(i,o){if(i&1){let n=ge();b(0,"div",3),Q(1,"translate"),Q(2,"translate"),Q(3,"translate"),pe("click",function(t){q(n);let r=g(2).ngIf;return Y(r.toggleSettings(t))})("keydown.enter",function(t){q(n);let r=g(2).ngIf;return Y(r.toggleSettings(t))})("keydown.space",function(t){q(n);let r=g(2).ngIf;return Y(r.toggleSettings(t))}),u(4,eo,5,2,"ng-container",4),R()}if(i&2){let n=g(2).ngIf,e=g();he("velt-recording-preview--settings-button-open",n.isSettingsOpen),w("data-testid",e.componentId+"-button")("aria-label",(n.isSettingsOpen?X(1,7,"Close"):X(2,9,"Open"))+" "+X(3,11,"recording settings"))("aria-expanded",n.isSettingsOpen)("aria-controls",e.componentId+"-panel"),s(4),l("veltDynamicTemplate",M(15,Yr,e.template,P(13,Fi,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function io(i,o){if(i&1&&(h(0),u(1,to,5,21,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",!n.countdownStarted)}}function no(i,o){if(i&1&&(h(0),u(1,io,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,qr,n.conditionSignal(),P(1,Fi,n.componentConfigSignal)))}}var lt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-settings",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording preview settings")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-settings"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"velt-recording-preview--settings-button-open","click","keydown.enter","keydown.space",4,"ngIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--settings-button"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M10.325 4.317C10.751 2.561 13.249 2.561 13.675 4.317C13.7389 4.5808 13.8642 4.82578 14.0407 5.032C14.2172 5.23822 14.4399 5.39985 14.6907 5.50375C14.9414 5.60764 15.2132 5.65085 15.4838 5.62987C15.7544 5.60889 16.0162 5.5243 16.248 5.383C17.791 4.443 19.558 6.209 18.618 7.753C18.4769 7.98466 18.3924 8.24634 18.3715 8.51677C18.3506 8.78721 18.3938 9.05877 18.4975 9.30938C18.6013 9.55999 18.7627 9.78258 18.9687 9.95905C19.1747 10.1355 19.4194 10.2609 19.683 10.325C21.439 10.751 21.439 13.249 19.683 13.675C19.4192 13.7389 19.1742 13.8642 18.968 14.0407C18.7618 14.2172 18.6001 14.4399 18.4963 14.6907C18.3924 14.9414 18.3491 15.2132 18.3701 15.4838C18.3911 15.7544 18.4757 16.0162 18.617 16.248C19.557 17.791 17.791 19.558 16.247 18.618C16.0153 18.4769 15.7537 18.3924 15.4832 18.3715C15.2128 18.3506 14.9412 18.3938 14.6906 18.4975C14.44 18.6013 14.2174 18.7627 14.0409 18.9687C13.8645 19.1747 13.7391 19.4194 13.675 19.683C13.249 21.439 10.751 21.439 10.325 19.683C10.2611 19.4192 10.1358 19.1742 9.95929 18.968C9.7828 18.7618 9.56011 18.6001 9.30935 18.4963C9.05859 18.3924 8.78683 18.3491 8.51621 18.3701C8.24559 18.3911 7.98375 18.4757 7.752 18.617C6.209 19.557 4.442 17.791 5.382 16.247C5.5231 16.0153 5.60755 15.7537 5.62848 15.4832C5.64942 15.2128 5.60624 14.9412 5.50247 14.6906C5.3987 14.44 5.23726 14.2174 5.03127 14.0409C4.82529 13.8645 4.58056 13.7391 4.317 13.675C2.561 13.249 2.561 10.751 4.317 10.325C4.5808 10.2611 4.82578 10.1358 5.032 9.95929C5.23822 9.7828 5.39985 9.56011 5.50375 9.30935C5.60764 9.05859 5.65085 8.78683 5.62987 8.51621C5.60889 8.24559 5.5243 7.98375 5.383 7.752C4.443 6.209 6.209 4.442 7.753 5.382C8.753 5.99 10.049 5.452 10.325 4.317Z","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["d","M9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12Z","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,no,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview--settings-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-full);cursor:pointer;border:1.5px solid var(--velt-border-2);background:var(--velt-background-0);color:var(--velt-text-2);transition:all .2s ease}.velt-recording-preview--settings-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-3)}.velt-recording-preview--settings-button-open[_ngcontent-%COMP%]{background:var(--velt-background-0);border-radius:var(--velt-border-radius-full)}.velt-recording-preview--settings-button-open[_ngcontent-%COMP%]   .velt-recording-preview--settings-button[_ngcontent-%COMP%]{color:var(--velt-accent);border:1.5px solid var(--velt-accent-transparent);background:var(--velt-accent-transparent)}"],changeDetection:0});let i=o;return i})();var ro=i=>({componentConfigSignal:i}),oo=(i,o)=>({condition:i,data:o}),ao=(i,o)=>({componentConfigSignal:i,variant:o}),co=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-close-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function so(i,o){if(i&1&&(h(0),b(1,"div",5),le(),b(2,"svg",6),T(3,"path",7),R()(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function lo(i,o){if(i&1){let n=ge();b(0,"div",3),Q(1,"translate"),pe("click",function(){q(n);let t=g(2).ngIf;return Y(t.closeDialog())}),u(2,so,4,1,"ng-container",4),R()}if(i&2){let n=g(3);w("data-testid",n.componentId)("aria-label",X(1,3,"Cancel recording")),s(2),l("veltDynamicTemplate",M(8,co,n.template,D(5,ao,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function go(i,o){if(i&1&&(h(0),u(1,lo,3,14,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.countdownStarted)}}function po(i,o){if(i&1&&(h(0),u(1,go,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,oo,n.conditionSignal(),P(1,ro,n.componentConfigSignal)))}}var $i=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-close",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close recording preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-close"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recording-preview--bottom-panel-close","role","button","tabindex","0",3,"click",4,"ngIf"],["role","button","tabindex","0",1,"velt-recording-preview--bottom-panel-close",3,"click"],[4,"veltDynamicTemplate"],["aria-hidden","true",1,"velt-recording-preview--close"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","role","img","aria-hidden","true"],["d","M12 3.99805L4 11.998M4 3.99805L12 11.998","stroke","currentColor","stroke-width","1.33333","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,po,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],styles:[".velt-recording-preview--close[_ngcontent-%COMP%]{padding:var(--velt-spacing-sm);cursor:pointer;display:flex;color:var(--velt-text-12);transition:all .2s ease}.velt-recording-preview--close[_ngcontent-%COMP%]:hover{color:var(--velt-text-10)}"],changeDetection:0});let i=o;return i})();var vo=i=>({componentConfigSignal:i}),uo=(i,o)=>({condition:i,data:o}),ho=(i,o)=>({componentConfigSignal:i,variant:o}),fo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-countdown-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function So(i,o){if(i&1&&(b(0,"div",4),Ce(1),R()),i&2){let n=g(3).ngIf,e=g();w("data-testid",e.componentId)("aria-label","Recording starts in "+n.countdown+" seconds"),s(),be(" ",n.countdown," ")}}function Co(i,o){if(i&1&&(h(0),u(1,So,2,3,"div",3),f()),i&2){let n=g(2).ngIf;s(),l("ngIf",n.countdownStarted)}}function _o(i,o){if(i&1&&(h(0),u(1,Co,2,1,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,fo,n.template,D(1,ho,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function yo(i,o){if(i&1&&(h(0),u(1,_o,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,uo,n.conditionSignal(),P(1,vo,n.componentConfigSignal)))}}var Vi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-countdown",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-recording-preview--countdown","role","timer","aria-live","polite",4,"ngIf"],["role","timer","aria-live","polite",1,"velt-recording-preview--countdown"]],template:function(t,r){t&1&&u(0,yo,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:[".velt-recording-preview--countdown[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;font-size:var(--velt-font-size-sm);font-weight:500;color:var(--velt-text-4)}"],changeDetection:0});let i=o;return i})();var bo=i=>({componentConfigSignal:i}),Io=(i,o)=>({condition:i,data:o}),xt=(i,o)=>({componentConfigSignal:i,variant:o}),Et=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-icon-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Do(i,o){if(i&1&&(h(0),b(1,"div",5),le(),b(2,"svg",6),T(3,"path",7)(4,"path",8),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-video")}}function Ro(i,o){if(i&1&&(h(0),u(1,Do,5,1,"ng-container",4),f()),i&2){let n=g(4);s(),l("veltDynamicTemplate",M(4,Et,n.template,D(1,xt,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function xo(i,o){if(i&1&&(h(0),b(1,"div",9),le(),b(2,"svg",6),T(3,"path",10),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-screen")}}function Eo(i,o){if(i&1&&(h(0),u(1,xo,4,1,"ng-container",4),f()),i&2){let n=g(4);s(),l("veltDynamicTemplate",M(4,Et,n.template,D(1,xt,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Po(i,o){if(i&1&&(h(0),b(1,"div",11),le(),b(2,"svg",6),T(3,"path",12),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-audio")}}function Ao(i,o){if(i&1&&(h(0),u(1,Po,4,1,"ng-container",4),f()),i&2){let n=g(4);s(),l("veltDynamicTemplate",M(4,Et,n.template,D(1,xt,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function To(i,o){if(i&1&&(h(0)(1,2),b(2,"div"),u(3,Ro,2,10,"ng-container",3)(4,Eo,2,10,"ng-container",3)(5,Ao,2,10,"ng-container",3),R(),f()()),i&2){let n=g(2).ngIf,e=g();s(),l("ngSwitch",n.type),s(),he("velt-recording-preview--recording-started",n.countdownStarted),w("data-testid",e.componentId),s(),l("ngSwitchCase","video"),s(),l("ngSwitchCase","screen"),s(),l("ngSwitchCase","audio")}}function Oo(i,o){if(i&1&&(h(0),u(1,To,6,7,"ng-container",0),f()),i&2){let n=g().ngIf,e=g();s(),l("ngIf",!e.type||e.type===n.type)}}function ko(i,o){if(i&1&&(h(0),u(1,Oo,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Io,n.conditionSignal(),P(1,bo,n.componentConfigSignal)))}}var ji=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-icon",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label",`${this.type||""} recording icon`)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-icon"]],inputs:{type:"type",variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"ngSwitch"],[4,"ngSwitchCase"],[4,"veltDynamicTemplate"],["role","img","aria-label","Video recording icon | translate",1,"velt-recording-preview--bottom-panel-icon"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M14.6657 10.2226L18.7128 8.19949C18.8483 8.13179 18.9988 8.09983 19.1501 8.10664C19.3014 8.11346 19.4485 8.15882 19.5773 8.23843C19.7062 8.31803 19.8126 8.42924 19.8864 8.56151C19.9602 8.69377 19.9989 8.8427 19.999 8.99415V15.0066C19.9989 15.1581 19.9602 15.307 19.8864 15.4392C19.8126 15.5715 19.7062 15.6827 19.5773 15.7623C19.4485 15.8419 19.3014 15.8873 19.1501 15.8941C18.9988 15.9009 18.8483 15.869 18.7128 15.8013L14.6657 13.7782V10.2226Z","stroke","white","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["d","M3.99902 8.44428C3.99902 7.97279 4.18632 7.5206 4.51972 7.1872C4.85312 6.8538 5.30531 6.6665 5.7768 6.6665H12.8879C13.3594 6.6665 13.8116 6.8538 14.145 7.1872C14.4784 7.5206 14.6657 7.97279 14.6657 8.44428V15.5554C14.6657 16.0269 14.4784 16.4791 14.145 16.8125C13.8116 17.1459 13.3594 17.3332 12.8879 17.3332H5.7768C5.30531 17.3332 4.85312 17.1459 4.51972 16.8125C4.18632 16.4791 3.99902 16.0269 3.99902 15.5554V8.44428Z","stroke","white","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["role","img","aria-label","Screen recording icon | translate",1,"velt-recording-preview--bottom-panel-icon"],["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"],["role","img","aria-label","Audio recording icon | translate",1,"velt-recording-preview--bottom-panel-icon"],["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(t,r){t&1&&u(0,ko,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,Mt,Ft,L,z],styles:[".velt-recording-preview--bottom-panel-icon[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);background:var(--velt-accent);border-radius:var(--velt-border-radius-full);display:flex;margin-right:var(--velt-spacing-md);color:var(--velt-accent-foreground)}.velt-recording-preview--recording-started[_ngcontent-%COMP%]   .velt-recording-preview--bottom-panel-icon[_ngcontent-%COMP%]{padding:var(--velt-spacing-sm)}"],changeDetection:0});let i=o;return i})();var Fo=i=>({componentConfigSignal:i}),Bo=(i,o)=>({condition:i,data:o}),$o=(i,o)=>({componentConfigSignal:i,variant:o}),Vo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function jo(i,o){if(i&1&&(b(0,"div",6),Ce(1),Q(2,"translate"),T(3,"app-recording-preview-steps-dialog-bottom-panel-countdown",4),R()),i&2){let n=g(4);w("data-testid",n.componentId+"-countdown"),s(),be(" ",X(2,5,"Starting recording in")," "),s(2),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function No(i,o){if(i&1&&(h(0),b(1,"div",3),Q(2,"translate"),T(3,"app-recording-preview-steps-dialog-bottom-panel-icon",4),u(4,jo,4,7,"div",5),T(5,"app-recording-preview-steps-dialog-bottom-panel-close",4),R(),f()),i&2){let n=g(2).ngIf,e=g();s(),he("velt-recording-preview--recording-started",n.countdownStarted),w("data-testid",e.componentId)("aria-label",X(2,11,"Recording preview bottom panel")),s(2),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),s(),l("ngIf",n.countdownStarted),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function Uo(i,o){if(i&1&&(h(0),u(1,No,6,13,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,Vo,n.template,D(1,$o,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Lo(i,o){if(i&1&&(h(0),u(1,Uo,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Bo,n.conditionSignal(),P(1,Fo,n.componentConfigSignal)))}}var gt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording controls bottom panel")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region",1,"velt-recording-preview--bottom-panel"],[3,"componentConfigSignal","template","variant"],["class","velt-recording-preview--countdown","role","status","aria-live","polite",4,"ngIf"],["role","status","aria-live","polite",1,"velt-recording-preview--countdown"]],template:function(t,r){t&1&&u(0,Lo,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,$i,Vi,ji,oe],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:fixed;bottom:5%}.velt-recording-preview--bottom-panel[_ngcontent-%COMP%]{opacity:0;animation:_ngcontent-%COMP%_showAfterDelay .4s forwards}@keyframes _ngcontent-%COMP%_showAfterDelay{0%{opacity:0}99%{opacity:0}to{opacity:1}}.velt-recording-preview--recording-started[_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);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)}.velt-recording-preview--countdown[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;font-size:var(--velt-font-size-sm);font-weight:500;color:var(--velt-text-4);gap:var(--velt-spacing-xs)}"],changeDetection:0});let i=o;return i})();var Ui=i=>({componentConfigSignal:i}),zo=(i,o)=>({condition:i,data:o}),Wo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-settings-panel-wireframe",variant:n,setIfCondition:e,componentElementRef:t,replaceTemplate:!1}),Ho=()=>["video","screen"];function Go(i,o){if(i&1&&(h(0),T(1,"velt-media-source-settings-internal",3),Q(2,"translate"),f()),i&2){let n=g(2).ngIf;s(),l("showMicSettings",!0)("shadowDom",n.shadowDom)("showCamSettings",Me(8,Ho).includes(n.type))("isOpen",n.isSettingsOpen)("config",n),w("aria-label",X(2,6,"Media source settings"))}}function Ko(i,o){if(i&1&&(h(0),u(1,Go,3,9,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(3,Wo,n.template,P(1,Ui,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Jo(i,o){if(i&1&&(h(0),u(1,Ko,2,9,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,zo,n.conditionSignal(),P(1,Ui,n.componentConfigSignal)))}}var pt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-settings-panel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Recording settings panel"),e.setAttribute("aria-modal","true"),e.setAttribute("tabindex","-1"),this.componentConfigSignal().isSettingsOpen?e.setAttribute("aria-hidden","false"):e.setAttribute("aria-hidden","true")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-settings-panel-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","group",3,"showMicSettings","shadowDom","showCamSettings","isOpen","config"]],template:function(t,r){t&1&&u(0,Jo,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let i=o;return i})();var Zo=i=>({componentConfigSignal:i}),Qo=(i,o)=>({condition:i,data:o}),Xo=(i,o)=>({componentConfigSignal:i,variant:o}),qo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-waveform-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Yo(i,o){if(i&1&&(h(0),T(1,"app-audio-waveform",3),f()),i&2){let n=g(2).ngIf,e=g();s(),l("variant",n.type==="audio"?"preview":"preview-mini")("previewStream",e.streamSignal())("muteMic",!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)),w("data-testid",e.componentId)}}function ea(i,o){if(i&1&&(h(0),u(1,Yo,2,4,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,qo,n.template,D(1,Xo,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function ta(i,o){if(i&1&&(h(0),u(1,ea,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Qo,n.conditionSignal(),P(1,Zo,n.componentConfigSignal)))}}var mt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.streamSignal=We(null),this.componentId="velt-recording-preview-steps-dialog-waveform",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),this.setupAudioElements()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogWaveformComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.cleanupAudio()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogWaveformComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label","Audio waveform visualization"),e.setAttribute("aria-live","polite")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogWaveformComponent setupA11yAttributes:",e)}}setupAudioElements(){return A(this,null,function*(){try{this.audioContext=new AudioContext,this.streamSignal.set(yield navigator.mediaDevices.getUserMedia({audio:!0}))}catch(e){this.loggingService.catch("Error accessing the microphone",e)}})}cleanupAudio(){try{this.audioContext&&(this.audioContext.close(),this.audioContext=null);let e=this.streamSignal();e&&(e.getTracks().forEach(t=>t.stop()),this.streamSignal.set(null))}catch(e){this.loggingService.catch("Error cleaning up audio resources:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-waveform"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","img","aria-live","polite",3,"variant","previewStream","muteMic"]],template:function(t,r){t&1&&u(0,ta,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let i=o;return i})();var ia=i=>({componentConfigSignal:i}),na=(i,o)=>({condition:i,data:o}),ra=(i,o)=>({componentConfigSignal:i,variant:o}),oa=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-screen-player-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function aa(i,o){if(i&1&&(h(0),T(1,"video",3),f()),i&2){let n=g(2).ngIf,e=g();s(),l("srcObject",n.mediaConfig==null||n.mediaConfig.screen==null?null:n.mediaConfig.screen.stream)("volume",0),w("data-testid",e.componentId)}}function ca(i,o){if(i&1&&(h(0),u(1,aa,2,3,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,oa,n.template,D(1,ra,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function sa(i,o){if(i&1&&(h(0),u(1,ca,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,na,n.conditionSignal(),P(1,ia,n.componentConfigSignal)))}}var Wi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-screen-player",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogScreenPlayerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogScreenPlayerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogScreenPlayerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-screen-player"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["id","screen-player","autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","role","application","aria-live","polite",1,"velt-recording-preview-screen--player",3,"srcObject","volume"]],template:function(t,r){t&1&&u(0,sa,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],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}video[_ngcontent-%COMP%]{width:100%;height:100%;z-index:9999}.velt-recording-preview-screen--player[_ngcontent-%COMP%]{object-fit:cover}"],changeDetection:0});let i=o;return i})();var ga=i=>({componentConfigSignal:i}),pa=(i,o)=>({condition:i,data:o}),ma=()=>["video","screen"],va=(i,o)=>({componentConfigSignal:i,variant:o}),ua=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-video-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function ha(i,o){i&1&&He(0)}function fa(i,o){if(i&1&&(b(0,"velt-shadow-dom-internal"),u(1,ha,1,0,"ng-container",5),R()),i&2){g();let n=Pe(3);s(),l("ngTemplateOutlet",n)}}function Sa(i,o){if(i&1&&(h(0),T(1,"app-recording-preview-steps-dialog-video-player",9)(2,"app-recording-preview-steps-dialog-screen-player",9),b(3,"div",10)(4,"div",11),T(5,"app-recording-preview-steps-dialog-waveform",9)(6,"app-recording-preview-steps-dialog-close-button",12),R(),T(7,"app-recording-preview-steps-dialog-timer",12)(8,"app-recording-preview-steps-dialog-camera-off-message",12),b(9,"div",13),T(10,"velt-recording-preview-steps-dialog-settings-panel-internal",9),b(11,"app-recording-preview-steps-dialog-button-panel",12),T(12,"app-recording-preview-steps-dialog-start-recording",12)(13,"velt-recording-preview-steps-dialog-mic-button-internal",12)(14,"velt-recording-preview-steps-dialog-camera-button-internal",12)(15,"app-recording-preview-steps-dialog-settings",12),R(),T(16,"app-recording-preview-steps-dialog-bottom-panel",12),R()(),f()),i&2){let n=g(5);s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal),s(),w("data-testid",n.componentId+"-overlay"),s(),w("data-testid",n.componentId+"-header"),s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),w("data-testid",n.componentId+"-settings"),s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function Ca(i,o){if(i&1){let n=ge();b(0,"div",7,1),pe("pointerdown",function(t){return q(n),Y(t.stopPropagation())})("pointerup",function(t){return q(n),Y(t.stopPropagation())})("click",function(t){q(n);let r=g(3).ngIf;return Y(r.handleOverlayClick(t))}),u(2,Sa,17,34,"ng-container",8),R()}if(i&2){let n=g(4);w("data-testid",n.componentId),s(2),l("veltDynamicTemplate",M(5,ua,n.template,D(2,va,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function _a(i,o){if(i&1&&u(0,Ca,3,11,"div",6),i&2){let n=g(2).ngIf;l("ngIf",Me(1,ma).includes(n.type))}}function ya(i,o){if(i&1&&(h(0),u(1,fa,2,1,"velt-shadow-dom-internal",4)(2,_a,1,2,"ng-template",null,0,Ge),f()),i&2){let n=Pe(3),e=g().ngIf,t=g();s(),l("ngIf",e.shadowDom&&!t.template||t.template&&e.isExplicitShadowDom)("ngIfElse",n)}}function wa(i,o){if(i&1&&(h(0),u(1,ya,4,2,"ng-container",3),f()),i&2){let n=g();s(),l("veltIf",D(3,pa,n.conditionSignal(),P(1,ga,n.componentConfigSignal)))}}var Hi=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-video",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-recording-preview-steps-dialog-video-wireframe";super.ngOnInit(),this.setupA11yAttributes(),this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let r=document.createElement(t.tagName);r.innerHTML=t.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent OnInit: ",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(r=>(r=U(y({},r),{[t]:e[t].currentValue}),r))})}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent ngOnChanges: ",t)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview area")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(nt),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-video"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B,Ee],decls:1,vars:1,consts:[["videoDialogRef",""],["recordingPreviewDialogRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["role","dialog","class","velt-recording-preview-video",3,"pointerdown","pointerup","click",4,"ngIf"],["role","dialog",1,"velt-recording-preview-video",3,"pointerdown","pointerup","click"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal"],["role","region","aria-label","Video controls overlay",1,"velt-recording-preview-video--overlay"],["role","region","aria-label","Video header controls",1,"velt-recording-preview-video--header"],[3,"componentConfigSignal","template","variant"],["role","region","aria-label","Recording settings and controls",1,"velt-recording-preview-video--settings"]],template:function(t,r){t&1&&u(0,wa,2,6,"ng-container",2),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,Ke,L,z,ot,at,hi,fi,ct,st,dt,Mi,lt,gt,pt,mt,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}[_nghost-%COMP%]{width:100%;height:100%}.velt-recording-preview-video[_ngcontent-%COMP%], .velt-recording-preview-video--header[_ngcontent-%COMP%]{display:flex}.velt-recording-preview-video[_ngcontent-%COMP%]{position:relative;background:var(--velt-background-0);flex-direction:column;align-items:center;overflow:hidden;border-radius:var(--velt-border-radius-lg);width:calc((50rem + 0px) * var(--velt-base-rem-unit));height:calc((30rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}@media screen and (max-width:768px){.velt-recording-preview-video[_ngcontent-%COMP%]{width:calc((35rem + 0px) * var(--velt-base-rem-unit));height:calc((25rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}}@media screen and (max-width:425px){  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog{width:calc(1 * var(--legacy-velt-viewport-width));max-width:calc(1 * var(--legacy-velt-viewport-width))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-video{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));max-width:calc(1 * var(--legacy-velt-viewport-width));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-video video{height:100%}}.velt-recording-preview-video--overlay[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--velt-spacing-2xl);content:"";position:absolute;border-radius:var(--velt-border-radius-lg);z-index:1;inset:0}.velt-recording-preview-video--header[_ngcontent-%COMP%]{justify-content:space-between;width:100%;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));align-items:flex-start}.velt-recording-preview-video--settings[_ngcontent-%COMP%]{width:366px;display:flex;flex-direction:column;gap:var(--velt-spacing-lg);align-items:center;justify-content:center;position:relative}'],changeDetection:0});let i=o;return i})();var Ia=i=>({componentConfigSignal:i}),Da=(i,o)=>({condition:i,data:o}),Ra=(i,o)=>({componentConfigSignal:i,variant:o}),xa=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-audio-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Ea(i,o){i&1&&He(0)}function Pa(i,o){if(i&1&&(b(0,"velt-shadow-dom-internal"),u(1,Ea,1,0,"ng-container",5),R()),i&2){g();let n=Pe(3);s(),l("ngTemplateOutlet",n)}}function Aa(i,o){if(i&1&&(h(0),b(1,"div",9)(2,"div",10),T(3,"app-recording-preview-steps-dialog-close-button",11),R(),T(4,"app-recording-preview-steps-dialog-timer",11)(5,"app-recording-preview-steps-dialog-waveform",12),b(6,"div",13),T(7,"velt-recording-preview-steps-dialog-settings-panel-internal",12),b(8,"app-recording-preview-steps-dialog-button-panel",11),T(9,"app-recording-preview-steps-dialog-start-recording",11)(10,"velt-recording-preview-steps-dialog-mic-button-internal",11)(11,"app-recording-preview-steps-dialog-settings",11),R(),T(12,"app-recording-preview-steps-dialog-bottom-panel",11),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-overlay"),s(),w("data-testid",n.componentId+"-header"),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal),s(),w("data-testid",n.componentId+"-settings")("role","group")("aria-label","Recording settings"),s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function Ta(i,o){if(i&1){let n=ge();b(0,"div",7,1),Q(2,"translate"),pe("pointerdown",function(t){return q(n),Y(t.stopPropagation())})("pointerup",function(t){return q(n),Y(t.stopPropagation())})("click",function(t){q(n);let r=g(3).ngIf;return Y(r.handleOverlayClick(t))}),u(3,Aa,13,28,"ng-container",8),R()}if(i&2){let n=g(4);w("data-testid",n.componentId)("role","dialog")("aria-label",X(2,4,"Audio recording preview")),s(3),l("veltDynamicTemplate",M(9,xa,n.template,D(6,Ra,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Oa(i,o){if(i&1&&u(0,Ta,4,15,"div",6),i&2){let n=g(2).ngIf;l("ngIf",n.type==="audio")}}function ka(i,o){if(i&1&&(h(0),u(1,Pa,2,1,"velt-shadow-dom-internal",4)(2,Oa,1,1,"ng-template",null,0,Ge),f()),i&2){let n=Pe(3),e=g().ngIf,t=g();s(),l("ngIf",e.shadowDom&&!t.template||t.template&&e.isExplicitShadowDom)("ngIfElse",n)}}function Ma(i,o){if(i&1&&(h(0),u(1,ka,4,2,"ng-container",3),f()),i&2){let n=g();s(),l("veltIf",D(3,Da,n.conditionSignal(),P(1,Ia,n.componentConfigSignal)))}}var Gi=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-audio",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recording-preview-steps-dialog-audio-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let r=document.createElement(t.tagName);r.innerHTML=t.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(nt),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-audio"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[["audioDialogRef",""],["recordingPreviewDialogRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["class","velt-recording-preview-audio",3,"pointerdown","pointerup","click",4,"ngIf"],[1,"velt-recording-preview-audio",3,"pointerdown","pointerup","click"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-audio--overlay"],[1,"velt-recording-preview-audio--header"],[3,"componentConfigSignal","template","variant"],[3,"componentConfigSignal"],[1,"velt-recording-preview-audio--settings"]],template:function(t,r){t&1&&u(0,Ma,2,6,"ng-container",2),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,Ke,L,z,ot,at,ct,st,dt,lt,gt,pt,mt,oe],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%}.velt-recording-preview-audio[_ngcontent-%COMP%], .velt-recording-preview-audio--header[_ngcontent-%COMP%]{display:flex}.velt-recording-preview-audio[_ngcontent-%COMP%]{position:relative;width:calc((50rem + 0px) * var(--velt-base-rem-unit));height:calc((30rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}.velt-recording-preview-audio[_ngcontent-%COMP%]   .velt-recording-preview-audio--audio-waves[_ngcontent-%COMP%]{transform:scale(1.5);height:100%;z-index:-1}@media screen and (max-width:768px){.velt-recording-preview-audio[_ngcontent-%COMP%]{width:calc((35rem + 0px) * var(--velt-base-rem-unit));height:calc((25rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}}@media screen and (max-width:425px){  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog{width:calc(1 * var(--legacy-velt-viewport-width));max-width:calc(1 * var(--legacy-velt-viewport-width))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-audio{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));max-width:calc(1 * var(--legacy-velt-viewport-width));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-audio video{height:100%}}.velt-recording-preview-audio--overlay[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--velt-spacing-2xl);content:"";position:absolute;border-radius:var(--velt-border-radius-lg);border:1px solid var(--velt-border-2);background:var(--velt-background-0);z-index:1;inset:0}.velt-recording-preview-audio--header[_ngcontent-%COMP%]{justify-content:flex-end;width:100%;gap:var(--velt-spacing-sm);align-items:center}.velt-recording-preview-audio--settings[_ngcontent-%COMP%]{width:366px;display:flex;flex-direction:column;gap:var(--velt-spacing-lg);align-items:center;justify-content:center;position:relative;pointer-events:auto}'],changeDetection:0});let i=o;return i})();var Ba=()=>["video","screen"];function $a(i,o){if(i&1&&T(0,"app-recording-preview-steps-dialog-video",4),i&2){let n=g(2);l("componentConfigSignal",n.componentConfigSignal)}}function Va(i,o){if(i&1&&T(0,"app-recording-preview-steps-dialog-audio",4),i&2){let n=g(2);l("componentConfigSignal",n.componentConfigSignal)}}function ja(i,o){if(i&1&&(h(0),b(1,"div",2,0),u(3,$a,1,1,"app-recording-preview-steps-dialog-video",3)(4,Va,1,1,"app-recording-preview-steps-dialog-audio",3),R(),f()),i&2){let n=o.ngIf,e=Pe(2),t=g();s(),l("snippylyOverlay",e)("snippylyOverlayZIndex",2e3),w("aria-label","Recording preview - "+n.type+" mode")("data-testid",t.componentId),s(2),l("ngIf",Me(6,Ba).includes(n.type)),s(),l("ngIf",n.type==="audio")}}var Zi=(()=>{let o=class o{constructor(e,t,r,a,c,p,d){this.loggingService=e,this.recorderService=t,this.dialog=r,this.devicePermissionService=a,this.dialogRef=c,this.elementRef=p,this.data=d,this.darkMode=!1,this.shadowDom=!0,this.startCountdownFrom=3,this.defaultMediaSourceOptions=Zt(),this.recordingCountdownEnabled=!1,this.subscriptions=[],this.veltElement=!0,this.componentId="velt-recording-preview-steps-dialog",this.componentConfigSignal=We({closeDialog:this.closeDialog.bind(this),startCountdown:this.startCountdown.bind(this),toggleAudio:this.toggleAudio.bind(this),toggleVideo:this.toggleVideo.bind(this),toggleSettings:this.toggleSettings.bind(this),cancelCountdown:this.cancelCountdown.bind(this),updateMediaConfig:this.updateMediaConfig.bind(this),handleOverlayClick:this.handleOverlayClick.bind(this),countdownStarted:!1,mediaConfig:{audio:{enabled:!1},video:{enabled:!1}},mediaState:{audio:{enabled:!1},video:{enabled:!1}},type:"video",countdown:this.startCountdownFrom,mediaStream:void 0,isSettingsOpen:!1,darkMode:this.darkMode,shadowDom:this.shadowDom,isExplicitShadowDom:!1});try{this.devicePermissionService.getPermissionState$("video").subscribe(m=>{this.componentConfigSignal.update(v=>(v=U(y({},v),{mediaState:U(y({},v.mediaState),{video:{enabled:m!=="denied"}})}),v))}),this.devicePermissionService.getPermissionState$("audio").subscribe(m=>{this.componentConfigSignal.update(v=>(v=U(y({},v),{mediaState:U(y({},v.mediaState),{audio:{enabled:m!=="denied"}})}),v))}),this.subscriptions.push(this.recorderService.getRecordingCountdownEnabled$().subscribe(m=>{this.recordingCountdownEnabled=m})),this.subscriptions.push(this.recorderService.getRecordingMicEnabled$().subscribe(m=>{m!==null&&(m?this.toggleAudioOn():this.toggleAudioOff())})),d&&(d.type&&this.componentConfigSignal.update(m=>(m=U(y({},m),{type:d.type}),m)),d.recordingCountdown!==void 0&&(this.recordingCountdownEnabled=!!d.recordingCountdown),d.mediaConfig&&(d.mediaConfig?.audio?.enabled&&!d.mediaConfig?.audio?.deviceId&&(d.mediaConfig.audio.deviceId=this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId),d.mediaConfig?.video?.enabled&&!d.mediaConfig?.video?.deviceId&&(d.mediaConfig.video.deviceId=this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId),d?.darkMode?this.elementRef.nativeElement.setAttribute("dark",""):this.elementRef.nativeElement.removeAttribute("dark"),this.componentConfigSignal.update(m=>(m=U(y({},m),{shadowDom:d?.shadowDom!==!1,isExplicitShadowDom:!!d?.isExplicitShadowDom,darkMode:d.darkMode||!1}),m)),this.updateMediaConfig(d.mediaConfig)))}catch(m){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent constructor: ",m)}}ngOnInit(){try{this.setupA11yAttributes(),this.componentConfigSignal().type==="screen"&&this.subscriptions.push(this.recorderService.getScreenStream$().subscribe(e=>{e&&e.active&&e.getVideoTracks().some(t=>t.readyState==="live")&&this.componentConfigSignal.update(t=>(t=y({},t),t.mediaConfig.screen={enabled:!0,stream:e},t))}))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Recording preview steps dialog")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent setupA11yAttributes:",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(r=>(r=U(y({},r),{[t]:e[t].currentValue}),r))})}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngOnChanges: ",t)}}ngAfterViewInit(){try{this.dialogRef.addPanelClass("snippyly-recording-preview-steps-dialog"),this.dialogRef.disableClose=!0}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngAfterViewInit: ",e)}}toggleSettings(e){try{e.stopPropagation(),this.componentConfigSignal.update(t=>(t=U(y({},t),{isSettingsOpen:!t.isSettingsOpen}),t))}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleSettings: ",t)}}toggleAudio(){try{this.componentConfigSignal().mediaConfig.audio||this.componentConfigSignal.update(r=>(r=U(y({},r),{mediaConfig:U(y({},r.mediaConfig),{audio:{enabled:!0}})}),r));let e=!this.componentConfigSignal().mediaConfig.audio?.enabled;this.componentConfigSignal.update(r=>(r=U(y({},r),{mediaConfig:U(y({},r.mediaConfig),{audio:{enabled:e}})}),r));let t=this.componentConfigSignal().mediaStream?.getAudioTracks()[0];t?t.enabled=e:e&&(this.componentConfigSignal.update(r=>(r=U(y({},r),{mediaConfig:U(y({},r.mediaConfig),{audio:U(y({},r.mediaConfig.audio),{deviceId:this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId})})}),r)),this.updateMediaConfig(this.componentConfigSignal().mediaConfig))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleAudio: ",e)}}toggleAudioOn(){try{this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaConfig:U(y({},t.mediaConfig),{audio:{enabled:!0}})}),t));let e=this.componentConfigSignal().mediaStream?.getAudioTracks()[0];e?e.enabled=!0:(this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaConfig:U(y({},t.mediaConfig),{audio:U(y({},t.mediaConfig.audio),{deviceId:this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId})})}),t)),this.updateMediaConfig(this.componentConfigSignal().mediaConfig))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleAudioOn: ",e)}}toggleAudioOff(){try{this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaConfig:U(y({},t.mediaConfig),{audio:{enabled:!1}})}),t));let e=this.componentConfigSignal().mediaStream?.getAudioTracks()[0];e&&(e.enabled=!1)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleAudioOn: ",e)}}toggleVideo(){try{this.componentConfigSignal.update(e=>(e=y({},e),e.mediaConfig.video||(e.mediaConfig.video={enabled:!0}),e.mediaConfig.video.enabled=!e.mediaConfig.video.enabled,e.mediaConfig.video.deviceId=this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId,e)),this.updateMediaConfig(this.componentConfigSignal().mediaConfig)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleVideo: ",e)}}updateMediaConfig(e){try{this.stopMediaStream(),this.getMediaStream(e)}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent updateMediaConfig: ",t)}}getMediaStream(e){try{if(!navigator.mediaDevices){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream: ","No media devices");return}if(!navigator.mediaDevices.getUserMedia){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream: ","No getUserMedia");return}if(e.audio?.enabled||e.video?.enabled){let t=Ki(e);navigator.mediaDevices.getUserMedia(t).then(r=>{this.componentConfigSignal.update(a=>(a=U(y({},a),{mediaConfig:e,mediaStream:r}),a))}).catch(r=>{this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream catch: ",r)})}else this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaStream:void 0,mediaConfig:e}),t))}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream: ",t)}}stopMediaStream(){try{this.componentConfigSignal.update(e=>(e=y({},e),e.mediaStream?.getTracks().forEach(t=>{t.stop()}),e.mediaStream=void 0,e))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent stopMediaStream: ",e)}}startCountdown(){return A(this,null,function*(){try{let t=new Te().getBrowserName()==="Firefox",r=null;if(t&&this.componentConfigSignal().type==="screen")try{let a=this.componentConfigSignal().mediaConfig,c=Ki(a);Object.keys(c).length>0&&(r=yield navigator.mediaDevices.getUserMedia(c))}catch(a){this.loggingService.catch("Error getting Firefox user media stream:",a),r=null}if(this.componentConfigSignal().type==="screen"){if(!this.componentConfigSignal().mediaConfig.screen?.stream)try{let c=yield navigator.mediaDevices.getDisplayMedia({video:!0,audio:!0});this.componentConfigSignal.update(p=>(p=y({},p),p.mediaConfig.screen={enabled:!0,stream:c},p))}catch(c){this.loggingService.catch("Error getting screen media stream:",c),this.cancelCountdown();return}this.componentConfigSignal.update(c=>(c=y({},c),r&&(c.mediaConfig.audio?.enabled&&(c.mediaConfig.audio.stream=r),c.mediaConfig.video?.enabled&&(c.mediaConfig.video.stream=r)),c)),this.componentConfigSignal().mediaConfig.screen?.stream?.getTracks().forEach(c=>{c&&(c.onended=()=>{this.cancelCountdown()})})}this.recordingCountdownEnabled?(this.componentConfigSignal.update(a=>(a=U(y({},a),{countdownStarted:!0}),a)),this.countdownInterval=setInterval(()=>{this.componentConfigSignal().countdown>1?this.componentConfigSignal.update(a=>(a=U(y({},a),{countdown:a.countdown-1}),a)):this.closeDialog(this.componentConfigSignal().mediaConfig)},1e3)):this.closeDialog(this.componentConfigSignal().mediaConfig)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent startCountdown: ",e)}})}cancelCountdown(){try{if(this.componentConfigSignal.update(e=>(e=U(y({},e),{countdownStarted:!1,countdown:this.startCountdownFrom}),e)),this.clearInterval(),this.componentConfigSignal().type==="screen"){let e=this.componentConfigSignal().mediaConfig.screen?.stream;e&&e.getTracks().forEach(t=>{t.stop()}),this.componentConfigSignal.update(t=>(t=y({},t),t.mediaConfig.screen=void 0,t))}}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent cancelCountdown: ",e)}}closeDialog(e){return A(this,null,function*(){try{this.clearInterval(),e||(this.stopMediaStream(),this.componentConfigSignal.update(t=>(t=y({},t),t.mediaConfig&&(t.mediaConfig.screen?.stream&&(t.mediaConfig.screen.stream.getTracks().forEach(r=>r.stop()),t.mediaConfig.screen.stream=void 0),t.mediaConfig.audio?.stream&&(t.mediaConfig.audio.stream.getTracks().forEach(r=>r.stop()),t.mediaConfig.audio.stream=void 0),t.mediaConfig.video?.stream&&(t.mediaConfig.video.stream.getTracks().forEach(r=>r.stop()),t.mediaConfig.video.stream=void 0)),t))),this.dialogRef.close(e)}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent closeDialog: ",t)}})}handleOverlayClick(e){try{this.componentConfigSignal.update(t=>(t=U(y({},t),{isSettingsOpen:!1}),t)),e.stopPropagation()}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent handleOverlayClick: ",t)}}clearInterval(){try{this.countdownInterval&&(clearInterval(this.countdownInterval),this.countdownInterval=void 0)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent clearInterval: ",e)}}ngOnDestroy(){try{this.clearInterval(),this.stopMediaStream(),this.subscriptions.forEach(e=>{e?.unsubscribe()})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(vt),S(Fe),S(Ve),S(jt),S(O),S(Nt,8))},o.\u0275cmp=k({type:o,selectors:[["snippyly-recording-preview-steps-dialog"]],hostVars:1,hostBindings:function(t,r){t&2&&w("data-velt-element",r.veltElement)},inputs:{darkMode:"darkMode",shadowDom:"shadowDom"},standalone:!1,features:[Ee],decls:1,vars:1,consts:[["recordingPreviewDialogRef",""],[4,"ngIf"],["role","dialog","aria-modal","true",3,"snippylyOverlay","snippylyOverlayZIndex"],[3,"componentConfigSignal",4,"ngIf"],[3,"componentConfigSignal"]],template:function(t,r){t&1&&u(0,ja,5,7,"ng-container",1),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,di,Hi,Gi],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-mat-dialog-container.snippyly-recording-preview-steps-dialog{max-width:none}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{background:transparent;padding:0;margin:0;border-radius:var(--velt-border-radius-lg)}"],changeDetection:0});let i=o;return i})();function Ki(i){try{let o={};return i.audio?.enabled&&(o.audio={deviceId:i.audio.deviceId?{exact:i.audio.deviceId}:void 0}),i.video?.enabled&&(o.video={deviceId:i.video.deviceId?{exact:i.video.deviceId}:void 0}),o}catch{return{}}}var Xi=(()=>{let o=class o{constructor(e){this.loggingService=e,this.isPipActive$=new J(!1),this.pipStopRecordingTriggered$=new J(!1),this.pipPauseRecordingTriggered$=new J(!1),this.pictureInPicture$=new J(!1),this.pipClearRecordingTriggered$=new J(!1)}getPipClearRecordingTriggered$(){return this.pipClearRecordingTriggered$.asObservable()}resetPipClearRecordingTriggered(){this.pipClearRecordingTriggered$.next(!1)}openPictureInPicture(e,t){return A(this,null,function*(){try{if(!this.isPictureInPictureEnabled()||!e||document.pictureInPictureElement||window.documentPictureInPicture?.window)return;if("documentPictureInPicture"in window){yield this.createDocumentPip(e,t);return}if(document.pictureInPictureEnabled){let r=yield this.findVideoElement();if(!r){this.loggingService.warn("No video element found for Picture-in-Picture");return}yield r.requestPictureInPicture(),this.isPipActive$.next(!0);return}}catch(r){this.loggingService.catch("Error in PipService openPictureInPicture:",r)}})}createDocumentPip(e,t){return A(this,null,function*(){try{let r=window.documentPictureInPicture;this.pipWindow=yield r.requestWindow({width:320,height:288}),yield this.addStylesToPip(),yield this.createControlPanelInPip(e,t),this.pipWindow?.addEventListener("unload",()=>{try{this.isPipActive$.next(!1),this.pipWindow=void 0}catch(a){this.loggingService.catch("Error in PipService createDocumentPip unload:",a)}}),this.isPipActive$.next(!0)}catch{this.isPipActive$.next(!1),this.pipWindow=void 0}})}addStylesToPip(){return A(this,null,function*(){try{if(!this.pipWindow)return;this.pipWindow.document.body.style.margin="0",this.pipWindow.document.body.style.padding="0",this.pipWindow.document.body.style.backgroundColor="#000",this.pipWindow.document.body.style.display="flex",this.pipWindow.document.body.style.alignItems="center",this.pipWindow.document.body.style.justifyContent="center"}catch(e){this.loggingService.catch("Error in PipService copyStylesToPip:",e)}})}createControlPanelInPip(e,t){return A(this,null,function*(){if(this.pipWindow)try{let r=this.pipWindow.document.createElement("div");r.style.cssText=`
+import{a as rt}from"./chunk-ID3E7CBZ.js";import{b as pi}from"./chunk-AJXYT2YT.js";import{a as Ve}from"./chunk-5R5ZQKPN.js";import{x as di}from"./chunk-XISY42XO.js";import{a as gi}from"./chunk-WFO2GRDO.js";import{B as L,C as z}from"./chunk-CI2SH5RY.js";import{a as nt,b as si}from"./chunk-CQX575C2.js";import{b as oe}from"./chunk-F6CKB7IS.js";import{a as li}from"./chunk-RLD74EXO.js";import{W as jt,X as Nt,Y as Fe,ca as ci,da as C,fa as V}from"./chunk-3ORHWUHZ.js";import{$ as we,Ab as Tt,Ai as et,Bb as Ot,Bf as Ne,Ch as Qe,Dh as It,Di as tt,E as xe,Ed as $t,Ee as K,Eg as Kt,Ei as $e,Fa as s,Fg as Jt,Fi as it,G as Le,Gc as N,Gi as oi,Hc as Mt,Ib as Pe,Ic as Ft,J as ke,Kb as he,Ke as Te,Ki as Rt,L as ht,Lc as Ke,Mf as zt,Nb as Ce,Ob as kt,Od as Vt,Pa as S,Pb as be,Ph as Yt,Pi as ai,Qh as ei,Sh as ti,T as de,Ua as k,Uc as Bt,Uf as Wt,W as ze,Y as ft,Ya as B,Yd as Je,Yf as Ht,_a as u,_b as $,a as y,ac as Me,ah as Zt,b as U,bc as P,bg as Gt,ca as j,cc as D,da as At,db as w,eh as Qt,fc as M,g as A,gf as Ut,gg as Ze,ha as q,hf as St,ia as Y,ii as Be,ja as le,jf as Lt,ji as Xe,k as je,kc as Q,ke as _e,ki as E,l as J,lb as l,lc as X,li as ii,mb as b,nb as R,ob as T,oe as Ae,oi as ni,pc as Ge,pi as ri,qa as We,qg as Ct,qh as Xt,r as Z,rh as Ue,sb as h,sh as wt,si as qe,tb as f,ti as Ye,ua as Ee,ub as He,ui as Dt,v as ne,vb as ge,vg as _t,w as ut,wa as O,wg as yt,xb as pe,yh as qt,zb as g,zh as bt,zi as Ie}from"./chunk-VKGZ33MA.js";var F=class{constructor(){this.closeDialog=()=>{},this.startCountdown=()=>{},this.toggleAudio=()=>{},this.toggleVideo=()=>{},this.toggleSettings=()=>{},this.cancelCountdown=()=>{},this.updateMediaConfig=()=>{},this.handleOverlayClick=()=>{},this.countdownStarted=!1,this.isSettingsOpen=!1,this.mediaConfig={audio:{enabled:!1},video:{enabled:!1}},this.mediaState={audio:{enabled:!1},video:{enabled:!1}},this.type="video",this.darkMode=!1,this.shadowDom=!0,this.isExplicitShadowDom=!1}};var mi=i=>({componentConfigSignal:i}),nn=(i,o)=>({condition:i,data:o}),rn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-close-button-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function on(i,o){if(i&1&&(h(0),b(1,"div",4),le(),b(2,"svg",5),T(3,"path",6),R()(),f()),i&2){let n=g(3);s(),w("data-testid",n.componentId+"-icon-container"),s(),w("data-testid",n.componentId+"-icon")}}function an(i,o){if(i&1){let n=ge();h(0),b(1,"div",2),Q(2,"translate"),pe("click",function(){q(n);let t=g().ngIf;return Y(t.closeDialog())})("keydown.enter",function(){q(n);let t=g().ngIf;return Y(t.closeDialog())})("keydown.space",function(){q(n);let t=g().ngIf;return Y(t.closeDialog())}),u(3,on,4,2,"ng-container",3),R(),f()}if(i&2){let n=g(2);s(),w("data-testid",n.componentId)("aria-label",X(2,3,"Close recording preview")),s(2),l("veltDynamicTemplate",M(7,rn,n.template,P(5,mi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function cn(i,o){if(i&1&&(h(0),u(1,an,4,13,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,nn,n.conditionSignal(),P(1,mi,n.componentConfigSignal)))}}var ot=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-close-button",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCloseButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close recording preview"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCloseButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-close-button"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--icon-button"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true",1,"velt-cursor-pointer"],["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","#fff"]],template:function(t,r){t&1&&u(0,cn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview--icon-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-3xl);cursor:pointer;border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);transition:all .2s ease}.velt-recording-preview--icon-button[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   path[_ngcontent-%COMP%]{fill:var(--velt-text-4)}.velt-recording-preview--icon-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-4);background:var(--velt-background-2)}"],changeDetection:0});let i=o;return i})();var sn=["*"],dn=i=>({componentConfigSignal:i}),ln=(i,o)=>({condition:i,data:o}),gn=(i,o)=>({componentConfigSignal:i,variant:o}),pn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-button-panel-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function mn(i,o){i&1&&(h(0),Ot(1),f())}function vn(i,o){if(i&1&&(b(0,"div",3),Q(1,"translate"),u(2,mn,2,0,"ng-container",4),R()),i&2){let n=g(3);w("data-testid",n.componentId)("aria-label",X(1,4,"Recording control buttons"))("aria-orientation","horizontal"),s(2),l("veltDynamicTemplate",M(9,pn,n.template,D(6,gn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function un(i,o){if(i&1&&(h(0),u(1,vn,3,15,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",!n.countdownStarted)}}function hn(i,o){if(i&1&&(h(0),u(1,un,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,ln,n.conditionSignal(),P(1,dn,n.componentConfigSignal)))}}var at=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-button-panel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","toolbar"),e.setAttribute("aria-label","Recording controls")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-button-panel"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],ngContentSelectors:sn,decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recording-preview-button-panel","role","toolbar",4,"ngIf"],["role","toolbar",1,"velt-recording-preview-button-panel"],[4,"veltDynamicTemplate"]],template:function(t,r){t&1&&(Tt(),u(0,hn,2,6,"ng-container",0)),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview-button-panel[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm);margin-bottom:var(--velt-spacing-lg)}"],changeDetection:0});let i=o;return i})();var fn=i=>({componentConfigSignal:i}),Sn=(i,o)=>({condition:i,data:o}),Cn=(i,o)=>({componentConfigSignal:i,variant:o}),_n=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-video-player-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function yn(i,o){if(i&1&&(h(0),T(1,"video",3),f()),i&2){let n=g(2).ngIf,e=g();s(),l("srcObject",n.mediaStream)("volume",0),w("data-testid",e.componentId)}}function wn(i,o){if(i&1&&(h(0),u(1,yn,2,3,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,_n,n.template,D(1,Cn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function bn(i,o){if(i&1&&(h(0),u(1,wn,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Sn,n.conditionSignal(),P(1,fn,n.componentConfigSignal)))}}var hi=(()=>{let o=class o extends V{get isScreenStreamAvailable(){return!!this.componentConfigSignal()?.mediaConfig?.screen?.stream}constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-video-player",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-video-player"]],hostVars:2,hostBindings:function(t,r){t&2&&he("velt-recording-preview-steps-dialog-screen-available",r.isScreenStreamAvailable)},inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["id","player","autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","role","application","aria-live","polite",1,"flip","velt-recording-preview-video--player",3,"srcObject","volume"]],template:function(t,r){t&1&&u(0,bn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],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%;position:relative}.velt-recording-preview-steps-dialog-screen-available[_nghost-%COMP%]{position:absolute;bottom:20px;left:20px}.velt-recording-preview-steps-dialog-screen-available[_nghost-%COMP%]   video[_ngcontent-%COMP%]{width:150px;height:150px;object-fit:cover;border-radius:var(--velt-border-radius-full)}video[_ngcontent-%COMP%]{width:100%;z-index:9999}.velt-recording-preview-video--player[_ngcontent-%COMP%]{object-fit:cover}"],changeDetection:0});let i=o;return i})();var Dn=i=>({componentConfigSignal:i}),Rn=(i,o)=>({condition:i,data:o}),xn=(i,o)=>({componentConfigSignal:i,variant:o}),En=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-off-message-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Pn(i,o){if(i&1&&(h(0),b(1,"h1",5),Q(2,"translate"),Ce(3),Q(4,"translate"),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-text")("aria-label",X(2,3,"Camera is off")),s(2),kt(X(4,5,"Camera is off"))}}function An(i,o){if(i&1&&(b(0,"div",3),u(1,Pn,5,7,"ng-container",4),R()),i&2){let n=g(3);w("data-testid",n.componentId),s(),l("veltDynamicTemplate",M(5,En,n.template,D(2,xn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Tn(i,o){if(i&1&&(h(0),u(1,An,2,11,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",!n.countdownStarted&&(!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)||!n.mediaState.video.enabled))}}function On(i,o){if(i&1&&(h(0),u(1,Tn,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Rn,n.conditionSignal(),P(1,Dn,n.componentConfigSignal)))}}var fi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-off-message",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","alert"),e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-camera-off-message"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","alert","aria-live","polite","aria-atomic","true",4,"ngIf"],["role","alert","aria-live","polite","aria-atomic","true"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-camera-off-message"]],template:function(t,r){t&1&&u(0,On,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview-camera-off-message[_ngcontent-%COMP%]{font-size:var(--velt-font-size-lg);color:var(--velt-text-0);margin:0}"],changeDetection:0});let i=o;return i})();var Si=i=>({componentConfigSignal:i}),Mn=(i,o)=>({condition:i,data:o}),Fn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-timer-cancel-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Bn(i,o){if(i&1&&(h(0),b(1,"div",4),Ce(2),Q(3,"translate"),R(),f()),i&2){let n=g(3);s(),w("data-testid",n.componentId+"-label"),s(),be(" ",X(3,2,"Cancel")," ")}}function $n(i,o){if(i&1){let n=ge();h(0),b(1,"div",2),pe("click",function(){q(n);let t=g().ngIf;return Y(t.cancelCountdown())})("keydown.enter",function(){q(n);let t=g().ngIf;return Y(t.cancelCountdown())})("keydown.space",function(){q(n);let t=g().ngIf;return Y(t.cancelCountdown())}),u(2,Bn,4,4,"ng-container",3),R(),f()}if(i&2){let n=g(2);s(),w("data-testid",n.componentId+"-button"),s(),l("veltDynamicTemplate",M(4,Fn,n.template,P(2,Si,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Vn(i,o){if(i&1&&(h(0),u(1,$n,3,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Mn,n.conditionSignal(),P(1,Si,n.componentConfigSignal)))}}var Ci=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer-cancel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording countdown cancel controls")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-timer-cancel"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",1,"velt-recording-preview-timer--cancel-button",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-timer--cancel-button"]],template:function(t,r){t&1&&u(0,Vn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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:15%}.velt-recording-preview-timer--cancel-button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-sm);font-weight:500;font-size:var(--velt-font-size-md);line-height:24px;color:var(--velt-error);text-transform:uppercase;letter-spacing:1.5px;cursor:pointer}.velt-recording-preview-timer--cancel-button[_ngcontent-%COMP%]:hover{color:var(--velt-error-hover)}"],changeDetection:0});let i=o;return i})();var _i=i=>({componentConfigSignal:i}),Nn=(i,o)=>({condition:i,data:o}),Un=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-timer-countdown-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Ln(i,o){if(i&1&&(b(0,"h1",4),Ce(1),R()),i&2){let n=g(3).ngIf,e=g();w("data-testid",e.componentId+"-value"),s(),be(" ",n.countdown)}}function zn(i,o){if(i&1&&(h(0),u(1,Ln,2,2,"h1",3),f()),i&2){let n=g(2).ngIf;s(),l("ngIf",n.countdown)}}function Wn(i,o){if(i&1&&(h(0),u(1,zn,2,1,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(3,Un,n.template,P(1,_i,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Hn(i,o){if(i&1&&(h(0),u(1,Wn,2,9,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Nn,n.conditionSignal(),P(1,_i,n.componentConfigSignal)))}}var yi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer-countdown",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","timer"),e.setAttribute("aria-label","Recording countdown timer"),e.setAttribute("aria-live","assertive")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-timer-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-recording-preview-timer--countdown","role","timer","aria-live","assertive",4,"ngIf"],["role","timer","aria-live","assertive",1,"velt-recording-preview-timer--countdown"]],template:function(t,r){t&1&&u(0,Hn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],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}.velt-recording-preview-timer--countdown[_ngcontent-%COMP%]{font-size:120px;line-height:120px;font-weight:600;color:var(--velt-text-5);margin:0}"],changeDetection:0});let i=o;return i})();var wi=i=>({componentConfigSignal:i}),Kn=(i,o)=>({condition:i,data:o}),Jn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-timer-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Zn(i,o){if(i&1&&(h(0),b(1,"div",3),T(2,"app-recording-preview-steps-dialog-timer-countdown",4)(3,"app-recording-preview-steps-dialog-timer-cancel",4),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function Qn(i,o){if(i&1&&(h(0),u(1,Zn,4,7,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,Jn,n.template,P(1,wi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Xn(i,o){if(i&1&&(h(0),u(1,Qn,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.countdownStarted)}}function qn(i,o){if(i&1&&(h(0),u(1,Xn,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Kn,n.conditionSignal(),P(1,wi,n.componentConfigSignal)))}}var ct=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording countdown section")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-timer"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region","aria-live","polite",1,"velt-recording-preview-dialog-timer"],[3,"componentConfigSignal","template","variant"]],template:function(t,r){t&1&&u(0,qn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,Ci,yi],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-recording-preview-dialog-timer[_ngcontent-%COMP%]{position:relative;width:332px;height:332px;display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-lg);border-radius:100%;flex-direction:column;border:2px solid var(--velt-border-transparent);background:var(--velt-background-transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}"],changeDetection:0});let i=o;return i})();var Ii=i=>({componentConfigSignal:i}),Yn=(i,o)=>({condition:i,data:o}),er=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-start-recording-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function tr(i,o){if(i&1&&(h(0),b(1,"div",4),Ce(2),Q(3,"translate"),R(),f()),i&2){let n=g(3);s(),w("data-testid",n.componentId+"-label"),s(),be(" ",X(3,2,"Start Recording"))}}function ir(i,o){if(i&1){let n=ge();h(0),b(1,"div",2),pe("click",function(){q(n);let t=g().ngIf;return Y(t.startCountdown())}),u(2,tr,4,4,"ng-container",3),R(),f()}if(i&2){let n=g().ngIf,e=g();s(),he("disabled",n.type==="video"&&(!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)||!n.mediaState.video.enabled)||n.type==="audio"&&(!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)||!n.mediaState.audio.enabled)),w("data-testid",e.componentId+"-button"),s(),l("veltDynamicTemplate",M(6,er,e.template,P(4,Ii,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function nr(i,o){if(i&1&&(h(0),u(1,ir,3,12,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Yn,n.conditionSignal(),P(1,Ii,n.componentConfigSignal)))}}var st=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-start-recording",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Start recording")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-start-recording"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-start-button"]],template:function(t,r){t&1&&u(0,nr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview-start-button[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-sm);padding:var(--velt-spacing-lg) var(--velt-spacing-2xl);font-size:var(--velt-font-size-sm);font-weight:600;transition:all .2s ease;cursor:pointer;width:fit-content;border-radius:var(--velt-border-radius-full);background:var(--velt-accent);color:var(--velt-accent-foreground)}.velt-recording-preview-start-button[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.disabled[_ngcontent-%COMP%]{opacity:.5;pointer-events:none}"],changeDetection:0});let i=o;return i})();var Ri=i=>({componentConfigSignal:i}),rr=(i,o)=>({condition:i,data:o}),or=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-off-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function ar(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4)(3,"path",5),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function cr(i,o){if(i&1&&(h(0),u(1,ar,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,or,n.template,P(1,Ri,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function sr(i,o){if(i&1&&(h(0),u(1,cr,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled))}}function dr(i,o){if(i&1&&(h(0),u(1,sr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,rr,n.conditionSignal(),P(1,Ri,n.componentConfigSignal)))}}var xi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-mic-button-off",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Microphone off"),e.setAttribute("aria-pressed","true"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M11.5013 8.1665C11.5013 7.50346 11.7647 6.86758 12.2335 6.39874C12.7024 5.9299 13.3383 5.6665 14.0013 5.6665C14.6643 5.6665 15.3002 5.9299 15.7691 6.39874C16.2379 6.86758 16.5013 7.50346 16.5013 8.1665V12.3332C16.5013 12.58 16.4648 12.8254 16.393 13.0615M14.7263 14.7282C14.3527 14.8414 13.9578 14.8655 13.5732 14.7987C13.1885 14.7318 12.8249 14.5758 12.5114 14.3432C12.198 14.1105 11.9433 13.8077 11.7679 13.459C11.5925 13.1102 11.5012 12.7252 11.5013 12.3348V11.5015M8.16797 12.3332C8.16779 13.386 8.45252 14.4192 8.99198 15.3232C9.53144 16.2273 10.3055 16.9685 11.2321 17.4683C12.1587 17.9681 13.2033 18.2078 14.2551 18.162C15.3069 18.1162 16.3267 17.7866 17.2063 17.2082M18.873 15.5415C19.5012 14.5896 19.835 13.4737 19.833 12.3332M10.668 21.4998H17.3346M14.0013 18.1665V21.4998","stroke","currentColor","stroke-opacity","0.52","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.5 6.5L21.5 21.5","stroke","#FF7162","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,dr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var Ei=i=>({componentConfigSignal:i}),gr=(i,o)=>({condition:i,data:o}),pr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-on-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function mr(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function vr(i,o){if(i&1&&(h(0),u(1,mr,3,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,pr,n.template,P(1,Ei,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function ur(i,o){if(i&1&&(h(0),u(1,vr,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.mediaConfig.audio==null?null:n.mediaConfig.audio.enabled)}}function hr(i,o){if(i&1&&(h(0),u(1,ur,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,gr,n.conditionSignal(),P(1,Ei,n.componentConfigSignal)))}}var Pi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-mic-button-on",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Microphone on"),e.setAttribute("aria-pressed","false"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M8.16699 12.3332C8.16699 13.8803 8.78157 15.364 9.87554 16.458C10.9695 17.5519 12.4532 18.1665 14.0003 18.1665M14.0003 18.1665C15.5474 18.1665 17.0312 17.5519 18.1251 16.458C19.2191 15.364 19.8337 13.8803 19.8337 12.3332M14.0003 18.1665V21.4998M10.667 21.4998H17.3337M11.5003 8.1665C11.5003 7.50346 11.7637 6.86758 12.2326 6.39874C12.7014 5.9299 13.3373 5.6665 14.0003 5.6665C14.6634 5.6665 15.2993 5.9299 15.7681 6.39874C16.2369 6.86758 16.5003 7.50346 16.5003 8.1665V12.3332C16.5003 12.9962 16.2369 13.6321 15.7681 14.1009C15.2993 14.5698 14.6634 14.8332 14.0003 14.8332C13.3373 14.8332 12.7014 14.5698 12.2326 14.1009C11.7637 13.6321 11.5003 12.9962 11.5003 12.3332V8.1665Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,hr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var Sr=i=>({componentConfigSignal:i}),Cr=(i,o)=>({condition:i,data:o}),_r=(i,o)=>({componentConfigSignal:i,variant:o}),yr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function wr(i,o){if(i&1&&(h(0),b(1,"div",5),T(2,"velt-recording-preview-steps-dialog-mic-button-on-internal",6)(3,"velt-recording-preview-steps-dialog-mic-button-off-internal",6),R(),f()),i&2){let n=g(2).ngIf,e=g();s(),he("velt-recording-preview--icon-button-off",!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)),w("data-testid",e.componentId+"-icon-container"),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function br(i,o){if(i&1){let n=ge();h(0),b(1,"app-device-permission-button",2)(2,"div",3),Q(3,"translate"),Q(4,"translate"),Q(5,"translate"),pe("click",function(){q(n);let t=g().ngIf;return Y(t.toggleAudio())})("keydown.enter",function(){q(n);let t=g().ngIf;return Y(t.toggleAudio())})("keydown.space",function(){q(n);let t=g().ngIf;return Y(t.toggleAudio())}),u(6,wr,4,9,"ng-container",4),R()(),f()}if(i&2){let n=g().ngIf,e=g();s(),l("darkMode",!!n.darkMode),w("data-testid",e.componentId+"-permission-button"),s(),w("data-testid",e.componentId+"-toggle")("aria-label",X(3,6,"Toggle microphone")+" "+(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled?X(4,8,"off"):X(5,10,"on")))("aria-pressed",!!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)),s(4),l("veltDynamicTemplate",M(15,yr,e.template,D(12,_r,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Ir(i,o){if(i&1&&(h(0),u(1,br,7,21,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Cr,n.conditionSignal(),P(1,Sr,n.componentConfigSignal)))}}var dt=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,t),this.devicePermissionService=e,this.loggingService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-mic-button",super.initializeComponentConfigSignal(new F)}ngOnChanges(e){try{if(e.componentConfigSignal){let t=this.componentConfigSignal();!t?.mediaState?.audio?.enabled&&t.type==="audio"&&this.devicePermissionService.openDevicePermissionDeniedDialog("audio",{darkMode:!1})}}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent ngOnChanges:",t)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),!this.componentConfigSignal()?.mediaState?.audio?.enabled&&this.componentConfigSignal().type==="audio"&&this.devicePermissionService.openDevicePermissionDeniedDialog("audio",{darkMode:!1})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","group"),e.setAttribute("aria-label","Microphone control buttons")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(Ve),S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B,Ee],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","audio",3,"darkMode"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--icon-button"],[3,"componentConfigSignal","template","variant"]],template:function(t,r){t&1&&u(0,Ir,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,xi,Pi,oe],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-recording-preview--icon-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-3xl);cursor:pointer;border:1.5px solid var(--velt-border-2);background:var(--velt-background-0);color:var(--velt-text-2);transition:all .2s ease}.velt-recording-preview--icon-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-3)}"],changeDetection:0});let i=o;return i})();var Dr=i=>({componentConfigSignal:i}),Rr=(i,o)=>({condition:i,data:o}),xr=(i,o)=>({componentConfigSignal:i,variant:o}),Er=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-on-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Pr(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4)(3,"path",5),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function Ar(i,o){if(i&1&&(h(0),u(1,Pr,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(4,Er,n.template,D(1,xr,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Tr(i,o){if(i&1&&(h(0),u(1,Ar,2,10,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.mediaConfig.video==null?null:n.mediaConfig.video.enabled)}}function Or(i,o){if(i&1&&(h(0),u(1,Tr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Rr,n.conditionSignal(),P(1,Dr,n.componentConfigSignal)))}}var Oi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-button-on",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Camera on"),e.setAttribute("aria-pressed","false"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M16.5 12.3334L20.2942 10.4368C20.4212 10.3733 20.5623 10.3433 20.7042 10.3497C20.846 10.3561 20.9839 10.3986 21.1047 10.4733C21.2255 10.5479 21.3252 10.6522 21.3944 10.7762C21.4636 10.9002 21.4999 11.0398 21.5 11.1818V16.8184C21.4999 16.9604 21.4636 17.1 21.3944 17.224C21.3252 17.348 21.2255 17.4523 21.1047 17.5269C20.9839 17.6016 20.846 17.6441 20.7042 17.6505C20.5623 17.6569 20.4212 17.6269 20.2942 17.5634L16.5 15.6668V12.3334Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.5 10.6667C6.5 10.2246 6.67559 9.80072 6.98816 9.48816C7.30072 9.17559 7.72464 9 8.16667 9H14.8333C15.2754 9 15.6993 9.17559 16.0118 9.48816C16.3244 9.80072 16.5 10.2246 16.5 10.6667V17.3333C16.5 17.7754 16.3244 18.1993 16.0118 18.5118C15.6993 18.8244 15.2754 19 14.8333 19H8.16667C7.72464 19 7.30072 18.8244 6.98816 18.5118C6.67559 18.1993 6.5 17.7754 6.5 17.3333V10.6667Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,Or,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var Mr=i=>({componentConfigSignal:i}),Fr=(i,o)=>({condition:i,data:o}),Br=(i,o)=>({componentConfigSignal:i,variant:o}),$r=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-off-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Vr(i,o){if(i&1&&(h(0),le(),b(1,"svg",3),T(2,"path",4)(3,"path",5),R(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function jr(i,o){if(i&1&&(h(0),u(1,Vr,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(4,$r,n.template,D(1,Br,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Nr(i,o){if(i&1&&(h(0),u(1,jr,2,10,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled))}}function Ur(i,o){if(i&1&&(h(0),u(1,Nr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Fr,n.conditionSignal(),P(1,Mr,n.componentConfigSignal)))}}var ki=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-button-off",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Camera off"),e.setAttribute("aria-pressed","true"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","28","height","28","viewBox","0 0 28 28","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M20.9375 17.6068C21.1017 17.5503 21.2442 17.444 21.345 17.3027C21.4459 17.1614 21.5 16.9921 21.5 16.8184V11.1818C21.4999 11.0398 21.4636 10.9002 21.3944 10.7762C21.3252 10.6522 21.2255 10.5479 21.1047 10.4733C20.9839 10.3986 20.846 10.3561 20.7042 10.3497C20.5623 10.3433 20.4212 10.3733 20.2942 10.4368L16.5 12.3334V13.1668V10.6667C16.5 10.2246 16.3244 9.80072 16.0118 9.48816C15.6993 9.17559 15.2754 9 14.8333 9H12.3333M16.5 16.5V17.3333C16.5 17.7754 16.3244 18.1993 16.0118 18.5118C15.6993 18.8244 15.2754 19 14.8333 19H8.16667C7.72464 19 7.30072 18.8244 6.98816 18.5118C6.67559 18.1993 6.5 17.7754 6.5 17.3333V10.6667C6.5 10.2246 6.67559 9.80072 6.98816 9.48816C7.30072 9.17559 7.72464 9 8.16667 9H9","stroke","currentColor","stroke-opacity","0.52","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.5 6.5L21.5 21.5","stroke","#FF7162","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,Ur,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let i=o;return i})();var zr=i=>({componentConfigSignal:i}),Wr=(i,o)=>({condition:i,data:o}),Hr=(i,o)=>({componentConfigSignal:i,variant:o}),Gr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Kr(i,o){if(i&1&&(h(0),b(1,"div",6),T(2,"velt-recording-preview-steps-dialog-camera-button-on-internal",7)(3,"velt-recording-preview-steps-dialog-camera-button-off-internal",7),R(),f()),i&2){let n=g(3).ngIf,e=g();s(),he("velt-recording-preview--icon-button-off",!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)),w("data-testid",e.componentId+"-icon-container"),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function Jr(i,o){if(i&1){let n=ge();b(0,"app-device-permission-button",3)(1,"div",4),Q(2,"translate"),Q(3,"translate"),Q(4,"translate"),pe("click",function(){q(n);let t=g(2).ngIf;return Y(t.toggleVideo())}),u(5,Kr,4,9,"ng-container",5),R()()}if(i&2){let n=g(2).ngIf,e=g();l("darkMode",!!n.darkMode),w("data-testid",e.componentId+"-permission-button"),s(),w("data-testid",e.componentId+"-toggle")("aria-label",X(2,6,"Toggle camera")+" "+(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled?X(3,8,"off"):X(4,10,"on")))("aria-pressed",!!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled)),s(4),l("veltDynamicTemplate",M(15,Gr,e.template,D(12,Hr,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Zr(i,o){if(i&1&&(h(0),u(1,Jr,6,21,"app-device-permission-button",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.type==="screen")}}function Qr(i,o){if(i&1&&(h(0),u(1,Zr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Wr,n.conditionSignal(),P(1,zr,n.componentConfigSignal)))}}var Mi=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,t),this.devicePermissionService=e,this.loggingService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-camera-button",super.initializeComponentConfigSignal(new F)}ngOnChanges(e){try{if(e.componentConfigSignal){let t=this.componentConfigSignal();!t?.mediaState?.video?.enabled&&t.type==="video"&&this.devicePermissionService.openDevicePermissionDeniedDialog("video",{darkMode:!1})}}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent ngOnChanges:",t)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),!this.componentConfigSignal()?.mediaState?.video?.enabled&&this.componentConfigSignal().type==="video"&&this.devicePermissionService.openDevicePermissionDeniedDialog("video",{darkMode:!1})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","group"),e.setAttribute("aria-label","Camera control buttons")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(Ve),S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B,Ee],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","video",3,"darkMode",4,"ngIf"],["type","video",3,"darkMode"],["role","button","tabindex","0",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--icon-button"],[3,"componentConfigSignal","template","variant"]],template:function(t,r){t&1&&u(0,Qr,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,Oi,ki,oe],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-recording-preview--icon-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-3xl);cursor:pointer;border:1.5px solid var(--velt-border-2);background:var(--velt-background-0);color:var(--velt-text-2);transition:all .2s ease}.velt-recording-preview--icon-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-3)}"],changeDetection:0});let i=o;return i})();var Fi=i=>({componentConfigSignal:i}),qr=(i,o)=>({condition:i,data:o}),Yr=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-settings-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function eo(i,o){if(i&1&&(h(0),b(1,"div",5),le(),b(2,"svg",6),T(3,"path",7)(4,"path",8),R()(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon-container"),s(),w("data-testid",n.componentId+"-icon")}}function to(i,o){if(i&1){let n=ge();b(0,"div",3),Q(1,"translate"),Q(2,"translate"),Q(3,"translate"),pe("click",function(t){q(n);let r=g(2).ngIf;return Y(r.toggleSettings(t))})("keydown.enter",function(t){q(n);let r=g(2).ngIf;return Y(r.toggleSettings(t))})("keydown.space",function(t){q(n);let r=g(2).ngIf;return Y(r.toggleSettings(t))}),u(4,eo,5,2,"ng-container",4),R()}if(i&2){let n=g(2).ngIf,e=g();he("velt-recording-preview--settings-button-open",n.isSettingsOpen),w("data-testid",e.componentId+"-button")("aria-label",(n.isSettingsOpen?X(1,7,"Close"):X(2,9,"Open"))+" "+X(3,11,"recording settings"))("aria-expanded",n.isSettingsOpen)("aria-controls",e.componentId+"-panel"),s(4),l("veltDynamicTemplate",M(15,Yr,e.template,P(13,Fi,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function io(i,o){if(i&1&&(h(0),u(1,to,5,21,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",!n.countdownStarted)}}function no(i,o){if(i&1&&(h(0),u(1,io,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,qr,n.conditionSignal(),P(1,Fi,n.componentConfigSignal)))}}var lt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-settings",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording preview settings")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-settings"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"velt-recording-preview--settings-button-open","click","keydown.enter","keydown.space",4,"ngIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview--settings-button"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M10.325 4.317C10.751 2.561 13.249 2.561 13.675 4.317C13.7389 4.5808 13.8642 4.82578 14.0407 5.032C14.2172 5.23822 14.4399 5.39985 14.6907 5.50375C14.9414 5.60764 15.2132 5.65085 15.4838 5.62987C15.7544 5.60889 16.0162 5.5243 16.248 5.383C17.791 4.443 19.558 6.209 18.618 7.753C18.4769 7.98466 18.3924 8.24634 18.3715 8.51677C18.3506 8.78721 18.3938 9.05877 18.4975 9.30938C18.6013 9.55999 18.7627 9.78258 18.9687 9.95905C19.1747 10.1355 19.4194 10.2609 19.683 10.325C21.439 10.751 21.439 13.249 19.683 13.675C19.4192 13.7389 19.1742 13.8642 18.968 14.0407C18.7618 14.2172 18.6001 14.4399 18.4963 14.6907C18.3924 14.9414 18.3491 15.2132 18.3701 15.4838C18.3911 15.7544 18.4757 16.0162 18.617 16.248C19.557 17.791 17.791 19.558 16.247 18.618C16.0153 18.4769 15.7537 18.3924 15.4832 18.3715C15.2128 18.3506 14.9412 18.3938 14.6906 18.4975C14.44 18.6013 14.2174 18.7627 14.0409 18.9687C13.8645 19.1747 13.7391 19.4194 13.675 19.683C13.249 21.439 10.751 21.439 10.325 19.683C10.2611 19.4192 10.1358 19.1742 9.95929 18.968C9.7828 18.7618 9.56011 18.6001 9.30935 18.4963C9.05859 18.3924 8.78683 18.3491 8.51621 18.3701C8.24559 18.3911 7.98375 18.4757 7.752 18.617C6.209 19.557 4.442 17.791 5.382 16.247C5.5231 16.0153 5.60755 15.7537 5.62848 15.4832C5.64942 15.2128 5.60624 14.9412 5.50247 14.6906C5.3987 14.44 5.23726 14.2174 5.03127 14.0409C4.82529 13.8645 4.58056 13.7391 4.317 13.675C2.561 13.249 2.561 10.751 4.317 10.325C4.5808 10.2611 4.82578 10.1358 5.032 9.95929C5.23822 9.7828 5.39985 9.56011 5.50375 9.30935C5.60764 9.05859 5.65085 8.78683 5.62987 8.51621C5.60889 8.24559 5.5243 7.98375 5.383 7.752C4.443 6.209 6.209 4.442 7.753 5.382C8.753 5.99 10.049 5.452 10.325 4.317Z","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["d","M9 12C9 12.7956 9.31607 13.5587 9.87868 14.1213C10.4413 14.6839 11.2044 15 12 15C12.7956 15 13.5587 14.6839 14.1213 14.1213C14.6839 13.5587 15 12.7956 15 12C15 11.2044 14.6839 10.4413 14.1213 9.87868C13.5587 9.31607 12.7956 9 12 9C11.2044 9 10.4413 9.31607 9.87868 9.87868C9.31607 10.4413 9 11.2044 9 12Z","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,no,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],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-recording-preview--settings-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);display:flex;align-items:center;justify-content:center;border-radius:var(--velt-border-radius-full);cursor:pointer;border:1.5px solid var(--velt-border-2);background:var(--velt-background-0);color:var(--velt-text-2);transition:all .2s ease}.velt-recording-preview--settings-button[_ngcontent-%COMP%]:hover{border:1.5px solid var(--velt-border-3);background:var(--velt-background-1);color:var(--velt-text-3)}.velt-recording-preview--settings-button-open[_ngcontent-%COMP%]{background:var(--velt-background-0);border-radius:var(--velt-border-radius-full)}.velt-recording-preview--settings-button-open[_ngcontent-%COMP%]   .velt-recording-preview--settings-button[_ngcontent-%COMP%]{color:var(--velt-accent);border:1.5px solid var(--velt-accent-transparent);background:var(--velt-accent-transparent)}"],changeDetection:0});let i=o;return i})();var ro=i=>({componentConfigSignal:i}),oo=(i,o)=>({condition:i,data:o}),ao=(i,o)=>({componentConfigSignal:i,variant:o}),co=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-close-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function so(i,o){if(i&1&&(h(0),b(1,"div",5),le(),b(2,"svg",6),T(3,"path",7),R()(),f()),i&2){let n=g(4);s(),w("data-testid",n.componentId+"-icon")}}function lo(i,o){if(i&1){let n=ge();b(0,"div",3),Q(1,"translate"),pe("click",function(){q(n);let t=g(2).ngIf;return Y(t.closeDialog())}),u(2,so,4,1,"ng-container",4),R()}if(i&2){let n=g(3);w("data-testid",n.componentId)("aria-label",X(1,3,"Cancel recording")),s(2),l("veltDynamicTemplate",M(8,co,n.template,D(5,ao,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function go(i,o){if(i&1&&(h(0),u(1,lo,3,14,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.countdownStarted)}}function po(i,o){if(i&1&&(h(0),u(1,go,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,oo,n.conditionSignal(),P(1,ro,n.componentConfigSignal)))}}var $i=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-close",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close recording preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-close"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-recording-preview--bottom-panel-close","role","button","tabindex","0",3,"click",4,"ngIf"],["role","button","tabindex","0",1,"velt-recording-preview--bottom-panel-close",3,"click"],[4,"veltDynamicTemplate"],["aria-hidden","true",1,"velt-recording-preview--close"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","role","img","aria-hidden","true"],["d","M12 3.99805L4 11.998M4 3.99805L12 11.998","stroke","currentColor","stroke-width","1.33333","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,r){t&1&&u(0,po,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,oe],styles:[".velt-recording-preview--close[_ngcontent-%COMP%]{padding:var(--velt-spacing-sm);cursor:pointer;display:flex;color:var(--velt-text-12);transition:all .2s ease}.velt-recording-preview--close[_ngcontent-%COMP%]:hover{color:var(--velt-text-10)}"],changeDetection:0});let i=o;return i})();var vo=i=>({componentConfigSignal:i}),uo=(i,o)=>({condition:i,data:o}),ho=(i,o)=>({componentConfigSignal:i,variant:o}),fo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-countdown-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function So(i,o){if(i&1&&(b(0,"div",4),Ce(1),R()),i&2){let n=g(3).ngIf,e=g();w("data-testid",e.componentId)("aria-label","Recording starts in "+n.countdown+" seconds"),s(),be(" ",n.countdown," ")}}function Co(i,o){if(i&1&&(h(0),u(1,So,2,3,"div",3),f()),i&2){let n=g(2).ngIf;s(),l("ngIf",n.countdownStarted)}}function _o(i,o){if(i&1&&(h(0),u(1,Co,2,1,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,fo,n.template,D(1,ho,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function yo(i,o){if(i&1&&(h(0),u(1,_o,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,uo,n.conditionSignal(),P(1,vo,n.componentConfigSignal)))}}var Vi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-countdown",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-recording-preview--countdown","role","timer","aria-live","polite",4,"ngIf"],["role","timer","aria-live","polite",1,"velt-recording-preview--countdown"]],template:function(t,r){t&1&&u(0,yo,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],styles:[".velt-recording-preview--countdown[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;font-size:var(--velt-font-size-sm);font-weight:500;color:var(--velt-text-4)}"],changeDetection:0});let i=o;return i})();var bo=i=>({componentConfigSignal:i}),Io=(i,o)=>({condition:i,data:o}),xt=(i,o)=>({componentConfigSignal:i,variant:o}),Et=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-icon-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Do(i,o){if(i&1&&(h(0),b(1,"div",5),le(),b(2,"svg",6),T(3,"path",7)(4,"path",8),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-video")}}function Ro(i,o){if(i&1&&(h(0),u(1,Do,5,1,"ng-container",4),f()),i&2){let n=g(4);s(),l("veltDynamicTemplate",M(4,Et,n.template,D(1,xt,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function xo(i,o){if(i&1&&(h(0),b(1,"div",9),le(),b(2,"svg",6),T(3,"path",10),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-screen")}}function Eo(i,o){if(i&1&&(h(0),u(1,xo,4,1,"ng-container",4),f()),i&2){let n=g(4);s(),l("veltDynamicTemplate",M(4,Et,n.template,D(1,xt,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Po(i,o){if(i&1&&(h(0),b(1,"div",11),le(),b(2,"svg",6),T(3,"path",12),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-audio")}}function Ao(i,o){if(i&1&&(h(0),u(1,Po,4,1,"ng-container",4),f()),i&2){let n=g(4);s(),l("veltDynamicTemplate",M(4,Et,n.template,D(1,xt,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function To(i,o){if(i&1&&(h(0)(1,2),b(2,"div"),u(3,Ro,2,10,"ng-container",3)(4,Eo,2,10,"ng-container",3)(5,Ao,2,10,"ng-container",3),R(),f()()),i&2){let n=g(2).ngIf,e=g();s(),l("ngSwitch",n.type),s(),he("velt-recording-preview--recording-started",n.countdownStarted),w("data-testid",e.componentId),s(),l("ngSwitchCase","video"),s(),l("ngSwitchCase","screen"),s(),l("ngSwitchCase","audio")}}function Oo(i,o){if(i&1&&(h(0),u(1,To,6,7,"ng-container",0),f()),i&2){let n=g().ngIf,e=g();s(),l("ngIf",!e.type||e.type===n.type)}}function ko(i,o){if(i&1&&(h(0),u(1,Oo,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Io,n.conditionSignal(),P(1,bo,n.componentConfigSignal)))}}var ji=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-icon",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label",`${this.type||""} recording icon`)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-icon"]],inputs:{type:"type",variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"ngSwitch"],[4,"ngSwitchCase"],[4,"veltDynamicTemplate"],["role","img","aria-label","Video recording icon | translate",1,"velt-recording-preview--bottom-panel-icon"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M14.6657 10.2226L18.7128 8.19949C18.8483 8.13179 18.9988 8.09983 19.1501 8.10664C19.3014 8.11346 19.4485 8.15882 19.5773 8.23843C19.7062 8.31803 19.8126 8.42924 19.8864 8.56151C19.9602 8.69377 19.9989 8.8427 19.999 8.99415V15.0066C19.9989 15.1581 19.9602 15.307 19.8864 15.4392C19.8126 15.5715 19.7062 15.6827 19.5773 15.7623C19.4485 15.8419 19.3014 15.8873 19.1501 15.8941C18.9988 15.9009 18.8483 15.869 18.7128 15.8013L14.6657 13.7782V10.2226Z","stroke","white","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["d","M3.99902 8.44428C3.99902 7.97279 4.18632 7.5206 4.51972 7.1872C4.85312 6.8538 5.30531 6.6665 5.7768 6.6665H12.8879C13.3594 6.6665 13.8116 6.8538 14.145 7.1872C14.4784 7.5206 14.6657 7.97279 14.6657 8.44428V15.5554C14.6657 16.0269 14.4784 16.4791 14.145 16.8125C13.8116 17.1459 13.3594 17.3332 12.8879 17.3332H5.7768C5.30531 17.3332 4.85312 17.1459 4.51972 16.8125C4.18632 16.4791 3.99902 16.0269 3.99902 15.5554V8.44428Z","stroke","white","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],["role","img","aria-label","Screen recording icon | translate",1,"velt-recording-preview--bottom-panel-icon"],["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"],["role","img","aria-label","Audio recording icon | translate",1,"velt-recording-preview--bottom-panel-icon"],["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(t,r){t&1&&u(0,ko,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,Mt,Ft,L,z],styles:[".velt-recording-preview--bottom-panel-icon[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);background:var(--velt-accent);border-radius:var(--velt-border-radius-full);display:flex;margin-right:var(--velt-spacing-md);color:var(--velt-accent-foreground)}.velt-recording-preview--recording-started[_ngcontent-%COMP%]   .velt-recording-preview--bottom-panel-icon[_ngcontent-%COMP%]{padding:var(--velt-spacing-sm)}"],changeDetection:0});let i=o;return i})();var Fo=i=>({componentConfigSignal:i}),Bo=(i,o)=>({condition:i,data:o}),$o=(i,o)=>({componentConfigSignal:i,variant:o}),Vo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function jo(i,o){if(i&1&&(b(0,"div",6),Ce(1),Q(2,"translate"),T(3,"app-recording-preview-steps-dialog-bottom-panel-countdown",4),R()),i&2){let n=g(4);w("data-testid",n.componentId+"-countdown"),s(),be(" ",X(2,5,"Starting recording in")," "),s(2),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function No(i,o){if(i&1&&(h(0),b(1,"div",3),Q(2,"translate"),T(3,"app-recording-preview-steps-dialog-bottom-panel-icon",4),u(4,jo,4,7,"div",5),T(5,"app-recording-preview-steps-dialog-bottom-panel-close",4),R(),f()),i&2){let n=g(2).ngIf,e=g();s(),he("velt-recording-preview--recording-started",n.countdownStarted),w("data-testid",e.componentId)("aria-label",X(2,11,"Recording preview bottom panel")),s(2),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),s(),l("ngIf",n.countdownStarted),s(),l("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function Uo(i,o){if(i&1&&(h(0),u(1,No,6,13,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,Vo,n.template,D(1,$o,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Lo(i,o){if(i&1&&(h(0),u(1,Uo,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Bo,n.conditionSignal(),P(1,Fo,n.componentConfigSignal)))}}var gt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording controls bottom panel")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region",1,"velt-recording-preview--bottom-panel"],[3,"componentConfigSignal","template","variant"],["class","velt-recording-preview--countdown","role","status","aria-live","polite",4,"ngIf"],["role","status","aria-live","polite",1,"velt-recording-preview--countdown"]],template:function(t,r){t&1&&u(0,Lo,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,$i,Vi,ji,oe],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:fixed;bottom:5%}.velt-recording-preview--bottom-panel[_ngcontent-%COMP%]{opacity:0;animation:_ngcontent-%COMP%_showAfterDelay .4s forwards}@keyframes _ngcontent-%COMP%_showAfterDelay{0%{opacity:0}99%{opacity:0}to{opacity:1}}.velt-recording-preview--recording-started[_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);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)}.velt-recording-preview--countdown[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;font-size:var(--velt-font-size-sm);font-weight:500;color:var(--velt-text-4);gap:var(--velt-spacing-xs)}"],changeDetection:0});let i=o;return i})();var Ui=i=>({componentConfigSignal:i}),zo=(i,o)=>({condition:i,data:o}),Wo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-settings-panel-wireframe",variant:n,setIfCondition:e,componentElementRef:t,replaceTemplate:!1}),Ho=()=>["video","screen"];function Go(i,o){if(i&1&&(h(0),T(1,"velt-media-source-settings-internal",3),Q(2,"translate"),f()),i&2){let n=g(2).ngIf;s(),l("showMicSettings",!0)("shadowDom",n.shadowDom)("showCamSettings",Me(8,Ho).includes(n.type))("isOpen",n.isSettingsOpen)("config",n),w("aria-label",X(2,6,"Media source settings"))}}function Ko(i,o){if(i&1&&(h(0),u(1,Go,3,9,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(3,Wo,n.template,P(1,Ui,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Jo(i,o){if(i&1&&(h(0),u(1,Ko,2,9,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,zo,n.conditionSignal(),P(1,Ui,n.componentConfigSignal)))}}var pt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-settings-panel",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Recording settings panel"),e.setAttribute("aria-modal","true"),e.setAttribute("tabindex","-1"),this.componentConfigSignal().isSettingsOpen?e.setAttribute("aria-hidden","false"):e.setAttribute("aria-hidden","true")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["velt-recording-preview-steps-dialog-settings-panel-internal"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","group",3,"showMicSettings","shadowDom","showCamSettings","isOpen","config"]],template:function(t,r){t&1&&u(0,Jo,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let i=o;return i})();var Zo=i=>({componentConfigSignal:i}),Qo=(i,o)=>({condition:i,data:o}),Xo=(i,o)=>({componentConfigSignal:i,variant:o}),qo=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-waveform-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Yo(i,o){if(i&1&&(h(0),T(1,"app-audio-waveform",3),f()),i&2){let n=g(2).ngIf,e=g();s(),l("variant",n.type==="audio"?"preview":"preview-mini")("previewStream",e.streamSignal())("muteMic",!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled)),w("data-testid",e.componentId)}}function ea(i,o){if(i&1&&(h(0),u(1,Yo,2,4,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,qo,n.template,D(1,Xo,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function ta(i,o){if(i&1&&(h(0),u(1,ea,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Qo,n.conditionSignal(),P(1,Zo,n.componentConfigSignal)))}}var mt=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.streamSignal=We(null),this.componentId="velt-recording-preview-steps-dialog-waveform",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),this.setupAudioElements()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogWaveformComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.cleanupAudio()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogWaveformComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label","Audio waveform visualization"),e.setAttribute("aria-live","polite")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogWaveformComponent setupA11yAttributes:",e)}}setupAudioElements(){return A(this,null,function*(){try{this.audioContext=new AudioContext,this.streamSignal.set(yield navigator.mediaDevices.getUserMedia({audio:!0}))}catch(e){this.loggingService.catch("Error accessing the microphone",e)}})}cleanupAudio(){try{this.audioContext&&(this.audioContext.close(),this.audioContext=null);let e=this.streamSignal();e&&(e.getTracks().forEach(t=>t.stop()),this.streamSignal.set(null))}catch(e){this.loggingService.catch("Error cleaning up audio resources:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-waveform"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","img","aria-live","polite",3,"variant","previewStream","muteMic"]],template:function(t,r){t&1&&u(0,ta,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let i=o;return i})();var ia=i=>({componentConfigSignal:i}),na=(i,o)=>({condition:i,data:o}),ra=(i,o)=>({componentConfigSignal:i,variant:o}),oa=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-screen-player-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function aa(i,o){if(i&1&&(h(0),T(1,"video",3),f()),i&2){let n=g(2).ngIf,e=g();s(),l("srcObject",n.mediaConfig==null||n.mediaConfig.screen==null?null:n.mediaConfig.screen.stream)("volume",0),w("data-testid",e.componentId)}}function ca(i,o){if(i&1&&(h(0),u(1,aa,2,3,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,oa,n.template,D(1,ra,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function sa(i,o){if(i&1&&(h(0),u(1,ca,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,na,n.conditionSignal(),P(1,ia,n.componentConfigSignal)))}}var Wi=(()=>{let o=class o extends V{constructor(e,t,r){super(t,r,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-screen-player",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogScreenPlayerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogScreenPlayerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogScreenPlayerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-screen-player"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["id","screen-player","autoplay","","muted","true","playsinline","","webkit-playsinline","true","x-webkit-airplay","allow","role","application","aria-live","polite",1,"velt-recording-preview-screen--player",3,"srcObject","volume"]],template:function(t,r){t&1&&u(0,sa,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z],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}video[_ngcontent-%COMP%]{width:100%;height:100%;z-index:9999}.velt-recording-preview-screen--player[_ngcontent-%COMP%]{object-fit:cover}"],changeDetection:0});let i=o;return i})();var ga=i=>({componentConfigSignal:i}),pa=(i,o)=>({condition:i,data:o}),ma=()=>["video","screen"],va=(i,o)=>({componentConfigSignal:i,variant:o}),ua=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-video-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function ha(i,o){i&1&&He(0)}function fa(i,o){if(i&1&&(b(0,"velt-shadow-dom-internal"),u(1,ha,1,0,"ng-container",5),R()),i&2){g();let n=Pe(3);s(),l("ngTemplateOutlet",n)}}function Sa(i,o){if(i&1&&(h(0),T(1,"app-recording-preview-steps-dialog-video-player",9)(2,"app-recording-preview-steps-dialog-screen-player",9),b(3,"div",10)(4,"div",11),T(5,"app-recording-preview-steps-dialog-waveform",9)(6,"app-recording-preview-steps-dialog-close-button",12),R(),T(7,"app-recording-preview-steps-dialog-timer",12)(8,"app-recording-preview-steps-dialog-camera-off-message",12),b(9,"div",13),T(10,"velt-recording-preview-steps-dialog-settings-panel-internal",9),b(11,"app-recording-preview-steps-dialog-button-panel",12),T(12,"app-recording-preview-steps-dialog-start-recording",12)(13,"velt-recording-preview-steps-dialog-mic-button-internal",12)(14,"velt-recording-preview-steps-dialog-camera-button-internal",12)(15,"app-recording-preview-steps-dialog-settings",12),R(),T(16,"app-recording-preview-steps-dialog-bottom-panel",12),R()(),f()),i&2){let n=g(5);s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal),s(),w("data-testid",n.componentId+"-overlay"),s(),w("data-testid",n.componentId+"-header"),s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),w("data-testid",n.componentId+"-settings"),s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function Ca(i,o){if(i&1){let n=ge();b(0,"div",7,1),pe("pointerdown",function(t){return q(n),Y(t.stopPropagation())})("pointerup",function(t){return q(n),Y(t.stopPropagation())})("click",function(t){q(n);let r=g(3).ngIf;return Y(r.handleOverlayClick(t))}),u(2,Sa,17,34,"ng-container",8),R()}if(i&2){let n=g(4);w("data-testid",n.componentId),s(2),l("veltDynamicTemplate",M(5,ua,n.template,D(2,va,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function _a(i,o){if(i&1&&u(0,Ca,3,11,"div",6),i&2){let n=g(2).ngIf;l("ngIf",Me(1,ma).includes(n.type))}}function ya(i,o){if(i&1&&(h(0),u(1,fa,2,1,"velt-shadow-dom-internal",4)(2,_a,1,2,"ng-template",null,0,Ge),f()),i&2){let n=Pe(3),e=g().ngIf,t=g();s(),l("ngIf",e.shadowDom&&!t.template||t.template&&e.isExplicitShadowDom)("ngIfElse",n)}}function wa(i,o){if(i&1&&(h(0),u(1,ya,4,2,"ng-container",3),f()),i&2){let n=g();s(),l("veltIf",D(3,pa,n.conditionSignal(),P(1,ga,n.componentConfigSignal)))}}var Hi=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-video",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-recording-preview-steps-dialog-video-wireframe";super.ngOnInit(),this.setupA11yAttributes(),this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let r=document.createElement(t.tagName);r.innerHTML=t.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent OnInit: ",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(r=>(r=U(y({},r),{[t]:e[t].currentValue}),r))})}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent ngOnChanges: ",t)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview area")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(nt),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-video"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B,Ee],decls:1,vars:1,consts:[["videoDialogRef",""],["recordingPreviewDialogRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["role","dialog","class","velt-recording-preview-video",3,"pointerdown","pointerup","click",4,"ngIf"],["role","dialog",1,"velt-recording-preview-video",3,"pointerdown","pointerup","click"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal"],["role","region","aria-label","Video controls overlay",1,"velt-recording-preview-video--overlay"],["role","region","aria-label","Video header controls",1,"velt-recording-preview-video--header"],[3,"componentConfigSignal","template","variant"],["role","region","aria-label","Recording settings and controls",1,"velt-recording-preview-video--settings"]],template:function(t,r){t&1&&u(0,wa,2,6,"ng-container",2),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,Ke,L,z,ot,at,hi,fi,ct,st,dt,Mi,lt,gt,pt,mt,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}[_nghost-%COMP%]{width:100%;height:100%}.velt-recording-preview-video[_ngcontent-%COMP%], .velt-recording-preview-video--header[_ngcontent-%COMP%]{display:flex}.velt-recording-preview-video[_ngcontent-%COMP%]{position:relative;background:var(--velt-background-0);flex-direction:column;align-items:center;overflow:hidden;border-radius:var(--velt-border-radius-lg);width:calc((50rem + 0px) * var(--velt-base-rem-unit));height:calc((30rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}@media screen and (max-width:768px){.velt-recording-preview-video[_ngcontent-%COMP%]{width:calc((35rem + 0px) * var(--velt-base-rem-unit));height:calc((25rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}}@media screen and (max-width:425px){  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog{width:calc(1 * var(--legacy-velt-viewport-width));max-width:calc(1 * var(--legacy-velt-viewport-width))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-video{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));max-width:calc(1 * var(--legacy-velt-viewport-width));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-video video{height:100%}}.velt-recording-preview-video--overlay[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:var(--velt-spacing-2xl);content:"";position:absolute;border-radius:var(--velt-border-radius-lg);z-index:1;inset:0}.velt-recording-preview-video--header[_ngcontent-%COMP%]{justify-content:space-between;width:100%;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit));align-items:flex-start}.velt-recording-preview-video--settings[_ngcontent-%COMP%]{width:366px;display:flex;flex-direction:column;gap:var(--velt-spacing-lg);align-items:center;justify-content:center;position:relative}'],changeDetection:0});let i=o;return i})();var Ia=i=>({componentConfigSignal:i}),Da=(i,o)=>({condition:i,data:o}),Ra=(i,o)=>({componentConfigSignal:i,variant:o}),xa=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-audio-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Ea(i,o){i&1&&He(0)}function Pa(i,o){if(i&1&&(b(0,"velt-shadow-dom-internal"),u(1,Ea,1,0,"ng-container",5),R()),i&2){g();let n=Pe(3);s(),l("ngTemplateOutlet",n)}}function Aa(i,o){if(i&1&&(h(0),b(1,"div",9)(2,"div",10),T(3,"app-recording-preview-steps-dialog-close-button",11),R(),T(4,"app-recording-preview-steps-dialog-timer",11)(5,"app-recording-preview-steps-dialog-waveform",12),b(6,"div",13),T(7,"velt-recording-preview-steps-dialog-settings-panel-internal",12),b(8,"app-recording-preview-steps-dialog-button-panel",11),T(9,"app-recording-preview-steps-dialog-start-recording",11)(10,"velt-recording-preview-steps-dialog-mic-button-internal",11)(11,"app-recording-preview-steps-dialog-settings",11),R(),T(12,"app-recording-preview-steps-dialog-bottom-panel",11),R()(),f()),i&2){let n=g(5);s(),w("data-testid",n.componentId+"-overlay"),s(),w("data-testid",n.componentId+"-header"),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal),s(),w("data-testid",n.componentId+"-settings")("role","group")("aria-label","Recording settings"),s(),l("componentConfigSignal",n.componentConfigSignal),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant),s(),l("componentConfigSignal",n.componentConfigSignal)("template",n.template)("variant",n.variant)}}function Ta(i,o){if(i&1){let n=ge();b(0,"div",7,1),Q(2,"translate"),pe("pointerdown",function(t){return q(n),Y(t.stopPropagation())})("pointerup",function(t){return q(n),Y(t.stopPropagation())})("click",function(t){q(n);let r=g(3).ngIf;return Y(r.handleOverlayClick(t))}),u(3,Aa,13,28,"ng-container",8),R()}if(i&2){let n=g(4);w("data-testid",n.componentId)("role","dialog")("aria-label",X(2,4,"Audio recording preview")),s(3),l("veltDynamicTemplate",M(9,xa,n.template,D(6,Ra,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Oa(i,o){if(i&1&&u(0,Ta,4,15,"div",6),i&2){let n=g(2).ngIf;l("ngIf",n.type==="audio")}}function ka(i,o){if(i&1&&(h(0),u(1,Pa,2,1,"velt-shadow-dom-internal",4)(2,Oa,1,1,"ng-template",null,0,Ge),f()),i&2){let n=Pe(3),e=g().ngIf,t=g();s(),l("ngIf",e.shadowDom&&!t.template||t.template&&e.isExplicitShadowDom)("ngIfElse",n)}}function Ma(i,o){if(i&1&&(h(0),u(1,ka,4,2,"ng-container",3),f()),i&2){let n=g();s(),l("veltIf",D(3,Da,n.conditionSignal(),P(1,Ia,n.componentConfigSignal)))}}var Gi=(()=>{let o=class o extends V{constructor(e,t,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=t,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-audio",super.initializeComponentConfigSignal(new F)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-recording-preview-steps-dialog-audio-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let r=document.createElement(t.tagName);r.innerHTML=t.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(nt),S(O),S(C))},o.\u0275cmp=k({type:o,selectors:[["app-recording-preview-steps-dialog-audio"]],inputs:{variant:"variant"},standalone:!1,features:[$([C]),B],decls:1,vars:1,consts:[["audioDialogRef",""],["recordingPreviewDialogRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["class","velt-recording-preview-audio",3,"pointerdown","pointerup","click",4,"ngIf"],[1,"velt-recording-preview-audio",3,"pointerdown","pointerup","click"],[4,"veltDynamicTemplate"],[1,"velt-recording-preview-audio--overlay"],[1,"velt-recording-preview-audio--header"],[3,"componentConfigSignal","template","variant"],[3,"componentConfigSignal"],[1,"velt-recording-preview-audio--settings"]],template:function(t,r){t&1&&u(0,Ma,2,6,"ng-container",2),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,Ke,L,z,ot,at,ct,st,dt,lt,gt,pt,mt,oe],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%}.velt-recording-preview-audio[_ngcontent-%COMP%], .velt-recording-preview-audio--header[_ngcontent-%COMP%]{display:flex}.velt-recording-preview-audio[_ngcontent-%COMP%]{position:relative;width:calc((50rem + 0px) * var(--velt-base-rem-unit));height:calc((30rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}.velt-recording-preview-audio[_ngcontent-%COMP%]   .velt-recording-preview-audio--audio-waves[_ngcontent-%COMP%]{transform:scale(1.5);height:100%;z-index:-1}@media screen and (max-width:768px){.velt-recording-preview-audio[_ngcontent-%COMP%]{width:calc((35rem + 0px) * var(--velt-base-rem-unit));height:calc((25rem + 0px) * var(--velt-base-rem-unit));max-width:calc(.8 * var(--legacy-velt-viewport-width))}}@media screen and (max-width:425px){  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog{width:calc(1 * var(--legacy-velt-viewport-width));max-width:calc(1 * var(--legacy-velt-viewport-width))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-audio{width:calc(1 * var(--legacy-velt-viewport-width));height:calc(1 * var(--legacy-velt-viewport-height));max-width:calc(1 * var(--legacy-velt-viewport-width));border-radius:calc((0rem + 0px) * var(--velt-base-rem-unit))}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .velt-recording-preview-audio video{height:100%}}.velt-recording-preview-audio--overlay[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:var(--velt-spacing-2xl);content:"";position:absolute;border-radius:var(--velt-border-radius-lg);border:1px solid var(--velt-border-2);background:var(--velt-background-0);z-index:1;inset:0}.velt-recording-preview-audio--header[_ngcontent-%COMP%]{justify-content:flex-end;width:100%;gap:var(--velt-spacing-sm);align-items:center}.velt-recording-preview-audio--settings[_ngcontent-%COMP%]{width:366px;display:flex;flex-direction:column;gap:var(--velt-spacing-lg);align-items:center;justify-content:center;position:relative;pointer-events:auto}'],changeDetection:0});let i=o;return i})();var Ba=()=>["video","screen"];function $a(i,o){if(i&1&&T(0,"app-recording-preview-steps-dialog-video",4),i&2){let n=g(2);l("componentConfigSignal",n.componentConfigSignal)}}function Va(i,o){if(i&1&&T(0,"app-recording-preview-steps-dialog-audio",4),i&2){let n=g(2);l("componentConfigSignal",n.componentConfigSignal)}}function ja(i,o){if(i&1&&(h(0),b(1,"div",2,0),u(3,$a,1,1,"app-recording-preview-steps-dialog-video",3)(4,Va,1,1,"app-recording-preview-steps-dialog-audio",3),R(),f()),i&2){let n=o.ngIf,e=Pe(2),t=g();s(),l("snippylyOverlay",e)("snippylyOverlayZIndex",2e3),w("aria-label","Recording preview - "+n.type+" mode")("data-testid",t.componentId),s(2),l("ngIf",Me(6,Ba).includes(n.type)),s(),l("ngIf",n.type==="audio")}}var Zi=(()=>{let o=class o{constructor(e,t,r,a,c,p,d){this.loggingService=e,this.recorderService=t,this.dialog=r,this.devicePermissionService=a,this.dialogRef=c,this.elementRef=p,this.data=d,this.darkMode=!1,this.shadowDom=!0,this.startCountdownFrom=3,this.defaultMediaSourceOptions=Zt(),this.recordingCountdownEnabled=!1,this.subscriptions=[],this.veltElement=!0,this.componentId="velt-recording-preview-steps-dialog",this.componentConfigSignal=We({closeDialog:this.closeDialog.bind(this),startCountdown:this.startCountdown.bind(this),toggleAudio:this.toggleAudio.bind(this),toggleVideo:this.toggleVideo.bind(this),toggleSettings:this.toggleSettings.bind(this),cancelCountdown:this.cancelCountdown.bind(this),updateMediaConfig:this.updateMediaConfig.bind(this),handleOverlayClick:this.handleOverlayClick.bind(this),countdownStarted:!1,mediaConfig:{audio:{enabled:!1},video:{enabled:!1}},mediaState:{audio:{enabled:!1},video:{enabled:!1}},type:"video",countdown:this.startCountdownFrom,mediaStream:void 0,isSettingsOpen:!1,darkMode:this.darkMode,shadowDom:this.shadowDom,isExplicitShadowDom:!1});try{this.devicePermissionService.getPermissionState$("video").subscribe(m=>{this.componentConfigSignal.update(v=>(v=U(y({},v),{mediaState:U(y({},v.mediaState),{video:{enabled:m!=="denied"}})}),v))}),this.devicePermissionService.getPermissionState$("audio").subscribe(m=>{this.componentConfigSignal.update(v=>(v=U(y({},v),{mediaState:U(y({},v.mediaState),{audio:{enabled:m!=="denied"}})}),v))}),this.subscriptions.push(this.recorderService.getRecordingCountdownEnabled$().subscribe(m=>{this.recordingCountdownEnabled=m})),this.subscriptions.push(this.recorderService.getRecordingMicEnabled$().subscribe(m=>{m!==null&&(m?this.toggleAudioOn():this.toggleAudioOff())})),d&&(d.type&&this.componentConfigSignal.update(m=>(m=U(y({},m),{type:d.type}),m)),d.recordingCountdown!==void 0&&(this.recordingCountdownEnabled=!!d.recordingCountdown),d.mediaConfig&&(d.mediaConfig?.audio?.enabled&&!d.mediaConfig?.audio?.deviceId&&(d.mediaConfig.audio.deviceId=this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId),d.mediaConfig?.video?.enabled&&!d.mediaConfig?.video?.deviceId&&(d.mediaConfig.video.deviceId=this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId),d?.darkMode?this.elementRef.nativeElement.setAttribute("dark",""):this.elementRef.nativeElement.removeAttribute("dark"),this.componentConfigSignal.update(m=>(m=U(y({},m),{shadowDom:d?.shadowDom!==!1,isExplicitShadowDom:!!d?.isExplicitShadowDom,darkMode:d.darkMode||!1}),m)),this.updateMediaConfig(d.mediaConfig)))}catch(m){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent constructor: ",m)}}ngOnInit(){try{this.setupA11yAttributes(),this.componentConfigSignal().type==="screen"&&this.subscriptions.push(this.recorderService.getScreenStream$().subscribe(e=>{e&&e.active&&e.getVideoTracks().some(t=>t.readyState==="live")&&this.componentConfigSignal.update(t=>(t=y({},t),t.mediaConfig.screen={enabled:!0,stream:e},t))}))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Recording preview steps dialog")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent setupA11yAttributes:",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(r=>(r=U(y({},r),{[t]:e[t].currentValue}),r))})}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngOnChanges: ",t)}}ngAfterViewInit(){try{this.dialogRef.addPanelClass("snippyly-recording-preview-steps-dialog"),this.dialogRef.disableClose=!0}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngAfterViewInit: ",e)}}toggleSettings(e){try{e.stopPropagation(),this.componentConfigSignal.update(t=>(t=U(y({},t),{isSettingsOpen:!t.isSettingsOpen}),t))}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleSettings: ",t)}}toggleAudio(){try{this.componentConfigSignal().mediaConfig.audio||this.componentConfigSignal.update(r=>(r=U(y({},r),{mediaConfig:U(y({},r.mediaConfig),{audio:{enabled:!0}})}),r));let e=!this.componentConfigSignal().mediaConfig.audio?.enabled;this.componentConfigSignal.update(r=>(r=U(y({},r),{mediaConfig:U(y({},r.mediaConfig),{audio:{enabled:e}})}),r));let t=this.componentConfigSignal().mediaStream?.getAudioTracks()[0];t?t.enabled=e:e&&(this.componentConfigSignal.update(r=>(r=U(y({},r),{mediaConfig:U(y({},r.mediaConfig),{audio:U(y({},r.mediaConfig.audio),{deviceId:this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId})})}),r)),this.updateMediaConfig(this.componentConfigSignal().mediaConfig))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleAudio: ",e)}}toggleAudioOn(){try{this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaConfig:U(y({},t.mediaConfig),{audio:{enabled:!0}})}),t));let e=this.componentConfigSignal().mediaStream?.getAudioTracks()[0];e?e.enabled=!0:(this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaConfig:U(y({},t.mediaConfig),{audio:U(y({},t.mediaConfig.audio),{deviceId:this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId})})}),t)),this.updateMediaConfig(this.componentConfigSignal().mediaConfig))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleAudioOn: ",e)}}toggleAudioOff(){try{this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaConfig:U(y({},t.mediaConfig),{audio:{enabled:!1}})}),t));let e=this.componentConfigSignal().mediaStream?.getAudioTracks()[0];e&&(e.enabled=!1)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleAudioOn: ",e)}}toggleVideo(){try{this.componentConfigSignal.update(e=>(e=y({},e),e.mediaConfig.video||(e.mediaConfig.video={enabled:!0}),e.mediaConfig.video.enabled=!e.mediaConfig.video.enabled,e.mediaConfig.video.deviceId=this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId,e)),this.updateMediaConfig(this.componentConfigSignal().mediaConfig)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent toggleVideo: ",e)}}updateMediaConfig(e){try{this.stopMediaStream(),this.getMediaStream(e)}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent updateMediaConfig: ",t)}}getMediaStream(e){try{if(!navigator.mediaDevices){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream: ","No media devices");return}if(!navigator.mediaDevices.getUserMedia){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream: ","No getUserMedia");return}if(e.audio?.enabled||e.video?.enabled){let t=Ki(e);navigator.mediaDevices.getUserMedia(t).then(r=>{this.componentConfigSignal.update(a=>(a=U(y({},a),{mediaConfig:e,mediaStream:r}),a))}).catch(r=>{this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream catch: ",r)})}else this.componentConfigSignal.update(t=>(t=U(y({},t),{mediaStream:void 0,mediaConfig:e}),t))}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent getMediaStream: ",t)}}stopMediaStream(){try{this.componentConfigSignal.update(e=>(e=y({},e),e.mediaStream?.getTracks().forEach(t=>{t.stop()}),e.mediaStream=void 0,e))}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent stopMediaStream: ",e)}}startCountdown(){return A(this,null,function*(){try{let t=new Te().getBrowserName()==="Firefox",r=null;if(t&&this.componentConfigSignal().type==="screen")try{let a=this.componentConfigSignal().mediaConfig,c=Ki(a);Object.keys(c).length>0&&(r=yield navigator.mediaDevices.getUserMedia(c))}catch(a){this.loggingService.catch("Error getting Firefox user media stream:",a),r=null}if(this.componentConfigSignal().type==="screen"){if(!this.componentConfigSignal().mediaConfig.screen?.stream)try{let c=yield navigator.mediaDevices.getDisplayMedia({video:!0,audio:!0});this.componentConfigSignal.update(p=>(p=y({},p),p.mediaConfig.screen={enabled:!0,stream:c},p))}catch(c){this.loggingService.catch("Error getting screen media stream:",c),this.cancelCountdown();return}this.componentConfigSignal.update(c=>(c=y({},c),r&&(c.mediaConfig.audio?.enabled&&(c.mediaConfig.audio.stream=r),c.mediaConfig.video?.enabled&&(c.mediaConfig.video.stream=r)),c)),this.componentConfigSignal().mediaConfig.screen?.stream?.getTracks().forEach(c=>{c&&(c.onended=()=>{this.cancelCountdown()})})}this.recordingCountdownEnabled?(this.componentConfigSignal.update(a=>(a=U(y({},a),{countdownStarted:!0}),a)),this.countdownInterval=setInterval(()=>{this.componentConfigSignal().countdown>1?this.componentConfigSignal.update(a=>(a=U(y({},a),{countdown:a.countdown-1}),a)):this.closeDialog(this.componentConfigSignal().mediaConfig)},1e3)):this.closeDialog(this.componentConfigSignal().mediaConfig)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent startCountdown: ",e)}})}cancelCountdown(){try{if(this.componentConfigSignal.update(e=>(e=U(y({},e),{countdownStarted:!1,countdown:this.startCountdownFrom}),e)),this.clearInterval(),this.componentConfigSignal().type==="screen"){let e=this.componentConfigSignal().mediaConfig.screen?.stream;e&&e.getTracks().forEach(t=>{t.stop()}),this.componentConfigSignal.update(t=>(t=y({},t),t.mediaConfig.screen=void 0,t))}}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent cancelCountdown: ",e)}}closeDialog(e){return A(this,null,function*(){try{this.clearInterval(),e||(this.stopMediaStream(),this.componentConfigSignal.update(t=>(t=y({},t),t.mediaConfig&&(t.mediaConfig.screen?.stream&&(t.mediaConfig.screen.stream.getTracks().forEach(r=>r.stop()),t.mediaConfig.screen.stream=void 0),t.mediaConfig.audio?.stream&&(t.mediaConfig.audio.stream.getTracks().forEach(r=>r.stop()),t.mediaConfig.audio.stream=void 0),t.mediaConfig.video?.stream&&(t.mediaConfig.video.stream.getTracks().forEach(r=>r.stop()),t.mediaConfig.video.stream=void 0)),t))),this.dialogRef.close(e)}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent closeDialog: ",t)}})}handleOverlayClick(e){try{this.componentConfigSignal.update(t=>(t=U(y({},t),{isSettingsOpen:!1}),t)),e.stopPropagation()}catch(t){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent handleOverlayClick: ",t)}}clearInterval(){try{this.countdownInterval&&(clearInterval(this.countdownInterval),this.countdownInterval=void 0)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent clearInterval: ",e)}}ngOnDestroy(){try{this.clearInterval(),this.stopMediaStream(),this.subscriptions.forEach(e=>{e?.unsubscribe()})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogComponent ngOnDestroy: ",e)}}};o.\u0275fac=function(t){return new(t||o)(S(E),S(vt),S(Fe),S(Ve),S(jt),S(O),S(Nt,8))},o.\u0275cmp=k({type:o,selectors:[["snippyly-recording-preview-steps-dialog"]],hostVars:1,hostBindings:function(t,r){t&2&&w("data-velt-element",r.veltElement)},inputs:{darkMode:"darkMode",shadowDom:"shadowDom"},standalone:!1,features:[Ee],decls:1,vars:1,consts:[["recordingPreviewDialogRef",""],[4,"ngIf"],["role","dialog","aria-modal","true",3,"snippylyOverlay","snippylyOverlayZIndex"],[3,"componentConfigSignal",4,"ngIf"],[3,"componentConfigSignal"]],template:function(t,r){t&1&&u(0,ja,5,7,"ng-container",1),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,di,Hi,Gi],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-mat-dialog-container.snippyly-recording-preview-steps-dialog{max-width:none}  .velt-mat-dialog-container.snippyly-recording-preview-steps-dialog mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{background:transparent;padding:0;margin:0;border-radius:var(--velt-border-radius-lg)}"],changeDetection:0});let i=o;return i})();function Ki(i){try{let o={};return i.audio?.enabled&&(o.audio={deviceId:i.audio.deviceId?{exact:i.audio.deviceId}:void 0}),i.video?.enabled&&(o.video={deviceId:i.video.deviceId?{exact:i.video.deviceId}:void 0}),o}catch{return{}}}var Xi=(()=>{let o=class o{constructor(e){this.loggingService=e,this.isPipActive$=new J(!1),this.pipStopRecordingTriggered$=new J(!1),this.pipPauseRecordingTriggered$=new J(!1),this.pictureInPicture$=new J(!1),this.pipClearRecordingTriggered$=new J(!1)}getPipClearRecordingTriggered$(){return this.pipClearRecordingTriggered$.asObservable()}resetPipClearRecordingTriggered(){this.pipClearRecordingTriggered$.next(!1)}openPictureInPicture(e,t){return A(this,null,function*(){try{if(!this.isPictureInPictureEnabled()||!e||document.pictureInPictureElement||window.documentPictureInPicture?.window)return;if("documentPictureInPicture"in window){yield this.createDocumentPip(e,t);return}if(document.pictureInPictureEnabled){let r=yield this.findVideoElement();if(!r){this.loggingService.warn("No video element found for Picture-in-Picture");return}yield r.requestPictureInPicture(),this.isPipActive$.next(!0);return}}catch(r){this.loggingService.catch("Error in PipService openPictureInPicture:",r)}})}createDocumentPip(e,t){return A(this,null,function*(){try{let r=window.documentPictureInPicture;this.pipWindow=yield r.requestWindow({width:320,height:288}),yield this.addStylesToPip(),yield this.createControlPanelInPip(e,t),this.pipWindow?.addEventListener("unload",()=>{try{this.isPipActive$.next(!1),this.pipWindow=void 0}catch(a){this.loggingService.catch("Error in PipService createDocumentPip unload:",a)}}),this.isPipActive$.next(!0)}catch{this.isPipActive$.next(!1),this.pipWindow=void 0}})}addStylesToPip(){return A(this,null,function*(){try{if(!this.pipWindow)return;this.pipWindow.document.body.style.margin="0",this.pipWindow.document.body.style.padding="0",this.pipWindow.document.body.style.backgroundColor="#000",this.pipWindow.document.body.style.display="flex",this.pipWindow.document.body.style.alignItems="center",this.pipWindow.document.body.style.justifyContent="center"}catch(e){this.loggingService.catch("Error in PipService copyStylesToPip:",e)}})}createControlPanelInPip(e,t){return A(this,null,function*(){if(this.pipWindow)try{let r=this.pipWindow.document.createElement("div");r.style.cssText=`
         display: flex;
         flex-direction: column;
       `;let a=this.pipWindow.document.createElement("div");a.style.cssText=`