@veltdev/sdk/chunk-GJJML4YW.js

Velt is an SDK to add collaborative features to your product within minutes. Example: Comments like Figma, Frame.io, Google docs or sheets, Recording like Loom, Huddles like Slack and much more.

import{a as rt}from"./chunk-RZ4WYBKV.js";import{b as gi}from"./chunk-ICCKJPGL.js";import{a as Ve}from"./chunk-JFNRCHYR.js";import{x as si}from"./chunk-U4YN7DB7.js";import{a as li}from"./chunk-ZATQYC4Y.js";import{A as L,B as z}from"./chunk-3J52NZMN.js";import{a as nt,b as ci}from"./chunk-4ACOV475.js";import{b as oe}from"./chunk-WTYACTR5.js";import{a as di}from"./chunk-KEM6PWSD.js";import{W as jt,X as Nt,Y as Fe,ca as ai,da as C,fa as V}from"./chunk-KU45CEXD.js";import{$ as we,$f as Ze,Ab as Tt,Bb as Ot,Bf as Ne,Di as Rt,E as xe,Ed as $t,Ee as K,Fa as s,G as Le,Gc as N,Hc as Mt,Ib as Pe,Ic as Ft,Ih as qt,Ii as oi,J as ke,Jh as Yt,Kb as he,Ke as Te,L as ht,Lc as Ke,Lh as ei,Nb as Ce,Nf as zt,Ob as kt,Od as Vt,Pa as S,Pb as be,Rf as Wt,T as de,Ua as k,Uc as Bt,Vg as Jt,W as ze,Wf as Ht,Y as ft,Ya as B,Yd as Je,Zg as Zt,_a as v,_b as $,a as y,ac as Me,b as U,bc as P,bi as Be,ca as j,cc as D,ci as Xe,da as At,db as w,di as x,ei as ti,fc as M,g as A,gf as Ut,ha as q,hf as St,hi as ii,ia as Y,ii as ni,ja as le,jf as Lt,jg as Ct,jh as Qt,k as je,kc as Q,ke as _e,kh as Ue,l as J,lb as l,lc as X,lh as wt,li as qe,mb as b,mi as Ye,nb as R,ni as Dt,ob as T,oe as Ae,og as _t,pc as Ge,pg as yt,qa as We,r as Z,rh as Xt,sb as h,sh as bt,si as Ie,tb as f,ti as et,ua as Ee,ub as He,v as ne,vb as ge,vh as Qe,w as ut,wa as O,wh as It,wi as tt,xb as pe,xg as Gt,xi as $e,yg as Kt,yi as it,zb as g,zi as ri}from"./chunk-GR3NESUB.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 pi=i=>({componentConfigSignal:i}),tn=(i,o)=>({condition:i,data:o}),nn=(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 rn(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 on(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())}),v(3,rn,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,nn,n.template,P(5,pi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function an(i,o){if(i&1&&(h(0),v(1,on,4,13,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,tn,n.conditionSignal(),P(1,pi,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(x),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&&v(0,an,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 cn=["*"],sn=i=>({componentConfigSignal:i}),dn=(i,o)=>({condition:i,data:o}),ln=(i,o)=>({componentConfigSignal:i,variant:o}),gn=(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 pn(i,o){i&1&&(h(0),Ot(1),f())}function mn(i,o){if(i&1&&(b(0,"div",3),Q(1,"translate"),v(2,pn,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,gn,n.template,D(6,ln,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function vn(i,o){if(i&1&&(h(0),v(1,mn,3,15,"div",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",!n.countdownStarted)}}function un(i,o){if(i&1&&(h(0),v(1,vn,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,dn,n.conditionSignal(),P(1,sn,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(x),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:cn,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(),v(0,un,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 hn=i=>({componentConfigSignal:i}),fn=(i,o)=>({condition:i,data:o}),Sn=(i,o)=>({componentConfigSignal:i,variant:o}),Cn=(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 _n(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 yn(i,o){if(i&1&&(h(0),v(1,_n,2,3,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(4,Cn,n.template,D(1,Sn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function wn(i,o){if(i&1&&(h(0),v(1,yn,2,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,fn,n.conditionSignal(),P(1,hn,n.componentConfigSignal)))}}var ui=(()=>{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(x),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&&v(0,wn,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 In=i=>({componentConfigSignal:i}),Dn=(i,o)=>({condition:i,data:o}),Rn=(i,o)=>({componentConfigSignal:i,variant:o}),xn=(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 En(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 Pn(i,o){if(i&1&&(b(0,"div",3),v(1,En,5,7,"ng-container",4),R()),i&2){let n=g(3);w("data-testid",n.componentId),s(),l("veltDynamicTemplate",M(5,xn,n.template,D(2,Rn,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function An(i,o){if(i&1&&(h(0),v(1,Pn,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 Tn(i,o){if(i&1&&(h(0),v(1,An,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Dn,n.conditionSignal(),P(1,In,n.componentConfigSignal)))}}var hi=(()=>{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(x),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&&v(0,Tn,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 fi=i=>({componentConfigSignal:i}),kn=(i,o)=>({condition:i,data:o}),Mn=(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 Fn(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 Bn(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())}),v(2,Fn,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,Mn,n.template,P(2,fi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function $n(i,o){if(i&1&&(h(0),v(1,Bn,3,10,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,kn,n.conditionSignal(),P(1,fi,n.componentConfigSignal)))}}var Si=(()=>{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(x),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&&v(0,$n,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 Ci=i=>({componentConfigSignal:i}),jn=(i,o)=>({condition:i,data:o}),Nn=(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 Un(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 Ln(i,o){if(i&1&&(h(0),v(1,Un,2,2,"h1",3),f()),i&2){let n=g(2).ngIf;s(),l("ngIf",n.countdown)}}function zn(i,o){if(i&1&&(h(0),v(1,Ln,2,1,"ng-container",2),f()),i&2){let n=g(2);s(),l("veltDynamicTemplate",M(3,Nn,n.template,P(1,Ci,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Wn(i,o){if(i&1&&(h(0),v(1,zn,2,9,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,jn,n.conditionSignal(),P(1,Ci,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-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(x),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&&v(0,Wn,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 yi=i=>({componentConfigSignal:i}),Gn=(i,o)=>({condition:i,data:o}),Kn=(i,o,n,e,t)=>({template:i,context:o,componentName:"velt-recording-preview-steps-dialog-timer-wireframe",variant:n,setIfCondition:e,componentElementRef:t});function Jn(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 Zn(i,o){if(i&1&&(h(0),v(1,Jn,4,7,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,Kn,n.template,P(1,yi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Qn(i,o){if(i&1&&(h(0),v(1,Zn,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.countdownStarted)}}function Xn(i,o){if(i&1&&(h(0),v(1,Qn,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Gn,n.conditionSignal(),P(1,yi,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(x),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&&v(0,Xn,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,Si,_i],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_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 bi=i=>({componentConfigSignal:i}),qn=(i,o)=>({condition:i,data:o}),Yn=(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 er(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 tr(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())}),v(2,er,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,Yn,e.template,P(4,bi,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function ir(i,o){if(i&1&&(h(0),v(1,tr,3,12,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,qn,n.conditionSignal(),P(1,bi,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(x),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&&v(0,ir,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 Di=i=>({componentConfigSignal:i}),nr=(i,o)=>({condition:i,data:o}),rr=(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 or(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),v(1,or,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,rr,n.template,P(1,Di,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function cr(i,o){if(i&1&&(h(0),v(1,ar,2,9,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",!(n.mediaConfig.audio!=null&&n.mediaConfig.audio.enabled))}}function sr(i,o){if(i&1&&(h(0),v(1,cr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,nr,n.conditionSignal(),P(1,Di,n.componentConfigSignal)))}}var Ri=(()=>{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(x),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&&v(0,sr,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 xi=i=>({componentConfigSignal:i}),lr=(i,o)=>({condition:i,data:o}),gr=(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 pr(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 mr(i,o){if(i&1&&(h(0),v(1,pr,3,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(3,gr,n.template,P(1,xi,n.componentConfigSignal),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function vr(i,o){if(i&1&&(h(0),v(1,mr,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 ur(i,o){if(i&1&&(h(0),v(1,vr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,lr,n.conditionSignal(),P(1,xi,n.componentConfigSignal)))}}var Ei=(()=>{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(x),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&&v(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 fr=i=>({componentConfigSignal:i}),Sr=(i,o)=>({condition:i,data:o}),Cr=(i,o)=>({componentConfigSignal:i,variant:o}),_r=(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 yr(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 wr(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())}),v(6,yr,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,_r,e.template,D(12,Cr,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function br(i,o){if(i&1&&(h(0),v(1,wr,7,21,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Sr,n.conditionSignal(),P(1,fr,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(x),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&&v(0,br,2,6,"ng-container",0),t&2&&l("ngIf",r.componentConfigSignal())},dependencies:[N,L,z,Ri,Ei,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 Ir=i=>({componentConfigSignal:i}),Dr=(i,o)=>({condition:i,data:o}),Rr=(i,o)=>({componentConfigSignal:i,variant:o}),xr=(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 Er(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 Pr(i,o){if(i&1&&(h(0),v(1,Er,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(4,xr,n.template,D(1,Rr,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function Ar(i,o){if(i&1&&(h(0),v(1,Pr,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 Tr(i,o){if(i&1&&(h(0),v(1,Ar,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Dr,n.conditionSignal(),P(1,Ir,n.componentConfigSignal)))}}var Ti=(()=>{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(x),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&&v(0,Tr,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 kr=i=>({componentConfigSignal:i}),Mr=(i,o)=>({condition:i,data:o}),Fr=(i,o)=>({componentConfigSignal:i,variant:o}),Br=(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 $r(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 Vr(i,o){if(i&1&&(h(0),v(1,$r,4,1,"ng-container",2),f()),i&2){let n=g(3);s(),l("veltDynamicTemplate",M(4,Br,n.template,D(1,Fr,n.componentConfigSignal,n.variant),n.variant,n.setIfCondition.bind(n),n.elementRef))}}function jr(i,o){if(i&1&&(h(0),v(1,Vr,2,10,"ng-container",0),f()),i&2){let n=g().ngIf;s(),l("ngIf",!(n.mediaConfig.video!=null&&n.mediaConfig.video.enabled))}}function Nr(i,o){if(i&1&&(h(0),v(1,jr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,Mr,n.conditionSignal(),P(1,kr,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-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(x),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&&v(0,Nr,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 Lr=i=>({componentConfigSignal:i}),zr=(i,o)=>({condition:i,data:o}),Wr=(i,o)=>({componentConfigSignal:i,variant:o}),Hr=(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 Gr(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 Kr(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())}),v(5,Gr,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,Hr,e.template,D(12,Wr,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function Jr(i,o){if(i&1&&(h(0),v(1,Kr,6,21,"app-device-permission-button",2),f()),i&2){let n=g().ngIf;s(),l("ngIf",n.type==="screen")}}function Zr(i,o){if(i&1&&(h(0),v(1,Jr,2,1,"ng-container",1),f()),i&2){let n=g();s(),l("veltIf",D(3,zr,n.conditionSignal(),P(1,Lr,n.componentConfigSignal)))}}var ki=(()=>{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.componentC