@veltdev/sdk-dev 4.4.0-beta.35 → 4.4.0-beta.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/velt.js +2 -2
package/velt.js CHANGED
@@ -1,4 +1,4 @@
1
- var SNIPPYLY_VERSION = '4.4.0-beta.35';
1
+ var SNIPPYLY_VERSION = '4.4.0-beta.36';
2
2
  (function(m,w){"use strict";function rt(){var e=K.splice(0,K.length);for(ie=0;e.length;)e.shift().call(null,e.shift())}function me(e,t){for(var n=0,r=e.length;n<r;n++)Te(e[n],t)}function ot(e){for(var t,n=0,r=e.length;n<r;n++)t=e[n],U(t,q[pe(t)])}function fe(e){return function(t){Lt(t)&&(Te(t,e),L.length&&me(t.querySelectorAll(L),e))}}function pe(e){var t=le.call(e,"is"),n=e.nodeName.toUpperCase(),r=v.call(D,t?Y+t.toUpperCase():x+n);return t&&-1<r&&!De(n,t)?-1:r}function De(e,t){return-1<L.indexOf(e+'[is="'+t+'"]')}function Ie(e){var t=e.currentTarget,n=e.attrChange,r=e.attrName,o=e.target,l=e[W]||2,a=e[He]||3;!ce||o&&o!==t||!t[y]||r==="style"||e.prevValue===e.newValue&&(e.newValue!==""||n!==l&&n!==a)||t[y](r,n===l?null:e.prevValue,n===a?null:e.newValue)}function Fe(e){var t=fe(e);return function(n){K.push(t,n.target),ie&&clearTimeout(ie),ie=setTimeout(rt,1)}}function de(e){nt&&(nt=!1,e.currentTarget.removeEventListener(Ze,de)),L.length&&me((e.target||u).querySelectorAll(L),e.detail===E?E:b),R&&at()}function lt(e,t){var n=this;Ye.call(n,e,t),Me.call(n,{target:n})}function Se(e,t,n){var r=t.apply(e,n),o=pe(r);return-1<o&&U(r,q[o]),n.pop()&&L.length&&ot(r.querySelectorAll(L)),r}function he(e,t){Tt(e,t),$?$.observe(e,gt):(ue&&(e.setAttribute=lt,e[H]=Ee(e),e[g](st,Me)),e[g](N,Ie)),e[k]&&ce&&(e.created=!0,e[k](),e.created=!1)}function at(){for(var e,t=0,n=G.length;t<n;t++)e=G[t],V.contains(e)||(n--,G.splice(t--,1),Te(e,E))}function Ve(e){throw new Error("A "+e+" type is already registered")}function Te(e,t){var n,r,o=pe(e);-1<o&&!Mt.call(e,"TEMPLATE")&&(Q(e,q[o]),o=0,t!==b||e[b]?t!==E||e[E]||(e[b]=!1,e[E]=!0,r="disconnected",o=1):(e[E]=!1,e[b]=!0,r="connected",o=1,R&&v.call(G,e)<0&&G.push(e)),o&&(n=e[t+O]||e[r+O])&&n.call(e))}function z(){}function Pe(e,t,n){var r=n&&n[_]||"",o=t.prototype,l=Ce(o),a=t.observedAttributes||ye,s={prototype:l};oe(l,k,{value:function(){if(te)te=!1;else if(!this[B]){this[B]=!0,new t(this),o[k]&&o[k].call(this);var i=j[ne.get(t)];(!Z||i.create.length>1)&&_e(this)}}}),oe(l,y,{value:function(i){-1<v.call(a,i)&&o[y]&&o[y].apply(this,arguments)}}),o[qe]&&oe(l,ut,{value:o[qe]}),o[Be]&&oe(l,ct,{value:o[Be]}),r&&(s[_]=r),e=e.toUpperCase(),j[e]={constructor:t,create:r?[r,re(e)]:[e]},ne.set(t,e),u[S](e.toLowerCase(),s),Le(e),P[e].r()}function Re(e){var t=j[e.toUpperCase()];return t&&t.constructor}function Ue(e){return typeof e=="string"?e:e&&e.is||""}function _e(e){for(var t,n=e[y],r=n?e.attributes:ye,o=r.length;o--;)t=r[o],n.call(e,t.name||t.nodeName,null,t.value||t.nodeValue)}function Le(e){return e=e.toUpperCase(),e in P||(P[e]={},P[e].p=new Xe(function(t){P[e].r=t})),P[e].p}function ke(){C&&delete m.customElements,I(m,"customElements",{configurable:!0,value:new z}),I(m,"CustomElementRegistry",{configurable:!0,value:z});for(var e=it.get(/^HTML[A-Z]*[a-z]/),t=e.length;t--;function(n){var r=m[n];if(r){m[n]=function(o){var l,a;return o||(o=this),o[B]||(te=!0,l=j[ne.get(o.constructor)],a=Z&&l.create.length===1,o=a?Reflect.construct(r,ye,l.constructor):u.createElement.apply(u,l.create),o[B]=!0,te=!1,a||_e(o)),o},m[n].prototype=r.prototype;try{r.prototype.constructor=m[n]}catch{dt=!0,I(r,B,{value:m[n]})}}}(e[t]));u.createElement=function(n,r){var o=Ue(r);return o?Ae.call(this,n,re(o)):Ae.call(this,n)},et||(Oe=!0,u[S](""))}var u=m.document,T=m.Object,it=function(e){var t,n,r,o,l=/^[A-Z]+[a-z]/,a=function(p){var f,h=[];for(f in i)p.test(f)&&h.push(f);return h},s=function(p,f){(f=f.toLowerCase())in i||(i[p]=(i[p]||[]).concat(f),i[f]=i[f.toUpperCase()]=p)},i=(T.create||T)(null),c={};for(n in e)for(o in e[n])for(r=e[n][o],i[o]=r,t=0;t<r.length;t++)i[r[t].toLowerCase()]=i[r[t].toUpperCase()]=o;return c.get=function(p){return typeof p=="string"?i[p]||(l.test(p)?[]:""):a(p)},c.set=function(p,f){return l.test(p)?s(p,f):s(f,p),c},c}({collections:{HTMLAllCollection:["all"],HTMLCollection:["forms"],HTMLFormControlsCollection:["elements"],HTMLOptionsCollection:["options"]},elements:{Element:["element"],HTMLAnchorElement:["a"],HTMLAppletElement:["applet"],HTMLAreaElement:["area"],HTMLAttachmentElement:["attachment"],HTMLAudioElement:["audio"],HTMLBRElement:["br"],HTMLBaseElement:["base"],HTMLBodyElement:["body"],HTMLButtonElement:["button"],HTMLCanvasElement:["canvas"],HTMLContentElement:["content"],HTMLDListElement:["dl"],HTMLDataElement:["data"],HTMLDataListElement:["datalist"],HTMLDetailsElement:["details"],HTMLDialogElement:["dialog"],HTMLDirectoryElement:["dir"],HTMLDivElement:["div"],HTMLDocument:["document"],HTMLElement:["element","abbr","address","article","aside","b","bdi","bdo","cite","code","command","dd","dfn","dt","em","figcaption","figure","footer","header","i","kbd","mark","nav","noscript","rp","rt","ruby","s","samp","section","small","strong","sub","summary","sup","u","var","wbr"],HTMLEmbedElement:["embed"],HTMLFieldSetElement:["fieldset"],HTMLFontElement:["font"],HTMLFormElement:["form"],HTMLFrameElement:["frame"],HTMLFrameSetElement:["frameset"],HTMLHRElement:["hr"],HTMLHeadElement:["head"],HTMLHeadingElement:["h1","h2","h3","h4","h5","h6"],HTMLHtmlElement:["html"],HTMLIFrameElement:["iframe"],HTMLImageElement:["img"],HTMLInputElement:["input"],HTMLKeygenElement:["keygen"],HTMLLIElement:["li"],HTMLLabelElement:["label"],HTMLLegendElement:["legend"],HTMLLinkElement:["link"],HTMLMapElement:["map"],HTMLMarqueeElement:["marquee"],HTMLMediaElement:["media"],HTMLMenuElement:["menu"],HTMLMenuItemElement:["menuitem"],HTMLMetaElement:["meta"],HTMLMeterElement:["meter"],HTMLModElement:["del","ins"],HTMLOListElement:["ol"],HTMLObjectElement:["object"],HTMLOptGroupElement:["optgroup"],HTMLOptionElement:["option"],HTMLOutputElement:["output"],HTMLParagraphElement:["p"],HTMLParamElement:["param"],HTMLPictureElement:["picture"],HTMLPreElement:["pre"],HTMLProgressElement:["progress"],HTMLQuoteElement:["blockquote","q","quote"],HTMLScriptElement:["script"],HTMLSelectElement:["select"],HTMLShadowElement:["shadow"],HTMLSlotElement:["slot"],HTMLSourceElement:["source"],HTMLSpanElement:["span"],HTMLStyleElement:["style"],HTMLTableCaptionElement:["caption"],HTMLTableCellElement:["td","th"],HTMLTableColElement:["col","colgroup"],HTMLTableElement:["table"],HTMLTableRowElement:["tr"],HTMLTableSectionElement:["thead","tbody","tfoot"],HTMLTemplateElement:["template"],HTMLTextAreaElement:["textarea"],HTMLTimeElement:["time"],HTMLTitleElement:["title"],HTMLTrackElement:["track"],HTMLUListElement:["ul"],HTMLUnknownElement:["unknown","vhgroupv","vkeygen"],HTMLVideoElement:["video"]},nodes:{Attr:["node"],Audio:["audio"],CDATASection:["node"],CharacterData:["node"],Comment:["#comment"],Document:["#document"],DocumentFragment:["#document-fragment"],DocumentType:["node"],HTMLDocument:["#document"],Image:["img"],Option:["option"],ProcessingInstruction:["node"],ShadowRoot:["#shadow-root"],Text:["#text"],XMLDocument:["xml"]}});typeof w!="object"&&(w={type:w||"auto"});var K,Me,X,Ee,$,ve,Q,U,A,S="registerElement",xe=1e5*m.Math.random()>>0,H="__"+S+xe,g="addEventListener",b="attached",O="Callback",E="detached",_="extends",y="attributeChanged"+O,ut=b+O,qe="connected"+O,Be="disconnected"+O,k="created"+O,ct=E+O,W="ADDITION",He="REMOVAL",N="DOMAttrModified",Ze="DOMContentLoaded",st="DOMSubtreeModified",x="<",Y="=",mt=/^[A-Z][._A-Z0-9]*-[-._A-Z0-9]*$/,ft=["ANNOTATION-XML","COLOR-PROFILE","FONT-FACE","FONT-FACE-SRC","FONT-FACE-URI","FONT-FACE-FORMAT","FONT-FACE-NAME","MISSING-GLYPH"],D=[],q=[],L="",V=u.documentElement,v=D.indexOf||function(e){for(var t=this.length;t--&&this[t]!==e;);return t},ge=T.prototype,be=ge.hasOwnProperty,J=ge.isPrototypeOf,I=T.defineProperty,ye=[],ee=T.getOwnPropertyDescriptor,je=T.getOwnPropertyNames,pt=T.getPrototypeOf,Ge=T.setPrototypeOf,ze=!!T.__proto__,dt=!1,B="__dreCEv1",C=m.customElements,Z=!/^force/.test(w.type)&&!!(C&&C.define&&C.get&&C.whenDefined),Ke=T.create||T,ht=m.Map||function(){var e,t=[],n=[];return{get:function(r){return n[v.call(t,r)]},set:function(r,o){e=v.call(t,r),e<0?n[t.push(r)-1]=o:n[e]=o}}},Xe=m.Promise||function(e){function t(l){for(r=!0;n.length;)n.shift()(l)}var n=[],r=!1,o={catch:function(){return o},then:function(l){return n.push(l),r&&setTimeout(t,1),o}};return e(t),o},te=!1,j=Ke(null),P=Ke(null),ne=new ht,re=function(e){return e.toLowerCase()},Ce=T.create||function e(t){return t?(e.prototype=t,new e):this},Tt=Ge||(ze?function(e,t){return e.__proto__=t,e}:je&&ee?function(){function e(t,n){for(var r,o=je(n),l=0,a=o.length;l<a;l++)r=o[l],be.call(t,r)||I(t,r,ee(n,r))}return function(t,n){do e(t,n);while((n=pt(n))&&!J.call(n,t));return t}}():function(e,t){for(var n in t)e[n]=t[n];return e}),F=m.MutationObserver||m.WebKitMutationObserver,$e=m.HTMLAnchorElement,d=(m.HTMLElement||m.Element||m.Node).prototype,R=!J.call(d,V),oe=R?function(e,t,n){return e[t]=n.value,e}:I,Lt=R?function(e){return e.nodeType===1}:function(e){return J.call(d,e)},G=R&&[],Qe=d.attachShadow,We=d.cloneNode,Mt=d.closest||function(e){for(var t=this;t&&t.nodeName!==e;)t=t.parentNode;return t},we=d.dispatchEvent,le=d.getAttribute,Et=d.hasAttribute,vt=d.removeAttribute,Ye=d.setAttribute,ae=u.createElement,Ht=u.importNode,Ae=ae,gt=F&&{attributes:!0,characterData:!0,attributeOldValue:!0},Je=F||function(e){ue=!1,V.removeEventListener(N,Je)},ie=0,et=S in u&&!/^force-all/.test(w.type),tt=!0,Oe=!1,ue=!0,nt=!0,ce=!0;if(F&&(A=u.createElement("div"),A.innerHTML="<div><div></div></div>",new F(function(e,t){if(e[0]&&e[0].type=="childList"&&!e[0].removedNodes[0].childNodes.length){A=ee(d,"innerHTML");var n=A&&A.set;n&&I(d,"innerHTML",{set:function(r){for(;this.lastChild;)this.removeChild(this.lastChild);n.call(this,r)}})}t.disconnect(),A=null}).observe(A,{childList:!0,subtree:!0}),A.innerHTML=""),et||(Ge||ze?(Q=function(e,t){J.call(t,e)||he(e,t)},U=he):(Q=function(e,t){e[H]||(e[H]=T(!0),he(e,t))},U=Q),R?(ue=!1,function(){var e=ee(d,g),t=e.value,n=function(l){var a=new CustomEvent(N,{bubbles:!0});a.attrName=l,a.prevValue=le.call(this,l),a.newValue=null,a[He]=a.attrChange=2,vt.call(this,l),we.call(this,a)},r=function(l,a){var s=Et.call(this,l),i=s&&le.call(this,l),c=new CustomEvent(N,{bubbles:!0});Ye.call(this,l,a),c.attrName=l,c.prevValue=s?i:null,c.newValue=a,s?c.MODIFICATION=c.attrChange=1:c[W]=c.attrChange=0,we.call(this,c)},o=function(l){var a,s=l.currentTarget,i=s[H],c=l.propertyName;i.hasOwnProperty(c)&&(i=i[c],a=new CustomEvent(N,{bubbles:!0}),a.attrName=i.name,a.prevValue=i.value||null,a.newValue=i.value=s[c]||null,a.prevValue==null?a[W]=a.attrChange=0:a.MODIFICATION=a.attrChange=1,we.call(s,a))};e.value=function(l,a,s){l===N&&this[y]&&this.setAttribute!==r&&(this[H]={className:{name:"class",value:this.className}},this.setAttribute=r,this.removeAttribute=n,t.call(this,"propertychange",o)),t.call(this,l,a,s)},I(d,g,e)}()):F||(V[g](N,Je),V.setAttribute(H,1),V.removeAttribute(H),ue&&(Me=function(e){var t,n,r,o=this;if(o===e.target){t=o[H],o[H]=n=Ee(o);for(r in n){if(!(r in t))return X(0,o,r,t[r],n[r],W);if(n[r]!==t[r])return X(1,o,r,t[r],n[r],"MODIFICATION")}for(r in t)if(!(r in n))return X(2,o,r,t[r],n[r],He)}},X=function(e,t,n,r,o,l){var a={attrChange:e,currentTarget:t,attrName:n,prevValue:r,newValue:o};a[l]=e,Ie(a)},Ee=function(e){for(var t,n,r={},o=e.attributes,l=0,a=o.length;l<a;l++)t=o[l],(n=t.name)!=="setAttribute"&&(r[n]=t.value);return r})),u[S]=function(e,t){if(n=e.toUpperCase(),tt&&(tt=!1,F?($=function(i,c){function p(f,h){for(var M=0,se=f.length;M<se;h(f[M++]));}return new F(function(f){for(var h,M,se,Ne=0,bt=f.length;Ne<bt;Ne++)h=f[Ne],h.type==="childList"?(p(h.addedNodes,i),p(h.removedNodes,c)):(M=h.target,ce&&M[y]&&h.attributeName!=="style"&&(se=le.call(M,h.attributeName))!==h.oldValue&&M[y](h.attributeName,h.oldValue,se))})}(fe(b),fe(E)),ve=function(i){return $.observe(i,{childList:!0,subtree:!0}),i},ve(u),Qe&&(d.attachShadow=function(){return ve(Qe.apply(this,arguments))})):(K=[],u[g]("DOMNodeInserted",Fe(b)),u[g]("DOMNodeRemoved",Fe(E))),u[g](Ze,de),u[g]("readystatechange",de),u.importNode=function(i,c){switch(i.nodeType){case 1:return Se(u,Ht,[i,!!c]);case 11:for(var p=u.createDocumentFragment(),f=i.childNodes,h=f.length,M=0;M<h;M++)p.appendChild(u.importNode(f[M],!!c));return p;default:return We.call(i,!!c)}},d.cloneNode=function(i){return Se(this,We,[!!i])}),Oe)return Oe=!1;if(-2<v.call(D,Y+n)+v.call(D,x+n)&&Ve(e),!mt.test(n)||-1<v.call(ft,n))throw new Error("The type "+e+" is invalid");var n,r,o=function(){return a?u.createElement(s,n):u.createElement(s)},l=t||ge,a=be.call(l,_),s=a?t[_].toUpperCase():n;return a&&-1<v.call(D,x+s)&&Ve(s),r=D.push((a?Y:x)+n)-1,L=L.concat(L.length?",":"",a?s+'[is="'+e.toLowerCase()+'"]':s),o.prototype=q[r]=be.call(l,"prototype")?l.prototype:Ce(d),L.length&&me(u.querySelectorAll(L),b),o},u.createElement=Ae=function(e,t){var n=Ue(t),r=n?ae.call(u,e,re(n)):ae.call(u,e),o=""+e,l=v.call(D,(n?Y:x)+(n||o).toUpperCase()),a=-1<l;return n&&(r.setAttribute("is",n=n.toLowerCase()),a&&(a=De(o.toUpperCase(),n))),ce=!u.createElement.innerHTMLHelper,a&&U(r,q[l]),r}),addEventListener("beforeunload",function(){delete u.createElement,delete u.importNode,delete u[S]},!1),z.prototype={constructor:z,define:Z?function(e,t,n){if(n)Pe(e,t,n);else{var r=e.toUpperCase();j[r]={constructor:t,create:[r]},ne.set(t,r),C.define(e,t)}}:Pe,get:Z?function(e){return C.get(e)||Re(e)}:Re,whenDefined:Z?function(e){return Xe.race([C.whenDefined(e),Le(e)])}:Le},!C||/^force/.test(w.type))ke();else if(!w.noBuiltIn)try{(function(e,t,n){var r=new RegExp(`^<a\\s+is=('|")`+n+"\\1></a>$");if(t[_]="a",e.prototype=Ce($e.prototype),e.prototype.constructor=e,m.customElements.define(n,e,t),!r.test(u.createElement("a",{is:n}).outerHTML)||!r.test(new e().outerHTML))throw t})(function e(){return Reflect.construct($e,[],e)},{},"document-register-element-a"+xe)}catch{ke()}if(!w.noBuiltIn)try{if(ae.call(u,"a","a").outerHTML.indexOf("is")<0)throw{}}catch{re=function(t){return{is:t.toLowerCase()}}}})(window);
3
3
 
4
4
  var kfe=Object.create;var OD=Object.defineProperty,Rfe=Object.defineProperties,Nfe=Object.getOwnPropertyDescriptor,Ffe=Object.getOwnPropertyDescriptors,Lfe=Object.getOwnPropertyNames,AD=Object.getOwnPropertySymbols,uz=Object.getPrototypeOf,C9=Object.prototype.hasOwnProperty,hz=Object.prototype.propertyIsEnumerable,Bfe=Reflect.get;var gz=(n,i,e)=>i in n?OD(n,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[i]=e,I=(n,i)=>{for(var e in i||={})C9.call(i,e)&&gz(n,e,i[e]);if(AD)for(var e of AD(i))hz.call(i,e)&&gz(n,e,i[e]);return n},T=(n,i)=>Rfe(n,Ffe(i));var _9=(n,i)=>{var e={};for(var t in n)C9.call(n,t)&&i.indexOf(t)<0&&(e[t]=n[t]);if(n!=null&&AD)for(var t of AD(n))i.indexOf(t)<0&&hz.call(n,t)&&(e[t]=n[t]);return e};var Vfe=(n,i)=>()=>(i||n((i={exports:{}}).exports,i),i.exports),PD=(n,i)=>{for(var e in i)OD(n,e,{get:i[e],enumerable:!0})},Ufe=(n,i,e,t)=>{if(i&&typeof i=="object"||typeof i=="function")for(let o of Lfe(i))!C9.call(n,o)&&o!==e&&OD(n,o,{get:()=>i[o],enumerable:!(t=Nfe(i,o))||t.enumerable});return n};var fz=(n,i,e)=>(e=n!=null?kfe(uz(n)):{},Ufe(i||!n||!n.__esModule?OD(e,"default",{value:n,enumerable:!0}):e,n));var Od=(n,i,e)=>Bfe(uz(n),e,i);var J=(n,i,e)=>new Promise((t,o)=>{var r=d=>{try{s(e.next(d))}catch(p){o(p)}},a=d=>{try{s(e.throw(d))}catch(p){o(p)}},s=d=>d.done?t(d.value):Promise.resolve(d.value).then(r,a);s((e=e.apply(n,i)).next())});var MH=Vfe((SYi,PH)=>{"use strict";var ft={};ft.generateIdentifier=function(){return Math.random().toString(36).substring(2,12)};ft.localCName=ft.generateIdentifier();ft.splitLines=function(n){return n.trim().split(`
@@ -387,7 +387,7 @@ This typically indicates that your device does not have a healthy Internet conne
387
387
  Provide one more option
388
388
  <|im_end|>
389
389
  `),r}catch(r){return this.loggingService.catch("Error in RewriterService getChatGPTPrompt: ",r),""}}removeChatGPTPlaceholders(e){try{let t=["<|im_start|>","<|im_start>","<im_start|>","<im_start>","<|im_end|>","<|im_end>","<im_end|>","<im_end>","<|end|>","<|end>","<end|>","<end>","<|start|>","<|start>","<start|>","<start>"],o=e;return t.forEach(r=>{let a=r.replace(/\|/g,"\\|");o=o?.replace(new RegExp(a,"g"),"")}),o}catch(t){return this.loggingService.catch("Error in RewriterService removeChatGPTPlaceholders: ",t),""}}static{this.\u0275fac=function(t){return new(t||n)(Q(Xe),Q(je),Q(Vt),Q(Fe),Q(_),Q(Bo))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var eM=class extends ai{constructor(i){super(i),this.getService(_).log("%c[WB] Creating CLASS: RewriterElement","color: blue;"),this.enableRewriter=this._enableRewriter,this.disableRewriter=this._disableRewriter}_enableRewriter(){this.getService(_).log("%c[WB] Calling FUNCTION: _enableLiveRewriter","color: green;");try{this.trackEvent(Z.Events.Rewriter.ENABLE_REWRITER_TRIGGERED),this.getService(fc).enableRewriter()}catch(i){this.getService(_).catch("Error in enableLiveRewriter: ",i)}}_disableRewriter(){this.getService(_).log("%c[WB] Calling FUNCTION: _disableRewriter","color: green;");try{this.trackEvent(Z.Events.Rewriter.DISABLE_REWRITER_TRIGGERED),this.getService(fc).disableRewriter()}catch(i){this.getService(_).catch("Error in disableRewriter: ",i)}}};var f9e=()=>({}),Co=(()=>{class n{constructor(){this.height=void 0,this.width=void 0,this.borderRadius=void 0,this.customClass=void 0,this.veltElement=!0}ngOnInit(){}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=O({type:n,selectors:[["velt-skeleton-loader-internal"]],hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{height:"height",width:"width",borderRadius:"borderRadius",customClass:"customClass",customStyles:"customStyles"},standalone:!1,decls:2,vars:11,consts:[[1,"skeleton-loader",3,"ngStyle"]],template:function(t,o){t&1&&(C(0,"div",0),ee(1),y()),t&2&&(qo(o.customClass),it("--velt-skeleton-loader-height",o.height||"100%")("--velt-skeleton-loader-width",o.width||"100%")("--velt-skeleton-loader-border-radius",o.borderRadius||"inherit"),c("ngStyle",o.customStyles||Mt(10,f9e)),m(),ve(" ","\u200E ",`
390
- `))},dependencies:[Fg],styles:["[_nghost-%COMP%]{display:inline-flex;align-items:center}.skeleton-loader[_ngcontent-%COMP%]{display:inline-block;background:linear-gradient(-90deg,#f0f0f0,#e2e2e2,#f0f0f0);background-size:400% 400%;animation:_ngcontent-%COMP%_skeleton-loading 1.2s ease-in-out 4;height:var(--velt-skeleton-loader-height);width:var(--velt-skeleton-loader-width);border-radius:var(--velt-skeleton-loader-border-radius)}@keyframes _ngcontent-%COMP%_skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}"]})}}return n})();var v9e=["userAvatarRef"],C9e=["*"];function _9e(n,i){if(n&1&&(C(0,"div",7),D(1,"span",8),y()),n&2){let e=l(2).ngIf,t=l();it("background-color",e.background||"#625DF5"),E("data-testid",t.componentId+"-initial-container"),m(),it("color",e.textColor||"#FFFFFF"),E("data-modal-author-initial",e.initial)("data-testid",t.componentId+"-initial")}}function y9e(n,i){if(n&1){let e=W();C(0,"img",9),H("error",function(){k(e);let o=l(3);return R(o.onImageLoadError())})("load",function(){k(e);let o=l(3);return R(o.onImageLoaded())}),y()}if(n&2){let e=l(2).ngIf,t=l();it("display",e.imgLoaded?"":"none !important"),c("src",e.src,ln),E("alt","User avatar")("data-testid",t.componentId+"-image")}}function S9e(n,i){if(n&1&&(f(0),C(1,"div",4,1),g(3,_9e,2,7,"div",5)(4,y9e,1,5,"ng-template",6),Pt(5),y(),v()),n&2){let e=l().ngIf,t=l();m(),E("data-testid",t.componentId+"-container")("aria-label","User avatar"),m(2),c("ngIf",!e.imgLoaded),m(),c("ngIf",!e.imgLoadError)}}function b9e(n,i){if(n&1&&D(0,"velt-skeleton-loader-internal",10),n&2){let e=l().ngIf;c("height",e.size?e.size+"px":"100%")("width",e.size?e.size+"px":"100%")}}function I9e(n,i){if(n&1&&(f(0),g(1,S9e,6,4,"ng-container",3)(2,b9e,1,2,"ng-template",null,0,be),v()),n&2){let e=i.ngIf,t=de(3);m(),c("ngIf",e.imgLoaded||(e==null||e.user==null?null:e.user.photoUrl)||(e==null||e.user==null?null:e.user.name)||(e==null||e.user==null?null:e.user.email)||(e==null?null:e.initial))("ngIfElse",t)}}var Bn=(()=>{class n{constructor(e,t){this.loggingService=e,this.elementRef=t,this.initial="",this.background="#625DF5",this.textColor="#FFFFFF",this.userAvatarRef=new N(null),this.componentConfigSignal=Se({background:"#625DF5",textColor:"#FFFFFF",initial:"",src:"",imgLoaded:!1,imgLoadError:!1}),this.veltElement=!0,this.componentId="velt-user-avatar"}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in UserAvatarComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","img"),e.setAttribute("data-testid",this.componentId+"-container"),this.updateAriaLabel()}catch(e){this.loggingService.catch("Error in UserAvatarComponent setupA11yAttributes:",e)}}updateAriaLabel(){try{this.elementRef.nativeElement.setAttribute("aria-label","User avatar")}catch(e){this.loggingService.catch("Error in UserAvatarComponent updateAriaLabel:",e)}}ngAfterViewInit(){this.updateAvatarSize()}ngOnChanges(e){try{if(e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(o=>(o=T(I({},o),{[t]:e[t].currentValue}),o))}),e?.user){let t=e.user.currentValue;t?.photoUrl!==this.componentConfigSignal().src&&this.componentConfigSignal.update(o=>(o=T(I({},o),{src:t?.photoUrl,imgLoaded:!1,imgLoadError:!1}),o)),this.componentConfigSignal.update(o=>(o=T(I({},o),{background:t?.color||"#625DF5"}),o)),this.componentConfigSignal.update(o=>(o=T(I({},o),{textColor:t?.textColor||"#FFFFFF"}),o)),this.componentConfigSignal.update(o=>(o=T(I({},o),{initial:t?.initial||t?.name?.charAt(0)||t?.email?.charAt(0)}),o))}e?.size&&this.updateAvatarSize(),e?.width&&this.updateAvatarSize(),e?.height&&this.updateAvatarSize()}catch(t){this.loggingService.catch("Error in UserAvatarComponent ngOnChanges: ",t)}}onImageLoadError(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{imgLoadError:!0}),e))}catch(e){this.loggingService.catch("Error in UserAvatarComponent onImageLoadError: ",e)}}onImageLoaded(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{imgLoaded:!0}),e))}catch(e){this.loggingService.catch("Error in UserAvatarComponent onImageLoaded: ",e)}}updateAvatarSize(){try{this.elementRef?.nativeElement&&(this.size&&(this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-height",this.size+"px"),this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-width",this.size+"px")),this.width&&this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-width",this.size+"px"),this.height&&this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-height",this.size+"px"))}catch(e){this.loggingService.catch("Error in UserAvatarComponent updateAvatarSize: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-user-avatar"]],viewQuery:function(t,o){if(t&1&&nt(v9e,5),t&2){let r;Ke(r=Ze())&&(o.userAvatarRef=r.first)}},hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{initial:"initial",src:"src",background:"background",textColor:"textColor",size:"size",width:"width",height:"height",user:"user"},standalone:!1,features:[We],ngContentSelectors:C9e,decls:1,vars:1,consts:[["loadingTemplateRef",""],["userAvatarRef",""],[4,"ngIf"],[4,"ngIf","ngIfElse"],["velt-ignore-change-detection","true","role","img",1,"s-user-avatar-container","velt-user-avatar"],["class","s-user-avatar-initial-container velt-user-avatar--initial-container","aria-hidden","componentConfig.imgLoaded",3,"background-color",4,"ngIf"],[3,"ngIf"],["aria-hidden","componentConfig.imgLoaded",1,"s-user-avatar-initial-container","velt-user-avatar--initial-container"],[1,"s-user-avatar-initial","velt-user-avatar--initial"],["referrerpolicy","no-referrer","velt-ignore-change-detection","true",1,"s-user-avatar-image","velt-user-avatar--image",3,"error","load","src"],["borderRadius","100%",3,"height","width"]],template:function(t,o){t&1&&(Lt(),g(0,I9e,4,2,"ng-container",2)),t&2&&c("ngIf",o.componentConfigSignal())},dependencies:[K,Co],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}[_nghost-%COMP%]{display:flex}[_nghost-%COMP%]:empty{display:none}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left;line-height:1.5;color:#000;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit));position:static}*[_ngcontent-%COMP%]:empty{display:revert}.s-user-avatar-container[_ngcontent-%COMP%]{position:relative;width:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));border-radius:50%;display:inline-block}velt-skeleton-loader-internal[_ngcontent-%COMP%]{width:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));border-radius:50%}.s-user-avatar-initial-container[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;justify-content:center;border-radius:50%;align-items:center;font-size:calc((.8rem + 0px) * var(--velt-base-rem-unit))}.s-user-avatar-image[_ngcontent-%COMP%]{object-fit:cover;border-radius:50%;width:100%;height:100%;display:flex}.s-user-avatar-initial[_ngcontent-%COMP%]{color:#fff;font-size:calc((var(--legacy-velt-user-avatar-initial-font-size) + 0px) * var(--velt-base-rem-unit));position:relative;text-transform:uppercase}.s-user-avatar-initial[_ngcontent-%COMP%]:after{content:attr(data-modal-author-initial);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.velt-user-avatar[_ngcontent-%COMP%], velt-skeleton-loader-internal[_ngcontent-%COMP%]{height:var(--legacy-velt-user-avatar-height, calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit)));width:var(--legacy-velt-user-avatar-width, calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit)))}"],changeDetection:0})}}return n})();var E9e=["selectionElementPortalOverlay"],x9e=n=>[n];function T9e(n,i){if(n&1&&(f(0),C(1,"span",10),ee(2),w(3,"translate"),y(),v()),n&2){let e=l(),t=e.$implicit,o=e.index,r=l(5);m(),it("--velt-selection-color",t==null||t.user==null?null:t.user.color),E("data-testid",r.componentId+"-user-name-"+o),m(),Ue(A(3,4,(t==null||t.user==null?null:t.user.name)||(t==null||t.user==null?null:t.user.email)))}}function D9e(n,i){if(n&1&&(f(0),g(1,T9e,4,6,"ng-container",3),v()),n&2){let e=i.index,t=l(5);m(),c("ngIf",e<t.maxCount)}}function w9e(n,i){if(n&1&&(C(0,"span",11),ee(1),y()),n&2){let e=l(4).ngIf,t=l();it("--velt-selection-color",(e.selections[0]==null||e.selections[0].user==null?null:e.selections[0].user.color)||"white"),E("data-testid",t.componentId+"-additional-count")("aria-label",(e.selections==null?null:e.selections.length)-t.maxCount+" additional users"),m(),ve("+",(e.selections==null?null:e.selections.length)-t.maxCount,"")}}function A9e(n,i){if(n&1&&(f(0),C(1,"div",7),w(2,"translate"),g(3,D9e,2,1,"ng-container",8)(4,w9e,2,5,"span",9),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),E("data-testid",t.componentId+"-label-container")("aria-label",A(2,4,"Selected users")),m(2),c("ngForOf",e.selections),m(),c("ngIf",(e.selections==null?null:e.selections.length)>t.maxCount)}}function O9e(n,i){if(n&1&&(f(0),D(1,"snippyly-user-avatar",13),v()),n&2){let e=l(),t=e.$implicit,o=e.index;m(),it("--velt-selection-color",t==null||t.user==null?null:t.user.color)("--velt-selection-user-index",o),c("size",20)("user",t==null?null:t.user)}}function P9e(n,i){if(n&1&&(f(0),g(1,O9e,2,6,"ng-container",3),v()),n&2){let e=i.index,t=l(5);m(),c("ngIf",e<t.maxCount)}}function M9e(n,i){if(n&1&&(C(0,"div",14),w(1,"translate"),C(2,"span",15),ee(3),y()()),n&2){let e=l(4).ngIf,t=l();it("--velt-selection-user-index",e.selections==null?null:e.selections.length)("background-color",(e.selections[(e.selections==null?null:e.selections.length)-1]==null||e.selections[(e.selections==null?null:e.selections.length)-1].user==null?null:e.selections[(e.selections==null?null:e.selections.length)-1].user.color)||"white"),E("data-testid",t.componentId+"-additional-avatars")("aria-label",(e.selections==null?null:e.selections.length)-t.maxCount+" "+A(1,7,"additional users")),m(3),ve("+",(e.selections==null?null:e.selections.length)-t.maxCount,"")}}function k9e(n,i){if(n&1&&g(0,P9e,2,1,"ng-container",8)(1,M9e,4,9,"div",12),n&2){let e=l(3).ngIf,t=l();c("ngForOf",e.selections),m(),c("ngIf",(e.selections==null?null:e.selections.length)>t.maxCount)}}function R9e(n,i){if(n&1&&g(0,A9e,5,6,"ng-container",6)(1,k9e,2,2,"ng-template",null,2,be),n&2){let e=de(2),t=l(2).ngIf,o=l();c("ngIf",(t==null?null:t.userIndicatorType)===(o.userIndicatorTypes==null?null:o.userIndicatorTypes.Label))("ngIfElse",e)}}function N9e(n,i){if(n&1&&(f(0),D(1,"div",4,0),g(3,R9e,3,2,"ng-template",5,1,be),v()),n&2){let e=de(2),t=l().ngIf,o=l();m(),it("top",(t==null||t.position==null?null:t.position.top)+o.offsetTop,"px")("left",(t==null||t.position==null?null:t.position.left)+o.offsetLeft,"px"),c("id","selection-element-contianer-"+(o.highlight.user==null?null:o.highlight.user.userSnippylyId)),E("data-testid",o.componentId),m(2),c("cdkConnectedOverlayOrigin",e)("cdkConnectedOverlayOpen",!0)("cdkConnectedOverlayLockPosition",!1)("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPositions",M(12,x9e,t==null?null:t.overlayPosition))}}function F9e(n,i){if(n&1&&(f(0),g(1,N9e,5,14,"ng-container",3),v()),n&2){let e=i.ngIf;m(),c("ngIf",e==null?null:e.position)}}var Mse=(()=>{class n{get highlight(){return this._highlight}set highlight(e){this._highlight=e,this.calculatePosition()}constructor(e,t,o){this.loggingService=e,this.selectionService=t,this.elementRef=o,this._highlight=new Ap,this.position=null,this.userIndicatorTypes=Uv,this.offsetLeft=0,this.offsetTop=0,this.maxCount=1,this.componentConfigSignal=Se({userIndicatorPosition:BS.End,userIndicatorType:Uv.Avatar,position:null,overlayPosition:{originX:"end",originY:"top",overlayX:"end",overlayY:"top"},selections:[]}),this.veltElement=!0,this.componentId="velt-selection-element";try{this.loggingService.log("%c[WB] Creating CLASS: SelectionElementPortalComponent","color: blue;");let r=this.selectionService.getUserIndicatorPosition(),a=this.selectionService.getUserIndicatorType();this.componentConfigSignal.update(s=>(s=T(I({},s),{userIndicatorPosition:r,userIndicatorType:a}),s)),this.setOverlayPosition(r)}catch(r){this.loggingService.log("Error in SelectionElementPortalComponent constructor: ",r)}}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","complementary"),e.setAttribute("aria-label","Selection portal")}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent setupA11yAttributes:",e)}}setSelections(e){try{this.componentConfigSignal.update(t=>(t=T(I({},t),{selections:e}),t))}catch(t){this.loggingService.catch("Error in SelectionElementPortalComponent setSelections: ",t)}}addSelection(e){try{this.componentConfigSignal.update(t=>(t=I({},t),t.selections.push(e),t))}catch(t){this.loggingService.catch("Error in SelectionElementPortalComponent addSelection: ",t)}}ngAfterViewInit(){try{this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: ngAfterViewInit","color: green;"),this.updateOverlayPosition()}catch(e){this.loggingService.catch("Error in ngAfterViewInit: ",e)}}setOverlayPosition(e){try{switch(this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: setOverlayPosition","color: green;"),e){case"start":this.componentConfigSignal.update(t=>(t=T(I({},t),{overlayPosition:{originX:"start",originY:"top",overlayX:"start",overlayY:"top"}}),t));break;default:this.componentConfigSignal.update(t=>(t=T(I({},t),{overlayPosition:{originX:"end",originY:"top",overlayX:"end",overlayY:"top"}}),t))}this.updateOverlayPosition()}catch(t){this.loggingService.catch("Error in SelectionElementPortalComponent setOverlayPosition: ",t)}}updateOverlayPosition(){try{this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: updateOverlayPosition","color: green;"),this.selectionElementPortalOverlay&&this.selectionElementPortalOverlay?.overlayRef?.updatePosition()}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent updateOverlayPosition: ",e)}}calculatePosition(){try{if(this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: calculatePosition","color: green;"),this.highlight?.targetElement){let e=sS(this.highlight.targetElement);if(e){let t=e.iterateNext(),o,r=null,a=null;try{o=JSON.parse(t?.getAttribute(V.ATTRIBUTES.VELT_SELECTION_CONFIG)||"{}"),r=t?.getAttribute(V.ATTRIBUTES.VELT_LIVE_SELECTION_USER_INDICATOR_POSITION)||this.componentConfigSignal().userIndicatorPosition,r&&this.setOverlayPosition(r),a=t?.getAttribute(V.ATTRIBUTES.VELT_LIVE_SELECTION_USER_INDICATOR_TYPE)||this.componentConfigSignal().userIndicatorType,this.componentConfigSignal.update(d=>(d=T(I({},d),{userIndicatorPosition:r,userIndicatorType:a}),d))}catch{}let s;if(o?.horizontal&&(s=o.horizontal),r==="start"?s="top-start":s="top-right",t){let d=t.getBoundingClientRect();if(d&&d.width&&d.height)switch(s){case"left":this.position={top:d.height/2-16,left:-4};break;case"left-start":this.position={top:0,left:-4};break;case"top-start":this.position={top:-32,left:0};break;case"top-right":this.position={top:-32,left:d.width};break;case"bottom-left":this.position={top:d.height+4,left:0};break;case"bottom-right":this.position={top:d.height+4,left:d.width-32};break;case"center-left":this.position={top:d.height/2-16,left:-32};break;case"center-right":this.position={top:d.height/2-16,left:d.width+4};break;default:this.position={top:-32,left:d.width}}else this.position=null}else this.position=null}else this.position=null}this.componentConfigSignal.update(e=>(e=T(I({},e),{position:this.position}),e))}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent calculatePosition: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(vs),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["app-selection-element-portal"]],viewQuery:function(t,o){if(t&1&&nt(E9e,5),t&2){let r;Ke(r=Ze())&&(o.selectionElementPortalOverlay=r.first)}},hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{highlight:"highlight",offsetLeft:"offsetLeft",offsetTop:"offsetTop"},standalone:!1,decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["selectionElementPortalOverlay","cdkConnectedOverlay"],["defaultAvatarTypeTemplate",""],[4,"ngIf"],["cdkOverlayOrigin","","role","presentation",1,"selection-element-portal",3,"id"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayLockPosition","cdkConnectedOverlayGrowAfterOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPositions"],[4,"ngIf","ngIfElse"],["role","list",1,"velt-live-selection-element-user-name-container"],[4,"ngFor","ngForOf"],["class","velt-live-selection-element-user-name-plus","role","listitem",3,"--velt-selection-color",4,"ngIf"],["role","listitem",1,"velt-live-selection-element-user-name"],["role","listitem",1,"velt-live-selection-element-user-name-plus"],["class","photo-container","role","listitem",3,"--velt-selection-user-index","background-color",4,"ngIf"],[1,"photo-container","selection-user-avatar",3,"size","user"],["role","listitem",1,"photo-container"],[1,"s-selection-element-avatar-initial"]],template:function(t,o){t&1&&g(0,F9e,2,1,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},dependencies:[ut,K,Vn,Pn,Bn,me],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}[_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-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);position:absolute;top:0;left:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left;line-height:1.5;color:#000;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:empty{display:revert}.selection-element-portal[_ngcontent-%COMP%]{display:none;position:absolute;top:0;left:0;white-space:nowrap;z-index:1;font-size:var(--velt-font-size-xs)}.photo-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit));box-sizing:border-box;background-clip:padding-box;border-radius:50%;color:var(--velt-light-mode-white);border:2px solid var(--velt-selection-color);margin-left:-5px;z-index:calc(var(--velt-selection-user-index, 0) * -1)}.photo-container[_ngcontent-%COMP%] .s-selection-element-avatar-initial[_ngcontent-%COMP%]{color:var(--velt-light-mode-white)}.photo-container[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:100%;border-radius:50%;object-fit:cover} snippyly-user-avatar.selection-user-avatar .s-user-avatar-initial{font-size:var(--velt-font-size-md)}.velt-live-selection-element-user-name-container[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-xs);margin-top:5px}.velt-live-selection-element-user-name-container[_ngcontent-%COMP%] .velt-live-selection-element-user-name[_ngcontent-%COMP%]{color:var(--velt-light-mode-white);display:flex;background:var(--velt-selection-color);padding:var(--velt-spacing-xs) var(--velt-spacing-sm);font-size:var(--velt-spacing-md);font-style:normal;font-weight:400;line-height:100%;border-radius:var(--velt-border-radius-md);font-family:var(--velt-default-font-family)}.velt-live-selection-element-user-name-container[_ngcontent-%COMP%] .velt-live-selection-element-user-name-plus[_ngcontent-%COMP%]{color:var(--velt-light-mode-white);display:flex;background:var(--velt-selection-color);padding:var(--velt-spacing-x);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:100%;border-radius:var(--velt-border-radius-md);font-family:var(--velt-default-font-family)}"],changeDetection:0})}}return n})();var Kv=(n,i)=>{try{let e=B9e(n),t=[],o=[];return e.forEach(r=>{r?.parentElement?.closest(V.TAGS.SNIPPYLY_TEXT_HIGHLIGHT)?r?.parentElement?.normalize():o.push(r)}),o.forEach(r=>{let a=V9e(r,i);a&&t.push(a)}),t}catch(e){return dt.catch("Error in highlighter highlightRange: ",e),[]}},B9e=n=>{try{if(n.collapsed)return[];let i=n.commonAncestorContainer;if(n.commonAncestorContainer.nodeType!==Node.ELEMENT_NODE&&(i=n.commonAncestorContainer.parentElement),!i)return[];let e=[],t=i.ownerDocument.createNodeIterator(i,NodeFilter.SHOW_TEXT),o,r=!1;for(;o=t.nextNode();)if(n.intersectsNode(o)){let a=o?.length;n.startContainer===o&&n.startOffset>0&&(o.splitText(n.startOffset),r=!0),n.endContainer===o&&n.endOffset<a&&o.splitText(n.endOffset),e.push(o)}return r&&e.shift(),e}catch(i){return dt.catch("Error in highlighter getTextNodesInRange: ",i),[]}},V9e=(n,i)=>{try{let e=document.createElement(i||V.TAGS.SNIPPYLY_TEXT_HIGHLIGHT);return n.parentElement?.replaceChild(e,n),e.appendChild(n),e}catch(e){return dt.catch("Error in highlighter highlightNode: ",e),null}};var vs=(()=>{class n{constructor(e,t,o,r,a,s,d,p,h,b,x){this.afAuth=e,this.authService=t,this.configService=o,this.databaseService=r,this.docService=a,this.domService=s,this.componentFactoryResolver=d,this.injector=p,this.appRef=h,this.loggingService=b,this.commonDbService=x,this.documentPaths=null,this.db=hi(),this.textSelections={},this.enableSelections$=new fe(!1),this.userIndicatorEnabled$=new fe(!0),this.userIndicatorPosition$=new fe(BS.End),this.userIndicatorType$=new fe(Uv.Avatar),this.defaultElementsTrackingEnabled$=new fe(!0),this.defaultStylingEnabled$=new fe(!0),this.elementSelections={},this.databaseService.getDb().pipe(Ne(P=>!!P),Qe(1)).subscribe(P=>{P&&(this.db=P,this.updateOnDocumentFocusChange())},P=>{this.loggingService.catch("Error in SelectionService getDb subscription: ",P)}),this.docService.getDocumentPaths$().subscribe(P=>{this.documentPaths=P},P=>{this.loggingService.catch("Error in SelectionService getDocumentPaths subscription: ",P)}),this.domService.onDocumentClick$().subscribe(P=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&P?.target&&!window.getSelection()?.toString()){let z=this.getSelectionEnabledElement(P.target);if(z&&!Bi(z)){let Y=this.domService.getXPath(z);if(Y){let se=new Ap;se.type="click",se.targetElement=Y,this.setSelection(se)}}else this.removeSelection()}}catch(z){this.loggingService.catch("Error in SelectionService onDocumentClick$: ",z)}},P=>{this.loggingService.catch("Error in SelectionService onDocumentClick$ subscription: ",P)}),this.domService.onDocumentFocus$().subscribe(P=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&P?.target){let z=this.getSelectionEnabledElement(P.target);if(z&&!Bi(z)){let Y=this.domService.getXPath(z);if(Y){let se=new Ap;se.type="focus",se.targetElement=Y,this.setSelection(se)}}else this.removeSelection()}}catch(z){this.loggingService.catch("Error in SelectionService onDocumentFocus$: ",z)}},P=>{this.loggingService.catch("Error in SelectionService onDocumentFocus$ subscription: ",P)}),this.domService.onWindowKeyupEsc$().subscribe(P=>{this.removeSelection()},P=>{this.loggingService.catch("Error in SelectionService onWindowKeyupEsc$ subscription: ",P)}),this.enableSelections$.pipe(ge(()=>this.isFeatureAllowed$({})),Ne(P=>P?.config&&P?.user)).subscribe(P=>{(!P?.featureAllowed||!this.enableSelections$.value)&&this.removeSelection()},P=>{this.loggingService.catch("Error in SelectionService enableSelections$ subscription: ",P)}),this.domService.onSelectionChange$().subscribe(()=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&window.getSelection()?.toString()){let P=window.getSelection()?.getRangeAt(0);if(P.commonAncestorContainer&&!P?.collapsed){let z=Fie([P]),Y=new Ap;Y.type="selection",Y.targetTextRange=z?.length?z[0]:null,this.setSelection(Y)}}}catch(P){this.loggingService.catch("Error in SelectionService onSelectionChange$: ",P)}},P=>{this.loggingService.catch("Error in SelectionService onSelectionChange$ subscription: ",P)}),this.authService.getUser$().subscribe(P=>{this.user=P},P=>{this.loggingService.catch("Error in SelectionService getUser$ subscription: ",P)}),this.getSelectionsOnCurrentDocument().pipe(Li()).subscribe(([P,z])=>{try{if(P){let Y=[];Object.keys(P).forEach(se=>{let _e=P[se],Pe=z?z[se]:null;!fo(_e,Pe)&&se!==this.getUserIdHash(this.user)&&Y.push(_e)}),Y.forEach(se=>{if(se.targetElement){let _e=this.elementSelections[se?.targetElement]?.portalRef,Le=(this.elementSelections[se?.targetElement]?.selections||[]).filter(Ve=>this.getUserIdHash(Ve.user)!==this.getUserIdHash(se?.user));Le?.length?(_e.instance.setSelections(Le.slice()),this.elementSelections[se?.targetElement].selections=Le.slice(),this.highlightElement(Le[0])):(this.removeHighlightFromElement(se),this.removeSelectionElement(se))}else se.targetTextRange&&this.removeHighlightFromText(se)})}if(z){let Y=[];Object.keys(z).forEach(se=>{let _e=P?P[se]:null,Pe=z[se];!fo(_e,Pe)&&se!==this.getUserIdHash(this.user)&&Y.push(Pe)}),Y.forEach(se=>{se.targetElement?(this.highlightElement(se),this.getUserIndicatorEnabled()&&this.setElementHighlight(se)):se.targetTextRange&&this.highlightText(se)})}}catch(Y){this.loggingService.catch("Error in SelectionService getSelectionsOnCurrentDocument: ",Y)}},P=>{this.loggingService.catch("Error in SelectionService getSelectionsOnCurrentDocument subscription: ",P)}),this.authService.addPreSignOutFuction("highlight-signout",this.signOutUser.bind(this))}isFeatureAllowed(){return Ki(this.configService.getConfig(),this.authService.getUser(),Me.LIVE_SELECTION)}updateOnDocumentFocusChange(){this.loggingService.log("%c[WB] Calling FUNCTION: updateOnDocumentFocusChange","color: green;");try{document&&document.addEventListener("visibilitychange",e=>{this.user&&document.visibilityState==="hidden"&&this.removeSelection()})}catch(e){this.loggingService.catch("Error in updateOnDocumentFocusChange:",e)}}getSelectionsOnCurrentDocument(){return this.loggingService.log("%c[WB] Calling FUNCTION: getSelectionsOnCurrentDocument","color: green;"),zn(this.afAuth).pipe(Ne(e=>!!e),ge(e=>this.isFeatureAllowed$({firebaseUser:e})),ge(e=>e.featureAllowed?oe(e).pipe(ge(t=>this.docService.getDocumentPaths$().pipe(ce(o=>(this.documentPaths=o,t)))),ge(t=>t?.user?t?.user?.isAnonymous?oe(null):this.documentPaths?this.databaseService.getDb().pipe(Ne(o=>!!o),ge(o=>this.documentPaths?.selection?this.commonDbService.dbListener({feature:"allSelections",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,skipFirestore:!0}}).pipe(ce(r=>r?.data)):oe(null))):oe(null):oe(null))):oe(null)))}isFeatureAllowed$(e){return this.configService.getConfig$().pipe(Ne(t=>!!t),ce(t=>T(I({},e),{config:t})),ge(t=>this.authService.getUser$().pipe(ce(o=>(this.user=o,T(I({},t),{user:o}))))),ge(t=>Ki(t.config,t.user,Me.LIVE_SELECTION)?oe(T(I({},t),{featureAllowed:!0})):(this.loggingService.warn("Live Selection feature is not allowed."),oe(T(I({},t),{featureAllowed:!1})))))}setSelection(e){try{if(this.user?.userId&&this.documentPaths?.selection){e.user=this.user;let t=JSON.parse(JSON.stringify(e));this.commonDbService.updateData({feature:"selection",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:this.getUserIdHash(this.user)??"",skipFirestore:!0},data:t})}}catch(t){this.loggingService.catch("Error in SelectionService setSelection: ",t)}}removeSelection(){try{this.user?.userId&&this.documentPaths?.selection&&this.commonDbService.deleteData({feature:"selection",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:this.getUserIdHash(this.user)??"",skipFirestore:!0}})}catch(e){this.loggingService.catch("Error in SelectionService removeSelection: ",e)}}highlightElement(e){try{let t=this.domService.getXPath(e.targetElement);if(t){let o=t.iterateNext();if(o){let r=["input","textarea","select","button"],a;try{o?.getAttribute(V.ATTRIBUTES.VELT_SELECTION_CONFIG)&&(a=JSON.parse(o?.getAttribute(V.ATTRIBUTES.VELT_SELECTION_CONFIG)||"{}"))}catch{}(!a||a?.border)&&this.domService.highlightUserElement(o,e?.user?.color,e?.user?.name,this.getDefaultStylingEnabled())}}}catch(t){this.loggingService.catch("Error in SelectionService highlightElement: ",t)}}removeHighlightFromElement(e){try{let t=this.domService.getXPath(e.targetElement);if(t){let o=t.iterateNext();o&&this.domService.removeHighlightUserFromElement(o)}}catch(t){this.loggingService.catch("Error in SelectionService removeHighlightFromElement: ",t)}}highlightText(e){try{if(e?.targetTextRange){let t=ov(e.targetTextRange?.text,this.domService.getXPath(e.targetTextRange?.commonAncestorContainer).iterateNext(),e.targetTextRange?.occurrence),o=new Range;try{o.setStart(t[0].textNode,t[0].startOffset||0),o.setEnd(t[t.length-1].textNode,t[t.length-1].endOffset||0)}catch{}if(o.toString()===e.targetTextRange?.text){let r=Kv(o,V.TAGS.SNIPPYLY_HIGHLIGHT_USER_TEXT),a=[],s=this.getSelectionUserMarker(e.user);if(r&&r.length&&(r.forEach(d=>{d?.textContent?.trim()&&(this.domService.addClassToElement(d,d.tagName?.toLowerCase()),this.domService.addClassToElement(d,V.VELT_LIVE_SELECTION_ON_TEXT),this.getDefaultStylingEnabled()&&this.domService.addClassToElement(d,V.VELT_LIVE_SELECTION_ON_TEXT_DEFAULT),e.user?.color&&d.style.setProperty(V.VELT_SELECTION_COLOR,e.user?.color+"55"),a.push({element:d,textNode:d.childNodes[0]}))}),s)){let d=r.filter(h=>h?.textContent?.trim()),p=d?.length?d[d?.length-1]:null;p&&p.parentNode.insertBefore(s,p.nextSibling)}this.textSelections[this.getUserIdHash(e?.user)]={textNodes:a,marker:s}}}}catch(t){this.loggingService.catch("Error in SelectionService highlightText: ",t)}}removeHighlightFromText(e){try{let t=this.getUserIdHash(e?.user);t&&this.textSelections[t]?.textNodes?.length&&(this.textSelections[t].textNodes.forEach(o=>{o?.element&&o?.textNode&&o.element.replaceWith(o.textNode),o.textNode&&o.textNode.parentNode?.normalize()}),this.textSelections[t]?.marker&&this.textSelections[t]?.marker?.remove())}catch(t){this.loggingService.catch("Error in SelectionService removeHighlightFromText: ",t)}}getSelectionUserMarker(e){try{let t=document.createElement("span");t.classList.add("snippyly-user-marker","active"),t.setAttribute("data-name",e?.name+""),t.style.setProperty("--velt-selection-marker-color",e?.color||"#000");let o=document.createElement("span");o.classList.add("snippyly-user-marker-line");let r=document.createElement("span");return r.classList.add("snippyly-user-marker-dot"),o.appendChild(r),t.appendChild(o),setTimeout(()=>{t?.classList?.remove("active")},1e3),t}catch(t){return this.loggingService.catch("Error in SelectionService getSelectionUserMarker: ",t),null}}signOutUser(e){return new Promise((t,o)=>{try{this.documentPaths?.selection&&e?this.commonDbService.dbListener({feature:"selection",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:e.uid,skipFirestore:!0}}).pipe(Qe(1)).subscribe(r=>{r?.data?this.commonDbService.deleteData({feature:"selection",errorCallback:a=>{o(a)},callback:()=>{t(null)},properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:this.getUserIdHash(this.user)??"",skipFirestore:!0}}):t(null)},r=>{this.loggingService.catch("Error in SelectionService signOutUser subscription: ",r),o(r)}):t(null)}catch(r){this.loggingService.catch("Error in SelectionService signOutUser:",r),o(r)}})}enableSelections(e){try{this.enableSelections$.next(e)}catch(t){this.loggingService.catch("Error in SelectionService enableSelections: ",t)}}enableUserIndicator(){try{if(this.userIndicatorEnabled$.value===!0)return;this.userIndicatorEnabled$.next(!0)}catch(e){this.loggingService.catch("Error in SelectionService enableUserIndicator: ",e)}}disableUserIndicator(){try{if(this.userIndicatorEnabled$.value===!1)return;this.userIndicatorEnabled$.next(!1)}catch(e){this.loggingService.catch("Error in SelectionService disableUserIndicator: ",e)}}getUserIndicatorEnabled$(){return this.userIndicatorEnabled$.asObservable()}getUserIndicatorEnabled(){return this.userIndicatorEnabled$.value}setUserIndicatorPosition(e){try{this.userIndicatorPosition$.next(e)}catch(t){this.loggingService.catch("Error in SelectionService setUserIndicatorPosition: ",t)}}getUserIndicatorPosition$(){return this.userIndicatorPosition$.asObservable()}getUserIndicatorPosition(){return this.userIndicatorPosition$.value}setUserIndicatorType(e){try{this.userIndicatorType$.next(e)}catch(t){this.loggingService.catch("Error in SelectionService setUserIndicatorType: ",t)}}getUserIndicatorType$(){return this.userIndicatorType$.asObservable()}getUserIndicatorType(){return this.userIndicatorType$.value}enableDefaultElementsTracking(){try{if(this.defaultElementsTrackingEnabled$.value===!0)return;this.defaultElementsTrackingEnabled$.next(!0)}catch(e){this.loggingService.catch("Error in SelectionService enableDefaultElementsTracking: ",e)}}disableDefaultElementsTracking(){try{if(this.defaultElementsTrackingEnabled$.value===!1)return;this.defaultElementsTrackingEnabled$.next(!1)}catch(e){this.loggingService.catch("Error in SelectionService disableDefaultElementsTracking: ",e)}}getDefaultElementsTrackingEnabled$(){return this.defaultElementsTrackingEnabled$.asObservable()}getDefaultElementsTrackingEnabled(){return this.defaultElementsTrackingEnabled$.value}enableDefaultStyling(){try{if(this.defaultStylingEnabled$.value===!0)return;this.defaultStylingEnabled$.next(!0)}catch(e){this.loggingService.catch("Error in SelectionService enableDefaultStyling: ",e)}}disableDefaultStyling(){try{if(this.defaultStylingEnabled$.value===!1)return;this.defaultStylingEnabled$.next(!1)}catch(e){this.loggingService.catch("Error in SelectionService disableDefaultStyling: ",e)}}getDefaultStylingEnabled$(){return this.defaultStylingEnabled$.asObservable()}getDefaultStylingEnabled(){return this.defaultStylingEnabled$.value}getSelectionEnabledElement(e){try{let t=this.getDefaultElementsTrackingEnabled();return t&&V.SELECTION_ENABLED_ELEMENTS[e.tagName?.toLowerCase()]?e:fV(e,t)}catch(t){return this.loggingService.catch("Error in SelectionService isElementAllowed: ",t),null}}setElementHighlight(e){try{if(!this.elementSelections[e.targetElement])this.setSelectionElement(e);else{let t=this.elementSelections[e.targetElement].portalRef;this.elementSelections[e.targetElement].selections?.find(r=>this.getUserIdHash(r.user)===this.getUserIdHash(e?.user))||(t.instance.addSelection(e),this.elementSelections[e.targetElement].selections.push(e))}}catch(t){this.loggingService.catch("Error in SelectionService setElementSelection: ",t)}}setSelectionElement(e){try{let t=this.domService.getXPath(e.targetElement);if(t){let o=t.iterateNext();if(o){let r=this.domService.getHostElement(o),a=new Ro(Mse),s=new No(r,this.componentFactoryResolver,this.appRef,this.injector),d=s.attach(a);d.instance.highlight=e,d.instance.setSelections([e]),this.elementSelections[e.targetElement]={selectionHostDomPortalOutlet:s,selectionElementPortal:a,portalRef:d,selections:[JSON.parse(JSON.stringify(e))],userTargetElement:o,selectionHostElement:r,targetElement:e.targetElement},this.updateElementOffset(e)}}}catch(t){this.loggingService.catch("Error in SelectionService setSelectionElement: ",t)}}updateElementOffset(e){try{let{portalRef:t,userTargetElement:o,selectionHostElement:r}=this.elementSelections[e.targetElement],a=this.domService.getElementOffset(o,r);t.instance.offsetLeft=a.offsetLeft,t.instance.offsetTop=a.offsetTop}catch(t){this.loggingService.catch("Error in SelectionService updateElementOffset: ",t)}}checkElementHighlightsToRemove(e){try{let t=e.map(o=>o.targetElement);Object.keys(this.elementSelections).forEach(o=>{if(!t.includes(o)){let r=this.elementSelections[o];r&&(r.selectionHostDomPortalOutlet.detach(),this.domService.removeHighlightFromElement(r.selectionHostElement)),delete this.elementSelections[o]}})}catch(t){this.loggingService.catch("Error in SelectionService checkElementHighlightsToRemove: ",t)}}removeSelectionElement(e){try{let t=this.elementSelections[e.targetElement];t&&(t.selectionHostDomPortalOutlet.detach(),this.domService.removeHighlightFromElement(t.selectionHostElement)),delete this.elementSelections[e.targetElement]}catch(t){this.loggingService.catch("Error in SelectionService removeSelectionElement: ",t)}}getUserIdHash(e){try{return e?.userId?kt(e?.userId):null}catch(t){return this.loggingService.catch("Error in SelectionService getUserIdHash: ",t),null}}static{this.\u0275fac=function(t){return new(t||n)(Q(ui),Q(je),Q(Vt),Q(dn),Q(at),Q(Fe),Q(So),Q(It),Q(li),Q(_),Q(yn))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var tM=class extends ai{constructor(i){super(i),this.getService(_).log("%c[WB] Creating CLASS: SelectionElement","color: blue;"),this.enableLiveSelection=this._enableLiveSelection,this.disableLiveSelection=this._disableLiveSelection,this.enableUserIndicator=this._enableUserIndicator,this.disableUserIndicator=this._disableUserIndicator,this.setUserIndicatorPosition=this._setUserIndicatorPosition,this.setUserIndicatorType=this._setUserIndicatorType,this.enableDefaultElementsTracking=this._enableDefaultElementsTracking,this.disableDefaultElementsTracking=this._disableDefaultElementsTracking,this.enableDefaultStyling=this._enableDefaultStyling,this.disableDefaultStyling=this._disableDefaultStyling,this.getLiveSelectionData=this._getLiveSelectionData}_enableLiveSelection(){this.getService(_).log("%c[WB] Calling FUNCTION: _enableLiveSelection","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_LIVE_SELECTION_TRIGGERED),this.getService(vs).enableSelections(!0)}catch(i){this.getService(_).catch("Error in enableLiveSelection: ",i)}}_disableLiveSelection(){this.getService(_).log("%c[WB] Calling FUNCTION: _disableLiveSelection","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_LIVE_SELECTION_TRIGGERED),this.getService(vs).enableSelections(!1)}catch(i){this.getService(_).catch("Error in disableLiveSelection: ",i)}}_enableUserIndicator(){this.getService(_).log("%c[WB] Calling FUNCTION: enableUserIndicator","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_USER_INDICATOR_TRIGGERED),this.getService(vs).enableUserIndicator()}catch(i){this.getService(_).catch("Error in _enableUserIndicator: ",i)}}_disableUserIndicator(){this.getService(_).log("%c[WB] Calling FUNCTION: disableUserIndicator","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_USER_INDICATOR_TRIGGERED),this.getService(vs).disableUserIndicator()}catch(i){this.getService(_).catch("Error in _disableUserIndicator: ",i)}}_setUserIndicatorPosition(i){this.getService(_).log("%c[WB] Calling FUNCTION: setUserIndicatorPosition","color: green;");try{this.trackEvent(Z.Events.Selection.SET_USER_INDICATOR_POSITION_TRIGGERED,{payload:{position:i}}),this.getService(vs).setUserIndicatorPosition(i)}catch(e){this.getService(_).catch("Error in _setUserIndicatorPosition: ",e)}}_setUserIndicatorType(i){this.getService(_).log("%c[WB] Calling FUNCTION: setUserIndicatorType","color: green;");try{this.trackEvent(Z.Events.Selection.SET_USER_INDICATOR_TYPE_TRIGGERED,{payload:{type:i}}),this.getService(vs).setUserIndicatorType(i)}catch(e){this.getService(_).catch("Error in _setUserIndicatorType: ",e)}}_enableDefaultElementsTracking(){this.getService(_).log("%c[WB] Calling FUNCTION: enableDefaultElementsTracking","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_DEFAULT_ELEMENTS_TRACKING_TRIGGERED),this.getService(vs).enableDefaultElementsTracking()}catch(i){this.getService(_).catch("Error in _enableDefaultElementsTracking: ",i)}}_disableDefaultElementsTracking(){this.getService(_).log("%c[WB] Calling FUNCTION: disableDefaultElementsTracking","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_DEFAULT_ELEMENTS_TRACKING_TRIGGERED),this.getService(vs).disableDefaultElementsTracking()}catch(i){this.getService(_).catch("Error in _disableDefaultElementsTracking: ",i)}}_enableDefaultStyling(){this.getService(_).log("%c[WB] Calling FUNCTION: enableDefaultStyling","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_DEFAULT_STYLING_TRIGGERED),this.getService(vs).enableDefaultStyling()}catch(i){this.getService(_).catch("Error in _enableDefaultStyling: ",i)}}_disableDefaultStyling(){this.getService(_).log("%c[WB] Calling FUNCTION: disableDefaultStyling","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_DEFAULT_STYLING_TRIGGERED),this.getService(vs).disableDefaultStyling()}catch(i){this.getService(_).catch("Error in _disableDefaultStyling: ",i)}}_getLiveSelectionData(){this.getService(_).log("%c[WB] Calling FUNCTION: getLiveSelectionData","color: green;");try{return this.trackEvent(Z.Events.Selection.GET_LIVE_SELECTION_DATA_TRIGGERED),this.getService(vs).getSelectionsOnCurrentDocument()}catch(i){return this.getService(_).catch("Error in _getLiveSelectionData: ",i),oe(null)}}};var wa=(()=>{class n{constructor(e,t,o,r,a,s,d,p,h,b,x,P,z,Y,se){this.analyticsService=e,this.configService=t,this.docService=o,this.databaseService=r,this.authService=a,this.domService=s,this.afAuth=d,this.iamService=p,this.avatarService=h,this.contactService=b,this.storageService=x,this.dialog=P,this.loggingService=z,this.notificationService=Y,this.commonDbService=se,this.tagAnnotations$=new fe({}),this.tagAnnotationsByDocumentId$=new fe({}),this.documentPaths=null,this.db=hi(),this.allowedElementIds$=new fe([]),this.addTagMode$=new fe(!1),this.enableTextTags$=new fe(!1),this.loggingService.log("%c[WB] Creating CLASS: TagService","color: blue;"),this.databaseService.getDb().pipe(Ne(_e=>!!_e),Qe(1)).subscribe(_e=>{_e&&(this.db=_e,this.getDocumentPaths())},_e=>{this.loggingService.catch("Error in TagService getDb subscription: ",_e)}),this.domService.onWindowPointerMove$().subscribe(_e=>{if(this.addTagMode$.value){this.hightlightElement&&this.domService.removeHighlightFromElement(this.hightlightElement);let Pe=this.domService.getBackgroundElement(_e.clientX,_e.clientY);Pe&&(this.isElementInsideAllowedElements(Pe)?GO(_e.target)?this.domService.removeClassFromElement(document.body,"show-pin-cursor"):(this.domService.addClassToElement(document.body,"show-pin-cursor"),this.hightlightElement=Pe,this.domService.highlightElement(this.hightlightElement,V.CURSOR.TAG_PIN)):this.domService.removeClassFromElement(document.body,"show-pin-cursor"))}},_e=>{this.loggingService.catch("Error in TagService onWindowPointerMove$ subscription: ",_e)}),this.domService.onWindowKeyupEsc$().subscribe(_e=>{this.addTagMode$.value&&this.disableAddTagMode()},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupEsc$ subscription: ",_e)}),this.domService.onDocumentClick$().subscribe(_e=>{if(_e&&this.addTagMode$.value){if(_e.preventDefault(),_e.stopPropagation(),!GO(_e.target)){let Pe=this.domService.getBackgroundElement(_e.clientX,_e.clientY);Pe&&this.isElementInsideAllowedElements(Pe)&&this.addTag(_e)}this.disableAddTagMode()}},_e=>{this.loggingService.catch("Error in TagService onDocumentClick$ subscription: ",_e)}),this.addTagMode$.subscribe(_e=>{this.hightlightElement&&this.domService.removeHighlightFromElement(this.hightlightElement),_e?this.domService.addClassToElement(document.body,"snippyly-add-tag-mode"):(this.domService.removeClassFromElement(document.body,"snippyly-add-tag-mode"),this.domService.removeClassFromElement(document.body,"show-pin-cursor"))},_e=>{this.loggingService.catch("Error in TagService addTagMode$ subscription: ",_e)}),this.domService.onWindowKeyupBackspace$().subscribe(_e=>{this.deleteTagPinAnnotations("keyupBackspace")},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupBackspace$ subscription: ",_e)}),this.domService.onWindowKeyupDelete$().subscribe(_e=>{this.deleteTagPinAnnotations("keyupDelete")},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupDelete$ subscription: ",_e)}),this.domService.getDeleteCommmentAnnotations$().subscribe(_e=>{_e?.length&&(_e?.filter(Le=>Le.type==="tag")).forEach(Le=>J(this,null,function*(){yield this.deleteTagPinAnnotation(Le)}))},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupDelete$ subscription: ",_e)})}getDocumentPaths(){this.loggingService.log("%c[WB] Calling FUNCTION: getDocumentPaths","color: green;"),this.docService.getDocumentPaths$()}getAnonymousAvatarImage(){return this.loggingService.log("%c[WB] Calling FUNCTION: getAnonymousAvatarImage","color: green;"),this.avatarService.generateUserImage()}setAllowedElementIds(e){this.allowedElementIds$.next(e||[])}getAllowedElementIds(){return this.allowedElementIds$.asObservable()}getAllTagAnnotations(e,t,o){this.loggingService.log("%c[WB] Calling FUNCTION: getAllTagAnnotations","color: green;");let r,a;try{if(e&&(a=un(e)),t&&typeof t=="object"){let s=Zo(t);r=un(JSON.stringify(s))}}catch(s){this.loggingService.catch("Error in TagService getAllTagAnnotations: ",s)}return zn(this.afAuth).pipe(Ne(s=>!!s),ge(s=>this.isFeatureAllowed({firebaseUser:s,annotations:[],filteredAnnotations:[]})),ge(s=>s.featureAllowed?this.iamService.isUserAllowed$().pipe(ce(d=>(s.featureAllowed=d,s))):oe(s)),ge(s=>s.featureAllowed?this.authService.isPlanExpired$().pipe(ce(d=>(s.featureAllowed=!d,s))):oe(s)),ge(s=>s.featureAllowed?oe(s).pipe(ge(d=>this.docService.getDocumentPaths$().pipe(ce(p=>(this.documentPaths=p,d.documentPaths=p,d)))),ge(d=>this.getDataFromDocumentId(a).pipe(ce(p=>(d.annotations=p||[],I({},d))))),ge(d=>this.docService.getLocation$().pipe(ce(p=>(d.location=p,d)))),ge(d=>this.docService.getLocations$().pipe(ce(p=>(d.customLocations=p,d)))),ce(d=>{if(d.filteredAnnotations=[],a&&!r)return d.filteredAnnotations=d.annotations?.slice(),d;{let p=[];return r?p.push(r):(p.push(d?.location?.locationId),p.push(...Object.values(d?.customLocations||[]).map(h=>h.locationId))),d.filteredAnnotations=this.filterAnnotationsByLocationIds(d?.annotations,p),d}}),ge(d=>o?oe(d):d?.annotations?.length?this.domService.onWindowResize$().pipe(ce(()=>d)):oe(d)),ge(d=>o?oe(d):d?.annotations?.length?this.domService.onDomChange$("TagService getAllTagAnnotations").pipe(ce(()=>d)):oe(d)),ce(d=>(d?.filteredAnnotations?.forEach(p=>{this.calculateTagAnnotationPosition(p)}),d)),ge(d=>d?.filteredAnnotations?oe(d?.filteredAnnotations||[]):oe([]))):oe([])))}isFeatureAllowed(e){return this.configService.getConfig$().pipe(Ne(t=>!!t),ce(t=>T(I({},e),{config:t})),ge(t=>this.authService.getUser$().pipe(ce(o=>T(I({},t),{user:o})))),ge(t=>Ki(t.config,t.user,Me.TAG)?oe(T(I({},t),{featureAllowed:!0})):(this.loggingService.warn("Tag feature is not allowed."),oe(T(I({},t),{featureAllowed:!1})))))}getDataFromDocumentId(e){return this.databaseService.getDb().pipe(Ne(t=>!!t),ge(t=>(this.db=t,this.loggingService.log(this.db),this.configService?.getApiKey()&&this.documentPaths?.tag?this.commonDbService.dbListener({feature:"allTags",properties:{documentId:e??this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,skipFirestore:!0}}).pipe(ce(o=>o?.data),ce(o=>{let r=[];return o&&(r=Object.values(o).filter(a=>typeof a=="object")),this.setTagAnnotationsByDocumentId(e||this.documentPaths?.documentId,r),r})):oe([]))))}setTagAnnotationsByDocumentId(e,t){try{e&&this.tagAnnotationsByDocumentId$.next(T(I({},this.tagAnnotationsByDocumentId$.value),{[e]:t}))}catch(o){this.loggingService.catch("Error in TagService setTagAnnotationsByDocumentId:",o)}}filterAnnotationsByLocationIds(e,t){try{return e.filter(o=>t.includes(o.locationId))}catch(o){return this.loggingService.catch("Error in TagService filterAnnotationsByLocations:",o),[]}}calculateTagAnnotationPosition(e){try{if(e.targetElement){let t=this.domService.getXPath(e.targetElement?.xpath);if(t){let o=t.iterateNext();if(o&&Io(o)){let r=o.getBoundingClientRect();if(r&&r.width&&r.height){let{height:a,width:s}=yp(o);e.position={top:a*e.targetElement.topPercentage/100,left:s*e.targetElement.leftPercentage/100}}else e.position=null}else e.position=null}else e.position=null}}catch(t){this.loggingService.catch("Error in TagService calculateTagAnnotationPosition:",t)}}filterPinAnnotations(e,t,o){this.loggingService.log("%c[WB] Calling FUNCTION: filterPinAnnotations","color: green;");try{let r=e?Object.values(e):[];r.forEach((s,d)=>{s?.annotationId&&(s.annotationIndex=d+1)});let a=[];if(t)o?a=r.filter(s=>s.locationId===o):a=r.slice();else{let s=this.docService.getLocation();s&&s.locationId?a=r.filter(d=>d.locationId===s.locationId):a=r.filter(d=>!d.locationId)}return a}catch(r){return this.loggingService.catch("Error in TagService filterPinAnnotations:",r),[]}}addTag(e,t){this.loggingService.log("%c[WB] Calling FUNCTION: addTag","color: green;");try{let o=this.authService.getUser();if(o)if(o.isReadOnly||o.isAnonymous)this.loggingService.catch("Anonymous/Readonly users cannot add tags.");else{let r=new US;r.from=o,r.color=V.DEFAULT_ANNOTATION_COLOR,r.resolved=!1,r.lastUpdated=this.timestamp;let{topPositionX:a,topPositionY:s}=this.domService.getTopLeftPosition();r.positionX=a,r.positionY=s;let d=this.domService.getCurrentWindowSizeValue();if(r.screenWidth=d.screenWidth,r.screenHeight=d.screenHeight,r.screenScrollHeight=d.screenScrollHeight,r.taggedElementPath="",e&&(r.targetElement=this.domService.getTargetElementForCursorPosition(e)),t&&(r.targetTextRange=t),r?.targetElement?.xpath){let p=this.domService.getXPath(r.targetElement.xpath);if(p){let h=p.iterateNext();h&&(Io(h)||(r.targetElement=null))}}this.setLocationToTagAnnotation(r),r.pageInfo=fi(),r.pageInfo&&(r.pageInfo.screenWidth=this.domService.getCurrentWindowSizeValue()?.screenWidth),this.saveTagToDb(r)}}catch(o){this.loggingService.catch("Error in TagService addTag: ",o)}}setLocationToTagAnnotation(e){try{let t=this.docService.getLocation();t?(e.locationId=t.locationId,e.location=t.location):(delete e.locationId,delete e.location);try{let o;e.targetElement?.xpath?o=this.domService.getElementFromXPath(e.targetElement.xpath):e.targetTextRange?.commonAncestorContainer&&(o=this.domService.getElementFromXPath(e.targetTextRange.commonAncestorContainer));let r=this.docService.getAdditionLocationFromElement(o);if(r){let a=this.docService.addLocation(r);a&&(e.locationId=a.locationId,e.location=a.location)}}catch{}}catch(t){this.loggingService.catch("Error in TagService setLocationToTagAnnotation:",t)}}saveTagToDb(e){this.loggingService.log("%c[WB] Calling FUNCTION: saveTagToDb","color: green;");try{this.authService.getUser()&&this.authService.isFeatureAllowed(Me.TAG)&&this.docService.getDocumentPaths$().pipe(Ne(t=>!!t),Qe(1),ge(t=>(this.documentPaths=t,this.loggingService.log(this.documentPaths),this.databaseService.getDb().pipe(Ne(o=>!!o),Qe(1),ge(o=>{if(this.db=o,this.loggingService.log(this.db),this.documentPaths?.tag){let r=tn(this.db,`${this.documentPaths?.tag}`);e.annotationId=this.commonDbService.generateDocumentId(),e.pageInfo&&(e.pageInfo.tagUrl=this.generateTagUrl(e));let a=JSON.parse(JSON.stringify(e));return a.position=null,this.domService.toggleAnnotationSelection(a),e.targetTextRange&&sessionStorage.setItem(V.SESSION_STORAGE.SNIPPYLY_AUTO_SELECT_ANNOTATION_ID,e.annotationId),this.analyticsService.trackEvent(Z.Events.Tag.TAG_DRAFT_ADDED,{annotationId:e.annotationId}),this.commonDbService.setData({feature:"tag",properties:{documentId:this.documentPaths?.documentId??"",organizationId:this.documentPaths?.organizationId??"",id:e.annotationId,skipFirestore:!0},data:a})}else return oe(null)}))))).subscribe(()=>{},t=>{this.loggingService.catch("Error in TagService saveTagToDb subscription: ",t)})}catch(t){this.loggingService.catch("Error in TagService saveTagToDb: ",t)}}updateTag(e,t=!1,o){try{o&&this.setLocationToTagAnnotation(e),t&&this.updateNotificationsDatabase(e,aS.UPDATED),this.updateTagToDb(e)}catch(r){this.loggingService.catch("Error in TagService updateTag: ",r)}}resolveTag(e){try{e.resolved=!0,this.domService.resetSelectedAnnotationsMap(!1),this.updateNotificationsDatabase(e,aS.RESOLVED),this.updateTagToDb(e),this.domService.updateSelectedAnnotationInMap([e]),this.analyticsService.trackEvent(Z.Events.Tag.TAG_RESOLVED,{annotationId:e.annotationId})}catch(t){this.loggingService.catch("Error in TagService resolveTag: ",t)}}updateTagToDb(e){this.loggingService.log("%c[WB] Calling FUNCTION: updateTagToDb","color: green;");try{if(e?.targetElement?.xpath){let t=this.domService.getXPath(e.targetElement.xpath);if(t){let o=t.iterateNext();o&&(Io(o)||(e.targetElement=null))}}this.domService.updateSelectedAnnotationInMap([e]),this.authService.getUser()&&this.authService.isFeatureAllowed(Me.TAG)&&this.docService.getDocumentPaths$().pipe(Ne(t=>!!t),Qe(1),ge(t=>(this.documentPaths=t,this.loggingService.log(this.documentPaths),this.databaseService.getDb().pipe(Ne(o=>!!o),Qe(1),ge(o=>{if(this.db=o,this.loggingService.log(this.db),this.documentPaths?.tag&&e?.annotationId){let r=JSON.parse(JSON.stringify(e));return r.position=null,this.commonDbService.setData({feature:"tag",properties:{documentId:this.documentPaths?.documentId??"",organizationId:this.documentPaths?.organizationId??"",id:e.annotationId,skipFirestore:!0},data:r})}else return oe(null)}))))).subscribe(()=>{},t=>{this.loggingService.catch("Error in TagService updateTagToDb subscription: ",t)})}catch(t){this.loggingService.catch("Error in TagService updateTagToDb: ",t)}}deleteTagPinAnnotations(e){try{let t=this.domService.getSelectedAnnotationsMap(),o=this.authService.getUser(),r=[];Object.keys(t).forEach(a=>J(this,null,function*(){let s=t[a];s.type==="tag"&&o&&s.from&&(o?.isAdmin||s.from.userId===o.userId)&&r.push(s)})),r?.length&&(this.analyticsService.trackEvent(Z.Events.Tag.TAG_DELETE_TRIGGERED,{triggerType:e,annotationId:r.map(a=>a.annotationId).join()}),this.dialog.open(ma,{data:{title:"Delete tag?",message:"This selected tag will be deleted.",yesButton:"Delete",noButton:"Cancel",variant:"tag"}}).afterClosed().pipe(Qe(1)).subscribe(a=>{a&&(r.forEach(s=>J(this,null,function*(){yield this.deleteTagPinAnnotation(s)})),setTimeout(()=>{document.querySelectorAll(`[${V.SNIPPYLY_HIGHLIGHT}]`).forEach(d=>{this.domService.removeHighlightFromElement(d)})},100))})),this.domService.resetSelectedAnnotationsMap(!0,"tag")}catch(t){this.loggingService.catch("Error in TagService deleteTagPinAnnotations: ",t)}}deleteTagPinAnnotation(e){return this.authService.isFeatureAllowed(Me.TAG)&&this.documentPaths?.tag&&e?.annotationId?(this.updateNotificationsDatabase(e,aS.DELETED),this.analyticsService.trackEvent(Z.Events.Tag.TAG_DELETED,{annotationId:e.annotationId}),this.commonDbService.deleteData({feature:"tag",properties:{documentId:this.documentPaths?.documentId??"",organizationId:this.documentPaths?.organizationId??"",id:e.annotationId,skipFirestore:!0}})):Promise.resolve()}enableAddTagMode(){this.authService.isFeatureAllowed(Me.TAG)?(this.analyticsService.trackEvent(Z.Events.Tag.TAG_ADD_MODE_ENABLED),this.addTagMode$.next(!0)):this.loggingService.catch("Error in TagService enableAddTagMode: ","Tag feature is not enabled.")}disableAddTagMode(){this.analyticsService.trackEvent(Z.Events.Tag.TAG_ADD_MODE_DISABLED),this.addTagMode$.next(!1)}addTagModeChange(){return this.addTagMode$.asObservable()}enableTextTags(e){this.enableTextTags$.next(e)}getEnableTextTags$(){return this.enableTextTags$.asObservable()}get timestamp(){return this.commonDbService.getServerTimestamp()}isElementInsideAllowedElements(e){try{return this.domService.isElementInsideListedElementIds(e,this.allowedElementIds$.value)}catch(t){return this.loggingService.catch("Error in TagService isElementInsideAllowedElements: ",t),!1}}attachTag(e,t=[]){let o=lr(e,t);if(o){let r=this.domService.getXPath(o),a=this.getTagPinAnnotationObject();a&&(a.targetElement={xpath:r,topPercentage:50,leftPercentage:90},this.saveTagToDb(a))}}getTagPinAnnotationObject(){let e=this.authService.getUser();if(e)if(e.isReadOnly||e.isAnonymous)this.loggingService.catch("Anonymous/Readonly users cannot add tags.");else{let t=new US;t.from=e,t.color=V.DEFAULT_ANNOTATION_COLOR,t.resolved=!1,t.lastUpdated=this.timestamp;let{topPositionX:o,topPositionY:r}=this.domService.getTopLeftPosition();t.positionX=o,t.positionY=r;let a=this.domService.getCurrentWindowSizeValue();t.screenWidth=a.screenWidth,t.screenHeight=a.screenHeight,t.screenScrollHeight=a.screenScrollHeight,t.taggedElementPath="";let s=this.docService.getLocation();return s&&(t.locationId=s.locationId,t.location=s.location),t}return null}updateNotificationsDatabase(e,t){try{let o={annotationData:e,actionType:t,notificationSource:"tag"};this.notificationService.updateNotificationDatabase(o)}catch(o){this.loggingService.catch("Error in TagService updateNotificationsDatabase: ",o)}}getUserContacts$(){return this.contactService.getUserContacts$()}addUserContact(e){this.contactService.addUserContact(e)}getTagUrl(e){try{return e?.pageInfo?.tagUrl?e.pageInfo.tagUrl:(e?.pageInfo||(e.pageInfo=fi(),e.pageInfo&&(e.pageInfo.screenWidth=this.domService.getCurrentWindowSizeValue()?.screenWidth)),e.pageInfo.tagUrl=this.generateTagUrl(e),this.updateTag(e),e.pageInfo?.tagUrl)}catch(t){this.loggingService.catch("Error in TagService getTagUrl: ",t);return}}uploadFile(e,t){let o=`${V.FIREBASE_PARTIAL_PATH_DOCS}/${this.documentPaths?.documentId}/${V.FIREBASE_PARTIAL_PATH_TAG}/${t.annotationId}`;return this.documentPaths?.organizationId&&(o=`${V.FIREBASE_PARTIAL_PATH_ORGANIZATIONS}/${this.documentPaths.organizationId}/${V.FIREBASE_PARTIAL_PATH_DOCS}/${this.documentPaths?.documentId}/${V.FIREBASE_PARTIAL_PATH_TAG}/${t.annotationId}`),this.storageService.uploadFile({path:o,file:e})}downloadAttachment(e){this.storageService.downloadAttachment(e)}deleteAttachment(e){return this.storageService.deleteAttachment({attachment:e})}generateTagUrl(e){let t=new URL(window.location.href);return t.searchParams.delete(V.URL_PARAMS.TAG_ID),t.searchParams.append(V.URL_PARAMS.TAG_ID,e.annotationId),t.href}static{this.\u0275fac=function(t){return new(t||n)(Q(Xe),Q(Vt),Q(at),Q(dn),Q(je),Q(Fe),Q(ui),Q(pn),Q(dm),Q(di),Q(Rp),Q(Gi),Q(_),Q(Ln),Q(yn))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var nM=class extends ai{constructor(i){super(i),this.getService(_).log("%c[WB] Creating CLASS: TagElement","color: blue;"),this.getAllTagAnnotations=this._getAllTagAnnotations,this.deleteTag=this._deleteTag,this.allowedElementIds=this._allowedElementIds,this.attachTag=this._attachTag,this.addTagModeChange=this._addTagModeChange}_getAllTagAnnotations(i,e){this.getService(_).log("%c[WB] Calling FUNCTION: getOnlineUsers","color: green;");try{return this.trackEvent(Z.Events.Tag.GET_ALL_TAG_ANNOTATIONS_TRIGGERED,{payload:{documentId:i,location:e}}),this.getService(wa).getAllTagAnnotations(i,e)}catch(t){return this.getService(_).catch("Error in _getLiveTagsOnCurrentDocument: ",t),oe(null)}}_deleteTag(){this.getService(_).log("%c[WB] Calling FUNCTION: deleteTag","color: green;");try{this.trackEvent(Z.Events.Tag.DELETE_TAG_TRIGGERED),this.getService(wa).deleteTagPinAnnotations("tagElement")}catch(i){this.getService(_).catch("Error in _deleteTag: ",i)}}_allowedElementIds(i){this.getService(_).log("%c[WB] Calling FUNCTION: allowedElementIds","color: green;");try{this.trackEvent(Z.Events.Tag.ALLOWED_ELEMENT_IDS_TRIGGERED,{payload:{elementIds:i}}),this.getService(wa).setAllowedElementIds(i)}catch(e){this.getService(_).catch("Error in allowedElementIds: ",e)}}_attachTag(i){this.getService(_).log("%c[WB] Calling FUNCTION: attachTag","color: green;");try{this.trackEvent(Z.Events.Tag.ATTACH_TAG_TRIGGERED,{payload:{elementId:i}}),this.getService(wa).attachTag(i,["id","data-id"])}catch(e){this.getService(_).catch("Error in _attachTag: ",e)}}_addTagModeChange(){this.getService(_).log("%c[WB] Calling FUNCTION: addTagModeChange","color: green;");try{return this.trackEvent(Z.Events.Tag.ADD_TAG_MODE_CHANGE_TRIGGERED),this.getService(wa).addTagModeChange()}catch(i){return this.getService(_).catch("Error in _addTagModeChange: ",i),oe(!1)}}};var iM=class extends ai{constructor(i){super(i),this.getService(_).log("%c[WB] Creating CLASS: ViewsElement","color: blue;"),this.getUniqueViewsByUser=this._getUniqueViewsByUser,this.getUniqueViewsByDate=this._getUniqueViewsByDate}_getUniqueViewsByUser(i){this.getService(_).log("%c[WB] Calling FUNCTION: _getUniqueViewsByUser","color: green;");try{return this.trackEvent(Z.Events.Views.GET_UNIQUE_VIEWS_BY_USER_TRIGGERED,{payload:{clientLocationId:i}}),this.getService(Ka).getUniqueViewsByUser(i)}catch(e){return this.getService(_).catch("Error in getUniqueViewsByUser: ",e),oe({})}}_getUniqueViewsByDate(i){this.getService(_).log("%c[WB] Calling FUNCTION: _getUniqueViewsByDate","color: green;");try{return this.trackEvent(Z.Events.Views.GET_UNIQUE_VIEWS_BY_DATE_TRIGGERED,{payload:{clientLocationId:i}}),this.getService(Ka).getUniqueViewsByDate(i)}catch(e){return this.getService(_).catch("Error in getUniqueViewsByDate: ",e),oe({})}}};var KS=(()=>{class n{constructor(e,t){this.docService=e,this.loggingService=t}updateDocuments(e){return J(this,null,function*(){try{return yield this.docService.updateDocuments(e)}catch(t){return this.loggingService.catch("Error in DocActionsService updateDocuments: ",t),null}})}updateLocations(e){return J(this,null,function*(){try{return yield this.docService.updateLocations(e)}catch(t){return this.loggingService.catch("Error in DocActionsService updateLocations: ",t),null}})}fetchDocuments(e){return J(this,null,function*(){try{let t=yield this.docService.fetchDocuments(e),o=[];return t.forEach(r=>{let a=r?.docIamConfig??{},s=r?.metadata??{};s.disabled=!!a?.disabled,s.id=s?.clientDocumentId,s.documentId=s?.clientDocumentId,delete s?.clientDocumentId,s.organizationId=s?.clientOrganizationId,delete s?.clientOrganizationId,delete s?.pageInfo,delete s?.veltFolderId,o.push(s)}),{data:o.reduce((r,a)=>(a?.documentId&&(r[a.documentId]=a),r),{})}}catch(t){return this.loggingService.catch("Error in CommentActionsService fetchDocuments: ",t),{data:null}}})}fetchFolders(e){return J(this,null,function*(){try{let t=yield this.docService.fetchFolders(e),o=t?.parentFolders?.map(a=>{let s=a?.metadata??{};return delete s?.veltFolderId,s.organizationId=s.clientOrganizationId,delete s?.clientOrganizationId,delete s?.veltParentFolderId,I({},s)});return{data:(t?.data?.map(a=>{let s=a?.metadata??{};return delete s?.veltFolderId,s.organizationId=s.clientOrganizationId,delete s?.clientOrganizationId,delete s?.veltParentFolderId,I(I({},s),e?.folderId?{subFolders:o}:{})})).reduce((a,s)=>(s?.folderId&&(a[s.folderId]=s),a),{})}}catch(t){return this.loggingService.catch("Error in CommentActionsService fetchFolders: ",t),{data:null}}})}static{this.\u0275fac=function(t){return new(t||n)(Q(at),Q(_))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var oM=(()=>{class n{constructor(e,t,o,r,a){this.authService=e,this.coreActionsService=t,this.docService=o,this.iamService=r,this.loggingService=a,this.veltInitState$=new fe(void 0);try{this.loggingService.log("%c[WB] Creating CLASS: VeltService","color: blue;");let s=this.authService.getUser$(),d=this.docService.getDocumentPaths$(),p=this.iamService.isUserAllowed$();Tn([s,d,p]).subscribe(([h,b,x])=>{h&&b&&x?this.veltInitState$.next(!0):this.veltInitState$.next(!1)}),this.getVeltInitState$().subscribe(h=>{this.coreActionsService.triggerAction(dd.DOCUMENT_INIT,h)})}catch(s){this.loggingService.catch("Error in VeltService constructor: ",s)}}getVeltInitState$(){try{return this.veltInitState$.asObservable().pipe(qt())}catch(e){return this.loggingService.catch("Error in VeltService getVeltInitState$: ",e),oe(void 0)}}static{this.\u0275fac=function(t){return new(t||n)(Q(je),Q(Pp),Q(at),Q(pn),Q(_))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var rM=class{constructor(i){this.injector=i,this.initConfig=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: initConfig","color: green;");try{e?typeof e!="string"?this.getService(_).catch("Error in initConfig: ","Apikey must be string."):e?.trim()?this.getService(je).setApiKey(e?.trim(),t):this.getService(_).catch("Error in initConfig: ","Apikey is not provided."):this.getService(_).catch("Error in initConfig: ","Apikey is not provided.")}catch(o){this.getService(_).catch("Error in initConfig: ",o)}},this.identify=(e,t)=>(this.getService(_).log("%c[WB] Calling FUNCTION: identify","color: green;"),new Promise((o,r)=>{try{typeof e=="object"&&(e=JSON.parse(JSON.stringify(e)));let a=this.getService(Vt).getApiKey(),s=av(a,e.userId);if(this.getService(Xe).trackEvent(Z.Events.Core.IDENTIFY,{apiKey:a,clientUserId:e.userId,snippylyUserId:s,forceReset:t?.forceReset,user:this.getService(je).getUserWithoutContacts(e),source:"client"},!0,s),!(e&&e.userId))this.getService(_).catch("Error in identify: ","Missing userId in config data."),o(null);else if(typeof e.userId!="string")this.getService(_).catch("Error in identify: ","userId must be string."),o(null);else if(e?.groupId&&typeof e?.groupId!="string")this.getService(_).catch("Error in identify: ","groupId must be string."),o(null);else{if(e?.groupId)if(e?.groupId?.match(/^[a-zA-Z0-9_]*$/))e.clientGroupId=e.groupId;else{let p=e.groupId;e.clientGroupId=p,e.groupId=kt(p)}if(e?.organizationId){let p=e.organizationId;e.clientOrganizationId=p,e.organizationId=kt(p)}delete e.isAdmin;let d=V.REGEX_URL;if(e?.name&&d.test(e?.name))throw new Error("Invalid name.");e.clientUserName=e.name,e?.name&&e?.name?.length>20&&(e.name=e.name.slice(0,20)),this.getService(je).initializeClient(e,t||{},new Date().getTime(),void 0,"external").then(p=>{let h;try{p&&(h=JSON.parse(JSON.stringify(p)))}catch{}o(h)}).catch(p=>{this.getService(_).catch("Error in identify: ",p),o(null)})}}catch(a){this.getService(_).catch("Error in identify: ",a),o(null)}})),this.updateUser=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateUser","color: green;");try{if(this.getService(_).catch("DEPRECATED: ","'updateUser' method is deprecated."),e&&typeof e=="object"){if(e=JSON.parse(JSON.stringify(e)),e?.groupId)if(e?.groupId?.match(/^[a-zA-Z0-9_]*$/))e.clientGroupId=e.groupId;else{let t=e.groupId;e.clientGroupId=t,e.groupId=kt(t)}delete e.isAdmin,this.getService(je).updateUser(e)}else this.getService(_).catch("Error in updateUser: ","Invalid user object provided.")}catch(t){this.getService(_).catch("Error in updateUser: ",t)}},this.signOutUser=()=>(this.getService(_).log("%c[WB] Calling FUNCTION: signOutUser","color: green;"),this.trackEvent(Z.Events.Core.SIGN_OUT_USER_TRIGGERED),new Promise((e,t)=>J(this,null,function*(){try{yield this.getService(je).signOutUser("external"),e(null)}catch(o){this.getService(_).catch("Error in signOutUser: ",o),e(null)}}))),this.setDocument=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDocument","color: green;");try{this.trackEvent(Z.Events.Core.SET_DOCUMENT_TRIGGERED,{payload:{id:e,documentMetadata:t}}),e&&e.trim()?(t&&(typeof t=="object"?t=JSON.parse(JSON.stringify(t)):this.getService(_).catch("Error in setDocument: ","Invalid documentMetadata provided.")),this.getService(at).setDocument(e,t)):this.getService(_).catch("Error in setDocument: ","Invalid document id provided.")}catch(o){this.getService(_).catch("Error in setDocument: ",o)}},this.setDocumentId=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDocumentId","color: green;");try{if(this.trackEvent(Z.Events.Core.SET_DOCUMENT_TRIGGERED,{payload:{id:e,organizationId:t}}),e&&e.trim())return this.getService(at).setDocumentId(e,t);this.getService(_).catch("Error in setDocumentId: ","Invalid document id provided.")}catch(o){this.getService(_).catch("Error in setDocumentId: ",o)}},this.setDocuments=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDocuments","color: green;");try{this.trackEvent(Z.Events.Core.SET_DOCUMENTS_TRIGGERED,{payload:{documents:e,options:t}}),typeof e=="object"&&e instanceof Array?(e=JSON.parse(JSON.stringify(e)),e=e.filter(o=>typeof o=="object"&&o!==null&&o.id?.trim()),e.length?this.getService(at).setDocuments(e,t):this.getService(_).catch("Error in setDocuments: ","Invalid documents provided.")):this.getService(_).catch("Error in setDocuments: ","Invalid documents provided.")}catch(o){this.getService(_).catch("Error in setDocuments: ",o)}},this.unsetDocumentId=()=>{this.getService(_).log("%c[WB] Calling FUNCTION: unsetDocumentId","color: green;");try{this.trackEvent(Z.Events.Core.UNSET_DOCUMENT_ID_TRIGGERED),this.getService(at).unsetDocumentId("external")}catch(e){this.getService(_).catch("Error in unsetDocumentId: ",e)}},this.unsetDocuments=()=>{this.getService(_).log("%c[WB] Calling FUNCTION: unsetDocuments","color: green;");try{this.trackEvent(Z.Events.Core.UNSET_DOCUMENTS_TRIGGERED),this.getService(at).unsetDocuments("external")}catch(e){this.getService(_).catch("Error in unsetDocuments: ",e)}},this.fetchDocuments=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: fetchDocuments","color: green;");try{return this.trackEvent(Z.Events.Core.FETCH_DOCUMENTS_TRIGGERED,{payload:{options:e}}),this.getService(KS).fetchDocuments(e)}catch(t){return this.getService(_).catch("Error in fetchDocuments: ",t),Promise.resolve({data:null})}},this.updateDocuments=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateDocuments","color: green;");try{return this.trackEvent(Z.Events.Core.UPDATE_DOCUMENTS_TRIGGERED,{payload:{request:e}}),this.getService(KS).updateDocuments(e)}catch(t){return this.getService(_).catch("Error in updateDocuments: ",t),Promise.resolve({data:null})}},this.updateLocations=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateLocations","color: green;");try{return this.trackEvent(Z.Events.Core.UPDATE_LOCATIONS_TRIGGERED,{payload:{request:e}}),this.getService(KS).updateLocations(e)}catch(t){return this.getService(_).catch("Error in updateLocations: ",t),Promise.resolve({data:null})}},this.fetchFolders=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: fetchFolders","color: green;");try{return this.trackEvent(Z.Events.Core.FETCH_FOLDERS_TRIGGERED,{payload:{options:e}}),this.getService(KS).fetchFolders(e)}catch(t){return this.getService(_).catch("Error in fetchFolders: ",t),Promise.resolve({data:null})}},this.setUserDataProvider=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: setUserDataProvider","color: green;");try{this.trackEvent(Z.Events.Core.SET_USER_DATA_PROVIDER_TRIGGERED),this.getService(jn).setUserDataProvider(e)}catch(t){this.getService(_).catch("Error in setUserDataProvider: ",t)}},this.setDataProviders=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDataProviders","color: green;");try{if(this.trackEvent(Z.Events.Core.SET_DATA_PROVIDERS_TRIGGERED),e.comment&&this.getService(Da).setCommentAnnotationDataProvider(e.comment),e.user&&this.getService(jn).setUserDataProvider(e.user),e.reaction&&this.getService(pm).setReactionAnnotationDataProvider(e.reaction),e.attachment)if(e.comment)this.getService(kp).setAttachmentDataProvider(e.attachment);else throw new Error("Comment data provider is required for attachment data provider")}catch(t){this.getService(_).catch("Error in setDataProviders: ",t)}},this.getDocumentId=()=>{this.getService(_).log("%c[WB] Calling FUNCTION: getDocumentId","color: green;");try{return this.trackEvent(Z.Events.Core.GET_DOCUMENT_ID_TRIGGERED),this.getService(at).getDocumentId()}catch(e){this.getService(_).catch("Error in getDocumentId: ",e)}},this.setLocation=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setLocation","color: green;");try{this.trackEvent(Z.Events.Core.SET_LOCATION_TRIGGERED,{payload:{params:e,appendLocation:t}}),e&&typeof e=="object"?t?this.getService(at).addLocation(e):this.getService(at).setLocation(e):this.getService(_).catch("Error in setLocation: ","Invalid location params provided.")}catch(o){this.getService(_).catch("Error in setLocation: ",o)}},this.addLocation=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: addLocation","color: green;");try{this.trackEvent(Z.Events.Core.ADD_LOCATION_TRIGGERED,{payload:{params:e}}),e&&typeof e=="object"?this.getService(at).addLocation(e):this.getService(_).catch("Error in addLocation: ","Invalid location params provided.")}catch(t){this.getService(_).catch("Error in addLocation: ",t)}},this.setScrollableElementsIds=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: setScrollableElementsIds","color: green;");try{this.trackEvent(Z.Events.Core.SET_SCROLLABLE_ELEMENTS_IDS_TRIGGERED,{payload:{ids:e}}),e?this.getService(Fe).setScrollableElementsIds(e):this.getService(_).catch("Error in setScrollableElementsIds: ","Invalid ids provided.")}catch(t){this.getService(_).catch("Error in setScrollableElementsIds: ",t)}},this.removeLocation=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: removeLocation","color: green;");try{this.trackEvent(Z.Events.Core.REMOVE_LOCATION_TRIGGERED,{payload:{location:e}}),this.getService(at).removeLocation(e,"external")}catch(t){this.getService(_).catch("Error in removeLocation: ",t)}},this.excludeLocationIds=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: excludeLocationIds","color: green;");try{this.trackEvent(Z.Events.Core.EXCLUDE_LOCATION_IDS_TRIGGERED,{payload:{ids:e}}),typeof e=="object"&&e instanceof Array&&(e=e.filter(t=>typeof t=="string"),this.getService(at).excludeLocationIds(e))}catch(t){this.getService(_).catch("Error in excludeLocationIds: ",t)}},this.updateContactList=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateContactList","color: green;");try{this.trackEvent(Z.Events.Core.UPDATE_CONTACT_LIST_TRIGGERED,{payload:{userContacts:e,config:t}}),typeof e=="object"&&e instanceof Array&&(!t||t&&typeof t=="object")&&(e=JSON.parse(JSON.stringify(e)),this.getService(di).updateContactList(e,t))}catch(o){this.getService(_).catch("Error in updateContactList: ",o)}},this.removeScrollableElementsIds=()=>{this.getService(_).log("%c[WB] Calling FUNCTION: removeScrollableElementsIds","color: green;");try{this.trackEvent(Z.Events.Core.REMOVE_SCROLLABLE_ELEMENTS_IDS_TRIGGERED),this.getService(Fe).removeScrollableElementsIds()}catch(e){this.getService(_).catch("Error in removeScrollableElementsIds: ",e)}},this.getPresenceElement=()=>{this.getService(_).log("%c[WB] Calling FUNCTION: getPresenceElement","color: green;");try{return new ZP(this.injector)}catch(e){return this.getService(_).catch("Error in getPresenceElement: ",e),null}},this.getCursorElement=()=>{this.getService(_).log("%c[WB] Calling FUNCTION: getCursorElement","color: green;");try{return new GP(this.injector)}catch(e){return this.getService(_).catch("Error in getCursorElement: ",e),null}},this.getCommentElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getCommentElement","color: green;");try{let t=new VP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getCommentElement: ",t),null}},this.getTagElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getTagElement","color: green;");try{let t=new nM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getTagElement: ",t),null}},this.getSelectionElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getSelectionElement","color: green;");try{let t=new tM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getSelectionElement: ",t),null}},this.getRecorderElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getRecorderElement","color: green;");try{let t=new QP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getRecorderElement: ",t),null}},this.getContactElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getContactElement","color: green;");try{let t=new UP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getContactElement: ",t),null}},this.getRewriterElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getRewriterElement","color: green;");try{let t=new eM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getRewriterElement: ",t),null}},this.getHuddleElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getHuddleElement","color: green;");try{let t=new qP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getHuddleElement: ",t),null}},this.getLiveStateSyncElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getLiveStateSyncElement","color: green;");try{let t=new YP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getLiveStateSyncElement: ",t),null}},this.getArrowElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getArrowElement","color: green;");try{let t=new FP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getArrowElement: ",t),null}},this.getViewsElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getViewsElement","color: green;");try{let t=new iM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getViewsElement: ",t),null}},this.getNotificationElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getNotificationElement","color: green;");try{let t=new KP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getNotificationElement: ",t),null}},this.getAutocompleteElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getAutocompleteElement","color: green;");try{let t=new BP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getAutocompleteElement: ",t),null}},this.getDocElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getDocElement","color: green;");try{let t=new WP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getDocElement: ",t),null}},this.getAreaElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getAreaElement","color: green;");try{let t=new RP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getAreaElement: ",t),null}},this.getReactionElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getReactionElement","color: green;");try{let t=new XP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getReactionElement: ",t),null}},this.getMetadata=()=>J(this,null,function*(){try{return this.trackEvent(Z.Events.Core.GET_METADATA_TRIGGERED),this.getService(um).getGlobalMetadata()}catch(e){return this.getService(_).catch("Error in getMetadata: ",e),null}}),this.disableFeatures=e=>{try{this.trackEvent(Z.Events.Core.DISABLE_FEATURES_TRIGGERED,{payload:{features:e}}),this.getService(Vt).disableFeatures(e)}catch(t){this.getService(_).catch("Error in disableFeatures: ",t)}},this.setDarkMode=e=>{try{this.trackEvent(Z.Events.Core.SET_DARK_MODE_TRIGGERED,{payload:{value:e}}),this.getService(qe).setDarkMode(e)}catch(t){this.getService(_).catch("Error in setDarkMode: ",t)}},this.enableLogs=()=>{try{this.trackEvent(Z.Events.Core.ENABLE_LOGS_TRIGGERED),this.getService(Vt).enableLogs()}catch(e){this.getService(_).catch("Error in enableLogs: ",e)}},this.disableLogs=e=>{try{this.trackEvent(Z.Events.Core.DISABLE_LOGS_TRIGGERED),this.getService(Vt).disableLogs(e)}catch(t){this.getService(_).catch("Error in disableLogs: ",t)}},this.isUserAllowed$=()=>{try{return this.trackEvent(Z.Events.Core.IS_USER_ALLOWED_TRIGGERED),this.getService(pn).isUserAllowed$()}catch(e){return this.getService(_).catch("Error in isUserAllowed$: ",e),oe(!1)}},this.getUser=()=>{try{this.trackEvent(Z.Events.Core.GET_USER_TRIGGERED);let e=this.getService(je).getUser();if(e&&typeof e=="object"){let t=JSON.parse(JSON.stringify(e));return t?.clientOrganizationId&&(t.organizationId=t.clientOrganizationId,delete t.clientOrganizationId),t?.clientGroupId&&(t.groupId=t.clientGroupId,delete t.clientGroupId),delete t.userSnippylyId,t}else return null}catch(e){return this.getService(_).catch("Error in getUser: ",e),null}},this.getUserRole$=()=>{try{return this.trackEvent(Z.Events.Core.GET_USER_ROLE_TRIGGERED),this.getService(pn).getRole$()}catch(e){return this.getService(_).catch("Error in getUserRole$: ",e),oe("")}},this.getFeaturesAccessLevelIam$=()=>{try{return this.trackEvent(Z.Events.Core.GET_FEATURES_ACCESS_LEVEL_IAM_TRIGGERED),this.getService(pn).getFeaturesAccessLevel$()}catch(e){return this.getService(_).catch("Error in getFeaturesAccessLevel$: ",e),oe(void 0)}},this.isPlanExpired$=()=>{try{return this.trackEvent(Z.Events.Core.IS_PLAN_EXPIRED_TRIGGERED),this.getService(je).isPlanExpired$()}catch(e){return this.getService(_).catch("Error in isPlanExpired$: ",e),oe(!1)}},this.getCustomerMetadata$=()=>{try{return this.trackEvent(Z.Events.Core.GET_CUSTOMER_METADATA_TRIGGERED),this.getService(at).getCustomerMetadata$()}catch(e){return this.getService(_).catch("Error in getCustomerMetadata$: ",e),oe(null)}},this.getDocumentMetadata=()=>{try{return this.trackEvent(Z.Events.Core.GET_DOCUMENT_METADATA_TRIGGERED),this.getService(at).getDocumentMetadata$()}catch(e){return this.getService(_).catch("Error in getDocumentMetadata: ",e),oe(null)}},this.getVeltInitState=()=>{try{return this.trackEvent(Z.Events.Core.GET_VELT_INIT_STATE_TRIGGERED),this.getService(oM).getVeltInitState$()}catch(e){return this.getService(_).catch("Error in getVeltInitState: ",e),oe(void 0)}},this.removeVeltContent=e=>{try{return this.trackEvent(Z.Events.Core.REMOVE_VELT_CONTENT_TRIGGERED),this.getService(Fe).removeSnippylyContent(e)}catch(t){return this.getService(_).catch("Error in removeVeltContent: ",t),""}},this.injectCustomCss=e=>{try{this.trackEvent(Z.Events.Core.INJECT_CUSTOM_CSS_TRIGGERED),this.getService(_).log("%c[WB] Calling FUNCTION: injectCustomCss","color: green;"),this.getService(Fe).setCustomCss(e)}catch(t){this.getService(_).catch("Error in injectCustomCss: ",t)}},this.setLanguage=e=>{try{this.trackEvent(Z.Events.Core.SET_LANGUAGE_TRIGGERED,{payload:{language:e}}),this.getService($s).setLanguage(e)}catch(t){this.getService(_).catch("Error in setLanguage: ",t)}},this.setTranslations=e=>{try{this.trackEvent(Z.Events.Core.SET_TRANSLATIONS_TRIGGERED,{payload:{translations:e}}),this.getService($s).setTranslations(e)}catch(t){this.getService(_).catch("Error in setTranslations: ",t)}},this.enableAutoTranslation=()=>{try{this.trackEvent(Z.Events.Core.ENABLE_AUTO_TRANSLATION_TRIGGERED),this.getService($s).enableAutoTranslation()}catch(e){this.getService(_).catch("Error in enableAutoTranslation: ",e)}},this.disableAutoTranslation=()=>{try{this.trackEvent(Z.Events.Core.DISABLE_AUTO_TRANSLATION_TRIGGERED),this.getService($s).disableAutoTranslation()}catch(e){this.getService(_).catch("Error in disableAutoTranslation: ",e)}},this.sf=e=>{try{this.trackEvent(Z.Events.Core.SF_TRIGGERED,{payload:{value:e}}),e?(document.querySelector(V.TAGS.SNIPPYLY_PLUGIN)||document.querySelector(V.TAGS.SUPERFLOW_TOOLBAR))&&this.getService(Vt).setSF(e):this.getService(Vt).setSF(e)}catch(t){this.getService(_).catch("Error in sf: ",t)}},this.st=e=>{try{this.trackEvent(Z.Events.Core.ST_TRIGGERED,{payload:{value:e}}),this.getService(Vt).setSdkType(e)}catch(t){this.getService(_).catch("Error in st: ",t)}},this.getService=e=>this.injector.get(e),this.on=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: on","color: green;");try{return this.trackEvent(Z.Events.Core.ON_ACTION_TRIGGERED,{payload:{action:e}}),this.getService(Pp).onAction(e)}catch(t){return this.getService(_).catch("Error in on: ",t),oe(null)}},this.setUiState=e=>{try{this.trackEvent(Z.Events.Core.SET_UI_STATE_TRIGGERED,{payload:{uiState:e}}),this.getService(at).setUIState(e)}catch(t){this.getService(_).catch("Error in setUiState: ",t)}},this.getUiState=()=>{try{return this.trackEvent(Z.Events.Core.GET_UI_STATE_TRIGGERED),this.getService(at).getUIState$()}catch(e){return this.getService(_).catch("Error in getUiState: ",e),oe({})}},this.resetVeltButtonState=e=>{try{this.trackEvent(Z.Events.Core.RESET_VELT_BUTTON_STATE_TRIGGERED,{payload:{config:e}}),this.getService(Wv).resetVeltButtonState(e)}catch(t){this.getService(_).catch("Error in resetVeltButtonState: ",t)}},this.getService(_).log("%c[WB] Creating CLASS: Snippyly","color: blue;")}trackEvent(i,e={},t=!0){try{e||(e={}),e=T(I({},e),{source:"external"}),this.getService(Xe).trackAuthenticatedEvent(i,e,t)}catch(o){this.getService(_).catch("Error in _trackEvent: ",o);return}}};var kse=(()=>{class n{constructor(){this.veltElement=!0}ngOnInit(){}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=O({type:n,selectors:[["app-external-styles"]],hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},standalone:!1,decls:0,vars:0,template:function(t,o){},styles:[`.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}html{--velt-base-rem-unit: 1}velt-wireframe{display:none!important}:root{--legacy-velt-neutral-0: #000000;--legacy-velt-neutral-1: #141416;--legacy-velt-neutral-2: #23262F;--legacy-velt-neutral-3: #353945;--legacy-velt-neutral-4: #777E90;--legacy-velt-neutral-5: #B1B5C3;--legacy-velt-neutral-6: #E6E8EC;--legacy-velt-neutral-7: #F4F5F6;--legacy-velt-neutral-8: #FCFCFD;--legacy-velt-neutral-9: #FFFFFF;--legacy-velt-dark-1: #141416;--legacy-velt-dark-2: #222226;--legacy-velt-dark-3: #303034;--legacy-velt-dark-4: #404044;--legacy-velt-dark-5: #59595F;--legacy-velt-dark-6: #80808A;--legacy-velt-dark-7: #91919C;--legacy-velt-dark-8: #E5E5E9;--legacy-velt-primary-color: var(--legacy-velt-dark-1);--legacy-velt-primary-dark-color: var(--legacy-velt-dark-8);--legacy-velt-secondary-color: var(--legacy-velt-neutral-4);--legacy-velt-secondary-dark-color: var(--legacy-velt-dark-7);--legacy-velt-bg-color: var(--legacy-velt-neutral-8);--legacy-velt-bg-dark-color: var(--legacy-velt-dark-1);--legacy-velt-border-color: var(--legacy-velt-neutral-6);--legacy-velt-border-dark-color: var(--legacy-velt-dark-3);--legacy-velt-grey-2-color: #D4D6DF;--legacy-velt-grey-2-dark-color: var(--legacy-velt-dark-4);--legacy-velt-grey-4-color: #989898;--legacy-velt-grey-4-dark-color: var(--legacy-velt-dark-6);--legacy-velt-status-open-color: #625DF5;--legacy-velt-status-in-progress-color: #ECB000;--legacy-velt-status-resolved-color: #00C48C;--legacy-velt-purple: #625DF5;--legacy-velt-orange: #ECB000;--legacy-velt-green: #0DCF82;--legacy-velt-blue: #0d6efd;--legacy-velt-primary-btn-color: var(--legacy-velt-purple);--legacy-velt-hyperlink-color: var(--legacy-velt-purple);--legacy-velt-grey-btn-color: var(--legacy-velt-neutral-5);--legacy-velt-header-btn-color: var(--legacy-velt-neutral-3);--legacy-velt-dropdown-item-color: var(--legacy-velt-neutral-2);--legacy-velt-avatar-size: 2rem;--velt-default-font-family: sans-serif;--Icon-Size-Small: 12px;--Icon-Size-Medium: 16px;--Icon-Size-Large: 24px}:root[data-velt-theme=dark]{--legacy-velt-primary-color: var(--legacy-velt-primary-dark-color);--legacy-velt-secondary-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-bg-color: var(--legacy-velt-bg-dark-color);--legacy-velt-border-color: var(--legacy-velt-border-dark-color);--legacy-velt-grey-2-color: var(--legacy-velt-grey-2-dark-color);--legacy-velt-grey-4-color: var(--legacy-velt-grey-4-dark-color);--legacy-velt-primary-btn-color: var(--legacy-velt-border-dark-color);--legacy-velt-hyperlink-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-grey-btn-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-header-btn-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-dropdown-item-color: var(--legacy-velt-secondary-dark-color)}:root{--legacy-velt-tool-padding: 6px;--legacy-velt-tool-icon-size: 1.5rem;--legacy-velt-tool-icon-color: var(--legacy-velt-neutral-4);--legacy-velt-tool-border-radius: 50px;--legacy-velt-tool-border-color: transparent;--legacy-velt-tool-border: 2px solid var(--legacy-velt-tool-border-color);--legacy-velt-tool-bg-color: transparent;--legacy-velt-tool-focus-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-focus-icon-color: var(--legacy-velt-tool-icon-color);--legacy-velt-tool-focus-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-focus-border-color: var(--legacy-velt-neutral-7);--legacy-velt-tool-focus-border: 2px solid var(--legacy-velt-tool-focus-border-color);--legacy-velt-tool-focus-bg-color: var(--legacy-velt-tool-bg-color);--legacy-velt-tool-hover-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-hover-icon-color: var(--legacy-velt-neutral-3);--legacy-velt-tool-hover-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-hover-border-color: var(--legacy-velt-neutral-7);--legacy-velt-tool-hover-border: 2px solid var(--legacy-velt-tool-hover-border-color);--legacy-velt-tool-hover-bg-color: var(--legacy-velt-neutral-7);--legacy-velt-tool-active-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-active-icon-color: var(--legacy-velt-neutral-9);--legacy-velt-tool-active-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-active-border-color: var(--legacy-velt-purple);--legacy-velt-tool-active-border: 2px solid var(--legacy-velt-tool-active-border-color);--legacy-velt-tool-active-bg-color: var(--legacy-velt-purple)}:root[data-velt-theme=dark],:root:not(data-velt-theme) velt-comment-tool[dark],:root:not(data-velt-theme) velt-sidebar-button[dark],:root:not(data-velt-theme) velt-arrow-tool[dark],:root:not(data-velt-theme) velt-reaction-tool[dark],:root:not(data-velt-theme) velt-huddle-tool[dark],:root:not(data-velt-theme) velt-recorder-tool[dark],:root:not(data-velt-theme) velt-user-invite-tool[dark],:root:not(data-velt-theme) velt-user-request-tool[dark],:root:not(data-velt-theme) velt-notifications-tool[dark],:root:not(data-velt-theme) app-recorder-all-tool-menu[dark],:root:not(data-velt-theme) snippyly-recording-preview-steps-dialog[dark],:root:not(data-velt-theme) snippyly-recorder-control-panel-internal[dark],:root:not(data-velt-theme) snippyly-recorder-player-internal[dark],:root:not(data-velt-theme) velt-expanded-video-player[dark]:root:not(data-velt-theme) app-transcription-panel[dark]{--legacy-velt-tool-icon-size: 1.5rem;--legacy-velt-tool-icon-color: var(--legacy-velt-neutral-4);--legacy-velt-tool-border-radius: 50px;--legacy-velt-tool-border-color: transparent;--legacy-velt-tool-border: 2px solid var(--legacy-velt-tool-border-color);--legacy-velt-tool-bg-color: transparent;--legacy-velt-tool-focus-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-focus-icon-color: var(--legacy-velt-tool-icon-color);--legacy-velt-tool-focus-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-focus-border-color: var(--legacy-velt-neutral-2);--legacy-velt-tool-focus-border: 2px solid var(--legacy-velt-tool-focus-border-color);--legacy-velt-tool-focus-bg-color: var(--legacy-velt-tool-bg-color);--legacy-velt-tool-hover-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-hover-icon-color: var(--legacy-velt-neutral-5);--legacy-velt-tool-hover-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-hover-border-color: var(--legacy-velt-neutral-1);--legacy-velt-tool-hover-border: 2px solid var(--legacy-velt-tool-hover-border-color);--legacy-velt-tool-hover-bg-color: var(--legacy-velt-neutral-1);--legacy-velt-tool-active-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-active-icon-color: var(--legacy-velt-neutral-9);--legacy-velt-tool-active-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-active-border-color: var(--legacy-velt-purple);--legacy-velt-tool-active-border: 2px solid var(--legacy-velt-tool-active-border-color);--legacy-velt-tool-active-bg-color: var(--legacy-velt-purple)}snippyly-user-avatar,velt-user-avatar{--legacy-velt-user-avatar-size: var(--legacy-velt-avatar-size);--legacy-velt-user-avatar-initial-font-size: .8}snippyly-follow-overlay,velt-follow-overlay{--legacy-velt-follow-overlay-bg-color: var(--legacy-velt-bg-color);--legacy-velt-follow-overlay-text-color: var(--legacy-velt-primary-color);--legacy-velt-follow-overlay-btn-color: var(--legacy-velt-neutral-6);--legacy-velt-follow-overlay-btn-hover-color: var(--legacy-velt-neutral-5);--legacy-velt-follow-overlay-border-color: var(--legacy-velt-border-color)}snippyly-follow-overlay[dark],velt-follow-overlay[dark]{--legacy-velt-follow-overlay-bg-color: var(--legacy-velt-bg-dark-color);--legacy-velt-follow-overlay-text-color: var(--legacy-velt-primary-dark-color);--legacy-velt-follow-overlay-border-color: var(--legacy-velt-border-dark-color)}snippyly-presence,velt-presence,velt-presence-tooltip{--legacy-velt-presence-avatar-size: 1.5rem;--legacy-velt-presence-primary-text-color: var(--legacy-velt-primary-color);--legacy-velt-presence-secondary-text-color: var(--legacy-velt-secondary-color);--legacy-velt-presence-tooltip-bg-color: var(--legacy-velt-bg-color);--legacy-velt-presence-tooltip-border-color: var(--legacy-velt-border-color);--legacy-velt-presence-more-users-color: var(--legacy-velt-grey-2-color)}snippyly-presence[dark],velt-presence[dark],velt-presence-tooltip[dark]{--legacy-velt-presence-primary-text-color: var(--legacy-velt-primary-dark-color);--legacy-velt-presence-secondary-text-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-presence-tooltip-bg-color: var(--legacy-velt-bg-dark-color);--legacy-velt-presence-tooltip-border-color: var(--legacy-velt-border-dark-color);--legacy-velt-presence-more-users-color: var(--legacy-velt-grey-2-dark-color)}snippyly-cursor,velt-cursor{--legacy-velt-cursor-avatar-size: var(--legacy-velt-avatar-size);--legacy-velt-cursor-video-size: 4.2rem}snippyly-reaction-tool,velt-reaction-tool,app-reaction-tool{--legacy-velt-reaction-tool-icon-size: 2rem;--legacy-velt-reaction-tool-border-radius: 50px;--legacy-velt-reaction-tool-icon-color: #8F95B2;--legacy-velt-reaction-tool-hover-bg-color: #EAE8F9;--legacy-velt-reaction-tool-active-fill-color: white;--legacy-velt-reaction-tool-active-bg-color: var(--legacy-velt-purple)}snippyly-reaction-tool[dark],velt-reaction-tool[dark],app-reaction-tool[dark]{--legacy-velt-reaction-tool-icon-size: 2rem;--legacy-velt-reaction-tool-border-radius: 50px;--legacy-velt-reaction-tool-icon-color: #EAE8F9;--legacy-velt-reaction-tool-hover-bg-color: #8F95B2;--legacy-velt-reaction-tool-active-fill-color: white;--legacy-velt-reaction-tool-active-bg-color: var(--legacy-velt-purple)}velt-view-analytics-dialog{--legacy-velt-view-analytics-dialog-bg-color: #FFF;--legacy-velt-view-analytics-dialog-border-radius: 12px;--legacy-velt-view-analytics-dialog-border: 1px solid rgba(0, 0, 0, .08);--legacy-velt-view-analytics-dialog-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, .12);--legacy-velt-view-analytics-dialog-padding: 8px;--legacy-velt-view-analytics-dialog-total-views-count-color: #111;--legacy-velt-view-analytics-dialog-total-views-text-color: #625DF5;--legacy-velt-view-analytics-dialog-today-views-text-color: #848297;--legacy-velt-view-analytics-dialog-views-container-bg-color: #F4F3FF;--legacy-velt-view-analytics-dialog-user-name-color: #4C5366;--legacy-velt-view-analytics-dialog-user-timestamp-color: #959595;--legacy-velt-view-analytics-dialog-back-btn-color: #8F95B2}velt-view-analytics-dialog[dark]{--legacy-velt-view-analytics-dialog-bg-color: #131229;--legacy-velt-view-analytics-dialog-border-radius: 12px;--legacy-velt-view-analytics-dialog-border: 1px solid rgba(255, 255, 255, .08);--legacy-velt-view-analytics-dialog-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, .12);--legacy-velt-view-analytics-dialog-padding: 8px;--legacy-velt-view-analytics-dialog-total-views-count-color: #FFF;--legacy-velt-view-analytics-dialog-total-views-text-color: #9491F8;--legacy-velt-view-analytics-dialog-today-views-text-color: #848297;--legacy-velt-view-analytics-dialog-views-container-bg-color: rgba(244, 243, 255, .06);--legacy-velt-view-analytics-dialog-user-name-color: #FFF;--legacy-velt-view-analytics-dialog-user-timestamp-color: rgba(255, 255, 255, .4)}velt-reaction-pin-tooltip-internal{--Surface-Neutral-0: #FFF;--Surface-Neutral-2: #F5F5F5;--Surface-Neutral-3: #F0F0F0;--Text-Neutral-0: #0A0A0A;--Text-Neutral-3: #292929;--Text-Neutral-5: #525252;--Text-Neutral-9: #999;--Text-Brand-Primary: #625DF5}velt-reaction-pin-tooltip-internal[dark]{--Surface-Neutral-0: #0F0F0F;--Surface-Neutral-2: #1F1F1F;--Surface-Neutral-3: #2F2F2F;--Text-Neutral-0: #FFF;--Text-Neutral-3: #E0E0E0;--Text-Neutral-5: #C2C2C2;--Text-Neutral-9: #ADADAD;--Text-Brand-Primary: #9491F8}:root{--velt-border-radius-2xs: calc((.125rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-xs: calc((.25rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-sm: calc((.5rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-md: calc((.75rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-lg: calc((1rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-xl: calc((1.25rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-2xl: calc((1.5rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-3xl: calc((2rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-full: calc((5rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-2xs: calc((.125rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-xs: calc((.25rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-sm: calc((.5rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-md: calc((.75rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-lg: calc((1rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-xl: calc((1.25rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-2xl: calc((1.5rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-2xs: calc((.625rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-xs: calc((.75rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-sm: calc((.875rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-md: calc((1rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-lg: calc((1.5rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-xl: calc((1.75rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-2xl: calc((2rem + 0px) * var(--velt-base-rem-unit));--velt-light-mode-green: #0DCF82;--velt-light-mode-magenta: #A259FE;--velt-light-mode-amber: #FF7162;--velt-light-mode-purple: #625DF5;--velt-light-mode-cyan: #4BC9F0;--velt-light-mode-orange: #FE965C;--velt-light-mode-black: #080808;--velt-light-mode-white: #FFFFFF;--velt-light-mode-gray: #EBEBEB;--velt-light-mode-error: #FF7162;--velt-light-mode-error-hover: #DE5041;--velt-light-mode-error-foreground: #FFFFFF;--velt-light-mode-error-light: #FFF4F2;--velt-light-mode-error-transparent: rgba(255, 113, 98, .08);--velt-light-mode-warning: #FFCD2E;--velt-light-mode-warning-hover: #C69400;--velt-light-mode-warning-foreground: #474747;--velt-light-mode-warning-light: #FFFBEE;--velt-light-mode-warning-transparent: rgba(255, 205, 46, .08);--velt-light-mode-success: #198F65;--velt-light-mode-success-hover: #006B41;--velt-light-mode-success-foreground: #FFFFFF;--velt-light-mode-success-light: #EDF6F3;--velt-light-mode-success-transparent: rgba(25, 143, 101, .08);--velt-light-mode-accent: #625DF5;--velt-light-mode-accent-text: #625DF5;--velt-light-mode-accent-hover: #534FCF;--velt-light-mode-accent-foreground: #FFFFFF;--velt-light-mode-accent-light: #F2F2FE;--velt-light-mode-accent-transparent: rgba(148, 145, 248, .08);--velt-light-mode-text-0: #0A0A0A;--velt-light-mode-text-1: #141414;--velt-light-mode-text-2: #1F1F1F;--velt-light-mode-text-3: #292929;--velt-light-mode-text-4: #3D3D3D;--velt-light-mode-text-5: #525252;--velt-light-mode-text-6: #666666;--velt-light-mode-text-7: #7A7A7A;--velt-light-mode-text-8: #858585;--velt-light-mode-text-9: #999999;--velt-light-mode-text-10: #B8B8B8;--velt-light-mode-text-11: #A3A3A3;--velt-light-mode-text-12: #8F8F8F;--velt-light-mode-background-0: #FFFFFF;--velt-light-mode-background-1: #FAFAFA;--velt-light-mode-background-2: #F5F5F5;--velt-light-mode-background-3: #F0F0F0;--velt-light-mode-background-4: #EBEBEB;--velt-light-mode-background-5: #E5E5E5;--velt-light-mode-background-6: #E0E0E0;--velt-light-mode-background-7: #DBDBDB;--velt-light-mode-background-8: #D6D6D6;--velt-light-mode-background-9: #D1D1D1;--velt-light-mode-background-10: #CCCCCC;--velt-light-mode-border-0: #FFFFFF;--velt-light-mode-border-1: #FAFAFA;--velt-light-mode-border-2: #F5F5F5;--velt-light-mode-border-3: #F0F0F0;--velt-light-mode-border-4: #EBEBEB;--velt-light-mode-border-5: #E5E5E5;--velt-light-mode-border-6: #E0E0E0;--velt-light-mode-border-7: #DBDBDB;--velt-light-mode-border-8: #D6D6D6;--velt-light-mode-border-9: #D1D1D1;--velt-light-mode-border-10: #CCCCCC;--velt-light-mode-background-transparent: rgba(255, 255, 255, .8);--velt-light-mode-border-transparent: rgba(0, 0, 0, .16);--velt-light-mode-animation-transparent: rgba(255, 255, 255, .2);--velt-dark-mode-green: #0DCF82;--velt-dark-mode-magenta: #A259FE;--velt-dark-mode-amber: #FF7162;--velt-dark-mode-purple: #625DF5;--velt-dark-mode-cyan: #4BC9F0;--velt-dark-mode-orange: #FE965C;--velt-dark-mode-black: #080808;--velt-dark-mode-white: #FFFFFF;--velt-dark-mode-gray: #EBEBEB;--velt-dark-mode-error: #FF7162;--velt-dark-mode-error-hover: #DE5041;--velt-dark-mode-error-foreground: #FFFFFF;--velt-dark-mode-error-light: #FFF4F2;--velt-dark-mode-error-transparent: rgba(255, 113, 98, .08);--velt-dark-mode-warning: #FFCD2E;--velt-dark-mode-warning-hover: #C69400;--velt-dark-mode-warning-foreground: #474747;--velt-dark-mode-warning-light: #FFFBEE;--velt-dark-mode-warning-transparent: rgba(255, 205, 46, .08);--velt-dark-mode-success: #198F65;--velt-dark-mode-success-hover: #006B41;--velt-dark-mode-success-foreground: #FFFFFF;--velt-dark-mode-success-light: #EDF6F3;--velt-dark-mode-success-transparent: rgba(25, 143, 101, .08);--velt-dark-mode-accent: #625DF5;--velt-dark-mode-accent-text: #9491F8;--velt-dark-mode-accent-hover: #534FCF;--velt-dark-mode-accent-foreground: #FFFFFF;--velt-dark-mode-accent-light: #F2F2FE;--velt-dark-mode-accent-transparent: rgba(148, 145, 248, .08);--velt-dark-mode-text-0: #FFFFFF;--velt-dark-mode-text-1: #F5F5F5;--velt-dark-mode-text-2: #EBEBEB;--velt-dark-mode-text-3: #E0E0E0;--velt-dark-mode-text-4: #D6D6D6;--velt-dark-mode-text-5: #C2C2C2;--velt-dark-mode-text-6: #ADADAD;--velt-dark-mode-text-7: #8F8F8F;--velt-dark-mode-text-8: #7A7A7A;--velt-dark-mode-text-9: #666666;--velt-dark-mode-text-10: #525252;--velt-dark-mode-text-11: #474747;--velt-dark-mode-text-12: #3D3D3D;--velt-dark-mode-background-0: #0F0F0F;--velt-dark-mode-background-1: #1A1A1A;--velt-dark-mode-background-2: #1F1F1F;--velt-dark-mode-background-3: #242424;--velt-dark-mode-background-4: #292929;--velt-dark-mode-background-5: #2E2E2E;--velt-dark-mode-background-6: #333333;--velt-dark-mode-background-7: #383838;--velt-dark-mode-background-8: #3D3D3D;--velt-dark-mode-background-9: #424242;--velt-dark-mode-background-10: #474747;--velt-dark-mode-border-0: #0F0F0F;--velt-dark-mode-border-1: #1A1A1A;--velt-dark-mode-border-2: #1F1F1F;--velt-dark-mode-border-3: #242424;--velt-dark-mode-border-4: #292929;--velt-dark-mode-border-5: #2E2E2E;--velt-dark-mode-border-6: #333333;--velt-dark-mode-border-7: #383838;--velt-dark-mode-border-8: #3D3D3D;--velt-dark-mode-border-9: #424242;--velt-dark-mode-border-10: #474747;--velt-dark-mode-background-transparent: rgba(0, 0, 0, .8);--velt-dark-mode-border-transparent: rgba(255, 255, 255, .16);--velt-dark-mode-animation-transparent: rgba(255, 255, 255, .2);--velt-comment-pin-z-index: 2147483557;--velt-arrow-z-index: 2147483557;--velt-recorder-player-z-index: 2147483557;--velt-cursor-z-index: 2147483647;--velt-persistent-comment-frame-z-index: 2147483647;--velt-toast-popup-z-index: 2147483647;--velt-live-state-sync-overlay-z-index: 2147483647;--velt-follow-mode-overlay-z-index: 2147483647;--velt-comments-minimap-z-index: 2147483637;--velt-global-overlay-z-index: 2147483637}*[data-snippyly-element=true],*[data-velt-element=true]{font-family:var(--velt-default-font-family)}.cdk-overlay-container{z-index:var(--velt-global-overlay-z-index)!important}.cdk-overlay-container .cdk-overlay-pane.mat-mdc-dialog-panel{max-width:var(--mat-dialog-container-max-width, 80vw);min-width:var(--mat-dialog-container-min-width, 0)}mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{background-color:#fff;padding:24px}mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .mdc-dialog__title:before{height:unset}mat-dialog-container .mat-mdc-dialog-actions{padding:var(--mat-dialog-actions-padding, 8px)}.mat-mdc-autocomplete-panel{padding:0!important;border-radius:var(--velt-border-radius-md)!important}.cdk-overlay-pane{background-color:transparent!important;border:none!important;box-shadow:none!important}.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip{color:#fff;background-color:#0b0b0b;border:1px solid #eeeeee;border-radius:4px;padding:8px 12px;font-size:14px}.mat-mdc-menu-panel.velt-menu{box-shadow:none}video.flip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}body[data-velt-huddle-on-cursor-mode] .cdk-overlay-container{z-index:calc(var(--velt-global-overlay-z-index, 2147483637) - 1)!important}body[data-velt-huddle-on-cursor-mode]:not(.show-pin-cursor){cursor:none!important}body[data-velt-huddle-on-cursor-mode]:not(.show-pin-cursor) *{cursor:none!important}body.snippyly-add-comment-mode,body.snippyly-add-comment-mode *{-webkit-user-select:none!important;user-select:none!important}body.snippyly-add-comment-mode [data-velt-iframe-container=true][data-velt-iframe-container-static=true]{position:relative!important}body.snippyly-add-comment-mode [data-velt-iframe-container=true]:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] [data-velt-element=true]:not(snippyly-comment-text-portal):not(velt-recorder-control-panel):not([data-velt-screen-recorder-panel=true]){display:none!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] snippyly-text-highlight.snippyly-text-highlight{color:inherit!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight{color:inherit!important;background-color:inherit!important;cursor:inherit!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight.selected{background-color:inherit!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight snippyly-comment-text-portal,body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight velt-comment-text-portal{font-family:inherit!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight{color:transparent!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight.selected{color:transparent!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight .comment-annotation-number{display:none!important}:where([data-velt-pdf-viewer=true]) .textLayer:is(:has([data-snippyly-pin-host],[data-velt-pin-host]),:has(snippyly-comment-pin-portal,snippyly-tag-pin-portal,snippyly-recorder-pin-portal,snippyly-arrow-pin-portal,snippyly-area-pin-portal,velt-comment-pin-portal,velt-tag-pin-portal,velt-recorder-pin-portal,velt-arrow-pin-portal,velt-area-pin-portal)){opacity:1!important;visibility:visible!important}:where([data-velt-pdf-viewer=true]) .textLayer:is(:has([data-snippyly-pin-host],[data-velt-pin-host]),:has(snippyly-comment-pin-portal,snippyly-tag-pin-portal,snippyly-recorder-pin-portal,snippyly-arrow-pin-portal,snippyly-area-pin-portal,velt-comment-pin-portal,velt-tag-pin-portal,velt-recorder-pin-portal,velt-arrow-pin-portal,velt-area-pin-portal)) snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight{opacity:.2!important}[data-snippyly-comment-pin-host][data-snippyly-comment-pin-host-static],[data-snippyly-tag-pin-host][data-snippyly-tag-pin-host-static],[data-snippyly-recorder-pin-host][data-snippyly-recorder-pin-host-static],[data-snippyly-arrow-pin-host][data-snippyly-arrow-pin-host-static],[data-snippyly-area-pin-host][data-snippyly-area-pin-host-static],[data-velt-comment-pin-host][data-velt-comment-pin-host-static],[data-velt-tag-pin-host][data-velt-tag-pin-host-static],[data-velt-recorder-pin-host][data-velt-recorder-pin-host-static],[data-velt-arrow-pin-host][data-velt-arrow-pin-host-static],[data-velt-area-pin-host][data-velt-area-pin-host-static]{position:relative}[data-velt-comment-pin-host][data-velt-comment-pin-active=true],[data-velt-area-pin-host][data-velt-area-pin-active=true]{opacity:1!important;visibility:visible!important}.s-display-none,.velt-display-none{display:none!important}.s-flex,.velt-display-flex{display:flex!important}.velt-items-center{align-items:center!important}.s-background-blur-1{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.s-background-blur-2{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.s-background-blur-3{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.s-background-blur-4{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}.s-tooltip{position:relative!important}.s-tooltip .s-tooltiptext{visibility:hidden!important;block-size:auto!important;width:max-content!important;top:120%!important;background-color:var(--legacy-velt-bg-color);border:1px solid var(--legacy-velt-border-color);color:var(--legacy-velt-primary-color)!important;text-align:left!important;padding:.5em .75em!important;border-radius:6px!important;font-style:normal!important;font-weight:400!important;font-size:12px!important;line-height:2em!important;box-shadow:var(--legacy-velt-box-shadow)!important;position:absolute!important;z-index:1!important;opacity:0!important;transition:opacity .5s!important;left:50%!important;transform:translate(-50%)!important}.s-tooltip .s-tooltiptext:after{content:" "!important;position:absolute!important;top:0!important;left:50%!important;width:12px!important;height:12px!important;border-left:1px solid var(--legacy-velt-border-color);border-top:1px solid var(--legacy-velt-border-color);background-color:var(--legacy-velt-bg-color);border-radius:4px!important;transform:translate(-50%,-41%) rotate(45deg)!important;transform-origin:center!important}.s-tooltip .s-tooltiptext:before{content:" ";position:absolute;top:0;left:50%;width:24px;height:24px;transform:translate(-50%,-41%);background:transparent}.s-tooltip .s-tooltiptext.left{top:50%!important;right:120%!important;transform:translateY(-50%)!important}.s-tooltip .s-tooltiptext.left:after{transform:translate(41%,-50%) rotate(45deg)!important;transform-origin:center!important;left:unset!important;right:0!important;top:50%!important}.s-tooltip .s-tooltiptext.left.top{top:100%!important;transform:translateY(-45%)!important}.s-tooltip .s-tooltiptext.left.top:after{transform:translate(41%,66%) rotate(45deg)!important;top:0!important}.s-tooltip:hover .s-tooltiptext{visibility:visible!important;opacity:1!important}.s-tooltip-light .s-tooltiptext{background-color:#fff!important;color:#000!important;box-shadow:0 2px 8px -2px #9f9f9f!important}.s-tooltip-light .s-tooltiptext:after{background-color:#fff!important}.s-tooltip-link{font-style:normal!important;font-weight:400!important;font-size:12px!important;line-height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))!important;color:#fff!important}.s-cursor-pointer,.velt-cursor-pointer{cursor:pointer!important}.s-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}app-render-timer-wrapper{width:100%;height:100%}velt-comment-text[comment-available=true]{color:var(--Constant-Warning---Text, #E2A600);background-color:#e2a6001a;border-bottom:1px solid #E2A600}
390
+ `))},dependencies:[Fg],styles:["[_nghost-%COMP%]{display:inline-flex;align-items:center}.skeleton-loader[_ngcontent-%COMP%]{display:inline-block;background:linear-gradient(-90deg,#f0f0f0,#e2e2e2,#f0f0f0);background-size:400% 400%;animation:_ngcontent-%COMP%_skeleton-loading 1.2s ease-in-out 4;height:var(--velt-skeleton-loader-height);width:var(--velt-skeleton-loader-width);border-radius:var(--velt-skeleton-loader-border-radius)}@keyframes _ngcontent-%COMP%_skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}"]})}}return n})();var v9e=["userAvatarRef"],C9e=["*"];function _9e(n,i){if(n&1&&(C(0,"div",7),D(1,"span",8),y()),n&2){let e=l(2).ngIf,t=l();it("background-color",e.background||"#625DF5"),E("data-testid",t.componentId+"-initial-container"),m(),it("color",e.textColor||"#FFFFFF"),E("data-modal-author-initial",e.initial)("data-testid",t.componentId+"-initial")}}function y9e(n,i){if(n&1){let e=W();C(0,"img",9),H("error",function(){k(e);let o=l(3);return R(o.onImageLoadError())})("load",function(){k(e);let o=l(3);return R(o.onImageLoaded())}),y()}if(n&2){let e=l(2).ngIf,t=l();it("display",e.imgLoaded?"":"none !important"),c("src",e.src,ln),E("alt","User avatar")("data-testid",t.componentId+"-image")}}function S9e(n,i){if(n&1&&(f(0),C(1,"div",4,1),g(3,_9e,2,7,"div",5)(4,y9e,1,5,"ng-template",6),Pt(5),y(),v()),n&2){let e=l().ngIf,t=l();m(),E("data-testid",t.componentId+"-container")("aria-label","User avatar"),m(2),c("ngIf",!e.imgLoaded),m(),c("ngIf",!e.imgLoadError)}}function b9e(n,i){if(n&1&&D(0,"velt-skeleton-loader-internal",10),n&2){let e=l().ngIf;c("height",e.size?e.size+"px":"100%")("width",e.size?e.size+"px":"100%")}}function I9e(n,i){if(n&1&&(f(0),g(1,S9e,6,4,"ng-container",3)(2,b9e,1,2,"ng-template",null,0,be),v()),n&2){let e=i.ngIf,t=de(3);m(),c("ngIf",e.imgLoaded||(e==null||e.user==null?null:e.user.photoUrl)||(e==null||e.user==null?null:e.user.name)||(e==null||e.user==null?null:e.user.email)||(e==null?null:e.initial))("ngIfElse",t)}}var Bn=(()=>{class n{constructor(e,t){this.loggingService=e,this.elementRef=t,this.initial="",this.background="#625DF5",this.textColor="#FFFFFF",this.userAvatarRef=new N(null),this.componentConfigSignal=Se({background:"#625DF5",textColor:"#FFFFFF",initial:"",src:"",imgLoaded:!1,imgLoadError:!1}),this.veltElement=!0,this.componentId="velt-user-avatar"}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in UserAvatarComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","img"),e.setAttribute("data-testid",this.componentId+"-container"),this.updateAriaLabel()}catch(e){this.loggingService.catch("Error in UserAvatarComponent setupA11yAttributes:",e)}}updateAriaLabel(){try{this.elementRef.nativeElement.setAttribute("aria-label","User avatar")}catch(e){this.loggingService.catch("Error in UserAvatarComponent updateAriaLabel:",e)}}ngAfterViewInit(){this.updateAvatarSize()}ngOnChanges(e){try{if(e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(o=>(o=T(I({},o),{[t]:e[t].currentValue}),o))}),e?.user){let t=e.user.currentValue;t?.photoUrl!==this.componentConfigSignal().src&&this.componentConfigSignal.update(o=>(o=T(I({},o),{src:t?.photoUrl,imgLoaded:!1,imgLoadError:!1}),o)),this.componentConfigSignal.update(o=>(o=T(I({},o),{background:t?.color||"#625DF5"}),o)),this.componentConfigSignal.update(o=>(o=T(I({},o),{textColor:t?.textColor||"#FFFFFF"}),o)),this.componentConfigSignal.update(o=>(o=T(I({},o),{initial:t?.initial||t?.name?.charAt(0)||t?.email?.charAt(0)}),o))}e?.size&&this.updateAvatarSize(),e?.width&&this.updateAvatarSize(),e?.height&&this.updateAvatarSize()}catch(t){this.loggingService.catch("Error in UserAvatarComponent ngOnChanges: ",t)}}onImageLoadError(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{imgLoadError:!0}),e))}catch(e){this.loggingService.catch("Error in UserAvatarComponent onImageLoadError: ",e)}}onImageLoaded(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{imgLoaded:!0}),e))}catch(e){this.loggingService.catch("Error in UserAvatarComponent onImageLoaded: ",e)}}updateAvatarSize(){try{this.elementRef?.nativeElement&&(this.size&&(this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-height",this.size+"px"),this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-width",this.size+"px")),this.width&&this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-width",this.size+"px"),this.height&&this.elementRef.nativeElement.style.setProperty("--legacy-velt-user-avatar-height",this.size+"px"))}catch(e){this.loggingService.catch("Error in UserAvatarComponent updateAvatarSize: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-user-avatar"]],viewQuery:function(t,o){if(t&1&&nt(v9e,5),t&2){let r;Ke(r=Ze())&&(o.userAvatarRef=r.first)}},hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{initial:"initial",src:"src",background:"background",textColor:"textColor",size:"size",width:"width",height:"height",user:"user"},standalone:!1,features:[We],ngContentSelectors:C9e,decls:1,vars:1,consts:[["loadingTemplateRef",""],["userAvatarRef",""],[4,"ngIf"],[4,"ngIf","ngIfElse"],["velt-ignore-change-detection","true","role","img",1,"s-user-avatar-container","velt-user-avatar"],["class","s-user-avatar-initial-container velt-user-avatar--initial-container","aria-hidden","componentConfig.imgLoaded",3,"background-color",4,"ngIf"],[3,"ngIf"],["aria-hidden","componentConfig.imgLoaded",1,"s-user-avatar-initial-container","velt-user-avatar--initial-container"],[1,"s-user-avatar-initial","velt-user-avatar--initial"],["referrerpolicy","no-referrer","velt-ignore-change-detection","true",1,"s-user-avatar-image","velt-user-avatar--image",3,"error","load","src"],["borderRadius","100%",3,"height","width"]],template:function(t,o){t&1&&(Lt(),g(0,I9e,4,2,"ng-container",2)),t&2&&c("ngIf",o.componentConfigSignal())},dependencies:[K,Co],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}[_nghost-%COMP%]{display:flex}[_nghost-%COMP%]:empty{display:none}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left;line-height:1.5;color:#000;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit));position:static}*[_ngcontent-%COMP%]:empty{display:revert}.s-user-avatar-container[_ngcontent-%COMP%]{position:relative;width:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));border-radius:50%;display:inline-block}velt-skeleton-loader-internal[_ngcontent-%COMP%]{width:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));height:calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit));border-radius:50%}.s-user-avatar-initial-container[_ngcontent-%COMP%]{width:100%;height:100%;display:flex;justify-content:center;border-radius:50%;align-items:center;font-size:calc((.8rem + 0px) * var(--velt-base-rem-unit))}.s-user-avatar-image[_ngcontent-%COMP%]{object-fit:cover;border-radius:50%;width:100%;height:100%;display:flex}.s-user-avatar-initial[_ngcontent-%COMP%]{color:#fff;font-size:calc((var(--legacy-velt-user-avatar-initial-font-size) + 0px) * var(--velt-base-rem-unit));position:relative;text-transform:uppercase}.s-user-avatar-initial[_ngcontent-%COMP%]:after{content:attr(data-modal-author-initial);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.velt-user-avatar[_ngcontent-%COMP%], velt-skeleton-loader-internal[_ngcontent-%COMP%]{height:var(--legacy-velt-user-avatar-height, calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit)));width:var(--legacy-velt-user-avatar-width, calc((var(--legacy-velt-user-avatar-size) + 0px) * var(--velt-base-rem-unit)))}"],changeDetection:0})}}return n})();var E9e=["selectionElementPortalOverlay"],x9e=n=>[n];function T9e(n,i){if(n&1&&(f(0),C(1,"span",10),ee(2),w(3,"translate"),y(),v()),n&2){let e=l(),t=e.$implicit,o=e.index,r=l(5);m(),it("--velt-selection-color",t==null||t.user==null?null:t.user.color),E("data-testid",r.componentId+"-user-name-"+o),m(),Ue(A(3,4,(t==null||t.user==null?null:t.user.name)||(t==null||t.user==null?null:t.user.email)))}}function D9e(n,i){if(n&1&&(f(0),g(1,T9e,4,6,"ng-container",3),v()),n&2){let e=i.index,t=l(5);m(),c("ngIf",e<t.maxCount)}}function w9e(n,i){if(n&1&&(C(0,"span",11),ee(1),y()),n&2){let e=l(4).ngIf,t=l();it("--velt-selection-color",(e.selections[0]==null||e.selections[0].user==null?null:e.selections[0].user.color)||"white"),E("data-testid",t.componentId+"-additional-count")("aria-label",(e.selections==null?null:e.selections.length)-t.maxCount+" additional users"),m(),ve("+",(e.selections==null?null:e.selections.length)-t.maxCount,"")}}function A9e(n,i){if(n&1&&(f(0),C(1,"div",7),w(2,"translate"),g(3,D9e,2,1,"ng-container",8)(4,w9e,2,5,"span",9),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),E("data-testid",t.componentId+"-label-container")("aria-label",A(2,4,"Selected users")),m(2),c("ngForOf",e.selections),m(),c("ngIf",(e.selections==null?null:e.selections.length)>t.maxCount)}}function O9e(n,i){if(n&1&&(f(0),D(1,"snippyly-user-avatar",13),v()),n&2){let e=l(),t=e.$implicit,o=e.index;m(),it("--velt-selection-color",t==null||t.user==null?null:t.user.color)("--velt-selection-user-index",o),c("size",20)("user",t==null?null:t.user)}}function P9e(n,i){if(n&1&&(f(0),g(1,O9e,2,6,"ng-container",3),v()),n&2){let e=i.index,t=l(5);m(),c("ngIf",e<t.maxCount)}}function M9e(n,i){if(n&1&&(C(0,"div",14),w(1,"translate"),C(2,"span",15),ee(3),y()()),n&2){let e=l(4).ngIf,t=l();it("--velt-selection-user-index",e.selections==null?null:e.selections.length)("background-color",(e.selections[(e.selections==null?null:e.selections.length)-1]==null||e.selections[(e.selections==null?null:e.selections.length)-1].user==null?null:e.selections[(e.selections==null?null:e.selections.length)-1].user.color)||"white"),E("data-testid",t.componentId+"-additional-avatars")("aria-label",(e.selections==null?null:e.selections.length)-t.maxCount+" "+A(1,7,"additional users")),m(3),ve("+",(e.selections==null?null:e.selections.length)-t.maxCount,"")}}function k9e(n,i){if(n&1&&g(0,P9e,2,1,"ng-container",8)(1,M9e,4,9,"div",12),n&2){let e=l(3).ngIf,t=l();c("ngForOf",e.selections),m(),c("ngIf",(e.selections==null?null:e.selections.length)>t.maxCount)}}function R9e(n,i){if(n&1&&g(0,A9e,5,6,"ng-container",6)(1,k9e,2,2,"ng-template",null,2,be),n&2){let e=de(2),t=l(2).ngIf,o=l();c("ngIf",(t==null?null:t.userIndicatorType)===(o.userIndicatorTypes==null?null:o.userIndicatorTypes.Label))("ngIfElse",e)}}function N9e(n,i){if(n&1&&(f(0),D(1,"div",4,0),g(3,R9e,3,2,"ng-template",5,1,be),v()),n&2){let e=de(2),t=l().ngIf,o=l();m(),it("top",(t==null||t.position==null?null:t.position.top)+o.offsetTop,"px")("left",(t==null||t.position==null?null:t.position.left)+o.offsetLeft,"px"),c("id","selection-element-contianer-"+(o.highlight.user==null?null:o.highlight.user.userSnippylyId)),E("data-testid",o.componentId),m(2),c("cdkConnectedOverlayOrigin",e)("cdkConnectedOverlayOpen",!0)("cdkConnectedOverlayLockPosition",!1)("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPositions",M(12,x9e,t==null?null:t.overlayPosition))}}function F9e(n,i){if(n&1&&(f(0),g(1,N9e,5,14,"ng-container",3),v()),n&2){let e=i.ngIf;m(),c("ngIf",e==null?null:e.position)}}var Mse=(()=>{class n{get highlight(){return this._highlight}set highlight(e){this._highlight=e,this.calculatePosition()}constructor(e,t,o){this.loggingService=e,this.selectionService=t,this.elementRef=o,this._highlight=new Ap,this.position=null,this.userIndicatorTypes=Uv,this.offsetLeft=0,this.offsetTop=0,this.maxCount=1,this.componentConfigSignal=Se({userIndicatorPosition:BS.End,userIndicatorType:Uv.Avatar,position:null,overlayPosition:{originX:"end",originY:"top",overlayX:"end",overlayY:"top"},selections:[]}),this.veltElement=!0,this.componentId="velt-selection-element";try{this.loggingService.log("%c[WB] Creating CLASS: SelectionElementPortalComponent","color: blue;");let r=this.selectionService.getUserIndicatorPosition(),a=this.selectionService.getUserIndicatorType();this.componentConfigSignal.update(s=>(s=T(I({},s),{userIndicatorPosition:r,userIndicatorType:a}),s)),this.setOverlayPosition(r)}catch(r){this.loggingService.log("Error in SelectionElementPortalComponent constructor: ",r)}}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","complementary"),e.setAttribute("aria-label","Selection portal")}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent setupA11yAttributes:",e)}}setSelections(e){try{this.componentConfigSignal.update(t=>(t=T(I({},t),{selections:e}),t))}catch(t){this.loggingService.catch("Error in SelectionElementPortalComponent setSelections: ",t)}}addSelection(e){try{this.componentConfigSignal.update(t=>(t=I({},t),t.selections.push(e),t))}catch(t){this.loggingService.catch("Error in SelectionElementPortalComponent addSelection: ",t)}}ngAfterViewInit(){try{this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: ngAfterViewInit","color: green;"),this.updateOverlayPosition()}catch(e){this.loggingService.catch("Error in ngAfterViewInit: ",e)}}setOverlayPosition(e){try{switch(this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: setOverlayPosition","color: green;"),e){case"start":this.componentConfigSignal.update(t=>(t=T(I({},t),{overlayPosition:{originX:"start",originY:"top",overlayX:"start",overlayY:"top"}}),t));break;default:this.componentConfigSignal.update(t=>(t=T(I({},t),{overlayPosition:{originX:"end",originY:"top",overlayX:"end",overlayY:"top"}}),t))}this.updateOverlayPosition()}catch(t){this.loggingService.catch("Error in SelectionElementPortalComponent setOverlayPosition: ",t)}}updateOverlayPosition(){try{this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: updateOverlayPosition","color: green;"),this.selectionElementPortalOverlay&&this.selectionElementPortalOverlay?.overlayRef?.updatePosition()}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent updateOverlayPosition: ",e)}}calculatePosition(){try{if(this.loggingService.log("%c[WB] Calling SelectionElementPortalComponent FUNCTION: calculatePosition","color: green;"),this.highlight?.targetElement){let e=sS(this.highlight.targetElement);if(e){let t=e.iterateNext(),o,r=null,a=null;try{o=JSON.parse(t?.getAttribute(V.ATTRIBUTES.VELT_SELECTION_CONFIG)||"{}"),r=t?.getAttribute(V.ATTRIBUTES.VELT_LIVE_SELECTION_USER_INDICATOR_POSITION)||this.componentConfigSignal().userIndicatorPosition,r&&this.setOverlayPosition(r),a=t?.getAttribute(V.ATTRIBUTES.VELT_LIVE_SELECTION_USER_INDICATOR_TYPE)||this.componentConfigSignal().userIndicatorType,this.componentConfigSignal.update(d=>(d=T(I({},d),{userIndicatorPosition:r,userIndicatorType:a}),d))}catch{}let s;if(o?.horizontal&&(s=o.horizontal),r==="start"?s="top-start":s="top-right",t){let d=t.getBoundingClientRect();if(d&&d.width&&d.height)switch(s){case"left":this.position={top:d.height/2-16,left:-4};break;case"left-start":this.position={top:0,left:-4};break;case"top-start":this.position={top:-32,left:0};break;case"top-right":this.position={top:-32,left:d.width};break;case"bottom-left":this.position={top:d.height+4,left:0};break;case"bottom-right":this.position={top:d.height+4,left:d.width-32};break;case"center-left":this.position={top:d.height/2-16,left:-32};break;case"center-right":this.position={top:d.height/2-16,left:d.width+4};break;default:this.position={top:-32,left:d.width}}else this.position=null}else this.position=null}else this.position=null}this.componentConfigSignal.update(e=>(e=T(I({},e),{position:this.position}),e))}catch(e){this.loggingService.catch("Error in SelectionElementPortalComponent calculatePosition: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(vs),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["app-selection-element-portal"]],viewQuery:function(t,o){if(t&1&&nt(E9e,5),t&2){let r;Ke(r=Ze())&&(o.selectionElementPortalOverlay=r.first)}},hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{highlight:"highlight",offsetLeft:"offsetLeft",offsetTop:"offsetTop"},standalone:!1,decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["selectionElementPortalOverlay","cdkConnectedOverlay"],["defaultAvatarTypeTemplate",""],[4,"ngIf"],["cdkOverlayOrigin","","role","presentation",1,"selection-element-portal",3,"id"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayLockPosition","cdkConnectedOverlayGrowAfterOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPositions"],[4,"ngIf","ngIfElse"],["role","list",1,"velt-live-selection-element-user-name-container"],[4,"ngFor","ngForOf"],["class","velt-live-selection-element-user-name-plus","role","listitem",3,"--velt-selection-color",4,"ngIf"],["role","listitem",1,"velt-live-selection-element-user-name"],["role","listitem",1,"velt-live-selection-element-user-name-plus"],["class","photo-container","role","listitem",3,"--velt-selection-user-index","background-color",4,"ngIf"],[1,"photo-container","selection-user-avatar",3,"size","user"],["role","listitem",1,"photo-container"],[1,"s-selection-element-avatar-initial"]],template:function(t,o){t&1&&g(0,F9e,2,1,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},dependencies:[ut,K,Vn,Pn,Bn,me],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}[_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-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);position:absolute;top:0;left:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;height:unset;width:unset;text-align:left;line-height:1.5;color:#000;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:empty{display:revert}.selection-element-portal[_ngcontent-%COMP%]{display:none;position:absolute;top:0;left:0;white-space:nowrap;z-index:1;font-size:var(--velt-font-size-xs)}.photo-container[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit));box-sizing:border-box;background-clip:padding-box;border-radius:50%;color:var(--velt-light-mode-white);border:2px solid var(--velt-selection-color);margin-left:-5px;z-index:calc(var(--velt-selection-user-index, 0) * -1)}.photo-container[_ngcontent-%COMP%] .s-selection-element-avatar-initial[_ngcontent-%COMP%]{color:var(--velt-light-mode-white)}.photo-container[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:100%;border-radius:50%;object-fit:cover} snippyly-user-avatar.selection-user-avatar .s-user-avatar-initial{font-size:var(--velt-font-size-md)}.velt-live-selection-element-user-name-container[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-xs);margin-top:5px}.velt-live-selection-element-user-name-container[_ngcontent-%COMP%] .velt-live-selection-element-user-name[_ngcontent-%COMP%]{color:var(--velt-light-mode-white);display:flex;background:var(--velt-selection-color);padding:var(--velt-spacing-xs) var(--velt-spacing-sm);font-size:var(--velt-spacing-md);font-style:normal;font-weight:400;line-height:100%;border-radius:var(--velt-border-radius-md);font-family:var(--velt-default-font-family)}.velt-live-selection-element-user-name-container[_ngcontent-%COMP%] .velt-live-selection-element-user-name-plus[_ngcontent-%COMP%]{color:var(--velt-light-mode-white);display:flex;background:var(--velt-selection-color);padding:var(--velt-spacing-x);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:100%;border-radius:var(--velt-border-radius-md);font-family:var(--velt-default-font-family)}"],changeDetection:0})}}return n})();var Kv=(n,i)=>{try{let e=B9e(n),t=[],o=[];return e.forEach(r=>{r?.parentElement?.closest(V.TAGS.SNIPPYLY_TEXT_HIGHLIGHT)?r?.parentElement?.normalize():o.push(r)}),o.forEach(r=>{let a=V9e(r,i);a&&t.push(a)}),t}catch(e){return dt.catch("Error in highlighter highlightRange: ",e),[]}},B9e=n=>{try{if(n.collapsed)return[];let i=n.commonAncestorContainer;if(n.commonAncestorContainer.nodeType!==Node.ELEMENT_NODE&&(i=n.commonAncestorContainer.parentElement),!i)return[];let e=[],t=i.ownerDocument.createNodeIterator(i,NodeFilter.SHOW_TEXT),o,r=!1;for(;o=t.nextNode();)if(n.intersectsNode(o)){let a=o?.length;n.startContainer===o&&n.startOffset>0&&(o.splitText(n.startOffset),r=!0),n.endContainer===o&&n.endOffset<a&&o.splitText(n.endOffset),e.push(o)}return r&&e.shift(),e}catch(i){return dt.catch("Error in highlighter getTextNodesInRange: ",i),[]}},V9e=(n,i)=>{try{let e=document.createElement(i||V.TAGS.SNIPPYLY_TEXT_HIGHLIGHT);return n.parentElement?.replaceChild(e,n),e.appendChild(n),e}catch(e){return dt.catch("Error in highlighter highlightNode: ",e),null}};var vs=(()=>{class n{constructor(e,t,o,r,a,s,d,p,h,b,x){this.afAuth=e,this.authService=t,this.configService=o,this.databaseService=r,this.docService=a,this.domService=s,this.componentFactoryResolver=d,this.injector=p,this.appRef=h,this.loggingService=b,this.commonDbService=x,this.documentPaths=null,this.db=hi(),this.textSelections={},this.enableSelections$=new fe(!1),this.userIndicatorEnabled$=new fe(!0),this.userIndicatorPosition$=new fe(BS.End),this.userIndicatorType$=new fe(Uv.Avatar),this.defaultElementsTrackingEnabled$=new fe(!0),this.defaultStylingEnabled$=new fe(!0),this.elementSelections={},this.databaseService.getDb().pipe(Ne(P=>!!P),Qe(1)).subscribe(P=>{P&&(this.db=P,this.updateOnDocumentFocusChange())},P=>{this.loggingService.catch("Error in SelectionService getDb subscription: ",P)}),this.docService.getDocumentPaths$().subscribe(P=>{this.documentPaths=P},P=>{this.loggingService.catch("Error in SelectionService getDocumentPaths subscription: ",P)}),this.domService.onDocumentClick$().subscribe(P=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&P?.target&&!window.getSelection()?.toString()){let z=this.getSelectionEnabledElement(P.target);if(z&&!Bi(z)){let Y=this.domService.getXPath(z);if(Y){let se=new Ap;se.type="click",se.targetElement=Y,this.setSelection(se)}}else this.removeSelection()}}catch(z){this.loggingService.catch("Error in SelectionService onDocumentClick$: ",z)}},P=>{this.loggingService.catch("Error in SelectionService onDocumentClick$ subscription: ",P)}),this.domService.onDocumentFocus$().subscribe(P=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&P?.target){let z=this.getSelectionEnabledElement(P.target);if(z&&!Bi(z)){let Y=this.domService.getXPath(z);if(Y){let se=new Ap;se.type="focus",se.targetElement=Y,this.setSelection(se)}}else this.removeSelection()}}catch(z){this.loggingService.catch("Error in SelectionService onDocumentFocus$: ",z)}},P=>{this.loggingService.catch("Error in SelectionService onDocumentFocus$ subscription: ",P)}),this.domService.onWindowKeyupEsc$().subscribe(P=>{this.removeSelection()},P=>{this.loggingService.catch("Error in SelectionService onWindowKeyupEsc$ subscription: ",P)}),this.enableSelections$.pipe(ge(()=>this.isFeatureAllowed$({})),Ne(P=>P?.config&&P?.user)).subscribe(P=>{(!P?.featureAllowed||!this.enableSelections$.value)&&this.removeSelection()},P=>{this.loggingService.catch("Error in SelectionService enableSelections$ subscription: ",P)}),this.domService.onSelectionChange$().subscribe(()=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&window.getSelection()?.toString()){let P=window.getSelection()?.getRangeAt(0);if(P.commonAncestorContainer&&!P?.collapsed){let z=Fie([P]),Y=new Ap;Y.type="selection",Y.targetTextRange=z?.length?z[0]:null,this.setSelection(Y)}}}catch(P){this.loggingService.catch("Error in SelectionService onSelectionChange$: ",P)}},P=>{this.loggingService.catch("Error in SelectionService onSelectionChange$ subscription: ",P)}),this.authService.getUser$().subscribe(P=>{this.user=P},P=>{this.loggingService.catch("Error in SelectionService getUser$ subscription: ",P)}),this.getSelectionsOnCurrentDocument().pipe(Li()).subscribe(([P,z])=>{try{if(P){let Y=[];Object.keys(P).forEach(se=>{let _e=P[se],Pe=z?z[se]:null;!fo(_e,Pe)&&se!==this.getUserIdHash(this.user)&&Y.push(_e)}),Y.forEach(se=>{if(se.targetElement){let _e=this.elementSelections[se?.targetElement]?.portalRef,Le=(this.elementSelections[se?.targetElement]?.selections||[]).filter(Ve=>this.getUserIdHash(Ve.user)!==this.getUserIdHash(se?.user));Le?.length?(_e.instance.setSelections(Le.slice()),this.elementSelections[se?.targetElement].selections=Le.slice(),this.highlightElement(Le[0])):(this.removeHighlightFromElement(se),this.removeSelectionElement(se))}else se.targetTextRange&&this.removeHighlightFromText(se)})}if(z){let Y=[];Object.keys(z).forEach(se=>{let _e=P?P[se]:null,Pe=z[se];!fo(_e,Pe)&&se!==this.getUserIdHash(this.user)&&Y.push(Pe)}),Y.forEach(se=>{se.targetElement?(this.highlightElement(se),this.getUserIndicatorEnabled()&&this.setElementHighlight(se)):se.targetTextRange&&this.highlightText(se)})}}catch(Y){this.loggingService.catch("Error in SelectionService getSelectionsOnCurrentDocument: ",Y)}},P=>{this.loggingService.catch("Error in SelectionService getSelectionsOnCurrentDocument subscription: ",P)}),this.authService.addPreSignOutFuction("highlight-signout",this.signOutUser.bind(this))}isFeatureAllowed(){return Ki(this.configService.getConfig(),this.authService.getUser(),Me.LIVE_SELECTION)}updateOnDocumentFocusChange(){this.loggingService.log("%c[WB] Calling FUNCTION: updateOnDocumentFocusChange","color: green;");try{document&&document.addEventListener("visibilitychange",e=>{this.user&&document.visibilityState==="hidden"&&this.removeSelection()})}catch(e){this.loggingService.catch("Error in updateOnDocumentFocusChange:",e)}}getSelectionsOnCurrentDocument(){return this.loggingService.log("%c[WB] Calling FUNCTION: getSelectionsOnCurrentDocument","color: green;"),zn(this.afAuth).pipe(Ne(e=>!!e),ge(e=>this.isFeatureAllowed$({firebaseUser:e})),ge(e=>e.featureAllowed?oe(e).pipe(ge(t=>this.docService.getDocumentPaths$().pipe(ce(o=>(this.documentPaths=o,t)))),ge(t=>t?.user?t?.user?.isAnonymous?oe(null):this.documentPaths?this.databaseService.getDb().pipe(Ne(o=>!!o),ge(o=>this.documentPaths?.selection?this.commonDbService.dbListener({feature:"allSelections",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,skipFirestore:!0}}).pipe(ce(r=>r?.data)):oe(null))):oe(null):oe(null))):oe(null)))}isFeatureAllowed$(e){return this.configService.getConfig$().pipe(Ne(t=>!!t),ce(t=>T(I({},e),{config:t})),ge(t=>this.authService.getUser$().pipe(ce(o=>(this.user=o,T(I({},t),{user:o}))))),ge(t=>Ki(t.config,t.user,Me.LIVE_SELECTION)?oe(T(I({},t),{featureAllowed:!0})):(this.loggingService.warn("Live Selection feature is not allowed."),oe(T(I({},t),{featureAllowed:!1})))))}setSelection(e){try{if(this.user?.userId&&this.documentPaths?.selection){e.user=this.user;let t=JSON.parse(JSON.stringify(e));this.commonDbService.updateData({feature:"selection",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:this.getUserIdHash(this.user)??"",skipFirestore:!0},data:t})}}catch(t){this.loggingService.catch("Error in SelectionService setSelection: ",t)}}removeSelection(){try{this.user?.userId&&this.documentPaths?.selection&&this.commonDbService.deleteData({feature:"selection",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:this.getUserIdHash(this.user)??"",skipFirestore:!0}})}catch(e){this.loggingService.catch("Error in SelectionService removeSelection: ",e)}}highlightElement(e){try{let t=this.domService.getXPath(e.targetElement);if(t){let o=t.iterateNext();if(o){let r=["input","textarea","select","button"],a;try{o?.getAttribute(V.ATTRIBUTES.VELT_SELECTION_CONFIG)&&(a=JSON.parse(o?.getAttribute(V.ATTRIBUTES.VELT_SELECTION_CONFIG)||"{}"))}catch{}(!a||a?.border)&&this.domService.highlightUserElement(o,e?.user?.color,e?.user?.name,this.getDefaultStylingEnabled())}}}catch(t){this.loggingService.catch("Error in SelectionService highlightElement: ",t)}}removeHighlightFromElement(e){try{let t=this.domService.getXPath(e.targetElement);if(t){let o=t.iterateNext();o&&this.domService.removeHighlightUserFromElement(o)}}catch(t){this.loggingService.catch("Error in SelectionService removeHighlightFromElement: ",t)}}highlightText(e){try{if(e?.targetTextRange){let t=ov(e.targetTextRange?.text,this.domService.getXPath(e.targetTextRange?.commonAncestorContainer).iterateNext(),e.targetTextRange?.occurrence),o=new Range;try{o.setStart(t[0].textNode,t[0].startOffset||0),o.setEnd(t[t.length-1].textNode,t[t.length-1].endOffset||0)}catch{}if(o.toString()===e.targetTextRange?.text){let r=Kv(o,V.TAGS.SNIPPYLY_HIGHLIGHT_USER_TEXT),a=[],s=this.getSelectionUserMarker(e.user);if(r&&r.length&&(r.forEach(d=>{d?.textContent?.trim()&&(this.domService.addClassToElement(d,d.tagName?.toLowerCase()),this.domService.addClassToElement(d,V.VELT_LIVE_SELECTION_ON_TEXT),this.getDefaultStylingEnabled()&&this.domService.addClassToElement(d,V.VELT_LIVE_SELECTION_ON_TEXT_DEFAULT),e.user?.color&&d.style.setProperty(V.VELT_SELECTION_COLOR,e.user?.color+"55"),a.push({element:d,textNode:d.childNodes[0]}))}),s)){let d=r.filter(h=>h?.textContent?.trim()),p=d?.length?d[d?.length-1]:null;p&&p.parentNode.insertBefore(s,p.nextSibling)}this.textSelections[this.getUserIdHash(e?.user)]={textNodes:a,marker:s}}}}catch(t){this.loggingService.catch("Error in SelectionService highlightText: ",t)}}removeHighlightFromText(e){try{let t=this.getUserIdHash(e?.user);t&&this.textSelections[t]?.textNodes?.length&&(this.textSelections[t].textNodes.forEach(o=>{o?.element&&o?.textNode&&o.element.replaceWith(o.textNode),o.textNode&&o.textNode.parentNode?.normalize()}),this.textSelections[t]?.marker&&this.textSelections[t]?.marker?.remove())}catch(t){this.loggingService.catch("Error in SelectionService removeHighlightFromText: ",t)}}getSelectionUserMarker(e){try{let t=document.createElement("span");t.classList.add("snippyly-user-marker","active"),t.setAttribute("data-name",e?.name+""),t.style.setProperty("--velt-selection-marker-color",e?.color||"#000");let o=document.createElement("span");o.classList.add("snippyly-user-marker-line");let r=document.createElement("span");return r.classList.add("snippyly-user-marker-dot"),o.appendChild(r),t.appendChild(o),setTimeout(()=>{t?.classList?.remove("active")},1e3),t}catch(t){return this.loggingService.catch("Error in SelectionService getSelectionUserMarker: ",t),null}}signOutUser(e){return new Promise((t,o)=>{try{this.documentPaths?.selection&&e?this.commonDbService.dbListener({feature:"selection",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:e.uid,skipFirestore:!0}}).pipe(Qe(1)).subscribe(r=>{r?.data?this.commonDbService.deleteData({feature:"selection",errorCallback:a=>{o(a)},callback:()=>{t(null)},properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:this.getUserIdHash(this.user)??"",skipFirestore:!0}}):t(null)},r=>{this.loggingService.catch("Error in SelectionService signOutUser subscription: ",r),o(r)}):t(null)}catch(r){this.loggingService.catch("Error in SelectionService signOutUser:",r),o(r)}})}enableSelections(e){try{this.enableSelections$.next(e)}catch(t){this.loggingService.catch("Error in SelectionService enableSelections: ",t)}}enableUserIndicator(){try{if(this.userIndicatorEnabled$.value===!0)return;this.userIndicatorEnabled$.next(!0)}catch(e){this.loggingService.catch("Error in SelectionService enableUserIndicator: ",e)}}disableUserIndicator(){try{if(this.userIndicatorEnabled$.value===!1)return;this.userIndicatorEnabled$.next(!1)}catch(e){this.loggingService.catch("Error in SelectionService disableUserIndicator: ",e)}}getUserIndicatorEnabled$(){return this.userIndicatorEnabled$.asObservable()}getUserIndicatorEnabled(){return this.userIndicatorEnabled$.value}setUserIndicatorPosition(e){try{this.userIndicatorPosition$.next(e)}catch(t){this.loggingService.catch("Error in SelectionService setUserIndicatorPosition: ",t)}}getUserIndicatorPosition$(){return this.userIndicatorPosition$.asObservable()}getUserIndicatorPosition(){return this.userIndicatorPosition$.value}setUserIndicatorType(e){try{this.userIndicatorType$.next(e)}catch(t){this.loggingService.catch("Error in SelectionService setUserIndicatorType: ",t)}}getUserIndicatorType$(){return this.userIndicatorType$.asObservable()}getUserIndicatorType(){return this.userIndicatorType$.value}enableDefaultElementsTracking(){try{if(this.defaultElementsTrackingEnabled$.value===!0)return;this.defaultElementsTrackingEnabled$.next(!0)}catch(e){this.loggingService.catch("Error in SelectionService enableDefaultElementsTracking: ",e)}}disableDefaultElementsTracking(){try{if(this.defaultElementsTrackingEnabled$.value===!1)return;this.defaultElementsTrackingEnabled$.next(!1)}catch(e){this.loggingService.catch("Error in SelectionService disableDefaultElementsTracking: ",e)}}getDefaultElementsTrackingEnabled$(){return this.defaultElementsTrackingEnabled$.asObservable()}getDefaultElementsTrackingEnabled(){return this.defaultElementsTrackingEnabled$.value}enableDefaultStyling(){try{if(this.defaultStylingEnabled$.value===!0)return;this.defaultStylingEnabled$.next(!0)}catch(e){this.loggingService.catch("Error in SelectionService enableDefaultStyling: ",e)}}disableDefaultStyling(){try{if(this.defaultStylingEnabled$.value===!1)return;this.defaultStylingEnabled$.next(!1)}catch(e){this.loggingService.catch("Error in SelectionService disableDefaultStyling: ",e)}}getDefaultStylingEnabled$(){return this.defaultStylingEnabled$.asObservable()}getDefaultStylingEnabled(){return this.defaultStylingEnabled$.value}getSelectionEnabledElement(e){try{let t=this.getDefaultElementsTrackingEnabled();return t&&V.SELECTION_ENABLED_ELEMENTS[e.tagName?.toLowerCase()]?e:fV(e,t)}catch(t){return this.loggingService.catch("Error in SelectionService isElementAllowed: ",t),null}}setElementHighlight(e){try{if(!this.elementSelections[e.targetElement])this.setSelectionElement(e);else{let t=this.elementSelections[e.targetElement].portalRef;this.elementSelections[e.targetElement].selections?.find(r=>this.getUserIdHash(r.user)===this.getUserIdHash(e?.user))||(t.instance.addSelection(e),this.elementSelections[e.targetElement].selections.push(e))}}catch(t){this.loggingService.catch("Error in SelectionService setElementSelection: ",t)}}setSelectionElement(e){try{let t=this.domService.getXPath(e.targetElement);if(t){let o=t.iterateNext();if(o){let r=this.domService.getHostElement(o),a=new Ro(Mse),s=new No(r,this.componentFactoryResolver,this.appRef,this.injector),d=s.attach(a);d.instance.highlight=e,d.instance.setSelections([e]),this.elementSelections[e.targetElement]={selectionHostDomPortalOutlet:s,selectionElementPortal:a,portalRef:d,selections:[JSON.parse(JSON.stringify(e))],userTargetElement:o,selectionHostElement:r,targetElement:e.targetElement},this.updateElementOffset(e)}}}catch(t){this.loggingService.catch("Error in SelectionService setSelectionElement: ",t)}}updateElementOffset(e){try{let{portalRef:t,userTargetElement:o,selectionHostElement:r}=this.elementSelections[e.targetElement],a=this.domService.getElementOffset(o,r);t.instance.offsetLeft=a.offsetLeft,t.instance.offsetTop=a.offsetTop}catch(t){this.loggingService.catch("Error in SelectionService updateElementOffset: ",t)}}checkElementHighlightsToRemove(e){try{let t=e.map(o=>o.targetElement);Object.keys(this.elementSelections).forEach(o=>{if(!t.includes(o)){let r=this.elementSelections[o];r&&(r.selectionHostDomPortalOutlet.detach(),this.domService.removeHighlightFromElement(r.selectionHostElement)),delete this.elementSelections[o]}})}catch(t){this.loggingService.catch("Error in SelectionService checkElementHighlightsToRemove: ",t)}}removeSelectionElement(e){try{let t=this.elementSelections[e.targetElement];t&&(t.selectionHostDomPortalOutlet.detach(),this.domService.removeHighlightFromElement(t.selectionHostElement)),delete this.elementSelections[e.targetElement]}catch(t){this.loggingService.catch("Error in SelectionService removeSelectionElement: ",t)}}getUserIdHash(e){try{return e?.userId?kt(e?.userId):null}catch(t){return this.loggingService.catch("Error in SelectionService getUserIdHash: ",t),null}}static{this.\u0275fac=function(t){return new(t||n)(Q(ui),Q(je),Q(Vt),Q(dn),Q(at),Q(Fe),Q(So),Q(It),Q(li),Q(_),Q(yn))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var tM=class extends ai{constructor(i){super(i),this.getService(_).log("%c[WB] Creating CLASS: SelectionElement","color: blue;"),this.enableLiveSelection=this._enableLiveSelection,this.disableLiveSelection=this._disableLiveSelection,this.enableUserIndicator=this._enableUserIndicator,this.disableUserIndicator=this._disableUserIndicator,this.setUserIndicatorPosition=this._setUserIndicatorPosition,this.setUserIndicatorType=this._setUserIndicatorType,this.enableDefaultElementsTracking=this._enableDefaultElementsTracking,this.disableDefaultElementsTracking=this._disableDefaultElementsTracking,this.enableDefaultStyling=this._enableDefaultStyling,this.disableDefaultStyling=this._disableDefaultStyling,this.getLiveSelectionData=this._getLiveSelectionData}_enableLiveSelection(){this.getService(_).log("%c[WB] Calling FUNCTION: _enableLiveSelection","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_LIVE_SELECTION_TRIGGERED),this.getService(vs).enableSelections(!0)}catch(i){this.getService(_).catch("Error in enableLiveSelection: ",i)}}_disableLiveSelection(){this.getService(_).log("%c[WB] Calling FUNCTION: _disableLiveSelection","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_LIVE_SELECTION_TRIGGERED),this.getService(vs).enableSelections(!1)}catch(i){this.getService(_).catch("Error in disableLiveSelection: ",i)}}_enableUserIndicator(){this.getService(_).log("%c[WB] Calling FUNCTION: enableUserIndicator","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_USER_INDICATOR_TRIGGERED),this.getService(vs).enableUserIndicator()}catch(i){this.getService(_).catch("Error in _enableUserIndicator: ",i)}}_disableUserIndicator(){this.getService(_).log("%c[WB] Calling FUNCTION: disableUserIndicator","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_USER_INDICATOR_TRIGGERED),this.getService(vs).disableUserIndicator()}catch(i){this.getService(_).catch("Error in _disableUserIndicator: ",i)}}_setUserIndicatorPosition(i){this.getService(_).log("%c[WB] Calling FUNCTION: setUserIndicatorPosition","color: green;");try{this.trackEvent(Z.Events.Selection.SET_USER_INDICATOR_POSITION_TRIGGERED,{payload:{position:i}}),this.getService(vs).setUserIndicatorPosition(i)}catch(e){this.getService(_).catch("Error in _setUserIndicatorPosition: ",e)}}_setUserIndicatorType(i){this.getService(_).log("%c[WB] Calling FUNCTION: setUserIndicatorType","color: green;");try{this.trackEvent(Z.Events.Selection.SET_USER_INDICATOR_TYPE_TRIGGERED,{payload:{type:i}}),this.getService(vs).setUserIndicatorType(i)}catch(e){this.getService(_).catch("Error in _setUserIndicatorType: ",e)}}_enableDefaultElementsTracking(){this.getService(_).log("%c[WB] Calling FUNCTION: enableDefaultElementsTracking","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_DEFAULT_ELEMENTS_TRACKING_TRIGGERED),this.getService(vs).enableDefaultElementsTracking()}catch(i){this.getService(_).catch("Error in _enableDefaultElementsTracking: ",i)}}_disableDefaultElementsTracking(){this.getService(_).log("%c[WB] Calling FUNCTION: disableDefaultElementsTracking","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_DEFAULT_ELEMENTS_TRACKING_TRIGGERED),this.getService(vs).disableDefaultElementsTracking()}catch(i){this.getService(_).catch("Error in _disableDefaultElementsTracking: ",i)}}_enableDefaultStyling(){this.getService(_).log("%c[WB] Calling FUNCTION: enableDefaultStyling","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_DEFAULT_STYLING_TRIGGERED),this.getService(vs).enableDefaultStyling()}catch(i){this.getService(_).catch("Error in _enableDefaultStyling: ",i)}}_disableDefaultStyling(){this.getService(_).log("%c[WB] Calling FUNCTION: disableDefaultStyling","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_DEFAULT_STYLING_TRIGGERED),this.getService(vs).disableDefaultStyling()}catch(i){this.getService(_).catch("Error in _disableDefaultStyling: ",i)}}_getLiveSelectionData(){this.getService(_).log("%c[WB] Calling FUNCTION: getLiveSelectionData","color: green;");try{return this.trackEvent(Z.Events.Selection.GET_LIVE_SELECTION_DATA_TRIGGERED),this.getService(vs).getSelectionsOnCurrentDocument()}catch(i){return this.getService(_).catch("Error in _getLiveSelectionData: ",i),oe(null)}}};var wa=(()=>{class n{constructor(e,t,o,r,a,s,d,p,h,b,x,P,z,Y,se){this.analyticsService=e,this.configService=t,this.docService=o,this.databaseService=r,this.authService=a,this.domService=s,this.afAuth=d,this.iamService=p,this.avatarService=h,this.contactService=b,this.storageService=x,this.dialog=P,this.loggingService=z,this.notificationService=Y,this.commonDbService=se,this.tagAnnotations$=new fe({}),this.tagAnnotationsByDocumentId$=new fe({}),this.documentPaths=null,this.db=hi(),this.allowedElementIds$=new fe([]),this.addTagMode$=new fe(!1),this.enableTextTags$=new fe(!1),this.loggingService.log("%c[WB] Creating CLASS: TagService","color: blue;"),this.databaseService.getDb().pipe(Ne(_e=>!!_e),Qe(1)).subscribe(_e=>{_e&&(this.db=_e,this.getDocumentPaths())},_e=>{this.loggingService.catch("Error in TagService getDb subscription: ",_e)}),this.domService.onWindowPointerMove$().subscribe(_e=>{if(this.addTagMode$.value){this.hightlightElement&&this.domService.removeHighlightFromElement(this.hightlightElement);let Pe=this.domService.getBackgroundElement(_e.clientX,_e.clientY);Pe&&(this.isElementInsideAllowedElements(Pe)?GO(_e.target)?this.domService.removeClassFromElement(document.body,"show-pin-cursor"):(this.domService.addClassToElement(document.body,"show-pin-cursor"),this.hightlightElement=Pe,this.domService.highlightElement(this.hightlightElement,V.CURSOR.TAG_PIN)):this.domService.removeClassFromElement(document.body,"show-pin-cursor"))}},_e=>{this.loggingService.catch("Error in TagService onWindowPointerMove$ subscription: ",_e)}),this.domService.onWindowKeyupEsc$().subscribe(_e=>{this.addTagMode$.value&&this.disableAddTagMode()},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupEsc$ subscription: ",_e)}),this.domService.onDocumentClick$().subscribe(_e=>{if(_e&&this.addTagMode$.value){if(_e.preventDefault(),_e.stopPropagation(),!GO(_e.target)){let Pe=this.domService.getBackgroundElement(_e.clientX,_e.clientY);Pe&&this.isElementInsideAllowedElements(Pe)&&this.addTag(_e)}this.disableAddTagMode()}},_e=>{this.loggingService.catch("Error in TagService onDocumentClick$ subscription: ",_e)}),this.addTagMode$.subscribe(_e=>{this.hightlightElement&&this.domService.removeHighlightFromElement(this.hightlightElement),_e?this.domService.addClassToElement(document.body,"snippyly-add-tag-mode"):(this.domService.removeClassFromElement(document.body,"snippyly-add-tag-mode"),this.domService.removeClassFromElement(document.body,"show-pin-cursor"))},_e=>{this.loggingService.catch("Error in TagService addTagMode$ subscription: ",_e)}),this.domService.onWindowKeyupBackspace$().subscribe(_e=>{this.deleteTagPinAnnotations("keyupBackspace")},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupBackspace$ subscription: ",_e)}),this.domService.onWindowKeyupDelete$().subscribe(_e=>{this.deleteTagPinAnnotations("keyupDelete")},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupDelete$ subscription: ",_e)}),this.domService.getDeleteCommmentAnnotations$().subscribe(_e=>{_e?.length&&(_e?.filter(Le=>Le.type==="tag")).forEach(Le=>J(this,null,function*(){yield this.deleteTagPinAnnotation(Le)}))},_e=>{this.loggingService.catch("Error in TagService onWindowKeyupDelete$ subscription: ",_e)})}getDocumentPaths(){this.loggingService.log("%c[WB] Calling FUNCTION: getDocumentPaths","color: green;"),this.docService.getDocumentPaths$()}getAnonymousAvatarImage(){return this.loggingService.log("%c[WB] Calling FUNCTION: getAnonymousAvatarImage","color: green;"),this.avatarService.generateUserImage()}setAllowedElementIds(e){this.allowedElementIds$.next(e||[])}getAllowedElementIds(){return this.allowedElementIds$.asObservable()}getAllTagAnnotations(e,t,o){this.loggingService.log("%c[WB] Calling FUNCTION: getAllTagAnnotations","color: green;");let r,a;try{if(e&&(a=un(e)),t&&typeof t=="object"){let s=Zo(t);r=un(JSON.stringify(s))}}catch(s){this.loggingService.catch("Error in TagService getAllTagAnnotations: ",s)}return zn(this.afAuth).pipe(Ne(s=>!!s),ge(s=>this.isFeatureAllowed({firebaseUser:s,annotations:[],filteredAnnotations:[]})),ge(s=>s.featureAllowed?this.iamService.isUserAllowed$().pipe(ce(d=>(s.featureAllowed=d,s))):oe(s)),ge(s=>s.featureAllowed?this.authService.isPlanExpired$().pipe(ce(d=>(s.featureAllowed=!d,s))):oe(s)),ge(s=>s.featureAllowed?oe(s).pipe(ge(d=>this.docService.getDocumentPaths$().pipe(ce(p=>(this.documentPaths=p,d.documentPaths=p,d)))),ge(d=>this.getDataFromDocumentId(a).pipe(ce(p=>(d.annotations=p||[],I({},d))))),ge(d=>this.docService.getLocation$().pipe(ce(p=>(d.location=p,d)))),ge(d=>this.docService.getLocations$().pipe(ce(p=>(d.customLocations=p,d)))),ce(d=>{if(d.filteredAnnotations=[],a&&!r)return d.filteredAnnotations=d.annotations?.slice(),d;{let p=[];return r?p.push(r):(p.push(d?.location?.locationId),p.push(...Object.values(d?.customLocations||[]).map(h=>h.locationId))),d.filteredAnnotations=this.filterAnnotationsByLocationIds(d?.annotations,p),d}}),ge(d=>o?oe(d):d?.annotations?.length?this.domService.onWindowResize$().pipe(ce(()=>d)):oe(d)),ge(d=>o?oe(d):d?.annotations?.length?this.domService.onDomChange$("TagService getAllTagAnnotations").pipe(ce(()=>d)):oe(d)),ce(d=>(d?.filteredAnnotations?.forEach(p=>{this.calculateTagAnnotationPosition(p)}),d)),ge(d=>d?.filteredAnnotations?oe(d?.filteredAnnotations||[]):oe([]))):oe([])))}isFeatureAllowed(e){return this.configService.getConfig$().pipe(Ne(t=>!!t),ce(t=>T(I({},e),{config:t})),ge(t=>this.authService.getUser$().pipe(ce(o=>T(I({},t),{user:o})))),ge(t=>Ki(t.config,t.user,Me.TAG)?oe(T(I({},t),{featureAllowed:!0})):(this.loggingService.warn("Tag feature is not allowed."),oe(T(I({},t),{featureAllowed:!1})))))}getDataFromDocumentId(e){return this.databaseService.getDb().pipe(Ne(t=>!!t),ge(t=>(this.db=t,this.loggingService.log(this.db),this.configService?.getApiKey()&&this.documentPaths?.tag?this.commonDbService.dbListener({feature:"allTags",properties:{documentId:e??this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,skipFirestore:!0}}).pipe(ce(o=>o?.data),ce(o=>{let r=[];return o&&(r=Object.values(o).filter(a=>typeof a=="object")),this.setTagAnnotationsByDocumentId(e||this.documentPaths?.documentId,r),r})):oe([]))))}setTagAnnotationsByDocumentId(e,t){try{e&&this.tagAnnotationsByDocumentId$.next(T(I({},this.tagAnnotationsByDocumentId$.value),{[e]:t}))}catch(o){this.loggingService.catch("Error in TagService setTagAnnotationsByDocumentId:",o)}}filterAnnotationsByLocationIds(e,t){try{return e.filter(o=>t.includes(o.locationId))}catch(o){return this.loggingService.catch("Error in TagService filterAnnotationsByLocations:",o),[]}}calculateTagAnnotationPosition(e){try{if(e.targetElement){let t=this.domService.getXPath(e.targetElement?.xpath);if(t){let o=t.iterateNext();if(o&&Io(o)){let r=o.getBoundingClientRect();if(r&&r.width&&r.height){let{height:a,width:s}=yp(o);e.position={top:a*e.targetElement.topPercentage/100,left:s*e.targetElement.leftPercentage/100}}else e.position=null}else e.position=null}else e.position=null}}catch(t){this.loggingService.catch("Error in TagService calculateTagAnnotationPosition:",t)}}filterPinAnnotations(e,t,o){this.loggingService.log("%c[WB] Calling FUNCTION: filterPinAnnotations","color: green;");try{let r=e?Object.values(e):[];r.forEach((s,d)=>{s?.annotationId&&(s.annotationIndex=d+1)});let a=[];if(t)o?a=r.filter(s=>s.locationId===o):a=r.slice();else{let s=this.docService.getLocation();s&&s.locationId?a=r.filter(d=>d.locationId===s.locationId):a=r.filter(d=>!d.locationId)}return a}catch(r){return this.loggingService.catch("Error in TagService filterPinAnnotations:",r),[]}}addTag(e,t){this.loggingService.log("%c[WB] Calling FUNCTION: addTag","color: green;");try{let o=this.authService.getUser();if(o)if(o.isReadOnly||o.isAnonymous)this.loggingService.catch("Anonymous/Readonly users cannot add tags.");else{let r=new US;r.from=o,r.color=V.DEFAULT_ANNOTATION_COLOR,r.resolved=!1,r.lastUpdated=this.timestamp;let{topPositionX:a,topPositionY:s}=this.domService.getTopLeftPosition();r.positionX=a,r.positionY=s;let d=this.domService.getCurrentWindowSizeValue();if(r.screenWidth=d.screenWidth,r.screenHeight=d.screenHeight,r.screenScrollHeight=d.screenScrollHeight,r.taggedElementPath="",e&&(r.targetElement=this.domService.getTargetElementForCursorPosition(e)),t&&(r.targetTextRange=t),r?.targetElement?.xpath){let p=this.domService.getXPath(r.targetElement.xpath);if(p){let h=p.iterateNext();h&&(Io(h)||(r.targetElement=null))}}this.setLocationToTagAnnotation(r),r.pageInfo=fi(),r.pageInfo&&(r.pageInfo.screenWidth=this.domService.getCurrentWindowSizeValue()?.screenWidth),this.saveTagToDb(r)}}catch(o){this.loggingService.catch("Error in TagService addTag: ",o)}}setLocationToTagAnnotation(e){try{let t=this.docService.getLocation();t?(e.locationId=t.locationId,e.location=t.location):(delete e.locationId,delete e.location);try{let o;e.targetElement?.xpath?o=this.domService.getElementFromXPath(e.targetElement.xpath):e.targetTextRange?.commonAncestorContainer&&(o=this.domService.getElementFromXPath(e.targetTextRange.commonAncestorContainer));let r=this.docService.getAdditionLocationFromElement(o);if(r){let a=this.docService.addLocation(r);a&&(e.locationId=a.locationId,e.location=a.location)}}catch{}}catch(t){this.loggingService.catch("Error in TagService setLocationToTagAnnotation:",t)}}saveTagToDb(e){this.loggingService.log("%c[WB] Calling FUNCTION: saveTagToDb","color: green;");try{this.authService.getUser()&&this.authService.isFeatureAllowed(Me.TAG)&&this.docService.getDocumentPaths$().pipe(Ne(t=>!!t),Qe(1),ge(t=>(this.documentPaths=t,this.loggingService.log(this.documentPaths),this.databaseService.getDb().pipe(Ne(o=>!!o),Qe(1),ge(o=>{if(this.db=o,this.loggingService.log(this.db),this.documentPaths?.tag){let r=tn(this.db,`${this.documentPaths?.tag}`);e.annotationId=this.commonDbService.generateDocumentId(),e.pageInfo&&(e.pageInfo.tagUrl=this.generateTagUrl(e));let a=JSON.parse(JSON.stringify(e));return a.position=null,this.domService.toggleAnnotationSelection(a),e.targetTextRange&&sessionStorage.setItem(V.SESSION_STORAGE.SNIPPYLY_AUTO_SELECT_ANNOTATION_ID,e.annotationId),this.analyticsService.trackEvent(Z.Events.Tag.TAG_DRAFT_ADDED,{annotationId:e.annotationId}),this.commonDbService.setData({feature:"tag",properties:{documentId:this.documentPaths?.documentId??"",organizationId:this.documentPaths?.organizationId??"",id:e.annotationId,skipFirestore:!0},data:a})}else return oe(null)}))))).subscribe(()=>{},t=>{this.loggingService.catch("Error in TagService saveTagToDb subscription: ",t)})}catch(t){this.loggingService.catch("Error in TagService saveTagToDb: ",t)}}updateTag(e,t=!1,o){try{o&&this.setLocationToTagAnnotation(e),t&&this.updateNotificationsDatabase(e,aS.UPDATED),this.updateTagToDb(e)}catch(r){this.loggingService.catch("Error in TagService updateTag: ",r)}}resolveTag(e){try{e.resolved=!0,this.domService.resetSelectedAnnotationsMap(!1),this.updateNotificationsDatabase(e,aS.RESOLVED),this.updateTagToDb(e),this.domService.updateSelectedAnnotationInMap([e]),this.analyticsService.trackEvent(Z.Events.Tag.TAG_RESOLVED,{annotationId:e.annotationId})}catch(t){this.loggingService.catch("Error in TagService resolveTag: ",t)}}updateTagToDb(e){this.loggingService.log("%c[WB] Calling FUNCTION: updateTagToDb","color: green;");try{if(e?.targetElement?.xpath){let t=this.domService.getXPath(e.targetElement.xpath);if(t){let o=t.iterateNext();o&&(Io(o)||(e.targetElement=null))}}this.domService.updateSelectedAnnotationInMap([e]),this.authService.getUser()&&this.authService.isFeatureAllowed(Me.TAG)&&this.docService.getDocumentPaths$().pipe(Ne(t=>!!t),Qe(1),ge(t=>(this.documentPaths=t,this.loggingService.log(this.documentPaths),this.databaseService.getDb().pipe(Ne(o=>!!o),Qe(1),ge(o=>{if(this.db=o,this.loggingService.log(this.db),this.documentPaths?.tag&&e?.annotationId){let r=JSON.parse(JSON.stringify(e));return r.position=null,this.commonDbService.setData({feature:"tag",properties:{documentId:this.documentPaths?.documentId??"",organizationId:this.documentPaths?.organizationId??"",id:e.annotationId,skipFirestore:!0},data:r})}else return oe(null)}))))).subscribe(()=>{},t=>{this.loggingService.catch("Error in TagService updateTagToDb subscription: ",t)})}catch(t){this.loggingService.catch("Error in TagService updateTagToDb: ",t)}}deleteTagPinAnnotations(e){try{let t=this.domService.getSelectedAnnotationsMap(),o=this.authService.getUser(),r=[];Object.keys(t).forEach(a=>J(this,null,function*(){let s=t[a];s.type==="tag"&&o&&s.from&&(o?.isAdmin||s.from.userId===o.userId)&&r.push(s)})),r?.length&&(this.analyticsService.trackEvent(Z.Events.Tag.TAG_DELETE_TRIGGERED,{triggerType:e,annotationId:r.map(a=>a.annotationId).join()}),this.dialog.open(ma,{data:{title:"Delete tag?",message:"This selected tag will be deleted.",yesButton:"Delete",noButton:"Cancel",variant:"tag"}}).afterClosed().pipe(Qe(1)).subscribe(a=>{a&&(r.forEach(s=>J(this,null,function*(){yield this.deleteTagPinAnnotation(s)})),setTimeout(()=>{document.querySelectorAll(`[${V.SNIPPYLY_HIGHLIGHT}]`).forEach(d=>{this.domService.removeHighlightFromElement(d)})},100))})),this.domService.resetSelectedAnnotationsMap(!0,"tag")}catch(t){this.loggingService.catch("Error in TagService deleteTagPinAnnotations: ",t)}}deleteTagPinAnnotation(e){return this.authService.isFeatureAllowed(Me.TAG)&&this.documentPaths?.tag&&e?.annotationId?(this.updateNotificationsDatabase(e,aS.DELETED),this.analyticsService.trackEvent(Z.Events.Tag.TAG_DELETED,{annotationId:e.annotationId}),this.commonDbService.deleteData({feature:"tag",properties:{documentId:this.documentPaths?.documentId??"",organizationId:this.documentPaths?.organizationId??"",id:e.annotationId,skipFirestore:!0}})):Promise.resolve()}enableAddTagMode(){this.authService.isFeatureAllowed(Me.TAG)?(this.analyticsService.trackEvent(Z.Events.Tag.TAG_ADD_MODE_ENABLED),this.addTagMode$.next(!0)):this.loggingService.catch("Error in TagService enableAddTagMode: ","Tag feature is not enabled.")}disableAddTagMode(){this.analyticsService.trackEvent(Z.Events.Tag.TAG_ADD_MODE_DISABLED),this.addTagMode$.next(!1)}addTagModeChange(){return this.addTagMode$.asObservable()}enableTextTags(e){this.enableTextTags$.next(e)}getEnableTextTags$(){return this.enableTextTags$.asObservable()}get timestamp(){return this.commonDbService.getServerTimestamp()}isElementInsideAllowedElements(e){try{return this.domService.isElementInsideListedElementIds(e,this.allowedElementIds$.value)}catch(t){return this.loggingService.catch("Error in TagService isElementInsideAllowedElements: ",t),!1}}attachTag(e,t=[]){let o=lr(e,t);if(o){let r=this.domService.getXPath(o),a=this.getTagPinAnnotationObject();a&&(a.targetElement={xpath:r,topPercentage:50,leftPercentage:90},this.saveTagToDb(a))}}getTagPinAnnotationObject(){let e=this.authService.getUser();if(e)if(e.isReadOnly||e.isAnonymous)this.loggingService.catch("Anonymous/Readonly users cannot add tags.");else{let t=new US;t.from=e,t.color=V.DEFAULT_ANNOTATION_COLOR,t.resolved=!1,t.lastUpdated=this.timestamp;let{topPositionX:o,topPositionY:r}=this.domService.getTopLeftPosition();t.positionX=o,t.positionY=r;let a=this.domService.getCurrentWindowSizeValue();t.screenWidth=a.screenWidth,t.screenHeight=a.screenHeight,t.screenScrollHeight=a.screenScrollHeight,t.taggedElementPath="";let s=this.docService.getLocation();return s&&(t.locationId=s.locationId,t.location=s.location),t}return null}updateNotificationsDatabase(e,t){try{let o={annotationData:e,actionType:t,notificationSource:"tag"};this.notificationService.updateNotificationDatabase(o)}catch(o){this.loggingService.catch("Error in TagService updateNotificationsDatabase: ",o)}}getUserContacts$(){return this.contactService.getUserContacts$()}addUserContact(e){this.contactService.addUserContact(e)}getTagUrl(e){try{return e?.pageInfo?.tagUrl?e.pageInfo.tagUrl:(e?.pageInfo||(e.pageInfo=fi(),e.pageInfo&&(e.pageInfo.screenWidth=this.domService.getCurrentWindowSizeValue()?.screenWidth)),e.pageInfo.tagUrl=this.generateTagUrl(e),this.updateTag(e),e.pageInfo?.tagUrl)}catch(t){this.loggingService.catch("Error in TagService getTagUrl: ",t);return}}uploadFile(e,t){let o=`${V.FIREBASE_PARTIAL_PATH_DOCS}/${this.documentPaths?.documentId}/${V.FIREBASE_PARTIAL_PATH_TAG}/${t.annotationId}`;return this.documentPaths?.organizationId&&(o=`${V.FIREBASE_PARTIAL_PATH_ORGANIZATIONS}/${this.documentPaths.organizationId}/${V.FIREBASE_PARTIAL_PATH_DOCS}/${this.documentPaths?.documentId}/${V.FIREBASE_PARTIAL_PATH_TAG}/${t.annotationId}`),this.storageService.uploadFile({path:o,file:e})}downloadAttachment(e){this.storageService.downloadAttachment(e)}deleteAttachment(e){return this.storageService.deleteAttachment({attachment:e})}generateTagUrl(e){let t=new URL(window.location.href);return t.searchParams.delete(V.URL_PARAMS.TAG_ID),t.searchParams.append(V.URL_PARAMS.TAG_ID,e.annotationId),t.href}static{this.\u0275fac=function(t){return new(t||n)(Q(Xe),Q(Vt),Q(at),Q(dn),Q(je),Q(Fe),Q(ui),Q(pn),Q(dm),Q(di),Q(Rp),Q(Gi),Q(_),Q(Ln),Q(yn))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var nM=class extends ai{constructor(i){super(i),this.getService(_).log("%c[WB] Creating CLASS: TagElement","color: blue;"),this.getAllTagAnnotations=this._getAllTagAnnotations,this.deleteTag=this._deleteTag,this.allowedElementIds=this._allowedElementIds,this.attachTag=this._attachTag,this.addTagModeChange=this._addTagModeChange}_getAllTagAnnotations(i,e){this.getService(_).log("%c[WB] Calling FUNCTION: getOnlineUsers","color: green;");try{return this.trackEvent(Z.Events.Tag.GET_ALL_TAG_ANNOTATIONS_TRIGGERED,{payload:{documentId:i,location:e}}),this.getService(wa).getAllTagAnnotations(i,e)}catch(t){return this.getService(_).catch("Error in _getLiveTagsOnCurrentDocument: ",t),oe(null)}}_deleteTag(){this.getService(_).log("%c[WB] Calling FUNCTION: deleteTag","color: green;");try{this.trackEvent(Z.Events.Tag.DELETE_TAG_TRIGGERED),this.getService(wa).deleteTagPinAnnotations("tagElement")}catch(i){this.getService(_).catch("Error in _deleteTag: ",i)}}_allowedElementIds(i){this.getService(_).log("%c[WB] Calling FUNCTION: allowedElementIds","color: green;");try{this.trackEvent(Z.Events.Tag.ALLOWED_ELEMENT_IDS_TRIGGERED,{payload:{elementIds:i}}),this.getService(wa).setAllowedElementIds(i)}catch(e){this.getService(_).catch("Error in allowedElementIds: ",e)}}_attachTag(i){this.getService(_).log("%c[WB] Calling FUNCTION: attachTag","color: green;");try{this.trackEvent(Z.Events.Tag.ATTACH_TAG_TRIGGERED,{payload:{elementId:i}}),this.getService(wa).attachTag(i,["id","data-id"])}catch(e){this.getService(_).catch("Error in _attachTag: ",e)}}_addTagModeChange(){this.getService(_).log("%c[WB] Calling FUNCTION: addTagModeChange","color: green;");try{return this.trackEvent(Z.Events.Tag.ADD_TAG_MODE_CHANGE_TRIGGERED),this.getService(wa).addTagModeChange()}catch(i){return this.getService(_).catch("Error in _addTagModeChange: ",i),oe(!1)}}};var iM=class extends ai{constructor(i){super(i),this.getService(_).log("%c[WB] Creating CLASS: ViewsElement","color: blue;"),this.getUniqueViewsByUser=this._getUniqueViewsByUser,this.getUniqueViewsByDate=this._getUniqueViewsByDate}_getUniqueViewsByUser(i){this.getService(_).log("%c[WB] Calling FUNCTION: _getUniqueViewsByUser","color: green;");try{return this.trackEvent(Z.Events.Views.GET_UNIQUE_VIEWS_BY_USER_TRIGGERED,{payload:{clientLocationId:i}}),this.getService(Ka).getUniqueViewsByUser(i)}catch(e){return this.getService(_).catch("Error in getUniqueViewsByUser: ",e),oe({})}}_getUniqueViewsByDate(i){this.getService(_).log("%c[WB] Calling FUNCTION: _getUniqueViewsByDate","color: green;");try{return this.trackEvent(Z.Events.Views.GET_UNIQUE_VIEWS_BY_DATE_TRIGGERED,{payload:{clientLocationId:i}}),this.getService(Ka).getUniqueViewsByDate(i)}catch(e){return this.getService(_).catch("Error in getUniqueViewsByDate: ",e),oe({})}}};var KS=(()=>{class n{constructor(e,t){this.docService=e,this.loggingService=t}updateDocuments(e){return J(this,null,function*(){try{return yield this.docService.updateDocuments(e)}catch(t){return this.loggingService.catch("Error in DocActionsService updateDocuments: ",t),null}})}updateLocations(e){return J(this,null,function*(){try{return yield this.docService.updateLocations(e)}catch(t){return this.loggingService.catch("Error in DocActionsService updateLocations: ",t),null}})}fetchDocuments(e){return J(this,null,function*(){try{let t=yield this.docService.fetchDocuments(e),o=[];return t.forEach(r=>{let a=r?.docIamConfig??{},s=r?.metadata??{};s.disabled=!!a?.disabled,s.id=s?.clientDocumentId,s.documentId=s?.clientDocumentId,delete s?.clientDocumentId,s.organizationId=s?.clientOrganizationId,delete s?.clientOrganizationId,delete s?.pageInfo,delete s?.veltFolderId,o.push(s)}),{data:o.reduce((r,a)=>(a?.documentId&&(r[a.documentId]=a),r),{})}}catch(t){return this.loggingService.catch("Error in CommentActionsService fetchDocuments: ",t),{data:null}}})}fetchFolders(e){return J(this,null,function*(){try{let t=yield this.docService.fetchFolders(e),o=t?.parentFolders?.map(a=>{let s=a?.metadata??{};return delete s?.veltFolderId,s.organizationId=s.clientOrganizationId,delete s?.clientOrganizationId,delete s?.veltParentFolderId,I({},s)});return{data:(t?.data?.map(a=>{let s=a?.metadata??{};return delete s?.veltFolderId,s.organizationId=s.clientOrganizationId,delete s?.clientOrganizationId,delete s?.veltParentFolderId,I(I({},s),e?.folderId?{subFolders:o}:{})})).reduce((a,s)=>(s?.folderId&&(a[s.folderId]=s),a),{})}}catch(t){return this.loggingService.catch("Error in CommentActionsService fetchFolders: ",t),{data:null}}})}static{this.\u0275fac=function(t){return new(t||n)(Q(at),Q(_))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var oM=(()=>{class n{constructor(e,t,o,r,a){this.authService=e,this.coreActionsService=t,this.docService=o,this.iamService=r,this.loggingService=a,this.veltInitState$=new fe(void 0);try{this.loggingService.log("%c[WB] Creating CLASS: VeltService","color: blue;");let s=this.authService.getUser$(),d=this.docService.getDocumentPaths$(),p=this.iamService.isUserAllowed$();Tn([s,d,p]).subscribe(([h,b,x])=>{h&&b&&x?this.veltInitState$.next(!0):this.veltInitState$.next(!1)}),this.getVeltInitState$().subscribe(h=>{this.coreActionsService.triggerAction(dd.DOCUMENT_INIT,h)})}catch(s){this.loggingService.catch("Error in VeltService constructor: ",s)}}getVeltInitState$(){try{return this.veltInitState$.asObservable().pipe(qt())}catch(e){return this.loggingService.catch("Error in VeltService getVeltInitState$: ",e),oe(void 0)}}static{this.\u0275fac=function(t){return new(t||n)(Q(je),Q(Pp),Q(at),Q(pn),Q(_))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var rM=class{constructor(i){this.injector=i,this.initConfig=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: initConfig","color: green;");try{e?typeof e!="string"?this.getService(_).catch("Error in initConfig: ","Apikey must be string."):e?.trim()?this.getService(je).setApiKey(e?.trim(),t):this.getService(_).catch("Error in initConfig: ","Apikey is not provided."):this.getService(_).catch("Error in initConfig: ","Apikey is not provided.")}catch(o){this.getService(_).catch("Error in initConfig: ",o)}},this.identify=(e,t,o)=>(this.getService(_).log("%c[WB] Calling FUNCTION: identify","color: green;"),new Promise((r,a)=>{try{typeof e=="object"&&(e=JSON.parse(JSON.stringify(e)));let s=this.getService(Vt).getApiKey(),d=av(s,e.userId);if(o?.ha||this.getService(Xe).trackEvent(Z.Events.Core.IDENTIFY,{apiKey:s,clientUserId:e.userId,snippylyUserId:d,forceReset:t?.forceReset,user:this.getService(je).getUserWithoutContacts(e),source:"client"},!0,d),!(e&&e.userId))this.getService(_).catch("Error in identify: ","Missing userId in config data."),r(null);else if(typeof e.userId!="string")this.getService(_).catch("Error in identify: ","userId must be string."),r(null);else if(e?.groupId&&typeof e?.groupId!="string")this.getService(_).catch("Error in identify: ","groupId must be string."),r(null);else{if(e?.groupId)if(e?.groupId?.match(/^[a-zA-Z0-9_]*$/))e.clientGroupId=e.groupId;else{let h=e.groupId;e.clientGroupId=h,e.groupId=kt(h)}if(e?.organizationId){let h=e.organizationId;e.clientOrganizationId=h,e.organizationId=kt(h)}delete e.isAdmin;let p=V.REGEX_URL;if(e?.name&&p.test(e?.name))throw new Error("Invalid name.");e.clientUserName=e.name,e?.name&&e?.name?.length>20&&(e.name=e.name.slice(0,20)),this.getService(je).initializeClient(e,t||{},new Date().getTime(),void 0,"external").then(h=>{let b;try{h&&(b=JSON.parse(JSON.stringify(h)))}catch{}r(b)}).catch(h=>{this.getService(_).catch("Error in identify: ",h),r(null)})}}catch(s){this.getService(_).catch("Error in identify: ",s),r(null)}})),this.updateUser=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateUser","color: green;");try{if(this.getService(_).catch("DEPRECATED: ","'updateUser' method is deprecated."),e&&typeof e=="object"){if(e=JSON.parse(JSON.stringify(e)),e?.groupId)if(e?.groupId?.match(/^[a-zA-Z0-9_]*$/))e.clientGroupId=e.groupId;else{let t=e.groupId;e.clientGroupId=t,e.groupId=kt(t)}delete e.isAdmin,this.getService(je).updateUser(e)}else this.getService(_).catch("Error in updateUser: ","Invalid user object provided.")}catch(t){this.getService(_).catch("Error in updateUser: ",t)}},this.signOutUser=e=>(this.getService(_).log("%c[WB] Calling FUNCTION: signOutUser","color: green;"),e?.ha||this.trackEvent(Z.Events.Core.SIGN_OUT_USER_TRIGGERED),new Promise((t,o)=>J(this,null,function*(){try{yield this.getService(je).signOutUser("external"),t(null)}catch(r){this.getService(_).catch("Error in signOutUser: ",r),t(null)}}))),this.setDocument=(e,t,o)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDocument","color: green;");try{o?.ha||this.trackEvent(Z.Events.Core.SET_DOCUMENT_TRIGGERED,{payload:{id:e,documentMetadata:t}}),e&&e.trim()?(t&&(typeof t=="object"?t=JSON.parse(JSON.stringify(t)):this.getService(_).catch("Error in setDocument: ","Invalid documentMetadata provided.")),this.getService(at).setDocument(e,t)):this.getService(_).catch("Error in setDocument: ","Invalid document id provided.")}catch(r){this.getService(_).catch("Error in setDocument: ",r)}},this.setDocumentId=(e,t,o)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDocumentId","color: green;");try{if(o?.ha||this.trackEvent(Z.Events.Core.SET_DOCUMENT_ID_TRIGGERED,{payload:{id:e,organizationId:t}}),e&&e.trim())return this.getService(at).setDocumentId(e,t);this.getService(_).catch("Error in setDocumentId: ","Invalid document id provided.")}catch(r){this.getService(_).catch("Error in setDocumentId: ",r)}},this.setDocuments=(e,t,o)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDocuments","color: green;");try{o?.ha||this.trackEvent(Z.Events.Core.SET_DOCUMENTS_TRIGGERED,{payload:{documents:e,options:t}}),typeof e=="object"&&e instanceof Array?(e=JSON.parse(JSON.stringify(e)),e=e.filter(r=>typeof r=="object"&&r!==null&&r.id?.trim()),e.length?this.getService(at).setDocuments(e,t):this.getService(_).catch("Error in setDocuments: ","Invalid documents provided.")):this.getService(_).catch("Error in setDocuments: ","Invalid documents provided.")}catch(r){this.getService(_).catch("Error in setDocuments: ",r)}},this.unsetDocumentId=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: unsetDocumentId","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.UNSET_DOCUMENT_ID_TRIGGERED),this.getService(at).unsetDocumentId("external")}catch(t){this.getService(_).catch("Error in unsetDocumentId: ",t)}},this.unsetDocuments=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: unsetDocuments","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.UNSET_DOCUMENTS_TRIGGERED),this.getService(at).unsetDocuments("external")}catch(t){this.getService(_).catch("Error in unsetDocuments: ",t)}},this.fetchDocuments=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: fetchDocuments","color: green;");try{return t?.ha||this.trackEvent(Z.Events.Core.FETCH_DOCUMENTS_TRIGGERED,{payload:{options:e}}),this.getService(KS).fetchDocuments(e)}catch(o){return this.getService(_).catch("Error in fetchDocuments: ",o),Promise.resolve({data:null})}},this.updateDocuments=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateDocuments","color: green;");try{return t?.ha||this.trackEvent(Z.Events.Core.UPDATE_DOCUMENTS_TRIGGERED,{payload:{request:e}}),this.getService(KS).updateDocuments(e)}catch(o){return this.getService(_).catch("Error in updateDocuments: ",o),Promise.resolve({data:null})}},this.updateLocations=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateLocations","color: green;");try{return t?.ha||this.trackEvent(Z.Events.Core.UPDATE_LOCATIONS_TRIGGERED,{payload:{request:e}}),this.getService(KS).updateLocations(e)}catch(o){return this.getService(_).catch("Error in updateLocations: ",o),Promise.resolve({data:null})}},this.fetchFolders=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: fetchFolders","color: green;");try{return t?.ha||this.trackEvent(Z.Events.Core.FETCH_FOLDERS_TRIGGERED,{payload:{options:e}}),this.getService(KS).fetchFolders(e)}catch(o){return this.getService(_).catch("Error in fetchFolders: ",o),Promise.resolve({data:null})}},this.setUserDataProvider=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setUserDataProvider","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.SET_USER_DATA_PROVIDER_TRIGGERED),this.getService(jn).setUserDataProvider(e)}catch(o){this.getService(_).catch("Error in setUserDataProvider: ",o)}},this.setDataProviders=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setDataProviders","color: green;");try{if(t?.ha||this.trackEvent(Z.Events.Core.SET_DATA_PROVIDERS_TRIGGERED),e.comment&&this.getService(Da).setCommentAnnotationDataProvider(e.comment),e.user&&this.getService(jn).setUserDataProvider(e.user),e.reaction&&this.getService(pm).setReactionAnnotationDataProvider(e.reaction),e.attachment)if(e.comment)this.getService(kp).setAttachmentDataProvider(e.attachment);else throw new Error("Comment data provider is required for attachment data provider")}catch(o){this.getService(_).catch("Error in setDataProviders: ",o)}},this.getDocumentId=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getDocumentId","color: green;");try{return e?.ha||this.trackEvent(Z.Events.Core.GET_DOCUMENT_ID_TRIGGERED),this.getService(at).getDocumentId()}catch(t){this.getService(_).catch("Error in getDocumentId: ",t)}},this.setLocation=(e,t,o)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setLocation","color: green;");try{o?.ha||this.trackEvent(Z.Events.Core.SET_LOCATION_TRIGGERED,{payload:{params:e,appendLocation:t}}),e&&typeof e=="object"?t?this.getService(at).addLocation(e):this.getService(at).setLocation(e):this.getService(_).catch("Error in setLocation: ","Invalid location params provided.")}catch(r){this.getService(_).catch("Error in setLocation: ",r)}},this.addLocation=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: addLocation","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.ADD_LOCATION_TRIGGERED,{payload:{params:e}}),e&&typeof e=="object"?this.getService(at).addLocation(e):this.getService(_).catch("Error in addLocation: ","Invalid location params provided.")}catch(o){this.getService(_).catch("Error in addLocation: ",o)}},this.setScrollableElementsIds=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: setScrollableElementsIds","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.SET_SCROLLABLE_ELEMENTS_IDS_TRIGGERED,{payload:{ids:e}}),e?this.getService(Fe).setScrollableElementsIds(e):this.getService(_).catch("Error in setScrollableElementsIds: ","Invalid ids provided.")}catch(o){this.getService(_).catch("Error in setScrollableElementsIds: ",o)}},this.removeLocation=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: removeLocation","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.REMOVE_LOCATION_TRIGGERED,{payload:{location:e}}),this.getService(at).removeLocation(e,"external")}catch(o){this.getService(_).catch("Error in removeLocation: ",o)}},this.excludeLocationIds=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: excludeLocationIds","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.EXCLUDE_LOCATION_IDS_TRIGGERED,{payload:{ids:e}}),typeof e=="object"&&e instanceof Array&&(e=e.filter(o=>typeof o=="string"),this.getService(at).excludeLocationIds(e))}catch(o){this.getService(_).catch("Error in excludeLocationIds: ",o)}},this.updateContactList=(e,t,o)=>{this.getService(_).log("%c[WB] Calling FUNCTION: updateContactList","color: green;");try{o?.ha||this.trackEvent(Z.Events.Core.UPDATE_CONTACT_LIST_TRIGGERED,{payload:{userContacts:e,config:t}}),typeof e=="object"&&e instanceof Array&&(!t||t&&typeof t=="object")&&(e=JSON.parse(JSON.stringify(e)),this.getService(di).updateContactList(e,t))}catch(r){this.getService(_).catch("Error in updateContactList: ",r)}},this.removeScrollableElementsIds=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: removeScrollableElementsIds","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.REMOVE_SCROLLABLE_ELEMENTS_IDS_TRIGGERED),this.getService(Fe).removeScrollableElementsIds()}catch(t){this.getService(_).catch("Error in removeScrollableElementsIds: ",t)}},this.getPresenceElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getPresenceElement","color: green;");try{let t=new ZP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getPresenceElement: ",t),null}},this.getCursorElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getCursorElement","color: green;");try{let t=new GP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getCursorElement: ",t),null}},this.getCommentElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getCommentElement","color: green;");try{let t=new VP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getCommentElement: ",t),null}},this.getTagElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getTagElement","color: green;");try{let t=new nM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getTagElement: ",t),null}},this.getSelectionElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getSelectionElement","color: green;");try{let t=new tM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getSelectionElement: ",t),null}},this.getRecorderElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getRecorderElement","color: green;");try{let t=new QP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getRecorderElement: ",t),null}},this.getContactElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getContactElement","color: green;");try{let t=new UP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getContactElement: ",t),null}},this.getRewriterElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getRewriterElement","color: green;");try{let t=new eM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getRewriterElement: ",t),null}},this.getHuddleElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getHuddleElement","color: green;");try{let t=new qP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getHuddleElement: ",t),null}},this.getLiveStateSyncElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getLiveStateSyncElement","color: green;");try{let t=new YP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getLiveStateSyncElement: ",t),null}},this.getArrowElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getArrowElement","color: green;");try{let t=new FP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getArrowElement: ",t),null}},this.getViewsElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getViewsElement","color: green;");try{let t=new iM(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getViewsElement: ",t),null}},this.getNotificationElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getNotificationElement","color: green;");try{let t=new KP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getNotificationElement: ",t),null}},this.getAutocompleteElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getAutocompleteElement","color: green;");try{let t=new BP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getAutocompleteElement: ",t),null}},this.getDocElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getDocElement","color: green;");try{let t=new WP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getDocElement: ",t),null}},this.getAreaElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getAreaElement","color: green;");try{let t=new RP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getAreaElement: ",t),null}},this.getReactionElement=e=>{this.getService(_).log("%c[WB] Calling FUNCTION: getReactionElement","color: green;");try{let t=new XP(this.injector);return e?.ha&&t.ha(e.ha),t}catch(t){return this.getService(_).catch("Error in getReactionElement: ",t),null}},this.getMetadata=e=>J(this,null,function*(){try{return e?.ha||this.trackEvent(Z.Events.Core.GET_METADATA_TRIGGERED),this.getService(um).getGlobalMetadata()}catch(t){return this.getService(_).catch("Error in getMetadata: ",t),null}}),this.disableFeatures=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.DISABLE_FEATURES_TRIGGERED,{payload:{features:e}}),this.getService(Vt).disableFeatures(e)}catch(o){this.getService(_).catch("Error in disableFeatures: ",o)}},this.setDarkMode=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.SET_DARK_MODE_TRIGGERED,{payload:{value:e}}),this.getService(qe).setDarkMode(e)}catch(o){this.getService(_).catch("Error in setDarkMode: ",o)}},this.enableLogs=e=>{try{e?.ha||this.trackEvent(Z.Events.Core.ENABLE_LOGS_TRIGGERED),this.getService(Vt).enableLogs()}catch(t){this.getService(_).catch("Error in enableLogs: ",t)}},this.disableLogs=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.DISABLE_LOGS_TRIGGERED),this.getService(Vt).disableLogs(e)}catch(o){this.getService(_).catch("Error in disableLogs: ",o)}},this.isUserAllowed$=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.IS_USER_ALLOWED_TRIGGERED),this.getService(pn).isUserAllowed$()}catch(t){return this.getService(_).catch("Error in isUserAllowed$: ",t),oe(!1)}},this.getUser=e=>{try{e?.ha||this.trackEvent(Z.Events.Core.GET_USER_TRIGGERED);let t=this.getService(je).getUser();if(t&&typeof t=="object"){let o=JSON.parse(JSON.stringify(t));return o?.clientOrganizationId&&(o.organizationId=o.clientOrganizationId,delete o.clientOrganizationId),o?.clientGroupId&&(o.groupId=o.clientGroupId,delete o.clientGroupId),delete o.userSnippylyId,o}else return null}catch(t){return this.getService(_).catch("Error in getUser: ",t),null}},this.getUserRole$=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.GET_USER_ROLE_TRIGGERED),this.getService(pn).getRole$()}catch(t){return this.getService(_).catch("Error in getUserRole$: ",t),oe("")}},this.getFeaturesAccessLevelIam$=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.GET_FEATURES_ACCESS_LEVEL_IAM_TRIGGERED),this.getService(pn).getFeaturesAccessLevel$()}catch(t){return this.getService(_).catch("Error in getFeaturesAccessLevel$: ",t),oe(void 0)}},this.isPlanExpired$=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.IS_PLAN_EXPIRED_TRIGGERED),this.getService(je).isPlanExpired$()}catch(t){return this.getService(_).catch("Error in isPlanExpired$: ",t),oe(!1)}},this.getCustomerMetadata$=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.GET_CUSTOMER_METADATA_TRIGGERED),this.getService(at).getCustomerMetadata$()}catch(t){return this.getService(_).catch("Error in getCustomerMetadata$: ",t),oe(null)}},this.getDocumentMetadata=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.GET_DOCUMENT_METADATA_TRIGGERED),this.getService(at).getDocumentMetadata$()}catch(t){return this.getService(_).catch("Error in getDocumentMetadata: ",t),oe(null)}},this.getVeltInitState=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.GET_VELT_INIT_STATE_TRIGGERED),this.getService(oM).getVeltInitState$()}catch(t){return this.getService(_).catch("Error in getVeltInitState: ",t),oe(void 0)}},this.removeVeltContent=(e,t)=>{try{return t?.ha||this.trackEvent(Z.Events.Core.REMOVE_VELT_CONTENT_TRIGGERED),this.getService(Fe).removeSnippylyContent(e)}catch(o){return this.getService(_).catch("Error in removeVeltContent: ",o),""}},this.injectCustomCss=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.INJECT_CUSTOM_CSS_TRIGGERED),this.getService(_).log("%c[WB] Calling FUNCTION: injectCustomCss","color: green;"),this.getService(Fe).setCustomCss(e)}catch(o){this.getService(_).catch("Error in injectCustomCss: ",o)}},this.setLanguage=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.SET_LANGUAGE_TRIGGERED,{payload:{language:e}}),this.getService($s).setLanguage(e)}catch(o){this.getService(_).catch("Error in setLanguage: ",o)}},this.setTranslations=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.SET_TRANSLATIONS_TRIGGERED,{payload:{translations:e}}),this.getService($s).setTranslations(e)}catch(o){this.getService(_).catch("Error in setTranslations: ",o)}},this.enableAutoTranslation=e=>{try{e?.ha||this.trackEvent(Z.Events.Core.ENABLE_AUTO_TRANSLATION_TRIGGERED),this.getService($s).enableAutoTranslation()}catch(t){this.getService(_).catch("Error in enableAutoTranslation: ",t)}},this.disableAutoTranslation=e=>{try{e?.ha||this.trackEvent(Z.Events.Core.DISABLE_AUTO_TRANSLATION_TRIGGERED),this.getService($s).disableAutoTranslation()}catch(t){this.getService(_).catch("Error in disableAutoTranslation: ",t)}},this.sf=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.SF_TRIGGERED,{payload:{value:e}}),e?(document.querySelector(V.TAGS.SNIPPYLY_PLUGIN)||document.querySelector(V.TAGS.SUPERFLOW_TOOLBAR))&&this.getService(Vt).setSF(e):this.getService(Vt).setSF(e)}catch(o){this.getService(_).catch("Error in sf: ",o)}},this.st=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.ST_TRIGGERED,{payload:{value:e}}),this.getService(Vt).setSdkType(e)}catch(o){this.getService(_).catch("Error in st: ",o)}},this.getService=e=>this.injector.get(e),this.on=(e,t)=>{this.getService(_).log("%c[WB] Calling FUNCTION: on","color: green;");try{return t?.ha||this.trackEvent(Z.Events.Core.ON_ACTION_TRIGGERED,{payload:{action:e}}),this.getService(Pp).onAction(e)}catch(o){return this.getService(_).catch("Error in on: ",o),oe(null)}},this.setUiState=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.SET_UI_STATE_TRIGGERED,{payload:{uiState:e}}),this.getService(at).setUIState(e)}catch(o){this.getService(_).catch("Error in setUiState: ",o)}},this.getUiState=e=>{try{return e?.ha||this.trackEvent(Z.Events.Core.GET_UI_STATE_TRIGGERED),this.getService(at).getUIState$()}catch(t){return this.getService(_).catch("Error in getUiState: ",t),oe({})}},this.resetVeltButtonState=(e,t)=>{try{t?.ha||this.trackEvent(Z.Events.Core.RESET_VELT_BUTTON_STATE_TRIGGERED,{payload:{config:e}}),this.getService(Wv).resetVeltButtonState(e)}catch(o){this.getService(_).catch("Error in resetVeltButtonState: ",o)}},this.getService(_).log("%c[WB] Creating CLASS: Snippyly","color: blue;")}trackEvent(i,e={},t=!0){try{e||(e={}),e=T(I({},e),{source:"external"}),this.getService(Xe).trackAuthenticatedEvent(i,e,t)}catch(o){this.getService(_).catch("Error in _trackEvent: ",o);return}}};var kse=(()=>{class n{constructor(){this.veltElement=!0}ngOnInit(){}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275cmp=O({type:n,selectors:[["app-external-styles"]],hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},standalone:!1,decls:0,vars:0,template:function(t,o){},styles:[`.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}html{--velt-base-rem-unit: 1}velt-wireframe{display:none!important}:root{--legacy-velt-neutral-0: #000000;--legacy-velt-neutral-1: #141416;--legacy-velt-neutral-2: #23262F;--legacy-velt-neutral-3: #353945;--legacy-velt-neutral-4: #777E90;--legacy-velt-neutral-5: #B1B5C3;--legacy-velt-neutral-6: #E6E8EC;--legacy-velt-neutral-7: #F4F5F6;--legacy-velt-neutral-8: #FCFCFD;--legacy-velt-neutral-9: #FFFFFF;--legacy-velt-dark-1: #141416;--legacy-velt-dark-2: #222226;--legacy-velt-dark-3: #303034;--legacy-velt-dark-4: #404044;--legacy-velt-dark-5: #59595F;--legacy-velt-dark-6: #80808A;--legacy-velt-dark-7: #91919C;--legacy-velt-dark-8: #E5E5E9;--legacy-velt-primary-color: var(--legacy-velt-dark-1);--legacy-velt-primary-dark-color: var(--legacy-velt-dark-8);--legacy-velt-secondary-color: var(--legacy-velt-neutral-4);--legacy-velt-secondary-dark-color: var(--legacy-velt-dark-7);--legacy-velt-bg-color: var(--legacy-velt-neutral-8);--legacy-velt-bg-dark-color: var(--legacy-velt-dark-1);--legacy-velt-border-color: var(--legacy-velt-neutral-6);--legacy-velt-border-dark-color: var(--legacy-velt-dark-3);--legacy-velt-grey-2-color: #D4D6DF;--legacy-velt-grey-2-dark-color: var(--legacy-velt-dark-4);--legacy-velt-grey-4-color: #989898;--legacy-velt-grey-4-dark-color: var(--legacy-velt-dark-6);--legacy-velt-status-open-color: #625DF5;--legacy-velt-status-in-progress-color: #ECB000;--legacy-velt-status-resolved-color: #00C48C;--legacy-velt-purple: #625DF5;--legacy-velt-orange: #ECB000;--legacy-velt-green: #0DCF82;--legacy-velt-blue: #0d6efd;--legacy-velt-primary-btn-color: var(--legacy-velt-purple);--legacy-velt-hyperlink-color: var(--legacy-velt-purple);--legacy-velt-grey-btn-color: var(--legacy-velt-neutral-5);--legacy-velt-header-btn-color: var(--legacy-velt-neutral-3);--legacy-velt-dropdown-item-color: var(--legacy-velt-neutral-2);--legacy-velt-avatar-size: 2rem;--velt-default-font-family: sans-serif;--Icon-Size-Small: 12px;--Icon-Size-Medium: 16px;--Icon-Size-Large: 24px}:root[data-velt-theme=dark]{--legacy-velt-primary-color: var(--legacy-velt-primary-dark-color);--legacy-velt-secondary-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-bg-color: var(--legacy-velt-bg-dark-color);--legacy-velt-border-color: var(--legacy-velt-border-dark-color);--legacy-velt-grey-2-color: var(--legacy-velt-grey-2-dark-color);--legacy-velt-grey-4-color: var(--legacy-velt-grey-4-dark-color);--legacy-velt-primary-btn-color: var(--legacy-velt-border-dark-color);--legacy-velt-hyperlink-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-grey-btn-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-header-btn-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-dropdown-item-color: var(--legacy-velt-secondary-dark-color)}:root{--legacy-velt-tool-padding: 6px;--legacy-velt-tool-icon-size: 1.5rem;--legacy-velt-tool-icon-color: var(--legacy-velt-neutral-4);--legacy-velt-tool-border-radius: 50px;--legacy-velt-tool-border-color: transparent;--legacy-velt-tool-border: 2px solid var(--legacy-velt-tool-border-color);--legacy-velt-tool-bg-color: transparent;--legacy-velt-tool-focus-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-focus-icon-color: var(--legacy-velt-tool-icon-color);--legacy-velt-tool-focus-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-focus-border-color: var(--legacy-velt-neutral-7);--legacy-velt-tool-focus-border: 2px solid var(--legacy-velt-tool-focus-border-color);--legacy-velt-tool-focus-bg-color: var(--legacy-velt-tool-bg-color);--legacy-velt-tool-hover-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-hover-icon-color: var(--legacy-velt-neutral-3);--legacy-velt-tool-hover-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-hover-border-color: var(--legacy-velt-neutral-7);--legacy-velt-tool-hover-border: 2px solid var(--legacy-velt-tool-hover-border-color);--legacy-velt-tool-hover-bg-color: var(--legacy-velt-neutral-7);--legacy-velt-tool-active-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-active-icon-color: var(--legacy-velt-neutral-9);--legacy-velt-tool-active-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-active-border-color: var(--legacy-velt-purple);--legacy-velt-tool-active-border: 2px solid var(--legacy-velt-tool-active-border-color);--legacy-velt-tool-active-bg-color: var(--legacy-velt-purple)}:root[data-velt-theme=dark],:root:not(data-velt-theme) velt-comment-tool[dark],:root:not(data-velt-theme) velt-sidebar-button[dark],:root:not(data-velt-theme) velt-arrow-tool[dark],:root:not(data-velt-theme) velt-reaction-tool[dark],:root:not(data-velt-theme) velt-huddle-tool[dark],:root:not(data-velt-theme) velt-recorder-tool[dark],:root:not(data-velt-theme) velt-user-invite-tool[dark],:root:not(data-velt-theme) velt-user-request-tool[dark],:root:not(data-velt-theme) velt-notifications-tool[dark],:root:not(data-velt-theme) app-recorder-all-tool-menu[dark],:root:not(data-velt-theme) snippyly-recording-preview-steps-dialog[dark],:root:not(data-velt-theme) snippyly-recorder-control-panel-internal[dark],:root:not(data-velt-theme) snippyly-recorder-player-internal[dark],:root:not(data-velt-theme) velt-expanded-video-player[dark]:root:not(data-velt-theme) app-transcription-panel[dark]{--legacy-velt-tool-icon-size: 1.5rem;--legacy-velt-tool-icon-color: var(--legacy-velt-neutral-4);--legacy-velt-tool-border-radius: 50px;--legacy-velt-tool-border-color: transparent;--legacy-velt-tool-border: 2px solid var(--legacy-velt-tool-border-color);--legacy-velt-tool-bg-color: transparent;--legacy-velt-tool-focus-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-focus-icon-color: var(--legacy-velt-tool-icon-color);--legacy-velt-tool-focus-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-focus-border-color: var(--legacy-velt-neutral-2);--legacy-velt-tool-focus-border: 2px solid var(--legacy-velt-tool-focus-border-color);--legacy-velt-tool-focus-bg-color: var(--legacy-velt-tool-bg-color);--legacy-velt-tool-hover-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-hover-icon-color: var(--legacy-velt-neutral-5);--legacy-velt-tool-hover-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-hover-border-color: var(--legacy-velt-neutral-1);--legacy-velt-tool-hover-border: 2px solid var(--legacy-velt-tool-hover-border-color);--legacy-velt-tool-hover-bg-color: var(--legacy-velt-neutral-1);--legacy-velt-tool-active-icon-size: var(--legacy-velt-tool-icon-size);--legacy-velt-tool-active-icon-color: var(--legacy-velt-neutral-9);--legacy-velt-tool-active-border-radius: var(--legacy-velt-tool-border-radius);--legacy-velt-tool-active-border-color: var(--legacy-velt-purple);--legacy-velt-tool-active-border: 2px solid var(--legacy-velt-tool-active-border-color);--legacy-velt-tool-active-bg-color: var(--legacy-velt-purple)}snippyly-user-avatar,velt-user-avatar{--legacy-velt-user-avatar-size: var(--legacy-velt-avatar-size);--legacy-velt-user-avatar-initial-font-size: .8}snippyly-follow-overlay,velt-follow-overlay{--legacy-velt-follow-overlay-bg-color: var(--legacy-velt-bg-color);--legacy-velt-follow-overlay-text-color: var(--legacy-velt-primary-color);--legacy-velt-follow-overlay-btn-color: var(--legacy-velt-neutral-6);--legacy-velt-follow-overlay-btn-hover-color: var(--legacy-velt-neutral-5);--legacy-velt-follow-overlay-border-color: var(--legacy-velt-border-color)}snippyly-follow-overlay[dark],velt-follow-overlay[dark]{--legacy-velt-follow-overlay-bg-color: var(--legacy-velt-bg-dark-color);--legacy-velt-follow-overlay-text-color: var(--legacy-velt-primary-dark-color);--legacy-velt-follow-overlay-border-color: var(--legacy-velt-border-dark-color)}snippyly-presence,velt-presence,velt-presence-tooltip{--legacy-velt-presence-avatar-size: 1.5rem;--legacy-velt-presence-primary-text-color: var(--legacy-velt-primary-color);--legacy-velt-presence-secondary-text-color: var(--legacy-velt-secondary-color);--legacy-velt-presence-tooltip-bg-color: var(--legacy-velt-bg-color);--legacy-velt-presence-tooltip-border-color: var(--legacy-velt-border-color);--legacy-velt-presence-more-users-color: var(--legacy-velt-grey-2-color)}snippyly-presence[dark],velt-presence[dark],velt-presence-tooltip[dark]{--legacy-velt-presence-primary-text-color: var(--legacy-velt-primary-dark-color);--legacy-velt-presence-secondary-text-color: var(--legacy-velt-secondary-dark-color);--legacy-velt-presence-tooltip-bg-color: var(--legacy-velt-bg-dark-color);--legacy-velt-presence-tooltip-border-color: var(--legacy-velt-border-dark-color);--legacy-velt-presence-more-users-color: var(--legacy-velt-grey-2-dark-color)}snippyly-cursor,velt-cursor{--legacy-velt-cursor-avatar-size: var(--legacy-velt-avatar-size);--legacy-velt-cursor-video-size: 4.2rem}snippyly-reaction-tool,velt-reaction-tool,app-reaction-tool{--legacy-velt-reaction-tool-icon-size: 2rem;--legacy-velt-reaction-tool-border-radius: 50px;--legacy-velt-reaction-tool-icon-color: #8F95B2;--legacy-velt-reaction-tool-hover-bg-color: #EAE8F9;--legacy-velt-reaction-tool-active-fill-color: white;--legacy-velt-reaction-tool-active-bg-color: var(--legacy-velt-purple)}snippyly-reaction-tool[dark],velt-reaction-tool[dark],app-reaction-tool[dark]{--legacy-velt-reaction-tool-icon-size: 2rem;--legacy-velt-reaction-tool-border-radius: 50px;--legacy-velt-reaction-tool-icon-color: #EAE8F9;--legacy-velt-reaction-tool-hover-bg-color: #8F95B2;--legacy-velt-reaction-tool-active-fill-color: white;--legacy-velt-reaction-tool-active-bg-color: var(--legacy-velt-purple)}velt-view-analytics-dialog{--legacy-velt-view-analytics-dialog-bg-color: #FFF;--legacy-velt-view-analytics-dialog-border-radius: 12px;--legacy-velt-view-analytics-dialog-border: 1px solid rgba(0, 0, 0, .08);--legacy-velt-view-analytics-dialog-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, .12);--legacy-velt-view-analytics-dialog-padding: 8px;--legacy-velt-view-analytics-dialog-total-views-count-color: #111;--legacy-velt-view-analytics-dialog-total-views-text-color: #625DF5;--legacy-velt-view-analytics-dialog-today-views-text-color: #848297;--legacy-velt-view-analytics-dialog-views-container-bg-color: #F4F3FF;--legacy-velt-view-analytics-dialog-user-name-color: #4C5366;--legacy-velt-view-analytics-dialog-user-timestamp-color: #959595;--legacy-velt-view-analytics-dialog-back-btn-color: #8F95B2}velt-view-analytics-dialog[dark]{--legacy-velt-view-analytics-dialog-bg-color: #131229;--legacy-velt-view-analytics-dialog-border-radius: 12px;--legacy-velt-view-analytics-dialog-border: 1px solid rgba(255, 255, 255, .08);--legacy-velt-view-analytics-dialog-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, .12);--legacy-velt-view-analytics-dialog-padding: 8px;--legacy-velt-view-analytics-dialog-total-views-count-color: #FFF;--legacy-velt-view-analytics-dialog-total-views-text-color: #9491F8;--legacy-velt-view-analytics-dialog-today-views-text-color: #848297;--legacy-velt-view-analytics-dialog-views-container-bg-color: rgba(244, 243, 255, .06);--legacy-velt-view-analytics-dialog-user-name-color: #FFF;--legacy-velt-view-analytics-dialog-user-timestamp-color: rgba(255, 255, 255, .4)}velt-reaction-pin-tooltip-internal{--Surface-Neutral-0: #FFF;--Surface-Neutral-2: #F5F5F5;--Surface-Neutral-3: #F0F0F0;--Text-Neutral-0: #0A0A0A;--Text-Neutral-3: #292929;--Text-Neutral-5: #525252;--Text-Neutral-9: #999;--Text-Brand-Primary: #625DF5}velt-reaction-pin-tooltip-internal[dark]{--Surface-Neutral-0: #0F0F0F;--Surface-Neutral-2: #1F1F1F;--Surface-Neutral-3: #2F2F2F;--Text-Neutral-0: #FFF;--Text-Neutral-3: #E0E0E0;--Text-Neutral-5: #C2C2C2;--Text-Neutral-9: #ADADAD;--Text-Brand-Primary: #9491F8}:root{--velt-border-radius-2xs: calc((.125rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-xs: calc((.25rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-sm: calc((.5rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-md: calc((.75rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-lg: calc((1rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-xl: calc((1.25rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-2xl: calc((1.5rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-3xl: calc((2rem + 0px) * var(--velt-base-rem-unit));--velt-border-radius-full: calc((5rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-2xs: calc((.125rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-xs: calc((.25rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-sm: calc((.5rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-md: calc((.75rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-lg: calc((1rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-xl: calc((1.25rem + 0px) * var(--velt-base-rem-unit));--velt-spacing-2xl: calc((1.5rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-2xs: calc((.625rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-xs: calc((.75rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-sm: calc((.875rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-md: calc((1rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-lg: calc((1.5rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-xl: calc((1.75rem + 0px) * var(--velt-base-rem-unit));--velt-font-size-2xl: calc((2rem + 0px) * var(--velt-base-rem-unit));--velt-light-mode-green: #0DCF82;--velt-light-mode-magenta: #A259FE;--velt-light-mode-amber: #FF7162;--velt-light-mode-purple: #625DF5;--velt-light-mode-cyan: #4BC9F0;--velt-light-mode-orange: #FE965C;--velt-light-mode-black: #080808;--velt-light-mode-white: #FFFFFF;--velt-light-mode-gray: #EBEBEB;--velt-light-mode-error: #FF7162;--velt-light-mode-error-hover: #DE5041;--velt-light-mode-error-foreground: #FFFFFF;--velt-light-mode-error-light: #FFF4F2;--velt-light-mode-error-transparent: rgba(255, 113, 98, .08);--velt-light-mode-warning: #FFCD2E;--velt-light-mode-warning-hover: #C69400;--velt-light-mode-warning-foreground: #474747;--velt-light-mode-warning-light: #FFFBEE;--velt-light-mode-warning-transparent: rgba(255, 205, 46, .08);--velt-light-mode-success: #198F65;--velt-light-mode-success-hover: #006B41;--velt-light-mode-success-foreground: #FFFFFF;--velt-light-mode-success-light: #EDF6F3;--velt-light-mode-success-transparent: rgba(25, 143, 101, .08);--velt-light-mode-accent: #625DF5;--velt-light-mode-accent-text: #625DF5;--velt-light-mode-accent-hover: #534FCF;--velt-light-mode-accent-foreground: #FFFFFF;--velt-light-mode-accent-light: #F2F2FE;--velt-light-mode-accent-transparent: rgba(148, 145, 248, .08);--velt-light-mode-text-0: #0A0A0A;--velt-light-mode-text-1: #141414;--velt-light-mode-text-2: #1F1F1F;--velt-light-mode-text-3: #292929;--velt-light-mode-text-4: #3D3D3D;--velt-light-mode-text-5: #525252;--velt-light-mode-text-6: #666666;--velt-light-mode-text-7: #7A7A7A;--velt-light-mode-text-8: #858585;--velt-light-mode-text-9: #999999;--velt-light-mode-text-10: #B8B8B8;--velt-light-mode-text-11: #A3A3A3;--velt-light-mode-text-12: #8F8F8F;--velt-light-mode-background-0: #FFFFFF;--velt-light-mode-background-1: #FAFAFA;--velt-light-mode-background-2: #F5F5F5;--velt-light-mode-background-3: #F0F0F0;--velt-light-mode-background-4: #EBEBEB;--velt-light-mode-background-5: #E5E5E5;--velt-light-mode-background-6: #E0E0E0;--velt-light-mode-background-7: #DBDBDB;--velt-light-mode-background-8: #D6D6D6;--velt-light-mode-background-9: #D1D1D1;--velt-light-mode-background-10: #CCCCCC;--velt-light-mode-border-0: #FFFFFF;--velt-light-mode-border-1: #FAFAFA;--velt-light-mode-border-2: #F5F5F5;--velt-light-mode-border-3: #F0F0F0;--velt-light-mode-border-4: #EBEBEB;--velt-light-mode-border-5: #E5E5E5;--velt-light-mode-border-6: #E0E0E0;--velt-light-mode-border-7: #DBDBDB;--velt-light-mode-border-8: #D6D6D6;--velt-light-mode-border-9: #D1D1D1;--velt-light-mode-border-10: #CCCCCC;--velt-light-mode-background-transparent: rgba(255, 255, 255, .8);--velt-light-mode-border-transparent: rgba(0, 0, 0, .16);--velt-light-mode-animation-transparent: rgba(255, 255, 255, .2);--velt-dark-mode-green: #0DCF82;--velt-dark-mode-magenta: #A259FE;--velt-dark-mode-amber: #FF7162;--velt-dark-mode-purple: #625DF5;--velt-dark-mode-cyan: #4BC9F0;--velt-dark-mode-orange: #FE965C;--velt-dark-mode-black: #080808;--velt-dark-mode-white: #FFFFFF;--velt-dark-mode-gray: #EBEBEB;--velt-dark-mode-error: #FF7162;--velt-dark-mode-error-hover: #DE5041;--velt-dark-mode-error-foreground: #FFFFFF;--velt-dark-mode-error-light: #FFF4F2;--velt-dark-mode-error-transparent: rgba(255, 113, 98, .08);--velt-dark-mode-warning: #FFCD2E;--velt-dark-mode-warning-hover: #C69400;--velt-dark-mode-warning-foreground: #474747;--velt-dark-mode-warning-light: #FFFBEE;--velt-dark-mode-warning-transparent: rgba(255, 205, 46, .08);--velt-dark-mode-success: #198F65;--velt-dark-mode-success-hover: #006B41;--velt-dark-mode-success-foreground: #FFFFFF;--velt-dark-mode-success-light: #EDF6F3;--velt-dark-mode-success-transparent: rgba(25, 143, 101, .08);--velt-dark-mode-accent: #625DF5;--velt-dark-mode-accent-text: #9491F8;--velt-dark-mode-accent-hover: #534FCF;--velt-dark-mode-accent-foreground: #FFFFFF;--velt-dark-mode-accent-light: #F2F2FE;--velt-dark-mode-accent-transparent: rgba(148, 145, 248, .08);--velt-dark-mode-text-0: #FFFFFF;--velt-dark-mode-text-1: #F5F5F5;--velt-dark-mode-text-2: #EBEBEB;--velt-dark-mode-text-3: #E0E0E0;--velt-dark-mode-text-4: #D6D6D6;--velt-dark-mode-text-5: #C2C2C2;--velt-dark-mode-text-6: #ADADAD;--velt-dark-mode-text-7: #8F8F8F;--velt-dark-mode-text-8: #7A7A7A;--velt-dark-mode-text-9: #666666;--velt-dark-mode-text-10: #525252;--velt-dark-mode-text-11: #474747;--velt-dark-mode-text-12: #3D3D3D;--velt-dark-mode-background-0: #0F0F0F;--velt-dark-mode-background-1: #1A1A1A;--velt-dark-mode-background-2: #1F1F1F;--velt-dark-mode-background-3: #242424;--velt-dark-mode-background-4: #292929;--velt-dark-mode-background-5: #2E2E2E;--velt-dark-mode-background-6: #333333;--velt-dark-mode-background-7: #383838;--velt-dark-mode-background-8: #3D3D3D;--velt-dark-mode-background-9: #424242;--velt-dark-mode-background-10: #474747;--velt-dark-mode-border-0: #0F0F0F;--velt-dark-mode-border-1: #1A1A1A;--velt-dark-mode-border-2: #1F1F1F;--velt-dark-mode-border-3: #242424;--velt-dark-mode-border-4: #292929;--velt-dark-mode-border-5: #2E2E2E;--velt-dark-mode-border-6: #333333;--velt-dark-mode-border-7: #383838;--velt-dark-mode-border-8: #3D3D3D;--velt-dark-mode-border-9: #424242;--velt-dark-mode-border-10: #474747;--velt-dark-mode-background-transparent: rgba(0, 0, 0, .8);--velt-dark-mode-border-transparent: rgba(255, 255, 255, .16);--velt-dark-mode-animation-transparent: rgba(255, 255, 255, .2);--velt-comment-pin-z-index: 2147483557;--velt-arrow-z-index: 2147483557;--velt-recorder-player-z-index: 2147483557;--velt-cursor-z-index: 2147483647;--velt-persistent-comment-frame-z-index: 2147483647;--velt-toast-popup-z-index: 2147483647;--velt-live-state-sync-overlay-z-index: 2147483647;--velt-follow-mode-overlay-z-index: 2147483647;--velt-comments-minimap-z-index: 2147483637;--velt-global-overlay-z-index: 2147483637}*[data-snippyly-element=true],*[data-velt-element=true]{font-family:var(--velt-default-font-family)}.cdk-overlay-container{z-index:var(--velt-global-overlay-z-index)!important}.cdk-overlay-container .cdk-overlay-pane.mat-mdc-dialog-panel{max-width:var(--mat-dialog-container-max-width, 80vw);min-width:var(--mat-dialog-container-min-width, 0)}mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface{background-color:#fff;padding:24px}mat-dialog-container .mat-mdc-dialog-surface.mdc-dialog__surface .mdc-dialog__title:before{height:unset}mat-dialog-container .mat-mdc-dialog-actions{padding:var(--mat-dialog-actions-padding, 8px)}.mat-mdc-autocomplete-panel{padding:0!important;border-radius:var(--velt-border-radius-md)!important}.cdk-overlay-pane{background-color:transparent!important;border:none!important;box-shadow:none!important}.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip{color:#fff;background-color:#0b0b0b;border:1px solid #eeeeee;border-radius:4px;padding:8px 12px;font-size:14px}.mat-mdc-menu-panel.velt-menu{box-shadow:none}video.flip{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}body[data-velt-huddle-on-cursor-mode] .cdk-overlay-container{z-index:calc(var(--velt-global-overlay-z-index, 2147483637) - 1)!important}body[data-velt-huddle-on-cursor-mode]:not(.show-pin-cursor){cursor:none!important}body[data-velt-huddle-on-cursor-mode]:not(.show-pin-cursor) *{cursor:none!important}body.snippyly-add-comment-mode,body.snippyly-add-comment-mode *{-webkit-user-select:none!important;user-select:none!important}body.snippyly-add-comment-mode [data-velt-iframe-container=true][data-velt-iframe-container-static=true]{position:relative!important}body.snippyly-add-comment-mode [data-velt-iframe-container=true]:before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] [data-velt-element=true]:not(snippyly-comment-text-portal):not(velt-recorder-control-panel):not([data-velt-screen-recorder-panel=true]){display:none!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] snippyly-text-highlight.snippyly-text-highlight{color:inherit!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight{color:inherit!important;background-color:inherit!important;cursor:inherit!important}body[data-velt-ongoing-recording=screen][data-velt-comment-recording=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight.selected{background-color:inherit!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight snippyly-comment-text-portal,body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight velt-comment-text-portal{font-family:inherit!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight{color:transparent!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight.selected{color:transparent!important}body [data-velt-pdf-viewer=true] snippyly-text-highlight.snippyly-text-highlight .comment-annotation-number{display:none!important}:where([data-velt-pdf-viewer=true]) .textLayer:is(:has([data-snippyly-pin-host],[data-velt-pin-host]),:has(snippyly-comment-pin-portal,snippyly-tag-pin-portal,snippyly-recorder-pin-portal,snippyly-arrow-pin-portal,snippyly-area-pin-portal,velt-comment-pin-portal,velt-tag-pin-portal,velt-recorder-pin-portal,velt-arrow-pin-portal,velt-area-pin-portal)){opacity:1!important;visibility:visible!important}:where([data-velt-pdf-viewer=true]) .textLayer:is(:has([data-snippyly-pin-host],[data-velt-pin-host]),:has(snippyly-comment-pin-portal,snippyly-tag-pin-portal,snippyly-recorder-pin-portal,snippyly-arrow-pin-portal,snippyly-area-pin-portal,velt-comment-pin-portal,velt-tag-pin-portal,velt-recorder-pin-portal,velt-arrow-pin-portal,velt-area-pin-portal)) snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight{opacity:.2!important}[data-snippyly-comment-pin-host][data-snippyly-comment-pin-host-static],[data-snippyly-tag-pin-host][data-snippyly-tag-pin-host-static],[data-snippyly-recorder-pin-host][data-snippyly-recorder-pin-host-static],[data-snippyly-arrow-pin-host][data-snippyly-arrow-pin-host-static],[data-snippyly-area-pin-host][data-snippyly-area-pin-host-static],[data-velt-comment-pin-host][data-velt-comment-pin-host-static],[data-velt-tag-pin-host][data-velt-tag-pin-host-static],[data-velt-recorder-pin-host][data-velt-recorder-pin-host-static],[data-velt-arrow-pin-host][data-velt-arrow-pin-host-static],[data-velt-area-pin-host][data-velt-area-pin-host-static]{position:relative}[data-velt-comment-pin-host][data-velt-comment-pin-active=true],[data-velt-area-pin-host][data-velt-area-pin-active=true]{opacity:1!important;visibility:visible!important}.s-display-none,.velt-display-none{display:none!important}.s-flex,.velt-display-flex{display:flex!important}.velt-items-center{align-items:center!important}.s-background-blur-1{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.s-background-blur-2{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.s-background-blur-3{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}.s-background-blur-4{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important}.s-tooltip{position:relative!important}.s-tooltip .s-tooltiptext{visibility:hidden!important;block-size:auto!important;width:max-content!important;top:120%!important;background-color:var(--legacy-velt-bg-color);border:1px solid var(--legacy-velt-border-color);color:var(--legacy-velt-primary-color)!important;text-align:left!important;padding:.5em .75em!important;border-radius:6px!important;font-style:normal!important;font-weight:400!important;font-size:12px!important;line-height:2em!important;box-shadow:var(--legacy-velt-box-shadow)!important;position:absolute!important;z-index:1!important;opacity:0!important;transition:opacity .5s!important;left:50%!important;transform:translate(-50%)!important}.s-tooltip .s-tooltiptext:after{content:" "!important;position:absolute!important;top:0!important;left:50%!important;width:12px!important;height:12px!important;border-left:1px solid var(--legacy-velt-border-color);border-top:1px solid var(--legacy-velt-border-color);background-color:var(--legacy-velt-bg-color);border-radius:4px!important;transform:translate(-50%,-41%) rotate(45deg)!important;transform-origin:center!important}.s-tooltip .s-tooltiptext:before{content:" ";position:absolute;top:0;left:50%;width:24px;height:24px;transform:translate(-50%,-41%);background:transparent}.s-tooltip .s-tooltiptext.left{top:50%!important;right:120%!important;transform:translateY(-50%)!important}.s-tooltip .s-tooltiptext.left:after{transform:translate(41%,-50%) rotate(45deg)!important;transform-origin:center!important;left:unset!important;right:0!important;top:50%!important}.s-tooltip .s-tooltiptext.left.top{top:100%!important;transform:translateY(-45%)!important}.s-tooltip .s-tooltiptext.left.top:after{transform:translate(41%,66%) rotate(45deg)!important;top:0!important}.s-tooltip:hover .s-tooltiptext{visibility:visible!important;opacity:1!important}.s-tooltip-light .s-tooltiptext{background-color:#fff!important;color:#000!important;box-shadow:0 2px 8px -2px #9f9f9f!important}.s-tooltip-light .s-tooltiptext:after{background-color:#fff!important}.s-tooltip-link{font-style:normal!important;font-weight:400!important;font-size:12px!important;line-height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))!important;color:#fff!important}.s-cursor-pointer,.velt-cursor-pointer{cursor:pointer!important}.s-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}app-render-timer-wrapper{width:100%;height:100%}velt-comment-text[comment-available=true]{color:var(--Constant-Warning---Text, #E2A600);background-color:#e2a6001a;border-bottom:1px solid #E2A600}
391
391
  `],encapsulation:2,changeDetection:0})}}return n})();var vm=(()=>{class n{constructor(e){this.loggingService=e,this.toasts$=new fe([])}setToast(e){try{e.id||(e.id=Math.random()),this.toasts$.next([...this.toasts$.value,e]),e.duration&&e.duration>0&&kl(e.duration).pipe(Qe(1)).subscribe(()=>{this.removeToast(e)},t=>{this.loggingService.catch("Error in ToastService setToast timer subscription: ",t)})}catch(t){this.loggingService.catch("Error in ToastService setToast: ",t)}}removeToast(e){try{this.toasts$.next(this.toasts$.value.filter(t=>t.id!==e.id))}catch(t){this.loggingService.catch("Error in ToastService removeToast: ",t)}}getToasts$(){return this.toasts$.asObservable()}static{this.\u0275fac=function(t){return new(t||n)(Q(_))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();function $9e(n,i){n&1&&(ie(),C(0,"svg",6),D(1,"path",7),y())}function H9e(n,i){n&1&&(ie(),C(0,"svg",6),D(1,"path",8)(2,"path",9),y())}function z9e(n,i){if(n&1){let e=W();C(0,"div",2),g(1,$9e,2,0,"svg",3)(2,H9e,3,0,"svg",3),ee(3),w(4,"translate"),ie(),C(5,"svg",4),H("click",function(){let o=k(e).$implicit,r=l();return R(r.removeToast(o))}),D(6,"path",5),y()()}if(n&2){let e=i.$implicit;c("@fade",!0),m(),c("ngIf",e.type==="success"),m(),c("ngIf",e.type==="error"),m(),ve(" ",A(4,4,e.message)," ")}}var Rse=(()=>{class n{constructor(e,t,o){this.loggingService=e,this.toastService=t,this.elementRef=o,this.toasts=[],this.subscriptions=[];try{this.subscriptions.push(this.toastService.getToasts$().subscribe(r=>{this.toasts=r}))}catch(r){console.log(r)}}ngOnDestroy(){try{this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}ngAfterViewInit(){try{setTimeout(()=>{this.moveToastTagToEnd()},5e3)}catch{}}moveToastTagToEnd(){try{let e=this.elementRef?.nativeElement;document.body.appendChild(e)}catch(e){this.loggingService.catch("Error in ToastPopupComponent moveToastTagToEnd: ",e)}}removeToast(e){this.toastService.removeToast(e)}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(vm),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-toast-popup"]],standalone:!1,decls:2,vars:1,consts:[[1,"s-notification-container"],["class","s-notification",4,"ngFor","ngForOf"],[1,"s-notification"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg",4,"ngIf"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg",1,"s-last-item","s-notification-close-btn",3,"click"],["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","#E6E8EC"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM17.7071 9.70711C18.0976 9.31658 18.0976 8.68342 17.7071 8.29289C17.3166 7.90237 16.6834 7.90237 16.2929 8.29289L11 13.5858L8.70711 11.2929C8.31658 10.9024 7.68342 10.9024 7.29289 11.2929C6.90237 11.6834 6.90237 12.3166 7.29289 12.7071L10.2929 15.7071C10.6834 16.0976 11.3166 16.0976 11.7071 15.7071L17.7071 9.70711Z","fill","#0DCF82"],["fill-rule","evenodd","clip-rule","evenodd","d","M12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z","fill","#FF7162"],["fill-rule","evenodd","clip-rule","evenodd","d","M8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289L12 10.5858L14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289C16.0976 8.68342 16.0976 9.31658 15.7071 9.70711L13.4142 12L15.7071 14.2929C16.0976 14.6834 16.0976 15.3166 15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071L12 13.4142L9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071C7.90237 15.3166 7.90237 14.6834 8.29289 14.2929L10.5858 12L8.29289 9.70711C7.90237 9.31658 7.90237 8.68342 8.29289 8.29289Z","fill","#FF7162"]],template:function(t,o){t&1&&(C(0,"div",0),g(1,z9e,7,6,"div",1),y()),t&2&&(m(),c("ngForOf",o.toasts))},dependencies:[ut,K,me],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}.s-notification-container[_ngcontent-%COMP%]{position:fixed!important;top:5%!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:var(--velt-toast-popup-z-index)!important;gap:calc((.5rem + 0px) * var(--velt-base-rem-unit))!important;flex-direction:column!important}.s-notification[_ngcontent-%COMP%]{display:flex!important;padding:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;gap:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;border-radius:calc((10rem + 0px) * var(--velt-base-rem-unit))!important;background:#23262f!important;color:#e6e8ec!important;width:calc((30rem + 0px) * var(--velt-base-rem-unit))!important;max-width:90vw!important;align-items:center!important}.s-last-item[_ngcontent-%COMP%]{margin-left:auto!important}.s-notification-close-btn[_ngcontent-%COMP%]{cursor:pointer!important}"],data:{animation:[kB("fade",[vO("false",Jc({opacity:0})),vO("true",Jc({opacity:1})),CO("false => true",[Jc({opacity:0}),fO(1e3,Jc({opacity:1}))]),CO("true => false",[fO(1e3,Jc({opacity:0}))])])]},changeDetection:0})}}return n})();var f$=n=>({componentConfigSignal:n}),Nse=(n,i)=>({condition:n,data:i}),W9e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-live-state-sync-panel-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function q9e(n,i){n&1&&$e(0)}function Y9e(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,q9e,1,0,"ng-container",4),y()),n&2){l(3);let e=de(2);m(),c("ngTemplateOutlet",e)}}function K9e(n,i){if(n&1&&(f(0),g(1,Y9e,2,1,"velt-shadow-dom-internal",3),v()),n&2){let e=l().ngIf,t=l(),o=de(2);m(),c("ngIf",e.shadowDom&&!t.template)("ngIfElse",o)}}function Z9e(n,i){if(n&1&&(f(0),g(1,K9e,2,2,"ng-container",2),v()),n&2){let e=l();m(),c("veltIf",F(3,Nse,e.conditionSignal(),M(1,f$,e.componentConfigSignal)))}}function X9e(n,i){if(n&1&&(f(0),C(1,"div",8),D(2,"velt-live-state-sync-panel-reader-text",9)(3,"velt-live-state-sync-panel-editor-text",9)(4,"velt-live-state-sync-panel-countdown",9)(5,"velt-live-state-sync-panel-request-access",9)(6,"velt-live-state-sync-panel-reject-request",9)(7,"velt-live-state-sync-panel-edit-here",9),y(),v()),n&2){let e=l(6);m(2),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal)}}function Q9e(n,i){if(n&1&&(f(0),g(1,X9e,8,6,"ng-container",7),v()),n&2){let e=l(3).ngIf,t=l(2);m(),c("veltDynamicTemplate",j(3,W9e,t.template,M(1,f$,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function J9e(n,i){if(n&1&&(C(0,"div",6),g(1,Q9e,2,9,"ng-container",2),y()),n&2){let e=l(2).ngIf,t=l(2);pe("velt-live-state-sync-panel-container-no-pointer",e.type==="editor")("no-pointer",e.type==="editor"),m(),c("veltIf",F(7,Nse,t.conditionSignal(),M(5,f$,t.componentConfigSignal)))}}function e7e(n,i){if(n&1&&(f(0),g(1,J9e,2,10,"div",5),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.leaderName!==""||e.type==="editor")}}function t7e(n,i){if(n&1&&(f(0),g(1,e7e,2,1,"ng-container",1),v()),n&2){let e=i.ngIf;m(),c("ngIf",e.singleEditorMode)}}function n7e(n,i){if(n&1&&g(0,t7e,2,1,"ng-container",1),n&2){let e=l();c("ngIf",e.componentConfigSignal())}}var Yu=(()=>{class n extends tt{set _shadowDom(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.componentConfigSignal.update(o=>(o=T(I({},o),{shadowDom:t}),o))}catch(t){this.loggingService.catch("Error in LiveStateSyncPanelComponent _shadowDom: ",t)}}constructor(e,t,o,r,a,s,d){super(e,a,void 0,void 0,void 0,s,r),this.elementRef=e,this.authService=t,this.liveStateService=o,this.loggingService=r,this.themeService=a,this.dynamicDataService=s,this.wireframeService=d,this.subscriptions=[],this.componentConfigSignal=Se({singleEditorMode:!1,defaultSingleEditorUIEnabled:!1,editAccessRequested:!1,leaderName:"",type:"reader",requestEditorAccessCountdown:0,singleEditorLiveStateData:null,singleEditorConfig:null,isUserEditor:null,variant:this.variant,shadowDom:!0,requestEditorAccess:this.requestEditorAccess.bind(this),cancelEditorAccessRequest:this.cancelEditorAccessRequest.bind(this),rejectEditorAccessRequest:this.rejectEditorAccessRequest.bind(this),acceptEditorAccessRequest:this.acceptEditorAccessRequest.bind(this),editCurrentTab:this.editCurrentTab.bind(this)}),this.componentId="velt-live-state-sync-panel";try{this.loggingService.log("%c[WB] Calling FUNCTION: LiveStateSyncOverlayComponent constructor","color: green;"),this.subscriptions.push(this.liveStateService.getSingleEditorMode$().subscribe(p=>{this.componentConfigSignal.update(h=>T(I({},h),{singleEditorMode:p}))})),this.subscriptions.push(this.liveStateService.getDefaultSingleEditorUIEnabled$().subscribe(p=>{this.componentConfigSignal.update(h=>T(I({},h),{defaultSingleEditorUIEnabled:p}))})),this.subscriptions.push(this.liveStateService.getSingleEditorModeConfig$().subscribe(p=>{this.componentConfigSignal.update(h=>T(I({},h),{singleEditorConfig:p}))})),this.subscriptions.push(this.liveStateService.isUserEditor$().subscribe(p=>{this.componentConfigSignal.update(h=>T(I({},h),{isUserEditor:p}))})),this.subscriptions.push(this.liveStateService.getSingleEditorLiveStateData$().subscribe(p=>{if(this.componentConfigSignal.update(h=>T(I({},h),{singleEditorLiveStateData:p})),p){this.componentConfigSignal.update(b=>T(I({},b),{leaderName:p?.editor?.name||p?.editor?.email||""}));let h=this.authService.getUser();h?.userId===p?.editor?.userId?this.componentConfigSignal.update(b=>T(I({},b),{type:"editor"})):this.componentConfigSignal.update(b=>T(I({},b),{type:"reader"})),h?.userId===p?.requestEditorAccess?.user?.userId&&p?.requestEditorAccess?.status==="pending"?this.componentConfigSignal.update(b=>T(I({},b),{editAccessRequested:!0})):this.componentConfigSignal.update(b=>T(I({},b),{editAccessRequested:!1})),this.componentConfigSignal().type==="editor"&&!this.componentConfigSignal().requestEditorAccessCountdown&&p?.requestEditorAccess?.status==="pending"?this.showRequestEditorAccessCountdown():this.removeRequestEditorAccessCountdown()}}))}catch(p){this.loggingService.catch("Error in LiveStateSyncPanelComponent constructor: ",p)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-live-state-sync-panel-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}})}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent ngOnDestroy: ",e)}}ngOnChanges(e){try{super.ngOnChanges(e),e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(o=>(o=T(I({},o),{[t]:e[t].currentValue}),o))})}catch(t){this.loggingService.catch("Error in LiveStateSyncPanelComponent ngOnChanges: ",t)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent setupA11yAttributes:",e)}}showRequestEditorAccessCountdown(){try{this.loggingService.log("%c[WB] Calling FUNCTION: showRequestEditorAccessCountdown","color: green;"),this.componentConfigSignal.update(e=>(e=T(I({},e),{requestEditorAccessCountdown:e.singleEditorLiveStateData?.requestEditorAccess?.editorAccessTimeout||V.LIVE_STATE_REQUEST_EDITOR_ACCESS_WAIT_TIME}),e)),this.interval=setInterval(()=>{this.componentConfigSignal.update(e=>T(I({},e),{requestEditorAccessCountdown:e.requestEditorAccessCountdown-1})),this.componentConfigSignal().requestEditorAccessCountdown<=0&&clearInterval(this.interval)},1e3)}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent showRequestEditorAccessCountdown: ",e)}}removeRequestEditorAccessCountdown(){try{this.loggingService.log("%c[WB] Calling FUNCTION: removeRequestEditorAccessCountdown","color: green;"),this.componentConfigSignal.update(e=>T(I({},e),{requestEditorAccessCountdown:0})),clearInterval(this.interval)}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent removeRequestEditorAccessCountdown: ",e)}}requestEditorAccess(){try{this.loggingService.log("%c[WB] Calling FUNCTION: requestEditorAccess","color: green;"),this.componentConfigSignal().editAccessRequested||this.liveStateService.requestEditorAccess().subscribe()}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent requestEditorAccess: ",e)}}cancelEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: cancelEditorAccessRequest","color: green;"),this.liveStateService.cancelEditorAccessRequest()}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent cancelEditorAccessRequest: ",e)}}acceptEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: acceptEditorAccessRequest","color: green;"),this.liveStateService.acceptEditorAccessRequest()}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent acceptEditorAccessRequest: ",e)}}rejectEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: rejectEditorAccessRequest","color: green;"),this.liveStateService.rejectEditorAccessRequest()}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent rejectEditorAccessRequest: ",e)}}editCurrentTab(){try{this.loggingService.log("%c[WB] Calling FUNCTION: editCurrentTab","color: green;"),this.liveStateService.editCurrentTab()}catch(e){this.loggingService.catch("Error in LiveStateSyncPanelComponent editCurrentTab: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(je),u(xi),u(_),u(qe),u(S),u(Ge))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-live-state-sync-panel"]],inputs:{variant:"variant",_shadowDom:[0,"shadowDom","_shadowDom"]},standalone:!1,features:[U([S]),B,We],decls:3,vars:1,consts:[["liveStateSyncPanelRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["data-velt-ignore","","class","velt-live-state-sync-panel-container live-state-sync-panel-container",3,"velt-live-state-sync-panel-container-no-pointer","no-pointer",4,"ngIf"],["data-velt-ignore","",1,"velt-live-state-sync-panel-container","live-state-sync-panel-container"],[4,"veltDynamicTemplate"],["data-velt-ignore","",1,"velt-live-state-sync-panel","follow-dialog"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,Z9e,2,6,"ng-container",1)(1,n7e,1,1,"ng-template",null,0,be),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-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-live-state-sync-panel[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xs);display:flex;justify-content:center;align-items:center;gap:var(--velt-spacing-sm);width:fit-content;padding:var(--velt-spacing-sm) var(--velt-spacing-md);background-color:var(--velt-background-0);color:var(--velt-text-0);border-radius:var(--velt-border-radius-full);box-shadow:0 8px 16px -8px #0f0f0f1a;border:1px solid var(--velt-border-4)}.velt-live-state-sync-panel-container.velt-live-state-sync-panel-container-no-pointer[_ngcontent-%COMP%]{pointer-events:none}"],changeDetection:0})}}return n})();function o7e(n,i){if(n&1&&(f(0),C(1,"div",1),D(2,"velt-live-state-sync-panel",2),y(),v()),n&2){let e=l(2);m(2),c("variant",e.variant)}}function r7e(n,i){if(n&1&&(f(0),g(1,o7e,3,1,"ng-container",0),v()),n&2){let e=i.ngIf;m(),c("ngIf",e.singleEditorMode&&e.defaultSingleEditorUIEnabled)}}var Fse=(()=>{class n extends tt{constructor(e,t,o,r,a){super(e,t,void 0,void 0,void 0,o,r),this.elementRef=e,this.themeService=t,this.dynamicDataService=o,this.loggingService=r,this.liveStateService=a,this.subscriptions=[],this.componentConfigSignal=Se({singleEditorMode:!1,defaultSingleEditorUIEnabled:!1,variant:this.variant}),this.componentId="velt-live-state-sync-overlay";try{this.subscriptions.push(this.liveStateService.getSingleEditorMode$().subscribe(s=>{this.componentConfigSignal.update(d=>T(I({},d),{singleEditorMode:s}))})),this.subscriptions.push(this.liveStateService.getDefaultSingleEditorUIEnabled$().subscribe(s=>{this.componentConfigSignal.update(d=>T(I({},d),{defaultSingleEditorUIEnabled:s}))}))}catch(s){this.loggingService.catch("Error in LiveStateSyncOverlayComponent constructor: ",s)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in LiveStateSyncOverlayComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>e.unsubscribe())}catch(e){this.loggingService.catch("Error in LiveStateSyncOverlayComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","dialog"),e.setAttribute("aria-labelledby",this.componentId),e.setAttribute("aria-modal","true")}catch(e){this.loggingService.catch("Error in LiveStateSyncOverlayComponent setupA11yAttributes: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(qe),u(S),u(_),u(xi))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-live-state-sync-overlay"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],["data-velt-ignore","",1,"velt-live-state-sync-overlay-container","live-state-sync-overlay-container"],[3,"variant"]],template:function(t,o){t&1&&g(0,r7e,2,1,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},dependencies:[K,Yu],styles:[`html{--velt-base-rem-unit: 1}*[data-snippyly-element=true],*[data-velt-element=true]{font-family:var(--velt-default-font-family)}velt-wireframe{display:none!important}.velt-live-state-sync-overlay-container{position:fixed;bottom:calc((2rem + 0px) * var(--velt-base-rem-unit));left:50%;transform:translate(-50%);background-color:transparent;z-index:var(--velt-live-state-sync-overlay-z-index);display:flex;justify-content:center;align-items:flex-end}
392
392
  `],encapsulation:3,changeDetection:0})}}return n})();var v$=(()=>{class n{set signInButton(e){this.translateService.setLanguage(e)}set translations(e){try{let t=e;if(typeof e=="string"&&(t=JSON.parse(e)),!t||typeof t!="object")return;this.translateService.setTranslations(t)}catch(t){this.loggingService.catch("Error in AppComponent set translations: ",t)}}set _autoTranslation(e){let t=e;typeof e=="string"&&(t=JSON.parse(e)),t?this.translateService.enableAutoTranslation():this.translateService.disableAutoTranslation()}onResize(e){this.setSnippylyViewportSize()}constructor(e,t,o,r,a,s,d,p,h,b){this.docService=e,this.domService=t,this.loggingService=o,this.viewportRuler=r,this.themeService=a,this.breakpointObserver=s,this.translateService=d,this.notificationService=p,this.veltService=h,this.injector=b,this.snippyly=new rM(this.injector),this.getSnippyly=new Te,this.subscriptions=[],this.veltElement=!0,this.loggingService.log("%c[WB] Creating CLASS: AppComponent","color: blue;");try{this.subscriptions.push(this.docService.getDocumentPaths$().subscribe(()=>{this.domService.removeScrollableElementsIds()},x=>{this.loggingService.catch("Error in AppComponent getDocumentPaths subscription:",x)})),this.updateDeviceType(),this.updateDeviceOrientation(),this.setVeltVersion()}catch(x){this.loggingService.catch("Error in AppComponent constructor:",x)}}ngOnInit(){}ngAfterViewInit(){try{this.domService.setDeviceInfo(),this.setSnippylyViewportSize(),this.getSnippyly.emit(this.snippyly),this.setSnippylyRemBaseUnit(),this.subscriptions.push(this.domService.onWindowResize$().subscribe(()=>{this.setSnippylyRemBaseUnit()})),this.themeService.updateListenerOnConfigChange()}catch(e){this.loggingService.catch("Error in App After view init: ",e)}}setVeltVersion(){try{window?.Velt?.version&&localStorage.setItem(V.LOCAL_STORAGE.VELT_VERSION,window.Velt.version)}catch(e){this.loggingService.catch("Error in AppComponent setVeltVersion: ",e)}}updateDeviceType(){try{Object.values(Si).forEach(t=>{Xn.Breakpoints[t]=this.breakpointObserver.isMatched(t),this.subscriptions.push(this.breakpointObserver.observe(t).subscribe(o=>{Xn.Breakpoints[t]=o.matches}))})}catch(e){this.loggingService.catch("Error in AppComponent updateDeviceType: ",e)}}updateDeviceOrientation(){try{Object.values(iv).forEach(t=>{Xn.Orientations[t]=window.matchMedia(t).matches,this.subscriptions.push(this.breakpointObserver.observe(t).subscribe(o=>{Xn.Orientations[t]=o.matches}))})}catch(e){this.loggingService.catch("Error in AppComponent updateDeviceOrientation: ",e)}}observeHtmlTagChanges(){}setSnippylyRemBaseUnit(){try{let e=document.documentElement,t=window.getComputedStyle(e),o=16,r=+t.fontSize.replace("px",""),a=r?o/r:1;e.style.setProperty(V.VELT_BASE_REM_UNIT,a+"")}catch(e){this.loggingService.catch("Error in AppComponent setSnippylyRemBaseUnit: ",e)}}setSnippylyViewportSize(){try{setTimeout(()=>{let e=this.viewportRuler.getViewportSize(),t=document.documentElement;t.style.setProperty(V.VELT_VIEWPORT_WIDTH,e.width+"px"),t.style.setProperty(V.VELT_VIEWPORT_HEIGHT,e.height+"px")},100)}catch{}}ngOnDestroy(){try{this.subscriptions.forEach(e=>{e.unsubscribe()}),this.themeService.disablePrefersColorScheme()}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(at),u(Fe),u(_),u(cs),u(qe),u(so),u($s),u(Ln),u(oM),u(It))}}static{this.\u0275cmp=O({type:n,selectors:[["app-root"]],hostVars:1,hostBindings:function(t,o){t&1&&H("resize",function(a){return o.onResize(a)},!1,g4),t&2&&E("data-velt-element",o.veltElement)},inputs:{snippyly:"snippyly",signInButton:[0,"language","signInButton"],translations:"translations",_autoTranslation:[0,"autoTranslation","_autoTranslation"]},outputs:{getSnippyly:"getSnippyly"},standalone:!1,decls:3,vars:0,template:function(t,o){t&1&&D(0,"app-external-styles")(1,"velt-toast-popup")(2,"snippyly-live-state-sync-overlay")},dependencies:[kse,Rse,Fse],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} snippyly-highlight-user-text.velt-live-selection-on-text-default{background-color:var(--velt-selection-color, rgba(162, 89, 254, .5333333333))!important} .velt-live-selection-on-element-default{outline:2px solid var(--velt-selection-color, #a259fe)!important} .snippyly-highlight{outline:var(--legacy-velt-comment-pin-highlight, 2px dashed #a259fe)!important} [snippyly-highlight-preview=true]{outline:2px solid green!important} body.snippyly-add-comment-mode.show-pin-cursor:not[data-velt-element], body.snippyly-add-comment-mode.show-pin-cursor[_ngcontent-%COMP%] *[_ngcontent-%COMP%]:not[data-velt-element]{cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0iIzYyNURGNSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8yMDMyXzIzNjgxIiBmaWxsPSJ3aGl0ZSI+CjxwYXRoIGQ9Ik0wLjM1Mjk0MSAxOEMwLjE1ODAxNyAxOCAtNi45MDcxNWUtMDkgMTcuODQyIC0xLjU0Mjc1ZS0wOCAxNy42NDcxTC0zLjkzNDAyZS0wNyA5Qy02LjEwNjczZS0wNyA0LjAyOTQ0IDQuMDI5NDQgLTEuNzYxMzJlLTA3IDkgLTMuOTM0MDJlLTA3Vi0zLjkzNDAyZS0wN0MxMy45NzA2IC02LjEwNjczZS0wNyAxOCA0LjAyOTQ0IDE4IDlWOUMxOCAxMy45NzA2IDEzLjk3MDYgMTggOSAxOEwwLjM1Mjk0MSAxOFoiLz4KPC9tYXNrPgo8cGF0aCBkPSJNMC4zNTI5NDEgMThDMC4xNTgwMTcgMTggLTYuOTA3MTVlLTA5IDE3Ljg0MiAtMS41NDI3NWUtMDggMTcuNjQ3MUwtMy45MzQwMmUtMDcgOUMtNi4xMDY3M2UtMDcgNC4wMjk0NCA0LjAyOTQ0IC0xLjc2MTMyZS0wNyA5IC0zLjkzNDAyZS0wN1YtMy45MzQwMmUtMDdDMTMuOTcwNiAtNi4xMDY3M2UtMDcgMTggNC4wMjk0NCAxOCA5VjlDMTggMTMuOTcwNiAxMy45NzA2IDE4IDkgMThMMC4zNTI5NDEgMThaIiBmaWxsPSIjMTQxNDE2Ii8+CjxwYXRoIGQ9Ik0wLjM1Mjk0MSAxOEMwLjE1ODAxNyAxOCAtNi45MDcxNWUtMDkgMTcuODQyIC0xLjU0Mjc1ZS0wOCAxNy42NDcxTC0zLjkzNDAyZS0wNyA5Qy02LjEwNjczZS0wNyA0LjAyOTQ0IDQuMDI5NDQgLTEuNzYxMzJlLTA3IDkgLTMuOTM0MDJlLTA3Vi0zLjkzNDAyZS0wN0MxMy45NzA2IC02LjEwNjczZS0wNyAxOCA0LjAyOTQ0IDE4IDlWOUMxOCAxMy45NzA2IDEzLjk3MDYgMTggOSAxOEwwLjM1Mjk0MSAxOFoiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgbWFzaz0idXJsKCNwYXRoLTEtaW5zaWRlLTFfMjAzMl8yMzY4MSkiLz4KPC9zdmc+Cg==) 0 31,auto} body.snippyly-add-tag-mode.show-pin-cursor:not[data-velt-element], body.snippyly-add-tag-mode.show-pin-cursor[_ngcontent-%COMP%] *[_ngcontent-%COMP%]:not[data-velt-element]{cursor:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpieD0iaHR0cHM6Ly9ib3h5LXN2Zy5jb20iPgogIDxlbGxpcHNlIHN0eWxlPSJzdHJva2U6IHJnYigwLCAwLCAwKTsgZmlsbDogcmdiKDE2MiwgODksIDI1NCk7IHBhaW50LW9yZGVyOiBmaWxsOyBzdHJva2Utd2lkdGg6IDBweDsiIGN4PSIxNiIgY3k9IjE2IiByeD0iMTYiIHJ5PSIxNiIvPgogIDxwYXRoIGQ9Ik0gOS4zMzMgMjIgQyA5LjMzMyAyMiA4IDIyIDggMjAuNjY3IEMgOCAxOS4zMzMgOS4zMzMgMTUuMzMzIDE2IDE1LjMzMyBDIDIyLjY2NyAxNS4zMzMgMjQgMTkuMzMzIDI0IDIwLjY2NyBDIDI0IDIyIDIyLjY2NyAyMiAyMi42NjcgMjIgTCA5LjMzMyAyMiBaIE0gMTYgMTQgQyAxOS4wNzkgMTQgMjEuMDA0IDEwLjY2NyAxOS40NjQgOCBDIDE4Ljc1IDYuNzYyIDE3LjQyOSA2IDE2IDYgQyAxMi45MjEgNiAxMC45OTYgOS4zMzMgMTIuNTM2IDEyIEMgMTMuMjUgMTMuMjM3IDE0LjU3MSAxNCAxNiAxNCBaIiBzdHlsZT0iZmlsbDogcmdiKDI1NSwgMjU1LCAyNTUpOyIgYng6b3JpZ2luPSIwLjUgMC41Ii8+Cjwvc3ZnPg==) 16 16,auto!important} body.snippyly-add-arrow-mode.show-pin-cursor:not[data-velt-element], body.snippyly-add-arrow-mode.show-pin-cursor[_ngcontent-%COMP%] *[_ngcontent-%COMP%]:not[data-velt-element]{cursor:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy44MDU0IDEwLjAyMDdDMTQuNTQxMiA5Ljk5MTMxIDE1LjExMzggOS4zNzA5OCAxNS4wODQzIDguNjM1MThMMTQuODMwNiAyLjI4OTM5QzE0LjgwMjggMS41OTQ4NiAxNC4yNDYxIDEuMDM4MTkgMTMuNTUxNiAxLjAxMDQxTDcuMjA1NzEgMC43NTY1MzdDNi40Njk5MiAwLjcyNzEwMiA1Ljg0OTU4IDEuMjk5NzIgNS44MjAxNSAyLjAzNTUxQzUuNzkwNzEgMi43NzEzIDYuMzYzMzMgMy4zOTE2NCA3LjA5OTEyIDMuNDIxMDdMMTAuNDAyMSAzLjU1MzIxTDEuMjQxNzcgMTIuNzEzNkMwLjcyMTA2NyAxMy4yMzQzIDAuNzIxMDY3IDE0LjA3ODUgMS4yNDE3NyAxNC41OTkyQzEuNzYyNDYgMTUuMTE5OSAyLjYwNjY4IDE1LjExOTkgMy4xMjczOCAxNC41OTkyTDEyLjI4NzcgNS40Mzg4NkwxMi40MTk4IDguNzQxNzVDMTIuNDQ5MiA5LjQ3NzU0IDEzLjA2OTYgMTAuMDUwMiAxMy44MDU0IDEwLjAyMDdaIiBmaWxsPSIjOEY5NUIyIi8+Cjwvc3ZnPgo=) 15 0,auto!important} .selection-element-portal{display:flex!important} .snippyly-user-marker{cursor:default;display:inline;position:relative} .snippyly-user-marker:after{color:#fff;content:attr(data-name);display:none;font-style:normal;font-weight:400;left:0;line-height:1;opacity:0;position:absolute;top:-30px;transition:opacity .2s linear,transform .3s ease-in-out;white-space:nowrap;z-index:99999;padding:4px!important;font-size:calc((.8rem + 0px) * var(--velt-base-rem-unit));border-radius:8px;font-family:var(--velt-default-font-family, unset);transform:translate(-50%)} .snippyly-user-marker:hover:after, .snippyly-user-marker.active:after{animation:all 1s ease-in-out;display:block;opacity:1} .snippyly-user-marker .snippyly-user-marker-line{bottom:0;height:100%;position:absolute;width:0} .snippyly-user-marker .snippyly-user-marker-line .snippyly-user-marker-dot{border-radius:50%;cursor:default;display:block;height:4px;left:50%;position:absolute;top:-3px;transform:translate(-50%,-50%);width:4px} .snippyly-user-marker:after{background-color:var(--velt-selection-marker-color)!important} .snippyly-user-marker .snippyly-user-marker-line, .snippyly-user-marker .snippyly-user-marker-dot{border:1px solid var(--velt-selection-marker-color)!important;background-color:var(--velt-selection-marker-color)!important} .v-device-info-tooltip-container{display:flex;padding:calc((.25rem + 0px) * var(--velt-base-rem-unit)) calc((.5rem + 0px) * var(--velt-base-rem-unit));margin:calc((.5rem + 0px) * var(--velt-base-rem-unit));align-items:flex-start;flex-direction:column;gap:calc((.2rem + 0px) * var(--velt-base-rem-unit));border-radius:calc((.5rem + 0px) * var(--velt-base-rem-unit));background:var(--neutrals-1, #141416);color:var(--neutrals-10, #FFF);font-size:calc((.75rem + 0px) * var(--velt-base-rem-unit));font-style:normal;font-weight:400;line-height:normal} .v-device-info-tooltip-container.dark{background:var(--neutrals-3, #353945);color:var(--neutrals-10, #FFF)} .huddle-all-menu-panel{box-shadow:0 calc((1rem + 0px) * var(--velt-base-rem-unit)) calc((3rem + 0px) * var(--velt-base-rem-unit)) #0000002d!important;background-color:#fff!important;border-radius:8px;color:#000} .huddle-all-menu-panel .mat-mdc-menu-item{background-color:#fff!important;padding:0 calc((1rem + 0px) * var(--velt-base-rem-unit))!important;height:40px!important;min-height:40px!important;width:100%!important;font-size:calc((.9rem + 0px) * var(--velt-base-rem-unit))!important;display:flex!important;gap:8px!important;align-items:center!important;border:0!important;font-weight:unset!important;text-transform:unset!important;font-family:var(--velt-default-font-family, unset)!important} .huddle-all-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text{font-size:calc((.9rem + 0px) * var(--velt-base-rem-unit))!important;display:flex!important;gap:8px!important;align-items:center!important;border:0!important;font-weight:unset!important;text-transform:unset!important;font-family:var(--velt-default-font-family, unset)!important} .huddle-all-menu-panel .mat-mdc-menu-item:hover{background-color:#f1f1f1!important} .huddle-all-menu-panel .mat-mdc-menu-item:disabled{color:#c4c4c4!important} .snippyly-huddle-menu-panel-overlay-panel{z-index:2147483617!important} .snippyly-huddle-banner-panel{top:0!important;left:0!important} .snippyly-huddle-banner-panel .huddle-banner{border:1px solid rgba(26,28,30,.1);box-shadow:0 2px 12px #001c3b1f;border-radius:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;position:fixed;background:#fff;z-index:2;top:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;right:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;color:#000} .snippyly-huddle-banner-panel .huddle-banner>div{display:flex} .snippyly-huddle-banner-panel .huddle-banner>div>*{padding:calc((.75rem + 0px) * var(--velt-base-rem-unit))!important} .snippyly-huddle-banner-panel .huddle-banner>div .title{font-weight:600;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))!important;line-height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))!important;margin:0!important} .snippyly-huddle-banner-panel .huddle-banner>div .subtitle{font-weight:400;font-size:14px!important;line-height:21px!important;margin:0} .snippyly-huddle-banner-panel .huddle-banner>div .action-btn-container{margin:calc((.75rem + 0px) * var(--velt-base-rem-unit)) 0 calc((.25rem + 0px) * var(--velt-base-rem-unit))!important} .snippyly-huddle-banner-panel .huddle-banner>div .action-btn-container button{cursor:pointer} .snippyly-huddle-banner-panel .huddle-banner>div .join-btn{padding:calc((.5rem + 0px) * var(--velt-base-rem-unit)) calc((.75rem + 0px) * var(--velt-base-rem-unit))!important;background:#625df5;border-radius:90px!important;border:0;margin-right:calc((.5rem + 0px) * var(--velt-base-rem-unit))!important;color:#fff!important;font-weight:700;transition:.2s;font-size:calc((.8rem + 0px) * var(--velt-base-rem-unit))!important} .snippyly-huddle-banner-panel .huddle-banner>div .join-btn:hover{background:#4742dc} .snippyly-huddle-banner-panel .huddle-banner>div .cancel-btn{color:#777e91;background:transparent;border:0;font-weight:700;font-size:calc((.8rem + 0px) * var(--velt-base-rem-unit))!important} .snippyly-huddle-banner-panel .huddle-banner>div .close-btn{cursor:pointer} .velt-recorder-all-tool--menu-panel{overflow:unset!important} .velt-recorder-all-tool--menu-panel .mat-mdc-menu-content{padding:0!important} .v-view-analytics-overlay-panel{z-index:2147483617!important}"],changeDetection:0})}}return n})();var er=(()=>{class n{constructor(){this.subscriptions=[]}ngAfterViewInit(){this.overlay instanceof Vn?this.setOverlayZIndex(this.overlay):this.overlay instanceof zy?this.setMatAutocompleteZIndex(this.overlay):this.overlay instanceof HTMLElement&&this.setElementZIndex(this.overlay)}setOverlayZIndex(e){this.overlay instanceof Vn&&this.subscriptions.push(e.positionChange.pipe(Qe(1)).subscribe(()=>{e?.overlayRef&&e?.overlayRef?.hostElement&&this.zIndex&&(e.overlayRef.hostElement.style.zIndex=this.zIndex?.toString())},t=>{}))}setMatAutocompleteZIndex(e){try{this.overlay instanceof zy&&this.subscriptions.push(e.opened.pipe(Qe(1)).subscribe(()=>{setTimeout(()=>{if(e?.panel?.nativeElement){let t=e.panel.nativeElement?.closest(".cdk-overlay-connected-position-bounding-box");t&&(t.style.zIndex=this.zIndex?.toString())}},100)},t=>{}))}catch{}}setElementZIndex(e){try{this.overlay instanceof HTMLElement&&setTimeout(()=>{let t=e?.closest(".cdk-global-overlay-wrapper")||e?.closest(".cdk-overlay-connected-position-bounding-box");t&&this.zIndex&&(t.style.zIndex=this.zIndex?.toString());let r=e?.closest(".cdk-overlay-container")?.querySelector(".cdk-overlay-backdrop");r&&this.backdropZIndex&&(this.originalBackdropZIndex=r.style.zIndex,r.style.zIndex=this.backdropZIndex?.toString(),this.backdropElement=r)},100)}catch{}}ngOnDestroy(){try{this.subscriptions.forEach(e=>{e.unsubscribe()}),this.backdropElement&&this.originalBackdropZIndex&&(this.backdropElement.style.zIndex=this.originalBackdropZIndex?.toString())}catch{}}static{this.\u0275fac=function(t){return new(t||n)}}static{this.\u0275dir=Ft({type:n,selectors:[["","snippylyOverlay",""]],inputs:{overlay:[0,"snippylyOverlay","overlay"],zIndex:[0,"snippylyOverlayZIndex","zIndex"],backdropZIndex:[0,"snippylyOverlayBackdropZIndex","backdropZIndex"]},standalone:!1})}}return n})();var s7e=["*"],l7e=()=>["snippyly-overlay-panel","snippyly-lightbox-overlay-panel"];function c7e(n,i){if(n&1){let e=W();C(0,"div",5),H("click",function(o){return k(e),l(2).closeImageInFullScreen(),R(o.stopPropagation())})("pointerdown",function(o){return k(e),R(o.stopPropagation())}),D(1,"img",6),y()}if(n&2){let e=l(2);E("aria-label","Image Preview")("data-testid",e.componentId+"-overlay-container"),m(),c("src",e.src,ln)("alt","Image preview"),E("data-testid",e.componentId+"-image")}}function m7e(n,i){if(n&1&&(f(0),Pt(1),D(2,"div",3,0),g(4,c7e,2,5,"ng-template",4,1,be),v()),n&2){let e=i.ngIf,t=de(3),o=de(5),r=l();m(2),E("data-testid",r.componentId+"-trigger"),m(2),c("cdkConnectedOverlayOrigin",t)("cdkConnectedOverlayOpen",e.showImageInFullScreen)("cdkConnectedOverlayPanelClass",Mt(7,l7e))("cdkConnectedOverlayDisableClose",!0)("snippylyOverlay",o)("snippylyOverlayZIndex",2147483627)}}var Lse=(()=>{class n{constructor(e,t){this.loggingService=e,this.elementRef=t,this.componentConfigSignal=Se({showImageInFullScreen:!1}),this.veltElement=!0,this.componentId="velt-lightbox";try{this.loggingService.log("%c[WB] Creating Class: LightboxComponent","color: blue;")}catch(o){this.loggingService.catch("Error in LightboxComponent constructor: ",o)}}ngOnInit(){this.setupA11yAttributes()}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in LightboxComponent setupA11yAttributes:",e)}}openImageInFullScreen(){try{this.loggingService.log("%c[WB] LightboxComponent FUNCTION: openImageInFullScreen","color: green;"),this.componentConfigSignal.update(e=>(e=T(I({},e),{showImageInFullScreen:!0}),e))}catch(e){this.loggingService.catch("Error in LightboxComponent openImageInFullScreen: ",e)}}closeImageInFullScreen(){try{this.loggingService.log("%c[WB] LightboxComponent FUNCTION: closeImageInFullScreen","color: green;"),this.componentConfigSignal.update(e=>(e=T(I({},e),{showImageInFullScreen:!1}),e))}catch(e){this.loggingService.catch("Error in LightboxComponent closeImageInFullScreen: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-lightbox"]],hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{src:"src"},standalone:!1,ngContentSelectors:s7e,decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["overlay","cdkConnectedOverlay"],[4,"ngIf"],["cdkOverlayOrigin",""],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass","cdkConnectedOverlayDisableClose","snippylyOverlay","snippylyOverlayZIndex"],["role","dialog","aria-modal","true","tabindex","-1",1,"snippyly-image-overlay-container",3,"click","pointerdown"],[3,"src","alt"]],template:function(t,o){t&1&&(Lt(),g(0,m7e,6,8,"ng-container",2)),t&2&&c("ngIf",o.componentConfigSignal())},dependencies:[K,Vn,Pn,er],styles:["[_nghost-%COMP%]{display:flex} .snippyly-lightbox-overlay-panel{inset:0!important} .snippyly-lightbox-overlay-panel .snippyly-image-overlay-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#d3d3d37a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2147483627} .snippyly-lightbox-overlay-panel img{max-width:80vw;max-height:80vh;border-radius:var(--velt-border-radius-sm)}"],changeDetection:0})}}return n})();var d7e=["menuRef"],p7e=["menuTrigger"],g7e=["*"];function u7e(n,i){n&1&&(f(0),D(1,"button",5),v())}var C$=(()=>{class n{constructor(e){this.loggingService=e,this.menuItems=[],this.veltElement=!0}ngOnInit(){}ngAfterViewInit(){try{let e=this.menuTrigger?.nativeElement?.querySelector("[menu-items]");if(e){e.style.display="none";for(let t=0;t<e.children.length;t++){let o=e.children[t];this.menuItems.push(o)}setTimeout(()=>{this.addMenuOptions()},100)}}catch(e){this.loggingService.catch("Error in MenuComponent afterViewInit: ",e)}}ngAfterContentInit(){}addMenuOptions(){try{this.menuRef&&this.menuRef._allItems.forEach((e,t)=>{e._getHostElement()?.appendChild(this.menuItems[t])})}catch(e){this.loggingService.catch("Error in MenuComponent addMenuOptions: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-menu"]],viewQuery:function(t,o){if(t&1&&(nt(d7e,5),nt(p7e,5)),t&2){let r;Ke(r=Ze())&&(o.menuRef=r.first),Ke(r=Ze())&&(o.menuTrigger=r.first)}},hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},standalone:!1,ngContentSelectors:g7e,decls:7,vars:4,consts:[["menuTrigger","","menuTriggerRef","matMenuTrigger"],["menuRef","matMenu"],[3,"matMenuTriggerFor"],[1,"velt-menu","snippyly-menu-panel"],[4,"ngFor","ngForOf"],["mat-menu-item",""]],template:function(t,o){if(t&1&&(Lt(),C(0,"div",2,0),Pt(3),y(),C(4,"mat-menu",3,1),g(6,u7e,2,0,"ng-container",4),y()),t&2){let r=de(2),a=de(5);pe("active",r==null?null:r.menuOpen),c("matMenuTriggerFor",a),m(6),c("ngForOf",o.menuItems)}},dependencies:[ut,cl,Fs,up],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}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0)!important;outline:none!important;margin:0!important;padding:0!important;height:unset;width:unset;text-align:left!important;line-height:1.5!important;color:#000!important;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:empty{display:revert!important} .snippyly-menu-panel{box-shadow:0 calc((1rem + 0px) * var(--velt-base-rem-unit)) calc((3rem + 0px) * var(--velt-base-rem-unit)) #0000002d!important;background-color:#fff!important;border-radius:8px!important} .snippyly-menu-panel button{background-color:#fff;padding:0 calc((1rem + 0px) * var(--velt-base-rem-unit))!important;height:40px!important;width:100%!important;font-size:calc((.9rem + 0px) * var(--velt-base-rem-unit))!important} .snippyly-menu-panel button:hover{background-color:#f1f1f1}"],changeDetection:0})}}return n})();var h7e={provide:cd,useExisting:Or(()=>XS),multi:!0},XS=(()=>{class n extends Gy{static{this.\u0275fac=(()=>{let e;return function(o){return(e||(e=Ra(n)))(o||n)}})()}static{this.\u0275dir=Ft({type:n,selectors:[["","contenteditable","","veltAutocomplete",""]],inputs:{veltAutocomplete:"veltAutocomplete"},exportAs:["snippylyUserSelectorTrigger"],standalone:!1,features:[U([h7e]),B]})}}return n})();var Cs=class{constructor(){this.position={top:-1e3,left:-1e3},this.showAdder=!1,this.createAnnotation=()=>{},this.disabled=!1,this.commentToolEnabled=!0,this.isPlanExpired=!1,this.isUserAllowed=!1,this.enableTextComments=!1,this.user=null,this.rewriterEnabled=!1,this.left=0,this.createRewriter=()=>{},this.selectedWordsCount=0,this.selectedCharactersCount=0,this.MIN_ALLOWED_WORDS_COUNT=3,this.MIN_ALLOWED_CHARACTERS_COUNT=7,this.MAX_ALLOWED_CHARACTERS_COUNT=8e3}};var Bse=n=>({componentConfigSignal:n}),f7e=(n,i)=>({condition:n,data:i}),v7e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-text-comment-tool-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function C7e(n,i){n&1&&$e(0)}function _7e(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,C7e,1,0,"ng-container",2),y()),n&2){l();let e=de(2);m(),c("ngTemplateOutlet",e)}}function y7e(n,i){n&1&&(C(0,"div",8),ie(),C(1,"svg",9)(2,"mask",10),D(3,"path",11),y(),D(4,"path",12)(5,"path",13),y()())}function S7e(n,i){if(n&1){let e=W();C(0,"div",6),w(1,"translate"),H("pointerdown",function(o){return k(e),l(2).ngIf.createAnnotation(),R(o.stopPropagation())}),g(2,y7e,6,0,"div",7),y()}if(n&2){let e=l(2).ngIf,t=l(2);it("top",e.position.top,"px")("left",e.position.left,"px")("visibility",e.showAdder?"visible":"hidden"),E("data-testid",t.componentId)("role","button")("aria-label",A(1,12,"Add text comment"))("aria-disabled",!e.commentToolEnabled)("tabindex",0),m(2),c("veltDynamicTemplate",j(16,v7e,t.template,M(14,Bse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function b7e(n,i){if(n&1&&(f(0),g(1,S7e,3,22,"div",5),v()),n&2){let e=l().ngIf;m(),c("ngIf",e&&!e.disabled&&e.commentToolEnabled&&!e.isPlanExpired&&e.isUserAllowed&&e.enableTextComments&&(e.user==null?null:e.user.userId)&&!e.rewriterEnabled)}}function I7e(n,i){if(n&1&&(f(0),g(1,b7e,2,1,"ng-container",4),v()),n&2){let e=l(2);m(),c("veltIf",F(3,f7e,e.conditionSignal(),M(1,Bse,e.componentConfigSignal)))}}function E7e(n,i){if(n&1&&g(0,I7e,2,6,"ng-container",3),n&2){let e=l();c("ngIf",e.componentConfigSignal())}}var Zv=(()=>{class n extends tt{constructor(e,t,o,r,a,s){super(r,a,void 0,o,o.getTextCommentToolDarkMode$(),s,e),this.loggingService=e,this.wireframeService=t,this.commentService=o,this.elementRef=r,this.themeService=a,this.dynamicDataService=s,this.textCommentToolShadowDOM=!1,this.subscriptions=[],this.componentId="velt-text-comment-tool",super.initializeComponentConfigSignal(new Cs),this.subscriptions.push(this.commentService.getTextCommentToolShadowDOM$().subscribe(d=>{this.textCommentToolShadowDOM=d},d=>{this.loggingService.catch("Error in TextCommentToolComponent getTextCommentToolShadowDOM$ subscription: ",d)}))}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes(),this.subscriptions.push(this.wireframeService.getWireframe$("velt-text-comment-tool-wireframe").subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}}))}catch(e){this.loggingService.catch("Error in CommentBubbleComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Add text comment"),e.setAttribute("tabindex","0");let t=this.componentConfigSignal();e.setAttribute("aria-disabled",String(!t.commentToolEnabled))}catch(e){this.loggingService.catch("Error in TextCommentToolComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(Ee),u(N),u(qe),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-text-comment-tool"]],standalone:!1,features:[U([S]),B],decls:3,vars:2,consts:[["textCommentContainerRef",""],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[4,"ngIf"],[4,"veltIf"],["class","velt-text-comment-tool",3,"top","left","visibility","pointerdown",4,"ngIf"],[1,"velt-text-comment-tool",3,"pointerdown"],["class","velt-text-comment-tool--container",4,"veltDynamicTemplate"],[1,"velt-text-comment-tool--container"],["width","32","height","32","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","focusable","false"],["id","path-1-inside-1_2032_23681","fill","white"],["d","M0.352941 18C0.158017 18 -6.90715e-09 17.842 -1.54275e-08 17.6471L-3.93402e-07 9C-6.10673e-07 4.02944 4.02944 -1.76132e-07 9 -3.93402e-07C13.9706 -6.10673e-07 18 4.02944 18 9C18 13.9706 13.9706 18 9 18L0.352941 18Z"],["d","M0.352941 18C0.158017 18 -6.90715e-09 17.842 -1.54275e-08 17.6471L-3.93402e-07 9C-6.10673e-07 4.02944 4.02944 -1.76132e-07 9 -3.93402e-07C13.9706 -6.10673e-07 18 4.02944 18 9C18 13.9706 13.9706 18 9 18L0.352941 18Z","fill","#625DF5"],["d","M0.352941 18C0.158017 18 -6.90715e-09 17.842 -1.54275e-08 17.6471L-3.93402e-07 9C-6.10673e-07 4.02944 4.02944 -1.76132e-07 9 -3.93402e-07C13.9706 -6.10673e-07 18 4.02944 18 9C18 13.9706 13.9706 18 9 18L0.352941 18Z","stroke","white","stroke-width","2","mask","url(#path-1-inside-1_2032_23681)"]],template:function(t,o){if(t&1&&g(0,_7e,2,1,"velt-shadow-dom-internal",1)(1,E7e,1,1,"ng-template",null,0,be),t&2){let r=de(2);c("ngIf",!o.template&&o.textCommentToolShadowDOM)("ngIfElse",r)}},styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}[_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-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-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-text-comment-tool[_ngcontent-%COMP%]{position:fixed;z-index:2147483577;overflow-wrap:break-word;font-size:var(--velt-font-size-xs);text-align:center;visibility:hidden;cursor:pointer}.velt-text-comment-tool[_ngcontent-%COMP%] .velt-text-comment-tool--container[_ngcontent-%COMP%]{display:flex}"],changeDetection:0})}}return n})();var Vse=n=>({componentConfigSignal:n}),T7e=(n,i)=>({condition:n,data:i}),D7e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-text-comment-toolbar-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function w7e(n,i){n&1&&$e(0)}function A7e(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,w7e,1,0,"ng-container",2),y()),n&2){l();let e=de(2);m(),c("ngTemplateOutlet",e)}}function O7e(n,i){if(n&1&&D(0,"app-text-comment-toolbar-comment-annotation",10),n&2){let e=l(6);c("componentConfigSignal",e.componentConfigSignal)}}function P7e(n,i){n&1&&D(0,"app-text-comment-toolbar-divider")}function M7e(n,i){if(n&1&&(C(0,"div",8),g(1,O7e,1,1,"app-text-comment-toolbar-comment-annotation",9)(2,P7e,1,0,"app-text-comment-toolbar-divider",3),D(3,"app-text-comment-toolbar-copywriter",10)(4,"app-text-comment-toolbar-generic",10),y()),n&2){let e=l(3).ngIf,t=l(2);m(),c("ngIf",e.commentToolEnabled),m(),c("ngIf",e.commentToolEnabled),m(),c("componentConfigSignal",t.componentConfigSignal),m(),c("componentConfigSignal",t.componentConfigSignal)}}function k7e(n,i){if(n&1){let e=W();C(0,"div",6),w(1,"translate"),H("click",function(o){return k(e),R(o.stopPropagation())})("pointerdown",function(o){return k(e),R(o.stopPropagation())})("pointerup",function(o){return k(e),R(o.stopPropagation())}),g(2,M7e,5,4,"div",7),y()}if(n&2){let e=l(2).ngIf,t=l(2);it("top",e.position.top,"px")("left",e.left,"px")("visibility",e.showAdder?"visible":"hidden")("top",e.position.top,"px")("left",e.left,"px")("visibility",e.showAdder?"visible":"hidden"),E("data-testid",t.componentId)("role","toolbar")("aria-label",A(1,17,"Text comment tools"))("aria-hidden",!e.showAdder),m(2),c("veltDynamicTemplate",j(21,D7e,t.template,M(19,Vse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function R7e(n,i){if(n&1&&(f(0),g(1,k7e,3,27,"div",5),v()),n&2){let e=l().ngIf;m(),c("ngIf",e&&!e.disabled&&!e.isPlanExpired&&e.isUserAllowed&&e.enableTextComments&&(e.user==null?null:e.user.userId)&&e.rewriterEnabled)}}function N7e(n,i){if(n&1&&(f(0),g(1,R7e,2,1,"ng-container",4),v()),n&2){let e=l(2);m(),c("veltIf",F(3,T7e,e.conditionSignal(),M(1,Vse,e.componentConfigSignal)))}}function F7e(n,i){if(n&1&&g(0,N7e,2,6,"ng-container",3),n&2){let e=l();c("ngIf",e.componentConfigSignal())}}var Xv=(()=>{class n extends tt{constructor(e,t,o,r,a,s){super(r,a,void 0,o,o.getTextCommentToolbarDarkMode$(),s,e),this.loggingService=e,this.wireframeService=t,this.commentService=o,this.elementRef=r,this.themeService=a,this.dynamicDataService=s,this.textCommentToolbarShadowDOM=!1,this.subscriptions=[],this.componentId="velt-text-comment-toolbar",super.initializeComponentConfigSignal(new Cs),this.subscriptions.push(this.commentService.getTextCommentToolbarShadowDOM$().subscribe(d=>{this.textCommentToolbarShadowDOM=d},d=>{this.loggingService.catch("Error in CommentPinComponent getTextCommentToolbarShadowDOM$ subscription: ",d)}))}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes(),this.subscriptions.push(this.wireframeService.getWireframe$("velt-text-comment-toolbar-wireframe").subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}}))}catch(e){this.loggingService.catch("Error in CommentBubbleComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","toolbar"),e.setAttribute("aria-label","Text comment tools")}catch(e){this.loggingService.catch("Error in TextCommentToolbarComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(Ee),u(N),u(qe),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-text-comment-toolbar"]],standalone:!1,features:[U([S]),B],decls:3,vars:2,consts:[["textCommentToolbarContainerRef",""],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[4,"ngIf"],[4,"veltIf"],["class","velt-text-comment-toolbar",3,"top","left","visibility","click","pointerdown","pointerup",4,"ngIf"],[1,"velt-text-comment-toolbar",3,"click","pointerdown","pointerup"],["class","velt-text-comment-toolbar--container",4,"veltDynamicTemplate"],[1,"velt-text-comment-toolbar--container"],[3,"componentConfigSignal",4,"ngIf"],[3,"componentConfigSignal"]],template:function(t,o){if(t&1&&g(0,A7e,2,1,"velt-shadow-dom-internal",1)(1,F7e,1,1,"ng-template",null,0,be),t&2){let r=de(2);c("ngIf",!o.template&&o.textCommentToolbarShadowDOM)("ngIfElse",r)}},styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}[_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-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-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-text-comment-toolbar[_ngcontent-%COMP%]{position:fixed;z-index:99999;transform:translate(-50%)}.velt-text-comment-toolbar--container[_ngcontent-%COMP%]{width:max-content;display:flex;align-items:center;padding:var(--velt-spacing-xs) var(--velt-spacing-sm);gap:var(--velt-spacing-sm);background:var(--velt-background-0);border:var(--velt-border-4);box-shadow:0 8px 16px #8f95b226;border-radius:var(--velt-border-radius-full);color:var(--velt-text-0)}"],changeDetection:0})}}return n})();var B7e=["commentAdderRef"],Use=(()=>{class n{constructor(e,t,o,r,a,s,d,p){this.analyticsService=e,this.authService=t,this.domService=o,this.iamService=r,this.commentService=a,this.loggingService=s,this.rewriterService=d,this.elementRef=p,this.componentConfigSignal=Se({position:{top:-1e3,left:-1e3},showAdder:!1,createAnnotation:this.createAnnotation.bind(this),disabled:!1,commentToolEnabled:!0,isPlanExpired:!1,isUserAllowed:!1,enableTextComments:!1,user:null,rewriterEnabled:!1,left:0,createRewriter:this.createRewriter.bind(this),selectedWordsCount:0,selectedCharactersCount:0,MIN_ALLOWED_WORDS_COUNT:3,MIN_ALLOWED_CHARACTERS_COUNT:7,MAX_ALLOWED_CHARACTERS_COUNT:8e3,variant:this.variant}),this.allowedElementIds=[],this.selectedCharactersCount=0,this.subscriptions=[],this.veltElement=!0,this.componentId="velt-comment-adder",this.subscriptions.push(this.commentService.getTextCommentMode$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{enableTextComments:h}),b))},h=>{this.loggingService.catch("Error in CommentAdderComponent getTextCommentMode$ subscription: ",h)})),this.subscriptions.push(this.commentService.getAllowedElementIds().subscribe(h=>{this.allowedElementIds=h},h=>{this.loggingService.catch("Error in CommentAdderComponent getAllowedElementIds subscription: ",h)})),this.subscriptions.push(this.commentService.getCommentTool$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{commentToolEnabled:h}),b))})),this.subscriptions.push(this.iamService.getFeaturesAccessLevel$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{disabled:!!h?.all?.disabled}),b))})),this.subscriptions.push(this.authService.getUser$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{user:h}),b))},h=>{this.loggingService.catch("Error in CommentAdderComponent getUser$ subscription: ",h)})),this.subscriptions.push(this.rewriterService.getRewriterEnabled$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{rewriterEnabled:h}),b))},h=>{this.loggingService.catch("Error in CommentAdderComponent getRewriterEnabled$ subscription: ",h)})),this.subscriptions.push(this.iamService.isUserAllowed$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{isUserAllowed:h}),b))},h=>{this.loggingService.catch("Error in CommentAdderComponent isUserAllowed$ subscription: ",h)})),this.subscriptions.push(this.authService.isPlanExpired$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{isPlanExpired:h}),b))},h=>{this.loggingService.catch("Error in CommentAdderComponent isPlanExpired$ subscription: ",h)}))}ngOnChanges(e){try{e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(o=>(o=T(I({},o),{[t]:e[t].currentValue}),o))})}catch(t){this.loggingService.catch("Error in CommentAdderComponent ngOnChanges: ",t)}}ngOnInit(){this.setupA11yAttributes(),this.domService.onSelectionChange$().subscribe(()=>{try{if(this.componentConfigSignal().enableTextComments&&this.componentConfigSignal().user&&!(this.componentConfigSignal().user?.isReadOnly||this.componentConfigSignal().user?.isAnonymous)&&this.authService.isFeatureAllowed(Me.COMMENT)){if(window.getSelection()?.toString()){let e=window.getSelection()?.toString(),t=XO(e||"").join(" ");this.componentConfigSignal.update(o=>(o=T(I({},o),{selectedWordsCount:t?.split(" ").length||0,selectedCharactersCount:t?.length||0}),o))}else this.componentConfigSignal.update(e=>(e=T(I({},e),{selectedWordsCount:0,selectedCharactersCount:0}),e));if(window.getSelection()?.toString()&&!QO()){let e=window.getSelection()?.getRangeAt(0);e.commonAncestorContainer&&this.commentService.isElementInsideAllowedElements(e.commonAncestorContainer)&&(ud(e.commonAncestorContainer)?this.clearSelection():(this.onSelection(),this.subscribeScrollChange()))}else this.clearSelection()}else this.clearSelection()}catch(e){this.loggingService.catch("Error in CommentAdderComponent onSelectionChange$: ",e)}},e=>{this.loggingService.catch("Error in CommentAdderComponent onSelectionChange$ subscription: ",e)})}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","application"),e.setAttribute("aria-label","Text comment adder")}catch(e){this.loggingService.catch("Error in CommentAdderComponent setupA11yAttributes:",e)}}subscribeScrollChange(){try{this.loggingService.log("%c[WB] Calling FUNCTION: subscribeScrollChange","color: green;"),this.scrollChangeSubscription&&this.scrollChangeSubscription.unsubscribe(),this.scrollChangeSubscription=Tn([this.domService.onWindowPointerUp$(),this.domService.getCurrentWindowSize$()]).subscribe(()=>{this.onSelection()})}catch(e){this.loggingService.catch("Error in CommentAdderComponent subscribeScrollChange: ",e)}}onSelection(){try{this.loggingService.log("%c[WB] Calling FUNCTION: onSelection","color: green;");let e=this.domService.getRange();if(e?.commonAncestorContainer){let t=e.getClientRects();if(t.length){let o=t[t.length-1];this.componentConfigSignal.update(r=>(r=T(I({},r),{position:{top:o.y+o.height+(r.rewriterEnabled?16:4),left:o.x+o.width-16}}),r)),this.onPositionUpdate(),this.componentConfigSignal.update(r=>(r=T(I({},r),{showAdder:!0}),r))}else this.clearSelection()}}catch(e){this.loggingService.catch("Error in CommentAdderComponent onSelection: ",e)}}createAnnotation(e,t){return J(this,null,function*(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: createAnnotation","color: green;"),yield _p(200),this.componentConfigSignal().user){let o=this.domService.getRange(),r=o?this.domService.getTargetTextRangeFromSelectionRange(o):void 0;this.domService.clearTextSelection(),setTimeout(()=>{if(e)this.rewriterService.addRewriter(void 0,r,t);else{let a=o?.commonAncestorContainer;a&&a.nodeType===Node.TEXT_NODE&&(a=a.parentElement);let s=this.commentService.getInlineCommentSectionConfig(a);this.commentService.addComment(void 0,r,void 0,void 0,void 0,void 0,void 0,void 0,s)}},100)}}catch(o){this.loggingService.catch("Error in CommentAdderComponent createAnnotation: ",o)}})}createRewriter(e){return J(this,null,function*(){try{this.loggingService.log("%c[WB] Calling FUNCTION: createRewriter","color: green;"),this.componentConfigSignal().selectedWordsCount>=this.componentConfigSignal().MIN_ALLOWED_WORDS_COUNT&&this.componentConfigSignal().selectedCharactersCount>=this.componentConfigSignal().MIN_ALLOWED_CHARACTERS_COUNT&&this.componentConfigSignal().selectedCharactersCount<this.componentConfigSignal().MAX_ALLOWED_CHARACTERS_COUNT?(this.createAnnotation(!0,e),e==="copywriter"?this.analyticsService.trackEvent(Z.Events.Rewriter.REWRITE_BUTTON_CLICKED,{charactersSelected:this.componentConfigSignal().selectedCharactersCount,wordsSelected:this.componentConfigSignal().selectedWordsCount,isMobileDevice:this.domService.isMobileDevice()}):this.analyticsService.trackEvent(Z.Events.Rewriter.REWRITE_PROMPT_BUTTON_CLICKED,{charactersSelected:this.componentConfigSignal().selectedCharactersCount,wordsSelected:this.componentConfigSignal().selectedWordsCount,isMobileDevice:this.domService.isMobileDevice()})):this.componentConfigSignal().selectedCharactersCount<this.componentConfigSignal().MIN_ALLOWED_CHARACTERS_COUNT?this.analyticsService.trackEvent(Z.Events.Rewriter.REWRITER_MIN_CHARACTER_NOT_MET,{minCharacterAllowed:this.componentConfigSignal().MIN_ALLOWED_CHARACTERS_COUNT,charactersSelected:this.componentConfigSignal().selectedCharactersCount,isMobileDevice:this.domService.isMobileDevice()}):this.componentConfigSignal().selectedCharactersCount>this.componentConfigSignal().MAX_ALLOWED_CHARACTERS_COUNT&&this.analyticsService.trackEvent(Z.Events.Rewriter.REWRITER_MAX_CHARACTER_NOT_MET,{maxCharacterAllowed:this.componentConfigSignal().MAX_ALLOWED_CHARACTERS_COUNT,charactersSelected:this.componentConfigSignal().selectedCharactersCount,isMobileDevice:this.domService.isMobileDevice()})}catch(t){this.loggingService.catch("Error in CommentAdderComponent createRewriter: ",t)}})}clearSelection(){try{this.loggingService.log("%c[WB] Calling FUNCTION: clearSelection","color: green;"),this.componentConfigSignal.update(e=>(e=T(I({},e),{showAdder:!1,position:{top:-1e3,left:-1e3}}),e)),this.onPositionUpdate(),this.scrollChangeSubscription&&this.scrollChangeSubscription.unsubscribe()}catch(e){this.loggingService.catch("Error in CommentAdderComponent clearSelection: ",e)}}onPositionUpdate(){try{let e=this.commentAdderRef?.nativeElement.getBoundingClientRect(),t=0,o=0;e&&(t=e.width/2,o=window.innerWidth-e.width/2);let r=this.componentConfigSignal().position.left;r<t&&(r=t),r>o&&(r=o),this.componentConfigSignal().position.left<0&&(r=this.componentConfigSignal().position.left),this.componentConfigSignal.update(a=>(a=T(I({},a),{left:r}),a))}catch(e){this.loggingService.catch("Error in CommentAdderComponent onPositionUpdate: ",e)}}ngOnDestroy(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;");try{this.unsubscribe()}catch(e){this.loggingService.catch("Error in CommentAdderComponent ondestroy: ",e)}}unsubscribe(){this.loggingService.log("%c[WB] Calling FUNCTION: unsubscribe","color: green;");try{this.subscriptions.map(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.loggingService.catch("Error in CommentAdderComponent unsubscribe: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(Xe),u(je),u(Fe),u(pn),u(Ee),u(_),u(fc),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-comment-adder"]],viewQuery:function(t,o){if(t&1&&nt(B7e,5),t&2){let r;Ke(r=Ze())&&(o.commentAdderRef=r.first)}},hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{variant:"variant"},standalone:!1,features:[We],decls:4,vars:7,consts:[["commentAdderRef",""],[3,"componentConfigSignal"]],template:function(t,o){t&1&&(D(0,"app-text-comment-tool",1),C(1,"div",null,0),D(3,"app-text-comment-toolbar",1),y()),t&2&&(c("componentConfigSignal",o.componentConfigSignal),E("data-testid",o.componentId+"-tool"),m(),E("data-testid",o.componentId+"-toolbar-container")("role","toolbar")("aria-label","Text comment tools")("aria-hidden",!o.componentConfigSignal().showAdder),m(2),c("componentConfigSignal",o.componentConfigSignal))},dependencies:[Zv,Xv],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}*[_ngcontent-%COMP%]{box-sizing:border-box;-webkit-tap-highlight-color:rgba(255,255,255,0);outline:none;margin:0;padding:0;line-height:1.5;color:#000;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit));-webkit-user-select:none;-ms-user-select:none;user-select:none}*[_ngcontent-%COMP%]:not(svg,rect,circle,ellipse,line,polyline,polygon,path,text,g,use,image,defs,hr){height:unset;width:unset}*[_ngcontent-%COMP%]:empty:not(svg,rect,circle,ellipse,line,polyline,polygon,path,text,g,use,image,defs,hr){display:revert}"],changeDetection:0})}}return n})();var U7e=["overlay"];function j7e(n,i){if(n&1&&D(0,"span",8),n&2){let e,t=l().ngIf;pe("index-3-digit",(t.commentPinAnnotation==null||t.commentPinAnnotation.annotationIndex==null||(e=t.commentPinAnnotation.annotationIndex.toString())==null?null:e.length)===3),E("data-comment-annotation-number","#"+(t.commentPinAnnotation==null?null:t.commentPinAnnotation.annotationIndex))}}function $7e(n,i){if(n&1){let e=W();f(0),C(1,"velt-multi-thread-comment-dialog-internal",10),H("saveComment",function(o){k(e);let r=l(3);return R(r.saveComment(o))})("pointerUp",function(o){k(e);let r=l(3);return R(r.togglePinSelection(o))}),y(),v()}if(n&2){let e=l(2).ngIf;m(),c("multiThreadAnnotationId",e.commentPinAnnotation.annotationId)("annotation",e.commentPinAnnotation)("user",e.user)("commentPinSelected",e.commentPinSelected)}}function H7e(n,i){if(n&1){let e=W();C(0,"snippyly-comment-dialog",11),H("saveComment",function(o){k(e);let r=l(3);return R(r.saveComment(o))}),y()}if(n&2){let e=l(2).ngIf;c("annotation",e.commentPinAnnotation)("user",e.user)("commentPinSelected",e.commentPinSelected)("inlineCommentMode",e.inlineCommentMode)("isInsidePdfViewer",e.isInsidePdfViewer)}}function z7e(n,i){if(n&1&&g(0,$7e,2,4,"ng-container",9)(1,H7e,1,5,"ng-template",null,2,be),n&2){let e=de(2),t=l().ngIf;c("ngIf",(t==null||t.commentPinAnnotation==null?null:t.commentPinAnnotation.type)==="multiThread")("ngIfElse",e)}}function G7e(n,i){if(n&1){let e=W();C(0,"snippyly-comment-bottom-sheet",12),H("saveComment",function(o){k(e);let r=l(2);return R(r.saveComment(o))}),y()}if(n&2){let e=l().ngIf;c("annotation",e.commentPinAnnotation)("user",e.user)("isInsidePdfViewer",e.isInsidePdfViewer)}}function W7e(n,i){if(n&1){let e=W();f(0),C(1,"snippyly-comment-text",4,0),H("pointerover",function(o){return k(e),l().onPointerOver(o),R(o.stopPropagation())})("pointerout",function(){k(e);let o=l();return R(o.onPointerOut())})("pointerdown",function(o){return k(e),R(o.stopPropagation())})("pointerup",function(o){return k(e),l().togglePinSelection(),R(o.stopPropagation())})("touchend",function(o){return k(e),o.stopPropagation(),R(o.preventDefault())})("click",function(o){return k(e),o.stopPropagation(),R(o.preventDefault())}),y(),g(3,j7e,1,3,"span",5)(4,z7e,3,2,"ng-template",6,1,be)(6,G7e,1,3,"snippyly-comment-bottom-sheet",7),v()}if(n&2){let e=i.ngIf,t=de(2),o=l();m(),pe("inline-comment-mode",e.inlineCommentMode&&!e.isInsidePdfViewer)("selected",e.commentPinHover||e.commentPinSelected),m(2),c("ngIf",e.last&&e.showCommentIndex&&(e.commentPinAnnotation==null?null:e.commentPinAnnotation.annotationIndex)),m(),c("cdkConnectedOverlayOrigin",t)("cdkConnectedOverlayOpen",(!e.mobileMode||!e.isPhone)&&!e.inboxMode&&!e.streamMode&&(!e.inlineCommentMode||e.isInsidePdfViewer)&&e.floatingCommentsEnabled&&(e.textClicked&&e.commentPinSelected||e.commentPinHover&&!e.commentPinSelected))("cdkConnectedOverlayOffsetY",e.overlayOriginY==="top"?-8:2)("cdkConnectedOverlayPanelClass","snippyly-overlay-panel")("cdkConnectedOverlayBackdropClass","snippyly-overlay-backdrop")("cdkConnectedOverlayLockPosition",!1)("cdkConnectedOverlayPositions",o.positions)("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayDisableClose",!0),m(2),c("ngIf",(e==null?null:e.user)&&e.mobileMode&&e.isPhone&&!e.sidebarVisible&&(!e.inlineCommentMode||e.isInsidePdfViewer)&&!e.inboxMode&&!e.streamMode&&e.floatingCommentsEnabled&&e.textClicked&&e.commentPinSelected)}}var aM=(()=>{class n{onEnter(e){this.onKeyupEnter&&this.onKeyupEnter()}constructor(e,t,o,r,a,s,d,p){this.analyticsService=e,this.authService=t,this.breakpointObserver=o,this.domService=r,this.commentService=a,this.loggingService=s,this.recorderService=d,this.elementRef=p,this.subscriptions=[],this.selectedAnnotationsMap={},this.customScrollableParentEventsListenersSubscriptions=[],this.isDialogOnHoverEnabled=!1,this.componentConfigSignal=Se({inlineCommentMode:!1,isInsidePdfViewer:!1,commentPinHover:!1,commentPinSelected:!1,first:!1,last:!1,showCommentIndex:!1,commentPinAnnotation:null,isPhone:!1,mobileMode:!1,streamMode:!1,inboxMode:!1,textClicked:!1,floatingCommentsEnabled:!0,sidebarVisible:!1,user:null,overlayOriginX:"start",overlayOriginY:"top"}),this.positions=V.OVERLAY_POSITIONS.map(h=>new Pi({originX:h.originX,originY:h.originY},{overlayX:h.overlayX,overlayY:h.overlayY})),this.veltElement=!0,this.componentId="velt-comment-text-portal",this.subscriptions.push(this.authService.getUser$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{user:h}),b))},h=>{this.catchError("Error in CommentTextPortalComponent getUser$ subscription: ",h)})),this.subscriptions.push(this.commentService.getSidebarVisibility$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{sidebarVisible:h}),b))},h=>{this.catchError("Error in CommentTextPortalComponent getSidebarVisibility$ subscription: ",h)})),this.subscriptions.push(this.commentService.showFloatingComments$().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{floatingCommentsEnabled:h}),b))},h=>{this.catchError("Error in CommentTextPortalComponent showFloatingComments$ subscription: ",h)})),this.subscriptions.push(this.commentService.getShowCommentIndex().subscribe(h=>{this.componentConfigSignal.update(b=>(b=T(I({},b),{showCommentIndex:h}),b))},h=>{this.catchError("Error in CommentTextPortalComponent getShowCommentIndex subscription: ",h)})),this.subscriptions.push(this.commentService.getEnableDialogOnHover$().subscribe(h=>{this.isDialogOnHoverEnabled=h},h=>{this.catchError("Error in CommentPinComponent getEnableDialogOnHover subscription: ",h)})),this.subscriptions.push(this.breakpointObserver.observe(Si.XSmall).subscribe(h=>{let b=!1;h.matches?b=!0:b=!1,this.componentConfigSignal.update(x=>(x=T(I({},x),{isPhone:b}),x))},h=>{this.catchError("Error in CommentTextPortalComponent breakpointObserver subscription: ",h)}))}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentTextPortalComponent ngOnInit:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentTextPortalComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{let e=this.element.childNodes[0];this.element.childNodes[1].childNodes[0].appendChild(e),this.componentConfigSignal.update(o=>{let r=lv(this.element,V.ATTRIBUTES.VELT_PDF_VIEWER);return o=T(I({},o),{isInsidePdfViewer:r}),o}),this.subscriptions.push(this.overlay?.positionChange?.subscribe(o=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{overlayOriginX:o.connectionPair.originX,overlayOriginY:o.connectionPair.originY}),r))},o=>{this.catchError("Error in CommentTextPortalComponent positionChange subscription: ",o)})),this.subscriptions.push(this.domService.getSelectedAnnotationsMap$().subscribe(o=>{this.selectedAnnotationsMap=o,this.checkPinSelection()},o=>{this.catchError("Error in CommentTextPortalComponent getSelectedAnnotationsMap$ subscription: ",o)})),this.subscriptions.push(this.commentService.getStreamMode$().subscribe(o=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{streamMode:o}),r))},o=>{this.catchError("Error in CommentTextPortalComponent getStreamMode$ subscription: ",o)})),this.subscriptions.push(this.commentService.getInboxMode$().subscribe(o=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{inboxMode:o}),r))},o=>{this.catchError("Error in CommentTextPortalComponent getInboxMode subscription: ",o)})),this.subscriptions.push(this.commentService.getMobileMode$().subscribe(o=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{mobileMode:o}),r))},o=>{this.catchError("Error in CommentTextPortalComponent getMobileMode$ subscription: ",o)})),this.subscriptions.push(this.commentService.getInlineCommentMode$().subscribe(o=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{inlineCommentMode:o}),r))},o=>{this.catchError("Error in CommentTextPortalComponent getInlineCommentMode$ subscription: ",o)})),this.subscriptions.push(this.recorderService.onInitRecording().subscribe(o=>{this.recorderInitConfig=o},o=>{this.catchError("Error in CommentTextPortalComponent onInitRecording subscription: ",o)}))}catch(e){this.catchError("Error in CommentTextPortalComponent AfterViewInit: ",e)}}setFirst(e){try{this.componentConfigSignal.update(t=>(t=T(I({},t),{first:e}),t))}catch(t){this.catchError("Error in CommentTextPortalComponent setFirst: ",t)}}setLast(e){try{this.componentConfigSignal.update(t=>(t=T(I({},t),{last:e}),t))}catch(t){this.catchError("Error in CommentTextPortalComponent setLast: ",t)}}setCommentPinAnnotation(e){try{this.componentConfigSignal.update(t=>(t=T(I({},t),{commentPinAnnotation:e}),t))}catch(t){this.catchError("Error in CommentTextPortalComponent setCommentPinAnnotation: ",t)}}setElement(e){try{this.element=e,this.element?this.customScrollableParents=fp(this.element):this.customScrollableParents=[],this.addCustomScrollableParentsEventListeners()}catch(t){this.catchError("Error in CommentTextPortalComponent setElement: ",t)}}checkPinSelection(){try{this.selectedAnnotationsMap[this.componentConfigSignal().commentPinAnnotation?.annotationId]?this.componentConfigSignal.update(e=>(e=T(I({},e),{commentPinSelected:!0}),e)):this.componentConfigSignal.update(e=>(e=T(I({},e),{commentPinSelected:!1,textClicked:!1}),e)),sessionStorage.getItem(V.SESSION_STORAGE.SNIPPYLY_AUTO_SELECT_ANNOTATION_ID)===this.componentConfigSignal().commentPinAnnotation.annotationId&&this.componentConfigSignal().last&&(this.componentConfigSignal.update(e=>(e=T(I({},e),{textClicked:!0}),e)),sessionStorage.removeItem(V.SESSION_STORAGE.SNIPPYLY_AUTO_SELECT_ANNOTATION_ID))}catch(e){this.catchError("Error in CommentTextPortalComponent checkPinSelection: ",e)}}onPointerOver(e){try{if(this.componentConfigSignal().commentPinHover)return;e.buttons?this.componentConfigSignal().commentPinHover&&this.componentConfigSignal.update(t=>(t=T(I({},t),{commentPinHover:!1}),t)):!this.componentConfigSignal().commentPinHover&&this.isDialogOnHoverEnabled&&this.componentConfigSignal.update(t=>(t=T(I({},t),{commentPinHover:!0}),t))}catch(t){this.catchError("Error in CommentTextPortalComponent onPointerOver: ",t)}}onPointerOut(){this.componentConfigSignal.update(e=>(e=T(I({},e),{commentPinHover:!1}),e))}togglePinSelection(e){try{if(this.recorderInitConfig?.isCommentRecording||this.componentConfigSignal().textClicked&&!e)return;let t=e||this.componentConfigSignal().commentPinAnnotation;if(this.selectedAnnotationsMap[t.annotationId])e||(document.querySelector(`[${V.ATTRIBUTES.VELT_ANNOTATION_DRAFT}="${t?.annotationId}"]`)?this.domService.resetSelectedAnnotationsMap(!0,"comments"):(this.componentConfigSignal.update(r=>(r=T(I({},r),{textClicked:!0}),r)),this.domService.toggleAnnotationSelection(t)));else{let o=document.querySelector(`[${V.ATTRIBUTES.VELT_ANNOTATION_DRAFT}]`);if(o||(o=(this.domService.getDraftCommentAnnotationDialogs()||[])[0]),o){let r=o.getAttribute(V.ATTRIBUTES.VELT_ANNOTATION_DRAFT);if(r){let a=document.getElementById(`comment-pin-container-${r}`)||document.querySelector(`[data-velt-id='${r}']`);a&&(a.scrollIntoView({behavior:"auto",block:"center",inline:"center"}),this.domService.resetSelectedAnnotationsMap(!0,"comments"))}}else this.domService.resetSelectedAnnotationsMap(!0,"comments"),this.componentConfigSignal.update(r=>(r=T(I({},r),{textClicked:!0}),r)),this.domService.toggleAnnotationSelection(t)}}catch(t){this.catchError("Error in CommentTextPortalComponent togglePinSelection: ",t)}}saveComment(e){try{this.commentService.saveComment(this.componentConfigSignal().commentPinAnnotation,e)}catch(t){this.catchError("Error in CommentTextPortalComponent saveComment: ",t)}}updateOverlayPosition(){try{this.loggingService.log("updateOverlayPosition",this.componentConfigSignal().commentPinAnnotation?.annotationId),this.overlay&&this.overlay?.overlayRef?.updatePosition()}catch(e){this.catchError("Error in CommentTextPortalComponent updateOverlayPosition: ",e)}}addCustomScrollableParentsEventListeners(){try{this.removeCustomScrollableParentsEventListeners(),this.customScrollableParents?.length&&this.customScrollableParents?.forEach(e=>{this.customScrollableParentEventsListenersSubscriptions.push(ni(e,"scroll").subscribe(t=>{this.updateOverlayPosition()},t=>{this.catchError("Error in CommentTextPortalComponent addCustomScrollableParentsEventListeners scroll subscription: ",t)}))})}catch(e){this.catchError("Error in CommentTextPortalComponent addCustomScrollableParentsEventListeners: ",e)}}removeCustomScrollableParentsEventListeners(){try{this.customScrollableParentEventsListenersSubscriptions.map(e=>{e.unsubscribe()}),this.customScrollableParentEventsListenersSubscriptions=[]}catch(e){this.catchError("Error in CommentTextPortalComponent removeCustomScrollableParentsEventListeners: ",e)}}ngOnDestroy(){this.loggingService.log("%c[WB] Calling FUNCTION: unsubscribe","color: green;");try{this.removeCustomScrollableParentsEventListeners(),this.subscriptions.map(e=>{e.unsubscribe()}),this.subscriptions=[]}catch(e){this.catchError("Error in CommentTextPortalComponent unsubscribe: ",e)}}catchError(e,t,o){try{this.loggingService.catch(e,t,T(I({},o||{}),{annotationId:this.componentConfigSignal()?.commentPinAnnotation?.annotationId}))}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(Xe),u(je),u(so),u(Fe),u(Ee),u(_),u(vi),u(N))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-comment-text-portal"]],viewQuery:function(t,o){if(t&1&&nt(U7e,5),t&2){let r;Ke(r=Ze())&&(o.overlay=r.first)}},hostVars:1,hostBindings:function(t,o){t&1&&H("keyup.enter",function(a){return o.onEnter(a)},!1,u4),t&2&&E("data-velt-element",o.veltElement)},standalone:!1,decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["overlay","cdkConnectedOverlay"],["commentDialogRef",""],[4,"ngIf"],["cdkOverlayOrigin","","data-velt-comment-disabled","true",1,"comment-text-highlight",3,"pointerover","pointerout","pointerdown","pointerup","touchend","click"],["class","comment-annotation-number",3,"index-3-digit",4,"ngIf"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayOffsetY","cdkConnectedOverlayPanelClass","cdkConnectedOverlayBackdropClass","cdkConnectedOverlayLockPosition","cdkConnectedOverlayPositions","cdkConnectedOverlayGrowAfterOpen","cdkConnectedOverlayDisableClose"],[3,"annotation","user","isInsidePdfViewer","saveComment",4,"ngIf"],[1,"comment-annotation-number"],[4,"ngIf","ngIfElse"],[3,"saveComment","pointerUp","multiThreadAnnotationId","annotation","user","commentPinSelected"],[3,"saveComment","annotation","user","commentPinSelected","inlineCommentMode","isInsidePdfViewer"],[3,"saveComment","annotation","user","isInsidePdfViewer"]],template:function(t,o){t&1&&g(0,W7e,7,15,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},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}*[_ngcontent-%COMP%]{box-sizing:border-box;margin:0;padding:0;height:inherit;width:inherit;text-align:inherit;line-height:inherit;font-size:inherit;text-transform:inherit;float:inherit;-webkit-text-fill-color:initial}*[_ngcontent-%COMP%]:empty{display:revert}[_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-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);font-family:inherit}.comment-text-highlight[_ngcontent-%COMP%]{cursor:pointer} snippyly-text-highlight.snippyly-text-highlight{color:var(--velt-black)} snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight{color:var(--velt-warning-hover);background-color:var(--velt-warning-transparent);border-bottom:1px solid var(--velt-warning-hover)} snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight.selected{color:var(--velt-black);background-color:var(--velt-warning)} snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight.inline-comment-mode{background-color:inherit} snippyly-text-highlight.snippyly-text-highlight .comment-text-highlight.inline-comment-mode.selected{background-color:inherit}.comment-annotation-number[_ngcontent-%COMP%]{border-radius:50%;border:1px solid var(--velt-gray);width:20px;height:20px;font-size:calc((.7rem + 0px) * var(--velt-base-rem-unit));display:inline-flex;justify-content:center;align-items:center;box-sizing:content-box;background:var(--velt-white);color:var(--velt-black);position:relative}.comment-annotation-number.index-3-digit[_ngcontent-%COMP%]{width:32px;height:32px}.comment-annotation-number[_ngcontent-%COMP%]:after{content:attr(data-comment-annotation-number);position:absolute;font-weight:400;letter-spacing:normal;word-spacing:normal}"],changeDetection:0})}}return n})();var sM=(()=>{class n{constructor(e,t,o,r,a,s,d){this.docService=e,this.domService=t,this.commentService=o,this.componentFactoryResolver=r,this.injector=a,this.appRef=s,this.loggingService=d,this.commentsTextById={},this.commonAncestorElementObservers=new Map,this.commonAncestorElementObserverCounts=new Map,this.inlineCommentMode=!1;try{this.commentService.getInlineCommentMode$().subscribe(p=>{this.inlineCommentMode=p})}catch(p){this.loggingService.catch("Error in CommentPinPortalService constructor: ",p)}}updateTextCommentAnnotations(e){try{this.checkToRemoveTextCommentAnnotations(e),e.forEach(t=>{this.updateTextCommentAnnotation(t)})}catch(t){this.loggingService.catch("Error in CommentPinPortalService updateTextCommentAnnotations: ",t)}}updateTextCommentAnnotation(e){let t=this.commentsTextById[e.annotationId];if(t)if(fo(t?.annotation?.targetTextRange,e?.targetTextRange)){let o=!1;t?.texts?.length?t.texts.forEach(r=>{document.body.contains(r?.textNode)||(o=!0)}):o=!0,o?(this.removeTextCommentAnnotation(e),this.getCommonAncestorContainer(e)):t.texts.forEach(r=>{r.portalRef&&r.portalRef.instance.setCommentPinAnnotation(e)})}else this.removeTextCommentAnnotation(e),this.getCommonAncestorContainer(e);else this.getCommonAncestorContainer(e)}getCommonAncestorContainer(e){try{let t=this.domService.getElementFromXPath(e?.targetTextRange?.commonAncestorContainer);if(t&&this.domService.isElementVisible(t)){let o=t?.nodeType===Node.ELEMENT_NODE?t:t?.parentElement;this.commentsTextById[e.annotationId]={texts:[],annotation:e,commonAncestorContainer:t,commonAncestorElement:o,commonAncestorText:o?.textContent},this.setTextCommentPortal(e),this.observeCommonAncestorElementChanges(e)}else this.setGhostComment(e)}catch(t){this.loggingService.catch("Error in CommentPinPortalService getCommonAncestorContainer: ",t)}}setTextCommentPortal(e){try{let t=this.commentsTextById[e.annotationId];if(t){let o=this.domService.getXPath(e?.targetTextRange?.commonAncestorContainer)?.iterateNext();if(e?.locationId&&this.docService.getLocation()?.locationId!==e?.locationId){let d=this.docService.getElementMapWithLocation();d[e?.locationId]&&(o=d[e?.locationId]?.element)}let r=ov(e.targetTextRange?.text,o,e.targetTextRange?.occurrence),a=!1;if(r?.forEach(s=>{s?.textNode?.parentElement?.closest("script")&&(a=!0)}),!a){let s=new Range;try{s.setStart(r[0].textNode,r[0].startOffset||0),s.setEnd(r[r.length-1].textNode,r[r.length-1].endOffset||0)}catch{}if(s.toString()===e.targetTextRange?.text){let d=Kv(s),p=[],h=d?.find(b=>!b?.textContent);if(h&&h?.remove(),d=d?.filter(b=>b?.textContent),d&&d.length){let b=-1,x=-1;if(d.forEach((P,z)=>{this.textHighlighterClass?this.domService.addClassToElement(P,this.textHighlighterClass):this.domService.addClassToElement(P,P.tagName?.toLowerCase()),P.setAttribute(V.ATTRIBUTES.VELT_ID,e.annotationId);let Y=P.childNodes[0],se=new Ro(aM),_e=new No(P,this.componentFactoryResolver,this.appRef,this.injector),Pe=_e.attach(se);Pe.instance.setCommentPinAnnotation(e),Pe.instance.setElement(P),Pe.instance.onKeyupEnter=()=>{this.onCommonAncestorElementChange(e)},b<0&&(b=z),x=z,p.push({host:_e,portal:se,portalRef:Pe,element:P,textNode:Y})}),b>=0&&p[b]?.portalRef&&p[b].portalRef.instance.setFirst(!0),x>=0&&p[x]?.portalRef&&p[x].portalRef.instance.setLast(!0),t.texts=p,this.inlineCommentMode&&!document.querySelector(`${V.TAGS.VELT_INLINE_COMMENT}[${V.ATTRIBUTES.VELT_INLINE_COMMENT_ID}="${e.annotationId}"]`)){let z=t.texts?.filter(se=>!!se?.element)?.map(se=>se?.element),Y=z?.length?z[z.length-1]:null;if(Y&&!lv(Y,V.ATTRIBUTES.VELT_PDF_VIEWER)){let _e=Y?.parentElement;if(_e){let Pe=document.createElement(V.TAGS.VELT_INLINE_COMMENT);Pe.setAttribute(V.ATTRIBUTES.VELT_INLINE_COMMENT_ID,e.annotationId),_e.insertAdjacentElement("afterend",Pe),t.inlineCommentElement=Pe}}}}this.removeGhostComment(e)}else this.setGhostComment(e)}}else this.setGhostComment(e)}catch(t){this.loggingService.catch("Error in CommentPinPortalService setTextCommentPortal: ",t)}}checkToRemoveTextCommentAnnotations(e){try{let t=e.map(r=>r.annotationId),o=!1;if(Object.keys(this.commentsTextById).forEach(r=>{t.includes(r)||(this.commentsTextById[r]?.annotation?.targetTextRange&&(o=!0),this.removeTextCommentAnnotation(this.commentsTextById[r].annotation))}),o){let r=[];Object.keys(this.commentsTextById).forEach(a=>{this.commentsTextById[a]?.annotation?.targetTextRange&&(r.push(this.commentsTextById[a]?.annotation),this.removeTextCommentAnnotation(this.commentsTextById[a]?.annotation))}),r?.length&&r.forEach(a=>{this.updateTextCommentAnnotation(a)})}}catch(t){this.loggingService.catch("Error in CommentPinPortalService checkToRemoveTextCommentAnnotations: ",t)}}removeTextCommentAnnotation(e){try{let t=this.commentsTextById[e.annotationId];if(t.texts.forEach(o=>{o?.host&&o.host.detach(),o?.element&&o?.textNode&&o.element.replaceWith(o.textNode),o.textNode&&o.textNode.parentNode?.normalize()}),t.texts?.length){let o=document.querySelectorAll(`${V.TAGS.SNIPPYLY_TEXT_HIGHLIGHT}[data-velt-id="${e?.annotationId}"]`);o?.length&&o.forEach(r=>{let a=r?.parentNode;if(r?.textContent){let s=document.createTextNode(r.textContent);r.replaceWith(s)}a&&a.normalize()})}t?.inlineCommentElement&&t?.inlineCommentElement?.remove(),this.checkToUnsubscribeCommonAncestorElementChanges(e),delete this.commentsTextById[e.annotationId]}catch(t){this.loggingService.catch("Error in CommentPinPortalService removeTextCommentAnnotation: ",t)}}observeCommonAncestorElementChanges(e){try{let t=this.commentsTextById[e.annotationId];if(t.commonAncestorElement){let o=this.commonAncestorElementObservers.get(t.commonAncestorElement);if(o)o.annotations.find(r=>r.annotationId===e.annotationId)||o.annotations.push(e);else{let r=new MutationObserver(a=>{let s="";if(ZO(t?.commonAncestorElement).forEach(p=>{p?.parentElement?.closest(".comment-annotation-number")||(s+=p.textContent)}),t?.commonAncestorText!==s&&a.filter(p=>[Node.ELEMENT_NODE,Node.TEXT_NODE].includes(p.target.nodeType)).filter(p=>p.target?.parentElement&&(p?.target?.parentElement?.classList?.contains("comment-text-highlight")||!Bi(p.target?.parentElement))).length){this.commonAncestorElementObservers.get(t.commonAncestorElement)?.annotations?.forEach(P=>{this.onCommonAncestorElementChange(P)});let{count:h,lastUpdated:b}=this.commonAncestorElementObserverCounts.get(t.commonAncestorElement)||{count:0,lastUpdated:0},x=Date.now();this.commonAncestorElementObserverCounts.set(t.commonAncestorElement,{count:x-b<100?h+1:1,lastUpdated:Date.now()}),h>5&&(r.disconnect(),this.loggingService.catch("Failed to detect text changes."))}});r.observe(t.commonAncestorElement,{characterData:!0,subtree:!0}),o={observer:r,annotations:[e]}}this.commonAncestorElementObservers.set(t.commonAncestorElement,o)}}catch(t){this.loggingService.catch("Error in CommentPinPortalService observeCommonAncestorElementChanges: ",t)}}onCommonAncestorElementChange(e){try{let t=this.commentsTextById[e.annotationId];if(t.texts?.length){let o="";t.texts.forEach(h=>o+=h.textNode?.textContent);let r=t.texts[0].textNode,a=[];document.querySelectorAll(`${V.TAGS.SNIPPYLY_TEXT_HIGHLIGHT}[data-velt-id="${e?.annotationId}"]`)?.forEach(h=>{a.push(h)});let s=!1;if(a?.length!==t?.texts?.length&&(s=!0),a?.length){let h="";a.forEach(b=>{h+=b?.textContent||""}),h&&(o=h,s&&this.removeTextCommentAnnotation(e))}let d=wu(t.commonAncestorContainer,0,r,0,o)+1,p={};p.commonAncestorContainer=e.targetTextRange?.commonAncestorContainer,p.text=o,p.occurrence=d,fo(e.targetTextRange,p)||(t.annotation.targetTextRange=p,this.updateAnnotationToFirebase(t.annotation))}else this.setTextCommentPortal(t.annotation)}catch(t){this.loggingService.catch("Error in CommentPinPortalService onCommonAncestorElementChange: ",t)}}updateAnnotationToFirebase(e){try{this.commentService.updateComment(e,!1,!0)}catch(t){this.loggingService.catch("Error in CommentPinPortalService updateAnnotationToFirebase: ",t)}}checkToUnsubscribeCommonAncestorElementChanges(e){try{let t=this.commentsTextById[e.annotationId];if(t.commonAncestorElement){let o=this.commonAncestorElementObservers.get(t.commonAncestorElement);o&&(o.annotations=o?.annotations.filter(r=>r.annotationId!==e.annotationId),o.annotations.length||this.unsubscribeCommonAncestorElementChanges(e))}}catch(t){this.loggingService.catch("Error in CommentPinPortalService checkToUnsubscribeCommonAncestorElementChanges: ",t)}}setGhostComment(e){try{e.ghostComment={},this.commentService.setGhostCommentMessage(e),this.commentService.addAnnotationToGhostCommentAnnotationMap(e)}catch(t){this.loggingService.catch("Error in CommentPinPortalService setGhostComment: ",t)}}removeGhostComment(e){try{delete e.ghostComment,this.commentService.removeAnnotationFromGhostCommentAnnotationMap(e)}catch(t){this.loggingService.catch("Error in CommentPinPortalService removeGhostComment: ",t)}}onAcceptComment(e){try{let t=this.commentsTextById[e.annotationId];if(t?.texts?.length){let o=t.texts.length-1,r=t.texts[o].textNode;if(r&&r.parentNode){let a=e.comments?.length?e.comments[0]:null,s=sv(a?.replaceContentHtml)?null:a?.replaceContentHtml,d=a?.replaceContentText||a?.commentText||"";if(sv(s)&&!a?.replaceContentText&&(s=a?.commentHtml||""),e?.selectAllContent&&e?.targetElementId){let p=lr(e.targetElementId,["id","data-id"]);p&&(p.innerHTML=this.domService.sanitizeHtml(sv(s)?d||"":s||""))}else{if(s&&s!==d){let p=document.createElement("span");p.innerHTML=this.domService.sanitizeHtml(s||d||""),r.parentNode.replaceChild(p,r),t.texts[o].textNode=p}else t.texts[o].textNode.textContent=d||"";for(let p=0;p<o;p++){let h=t.texts[p].textNode;h&&(h.textContent="")}}this.removeTextCommentAnnotation(e),this.domService.resetSelectedAnnotationsMap()}}}catch(t){this.loggingService.catch("Error in CommentPinPortalService onAcceptComment: ",t)}}unsubscribeCommonAncestorElementChanges(e){try{let t=this.commentsTextById[e.annotationId];this.commonAncestorElementObservers.get(t.commonAncestorElement)?.observer?.disconnect(),this.commonAncestorElementObservers.delete(t.commonAncestorElement)}catch(t){this.loggingService.catch("Error in CommentPinPortalService unsubscribeCommonAncestorElementChanges: ",t)}}static{this.\u0275fac=function(t){return new(t||n)(Q(at),Q(Fe),Q(Ee),Q(So),Q(It),Q(li),Q(_))}}static{this.\u0275prov=we({token:n,factory:n.\u0275fac,providedIn:"root"})}}return n})();var Cm=class{constructor(){this.type="contact"}};var $se=n=>({componentConfigSignal:n}),q7e=(n,i)=>({condition:n,data:i}),Y7e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-chip-tooltip-description-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),K7e=()=>({});function Z7e(n,i){n&1&&$e(0)}function X7e(n,i){if(n&1&&(f(0),g(1,Z7e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(3);m(),c("ngTemplateOutlet",e)}}function Q7e(n,i){n&1&&$e(0)}function J7e(n,i){if(n&1&&(f(0),g(1,Q7e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(5);m(),c("ngTemplateOutlet",e)}}function e8e(n,i){n&1&&$e(0)}function t8e(n,i){if(n&1&&(f(0),g(1,e8e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(7);m(),c("ngTemplateOutlet",e)}}function n8e(n,i){if(n&1&&(f(0),g(1,X7e,2,1,"ng-container",3)(2,J7e,2,1,"ng-container",3)(3,t8e,2,1,"ng-container",3),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null?null:e.type)==="contact"),m(),c("ngIf",(e==null?null:e.type)==="custom"),m(),c("ngIf",(e==null?null:e.type)==="group")}}function i8e(n,i){if(n&1&&(ee(0),w(1,"translate")),n&2){let e=l(2).ngIf;ve(" ",A(1,1,(e==null||e.contact==null?null:e.contact.email)||(e==null?null:e.email))," ")}}function o8e(n,i){if(n&1&&(ee(0),w(1,"translate")),n&2){let e=l(2).ngIf;ve(" ",A(1,1,e==null||e.custom==null||e.custom.custom==null?null:e.custom.custom.description)," ")}}function r8e(n,i){if(n&1&&(f(0),ee(1),w(2,"translate"),v()),n&2){let e,t=l(3).ngIf,o=l();m(),mr(" ",(e=o.objectKeys((t==null||t.group==null||t.group.group==null?null:t.group.group.users)||Mt(4,K7e)))==null?null:e.length," ",A(2,2,"members")," ")}}function a8e(n,i){if(n&1&&g(0,r8e,3,5,"ng-container",3),n&2){let e=l(2).ngIf;c("ngIf",e==null||e.group==null?null:e.group.group)}}function s8e(n,i){if(n&1&&(f(0),g(1,n8e,4,3,"ng-container",5)(2,i8e,2,3,"ng-template",null,0,be)(4,o8e,2,3,"ng-template",null,1,be)(6,a8e,1,1,"ng-template",null,2,be),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,Y7e,t.template,M(1,$se,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function l8e(n,i){if(n&1&&(f(0),g(1,s8e,8,9,"ng-container",4),v()),n&2){let e=l();m(),c("veltIf",F(3,q7e,e.conditionSignal(),M(1,$se,e.componentConfigSignal)))}}var QS=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.objectKeys=Object.keys,super.initializeComponentConfigSignal(new Cm)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipDescriptionComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipDescriptionComponent ngOnDestroy:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-chip-tooltip-description-internal"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["contacEmailRef",""],["customDescriptionRef",""],["groupDescriptionRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngTemplateOutlet"]],template:function(t,o){t&1&&g(0,l8e,2,6,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var Hse=n=>({componentConfigSignal:n}),c8e=(n,i)=>({condition:n,data:i}),m8e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-chip-tooltip-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function d8e(n,i){n&1&&$e(0)}function p8e(n,i){if(n&1&&(f(0),g(1,d8e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(3);m(),c("ngTemplateOutlet",e)}}function g8e(n,i){n&1&&$e(0)}function u8e(n,i){if(n&1&&(f(0),g(1,g8e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(5);m(),c("ngTemplateOutlet",e)}}function h8e(n,i){n&1&&$e(0)}function f8e(n,i){if(n&1&&(f(0),g(1,h8e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(7);m(),c("ngTemplateOutlet",e)}}function v8e(n,i){if(n&1&&(f(0),g(1,p8e,2,1,"ng-container",3)(2,u8e,2,1,"ng-container",3)(3,f8e,2,1,"ng-container",3),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null?null:e.type)==="contact"),m(),c("ngIf",(e==null?null:e.type)==="custom"),m(),c("ngIf",(e==null?null:e.type)==="group")}}function C8e(n,i){if(n&1&&D(0,"snippyly-user-avatar",7),n&2){let e=l(2).ngIf;c("size",32)("user",e==null?null:e.contact)}}function _8e(n,i){if(n&1&&(D(0,"div",11),w(1,"safeSvg")),n&2){let e=l(3).ngIf;c("innerHtml",A(1,1,e==null||e.custom==null||e.custom.custom==null||e.custom.custom.icon==null?null:e.custom.custom.icon.svg),Ui)}}function y8e(n,i){if(n&1&&D(0,"img",12),n&2){let e=l(3).ngIf;c("src",e==null||e.custom==null||e.custom.custom==null||e.custom.custom.icon==null?null:e.custom.custom.icon.url,ln)}}function S8e(n,i){if(n&1&&(g(0,_8e,2,3,"div",8),C(1,"div",9),g(2,y8e,1,1,"img",10),y()),n&2){let e=l(2).ngIf;c("ngIf",e==null||e.custom==null||e.custom.custom==null||e.custom.custom.icon==null?null:e.custom.custom.icon.svg),m(2),c("ngIf",e==null||e.custom==null||e.custom.custom==null||e.custom.custom.icon==null?null:e.custom.custom.icon.url)}}function b8e(n,i){n&1&&(C(0,"div",13),ie(),C(1,"svg",14),D(2,"path",15),y()())}function I8e(n,i){if(n&1&&(f(0),g(1,v8e,4,3,"ng-container",5)(2,C8e,1,2,"ng-template",null,0,be)(4,S8e,3,2,"ng-template",null,1,be)(6,b8e,3,0,"ng-template",null,2,be),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,m8e,t.template,M(1,Hse,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function E8e(n,i){if(n&1&&(f(0),g(1,I8e,8,9,"ng-container",4),v()),n&2){let e=l();m(),c("veltIf",F(3,c8e,e.conditionSignal(),M(1,Hse,e.componentConfigSignal)))}}var JS=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,super.initializeComponentConfigSignal(new Cm)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipIconComponent ngOnDestroy:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-chip-tooltip-icon-internal"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["contactAvatarRef",""],["customIconRef",""],["groupIconRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngTemplateOutlet"],[1,"comment-dialog-user-avatar",3,"size","user"],["class","velt-autocomplete-chip-tooltip--icon-svg",3,"innerHtml",4,"ngIf"],[1,"velt-autocomplete-chip-tooltip--icon-img"],[3,"src",4,"ngIf"],[1,"velt-autocomplete-chip-tooltip--icon-svg",3,"innerHtml"],[3,"src"],[1,"velt-autocomplete-chip-tooltip--group-icon","velt-autocomplete-chip-tooltip--icon-svg"],["xmlns","http://www.w3.org/2000/svg","fill","rgb(233, 242, 255)","width","16","height","16","viewBox","0 0 16 16",1,"bi","bi-people-fill"],["d","M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"]],template:function(t,o){t&1&&g(0,E8e,2,6,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-autocomplete-chip-tooltip--group-icon[_ngcontent-%COMP%]{width:100%;height:100%;padding:var(--velt-spacing-xs);display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#ffffff0a,#ffffff0a),linear-gradient(0deg,#3772ff14,#3772ff14);box-sizing:border-box}.velt-autocomplete-chip-tooltip--icon-svg[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:var(--velt-text-0)}.velt-autocomplete-chip-tooltip--icon-img[_ngcontent-%COMP%]{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.velt-autocomplete-chip-tooltip--icon-img[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:16px;height:16px;object-fit:cover}"],changeDetection:0})}}return n})();var zse=n=>({componentConfigSignal:n}),x8e=(n,i)=>({condition:n,data:i}),T8e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-chip-tooltip-name-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function D8e(n,i){n&1&&$e(0)}function w8e(n,i){if(n&1&&(f(0),g(1,D8e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(3);m(),c("ngTemplateOutlet",e)}}function A8e(n,i){n&1&&$e(0)}function O8e(n,i){if(n&1&&(f(0),g(1,A8e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(5);m(),c("ngTemplateOutlet",e)}}function P8e(n,i){n&1&&$e(0)}function M8e(n,i){if(n&1&&(f(0),g(1,P8e,1,0,"ng-container",6),v()),n&2){l(2);let e=de(7);m(),c("ngTemplateOutlet",e)}}function k8e(n,i){if(n&1&&(f(0),g(1,w8e,2,1,"ng-container",3)(2,O8e,2,1,"ng-container",3)(3,M8e,2,1,"ng-container",3),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null?null:e.type)==="contact"),m(),c("ngIf",(e==null?null:e.type)==="custom"),m(),c("ngIf",(e==null?null:e.type)==="group")}}function R8e(n,i){if(n&1&&(ee(0),w(1,"translate")),n&2){let e=l(2).ngIf;ve(" ",A(1,1,e==null||e.contact==null?null:e.contact.name)," ")}}function N8e(n,i){if(n&1&&(ee(0),w(1,"translate")),n&2){let e=l(2).ngIf;ve(" ",A(1,1,e==null||e.custom==null||e.custom.custom==null?null:e.custom.custom.name)," ")}}function F8e(n,i){if(n&1&&(ee(0),w(1,"translate")),n&2){let e=l(2).ngIf;ve(" ",A(1,1,(e==null||e.group==null||e.group.group==null||e.group.group.metadata==null?null:e.group.group.metadata.groupName)||(e==null||e.group==null?null:e.group.text))," ")}}function L8e(n,i){if(n&1&&(f(0),g(1,k8e,4,3,"ng-container",5)(2,R8e,2,3,"ng-template",null,0,be)(4,N8e,2,3,"ng-template",null,1,be)(6,F8e,2,3,"ng-template",null,2,be),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,T8e,t.template,M(1,zse,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function B8e(n,i){if(n&1&&(f(0),g(1,L8e,8,9,"ng-container",4),v()),n&2){let e=l();m(),c("veltIf",F(3,x8e,e.conditionSignal(),M(1,zse,e.componentConfigSignal)))}}var eb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,super.initializeComponentConfigSignal(new Cm)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipIconComponent ngOnDestroy:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-chip-tooltip-name-internal"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["contactNameRef",""],["customNameRef",""],["groupNameRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngTemplateOutlet"]],template:function(t,o){t&1&&g(0,B8e,2,6,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var Gse=n=>({componentConfigSignal:n}),V8e=(n,i)=>({condition:n,data:i}),U8e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-chip-tooltip-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function j8e(n,i){n&1&&$e(0)}function $8e(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,j8e,1,0,"ng-container",4),y()),n&2){l();let e=de(3);m(),c("ngTemplateOutlet",e)}}function H8e(n,i){if(n&1&&(C(0,"div",6)(1,"div",7),D(2,"velt-autocomplete-chip-tooltip-icon-internal",8),y(),C(3,"div",9)(4,"div",10),D(5,"velt-autocomplete-chip-tooltip-name-internal",8),y(),C(6,"div",11),D(7,"velt-autocomplete-chip-tooltip-description-internal",8),y()()()),n&2){let e=l(4);m(2),c("componentConfigSignal",e.componentConfigSignal),m(3),c("componentConfigSignal",e.componentConfigSignal),m(2),c("componentConfigSignal",e.componentConfigSignal)}}function z8e(n,i){if(n&1&&g(0,H8e,8,3,"div",5),n&2){let e=l(2).ngIf,t=l();c("veltDynamicTemplate",j(3,U8e,t.template,M(1,Gse,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function G8e(n,i){if(n&1&&(f(0),g(1,$8e,2,1,"velt-shadow-dom-internal",3)(2,z8e,1,9,"ng-template",null,0,be),v()),n&2){let e=de(3),t=l(2);m(),c("ngIf",t.shadowDom&&!t.template)("ngIfElse",e)}}function W8e(n,i){if(n&1&&(f(0),g(1,G8e,4,2,"ng-container",2),v()),n&2){let e=l();m(),c("veltIf",F(3,V8e,e.conditionSignal(),M(1,Gse,e.componentConfigSignal)))}}var Qv=(()=>{class n extends tt{constructor(e,t,o,r,a){super(o,r,void 0,void 0,void 0,a,e),this.loggingService=e,this.wireframeService=t,this.elementRef=o,this.themeService=r,this.dynamicDataService=a,this.shadowDom=!1,this.subscriptions=[],super.initializeComponentConfigSignal(new Cm)}ngOnInit(){try{super.ngOnInit(),this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),this.subscriptions.push(this.wireframeService.getWireframe$("velt-autocomplete-chip-tooltip-wireframe").subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}}))}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(N),u(qe),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-chip-tooltip-internal"]],inputs:{shadowDom:"shadowDom",variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["tooltipContainerRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["class","velt-autocomplete-chip-tooltip",4,"veltDynamicTemplate"],[1,"velt-autocomplete-chip-tooltip"],[1,"velt-autocomplete-chip-tooltip--icon"],[3,"componentConfigSignal"],[1,"velt-autocomplete-chip-tooltip--content"],[1,"velt-autocomplete-chip-tooltip--name"],[1,"velt-autocomplete-chip-tooltip--description"]],template:function(t,o){t&1&&g(0,W8e,2,6,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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-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-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-autocomplete-chip-tooltip[_ngcontent-%COMP%]{display:flex;background:var(--velt-background-0);border-radius:var(--velt-border-radius-sm);padding:var(--velt-spacing-md);margin:var(--velt-spacing-xs) 0;box-shadow:0 4px 21px #00000014;gap:var(--velt-spacing-md);max-width:256px;line-height:1.3;align-items:center}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--icon[_ngcontent-%COMP%]{width:32px;height:32px;border-radius:var(--velt-border-radius-full);overflow:hidden;flex-shrink:0}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--icon[_ngcontent-%COMP%] snippyly-user-avatar[_ngcontent-%COMP%]{display:flex}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--icon[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--icon-svg[_ngcontent-%COMP%]{width:100%;height:100%;padding:var(--velt-spacing-xs);display:flex;align-items:center;justify-content:center;background:linear-gradient(0deg,#ffffff0a,#ffffff0a),linear-gradient(0deg,#3772ff14,#3772ff14);box-sizing:border-box}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--icon[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--icon-svg[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{width:100%;height:100%}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--icon[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:100%;object-fit:cover}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--content[_ngcontent-%COMP%]{display:flex;flex-direction:column}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--content[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--name[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);font-weight:400;line-height:21px;text-align:left;word-break:break-word;color:var(--velt-text-0)}.velt-autocomplete-chip-tooltip[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--content[_ngcontent-%COMP%] .velt-autocomplete-chip-tooltip--description[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xs);font-weight:400;line-height:17px;letter-spacing:.01em;text-align:left;color:var(--velt-text-5);word-break:break-word}"],changeDetection:0})}}return n})();var _s=class{constructor(){this.onOptionClick=()=>{},this.newUserContactError=void 0,this.newUserContact=void 0,this.expandMentionGroups=!1,this.showMentionGroupsFirst=!1,this.showMentionGroupsOnly=!1}};var _$=n=>({$implicit:n}),Y8e=(n,i)=>({componentConfigSignal:n,userContact:i}),y$=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-option-description-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),K8e=(n,i)=>({componentConfigSignal:n,custom:i}),Z8e=(n,i)=>({componentConfigSignal:n,group:i}),Wse=()=>({});function X8e(n,i){n&1&&$e(0)}function Q8e(n,i){if(n&1&&(f(0),g(1,X8e,1,0,"ng-container",4),v()),n&2){l();let e=de(5),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,_$,t.selectorItem==null?null:t.selectorItem.contact))}}function J8e(n,i){n&1&&$e(0)}function eke(n,i){if(n&1&&(f(0),g(1,J8e,1,0,"ng-container",4),v()),n&2){l();let e=de(7),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,_$,t.selectorItem==null?null:t.selectorItem.custom))}}function tke(n,i){n&1&&$e(0)}function nke(n,i){if(n&1&&(f(0),g(1,tke,1,0,"ng-container",4),v()),n&2){l();let e=de(9),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,_$,t.selectorItem==null?null:t.selectorItem.group))}}function ike(n,i){if(n&1&&(C(0,"p",6),ee(1),w(2,"translate"),y()),n&2){let e=l(2).$implicit,t=l(2);pe("velt-autocomplete-option-description--secondary",(e.name==null?null:e.name.length)>0),E("aria-label",t.field?e[t.field]:e.email),m(),ve(" ",t.field?e[t.field]:A(2,4,e.email)," ")}}function oke(n,i){if(n&1&&(f(0),g(1,ike,3,6,"p",5),v()),n&2){let e=l().$implicit,t=l().ngIf,o=l();m(),c("veltDynamicTemplate",j(4,y$,o.template,F(1,Y8e,o.componentConfigSignal,e),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function rke(n,i){if(n&1&&g(0,oke,2,10,"ng-container",3),n&2){let e=i.$implicit,t=l(2);c("ngIf",t.field?e==null?null:e[t.field]:(e.email==null?null:e.email.length)>0&&(e.name==null?null:e.name.length)>0)}}function ake(n,i){if(n&1&&(C(0,"p",6),ee(1),w(2,"translate"),y()),n&2){let e=l(2).$implicit;E("aria-label",e.description),m(),ve(" ",A(2,2,e.description)," ")}}function ske(n,i){if(n&1&&(f(0),g(1,ake,3,4,"p",7),v()),n&2){let e=l().$implicit,t=l().ngIf,o=l();m(),c("veltDynamicTemplate",j(4,y$,o.template,F(1,K8e,o.componentConfigSignal,e),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function lke(n,i){if(n&1&&g(0,ske,2,10,"ng-container",3),n&2){let e=i.$implicit;c("ngIf",(e.description==null?null:e.description.length)>0)}}function cke(n,i){if(n&1&&(C(0,"p",6),ee(1),w(2,"translate"),y()),n&2){let e,t,o=l().$implicit,r=l(2);E("aria-label",((e=r.objectKeys((o==null?null:o.users)||Mt(5,Wse)))==null?null:e.length)+" members"),m(),mr(" ",(t=r.objectKeys((o==null?null:o.users)||Mt(6,Wse)))==null?null:t.length," ",A(2,3,"members")," ")}}function mke(n,i){if(n&1&&(f(0),g(1,cke,3,7,"p",7),v()),n&2){let e=i.$implicit,t=l().ngIf,o=l();m(),c("veltDynamicTemplate",j(4,y$,o.template,F(1,Z8e,o.componentConfigSignal,e),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function dke(n,i){if(n&1&&(f(0),g(1,Q8e,2,4,"ng-container",3)(2,eke,2,4,"ng-container",3)(3,nke,2,4,"ng-container",3)(4,rke,1,1,"ng-template",null,0,be)(6,lke,1,1,"ng-template",null,1,be)(8,mke,2,10,"ng-template",null,2,be),v()),n&2){let e=l();m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="contact"),m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="custom"),m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="group")}}var tb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.objectKeys=Object.keys,this.componentId="velt-autocomplete-option-description",super.initializeComponentConfigSignal(new _s)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,selectorItem:this.selectorItem}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in AutocompleteOptionDescriptionComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in AutocompleteOptionDescriptionComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in AutocompleteOptionDescriptionComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-option-description-internal"]],inputs:{selectorItem:"selectorItem",field:"field"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["contactEmailRef",""],["customDescriptionRef",""],["groupDescriptionRef",""],[4,"ngIf"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["class","line-height-1 velt-autocomplete-option-description",3,"velt-autocomplete-option-description--secondary",4,"veltDynamicTemplate"],[1,"line-height-1","velt-autocomplete-option-description"],["class","line-height-1 velt-autocomplete-option-description",4,"veltDynamicTemplate"]],template:function(t,o){t&1&&g(0,dke,10,3,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{display:block}.velt-autocomplete-option-description[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;color:var(--velt-text-8);font-size:var(--velt-font-size-xs);margin:0;line-height:18px}"],changeDetection:0})}}return n})();var pke=n=>({$implicit:n}),gke=(n,i,e)=>({componentConfigSignal:n,isNewContact:i,userContact:e}),uke=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-option-error-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function hke(n,i){n&1&&$e(0)}function fke(n,i){if(n&1&&(f(0),g(1,hke,1,0,"ng-container",2),v()),n&2){l();let e=de(3),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,pke,t.selectorItem==null?null:t.selectorItem.contact))}}function vke(n,i){if(n&1&&(C(0,"div",6)(1,"div",7),ie(),C(2,"svg",8),D(3,"path",9)(4,"path",10),y()()()),n&2){let e=l(3).ngIf,t=l();m(),c("title",e.newUserContactError),E("title",e.newUserContactError)("data-testid",t.componentId+"-icon"),m(),E("data-testid",t.componentId+"-svg")}}function Cke(n,i){if(n&1&&(C(0,"div",4),w(1,"translate"),g(2,vke,5,4,"div",5),y()),n&2){let e=l().$implicit,t=l().ngIf,o=l();E("aria-label",A(1,3,(t==null?null:t.newUserContactError)||"Invalid contact"))("data-testid",o.componentId),m(2),c("veltDynamicTemplate",j(9,uke,o.template,He(5,gke,o.componentConfigSignal,o.isNewContact,e),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function _ke(n,i){if(n&1&&g(0,Cke,3,15,"div",3),n&2){let e=l().ngIf,t=l();c("ngIf",t.isNewContact&&e.newUserContactError)}}function yke(n,i){if(n&1&&(f(0),g(1,fke,2,4,"ng-container",1)(2,_ke,1,1,"ng-template",null,0,be),v()),n&2){let e=l();m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="contact")}}var nb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-autocomplete-error-icon",super.initializeComponentConfigSignal(new _s)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,selectorItem:this.selectorItem,isNewContact:this.isNewContact}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in AutocompleteOptionErrorIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in AutocompleteOptionErrorIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in AutocompleteOptionErrorIconComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-option-error-icon-internal"]],inputs:{selectorItem:"selectorItem",isNewContact:"isNewContact"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["errorIconRef",""],[4,"ngIf"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["role","alert",4,"ngIf"],["role","alert"],["class","velt-autocomplete-option-error-icon",4,"veltDynamicTemplate"],[1,"velt-autocomplete-option-error-icon"],[1,"s-flex",3,"title"],["xmlns","http://www.w3.org/2000/svg","width","16","height","16","fill","currentColor","viewBox","0 0 16 16","aria-hidden","true","focusable","false",1,"bi","bi-exclamation-triangle"],["fill","red","d","M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016.146.146 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.163.163 0 0 1-.054.06.116.116 0 0 1-.066.017H1.146a.115.115 0 0 1-.066-.017.163.163 0 0 1-.054-.06.176.176 0 0 1 .002-.183L7.884 2.073a.147.147 0 0 1 .054-.057zm1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566z"],["fill","red","d","M7.002 12a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995z"]],template:function(t,o){t&1&&g(0,yke,4,1,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-autocomplete-option-error-icon[_ngcontent-%COMP%]{margin-inline:var(--velt-spacing-lg)}.velt-autocomplete-option-error-icon[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{background-color:transparent;border:none;padding:0;margin:0;cursor:pointer;outline:none;color:var(--velt-text-1)}"],changeDetection:0})}}return n})();var Ske=(n,i)=>({componentConfigSignal:n,selectorItem:i}),bke=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-option-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),S$=n=>({$implicit:n});function Ike(n,i){n&1&&$e(0)}function Eke(n,i){if(n&1&&(f(0),g(1,Ike,1,0,"ng-container",7),v()),n&2){l(2);let e=de(3),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,S$,t.selectorItem==null?null:t.selectorItem.contact))}}function xke(n,i){n&1&&$e(0)}function Tke(n,i){if(n&1&&(f(0),g(1,xke,1,0,"ng-container",7),v()),n&2){l(2);let e=de(5),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,S$,t.selectorItem==null?null:t.selectorItem.custom))}}function Dke(n,i){n&1&&$e(0)}function wke(n,i){if(n&1&&(f(0),g(1,Dke,1,0,"ng-container",7),v()),n&2){l(2);let e=de(7),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,S$,t.selectorItem==null?null:t.selectorItem.group))}}function Ake(n,i){if(n&1&&(C(0,"div",6),g(1,Eke,2,4,"ng-container",4)(2,Tke,2,4,"ng-container",4)(3,wke,2,4,"ng-container",4),y()),n&2){let e=l(2);E("data-testid",e.componentId)("aria-label","Option icon"),m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="contact"),m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="custom"),m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="group")}}function Oke(n,i){if(n&1&&(f(0),ie(),C(1,"svg",9),D(2,"path",10),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId+"-contact-at")}}function Pke(n,i){if(n&1&&D(0,"snippyly-user-avatar",11),n&2){let e=l().$implicit,t=l(2);c("size",32)("user",e),E("data-testid",t.componentId+"-contact-avatar")}}function Mke(n,i){if(n&1&&g(0,Oke,3,1,"ng-container",8)(1,Pke,1,3,"ng-template",null,3,be),n&2){let e=i.$implicit,t=de(2);c("ngIf",(e==null?null:e.visibility)==="here")("ngIfElse",t)}}function kke(n,i){if(n&1&&(f(0),D(1,"div",12),w(2,"safeSvg"),v()),n&2){let e=l().$implicit,t=l(2);m(),c("innerHTML",A(2,2,e.icon.svg),Ui),E("data-testid",t.componentId+"-custom-svg")}}function Rke(n,i){if(n&1&&(f(0),D(1,"img",13),v()),n&2){let e=l().$implicit,t=l(2);m(),c("src",e.icon.url,ln),E("alt",(e==null?null:e.description)||"Custom icon")("data-testid",t.componentId+"-custom-img")}}function Nke(n,i){if(n&1&&g(0,kke,3,4,"ng-container",4)(1,Rke,2,3,"ng-container",4),n&2){let e=i.$implicit;c("ngIf",e==null||e.icon==null?null:e.icon.svg),m(),c("ngIf",e==null||e.icon==null?null:e.icon.url)}}function Fke(n,i){if(n&1&&(ie(),C(0,"svg",14),D(1,"path",15),y()),n&2){let e=l(2);E("data-testid",e.componentId+"-group-icon")}}function Lke(n,i){if(n&1&&(f(0),g(1,Ake,4,5,"div",5)(2,Mke,3,2,"ng-template",null,0,be)(4,Nke,2,2,"ng-template",null,1,be)(6,Fke,2,1,"ng-template",null,2,be),v()),n&2){let e=i.ngIf,t=l();m(),c("veltDynamicTemplate",j(4,bke,t.template,F(1,Ske,t.componentConfigSignal,t.selectorItem),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}var ib=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-autocomplete-icon",super.initializeComponentConfigSignal(new _s)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,selectorItem:this.selectorItem}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in AutocompleteOptionIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in AutocompleteOptionIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in AutocompleteOptionIconComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-option-icon-internal"]],inputs:{selectorItem:"selectorItem"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["contactAvatarRef",""],["customAvatarRef",""],["groupAvatarRef",""],["defaultAvatarRef",""],[4,"ngIf"],["class","velt-autocomplete-option-icon","role","img",4,"veltDynamicTemplate"],["role","img",1,"velt-autocomplete-option-icon"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf","ngIfElse"],["xmlns","http://www.w3.org/2000/svg","width","24","height","24","fill","none","viewBox","0 0 16 16","aria-hidden","true","focusable","false",1,"bi","bi-at"],["fill","currentColor","d","M13.106 7.222c0-2.967-2.249-5.032-5.482-5.032-3.35 0-5.646 2.318-5.646 5.702 0 3.493 2.235 5.708 5.762 5.708.862 0 1.689-.123 2.304-.335v-.862c-.43.199-1.354.328-2.29.328-2.926 0-4.813-1.88-4.813-4.798 0-2.844 1.921-4.881 4.594-4.881 2.735 0 4.608 1.688 4.608 4.156 0 1.682-.554 2.769-1.416 2.769-.492 0-.772-.28-.772-.76V5.206H8.923v.834h-.11c-.266-.595-.881-.964-1.6-.964-1.4 0-2.378 1.162-2.378 2.823 0 1.737.957 2.906 2.379 2.906.8 0 1.415-.39 1.709-1.087h.11c.081.67.703 1.148 1.503 1.148 1.572 0 2.57-1.415 2.57-3.643zm-7.177.704c0-1.197.54-1.907 1.456-1.907.93 0 1.524.738 1.524 1.907S8.308 9.84 7.371 9.84c-.895 0-1.442-.725-1.442-1.914z"],[3,"size","user"],[1,"velt-autocomplete-option-icon--custom-svg",3,"innerHTML"],[1,"velt-autocomplete-option-icon--custom-img",3,"src"],["xmlns","http://www.w3.org/2000/svg","width","16","height","16","fill","currentColor","viewBox","0 0 16 16","aria-hidden","true","focusable","false",1,"bi","bi-people-fill"],["d","M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5"]],template:function(t,o){t&1&&g(0,Lke,8,10,"ng-container",4),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-autocomplete-option-icon--placeholder[_ngcontent-%COMP%]{z-index:2;opacity:.8}.velt-autocomplete-option-icon[_ngcontent-%COMP%]{min-width:calc((2.25rem + 0px) * var(--velt-base-rem-unit));width:calc((2.25rem + 0px) * var(--velt-base-rem-unit));min-height:calc((2.25rem + 0px) * var(--velt-base-rem-unit));height:calc((2.25rem + 0px) * var(--velt-base-rem-unit));box-sizing:border-box;background-clip:padding-box;border:solid 2px transparent;display:flex;align-items:center;justify-content:center;position:relative;margin-right:var(--velt-spacing-md)}.velt-autocomplete-option-icon[_ngcontent-%COMP%] img[_ngcontent-%COMP%]{width:100%;height:100%;border-radius:var(--velt-border-radius-full);z-index:2;object-fit:cover}.velt-autocomplete-option-icon[_ngcontent-%COMP%]:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:inherit}.velt-autocomplete-option-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{color:var(--velt-text-1)}'],changeDetection:0})}}return n})();var b$=n=>({$implicit:n}),Bke=(n,i)=>({componentConfigSignal:n,userContact:i}),I$=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-option-name-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),Vke=(n,i)=>({componentConfigSignal:n,custom:i}),Uke=(n,i)=>({componentConfigSignal:n,group:i});function jke(n,i){n&1&&$e(0)}function $ke(n,i){if(n&1&&(f(0),g(1,jke,1,0,"ng-container",5),v()),n&2){l();let e=de(5),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,b$,t.selectorItem==null?null:t.selectorItem.contact))}}function Hke(n,i){n&1&&$e(0)}function zke(n,i){if(n&1&&(f(0),g(1,Hke,1,0,"ng-container",5),v()),n&2){l();let e=de(7),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,b$,t.selectorItem==null?null:t.selectorItem.custom))}}function Gke(n,i){n&1&&$e(0)}function Wke(n,i){if(n&1&&(f(0),g(1,Gke,1,0,"ng-container",5),v()),n&2){l();let e=de(9),t=l();m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(2,b$,t.selectorItem==null?null:t.selectorItem.group))}}function qke(n,i){if(n&1&&(C(0,"p",8),ee(1),w(2,"translate"),y()),n&2){let e=l(2).$implicit,t=l(2);E("data-testid",t.componentId+"-contact-text")("aria-label",e.name||e.email),m(),ve(" ",A(2,3,e.name||e.email)," ")}}function Yke(n,i){if(n&1&&(f(0),g(1,qke,3,5,"p",7),v()),n&2){let e=l().$implicit,t=l().ngIf,o=l();m(),c("veltDynamicTemplate",j(4,I$,o.template,F(1,Bke,o.componentConfigSignal,e),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function Kke(n,i){n&1&&D(0,"velt-skeleton-loader-internal",9)}function Zke(n,i){if(n&1&&g(0,Yke,2,10,"ng-container",6)(1,Kke,1,0,"ng-template",null,3,be),n&2){let e=i.$implicit,t=de(2);c("ngIf",(e.name==null?null:e.name.length)>0||(e==null||e.email==null?null:e.email.length)>0)("ngIfElse",t)}}function Xke(n,i){if(n&1&&(C(0,"p",8),ee(1),w(2,"translate"),y()),n&2){let e=l(2).$implicit,t=l(2);E("data-testid",t.componentId+"-custom-text")("aria-label",e.name),m(),ve(" ",A(2,3,e.name)," ")}}function Qke(n,i){if(n&1&&(f(0),g(1,Xke,3,5,"p",7),v()),n&2){let e=l().$implicit,t=l().ngIf,o=l();m(),c("veltDynamicTemplate",j(4,I$,o.template,F(1,Vke,o.componentConfigSignal,e),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function Jke(n,i){if(n&1&&g(0,Qke,2,10,"ng-container",4),n&2){let e=i.$implicit;c("ngIf",(e.name==null?null:e.name.length)>0)}}function eRe(n,i){if(n&1&&(C(0,"p",8),ee(1),w(2,"translate"),y()),n&2){let e=l(2).$implicit,t=l(2);E("data-testid",t.componentId+"-group-text")("aria-label",e==null||e.metadata==null?null:e.metadata.groupName),m(),ve(" ",A(2,3,e==null||e.metadata==null?null:e.metadata.groupName)," ")}}function tRe(n,i){if(n&1&&(f(0),g(1,eRe,3,5,"p",7),v()),n&2){let e=l().$implicit,t=l().ngIf,o=l();m(),c("veltDynamicTemplate",j(4,I$,o.template,F(1,Uke,o.componentConfigSignal,e),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function nRe(n,i){if(n&1&&g(0,tRe,2,10,"ng-container",4),n&2){let e=i.$implicit;c("ngIf",(e==null||e.metadata==null||e.metadata.groupName==null?null:e.metadata.groupName.length)>0)}}function iRe(n,i){if(n&1&&(f(0),g(1,$ke,2,4,"ng-container",4)(2,zke,2,4,"ng-container",4)(3,Wke,2,4,"ng-container",4)(4,Zke,3,2,"ng-template",null,0,be)(6,Jke,1,1,"ng-template",null,1,be)(8,nRe,1,1,"ng-template",null,2,be),v()),n&2){let e=l();m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="contact"),m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="custom"),m(),c("ngIf",(e.selectorItem==null?null:e.selectorItem.type)==="group")}}var ob=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-autocomplete-name",super.initializeComponentConfigSignal(new _s)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,selectorItem:this.selectorItem}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in AutocompleteOptionNameComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in AutocompleteOptionNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in AutocompleteOptionNameComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-option-name-internal"]],inputs:{selectorItem:"selectorItem"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["contactNameRef",""],["customNameRef",""],["groupNameRef",""],["loadingTemplateRef",""],[4,"ngIf"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[4,"ngIf","ngIfElse"],["class","line-height-1 velt-autocomplete-option-name","role","option",4,"veltDynamicTemplate"],["role","option",1,"line-height-1","velt-autocomplete-option-name"],["height","21px","width","80px","borderRadius","20px"]],template:function(t,o){t&1&&g(0,iRe,10,3,"ng-container",4),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-autocomplete-option-name[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;color:var(--velt-text-1);font-size:var(--velt-font-size-sm);margin:0;line-height:21px}"],changeDetection:0})}}return n})();var oRe=(n,i,e)=>({componentConfigSignal:n,isNewContact:i,selectorItem:e}),rRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-autocomplete-option-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function aRe(n,i){if(n&1&&(C(0,"div",2),D(1,"velt-autocomplete-option-icon-internal",3),C(2,"div",4),D(3,"velt-autocomplete-option-name-internal",3)(4,"velt-autocomplete-option-description-internal",3),y(),D(5,"velt-autocomplete-option-error-icon-internal",5),y()),n&2){let e=l().ngIf,t=l();E("data-testid",t.componentId)("aria-selected",!1)("aria-disabled",!!(e!=null&&e.newUserContactError)),m(),c("selectorItem",t.selectorItem)("componentConfigSignal",t.componentConfigSignal),m(),E("data-testid",t.componentId+"-details"),m(),c("selectorItem",t.selectorItem)("componentConfigSignal",t.componentConfigSignal),m(),c("selectorItem",t.selectorItem)("componentConfigSignal",t.componentConfigSignal),m(),c("selectorItem",t.selectorItem)("isNewContact",t.isNewContact)("componentConfigSignal",t.componentConfigSignal)}}function sRe(n,i){if(n&1&&(f(0),g(1,aRe,6,13,"div",1),v()),n&2){let e=i.ngIf,t=l();m(),c("veltDynamicTemplate",j(5,rRe,t.template,He(1,oRe,t.componentConfigSignal,t.isNewContact,t.selectorItem),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}var Jv=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,e),this.loggingService=e,this.wireframeService=t,this.elementRef=o,this.dynamicDataService=r,this.subscriptions=[],this.componentId="velt-autocomplete-option",super.initializeComponentConfigSignal(new _s)}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-autocomplete-option-wireframe";this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,selectorItem:this.selectorItem,isNewContact:this.isNewContact}),this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}})),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentBubbleComponent OnInit: ",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","option"),e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("aria-label",this.getOptionLabel())}catch(e){this.loggingService.catch("Error in AutocompleteOptionComponent setupA11yAttributes:",e)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: red;"),super.ngOnDestroy(),this.subscriptions.forEach(e=>e?.unsubscribe())}catch(e){this.loggingService.catch("Error in CommentBubbleComponent OnDestroy: ",e)}}getOptionLabel(){try{switch(this.selectorItem?.type){case"contact":return this.getContactLabel();case"custom":return this.selectorItem.custom?.name||"Custom option";case"group":return this.selectorItem.group?.metadata?.groupName||"Group option";default:return"Option"}}catch(e){return this.loggingService.catch("Error in AutocompleteOptionComponent getOptionLabel:",e),"Option"}}getContactLabel(){try{let e=this.selectorItem?.contact,t=e?.name||e?.email||"Contact";return this.isNewContact?`New contact: ${t}`:t}catch(e){return this.loggingService.catch("Error in AutocompleteOptionComponent getContactLabel:",e),"Contact"}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-autocomplete-option-internal"]],inputs:{selectorItem:"selectorItem",isNewContact:"isNewContact",variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],["class","velt-autocomplete-option--container","role","option",4,"veltDynamicTemplate"],["role","option",1,"velt-autocomplete-option--container"],[3,"selectorItem","componentConfigSignal"],[1,"velt-autocomplete-option--details"],[3,"selectorItem","isNewContact","componentConfigSignal"]],template:function(t,o){t&1&&g(0,sRe,2,11,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%}.velt-autocomplete-option--container[_ngcontent-%COMP%]{display:flex;align-items:center;width:100%}.velt-autocomplete-option--details[_ngcontent-%COMP%]{overflow:hidden;flex-grow:1}"],changeDetection:0})}}return n})();var qse=n=>({componentConfigSignal:n}),cRe=(n,i)=>({condition:n,data:i}),mRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function dRe(n,i){if(n&1&&(f(0),C(1,"div",3),D(2,"app-video-player-panel",4)(3,"app-video-player-transcription",4),y(),v()),n&2){let e=l(3);m(2),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal)}}function pRe(n,i){if(n&1&&(f(0),g(1,dRe,4,2,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,mRe,t.template,M(1,qse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function gRe(n,i){if(n&1&&(f(0),g(1,pRe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,cRe,e.conditionSignal(),M(1,qse,e.componentConfigSignal)))}}var e0=(()=>{class n extends tt{get playing(){return this._playing}set playing(e){this._playing=e,e?this.play.emit():this.pause.emit()}constructor(e,t,o,r,a,s){super(a,r,void 0,void 0,void 0,s,t),this.analyticsService=e,this.loggingService=t,this.wireframeService=o,this.themeService=r,this.elementRef=a,this.dynamicDataService=s,this.recordingTranscriptionEnabled=!0,this.showControls=!0,this.showSubtitlesButton=!0,this.showTranscriptionButton=!0,this.transcriptionMode="floating",this.play=new Te,this.pause=new Te,this.delete=new Te,this.transcriptionButtonClick=new Te,this.transcriptionSummaryCopy=new Te,this.subtitlesButtonClick=new Te,this.transcriptionTimestampClick=new Te,this.transcriptionPanelDragged=new Te,this.onMinimize=new Te,this.copyLink=new Te,this._playing=!1,this.componentConfigSignal=Se({recordingTranscriptionEnabled:this.recordingTranscriptionEnabled,transcriptionVisible:!1,annotation:this.annotation,showTranscriptionButton:this.showTranscriptionButton,videoRef:void 0,transcriptionMode:this.transcriptionMode,variant:this.variant,onSeekToVideo:this.onSeekToVideo.bind(this),onTranscriptionSummaryCopy:this.onTranscriptionSummaryCopy.bind(this),onTranscriptionPanelDragged:this.onTranscriptionPanelDragged.bind(this),toggleTranscription:this.toggleTranscription.bind(this),timeUpdate:this.timeUpdate.bind(this),toggleVideo:this.toggleVideo.bind(this),trackByAttachmentId:this.trackByAttachmentId.bind(this),onSubtitlesButtonClick:this.onSubtitlesButtonClick.bind(this),onMouseLeave:this.onMouseLeave.bind(this),handleClick:this.handleClick.bind(this),onDurationChange:this.onDurationChange.bind(this),onSpeedToggle:this.onSpeedToggle.bind(this),toggleSettings:this.toggleSettings.bind(this),onVolumneChange:this.onVolumneChange.bind(this),toggleVolume:this.toggleVolume.bind(this),onDelete:this.onDelete.bind(this),onTranscriptionButtonClick:this.onTranscriptionButtonClick.bind(this),showSubtitles:!1,onCopyLink:this.onCopyLink.bind(this),onMinimizeButtonClick:this.onMinimizeButtonClick.bind(this),showControls:this.showControls,playing:this.playing,currentTime:"",showSubtitlesButton:this.showSubtitlesButton,showDeleteButton:this.showDeleteButton,volumeVisible:!1,currentVolume:100,activeSpeed:1,settingsVisible:!1})}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit();let e="velt-video-player-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}})}catch(e){this.loggingService.catch("Error in ExpandedVideoPlayerComponent ngOnInit: ",e)}}ngOnChanges(e){try{if(e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(o=>(o=T(I({},o),{[t]:e[t].currentValue}),o))}),e.annotation){let t=e.annotation.currentValue;t?.latestVersion?this.componentConfigSignal.update(o=>(o=T(I({},o),{latestEditedVersion:t.recordingEditVersions[t.latestVersion]}),o)):this.componentConfigSignal.update(o=>(o=T(I({},o),{latestEditedVersion:{from:t?.from,attachment:t?.attachment,attachments:t?.attachments,recordedTime:t?.recordedTime,transcription:t?.transcription,waveformData:t?.waveformData,displayName:t?.displayName,boundedTrimRanges:[{start:0,end:t?.recordedTime?.duration||0}]}}),o))}}catch(t){this.loggingService.catch("Error in RecorderPlayerInternalComponent ngOnChanges: ",t)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in ExpandedVideoPlayerComponent ngOnDestroy: ",e)}}trackByAttachmentId(e,t){return t?.attachmentId}handleClick(){this.componentConfigSignal.update(e=>(e=T(I({},e),{volumeVisible:!1,settingsVisible:!1}),e))}toggleVideo(){try{if(this.componentConfigSignal().videoRef?.nativeElement){let e=this.componentConfigSignal().videoRef?.nativeElement;e&&(e.duration>0&&!e.paused?(e.pause(),this.componentConfigSignal.update(t=>(t=T(I({},t),{playing:!1}),t))):(e.play(),this.componentConfigSignal.update(t=>(t=T(I({},t),{playing:!0}),t))))}}catch(e){this.loggingService.catch("Error in VideoPlayerComponent toggleVideo: ",e)}}toggleSubtitles(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{showSubtitles:!e.showSubtitles}),e))}catch(e){this.loggingService.catch("Error in VideoPlayerComponent toggleSubtitles: ",e)}}onCopyLink(){try{this.copyLink.emit()}catch(e){this.loggingService.catch("Error in VideoPlayerComponent onCopyLink: ",e)}}toggleTranscription(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{transcriptionVisible:!e.transcriptionVisible}),e))}catch(e){this.loggingService.catch("Error in VideoPlayerComponent toggleTranscription: ",e)}}onTranscriptionButtonClick(e){try{this.transcriptionButtonClick.emit(),e&&this.toggleTranscription()}catch(t){this.loggingService.catch("Error in VideoPlayerComponent onTranscriptionButtonClick: ",t)}}onMinimizeButtonClick(){this.onMinimize.emit()}onTranscriptionSummaryCopy(){try{this.transcriptionSummaryCopy.emit()}catch(e){this.loggingService.catch("Error in VideoPlayerComponent onTranscriptionSummaryCopy: ",e)}}onSubtitlesButtonClick(e){try{this.subtitlesButtonClick.emit(),e&&this.toggleSubtitles()}catch(t){this.loggingService.catch("Error in VideoPlayerComponent onSubtitlesButtonClick: ",t)}}onDurationChange(e){try{e?.target?.value>=0&&this.componentConfigSignal().videoRef&&this.componentConfigSignal.update(t=>(t?.videoRef?.nativeElement&&(t=I({},t),t.videoRef?.nativeElement&&(t.videoRef.nativeElement.currentTime=e.target.value*(t.annotation?.recordedTime?.duration||0)/1e3)),t)),this.componentConfigSignal().playing||this.toggleVideo()}catch(t){this.loggingService.catch("Error in VideoPlayerComponent onDurationChange: ",t)}}onVolumneChange(e){try{this.componentConfigSignal().videoRef?.nativeElement&&this.componentConfigSignal.update(t=>(t?.videoRef?.nativeElement&&(t=T(I({},t),{videoRef:T(I({},t.videoRef),{nativeElement:T(I({},t.videoRef?.nativeElement),{volume:e?.target?.value})}),currentVolume:e?.target?.value})),t))}catch(t){this.loggingService.catch("Error in VideoPlayerComponent onDurationChange: ",t)}}onSpeedToggle(e){try{this.componentConfigSignal().videoRef?.nativeElement&&this.componentConfigSignal.update(t=>(t?.videoRef?.nativeElement&&(t=T(I({},t),{videoRef:T(I({},t.videoRef),{nativeElement:T(I({},t.videoRef?.nativeElement),{playbackRate:e})}),activeSpeed:e})),t))}catch(t){this.loggingService.catch("Error in VideoPlayerComponent onDurationChange: ",t)}}timeUpdate(e){try{this.componentConfigSignal.update(t=>(t=T(I({},t),{currentTime:this.formatSecondsAsTime(e)}),t))}catch(t){this.loggingService.catch("Error in VideoPlayerComponent timeUpdate: ",t)}}formatSecondsAsTime(e){try{let t=Math.floor(e/3600),o=Math.floor((e-t*3600)/60),r=Math.floor(e-t*3600-o*60);return t&&t<10&&(t="0"+t),o<10&&(o="0"+o),r<10&&(r="0"+r),(t?t+":":"")+o+":"+r}catch(t){return this.loggingService.catch("Error in VideoPlayerComponent formatSecondsAsTime: ",t),""}}onSeekToVideo(e,t){try{t&&(t.currentTime=e),this.componentConfigSignal().playing||this.toggleVideo(),this.onTranscriptionTimestampClick(e)}catch(o){this.loggingService.catch("Error in VideoPlayerComponent onSeekToVideo: ",o)}}onTranscriptionTimestampClick(e){try{this.transcriptionTimestampClick.emit(e)}catch(t){this.loggingService.catch("Error in VideoPlayerComponent onTranscriptionTimestampClick: ",t)}}onTranscriptionPanelDragged(){try{this.transcriptionPanelDragged.emit()}catch(e){this.loggingService.catch("Error in VideoPlayerComponent onTranscriptionPanelDragged: ",e)}}onDelete(){try{this.delete?.emit()}catch(e){this.loggingService.catch("Error in VideoPlayerComponent onDelete: ",e)}}toggleSettings(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{volumeVisible:!1,settingsVisible:!e.settingsVisible}),e))}catch(e){this.loggingService.catch("Error in VideoPlayerComponent toggleSettings: ",e)}}toggleVolume(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{volumeVisible:!e.volumeVisible,settingsVisible:!1}),e))}catch(e){this.loggingService.catch("Error in VideoPlayerComponent toggleVolume: ",e)}}onMouseLeave(){this.componentConfigSignal.update(e=>(e=T(I({},e),{volumeVisible:!1,settingsVisible:!1}),e))}static{this.\u0275fac=function(t){return new(t||n)(u(Xe),u(_),u(Ge),u(qe),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-expanded-video-player"]],inputs:{annotation:"annotation",recordingTranscriptionEnabled:"recordingTranscriptionEnabled",showControls:"showControls",showSubtitlesButton:"showSubtitlesButton",showTranscriptionButton:"showTranscriptionButton",showDeleteButton:"showDeleteButton",transcriptionMode:"transcriptionMode",variant:"variant"},outputs:{play:"play",pause:"pause",delete:"delete",transcriptionButtonClick:"transcriptionButtonClick",transcriptionSummaryCopy:"transcriptionSummaryCopy",subtitlesButtonClick:"subtitlesButtonClick",transcriptionTimestampClick:"transcriptionTimestampClick",transcriptionPanelDragged:"transcriptionPanelDragged",onMinimize:"onMinimize",copyLink:"copyLink"},standalone:!1,features:[B,We],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,gRe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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-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-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-video-player[_ngcontent-%COMP%]{width:100%;height:100%;box-sizing:border-box;display:flex;gap:var(--velt-spacing-lg)}"],changeDetection:0})}}return n})();var en=class{constructor(){this.recordingTranscriptionEnabled=!1,this.transcriptionVisible=!1,this.showTranscriptionButton=!0,this.transcriptionMode="floating",this.onSeekToVideo=()=>{},this.onTranscriptionSummaryCopy=()=>{},this.onTranscriptionPanelDragged=()=>{},this.toggleTranscription=()=>{},this.timeUpdate=()=>{},this.toggleVideo=()=>{},this.onSubtitlesButtonClick=()=>{},this.showSubtitles=!1,this.onCopyLink=()=>{},this.onMinimizeButtonClick=()=>{},this.onMouseLeave=()=>{},this.handleClick=()=>{},this.onDurationChange=()=>{},this.onSpeedToggle=()=>{},this.toggleSettings=()=>{},this.onVolumneChange=()=>{},this.toggleVolume=()=>{},this.onDelete=()=>{},this.onTranscriptionButtonClick=()=>{},this.showControls=!0,this.playing=!1,this.currentTime="",this.showSubtitlesButton=!0,this.volumeVisible=!1,this.currentVolume=100,this.activeSpeed=1,this.settingsVisible=!1}};var Yse=n=>({componentConfigSignal:n}),hRe=(n,i)=>({condition:n,data:i}),fRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-delete-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function vRe(n,i){n&1&&(f(0),ie(),C(1,"svg",5),D(2,"path",6)(3,"path",7)(4,"path",8)(5,"path",9),y(),v())}function CRe(n,i){if(n&1){let e=W();C(0,"div",3),H("click",function(){k(e);let o=l(2).ngIf;return R(o.onDelete())}),g(1,vRe,6,0,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,fRe,t.template,M(1,Yse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function _Re(n,i){if(n&1&&(f(0),g(1,CRe,2,9,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.showDeleteButton)}}function yRe(n,i){if(n&1&&(f(0),g(1,_Re,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,hRe,e.conditionSignal(),M(1,Yse,e.componentConfigSignal)))}}var lM=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsDeleteButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsDeleteButtonComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-delete-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click",4,"ngIf"],[3,"click"],[4,"veltDynamicTemplate"],["width","20","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-video-player--delete-button"],["fill-rule","evenodd","clip-rule","evenodd","d","M4.28702 4.66602V12.2851C4.28702 13.1266 5.01189 13.8089 5.90606 13.8089H10.7632C11.6574 13.8089 12.3823 13.1266 12.3823 12.2851V4.66602H14.0013V12.2851C14.0013 13.9682 12.5516 15.3327 10.7632 15.3327H5.90606C4.11771 15.3327 2.66797 13.9682 2.66797 12.2851V4.66602H4.28702Z","fill","currentColor"],["d","M6.77778 6.66602C6.34822 6.66602 6 7.06398 6 7.5549V11.1105C6 11.6014 6.34822 11.9993 6.77778 11.9993C7.20733 11.9993 7.55556 11.6014 7.55556 11.1105V7.5549C7.55556 7.06398 7.20733 6.66602 6.77778 6.66602Z","fill","currentColor"],["d","M9.88889 6.66602C9.45933 6.66602 9.11111 7.06398 9.11111 7.5549V11.1105C9.11111 11.6014 9.45933 11.9993 9.88889 11.9993C10.3184 11.9993 10.6667 11.6014 10.6667 11.1105V7.5549C10.6667 7.06398 10.3184 6.66602 9.88889 6.66602Z","fill","currentColor"],["fill-rule","evenodd","clip-rule","evenodd","d","M5.16667 3.11111V2.33333C5.16667 1.04467 6.22999 0 7.54167 0H9.125C10.4367 0 11.5 1.04467 11.5 2.33333V3.11111H13.875C14.3122 3.11111 14.6667 3.45933 14.6667 3.88889C14.6667 4.31844 14.3122 4.66667 13.875 4.66667H2.79167C2.35444 4.66667 2 4.31844 2 3.88889C2 3.45933 2.35444 3.11111 2.79167 3.11111H5.16667ZM6.75 2.33333C6.75 1.90378 7.10444 1.55556 7.54167 1.55556H9.125C9.56223 1.55556 9.91667 1.90378 9.91667 2.33333V3.11111H6.75V2.33333Z","fill","currentColor"]],template:function(t,o){t&1&&g(0,yRe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-video-player--delete-button[_ngcontent-%COMP%]{color:var(--velt-error)}.velt-video-player--delete-button[_ngcontent-%COMP%]:hover{color:var(--velt-error-hover)}"],changeDetection:0})}}return n})();var Kse=n=>({componentConfigSignal:n}),SRe=(n,i)=>({condition:n,data:i}),bRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-progress-bar-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function IRe(n,i){if(n&1){let e=W();C(0,"input",5),H("input",function(o){k(e);let r=l(3).ngIf;return R(r.onDurationChange(o))}),y()}if(n&2){let e=l(3).ngIf;c("value",(e.videoRef==null||e.videoRef.nativeElement==null?null:e.videoRef.nativeElement.currentTime)*1e3/((e.latestEditedVersion==null||e.latestEditedVersion.recordedTime==null?null:e.latestEditedVersion.recordedTime.duration)||(e.annotation==null||e.annotation.recordedTime==null?null:e.annotation.recordedTime.duration)||0))}}function ERe(n,i){if(n&1&&(f(0),C(1,"div",3),g(2,IRe,1,1,"input",4),y(),v()),n&2){let e=l(2).ngIf;m(2),c("ngIf",e.annotation==null||e.annotation.recordedTime==null?null:e.annotation.recordedTime.duration)}}function xRe(n,i){if(n&1&&(f(0),g(1,ERe,3,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,bRe,t.template,M(1,Kse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function TRe(n,i){if(n&1&&(f(0),g(1,xRe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,SRe,e.conditionSignal(),M(1,Kse,e.componentConfigSignal)))}}var rb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsProgressBarComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsProgressBarComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-progress-bar"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--progress-bar"],["type","range","min","0","max","1","step","0.01",3,"value","input",4,"ngIf"],["type","range","min","0","max","1","step","0.01",3,"input","value"]],template:function(t,o){t&1&&g(0,TRe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-video-player--progress-bar[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{width:100%;accent-color:var(--velt-accent)}"],changeDetection:0})}}return n})();var Zse=n=>({componentConfigSignal:n}),DRe=(n,i)=>({condition:n,data:i}),wRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-settings-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),ARe=()=>[.5,1,1.5,2,2.5];function ORe(n,i){n&1&&(f(0),ie(),C(1,"svg",5),D(2,"path",6)(3,"path",7),y(),v())}function PRe(n,i){if(n&1){let e=W();C(0,"div")(1,"div",12),H("click",function(){let o=k(e).$implicit,r=l(3).ngIf;return R(r.onSpeedToggle(o))}),ee(2),y()()}if(n&2){let e=i.$implicit,t=l(3).ngIf;m(),pe("active",e===t.activeSpeed),m(),ve("",e,"x")}}function MRe(n,i){if(n&1){let e=W();C(0,"div",8),H("click",function(o){return k(e),R(o.stopPropagation())}),C(1,"div",9),ee(2),w(3,"translate"),y(),C(4,"div",10),g(5,PRe,3,3,"div",11),y()()}n&2&&(m(2),Ue(A(3,2,"Playback Speed")),m(3),c("ngForOf",Mt(4,ARe)))}function kRe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(o){return k(e),l().ngIf.toggleSettings(),R(o.stopPropagation())}),g(2,ORe,4,0,"ng-container",3)(3,MRe,6,5,"div",4),y(),v()}if(n&2){let e=l().ngIf,t=l();m(2),c("veltDynamicTemplate",j(4,wRe,t.template,M(2,Zse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef)),m(),c("ngIf",e.settingsVisible)}}function RRe(n,i){if(n&1&&(f(0),g(1,kRe,4,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,DRe,e.conditionSignal(),M(1,Zse,e.componentConfigSignal)))}}var ab=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSettingsButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSettingsButtonComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-settings-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"settings-button","velt-video-player--settings-button",3,"click"],[4,"veltDynamicTemplate"],["class","velt-video-player--settings-dialog",3,"click",4,"ngIf"],["width","24","height","25","viewBox","0 0 24 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M12.0009 15.2752C13.4695 15.2752 14.66 14.0847 14.66 12.6161C14.66 11.1475 13.4695 9.95703 12.0009 9.95703C10.5323 9.95703 9.3418 11.1475 9.3418 12.6161C9.3418 14.0847 10.5323 15.2752 12.0009 15.2752Z","stroke","currentColor","stroke-width","1.725","stroke-linecap","round","stroke-linejoin","round"],["d","M18.5591 15.2782C18.4411 15.5456 18.4059 15.8421 18.458 16.1297C18.5102 16.4172 18.6472 16.6825 18.8516 16.8914L18.9048 16.9446C19.0696 17.1092 19.2003 17.3047 19.2896 17.5199C19.3788 17.7352 19.4247 17.9658 19.4247 18.1988C19.4247 18.4318 19.3788 18.6624 19.2896 18.8776C19.2003 19.0929 19.0696 19.2884 18.9048 19.453C18.7401 19.6178 18.5446 19.7486 18.3294 19.8378C18.1142 19.927 17.8835 19.9729 17.6506 19.9729C17.4176 19.9729 17.1869 19.927 16.9717 19.8378C16.7565 19.7486 16.561 19.6178 16.3964 19.453L16.3432 19.3998C16.1343 19.1955 15.869 19.0584 15.5814 19.0063C15.2939 18.9541 14.9973 18.9893 14.73 19.1073C14.4678 19.2197 14.2443 19.4062 14.0868 19.644C13.9293 19.8818 13.8448 20.1605 13.8436 20.4457V20.5964C13.8436 21.0666 13.6569 21.5175 13.3244 21.8499C12.992 22.1824 12.5411 22.3691 12.0709 22.3691C11.6008 22.3691 11.1499 22.1824 10.8174 21.8499C10.485 21.5175 10.2982 21.0666 10.2982 20.5964V20.5166C10.2913 20.2233 10.1964 19.9387 10.0256 19.7C9.85491 19.4613 9.61633 19.2795 9.34091 19.1782C9.07357 19.0602 8.77701 19.025 8.48948 19.0772C8.20195 19.1293 7.93662 19.2664 7.72773 19.4707L7.67454 19.5239C7.50991 19.6887 7.31439 19.8195 7.09919 19.9087C6.88398 19.9979 6.6533 20.0438 6.42034 20.0438C6.18738 20.0438 5.9567 19.9979 5.74149 19.9087C5.52629 19.8195 5.33077 19.6887 5.16614 19.5239C5.00131 19.3593 4.87056 19.1638 4.78135 18.9486C4.69214 18.7334 4.64622 18.5027 4.64622 18.2697C4.64622 18.0367 4.69214 17.8061 4.78135 17.5909C4.87056 17.3757 5.00131 17.1801 5.16614 17.0155L5.21932 16.9623C5.42366 16.7534 5.56073 16.4881 5.61287 16.2006C5.665 15.913 5.62981 15.6165 5.51182 15.3491C5.39946 15.087 5.2129 14.8634 4.97509 14.7059C4.73729 14.5484 4.45863 14.4639 4.17341 14.4628H4.02273C3.55257 14.4628 3.10167 14.276 2.76922 13.9436C2.43677 13.6111 2.25 13.1602 2.25 12.69C2.25 12.2199 2.43677 11.769 2.76922 11.4365C3.10167 11.1041 3.55257 10.9173 4.02273 10.9173H4.1025C4.39588 10.9105 4.68041 10.8155 4.91911 10.6448C5.1578 10.4741 5.33961 10.2355 5.44091 9.96005C5.5589 9.69271 5.59409 9.39615 5.54196 9.10862C5.48982 8.82109 5.35275 8.55576 5.14841 8.34687L5.09523 8.29369C4.93041 8.12905 4.79965 7.93354 4.71044 7.71833C4.62123 7.50312 4.57531 7.27244 4.57531 7.03948C4.57531 6.80652 4.62123 6.57584 4.71044 6.36063C4.79965 6.14543 4.93041 5.94992 5.09523 5.78528C5.25987 5.62045 5.45538 5.4897 5.67058 5.40049C5.88579 5.31128 6.11647 5.26536 6.34943 5.26536C6.5824 5.26536 6.81307 5.31128 7.02828 5.40049C7.24349 5.4897 7.439 5.62045 7.60364 5.78528L7.65682 5.83846C7.86572 6.0428 8.13104 6.17987 8.41857 6.23201C8.7061 6.28414 9.00266 6.24895 9.27 6.13096H9.34091C9.60307 6.0186 9.82665 5.83204 9.98414 5.59423C10.1416 5.35643 10.2261 5.07777 10.2273 4.79255V4.64187C10.2273 4.17171 10.414 3.72081 10.7465 3.38836C11.0789 3.05591 11.5298 2.86914 12 2.86914C12.4702 2.86914 12.9211 3.05591 13.2535 3.38836C13.586 3.72081 13.7727 4.17171 13.7727 4.64187V4.72164C13.7739 5.00686 13.8584 5.28552 14.0159 5.52333C14.1733 5.76113 14.3969 5.94769 14.6591 6.06005C14.9264 6.17804 15.223 6.21323 15.5105 6.1611C15.7981 6.10896 16.0634 5.97189 16.2723 5.76755L16.3255 5.71437C16.4901 5.54955 16.6856 5.41879 16.9008 5.32958C17.116 5.24037 17.3467 5.19445 17.5797 5.19445C17.8126 5.19445 18.0433 5.24037 18.2585 5.32958C18.4737 5.41879 18.6692 5.54955 18.8339 5.71437C18.9987 5.87901 19.1294 6.07452 19.2186 6.28972C19.3079 6.50493 19.3538 6.73561 19.3538 6.96857C19.3538 7.20154 19.3079 7.43222 19.2186 7.64742C19.1294 7.86263 18.9987 8.05814 18.8339 8.22278L18.7807 8.27596C18.5763 8.48486 18.4393 8.75018 18.3871 9.03771C18.335 9.32524 18.3702 9.6218 18.4882 9.88914V9.96005C18.6005 10.2222 18.7871 10.4458 19.0249 10.6033C19.2627 10.7608 19.5414 10.8453 19.8266 10.8464H19.9773C20.4474 10.8464 20.8983 11.0332 21.2308 11.3656C21.5632 11.6981 21.75 12.149 21.75 12.6191C21.75 13.0893 21.5632 13.5402 21.2308 13.8726C20.8983 14.2051 20.4474 14.3919 19.9773 14.3919H19.8975C19.6123 14.393 19.3336 14.4775 19.0958 14.635C18.858 14.7925 18.6714 15.0161 18.5591 15.2782Z","stroke","currentColor","stroke-width","1.725","stroke-linecap","round","stroke-linejoin","round"],[1,"velt-video-player--settings-dialog",3,"click"],[1,"velt-video-player--settings-label"],[1,"velt-video-player--settings-icon-panel"],[4,"ngFor","ngForOf"],[1,"velt-video-player--settings-icon",3,"click"]],template:function(t,o){t&1&&g(0,RRe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-video-player--settings-button[_ngcontent-%COMP%]{position:relative;align-items:center;justify-content:center;cursor:pointer}.velt-video-player--settings-button[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{color:var(--velt-white)}.velt-video-player--settings-button[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}.velt-video-player--settings-button[_ngcontent-%COMP%] .velt-video-player--settings-dialog[_ngcontent-%COMP%]{position:absolute;background:var(--velt-background-1);border-radius:var(--velt-border-radius-lg);padding:var(--velt-spacing-lg);display:flex;flex-direction:column;gap:var(--velt-spacing-sm);top:0;left:0;transform:translate(-50%,-150%)}.velt-video-player--settings-button[_ngcontent-%COMP%] .velt-video-player--settings-dialog[_ngcontent-%COMP%] .velt-video-player--settings-label[_ngcontent-%COMP%]{font-weight:400;font-size:var(--velt-font-size-xs);color:var(--velt-text-4)!important}.velt-video-player--settings-button[_ngcontent-%COMP%] .velt-video-player--settings-dialog[_ngcontent-%COMP%] .velt-video-player--settings-icon-panel[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-xs)}.velt-video-player--settings-button[_ngcontent-%COMP%] .velt-video-player--settings-dialog[_ngcontent-%COMP%] .velt-video-player--settings-icon-panel[_ngcontent-%COMP%] .velt-video-player--settings-icon[_ngcontent-%COMP%]{height:32px;width:32px;border-radius:var(--velt-border-radius-sm);padding:var(--velt-spacing-xs);display:flex;justify-content:center;align-items:center;font-weight:400;font-size:var(--velt-font-size-xs);color:var(--velt-text-7)!important;cursor:pointer}.velt-video-player--settings-button[_ngcontent-%COMP%] .velt-video-player--settings-dialog[_ngcontent-%COMP%] .velt-video-player--settings-icon-panel[_ngcontent-%COMP%] .velt-video-player--settings-icon[_ngcontent-%COMP%]:hover{background:var(--velt-background-3);color:var(--velt-text-4)!important}.velt-video-player--settings-button[_ngcontent-%COMP%] .velt-video-player--settings-dialog[_ngcontent-%COMP%] .velt-video-player--settings-icon-panel[_ngcontent-%COMP%] .velt-video-player--settings-icon.active[_ngcontent-%COMP%]{background:var(--velt-accent-transparent);color:var(--velt-accent-text)!important}"],changeDetection:0})}}return n})();var Xse=n=>({componentConfigSignal:n}),NRe=(n,i)=>({condition:n,data:i}),FRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-subtitle-button-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function LRe(n,i){n&1&&(f(0),ie(),C(1,"svg",4),D(2,"path",5),y(),v())}function BRe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(){k(e);let o=l().ngIf;return R(!(o.annotation==null||o.annotation.transcription==null)&&o.annotation.transcription.transcriptedText?o.onSubtitlesButtonClick(!0):null)}),g(2,LRe,3,0,"ng-container",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(2),c("veltDynamicTemplate",j(3,FRe,t.template,M(1,Xse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function VRe(n,i){if(n&1&&(f(0),g(1,BRe,3,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,NRe,e.conditionSignal(),M(1,Xse,e.componentConfigSignal)))}}var sb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSubtitleButtonIconComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSubtitleButtonIconComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-subtitle-button-icon"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click"],[4,"veltDynamicTemplate"],["width","25","height","25","viewBox","0 0 25 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10.9824 11.1172C10.9824 10.7194 10.8244 10.3378 10.5431 10.0565C10.2618 9.77522 9.88025 9.61719 9.48242 9.61719C9.0846 9.61719 8.70307 9.77522 8.42176 10.0565C8.14046 10.3378 7.98242 10.7194 7.98242 11.1172V14.1172C7.98242 14.515 8.14046 14.8965 8.42176 15.1778C8.70307 15.4592 9.0846 15.6172 9.48242 15.6172C9.88025 15.6172 10.2618 15.4592 10.5431 15.1778C10.8244 14.8965 10.9824 14.515 10.9824 14.1172M17.9824 11.1172C17.9824 10.7194 17.8244 10.3378 17.5431 10.0565C17.2618 9.77522 16.8802 9.61719 16.4824 9.61719C16.0846 9.61719 15.7031 9.77522 15.4218 10.0565C15.1405 10.3378 14.9824 10.7194 14.9824 11.1172V14.1172C14.9824 14.515 15.1405 14.8965 15.4218 15.1778C15.7031 15.4592 16.0846 15.6172 16.4824 15.6172C16.8802 15.6172 17.2618 15.4592 17.5431 15.1778C17.8244 14.8965 17.9824 14.515 17.9824 14.1172M3.98242 7.61719C3.98242 7.08675 4.19314 6.57805 4.56821 6.20297C4.94328 5.8279 5.45199 5.61719 5.98242 5.61719H19.9824C20.5129 5.61719 21.0216 5.8279 21.3966 6.20297C21.7717 6.57805 21.9824 7.08675 21.9824 7.61719V17.6172C21.9824 18.1476 21.7717 18.6563 21.3966 19.0314C21.0216 19.4065 20.5129 19.6172 19.9824 19.6172H5.98242C5.45199 19.6172 4.94328 19.4065 4.56821 19.0314C4.19314 18.6563 3.98242 18.1476 3.98242 17.6172V7.61719Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,o){t&1&&g(0,VRe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0})}}return n})();var Qse=n=>({componentConfigSignal:n}),URe=(n,i)=>({condition:n,data:i}),jRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-subtitle-button-tooltip-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function $Re(n,i){n&1&&(f(0),ee(1),w(2,"translate"),v()),n&2&&(m(),ve(" ",A(2,1,"Subtitles not available")," "))}function HRe(n,i){if(n&1&&(C(0,"span",3),g(1,$Re,3,3,"ng-container",4),y()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,jRe,t.template,M(1,Qse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function zRe(n,i){if(n&1&&(f(0),g(1,HRe,2,9,"span",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(!(e.annotation==null||e.annotation.transcription==null)&&e.annotation.transcription.transcriptedText))}}function GRe(n,i){if(n&1&&(f(0),g(1,zRe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,URe,e.conditionSignal(),M(1,Qse,e.componentConfigSignal)))}}var lb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSubtitleButtonTooltipComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSubtitleButtonTooltipComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-subtitle-button-tooltip"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","s-tooltiptext top",4,"ngIf"],[1,"s-tooltiptext","top"],[4,"veltDynamicTemplate"]],template:function(t,o){t&1&&g(0,GRe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var Jse=n=>({componentConfigSignal:n}),WRe=(n,i)=>({condition:n,data:i}),qRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-subtitle-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function YRe(n,i){if(n&1&&(f(0),C(1,"div",3),D(2,"app-video-player-controls-subtitle-button-tooltip",4)(3,"app-video-player-controls-subtitle-button-icon",4),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),pe("disabled",!(!(e.annotation==null||e.annotation.transcription==null)&&e.annotation.transcription.transcriptedText)),m(),c("componentConfigSignal",t.componentConfigSignal),m(),c("componentConfigSignal",t.componentConfigSignal)}}function KRe(n,i){if(n&1&&(f(0),g(1,YRe,4,4,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,qRe,t.template,M(1,Jse,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function ZRe(n,i){if(n&1&&(f(0),g(1,KRe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.recordingTranscriptionEnabled)&&(e.annotation==null?null:e.annotation.transcription)&&e.showSubtitlesButton)}}function XRe(n,i){if(n&1&&(f(0),g(1,ZRe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,WRe,e.conditionSignal(),M(1,Jse,e.componentConfigSignal)))}}var cb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSubtitleButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsSubtitleButtonComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-subtitle-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--subtitle","s-tooltip"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,XRe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-video-player--subtitle[_ngcontent-%COMP%]{cursor:pointer;display:flex!important}.velt-video-player--subtitle.disabled[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{cursor:not-allowed!important;opacity:.5}"],changeDetection:0})}}return n})();var ele=n=>({componentConfigSignal:n}),QRe=(n,i)=>({condition:n,data:i}),JRe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-current-time-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function eNe(n,i){if(n&1&&(f(0),C(1,"span"),ee(2),y(),v()),n&2){let e=l(2).ngIf;m(2),Ue(e.currentTime||"00:00")}}function tNe(n,i){if(n&1&&(f(0),g(1,eNe,3,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,JRe,t.template,M(1,ele,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function nNe(n,i){if(n&1&&(f(0),g(1,tNe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,QRe,e.conditionSignal(),M(1,ele,e.componentConfigSignal)))}}var mb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsCurrentTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsCurrentTimeComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-current-time"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(t,o){t&1&&g(0,nNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var tle=n=>({componentConfigSignal:n}),iNe=(n,i)=>({condition:n,data:i}),oNe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-time-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function rNe(n,i){if(n&1&&(f(0),C(1,"div",3),D(2,"app-video-player-controls-current-time",4),C(3,"span",5),ee(4,"/"),y(),D(5,"app-video-player-controls-total-time",4),y(),v()),n&2){let e=l(3);m(2),c("componentConfigSignal",e.componentConfigSignal),m(3),c("componentConfigSignal",e.componentConfigSignal)}}function aNe(n,i){if(n&1&&(f(0),g(1,rNe,6,2,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,oNe,t.template,M(1,tle,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function sNe(n,i){if(n&1&&(f(0),g(1,aNe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,iNe,e.conditionSignal(),M(1,tle,e.componentConfigSignal)))}}var db=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTimeComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-time"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--time"],[3,"componentConfigSignal"],[1,"velt-video-player--divider"]],template:function(t,o){t&1&&g(0,sNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%;position:absolute;left:0;right:0;pointer-events:none}.velt-video-player--time[_ngcontent-%COMP%]{pointer-events:none;display:flex!important;gap:var(--velt-spacing-sm);justify-content:center!important;align-items:center!important;color:var(--velt-white);font-size:var(--velt-font-size-md);font-weight:500}.velt-video-player--time[_ngcontent-%COMP%] .velt-video-player--divider[_ngcontent-%COMP%]{opacity:.5}"],changeDetection:0})}}return n})();var nle=n=>({componentConfigSignal:n}),lNe=(n,i)=>({condition:n,data:i}),cNe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-total-time-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function mNe(n,i){if(n&1&&(f(0),C(1,"span",3),ee(2),y(),v()),n&2){let e=l(2).ngIf;m(2),Ue((e.latestEditedVersion==null||e.latestEditedVersion.recordedTime==null?null:e.latestEditedVersion.recordedTime.display)||(e.annotation==null||e.annotation.recordedTime==null?null:e.annotation.recordedTime.display))}}function dNe(n,i){if(n&1&&(f(0),g(1,mNe,3,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,cNe,t.template,M(1,nle,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function pNe(n,i){if(n&1&&(f(0),g(1,dNe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,lNe,e.conditionSignal(),M(1,nle,e.componentConfigSignal)))}}var pb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTotalTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTotalTimeComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-total-time"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-video-player--total-time"]],template:function(t,o){t&1&&g(0,pNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:[".velt-video-player--total-time[_ngcontent-%COMP%]{opacity:.8}"],changeDetection:0})}}return n})();var ile=n=>({componentConfigSignal:n}),gNe=(n,i)=>({condition:n,data:i}),uNe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-toggle-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function hNe(n,i){if(n&1&&(f(0),C(1,"div",4),D(2,"app-video-player-controls-toggle-pause",5)(3,"app-video-player-controls-toggle-play",5),y(),v()),n&2){let e=l(3);m(2),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal)}}function fNe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(){k(e);let o=l().ngIf;return R(o.toggleVideo())}),g(2,hNe,4,2,"ng-container",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(2),c("veltDynamicTemplate",j(3,uNe,t.template,M(1,ile,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function vNe(n,i){if(n&1&&(f(0),g(1,fNe,3,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,gNe,e.conditionSignal(),M(1,ile,e.componentConfigSignal)))}}var gb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsToggleButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsToggleButtonComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-toggle-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-player--toggle-button"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,vNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-video-player--toggle-button[_ngcontent-%COMP%]{display:flex!important;align-items:center!important;cursor:pointer!important}"],changeDetection:0})}}return n})();var ole=n=>({componentConfigSignal:n}),CNe=(n,i)=>({condition:n,data:i}),_Ne=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-toggle-pause-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function yNe(n,i){n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4)(3,"path",5),y(),v())}function SNe(n,i){if(n&1&&(f(0),g(1,yNe,4,0,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,_Ne,t.template,M(1,ole,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function bNe(n,i){if(n&1&&(f(0),g(1,SNe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.playing)}}function INe(n,i){if(n&1&&(f(0),g(1,bNe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,CNe,e.conditionSignal(),M(1,ole,e.componentConfigSignal)))}}var ub=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTimeComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTimeComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-toggle-pause"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","20","height","20","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M1.33203 2.66536C1.33203 1.92899 1.92898 1.33203 2.66536 1.33203H5.33203C6.06841 1.33203 6.66536 1.92898 6.66536 2.66536V13.332C6.66536 14.0684 6.06841 14.6654 5.33203 14.6654H2.66536C1.92898 14.6654 1.33203 14.0684 1.33203 13.332V2.66536Z","fill","currentColor"],["d","M9.33203 2.66536C9.33203 1.92899 9.92899 1.33203 10.6654 1.33203H13.332C14.0684 1.33203 14.6654 1.92898 14.6654 2.66536V13.332C14.6654 14.0684 14.0684 14.6654 13.332 14.6654H10.6654C9.92899 14.6654 9.33203 14.0684 9.33203 13.332V2.66536Z","fill","currentColor"]],template:function(t,o){t&1&&g(0,INe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]:empty{display:none}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0})}}return n})();var rle=n=>({componentConfigSignal:n}),ENe=(n,i)=>({condition:n,data:i}),xNe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-toggle-play-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function TNe(n,i){n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4),y(),v())}function DNe(n,i){if(n&1&&(f(0),g(1,TNe,3,0,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,xNe,t.template,M(1,rle,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function wNe(n,i){if(n&1&&(f(0),g(1,DNe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",!e.playing)}}function ANe(n,i){if(n&1&&(f(0),g(1,wNe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,ENe,e.conditionSignal(),M(1,rle,e.componentConfigSignal)))}}var hb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTogglePlayComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTogglePlayComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-toggle-play"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M3.08337 3.65485C3.08337 1.69607 5.23378 0.498172 6.89926 1.52918L17.1496 7.87464C18.7284 8.852 18.7284 11.1486 17.1496 12.126L6.89926 18.4714C5.23378 19.5024 3.08337 18.3045 3.08337 16.3458V3.65485Z","fill","currentColor"]],template:function(t,o){t&1&&g(0,ANe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]:empty{display:none}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0})}}return n})();var ale=n=>({componentConfigSignal:n}),ONe=(n,i)=>({condition:n,data:i}),PNe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-transcription-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function MNe(n,i){if(n&1&&(f(0),C(1,"div",5),D(2,"app-video-player-controls-transcription-tooltip",6)(3,"app-video-player-controls-transcription-icon",6),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),pe("disabled",!(!(e.annotation==null||e.annotation.transcription==null)&&e.annotation.transcription.transcriptedText)),m(),c("componentConfigSignal",t.componentConfigSignal),m(),c("componentConfigSignal",t.componentConfigSignal)}}function kNe(n,i){if(n&1){let e=W();C(0,"div",3),H("click",function(){k(e);let o=l(2).ngIf;return R(!(o.annotation==null||o.annotation.transcription==null)&&o.annotation.transcription.transcriptedText?o.onTranscriptionButtonClick(!0):null)}),g(1,MNe,4,4,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,PNe,t.template,M(1,ale,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function RNe(n,i){if(n&1&&(f(0),g(1,kNe,2,9,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.recordingTranscriptionEnabled)&&(e.annotation==null?null:e.annotation.transcription)&&e.transcriptionMode==="embed")}}function NNe(n,i){if(n&1&&(f(0),g(1,RNe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,ONe,e.conditionSignal(),M(1,ale,e.componentConfigSignal)))}}var fb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTranscriptionTooltipComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTranscriptionTooltipComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-transcription-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click",4,"ngIf"],[3,"click"],[4,"veltDynamicTemplate"],[1,"velt-video-player--transcription","s-tooltip"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,NNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-video-player--transcription[_ngcontent-%COMP%]{cursor:pointer;display:flex!important}.velt-video-player--transcription.disabled[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{cursor:not-allowed!important;opacity:.5}"],changeDetection:0})}}return n})();var sle=n=>({componentConfigSignal:n}),FNe=(n,i)=>({condition:n,data:i}),LNe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-transcription-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function BNe(n,i){n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4),y(),v())}function VNe(n,i){if(n&1&&(f(0),g(1,BNe,3,0,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,LNe,t.template,M(1,sle,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function UNe(n,i){if(n&1&&(f(0),g(1,VNe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,FNe,e.conditionSignal(),M(1,sle,e.componentConfigSignal)))}}var vb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTranscriptionIconComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTranscriptionIconComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-transcription-icon"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","24","height","25","viewBox","0 0 24 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.9902 3.82031V7.82031C13.9902 8.08553 14.0956 8.33988 14.2831 8.52742C14.4707 8.71496 14.725 8.82031 14.9902 8.82031H18.9902M13.9902 3.82031H6.99023C6.4598 3.82031 5.95109 4.03103 5.57602 4.4061C5.20095 4.78117 4.99023 5.28988 4.99023 5.82031V19.8203C4.99023 20.3507 5.20095 20.8595 5.57602 21.2345C5.95109 21.6096 6.4598 21.8203 6.99023 21.8203H16.9902C17.5207 21.8203 18.0294 21.6096 18.4044 21.2345C18.7795 20.8595 18.9902 20.3507 18.9902 19.8203V8.82031M13.9902 3.82031L18.9902 8.82031M8.99023 9.82031H9.99023M8.99023 13.8203H14.9902M8.99023 17.8203H14.9902","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,o){t&1&&g(0,UNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}svg[_ngcontent-%COMP%]{color:var(--velt-white)}svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}"],changeDetection:0})}}return n})();var lle=n=>({componentConfigSignal:n}),jNe=(n,i)=>({condition:n,data:i}),$Ne=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-transcription-tooltip-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function HNe(n,i){n&1&&(f(0),ee(1),w(2,"translate"),v()),n&2&&(m(),ve(" ",A(2,1,"Transcription not available")," "))}function zNe(n,i){if(n&1&&(C(0,"span",3),g(1,HNe,3,3,"ng-container",4),y()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,$Ne,t.template,M(1,lle,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function GNe(n,i){if(n&1&&(f(0),g(1,zNe,2,9,"span",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(!(e.annotation==null||e.annotation.transcription==null)&&e.annotation.transcription.transcriptedText))}}function WNe(n,i){if(n&1&&(f(0),g(1,GNe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,jNe,e.conditionSignal(),M(1,lle,e.componentConfigSignal)))}}var Cb=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTranscriptionTooltipComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsTranscriptionTooltipComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-transcription-tooltip"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","s-tooltiptext top",4,"ngIf"],[1,"s-tooltiptext","top"],[4,"veltDynamicTemplate"]],template:function(t,o){t&1&&g(0,WNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var cle=n=>({componentConfigSignal:n}),qNe=(n,i)=>({condition:n,data:i}),YNe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-video-player-controls-volume-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function KNe(n,i){n&1&&(f(0),ie(),C(1,"svg",5),D(2,"path",6)(3,"path",7),y(),v())}function ZNe(n,i){if(n&1){let e=W();C(0,"div",8),H("click",function(o){return k(e),R(o.stopPropagation())}),C(1,"mat-slider",9),H("input",function(o){k(e);let r=l(2).ngIf;return R(r.onVolumneChange(o))}),C(2,"input",10),Mr("ngModelChange",function(o){k(e);let r=l(2).ngIf;return zr(r.currentVolume,o)||(r.currentVolume=o),R(o)}),y()()()}if(n&2){let e=l(2).ngIf;m(2),Pr("ngModel",e.currentVolume)}}function XNe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(o){return k(e),l().ngIf.toggleVolume(),R(o.stopPropagation())}),g(2,KNe,4,0,"ng-container",3)(3,ZNe,3,1,"div",4),y(),v()}if(n&2){let e=l().ngIf,t=l();m(2),c("veltDynamicTemplate",j(4,YNe,t.template,M(2,cle,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef)),m(),c("ngIf",e.volumeVisible)}}function QNe(n,i){if(n&1&&(f(0),g(1,XNe,4,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,qNe,e.conditionSignal(),M(1,cle,e.componentConfigSignal)))}}var _b=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,super.initializeComponentConfigSignal(new en)}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsVolumeButtonComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in VideoPlayerControlsVolumeButtonComponent ngOnDestroy: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-video-player-controls-volume-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-video-player--volume",3,"click"],[4,"veltDynamicTemplate"],["class","velt-video-player--volume-slider",3,"click",4,"ngIf"],["width","24","height","25","viewBox","0 0 24 25","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M14.998 8.61743C15.619 9.08317 16.123 9.68709 16.4702 10.3814C16.8173 11.0756 16.998 11.8412 16.998 12.6174C16.998 13.3937 16.8173 14.1592 16.4702 14.8535C16.123 15.5478 15.619 16.1517 14.998 16.6174M17.698 5.61743C18.742 6.46108 19.584 7.52756 20.1625 8.73875C20.7409 9.94995 21.0411 11.2752 21.0411 12.6174C21.0411 13.9597 20.7409 15.2849 20.1625 16.4961C19.584 17.7073 18.742 18.7738 17.698 19.6174M5.99805 15.6174H3.99805C3.73283 15.6174 3.47848 15.512 3.29094 15.3245C3.1034 15.137 2.99805 14.8826 2.99805 14.6174V10.6174C2.99805 10.3522 3.1034 10.0978 3.29094 9.9103C3.47848 9.72276 3.73283 9.6174 3.99805 9.6174H5.99805L9.49805 5.1174C9.58545 4.94763 9.7307 4.81473 9.90754 4.7427C10.0844 4.67067 10.2812 4.66426 10.4623 4.72465C10.6434 4.78503 10.797 4.90822 10.8953 5.07194C10.9935 5.23567 11.03 5.42915 10.998 5.6174V19.6174C11.03 19.8057 10.9935 19.9991 10.8953 20.1629C10.797 20.3266 10.6434 20.4498 10.4623 20.5102C10.2812 20.5705 10.0844 20.5641 9.90754 20.4921C9.7307 20.4201 9.58545 20.2872 9.49805 20.1174L5.99805 15.6174Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M5.99805 15.6174H3.99805C3.73283 15.6174 3.47848 15.512 3.29094 15.3245C3.1034 15.137 2.99805 14.8826 2.99805 14.6174V10.6174C2.99805 10.3522 3.1034 10.0978 3.29094 9.9103C3.47848 9.72276 3.73283 9.6174 3.99805 9.6174H5.99805L9.49805 5.1174C9.58545 4.94763 9.7307 4.81473 9.90754 4.7427C10.0844 4.67067 10.2812 4.66426 10.4623 4.72465C10.6434 4.78503 10.797 4.90822 10.8953 5.07194C10.9935 5.23567 11.03 5.42915 10.998 5.6174V19.6174C11.03 19.8057 10.9935 19.9991 10.8953 20.1629C10.797 20.3266 10.6434 20.4498 10.4623 20.5102C10.2812 20.5705 10.0844 20.5641 9.90754 20.4921C9.7307 20.4201 9.58545 20.2872 9.49805 20.1174L5.99805 15.6174Z","fill","currentColor"],[1,"velt-video-player--volume-slider",3,"click"],["min","0","max","1","step","0.1","type","range",3,"input"],["matSliderThumb","",3,"ngModelChange","ngModel"]],template:function(t,o){t&1&&g(0,QNe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-video-player--volume[_ngcontent-%COMP%]{position:relative;align-items:center;justify-content:center;cursor:pointer}.velt-video-player--volume[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{color:var(--velt-white)}.velt-video-player--volume[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]:hover{color:color-mix(in srgb,var(--velt-white) 80%,transparent)}.velt-video-player--volume[_ngcontent-%COMP%] .velt-video-player--volume-slider[_ngcontent-%COMP%]{position:absolute;top:-160px;left:-8px;height:100px;width:100%;display:flex;justify-content:center;align-items:center}[_nghost-%COMP%] mat-slider{transform:rotate(-90deg)}[_nghost-%COMP%] .mdc-slider__thumb.mat-mdc-slider-visual-thumb{display:none}[_nghost-%COMP%] .mat-mdc-slider.mdc-slider.mat-primary{background-color:unset!important}[_nghost-%COMP%] .mat-mdc-slider.mdc-slider.mat-primary input{padding:var(--velt-spacing-sm);top:21px;height:24px}[_nghost-%COMP%] .mat-mdc-slider.mdc-slider.mat-primary .mdc-slider__track--active{background-color:var(--velt-background-4);height:24px}[_nghost-%COMP%] .mat-mdc-slider.mdc-slider.mat-primary .mdc-slider__track--active_fill{border-color:var(--velt-accent);border-top-width:24px}"],changeDetection:0})}}return n})();var tr=class{constructor(){this.isAudioPermissionOpen=!1,this.toggleAudioPermission=()=>{},this.selectAudioDevice=()=>{},this.audioDevices=[],this.isVideoPermissionOpen=!1,this.toggleVideoPermission=()=>{},this.selectVideoDevice=()=>{},this.videoDevices=[],this.shadowDom=!1,this.isOpen=!1,this.settingsEmbedded=!1,this.closeVideoDropdown=()=>{},this.closeAudioDropdown=()=>{}}};var JNe=n=>({componentConfigSignal:n}),eFe=(n,i)=>({condition:n,data:i}),tFe=n=>({componentConfigSignal:n,type:"audio"}),nFe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-media-source-settings-audio-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function iFe(n,i){if(n&1&&(f(0),C(1,"div",5)(2,"div",6),ie(),C(3,"svg",7),D(4,"path",8),y()(),st(),D(5,"velt-media-source-settings-selected-label-internal",9)(6,"velt-media-source-settings-toggle-icon-internal",9),y(),D(7,"velt-media-source-settings-divider-internal",9)(8,"velt-media-source-settings-options-internal",9),v()),n&2){let e=l(4);m(),E("aria-hidden","true"),m(4),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-label"),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-toggle"),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-divider"),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-options")("role","listbox")("aria-label","Audio source options")}}function oFe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),H("clickOutside",function(){k(e);let o=l(2).ngIf;return R(o.closeAudioDropdown())})("click",function(o){k(e);let r=l(2).ngIf;return R(r.toggleAudioPermission(o))}),g(2,iFe,9,15,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();pe("velt-media-source-settings-audio--active",e.isAudioPermissionOpen),E("data-testid",t.componentId)("role","button")("aria-expanded",e.isAudioPermissionOpen)("aria-haspopup","listbox")("aria-label",A(1,9,"Audio settings"))("tabindex",0),m(2),c("veltDynamicTemplate",j(13,nFe,t.template,M(11,tFe,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function rFe(n,i){if(n&1&&(f(0),g(1,oFe,3,19,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.settingsVisible==null?null:e.settingsVisible.audio)}}function aFe(n,i){if(n&1&&(f(0),g(1,rFe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,eFe,e.conditionSignal(),M(1,JNe,e.componentConfigSignal)))}}var yb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-media-source-settings-audio",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-audio-internal"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-media-source-settings-audio","snippylyClickOutside","",3,"velt-media-source-settings-audio--active","clickOutside","click",4,"ngIf"],["snippylyClickOutside","",1,"velt-media-source-settings-audio",3,"clickOutside","click"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-audio-trigger"],[1,"velt-media-source-settings-audio-trigger-icon"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M3.33301 6.66732C3.33301 7.90499 3.82467 9.09198 4.69984 9.96715C5.57501 10.8423 6.762 11.334 7.99967 11.334M7.99967 11.334C9.23735 11.334 10.4243 10.8423 11.2995 9.96715C12.1747 9.09198 12.6663 7.90499 12.6663 6.66732M7.99967 11.334V14.0007M5.33301 14.0007H10.6663M5.99967 3.33398C5.99967 2.80355 6.21039 2.29484 6.58546 1.91977C6.96053 1.5447 7.46924 1.33398 7.99967 1.33398C8.53011 1.33398 9.03882 1.5447 9.41389 1.91977C9.78896 2.29484 9.99967 2.80355 9.99967 3.33398V6.66732C9.99967 7.19775 9.78896 7.70646 9.41389 8.08153C9.03882 8.4566 8.53011 8.66732 7.99967 8.66732C7.46924 8.66732 6.96053 8.4566 6.58546 8.08153C6.21039 7.70646 5.99967 7.19775 5.99967 6.66732V3.33398Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["type","audio",3,"componentConfigSignal","template"]],template:function(t,o){t&1&&g(0,aFe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:[".velt-media-source-settings-audio[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);margin:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-md);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.velt-media-source-settings-audio[_ngcontent-%COMP%]:hover{background:var(--velt-background-3)}.velt-media-source-settings-audio--active[_ngcontent-%COMP%]{background:var(--velt-background-2)}.velt-media-source-settings-audio-trigger[_ngcontent-%COMP%]{width:100%;display:flex;gap:var(--velt-spacing-md);align-items:center;cursor:pointer}.velt-media-source-settings-audio-trigger[_ngcontent-%COMP%] .velt-media-source-settings-audio-trigger-icon[_ngcontent-%COMP%]{padding:1px;color:var(--velt-text-3);display:flex}.velt-media-source-settings-audio-trigger[_ngcontent-%COMP%] .velt-media-source-settings-audio-trigger-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{max-width:none}"],changeDetection:0})}}return n})();var sFe=n=>({componentConfigSignal:n}),lFe=(n,i)=>({condition:n,data:i}),cFe=(n,i,e,t)=>({template:n,componentName:"velt-media-source-settings-divider-wireframe",variant:i,setIfCondition:e,componentElementRef:t});function mFe(n,i){if(n&1&&(f(0),D(1,"div",3),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-divider")("role","separator")("aria-orientation","horizontal")("aria-hidden","true")}}function dFe(n,i){if(n&1&&(C(0,"div"),g(1,mFe,2,4,"ng-container",2),y()),n&2){let e=l(2).ngIf,t=l();E("data-testid",t.componentId+"-divider-container")("role","presentation"),m(),c("veltDynamicTemplate",gt(3,cFe,t.template,e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function pFe(n,i){if(n&1&&(f(0),g(1,dFe,2,8,"div",0),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",t.type==="audio"?e.isAudioPermissionOpen:e.isVideoPermissionOpen)}}function gFe(n,i){if(n&1&&(f(0),g(1,pFe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,lFe,e.conditionSignal(),M(1,sFe,e.componentConfigSignal)))}}var t0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-divider",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-divider-internal"]],inputs:{type:"type"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-divider"]],template:function(t,o){t&1&&g(0,gFe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-media-source-settings-divider[_ngcontent-%COMP%]{width:100%;height:1px;background:var(--velt-background-4);margin-top:var(--velt-spacing-md)}"],changeDetection:0})}}return n})();var uFe=n=>({componentConfigSignal:n}),hFe=(n,i)=>({condition:n,data:i}),fFe=(n,i,e,t)=>({template:n,componentName:"velt-media-source-settings-options-item-icon-wireframe",variant:i,setIfCondition:e,componentElementRef:t});function vFe(n,i){n&1&&(f(0),ie(),C(1,"svg",4),D(2,"path",5),y(),v())}function CFe(n,i){if(n&1&&(f(0),C(1,"div",2),g(2,vFe,3,0,"ng-container",3),y(),v()),n&2){let e=l().ngIf,t=l();m(),pe("selected",t.device.deviceId===(t.type==="audio"?e.selectedAudioDevice==null?null:e.selectedAudioDevice.deviceId:e.selectedVideoDevice==null?null:e.selectedVideoDevice.deviceId)),E("data-testid",t.componentId+"-selected-icon")("role","presentation")("aria-hidden","true"),m(),c("veltDynamicTemplate",gt(6,fFe,t.template,e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function _Fe(n,i){if(n&1&&(f(0),g(1,CFe,3,11,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,hFe,e.conditionSignal(),M(1,uFe,e.componentConfigSignal)))}}var Sb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-options-item-icon",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type,device:this.device}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-options-item-icon"]],inputs:{type:"type",device:"device"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-media-source-settings-options--selected-icon"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M3.75 9L7.5 12.75L15 5.25","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,o){t&1&&g(0,_Fe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:[".velt-media-source-settings-options--selected-icon[_ngcontent-%COMP%]{visibility:hidden;color:var(--velt-accent-text);display:flex}.velt-media-source-settings-options--selected-icon.selected[_ngcontent-%COMP%]{visibility:visible}"],changeDetection:0})}}return n})();var yFe=n=>({componentConfigSignal:n}),SFe=(n,i)=>({condition:n,data:i}),bFe=(n,i,e,t)=>({template:n,componentName:"velt-media-source-settings-options-item-label-wireframe",variant:i,setIfCondition:e,componentElementRef:t});function IFe(n,i){if(n&1&&(f(0),C(1,"p"),w(2,"translate"),ee(3),w(4,"translate"),y(),v()),n&2){let e=l(2).ngIf,t=l();m(),pe("velt-media-source-settings-options--label-selected",t.device.deviceId===(t.type==="audio"?e.selectedAudioDevice==null?null:e.selectedAudioDevice.deviceId:e.selectedVideoDevice==null?null:e.selectedVideoDevice.deviceId)),E("data-testid",t.componentId+"-device-label")("role","option")("title",A(2,6,t.device.label)),m(2),ve(" ",A(4,8,t.device.label)," ")}}function EFe(n,i){if(n&1&&(f(0),g(1,IFe,5,10,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",gt(1,bFe,t.template,e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function xFe(n,i){if(n&1&&(f(0),g(1,EFe,2,6,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,SFe,e.conditionSignal(),M(1,yFe,e.componentConfigSignal)))}}var bb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-options-item-label",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type,device:this.device}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-options-item-label"]],inputs:{type:"type",device:"device"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(t,o){t&1&&g(0,xFe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["p[_ngcontent-%COMP%]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}.velt-media-source-settings-options--label-selected[_ngcontent-%COMP%]{color:var(--velt-text-0)}"],changeDetection:0})}}return n})();var TFe=n=>({componentConfigSignal:n}),DFe=(n,i)=>({condition:n,data:i}),wFe=(n,i,e)=>({device:n,type:i,componentConfigSignal:e}),AFe=(n,i,e,t,o)=>({template:n,context:i,cloneTemplate:!0,componentName:"velt-media-source-settings-options-item-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function OFe(n,i){if(n&1&&(f(0),D(1,"velt-media-source-settings-options-item-icon",7)(2,"velt-media-source-settings-options-item-label",7),v()),n&2){let e=l().$implicit,t=l(4);m(),c("device",e)("type",t.type)("componentConfigSignal",t.componentConfigSignal),E("data-testid",t.componentId+"-option-icon-"+e.deviceId),m(),c("device",e)("type",t.type)("componentConfigSignal",t.componentConfigSignal),E("data-testid",t.componentId+"-option-label-"+e.deviceId)}}function PFe(n,i){if(n&1){let e=W();C(0,"div",5),H("click",function(){let o=k(e).$implicit,r=l(3).ngIf,a=l();return R(a.type==="audio"?r.selectAudioDevice(o):r.selectVideoDevice(o))}),g(1,OFe,3,8,"ng-container",6),y()}if(n&2){let e=i.$implicit,t=l(3).ngIf,o=l();pe("velt-media-source-settings-options--current-selected",e.deviceId===(o.type==="audio"?t.selectedAudioDevice==null?null:t.selectedAudioDevice.deviceId:t.selectedVideoDevice==null?null:t.selectedVideoDevice.deviceId)),E("data-testid",o.componentId+"-option-"+e.deviceId)("role","option"),m(),c("veltDynamicTemplate",j(9,AFe,o.optionTemplate,He(5,wFe,e,o.type,o.componentConfigSignal),t==null?null:t.variant,o.setIfCondition.bind(o),o.elementRef))}}function MFe(n,i){if(n&1&&(C(0,"div",3),g(1,PFe,2,15,"div",4),y()),n&2){let e=l(2).ngIf,t=l();E("data-testid",t.componentId+"-options")("role","listbox")("aria-orientation","vertical"),m(),c("ngForOf",t.type==="audio"?e.audioDevices:e.videoDevices)}}function kFe(n,i){if(n&1&&(f(0),g(1,MFe,2,4,"div",2),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",t.type==="audio"?e.isAudioPermissionOpen:e.isVideoPermissionOpen)}}function RFe(n,i){if(n&1&&(f(0),g(1,kFe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,DFe,e.conditionSignal(),M(1,TFe,e.componentConfigSignal)))}}var n0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-options",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{if(this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes(),!this.optionTemplate){let e=this.template?.querySelector("velt-media-source-settings-options-item-wireframe");lt(e)||(this.optionTemplate=e)}}catch{}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-options-internal"]],inputs:{type:"type"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-media-source-settings-options",4,"ngIf"],[1,"velt-media-source-settings-options"],["class","velt-media-source-settings-options-item",3,"velt-media-source-settings-options--current-selected","click",4,"ngFor","ngForOf"],[1,"velt-media-source-settings-options-item",3,"click"],[4,"veltDynamicTemplate"],[3,"device","type","componentConfigSignal"]],template:function(t,o){t&1&&g(0,RFe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-media-source-settings-options[_ngcontent-%COMP%]{width:100%;display:flex;flex-direction:column;align-items:center;max-height:104px;overflow-y:scroll}.velt-media-source-settings-options-item[_ngcontent-%COMP%]{width:100%;display:flex;gap:var(--velt-spacing-md);align-items:center;cursor:pointer;padding-block:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-sm);color:var(--velt-text-6)}.velt-media-source-settings-options-item[_ngcontent-%COMP%]:not(.velt-media-source-settings-options--current-selected):hover{background:var(--velt-background-4);color:var(--velt-text-0)}.velt-media-source-settings-options--current-selected[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{opacity:50%;color:var(--velt-text-0)}"],changeDetection:0})}}return n})();var NFe=n=>({componentConfigSignal:n}),FFe=(n,i)=>({condition:n,data:i}),LFe=(n,i,e,t)=>({template:n,componentName:"velt-media-source-settings-selected-label-wireframe",variant:i,setIfCondition:e,componentElementRef:t});function BFe(n,i){if(n&1&&(f(0),C(1,"p",3),ee(2),w(3,"translate"),w(4,"translate"),w(5,"translate"),w(6,"translate"),y(),v()),n&2){let e,t=l(3);m(),E("data-testid",t.componentId+"-selected-device-label")("role","status")("aria-live","polite"),m(),ve(" ",t.type==="audio"?(e=A(3,4,(e=t.componentConfigSignal().selectedAudioDevice)==null?null:e.label))!==null&&e!==void 0?e:A(4,6,"No device found"):(e=A(5,8,(e=t.componentConfigSignal().selectedVideoDevice)==null?null:e.label))!==null&&e!==void 0?e:A(6,10,"No device found")," ")}}function VFe(n,i){if(n&1&&(f(0),g(1,BFe,7,12,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",gt(1,LFe,t.template,e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function UFe(n,i){if(n&1&&(f(0),g(1,VFe,2,6,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,FFe,e.conditionSignal(),M(1,NFe,e.componentConfigSignal)))}}var i0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-selected-label",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-selected-label-internal"]],inputs:{type:"type"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-label"]],template:function(t,o){t&1&&g(0,UFe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{flex:1}.velt-media-source-settings-label[_ngcontent-%COMP%]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0;color:var(--velt-text-3)}"],changeDetection:0})}}return n})();var jFe=n=>({componentConfigSignal:n}),$Fe=(n,i)=>({condition:n,data:i}),HFe=(n,i,e,t)=>({template:n,componentName:"velt-media-source-settings-toggle-icon-close-wireframe",variant:i,setIfCondition:e,componentElementRef:t});function zFe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-toggle-icon")("aria-hidden","true")}}function GFe(n,i){if(n&1&&(f(0),g(1,zFe,3,2,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",gt(1,HFe,t.template,e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function WFe(n,i){if(n&1&&(f(0),g(1,GFe,2,6,"ng-container",0),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",t.type==="audio"?!e.isAudioPermissionOpen:!e.isVideoPermissionOpen)}}function qFe(n,i){if(n&1&&(f(0),g(1,WFe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,$Fe,e.conditionSignal(),M(1,jFe,e.componentConfigSignal)))}}var Ib=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon-close",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-toggle-icon-close-internal"]],inputs:{type:"type"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","role","presentation",1,"velt-media-source-settings-toggle-icon"],["d","M4 7L9 12L14 7","fill","currentColor"]],template:function(t,o){t&1&&g(0,qFe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{max-width:none;color:var(--velt-text-12)}"],changeDetection:0})}}return n})();var YFe=n=>({componentConfigSignal:n}),KFe=(n,i)=>({condition:n,data:i}),ZFe=(n,i,e,t)=>({template:n,componentName:"velt-media-source-settings-toggle-icon-open-wireframe",variant:i,setIfCondition:e,componentElementRef:t});function XFe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-toggle-icon-open")("aria-hidden","true")}}function QFe(n,i){if(n&1&&(f(0),g(1,XFe,3,2,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",gt(1,ZFe,t.template,e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function JFe(n,i){if(n&1&&(f(0),g(1,QFe,2,6,"ng-container",0),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",t.type==="audio"?e.isAudioPermissionOpen:e.isVideoPermissionOpen)}}function eLe(n,i){if(n&1&&(f(0),g(1,JFe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,KFe,e.conditionSignal(),M(1,YFe,e.componentConfigSignal)))}}var Eb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon-open",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-toggle-icon-open-internal"]],inputs:{type:"type"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","role","presentation",1,"velt-media-source-settings-toggle-icon-open"],["d","M4 12L9 7L14 12","fill","currentColor"]],template:function(t,o){t&1&&g(0,eLe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{max-width:none;color:var(--velt-text-12)}"],changeDetection:0})}}return n})();var tLe=n=>({componentConfigSignal:n}),nLe=(n,i)=>({condition:n,data:i}),iLe=(n,i)=>({componentConfigSignal:n,type:i}),oLe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-media-source-settings-toggle-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function rLe(n,i){if(n&1&&(f(0),C(1,"div",3),D(2,"velt-media-source-settings-toggle-icon-open-internal",4)(3,"velt-media-source-settings-toggle-icon-close-internal",4),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId+"-toggle-container")("role","presentation")("aria-hidden","true"),m(),c("componentConfigSignal",e.componentConfigSignal)("type",e.type)("template",e.template),E("data-testid",e.componentId+"-toggle-open"),m(),c("componentConfigSignal",e.componentConfigSignal)("type",e.type)("template",e.template),E("data-testid",e.componentId+"-toggle-close")}}function aLe(n,i){if(n&1&&(f(0),g(1,rLe,4,11,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(4,oLe,t.template,F(1,iLe,t.componentConfigSignal,t.type),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function sLe(n,i){if(n&1&&(f(0),g(1,aLe,2,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,nLe,e.conditionSignal(),M(1,tLe,e.componentConfigSignal)))}}var o0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-toggle-icon-internal"]],inputs:{type:"type"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings--toggle-icon"],[3,"componentConfigSignal","type","template"]],template:function(t,o){t&1&&g(0,sLe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var lLe=n=>({componentConfigSignal:n}),cLe=(n,i)=>({condition:n,data:i}),mLe=n=>({componentConfigSignal:n,type:"video"}),dLe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-media-source-settings-video-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function pLe(n,i){if(n&1&&(f(0),C(1,"div",5)(2,"div",6),ie(),C(3,"svg",7),D(4,"path",8)(5,"path",9),y()(),st(),D(6,"velt-media-source-settings-selected-label-internal",10)(7,"velt-media-source-settings-toggle-icon-internal",10),y(),D(8,"velt-media-source-settings-divider-internal",10)(9,"velt-media-source-settings-options-internal",10),v()),n&2){let e=l(4);m(),E("aria-hidden","true"),m(5),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-label"),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-toggle"),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-divider"),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template),E("data-testid",e.componentId+"-options")}}function gLe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),H("clickOutside",function(){k(e);let o=l(2).ngIf;return R(o.closeVideoDropdown())})("click",function(o){k(e);let r=l(2).ngIf;return R(r.toggleVideoPermission(o))}),g(2,pLe,10,13,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();pe("velt-media-source-settings-video--active",e.isVideoPermissionOpen),E("data-testid",t.componentId)("role","button")("aria-expanded",e.isVideoPermissionOpen)("aria-haspopup","listbox")("aria-label",A(1,9,"Video settings"))("tabindex",0),m(2),c("veltDynamicTemplate",j(13,dLe,t.template,M(11,mLe,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function uLe(n,i){if(n&1&&(f(0),g(1,gLe,3,19,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.settingsVisible==null?null:e.settingsVisible.video)}}function hLe(n,i){if(n&1&&(f(0),g(1,uLe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,cLe,e.conditionSignal(),M(1,lLe,e.componentConfigSignal)))}}var xb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-media-source-settings-video",super.initializeComponentConfigSignal(new tr)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-video-internal"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-media-source-settings-video","snippylyClickOutside","",3,"velt-media-source-settings-video--active","clickOutside","click",4,"ngIf"],["snippylyClickOutside","",1,"velt-media-source-settings-video",3,"clickOutside","click"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-video-trigger"],[1,"velt-media-source-settings-video-trigger-icon"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","focusable","false","aria-hidden","true"],["d","M10 6.66675L13.0353 5.14941C13.1369 5.09864 13.2499 5.07467 13.3633 5.07978C13.4768 5.08489 13.5871 5.11891 13.6837 5.17862C13.7804 5.23832 13.8602 5.32173 13.9155 5.42093C13.9709 5.52012 13.9999 5.63182 14 5.74541V10.2547C13.9999 10.3683 13.9709 10.48 13.9155 10.5792C13.8602 10.6784 13.7804 10.7618 13.6837 10.8215C13.5871 10.8812 13.4768 10.9153 13.3633 10.9204C13.2499 10.9255 13.1369 10.9015 13.0353 10.8507L10 9.33341V6.66675Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["d","M2 5.33333C2 4.97971 2.14048 4.64057 2.39052 4.39052C2.64057 4.14048 2.97971 4 3.33333 4H8.66667C9.02029 4 9.35943 4.14048 9.60948 4.39052C9.85952 4.64057 10 4.97971 10 5.33333V10.6667C10 11.0203 9.85952 11.3594 9.60948 11.6095C9.35943 11.8595 9.02029 12 8.66667 12H3.33333C2.97971 12 2.64057 11.8595 2.39052 11.6095C2.14048 11.3594 2 11.0203 2 10.6667V5.33333Z","stroke","currentColor","stroke-linecap","round","stroke-linejoin","round"],["type","video",3,"componentConfigSignal","template"]],template:function(t,o){t&1&&g(0,hLe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:[".velt-media-source-settings-video[_ngcontent-%COMP%]{padding:var(--velt-spacing-md);margin:var(--velt-spacing-xs);border-radius:var(--velt-border-radius-md);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.velt-media-source-settings-video[_ngcontent-%COMP%]:hover{background:var(--velt-background-3)}.velt-media-source-settings-video--active[_ngcontent-%COMP%]{background:var(--velt-background-2)}.velt-media-source-settings-video-trigger[_ngcontent-%COMP%]{width:100%;display:flex;gap:var(--velt-spacing-md);align-items:center;cursor:pointer}.velt-media-source-settings-video-trigger[_ngcontent-%COMP%] .velt-media-source-settings-video-trigger-icon[_ngcontent-%COMP%]{display:flex;padding:1px;color:var(--velt-text-3)}.velt-media-source-settings-video-trigger[_ngcontent-%COMP%] .velt-media-source-settings-video-trigger-icon[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{max-width:none}"],changeDetection:0})}}return n})();var mle=n=>({componentConfigSignal:n}),fLe=(n,i)=>({condition:n,data:i}),vLe=(n,i,e,t,o)=>({template:n,context:i,cloneTemplate:!0,componentName:"velt-media-source-settings-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function CLe(n,i){n&1&&$e(0)}function _Le(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,CLe,1,0,"ng-container",4),y()),n&2){l();let e=de(3);m(),c("ngTemplateOutlet",e)}}function yLe(n,i){if(n&1&&(f(0),C(1,"div",8),D(2,"velt-media-source-settings-audio-internal",9)(3,"velt-media-source-settings-video-internal",9),y(),v()),n&2){let e=l(5);m(),E("role","group")("aria-label","Media settings controls"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-audio")("role","region")("aria-label","Audio settings"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-video")("role","region")("aria-label","Video settings")}}function SLe(n,i){if(n&1&&(C(0,"div",6),w(1,"translate"),g(2,yLe,4,10,"ng-container",7),y()),n&2){let e=l(3).ngIf,t=l();E("data-testid",t.componentId)("role","dialog")("aria-label",A(1,5,"Media source settings"))("aria-modal","true"),m(2),c("veltDynamicTemplate",j(9,vLe,t.template,M(7,mle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function bLe(n,i){if(n&1&&g(0,SLe,3,15,"div",5),n&2){let e=l(2).ngIf;c("ngIf",e.isOpen||e.settingsEmbedded)}}function ILe(n,i){if(n&1&&(f(0),g(1,_Le,2,1,"velt-shadow-dom-internal",3)(2,bLe,1,1,"ng-template",null,0,be),v()),n&2){let e=de(3),t=l().ngIf,o=l();m(),c("ngIf",t.shadowDom&&!o.template)("ngIfElse",e)}}function ELe(n,i){if(n&1&&(f(0),g(1,ILe,4,2,"ng-container",2),v()),n&2){let e=l();m(),c("veltIf",F(3,fLe,e.conditionSignal(),M(1,mle,e.componentConfigSignal)))}}var Tb=(()=>{class n extends ${constructor(e,t,o,r,a,s){super(r,a,e),this.loggingService=e,this.wireframeService=t,this.devicePermissionService=o,this.elementRef=r,this.dynamicDataService=a,this.recorderService=s,this.isOpen=!1,this.showMicSettings=!0,this.showCamSettings=!0,this.config={},this.shadowDom=!0,this.devices=[],this.defaultMediaSourceOptions=oc(),this.subscriptions=[],this.veltElement=!0,this.componentConfigSignal=Se({toggleAudioPermission:this.toggleAudioPermission.bind(this),selectAudioDevice:this.selectAudioDevice.bind(this),toggleVideoPermission:this.toggleVideoPermission.bind(this),selectVideoDevice:this.selectVideoDevice.bind(this),isAudioPermissionOpen:!1,settingsVisible:{audio:!0,video:!0},selectedAudioDevice:void 0,selectedVideoDevice:void 0,isVideoPermissionOpen:!1,audioDevices:[],videoDevices:[],shadowDom:this.shadowDom,isOpen:this.isOpen,variant:this.variant,settingsEmbedded:!1,closeVideoDropdown:this.closeVideoDropdown.bind(this),closeAudioDropdown:this.closeAudioDropdown.bind(this)}),this.componentId="velt-media-source-settings";try{this.getDevices(),this.subscriptions.push(this.devicePermissionService.getPermissionState$("video").subscribe(d=>{this.getDevices()})),this.subscriptions.push(this.devicePermissionService.getPermissionState$("audio").subscribe(d=>{this.getDevices()})),this.subscriptions.push(this.recorderService.getSettingsEmbedded$().subscribe(d=>{this.componentConfigSignal.update(p=>T(I({},p),{settingsEmbedded:d}))}))}catch(d){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent constructor: ",d)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),this.updateSettingsVisibility(),this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;");let e="velt-media-source-settings-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}})}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsComponent setupA11yAttributes:",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(o=>(o=T(I({},o),{[t]:e[t].currentValue}),o))}),(e.showMicSettings||e.showCamSettings)&&this.updateSettingsVisibility()}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnChanges: ",t)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e?.unsubscribe()})}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnDestroy: ",e)}}updateSettingsVisibility(){try{this.componentConfigSignal.update(e=>T(I({},e),{settingsVisible:{audio:this.showMicSettings,video:this.showCamSettings}}))}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnChanges: ",e)}}getDevices(){return J(this,null,function*(){try{if(new Xn().getBrowserName()?.toLowerCase()==="safari")try{let t=yield navigator.mediaDevices.getUserMedia({audio:!0,video:!0});t&&t.getTracks().forEach(o=>o.stop())}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices getUserMedia catch: ",t)}navigator.mediaDevices.enumerateDevices().then(t=>{if(this.devices=t.filter(o=>o.kind==="audioinput"||o.kind==="videoinput"),this.componentConfigSignal.update(o=>T(I({},o),{audioDevices:this.devices.filter(r=>r.kind==="audioinput"&&r.deviceId!==""),videoDevices:this.devices.filter(r=>r.kind==="videoinput"&&r.deviceId!=="")})),this.componentConfigSignal().audioDevices.length>0&&!this.componentConfigSignal().selectedAudioDevice){if(this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId){let o=this.componentConfigSignal().audioDevices.find(r=>r.deviceId===this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId);o&&this.componentConfigSignal.update(r=>T(I({},r),{selectedAudioDevice:o}))}this.componentConfigSignal().selectedAudioDevice||this.componentConfigSignal.update(o=>T(I({},o),{selectedAudioDevice:this.componentConfigSignal().audioDevices[0]}))}if(this.componentConfigSignal().videoDevices.length>0&&!this.componentConfigSignal().selectedVideoDevice){if(this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId){let o=this.componentConfigSignal().videoDevices.find(r=>r.deviceId===this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId);o&&this.componentConfigSignal.update(r=>T(I({},r),{selectedVideoDevice:o}))}this.componentConfigSignal().selectedVideoDevice||this.componentConfigSignal.update(o=>T(I({},o),{selectedVideoDevice:this.componentConfigSignal().videoDevices[0]}))}}).catch(t=>{this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices enumerateDevices catch: ",t)})}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices: ",e)}})}selectAudioDevice(e){try{this.componentConfigSignal.update(t=>T(I({},t),{selectedAudioDevice:e})),this.saveChanges()}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectAudioDevice: ",t)}}selectVideoDevice(e){try{this.componentConfigSignal.update(t=>T(I({},t),{selectedVideoDevice:e})),this.saveChanges()}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectVideoDevice: ",t)}}saveChanges(){try{let e={};this.componentConfigSignal()?.settingsVisible?.audio&&(e.selectedAudioDevice=this.componentConfigSignal()?.selectedAudioDevice),this.componentConfigSignal()?.settingsVisible?.video&&(e.selectedVideoDevice=this.componentConfigSignal()?.selectedVideoDevice),localStorage.setItem(V.LOCAL_STORAGE.SNIPPYLY_DEFAULT_MEDIA_SOURCE_OPTIONS,JSON.stringify(e||{})),this.defaultMediaSourceOptions=oc(),this.config.mediaConfig.audio||(this.config.mediaConfig.audio={enabled:!1}),this.config.mediaConfig.audio.deviceId=this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId,this.config.mediaConfig.video||(this.config.mediaConfig.video={enabled:!1}),this.config.mediaConfig.video.deviceId=this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId,this.config.updateMediaConfig(this.config.mediaConfig)}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent saveChanges: ",e)}}toggleAudioPermission(e){try{e.stopPropagation(),this.componentConfigSignal().audioDevices.length>0&&this.componentConfigSignal.update(t=>T(I({},t),{isAudioPermissionOpen:!t.isAudioPermissionOpen}))}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent toggleAudioPermission: ",t)}}toggleVideoPermission(e){try{e.stopPropagation(),this.componentConfigSignal().videoDevices.length>0&&this.componentConfigSignal.update(t=>(t=T(I({},t),{isVideoPermissionOpen:!t.isVideoPermissionOpen}),t))}catch(t){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent toggleVideoPermission: ",t)}}closeVideoDropdown(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{isVideoPermissionOpen:!1}),e))}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent closeVideoDropdown: ",e)}}closeAudioDropdown(){try{this.componentConfigSignal.update(e=>(e=T(I({},e),{isAudioPermissionOpen:!1}),e))}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent closeAudioDropdown: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(gm),u(N),u(S),u(vi))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-media-source-settings-internal"]],hostVars:1,hostBindings:function(t,o){t&2&&E("data-velt-element",o.veltElement)},inputs:{isOpen:"isOpen",showMicSettings:"showMicSettings",showCamSettings:"showCamSettings",config:"config",shadowDom:"shadowDom",variant:"variant"},standalone:!1,features:[U([S]),B,We],decls:1,vars:1,consts:[["mediaSourcePermissionRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["class","velt-media-source-settings-container",4,"ngIf"],[1,"velt-media-source-settings-container"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,ELe,2,6,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-media-source-settings[_ngcontent-%COMP%]{position:absolute;left:0;bottom:90px;border-radius:var(--velt-border-radius-lg);background:var(--velt-background-1);display:flex;flex-direction:column;width:366px;font-weight:400;font-size:var(--velt-font-size-xs);line-height:18px;overflow:hidden}"],changeDetection:0})}}return n})();var gn=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}};var xLe=n=>({componentConfigSignal:n}),TLe=(n,i)=>({condition:n,data:i}),DLe=(n,i)=>({componentConfigSignal:n,variant:i}),wLe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-audio-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function ALe(n,i){n&1&&$e(0)}function OLe(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,ALe,1,0,"ng-container",5),y()),n&2){l();let e=de(3);m(),c("ngTemplateOutlet",e)}}function PLe(n,i){if(n&1&&(f(0),C(1,"div",9)(2,"div",10),D(3,"app-recording-preview-steps-dialog-close-button",11),y(),D(4,"app-recording-preview-steps-dialog-timer",11)(5,"app-recording-preview-steps-dialog-waveform",12),C(6,"div",13),D(7,"velt-recording-preview-steps-dialog-settings-panel-internal",12),C(8,"app-recording-preview-steps-dialog-button-panel",11),D(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),y(),D(12,"app-recording-preview-steps-dialog-bottom-panel",11),y()(),v()),n&2){let e=l(5);m(),E("data-testid",e.componentId+"-overlay"),m(),E("data-testid",e.componentId+"-header"),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal),m(),E("data-testid",e.componentId+"-settings")("role","group")("aria-label","Recording settings"),m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function MLe(n,i){if(n&1){let e=W();C(0,"div",7,1),w(2,"translate"),H("pointerdown",function(o){return k(e),R(o.stopPropagation())})("pointerup",function(o){return k(e),R(o.stopPropagation())})("click",function(o){k(e);let r=l(3).ngIf;return R(r.handleOverlayClick(o))}),g(3,PLe,13,28,"ng-container",8),y()}if(n&2){let e=l(4);E("data-testid",e.componentId)("role","dialog")("aria-label",A(2,4,"Audio recording preview")),m(3),c("veltDynamicTemplate",j(9,wLe,e.template,F(6,DLe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function kLe(n,i){if(n&1&&g(0,MLe,4,15,"div",6),n&2){let e=l(2).ngIf;c("ngIf",e.type==="audio")}}function RLe(n,i){if(n&1&&(f(0),g(1,OLe,2,1,"velt-shadow-dom-internal",4)(2,kLe,1,1,"ng-template",null,0,be),v()),n&2){let e=de(3),t=l().ngIf,o=l();m(),c("ngIf",t.shadowDom&&!o.template)("ngIfElse",e)}}function NLe(n,i){if(n&1&&(f(0),g(1,RLe,4,2,"ng-container",3),v()),n&2){let e=l();m(),c("veltIf",F(3,TLe,e.conditionSignal(),M(1,xLe,e.componentConfigSignal)))}}var Db=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,e),this.loggingService=e,this.wireframeService=t,this.elementRef=o,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-audio",super.initializeComponentConfigSignal(new gn)}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 o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}})}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-audio"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,NLe,2,6,"ng-container",2),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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){ .snippyly-recording-preview-steps-dialog{width:calc(1 * var(--legacy-velt-viewport-width));max-width:calc(1 * var(--legacy-velt-viewport-width))} .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))} .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))} .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})}}return n})();var FLe=n=>({componentConfigSignal:n}),LLe=(n,i)=>({condition:n,data:i}),BLe=(n,i)=>({componentConfigSignal:n,variant:i}),VLe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-bottom-panel-close-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function ULe(n,i){if(n&1&&(f(0),C(1,"div",5),ie(),C(2,"svg",6),D(3,"path",7),y()(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon")}}function jLe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),H("click",function(){k(e);let o=l(2).ngIf;return R(o.closeDialog())}),g(2,ULe,4,1,"ng-container",4),y()}if(n&2){let e=l(3);E("data-testid",e.componentId)("aria-label",A(1,3,"Cancel recording")),m(2),c("veltDynamicTemplate",j(8,VLe,e.template,F(5,BLe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function $Le(n,i){if(n&1&&(f(0),g(1,jLe,3,14,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.countdownStarted)}}function HLe(n,i){if(n&1&&(f(0),g(1,$Le,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,LLe,e.conditionSignal(),M(1,FLe,e.componentConfigSignal)))}}var wb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-close",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-bottom-panel-close"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,HLe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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})}}return n})();var zLe=n=>({componentConfigSignal:n}),GLe=(n,i)=>({condition:n,data:i}),WLe=(n,i)=>({componentConfigSignal:n,variant:i}),qLe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-bottom-panel-countdown-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function YLe(n,i){if(n&1&&(C(0,"div",4),ee(1),y()),n&2){let e=l(3).ngIf,t=l();E("data-testid",t.componentId)("aria-label","Recording starts in "+e.countdown+" seconds"),m(),ve(" ",e.countdown," ")}}function KLe(n,i){if(n&1&&(f(0),g(1,YLe,2,3,"div",3),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e.countdownStarted)}}function ZLe(n,i){if(n&1&&(f(0),g(1,KLe,2,1,"ng-container",2),v()),n&2){let e=l(2);m(),c("veltDynamicTemplate",j(4,qLe,e.template,F(1,WLe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function XLe(n,i){if(n&1&&(f(0),g(1,ZLe,2,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,GLe,e.conditionSignal(),M(1,zLe,e.componentConfigSignal)))}}var Ab=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-countdown",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-bottom-panel-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,XLe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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})}}return n})();var QLe=n=>({componentConfigSignal:n}),JLe=(n,i)=>({condition:n,data:i}),E$=(n,i)=>({componentConfigSignal:n,variant:i}),x$=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-bottom-panel-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function eBe(n,i){if(n&1&&(f(0),C(1,"div",5),ie(),C(2,"svg",6),D(3,"path",7)(4,"path",8),y()(),v()),n&2){let e=l(5);m(),E("data-testid",e.componentId+"-video")}}function tBe(n,i){if(n&1&&(f(0),g(1,eBe,5,1,"ng-container",4),v()),n&2){let e=l(4);m(),c("veltDynamicTemplate",j(4,x$,e.template,F(1,E$,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function nBe(n,i){if(n&1&&(f(0),C(1,"div",9),ie(),C(2,"svg",6),D(3,"path",10),y()(),v()),n&2){let e=l(5);m(),E("data-testid",e.componentId+"-screen")}}function iBe(n,i){if(n&1&&(f(0),g(1,nBe,4,1,"ng-container",4),v()),n&2){let e=l(4);m(),c("veltDynamicTemplate",j(4,x$,e.template,F(1,E$,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function oBe(n,i){if(n&1&&(f(0),C(1,"div",11),ie(),C(2,"svg",6),D(3,"path",12),y()(),v()),n&2){let e=l(5);m(),E("data-testid",e.componentId+"-audio")}}function rBe(n,i){if(n&1&&(f(0),g(1,oBe,4,1,"ng-container",4),v()),n&2){let e=l(4);m(),c("veltDynamicTemplate",j(4,x$,e.template,F(1,E$,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function aBe(n,i){if(n&1&&(f(0)(1,2),C(2,"div"),g(3,tBe,2,10,"ng-container",3)(4,iBe,2,10,"ng-container",3)(5,rBe,2,10,"ng-container",3),y(),v()()),n&2){let e=l(2).ngIf,t=l();m(),c("ngSwitch",e.type),m(),pe("velt-recording-preview--recording-started",e.countdownStarted),E("data-testid",t.componentId),m(),c("ngSwitchCase","video"),m(),c("ngSwitchCase","screen"),m(),c("ngSwitchCase","audio")}}function sBe(n,i){if(n&1&&(f(0),g(1,aBe,6,7,"ng-container",0),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",!t.type||t.type===e.type)}}function lBe(n,i){if(n&1&&(f(0),g(1,sBe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,JLe,e.conditionSignal(),M(1,QLe,e.componentConfigSignal)))}}var Ob=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-icon",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-bottom-panel-icon"]],inputs:{type:"type",variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,lBe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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})}}return n})();var cBe=n=>({componentConfigSignal:n}),mBe=(n,i)=>({condition:n,data:i}),dBe=(n,i)=>({componentConfigSignal:n,variant:i}),pBe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-bottom-panel-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function gBe(n,i){if(n&1&&(C(0,"div",6),ee(1),w(2,"translate"),D(3,"app-recording-preview-steps-dialog-bottom-panel-countdown",4),y()),n&2){let e=l(4);E("data-testid",e.componentId+"-countdown"),m(),ve(" ",A(2,5,"Starting recording in")," "),m(2),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function uBe(n,i){if(n&1&&(f(0),C(1,"div",3),w(2,"translate"),D(3,"app-recording-preview-steps-dialog-bottom-panel-icon",4),g(4,gBe,4,7,"div",5),D(5,"app-recording-preview-steps-dialog-bottom-panel-close",4),y(),v()),n&2){let e=l(2).ngIf,t=l();m(),pe("velt-recording-preview--recording-started",e.countdownStarted),E("data-testid",t.componentId)("aria-label",A(2,11,"Recording preview bottom panel")),m(2),c("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),m(),c("ngIf",e.countdownStarted),m(),c("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant)}}function hBe(n,i){if(n&1&&(f(0),g(1,uBe,6,13,"ng-container",2),v()),n&2){let e=l(2);m(),c("veltDynamicTemplate",j(4,pBe,e.template,F(1,dBe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function fBe(n,i){if(n&1&&(f(0),g(1,hBe,2,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,mBe,e.conditionSignal(),M(1,cBe,e.componentConfigSignal)))}}var r0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-bottom-panel",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-bottom-panel"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,fBe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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})}}return n})();var vBe=["*"],CBe=n=>({componentConfigSignal:n}),_Be=(n,i)=>({condition:n,data:i}),yBe=(n,i)=>({componentConfigSignal:n,variant:i}),SBe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-button-panel-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function bBe(n,i){n&1&&(f(0),Pt(1),v())}function IBe(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),g(2,bBe,2,0,"ng-container",4),y()),n&2){let e=l(3);E("data-testid",e.componentId)("aria-label",A(1,4,"Recording control buttons"))("aria-orientation","horizontal"),m(2),c("veltDynamicTemplate",j(9,SBe,e.template,F(6,yBe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function EBe(n,i){if(n&1&&(f(0),g(1,IBe,3,15,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!e.countdownStarted)}}function xBe(n,i){if(n&1&&(f(0),g(1,EBe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,_Be,e.conditionSignal(),M(1,CBe,e.componentConfigSignal)))}}var a0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-button-panel",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-button-panel"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B],ngContentSelectors:vBe,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,o){t&1&&(Lt(),g(0,xBe,2,6,"ng-container",0)),t&2&&c("ngIf",o.componentConfigSignal())},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}.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})}}return n})();var TBe=n=>({componentConfigSignal:n}),DBe=(n,i)=>({condition:n,data:i}),wBe=(n,i)=>({componentConfigSignal:n,variant:i}),ABe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-camera-button-off-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function OBe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4)(3,"path",5),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon")}}function PBe(n,i){if(n&1&&(f(0),g(1,OBe,4,1,"ng-container",2),v()),n&2){let e=l(3);m(),c("veltDynamicTemplate",j(4,ABe,e.template,F(1,wBe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function MBe(n,i){if(n&1&&(f(0),g(1,PBe,2,10,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(e.mediaConfig.video!=null&&e.mediaConfig.video.enabled))}}function kBe(n,i){if(n&1&&(f(0),g(1,MBe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,DBe,e.conditionSignal(),M(1,TBe,e.componentConfigSignal)))}}var Pb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-camera-button-off",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-recording-preview-steps-dialog-camera-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,kBe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0})}}return n})();var RBe=n=>({componentConfigSignal:n}),NBe=(n,i)=>({condition:n,data:i}),FBe=(n,i)=>({componentConfigSignal:n,variant:i}),LBe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-camera-button-on-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function BBe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4)(3,"path",5),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon")}}function VBe(n,i){if(n&1&&(f(0),g(1,BBe,4,1,"ng-container",2),v()),n&2){let e=l(3);m(),c("veltDynamicTemplate",j(4,LBe,e.template,F(1,FBe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function UBe(n,i){if(n&1&&(f(0),g(1,VBe,2,10,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.mediaConfig.video==null?null:e.mediaConfig.video.enabled)}}function jBe(n,i){if(n&1&&(f(0),g(1,UBe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,NBe,e.conditionSignal(),M(1,RBe,e.componentConfigSignal)))}}var Mb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-camera-button-on",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-recording-preview-steps-dialog-camera-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,jBe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0})}}return n})();var $Be=n=>({componentConfigSignal:n}),HBe=(n,i)=>({condition:n,data:i}),zBe=(n,i)=>({componentConfigSignal:n,variant:i}),GBe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-camera-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function WBe(n,i){if(n&1&&(f(0),C(1,"div",6),D(2,"velt-recording-preview-steps-dialog-camera-button-on-internal",7)(3,"velt-recording-preview-steps-dialog-camera-button-off-internal",7),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),pe("velt-recording-preview--icon-button-off",!(e.mediaConfig.video!=null&&e.mediaConfig.video.enabled)),E("data-testid",t.componentId+"-icon-container"),m(),c("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),m(),c("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant)}}function qBe(n,i){if(n&1){let e=W();C(0,"app-device-permission-button",3)(1,"div",4),w(2,"translate"),w(3,"translate"),w(4,"translate"),H("click",function(){k(e);let o=l(2).ngIf;return R(o.toggleVideo())}),g(5,WBe,4,9,"ng-container",5),y()()}if(n&2){let e=l(2).ngIf,t=l();c("darkMode",!!e.darkMode),E("data-testid",t.componentId+"-permission-button"),m(),E("data-testid",t.componentId+"-toggle")("aria-label",A(2,6,"Toggle camera")+" "+(e.mediaConfig.video!=null&&e.mediaConfig.video.enabled?A(3,8,"off"):A(4,10,"on")))("aria-pressed",!!(e.mediaConfig.video!=null&&e.mediaConfig.video.enabled)),m(4),c("veltDynamicTemplate",j(15,GBe,t.template,F(12,zBe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function YBe(n,i){if(n&1&&(f(0),g(1,qBe,6,21,"app-device-permission-button",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.type==="screen")}}function KBe(n,i){if(n&1&&(f(0),g(1,YBe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,HBe,e.conditionSignal(),M(1,$Be,e.componentConfigSignal)))}}var kb=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,t),this.devicePermissionService=e,this.loggingService=t,this.elementRef=o,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-button",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(gm),u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-recording-preview-steps-dialog-camera-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B,We],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,o){t&1&&g(0,KBe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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})}}return n})();var dle=n=>({componentConfigSignal:n}),ZBe=(n,i)=>({condition:n,data:i}),XBe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-mic-button-off-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function QBe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4)(3,"path",5),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon")}}function JBe(n,i){if(n&1&&(f(0),g(1,QBe,4,1,"ng-container",2),v()),n&2){let e=l(3);m(),c("veltDynamicTemplate",j(3,XBe,e.template,M(1,dle,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function eVe(n,i){if(n&1&&(f(0),g(1,JBe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(e.mediaConfig.audio!=null&&e.mediaConfig.audio.enabled))}}function tVe(n,i){if(n&1&&(f(0),g(1,eVe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,ZBe,e.conditionSignal(),M(1,dle,e.componentConfigSignal)))}}var Rb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-mic-button-off",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-recording-preview-steps-dialog-mic-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,tVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0})}}return n})();var ple=n=>({componentConfigSignal:n}),nVe=(n,i)=>({condition:n,data:i}),iVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-mic-button-on-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function oVe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",3),D(2,"path",4),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon")}}function rVe(n,i){if(n&1&&(f(0),g(1,oVe,3,1,"ng-container",2),v()),n&2){let e=l(3);m(),c("veltDynamicTemplate",j(3,iVe,e.template,M(1,ple,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function aVe(n,i){if(n&1&&(f(0),g(1,rVe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.mediaConfig.audio==null?null:e.mediaConfig.audio.enabled)}}function sVe(n,i){if(n&1&&(f(0),g(1,aVe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,nVe,e.conditionSignal(),M(1,ple,e.componentConfigSignal)))}}var Nb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-mic-button-on",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-recording-preview-steps-dialog-mic-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,sVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0})}}return n})();var lVe=n=>({componentConfigSignal:n}),cVe=(n,i)=>({condition:n,data:i}),mVe=(n,i)=>({componentConfigSignal:n,variant:i}),dVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-mic-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function pVe(n,i){if(n&1&&(f(0),C(1,"div",5),D(2,"velt-recording-preview-steps-dialog-mic-button-on-internal",6)(3,"velt-recording-preview-steps-dialog-mic-button-off-internal",6),y(),v()),n&2){let e=l(2).ngIf,t=l();m(),pe("velt-recording-preview--icon-button-off",!(e.mediaConfig.audio!=null&&e.mediaConfig.audio.enabled)),E("data-testid",t.componentId+"-icon-container"),m(),c("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),m(),c("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant)}}function gVe(n,i){if(n&1){let e=W();f(0),C(1,"app-device-permission-button",2)(2,"div",3),w(3,"translate"),w(4,"translate"),w(5,"translate"),H("click",function(){k(e);let o=l().ngIf;return R(o.toggleAudio())})("keydown.enter",function(){k(e);let o=l().ngIf;return R(o.toggleAudio())})("keydown.space",function(){k(e);let o=l().ngIf;return R(o.toggleAudio())}),g(6,pVe,4,9,"ng-container",4),y()(),v()}if(n&2){let e=l().ngIf,t=l();m(),c("darkMode",!!e.darkMode),E("data-testid",t.componentId+"-permission-button"),m(),E("data-testid",t.componentId+"-toggle")("aria-label",A(3,6,"Toggle microphone")+" "+(e.mediaConfig.audio!=null&&e.mediaConfig.audio.enabled?A(4,8,"off"):A(5,10,"on")))("aria-pressed",!!(e.mediaConfig.audio!=null&&e.mediaConfig.audio.enabled)),m(4),c("veltDynamicTemplate",j(15,dVe,t.template,F(12,mVe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function uVe(n,i){if(n&1&&(f(0),g(1,gVe,7,21,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,cVe,e.conditionSignal(),M(1,lVe,e.componentConfigSignal)))}}var s0=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,t),this.devicePermissionService=e,this.loggingService=t,this.elementRef=o,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-mic-button",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(gm),u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-recording-preview-steps-dialog-mic-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B,We],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,o){t&1&&g(0,uVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.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})}}return n})();var gle=n=>({componentConfigSignal:n}),hVe=(n,i)=>({condition:n,data:i}),fVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-settings-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function vVe(n,i){if(n&1&&(f(0),C(1,"div",5),ie(),C(2,"svg",6),D(3,"path",7)(4,"path",8),y()(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon-container"),m(),E("data-testid",e.componentId+"-icon")}}function CVe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),w(2,"translate"),w(3,"translate"),H("click",function(o){k(e);let r=l(2).ngIf;return R(r.toggleSettings(o))})("keydown.enter",function(o){k(e);let r=l(2).ngIf;return R(r.toggleSettings(o))})("keydown.space",function(o){k(e);let r=l(2).ngIf;return R(r.toggleSettings(o))}),g(4,vVe,5,2,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();pe("velt-recording-preview--settings-button-open",e.isSettingsOpen),E("data-testid",t.componentId+"-button")("aria-label",(e.isSettingsOpen?A(1,7,"Close"):A(2,9,"Open"))+" "+A(3,11,"recording settings"))("aria-expanded",e.isSettingsOpen)("aria-controls",t.componentId+"-panel"),m(4),c("veltDynamicTemplate",j(15,fVe,t.template,M(13,gle,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function _Ve(n,i){if(n&1&&(f(0),g(1,CVe,5,21,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!e.countdownStarted)}}function yVe(n,i){if(n&1&&(f(0),g(1,_Ve,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,hVe,e.conditionSignal(),M(1,gle,e.componentConfigSignal)))}}var l0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-settings",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-settings"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,yVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.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})}}return n})();var ule=n=>({componentConfigSignal:n}),SVe=(n,i)=>({condition:n,data:i}),bVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-start-recording-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function IVe(n,i){if(n&1&&(f(0),C(1,"div",4),ee(2),w(3,"translate"),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId+"-label"),m(),ve(" ",A(3,2,"Start Recording"),"")}}function EVe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(){k(e);let o=l().ngIf;return R(o.startCountdown())}),g(2,IVe,4,4,"ng-container",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(),pe("disabled",e.type==="video"&&(!(e.mediaConfig.video!=null&&e.mediaConfig.video.enabled)||!e.mediaState.video.enabled)||e.type==="audio"&&(!(e.mediaConfig.audio!=null&&e.mediaConfig.audio.enabled)||!e.mediaState.audio.enabled)),E("data-testid",t.componentId+"-button"),m(),c("veltDynamicTemplate",j(6,bVe,t.template,M(4,ule,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function xVe(n,i){if(n&1&&(f(0),g(1,EVe,3,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,SVe,e.conditionSignal(),M(1,ule,e.componentConfigSignal)))}}var c0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-start-recording",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-start-recording"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,xVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.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})}}return n})();var TVe=n=>({componentConfigSignal:n}),DVe=(n,i)=>({condition:n,data:i}),wVe=(n,i)=>({componentConfigSignal:n,variant:i}),AVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-camera-off-message-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function OVe(n,i){if(n&1&&(f(0),C(1,"h1",5),w(2,"translate"),ee(3),w(4,"translate"),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-text")("aria-label",A(2,3,"Camera is off")),m(2),Ue(A(4,5,"Camera is off"))}}function PVe(n,i){if(n&1&&(C(0,"div",3),g(1,OVe,5,7,"ng-container",4),y()),n&2){let e=l(3);E("data-testid",e.componentId),m(),c("veltDynamicTemplate",j(5,AVe,e.template,F(2,wVe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function MVe(n,i){if(n&1&&(f(0),g(1,PVe,2,11,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!e.countdownStarted&&(!(e.mediaConfig.video!=null&&e.mediaConfig.video.enabled)||!e.mediaState.video.enabled))}}function kVe(n,i){if(n&1&&(f(0),g(1,MVe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,DVe,e.conditionSignal(),M(1,TVe,e.componentConfigSignal)))}}var Fb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-camera-off-message",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-camera-off-message"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,kVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-recording-preview-camera-off-message[_ngcontent-%COMP%]{font-size:var(--velt-font-size-lg);color:var(--velt-text-0);margin:0}"],changeDetection:0})}}return n})();var hle=n=>({componentConfigSignal:n}),RVe=(n,i)=>({condition:n,data:i}),NVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-close-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function FVe(n,i){if(n&1&&(f(0),C(1,"div",4),ie(),C(2,"svg",5),D(3,"path",6),y()(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId+"-icon-container"),m(),E("data-testid",e.componentId+"-icon")}}function LVe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),w(2,"translate"),H("click",function(){k(e);let o=l().ngIf;return R(o.closeDialog())})("keydown.enter",function(){k(e);let o=l().ngIf;return R(o.closeDialog())})("keydown.space",function(){k(e);let o=l().ngIf;return R(o.closeDialog())}),g(3,FVe,4,2,"ng-container",3),y(),v()}if(n&2){let e=l(2);m(),E("data-testid",e.componentId)("aria-label",A(2,3,"Close recording preview")),m(2),c("veltDynamicTemplate",j(7,NVe,e.template,M(5,hle,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function BVe(n,i){if(n&1&&(f(0),g(1,LVe,4,13,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,RVe,e.conditionSignal(),M(1,hle,e.componentConfigSignal)))}}var m0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-close-button",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-close-button"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,BVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.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})}}return n})();var fle=n=>({componentConfigSignal:n}),VVe=(n,i)=>({condition:n,data:i}),UVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-timer-cancel-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function jVe(n,i){if(n&1&&(f(0),C(1,"div",4),ee(2),w(3,"translate"),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId+"-label"),m(),ve(" ",A(3,2,"Cancel")," ")}}function $Ve(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(){k(e);let o=l().ngIf;return R(o.cancelCountdown())})("keydown.enter",function(){k(e);let o=l().ngIf;return R(o.cancelCountdown())})("keydown.space",function(){k(e);let o=l().ngIf;return R(o.cancelCountdown())}),g(2,jVe,4,4,"ng-container",3),y(),v()}if(n&2){let e=l(2);m(),E("data-testid",e.componentId+"-button"),m(),c("veltDynamicTemplate",j(4,UVe,e.template,M(2,fle,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function HVe(n,i){if(n&1&&(f(0),g(1,$Ve,3,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,VVe,e.conditionSignal(),M(1,fle,e.componentConfigSignal)))}}var Lb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-timer-cancel",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-timer-cancel"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,HVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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})}}return n})();var vle=n=>({componentConfigSignal:n}),zVe=(n,i)=>({condition:n,data:i}),GVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-timer-countdown-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function WVe(n,i){if(n&1&&(C(0,"h1",4),ee(1),y()),n&2){let e=l(3).ngIf,t=l();E("data-testid",t.componentId+"-value"),m(),ve(" ",e.countdown,"")}}function qVe(n,i){if(n&1&&(f(0),g(1,WVe,2,2,"h1",3),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e.countdown)}}function YVe(n,i){if(n&1&&(f(0),g(1,qVe,2,1,"ng-container",2),v()),n&2){let e=l(2);m(),c("veltDynamicTemplate",j(3,GVe,e.template,M(1,vle,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function KVe(n,i){if(n&1&&(f(0),g(1,YVe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,zVe,e.conditionSignal(),M(1,vle,e.componentConfigSignal)))}}var Bb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-timer-countdown",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-timer-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,KVe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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})}}return n})();var Cle=n=>({componentConfigSignal:n}),ZVe=(n,i)=>({condition:n,data:i}),XVe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-timer-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function QVe(n,i){if(n&1&&(f(0),C(1,"div",3),D(2,"app-recording-preview-steps-dialog-timer-countdown",4)(3,"app-recording-preview-steps-dialog-timer-cancel",4),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function JVe(n,i){if(n&1&&(f(0),g(1,QVe,4,7,"ng-container",2),v()),n&2){let e=l(3);m(),c("veltDynamicTemplate",j(3,XVe,e.template,M(1,Cle,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function eUe(n,i){if(n&1&&(f(0),g(1,JVe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.countdownStarted)}}function tUe(n,i){if(n&1&&(f(0),g(1,eUe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,ZVe,e.conditionSignal(),M(1,Cle,e.componentConfigSignal)))}}var d0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-timer",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-timer"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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,o){t&1&&g(0,tUe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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})}}return n})();var nUe=n=>({componentConfigSignal:n}),iUe=(n,i)=>({condition:n,data:i}),oUe=(n,i)=>({componentConfigSignal:n,variant:i}),rUe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-video-player-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function aUe(n,i){if(n&1&&(f(0),D(1,"video",3),v()),n&2){let e=l(2).ngIf,t=l();m(),c("srcObject",e.mediaStream)("volume",0),E("data-testid",t.componentId)}}function sUe(n,i){if(n&1&&(f(0),g(1,aUe,2,3,"ng-container",2),v()),n&2){let e=l(2);m(),c("veltDynamicTemplate",j(4,rUe,e.template,F(1,oUe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function lUe(n,i){if(n&1&&(f(0),g(1,sUe,2,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,iUe,e.conditionSignal(),M(1,nUe,e.componentConfigSignal)))}}var Vb=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-video-player",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-video-player"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),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","disablePictureInPicture","","role","application","aria-live","polite",1,"flip","velt-recording-preview-video--player",3,"srcObject","volume"]],template:function(t,o){t&1&&g(0,lUe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{display:block;width:100%}video[_ngcontent-%COMP%]{width:100%;z-index:9999}.velt-recording-preview-video--player[_ngcontent-%COMP%]{object-fit:cover}"],changeDetection:0})}}return n})();var cUe=n=>({componentConfigSignal:n}),mUe=(n,i)=>({condition:n,data:i}),dUe=()=>["video","screen"],pUe=(n,i)=>({componentConfigSignal:n,variant:i}),gUe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-video-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function uUe(n,i){n&1&&$e(0)}function hUe(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,uUe,1,0,"ng-container",5),y()),n&2){l();let e=de(3);m(),c("ngTemplateOutlet",e)}}function fUe(n,i){if(n&1&&(f(0),D(1,"app-recording-preview-steps-dialog-video-player",9),C(2,"div",10)(3,"div",11),D(4,"app-recording-preview-steps-dialog-waveform",9)(5,"app-recording-preview-steps-dialog-close-button",12),y(),D(6,"app-recording-preview-steps-dialog-timer",12)(7,"app-recording-preview-steps-dialog-camera-off-message",12),C(8,"div",13),D(9,"velt-recording-preview-steps-dialog-settings-panel-internal",9),C(10,"app-recording-preview-steps-dialog-button-panel",12),D(11,"app-recording-preview-steps-dialog-start-recording",12)(12,"velt-recording-preview-steps-dialog-mic-button-internal",12)(13,"velt-recording-preview-steps-dialog-camera-button-internal",12)(14,"app-recording-preview-steps-dialog-settings",12),y(),D(15,"app-recording-preview-steps-dialog-bottom-panel",12),y()(),v()),n&2){let e=l(5);m(),c("componentConfigSignal",e.componentConfigSignal),m(),E("data-testid",e.componentId+"-overlay"),m(),E("data-testid",e.componentId+"-header"),m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),E("data-testid",e.componentId+"-settings"),m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),m(),c("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function vUe(n,i){if(n&1){let e=W();C(0,"div",7,1),H("pointerdown",function(o){return k(e),R(o.stopPropagation())})("pointerup",function(o){return k(e),R(o.stopPropagation())})("click",function(o){k(e);let r=l(3).ngIf;return R(r.handleOverlayClick(o))}),g(2,fUe,16,33,"ng-container",8),y()}if(n&2){let e=l(4);E("data-testid",e.componentId),m(2),c("veltDynamicTemplate",j(5,gUe,e.template,F(2,pUe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function CUe(n,i){if(n&1&&g(0,vUe,3,11,"div",6),n&2){let e=l(2).ngIf;c("ngIf",Mt(1,dUe).includes(e.type))}}function _Ue(n,i){if(n&1&&(f(0),g(1,hUe,2,1,"velt-shadow-dom-internal",4)(2,CUe,1,2,"ng-template",null,0,be),v()),n&2){let e=de(3),t=l().ngIf,o=l();m(),c("ngIf",t.shadowDom&&!o.template)("ngIfElse",e)}}function yUe(n,i){if(n&1&&(f(0),g(1,_Ue,4,2,"ng-container",3),v()),n&2){let e=l();m(),c("veltIf",F(3,mUe,e.conditionSignal(),M(1,cUe,e.componentConfigSignal)))}}var Ub=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,e),this.loggingService=e,this.wireframeService=t,this.elementRef=o,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-video",super.initializeComponentConfigSignal(new gn)}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 o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent OnInit: ",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(t=>{this.componentConfigSignal.update(o=>(o=T(I({},o),{[t]:e[t].currentValue}),o))})}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-video"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B,We],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,o){t&1&&g(0,yUe,2,6,"ng-container",2),t&2&&c("ngIf",o.componentConfigSignal())},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}[_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){ .snippyly-recording-preview-steps-dialog{width:calc(1 * var(--legacy-velt-viewport-width));max-width:calc(1 * var(--legacy-velt-viewport-width))} .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))} .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))} .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})}}return n})();var _le=n=>({componentConfigSignal:n}),SUe=(n,i)=>({condition:n,data:i}),bUe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-settings-panel-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1}),IUe=()=>["video","screen"];function EUe(n,i){if(n&1&&(f(0),D(1,"velt-media-source-settings-internal",3),w(2,"translate"),v()),n&2){let e=l(2).ngIf;m(),c("showMicSettings",!0)("shadowDom",e.shadowDom)("showCamSettings",Mt(8,IUe).includes(e.type))("isOpen",e.isSettingsOpen)("config",e),E("aria-label",A(2,6,"Media source settings"))}}function xUe(n,i){if(n&1&&(f(0),g(1,EUe,3,9,"ng-container",2),v()),n&2){let e=l(2);m(),c("veltDynamicTemplate",j(3,bUe,e.template,M(1,_le,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function TUe(n,i){if(n&1&&(f(0),g(1,xUe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,SUe,e.conditionSignal(),M(1,_le,e.componentConfigSignal)))}}var p0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-recording-preview-steps-dialog-settings-panel",super.initializeComponentConfigSignal(new gn)}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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-recording-preview-steps-dialog-settings-panel-internal"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","group",3,"showMicSettings","shadowDom","showCamSettings","isOpen","config"]],template:function(t,o){t&1&&g(0,TUe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var DUe=n=>({componentConfigSignal:n}),wUe=(n,i)=>({condition:n,data:i}),AUe=(n,i)=>({componentConfigSignal:n,variant:i}),OUe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-recording-preview-steps-dialog-waveform-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function PUe(n,i){if(n&1&&(f(0),D(1,"app-audio-waveform",3),v()),n&2){let e=l(2).ngIf,t=l();m(),c("variant",e.type==="audio"?"preview":"preview-mini")("previewStream",t.streamSignal())("muteMic",!(e.mediaConfig.audio!=null&&e.mediaConfig.audio.enabled)),E("data-testid",t.componentId)}}function MUe(n,i){if(n&1&&(f(0),g(1,PUe,2,4,"ng-container",2),v()),n&2){let e=l(2);m(),c("veltDynamicTemplate",j(4,OUe,e.template,F(1,AUe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function kUe(n,i){if(n&1&&(f(0),g(1,MUe,2,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,wUe,e.conditionSignal(),M(1,DUe,e.componentConfigSignal)))}}var g0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.streamSignal=Se(null),this.componentId="velt-recording-preview-steps-dialog-waveform",super.initializeComponentConfigSignal(new gn)}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 J(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)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-recording-preview-steps-dialog-waveform"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","img","aria-live","polite",3,"variant","previewStream","muteMic"]],template:function(t,o){t&1&&g(0,kUe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var yle=n=>({componentConfigSignal:n}),RUe=(n,i)=>({condition:n,data:i}),NUe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-text-comment-toolbar-comment-annotation-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function FUe(n,i){n&1&&(C(0,"div",5),ie(),C(1,"svg",6),D(2,"path",7),y()())}function LUe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),H("pointerdown",function(o){return k(e),l(2).ngIf.createAnnotation(),R(o.stopPropagation())}),g(2,FUe,3,0,"div",4),y()}if(n&2){let e=l(3);E("data-testid",e.componentId)("role","button")("aria-label",A(1,5,"Add comment annotation"))("tabindex",0),m(2),c("veltDynamicTemplate",j(9,NUe,e.template,M(7,yle,e.componentConfigSignal),e.componentConfigSignal().variant,e.setIfCondition.bind(e),e.elementRef))}}function BUe(n,i){if(n&1&&(f(0),g(1,LUe,3,15,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.commentToolEnabled)}}function VUe(n,i){if(n&1&&(f(0),g(1,BUe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,RUe,e.conditionSignal(),M(1,yle,e.componentConfigSignal)))}}var jb=(()=>{class n extends tt{constructor(e,t,o,r,a){super(e,t,void 0,o,o.getTextCommentToolbarDarkMode$(),a,r),this.elementRef=e,this.themeService=t,this.commentService=o,this.loggingService=r,this.dynamicDataService=a,this.componentId="velt-text-comment-toolbar-comment-annotation",super.initializeComponentConfigSignal(new Cs)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in TextCommentToolbarCommentAnnotationComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Add comment annotation"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in TextCommentToolbarCommentAnnotationComponent setupA11yAttributes:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(qe),u(Ee),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-text-comment-toolbar-comment-annotation"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"pointerdown",4,"ngIf"],[3,"pointerdown"],["class","velt-cursor-pointer velt-text-comment-toolbar-comment-annotation",4,"veltDynamicTemplate"],[1,"velt-cursor-pointer","velt-text-comment-toolbar-comment-annotation"],["width","32","height","32","viewBox","0 0 32 32","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","focusable","false"],["fill-rule","evenodd","clip-rule","evenodd","d","M17.7608 6.03888C21.6888 6.64595 24.7153 9.3481 25.7503 13.1722C26.0832 14.4028 26.0832 16.5981 25.7503 17.8287C24.8136 21.2897 22.3047 23.7986 18.8437 24.7353C18.1546 24.9217 17.6783 24.9695 16.5154 24.9685C14.9367 24.9672 14.1823 24.8254 12.8496 24.2792L12.1364 23.9869L9.93697 24.5342C7.8786 25.0464 7.71866 25.071 7.44436 24.917C6.90064 24.6118 6.90443 24.3818 7.49147 22.0353L8.03021 19.8823L7.73729 19.1677C7.19053 17.8336 7.04867 17.0796 7.04737 15.5005C7.0464 14.3376 7.09415 13.8613 7.28063 13.1722C8.21127 9.73361 10.737 7.1939 14.1308 6.28405C14.9298 6.06985 17.0392 5.92745 17.7608 6.03888ZM14.2233 8.05664C12.9452 8.46912 12.019 9.04056 11.0373 10.0223C9.57907 11.4805 8.85364 13.0991 8.75174 15.1214C8.68947 16.3572 8.85884 17.3544 9.31582 18.4435C9.47381 18.8201 9.65855 19.2624 9.72624 19.4266C9.82922 19.6761 9.78471 19.9865 9.45432 21.3204C9.23688 22.1979 9.06827 22.9251 9.07953 22.9364C9.09079 22.9476 9.81796 22.779 10.6955 22.5616C12.0294 22.2312 12.3398 22.1867 12.5893 22.2897C12.7535 22.3573 13.1958 22.5421 13.5724 22.7001C14.6615 23.1571 15.6587 23.3264 16.8945 23.2642C18.9168 23.1623 20.5354 22.4368 21.9936 20.9786C22.968 20.0042 23.5361 19.0878 23.9685 17.7926C24.2112 17.0656 24.2457 16.7805 24.2457 15.5005C24.2457 14.2204 24.2112 13.9353 23.9685 13.2083C23.5361 11.9132 22.968 10.9967 21.9936 10.0223C20.3414 8.37025 18.566 7.66777 16.2447 7.74769C15.3595 7.77823 14.8403 7.8575 14.2233 8.05664Z","fill","currentColor"]],template:function(t,o){t&1&&g(0,VUe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-text-comment-toolbar-comment-annotation[_ngcontent-%COMP%]{display:flex;color:var(--velt-accent-text)}"],changeDetection:0})}}return n})();var Sle=n=>({componentConfigSignal:n}),UUe=(n,i)=>({condition:n,data:i}),jUe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-text-comment-toolbar-copywriter-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function $Ue(n,i){if(n&1&&(C(0,"div",11),ee(1),w(2,"translate"),w(3,"translate"),y()),n&2){let e=l(3).ngIf;m(),ve(" ",e.selectedCharactersCount>e.MAX_ALLOWED_CHARACTERS_COUNT?A(2,1,"Select a shorter text"):A(3,3,"Select a longer text")," ")}}function HUe(n,i){if(n&1&&(C(0,"div",4),g(1,$Ue,4,5,"div",5),ie(),C(2,"svg",6)(3,"g",7),D(4,"path",8),y(),C(5,"defs")(6,"clipPath",9),D(7,"rect",10),y()()(),ee(8),w(9,"translate"),y()),n&2){let e=l(2).ngIf;m(),c("ngIf",e.selectedWordsCount<e.MIN_ALLOWED_WORDS_COUNT||e.selectedCharactersCount<e.MIN_ALLOWED_CHARACTERS_COUNT||e.selectedCharactersCount>e.MAX_ALLOWED_CHARACTERS_COUNT),m(7),ve(" ",A(9,2,"Rewrite")," ")}}function zUe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),w(2,"translate"),H("pointerdown",function(o){return k(e),l().ngIf.createRewriter("copywriter"),R(o.stopPropagation())}),g(3,HUe,10,4,"div",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(),pe("velt-text-comment-toolbar-copywriter--disabled",e.selectedWordsCount<e.MIN_ALLOWED_WORDS_COUNT||e.selectedCharactersCount<e.MIN_ALLOWED_CHARACTERS_COUNT||e.selectedCharactersCount>e.MAX_ALLOWED_CHARACTERS_COUNT),E("data-testid",t.componentId)("role","button")("aria-label",A(2,8,"Use AI to rewrite selected text"))("tabindex",0)("aria-disabled",e.selectedWordsCount<e.MIN_ALLOWED_WORDS_COUNT||e.selectedCharactersCount<e.MIN_ALLOWED_CHARACTERS_COUNT||e.selectedCharactersCount>e.MAX_ALLOWED_CHARACTERS_COUNT),m(2),c("veltDynamicTemplate",j(12,jUe,t.template,M(10,Sle,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function GUe(n,i){if(n&1&&(f(0),g(1,zUe,4,18,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,UUe,e.conditionSignal(),M(1,Sle,e.componentConfigSignal)))}}var $b=(()=>{class n extends tt{constructor(e,t,o,r,a){super(e,t,void 0,o,o.getTextCommentToolbarDarkMode$(),a,r),this.elementRef=e,this.themeService=t,this.commentService=o,this.loggingService=r,this.dynamicDataService=a,this.componentId="velt-text-comment-toolbar-copywriter",super.initializeComponentConfigSignal(new Cs)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in TextCommentToolbarCopywriterComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in TextCommentToolbarCopywriterComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Rewrite text with copywriter"),e.setAttribute("tabindex","0");let t=this.componentConfigSignal(),o=t.selectedWordsCount<t.MIN_ALLOWED_WORDS_COUNT||t.selectedCharactersCount<t.MIN_ALLOWED_CHARACTERS_COUNT||t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT;e.setAttribute("aria-disabled",String(o))}catch(e){this.loggingService.catch("Error in TextCommentToolbarCopywriterComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(qe),u(Ee),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-text-comment-toolbar-copywriter"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"pointerdown"],["class","velt-text-comment-toolbar-copywriter s-tooltip s-tooltip-light",4,"veltDynamicTemplate"],[1,"velt-text-comment-toolbar-copywriter","s-tooltip","s-tooltip-light"],["class","s-tooltiptext","role","tooltip",4,"ngIf"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","focusable","false",1,"velt-text-comment-toolbar-copywriter--svg"],["clip-path","url(#clip0_3311_3365)"],["d","M6.49994 15.9999C6.34193 16.0007 6.18743 15.9533 6.05709 15.8639C5.92676 15.7746 5.8268 15.6476 5.77057 15.4999L4.52557 12.2624C4.50035 12.1972 4.46178 12.1379 4.41232 12.0885C4.36286 12.039 4.30362 12.0004 4.23838 11.9752L0.999941 10.7293C0.852423 10.6727 0.725541 10.5727 0.63604 10.4424C0.546538 10.3122 0.498626 10.1579 0.498626 9.99991C0.498626 9.8419 0.546538 9.68761 0.63604 9.55739C0.725541 9.42717 0.852423 9.32716 0.999941 9.27054L4.23744 8.02554C4.30268 8.00032 4.36193 7.96175 4.41138 7.91229C4.46084 7.86284 4.49941 7.80359 4.52463 7.73835L5.77057 4.49991C5.82718 4.3524 5.9272 4.22551 6.05742 4.13601C6.18764 4.04651 6.34193 3.9986 6.49994 3.9986C6.65795 3.9986 6.81225 4.04651 6.94246 4.13601C7.07268 4.22551 7.1727 4.3524 7.22932 4.49991L8.47432 7.73741C8.49953 7.80265 8.5381 7.8619 8.58756 7.91136C8.63702 7.96081 8.69627 7.99939 8.7615 8.0246L11.9803 9.26304C12.1338 9.31994 12.266 9.42278 12.359 9.55754C12.452 9.6923 12.5012 9.85244 12.4999 10.0162C12.4976 10.1714 12.4486 10.3224 12.3595 10.4495C12.2703 10.5767 12.1451 10.6741 11.9999 10.7293L8.76244 11.9743C8.6972 11.9995 8.63795 12.0381 8.5885 12.0875C8.53904 12.137 8.50047 12.1962 8.47525 12.2615L7.22932 15.4999C7.17308 15.6476 7.07312 15.7746 6.94279 15.8639C6.81245 15.9533 6.65796 16.0007 6.49994 15.9999ZM2.74994 5.49991C2.6573 5.49991 2.56684 5.47184 2.49047 5.4194C2.4141 5.36696 2.35541 5.29262 2.32213 5.20616L1.79525 3.83616C1.78383 3.8062 1.76621 3.77899 1.74354 3.75632C1.72086 3.73364 1.69365 3.71602 1.66369 3.7046L0.293691 3.17773C0.207247 3.14444 0.132915 3.08574 0.0804885 3.00937C0.0280618 2.933 0 2.84255 0 2.74991C0 2.65728 0.0280618 2.56682 0.0804885 2.49045C0.132915 2.41408 0.207247 2.35539 0.293691 2.3221L1.66369 1.79523C1.69362 1.78375 1.72081 1.76611 1.74347 1.74345C1.76614 1.72078 1.78378 1.6936 1.79525 1.66366L2.31744 0.305851C2.34689 0.225914 2.39757 0.155514 2.46402 0.102216C2.53048 0.0489189 2.6102 0.0147393 2.69463 0.00335107C2.79599 -0.00897073 2.89856 0.0128976 2.98608 0.0654883C3.0736 0.118079 3.14105 0.198382 3.17775 0.293664L3.70463 1.66366C3.7161 1.6936 3.73374 1.72078 3.75641 1.74345C3.77908 1.76611 3.80626 1.78375 3.83619 1.79523L5.20619 2.3221C5.29263 2.35539 5.36697 2.41408 5.41939 2.49045C5.47182 2.56682 5.49988 2.65728 5.49988 2.74991C5.49988 2.84255 5.47182 2.933 5.41939 3.00937C5.36697 3.08574 5.29263 3.14444 5.20619 3.17773L3.83619 3.7046C3.80623 3.71602 3.77902 3.73364 3.75635 3.75632C3.73367 3.77899 3.71605 3.8062 3.70463 3.83616L3.17775 5.20616C3.14447 5.29262 3.08578 5.36696 3.00941 5.4194C2.93304 5.47184 2.84258 5.49991 2.74994 5.49991ZM12.4999 7.99991C12.3989 7.99988 12.3002 7.96923 12.2169 7.91199C12.1336 7.85475 12.0696 7.77362 12.0334 7.67929L11.3196 5.82398C11.3071 5.79128 11.2878 5.76159 11.263 5.73683C11.2383 5.71207 11.2086 5.69278 11.1759 5.68023L9.32057 4.96648C9.22631 4.93016 9.14526 4.86614 9.0881 4.78286C9.03094 4.69957 9.00034 4.60093 9.00034 4.49991C9.00034 4.3989 9.03094 4.30026 9.0881 4.21697C9.14526 4.13369 9.22631 4.06967 9.32057 4.03335L11.1759 3.3196C11.2086 3.30705 11.2383 3.28776 11.263 3.263C11.2878 3.23823 11.3071 3.20854 11.3196 3.17585L12.0281 1.33366C12.0604 1.24655 12.1158 1.16983 12.1882 1.11167C12.2607 1.0535 12.3476 1.01607 12.4396 1.00335C12.5502 0.989962 12.6621 1.0139 12.7576 1.07136C12.8531 1.12883 12.9266 1.21652 12.9665 1.32054L13.6803 3.17585C13.6928 3.20854 13.7121 3.23823 13.7369 3.263C13.7616 3.28776 13.7913 3.30705 13.824 3.3196L15.6793 4.03335C15.7736 4.06967 15.8546 4.13369 15.9118 4.21697C15.9689 4.30026 15.9995 4.3989 15.9995 4.49991C15.9995 4.60093 15.9689 4.69957 15.9118 4.78286C15.8546 4.86614 15.7736 4.93016 15.6793 4.96648L13.824 5.68023C13.7913 5.69278 13.7616 5.71207 13.7369 5.73683C13.7121 5.76159 13.6928 5.79128 13.6803 5.82398L12.9665 7.67929C12.9302 7.77362 12.8663 7.85475 12.783 7.91199C12.6997 7.96923 12.601 7.99988 12.4999 7.99991Z","fill","currentColor"],["id","clip0_3311_3365"],["width","16","height","16","fill","currentColor"],["role","tooltip",1,"s-tooltiptext"]],template:function(t,o){t&1&&g(0,GUe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-text-comment-toolbar-copywriter[_ngcontent-%COMP%]{background:var(--velt-background-2);border-radius:var(--velt-border-radius-full);padding:var(--velt-spacing-2xs) var(--velt-spacing-md);cursor:pointer;color:var(--velt-text-4);display:flex;align-items:center;gap:var(--velt-spacing-sm);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal}.velt-text-comment-toolbar-copywriter[_ngcontent-%COMP%] .velt-text-comment-toolbar-copywriter--svg[_ngcontent-%COMP%]{color:var(--velt-accent-text);padding:var(--velt-spacing-xs)}.velt-text-comment-toolbar-copywriter.velt-text-comment-toolbar-copywriter--disabled[_ngcontent-%COMP%]{cursor:not-allowed;color:var(--velt-gray)}"],changeDetection:0})}}return n})();var ble=n=>({componentConfigSignal:n}),WUe=(n,i)=>({condition:n,data:i}),qUe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-text-comment-toolbar-generic-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function YUe(n,i){if(n&1&&(C(0,"div",15),ee(1),w(2,"translate"),w(3,"translate"),y()),n&2){let e=l(3).ngIf;m(),ve(" ",e.selectedCharactersCount>e.MAX_ALLOWED_CHARACTERS_COUNT?A(2,1,"Select a shorter text"):A(3,3,"Select a longer text")," ")}}function KUe(n,i){if(n&1&&(C(0,"div",4),g(1,YUe,4,5,"div",5),ie(),C(2,"svg",6),D(3,"path",7)(4,"path",8)(5,"path",9)(6,"path",10)(7,"path",11)(8,"path",12)(9,"path",13)(10,"path",14),y(),ee(11),w(12,"translate"),y()),n&2){let e=l(2).ngIf;m(),c("ngIf",e.selectedWordsCount<e.MIN_ALLOWED_WORDS_COUNT||e.selectedCharactersCount<e.MIN_ALLOWED_CHARACTERS_COUNT||e.selectedCharactersCount>e.MAX_ALLOWED_CHARACTERS_COUNT),m(10),ve(" ",A(12,2,"Ask ChatGPT")," ")}}function ZUe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("pointerdown",function(o){return k(e),l().ngIf.createRewriter("generic"),R(o.stopPropagation())}),g(2,KUe,13,4,"div",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(),pe("velt-text-comment-toolbar-generic--disabled",e.selectedWordsCount<e.MIN_ALLOWED_WORDS_COUNT||e.selectedCharactersCount<e.MIN_ALLOWED_CHARACTERS_COUNT||e.selectedCharactersCount>e.MAX_ALLOWED_CHARACTERS_COUNT),E("data-testid",t.componentId)("role","separator")("aria-orientation","vertical"),m(),c("veltDynamicTemplate",j(8,qUe,t.template,M(6,ble,t.componentConfigSignal),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function XUe(n,i){if(n&1&&(f(0),g(1,ZUe,3,14,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,WUe,e.conditionSignal(),M(1,ble,e.componentConfigSignal)))}}var Hb=(()=>{class n extends tt{constructor(e,t,o,r,a){super(e,t,void 0,o,o.getTextCommentToolbarDarkMode$(),a,r),this.elementRef=e,this.themeService=t,this.commentService=o,this.loggingService=r,this.dynamicDataService=a,this.componentId="velt-text-comment-toolbar-divider",super.initializeComponentConfigSignal(new Cs)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in TextCommentToolbarDividerComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","separator"),e.setAttribute("aria-orientation","vertical")}catch(e){this.loggingService.catch("Error in TextCommentToolbarDividerComponent setupA11yAttributes:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in TextCommentToolbarGenericComponent ngOnDestroy:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(qe),u(Ee),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-text-comment-toolbar-generic"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"pointerdown"],["class","velt-text-comment-toolbar-generic s-tooltip s-tooltip-light",4,"veltDynamicTemplate"],[1,"velt-text-comment-toolbar-generic","s-tooltip","s-tooltip-light"],["class","s-tooltiptext",4,"ngIf"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","role","presentation","aria-hidden","true","focusable","false",1,"velt-text-comment-toolbar-generic--svg"],["fill-rule","evenodd","clip-rule","evenodd","d","M20 6H4C2.89543 6 2 6.89543 2 8V16C2 17.1046 2.89543 18 4 18H20C21.1046 18 22 17.1046 22 16V8C22 6.89543 21.1046 6 20 6ZM4 4C1.79086 4 0 5.79086 0 8V16C0 18.2091 1.79086 20 4 20H20C22.2091 20 24 18.2091 24 16V8C24 5.79086 22.2091 4 20 4H4Z","fill","currentColor"],["d","M16 10C16 9.44772 16.4477 9 17 9H19C19.5523 9 20 9.44772 20 10C20 10.5523 19.5523 11 19 11H17C16.4477 11 16 10.5523 16 10Z","fill","currentColor"],["d","M4 14C4 13.4477 4.44772 13 5 13C5.55228 13 6 13.4477 6 14C6 14.5523 5.55228 15 5 15C4.44772 15 4 14.5523 4 14Z","fill","currentColor"],["d","M8 14C8 13.4477 8.44772 13 9 13H15C15.5523 13 16 13.4477 16 14C16 14.5523 15.5523 15 15 15H9C8.44772 15 8 14.5523 8 14Z","fill","currentColor"],["d","M19 13C18.4477 13 18 13.4477 18 14C18 14.5523 18.4477 15 19 15C19.5523 15 20 14.5523 20 14C20 13.4477 19.5523 13 19 13Z","fill","currentColor"],["d","M13 9C12.4477 9 12 9.44772 12 10C12 10.5523 12.4477 11 13 11C13.5523 11 14 10.5523 14 10C14 9.44772 13.5523 9 13 9Z","fill","currentColor"],["d","M8 10C8 9.44772 8.44772 9 9 9C9.55228 9 10 9.44772 10 10C10 10.5523 9.55228 11 9 11C8.44772 11 8 10.5523 8 10Z","fill","currentColor"],["d","M5 9C4.44772 9 4 9.44772 4 10C4 10.5523 4.44772 11 5 11C5.55228 11 6 10.5523 6 10C6 9.44772 5.55228 9 5 9Z","fill","currentColor"],[1,"s-tooltiptext"]],template:function(t,o){t&1&&g(0,XUe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-text-comment-toolbar-generic[_ngcontent-%COMP%]{background:var(--velt-background-2);border-radius:var(--velt-border-radius-full);padding:var(--velt-spacing-2xs) var(--velt-spacing-md);cursor:pointer;color:var(--velt-text-4);display:flex;align-items:center;gap:var(--velt-spacing-sm);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal}.velt-text-comment-toolbar-generic[_ngcontent-%COMP%] .velt-text-comment-toolbar-generic--svg[_ngcontent-%COMP%]{color:var(--velt-accent-text)}.velt-text-comment-toolbar-generic.velt-text-comment-toolbar-generic--disabled[_ngcontent-%COMP%]{cursor:not-allowed;color:var(--velt-gray)}"],changeDetection:0})}}return n})();var QUe=n=>({componentConfigSignal:n}),JUe=(n,i)=>({condition:n,data:i}),eje=n=>({componentConfig:n}),tje=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-text-comment-toolbar-divider-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function nje(n,i){if(n&1&&(C(0,"div",3),ie(),C(1,"svg",4),D(2,"rect",5),y()()),n&2){let e=l(4);E("data-testid",e.componentId)("role","separator")("aria-orientation","vertical")}}function ije(n,i){if(n&1&&(f(0),g(1,nje,3,3,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,tje,t.template,M(1,eje,e),e.variant,t.setIfCondition.bind(t),t.elementRef))}}function oje(n,i){if(n&1&&(f(0),g(1,ije,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.commentToolEnabled)}}function rje(n,i){if(n&1&&(f(0),g(1,oje,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,JUe,e.conditionSignal(),M(1,QUe,e.componentConfigSignal)))}}var zb=(()=>{class n extends tt{constructor(e,t,o,r,a){super(e,t,void 0,o,o.getTextCommentToolbarDarkMode$(),a,r),this.elementRef=e,this.themeService=t,this.commentService=o,this.loggingService=r,this.dynamicDataService=a,this.componentId="velt-text-comment-toolbar-divider",super.initializeComponentConfigSignal(new Cs)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in TextCommentToolbarDividerComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","separator"),e.setAttribute("aria-orientation","vertical")}catch(e){this.loggingService.catch("Error in TextCommentToolbarDividerComponent setupA11yAttributes:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in TextCommentToolbarDividerComponent ngOnDestroy:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(qe),u(Ee),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-text-comment-toolbar-divider"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-text-comment-toolbar-divider",4,"veltDynamicTemplate"],[1,"velt-text-comment-toolbar-divider"],["width","1","height","16","viewBox","0 0 1 16","fill","none","xmlns","http://www.w3.org/2000/svg","role","presentation","aria-hidden","true","focusable","false"],["x","1","y","0.5","width","15","height","0.999999","rx","0.5","transform","rotate(90 1 0.5)","fill","currentColor"]],template:function(t,o){t&1&&g(0,rje,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-text-comment-toolbar-divider[_ngcontent-%COMP%]{display:flex;color:var(--velt-border-4)}"],changeDetection:0})}}return n})();var xd=class{constructor(){this.showAvatar=!0,this.unreadCount=0,this.commentCountType=dV.TOTAL,this.selectedAnnotationsMap={},this.customStatusesShown=!1,this.selectedAnnotationsLocationMap={}}};var aje=n=>({componentConfigSignal:n}),sje=(n,i)=>({condition:n,data:i}),lje=(n,i)=>({componentConfigSignal:n,wireframe:i}),cje=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-bubble-avatar-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function mje(n,i){if(n&1&&(f(0),D(1,"snippyly-user-avatar",3),v()),n&2){let e=l(3).ngIf,t=l();m(),c("user",e==null||e.annotation==null?null:e.annotation.from),E("data-testid",t.componentId+"-user")}}function dje(n,i){if(n&1&&(f(0),g(1,mje,2,2,"ng-container",0),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null?null:e.showAvatar)&&(e==null||e.annotation==null?null:e.annotation.from))}}function pje(n,i){if(n&1&&(f(0),g(1,dje,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(4,cje,t.template,F(1,lje,t.componentConfigSignal,t.wireframe),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function gje(n,i){if(n&1&&(f(0),g(1,pje,2,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,sje,e.conditionSignal(),M(1,aje,e.componentConfigSignal)))}}var Gb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-bubble-avatar",super.initializeComponentConfigSignal(new xd)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentBubbleAvatarComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentBubbleAvatarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label","Comment author avatar")}catch(e){this.loggingService.catch("Error in CommentBubbleAvatarComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-bubble-avatar"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["part","user-avatar",3,"user"]],template:function(t,o){t&1&&g(0,gje,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},encapsulation:2,changeDetection:0})}}return n})();var uje=n=>({componentConfigSignal:n}),hje=(n,i)=>({condition:n,data:i}),fje=(n,i)=>({componentConfigSignal:n,wireframe:i}),vje=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-bubble-comments-count-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Cje(n,i){if(n&1&&(f(0),ee(1),v()),n&2){let e=l().ngIf;m(),ve(" ",e.commentCountType==="total"?(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)||0:e.unreadCount||0," ")}}function _je(n,i){if(n&1&&(f(0),g(1,Cje,2,1,"ng-container",0),v()),n&2){let e=i.ngIf;m(),c("ngIf",e.commentCountType==="total"&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)||e.commentCountType!=="total"&&e.unreadCount)}}function yje(n,i){if(n&1&&(f(0),g(1,_je,2,1,"ng-container",0),v()),n&2){let e=l(3);m(),c("ngIf",e.componentConfigSignal())}}function Sje(n,i){if(n&1&&(f(0),g(1,yje,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(4,vje,t.template,F(1,fje,t.componentConfigSignal,t.wireframe),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function bje(n,i){if(n&1&&(f(0),g(1,Sje,2,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,hje,e.conditionSignal(),M(1,uje,e.componentConfigSignal)))}}var Wb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-bubble-count",super.initializeComponentConfigSignal(new xd)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentBubbleCommentsCountComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentBubbleCommentsCountComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","status"),e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true")}catch(e){this.loggingService.catch("Error in CommentBubbleCommentsCountComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-bubble-comments-count"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(t,o){t&1&&g(0,bje,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var Ile=(n,i)=>{try{if(n.hasAttribute(i))return n;if(n.children.length===0)return;for(let e=0;e<n.children.length;e++){let t=n.children[e],o=Ile(t,i);if(o!==void 0)return o}return}catch(e){dt.catch("Error in utils findInjectionPointByAttribute: ",e)}},Ele=(n,i,e)=>{try{let t=Ile(n,i);if(t===void 0)return;let o=t.getAttribute(i);if(o===null)return;if(Object.values(V.INJECTION_ATTRIBUTES).includes(i)){if(e===null){t.removeAttribute(o);return}if(o===""){switch(t.tagName.toLowerCase()){case"img":t.src=e;break;case"p":case"a":case"b":case"strong":case"i":case"span":t.innerText=e;break}return}t[o]=e}if(e===null){t.style.removeProperty(o);return}t.style.setProperty(o,e,"important")}catch(t){dt.catch("Error in utils injectAttributeData: ",t)}},u0=n=>{let i={};return n.from?.photoUrl?i[V.INJECTION_ATTRIBUTES.VELT_AVATAR_IMG]=n.from?.photoUrl:i[V.INJECTION_ATTRIBUTES.VELT_AVATAR_IMG]=null,n.priority?i[V.INJECTION_STYLE_PROPS.VELT_COMMENT_PRIORITY_COLOR]=n.priority.color:i[V.INJECTION_STYLE_PROPS.VELT_COMMENT_PRIORITY_COLOR]=null,n.from?.color?i[V.INJECTION_STYLE_PROPS.VELT_AVATAR_COLOR]=n.from?.color:i[V.INJECTION_STYLE_PROPS.VELT_AVATAR_COLOR]=null,i[V.INJECTION_ATTRIBUTES.VELT_COMMENT_LENGTH]=n.comments?.length||0,i};var cM=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this._elementRef=e}ngOnInit(){super.ngOnInit()}ngOnDestroy(){super.ngOnDestroy()}injectAttributeData(e,t){for(let o of Object.keys(t))Ele(e,o,t[o])}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["velt-attribute-injector"]],standalone:!1,features:[B],decls:0,vars:0,template:function(t,o){},encapsulation:2,changeDetection:0})}}return n})();var xle=n=>({componentConfigSignal:n}),Ije=(n,i)=>({condition:n,data:i}),Eje=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-bubble-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),xje=(n,i,e)=>({"velt-comment-pin--status-default":n,"velt-comment-pin--status-ongoing":i,"velt-comment-pin--status-terminal":e});function Tje(n,i){n&1&&$e(0)}function Dje(n,i){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,Tje,1,0,"ng-container",2),y()),n&2){l();let e=de(2);m(),c("ngTemplateOutlet",e)}}function wje(n,i){if(n&1&&(f(0),C(1,"div",8),ie(),C(2,"svg",9),D(3,"path",10),y(),st(),D(4,"app-comment-bubble-comments-count",11),w(5,"translate"),y(),D(6,"app-comment-bubble-avatar",12),w(7,"translate"),v()),n&2){let e=l(3).ngIf,t=l(2);m(),it("--velt-internal-comment-pin-bg-color",(e.annotation==null||e.annotation.status==null?null:e.annotation.status.color)||null),c("ngClass",He(16,xje,!e.customStatusesShown&&(e.annotation==null||e.annotation.status==null?null:e.annotation.status.type)==="default",!e.customStatusesShown&&(e.annotation==null||e.annotation.status==null?null:e.annotation.status.type)==="ongoing",!e.customStatusesShown&&(e.annotation==null||e.annotation.status==null?null:e.annotation.status.type)==="terminal")),E("data-testid",t.componentId+"-count-container"),m(),E("data-testid",t.componentId+"-count-icon")("aria-label","Comment bubble containing "+((e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)||"0")+" comments"),m(2),c("componentConfigSignal",t.componentConfigSignal),E("data-testid",t.componentId+"-count")("aria-label",((e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)||"0")+" "+A(5,12,"comments in this thread")),m(2),c("componentConfigSignal",t.componentConfigSignal),E("data-testid",t.componentId+"-avatar")("aria-label",A(7,14,"Avatar for comment author"))}}function Aje(n,i){if(n&1){let e=W();f(0),C(1,"velt-comment-dialog-portal-internal",5),H("togglePinSelection",function(o){return k(e),l(4).togglePinSelection(o),R(o.stopPropagation())})("saveComment",function(o){k(e);let r=l(4);return R(r.saveComment(o))}),C(2,"div",6),H("click",function(o){return k(e),R(o.stopPropagation())})("pointerup",function(o){return k(e),l(4).togglePinSelection(),R(o.stopPropagation())}),g(3,wje,8,20,"ng-container",7),y()(),v()}if(n&2){let e=l(2).ngIf,t=l(2);m(),c("annotation",e.annotation)("commentPinType","bubble")("commentPinSelected",!!e.selectedAnnotationsMap[e.annotation==null?null:e.annotation.annotationId]&&(!(e.selectedAnnotationsLocationMap!=null&&e.selectedAnnotationsLocationMap[e.annotation==null?null:e.annotation.annotationId])||(e.selectedAnnotationsLocationMap==null?null:e.selectedAnnotationsLocationMap[e.annotation==null?null:e.annotation.annotationId])===t.componentId))("commentBubbleTargetPinHover",t.commentBubbleTargetPinHover)("targetElement",t.targetElement)("user",t.user),E("data-testid",t.componentId+"-dialog-portal"),m(),pe("velt-comment-bubble-hover",t.commentBubbleTargetPinHover)("velt-comment-bubble-open",!!e.selectedAnnotationsMap[e.annotation==null?null:e.annotation.annotationId]),E("data-velt-comment-bubble-comments-count",(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)||"0")("data-testid",t.componentId),m(),c("veltDynamicTemplate",j(16,Eje,t.template,M(14,xle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Oje(n,i){if(n&1&&(f(0),g(1,Aje,4,22,"ng-container",3),v()),n&2){let e=l().ngIf;m(),c("ngIf",e.annotation)}}function Pje(n,i){if(n&1&&(f(0),g(1,Oje,2,1,"ng-container",4),v()),n&2){let e=l(2);m(),c("veltIf",F(3,Ije,e.conditionSignal(),M(1,xle,e.componentConfigSignal)))}}function Mje(n,i){if(n&1&&g(0,Pje,2,6,"ng-container",3),n&2){let e=l();c("ngIf",e.componentConfigSignal())}}var h0=(()=>{class n extends cM{set _targetCommentElementId(e){try{this.targetElementId=e}catch{}}set _commentCountType(e){try{this.componentConfigSignal.update(t=>(t=T(I({},t),{commentCountType:e}),t))}catch{}}set _shadowDom(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.shadowDom=t}catch{}}set commentBubbleTargetPinHoverInput(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.commentBubbleTargetPinHover=!!t}catch(t){this.catchError("Error in CommentBubbleComponent commentBubbleTargetPinHover setter: ",t)}}set showAvatarInput(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.componentConfigSignal.update(o=>(o=T(I({},o),{showAvatar:!!t}),o))}catch(t){this.catchError("Error in CommentBubbleComponent showAvatar setter: ",t)}}set avatar(e){try{let t=e;typeof e=="string"&&(t=JSON.parse(e)),this.componentConfigSignal.update(o=>(o=T(I({},o),{showAvatar:!!t}),o))}catch(t){this.catchError("Error in CommentBubbleComponent showAvatar setter: ",t)}}constructor(e,t,o,r,a,s,d){super(s,d,r),this.authService=e,this.commentService=t,this.domService=o,this.loggingService=r,this.wireframeService=a,this.elementRef=s,this.dynamicDataService=d,this.shadowDom=!0,this.darkMode=null,this.commentBubbleTargetPinHover=!1,this.commentAnnotationAvailable=!1,this.objectKeys=Object.keys,this.selectedAnnotationsMap={},this.resolvedCommentsOnDom=!1,this.hasSlotContent=!1,this.componentConfigSignal=Se(new xd),this.subscriptions=[],this.veltElement=!0,this.componentId="velt-comment-bubble",super.initializeComponentConfigSignal(new xd);try{this.subscriptions.push(this.authService.getUser$().subscribe(p=>{this.user=p},p=>{this.catchError("Error in CommentBubbleComponent getUser$ subscription: ",p)})),this.subscriptions.push(this.commentService.getUnreadCommentsMap$().subscribe(p=>{this.componentConfigSignal.update(h=>(h=T(I({},h),{unreadCount:p?.[this.componentConfigSignal().annotation?.annotationId||""]||0}),h))})),this.subscriptions.push(this.domService.getSelectedAnnotationsLocationMap$().subscribe(p=>{this.componentConfigSignal.update(h=>(h=T(I({},h),{selectedAnnotationsLocationMap:p}),h))})),this.subscriptions.push(this.commentService.getCustomStatusesShown$().subscribe(p=>{this.componentConfigSignal.update(h=>(h=T(I({},h),{customStatusesShown:p}),h))})),this.subscriptions.push(this.domService.getSelectedAnnotationsMap$().subscribe(p=>{this.selectedAnnotationsMap=p,this.componentConfigSignal.update(h=>(h=T(I({},h),{selectedAnnotationsMap:p}),h))},p=>{this.catchError("Error in CommentBubbleComponent getSelectedAnnotationsMap$ subscription: ",p)}))}catch(p){this.catchError("Error in CommentBubbleComponent constructor: ",p)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-comment-bubble-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o}}))}catch(e){this.catchError("Error in CommentBubbleComponent OnInit: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentBubbleComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.targetElementId&&this.checkCommentAnnotationAvailable()}catch(e){this.catchError("Error in CommentBubbleComponent AfterViewInit: ",e)}}ngOnChanges(e){try{if((e._targetCommentElementId||e.targetElementId)&&this.checkCommentAnnotationAvailable(),e.darkMode){let t=e.darkMode.currentValue;t!==null&&(t!="false"?this.elementRef.nativeElement.setAttribute("dark",""):this.elementRef.nativeElement.removeAttribute("dark"))}}catch(t){this.catchError("Error in CommentBubbleComponent ngOnChanges: ",t)}}handleCustomContent(e){try{let t=e.target;if(t.assignedElements().length>0){this.hasSlotContent=!0;let o=t.assignedElements()[0];this.customContentRef=o,o!==void 0&&this.componentConfigSignal().annotation!==null&&this.componentConfigSignal().annotation!==void 0&&this.injectAttributeData(o,u0(this.componentConfigSignal().annotation))}else this.hasSlotContent=!1,this.customContentRef=void 0}catch(t){this.catchError("Error in CommentBubbleComponent handleCustomContent: ",t)}}checkCommentAnnotationAvailable(){try{if(this.commentAnnotationSubscription&&this.commentAnnotationSubscription.unsubscribe(),this.removeBubbleCommentAnnotationIds(),this.commentAnnotationAvailable=!1,this.targetElementId){let e=lr(this.targetElementId,["id","data-id"]);if(e){this.targetElement=e;let t=this.domService.getXPath(e);this.commentAnnotationSubscription=this.commentService.getCommentAnnotationAvailableOnXPath(t,this.targetElementId,e).pipe(ge(o=>this.domService.getSelectedAnnotationsMap$().pipe(ce(r=>(this.selectedAnnotationsMap=r,o)))),ge(o=>this.commentService.getResolvedCommentsOnDom$().pipe(ce(r=>(this.resolvedCommentsOnDom=r,o))))).subscribe(o=>{let r=this.resolvedCommentsOnDom?o?.slice():o?.filter(a=>a.status.type!=="terminal");this.componentConfigSignal.update(a=>(a=T(I({},a),{annotation:r?.length?r[r?.length-1]:null}),a)),this.resolvedCommentsOnDom||this.componentConfigSignal().annotation?.status.type!=="terminal"||this.selectedAnnotationsMap[this.componentConfigSignal().annotation?.annotationId]||this.componentConfigSignal.update(a=>(a=T(I({},a),{annotation:null}),a)),this.componentConfigSignal().annotation!==null&&this.customContentRef!==void 0&&this.injectAttributeData(this.customContentRef,u0(this.componentConfigSignal().annotation)),this.veltAnnotationId=this.componentConfigSignal().annotation?.annotationId,this.veltAnnotationIds=o?.map(a=>a?.annotationId).join(","),this.commentService.addBubbleCommentAnnotationIds(o?.map(a=>a?.annotationId)||[]),setTimeout(()=>{this.commentService.addBubbleCommentAnnotationIds(o?.map(a=>a?.annotationId)||[])},100)},o=>{this.catchError("Error in CommentBubbleComponent getCommentAnnotationAvailableOnXPath subscription: ",o)})}}else this.targetElement=void 0,this.componentConfigSignal.update(e=>(e=T(I({},e),{annotation:null}),e)),this.veltAnnotationId=void 0,this.veltAnnotationIds=void 0,this.selectedAnnotationsMap={}}catch(e){this.catchError("Error in CommentBubbleComponent checkCommentAnnotationAvailable: ",e)}}togglePinSelection(e){try{let t=e||this.componentConfigSignal().annotation;if(t)if(this.selectedAnnotationsMap[t?.annotationId])document.querySelector(`[${V.ATTRIBUTES.VELT_ANNOTATION_DRAFT}="${t.annotationId}"]`)?this.domService.resetSelectedAnnotationsMap(!0,"comments"):this.domService.toggleAnnotationSelection(t,this.componentId);else{let o=document.querySelector(`[${V.ATTRIBUTES.VELT_ANNOTATION_DRAFT}]`);if(o||(o=(this.domService.getDraftCommentAnnotationDialogs()||[])[0]),o){let r=o.getAttribute(V.ATTRIBUTES.VELT_ANNOTATION_DRAFT);if(r){let a=document.getElementById(`comment-pin-container-${r}`)||document.querySelector(`[data-velt-id='${r}']`);a&&(a.scrollIntoView({behavior:"auto",block:"center",inline:"center"}),this.domService.resetSelectedAnnotationsMap(!0,"comments"))}}else this.domService.resetSelectedAnnotationsMap(!0,"comments"),this.domService.toggleAnnotationSelection(t,this.componentId)}}catch(t){this.catchError("Error in CommentBubbleComponent togglePinSelection: ",t)}}saveComment(e){try{this.componentConfigSignal().annotation&&this.commentService.saveComment(this.componentConfigSignal().annotation,e)}catch(t){this.catchError("Error in CommentBubbleComponent saveComment: ",t)}}removeBubbleCommentAnnotationIds(){try{this.commentService.removeBubbleCommentAnnotationIds(this.veltAnnotationIds?.split(",")||[])}catch(e){this.catchError("Error in CommentBubbleComponent removeBubbleCommentAnnotationIds: ",e)}}ngOnDestroy(){this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;");try{super.ngOnDestroy(),this.removeBubbleCommentAnnotationIds(),this.unsubscribe()}catch(e){this.catchError("Error in CommentBubbleComponent ondestroy: ",e)}}unsubscribe(){this.loggingService.log("%c[WB] Calling FUNCTION: unsubscribe","color: green;");try{this.subscriptions.map(e=>{e.unsubscribe()}),this.commentAnnotationSubscription&&this.commentAnnotationSubscription.unsubscribe(),this.subscriptions=[]}catch(e){this.catchError("Error in CommentBubbleComponent unsubscribe: ",e)}}catchError(e,t,o){try{this.loggingService.catch(e,t,T(I({},o||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(je),u(Ee),u(Fe),u(_),u(Ge),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["snippyly-comment-bubble"]],hostVars:3,hostBindings:function(t,o){t&2&&E("data-velt-annotation-id",o.veltAnnotationId)("data-velt-annotation-ids",o.veltAnnotationIds)("data-velt-element",o.veltElement)},inputs:{_targetCommentElementId:[0,"targetCommentElementId","_targetCommentElementId"],targetElementId:"targetElementId",variant:"variant",_commentCountType:[0,"commentCountType","_commentCountType"],_shadowDom:[0,"shadowDom","_shadowDom"],darkMode:"darkMode",commentBubbleTargetPinHoverInput:[0,"commentBubbleTargetPinHover","commentBubbleTargetPinHoverInput"],showAvatarInput:[0,"showAvatar","showAvatarInput"],avatar:"avatar"},standalone:!1,features:[U([S]),B,We],decls:3,vars:2,consts:[["commentBubbleRefRef",""],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[4,"ngIf"],[4,"veltIf"],[3,"togglePinSelection","saveComment","annotation","commentPinType","commentPinSelected","commentBubbleTargetPinHover","targetElement","user"],["part","container","slot","comment-bubble",1,"comment-bubble-container","velt-comment-bubble",3,"click","pointerup"],[4,"veltDynamicTemplate"],["part","count-container",1,"comment-count-container","velt-comment-bubble--count-container",3,"ngClass"],["width","32","height","26","viewBox","0 0 32 26","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","role","img"],["fill","currentColor","stroke","currentColor","part","count-icon-path","d","M18 1H10C5.02944 1 1 5.02944 1 10V16C1 20.9706 5.02944 25 10 25H26H28.1315C29.7289 25 30.6817 23.2197 29.7956 21.8906L27.5038 18.453C27.1753 17.9602 27 17.3812 27 16.7889V10C27 5.02944 22.9706 1 18 1Z"],["aria-hidden","true","role","status",1,"comment-count","velt-comment-bubble--count",3,"componentConfigSignal"],["aria-hidden","true","role","img",3,"componentConfigSignal"]],template:function(t,o){if(t&1&&g(0,Dje,2,1,"velt-shadow-dom-internal",1)(1,Mje,1,1,"ng-template",null,0,be),t&2){let r=de(2);c("ngIf",!o.template&&o.shadowDom)("ngIfElse",r)}},styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}[_nghost-%COMP%]{display:inline-flex;--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-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)}.comment-bubble-container[_ngcontent-%COMP%]{display:flex;align-items:center;gap:0;cursor:pointer}.comment-bubble-container.custom-content[_ngcontent-%COMP%]{display:unset;gap:unset}snippyly-user-avatar[_ngcontent-%COMP%]{--legacy-velt-user-avatar-size: 1.625rem;display:flex;justify-content:center;align-items:center;padding-top:1px}.comment-count-container[_ngcontent-%COMP%]{align-items:center;box-sizing:border-box;display:flex;justify-content:left;position:relative;height:calc((1.625rem + 0px) * var(--velt-base-rem-unit));width:calc((2rem + 0px) * var(--velt-base-rem-unit))}.comment-count-container[_ngcontent-%COMP%] svg[_ngcontent-%COMP%]{color:var(--velt-internal-comment-pin-bg-color)}.comment-count-container[_ngcontent-%COMP%] svg.velt-comment-pin--status-default[_ngcontent-%COMP%]{color:var(--velt-accent, var(--velt-internal-comment-pin-bg-color))}.comment-count-container[_ngcontent-%COMP%] svg.velt-comment-pin--status-ongoing[_ngcontent-%COMP%]{color:var(--velt-warning, var(--velt-internal-comment-pin-bg-color))}.comment-count-container[_ngcontent-%COMP%] svg.velt-comment-pin--status-terminal[_ngcontent-%COMP%]{color:var(--velt-success, var(--velt-internal-comment-pin-bg-color))}.comment-count[_ngcontent-%COMP%]{font-size:var(--velt-font-size-2xs);font-weight:600;left:2px;line-height:20px;position:absolute;right:var(--velt-spacing-xs);text-align:center;color:var(--velt-accent-foreground)}"],changeDetection:0})}}return n})();var Ae=class{constructor(){this.addCommentMode=!1,this.moderatorMode=!1,this.enableSignInButton=!1,this.enablePriority=!1,this.enableStatus=!1,this.enableResolve=!1,this.suggestionMode=!1,this.enableUpgradeButton=!1,this.isPlanExpired=!1,this.isPrivateComment=!1,this.isUserAdmin=!1,this.darkMode=!1,this.showScreenSizeInfo=!1,this.multiThread=!1,this.bottomSheetMode=!1,this.showAllComments=!1,this.showCommentIndex=!1,this.disabled=!1,this.enableAutoCategorize=!1,this.enableAttachment=!1,this.enableReactions=!1,this.screenSharingSupported=!1,this.allowedRecordings=[],this.sidebarButtonOnCommentDialogVisible=!1,this.userMentions=!0,this.deleteOnBackspace=!0,this.recordingSummaryEnabled=!1,this.dialogShadowDOM=!1,this.enterKeyToSubmit=!1,this.isInputFocused=!1,this.showDefault=!0,this.dialogOpenedInSidebar=!1,this.resolveStatusAccessAdminOnly=!1,this.readOnly=!1,this.newComment="",this.newCommentHTML="",this.showCommentButtons=!1,this.editComment=null,this.editCommentIndex=null,this.optionsMenuOpened=!1,this.selectedUserContacts=[],this.showReplies=!1,this.ghostComment=null,this.enableGhostCommentsMessage=!1,this.hasReactionsByCommentId={},this.unreadCommentsMap=null,this.selectedFiles=[],this.invalidSelectedFiles=[],this.selectedAttachments=[],this.attachmentsToDelete=[],this.uploadingAttachments=!1,this.localRecordedData=[],this.taggedUserContacts=[],this.customList=[],this.toOrganizationUserGroup=[],this.composerInOpenState=!1,this.customChipData=null,this.selectedCustomChipSet=new Set,this.notificationEnabled=!1,this.pageModeComposer=!1,this.isKnownUser=!1,this.dialogSelectedByKnownUser=!1,this.showGhostCommentMessage=!1,this.showSuggestionModeActions=!1,this.canResolveAnnotation=!1,this.canUnresolveAnnotation=!1,this.getAnnotationDraftAttribute=null,this.assignToMenuOpened=!1,this.commentDialogUniqueId="",this.deviceInfoTooltipPositions=[],this.shortUserName=!0,this.annotationIndex=0,this.userContacts=[],this.annotation=new Mo,this.user=new xo,this.dialogMode=!0,this.sidebarMode=!1,this.inboxMode=!1,this.inlineCommentMode=!1,this.isInsidePdfViewer=!1,this.locationDisplayName=void 0,this.locationVersion=void 0,this.commentPinSelected=!1,this.fullExpanded=!1,this.commentDialogSelected=!1,this.variant="dialog",this.inlineCommentSectionMode=!1,this.commentComposerMode=!1,this.composerMode=Du.DEFAULT,this.openDropdownIndexValue=-1,this.focusedThreadMode=!1,this.isFocusedThreadEnabled=!1,this.currentDialogView={},this.userContactsBySnippylyId=null,this.seenByUsers=!0}};var Tle=n=>({componentConfigSignal:n}),kje=(n,i)=>({condition:n,data:i}),Rje=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-all-comment-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Nje(n,i){if(n&1&&(C(0,"div",5),w(1,"translate"),ie(),C(2,"svg",6),D(3,"path",7)(4,"path",8),y(),st(),C(5,"div",9),ee(6),w(7,"translate"),y()()),n&2){let e=l(4);E("aria-label",A(1,7,"View all comments"))("aria-haspopup",!0)("aria-expanded",!1)("data-testid",e.componentId+"-button"),m(2),E("data-testid",e.componentId+"-icon"),m(3),E("data-testid",e.componentId+"-label"),m(),ve(" ",A(7,9,"All comments"),"")}}function Fje(n,i){if(n&1){let e=W();C(0,"div",3),H("click",function(o){k(e);let r=l(2).ngIf;return r==null||r.openAllComments(),R(o.stopPropagation())}),g(1,Nje,8,11,"div",4),y()}if(n&2){let e=l(2).ngIf,t=l();E("data-testid",t.componentId),m(),c("veltDynamicTemplate",j(4,Rje,t.template,M(2,Tle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Lje(n,i){if(n&1&&(f(0),g(1,Fje,2,10,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.commentDialogSelected)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)&&(e==null?null:e.dialogMode)&&(e==null?null:e.sidebarButtonOnCommentDialogVisible))}}function Bje(n,i){if(n&1&&(f(0),g(1,Lje,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,kje,e.conditionSignal(),M(1,Tle,e.componentConfigSignal)))}}var f0=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-all-comment",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogAllCommentComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogAllCommentComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogAllCommentComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-all-comment"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"click",4,"ngIf"],[3,"click"],["class","velt-all-comment","role","button","tabindex","0",4,"veltDynamicTemplate"],["role","button","tabindex","0",1,"velt-all-comment"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["fill-rule","evenodd","clip-rule","evenodd","d","M4.83268 12.2505V14.8286L9.05119 12.3358L9.49212 12.3286C11.2454 12.2999 12.8232 12.1234 14.003 11.9439C14.7476 11.8306 15.2649 11.3109 15.3773 10.6585C15.5332 9.75341 15.666 8.60678 15.666 7.33268C15.666 6.05858 15.5332 4.91195 15.3773 4.0069C15.2649 3.35442 14.7476 2.83478 14.003 2.72149C12.7126 2.52515 10.948 2.33268 8.99935 2.33268C7.05074 2.33268 5.28608 2.52515 3.9957 2.72149C3.25113 2.83478 2.73377 3.35442 2.62138 4.00691C2.46548 4.91195 2.33268 6.05858 2.33268 7.33268C2.33268 8.60678 2.46548 9.75341 2.62138 10.6585C2.71897 11.2251 3.1148 11.6792 3.69192 11.8711L4.83268 12.2505ZM0.978897 3.72399C1.22072 2.32008 2.33662 1.28808 3.74499 1.07379C5.09444 0.86846 6.94567 0.666016 8.99935 0.666016C11.053 0.666016 12.9043 0.86846 14.2537 1.07379C15.6621 1.28808 16.778 2.32008 17.0198 3.72399C17.1883 4.70245 17.3327 5.94539 17.3327 7.33268C17.3327 8.71997 17.1883 9.96292 17.0198 10.9414C16.778 12.3453 15.6621 13.3773 14.2537 13.5916C13.0192 13.7794 11.3647 13.9648 9.51941 13.9951L4.42329 17.0064C3.86778 17.3347 3.16602 16.9342 3.16602 16.289V13.4526C2.03815 13.0776 1.18648 12.1465 0.978897 10.9414C0.810359 9.96292 0.666016 8.71997 0.666016 7.33268C0.666016 5.94539 0.810359 4.70245 0.978897 3.72399Z","fill","currentColor"],["fill-rule","evenodd","clip-rule","evenodd","d","M4.83268 4.83268C4.37244 4.83268 3.99935 5.20578 3.99935 5.66602C3.99935 6.12625 4.37244 6.49935 4.83268 6.49935H13.166C13.6263 6.49935 13.9993 6.12625 13.9993 5.66602C13.9993 5.20578 13.6263 4.83268 13.166 4.83268H4.83268ZM4.83268 8.16602C4.37244 8.16602 3.99935 8.53911 3.99935 8.99935C3.99935 9.45959 4.37245 9.83268 4.83268 9.83268H8.16602C8.62625 9.83268 8.99935 9.45959 8.99935 8.99935C8.99935 8.53911 8.62625 8.16602 8.16602 8.16602H4.83268Z","fill","currentColor"],[1,"velt-all-comment--button"]],template:function(t,o){t&1&&g(0,Bje,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-all-comment[_ngcontent-%COMP%]{gap:var(--velt-spacing-xs);display:flex;flex-direction:row;align-items:center;justify-content:center}.velt-all-comment[_ngcontent-%COMP%] *[_ngcontent-%COMP%]{color:var(--velt-accent-text)}.velt-all-comment--button[_ngcontent-%COMP%]{position:relative;line-height:1.25em;font-weight:600;display:inline-block;cursor:pointer}"],changeDetection:0})}}return n})();var Dle=n=>({componentConfigSignal:n}),Uje=(n,i)=>({condition:n,data:i}),jje=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-approve-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function $je(n,i){if(n&1&&(f(0),D(1,"div",5),C(2,"div",6),ee(3),w(4,"translate"),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-fill"),m(),E("data-testid",e.componentId+"-label"),m(),ve(" ",A(4,3,"Approve"),"")}}function Hje(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),H("click",function(o){k(e);let r=l(2).ngIf;return r==null||r.approveCommentPinAnnotation(),R(o.stopPropagation())}),g(2,$je,5,5,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();E("aria-label",A(1,4,"Approve comment"))("aria-pressed",!1)("data-testid",t.componentId+"-button"),m(2),c("veltDynamicTemplate",j(8,jje,t.template,M(6,Dle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function zje(n,i){if(n&1&&(f(0),g(1,Hje,3,14,"ng-template",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.commentDialogSelected)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)&&(e==null?null:e.moderatorMode)&&!(!(e==null||e.annotation==null)&&e.annotation.approved)&&(e==null||e.user==null?null:e.user.isAdmin))}}function Gje(n,i){if(n&1&&(f(0),g(1,zje,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Uje,e.conditionSignal(),M(1,Dle,e.componentConfigSignal)))}}var v0=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-approve",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogApproveComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogApproveComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogApproveComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-approve"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"ngIf"],["role","button","tabindex","0",3,"click"],[4,"veltDynamicTemplate"],["aria-hidden","true",1,"velt-fill"],[1,"velt-flat-button"]],template:function(t,o){t&1&&g(0,Gje,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-fill[_ngcontent-%COMP%]{flex-grow:1}.velt-flat-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-sm) var(--velt-spacing-md);background:var(--velt-accent);border-radius:var(--velt-border-radius-3xl);border:0;color:var(--velt-accent-foreground);font-weight:700;transition:.2s;font-size:var(--velt-font-size-sm);cursor:pointer}.velt-flat-button[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}"],changeDetection:0})}}return n})();var wle=n=>({componentConfigSignal:n}),qje=(n,i)=>({condition:n,data:i}),Yje=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-assign-menu-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Kje(n,i){if(n&1){let e=W();f(0),C(1,"velt-autocomplete-panel-internal",5),w(2,"translate"),w(3,"translate"),H("optionSelected",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.assignCommentToUser(o))}),y(),v()}if(n&2){let e=l(3).ngIf,t=l();m(),c("darkMode",!!(e!=null&&e.darkMode))("enableOnFocus",!0)("metadata",e==null||e.annotation==null?null:e.annotation.metadata)("placeholder",A(2,6,"Search")),E("aria-label",A(3,8,"Search users"))("data-testid",t.componentId+"-autocomplete")}}function Zje(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),H("clickOutside",function(){k(e);let o=l(2).ngIf;return R(o==null?null:o.closeAssignToMenu())}),g(2,Kje,4,10,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();E("data-testid",t.componentId)("aria-label",A(1,4,"Assign thread"))("aria-modal",!0),m(2),c("veltDynamicTemplate",j(8,Yje,t.template,M(6,wle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Xje(n,i){if(n&1&&(f(0),g(1,Zje,3,14,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",e==null?null:e.assignToMenuOpened)}}function Qje(n,i){if(n&1&&(f(0),g(1,Xje,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,qje,e.conditionSignal(),M(1,wle,e.componentConfigSignal)))}}var qb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-assign-menu",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogAssignMenuComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogAssignMenuComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","dialog"),e.setAttribute("aria-label","Assign thread"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogAssignMenuComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-assign-menu"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-header--assign-menu","snippylyClickOutside","","role","dialog",3,"clickOutside",4,"ngIf"],["snippylyClickOutside","","role","dialog",1,"velt-header--assign-menu",3,"clickOutside"],[4,"veltDynamicTemplate"],[3,"optionSelected","darkMode","enableOnFocus","metadata","placeholder"]],template:function(t,o){t&1&&g(0,Qje,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}[_nghost-%COMP%] .velt-header--assign-menu{position:absolute;top:100%;width:calc((15rem + 0px) * var(--velt-base-rem-unit));right:0;background:var(--velt-background-0);border:1px solid var(--velt-border-4);border-radius:var(--velt-border-radius-md);padding:var(--velt-spacing-sm);box-sizing:border-box;height:100%;height:unset;line-height:unset;display:flex;gap:var(--velt-spacing-sm);z-index:3}[_nghost-%COMP%] .velt-header--assign-menu velt-autocomplete-panel-internal{width:100%}[_nghost-%COMP%] .velt-header--assign-menu velt-autocomplete-panel-internal input{border:0;font-size:var(--velt-font-size-sm)}"],changeDetection:0})}}return n})();var Ale=n=>({componentConfigSignal:n}),Jje=(n,i)=>({condition:n,data:i}),e$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-assignee-banner-resolve-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function t$e(n,i){if(n&1&&(ie(),C(0,"svg",4),D(1,"path",5),y()),n&2){let e=l(4);E("data-testid",e.componentId+"-icon")}}function n$e(n,i){if(n&1){let e=W();f(0),C(1,"app-resolve-button",2),H("changeStatus",function(o){k(e);let r=l(2).ngIf;return R(r==null?null:r.changeStatus(o))}),g(2,t$e,2,1,"svg",3),y(),v()}if(n&2){let e=l(2).ngIf,t=l();m(),c("darkMode",!!(e!=null&&e.darkMode))("headingMode",!0)("annotation",e==null?null:e.annotation)("sidebarMode",e==null?null:e.sidebarMode),E("data-testid",t.componentId),m(),c("veltDynamicTemplate",j(8,e$e,t.template,M(6,Ale,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function i$e(n,i){if(n&1&&(f(0),g(1,n$e,3,14,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e==null?null:e.canResolveAnnotation)}}function o$e(n,i){if(n&1&&(f(0),g(1,i$e,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Jje,e.conditionSignal(),M(1,Ale,e.componentConfigSignal)))}}var Yb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-banner-resolve-button",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerResolveButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerResolveButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerResolveButtonComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-assignee-banner-resolve-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"changeStatus","darkMode","headingMode","annotation","sidebarMode"],["width","12","height","10","viewBox","0 0 12 10","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false",4,"veltDynamicTemplate"],["width","12","height","10","viewBox","0 0 12 10","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["fill-rule","evenodd","clip-rule","evenodd","d","M11.5886 1.07806C11.914 1.4035 11.914 1.93114 11.5886 2.25657L4.92194 8.92324C4.5965 9.24868 4.06886 9.24868 3.74343 8.92324L0.410093 5.58991C0.0846564 5.26447 0.0846564 4.73683 0.410093 4.4114C0.73553 4.08596 1.26317 4.08596 1.5886 4.4114L4.33268 7.15547L10.4101 1.07806C10.7355 0.752625 11.2632 0.752625 11.5886 1.07806Z","fill","currentColor"]],template:function(t,o){t&1&&g(0,o$e,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var Ole=n=>({componentConfigSignal:n}),r$e=(n,i)=>({condition:n,data:i}),a$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-assignee-banner-user-avatar-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function s$e(n,i){if(n&1&&(f(0),D(1,"snippyly-user-avatar",3),w(2,"translate"),v()),n&2){let e=l(2).ngIf,t=l();m(),c("size",28)("user",e==null||e.annotation==null?null:e.annotation.assignedTo),E("aria-label",A(2,4,"Avatar for assigned user"))("data-testid",t.componentId+"-avatar")}}function l$e(n,i){if(n&1&&(f(0),g(1,s$e,3,6,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,a$e,t.template,M(1,Ole,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function c$e(n,i){if(n&1&&(f(0),g(1,l$e,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,r$e,e.conditionSignal(),M(1,Ole,e.componentConfigSignal)))}}var Kb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-assignee-banner-avatar",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerUserAvatarComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerUserAvatarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerUserAvatarComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-assignee-banner-user-avatar"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-assignee-banner--user-avatar",3,"size","user"]],template:function(t,o){t&1&&g(0,c$e,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-assignee-banner--user-avatar[_ngcontent-%COMP%]{align-self:center}"],changeDetection:0})}}return n})();var Ple=n=>({componentConfigSignal:n}),m$e=(n,i)=>({condition:n,data:i}),d$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-assignee-banner-user-name-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function p$e(n,i){if(n&1&&(C(0,"div",5),w(1,"translate"),ee(2),w(3,"translate"),y()),n&2){let e=l(3).ngIf,t=l();E("data-testid",t.componentId)("aria-label",A(1,3,"Assigned to")+" "+((e==null||e.annotation==null||e.annotation.assignedTo==null?null:e.annotation.assignedTo.name)||(e==null||e.annotation==null||e.annotation.assignedTo==null?null:e.annotation.assignedTo.email))),m(2),ve(" ",A(3,5,(e==null||e.annotation==null||e.annotation.assignedTo==null?null:e.annotation.assignedTo.name)||(e==null||e.annotation==null||e.annotation.assignedTo==null?null:e.annotation.assignedTo.email)),"")}}function g$e(n,i){if(n&1&&(f(0),g(1,p$e,4,7,"div",4),v()),n&2){let e=l(2).ngIf,t=de(3);m(),c("ngIf",(e==null||e.annotation==null||e.annotation.assignedTo==null?null:e.annotation.assignedTo.name)||(e==null||e.annotation==null||e.annotation.assignedTo==null?null:e.annotation.assignedTo.email))("ngIfElse",t)}}function u$e(n,i){if(n&1&&(f(0),g(1,g$e,2,2,"ng-container",3),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,d$e,t.template,M(1,Ple,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function h$e(n,i){n&1&&D(0,"velt-skeleton-loader-internal",6)}function f$e(n,i){if(n&1&&(f(0),g(1,u$e,2,9,"ng-container",2)(2,h$e,1,0,"ng-template",null,0,be),v()),n&2){let e=l();m(),c("veltIf",F(3,m$e,e.conditionSignal(),M(1,Ple,e.componentConfigSignal)))}}var Zb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-assignee-banner-name",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerUserNameComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerUserNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerUserNameComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-assignee-banner-user-name"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["loadingTemplateRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-assignee-banner--user-name","role","text",4,"ngIf","ngIfElse"],["role","text",1,"velt-assignee-banner--user-name"],["height","16px","width","80px","borderRadius","8px"]],template:function(t,o){t&1&&g(0,f$e,4,6,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-assignee-banner--user-name[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}"],changeDetection:0})}}return n})();var Mle=n=>({componentConfigSignal:n}),v$e=(n,i)=>({condition:n,data:i}),C$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-assignee-banner-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function _$e(n,i){if(n&1&&(f(0),D(1,"app-comment-dialog-assignee-banner-resolve-button",7)(2,"app-comment-dialog-assignee-banner-unresolve-button",8),v()),n&2){let e=l(5);m(),c("componentConfigSignal",e.componentConfigSignal),m(),c("componentConfigSignal",e.componentConfigSignal)}}function y$e(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),D(2,"app-comment-dialog-assignee-banner-user-avatar",4),C(3,"div",5)(4,"div",6),ee(5),w(6,"translate"),y(),D(7,"app-comment-dialog-assignee-banner-user-name",4),y(),g(8,_$e,3,2,"ng-container",0),y()),n&2){let e=l(3).ngIf,t=l();it("background-color",e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.color)("--legacy-velt-assignee-banner-color",(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.lightColor)||"white")("--legacy-velt-tooltip-button-color",(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.lightColor)||"white"),pe("velt-assignee-banner--private-comment-mode",e==null?null:e.isPrivateComment)("private-comment",e==null?null:e.isPrivateComment),E("data-testid",t.componentId)("aria-label",A(1,17,"Comment assignment details")),m(2),c("componentConfigSignal",t.componentConfigSignal),m(),E("data-testid",t.componentId+"-author"),m(2),Ue(A(6,19,"Assigned to:")),m(2),c("componentConfigSignal",t.componentConfigSignal),m(),c("ngIf",!(e!=null&&e.readOnly))}}function S$e(n,i){if(n&1&&(f(0),g(1,y$e,9,21,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,C$e,t.template,M(1,Mle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function b$e(n,i){if(n&1&&(f(0),g(1,S$e,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null||e.annotation==null?null:e.annotation.assignedTo)&&!(e!=null&&e.inlineCommentMode))}}function I$e(n,i){if(n&1&&(f(0),g(1,b$e,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,v$e,e.conditionSignal(),M(1,Mle,e.componentConfigSignal)))}}var C0=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-assignee-banner",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","region"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogAssigneeBannerComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-assignee-banner"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-assignee-banner--heading","role","region",3,"velt-assignee-banner--private-comment-mode","private-comment","backgroundColor","--legacy-velt-assignee-banner-color","--legacy-velt-tooltip-button-color",4,"veltDynamicTemplate"],["role","region",1,"velt-assignee-banner--heading"],[3,"componentConfigSignal"],[1,"velt-assignee-banner--author"],[1,"velt-assignee-banner--text"],[1,"velt-assignee-banner--resolve-button",3,"componentConfigSignal"],[1,"velt-assignee-banner--unresolve-button",3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,I$e,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-assignee-banner--heading[_ngcontent-%COMP%]{background:var(--velt-green);margin:calc(var(--velt-spacing-lg) * -1);padding:var(--velt-spacing-lg);color:var(--velt-white);display:flex;align-items:center;justify-content:flex-start;grid-gap:var(--velt-spacing-sm);gap:var(--velt-spacing-sm);margin-bottom:0;border-radius:var(--velt-border-radius-md) var(--velt-border-radius-md) 0 0}.velt-assignee-banner--heading.velt-assignee-banner--private-comment-mode[_ngcontent-%COMP%]{background:color-mix(in srgb,var(--velt-purple) 32%,var(--velt-black) 100%);border-radius:0}.velt-assignee-banner--author[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden}.velt-assignee-banner--text[_ngcontent-%COMP%]{font-style:normal;font-weight:400;font-size:var(--velt-font-size-xs);line-height:17px;color:var(--velt-accent-foreground)}.velt-assignee-banner--resolve-button[_ngcontent-%COMP%], .velt-assignee-banner--unresolve-button[_ngcontent-%COMP%]{margin-left:auto}"],changeDetection:0})}}return n})();var x$e=["commentContainer"],T$e=n=>({componentConfigSignal:n}),D$e=(n,i)=>({condition:n,data:i}),w$e=(n,i)=>({componentConfigSignal:n,wireframe:i}),A$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-body-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function O$e(n,i){if(n&1&&(f(0),D(1,"app-comment-dialog-toggle-reply",8),v()),n&2){let e=l(5);m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-toggle")}}function P$e(n,i){if(n&1){let e=W();C(0,"div",6),H("scroll",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.setMessageScrollOffset(o))}),D(1,"app-comment-dialog-threads",7),g(2,O$e,2,2,"ng-container",1),y()}if(n&2){let e=l(3).ngIf,t=l();E("aria-live","polite")("aria-atomic","false")("data-testid",t.componentId+"-scroll-container"),m(),c("componentConfigSignal",t.componentConfigSignal)("wireframe",t.wireframe),E("data-testid",t.componentId+"-threads"),m(),c("ngIf",!(e!=null&&e.readOnly))}}function M$e(n,i){if(n&1&&(C(0,"div",4,0),w(2,"translate"),g(3,P$e,3,7,"div",5),y()),n&2){let e=l(2).ngIf,t=l();pe("velt-comment-dialog-body--inline-comment-section-mode",e==null?null:e.inlineCommentSectionMode)("velt-comment-dialog-body--closed",!(e!=null&&e.commentDialogSelected)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length))("velt-comment-dialog-body--focused-thread-mode",e==null?null:e.focusedThreadMode),E("data-testid",t.componentId)("aria-label",A(2,10,"Comment dialog thread"))("aria-expanded",!(!(e!=null&&e.commentDialogSelected)&&(!(e==null||e.annotation==null||e.annotation.comments==null)&&e.annotation.comments.length))),m(3),c("veltDynamicTemplate",j(15,A$e,t.template,F(12,w$e,t.componentConfigSignal,t.wireframe),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function k$e(n,i){if(n&1&&(f(0),g(1,M$e,4,21,"div",3),v()),n&2){let e=l().ngIf;m(),c("ngIf",e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)}}function R$e(n,i){if(n&1&&(f(0),g(1,k$e,2,1,"ng-container",2),v()),n&2){let e=l();m(),c("veltIf",F(3,D$e,e.conditionSignal(),M(1,T$e,e.componentConfigSignal)))}}var _0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.subscriptions=[],this.componentId="velt-comment-dialog-body",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),this.subscriptions.push(this.componentConfigSignal().scrollToBottom.subscribe(()=>{this.scrollToBottom()}))}catch{}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()}),clearTimeout(this.scrollTimeout)}catch{}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogBodyComponent setupA11yAttributes:",e)}}scrollToBottom(){try{clearTimeout(this.scrollTimeout),this.scrollTimeout=setTimeout(()=>{this.commentContainer?.nativeElement&&this.commentContainer?.nativeElement.scrollTo({top:this.commentContainer.nativeElement.scrollHeight,behavior:"smooth"})},100)}catch(e){this.catchError("Error in CommentDialogBodyComponent scrollToBottom: ",e)}}catchError(e,t,o){try{this.loggingService.catch(e,t,T(I({},o||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-body"]],viewQuery:function(t,o){if(t&1&&nt(x$e,5),t&2){let r;Ke(r=Ze())&&(o.commentContainer=r.first)}},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["commentContainer",""],[4,"ngIf"],[4,"veltIf"],["class","velt-body","role","region",3,"velt-comment-dialog-body--inline-comment-section-mode","velt-comment-dialog-body--closed","velt-comment-dialog-body--focused-thread-mode",4,"ngIf"],["role","region",1,"velt-body"],["role","log",3,"scroll",4,"veltDynamicTemplate"],["role","log",3,"scroll"],[3,"componentConfigSignal","wireframe"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,R$e,2,6,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-body[_ngcontent-%COMP%]{display:flex;flex-direction:column;max-height:250px;position:relative}.velt-body.velt-comment-dialog-body--inline-comment-section-mode[_ngcontent-%COMP%]{max-height:none}.velt-comment-dialog-body--inline-comment-section-mode[_ngcontent-%COMP%] app-comment-dialog-threads[_ngcontent-%COMP%]{max-height:none;overflow:initial}[_ngcontent-%COMP%]::-webkit-scrollbar{display:none;width:0;height:0}[_ngcontent-%COMP%]::-webkit-scrollbar{width:0;height:0}[_ngcontent-%COMP%]::-webkit-scrollbar-button{width:0;height:0}.velt-comment-dialog-body--focused-thread-mode[_ngcontent-%COMP%]{width:100%;max-height:none}.velt-comment-dialog-body--focused-thread-mode[_ngcontent-%COMP%] app-comment-dialog-threads[_ngcontent-%COMP%]{max-height:none}"],changeDetection:0})}}return n})();var kle=n=>({componentConfigSignal:n}),F$e=(n,i)=>({condition:n,data:i}),L$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-comment-category-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function B$e(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),ee(2),w(3,"translate"),y()),n&2){let e=l(3).ngIf,t=l();it("background-color",(e==null||e.annotation==null||e.annotation.commentCategories==null||e.annotation.commentCategories[0]==null?null:e.annotation.commentCategories[0].color)+" !important"),E("data-testid",t.componentId+"-index")("aria-label",A(1,6,"Comment Index")+" "+(e==null||e.annotation==null?null:e.annotation.annotationIndex))("aria-hidden",!0),m(2),ve(" ",A(3,8,e==null?null:e.annotation.commentCategories[0].name),"")}}function V$e(n,i){if(n&1&&(f(0),g(1,B$e,4,10,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,L$e,t.template,M(1,kle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function U$e(n,i){if(n&1&&(f(0),g(1,V$e,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.enableAutoCategorize)&&(e==null||e.annotation==null||e.annotation.commentCategories==null?null:e.annotation.commentCategories.length))}}function j$e(n,i){if(n&1&&(f(0),g(1,U$e,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,F$e,e.conditionSignal(),M(1,kle,e.componentConfigSignal)))}}var Xb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-comment-category",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogCommentCategoryComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogCommentCategoryComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogCommentCategoryComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-comment-category"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-comment-category",3,"background-color",4,"veltDynamicTemplate"],[1,"velt-comment-category"]],template:function(t,o){t&1&&g(0,j$e,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-comment-category[_ngcontent-%COMP%]{color:var(--velt-white);display:flex;justify-content:center;align-items:center;padding:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-3xl);min-width:calc((1rem + 0px) * var(--velt-base-rem-unit));height:calc((1rem + 0px) * var(--velt-base-rem-unit));font-style:normal;font-weight:600;font-size:var(--velt-font-size-2xs);font-weight:400;background:var(--velt-gray);box-sizing:border-box}"],changeDetection:0})}}return n})();var Rle=n=>({componentConfigSignal:n}),$$e=(n,i)=>({condition:n,data:i}),H$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-comment-index-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function z$e(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),ee(2),y()),n&2){let e=l(3).ngIf,t=l();E("data-testid",t.componentId)("aria-label",A(1,4,"Comment Index")+" "+(e==null||e.annotation==null?null:e.annotation.annotationIndex))("aria-hidden",!0),m(2),ve(" #",e==null||e.annotation==null?null:e.annotation.annotationIndex,"")}}function G$e(n,i){if(n&1&&(f(0),g(1,z$e,3,6,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,H$e,t.template,M(1,Rle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function W$e(n,i){if(n&1&&(f(0),g(1,G$e,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e==null||e.annotation==null?null:e.annotation.annotationIndex)}}function q$e(n,i){if(n&1&&(f(0),g(1,W$e,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,$$e,e.conditionSignal(),M(1,Rle,e.componentConfigSignal)))}}var Qb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-comment-index",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogCommentIndexComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogCommentIndexComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogCommentIndexComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-comment-index"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-comment-index",4,"veltDynamicTemplate"],[1,"velt-comment-index"]],template:function(t,o){t&1&&g(0,q$e,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-comment-index[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;padding:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-3xl);width:calc((1rem + 0px) * var(--velt-base-rem-unit));height:calc((1rem + 0px) * var(--velt-base-rem-unit));font-style:normal;font-weight:600;font-size:var(--velt-font-size-2xs);box-sizing:border-box;width:calc((2rem + 0px) * var(--velt-base-rem-unit));font-weight:400;background:var(--velt-gray);color:var(--velt-black)}"],changeDetection:0})}}return n})();var Nle=n=>({componentConfigSignal:n}),Y$e=(n,i)=>({condition:n,data:i}),K$e=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-comment-suggestion-status-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Z$e(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),w(2,"translate"),ee(3),w(4,"translate"),y()),n&2){let e=l(3).ngIf,t=l();pe("velt-comment-suggestion-status--accepted",(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.id)===(e==null||e.commentAcceptedStatus==null?null:e.commentAcceptedStatus.id))("velt-comment-suggestion-status--rejected",(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.id)===(e==null||e.commentRejectedStatus==null?null:e.commentRejectedStatus.id)),E("data-testid",t.componentId)("aria-label",A(1,7,"Suggestion")+" "+A(2,9,(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.name)||"")),m(3),ve(" ",A(4,11,(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.name)||"")," ")}}function X$e(n,i){if(n&1&&(f(0),g(1,Z$e,5,13,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,K$e,t.template,M(1,Nle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Q$e(n,i){if(n&1&&(f(0),g(1,X$e,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.suggestionMode)&&((e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.id)===(e==null||e.commentAcceptedStatus==null?null:e.commentAcceptedStatus.id)||(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.id)===(e==null||e.commentRejectedStatus==null?null:e.commentRejectedStatus.id)))}}function J$e(n,i){if(n&1&&(f(0),g(1,Q$e,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Y$e,e.conditionSignal(),M(1,Nle,e.componentConfigSignal)))}}var Jb=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-comment-suggestion-status",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogCommentSuggestionStatusComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogCommentSuggestionStatusComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogCommentSuggestionStatusComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-comment-suggestion-status"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-comment-suggestion-status","role","status",3,"velt-comment-suggestion-status--accepted","velt-comment-suggestion-status--rejected",4,"veltDynamicTemplate"],["role","status",1,"velt-comment-suggestion-status"]],template:function(t,o){t&1&&g(0,J$e,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-comment-suggestion-status[_ngcontent-%COMP%]{background:var(--velt-white);display:flex;justify-content:center;align-items:center;padding:var(--velt-spacing-sm);border-radius:var(--velt-border-radius-3xl);min-width:calc((1rem + 0px) * var(--velt-base-rem-unit));height:calc((1rem + 0px) * var(--velt-base-rem-unit));font-style:normal;font-weight:600;font-size:var(--velt-font-size-2xs);font-weight:400;background:var(--velt-gray)}.velt-comment-suggestion-status.velt-comment-suggestion-status--accepted[_ngcontent-%COMP%]{background:var(--velt-success);color:var(--velt-success-foreground)}.velt-comment-suggestion-status.velt-comment-suggestion-status--rejected[_ngcontent-%COMP%]{background:var(--velt-error);color:var(--velt-error-foreground)}"],changeDetection:0})}}return n})();var y0=n=>({componentConfigSignal:n}),eHe=(n,i)=>({condition:n,data:i}),S0=(n,i)=>({componentName:"velt-comment-dialog-composer-action-button-wireframe",variant:n,suffix:i}),e2=(n,i,e,t,o,r)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-action-button-wireframe",variant:e,suffix:t,setIfCondition:o,componentElementRef:r});function tHe(n,i){if(n&1){let e=W();C(0,"velt-autocomplete-tool-internal",6),w(1,"translate"),H("buttonClick",function(){k(e);let o=l(4).ngIf;return R(o==null?null:o.onAtClick(o==null||o.newCommentTextArea==null?null:o.newCommentTextArea.nativeElement))}),y()}if(n&2){let e=l(4).ngIf,t=l();c("hotkey",t.hotkey)("template",t.template)("componentMeta",F(9,S0,e==null?null:e.variant,t.type))("darkMode",!!(e!=null&&e.darkMode))("triggerElement",e==null||e.newCommentTextArea==null?null:e.newCommentTextArea.nativeElement),E("aria-label",A(1,7,"Mention someone using @ symbol"))("data-testid",t.componentId+"-autocomplete-new")}}function nHe(n,i){if(n&1){let e=W();C(0,"velt-autocomplete-tool-internal",6),w(1,"translate"),H("buttonClick",function(){k(e);let o=l(4).ngIf;return R(o==null?null:o.onAtClick(o==null||o.editCommentTextArea==null?null:o.editCommentTextArea.nativeElement))}),y()}if(n&2){let e=l(4).ngIf,t=l();c("hotkey",t.hotkey)("template",t.template)("componentMeta",F(9,S0,e==null?null:e.variant,t.type))("darkMode",!!(e!=null&&e.darkMode))("triggerElement",e==null||e.editCommentTextArea==null?null:e.editCommentTextArea.nativeElement),E("aria-label",A(1,7,"Mention someone using @ symbol while editing"))("data-testid",t.componentId+"-autocomplete-edit")}}function iHe(n,i){if(n&1&&(f(0),g(1,tHe,2,12,"velt-autocomplete-tool-internal",5)(2,nHe,2,12,"velt-autocomplete-tool-internal",5),v()),n&2){let e=l(4);m(),c("ngIf",!e.editMode),m(),c("ngIf",e.editMode)}}function oHe(n,i){if(n&1&&(f(0),g(1,iHe,3,2,"ng-container",0),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e==null?null:e.userMentions)}}function rHe(n,i){if(n&1){let e=W();C(0,"velt-autocomplete-tool-internal",6),w(1,"translate"),H("buttonClick",function(){k(e);let o=l(4).ngIf;return R(o==null?null:o.onAtClick(o==null||o.newCommentTextArea==null?null:o.newCommentTextArea.nativeElement))}),y()}if(n&2){let e=l(4).ngIf,t=l();c("hotkey",t.hotkey)("template",t.template)("componentMeta",F(9,S0,e==null?null:e.variant,t.type))("darkMode",!!(e!=null&&e.darkMode))("triggerElement",e==null||e.newCommentTextArea==null?null:e.newCommentTextArea.nativeElement),E("aria-label",A(1,7,"Type @ to mention someone"))("data-testid",t.componentId+"-autocomplete-tool-new")}}function aHe(n,i){if(n&1){let e=W();C(0,"velt-autocomplete-tool-internal",6),w(1,"translate"),H("buttonClick",function(){k(e);let o=l(4).ngIf;return R(o==null?null:o.onAtClick(o==null||o.editCommentTextArea==null?null:o.editCommentTextArea.nativeElement))}),y()}if(n&2){let e=l(4).ngIf,t=l();c("hotkey",t.hotkey)("template",t.template)("componentMeta",F(9,S0,e==null?null:e.variant,t.type))("darkMode",!!(e!=null&&e.darkMode))("triggerElement",e==null||e.editCommentTextArea==null?null:e.editCommentTextArea.nativeElement),E("aria-label",A(1,7,"Type @ to mention someone while editing"))("data-testid",t.componentId+"-autocomplete-tool-edit")}}function sHe(n,i){if(n&1&&(f(0),g(1,rHe,2,12,"velt-autocomplete-tool-internal",5)(2,aHe,2,12,"velt-autocomplete-tool-internal",5),v()),n&2){let e=l(4);m(),c("ngIf",!e.editMode),m(),c("ngIf",e.editMode)}}function lHe(n,i){if(n&1&&(f(0),g(1,sHe,3,2,"ng-container",0),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e==null?null:e.userMentions)}}function cHe(n,i){if(n&1){let e=W();C(0,"app-attachment-button",8),w(1,"translate"),H("clicked",function(){k(e);let o=l(3).ngIf;return R(o==null?null:o.onAttachmentButtonClick())})("selectFiles",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.selectFiles(o))})("setIfConditionEvent",function(o){k(e);let r=l(4);return R(r.setIfCondition(o))}),y()}if(n&2){let e=l(3).ngIf,t=l();c("template",t.template)("darkMode",!!(e!=null&&e.darkMode))("componentMeta",F(7,S0,e==null?null:e.variant,t.type)),E("aria-label",A(1,5,"Add file attachment to comment"))("data-testid",t.componentId+"-attachment-button")}}function mHe(n,i){if(n&1&&(f(0),g(1,cHe,2,10,"app-attachment-button",7),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e==null?null:e.enableAttachment)}}function dHe(n,i){if(n&1){let e=W();C(0,"app-attachment-button",8),w(1,"translate"),H("clicked",function(){k(e);let o=l(3).ngIf;return R(o==null?null:o.onAttachmentButtonClick())})("selectFiles",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.selectFiles(o))})("setIfConditionEvent",function(o){k(e);let r=l(4);return R(r.setIfCondition(o))}),y()}if(n&2){let e=l(3).ngIf,t=l();c("template",t.template)("darkMode",!!(e!=null&&e.darkMode))("componentMeta",F(7,S0,e==null?null:e.variant,t.type)),E("aria-label",A(1,5,"Add file attachment to comment"))("data-testid",t.componentId+"-attachment-button")}}function pHe(n,i){if(n&1&&(f(0),g(1,dHe,2,10,"app-attachment-button",7),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e==null?null:e.enableAttachment)}}function gHe(n,i){if(n&1&&(f(0),C(1,"app-action-button",13),w(2,"translate"),ie(),C(3,"svg",14),D(4,"path",15)(5,"path",16),y()(),v()),n&2){let e=l(4).ngIf,t=l();m(),c("title",A(2,4,"Record voice"))("darkMode",!!(e!=null&&e.darkMode)),E("aria-label","Record voice message")("data-testid",t.componentId+"-audio-record")}}function uHe(n,i){if(n&1){let e=W();C(0,"app-device-permission-button",10),w(1,"translate"),C(2,"div",11),w(3,"translate"),H("click",function(){k(e);let o=l(3).ngIf;return R(o!=null&&o.recorderInitConfig||o==null?null:o.initRecording("audio"))}),g(4,gHe,6,6,"ng-container",12),y()()}if(n&2){let e=l(3).ngIf,t=l();c("darkMode",!!(e!=null&&e.darkMode)),E("aria-label",A(1,6,"Record voice message"))("data-testid",t.componentId+"-audio-button"),m(2),E("aria-label",A(3,8,"Click to start voice recording"))("data-testid",t.componentId+"-audio-record"),m(2),c("veltDynamicTemplate",Ds(12,e2,t.template,M(10,y0,t.componentConfigSignal),e==null?null:e.variant,t.type,t.setIfCondition.bind(t),t.elementRef))}}function hHe(n,i){if(n&1&&(f(0),g(1,uHe,5,19,"app-device-permission-button",9),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e==null||e.allowedRecordings==null?null:e.allowedRecordings.includes("audio"))}}function fHe(n,i){if(n&1&&(f(0),C(1,"app-action-button",13),w(2,"translate"),w(3,"translate"),ie(),C(4,"svg",19),D(5,"path",20),y()(),v()),n&2){let e=l(4).ngIf,t=l();m(),c("title",A(2,4,"Record video"))("darkMode",!!(e!=null&&e.darkMode)),E("aria-label",A(3,6,"Record video message"))("data-testid",t.componentId+"-video-record")}}function vHe(n,i){if(n&1){let e=W();C(0,"app-device-permission-button",18),w(1,"translate"),C(2,"div",11),H("click",function(){k(e);let o=l(3).ngIf;return R(o!=null&&o.recorderInitConfig||o==null?null:o.initRecording("video"))}),g(3,fHe,6,8,"ng-container",12),y()()}if(n&2){let e=l(3).ngIf,t=l();c("darkMode",!!(e!=null&&e.darkMode)),E("aria-label",A(1,6,"Record video message"))("data-testid",t.componentId+"-video-button"),m(2),E("aria-label","Click to start video recording")("data-testid",t.componentId+"-video-record"),m(),c("veltDynamicTemplate",Ds(10,e2,t.template,M(8,y0,t.componentConfigSignal),e==null?null:e.variant,t.type,t.setIfCondition.bind(t),t.elementRef))}}function CHe(n,i){if(n&1&&(f(0),g(1,vHe,4,17,"app-device-permission-button",17),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e==null||e.allowedRecordings==null?null:e.allowedRecordings.includes("video"))}}function _He(n,i){if(n&1&&(f(0),C(1,"app-action-button",13),w(2,"translate"),w(3,"translate"),ie(),C(4,"svg",22),D(5,"path",23)(6,"path",24)(7,"path",25)(8,"path",26),y()(),v()),n&2){let e=l(4).ngIf,t=l();m(),c("title",A(2,4,"Record screen"))("darkMode",!!(e!=null&&e.darkMode)),E("aria-label",A(3,6,"Record your screen"))("data-testid",t.componentId+"-screen-record")}}function yHe(n,i){if(n&1){let e=W();C(0,"div",11),w(1,"translate"),H("click",function(){k(e);let o=l(3).ngIf;return R(o!=null&&o.recorderInitConfig||o==null?null:o.initRecording("screen"))}),g(2,_He,9,8,"ng-container",12),y()}if(n&2){let e=l(3).ngIf,t=l();E("aria-label",A(1,3,"Click to start screen recording"))("data-testid",t.componentId+"-screen-record"),m(2),c("veltDynamicTemplate",Ds(7,e2,t.template,M(5,y0,t.componentConfigSignal),e==null?null:e.variant,t.type,t.setIfCondition.bind(t),t.elementRef))}}function SHe(n,i){if(n&1&&(f(0),g(1,yHe,3,14,"div",21),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null||e.allowedRecordings==null?null:e.allowedRecordings.includes("screen"))&&(e==null?null:e.screenSharingSupported))}}function bHe(n,i){n&1&&(C(0,"div",30),ie(),C(1,"svg",31),D(2,"path",32),y()())}function IHe(n,i){if(n&1){let e=W();C(0,"button",28),w(1,"translate"),H("click",function(o){k(e);let r=l(3).ngIf;return r==null||r.addComment(),R(o.stopPropagation())}),g(2,bHe,3,0,"div",29),y()}if(n&2){let e,t=l(3).ngIf,o=l();c("disabled",(t==null||t.newComment==null||(e=t.newComment.trim())==null?null:e.length)<1&&!(!(t==null||t.selectedAttachments==null)&&t.selectedAttachments.length)&&!(!(t==null||t.localRecordedData==null)&&t.localRecordedData.length)||(t==null?null:t.uploadingAttachments)),E("aria-label",A(1,4,"Save new comment"))("data-testid",o.componentId+"-submit-new"),m(2),c("veltDynamicTemplate",Ds(8,e2,o.template,M(6,y0,o.componentConfigSignal),t==null?null:t.variant,o.type,o.setIfCondition.bind(o),o.elementRef))}}function EHe(n,i){n&1&&(C(0,"div",30),ie(),C(1,"svg",31),D(2,"path",33),y()())}function xHe(n,i){if(n&1){let e=W();C(0,"button",28),w(1,"translate"),H("click",function(o){k(e);let r=l(3).ngIf,a=l();return r==null||r.updateComment(a.i,r==null||r.editCommentTextArea==null?null:r.editCommentTextArea.nativeElement.innerText),R(o.stopPropagation())}),g(2,EHe,3,0,"div",29),y()}if(n&2){let e,t=l(3).ngIf,o=l();c("disabled",!(!(t==null||t.editCommentTextArea==null||t.editCommentTextArea.nativeElement==null||t.editCommentTextArea.nativeElement.innerText==null||(e=t.editCommentTextArea.nativeElement.innerText.trim())==null)&&e.length)&&!(!(t==null||t.selectedAttachments==null)&&t.selectedAttachments.length)&&!(!(t==null||t.attachmentsToDelete==null)&&t.attachmentsToDelete.length)&&!(!(t==null||t.localRecordedData==null)&&t.localRecordedData.length)||(t==null?null:t.uploadingAttachments)),E("aria-label",A(1,4,"Save edited comment"))("data-testid",o.componentId+"-submit-edit"),m(2),c("veltDynamicTemplate",Ds(8,e2,o.template,M(6,y0,o.componentConfigSignal),t==null?null:t.variant,o.type,o.setIfCondition.bind(o),o.elementRef))}}function THe(n,i){if(n&1&&(f(0),g(1,IHe,3,15,"button",27)(2,xHe,3,15,"button",27),v()),n&2){let e=l(3);m(),c("ngIf",!e.editMode),m(),c("ngIf",e.editMode)}}function DHe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),w(2,"translate"),H("click",function(o){return k(e),R(o.stopPropagation())}),f(3,3),g(4,oHe,2,1,"ng-container",4)(5,lHe,2,1,"ng-container",4)(6,mHe,2,1,"ng-container",4)(7,pHe,2,1,"ng-container",4)(8,hHe,2,1,"ng-container",4)(9,CHe,2,1,"ng-container",4)(10,SHe,2,1,"ng-container",4)(11,THe,3,2,"ng-container",4),v(),y(),v()}if(n&2){let e=l(2);m(),E("aria-label",A(2,11,"Comment tools and actions"))("data-testid",e.componentId),m(2),c("ngSwitch",e.type),m(),c("ngSwitchCase","userMentions"),m(),c("ngSwitchCase","autocomplete"),m(),c("ngSwitchCase","file"),m(),c("ngSwitchCase","attachments"),m(),c("ngSwitchCase","audio"),m(),c("ngSwitchCase","video"),m(),c("ngSwitchCase","screen"),m(),c("ngSwitchCase","submit")}}function wHe(n,i){if(n&1&&(f(0),g(1,DHe,12,13,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,eHe,e.conditionSignal(),M(1,y0,e.componentConfigSignal)))}}var t2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.editMode=!1,this.hotkey="@",this.componentId="velt-comment-dialog-composer-action-button",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerActionButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerActionButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","group"),e.setAttribute("aria-label",`Composer action button group for ${this.type}`)}catch(e){this.loggingService.catch("Error in CommentDialogComposerActionButtonComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-action-button"]],inputs:{type:"type",editMode:"editMode",i:"i",hotkey:"hotkey"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","group",1,"velt-comment-dialog-composer-action-button",3,"click"],[3,"ngSwitch"],[4,"ngSwitchCase"],[3,"hotkey","template","componentMeta","darkMode","triggerElement","buttonClick",4,"ngIf"],[3,"buttonClick","hotkey","template","componentMeta","darkMode","triggerElement"],[3,"template","darkMode","componentMeta","clicked","selectFiles","setIfConditionEvent",4,"ngIf"],[3,"clicked","selectFiles","setIfConditionEvent","template","darkMode","componentMeta"],["type","audio","mode","thread",3,"darkMode",4,"ngIf"],["type","audio","mode","thread",3,"darkMode"],["role","button","tabindex","0",3,"click"],[4,"veltDynamicTemplate"],[3,"title","darkMode"],["icon","","width","14","height","20","viewBox","0 0 14 20","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","role","img"],["fill-rule","evenodd","clip-rule","evenodd","d","M0.833333 7.5C1.29357 7.5 1.66667 7.8731 1.66667 8.33333V9.16667C1.66667 11.9281 3.90524 14.1667 6.66667 14.1667C9.42809 14.1667 11.6667 11.9281 11.6667 9.16667V8.33333C11.6667 7.8731 12.0398 7.5 12.5 7.5C12.9602 7.5 13.3333 7.8731 13.3333 8.33333V9.16667C13.3333 12.5663 10.7886 15.3717 7.5 15.7818V18.3333H10C10.4602 18.3333 10.8333 18.7064 10.8333 19.1667C10.8333 19.6269 10.4602 20 10 20H3.33333C2.8731 20 2.5 19.6269 2.5 19.1667C2.5 18.7064 2.8731 18.3333 3.33333 18.3333H5.83333V15.7818C2.54474 15.3717 0 12.5663 0 9.16667V8.33333C0 7.8731 0.373096 7.5 0.833333 7.5Z","fill","currentColor"],["fill-rule","evenodd","clip-rule","evenodd","d","M8.33203 9.16667V3.33333C8.33203 2.41286 7.58584 1.66667 6.66536 1.66667C5.74489 1.66667 4.9987 2.41286 4.9987 3.33333V9.16667C4.9987 10.0871 5.74489 10.8333 6.66536 10.8333C7.58584 10.8333 8.33203 10.0871 8.33203 9.16667ZM6.66536 0C4.82442 0 3.33203 1.49238 3.33203 3.33333V9.16667C3.33203 11.0076 4.82442 12.5 6.66536 12.5C8.50631 12.5 9.9987 11.0076 9.9987 9.16667V3.33333C9.9987 1.49238 8.50631 0 6.66536 0Z","fill","currentColor"],["type","video","mode","thread",3,"darkMode",4,"ngIf"],["type","video","mode","thread",3,"darkMode"],["icon","","width","19","height","11","viewBox","0 0 19 11","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","role","img"],["fill-rule","evenodd","clip-rule","evenodd","d","M2.55139 0.230077C1.68754 0.453772 1.06855 1.02195 0.766641 1.86822L0.666016 2.15026V5.58765V9.02505L0.766892 9.30709C1.0535 10.1083 1.64038 10.6731 2.43987 10.9173L2.70863 10.9993H7.1343H11.56L11.8467 10.9033C12.6234 10.6431 13.2099 10.0635 13.47 9.29927C13.56 9.03464 13.5637 8.99015 13.5769 8.02909C13.5844 7.48129 13.6004 7.03312 13.6125 7.03312C13.661 7.03312 15.0857 7.85517 15.8518 8.3252C16.7188 8.85713 16.9126 8.93691 17.338 8.93691C18.0692 8.93691 18.7509 8.40671 18.947 7.68535C19.0174 7.42654 19.0165 3.74584 18.946 3.48531C18.7883 2.90254 18.278 2.40649 17.7016 2.27577C17.4483 2.2183 17.0895 2.23195 16.8373 2.30859C16.6848 2.35492 16.3699 2.52421 15.9107 2.80671C15.3288 3.1648 13.6405 4.14219 13.6039 4.14219C13.5979 4.14219 13.5847 3.70988 13.5747 3.18148C13.5543 2.10348 13.5363 1.99704 13.2916 1.506C13.0166 0.954081 12.475 0.492835 11.8467 0.275239L11.56 0.17596L7.18806 0.168733C2.95948 0.161752 2.80747 0.163762 2.55139 0.230077ZM11.3211 1.83448C11.5404 1.89857 11.7306 2.05186 11.8398 2.25268L11.9183 2.39705V5.57098V8.74488L11.8268 8.91988C11.7122 9.13896 11.4929 9.30656 11.2552 9.35673C11.0123 9.40799 3.20786 9.40919 2.98224 9.35804C2.74243 9.30364 2.53297 9.14287 2.42553 8.93071L2.33236 8.74678V5.58765V2.42853L2.42553 2.2446C2.52985 2.03864 2.7435 1.8703 2.96604 1.81882C3.04208 1.80123 4.88581 1.78558 7.11882 1.7836C10.641 1.7805 11.1578 1.78678 11.3211 1.83448ZM17.3116 5.59171V7.28802L17.2309 7.23605C16.8358 6.98144 15.6936 6.30232 15.1359 5.99038C14.7573 5.77856 14.4468 5.59675 14.4461 5.58635C14.4453 5.57591 14.7874 5.37341 15.2062 5.13632C15.6251 4.89919 16.258 4.52439 16.6128 4.30341C16.9675 4.08243 17.2699 3.90019 17.2847 3.8985C17.2995 3.89681 17.3116 4.65875 17.3116 5.59171Z","fill","currentColor"],["role","button","tabindex","0",3,"click",4,"ngIf"],["icon","","width","20","height","20","viewBox","0 0 20 20","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","role","img"],["d","M7.4987 15H9.16536V16.6667H10.832V15H12.4987V16.6667H13.332C13.7923 16.6667 14.1654 17.0398 14.1654 17.5C14.1654 17.9602 13.7923 18.3333 13.332 18.3333H6.66536C6.20513 18.3333 5.83203 17.9602 5.83203 17.5C5.83203 17.0398 6.20513 16.6667 6.66536 16.6667H7.4987V15Z","fill","currentColor"],["fill-rule","evenodd","clip-rule","evenodd","d","M3.33464 5L3.33464 11.6667C3.33464 12.5871 4.08083 13.3333 5.0013 13.3333L15.0013 13.3333C15.9218 13.3333 16.668 12.5871 16.668 11.6667L16.668 5C16.668 4.07953 15.9218 3.33333 15.0013 3.33333L5.0013 3.33333C4.08083 3.33333 3.33464 4.07953 3.33464 5ZM1.66797 11.6667C1.66797 13.5076 3.16035 15 5.0013 15L15.0013 15C16.8423 15 18.3346 13.5076 18.3346 11.6667L18.3346 5C18.3346 3.15905 16.8423 1.66667 15.0013 1.66667L5.0013 1.66667C3.16035 1.66667 1.66797 3.15905 1.66797 5L1.66797 11.6667Z","fill","currentColor"],["d","M5.83333 5C5.3731 5 5 5.3731 5 5.83333C5 6.29357 5.3731 6.66667 5.83333 6.66667H11.6667C12.1269 6.66667 12.5 6.29357 12.5 5.83333C12.5 5.3731 12.1269 5 11.6667 5H5.83333Z","fill","currentColor"],["d","M5.83333 8.33333C5.3731 8.33333 5 8.70643 5 9.16667C5 9.6269 5.3731 10 5.83333 10H7.5C7.96024 10 8.33333 9.6269 8.33333 9.16667C8.33333 8.70643 7.96024 8.33333 7.5 8.33333H5.83333Z","fill","currentColor"],["class","velt-composer--submit-button",3,"disabled","click",4,"ngIf"],[1,"velt-composer--submit-button",3,"click","disabled"],["class","velt-composer--input-button",4,"veltDynamicTemplate"],[1,"velt-composer--input-button"],["width","14","height","14","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","role","img"],["d","M20.8089 10.1394L4.6724 3.15546C3.9926 2.8612 3.22459 2.99065 2.66814 3.49311C2.1117 3.99565 1.87896 4.76995 2.06084 5.51382L3.49713 11.3888H10.5294C10.853 11.3888 11.1154 11.6625 11.1154 12C11.1154 12.3375 10.853 12.6112 10.5294 12.6112H3.49713L2.06084 18.4862C1.87896 19.2301 2.11166 20.0044 2.66814 20.5069C3.22572 21.0104 3.99381 21.1382 4.67244 20.8445L20.8089 13.8606C21.5436 13.5426 22 12.8297 22 12C22 11.1703 21.5436 10.4574 20.8089 10.1394Z","fill","currentColor"],["d","M20.8089 10.1394L4.6724 3.15546C3.9926 2.8612 3.22459 2.99065 2.66814 3.49311C2.1117 3.99565 1.87896 4.76995 2.06084 5.51382L3.49713 11.3888H10.5294C10.853 11.3888 11.1154 11.6625 11.1154 12C11.1154 12.3375 10.853 12.6112 10.5294 12.6112H3.49713L2.06084 18.4862C1.87896 19.2301 2.11166 20.0044 2.66814 20.5069C3.22572 21.0104 3.99381 21.1382 4.67244 20.8445L20.8089 13.8606C21.5436 13.5426 22 12.8297 22 12C22 11.1703 21.5436 10.4574 20.8089 10.1394Z","fill","white"]],template:function(t,o){t&1&&g(0,wHe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{display:flex}[_nghost-%COMP%]:empty{display:none}.velt-comment-dialog-composer-action-button[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}.velt-composer--submit-button[_ngcontent-%COMP%]{background:transparent;border:0;outline:0}.velt-composer--submit-button[_ngcontent-%COMP%] .velt-composer--input-button[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center;width:2.4em;height:2.4em;border:0;border-radius:var(--velt-border-radius-3xl);background:var(--velt-accent);color:var(--velt-accent-foreground);cursor:pointer}.velt-composer--submit-button[_ngcontent-%COMP%]:disabled .velt-composer--input-button[_ngcontent-%COMP%]{opacity:.4;pointer-events:none;cursor:not-allowed}.velt-composer--submit-button[_ngcontent-%COMP%]:hover .velt-composer--input-button[_ngcontent-%COMP%]{background:var(--velt-accent-hover);color:var(--velt-accent-foreground)}.velt-composer--submit-button[_ngcontent-%COMP%]:focus .velt-composer--input-button[_ngcontent-%COMP%]{background:var(--velt-accent-hover);color:var(--velt-accent-foreground);outline:0}.velt-composer--submit-button[_ngcontent-%COMP%]:active .velt-composer--input-button[_ngcontent-%COMP%]{background:var(--velt-accent-hover);color:var(--velt-accent-foreground)}"],changeDetection:0})}}return n})();var Fle=n=>({componentConfigSignal:n}),AHe=(n,i)=>({condition:n,data:i}),OHe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-assign-user-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function PHe(n,i){if(n&1){let e=W();C(0,"app-assign-dropdown",4),w(1,"translate"),H("setAssignTo",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.setAssignTo(o))}),y()}if(n&2){let e=l(3).ngIf,t=l();c("darkMode",!!(e!=null&&e.darkMode))("assignTo",e==null?null:e.assignTo)("selectedUserContacts",e==null?null:e.selectedUserContacts),E("data-testid",t.componentId+"-dropdown")("aria-label",A(1,5,"Assign user"))}}function MHe(n,i){if(n&1&&(f(0),g(1,PHe,2,7,"app-assign-dropdown",3),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e==null?null:e.userMentions)}}function kHe(n,i){if(n&1&&(f(0),g(1,MHe,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,OHe,t.template,M(1,Fle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function RHe(n,i){if(n&1&&(f(0),g(1,kHe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,AHe,e.conditionSignal(),M(1,Fle,e.componentConfigSignal)))}}var n2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-assign-user",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAssignUserComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAssignUserComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAssignUserComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-assign-user"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"darkMode","assignTo","selectedUserContacts","setAssignTo",4,"ngIf"],[3,"setAssignTo","darkMode","assignTo","selectedUserContacts"]],template:function(t,o){t&1&&g(0,RHe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var NHe=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),FHe=(n,i)=>({condition:n,data:i}),LHe=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),BHe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-image-preview-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function VHe(n,i){if(n&1&&(f(0),D(1,"img",3),v()),n&2){let e=l(3);m(),c("src",e.file==null?null:e.file.url,ln)}}function UHe(n,i){if(n&1&&(f(0),g(1,VHe,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,BHe,t.template,gt(1,LHe,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function jHe(n,i){if(n&1&&(f(0),g(1,UHe,2,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,FHe,e.conditionSignal(),gt(1,NHe,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var i2=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-image-preview",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImagePreviewComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImagePreviewComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImagePreviewComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-image-preview"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["velt-ignore-change-detection","true","aria-hidden","true","role","img",3,"src"]],template:function(t,o){t&1&&g(0,jHe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}img[_ngcontent-%COMP%]{width:100%;object-fit:cover;height:100%}"],changeDetection:0})}}return n})();var $He=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),HHe=(n,i)=>({condition:n,data:i}),zHe=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),GHe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-image-delete-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function WHe(n,i){n&1&&(f(0),ie(),C(1,"svg",5),D(2,"path",6)(3,"path",7),y(),v())}function qHe(n,i){if(n&1){let e=W();C(0,"button",3),w(1,"translate"),w(2,"translate"),H("click",function(){k(e);let o=l(2).ngIf,r=l();return R(r.isEditMode?o==null?null:o.removeAttachmentFromComment(r.fileIndex):o==null?null:o.removeFile(r.fileIndex))}),g(3,WHe,4,0,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();c("title",A(1,4,"Remove File")),E("data-testid",t.componentId)("aria-label",A(2,6,"Remove file")),m(3),c("veltDynamicTemplate",j(13,GHe,t.template,gt(8,zHe,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function YHe(n,i){if(n&1&&(f(0),g(1,qHe,4,19,"button",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(e!=null&&e.uploadingAttachments))}}function KHe(n,i){if(n&1&&(f(0),g(1,YHe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,HHe,e.conditionSignal(),gt(1,$He,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var o2=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-image-delete",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageDeleteComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageDeleteComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageDeleteComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-image-delete"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-composer--icon-button",3,"title","click",4,"ngIf"],[1,"velt-composer--icon-button",3,"click","title"],[4,"veltDynamicTemplate"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","currentColor","aria-hidden","true","role","img"],["d","M0 0h24v24H0V0z","fill","none"],["d","M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"]],template:function(t,o){t&1&&g(0,KHe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-composer--icon-button[_ngcontent-%COMP%]{background:var(--velt-white);display:flex;align-items:center;border-radius:var(--velt-border-radius-3xl);width:40px;height:40px;justify-content:center;margin:var(--velt-spacing-xs);color:var(--velt-black)}"],changeDetection:0})}}return n})();var ZHe=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),XHe=(n,i)=>({condition:n,data:i}),QHe=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),JHe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-image-loading-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function eze(n,i){n&1&&(f(0),ie(),C(1,"svg",3)(2,"circle",4),D(3,"animateTransform",5),y()(),v())}function tze(n,i){if(n&1&&(f(0),g(1,eze,4,0,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(6,JHe,t.template,gt(1,QHe,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function nze(n,i){if(n&1&&(f(0),g(1,tze,2,12,"ng-container",0),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",(e==null?null:e.uploadingAttachments)&&!t.isEditMode&&!(t.file!=null&&t.file.uploaded))}}function ize(n,i){if(n&1&&(f(0),g(1,nze,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,XHe,e.conditionSignal(),gt(1,ZHe,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var r2=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-image-loading",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageLoadingComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageLoadingComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageLoadingComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-image-loading"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["xmlns","http://www.w3.org/2000/svg",0,"xmlns","xlink","http://www.w3.org/1999/xlink","width","48px","height","48px","viewBox","0 0 100 100","preserveAspectRatio","xMidYMid","aria-hidden","true","role","img",2,"margin","auto","display","block"],["cx","50","cy","50","fill","none","stroke","currentColor","stroke-width","7","r","34","stroke-dasharray","160.22122533307947 55.40707511102649"],["attributeName","transform","type","rotate","repeatCount","indefinite","dur","1s","values","0 50 50;360 50 50","keyTimes","0;1"]],template:function(t,o){t&1&&g(0,ize,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}svg[_ngcontent-%COMP%]{color:var(--velt-white)}"],changeDetection:0})}}return n})();var oze=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),rze=(n,i)=>({condition:n,data:i}),aze=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),sze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-image-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function lze(n,i){if(n&1&&(f(0),C(1,"div",3),w(2,"translate"),w(3,"translate"),C(4,"div",4),w(5,"translate"),w(6,"translate"),D(7,"app-comment-dialog-composer-attachments-image-loading",5),w(8,"translate"),w(9,"translate"),D(10,"app-comment-dialog-composer-attachments-image-delete",6),w(11,"translate"),w(12,"translate"),y(),D(13,"app-comment-dialog-composer-attachments-image-preview",7),w(14,"translate"),w(15,"translate"),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),pe("loading",(e==null?null:e.uploadingAttachments)&&!t.isEditMode&&!(t.file!=null&&t.file.uploaded)),E("aria-label",A(2,24,"Image attachment:")+" "+A(3,26,(t.file==null?null:t.file.name)||"unnamed image"))("data-testid",t.componentId+"-selected-file"),m(3),E("aria-label",A(5,28,"Actions for image:")+" "+A(6,30,(t.file==null?null:t.file.name)||"unnamed image"))("data-testid",t.componentId+"-file-actions"),m(3),c("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),E("aria-label",A(8,32,"Uploading image:")+" "+A(9,34,(t.file==null?null:t.file.name)||"unnamed image"))("data-testid",t.componentId+"-file-loading"),m(3),c("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),E("aria-label",A(11,36,"Delete image:")+" "+A(12,38,(t.file==null?null:t.file.name)||"unnamed image"))("data-testid",t.componentId+"-file-delete"),m(3),c("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),E("aria-label",A(14,40,"Preview of image:")+" "+A(15,42,(t.file==null?null:t.file.name)||"unnamed image"))("data-testid",t.componentId+"-file-preview")}}function cze(n,i){if(n&1&&(f(0),g(1,lze,16,44,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(6,sze,t.template,gt(1,aze,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function mze(n,i){if(n&1&&(f(0),g(1,cze,2,12,"ng-container",0),v()),n&2){let e=l(2);m(),c("ngIf",e.isEditMode?e.file==null||e.file.mimeType==null?null:e.file.mimeType.includes("image"):e.file==null||e.file.fileType==null?null:e.file.fileType.includes("image"))}}function dze(n,i){if(n&1&&(f(0),g(1,mze,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,rze,e.conditionSignal(),gt(1,oze,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var a2=(()=>{class n extends ${set _imageWireframe(e){this.imageWireframe=e,this.imageWireframe?this.template=this.domService.deepCloneElement(this.imageWireframe):this.template=null}constructor(e,t,o,r){super(t,o,r),this.domService=e,this.elementRef=t,this.dynamicDataService=o,this.loggingService=r,this.componentId="velt-comment-dialog-composer-attachments-image",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Image attachment controls")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsImageComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(Fe),u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-image"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode",_imageWireframe:[0,"imageWireframe","_imageWireframe"]},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region",1,"velt-composer--selected-file"],["role","group",1,"velt-composer--selected-file-actions"],[3,"componentConfigSignal","file","fileIndex","isEditMode"],["role","button","tabindex","0",3,"componentConfigSignal","file","fileIndex","isEditMode"],["role","img",3,"componentConfigSignal","file","fileIndex","isEditMode"]],template:function(t,o){t&1&&g(0,dze,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-composer--selected-file[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-sm);overflow:hidden;line-height:0;position:relative;height:80px;width:93px;flex:0 0 30%}.velt-composer--selected-file[_ngcontent-%COMP%] .velt-composer--selected-file-actions[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;background:color-mix(in srgb,var(--velt-surface-0) 32%,transparent);align-items:center;justify-content:center;display:none}.velt-composer--selected-file[_ngcontent-%COMP%]:hover .velt-composer--selected-file-actions[_ngcontent-%COMP%], .velt-composer--selected-file.loading[_ngcontent-%COMP%] .velt-composer--selected-file-actions[_ngcontent-%COMP%]{display:flex}"],changeDetection:0})}}return n})();var pze=(n,i,e)=>({componentConfigSignal:n,file:i,fileIndex:e}),gze=(n,i)=>({condition:n,data:i}),uze=(n,i,e)=>({componentConfigSignal:n,fileIndex:i,file:e}),hze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function fze(n,i){if(n&1&&(f(0),D(1,"img",3),v()),n&2){let e=l(3);m(),c("src",e.file==null?null:e.file.url,ln)}}function vze(n,i){if(n&1&&(f(0),g(1,fze,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(5,hze,t.template,He(1,uze,t.componentConfigSignal,t.fileIndex,t.file),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Cze(n,i){if(n&1&&(f(0),g(1,vze,2,11,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(5,gze,e.conditionSignal(),He(1,pze,e.componentConfigSignal,e.file,e.fileIndex)))}}var s2=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-invalid-item-preview",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemPreviewComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemPreviewComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemPreviewComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-invalid-item-preview"]],inputs:{file:"file",fileIndex:"fileIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["velt-ignore-change-detection","true","aria-hidden","true","role","img",3,"src"]],template:function(t,o){t&1&&g(0,Cze,2,8,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}img[_ngcontent-%COMP%]{width:100%;object-fit:cover;height:100%}"],changeDetection:0})}}return n})();var _ze=(n,i,e)=>({componentConfigSignal:n,file:i,fileIndex:e}),yze=(n,i)=>({condition:n,data:i}),Sze=(n,i,e)=>({componentConfigSignal:n,fileIndex:i,file:e}),bze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-invalid-item-message-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Ize(n,i){if(n&1&&(f(0),C(1,"span",3),w(2,"translate"),w(3,"translate"),ee(4),w(5,"translate"),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId)("aria-label",A(2,3,"Error message:")+" "+A(3,5,e.file==null?null:e.file.errorMessage)),m(3),ve(" ",A(5,7,e.file==null?null:e.file.errorMessage)," ")}}function Eze(n,i){if(n&1&&(f(0),g(1,Ize,6,9,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(5,bze,t.template,He(1,Sze,t.componentConfigSignal,t.fileIndex,t.file),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function xze(n,i){if(n&1&&(f(0),g(1,Eze,2,11,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(5,yze,e.conditionSignal(),He(1,_ze,e.componentConfigSignal,e.file,e.fileIndex)))}}var l2=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-invalid-item-message",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemMessageComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemMessageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemMessageComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-invalid-item-message"]],inputs:{file:"file",fileIndex:"fileIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--error-message"]],template:function(t,o){t&1&&g(0,xze,2,8,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-composer--error-message[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xs);text-align:center;margin-top:var(--velt-spacing-xs);color:var(--velt-white)}"],changeDetection:0})}}return n})();var Lle=(n,i,e)=>({componentConfigSignal:n,file:i,fileIndex:e}),Tze=(n,i)=>({condition:n,data:i}),Dze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function wze(n,i){n&1&&(f(0),ie(),C(1,"svg",4),D(2,"path",5)(3,"path",6),y(),v())}function Aze(n,i){if(n&1){let e=W();f(0),C(1,"button",2),w(2,"translate"),w(3,"translate"),w(4,"translate"),H("click",function(){k(e);let o=l().ngIf,r=l();return R(o==null?null:o.removeInvalidFile(r.fileIndex))}),g(5,wze,4,0,"ng-container",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(),c("title",A(2,4,"Remove File")),E("aria-label",A(3,6,"Remove invalid file:")+" "+A(4,8,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-button"),m(4),c("veltDynamicTemplate",j(14,Dze,t.template,He(10,Lle,t.componentConfigSignal,t.file,t.fileIndex),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Oze(n,i){if(n&1&&(f(0),g(1,Aze,6,20,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(5,Tze,e.conditionSignal(),He(1,Lle,e.componentConfigSignal,e.file,e.fileIndex)))}}var c2=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-invalid-item-delete",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemDeleteComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemDeleteComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemDeleteComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-invalid-item-delete"]],inputs:{file:"file",fileIndex:"fileIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[1,"velt-composer--icon-button",3,"click","title"],[4,"veltDynamicTemplate"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","currentColor","aria-hidden","true","role","img"],["d","M0 0h24v24H0V0z","fill","none"],["d","M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"]],template:function(t,o){t&1&&g(0,Oze,2,8,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-composer--icon-button[_ngcontent-%COMP%]{background:var(--velt-white);display:flex;align-items:center;border-radius:var(--velt-border-radius-3xl);width:40px;height:40px;justify-content:center;margin:var(--velt-spacing-xs);color:var(--velt-black)}"],changeDetection:0})}}return n})();var Ble=(n,i,e)=>({componentConfigSignal:n,file:i,fileIndex:e}),Pze=(n,i)=>({condition:n,data:i}),Mze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-invalid-item-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function kze(n,i){if(n&1&&(f(0),C(1,"div",3),w(2,"translate"),w(3,"translate"),C(4,"div",4),w(5,"translate"),w(6,"translate"),D(7,"app-comment-dialog-composer-attachments-invalid-item-delete",5),y(),C(8,"div",6),w(9,"translate"),ie(),C(10,"svg",7),D(11,"path",8),y(),st(),D(12,"app-comment-dialog-composer-attachments-invalid-item-message",9),y(),D(13,"app-comment-dialog-composer-attachments-invalid-item-preview",10),w(14,"translate"),w(15,"translate"),y(),v()),n&2){let e=l(3);m(),E("aria-label",A(2,18,"Invalid file:")+" "+A(3,20,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId),m(3),E("aria-label",A(5,22,"Actions for invalid file:")+" "+A(6,24,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-file-actions"),m(3),c("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex),E("aria-label","Remove invalid file: "+((e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-delete-file"),m(),E("aria-label","File error: "+A(9,26,(e.file==null?null:e.file.error)||"File cannot be uploaded"))("data-testid",e.componentId+"-error-message"),m(4),c("file",e.file)("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-error-message-text"),m(),c("componentConfigSignal",e.componentConfigSignal)("file",e.file),E("aria-label",A(14,28,"Preview of invalid file:")+" "+A(15,30,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-preview-file")}}function Rze(n,i){if(n&1&&(f(0),g(1,kze,16,32,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(5,Mze,t.template,He(1,Ble,t.componentConfigSignal,t.file,t.fileIndex),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Nze(n,i){if(n&1&&(f(0),g(1,Rze,2,11,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(5,Pze,e.conditionSignal(),He(1,Ble,e.componentConfigSignal,e.file,e.fileIndex)))}}var m2=(()=>{class n extends ${set _itemWireframe(e){this.itemWireframe=e,this.itemWireframe?this.template=this.domService.deepCloneElement(this.itemWireframe):this.template=null}constructor(e,t,o,r){super(t,o,r),this.domService=e,this.elementRef=t,this.dynamicDataService=o,this.loggingService=r,this.componentId="velt-comment-dialog-composer-attachments-invalid-item",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Composer invalid attachment actions")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidItemComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(Fe),u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-invalid-item"]],inputs:{file:"file",fileIndex:"fileIndex",_itemWireframe:[0,"itemWireframe","_itemWireframe"]},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region",1,"velt-composer--invalid-selected-file"],["role","group",1,"velt-composer--selected-file-actions"],["role","button","tabindex","0",3,"componentConfigSignal","file","fileIndex"],["role","alert","aria-live","polite",1,"velt-composer--error-message"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","currentColor","aria-hidden","true","role","img",1,"velt-composer--error-message-icon"],["d","M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"],[3,"file","componentConfigSignal"],["role","img",3,"componentConfigSignal","file"]],template:function(t,o){t&1&&g(0,Nze,2,8,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-composer--invalid-selected-file[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-sm);overflow:hidden;line-height:0;position:relative;height:72px;width:85px;flex:0 0 30%;border:4px solid var(--velt-error)}.velt-composer--invalid-selected-file[_ngcontent-%COMP%] .velt-composer--error-message[_ngcontent-%COMP%]{position:absolute;height:100%;width:100%;background:color-mix(in srgb,var(--velt-surface-0) 52%,transparent);display:flex;flex-direction:column;padding:var(--velt-spacing-xs);align-items:center;justify-content:center;color:var(--velt-white);box-sizing:border-box;gap:var(--velt-spacing-md)}.velt-composer--invalid-selected-file[_ngcontent-%COMP%] .velt-composer--error-message[_ngcontent-%COMP%] .velt-composer--error-message-icon[_ngcontent-%COMP%]{height:24px;color:var(--velt-white)}.velt-composer--invalid-selected-file[_ngcontent-%COMP%] .velt-composer--selected-file-actions[_ngcontent-%COMP%]{position:absolute;width:100%;height:100%;background:color-mix(in srgb,var(--velt-surface-0) 32%,transparent);align-items:center;justify-content:center;display:none}.velt-composer--invalid-selected-file[_ngcontent-%COMP%]:hover .velt-composer--selected-file-actions[_ngcontent-%COMP%], .velt-composer--invalid-selected-file.loading[_ngcontent-%COMP%] .velt-composer--selected-file-actions[_ngcontent-%COMP%]{display:flex}.velt-composer--invalid-selected-file[_ngcontent-%COMP%]:hover .velt-composer--error-message[_ngcontent-%COMP%]{display:none}"],changeDetection:0})}}return n})();var Vle=n=>({componentConfigSignal:n}),Fze=(n,i)=>({condition:n,data:i}),Lze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-invalid-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function Bze(n,i){if(n&1&&(C(0,"div",4),w(1,"translate"),w(2,"translate"),D(3,"app-comment-dialog-composer-attachments-invalid-item",5),y()),n&2){let e=i.$implicit,t=i.index,o=l(4);E("aria-label",A(1,6,"Invalid file")+" "+A(2,8,(e==null||e.file==null?null:e.file.name)||"unknown"))("data-testid",o.componentId+"-invalid-file-"+t),m(3),c("componentConfigSignal",o.componentConfigSignal)("file",e)("fileIndex",t)("itemWireframe",o.itemTemplate)}}function Vze(n,i){if(n&1&&(f(0),g(1,Bze,4,10,"div",3),v()),n&2){let e=l(2).ngIf;m(),c("ngForOf",e==null?null:e.invalidSelectedFiles)}}function Uze(n,i){if(n&1&&(f(0),g(1,Vze,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,Lze,t.template,M(1,Vle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function jze(n,i){if(n&1&&(f(0),g(1,Uze,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Fze,e.conditionSignal(),M(1,Vle,e.componentConfigSignal)))}}var d2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-invalid",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{if(super.ngOnInit(),this.setupA11yAttributes(),!this.itemTemplate){let e=this.template?.querySelector("velt-comment-dialog-composer-attachments-invalid-item-wireframe");lt(e)||(this.itemTemplate=e)}}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","List of invalid files")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsInvalidComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-invalid"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","listitem",4,"ngFor","ngForOf"],["role","listitem"],[3,"componentConfigSignal","file","fileIndex","itemWireframe"]],template:function(t,o){t&1&&g(0,jze,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-sm)}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var $ze=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),Hze=(n,i)=>({condition:n,data:i}),zze=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),Gze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-other-delete-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Wze(n,i){n&1&&(f(0),ie(),C(1,"svg",5),D(2,"path",6),y(),v())}function qze(n,i){if(n&1){let e=W();C(0,"button",3),w(1,"translate"),w(2,"translate"),H("click",function(){k(e);let o=l(2).ngIf,r=l();return R(r.isEditMode?o==null?null:o.removeAttachmentFromComment(r.fileIndex):o==null?null:o.removeFile(r.fileIndex))}),g(3,Wze,3,0,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();E("data-testid",t.componentId+"-button")("aria-label",A(1,3,"Delete file")+" "+A(2,5,(t.file==null||t.file.file==null?null:t.file.file.name)||"unknown")),m(3),c("veltDynamicTemplate",j(12,Gze,t.template,gt(7,zze,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Yze(n,i){if(n&1&&(f(0),g(1,qze,4,18,"button",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(e!=null&&e.uploadingAttachments))}}function Kze(n,i){if(n&1&&(f(0),g(1,Yze,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,Hze,e.conditionSignal(),gt(1,$ze,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var p2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-other-delete",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherDeleteComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherDeleteComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherDeleteComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-other-delete"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-composer--attachment-icon-btn",3,"click",4,"ngIf"],[1,"velt-composer--attachment-icon-btn",3,"click"],[4,"veltDynamicTemplate"],["xmlns","http://www.w3.org/2000/svg","width","18","height","19","viewBox","0 0 18 19","fill","none","aria-hidden","true","role","img"],["d","M13.5 5L4.5 14M4.5 5L13.5 14","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,o){t&1&&g(0,Kze,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-composer--attachment-icon-btn[_ngcontent-%COMP%]{display:flex;background:transparent;border:0;padding:var(--velt-spacing-sm);cursor:pointer;color:var(--velt-error)}"],changeDetection:0})}}return n})();var Zze=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),Xze=(n,i)=>({condition:n,data:i}),Qze=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),Jze=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-other-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function eGe(n,i){if(n&1&&(f(0),C(1,"div",3),D(2,"velt-file-icon-internal",4),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId),m(),c("type",e.isEditMode?e.file==null?null:e.file.mimeType:e.file==null?null:e.file.fileType),E("data-testid",e.componentId+"-file-icon-internal")}}function tGe(n,i){if(n&1&&(f(0),g(1,eGe,3,3,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,Jze,t.template,gt(1,Qze,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function nGe(n,i){if(n&1&&(f(0),g(1,tGe,2,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,Xze,e.conditionSignal(),gt(1,Zze,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var g2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-other-icon",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherIconComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-other-icon"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--attachment-icon"],[3,"type"]],template:function(t,o){t&1&&g(0,nGe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-composer--attachment-icon[_ngcontent-%COMP%]{display:flex;color:var(--velt-accent)}"],changeDetection:0})}}return n})();var iGe=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),oGe=(n,i)=>({condition:n,data:i}),rGe=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),aGe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-other-loading-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function sGe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",3)(2,"circle",4),D(3,"animateTransform",5),y()(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-svg")}}function lGe(n,i){if(n&1&&(f(0),g(1,sGe,4,1,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(6,aGe,t.template,gt(1,rGe,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function cGe(n,i){if(n&1&&(f(0),g(1,lGe,2,12,"ng-container",0),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",!t.isEditMode&&(e==null?null:e.uploadingAttachments)&&!(t.file!=null&&t.file.uploaded))}}function mGe(n,i){if(n&1&&(f(0),g(1,cGe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,oGe,e.conditionSignal(),gt(1,iGe,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var u2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-other-loading",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherLoadingComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherLoadingComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherLoadingComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-other-loading"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["xmlns","http://www.w3.org/2000/svg",0,"xmlns","xlink","http://www.w3.org/1999/xlink","width","32px","height","32px","viewBox","0 0 100 100","preserveAspectRatio","xMidYMid","aria-hidden","true","role","img",2,"margin","auto","display","block"],["cx","50","cy","50","fill","none","stroke","currentColor","stroke-width","7","r","34","stroke-dasharray","160.22122533307947 55.40707511102649"],["attributeName","transform","type","rotate","repeatCount","indefinite","dur","1s","values","0 50 50;360 50 50","keyTimes","0;1"]],template:function(t,o){t&1&&g(0,mGe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}svg[_ngcontent-%COMP%]{color:var(--velt-accent)}"],changeDetection:0})}}return n})();var dGe=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),pGe=(n,i)=>({condition:n,data:i}),gGe=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),uGe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-other-name-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function hGe(n,i){if(n&1&&(f(0),C(1,"span",3),w(2,"translate"),ee(3),w(4,"translate"),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId)("aria-label",e.isEditMode?e.file==null?null:e.file.name:A(2,3,e.file==null||e.file.file==null?null:e.file.file.name)),m(2),ve(" ",e.isEditMode?e.file==null?null:e.file.name:A(4,5,e.file==null||e.file.file==null?null:e.file.file.name)," ")}}function fGe(n,i){if(n&1&&(f(0),g(1,hGe,5,7,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,uGe,t.template,gt(1,gGe,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function vGe(n,i){if(n&1&&(f(0),g(1,fGe,2,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,pGe,e.conditionSignal(),gt(1,dGe,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var h2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-other-name",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherNameComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherNameComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-other-name"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--attachment-name"]],template:function(t,o){t&1&&g(0,vGe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{line-height:normal}.velt-composer--attachment-name[_ngcontent-%COMP%]{overflow:hidden;color:var(--velt-text-3);text-overflow:ellipsis;font-size:var(--velt-font-size-xs);font-style:normal;font-weight:600;line-height:normal;white-space:nowrap}"],changeDetection:0})}}return n})();var CGe=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),_Ge=(n,i)=>({condition:n,data:i}),yGe=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),SGe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-other-size-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function bGe(n,i){if(n&1&&(f(0),C(1,"span",3),w(2,"fileSize"),ee(3),w(4,"fileSize"),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId)("aria-label",e.isEditMode?e.file==null?null:e.file.size:A(2,3,e.file==null||e.file.file==null?null:e.file.file.size)),m(2),ve(" ",e.isEditMode?e.file==null?null:e.file.size:A(4,5,e.file==null||e.file.file==null?null:e.file.file.size)," ")}}function IGe(n,i){if(n&1&&(f(0),g(1,bGe,5,7,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,SGe,t.template,gt(1,yGe,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function EGe(n,i){if(n&1&&(f(0),g(1,IGe,2,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,_Ge,e.conditionSignal(),gt(1,CGe,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var f2=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-attachments-other-size",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherSizeComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherSizeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherSizeComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-other-size"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--attachment-size"]],template:function(t,o){t&1&&g(0,EGe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{line-height:normal}.velt-composer--attachment-size[_ngcontent-%COMP%]{overflow:hidden;color:var(--velt-text-7);text-overflow:ellipsis;font-size:var(--velt-font-size-2xs);font-style:normal;font-weight:500;line-height:normal}"],changeDetection:0})}}return n})();var xGe=(n,i,e,t)=>({componentConfigSignal:n,file:i,fileIndex:e,isEditMode:t}),TGe=(n,i)=>({condition:n,data:i}),DGe=(n,i,e,t)=>({componentConfigSignal:n,fileIndex:i,file:e,isEditMode:t}),wGe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-other-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function AGe(n,i){if(n&1&&(f(0),C(1,"div",3),w(2,"translate"),w(3,"translate"),D(4,"app-comment-dialog-composer-attachments-other-icon",4),w(5,"translate"),w(6,"translate"),C(7,"div",5),w(8,"translate"),w(9,"translate"),D(10,"app-comment-dialog-composer-attachments-other-name",6),w(11,"translate"),w(12,"translate"),D(13,"app-comment-dialog-composer-attachments-other-size",6),w(14,"translate"),w(15,"translate"),y(),D(16,"app-comment-dialog-composer-attachments-other-loading",7),w(17,"translate"),w(18,"translate"),C(19,"div",8),w(20,"translate"),w(21,"translate"),D(22,"app-comment-dialog-composer-attachments-other-delete",9),w(23,"translate"),w(24,"translate"),y()(),v()),n&2){let e=l(4);m(),E("aria-label",A(2,36,"File attachment:")+" "+A(3,38,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-attachment"),m(3),c("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),E("aria-label",A(5,40,"File type icon for")+" "+A(6,42,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-attachment-icon"),m(3),E("aria-label",A(8,44,"Details for file:")+" "+A(9,46,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-attachment-details"),m(3),c("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),E("aria-label",A(11,48,"Filename:")+" "+A(12,50,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-attachment-name"),m(3),c("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),E("aria-label",A(14,52,"File size:")+" "+A(15,54,(e.file==null?null:e.file.size)||"unknown size"))("data-testid",e.componentId+"-attachment-size"),m(3),c("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),E("aria-label",A(17,56,"Uploading file:")+" "+A(18,58,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-attachment-loading"),m(3),E("aria-label",A(20,60,"Actions for file:")+" "+A(21,62,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-attachment-actions"),m(3),c("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),E("aria-label",A(23,64,"Remove file:")+" "+A(24,66,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-delete-attachment")}}function OGe(n,i){if(n&1&&(f(0),g(1,AGe,25,68,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(6,wGe,t.template,gt(1,DGe,t.componentConfigSignal,t.fileIndex,t.file,t.isEditMode),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function PGe(n,i){if(n&1&&(f(0),g(1,OGe,2,12,"ng-container",0),v()),n&2){let e=l(2);m(),c("ngIf",e.isEditMode?!(!(e.file==null||e.file.mimeType==null)&&e.file.mimeType.includes("image")):!(!(e.file==null||e.file.fileType==null)&&e.file.fileType.includes("image")))}}function MGe(n,i){if(n&1&&(f(0),g(1,PGe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,TGe,e.conditionSignal(),gt(1,xGe,e.componentConfigSignal,e.file,e.fileIndex,e.isEditMode)))}}var v2=(()=>{class n extends ${set _otherWireframe(e){this.otherWireframe=e,this.otherWireframe?this.template=this.domService.deepCloneElement(this.otherWireframe):this.template=null}constructor(e,t,o,r){super(t,r,o),this.domService=e,this.elementRef=t,this.loggingService=o,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-other",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,file:this.file,fileIndex:this.fileIndex,isEditMode:this.isEditMode}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","File attachment controls")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsOtherComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(Fe),u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-other"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode",_otherWireframe:[0,"otherWireframe","_otherWireframe"]},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region",1,"velt-composer--other-attachment"],["role","img",3,"componentConfigSignal","file","fileIndex","isEditMode"],["role","group",1,"velt-composer--attachment-details"],[3,"componentConfigSignal","file","fileIndex","isEditMode"],["role","status","aria-live","polite",3,"componentConfigSignal","file","fileIndex","isEditMode"],["role","group",1,"velt-composer--attachment-actions"],["role","button","tabindex","0",3,"componentConfigSignal","file","fileIndex","isEditMode"]],template:function(t,o){t&1&&g(0,MGe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-composer--other-attachment[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-xs) var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:space-between;gap:var(--velt-spacing-sm);align-items:center;align-self:stretch;width:100%;border-radius:var(--velt-border-radius-sm);border:1px solid var(--velt-border-4);box-sizing:border-box}.velt-composer--other-attachment[_ngcontent-%COMP%] .velt-composer--attachment-details[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-xs);flex:1;overflow:hidden}.velt-composer--other-attachment[_ngcontent-%COMP%] .velt-composer--attachment-actions[_ngcontent-%COMP%]{display:flex;width:0;overflow:hidden}.velt-composer--other-attachment[_ngcontent-%COMP%]:not(:last-child){margin-bottom:var(--velt-spacing-lg)}.velt-composer--other-attachment[_ngcontent-%COMP%]:hover .velt-composer--attachment-actions[_ngcontent-%COMP%]{width:auto}"],changeDetection:0})}}return n})();var Ule=n=>({componentConfigSignal:n}),kGe=(n,i)=>({condition:n,data:i}),RGe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-selected-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function NGe(n,i){if(n&1&&(f(0),D(1,"app-comment-dialog-composer-attachments-other",7)(2,"app-comment-dialog-composer-attachments-image",8),v()),n&2){let e=i.$implicit,t=i.index,o=l(5);m(),c("componentConfigSignal",o.componentConfigSignal)("file",e)("fileIndex",t)("isEditMode",!0)("otherWireframe",o.otherTemplate),m(),c("componentConfigSignal",o.componentConfigSignal)("file",e)("fileIndex",t)("isEditMode",!0)("imageWireframe",o.imageTemplate)}}function FGe(n,i){if(n&1&&(f(0),D(1,"app-comment-dialog-composer-attachments-other",7)(2,"app-comment-dialog-composer-attachments-image",8),v()),n&2){let e=i.$implicit,t=i.index,o=l(5);m(),c("componentConfigSignal",o.componentConfigSignal)("file",e)("fileIndex",t)("isEditMode",!1)("otherWireframe",o.otherTemplate),m(),c("componentConfigSignal",o.componentConfigSignal)("file",e)("fileIndex",t)("isEditMode",!1)("imageWireframe",o.imageTemplate)}}function LGe(n,i){if(n&1&&(C(0,"div",4),w(1,"translate"),w(2,"translate"),g(3,NGe,3,10,"ng-container",5)(4,FGe,3,10,"ng-container",6),y()),n&2){let e=l(3).ngIf,t=l();E("aria-label",A(1,5,"Attached files")+" - "+(((e==null||e.editComment==null||e.editComment.attachments==null?null:e.editComment.attachments.length)||0)+((e==null||e.selectedFiles==null?null:e.selectedFiles.length)||0))+" "+A(2,7,"total attachments"))("data-testid",t.componentId+"-attachments-list"),m(3),c("ngForOf",e==null||e.editComment==null?null:e.editComment.attachments)("ngForTrackBy",e==null?null:e.trackByAttachmentId),m(),c("ngForOf",e==null?null:e.selectedFiles)}}function BGe(n,i){if(n&1&&(f(0),g(1,LGe,5,9,"div",3),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null||e.editComment==null||e.editComment.attachments==null?null:e.editComment.attachments.length)||(e==null||e.selectedFiles==null?null:e.selectedFiles.length))}}function VGe(n,i){if(n&1&&(f(0),g(1,BGe,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,RGe,t.template,M(1,Ule,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function UGe(n,i){if(n&1&&(f(0),g(1,VGe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,kGe,e.conditionSignal(),M(1,Ule,e.componentConfigSignal)))}}var C2=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-comment-dialog-composer-attachments-selected",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{if(super.ngOnInit(),this.setupA11yAttributes(),!this.imageTemplate){let e=this.template?.querySelector("velt-comment-dialog-composer-attachments-image-wireframe");lt(e)||(this.imageTemplate=e)}if(!this.otherTemplate){let e=this.template?.querySelector("velt-comment-dialog-composer-attachments-other-wireframe");lt(e)||(this.otherTemplate=e)}}catch{}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsSelectedComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","List of selected attachments")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsSelectedComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments-selected"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-comment-dialog-composer-attachments--selected","role","list",4,"ngIf"],["role","list",1,"velt-comment-dialog-composer-attachments--selected"],[4,"ngFor","ngForOf","ngForTrackBy"],[4,"ngFor","ngForOf"],[3,"componentConfigSignal","file","fileIndex","isEditMode","otherWireframe"],[3,"componentConfigSignal","file","fileIndex","isEditMode","imageWireframe"]],template:function(t,o){t&1&&g(0,UGe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},styles:["[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-comment-dialog-composer-attachments--selected[_ngcontent-%COMP%]{width:100%;display:flex;flex-wrap:wrap;gap:var(--velt-spacing-sm);flex-direction:row;padding:var(--velt-spacing-xs);box-sizing:border-box}"],changeDetection:0})}}return n})();var jle=n=>({componentConfigSignal:n}),jGe=(n,i)=>({condition:n,data:i}),$Ge=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-attachments-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function HGe(n,i){if(n&1&&(f(0),C(1,"div",3),w(2,"translate"),w(3,"translate"),w(4,"translate"),D(5,"app-comment-dialog-composer-attachments-selected",4)(6,"app-comment-dialog-composer-attachments-invalid",4),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),E("aria-label",A(2,4,"File attachments")+" - "+((e==null||e.selectedFiles==null?null:e.selectedFiles.length)||0)+" "+A(3,6,"valid")+", "+((e==null||e.invalidSelectedFiles==null?null:e.invalidSelectedFiles.length)||0)+" "+A(4,8,"invalid files"))("data-testid",t.componentId),m(4),c("componentConfigSignal",t.componentConfigSignal),m(),c("componentConfigSignal",t.componentConfigSignal)}}function zGe(n,i){if(n&1&&(f(0),g(1,HGe,7,10,"ng-container",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,$Ge,t.template,M(1,jle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function GGe(n,i){if(n&1&&(f(0),g(1,zGe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.editComment)||(e==null||e.selectedFiles==null?null:e.selectedFiles.length)||(e==null||e.invalidSelectedFiles==null?null:e.invalidSelectedFiles.length))}}function WGe(n,i){if(n&1&&(f(0),g(1,GGe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,jGe,e.conditionSignal(),M(1,jle,e.componentConfigSignal)))}}var _2=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-comment-dialog-composer-attachments",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Attachments section")}catch(e){this.loggingService.catch("Error in CommentDialogComposerAttachmentsComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-attachments"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region",1,"velt-composer--attachments"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,WGe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-composer--attachments[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;width:100%;gap:var(--velt-spacing-sm);flex-direction:row}"],changeDetection:0})}}return n})();var qGe=["newCommentTextArea"],YGe=["editCommentTextArea"],$le=n=>({componentConfigSignal:n}),KGe=(n,i)=>({condition:n,data:i}),ZGe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-input-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function XGe(n,i){if(n&1){let e=W();C(0,"velt-autocomplete-panel-internal",11,1),H("userContactOptionSelected",function(o){k(e),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.userContactSelected(o,r))})("customOptionSelected",function(o){k(e),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.autocompleteItemSelected(o,r))})("groupOptionSelected",function(o){k(e),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.groupSelected(o,r))})("atHereSelected",function(o){k(e),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.atHereSelected(o,r))})("enterPressed",function(){k(e);let o=l(5);return R(o.onEnterPressInAutocompletePanel())}),y()}if(n&2){l();let e=de(5),t=l(3).ngIf;c("darkMode",!!(t!=null&&t.darkMode))("hideInput",!0)("showAtHere",!0)("metadata",t==null||t.annotation==null?null:t.annotation.metadata)("autocompletePanelTrigger",e)("type","generic")("autocompletePanelPosition",t!=null&&t.bottomSheetMode?"above":"auto")}}function QGe(n,i){if(n&1){let e=W();C(0,"div",7),w(1,"translate"),H("click",function(o){k(e);let r=l(3).ngIf;return r==null||r.onComposerClick(),R(o.stopPropagation())}),C(2,"div",8)(3,"div",9,0),w(6,"translate"),w(7,"translate"),w(8,"translate"),H("afterViewInit",function(){k(e);let o=l(4);return R(o.setNewCommentTextArea())})("input",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.onCommentInput(o))})("paste",function(o){k(e);let r=l(3).ngIf;return r==null||r.onPaste(o),R(o.preventDefault())})("keypress",function(o){return k(e),R(o.stopPropagation())})("keyup",function(o){k(e);let r=l(3).ngIf;return o.stopPropagation(),R(r==null?null:r.onEscapeKeyPressed(o))})("keydown",function(o){k(e);let r=l(4);return o.stopPropagation(),R(r.onKeyPressedAddComment(o))})("keydown.backspace",function(){k(e);let o=de(4),r=l(3).ngIf;return R(!(o!=null&&o.innerText)&&(r!=null&&r.deleteOnBackspace)?r==null?null:r.deleteCommentPinAnnotations("keydownBackspace"):null)})("keydown.delete",function(){k(e);let o=de(4),r=l(3).ngIf;return R(o!=null&&o.innerText||r==null?null:r.deleteCommentPinAnnotations("keydownDelete"))})("copy",function(o){return k(e),R(o.stopPropagation())})("dragover",function(o){return k(e),R(o.preventDefault())})("dragenter",function(o){return k(e),R(o.preventDefault())})("drop",function(o){k(e);let r=l(3).ngIf;return r==null||r.onDrop(o),R(o.preventDefault())})("click",function(){k(e);let o=l(4);return R(o.onCombinedClick())}),y()(),g(9,XGe,2,7,"velt-autocomplete-panel-internal",10),y()}if(n&2){let e=l(3).ngIf,t=l();E("aria-label",A(1,5,"New comment composer"))("data-testid",t.componentId+"-section"),m(3),c("matAutocompleteDisabled",!(e!=null&&e.userMentions)),E("placeholder",t.placeholder?A(6,7,t.placeholder):e!=null&&e.userMentions?A(7,9,"Comment or type @ to add others"):A(8,11,"Write a comment...")),m(6),c("ngIf",e==null?null:e.userMentions)}}function JGe(n,i){if(n&1){let e=W();C(0,"velt-autocomplete-panel-internal",11,1),H("userContactOptionSelected",function(o){k(e),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.userContactSelected(o,r))})("customOptionSelected",function(o){k(e),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.autocompleteItemSelected(o,r))})("groupOptionSelected",function(o){k(e),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.groupSelected(o,r))})("atHereSelected",function(o){k(e),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.atHereSelected(o,r))})("enterPressed",function(){k(e);let o=l(6);return R(o.onEnterPressInAutocompletePanel())}),y()}if(n&2){l();let e=de(5),t=l(4).ngIf;c("darkMode",!!(t!=null&&t.darkMode))("hideInput",!0)("showAtHere",!0)("metadata",t==null||t.annotation==null?null:t.annotation.metadata)("autocompletePanelTrigger",e)("type","generic")("autocompletePanelPosition",t!=null&&t.bottomSheetMode?"above":"auto")}}function eWe(n,i){if(n&1){let e=W();C(0,"div",7),w(1,"translate"),H("click",function(o){return k(e),R(o.stopPropagation())}),C(2,"div",8)(3,"div",12,2),w(6,"translate"),w(7,"translate"),w(8,"translate"),H("afterViewInit",function(){k(e);let o=l(5);return R(o.setEditCommentTextArea())})("input",function(o){k(e);let r=l(4).ngIf;return R(r==null?null:r.onCommentInput(o))})("paste",function(o){k(e);let r=l(4).ngIf;return r==null||r.onPaste(o),R(o.preventDefault())})("keypress",function(o){return k(e),R(o.stopPropagation())})("keyup",function(o){return k(e),R(o.stopPropagation())})("keydown",function(o){k(e);let r=de(4),a=l(5);return o.stopPropagation(),R(a.onKeyPressedUpdateComment(o,a.i,r.innerText))})("keydown.backspace",function(){k(e);let o=de(4),r=l(4).ngIf;return R(!(o!=null&&o.innerText)&&(r!=null&&r.deleteOnBackspace)?r==null?null:r.deleteCommentPinAnnotations("keydownBackspace"):null)})("keydown.delete",function(){k(e);let o=de(4),r=l(4).ngIf;return R(o!=null&&o.innerText||r==null?null:r.deleteCommentPinAnnotations("keydownEscape"))})("keydown.escape",function(o){k(e);let r=l(4).ngIf;return r==null||r.cancelUpdate(),R(o.stopPropagation())})("copy",function(o){return k(e),R(o.stopPropagation())})("dragover",function(o){return k(e),R(o.preventDefault())})("dragenter",function(o){return k(e),R(o.preventDefault())})("drop",function(o){k(e);let r=l(4).ngIf;return r==null||r.onDrop(o),R(o.preventDefault())})("click",function(){k(e);let o=l(5);return R(o.onInputClick())}),y(),g(9,JGe,2,7,"velt-autocomplete-panel-internal",10),y()()}if(n&2){let e=l(4).ngIf,t=l();E("aria-label",A(1,5,"Edit comment composer"))("data-testid",t.componentId+"-edit-section"),m(3),c("matAutocompleteDisabled",!(e!=null&&e.userMentions)),E("placeholder",t.placeholder?A(6,7,t.placeholder):e!=null&&e.userMentions?A(7,9,"Comment or add emails with @"):A(8,11,"Write a comment...")),m(6),c("ngIf",e==null?null:e.userMentions)}}function tWe(n,i){if(n&1&&(f(0),g(1,eWe,10,13,"div",6),v()),n&2){let e=l(3).ngIf;m(),c("ngIf",!(e!=null&&e.recorderInitConfig&&(e==null||e.recorderInitConfig==null?null:e.recorderInitConfig.panelId)===(e==null?null:e.commentDialogUniqueId)))}}function nWe(n,i){if(n&1&&(f(0),g(1,QGe,10,13,"div",6)(2,tWe,2,1,"ng-container",3),v()),n&2){let e=l(2).ngIf,t=l();m(),c("ngIf",!t.editMode&&!(e!=null&&e.recorderInitConfig&&(e==null||e.recorderInitConfig==null?null:e.recorderInitConfig.panelId)===(e==null?null:e.commentDialogUniqueId))),m(),c("ngIf",t.editMode&&t.commentObj)}}function iWe(n,i){if(n&1&&(f(0),g(1,nWe,3,2,"ng-container",5),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,ZGe,t.template,M(1,$le,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function oWe(n,i){if(n&1&&(f(0),g(1,iWe,2,9,"ng-container",4),v()),n&2){let e=l();m(),c("veltIf",F(3,KGe,e.conditionSignal(),M(1,$le,e.componentConfigSignal)))}}var y2=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,e),this.loggingService=e,this.renderer=t,this.elementRef=o,this.dynamicDataService=r,this.editMode=!1,this.allowKeydown=!0,this.componentId="velt-comment-dialog-composer-input",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerInputComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerInputComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogComposerInputComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.setNewCommentTextArea(),this.setEditCommentTextArea()}catch(e){this.catchError("Error in CommentDialogComposerInputComponent ngAfterViewInit: ",e)}}setNewCommentTextArea(){try{this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: setNewCommentTextArea","color: green;"),setTimeout(()=>{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=T(I({},e),{newCommentTextArea:this.newCommentTextArea}),e))})}catch(e){this.catchError("Error in CommentDialogComposerInputComponent setNewCommentTextArea: ",e)}}setEditCommentTextArea(){try{this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: setEditCommentTextArea","color: green;"),setTimeout(()=>{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=T(I({},e),{editCommentTextArea:this.editCommentTextArea}),e))})}catch(e){this.catchError("Error in CommentDialogComposerInputComponent setEditCommentTextArea: ",e)}}onKeyPressedAddComment(e){try{this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: onKeyPressedAddComment","color: green;"),this.allowKeydown?this.componentConfigSignal()?.onKeyPressedAddComment(e):this.allowKeydown=!0}catch(t){this.catchError("Error in CommentDialogComposerInputComponent onKeyPressedAddComment: ",t)}}onKeyPressedUpdateComment(e,t,o){try{this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: onKeyPressedUpdateComment","color: green;"),this.allowKeydown?this.componentConfigSignal()?.onKeyPressedUpdateComment(e,t,o):this.allowKeydown=!0}catch(r){this.catchError("Error in CommentDialogComposerInputComponent onKeyPressedUpdateComment: ",r)}}onEnterPressInAutocompletePanel(){try{this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: onEnterPressInAutocompletePanel","color: green;"),this.componentConfigSignal()?.enterKeyToSubmit&&(this.allowKeydown=!1)}catch(e){this.catchError("Error in CommentDialogComposerInputComponent onEnterPressInAutocompletePanel: ",e)}}onInputClick(){this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: onInputClick","color: green;");try{this.componentConfigSignal.update(e=>(e=T(I({},e),{composerInOpenState:!0}),e)),this.componentConfigSignal()?.composerInOpenState&&setTimeout(()=>{this.componentConfigSignal().updateOverlayPositionEmit()},300)}catch(e){this.catchError("Error in CommentDialogComposerInputComponent onInputClick: ",e)}}onCombinedClick(){this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: onCombinedClick","color: green;");try{this.componentConfigSignal()&&this.componentConfigSignal.update(e=>(e=T(I({},e),{showCommentButtons:!0}),e)),this.onInputClick()}catch(e){this.catchError("Error in CommentDialogComposerInputComponent onCombinedClick: ",e)}}catchError(e,t,o){try{this.loggingService.catch(e,t,T(I({},o||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}onFocus(e){this.newCommentTextArea&&this.newCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(t=>(t=T(I({},t),{isInputFocused:!0}),t)),this.editCommentTextArea&&this.editCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(t=>(t=T(I({},t),{isInputFocused:!0}),t))}onBlur(e){this.newCommentTextArea&&this.newCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(t=>(t=T(I({},t),{isInputFocused:!1}),t)),this.editCommentTextArea&&this.editCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(t=>(t=T(I({},t),{isInputFocused:!1}),t))}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(ji),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-input"]],viewQuery:function(t,o){if(t&1&&(nt(qGe,5),nt(YGe,5)),t&2){let r;Ke(r=Ze())&&(o.newCommentTextArea=r.first),Ke(r=Ze())&&(o.editCommentTextArea=r.first)}},hostBindings:function(t,o){t&1&&H("focusin",function(a){return o.onFocus(a)})("focusout",function(a){return o.onBlur(a)})},inputs:{editMode:"editMode",commentObj:"commentObj",i:"i",placeholder:"placeholder"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["newCommentTextArea","","snippylyUserSelectorTrigger","snippylyUserSelectorTrigger"],["userSelector",""],["editCommentTextArea","","snippylyUserSelectorTrigger","snippylyUserSelectorTrigger"],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-composer-input","role","region",3,"click",4,"ngIf"],["role","region",1,"velt-composer-input",3,"click"],[1,"velt-composer-input--container"],["role","textbox","contenteditable","","veltAfterViewInit","","veltAutocomplete","",1,"velt-composer-input--message",3,"afterViewInit","input","paste","keypress","keyup","keydown","keydown.backspace","keydown.delete","copy","dragover","dragenter","drop","click","matAutocompleteDisabled"],[3,"darkMode","hideInput","showAtHere","metadata","autocompletePanelTrigger","type","autocompletePanelPosition","userContactOptionSelected","customOptionSelected","groupOptionSelected","atHereSelected","enterPressed",4,"ngIf"],[3,"userContactOptionSelected","customOptionSelected","groupOptionSelected","atHereSelected","enterPressed","darkMode","hideInput","showAtHere","metadata","autocompletePanelTrigger","type","autocompletePanelPosition"],["role","textbox","contenteditable","","veltAfterViewInit","","veltAutocomplete","",1,"velt-composer-input--message",3,"afterViewInit","input","paste","keypress","keyup","keydown","keydown.backspace","keydown.delete","keydown.escape","copy","dragover","dragenter","drop","click","matAutocompleteDisabled"]],template:function(t,o){t&1&&g(0,oWe,2,6,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%;display:flex}[_nghost-%COMP%]:empty{display:none}.velt-composer-input[_ngcontent-%COMP%]{position:relative;overflow:auto;width:100%;max-height:10em}.velt-composer-input--container[_ngcontent-%COMP%]{width:100%;display:flex;gap:2rem}.velt-composer-input--container[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{display:none}.velt-composer-input--message[_ngcontent-%COMP%]{resize:vertical;padding:var(--velt-spacing-sm);outline:0;border:0;color:var(--velt-text-3);width:100%;box-sizing:border-box}.velt-composer-input--message[_ngcontent-%COMP%]:empty:before{color:var(--velt-text-8);content:attr(placeholder);display:block;pointer-events:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0})}}return n})();var Hle=n=>({componentConfigSignal:n}),rWe=(n,i)=>({condition:n,data:i}),aWe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-recordings-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function sWe(n,i){if(n&1){let e=W();f(0),C(1,"snippyly-recorder-player-internal",5),w(2,"translate"),w(3,"translate"),H("onDelete",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.onDeleteRecorderAnnotation(o))}),y(),v()}if(n&2){let e=i.$implicit,t=l(3).ngIf,o=l();m(),c("isEditMode",!0)("showSummary",!!(t!=null&&t.recordingSummaryEnabled))("darkMode",!!(t!=null&&t.darkMode))("recorderId",e==null?null:e.id)("shadowDom",(t==null?null:t.dialogShadowDOM)!==!1),E("aria-label",A(2,7,"Screen recording")+" "+A(3,9,(e==null?null:e.id)||"unnamed"))("data-testid",o.componentId+"-recorder-"+(e==null?null:e.id))}}function lWe(n,i){if(n&1){let e=W();f(0),g(1,sWe,4,11,"ng-container",3),C(2,"snippyly-recorder-control-panel-internal",4),w(3,"translate"),H("onRecordedData",function(o){k(e);let r=l(2).ngIf;return R(r==null?null:r.onRecordedData(o))}),y(),v()}if(n&2){let e=l(2).ngIf,t=l();m(),c("ngForOf",e==null?null:e.localRecordedData)("ngForTrackBy",e==null?null:e.trackByRecorderId),m(),c("panelId",e==null?null:e.commentDialogUniqueId)("darkMode",!!(e!=null&&e.darkMode)),E("aria-label",A(3,6,"Screen recording controls"))("data-testid",t.componentId+"-control-panel")}}function cWe(n,i){if(n&1&&(f(0),g(1,lWe,4,8,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,aWe,t.template,M(1,Hle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function mWe(n,i){if(n&1&&(f(0),g(1,cWe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,rWe,e.conditionSignal(),M(1,Hle,e.componentConfigSignal)))}}var S2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-recordings",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerRecordingsComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerRecordingsComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recordings section")}catch(e){this.loggingService.catch("Error in CommentDialogComposerRecordingsComponent setupA11yAttributes: ",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-recordings"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngFor","ngForOf","ngForTrackBy"],["mode","thread","sourceFeature","comment","role","group",3,"onRecordedData","panelId","darkMode"],["mode","thread","sourceFeature","comment","role","group",3,"onDelete","isEditMode","showSummary","darkMode","recorderId","shadowDom"]],template:function(t,o){t&1&&g(0,mWe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%;display:flex;flex-direction:column;gap:var(--velt-spacing-lg)}[_nghost-%COMP%]:empty{display:none}snippyly-recorder-control-panel-internal[_ngcontent-%COMP%]{width:100%}snippyly-recorder-player-internal[_ngcontent-%COMP%]{width:100%}"],changeDetection:0})}}return n})();var dWe=n=>({componentConfigSignal:n}),pWe=(n,i)=>({condition:n,data:i}),gWe=(n,i,e,t,o)=>({componentConfigSignal:n,editMode:i,commentObj:e,i:t,wireframe:o}),uWe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-composer-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function hWe(n,i){if(n&1&&(f(0),D(1,"app-comment-dialog-composer-avatar",6),v()),n&2){let e=l(6);m(),c("componentConfigSignal",e.componentConfigSignal)}}function fWe(n,i){if(n&1&&D(0,"app-comment-dialog-composer-action-button",13),n&2){let e=l(7);c("type","submit")("componentConfigSignal",e.componentConfigSignal)("editMode",e.editMode)("commentObj",e.commentObj)("i",e.i)}}function vWe(n,i){if(n&1&&(C(0,"div",10),D(1,"app-comment-dialog-composer-input",11),g(2,fWe,1,5,"app-comment-dialog-composer-action-button",12),y()),n&2){let e=l(5).ngIf,t=l();m(),c("componentConfigSignal",t.componentConfigSignal)("editMode",t.editMode)("commentObj",t.commentObj)("i",t.i),m(),c("ngIf",e.composerMode==="default"&&!e.composerInOpenState)}}function CWe(n,i){n&1&&D(0,"div",18)}function _We(n,i){if(n&1&&(f(0),g(1,CWe,1,0,"div",14),C(2,"div",15),D(3,"app-comment-dialog-composer-action-button",13)(4,"app-comment-dialog-composer-action-button",16)(5,"app-comment-dialog-composer-action-button",16)(6,"app-comment-dialog-composer-action-button",16)(7,"app-comment-dialog-composer-action-button",16)(8,"div",17)(9,"app-comment-dialog-composer-action-button",13),y(),v()),n&2){let e=l(5).ngIf,t=l();m(),c("ngIf",!(e!=null&&e.recorderInitConfig&&(e==null||e.recorderInitConfig==null?null:e.recorderInitConfig.panelId)===(e==null?null:e.commentDialogUniqueId)&&(e==null||e.recorderInitConfig==null?null:e.recorderInitConfig.type)==="screen")),m(2),c("type","autocomplete")("componentConfigSignal",t.componentConfigSignal)("editMode",t.editMode)("commentObj",t.commentObj)("i",t.i),m(),c("type","attachments")("componentConfigSignal",t.componentConfigSignal),m(),c("type","audio")("componentConfigSignal",t.componentConfigSignal),m(),c("type","video")("componentConfigSignal",t.componentConfigSignal),m(),c("type","screen")("componentConfigSignal",t.componentConfigSignal),m(2),c("type","submit")("componentConfigSignal",t.componentConfigSignal)("editMode",t.editMode)("commentObj",t.commentObj)("i",t.i)}}function yWe(n,i){if(n&1&&(f(0),C(1,"div"),g(2,hWe,2,1,"ng-container",0),C(3,"div",5),D(4,"app-comment-dialog-composer-private-badge",6)(5,"app-comment-dialog-composer-attachments",7)(6,"app-comment-dialog-composer-recordings",6)(7,"app-comment-dialog-custom-annotation-dropdown",8),g(8,vWe,3,5,"div",9)(9,_We,10,19,"ng-container",0),y()(),D(10,"app-comment-dialog-composer-assign-user",6),v()),n&2){let e=l(4).ngIf,t=l();m(),pe("velt-composer--inline-comment-section-mode",e.inlineCommentSectionMode)("velt-composer--multi-thread-mode",e.multiThread)("velt-composer--comment-composer-mode",e.commentComposerMode),m(),c("ngIf",e.inlineCommentSectionMode),m(2),c("componentConfigSignal",t.componentConfigSignal),m(),c("wireframe",t.wireframe)("componentConfigSignal",t.componentConfigSignal),m(),c("componentConfigSignal",t.componentConfigSignal),m(),c("componentConfigSignal",t.componentConfigSignal),m(),c("ngIf",!(e!=null&&e.recorderInitConfig&&(e==null||e.recorderInitConfig==null?null:e.recorderInitConfig.panelId)===(e==null?null:e.commentDialogUniqueId))),m(),c("ngIf",e.composerMode!=="default"||e.composerMode==="default"&&e.composerInOpenState),m(),c("componentConfigSignal",t.componentConfigSignal)}}function SWe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),w(2,"translate"),H("click",function(){k(e);let o=l(3).ngIf;return R(o==null?null:o.focusOnComposerInput())}),g(3,yWe,11,15,"ng-container",4),y()}if(n&2){let e=l(3).ngIf,t=l();pe("velt-comment-dialog-composer--no-comments",!(!(e==null||e.annotation==null||e.annotation.comments==null)&&e.annotation.comments.length))("velt-comment-dialog-composer--inline",e.inlineCommentSectionMode)("velt-comment-dialog-composer--top",e.composerPosition==="top")("velt-composer-edit-mode",t.editMode)("velt-composer-open",e.composerInOpenState)("velt-composer-input-focused",e.isInputFocused),E("aria-label",t.editMode?A(1,15,"Edit comment section"):A(2,17,"Add new comment section"))("data-testid",t.componentId+"-section"),m(3),c("veltDynamicTemplate",j(25,uWe,t.template,j(19,gWe,t.componentConfigSignal,t.editMode,t.commentObj,t.i,t.wireframe),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function bWe(n,i){if(n&1&&(f(0),g(1,SWe,4,31,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("ngIf",!(e!=null&&e.disabled)&&!!(e!=null&&e.editComment)===t.editMode&&(e==null?null:e.isKnownUser)&&(!(!(e==null||e.annotation==null||e.annotation.comments==null)&&e.annotation.comments.length)||(e==null?null:e.commentDialogSelected))&&!(e!=null&&e.isPlanExpired))}}function IWe(n,i){if(n&1&&(f(0),g(1,bWe,2,1,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(!(e==null||e.annotation==null||e.annotation.comments==null)&&e.annotation.comments.length)||!(e!=null&&e.inlineCommentMode))}}function EWe(n,i){if(n&1&&(f(0),g(1,IWe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,pWe,e.conditionSignal(),M(1,dWe,e.componentConfigSignal)))}}var Ku=(()=>{class n extends ${get composerWireframe(){return this._composerWireframe}set composerWireframe(e){this._composerWireframe=e,this.composerWireframe&&this.composerWireframe?.children?.length>0?this.template=this.domService.deepCloneElement(this.composerWireframe):this.template=null}constructor(e,t,o,r){super(o,r,t),this.domService=e,this.loggingService=t,this.elementRef=o,this.dynamicDataService=r,this.editMode=!1,this.componentId="velt-comment-dialog-composer",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Comment composer section")}catch(e){this.loggingService.catch("Error in CommentDialogComposerComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(Fe),u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer"]],inputs:{editMode:"editMode",commentObj:"commentObj",i:"i",composerWireframe:"composerWireframe"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-comment-dialog-composer","role","region",3,"velt-comment-dialog-composer--no-comments","velt-comment-dialog-composer--inline","velt-comment-dialog-composer--top","velt-composer-edit-mode","velt-composer-open","velt-composer-input-focused","click",4,"ngIf"],["role","region",1,"velt-comment-dialog-composer",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-composer--reply-div","velt-composer--input-text-wrap"],[3,"componentConfigSignal"],[3,"wireframe","componentConfigSignal"],["type","composer",3,"componentConfigSignal"],["style","display: flex; width: 100%;",4,"ngIf"],[2,"display","flex","width","100%"],[3,"componentConfigSignal","editMode","commentObj","i"],[3,"type","componentConfigSignal","editMode","commentObj","i",4,"ngIf"],[3,"type","componentConfigSignal","editMode","commentObj","i"],["class","velt-composer--line-div",4,"ngIf"],[1,"velt-composer--actions-wrap"],[3,"type","componentConfigSignal"],[1,"velt-composer--flex-fill"],[1,"velt-composer--line-div"]],template:function(t,o){t&1&&g(0,EWe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%;display:flex}[_nghost-%COMP%]:empty{display:none}.velt-comment-dialog-composer[_ngcontent-%COMP%]{width:100%;box-sizing:border-box}.velt-composer--reply-div[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;border-radius:var(--velt-border-radius-md);background-color:var(--velt-background-0);border:1px solid var(--velt-border-4);box-sizing:border-box;position:relative;padding:var(--velt-spacing-sm);transition:.5s}.velt-composer--inline-comment-section-mode[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-sm);width:100%}.velt-composer--inline-comment-section-mode[_ngcontent-%COMP%] app-comment-dialog-composer-avatar[_ngcontent-%COMP%]{display:none}.velt-composer--inline-comment-section-mode[_ngcontent-%COMP%] .velt-composer--input-text-wrap[_ngcontent-%COMP%]{border:0px;padding:0}.velt-comment-dialog-composer--no-comments[_ngcontent-%COMP%] .velt-composer--inline-comment-section-mode[_ngcontent-%COMP%] app-comment-dialog-composer-avatar[_ngcontent-%COMP%]{margin-top:2px;display:block}[_nghost-%COMP%] .velt-comment-dialog-composer--inline .velt-dropdown-container{padding:var(--velt-spacing-md) 0px}.velt-composer--line-div[_ngcontent-%COMP%]{border-top:1px solid var(--velt-border-4);width:100%}.velt-composer--line-div[_ngcontent-%COMP%]:not(:empty){overflow:hidden;text-align:center;color:var(--velt-text-10);cursor:pointer;border-top:0}.velt-composer--line-div[_ngcontent-%COMP%]:not(:empty):before, .velt-composer--line-div[_ngcontent-%COMP%]:not(:empty):after{background-color:var(--velt-background-4);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.velt-composer--line-div[_ngcontent-%COMP%]:not(:empty):before{right:.5em;margin-left:calc(var(--velt-border-radius-full) * -1)}.velt-composer--line-div[_ngcontent-%COMP%]:not(:empty):after{left:.5em;margin-left:calc(var(--velt-border-radius-full) * -1)}.velt-composer--actions-wrap[_ngcontent-%COMP%]{position:relative;width:100%;margin-top:var(--velt-spacing-sm);display:flex;flex-direction:line;align-items:center;justify-content:flex-start;gap:var(--velt-spacing-xs)}.velt-composer--flex-fill[_ngcontent-%COMP%]{flex:1}.velt-composer-open[_ngcontent-%COMP%]{max-height:280px;overflow:auto}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}.velt-comment-dialog-composer--top[_ngcontent-%COMP%] .velt-composer--inline-comment-section-mode[_ngcontent-%COMP%] .velt-composer--input-text-wrap[_ngcontent-%COMP%]{border-bottom:1px solid var(--velt-border-4);padding-bottom:var(--velt-spacing-md);border-radius:0}.velt-comment-dialog-composer--top[_ngcontent-%COMP%] .velt-composer--inline-comment-section-mode[_ngcontent-%COMP%] .velt-composer--input-text-wrap[_ngcontent-%COMP%] .velt-composer--line-div[_ngcontent-%COMP%]{display:none}'],changeDetection:0})}}return n})();var zle=n=>({componentConfigSignal:n}),TWe=(n,i)=>({condition:n,data:i}),DWe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-ghost-banner-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function wWe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",5),D(2,"path",6)(3,"path",7),y(),st(),C(4,"span",8),ee(5),w(6,"translate"),y(),v()),n&2){let e=l(3).ngIf,t=l();m(4),E("data-testid",t.componentId+"-message"),m(),ve(" ",A(6,2,e==null||e.ghostComment==null?null:e.ghostComment.message),"")}}function AWe(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),g(2,wWe,7,4,"ng-container",4),y()),n&2){let e=l(2).ngIf,t=l();E("aria-label",A(1,3,"Ghost comment notification"))("data-testid",t.componentId),m(2),c("veltDynamicTemplate",j(7,DWe,t.template,M(5,zle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function OWe(n,i){if(n&1&&(f(0),g(1,AWe,3,13,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.showGhostCommentMessage)&&!(e!=null&&e.inlineCommentMode)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length))}}function PWe(n,i){if(n&1&&(f(0),g(1,OWe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,TWe,e.conditionSignal(),M(1,zle,e.componentConfigSignal)))}}var b0=(()=>{class n extends ${constructor(e,t,o){super(t,o,e),this.loggingService=e,this.elementRef=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-ghost-banner",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogGhostBannerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogGhostBannerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Ghost comment banner")}catch(e){this.loggingService.catch("Error in CommentDialogGhostBannerComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-ghost-banner"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-ghost-banner","role","region",4,"ngIf"],["role","region",1,"velt-ghost-banner"],[4,"veltDynamicTemplate"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true"],["fill-rule","evenodd","clip-rule","evenodd","d","M8.00065 13.3333C10.9462 13.3333 13.334 10.9455 13.334 7.99998C13.334 5.05446 10.9462 2.66665 8.00065 2.66665C5.05513 2.66665 2.66732 5.05446 2.66732 7.99998C2.66732 10.9455 5.05513 13.3333 8.00065 13.3333ZM8.00065 14.6666C11.6825 14.6666 14.6673 11.6819 14.6673 7.99998C14.6673 4.31808 11.6825 1.33331 8.00065 1.33331C4.31875 1.33331 1.33398 4.31808 1.33398 7.99998C1.33398 11.6819 4.31875 14.6666 8.00065 14.6666Z","fill","currentColor"],["fill-rule","evenodd","clip-rule","evenodd","d","M8.00065 4.66669C7.63246 4.66669 7.33398 4.96516 7.33398 5.33335C7.33398 5.70154 7.63246 6.00002 8.00065 6.00002C8.36884 6.00002 8.66732 5.70154 8.66732 5.33335C8.66732 4.96516 8.36884 4.66669 8.00065 4.66669ZM8.00065 7.33335C7.63246 7.33335 7.33398 7.63183 7.33398 8.00002V10.6667C7.33398 11.0349 7.63246 11.3334 8.00065 11.3334C8.36884 11.3334 8.66732 11.0349 8.66732 10.6667V8.00002C8.66732 7.63183 8.36884 7.33335 8.00065 7.33335Z","fill","currentColor"],["aria-live","polite"]],template:function(t,o){t&1&&g(0,PWe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-ghost-banner[_ngcontent-%COMP%]{margin:-14px -14px 0;padding:var(--velt-spacing-2xl) var(--velt-spacing-lg);border-radius:var(--velt-border-radius-md) var(--velt-border-radius-md) 0 0;background-color:color-mix(in srgb,var(--velt-error) 12%,transparent);display:flex;gap:var(--velt-spacing-sm);color:var(--velt-error);align-items:center}.velt-ghost-banner[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xs)}"],changeDetection:0})}}return n})();var kWe=["customContainerRef"],RWe=["*"],Gle=n=>({componentConfigSignal:n}),NWe=(n,i)=>({condition:n,data:i}),FWe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-header-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function LWe(n,i){if(n&1&&(C(0,"div",6,0),w(2,"translate"),Pt(3),y()),n&2){let e=l(5);E("data-testid",e.componentId+"-custom")("aria-label",A(2,2,"Comment dialog header"))}}function BWe(n,i){if(n&1&&(C(0,"div",6),w(1,"translate"),D(2,"app-comment-dialog-status",7)(3,"app-comment-dialog-priority",7)(4,"app-comment-dialog-custom-annotation-dropdown",7)(5,"div",8)(6,"app-comment-dialog-options",7)(7,"app-copy-link",7)(8,"app-comment-dialog-resolve-button",7)(9,"app-comment-dialog-unresolve-button",7),y()),n&2){let e=l(5);E("data-testid",e.componentId+"-default")("aria-label",A(1,18,"Comment dialog header controls"))("aria-controls",e.componentId+"-content"),m(2),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-status"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-priority"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-custom-annotation-dropdown"),m(),E("data-testid",e.componentId+"-fill"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-options"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-copy-link"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-resolve-button"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-unresolve-button")}}function VWe(n,i){if(n&1&&(C(0,"div",9),D(1,"app-comment-dialog-comment-index",7)(2,"app-comment-dialog-comment-category",7)(3,"div",8)(4,"app-comment-dialog-comment-suggestion-status",7)(5,"app-comment-dialog-priority",7)(6,"app-comment-dialog-status",7)(7,"app-comment-dialog-navigation-button",7),y()),n&2){let e=l(5);m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-comment-index"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-comment-category"),m(),E("data-testid",e.componentId+"-fill"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-comment-suggestion-status"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-priority"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-status"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-navigation-button")}}function UWe(n,i){if(n&1&&(f(0),g(1,LWe,4,4,"div",4)(2,BWe,10,20,"div",4)(3,VWe,8,13,"div",5),v()),n&2){let e=l(3).ngIf,t=l();m(),c("ngIf",!t.showDefaultContent),m(),c("ngIf",t.showDefaultContent()&&!(e!=null&&e.sidebarMode)),m(),c("ngIf",t.showDefaultContent()&&(e==null?null:e.sidebarMode))}}function jWe(n,i){if(n&1&&(f(0),g(1,UWe,4,3,"ng-container",3),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,FWe,t.template,M(1,Gle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function $We(n,i){if(n&1&&(f(0),g(1,jWe,2,9,"ng-container",1),v()),n&2){let e=l().ngIf;m(),c("ngIf",e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)}}function HWe(n,i){if(n&1&&(f(0),g(1,$We,2,1,"ng-container",2),v()),n&2){let e=l();m(),c("veltIf",F(3,NWe,e.conditionSignal(),M(1,Gle,e.componentConfigSignal)))}}var I0=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.showDefaultContent=Se(!1),this.componentId="velt-comment-dialog-header",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogHeaderComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogHeaderComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogHeaderComponent setupA11yAttributes:",e)}}ngAfterViewInit(){try{this.customContainerRef?.nativeElement?.children?.length||this.showDefaultContent.set(!0)}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-header"]],viewQuery:function(t,o){if(t&1&&nt(kWe,5),t&2){let r;Ke(r=Ze())&&(o.customContainerRef=r.first)}},standalone:!1,features:[U([S]),B],ngContentSelectors:RWe,decls:1,vars:1,consts:[["customContainerRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","velt-header","role","banner",4,"ngIf"],["class","velt-header",4,"ngIf"],["role","banner",1,"velt-header"],[3,"componentConfigSignal"],[1,"velt-fill"],[1,"velt-header"]],template:function(t,o){t&1&&(Lt(),g(0,HWe,2,6,"ng-container",1)),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{width:100%}[_nghost-%COMP%]:empty{display:none}.velt-header[_ngcontent-%COMP%]{display:flex;justify-content:flex-end;align-items:center;gap:var(--velt-spacing-sm);position:relative}.velt-fill[_ngcontent-%COMP%]{flex-grow:1}"],changeDetection:0})}}return n})();var Wle=n=>({componentConfigSignal:n}),GWe=(n,i)=>({condition:n,data:i}),WWe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-more-reply-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function qWe(n,i){if(n&1&&(C(0,"div",4),ee(1),w(2,"translate"),w(3,"translate"),y()),n&2){let e=l(3).ngIf,t=l();E("data-testid",t.componentId+"-count-"+t.i)("aria-live","polite"),m(),ve(" ",(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)===3?A(2,3,"1 more reply"):(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)-2+" "+A(3,5,"more replies")," ")}}function YWe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),w(2,"translate"),w(3,"translate"),H("click",function(o){k(e);let r=l(2).ngIf;return r==null||r.onMoreRepliesClick(),R(o.stopPropagation())}),g(4,qWe,4,7,"div",3),y(),v()}if(n&2){let e=l(2).ngIf,t=l();m(),E("data-testid",t.componentId+"-button-"+t.i)("aria-label",(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)===3?A(2,3,"Show 1 more reply"):A(3,5,"Show "+((e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)-2)+" more replies")),m(3),c("veltDynamicTemplate",j(9,WWe,t.template,M(7,Wle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function KWe(n,i){if(n&1&&(f(0),g(1,YWe,5,15,"ng-container",0),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",(e==null?null:e.commentDialogSelected)&&!(e!=null&&e.showAllComments)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)>2&&t.i===1)}}function ZWe(n,i){if(n&1&&(f(0),g(1,KWe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,GWe,e.conditionSignal(),M(1,Wle,e.componentConfigSignal)))}}var b2=(()=>{class n extends ${get moreReplyTemplate(){return this._moreReplyTemplate}set moreReplyTemplate(e){try{this._moreReplyTemplate=e,this._moreReplyTemplate?this.template=this.domService.deepCloneElement(this.moreReplyTemplate):this.template=null}catch(t){this.loggingService.catch("Error in CommentDialogMoreReplyComponent moreReplyTemplate:",t)}}constructor(e,t,o,r){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.domService=r,this.componentId="velt-comment-dialog-more-reply",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogMoreReplyComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogMoreReplyComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",`${this.componentId}-host-${this.i}`)}catch(e){this.loggingService.catch("Error in CommentDialogMoreReplyComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S),u(Fe))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-more-reply"]],inputs:{i:"i",moreReplyTemplate:"moreReplyTemplate"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"click"],["class","velt-hidden-count","role","status",4,"veltDynamicTemplate"],["role","status",1,"velt-hidden-count"]],template:function(t,o){t&1&&g(0,ZWe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-hidden-count[_ngcontent-%COMP%]{text-align:center;color:var(--velt-text-10);cursor:pointer}.velt-hidden-count[_ngcontent-%COMP%]:before, .velt-hidden-count[_ngcontent-%COMP%]:after{background-color:var(--velt-background-4);content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:calc(50% - 50px - 1em)}.velt-hidden-count[_ngcontent-%COMP%]:before{right:.5em;margin-left:-50%}.velt-hidden-count[_ngcontent-%COMP%]:after{left:.5em;margin-right:-50%}'],changeDetection:0})}}return n})();var qle=n=>({componentConfigSignal:n}),XWe=(n,i)=>({condition:n,data:i}),QWe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-options-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function JWe(n,i){if(n&1){let e=W();f(0),C(1,"app-comment-dialog-options-dropdown",3),H("openAssignToMenu",function(){k(e);let o=l(3).ngIf;return R(o==null?null:o.toggleAssignToMenu())})("deleteComment",function(){k(e);let o=l(3).ngIf;return R(o==null?null:o.deleteComment())})("editCommentClick",function(){k(e);let o=l(3).ngIf;return R(o==null?null:o.onEditCommentClick(0))})("toggleNotificationSubscription",function(){k(e);let o=l(3).ngIf;return R(o==null?null:o.toggleNotificationSubscription())})("changeCommentAccessMode",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.changeCommentAccessMode(o))}),y(),v()}if(n&2){let e=l(3).ngIf,t=l();m(),c("darkMode",!!(e!=null&&e.darkMode))("componentConfigSignal",t.componentConfigSignal)("annotation",e==null?null:e.annotation)("user",e==null?null:e.user)("allowAssignment",!!(e!=null&&e.userMentions))("notificationEnabled",!!(e!=null&&e.notificationEnabled))("variant",e==null?null:e.variant)("allowChangeCommentAccessMode",!!(e!=null&&e.isUserAdmin))("isUserAdmin",!!(e!=null&&e.isUserAdmin))("shadowDom",e.dialogShadowDOM)("contentTemplate",t.contentTemplate)("triggerTemplate",t.triggerTemplate)}}function eqe(n,i){if(n&1&&(f(0),D(1,"app-comment-dialog-assign-menu",4),v()),n&2){let e=l(4);m(),c("componentConfigSignal",e.componentConfigSignal)}}function tqe(n,i){if(n&1&&(f(0),g(1,JWe,2,12,"ng-container",0)(2,eqe,2,1,"ng-container",0),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",e&&!(e!=null&&e.disabled)&&(e==null?null:e.dialogSelectedByKnownUser)&&!(e!=null&&e.isPlanExpired)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)&&!(e!=null&&e.inlineCommentMode)),m(),c("ngIf",e&&!(e!=null&&e.disabled)&&(e==null?null:e.dialogSelectedByKnownUser)&&!(e!=null&&e.isPlanExpired)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)&&!(e!=null&&e.inlineCommentMode))}}function nqe(n,i){if(n&1&&(f(0),g(1,tqe,3,2,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,QWe,t.template,M(1,qle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function iqe(n,i){if(n&1&&(f(0),g(1,nqe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,XWe,e.conditionSignal(),M(1,qle,e.componentConfigSignal)))}}var I2=(()=>{class n extends ${constructor(e,t,o,r){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.wireframeService=r,this.subscriptions=[],super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),!this.template){let e="velt-comment-dialog-options-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o,this.getChildTemplate()}}))}this.getChildTemplate()}catch(e){this.catchError("Error in CommentDialogOptionsComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}getChildTemplate(){if(!this.triggerTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-options-dropdown-trigger-wireframe");lt(e)||(this.triggerTemplate=e)}if(!this.contentTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-options-dropdown-content-wireframe");lt(e)||(this.contentTemplate=e)}}catchError(e,t,o){try{this.loggingService.catch(e,t,T(I({},o||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S),u(Ge))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-options"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"openAssignToMenu","deleteComment","editCommentClick","toggleNotificationSubscription","changeCommentAccessMode","darkMode","componentConfigSignal","annotation","user","allowAssignment","notificationEnabled","variant","allowChangeCommentAccessMode","isUserAdmin","shadowDom","contentTemplate","triggerTemplate"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,iqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{position:relative;display:inline-block}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var Yle=n=>({componentConfigSignal:n}),oqe=(n,i)=>({condition:n,data:i}),rqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-priority-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function aqe(n,i){if(n&1){let e=W();f(0),C(1,"velt-comment-dialog-priority-dropdown-internal",3),H("changePriority",function(o){k(e);let r=l(3).ngIf;return R(r==null?null:r.changePriority(o))})("click",function(o){return k(e),R(o.stopPropagation())}),y(),v()}if(n&2){let e=l(3).ngIf,t=l();m(),c("disabled",(e==null?null:e.disabled)||(e==null?null:e.isPlanExpired))("darkMode",!!(e!=null&&e.darkMode))("enablePriority",!!(e!=null&&e.enablePriority))("shadowDom",e.dialogShadowDOM)("variant",e==null?null:e.variant)("annotation",e==null?null:e.annotation)("user",e==null?null:e.user)("triggerTemplate",t.triggerTemplate)("contentTemplate",t.contentTemplate)}}function sqe(n,i){if(n&1&&(f(0),g(1,aqe,2,9,"ng-container",0),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)&&!(e!=null&&e.inlineCommentMode)&&(e==null?null:e.enablePriority))}}function lqe(n,i){if(n&1&&(f(0),g(1,sqe,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,rqe,t.template,M(1,Yle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function cqe(n,i){if(n&1&&(f(0),g(1,lqe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,oqe,e.conditionSignal(),M(1,Yle,e.componentConfigSignal)))}}var E2=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,e),this.loggingService=e,this.wireframeService=t,this.elementRef=o,this.dynamicDataService=r,this.subscriptions=[],this.componentId="velt-comment-dialog-priority",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes(),!this.template){let e="velt-comment-dialog-priority-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o,this.getChildTemplate()}}))}this.getChildTemplate()}catch(e){this.catchError("Error in CommentDialogPriorityComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}getChildTemplate(){if(!this.triggerTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-priority-dropdown-trigger-wireframe");lt(e)||(this.triggerTemplate=e)}if(!this.contentTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-priority-dropdown-content-wireframe");lt(e)||(this.contentTemplate=e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","combobox"),e.setAttribute("aria-label","Priority")}catch(e){this.loggingService.catch("Error setting up accessibility attributes in CommentDialogPriorityComponent: ",e)}}catchError(e,t,o){try{this.loggingService.catch(e,t,T(I({},o||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-priority"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["snippylyTheme","",3,"changePriority","click","disabled","darkMode","enablePriority","shadowDom","variant","annotation","user","triggerTemplate","contentTemplate"]],template:function(t,o){t&1&&g(0,cqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var Kle=n=>({componentConfigSignal:n}),mqe=(n,i)=>({condition:n,data:i}),dqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-private-badge-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function pqe(n,i){if(n&1&&(C(0,"button",3),w(1,"translate"),ie(),C(2,"svg",4),D(3,"path",5)(4,"path",6),y(),ee(5),w(6,"translate"),y()),n&2){let e=l(4);E("aria-label",A(1,3,"Private comment mode - only visible to your team"))("data-testid",e.componentId),m(5),ve(" ",A(6,5,"Only for your team")," ")}}function gqe(n,i){if(n&1&&(f(0),g(1,pqe,7,7,"button",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,dqe,t.template,M(1,Kle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function uqe(n,i){if(n&1&&(f(0),g(1,gqe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.isPrivateComment)&&!(!(e==null||e.annotation==null||e.annotation.comments==null)&&e.annotation.comments.length))}}function hqe(n,i){if(n&1&&(f(0),g(1,uqe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,mqe,e.conditionSignal(),M(1,Kle,e.componentConfigSignal)))}}var x2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-composer-private-badge",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogComposerPrivateBadgeComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogComposerPrivateBadgeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Private comment badge for your team")}catch(e){this.loggingService.catch("Error in CommentDialogComposerPrivateBadgeComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-composer-private-badge"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-private-badge","role","button",4,"veltDynamicTemplate"],["role","button",1,"velt-private-badge"],["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true"],["fill-rule","evenodd","clip-rule","evenodd","d","M1.81485 7.71681C1.9083 6.42388 2.92469 5.42008 4.21838 5.33784C4.99204 5.28867 5.93802 5.25 7 5.25C8.06198 5.25 9.00796 5.28867 9.78162 5.33784C11.0753 5.42008 12.0917 6.42388 12.1851 7.71681C12.2229 8.23864 12.25 8.79956 12.25 9.33333C12.25 9.86711 12.2229 10.428 12.1851 10.9499C12.0917 12.2428 11.0753 13.2466 9.78162 13.3288C9.00796 13.378 8.06198 13.4167 7 13.4167C5.93802 13.4167 4.99204 13.378 4.21838 13.3288C2.92469 13.2466 1.9083 12.2428 1.81485 10.9499C1.77714 10.428 1.75 9.86711 1.75 9.33333C1.75 8.79956 1.77714 8.23864 1.81485 7.71681ZM8.16667 8.75C8.16667 9.18183 7.93205 9.55887 7.58333 9.76059V10.5C7.58333 10.8222 7.32217 11.0833 7 11.0833C6.67783 11.0833 6.41667 10.8222 6.41667 10.5V9.76059C6.06795 9.55887 5.83333 9.18183 5.83333 8.75C5.83333 8.10567 6.35567 7.58333 7 7.58333C7.64433 7.58333 8.16667 8.10567 8.16667 8.75Z","fill","currentColor"],["fill-rule","evenodd","clip-rule","evenodd","d","M4.08398 3.4987C4.08398 1.88787 5.38982 0.582031 7.00065 0.582031C8.61148 0.582031 9.91732 1.88787 9.91732 3.4987V5.83203C9.91732 6.1542 9.65615 6.41536 9.33398 6.41536C9.01182 6.41536 8.75065 6.1542 8.75065 5.83203V3.4987C8.75065 2.5322 7.96715 1.7487 7.00065 1.7487C6.03415 1.7487 5.25065 2.5322 5.25065 3.4987V5.83203C5.25065 6.1542 4.98948 6.41536 4.66732 6.41536C4.34515 6.41536 4.08398 6.1542 4.08398 5.83203V3.4987Z","fill","currentColor"]],template:function(t,o){t&1&&g(0,hqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{align-self:flex-start}[_nghost-%COMP%]:empty{display:none}.velt-private-badge[_ngcontent-%COMP%]{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding-block:var(--velt-spacing-sm);gap:var(--velt-spacing-sm);background-color:var(--velt-background-0);border:none;border-radius:var(--velt-border-radius-sm);font-style:normal;font-weight:500;font-size:var(--velt-font-size-xs);line-height:18px;color:var(--velt-text-0)}"],changeDetection:0})}}return n})();var Zle=n=>({componentConfigSignal:n}),fqe=(n,i)=>({condition:n,data:i}),vqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-private-banner-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Cqe(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),ie(),C(2,"svg",4),D(3,"path",5)(4,"path",6),y(),ee(5),w(6,"translate"),y()),n&2){let e=l(4);E("data-testid",e.componentId)("aria-label",A(1,4,"Private comment banner")),m(2),E("data-testid",e.componentId+"-icon"),m(3),ve(" ",A(6,6,"Only for your team")," ")}}function _qe(n,i){if(n&1&&(f(0),g(1,Cqe,7,8,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,vqe,t.template,M(1,Zle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function yqe(n,i){if(n&1&&(f(0),g(1,_qe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.isPrivateComment)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length))}}function Sqe(n,i){if(n&1&&(f(0),g(1,yqe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,fqe,e.conditionSignal(),M(1,Zle,e.componentConfigSignal)))}}var E0=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-private-banner",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogPrivateBannerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogPrivateBannerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogPrivateBannerComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-private-banner"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-private-comment--heading","role","banner",4,"veltDynamicTemplate"],["role","banner",1,"velt-private-comment--heading"],["width","14","height","14","viewBox","0 0 14 14","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","role","img"],["fill-rule","evenodd","clip-rule","evenodd","d","M1.81485 7.71681C1.9083 6.42388 2.92469 5.42008 4.21838 5.33784C4.99204 5.28867 5.93802 5.25 7 5.25C8.06198 5.25 9.00796 5.28867 9.78162 5.33784C11.0753 5.42008 12.0917 6.42388 12.1851 7.71681C12.2229 8.23864 12.25 8.79956 12.25 9.33333C12.25 9.86711 12.2229 10.428 12.1851 10.9499C12.0917 12.2428 11.0753 13.2466 9.78162 13.3288C9.00796 13.378 8.06198 13.4167 7 13.4167C5.93802 13.4167 4.99204 13.378 4.21838 13.3288C2.92469 13.2466 1.9083 12.2428 1.81485 10.9499C1.77714 10.428 1.75 9.86711 1.75 9.33333C1.75 8.79956 1.77714 8.23864 1.81485 7.71681ZM8.16667 8.75C8.16667 9.18183 7.93205 9.55887 7.58333 9.76059V10.5C7.58333 10.8222 7.32217 11.0833 7 11.0833C6.67783 11.0833 6.41667 10.8222 6.41667 10.5V9.76059C6.06795 9.55887 5.83333 9.18183 5.83333 8.75C5.83333 8.10567 6.35567 7.58333 7 7.58333C7.64433 7.58333 8.16667 8.10567 8.16667 8.75Z","fill","white"],["fill-rule","evenodd","clip-rule","evenodd","d","M4.0835 3.50001C4.0835 1.88918 5.38933 0.583344 7.00016 0.583344C8.61099 0.583344 9.91683 1.88918 9.91683 3.50001V5.83334C9.91683 6.15551 9.65566 6.41668 9.3335 6.41668C9.01133 6.41668 8.75016 6.15551 8.75016 5.83334V3.50001C8.75016 2.53351 7.96666 1.75001 7.00016 1.75001C6.03366 1.75001 5.25016 2.53351 5.25016 3.50001V5.83334C5.25016 6.15551 4.989 6.41668 4.66683 6.41668C4.34466 6.41668 4.0835 6.15551 4.0835 5.83334V3.50001Z","fill","white"]],template:function(t,o){t&1&&g(0,Sqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-private-comment--heading[_ngcontent-%COMP%]{background:color-mix(in srgb,var(--velt-accent) 32%,var(--velt-black) 100%);margin:calc(var(--velt-spacing-lg) * -1);padding:var(--velt-spacing-lg);color:var(--velt-accent-foreground);display:flex;align-items:center;justify-content:flex-start;grid-gap:var(--velt-spacing-sm);gap:var(--velt-spacing-sm);margin-bottom:0;border-radius:var(--velt-border-radius-md) var(--velt-border-radius-md) 0 0;border-bottom:1px solid color-mix(in srgb,var(--velt-accent-foreground) 16%,transparent)}"],changeDetection:0})}}return n})();var Xle=n=>({componentConfigSignal:n}),Iqe=(n,i)=>({condition:n,data:i}),Eqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-resolve-button-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function xqe(n,i){if(n&1&&(f(0),ie(),C(1,"svg",5),D(2,"path",6),y(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon")}}function Tqe(n,i){if(n&1){let e=W();C(0,"app-resolve-button",3),w(1,"translate"),H("changeStatus",function(o){k(e);let r=l(2).ngIf;return R(r==null?null:r.changeStatus(o))})("click",function(o){return k(e),R(o.stopPropagation())}),g(2,xqe,3,1,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();c("darkMode",!!(e!=null&&e.darkMode))("annotation",e==null?null:e.annotation)("sidebarMode",e==null?null:e.sidebarMode),E("data-testid",t.componentId)("aria-label",A(1,7,"Resolve thread"))("aria-pressed",!1),m(2),c("veltDynamicTemplate",j(11,Eqe,t.template,M(9,Xle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Dqe(n,i){if(n&1&&(f(0),g(1,Tqe,3,17,"app-resolve-button",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.canResolveAnnotation)&&!(!(e==null||e.annotation==null)&&e.annotation.assignedTo)&&(!(e!=null&&e.resolveStatusAccessAdminOnly)||(e==null||e.annotation==null||e.annotation.from==null?null:e.annotation.from.userId)===(e==null||e.user==null?null:e.user.userId)||(e==null?null:e.isUserAdmin)))}}function wqe(n,i){if(n&1&&(f(0),g(1,Dqe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Iqe,e.conditionSignal(),M(1,Xle,e.componentConfigSignal)))}}var x0=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-comment-dialog-resolve-button",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogResolveButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogResolveButtonComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogResolveButtonComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-resolve-button"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","button","tabindex","0",3,"darkMode","annotation","sidebarMode","changeStatus","click",4,"ngIf"],["role","button","tabindex","0",3,"changeStatus","click","darkMode","annotation","sidebarMode"],[4,"veltDynamicTemplate"],["width","12","height","10","viewBox","0 0 12 10","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","role","img"],["fill-rule","evenodd","clip-rule","evenodd","d","M11.5886 1.07806C11.914 1.4035 11.914 1.93114 11.5886 2.25657L4.92194 8.92324C4.5965 9.24868 4.06886 9.24868 3.74343 8.92324L0.410093 5.58991C0.0846564 5.26447 0.0846564 4.73683 0.410093 4.4114C0.73553 4.08596 1.26317 4.08596 1.5886 4.4114L4.33268 7.15547L10.4101 1.07806C10.7355 0.752625 11.2632 0.752625 11.5886 1.07806Z","fill","currentColor"]],template:function(t,o){t&1&&g(0,wqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var Qle=n=>({componentConfigSignal:n}),Aqe=(n,i)=>({condition:n,data:i}),Oqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-sign-in-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Pqe(n,i){if(n&1&&(f(0),D(1,"div",5),C(2,"div",6),w(3,"translate"),ee(4),w(5,"translate"),y(),v()),n&2){let e=l(4);m(2),E("data-testid",e.componentId+"-button")("aria-label",A(3,3,"Sign In")),m(2),ve(" ",A(5,5,"Sign In"),"")}}function Mqe(n,i){if(n&1){let e=W();C(0,"div",3),H("click",function(o){k(e);let r=l(2).ngIf;return r==null||r.onSignInClick(),R(o.stopPropagation())}),g(1,Pqe,6,7,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();E("data-testid",t.componentId+"-container"),m(),c("veltDynamicTemplate",j(4,Oqe,t.template,M(2,Qle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function kqe(n,i){if(n&1&&(f(0),g(1,Mqe,2,10,"ng-template",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",(e==null?null:e.commentDialogSelected)&&(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)&&(!(e!=null&&e.user)||(e==null||e.user==null?null:e.user.isAnonymous))&&(e==null?null:e.enableSignInButton))}}function Rqe(n,i){if(n&1&&(f(0),g(1,kqe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Aqe,e.conditionSignal(),M(1,Qle,e.componentConfigSignal)))}}var T0=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-comment-dialog-sign-in",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogSignInComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogSignInComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogSignInComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-sign-in"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[3,"ngIf"],["role","presentation",3,"click"],[4,"veltDynamicTemplate"],["role","presentation",1,"velt-fill"],["role","button","tabindex","0",1,"velt-flat-button","velt-success-button"]],template:function(t,o){t&1&&g(0,Rqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-fill[_ngcontent-%COMP%]{flex-grow:1}.velt-flat-button[_ngcontent-%COMP%]{padding:var(--velt-spacing-sm) var(--velt-spacing-md);background:var(--velt-accent);border-radius:var(--velt-border-radius-3xl);border:0;color:var(--velt-accent-foreground);font-weight:700;transition:.2s;font-size:var(--velt-font-size-sm);cursor:pointer}.velt-flat-button[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-flat-button.velt-success-button[_ngcontent-%COMP%]{background:var(--velt-success)}.velt-flat-button.velt-success-button[_ngcontent-%COMP%]:hover{background:var(--velt-success-hover)}"],changeDetection:0})}}return n})();var Jle=n=>({componentConfigSignal:n}),Fqe=(n,i)=>({condition:n,data:i}),Lqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-status-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function Bqe(n,i){if(n&1){let e=W();C(0,"app-comment-dialog-status-dropdown",4),w(1,"translate"),H("changeStatus",function(o){k(e);let r=l(4).ngIf;return R(r==null?null:r.changeStatus(o))})("click",function(o){return k(e),R(o.stopPropagation())}),y()}if(n&2){let e=l(4).ngIf,t=l();c("darkMode",!!(e!=null&&e.darkMode))("user",e==null?null:e.user)("annotation",e==null?null:e.annotation)("isUserAdmin",!!(e!=null&&e.isUserAdmin))("resolveStatusAccessAdminOnly",!!(e!=null&&e.resolveStatusAccessAdminOnly))("disabled",(e==null?null:e.disabled)||(e==null?null:e.isPlanExpired))("shadowDom",e.dialogShadowDOM)("variant",e==null?null:e.variant)("triggerTemplate",t.triggerTemplate)("contentTemplate",t.contentTemplate)("componentConfigSignal",t.componentConfigSignal),E("data-testid",t.componentId)("aria-label","Status dropdown for "+A(1,13,(e==null||e.annotation==null||e.annotation.status==null?null:e.annotation.status.name)||"comment"))}}function Vqe(n,i){if(n&1&&(f(0),g(1,Bqe,2,15,"app-comment-dialog-status-dropdown",3),v()),n&2){let e=l(3).ngIf;m(),c("ngIf",e==null?null:e.enableStatus)}}function Uqe(n,i){if(n&1&&(f(0),g(1,Vqe,2,1,"ng-container",0),v()),n&2){let e=l(2).ngIf;m(),c("ngIf",(e==null||e.annotation==null||e.annotation.comments==null?null:e.annotation.comments.length)&&!(e!=null&&e.inlineCommentMode))}}function jqe(n,i){if(n&1&&(f(0),g(1,Uqe,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(3,Lqe,t.template,M(1,Jle,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function $qe(n,i){if(n&1&&(f(0),g(1,jqe,2,9,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Fqe,e.conditionSignal(),M(1,Jle,e.componentConfigSignal)))}}var T2=(()=>{class n extends ${constructor(e,t,o,r){super(o,r,e),this.loggingService=e,this.wireframeService=t,this.elementRef=o,this.dynamicDataService=r,this.subscriptions=[],this.componentId="velt-comment-dialog-status",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes(),!this.template){let e="velt-comment-dialog-status-wireframe";this.variant&&(e+=`---${this.variant}`),this.subscriptions.push(this.wireframeService.getWireframe$(e).subscribe(t=>{if(t){let o=document.createElement(t.tagName);o.innerHTML=t.innerHTML,this.template=o,this.getChildTemplate()}}))}this.getChildTemplate()}catch(e){this.catchError("Error in CommentDialogStatusComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","region"),e.setAttribute("aria-label","Thread status controls"),e.setAttribute("data-testid",this.componentId+"-container"),this.componentConfigSignal()?.disabled&&e.setAttribute("aria-disabled","true"),e.setAttribute("aria-live","polite")}catch(e){this.loggingService.catch("Error in CommentDialogStatusComponent setupA11yAttributes:",e)}}getChildTemplate(){if(!this.triggerTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-status-dropdown-trigger-wireframe");lt(e)||(this.triggerTemplate=e)}if(!this.contentTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-status-dropdown-content-wireframe");lt(e)||(this.triggerTemplate=e)}}catchError(e,t,o){try{this.loggingService.catch(e,t,T(I({},o||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}static{this.\u0275fac=function(t){return new(t||n)(u(_),u(Ge),u(N),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-status"]],inputs:{variant:"variant"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"darkMode","user","annotation","isUserAdmin","resolveStatusAccessAdminOnly","disabled","shadowDom","variant","triggerTemplate","contentTemplate","componentConfigSignal","changeStatus","click",4,"ngIf"],[3,"changeStatus","click","darkMode","user","annotation","isUserAdmin","resolveStatusAccessAdminOnly","disabled","shadowDom","variant","triggerTemplate","contentTemplate","componentConfigSignal"]],template:function(t,o){t&1&&g(0,$qe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var ece=n=>({componentConfigSignal:n}),Hqe=(n,i)=>({condition:n,data:i}),zqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-suggestion-action-accept-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Gqe(n,i){if(n&1&&(C(0,"div",4),w(1,"translate"),ee(2),w(3,"translate"),y()),n&2){let e=l(3);E("data-testid",e.componentId+"-button")("aria-label",A(1,3,"Accept suggestion")),m(2),ve(" ",A(3,5,"Accept")," ")}}function Wqe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(o){k(e);let r=l().ngIf;return r==null||r.acceptCommentPinAnnotation(),R(o.stopPropagation())}),g(2,Gqe,4,7,"div",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(),E("data-testid",t.componentId),m(),c("veltDynamicTemplate",j(4,zqe,t.template,M(2,ece,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function qqe(n,i){if(n&1&&(f(0),g(1,Wqe,3,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Hqe,e.conditionSignal(),M(1,ece,e.componentConfigSignal)))}}var D2=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-comment-dialog-suggestion-action-accept",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionAcceptComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionAcceptComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionAcceptComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-suggestion-action-accept"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","presentation",3,"click"],["class","velt-flat-button velt-accept-button","role","button","tabindex","0",4,"veltDynamicTemplate"],["role","button","tabindex","0",1,"velt-flat-button","velt-accept-button"]],template:function(t,o){t&1&&g(0,qqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-flat-button[_ngcontent-%COMP%]{width:100px;text-align:center}.velt-flat-button.velt-accept-button[_ngcontent-%COMP%]{background:transparent;color:var(--velt-success);text-decoration:underline}"],changeDetection:0})}}return n})();var tce=n=>({componentConfigSignal:n}),Yqe=(n,i)=>({condition:n,data:i}),Kqe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-suggestion-action-reject-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function Zqe(n,i){if(n&1&&(C(0,"div",4),w(1,"translate"),ee(2),w(3,"translate"),y()),n&2){let e=l(3);E("data-testid",e.componentId+"-button")("aria-label",A(1,3,"Reject suggestion")),m(2),ve(" ",A(3,5,"Reject")," ")}}function Xqe(n,i){if(n&1){let e=W();f(0),C(1,"div",2),H("click",function(o){k(e);let r=l().ngIf;return r==null||r.rejectCommentPinAnnotation(),R(o.stopPropagation())}),g(2,Zqe,4,7,"div",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(),E("data-testid",t.componentId),m(),c("veltDynamicTemplate",j(4,Kqe,t.template,M(2,tce,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function Qqe(n,i){if(n&1&&(f(0),g(1,Xqe,3,10,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Yqe,e.conditionSignal(),M(1,tce,e.componentConfigSignal)))}}var w2=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-comment-dialog-suggestion-action-reject",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionRejectComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionRejectComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionRejectComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-suggestion-action-reject"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["role","presentation",3,"click"],["class","velt-flat-button velt-reject-button","role","button","tabindex","0",4,"veltDynamicTemplate"],["role","button","tabindex","0",1,"velt-flat-button","velt-reject-button"]],template:function(t,o){t&1&&g(0,Qqe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-flat-button[_ngcontent-%COMP%]{width:100px;text-align:center}.velt-flat-button.velt-reject-button[_ngcontent-%COMP%]{background:transparent;color:var(--velt-error);text-decoration:underline}"],changeDetection:0})}}return n})();var nce=n=>({componentConfigSignal:n}),Jqe=(n,i)=>({condition:n,data:i}),eYe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-suggestion-action-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function tYe(n,i){if(n&1&&(C(0,"div",3),w(1,"translate"),D(2,"app-comment-dialog-suggestion-action-accept",4)(3,"app-comment-dialog-suggestion-action-reject",4),y()),n&2){let e=l(4);E("data-testid",e.componentId)("aria-label",A(1,6,"Suggestion actions")),m(2),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-accept"),m(),c("componentConfigSignal",e.componentConfigSignal),E("data-testid",e.componentId+"-reject")}}function nYe(n,i){if(n&1&&(f(0),g(1,tYe,4,8,"div",2),v()),n&2){let e=l(2).ngIf,t=l();m(),c("veltDynamicTemplate",j(3,eYe,t.template,M(1,nce,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function iYe(n,i){if(n&1&&(f(0),g(1,nYe,2,9,"ng-container",0),v()),n&2){let e=l().ngIf;m(),c("ngIf",e==null?null:e.showSuggestionModeActions)}}function oYe(n,i){if(n&1&&(f(0),g(1,iYe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(3,Jqe,e.conditionSignal(),M(1,nce,e.componentConfigSignal)))}}var D0=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-comment-dialog-suggestion-action",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogSuggestionActionComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-suggestion-action"]],standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-suggestion-actions","role","toolbar",4,"veltDynamicTemplate"],["role","toolbar",1,"velt-suggestion-actions"],[3,"componentConfigSignal"]],template:function(t,o){t&1&&g(0,oYe,2,6,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-suggestion-actions[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;gap:var(--velt-spacing-lg);margin-bottom:var(--velt-spacing-lg)}.velt-suggestion-actions[_ngcontent-%COMP%]{margin-bottom:0}"],changeDetection:0})}}return n})();var ice=(n,i,e)=>({componentConfigSignal:n,commentObj:i,i:e}),aYe=(n,i)=>({condition:n,data:i}),sYe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-avatar-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function lYe(n,i){if(n&1&&(f(0),D(1,"snippyly-user-avatar",3),w(2,"translate"),w(3,"translate"),v()),n&2){let e=l(4);m(),c("size",32)("user",e.commentObj==null?null:e.commentObj.from),E("data-testid",e.componentId)("aria-label",A(2,4,"Avatar for")+" "+A(3,6,(e.commentObj==null||e.commentObj.from==null?null:e.commentObj.from.name)||(e.commentObj==null||e.commentObj.from==null?null:e.commentObj.from.email)||"user"))}}function cYe(n,i){if(n&1&&(f(0),g(1,lYe,4,8,"ng-container",0),v()),n&2){let e=l(3);m(),c("ngIf",e.commentObj)}}function mYe(n,i){if(n&1&&(f(0),g(1,cYe,2,1,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(5,sYe,t.template,He(1,ice,t.componentConfigSignal,t.commentObj,t.i),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function dYe(n,i){if(n&1&&(f(0),g(1,mYe,2,11,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(5,aYe,e.conditionSignal(),He(1,ice,e.componentConfigSignal,e.commentObj,e.i)))}}var A2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-thread-card-avatar",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,commentObj:this.commentObj,i:this.i}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAvatarComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAvatarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAvatarComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-avatar"]],inputs:{commentObj:"commentObj",i:"i"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"comment-dialog-user-avatar",3,"size","user"]],template:function(t,o){t&1&&g(0,dYe,2,8,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var oce=(n,i,e)=>({componentConfigSignal:n,commentObj:i,i:e}),pYe=(n,i)=>({condition:n,data:i}),gYe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-device-type-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),uYe=n=>({$implicit:n}),hYe=()=>[];function fYe(n,i){n&1&&$e(0)}function vYe(n,i){if(n&1&&(C(0,"div",7),g(1,fYe,1,0,"ng-container",8),y()),n&2){l();let e=de(3),t=l(2).ngIf,o=l();E("data-testid",o.componentId),m(),c("ngTemplateOutlet",e)("ngTemplateOutletContext",M(3,uYe,t==null?null:t.deviceType))}}function CYe(n,i){if(n&1&&D(0,"app-device-type-icons",10),n&2){let e=l().$implicit,t=l(4);c("deviceType",e),E("data-testid",t.componentId+"-icons")}}function _Ye(n,i){if(n&1&&(C(0,"div",11)(1,"div"),ee(2),w(3,"translate"),y(),C(4,"div"),ee(5),w(6,"translate"),y()()),n&2){let e=l(4).ngIf,t=l();pe("dark",e==null?null:e.darkMode),E("data-testid",t.componentId+"-info"),m(2),Q_("",A(3,7,e==null||e.annotation==null||e.annotation.pageInfo==null||e.annotation.pageInfo.deviceInfo==null?null:e.annotation.pageInfo.deviceInfo.osName)," \u2022 ",e==null||e.annotation==null||e.annotation.pageInfo==null||e.annotation.pageInfo.deviceInfo==null?null:e.annotation.pageInfo.deviceInfo.screenWidth,"x",e==null||e.annotation==null||e.annotation.pageInfo==null||e.annotation.pageInfo.deviceInfo==null?null:e.annotation.pageInfo.deviceInfo.screenHeight," "),m(3),ve("Using ",A(6,9,e==null||e.annotation==null||e.annotation.pageInfo==null||e.annotation.pageInfo.deviceInfo==null?null:e.annotation.pageInfo.deviceInfo.browserName),"")}}function yYe(n,i){if(n&1&&(C(0,"app-overlay-tooltip",9),g(1,CYe,1,2,"ng-template",null,1,be)(3,_Ye,7,11,"ng-template",null,2,be),y()),n&2){let e=l(3).ngIf,t=l();c("positions",(e==null?null:e.deviceInfoTooltipPositions)||Mt(2,hYe)),E("data-testid",t.componentId+"-tooltip")}}function SYe(n,i){if(n&1&&(f(0),g(1,vYe,2,5,"div",6)(2,yYe,5,3,"ng-template",null,0,be),v()),n&2){let e=l(2).ngIf,t=l();m(),c("ngIf",!t.i&&(e==null?null:e.showScreenSizeInfo))}}function bYe(n,i){if(n&1&&(f(0),g(1,SYe,4,1,"ng-container",5),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(5,gYe,t.template,He(1,oce,t.componentConfigSignal,t.commentObj,t.i),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function IYe(n,i){if(n&1&&(f(0),g(1,bYe,2,11,"ng-container",4),v()),n&2){let e=l();m(),c("veltIf",F(5,pYe,e.conditionSignal(),He(1,oce,e.componentConfigSignal,e.commentObj,e.i)))}}var O2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.deviceInfoTooltipPositions=[{originX:"center",originY:"bottom",overlayX:"center",overlayY:"top"},{originX:"center",originY:"top",overlayX:"center",overlayY:"bottom"}],this.componentId="velt-device-type",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,commentObj:this.commentObj,i:this.i}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardDeviceTypeComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardDeviceTypeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardDeviceTypeComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-device-type"]],inputs:{i:"i",commentObj:"commentObj"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["deviceTypeRef",""],["triggerTemplate",""],["tooltipTemplate",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","modal-device__type",4,"ngIf"],[1,"modal-device__type"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],[3,"positions"],[3,"deviceType"],["role","tooltip",1,"v-device-info-tooltip-container"]],template:function(t,o){t&1&&g(0,IYe,2,8,"ng-container",3),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var rce=(n,i,e,t)=>({componentConfigSignal:n,attachment:i,attachmentIndex:e,commentObj:t}),EYe=(n,i)=>({condition:n,data:i}),xYe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-image-preview-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function TYe(n,i){if(n&1){let e=W();f(0),C(1,"snippyly-lightbox",4,0)(3,"img",5),w(4,"translate"),w(5,"translate"),H("click",function(){k(e);let o=de(2);return R(o==null?null:o.openImageInFullScreen())}),y()(),v()}if(n&2){let e=l(3);m(),c("src",e.attachment==null?null:e.attachment.url),E("data-testid",e.componentId+"-lightbox"),m(2),c("src",e.attachment==null?null:e.attachment.url,ln)("alt",A(4,5,"Attachment")+" "+A(5,7,(e.attachment==null?null:e.attachment.name)||"preview")),E("data-testid",e.componentId+"-image")}}function DYe(n,i){if(n&1&&(f(0),g(1,TYe,6,9,"ng-container",3),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,xYe,t.template,gt(1,rce,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function wYe(n,i){if(n&1&&(f(0),g(1,DYe,2,12,"ng-container",2),v()),n&2){let e=l();m(),c("veltIf",F(6,EYe,e.conditionSignal(),gt(1,rce,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj)))}}var P2=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-attachment-preview",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImagePreviewComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImagePreviewComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImagePreviewComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-image-preview"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["lightboxRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"src"],["velt-ignore-change-detection","true",3,"click","src","alt"]],template:function(t,o){t&1&&g(0,wYe,2,9,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},styles:["img[_ngcontent-%COMP%]{width:100%;object-fit:cover}"],changeDetection:0})}}return n})();var ace=(n,i,e,t)=>({componentConfigSignal:n,commentObj:i,attachmentIndex:e,attachment:t}),AYe=(n,i)=>({condition:n,data:i}),OYe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-image-delete-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function PYe(n,i){if(n&1&&(f(0),C(1,"div",5),ie(),C(2,"svg",6),D(3,"path",7)(4,"path",8),y()(),v()),n&2){let e=l(4);m(2),E("data-testid",e.componentId+"-icon")}}function MYe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),w(2,"translate"),H("click",function(o){k(e);let r=l(2).ngIf,a=l();return r==null||r.removeAttachment(a.attachmentIndex,a.commentObj),R(o.stopPropagation())}),g(3,PYe,5,1,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();c("title",A(1,4,"Delete Attachment")),E("aria-label",A(2,6,"Delete Attachment"))("data-testid",t.componentId),m(3),c("veltDynamicTemplate",j(13,OYe,t.template,gt(8,ace,t.componentConfigSignal,t.commentObj,t.attachmentIndex,t.attachment),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function kYe(n,i){if(n&1&&(f(0),g(1,MYe,4,19,"div",2),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",!(e!=null&&e.disabled)&&(t.commentObj==null||t.commentObj.from==null?null:t.commentObj.from.userId)===(e==null||e.user==null?null:e.user.userId)&&!(e!=null&&e.isPlanExpired))}}function RYe(n,i){if(n&1&&(f(0),g(1,kYe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,AYe,e.conditionSignal(),gt(1,ace,e.componentConfigSignal,e.commentObj,e.attachmentIndex,e.attachment)))}}var M2=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-attachment-delete",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageDeleteComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageDeleteComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageDeleteComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-image-delete"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",3,"title","click",4,"ngIf"],["type","button",3,"click","title"],[4,"veltDynamicTemplate"],[1,"icon-button","velt-comment-attachment--image-action-btn"],["xmlns","http://www.w3.org/2000/svg","height","24px","viewBox","0 0 24 24","width","24px","fill","currentColor","aria-hidden","true","focusable","false"],["d","M0 0h24v24H0V0z","fill","none"],["d","M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"]],template:function(t,o){t&1&&g(0,RYe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-comment-attachment--image-action-btn[_ngcontent-%COMP%]{background:var(--velt-white);display:flex;align-items:center;border-radius:var(--velt-border-radius-3xl);width:40px;height:40px;justify-content:center;opacity:1;margin:var(--velt-spacing-xs);border:0;cursor:pointer;color:var(--velt-black)}"],changeDetection:0})}}return n})();var sce=(n,i,e,t)=>({componentConfigSignal:n,commentObj:i,attachmentIndex:e,attachment:t}),NYe=(n,i)=>({condition:n,data:i}),FYe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-image-download-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function LYe(n,i){if(n&1&&(f(0),C(1,"div",5),ie(),C(2,"svg",6)(3,"g"),D(4,"rect",7),y(),C(5,"g"),D(6,"path",8),y()()(),v()),n&2){let e=l(4);m(2),E("data-testid",e.componentId+"-icon")}}function BYe(n,i){if(n&1){let e=W();C(0,"div",3),w(1,"translate"),w(2,"translate"),H("click",function(o){k(e);let r=l(2).ngIf,a=l();return r==null||r.downloadAttachment(a.attachment),R(o.stopPropagation())}),g(3,LYe,7,1,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();c("title",A(1,4,"Download Attachment")),E("aria-label",A(2,6,"Download Attachment"))("data-testid",t.componentId),m(3),c("veltDynamicTemplate",j(13,FYe,t.template,gt(8,sce,t.componentConfigSignal,t.commentObj,t.attachmentIndex,t.attachment),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function VYe(n,i){if(n&1&&(f(0),g(1,BYe,4,19,"div",2),v()),n&2){let e=l().ngIf;m(),c("ngIf",!(e!=null&&e.disabled)&&(e==null||e.user==null?null:e.user.userId)&&!(!(e==null||e.user==null)&&e.user.isAnonymous)&&!(e!=null&&e.isPlanExpired))}}function UYe(n,i){if(n&1&&(f(0),g(1,VYe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,NYe,e.conditionSignal(),gt(1,sce,e.componentConfigSignal,e.commentObj,e.attachmentIndex,e.attachment)))}}var k2=(()=>{class n extends ${constructor(e,t,o){super(e,t,o),this.elementRef=e,this.dynamicDataService=t,this.loggingService=o,this.componentId="velt-attachment-download",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageDownloadComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageDownloadComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageDownloadComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(S),u(_))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-image-download"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",3,"title","click",4,"ngIf"],["type","button",3,"click","title"],[4,"veltDynamicTemplate"],[1,"icon-button","velt-comment-attachment--image-action-btn"],["xmlns","http://www.w3.org/2000/svg","enable-background","new 0 0 24 24","height","24px","viewBox","0 0 24 24","width","24px","fill","currentColor","aria-hidden","true","focusable","false"],["fill","none","height","24","width","24"],["d","M18,15v3H6v-3H4v3c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2v-3H18z M17,11l-1.41-1.41L13,12.17V4h-2v8.17L8.41,9.59L7,11l5,5 L17,11z"]],template:function(t,o){t&1&&g(0,UYe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-comment-attachment--image-action-btn[_ngcontent-%COMP%]{background:var(--velt-white);display:flex;align-items:center;border-radius:var(--velt-border-radius-3xl);width:40px;height:40px;justify-content:center;opacity:1;margin:var(--velt-spacing-xs);border:0;cursor:pointer;color:var(--velt-black)}"],changeDetection:0})}}return n})();var lce=(n,i,e,t)=>({componentConfigSignal:n,attachmentIndex:i,attachment:e,commentObj:t}),jYe=(n,i)=>({condition:n,data:i}),$Ye=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-image-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function HYe(n,i){if(n&1&&(C(0,"div",8),w(1,"translate"),D(2,"app-comment-dialog-thread-card-attachments-image-download",7)(3,"app-comment-dialog-thread-card-attachments-image-delete",7),y()),n&2){let e=l(5);E("data-testid",e.componentId+"-actions")("aria-label",A(1,10,"Image attachment actions")),m(2),c("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment),m(),c("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment)}}function zYe(n,i){if(n&1&&(f(0),C(1,"div",5),w(2,"translate"),g(3,HYe,4,12,"div",6),D(4,"app-comment-dialog-thread-card-attachments-image-preview",7),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),E("aria-label",A(2,7,"Image attachment controls"))("data-testid",t.componentId),m(2),c("ngIf",!(e!=null&&e.readOnly)),m(),c("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment)}}function GYe(n,i){if(n&1&&(f(0),g(1,zYe,5,9,"ng-container",4),v()),n&2){l(2);let e=de(3),t=l();m(),c("ngIf",!t.showLoadingTemplate)("ngIfElse",e)}}function WYe(n,i){if(n&1&&(f(0),g(1,GYe,2,2,"ng-container",3),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,$Ye,t.template,gt(1,lce,t.componentConfigSignal,t.attachmentIndex,t.attachment,t.commentObj),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function qYe(n,i){n&1&&D(0,"velt-skeleton-loader-internal",9)}function YYe(n,i){if(n&1&&(f(0),g(1,WYe,2,12,"ng-container",2)(2,qYe,1,0,"ng-template",null,0,be),v()),n&2){let e=l();m(),c("veltIf",F(6,jYe,e.conditionSignal(),gt(1,lce,e.componentConfigSignal,e.attachmentIndex,e.attachment,e.commentObj)))}}var R2=(()=>{class n extends ${get attachment(){return this._attachment}set attachment(e){try{this._attachment=e,this.setShowLoadingTemplate()}catch{}}get imageWireframe(){return this._imageWireframe}set imageWireframe(e){this._imageWireframe=e,this.imageWireframe?this.template=this.domService.deepCloneElement(this.imageWireframe):this.template=null}constructor(e,t,o,r){super(t,r,o),this.domService=e,this.elementRef=t,this.loggingService=o,this.dynamicDataService=r,this.showLoadingTemplate=!1,this.componentId="velt-comment-attachment-image",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageComponent ngOnDestroy:",e)}}setShowLoadingTemplate(){try{this.attachment?.isAttachmentResolverUsed&&!this.attachment?.url?this.showLoadingTemplate=!0:this.showLoadingTemplate=!1}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageComponent setShowLoadingTemplate: ",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsImageComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(Fe),u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-image"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex",imageWireframe:"imageWireframe"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["loadingTemplateRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngIf","ngIfElse"],["velt-ignore-change-detection","true","role","group",1,"comment-attachment","velt-comment-attachment--image"],["class","comment-attachment-actions velt-comment-attachment--image-actions","role","group",4,"ngIf"],[3,"componentConfigSignal","attachmentIndex","commentObj","attachment"],["role","group",1,"comment-attachment-actions","velt-comment-attachment--image-actions"],["height","20px","width","200px","borderRadius","20px",1,"velt-thread-card--message"]],template:function(t,o){t&1&&g(0,YYe,4,9,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-comment-attachment--image[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-sm);overflow:hidden;line-height:0;position:relative;max-width:400px}.velt-comment-attachment--image[_ngcontent-%COMP%] .velt-comment-attachment--image-actions[_ngcontent-%COMP%]{position:absolute;bottom:8px;right:8px;display:flex;opacity:0}.velt-comment-attachment--image[_ngcontent-%COMP%]:hover .velt-comment-attachment--image-actions[_ngcontent-%COMP%]{opacity:1}.velt-comment-attachment--image[_ngcontent-%COMP%]:not(:last-child){margin-bottom:var(--velt-spacing-lg)}"],changeDetection:0})}}return n})();var KYe=(n,i,e,t)=>({componentConfigSignal:n,commentObj:i,attachmentIndex:e,attachment:t}),ZYe=(n,i)=>({condition:n,data:i}),XYe=n=>({componentConfigSignal:n}),QYe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-other-delete-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function JYe(n,i){if(n&1&&(f(0),C(1,"div",5),ie(),C(2,"svg",6),D(3,"path",7),y()(),v()),n&2){let e=l(4);m(),E("data-testid",e.componentId+"-icon")}}function eKe(n,i){if(n&1){let e=W();C(0,"button",3),w(1,"translate"),H("click",function(o){k(e);let r=l(2).ngIf,a=l();return r==null||r.removeAttachment(a.attachmentIndex,a.commentObj),R(o.stopPropagation())}),g(2,JYe,4,1,"ng-container",4),y()}if(n&2){let e=l(2).ngIf,t=l();E("aria-label",A(1,3,"Delete attachment"))("data-testid",t.componentId),m(2),c("veltDynamicTemplate",j(7,QYe,t.template,M(5,XYe,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function tKe(n,i){if(n&1&&(f(0),g(1,eKe,3,13,"button",2),v()),n&2){let e=l().ngIf,t=l();m(),c("ngIf",!(e!=null&&e.disabled)&&(t.commentObj==null||t.commentObj.from==null?null:t.commentObj.from.userId)===(e==null||e.user==null?null:e.user.userId)&&!(e!=null&&e.isPlanExpired))}}function nKe(n,i){if(n&1&&(f(0),g(1,tKe,2,1,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,ZYe,e.conditionSignal(),gt(1,KYe,e.componentConfigSignal,e.commentObj,e.attachmentIndex,e.attachment)))}}var N2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-attachment-other-delete",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherDeleteComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherDeleteComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherDeleteComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-other-delete"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",3,"click",4,"ngIf"],["type","button",3,"click"],[4,"veltDynamicTemplate"],[1,"attachment-icon-btn","velt-comment-attachment--action-btn"],["width","18","height","19","viewBox","0 0 18 19","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M3 5.75H15M7.5 8.75V13.25M10.5 8.75V13.25M3.75 5.75L4.5 14.75C4.5 15.1478 4.65804 15.5294 4.93934 15.8107C5.22064 16.092 5.60218 16.25 6 16.25H12C12.3978 16.25 12.7794 16.092 13.0607 15.8107C13.342 15.5294 13.5 15.1478 13.5 14.75L14.25 5.75M6.75 5.75V3.5C6.75 3.30109 6.82902 3.11032 6.96967 2.96967C7.11032 2.82902 7.30109 2.75 7.5 2.75H10.5C10.6989 2.75 10.8897 2.82902 11.0303 2.96967C11.171 3.11032 11.25 3.30109 11.25 3.5V5.75","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,o){t&1&&g(0,nKe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{display:flex;align-items:center}button[_ngcontent-%COMP%]{background:transparent;border:0;display:flex;margin:0;padding:0}.velt-comment-attachment--action-btn[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);cursor:pointer;align-items:center;color:var(--velt-error)}"],changeDetection:0})}}return n})();var iKe=(n,i,e,t)=>({componentConfigSignal:n,commentObj:i,attachmentIndex:e,attachment:t}),oKe=(n,i)=>({condition:n,data:i}),rKe=n=>({componentConfigSignal:n}),aKe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-other-download-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function sKe(n,i){if(n&1&&(f(0),C(1,"div",4),ie(),C(2,"svg",5),D(3,"path",6),y()(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId+"-icon")}}function lKe(n,i){if(n&1){let e=W();f(0),C(1,"button",2),w(2,"translate"),w(3,"translate"),H("click",function(o){k(e);let r=l().ngIf,a=l();return r==null||r.downloadAttachment(a.attachment),R(o.stopPropagation())}),g(4,sKe,4,1,"ng-container",3),y(),v()}if(n&2){let e=l().ngIf,t=l();m(),E("title",A(2,4,"Download attachment"))("aria-label",A(3,6,"Download attachment"))("data-testid",t.componentId),m(3),c("veltDynamicTemplate",j(10,aKe,t.template,M(8,rKe,t.componentConfigSignal),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function cKe(n,i){if(n&1&&(f(0),g(1,lKe,5,16,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,oKe,e.conditionSignal(),gt(1,iKe,e.componentConfigSignal,e.commentObj,e.attachmentIndex,e.attachment)))}}var F2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-attachment-other-download",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherDownloadComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherDownloadComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherDownloadComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-other-download"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["type","button",3,"click"],[4,"veltDynamicTemplate"],[1,"attachment-icon-btn","velt-comment-attachment--action-btn"],["width","18","height","19","viewBox","0 0 18 19","fill","none","xmlns","http://www.w3.org/2000/svg","aria-hidden","true","focusable","false"],["d","M3 13.25V14.75C3 15.1478 3.15804 15.5294 3.43934 15.8107C3.72064 16.092 4.10218 16.25 4.5 16.25H13.5C13.8978 16.25 14.2794 16.092 14.5607 15.8107C14.842 15.5294 15 15.1478 15 14.75V13.25M5.25 8.75L9 12.5M9 12.5L12.75 8.75M9 12.5V3.5","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(t,o){t&1&&g(0,cKe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{display:flex;align-items:center}button[_ngcontent-%COMP%]{background:transparent;border:0;display:flex;margin:0;padding:0}.velt-comment-attachment--action-btn[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);cursor:pointer;align-items:center;color:var(--velt-accent)}"],changeDetection:0})}}return n})();var cce=(n,i,e,t)=>({componentConfigSignal:n,attachment:i,attachmentIndex:e,commentObj:t}),mKe=(n,i)=>({condition:n,data:i}),dKe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-other-icon-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function pKe(n,i){if(n&1&&(f(0),D(1,"velt-file-icon-internal",3),v()),n&2){let e=l(3);m(),c("type",e.attachment==null?null:e.attachment.mimeType),E("data-testid",e.componentId)}}function gKe(n,i){if(n&1&&(f(0),g(1,pKe,2,2,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,dKe,t.template,gt(1,cce,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function uKe(n,i){if(n&1&&(f(0),g(1,gKe,2,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,mKe,e.conditionSignal(),gt(1,cce,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj)))}}var L2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-attachment-other-icon",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","presentation"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherIconComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-other-icon"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"type"]],template:function(t,o){t&1&&g(0,uKe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{display:flex;color:var(--velt-accent)}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0})}}return n})();var mce=(n,i,e,t)=>({componentConfigSignal:n,attachment:i,attachmentIndex:e,commentObj:t}),hKe=(n,i)=>({condition:n,data:i}),fKe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-other-name-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function vKe(n,i){if(n&1&&(f(0),C(1,"span",3),w(2,"translate"),ee(3),w(4,"translate"),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId)("aria-label","File name: "+A(2,3,(e.attachment==null?null:e.attachment.name)||"")),m(2),Ue(A(4,5,e.attachment==null?null:e.attachment.name))}}function CKe(n,i){if(n&1&&(f(0),g(1,vKe,5,7,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,fKe,t.template,gt(1,mce,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function _Ke(n,i){if(n&1&&(f(0),g(1,CKe,2,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,hKe,e.conditionSignal(),gt(1,mce,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj)))}}var B2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-attachment-other-name",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherNameComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherNameComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-other-name"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"attachment-name","velt-comment-attachment--name"]],template:function(t,o){t&1&&g(0,_Ke,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{line-height:normal}.velt-comment-attachment--name[_ngcontent-%COMP%]{overflow:hidden;color:var(--velt-text-3);text-overflow:ellipsis;font-size:var(--velt-font-size-xs);font-style:normal;font-weight:600;line-height:normal;white-space:nowrap}"],changeDetection:0})}}return n})();var dce=(n,i,e,t)=>({componentConfigSignal:n,attachment:i,attachmentIndex:e,commentObj:t}),yKe=(n,i)=>({condition:n,data:i}),SKe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-other-size-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function bKe(n,i){if(n&1&&(f(0),C(1,"span",3),w(2,"translate"),w(3,"fileSize"),ee(4),w(5,"fileSize"),y(),v()),n&2){let e=l(3);m(),E("data-testid",e.componentId)("aria-label",A(2,3,"File size:")+" "+A(3,5,e.attachment==null?null:e.attachment.size)),m(3),Ue(A(5,7,e.attachment==null?null:e.attachment.size))}}function IKe(n,i){if(n&1&&(f(0),g(1,bKe,6,9,"ng-container",2),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,SKe,t.template,gt(1,dce,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function EKe(n,i){if(n&1&&(f(0),g(1,IKe,2,12,"ng-container",1),v()),n&2){let e=l();m(),c("veltIf",F(6,yKe,e.conditionSignal(),gt(1,dce,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj)))}}var V2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-attachment-other-size",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherSizeComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherSizeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherSizeComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-other-size"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"attachment-size","velt-comment-attachment--size"]],template:function(t,o){t&1&&g(0,EKe,2,9,"ng-container",0),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]{line-height:normal}.velt-comment-attachment--size[_ngcontent-%COMP%]{overflow:hidden;color:var(--velt-text-7);text-overflow:ellipsis;font-size:var(--velt-font-size-2xs);font-style:normal;font-weight:500;line-height:normal}"],changeDetection:0})}}return n})();var pce=(n,i,e,t)=>({componentConfigSignal:n,attachmentIndex:i,commentObj:e,attachment:t}),xKe=(n,i)=>({condition:n,data:i}),TKe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-other-wireframe",variant:e,setIfCondition:t,componentElementRef:o});function DKe(n,i){if(n&1&&(C(0,"div",10),D(1,"app-comment-dialog-thread-card-attachments-other-download",7)(2,"app-comment-dialog-thread-card-attachments-other-delete",7),y()),n&2){let e=l(5);E("data-testid",e.componentId+"-actions")("aria-label","Attachment actions"),m(),c("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment),m(),c("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment)}}function wKe(n,i){if(n&1&&(f(0),C(1,"div",5),w(2,"translate"),C(3,"div",6),D(4,"app-comment-dialog-thread-card-attachments-other-icon",7),y(),C(5,"div",8),D(6,"app-comment-dialog-thread-card-attachments-other-name",7)(7,"app-comment-dialog-thread-card-attachments-other-size",7),y(),g(8,DKe,3,10,"div",9),y(),v()),n&2){let e=l(3).ngIf,t=l();m(),E("data-testid",t.componentId)("aria-label","Attachment: "+A(2,18,(t.attachment==null?null:t.attachment.name)||"")),m(2),E("data-testid",t.componentId+"-icon"),m(),c("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment),m(),E("data-testid",t.componentId+"-details")("aria-label","Attachment details"),m(),c("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment),m(),c("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment),m(),c("ngIf",!(e!=null&&e.readOnly))}}function AKe(n,i){if(n&1&&(f(0),g(1,wKe,9,20,"ng-container",4),v()),n&2){l(2);let e=de(3),t=l();m(),c("ngIf",!t.showLoadingTemplate)("ngIfElse",e)}}function OKe(n,i){if(n&1&&(f(0),g(1,AKe,2,2,"ng-container",3),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(6,TKe,t.template,gt(1,pce,t.componentConfigSignal,t.attachmentIndex,t.commentObj,t.attachment),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function PKe(n,i){n&1&&D(0,"velt-skeleton-loader-internal",11)}function MKe(n,i){if(n&1&&(f(0),g(1,OKe,2,12,"ng-container",2)(2,PKe,1,0,"ng-template",null,0,be),v()),n&2){let e=l();m(),c("veltIf",F(6,xKe,e.conditionSignal(),gt(1,pce,e.componentConfigSignal,e.attachmentIndex,e.commentObj,e.attachment)))}}var U2=(()=>{class n extends ${get attachment(){return this._attachment}set attachment(e){try{this._attachment=e,this.setShowLoadingTemplate()}catch{}}get otherWireframe(){return this._otherWireframe}set otherWireframe(e){this._otherWireframe=e,this.otherWireframe?this.template=this.domService.deepCloneElement(this.otherWireframe):this.template=null}constructor(e,t,o,r){super(t,r,o),this.domService=e,this.elementRef=t,this.loggingService=o,this.dynamicDataService=r,this.showLoadingTemplate=!1,this.componentId="velt-attachment-other",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,attachmentIndex:this.attachmentIndex,attachment:this.attachment,commentObj:this.commentObj}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherComponent ngOnDestroy:",e)}}setShowLoadingTemplate(){try{this.attachment?.isAttachmentResolverUsed&&!this.attachment?.url?this.showLoadingTemplate=!0:this.showLoadingTemplate=!1}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherComponent setShowLoadingTemplate: ",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","article"),e.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsOtherComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(Fe),u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments-other"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex",otherWireframe:"otherWireframe"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["loadingTemplateRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngIf","ngIfElse"],["role","article",1,"comment-pdf-attachment","velt-comment-attachment"],["role","presentation",1,"attachment-icon","velt-comment-attachment--icon"],[3,"componentConfigSignal","attachmentIndex","commentObj","attachment"],["role","group",1,"attachment-details","velt-comment-attachment--details"],["class","attachment-actions velt-comment-attachment--actions","role","group",4,"ngIf"],["role","group",1,"attachment-actions","velt-comment-attachment--actions"],["height","20px","width","200px","borderRadius","20px",1,"velt-thread-card--message"]],template:function(t,o){t&1&&g(0,MKe,4,9,"ng-container",1),t&2&&c("ngIf",o.componentConfigSignal())},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}.velt-comment-attachment[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-xs) var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:space-between;gap:var(--velt-spacing-sm);align-items:center;align-self:stretch;width:100%;border-radius:var(--velt-border-radius-sm);border:1px solid var(--velt-border-4);box-sizing:border-box}.velt-comment-attachment[_ngcontent-%COMP%] .velt-comment-attachment--icon[_ngcontent-%COMP%]{display:flex}.velt-comment-attachment[_ngcontent-%COMP%] .velt-comment-attachment--details[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-xs);flex:1;overflow:hidden}.velt-comment-attachment[_ngcontent-%COMP%] .velt-comment-attachment--actions[_ngcontent-%COMP%]{display:flex;width:0;overflow:hidden}.velt-comment-attachment[_ngcontent-%COMP%]:not(:last-child){margin-bottom:var(--velt-spacing-lg)}.velt-comment-attachment[_ngcontent-%COMP%]:hover .velt-comment-attachment--actions[_ngcontent-%COMP%]{width:auto}"],changeDetection:0})}}return n})();var gce=(n,i,e)=>({componentConfigSignal:n,commentObj:i,i:e}),kKe=(n,i)=>({condition:n,data:i}),RKe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-attachments-wireframe",variant:e,setIfCondition:t,componentElementRef:o,replaceTemplate:!1});function NKe(n,i){n&1&&$e(0)}function FKe(n,i){if(n&1&&(f(0),g(1,NKe,1,0,"ng-container",9),v()),n&2){l();let e=de(5);m(),c("ngTemplateOutlet",e)}}function LKe(n,i){if(n&1&&D(0,"app-comment-dialog-thread-card-attachments-other",10),n&2){let e=l(),t=e.$implicit,o=e.index,r=l(6);c("componentConfigSignal",r.componentConfigSignal)("attachment",t)("commentObj",r.commentObj)("attachmentIndex",o)("otherWireframe",r.otherWireframe)}}function BKe(n,i){if(n&1&&D(0,"app-comment-dialog-thread-card-attachments-image",11),n&2){let e=l(),t=e.$implicit,o=e.index,r=l(6);c("componentConfigSignal",r.componentConfigSignal)("attachmentIndex",o)("commentObj",r.commentObj)("attachment",t)("imageWireframe",r.imageWireframe)}}function VKe(n,i){if(n&1&&(f(0),g(1,FKe,2,1,"ng-container",8)(2,LKe,1,5,"ng-template",null,0,be)(4,BKe,1,5,"ng-template",null,1,be),v()),n&2){let e=i.$implicit,t=de(3);m(),c("ngIf",e==null||e.mimeType==null?null:e.mimeType.includes("image"))("ngIfElse",t)}}function UKe(n,i){if(n&1&&(C(0,"div",6),w(1,"translate"),g(2,VKe,6,2,"ng-container",7),y()),n&2){let e=l(4).ngIf,t=l();E("data-testid",t.componentId)("aria-label",A(1,4,"Attachments")+"("+(t.commentObj==null||t.commentObj.attachments==null?null:t.commentObj.attachments.length)+")"),m(2),c("ngForOf",t.commentObj==null?null:t.commentObj.attachments)("ngForTrackBy",e==null?null:e.trackByAttachmentId)}}function jKe(n,i){if(n&1&&(f(0),g(1,UKe,3,6,"div",5),v()),n&2){let e=l(4);m(),c("ngIf",e.commentObj==null||e.commentObj.attachments==null?null:e.commentObj.attachments.length)}}function $Ke(n,i){if(n&1&&(f(0),g(1,jKe,2,1,"ng-container",2),v()),n&2){let e=l(3);m(),c("ngIf",e.commentObj)}}function HKe(n,i){if(n&1&&(f(0),g(1,$Ke,2,1,"ng-container",4),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(5,RKe,t.template,He(1,gce,t.componentConfigSignal,t.commentObj,t.i),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function zKe(n,i){if(n&1&&(f(0),g(1,HKe,2,11,"ng-container",3),v()),n&2){let e=l();m(),c("veltIf",F(5,kKe,e.conditionSignal(),He(1,gce,e.componentConfigSignal,e.commentObj,e.i)))}}var j2=(()=>{class n extends ${constructor(e,t,o){super(e,o,t),this.elementRef=e,this.loggingService=t,this.dynamicDataService=o,this.componentId="velt-thread-card-attachments",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,commentObj:this.commentObj,i:this.i}),this.setupA11yAttributes(),this.imageWireframe||(this.imageWireframe=this.template?.querySelector("velt-comment-dialog-thread-card-attachments-image-wireframe")),this.otherWireframe||(this.otherWireframe=this.template?.querySelector("velt-comment-dialog-thread-card-attachments-other-wireframe"))}catch{}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("role","region"),e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("aria-label","Comment attachments")}catch(e){this.loggingService.catch("Error in CommentDialogThreadCardAttachmentsComponent setupA11yAttributes:",e)}}static{this.\u0275fac=function(t){return new(t||n)(u(N),u(_),u(S))}}static{this.\u0275cmp=O({type:n,selectors:[["app-comment-dialog-thread-card-attachments"]],inputs:{commentObj:"commentObj",i:"i"},standalone:!1,features:[U([S]),B],decls:1,vars:1,consts:[["otherAttachmentRef",""],["imageAttachmentRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["class","comment-attachments velt-comment-attachments","velt-ignore-change-detection","true","role","region",4,"ngIf"],["velt-ignore-change-detection","true","role","region",1,"comment-attachments","velt-comment-attachments"],[4,"ngFor","ngForOf","ngForTrackBy"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],[3,"componentConfigSignal","attachment","commentObj","attachmentIndex","otherWireframe"],[3,"componentConfigSignal","attachmentIndex","commentObj","attachment","imageWireframe"]],template:function(t,o){t&1&&g(0,zKe,2,8,"ng-container",2),t&2&&c("ngIf",o.componentConfigSignal())},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}[_nghost-%COMP%]:empty{display:none}.velt-comment-attachments[_ngcontent-%COMP%]{gap:var(--velt-spacing-sm);display:flex;flex-direction:column}.velt-comment-attachments[_ngcontent-%COMP%]:not(:empty){margin:var(--velt-spacing-lg) 0 var(--velt-spacing-sm);padding-left:calc((3rem + 0px) * var(--velt-base-rem-unit))}"],changeDetection:0})}}return n})();var uce=(n,i,e)=>({componentConfigSignal:n,commentObj:i,i:e}),GKe=(n,i)=>({condition:n,data:i}),WKe=(n,i,e,t,o)=>({template:n,context:i,componentName:"velt-comment-dialog-thread-card-message-wireframe",variant:e,setIfCondition:t,componentElementRef:o}),qKe=(n,i,e,t,o)=>[n,i,e,t,o];function YKe(n,i){if(n&1){let e=W();C(0,"div",7),w(1,"translate"),H("copy",function(o){return k(e),R(o.stopPropagation())}),ee(2),w(3,"translate"),y()}if(n&2){let e=l(4).ngIf,t=l();pe("velt-thread-card--inline-mode",e==null?null:e.inlineCommentSectionMode)("velt-thread-card--draft",t.commentObj==null?null:t.commentObj.isDraft),E("data-testid",t.componentId+"-text")("aria-label",A(1,7,"Comment")+" "+(t.i+1)),m(2),ve(" ",A(3,9,t.commentObj.commentText)," ")}}function KKe(n,i){if(n&1){let e=W();C(0,"div",8),w(1,"sanitizeHtml"),w(2,"replaceAutocompleteList"),w(3,"safeHtml"),w(4,"translate"),H("copy",function(o){return k(e),R(o.stopPropagation())}),y()}if(n&2){let e=l(4).ngIf,t=l();pe("velt-thread-card--inline-mode",e==null?null:e.inlineCommentSectionMode)("velt-thread-card--draft",t.commentObj==null?null:t.commentObj.isDraft),c("innerHTML",Ul(3,15,RY(2,9,j(20,qKe,A(1,7,t.commentObj.commentHtml),t.commentObj==null?null:t.commentObj.customList,t.commentObj==null?null:t.commentObj.toOrganizationUserGroup,t.commentObj==null?null:t.commentObj.taggedUserContacts,(e==null?null:e.dialogShadowDOM)&&!(e!=null&&e.template))),!1),Ui),E("data-testid",t.componentId+"-html")("aria-label",A(4,18,"Comment")+" "+(t.i+1))}}function ZKe(n,i){if(n&1&&(f(0),g(1,YKe,4,11,"div",5)(2,KKe,5,26,"div",6),v()),n&2){let e=l(3).ngIf,t=l();m(),c("ngIf",(e==null?null:e.editCommentIndex)!==t.i&&t.commentObj.commentText&&!t.commentObj.commentHtml),m(),c("ngIf",(e==null?null:e.editCommentIndex)!==t.i&&t.commentObj.commentHtml)}}function XKe(n,i){if(n&1&&(f(0),g(1,ZKe,3,2,"ng-container",4),v()),n&2){l(2);let e=de(3),t=l();m(),c("ngIf",!t.showLoadingTemplate)("ngIfElse",e)}}function QKe(n,i){if(n&1&&(f(0),g(1,XKe,2,2,"ng-container",3),v()),n&2){let e=l().ngIf,t=l();m(),c("veltDynamicTemplate",j(5,WKe,t.template,He(1,uce,t.componentConfigSignal,t.commentObj,t.i),e==null?null:e.variant,t.setIfCondition.bind(t),t.elementRef))}}function JKe(n,i){n&1&&D(0,"velt-skeleton-loader-internal",9)}function eZe(n,i){if(n&1&&(f(0),g(1,QKe,2,11,"ng-container",2)(2,JKe,1,0,"ng-template",null,0,be),v()),n&2){let e=l();m(),c("veltIf",F(5,GKe,e.conditionSignal(),He(1,uce,e.componentConfigSignal,e.commentObj,e.i)))}}var $2=(()=>{class n extends ${get commentObj(){return this._commentObj}set commentObj(e){try{this._commentObj=e,this.setShowLoadingTemplate()}catch{}}constructor(e,t,o,r,a,s){super(r,a,t),this.authService=e,this.loggingService=t,this.renderer=o,this.elementRef=r,this.dynamicDataService=a,this.commentResolverService=s,this.showLoadingTemplate=!1,this.componentId="velt-thread-card-message",super.initializeComponentConfigSignal(new Ae)}ngOnInit(){try{this.setupA11yAttributes(),this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,commentObj:this.commentObj,i:this.i}),this.setShowLoadingTemplate();let t=this.authService.getUser()?.email;if(t){let o=this.renderer.createElement("style");this.renderer.setProperty(o,"type","text/css"),this.renderer.setProperty(o,"innerHTML",`
393
393
  .velt-comment-dialog-thread-card-message--email-chip[email="${t}"] {