@veltdev/sdk-dev 4.4.0-beta.54 → 4.4.0-beta.55

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.54';
1
+ var SNIPPYLY_VERSION = '4.4.0-beta.55';
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 Dw=Object.defineProperty,Rfe=Object.defineProperties,Nfe=Object.getOwnPropertyDescriptor,Ffe=Object.getOwnPropertyDescriptors,Lfe=Object.getOwnPropertyNames,ww=Object.getOwnPropertySymbols,fz=Object.getPrototypeOf,f9=Object.prototype.hasOwnProperty,vz=Object.prototype.propertyIsEnumerable,Bfe=Reflect.get;var hz=(n,o,t)=>o in n?Dw(n,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[o]=t,I=(n,o)=>{for(var t in o||={})f9.call(o,t)&&hz(n,t,o[t]);if(ww)for(var t of ww(o))vz.call(o,t)&&hz(n,t,o[t]);return n},T=(n,o)=>Rfe(n,Ffe(o));var v9=(n,o)=>{var t={};for(var e in n)f9.call(n,e)&&o.indexOf(e)<0&&(t[e]=n[e]);if(n!=null&&ww)for(var e of ww(n))o.indexOf(e)<0&&vz.call(n,e)&&(t[e]=n[e]);return t};var Vfe=(n,o)=>()=>(o||n((o={exports:{}}).exports,o),o.exports),Aw=(n,o)=>{for(var t in o)Dw(n,t,{get:o[t],enumerable:!0})},Ufe=(n,o,t,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of Lfe(o))!f9.call(n,i)&&i!==t&&Dw(n,i,{get:()=>o[i],enumerable:!(e=Nfe(o,i))||e.enumerable});return n};var Cz=(n,o,t)=>(t=n!=null?kfe(fz(n)):{},Ufe(o||!n||!n.__esModule?Dw(t,"default",{value:n,enumerable:!0}):t,n));var Pd=(n,o,t)=>Bfe(fz(n),t,o);var ee=(n,o,t)=>new Promise((e,i)=>{var r=c=>{try{s(t.next(c))}catch(p){i(p)}},a=c=>{try{s(t.throw(c))}catch(p){i(p)}},s=c=>c.done?e(c.value):Promise.resolve(c.value).then(r,a);s((t=t.apply(n,o)).next())});var RH=Vfe((AYi,kH)=>{"use strict";var Ct={};Ct.generateIdentifier=function(){return Math.random().toString(36).substring(2,12)};Ct.localCName=Ct.generateIdentifier();Ct.splitLines=function(n){return n.trim().split(`
@@ -401,7 +401,7 @@ This typically indicates that your device does not have a healthy Internet conne
401
401
  <|im_end|>
402
402
  `),a}catch(a){return this.loggingService.catch("Error in RewriterService getChatGPTPrompt: ",a),""}}removeChatGPTPlaceholders(e){try{let i=["<|im_start|>","<|im_start>","<im_start|>","<im_start>","<|im_end|>","<|im_end>","<im_end|>","<im_end>","<|end|>","<|end>","<end|>","<end>","<|start|>","<|start>","<start|>","<start>"],r=e;return i.forEach(a=>{let s=a.replace(/\|/g,"\\|");r=r?.replace(new RegExp(s,"g"),"")}),r}catch(i){return this.loggingService.catch("Error in RewriterService removeChatGPTPlaceholders: ",i),""}}};o.\u0275fac=function(i){return new(i||o)(J(Qe),J(je),J($t),J(Fe),J(y),J(Vo))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();var QM=class extends li{constructor(o){super(o),this.getService(y).log("%c[WB] Creating CLASS: RewriterElement","color: blue;"),this.enableRewriter=this._enableRewriter,this.disableRewriter=this._disableRewriter}_enableRewriter(){this.getService(y).log("%c[WB] Calling FUNCTION: _enableLiveRewriter","color: green;");try{this.trackEvent(Z.Events.Rewriter.ENABLE_REWRITER_TRIGGERED),this.getService(Cc).enableRewriter()}catch(o){this.getService(y).catch("Error in enableLiveRewriter: ",o)}}_disableRewriter(){this.getService(y).log("%c[WB] Calling FUNCTION: _disableRewriter","color: green;");try{this.trackEvent(Z.Events.Rewriter.DISABLE_REWRITER_TRIGGERED),this.getService(Cc).disableRewriter()}catch(o){this.getService(y).catch("Error in disableRewriter: ",o)}}};var C9e=()=>({}),yo=(()=>{let o=class o{constructor(){this.height=void 0,this.width=void 0,this.borderRadius=void 0,this.customClass=void 0,this.veltElement=!0}ngOnInit(){}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=M({type:o,selectors:[["velt-skeleton-loader-internal"]],hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.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(i,r){i&1&&(C(0,"div",0),te(1),S()),i&2&&(Yo(r.customClass),ot("--velt-skeleton-loader-height",r.height||"100%")("--velt-skeleton-loader-width",r.width||"100%")("--velt-skeleton-loader-border-radius",r.borderRadius||"inherit"),m("ngStyle",r.customStyles||kt(10,C9e)),d(),ve(" ","\u200E ",`
403
403
  `))},dependencies:[Vg],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}}"]});let n=o;return n})();var _9e=["userAvatarRef"],y9e=["*"];function S9e(n,o){if(n&1&&(C(0,"div",7),w(1,"span",8),S()),n&2){let t=l(2).ngIf,e=l();ot("background-color",t.background||"#625DF5"),x("data-testid",e.componentId+"-initial-container"),d(),ot("color",t.textColor||"#FFFFFF"),x("data-modal-author-initial",t.initial)("data-testid",e.componentId+"-initial")}}function b9e(n,o){if(n&1){let t=q();C(0,"img",9),z("error",function(){k(t);let i=l(3);return R(i.onImageLoadError())})("load",function(){k(t);let i=l(3);return R(i.onImageLoaded())}),S()}if(n&2){let t=l(2).ngIf,e=l();ot("display",t.imgLoaded?"":"none !important"),m("src",t.src,cn),x("alt","User avatar")("data-testid",e.componentId+"-image")}}function I9e(n,o){if(n&1&&(f(0),C(1,"div",4,1),g(3,S9e,2,7,"div",5)(4,b9e,1,5,"ng-template",6),Pt(5),S(),v()),n&2){let t=l().ngIf,e=l();d(),x("data-testid",e.componentId+"-container")("aria-label","User avatar"),d(2),m("ngIf",!t.imgLoaded),d(),m("ngIf",!t.imgLoadError)}}function E9e(n,o){if(n&1&&w(0,"velt-skeleton-loader-internal",10),n&2){let t=l().ngIf;m("height",t.size?t.size+"px":"100%")("width",t.size?t.size+"px":"100%")}}function x9e(n,o){if(n&1&&(f(0),g(1,I9e,6,4,"ng-container",3)(2,E9e,1,2,"ng-template",null,0,xe),v()),n&2){let t=o.ngIf,e=de(3);d(),m("ngIf",t.imgLoaded||(t==null||t.user==null?null:t.user.photoUrl)||(t==null||t.user==null?null:t.user.name)||(t==null||t.user==null?null:t.user.email)||(t==null?null:t.initial))("ngIfElse",e)}}var Un=(()=>{let o=class o{constructor(e,i){this.loggingService=e,this.elementRef=i,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(i=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{[i]:e[i].currentValue}),r))}),e?.user){let i=e.user.currentValue;i?.photoUrl!==this.componentConfigSignal().src&&this.componentConfigSignal.update(r=>(r=T(I({},r),{src:i?.photoUrl,imgLoaded:!1,imgLoadError:!1}),r)),this.componentConfigSignal.update(r=>(r=T(I({},r),{background:i?.color||"#625DF5"}),r)),this.componentConfigSignal.update(r=>(r=T(I({},r),{textColor:i?.textColor||"#FFFFFF"}),r)),this.componentConfigSignal.update(r=>(r=T(I({},r),{initial:i?.initial||i?.name?.charAt(0)||i?.email?.charAt(0)}),r))}e?.size&&this.updateAvatarSize(),e?.width&&this.updateAvatarSize(),e?.height&&this.updateAvatarSize()}catch(i){this.loggingService.catch("Error in UserAvatarComponent ngOnChanges: ",i)}}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N))},o.\u0275cmp=M({type:o,selectors:[["snippyly-user-avatar"]],viewQuery:function(i,r){if(i&1&&it(_9e,5),i&2){let a;Ze(a=Xe())&&(r.userAvatarRef=a.first)}},hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.veltElement)},inputs:{initial:"initial",src:"src",background:"background",textColor:"textColor",size:"size",width:"width",height:"height",user:"user"},standalone:!1,features:[qe],ngContentSelectors:y9e,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(i,r){i&1&&(Vt(),g(0,x9e,4,2,"ng-container",2)),i&2&&m("ngIf",r.componentConfigSignal())},dependencies:[K,yo],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});let n=o;return n})();var T9e=["selectionElementPortalOverlay"],w9e=n=>[n];function D9e(n,o){if(n&1&&(f(0),C(1,"span",10),te(2),D(3,"translate"),S(),v()),n&2){let t=l(),e=t.$implicit,i=t.index,r=l(5);d(),ot("--velt-selection-color",e==null||e.user==null?null:e.user.color),x("data-testid",r.componentId+"-user-name-"+i),d(),$e(O(3,4,(e==null||e.user==null?null:e.user.name)||(e==null||e.user==null?null:e.user.email)))}}function A9e(n,o){if(n&1&&(f(0),g(1,D9e,4,6,"ng-container",3),v()),n&2){let t=o.index,e=l(5);d(),m("ngIf",t<e.maxCount)}}function O9e(n,o){if(n&1&&(C(0,"span",11),te(1),S()),n&2){let t=l(4).ngIf,e=l();ot("--velt-selection-color",(t.selections[0]==null||t.selections[0].user==null?null:t.selections[0].user.color)||"white"),x("data-testid",e.componentId+"-additional-count")("aria-label",(t.selections==null?null:t.selections.length)-e.maxCount+" additional users"),d(),ve("+",(t.selections==null?null:t.selections.length)-e.maxCount,"")}}function M9e(n,o){if(n&1&&(f(0),C(1,"div",7),D(2,"translate"),g(3,A9e,2,1,"ng-container",8)(4,O9e,2,5,"span",9),S(),v()),n&2){let t=l(3).ngIf,e=l();d(),x("data-testid",e.componentId+"-label-container")("aria-label",O(2,4,"Selected users")),d(2),m("ngForOf",t.selections),d(),m("ngIf",(t.selections==null?null:t.selections.length)>e.maxCount)}}function P9e(n,o){if(n&1&&(f(0),w(1,"snippyly-user-avatar",13),v()),n&2){let t=l(),e=t.$implicit,i=t.index;d(),ot("--velt-selection-color",e==null||e.user==null?null:e.user.color)("--velt-selection-user-index",i),m("size",20)("user",e==null?null:e.user)}}function k9e(n,o){if(n&1&&(f(0),g(1,P9e,2,6,"ng-container",3),v()),n&2){let t=o.index,e=l(5);d(),m("ngIf",t<e.maxCount)}}function R9e(n,o){if(n&1&&(C(0,"div",14),D(1,"translate"),C(2,"span",15),te(3),S()()),n&2){let t=l(4).ngIf,e=l();ot("--velt-selection-user-index",t.selections==null?null:t.selections.length)("background-color",(t.selections[(t.selections==null?null:t.selections.length)-1]==null||t.selections[(t.selections==null?null:t.selections.length)-1].user==null?null:t.selections[(t.selections==null?null:t.selections.length)-1].user.color)||"white"),x("data-testid",e.componentId+"-additional-avatars")("aria-label",(t.selections==null?null:t.selections.length)-e.maxCount+" "+O(1,7,"additional users")),d(3),ve("+",(t.selections==null?null:t.selections.length)-e.maxCount,"")}}function N9e(n,o){if(n&1&&g(0,k9e,2,1,"ng-container",8)(1,R9e,4,9,"div",12),n&2){let t=l(3).ngIf,e=l();m("ngForOf",t.selections),d(),m("ngIf",(t.selections==null?null:t.selections.length)>e.maxCount)}}function F9e(n,o){if(n&1&&g(0,M9e,5,6,"ng-container",6)(1,N9e,2,2,"ng-template",null,2,xe),n&2){let t=de(2),e=l(2).ngIf,i=l();m("ngIf",(e==null?null:e.userIndicatorType)===(i.userIndicatorTypes==null?null:i.userIndicatorTypes.Label))("ngIfElse",t)}}function L9e(n,o){if(n&1&&(f(0),w(1,"div",4,0),g(3,F9e,3,2,"ng-template",5,1,xe),v()),n&2){let t=de(2),e=l().ngIf,i=l();d(),ot("top",(e==null||e.position==null?null:e.position.top)+i.offsetTop,"px")("left",(e==null||e.position==null?null:e.position.left)+i.offsetLeft,"px"),m("id","selection-element-contianer-"+(i.highlight.user==null?null:i.highlight.user.userSnippylyId)),x("data-testid",i.componentId),d(2),m("cdkConnectedOverlayOrigin",t)("cdkConnectedOverlayOpen",!0)("cdkConnectedOverlayLockPosition",!1)("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPositions",P(12,w9e,e==null?null:e.overlayPosition))}}function B9e(n,o){if(n&1&&(f(0),g(1,L9e,5,14,"ng-container",3),v()),n&2){let t=o.ngIf;d(),m("ngIf",t==null?null:t.position)}}var Mse=(()=>{let o=class o{get highlight(){return this._highlight}set highlight(e){this._highlight=e,this.calculatePosition()}constructor(e,i,r){this.loggingService=e,this.selectionService=i,this.elementRef=r,this._highlight=new kp,this.position=null,this.userIndicatorTypes=Vv,this.offsetLeft=0,this.offsetTop=0,this.maxCount=1,this.componentConfigSignal=Se({userIndicatorPosition:FS.End,userIndicatorType:Vv.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 a=this.selectionService.getUserIndicatorPosition(),s=this.selectionService.getUserIndicatorType();this.componentConfigSignal.update(c=>(c=T(I({},c),{userIndicatorPosition:a,userIndicatorType:s}),c)),this.setOverlayPosition(a)}catch(a){this.loggingService.log("Error in SelectionElementPortalComponent constructor: ",a)}}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(i=>(i=T(I({},i),{selections:e}),i))}catch(i){this.loggingService.catch("Error in SelectionElementPortalComponent setSelections: ",i)}}addSelection(e){try{this.componentConfigSignal.update(i=>(i=I({},i),i.selections.push(e),i))}catch(i){this.loggingService.catch("Error in SelectionElementPortalComponent addSelection: ",i)}}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(i=>(i=T(I({},i),{overlayPosition:{originX:"start",originY:"top",overlayX:"start",overlayY:"top"}}),i));break;default:this.componentConfigSignal.update(i=>(i=T(I({},i),{overlayPosition:{originX:"end",originY:"top",overlayX:"end",overlayY:"top"}}),i))}this.updateOverlayPosition()}catch(i){this.loggingService.catch("Error in SelectionElementPortalComponent setOverlayPosition: ",i)}}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=rS(this.highlight.targetElement);if(e){let i=e.iterateNext(),r,a=null,s=null;try{r=JSON.parse(i?.getAttribute(U.ATTRIBUTES.VELT_SELECTION_CONFIG)||"{}"),a=i?.getAttribute(U.ATTRIBUTES.VELT_LIVE_SELECTION_USER_INDICATOR_POSITION)||this.componentConfigSignal().userIndicatorPosition,a&&this.setOverlayPosition(a),s=i?.getAttribute(U.ATTRIBUTES.VELT_LIVE_SELECTION_USER_INDICATOR_TYPE)||this.componentConfigSignal().userIndicatorType,this.componentConfigSignal.update(p=>(p=T(I({},p),{userIndicatorPosition:a,userIndicatorType:s}),p))}catch{}let c;if(r?.horizontal&&(c=r.horizontal),a==="start"?c="top-start":c="top-right",i){let p=i.getBoundingClientRect();if(p&&p.width&&p.height)switch(c){case"left":this.position={top:p.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:p.width};break;case"bottom-left":this.position={top:p.height+4,left:0};break;case"bottom-right":this.position={top:p.height+4,left:p.width-32};break;case"center-left":this.position={top:p.height/2-16,left:-32};break;case"center-right":this.position={top:p.height/2-16,left:p.width+4};break;default:this.position={top:-32,left:p.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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Cs),u(N))},o.\u0275cmp=M({type:o,selectors:[["app-selection-element-portal"]],viewQuery:function(i,r){if(i&1&&it(T9e,5),i&2){let a;Ze(a=Xe())&&(r.selectionElementPortalOverlay=a.first)}},hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.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(i,r){i&1&&g(0,B9e,2,1,"ng-container",3),i&2&&m("ngIf",r.componentConfigSignal())},dependencies:[ht,K,jn,kn,Un,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});let n=o;return n})();var Yv=(n,o)=>{try{let t=U9e(n),e=[],i=[];return t.forEach(r=>{r?.parentElement?.closest(U.TAGS.SNIPPYLY_TEXT_HIGHLIGHT)?r?.parentElement?.normalize():i.push(r)}),i.forEach(r=>{let a=j9e(r,o);a&&e.push(a)}),e}catch(t){return pt.catch("Error in highlighter highlightRange: ",t),[]}},U9e=n=>{try{if(n.collapsed)return[];let o=n.commonAncestorContainer;if(n.commonAncestorContainer.nodeType!==Node.ELEMENT_NODE&&(o=n.commonAncestorContainer.parentElement),!o)return[];let t=[],e=o.ownerDocument.createNodeIterator(o,NodeFilter.SHOW_TEXT),i,r=!1;for(;i=e.nextNode();)if(n.intersectsNode(i)){let a=i?.length;n.startContainer===i&&n.startOffset>0&&(i.splitText(n.startOffset),r=!0),n.endContainer===i&&n.endOffset<a&&i.splitText(n.endOffset),t.push(i)}return r&&t.shift(),t}catch(o){return pt.catch("Error in highlighter getTextNodesInRange: ",o),[]}},j9e=(n,o)=>{try{let t=document.createElement(o||U.TAGS.SNIPPYLY_TEXT_HIGHLIGHT);return n.parentElement?.replaceChild(t,n),t.appendChild(n),t}catch(t){return pt.catch("Error in highlighter highlightNode: ",t),null}};var Cs=(()=>{let o=class o{constructor(e,i,r,a,s,c,p,h,_,E,A){this.afAuth=e,this.authService=i,this.configService=r,this.databaseService=a,this.docService=s,this.domService=c,this.componentFactoryResolver=p,this.injector=h,this.appRef=_,this.loggingService=E,this.commonDbService=A,this.documentPaths=null,this.db=Ci(),this.textSelections={},this.enableSelections$=new fe(!1),this.userIndicatorEnabled$=new fe(!0),this.userIndicatorPosition$=new fe(FS.End),this.userIndicatorType$=new fe(Vv.Avatar),this.defaultElementsTrackingEnabled$=new fe(!0),this.defaultStylingEnabled$=new fe(!0),this.elementSelections={},this.databaseService.getDb().pipe(Ne(B=>!!B),Je(1)).subscribe(B=>{B&&(this.db=B,this.updateOnDocumentFocusChange())},B=>{this.loggingService.catch("Error in SelectionService getDb subscription: ",B)}),this.docService.getDocumentPaths$().subscribe(B=>{this.documentPaths=B},B=>{this.loggingService.catch("Error in SelectionService getDocumentPaths subscription: ",B)}),this.domService.onDocumentClick$().subscribe(B=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&B?.target&&!window.getSelection()?.toString()){let G=this.getSelectionEnabledElement(B.target);if(G&&!ji(G)){let X=this.domService.getXPath(G);if(X){let he=new kp;he.type="click",he.targetElement=X,this.setSelection(he)}}else this.removeSelection()}}catch(G){this.loggingService.catch("Error in SelectionService onDocumentClick$: ",G)}},B=>{this.loggingService.catch("Error in SelectionService onDocumentClick$ subscription: ",B)}),this.domService.onDocumentFocus$().subscribe(B=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&B?.target){let G=this.getSelectionEnabledElement(B.target);if(G&&!ji(G)){let X=this.domService.getXPath(G);if(X){let he=new kp;he.type="focus",he.targetElement=X,this.setSelection(he)}}else this.removeSelection()}}catch(G){this.loggingService.catch("Error in SelectionService onDocumentFocus$: ",G)}},B=>{this.loggingService.catch("Error in SelectionService onDocumentFocus$ subscription: ",B)}),this.domService.onWindowKeyupEsc$().subscribe(B=>{this.removeSelection()},B=>{this.loggingService.catch("Error in SelectionService onWindowKeyupEsc$ subscription: ",B)}),this.enableSelections$.pipe(ge(()=>this.isFeatureAllowed$({})),Ne(B=>B?.config&&B?.user)).subscribe(B=>{(!B?.featureAllowed||!this.enableSelections$.value)&&this.removeSelection()},B=>{this.loggingService.catch("Error in SelectionService enableSelections$ subscription: ",B)}),this.domService.onSelectionChange$().subscribe(()=>{try{if(this.enableSelections$.value&&this.isFeatureAllowed()&&window.getSelection()?.toString()){let B=window.getSelection()?.getRangeAt(0);if(B.commonAncestorContainer&&!B?.collapsed){let G=Nie([B]),X=new kp;X.type="selection",X.targetTextRange=G?.length?G[0]:null,this.setSelection(X)}}}catch(B){this.loggingService.catch("Error in SelectionService onSelectionChange$: ",B)}},B=>{this.loggingService.catch("Error in SelectionService onSelectionChange$ subscription: ",B)}),this.authService.getUser$().subscribe(B=>{this.user=B},B=>{this.loggingService.catch("Error in SelectionService getUser$ subscription: ",B)}),this.getSelectionsOnCurrentDocument().pipe(Vi()).subscribe(([B,G])=>{try{if(B){let X=[];Object.keys(B).forEach(he=>{let Ie=B[he],Me=G?G[he]:null;!Co(Ie,Me)&&he!==this.getUserIdHash(this.user)&&X.push(Ie)}),X.forEach(he=>{if(he.targetElement){let Ie=this.elementSelections[he?.targetElement]?.portalRef,Le=(this.elementSelections[he?.targetElement]?.selections||[]).filter(We=>this.getUserIdHash(We.user)!==this.getUserIdHash(he?.user));Le?.length?(Ie.instance.setSelections(Le.slice()),this.elementSelections[he?.targetElement].selections=Le.slice(),this.highlightElement(Le[0])):(this.removeHighlightFromElement(he),this.removeSelectionElement(he))}else he.targetTextRange&&this.removeHighlightFromText(he)})}if(G){let X=[];Object.keys(G).forEach(he=>{let Ie=B?B[he]:null,Me=G[he];!Co(Ie,Me)&&he!==this.getUserIdHash(this.user)&&X.push(Me)}),X.forEach(he=>{he.targetElement?(this.highlightElement(he),this.getUserIndicatorEnabled()&&this.setElementHighlight(he)):he.targetTextRange&&this.highlightText(he)})}}catch(X){this.loggingService.catch("Error in SelectionService getSelectionsOnCurrentDocument: ",X)}},B=>{this.loggingService.catch("Error in SelectionService getSelectionsOnCurrentDocument subscription: ",B)}),this.authService.addPreSignOutFuction("highlight-signout",this.signOutUser.bind(this))}isFeatureAllowed(){return Xi(this.configService.getConfig(),this.authService.getUser(),Re.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;"),Wn(this.afAuth).pipe(Ne(e=>!!e),ge(e=>this.isFeatureAllowed$({firebaseUser:e})),ge(e=>e.featureAllowed?re(e).pipe(ge(i=>this.docService.getDocumentPaths$().pipe(ce(r=>(this.documentPaths=r,i)))),ge(i=>i?.user?i?.user?.isAnonymous?re(null):this.documentPaths?this.databaseService.getDb().pipe(Ne(r=>!!r),ge(r=>this.documentPaths?.selection?this.commonDbService.dbListener({feature:"allSelections",properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,skipFirestore:!0}}).pipe(ce(a=>a?.data)):re(null))):re(null):re(null))):re(null)))}isFeatureAllowed$(e){return this.configService.getConfig$().pipe(Ne(i=>!!i),ce(i=>T(I({},e),{config:i})),ge(i=>this.authService.getUser$().pipe(ce(r=>(this.user=r,T(I({},i),{user:r}))))),ge(i=>Xi(i.config,i.user,Re.LIVE_SELECTION)?re(T(I({},i),{featureAllowed:!0})):(this.loggingService.warn("Live Selection feature is not allowed."),re(T(I({},i),{featureAllowed:!1})))))}setSelection(e){try{if(this.user?.userId&&this.documentPaths?.selection){e.user=this.user;let i=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:i})}}catch(i){this.loggingService.catch("Error in SelectionService setSelection: ",i)}}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 i=this.domService.getXPath(e.targetElement);if(i){let r=i.iterateNext();if(r){let a=["input","textarea","select","button"],s;try{r?.getAttribute(U.ATTRIBUTES.VELT_SELECTION_CONFIG)&&(s=JSON.parse(r?.getAttribute(U.ATTRIBUTES.VELT_SELECTION_CONFIG)||"{}"))}catch{}(!s||s?.border)&&this.domService.highlightUserElement(r,e?.user?.color,e?.user?.name,this.getDefaultStylingEnabled())}}}catch(i){this.loggingService.catch("Error in SelectionService highlightElement: ",i)}}removeHighlightFromElement(e){try{let i=this.domService.getXPath(e.targetElement);if(i){let r=i.iterateNext();r&&this.domService.removeHighlightUserFromElement(r)}}catch(i){this.loggingService.catch("Error in SelectionService removeHighlightFromElement: ",i)}}highlightText(e){try{if(e?.targetTextRange){let i=iv(e.targetTextRange?.text,this.domService.getXPath(e.targetTextRange?.commonAncestorContainer).iterateNext(),e.targetTextRange?.occurrence),r=new Range;try{r.setStart(i[0].textNode,i[0].startOffset||0),r.setEnd(i[i.length-1].textNode,i[i.length-1].endOffset||0)}catch{}if(r.toString()===e.targetTextRange?.text){let a=Yv(r,U.TAGS.SNIPPYLY_HIGHLIGHT_USER_TEXT),s=[],c=this.getSelectionUserMarker(e.user);if(a&&a.length&&(a.forEach(p=>{p?.textContent?.trim()&&(this.domService.addClassToElement(p,p.tagName?.toLowerCase()),this.domService.addClassToElement(p,U.VELT_LIVE_SELECTION_ON_TEXT),this.getDefaultStylingEnabled()&&this.domService.addClassToElement(p,U.VELT_LIVE_SELECTION_ON_TEXT_DEFAULT),e.user?.color&&p.style.setProperty(U.VELT_SELECTION_COLOR,e.user?.color+"55"),s.push({element:p,textNode:p.childNodes[0]}))}),c)){let p=a.filter(_=>_?.textContent?.trim()),h=p?.length?p[p?.length-1]:null;h&&h.parentNode.insertBefore(c,h.nextSibling)}this.textSelections[this.getUserIdHash(e?.user)]={textNodes:s,marker:c}}}}catch(i){this.loggingService.catch("Error in SelectionService highlightText: ",i)}}removeHighlightFromText(e){try{let i=this.getUserIdHash(e?.user);i&&this.textSelections[i]?.textNodes?.length&&(this.textSelections[i].textNodes.forEach(r=>{r?.element&&r?.textNode&&r.element.replaceWith(r.textNode),r.textNode&&r.textNode.parentNode?.normalize()}),this.textSelections[i]?.marker&&this.textSelections[i]?.marker?.remove())}catch(i){this.loggingService.catch("Error in SelectionService removeHighlightFromText: ",i)}}getSelectionUserMarker(e){try{let i=document.createElement("span");i.classList.add("snippyly-user-marker","active"),i.setAttribute("data-name",e?.name+""),i.style.setProperty("--velt-selection-marker-color",e?.color||"#000");let r=document.createElement("span");r.classList.add("snippyly-user-marker-line");let a=document.createElement("span");return a.classList.add("snippyly-user-marker-dot"),r.appendChild(a),i.appendChild(r),setTimeout(()=>{i?.classList?.remove("active")},1e3),i}catch(i){return this.loggingService.catch("Error in SelectionService getSelectionUserMarker: ",i),null}}signOutUser(e){return new Promise((i,r)=>{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(Je(1)).subscribe(a=>{a?.data?this.commonDbService.deleteData({feature:"selection",errorCallback:s=>{r(s)},callback:()=>{i(null)},properties:{documentId:this.documentPaths?.documentId,organizationId:this.documentPaths?.organizationId,userId:this.getUserIdHash(this.user)??"",skipFirestore:!0}}):i(null)},a=>{this.loggingService.catch("Error in SelectionService signOutUser subscription: ",a),r(a)}):i(null)}catch(a){this.loggingService.catch("Error in SelectionService signOutUser:",a),r(a)}})}enableSelections(e){try{this.enableSelections$.next(e)}catch(i){this.loggingService.catch("Error in SelectionService enableSelections: ",i)}}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(i){this.loggingService.catch("Error in SelectionService setUserIndicatorPosition: ",i)}}getUserIndicatorPosition$(){return this.userIndicatorPosition$.asObservable()}getUserIndicatorPosition(){return this.userIndicatorPosition$.value}setUserIndicatorType(e){try{this.userIndicatorType$.next(e)}catch(i){this.loggingService.catch("Error in SelectionService setUserIndicatorType: ",i)}}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 i=this.getDefaultElementsTrackingEnabled();return i&&U.SELECTION_ENABLED_ELEMENTS[e.tagName?.toLowerCase()]?e:CV(e,i)}catch(i){return this.loggingService.catch("Error in SelectionService isElementAllowed: ",i),null}}setElementHighlight(e){try{if(!this.elementSelections[e.targetElement])this.setSelectionElement(e);else{let i=this.elementSelections[e.targetElement].portalRef;this.elementSelections[e.targetElement].selections?.find(a=>this.getUserIdHash(a.user)===this.getUserIdHash(e?.user))||(i.instance.addSelection(e),this.elementSelections[e.targetElement].selections.push(e))}}catch(i){this.loggingService.catch("Error in SelectionService setElementSelection: ",i)}}setSelectionElement(e){try{let i=this.domService.getXPath(e.targetElement);if(i){let r=i.iterateNext();if(r){let a=this.domService.getHostElement(r),s=new No(Mse),c=new Fo(a,this.componentFactoryResolver,this.appRef,this.injector),p=c.attach(s);p.instance.highlight=e,p.instance.setSelections([e]),this.elementSelections[e.targetElement]={selectionHostDomPortalOutlet:c,selectionElementPortal:s,portalRef:p,selections:[JSON.parse(JSON.stringify(e))],userTargetElement:r,selectionHostElement:a,targetElement:e.targetElement},this.updateElementOffset(e)}}}catch(i){this.loggingService.catch("Error in SelectionService setSelectionElement: ",i)}}updateElementOffset(e){try{let{portalRef:i,userTargetElement:r,selectionHostElement:a}=this.elementSelections[e.targetElement],s=this.domService.getElementOffset(r,a);i.instance.offsetLeft=s.offsetLeft,i.instance.offsetTop=s.offsetTop}catch(i){this.loggingService.catch("Error in SelectionService updateElementOffset: ",i)}}checkElementHighlightsToRemove(e){try{let i=e.map(r=>r.targetElement);Object.keys(this.elementSelections).forEach(r=>{if(!i.includes(r)){let a=this.elementSelections[r];a&&(a.selectionHostDomPortalOutlet.detach(),this.domService.removeHighlightFromElement(a.selectionHostElement)),delete this.elementSelections[r]}})}catch(i){this.loggingService.catch("Error in SelectionService checkElementHighlightsToRemove: ",i)}}removeSelectionElement(e){try{let i=this.elementSelections[e.targetElement];i&&(i.selectionHostDomPortalOutlet.detach(),this.domService.removeHighlightFromElement(i.selectionHostElement)),delete this.elementSelections[e.targetElement]}catch(i){this.loggingService.catch("Error in SelectionService removeSelectionElement: ",i)}}getUserIdHash(e){try{return e?.userId?Rt(e?.userId):null}catch(i){return this.loggingService.catch("Error in SelectionService getUserIdHash: ",i),null}}};o.\u0275fac=function(i){return new(i||o)(J(vi),J(je),J($t),J(pn),J(lt),J(Fe),J(Io),J(Et),J(mi),J(y),J(bn))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();var JM=class extends li{constructor(o){super(o),this.getService(y).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(y).log("%c[WB] Calling FUNCTION: _enableLiveSelection","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_LIVE_SELECTION_TRIGGERED),this.getService(Cs).enableSelections(!0)}catch(o){this.getService(y).catch("Error in enableLiveSelection: ",o)}}_disableLiveSelection(){this.getService(y).log("%c[WB] Calling FUNCTION: _disableLiveSelection","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_LIVE_SELECTION_TRIGGERED),this.getService(Cs).enableSelections(!1)}catch(o){this.getService(y).catch("Error in disableLiveSelection: ",o)}}_enableUserIndicator(){this.getService(y).log("%c[WB] Calling FUNCTION: enableUserIndicator","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_USER_INDICATOR_TRIGGERED),this.getService(Cs).enableUserIndicator()}catch(o){this.getService(y).catch("Error in _enableUserIndicator: ",o)}}_disableUserIndicator(){this.getService(y).log("%c[WB] Calling FUNCTION: disableUserIndicator","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_USER_INDICATOR_TRIGGERED),this.getService(Cs).disableUserIndicator()}catch(o){this.getService(y).catch("Error in _disableUserIndicator: ",o)}}_setUserIndicatorPosition(o){this.getService(y).log("%c[WB] Calling FUNCTION: setUserIndicatorPosition","color: green;");try{this.trackEvent(Z.Events.Selection.SET_USER_INDICATOR_POSITION_TRIGGERED,{payload:{position:o}}),this.getService(Cs).setUserIndicatorPosition(o)}catch(t){this.getService(y).catch("Error in _setUserIndicatorPosition: ",t)}}_setUserIndicatorType(o){this.getService(y).log("%c[WB] Calling FUNCTION: setUserIndicatorType","color: green;");try{this.trackEvent(Z.Events.Selection.SET_USER_INDICATOR_TYPE_TRIGGERED,{payload:{type:o}}),this.getService(Cs).setUserIndicatorType(o)}catch(t){this.getService(y).catch("Error in _setUserIndicatorType: ",t)}}_enableDefaultElementsTracking(){this.getService(y).log("%c[WB] Calling FUNCTION: enableDefaultElementsTracking","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_DEFAULT_ELEMENTS_TRACKING_TRIGGERED),this.getService(Cs).enableDefaultElementsTracking()}catch(o){this.getService(y).catch("Error in _enableDefaultElementsTracking: ",o)}}_disableDefaultElementsTracking(){this.getService(y).log("%c[WB] Calling FUNCTION: disableDefaultElementsTracking","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_DEFAULT_ELEMENTS_TRACKING_TRIGGERED),this.getService(Cs).disableDefaultElementsTracking()}catch(o){this.getService(y).catch("Error in _disableDefaultElementsTracking: ",o)}}_enableDefaultStyling(){this.getService(y).log("%c[WB] Calling FUNCTION: enableDefaultStyling","color: green;");try{this.trackEvent(Z.Events.Selection.ENABLE_DEFAULT_STYLING_TRIGGERED),this.getService(Cs).enableDefaultStyling()}catch(o){this.getService(y).catch("Error in _enableDefaultStyling: ",o)}}_disableDefaultStyling(){this.getService(y).log("%c[WB] Calling FUNCTION: disableDefaultStyling","color: green;");try{this.trackEvent(Z.Events.Selection.DISABLE_DEFAULT_STYLING_TRIGGERED),this.getService(Cs).disableDefaultStyling()}catch(o){this.getService(y).catch("Error in _disableDefaultStyling: ",o)}}_getLiveSelectionData(){this.getService(y).log("%c[WB] Calling FUNCTION: getLiveSelectionData","color: green;");try{return this.trackEvent(Z.Events.Selection.GET_LIVE_SELECTION_DATA_TRIGGERED),this.getService(Cs).getSelectionsOnCurrentDocument()}catch(o){return this.getService(y).catch("Error in _getLiveSelectionData: ",o),re(null)}}};var Oa=(()=>{let o=class o{constructor(e,i,r,a,s,c,p,h,_,E,A,B,G,X,he){this.analyticsService=e,this.configService=i,this.docService=r,this.databaseService=a,this.authService=s,this.domService=c,this.afAuth=p,this.iamService=h,this.avatarService=_,this.contactService=E,this.storageService=A,this.dialog=B,this.loggingService=G,this.notificationService=X,this.commonDbService=he,this.tagAnnotations$=new fe({}),this.tagAnnotationsByDocumentId$=new fe({}),this.documentPaths=null,this.db=Ci(),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(Ie=>!!Ie),Je(1)).subscribe(Ie=>{Ie&&(this.db=Ie,this.getDocumentPaths())},Ie=>{this.loggingService.catch("Error in TagService getDb subscription: ",Ie)}),this.domService.onWindowPointerMove$().subscribe(Ie=>{if(this.addTagMode$.value){this.hightlightElement&&this.domService.removeHighlightFromElement(this.hightlightElement);let Me=this.domService.getBackgroundElement(Ie.clientX,Ie.clientY);Me&&(this.isElementInsideAllowedElements(Me)?HO(Ie.target)?this.domService.removeClassFromElement(document.body,"show-pin-cursor"):(this.domService.addClassToElement(document.body,"show-pin-cursor"),this.hightlightElement=Me,this.domService.highlightElement(this.hightlightElement,U.CURSOR.TAG_PIN)):this.domService.removeClassFromElement(document.body,"show-pin-cursor"))}},Ie=>{this.loggingService.catch("Error in TagService onWindowPointerMove$ subscription: ",Ie)}),this.domService.onWindowKeyupEsc$().subscribe(Ie=>{this.addTagMode$.value&&this.disableAddTagMode()},Ie=>{this.loggingService.catch("Error in TagService onWindowKeyupEsc$ subscription: ",Ie)}),this.domService.onDocumentClick$().subscribe(Ie=>{if(Ie&&this.addTagMode$.value){if(Ie.preventDefault(),Ie.stopPropagation(),!HO(Ie.target)){let Me=this.domService.getBackgroundElement(Ie.clientX,Ie.clientY);Me&&this.isElementInsideAllowedElements(Me)&&this.addTag(Ie)}this.disableAddTagMode()}},Ie=>{this.loggingService.catch("Error in TagService onDocumentClick$ subscription: ",Ie)}),this.addTagMode$.subscribe(Ie=>{this.hightlightElement&&this.domService.removeHighlightFromElement(this.hightlightElement),Ie?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"))},Ie=>{this.loggingService.catch("Error in TagService addTagMode$ subscription: ",Ie)}),this.domService.onWindowKeyupBackspace$().subscribe(Ie=>{this.deleteTagPinAnnotations("keyupBackspace")},Ie=>{this.loggingService.catch("Error in TagService onWindowKeyupBackspace$ subscription: ",Ie)}),this.domService.onWindowKeyupDelete$().subscribe(Ie=>{this.deleteTagPinAnnotations("keyupDelete")},Ie=>{this.loggingService.catch("Error in TagService onWindowKeyupDelete$ subscription: ",Ie)}),this.domService.getDeleteCommmentAnnotations$().subscribe(Ie=>{Ie?.length&&(Ie?.filter(Le=>Le.type==="tag")).forEach(Le=>ee(this,null,function*(){yield this.deleteTagPinAnnotation(Le)}))},Ie=>{this.loggingService.catch("Error in TagService onWindowKeyupDelete$ subscription: ",Ie)})}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,i,r){this.loggingService.log("%c[WB] Calling FUNCTION: getAllTagAnnotations","color: green;");let a,s;try{if(e&&(s=fn(e)),i&&typeof i=="object"){let c=Xo(i);a=fn(JSON.stringify(c))}}catch(c){this.loggingService.catch("Error in TagService getAllTagAnnotations: ",c)}return Wn(this.afAuth).pipe(Ne(c=>!!c),ge(c=>this.isFeatureAllowed({firebaseUser:c,annotations:[],filteredAnnotations:[]})),ge(c=>c.featureAllowed?this.iamService.isUserAllowed$().pipe(ce(p=>(c.featureAllowed=p,c))):re(c)),ge(c=>c.featureAllowed?this.authService.isPlanExpired$().pipe(ce(p=>(c.featureAllowed=!p,c))):re(c)),ge(c=>c.featureAllowed?re(c).pipe(ge(p=>this.docService.getDocumentPaths$().pipe(ce(h=>(this.documentPaths=h,p.documentPaths=h,p)))),ge(p=>this.getDataFromDocumentId(s).pipe(ce(h=>(p.annotations=h||[],I({},p))))),ge(p=>this.docService.getLocation$().pipe(ce(h=>(p.location=h,p)))),ge(p=>this.docService.getLocations$().pipe(ce(h=>(p.customLocations=h,p)))),ce(p=>{if(p.filteredAnnotations=[],s&&!a)return p.filteredAnnotations=p.annotations?.slice(),p;{let h=[];return a?h.push(a):(h.push(p?.location?.locationId),h.push(...Object.values(p?.customLocations||[]).map(_=>_.locationId))),p.filteredAnnotations=this.filterAnnotationsByLocationIds(p?.annotations,h),p}}),ge(p=>r?re(p):p?.annotations?.length?this.domService.onWindowResize$().pipe(ce(()=>p)):re(p)),ge(p=>r?re(p):p?.annotations?.length?this.domService.onDomChange$("TagService getAllTagAnnotations").pipe(ce(()=>p)):re(p)),ce(p=>(p?.filteredAnnotations?.forEach(h=>{this.calculateTagAnnotationPosition(h)}),p)),ge(p=>p?.filteredAnnotations?re(p?.filteredAnnotations||[]):re([]))):re([])))}isFeatureAllowed(e){return this.configService.getConfig$().pipe(Ne(i=>!!i),ce(i=>T(I({},e),{config:i})),ge(i=>this.authService.getUser$().pipe(ce(r=>T(I({},i),{user:r})))),ge(i=>Xi(i.config,i.user,Re.TAG)?re(T(I({},i),{featureAllowed:!0})):(this.loggingService.warn("Tag feature is not allowed."),re(T(I({},i),{featureAllowed:!1})))))}getDataFromDocumentId(e){return this.databaseService.getDb().pipe(Ne(i=>!!i),ge(i=>(this.db=i,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(r=>r?.data),ce(r=>{let a=[];return r&&(a=Object.values(r).filter(s=>typeof s=="object")),this.setTagAnnotationsByDocumentId(e||this.documentPaths?.documentId,a),a})):re([]))))}setTagAnnotationsByDocumentId(e,i){try{e&&this.tagAnnotationsByDocumentId$.next(T(I({},this.tagAnnotationsByDocumentId$.value),{[e]:i}))}catch(r){this.loggingService.catch("Error in TagService setTagAnnotationsByDocumentId:",r)}}filterAnnotationsByLocationIds(e,i){try{return e.filter(r=>i.includes(r.locationId))}catch(r){return this.loggingService.catch("Error in TagService filterAnnotationsByLocations:",r),[]}}calculateTagAnnotationPosition(e){try{if(e.targetElement){let i=this.domService.getXPath(e.targetElement?.xpath);if(i){let r=i.iterateNext();if(r&&xo(r)){let a=r.getBoundingClientRect();if(a&&a.width&&a.height){let{height:s,width:c}=Ep(r);e.position={top:s*e.targetElement.topPercentage/100,left:c*e.targetElement.leftPercentage/100}}else e.position=null}else e.position=null}else e.position=null}}catch(i){this.loggingService.catch("Error in TagService calculateTagAnnotationPosition:",i)}}filterPinAnnotations(e,i,r){this.loggingService.log("%c[WB] Calling FUNCTION: filterPinAnnotations","color: green;");try{let a=e?Object.values(e):[];a.forEach((c,p)=>{c?.annotationId&&(c.annotationIndex=p+1)});let s=[];if(i)r?s=a.filter(c=>c.locationId===r):s=a.slice();else{let c=this.docService.getLocation();c&&c.locationId?s=a.filter(p=>p.locationId===c.locationId):s=a.filter(p=>!p.locationId)}return s}catch(a){return this.loggingService.catch("Error in TagService filterPinAnnotations:",a),[]}}addTag(e,i){this.loggingService.log("%c[WB] Calling FUNCTION: addTag","color: green;");try{let r=this.authService.getUser();if(r)if(r.isReadOnly||r.isAnonymous)this.loggingService.catch("Anonymous/Readonly users cannot add tags.");else{let a=new BS;a.from=r,a.color=U.DEFAULT_ANNOTATION_COLOR,a.resolved=!1,a.lastUpdated=this.timestamp;let{topPositionX:s,topPositionY:c}=this.domService.getTopLeftPosition();a.positionX=s,a.positionY=c;let p=this.domService.getCurrentWindowSizeValue();if(a.screenWidth=p.screenWidth,a.screenHeight=p.screenHeight,a.screenScrollHeight=p.screenScrollHeight,a.taggedElementPath="",e&&(a.targetElement=this.domService.getTargetElementForCursorPosition(e)),i&&(a.targetTextRange=i),a?.targetElement?.xpath){let h=this.domService.getXPath(a.targetElement.xpath);if(h){let _=h.iterateNext();_&&(xo(_)||(a.targetElement=null))}}this.setLocationToTagAnnotation(a),a.pageInfo=_i(),a.pageInfo&&(a.pageInfo.screenWidth=this.domService.getCurrentWindowSizeValue()?.screenWidth),this.saveTagToDb(a)}}catch(r){this.loggingService.catch("Error in TagService addTag: ",r)}}setLocationToTagAnnotation(e){try{let i=this.docService.getLocation();i?(e.locationId=i.locationId,e.location=i.location):(delete e.locationId,delete e.location);try{let r;e.targetElement?.xpath?r=this.domService.getElementFromXPath(e.targetElement.xpath):e.targetTextRange?.commonAncestorContainer&&(r=this.domService.getElementFromXPath(e.targetTextRange.commonAncestorContainer));let a=this.docService.getAdditionLocationFromElement(r);if(a){let s=this.docService.addLocation(a);s&&(e.locationId=s.locationId,e.location=s.location)}}catch{}}catch(i){this.loggingService.catch("Error in TagService setLocationToTagAnnotation:",i)}}saveTagToDb(e){this.loggingService.log("%c[WB] Calling FUNCTION: saveTagToDb","color: green;");try{this.authService.getUser()&&this.authService.isFeatureAllowed(Re.TAG)&&this.docService.getDocumentPaths$().pipe(Ne(i=>!!i),Je(1),ge(i=>(this.documentPaths=i,this.loggingService.log(this.documentPaths),this.databaseService.getDb().pipe(Ne(r=>!!r),Je(1),ge(r=>{if(this.db=r,this.loggingService.log(this.db),this.documentPaths?.tag){let a=on(this.db,`${this.documentPaths?.tag}`);e.annotationId=this.commonDbService.generateDocumentId(),e.pageInfo&&(e.pageInfo.tagUrl=this.generateTagUrl(e));let s=JSON.parse(JSON.stringify(e));return s.position=null,this.domService.toggleAnnotationSelection(s),e.targetTextRange&&sessionStorage.setItem(U.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:s})}else return re(null)}))))).subscribe(()=>{},i=>{this.loggingService.catch("Error in TagService saveTagToDb subscription: ",i)})}catch(i){this.loggingService.catch("Error in TagService saveTagToDb: ",i)}}updateTag(e,i=!1,r){try{r&&this.setLocationToTagAnnotation(e),i&&this.updateNotificationsDatabase(e,oS.UPDATED),this.updateTagToDb(e)}catch(a){this.loggingService.catch("Error in TagService updateTag: ",a)}}resolveTag(e){try{e.resolved=!0,this.domService.resetSelectedAnnotationsMap(!1),this.updateNotificationsDatabase(e,oS.RESOLVED),this.updateTagToDb(e),this.domService.updateSelectedAnnotationInMap([e]),this.analyticsService.trackEvent(Z.Events.Tag.TAG_RESOLVED,{annotationId:e.annotationId})}catch(i){this.loggingService.catch("Error in TagService resolveTag: ",i)}}updateTagToDb(e){this.loggingService.log("%c[WB] Calling FUNCTION: updateTagToDb","color: green;");try{if(e?.targetElement?.xpath){let i=this.domService.getXPath(e.targetElement.xpath);if(i){let r=i.iterateNext();r&&(xo(r)||(e.targetElement=null))}}this.domService.updateSelectedAnnotationInMap([e]),this.authService.getUser()&&this.authService.isFeatureAllowed(Re.TAG)&&this.docService.getDocumentPaths$().pipe(Ne(i=>!!i),Je(1),ge(i=>(this.documentPaths=i,this.loggingService.log(this.documentPaths),this.databaseService.getDb().pipe(Ne(r=>!!r),Je(1),ge(r=>{if(this.db=r,this.loggingService.log(this.db),this.documentPaths?.tag&&e?.annotationId){let a=JSON.parse(JSON.stringify(e));return a.position=null,this.commonDbService.setData({feature:"tag",properties:{documentId:this.documentPaths?.documentId??"",organizationId:this.documentPaths?.organizationId??"",id:e.annotationId,skipFirestore:!0},data:a})}else return re(null)}))))).subscribe(()=>{},i=>{this.loggingService.catch("Error in TagService updateTagToDb subscription: ",i)})}catch(i){this.loggingService.catch("Error in TagService updateTagToDb: ",i)}}deleteTagPinAnnotations(e){try{let i=this.domService.getSelectedAnnotationsMap(),r=this.authService.getUser(),a=[];Object.keys(i).forEach(s=>ee(this,null,function*(){let c=i[s];c.type==="tag"&&r&&c.from&&(r?.isAdmin||c.from.userId===r.userId)&&a.push(c)})),a?.length&&(this.analyticsService.trackEvent(Z.Events.Tag.TAG_DELETE_TRIGGERED,{triggerType:e,annotationId:a.map(s=>s.annotationId).join()}),this.dialog.open(da,{data:{title:"Delete tag?",message:"This selected tag will be deleted.",yesButton:"Delete",noButton:"Cancel",variant:"tag"}}).afterClosed().pipe(Je(1)).subscribe(s=>{s&&(a.forEach(c=>ee(this,null,function*(){yield this.deleteTagPinAnnotation(c)})),setTimeout(()=>{document.querySelectorAll(`[${U.SNIPPYLY_HIGHLIGHT}]`).forEach(p=>{this.domService.removeHighlightFromElement(p)})},100))})),this.domService.resetSelectedAnnotationsMap(!0,"tag")}catch(i){this.loggingService.catch("Error in TagService deleteTagPinAnnotations: ",i)}}deleteTagPinAnnotation(e){return this.authService.isFeatureAllowed(Re.TAG)&&this.documentPaths?.tag&&e?.annotationId?(this.updateNotificationsDatabase(e,oS.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(Re.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(i){return this.loggingService.catch("Error in TagService isElementInsideAllowedElements: ",i),!1}}attachTag(e,i=[]){let r=cr(e,i);if(r){let a=this.domService.getXPath(r),s=this.getTagPinAnnotationObject();s&&(s.targetElement={xpath:a,topPercentage:50,leftPercentage:90},this.saveTagToDb(s))}}getTagPinAnnotationObject(){let e=this.authService.getUser();if(e)if(e.isReadOnly||e.isAnonymous)this.loggingService.catch("Anonymous/Readonly users cannot add tags.");else{let i=new BS;i.from=e,i.color=U.DEFAULT_ANNOTATION_COLOR,i.resolved=!1,i.lastUpdated=this.timestamp;let{topPositionX:r,topPositionY:a}=this.domService.getTopLeftPosition();i.positionX=r,i.positionY=a;let s=this.domService.getCurrentWindowSizeValue();i.screenWidth=s.screenWidth,i.screenHeight=s.screenHeight,i.screenScrollHeight=s.screenScrollHeight,i.taggedElementPath="";let c=this.docService.getLocation();return c&&(i.locationId=c.locationId,i.location=c.location),i}return null}updateNotificationsDatabase(e,i){try{let r={annotationData:e,actionType:i,notificationSource:"tag"};this.notificationService.updateNotificationDatabase(r)}catch(r){this.loggingService.catch("Error in TagService updateNotificationsDatabase: ",r)}}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=_i(),e.pageInfo&&(e.pageInfo.screenWidth=this.domService.getCurrentWindowSizeValue()?.screenWidth)),e.pageInfo.tagUrl=this.generateTagUrl(e),this.updateTag(e),e.pageInfo?.tagUrl)}catch(i){this.loggingService.catch("Error in TagService getTagUrl: ",i);return}}uploadFile(e,i){let r=`${U.FIREBASE_PARTIAL_PATH_DOCS}/${this.documentPaths?.documentId}/${U.FIREBASE_PARTIAL_PATH_TAG}/${i.annotationId}`;return this.documentPaths?.organizationId&&(r=`${U.FIREBASE_PARTIAL_PATH_ORGANIZATIONS}/${this.documentPaths.organizationId}/${U.FIREBASE_PARTIAL_PATH_DOCS}/${this.documentPaths?.documentId}/${U.FIREBASE_PARTIAL_PATH_TAG}/${i.annotationId}`),this.storageService.uploadFile({path:r,file:e})}downloadAttachment(e){this.storageService.downloadAttachment(e)}deleteAttachment(e){return this.storageService.deleteAttachment({attachment:e})}generateTagUrl(e){let i=new URL(window.location.href);return i.searchParams.delete(U.URL_PARAMS.TAG_ID),i.searchParams.append(U.URL_PARAMS.TAG_ID,e.annotationId),i.href}};o.\u0275fac=function(i){return new(i||o)(J(Qe),J($t),J(lt),J(pn),J(je),J(Fe),J(vi),J(gn),J(gm),J(gi),J(Bp),J(qi),J(y),J(Vn),J(bn))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();var eP=class extends li{constructor(o){super(o),this.getService(y).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(o,t){this.getService(y).log("%c[WB] Calling FUNCTION: getOnlineUsers","color: green;");try{return this.trackEvent(Z.Events.Tag.GET_ALL_TAG_ANNOTATIONS_TRIGGERED,{payload:{documentId:o,location:t}}),this.getService(Oa).getAllTagAnnotations(o,t)}catch(e){return this.getService(y).catch("Error in _getLiveTagsOnCurrentDocument: ",e),re(null)}}_deleteTag(){this.getService(y).log("%c[WB] Calling FUNCTION: deleteTag","color: green;");try{this.trackEvent(Z.Events.Tag.DELETE_TAG_TRIGGERED),this.getService(Oa).deleteTagPinAnnotations("tagElement")}catch(o){this.getService(y).catch("Error in _deleteTag: ",o)}}_allowedElementIds(o){this.getService(y).log("%c[WB] Calling FUNCTION: allowedElementIds","color: green;");try{this.trackEvent(Z.Events.Tag.ALLOWED_ELEMENT_IDS_TRIGGERED,{payload:{elementIds:o}}),this.getService(Oa).setAllowedElementIds(o)}catch(t){this.getService(y).catch("Error in allowedElementIds: ",t)}}_attachTag(o){this.getService(y).log("%c[WB] Calling FUNCTION: attachTag","color: green;");try{this.trackEvent(Z.Events.Tag.ATTACH_TAG_TRIGGERED,{payload:{elementId:o}}),this.getService(Oa).attachTag(o,["id","data-id"])}catch(t){this.getService(y).catch("Error in _attachTag: ",t)}}_addTagModeChange(){this.getService(y).log("%c[WB] Calling FUNCTION: addTagModeChange","color: green;");try{return this.trackEvent(Z.Events.Tag.ADD_TAG_MODE_CHANGE_TRIGGERED),this.getService(Oa).addTagModeChange()}catch(o){return this.getService(y).catch("Error in _addTagModeChange: ",o),re(!1)}}};var tP=class extends li{constructor(o){super(o),this.getService(y).log("%c[WB] Creating CLASS: ViewsElement","color: blue;"),this.getUniqueViewsByUser=this._getUniqueViewsByUser,this.getUniqueViewsByDate=this._getUniqueViewsByDate}_getUniqueViewsByUser(o){this.getService(y).log("%c[WB] Calling FUNCTION: _getUniqueViewsByUser","color: green;");try{return this.trackEvent(Z.Events.Views.GET_UNIQUE_VIEWS_BY_USER_TRIGGERED,{payload:{clientLocationId:o}}),this.getService(Xa).getUniqueViewsByUser(o)}catch(t){return this.getService(y).catch("Error in getUniqueViewsByUser: ",t),re({})}}_getUniqueViewsByDate(o){this.getService(y).log("%c[WB] Calling FUNCTION: _getUniqueViewsByDate","color: green;");try{return this.trackEvent(Z.Events.Views.GET_UNIQUE_VIEWS_BY_DATE_TRIGGERED,{payload:{clientLocationId:o}}),this.getService(Xa).getUniqueViewsByDate(o)}catch(t){return this.getService(y).catch("Error in getUniqueViewsByDate: ",t),re({})}}};var qS=(()=>{let o=class o{constructor(e,i){this.docService=e,this.loggingService=i}updateDocuments(e){return ee(this,null,function*(){try{return yield this.docService.updateDocuments(e)}catch(i){return this.loggingService.catch("Error in DocActionsService updateDocuments: ",i),null}})}updateLocations(e){return ee(this,null,function*(){try{return yield this.docService.updateLocations(e)}catch(i){return this.loggingService.catch("Error in DocActionsService updateLocations: ",i),null}})}fetchDocuments(e){return ee(this,null,function*(){try{let i=yield this.docService.fetchDocuments(e),r=[];return i.forEach(a=>{let s=a?.docIamConfig??{},c=a?.metadata??{};c.disabled=!!s?.disabled,c.id=c?.clientDocumentId,c.documentId=c?.clientDocumentId,delete c?.clientDocumentId,c.organizationId=c?.clientOrganizationId,delete c?.clientOrganizationId,delete c?.pageInfo,delete c?.veltFolderId,r.push(c)}),{data:r.reduce((a,s)=>(s?.documentId&&(a[s.documentId]=s),a),{})}}catch(i){return this.loggingService.catch("Error in CommentActionsService fetchDocuments: ",i),{data:null}}})}fetchFolders(e){return ee(this,null,function*(){try{let i=yield this.docService.fetchFolders(e),r=i?.parentFolders?.map(s=>{let c=s?.metadata??{};return delete c?.veltFolderId,c.organizationId=c.clientOrganizationId,delete c?.clientOrganizationId,delete c?.veltParentFolderId,I({},c)});return{data:(i?.data?.map(s=>{let c=s?.metadata??{};return delete c?.veltFolderId,c.organizationId=c.clientOrganizationId,delete c?.clientOrganizationId,delete c?.veltParentFolderId,I(I({},c),e?.folderId?{subFolders:r}:{})})).reduce((s,c)=>(c?.folderId&&(s[c.folderId]=c),s),{})}}catch(i){return this.loggingService.catch("Error in CommentActionsService fetchFolders: ",i),{data:null}}})}};o.\u0275fac=function(i){return new(i||o)(J(lt),J(y))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();var nP=(()=>{let o=class o{constructor(e,i,r,a,s){this.authService=e,this.coreActionsService=i,this.docService=r,this.iamService=a,this.loggingService=s,this.veltInitState$=new fe(void 0);try{this.loggingService.log("%c[WB] Creating CLASS: VeltService","color: blue;");let c=this.authService.getUser$(),p=this.docService.getDocumentPaths$(),h=this.iamService.isUserAllowed$();Dn([c,p,h]).subscribe(([_,E,A])=>{_&&E&&A?this.veltInitState$.next(!0):this.veltInitState$.next(!1)}),this.getVeltInitState$().subscribe(_=>{this.coreActionsService.triggerAction(gd.DOCUMENT_INIT,_)})}catch(c){this.loggingService.catch("Error in VeltService constructor: ",c)}}getVeltInitState$(){try{return this.veltInitState$.asObservable().pipe(Kt())}catch(e){return this.loggingService.catch("Error in VeltService getVeltInitState$: ",e),re(void 0)}}};o.\u0275fac=function(i){return new(i||o)(J(je),J(Np),J(lt),J(gn),J(y))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();var iP=class{constructor(o){this.injector=o,this.initConfig=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: initConfig","color: green;");try{t?typeof t!="string"?this.getService(y).catch("Error in initConfig: ","Apikey must be string."):t?.trim()?this.getService(je).setApiKey(t?.trim(),e):this.getService(y).catch("Error in initConfig: ","Apikey is not provided."):this.getService(y).catch("Error in initConfig: ","Apikey is not provided.")}catch(i){this.getService(y).catch("Error in initConfig: ",i)}},this.identify=(t,e,i)=>(this.getService(y).log("%c[WB] Calling FUNCTION: identify","color: green;"),new Promise((r,a)=>{try{typeof t=="object"&&(t=JSON.parse(JSON.stringify(t)));let s=this.getService($t).getApiKey(),c=rv(s,t.userId);if(i?.ha||this.getService(Qe).trackEvent(Z.Events.Core.IDENTIFY,{apiKey:s,clientUserId:t.userId,snippylyUserId:c,forceReset:e?.forceReset,user:this.getService(je).getUserWithoutContacts(t),source:"client"},!0,c),!(t&&t.userId))this.getService(y).catch("Error in identify: ","Missing userId in config data."),r(null);else if(typeof t.userId!="string")this.getService(y).catch("Error in identify: ","userId must be string."),r(null);else if(t?.groupId&&typeof t?.groupId!="string")this.getService(y).catch("Error in identify: ","groupId must be string."),r(null);else{if(t?.groupId)if(t?.groupId?.match(/^[a-zA-Z0-9_]*$/))t.clientGroupId=t.groupId;else{let h=t.groupId;t.clientGroupId=h,t.groupId=Rt(h)}if(t?.organizationId){let h=t.organizationId;t.clientOrganizationId=h,t.organizationId=Rt(h)}delete t.isAdmin;let p=U.REGEX_URL;if(t?.name&&p.test(t?.name))throw new Error("Invalid name.");t.clientUserName=t.name,t?.name&&t?.name?.length>20&&(t.name=t.name.slice(0,20)),this.getService(je).initializeClient(t,e||{},new Date().getTime(),void 0,"external").then(h=>{let _;try{h&&(_=JSON.parse(JSON.stringify(h)))}catch{}r(_)}).catch(h=>{this.getService(y).catch("Error in identify: ",h),r(null)})}}catch(s){this.getService(y).catch("Error in identify: ",s),r(null)}})),this.updateUser=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: updateUser","color: green;");try{if(this.getService(y).catch("DEPRECATED: ","'updateUser' method is deprecated."),t&&typeof t=="object"){if(t=JSON.parse(JSON.stringify(t)),t?.groupId)if(t?.groupId?.match(/^[a-zA-Z0-9_]*$/))t.clientGroupId=t.groupId;else{let e=t.groupId;t.clientGroupId=e,t.groupId=Rt(e)}delete t.isAdmin,this.getService(je).updateUser(t)}else this.getService(y).catch("Error in updateUser: ","Invalid user object provided.")}catch(e){this.getService(y).catch("Error in updateUser: ",e)}},this.signOutUser=t=>(this.getService(y).log("%c[WB] Calling FUNCTION: signOutUser","color: green;"),t?.ha||this.trackEvent(Z.Events.Core.SIGN_OUT_USER_TRIGGERED),new Promise((e,i)=>ee(this,null,function*(){try{yield this.getService(je).signOutUser("external"),e(null)}catch(r){this.getService(y).catch("Error in signOutUser: ",r),e(null)}}))),this.setDocument=(t,e,i)=>{this.getService(y).log("%c[WB] Calling FUNCTION: setDocument","color: green;");try{i?.ha||this.trackEvent(Z.Events.Core.SET_DOCUMENT_TRIGGERED,{payload:{id:t,documentMetadata:e}}),t&&t.trim()?(e&&(typeof e=="object"?e=JSON.parse(JSON.stringify(e)):this.getService(y).catch("Error in setDocument: ","Invalid documentMetadata provided.")),this.getService(lt).setDocument(t,e)):this.getService(y).catch("Error in setDocument: ","Invalid document id provided.")}catch(r){this.getService(y).catch("Error in setDocument: ",r)}},this.setDocumentId=(t,e,i)=>{this.getService(y).log("%c[WB] Calling FUNCTION: setDocumentId","color: green;");try{if(i?.ha||this.trackEvent(Z.Events.Core.SET_DOCUMENT_ID_TRIGGERED,{payload:{id:t,organizationId:e}}),t&&t.trim())return this.getService(lt).setDocumentId(t,e);this.getService(y).catch("Error in setDocumentId: ","Invalid document id provided.")}catch(r){this.getService(y).catch("Error in setDocumentId: ",r)}},this.setDocuments=(t,e,i)=>{this.getService(y).log("%c[WB] Calling FUNCTION: setDocuments","color: green;");try{i?.ha||this.trackEvent(Z.Events.Core.SET_DOCUMENTS_TRIGGERED,{payload:{documents:t,options:e}}),typeof t=="object"&&t instanceof Array?(t=JSON.parse(JSON.stringify(t)),t=t.filter(r=>typeof r=="object"&&r!==null&&r.id?.trim()),t.length?this.getService(lt).setDocuments(t,e):this.getService(y).catch("Error in setDocuments: ","Invalid documents provided.")):this.getService(y).catch("Error in setDocuments: ","Invalid documents provided.")}catch(r){this.getService(y).catch("Error in setDocuments: ",r)}},this.unsetDocumentId=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: unsetDocumentId","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.UNSET_DOCUMENT_ID_TRIGGERED),this.getService(lt).unsetDocumentId("external")}catch(e){this.getService(y).catch("Error in unsetDocumentId: ",e)}},this.unsetDocuments=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: unsetDocuments","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.UNSET_DOCUMENTS_TRIGGERED),this.getService(lt).unsetDocuments("external")}catch(e){this.getService(y).catch("Error in unsetDocuments: ",e)}},this.fetchDocuments=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: fetchDocuments","color: green;");try{return e?.ha||this.trackEvent(Z.Events.Core.FETCH_DOCUMENTS_TRIGGERED,{payload:{options:t}}),this.getService(qS).fetchDocuments(t)}catch(i){return this.getService(y).catch("Error in fetchDocuments: ",i),Promise.resolve({data:null})}},this.updateDocuments=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: updateDocuments","color: green;");try{return e?.ha||this.trackEvent(Z.Events.Core.UPDATE_DOCUMENTS_TRIGGERED,{payload:{request:t}}),this.getService(qS).updateDocuments(t)}catch(i){return this.getService(y).catch("Error in updateDocuments: ",i),Promise.resolve({data:null})}},this.updateLocations=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: updateLocations","color: green;");try{return e?.ha||this.trackEvent(Z.Events.Core.UPDATE_LOCATIONS_TRIGGERED,{payload:{request:t}}),this.getService(qS).updateLocations(t)}catch(i){return this.getService(y).catch("Error in updateLocations: ",i),Promise.resolve({data:null})}},this.fetchFolders=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: fetchFolders","color: green;");try{return e?.ha||this.trackEvent(Z.Events.Core.FETCH_FOLDERS_TRIGGERED,{payload:{options:t}}),this.getService(qS).fetchFolders(t)}catch(i){return this.getService(y).catch("Error in fetchFolders: ",i),Promise.resolve({data:null})}},this.setUserDataProvider=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: setUserDataProvider","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.SET_USER_DATA_PROVIDER_TRIGGERED),this.getService(Hn).setUserDataProvider(t)}catch(i){this.getService(y).catch("Error in setUserDataProvider: ",i)}},this.setDataProviders=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: setDataProviders","color: green;");try{if(e?.ha||this.trackEvent(Z.Events.Core.SET_DATA_PROVIDERS_TRIGGERED),t.comment&&this.getService(Aa).setCommentAnnotationDataProvider(t.comment),t.user&&this.getService(Hn).setUserDataProvider(t.user),t.reaction&&this.getService(um).setReactionAnnotationDataProvider(t.reaction),t.attachment)if(t.comment)this.getService(Lp).setAttachmentDataProvider(t.attachment);else throw new Error("Comment data provider is required for attachment data provider")}catch(i){this.getService(y).catch("Error in setDataProviders: ",i)}},this.getDocumentId=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getDocumentId","color: green;");try{return t?.ha||this.trackEvent(Z.Events.Core.GET_DOCUMENT_ID_TRIGGERED),this.getService(lt).getDocumentId()}catch(e){this.getService(y).catch("Error in getDocumentId: ",e)}},this.setLocation=(t,e,i)=>{this.getService(y).log("%c[WB] Calling FUNCTION: setLocation","color: green;");try{i?.ha||this.trackEvent(Z.Events.Core.SET_LOCATION_TRIGGERED,{payload:{params:t,appendLocation:e}}),t&&typeof t=="object"?e?this.getService(lt).addLocation(t):this.getService(lt).setLocation(t):this.getService(y).catch("Error in setLocation: ","Invalid location params provided.")}catch(r){this.getService(y).catch("Error in setLocation: ",r)}},this.addLocation=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: addLocation","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.ADD_LOCATION_TRIGGERED,{payload:{params:t}}),t&&typeof t=="object"?this.getService(lt).addLocation(t):this.getService(y).catch("Error in addLocation: ","Invalid location params provided.")}catch(i){this.getService(y).catch("Error in addLocation: ",i)}},this.setScrollableElementsIds=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: setScrollableElementsIds","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.SET_SCROLLABLE_ELEMENTS_IDS_TRIGGERED,{payload:{ids:t}}),t?this.getService(Fe).setScrollableElementsIds(t):this.getService(y).catch("Error in setScrollableElementsIds: ","Invalid ids provided.")}catch(i){this.getService(y).catch("Error in setScrollableElementsIds: ",i)}},this.removeLocation=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: removeLocation","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.REMOVE_LOCATION_TRIGGERED,{payload:{location:t}}),this.getService(lt).removeLocation(t,"external")}catch(i){this.getService(y).catch("Error in removeLocation: ",i)}},this.excludeLocationIds=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: excludeLocationIds","color: green;");try{e?.ha||this.trackEvent(Z.Events.Core.EXCLUDE_LOCATION_IDS_TRIGGERED,{payload:{ids:t}}),typeof t=="object"&&t instanceof Array&&(t=t.filter(i=>typeof i=="string"),this.getService(lt).excludeLocationIds(t))}catch(i){this.getService(y).catch("Error in excludeLocationIds: ",i)}},this.updateContactList=(t,e,i)=>{this.getService(y).log("%c[WB] Calling FUNCTION: updateContactList","color: green;");try{i?.ha||this.trackEvent(Z.Events.Core.UPDATE_CONTACT_LIST_TRIGGERED,{payload:{userContacts:t,config:e}}),typeof t=="object"&&t instanceof Array&&(!e||e&&typeof e=="object")&&(t=JSON.parse(JSON.stringify(t)),this.getService(gi).updateContactList(t,e))}catch(r){this.getService(y).catch("Error in updateContactList: ",r)}},this.removeScrollableElementsIds=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: removeScrollableElementsIds","color: green;");try{t?.ha||this.trackEvent(Z.Events.Core.REMOVE_SCROLLABLE_ELEMENTS_IDS_TRIGGERED),this.getService(Fe).removeScrollableElementsIds()}catch(e){this.getService(y).catch("Error in removeScrollableElementsIds: ",e)}},this.getPresenceElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getPresenceElement","color: green;");try{let e=new YM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getPresenceElement: ",e),null}},this.getCursorElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getCursorElement","color: green;");try{let e=new HM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getCursorElement: ",e),null}},this.getCommentElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getCommentElement","color: green;");try{let e=new LM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getCommentElement: ",e),null}},this.getTagElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getTagElement","color: green;");try{let e=new eP(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getTagElement: ",e),null}},this.getSelectionElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getSelectionElement","color: green;");try{let e=new JM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getSelectionElement: ",e),null}},this.getRecorderElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getRecorderElement","color: green;");try{let e=new ZM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getRecorderElement: ",e),null}},this.getContactElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getContactElement","color: green;");try{let e=new BM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getContactElement: ",e),null}},this.getRewriterElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getRewriterElement","color: green;");try{let e=new QM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getRewriterElement: ",e),null}},this.getHuddleElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getHuddleElement","color: green;");try{let e=new GM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getHuddleElement: ",e),null}},this.getLiveStateSyncElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getLiveStateSyncElement","color: green;");try{let e=new WM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getLiveStateSyncElement: ",e),null}},this.getArrowElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getArrowElement","color: green;");try{let e=new RM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getArrowElement: ",e),null}},this.getViewsElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getViewsElement","color: green;");try{let e=new tP(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getViewsElement: ",e),null}},this.getNotificationElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getNotificationElement","color: green;");try{let e=new qM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getNotificationElement: ",e),null}},this.getAutocompleteElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getAutocompleteElement","color: green;");try{let e=new FM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getAutocompleteElement: ",e),null}},this.getDocElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getDocElement","color: green;");try{let e=new zM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getDocElement: ",e),null}},this.getAreaElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getAreaElement","color: green;");try{let e=new PM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getAreaElement: ",e),null}},this.getReactionElement=t=>{this.getService(y).log("%c[WB] Calling FUNCTION: getReactionElement","color: green;");try{let e=new KM(this.injector);return t?.ha&&e.ha(t.ha),e}catch(e){return this.getService(y).catch("Error in getReactionElement: ",e),null}},this.getMetadata=t=>ee(this,null,function*(){try{return t?.ha||this.trackEvent(Z.Events.Core.GET_METADATA_TRIGGERED),this.getService(fm).getGlobalMetadata()}catch(e){return this.getService(y).catch("Error in getMetadata: ",e),null}}),this.disableFeatures=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.DISABLE_FEATURES_TRIGGERED,{payload:{features:t}}),this.getService($t).disableFeatures(t)}catch(i){this.getService(y).catch("Error in disableFeatures: ",i)}},this.setDarkMode=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.SET_DARK_MODE_TRIGGERED,{payload:{value:t}}),this.getService(Ye).setDarkMode(t)}catch(i){this.getService(y).catch("Error in setDarkMode: ",i)}},this.enableLogs=t=>{try{t?.ha||this.trackEvent(Z.Events.Core.ENABLE_LOGS_TRIGGERED),this.getService($t).enableLogs()}catch(e){this.getService(y).catch("Error in enableLogs: ",e)}},this.disableLogs=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.DISABLE_LOGS_TRIGGERED),this.getService($t).disableLogs(t)}catch(i){this.getService(y).catch("Error in disableLogs: ",i)}},this.isUserAllowed$=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.IS_USER_ALLOWED_TRIGGERED),this.getService(gn).isUserAllowed$()}catch(e){return this.getService(y).catch("Error in isUserAllowed$: ",e),re(!1)}},this.getUser=t=>{try{t?.ha||this.trackEvent(Z.Events.Core.GET_USER_TRIGGERED);let e=this.getService(je).getUser();if(e&&typeof e=="object"){let i=JSON.parse(JSON.stringify(e));return i?.clientOrganizationId&&(i.organizationId=i.clientOrganizationId,delete i.clientOrganizationId),i?.clientGroupId&&(i.groupId=i.clientGroupId,delete i.clientGroupId),delete i.userSnippylyId,i}else return null}catch(e){return this.getService(y).catch("Error in getUser: ",e),null}},this.getUserRole$=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.GET_USER_ROLE_TRIGGERED),this.getService(gn).getRole$()}catch(e){return this.getService(y).catch("Error in getUserRole$: ",e),re("")}},this.getFeaturesAccessLevelIam$=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.GET_FEATURES_ACCESS_LEVEL_IAM_TRIGGERED),this.getService(gn).getFeaturesAccessLevel$()}catch(e){return this.getService(y).catch("Error in getFeaturesAccessLevel$: ",e),re(void 0)}},this.isPlanExpired$=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.IS_PLAN_EXPIRED_TRIGGERED),this.getService(je).isPlanExpired$()}catch(e){return this.getService(y).catch("Error in isPlanExpired$: ",e),re(!1)}},this.getCustomerMetadata$=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.GET_CUSTOMER_METADATA_TRIGGERED),this.getService(lt).getCustomerMetadata$()}catch(e){return this.getService(y).catch("Error in getCustomerMetadata$: ",e),re(null)}},this.getDocumentMetadata=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.GET_DOCUMENT_METADATA_TRIGGERED),this.getService(lt).getDocumentMetadata$()}catch(e){return this.getService(y).catch("Error in getDocumentMetadata: ",e),re(null)}},this.getVeltInitState=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.GET_VELT_INIT_STATE_TRIGGERED),this.getService(nP).getVeltInitState$()}catch(e){return this.getService(y).catch("Error in getVeltInitState: ",e),re(void 0)}},this.removeVeltContent=(t,e)=>{try{return e?.ha||this.trackEvent(Z.Events.Core.REMOVE_VELT_CONTENT_TRIGGERED),this.getService(Fe).removeSnippylyContent(t)}catch(i){return this.getService(y).catch("Error in removeVeltContent: ",i),""}},this.injectCustomCss=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.INJECT_CUSTOM_CSS_TRIGGERED),this.getService(y).log("%c[WB] Calling FUNCTION: injectCustomCss","color: green;"),this.getService(Fe).setCustomCss(t)}catch(i){this.getService(y).catch("Error in injectCustomCss: ",i)}},this.setLanguage=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.SET_LANGUAGE_TRIGGERED,{payload:{language:t}}),this.getService(Gs).setLanguage(t)}catch(i){this.getService(y).catch("Error in setLanguage: ",i)}},this.setTranslations=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.SET_TRANSLATIONS_TRIGGERED,{payload:{translations:t}}),this.getService(Gs).setTranslations(t)}catch(i){this.getService(y).catch("Error in setTranslations: ",i)}},this.enableAutoTranslation=t=>{try{t?.ha||this.trackEvent(Z.Events.Core.ENABLE_AUTO_TRANSLATION_TRIGGERED),this.getService(Gs).enableAutoTranslation()}catch(e){this.getService(y).catch("Error in enableAutoTranslation: ",e)}},this.disableAutoTranslation=t=>{try{t?.ha||this.trackEvent(Z.Events.Core.DISABLE_AUTO_TRANSLATION_TRIGGERED),this.getService(Gs).disableAutoTranslation()}catch(e){this.getService(y).catch("Error in disableAutoTranslation: ",e)}},this.sf=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.SF_TRIGGERED,{payload:{value:t}}),t?(document.querySelector(U.TAGS.SNIPPYLY_PLUGIN)||document.querySelector(U.TAGS.SUPERFLOW_TOOLBAR))&&this.getService($t).setSF(t):this.getService($t).setSF(t)}catch(i){this.getService(y).catch("Error in sf: ",i)}},this.st=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.ST_TRIGGERED,{payload:{value:t}}),this.getService($t).setSdkType(t)}catch(i){this.getService(y).catch("Error in st: ",i)}},this.getService=t=>this.injector.get(t),this.on=(t,e)=>{this.getService(y).log("%c[WB] Calling FUNCTION: on","color: green;");try{return e?.ha||this.trackEvent(Z.Events.Core.ON_ACTION_TRIGGERED,{payload:{action:t}}),this.getService(Np).onAction(t)}catch(i){return this.getService(y).catch("Error in on: ",i),re(null)}},this.setUiState=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.SET_UI_STATE_TRIGGERED,{payload:{uiState:t}}),this.getService(lt).setUIState(t)}catch(i){this.getService(y).catch("Error in setUiState: ",i)}},this.getUiState=t=>{try{return t?.ha||this.trackEvent(Z.Events.Core.GET_UI_STATE_TRIGGERED),this.getService(lt).getUIState$()}catch(e){return this.getService(y).catch("Error in getUiState: ",e),re({})}},this.resetVeltButtonState=(t,e)=>{try{e?.ha||this.trackEvent(Z.Events.Core.RESET_VELT_BUTTON_STATE_TRIGGERED,{payload:{config:t}}),this.getService(Gv).resetVeltButtonState(t)}catch(i){this.getService(y).catch("Error in resetVeltButtonState: ",i)}},this.getService(y).log("%c[WB] Creating CLASS: Snippyly","color: blue;")}trackEvent(o,t={},e=!0){try{t||(t={}),t=T(I({},t),{source:"external"}),this.getService(Qe).trackAuthenticatedEvent(o,t,e)}catch(i){this.getService(y).catch("Error in _trackEvent: ",i);return}}};var Pse=(()=>{let o=class o{constructor(){this.veltElement=!0}ngOnInit(){}};o.\u0275fac=function(i){return new(i||o)},o.\u0275cmp=M({type:o,selectors:[["app-external-styles"]],hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.veltElement)},standalone:!1,decls:0,vars:0,template:function(i,r){},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)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.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-recorder-player-expanded[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}
404
- `],encapsulation:2,changeDetection:0});let n=o;return n})();var _m=(()=>{let o=class o{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&&Nl(e.duration).pipe(Je(1)).subscribe(()=>{this.removeToast(e)},i=>{this.loggingService.catch("Error in ToastService setToast timer subscription: ",i)})}catch(i){this.loggingService.catch("Error in ToastService setToast: ",i)}}removeToast(e){try{this.toasts$.next(this.toasts$.value.filter(i=>i.id!==e.id))}catch(i){this.loggingService.catch("Error in ToastService removeToast: ",i)}}getToasts$(){return this.toasts$.asObservable()}};o.\u0275fac=function(i){return new(i||o)(J(y))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();function z9e(n,o){n&1&&(oe(),C(0,"svg",6),w(1,"path",7),S())}function G9e(n,o){n&1&&(oe(),C(0,"svg",6),w(1,"path",8)(2,"path",9),S())}function W9e(n,o){if(n&1){let t=q();C(0,"div",2),g(1,z9e,2,0,"svg",3)(2,G9e,3,0,"svg",3),te(3),D(4,"translate"),oe(),C(5,"svg",4),z("click",function(){let i=k(t).$implicit,r=l();return R(r.removeToast(i))}),w(6,"path",5),S()()}if(n&2){let t=o.$implicit;m("@fade",!0),d(),m("ngIf",t.type==="success"),d(),m("ngIf",t.type==="error"),d(),ve(" ",O(4,4,t.message)," ")}}var kse=(()=>{let o=class o{constructor(e,i,r){this.loggingService=e,this.toastService=i,this.elementRef=r,this.toasts=[],this.subscriptions=[];try{this.subscriptions.push(this.toastService.getToasts$().subscribe(a=>{this.toasts=a}))}catch(a){console.log(a)}}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)}};o.\u0275fac=function(i){return new(i||o)(u(y),u(_m),u(N))},o.\u0275cmp=M({type:o,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(i,r){i&1&&(C(0,"div",0),g(1,W9e,7,6,"div",1),S()),i&2&&(d(),m("ngForOf",r.toasts))},dependencies:[ht,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:[NB("fade",[hO("false",tm({opacity:0})),hO("true",tm({opacity:1})),fO("false => true",[tm({opacity:0}),uO(1e3,tm({opacity:1}))]),fO("true => false",[uO(1e3,tm({opacity:0}))])])]},changeDetection:0});let n=o;return n})();var C$=n=>({componentConfigSignal:n}),Rse=(n,o)=>({condition:n,data:o}),Y9e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-single-editor-mode-panel-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function K9e(n,o){n&1&&Ue(0)}function Z9e(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,K9e,1,0,"ng-container",4),S()),n&2){l(3);let t=de(2);d(),m("ngTemplateOutlet",t)}}function X9e(n,o){if(n&1&&(f(0),g(1,Z9e,2,1,"velt-shadow-dom-internal",3),v()),n&2){let t=l().ngIf,e=l(),i=de(2);d(),m("ngIf",t.shadowDom&&!e.template)("ngIfElse",i)}}function Q9e(n,o){if(n&1&&(f(0),g(1,X9e,2,2,"ng-container",2),v()),n&2){let t=l();d(),m("veltIf",F(3,Rse,t.conditionSignal(),P(1,C$,t.componentConfigSignal)))}}function J9e(n,o){if(n&1&&(f(0),C(1,"div",8),w(2,"velt-single-editor-mode-panel-viewer-text",9)(3,"velt-single-editor-mode-panel-editor-text",9)(4,"velt-single-editor-mode-panel-countdown",9)(5,"velt-single-editor-mode-panel-request-access",9)(6,"velt-single-editor-mode-panel-reject-request",9)(7,"velt-single-editor-mode-panel-edit-here",9),S(),v()),n&2){let t=l(6);d(2),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal)}}function e7e(n,o){if(n&1&&(f(0),g(1,J9e,8,6,"ng-container",7),v()),n&2){let t=l(3).ngIf,e=l(2);d(),m("veltDynamicTemplate",$(3,Y9e,e.template,P(1,C$,e.componentConfigSignal),t.variant,e.setIfCondition.bind(e),e.elementRef))}}function t7e(n,o){if(n&1&&(C(0,"div",6),g(1,e7e,2,9,"ng-container",2),S()),n&2){let t=l(2).ngIf,e=l(2);pe("velt-single-editor-mode-panel-container-no-pointer",t.type==="editor")("no-pointer",t.type==="editor"),d(),m("veltIf",F(7,Rse,e.conditionSignal(),P(5,C$,e.componentConfigSignal)))}}function n7e(n,o){if(n&1&&(f(0),g(1,t7e,2,10,"div",5),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.leaderName!==""||t.type==="editor")}}function i7e(n,o){if(n&1&&(f(0),g(1,n7e,2,1,"ng-container",1),v()),n&2){let t=o.ngIf;d(),m("ngIf",t.singleEditorMode)}}function o7e(n,o){if(n&1&&g(0,i7e,2,1,"ng-container",1),n&2){let t=l();m("ngIf",t.componentConfigSignal())}}var Ku=(()=>{let o=class o extends nt{set _shadowDom(e){try{let i=e;typeof e=="string"&&(i=JSON.parse(e)),this.componentConfigSignal.update(r=>(r=T(I({},r),{shadowDom:i}),r))}catch(i){this.loggingService.catch("Error in SingleEditorModePanelComponent _shadowDom: ",i)}}constructor(e,i,r,a,s,c,p){super(e,s,void 0,void 0,void 0,c,a),this.elementRef=e,this.authService=i,this.liveStateService=r,this.loggingService=a,this.themeService=s,this.dynamicDataService=c,this.wireframeService=p,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-single-editor-mode-panel";try{this.loggingService.log("%c[WB] Calling FUNCTION: SingleEditorModePanelComponent constructor","color: green;"),this.subscriptions.push(this.liveStateService.getSingleEditorMode$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{singleEditorMode:h}))})),this.subscriptions.push(this.liveStateService.getDefaultSingleEditorUIEnabled$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{defaultSingleEditorUIEnabled:h}))})),this.subscriptions.push(this.liveStateService.getSingleEditorModeConfig$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{singleEditorConfig:h}))})),this.subscriptions.push(this.liveStateService.isUserEditor$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{isUserEditor:h}))})),this.subscriptions.push(this.liveStateService.getSingleEditorLiveStateData$().subscribe(h=>{if(this.componentConfigSignal.update(_=>T(I({},_),{singleEditorLiveStateData:h})),h){this.componentConfigSignal.update(E=>T(I({},E),{leaderName:h?.editor?.name||h?.editor?.email||""}));let _=this.authService.getUser();_?.userId===h?.editor?.userId?this.componentConfigSignal.update(E=>T(I({},E),{type:"editor"})):this.componentConfigSignal.update(E=>T(I({},E),{type:"reader"})),_?.userId===h?.requestEditorAccess?.user?.userId&&h?.requestEditorAccess?.status==="pending"?this.componentConfigSignal.update(E=>T(I({},E),{editAccessRequested:!0})):this.componentConfigSignal.update(E=>T(I({},E),{editAccessRequested:!1})),this.componentConfigSignal().type==="editor"&&!this.componentConfigSignal().requestEditorAccessCountdown&&h?.requestEditorAccess?.status==="pending"?this.showRequestEditorAccessCountdown():this.removeRequestEditorAccessCountdown()}}))}catch(h){this.loggingService.catch("Error in SingleEditorModePanelComponent constructor: ",h)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-single-editor-mode-panel-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent ngOnDestroy: ",e)}}ngOnChanges(e){try{super.ngOnChanges(e),e&&Object.keys(e).forEach(i=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{[i]:e[i].currentValue}),r))})}catch(i){this.loggingService.catch("Error in SingleEditorModePanelComponent ngOnChanges: ",i)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent 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||U.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 SingleEditorModePanelComponent 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 SingleEditorModePanelComponent 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 SingleEditorModePanelComponent requestEditorAccess: ",e)}}cancelEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: cancelEditorAccessRequest","color: green;"),this.liveStateService.cancelEditorAccessRequest()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent cancelEditorAccessRequest: ",e)}}acceptEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: acceptEditorAccessRequest","color: green;"),this.liveStateService.acceptEditorAccessRequest()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent acceptEditorAccessRequest: ",e)}}rejectEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: rejectEditorAccessRequest","color: green;"),this.liveStateService.rejectEditorAccessRequest()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent rejectEditorAccessRequest: ",e)}}editCurrentTab(){try{this.loggingService.log("%c[WB] Calling FUNCTION: editCurrentTab","color: green;"),this.liveStateService.editCurrentTab()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent editCurrentTab: ",e)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(je),u(Di),u(y),u(Ye),u(b),u(Ge))},o.\u0275cmp=M({type:o,selectors:[["velt-single-editor-mode-panel"]],inputs:{variant:"variant",_shadowDom:[0,"shadowDom","_shadowDom"]},standalone:!1,features:[j([b]),V,qe],decls:3,vars:1,consts:[["liveStateSyncPanelRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["data-velt-ignore","","class","velt-single-editor-mode-panel-container single-editor-mode-panel-container",3,"velt-single-editor-mode-panel-container-no-pointer","no-pointer",4,"ngIf"],["data-velt-ignore","",1,"velt-single-editor-mode-panel-container","single-editor-mode-panel-container"],[4,"veltDynamicTemplate"],["data-velt-ignore","",1,"velt-single-editor-mode-panel","follow-dialog"],[3,"componentConfigSignal"]],template:function(i,r){i&1&&g(0,Q9e,2,6,"ng-container",1)(1,o7e,1,1,"ng-template",null,0,xe),i&2&&m("ngIf",r.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-single-editor-mode-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-single-editor-mode-panel-container.velt-single-editor-mode-panel-container-no-pointer[_ngcontent-%COMP%]{pointer-events:none}"],changeDetection:0});let n=o;return n})();function a7e(n,o){if(n&1&&(f(0),C(1,"div",1),w(2,"velt-single-editor-mode-panel",2),S(),v()),n&2){let t=l(2);d(2),m("variant",t.variant)}}function s7e(n,o){if(n&1&&(f(0),g(1,a7e,3,1,"ng-container",0),v()),n&2){let t=o.ngIf;d(),m("ngIf",t.singleEditorMode&&t.defaultSingleEditorUIEnabled)}}var Nse=(()=>{let o=class o extends nt{constructor(e,i,r,a,s){super(e,i,void 0,void 0,void 0,r,a),this.elementRef=e,this.themeService=i,this.dynamicDataService=r,this.loggingService=a,this.liveStateService=s,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(c=>{this.componentConfigSignal.update(p=>T(I({},p),{singleEditorMode:c}))})),this.subscriptions.push(this.liveStateService.getDefaultSingleEditorUIEnabled$().subscribe(c=>{this.componentConfigSignal.update(p=>T(I({},p),{defaultSingleEditorUIEnabled:c}))}))}catch(c){this.loggingService.catch("Error in LiveStateSyncOverlayComponent constructor: ",c)}}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(Ye),u(b),u(y),u(Di))},o.\u0275cmp=M({type:o,selectors:[["snippyly-live-state-sync-overlay"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,s7e,2,1,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},dependencies:[K,Ku],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}
404
+ `],encapsulation:2,changeDetection:0});let n=o;return n})();var _m=(()=>{let o=class o{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&&Nl(e.duration).pipe(Je(1)).subscribe(()=>{this.removeToast(e)},i=>{this.loggingService.catch("Error in ToastService setToast timer subscription: ",i)})}catch(i){this.loggingService.catch("Error in ToastService setToast: ",i)}}removeToast(e){try{this.toasts$.next(this.toasts$.value.filter(i=>i.id!==e.id))}catch(i){this.loggingService.catch("Error in ToastService removeToast: ",i)}}getToasts$(){return this.toasts$.asObservable()}};o.\u0275fac=function(i){return new(i||o)(J(y))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();function z9e(n,o){n&1&&(oe(),C(0,"svg",6),w(1,"path",7),S())}function G9e(n,o){n&1&&(oe(),C(0,"svg",6),w(1,"path",8)(2,"path",9),S())}function W9e(n,o){if(n&1){let t=q();C(0,"div",2),g(1,z9e,2,0,"svg",3)(2,G9e,3,0,"svg",3),te(3),D(4,"translate"),oe(),C(5,"svg",4),z("click",function(){let i=k(t).$implicit,r=l();return R(r.removeToast(i))}),w(6,"path",5),S()()}if(n&2){let t=o.$implicit;m("@fade",!0),d(),m("ngIf",t.type==="success"),d(),m("ngIf",t.type==="error"),d(),ve(" ",O(4,4,t.message)," ")}}var kse=(()=>{let o=class o{constructor(e,i,r){this.loggingService=e,this.toastService=i,this.elementRef=r,this.toasts=[],this.subscriptions=[];try{this.subscriptions.push(this.toastService.getToasts$().subscribe(a=>{this.toasts=a}))}catch(a){console.log(a)}}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)}};o.\u0275fac=function(i){return new(i||o)(u(y),u(_m),u(N))},o.\u0275cmp=M({type:o,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(i,r){i&1&&(C(0,"div",0),g(1,W9e,7,6,"div",1),S()),i&2&&(d(),m("ngForOf",r.toasts))},dependencies:[ht,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:[NB("fade",[hO("false",tm({opacity:0})),hO("true",tm({opacity:1})),fO("false => true",[tm({opacity:0}),uO(1e3,tm({opacity:1}))]),fO("true => false",[uO(1e3,tm({opacity:0}))])])]},changeDetection:0});let n=o;return n})();var C$=n=>({componentConfigSignal:n}),Rse=(n,o)=>({condition:n,data:o}),Y9e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-single-editor-mode-panel-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function K9e(n,o){n&1&&Ue(0)}function Z9e(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,K9e,1,0,"ng-container",4),S()),n&2){l(3);let t=de(2);d(),m("ngTemplateOutlet",t)}}function X9e(n,o){if(n&1&&(f(0),g(1,Z9e,2,1,"velt-shadow-dom-internal",3),v()),n&2){let t=l().ngIf,e=l(),i=de(2);d(),m("ngIf",t.shadowDom&&!e.template)("ngIfElse",i)}}function Q9e(n,o){if(n&1&&(f(0),g(1,X9e,2,2,"ng-container",2),v()),n&2){let t=l();d(),m("veltIf",F(3,Rse,t.conditionSignal(),P(1,C$,t.componentConfigSignal)))}}function J9e(n,o){if(n&1&&(f(0),C(1,"div",8),w(2,"velt-single-editor-mode-panel-viewer-text",9)(3,"velt-single-editor-mode-panel-editor-text",9)(4,"velt-single-editor-mode-panel-countdown",9)(5,"velt-single-editor-mode-panel-request-access",9)(6,"velt-single-editor-mode-panel-reject-request",9)(7,"velt-single-editor-mode-panel-edit-here",9),S(),v()),n&2){let t=l(6);d(2),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal)}}function e7e(n,o){if(n&1&&(f(0),g(1,J9e,8,6,"ng-container",7),v()),n&2){let t=l(3).ngIf,e=l(2);d(),m("veltDynamicTemplate",$(3,Y9e,e.template,P(1,C$,e.componentConfigSignal),t.variant,e.setIfCondition.bind(e),e.elementRef))}}function t7e(n,o){if(n&1&&(C(0,"div",6),g(1,e7e,2,9,"ng-container",2),S()),n&2){let t=l(2).ngIf,e=l(2);pe("velt-single-editor-mode-panel-container-no-pointer",t.type==="editor")("no-pointer",t.type==="editor"),d(),m("veltIf",F(7,Rse,e.conditionSignal(),P(5,C$,e.componentConfigSignal)))}}function n7e(n,o){if(n&1&&(f(0),g(1,t7e,2,10,"div",5),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.leaderName!==""||t.type==="editor")}}function i7e(n,o){if(n&1&&(f(0),g(1,n7e,2,1,"ng-container",1),v()),n&2){let t=o.ngIf;d(),m("ngIf",t.singleEditorMode)}}function o7e(n,o){if(n&1&&g(0,i7e,2,1,"ng-container",1),n&2){let t=l();m("ngIf",t.componentConfigSignal())}}var Ku=(()=>{let o=class o extends nt{set _shadowDom(e){try{let i=e;typeof e=="string"&&(i=JSON.parse(e)),this.componentConfigSignal.update(r=>(r=T(I({},r),{shadowDom:i}),r))}catch(i){this.loggingService.catch("Error in SingleEditorModePanelComponent _shadowDom: ",i)}}constructor(e,i,r,a,s,c,p){super(e,s,void 0,void 0,void 0,c,a),this.elementRef=e,this.authService=i,this.liveStateService=r,this.loggingService=a,this.themeService=s,this.dynamicDataService=c,this.wireframeService=p,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-single-editor-mode-panel";try{this.loggingService.log("%c[WB] Calling FUNCTION: SingleEditorModePanelComponent constructor","color: green;"),this.subscriptions.push(this.liveStateService.getSingleEditorMode$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{singleEditorMode:h}))})),this.subscriptions.push(this.liveStateService.getDefaultSingleEditorUIEnabled$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{defaultSingleEditorUIEnabled:h}))})),this.subscriptions.push(this.liveStateService.getSingleEditorModeConfig$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{singleEditorConfig:h}))})),this.subscriptions.push(this.liveStateService.isUserEditor$().subscribe(h=>{this.componentConfigSignal.update(_=>T(I({},_),{isUserEditor:h}))})),this.subscriptions.push(this.liveStateService.getSingleEditorLiveStateData$().subscribe(h=>{if(this.componentConfigSignal().singleEditorLiveStateData?.requestEditorAccess?.user?.userId!==h?.requestEditorAccess?.user?.userId&&this.componentConfigSignal().requestEditorAccessCountdown&&this.removeRequestEditorAccessCountdown(),this.componentConfigSignal.update(_=>T(I({},_),{singleEditorLiveStateData:h})),h){this.componentConfigSignal.update(E=>T(I({},E),{leaderName:h?.editor?.name||h?.editor?.email||""}));let _=this.authService.getUser();_?.userId===h?.editor?.userId?this.componentConfigSignal.update(E=>T(I({},E),{type:"editor"})):this.componentConfigSignal.update(E=>T(I({},E),{type:"reader"})),_?.userId===h?.requestEditorAccess?.user?.userId&&h?.requestEditorAccess?.status==="pending"?this.componentConfigSignal.update(E=>T(I({},E),{editAccessRequested:!0})):this.componentConfigSignal.update(E=>T(I({},E),{editAccessRequested:!1})),this.componentConfigSignal().type==="editor"&&!this.componentConfigSignal().requestEditorAccessCountdown&&h?.requestEditorAccess?.status==="pending"?this.showRequestEditorAccessCountdown():this.removeRequestEditorAccessCountdown()}}))}catch(h){this.loggingService.catch("Error in SingleEditorModePanelComponent constructor: ",h)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit(),this.setupA11yAttributes();let e="velt-single-editor-mode-panel-wireframe";this.variant&&(e+=`---${this.variant}`),this.wireframeService.getWireframe$(e).subscribe(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent ngOnDestroy: ",e)}}ngOnChanges(e){try{super.ngOnChanges(e),e&&Object.keys(e).forEach(i=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{[i]:e[i].currentValue}),r))})}catch(i){this.loggingService.catch("Error in SingleEditorModePanelComponent ngOnChanges: ",i)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent 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||U.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 SingleEditorModePanelComponent 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 SingleEditorModePanelComponent 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 SingleEditorModePanelComponent requestEditorAccess: ",e)}}cancelEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: cancelEditorAccessRequest","color: green;"),this.liveStateService.cancelEditorAccessRequest()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent cancelEditorAccessRequest: ",e)}}acceptEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: acceptEditorAccessRequest","color: green;"),this.liveStateService.acceptEditorAccessRequest()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent acceptEditorAccessRequest: ",e)}}rejectEditorAccessRequest(){try{this.loggingService.log("%c[WB] Calling FUNCTION: rejectEditorAccessRequest","color: green;"),this.liveStateService.rejectEditorAccessRequest()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent rejectEditorAccessRequest: ",e)}}editCurrentTab(){try{this.loggingService.log("%c[WB] Calling FUNCTION: editCurrentTab","color: green;"),this.liveStateService.editCurrentTab()}catch(e){this.loggingService.catch("Error in SingleEditorModePanelComponent editCurrentTab: ",e)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(je),u(Di),u(y),u(Ye),u(b),u(Ge))},o.\u0275cmp=M({type:o,selectors:[["velt-single-editor-mode-panel"]],inputs:{variant:"variant",_shadowDom:[0,"shadowDom","_shadowDom"]},standalone:!1,features:[j([b]),V,qe],decls:3,vars:1,consts:[["liveStateSyncPanelRef",""],[4,"ngIf"],[4,"veltIf"],[4,"ngIf","ngIfElse"],[4,"ngTemplateOutlet"],["data-velt-ignore","","class","velt-single-editor-mode-panel-container single-editor-mode-panel-container",3,"velt-single-editor-mode-panel-container-no-pointer","no-pointer",4,"ngIf"],["data-velt-ignore","",1,"velt-single-editor-mode-panel-container","single-editor-mode-panel-container"],[4,"veltDynamicTemplate"],["data-velt-ignore","",1,"velt-single-editor-mode-panel","follow-dialog"],[3,"componentConfigSignal"]],template:function(i,r){i&1&&g(0,Q9e,2,6,"ng-container",1)(1,o7e,1,1,"ng-template",null,0,xe),i&2&&m("ngIf",r.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-single-editor-mode-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-single-editor-mode-panel-container.velt-single-editor-mode-panel-container-no-pointer[_ngcontent-%COMP%]{pointer-events:none}"],changeDetection:0});let n=o;return n})();function a7e(n,o){if(n&1&&(f(0),C(1,"div",1),w(2,"velt-single-editor-mode-panel",2),S(),v()),n&2){let t=l(2);d(2),m("variant",t.variant)}}function s7e(n,o){if(n&1&&(f(0),g(1,a7e,3,1,"ng-container",0),v()),n&2){let t=o.ngIf;d(),m("ngIf",t.singleEditorMode&&t.defaultSingleEditorUIEnabled)}}var Nse=(()=>{let o=class o extends nt{constructor(e,i,r,a,s){super(e,i,void 0,void 0,void 0,r,a),this.elementRef=e,this.themeService=i,this.dynamicDataService=r,this.loggingService=a,this.liveStateService=s,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(c=>{this.componentConfigSignal.update(p=>T(I({},p),{singleEditorMode:c}))})),this.subscriptions.push(this.liveStateService.getDefaultSingleEditorUIEnabled$().subscribe(c=>{this.componentConfigSignal.update(p=>T(I({},p),{defaultSingleEditorUIEnabled:c}))}))}catch(c){this.loggingService.catch("Error in LiveStateSyncOverlayComponent constructor: ",c)}}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(Ye),u(b),u(y),u(Di))},o.\u0275cmp=M({type:o,selectors:[["snippyly-live-state-sync-overlay"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,s7e,2,1,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},dependencies:[K,Ku],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}
405
405
  `],encapsulation:3,changeDetection:0});let n=o;return n})();var _$=(()=>{let o=class o{set signInButton(e){this.translateService.setLanguage(e)}set translations(e){try{let i=e;if(typeof e=="string"&&(i=JSON.parse(e)),!i||typeof i!="object")return;this.translateService.setTranslations(i)}catch(i){this.loggingService.catch("Error in AppComponent set translations: ",i)}}set _autoTranslation(e){let i=e;typeof e=="string"&&(i=JSON.parse(e)),i?this.translateService.enableAutoTranslation():this.translateService.disableAutoTranslation()}onResize(e){this.setSnippylyViewportSize()}constructor(e,i,r,a,s,c,p,h,_,E){this.docService=e,this.domService=i,this.loggingService=r,this.viewportRuler=a,this.themeService=s,this.breakpointObserver=c,this.translateService=p,this.notificationService=h,this.veltService=_,this.injector=E,this.snippyly=new iP(this.injector),this.getSnippyly=new De,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()},A=>{this.loggingService.catch("Error in AppComponent getDocumentPaths subscription:",A)})),this.updateDeviceType(),this.updateDeviceOrientation(),this.setVeltVersion()}catch(A){this.loggingService.catch("Error in AppComponent constructor:",A)}}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(U.LOCAL_STORAGE.VELT_VERSION,window.Velt.version)}catch(e){this.loggingService.catch("Error in AppComponent setVeltVersion: ",e)}}updateDeviceType(){try{Object.values(Ei).forEach(i=>{Jn.Breakpoints[i]=this.breakpointObserver.isMatched(i),this.subscriptions.push(this.breakpointObserver.observe(i).subscribe(r=>{Jn.Breakpoints[i]=r.matches}))})}catch(e){this.loggingService.catch("Error in AppComponent updateDeviceType: ",e)}}updateDeviceOrientation(){try{Object.values(nv).forEach(i=>{Jn.Orientations[i]=window.matchMedia(i).matches,this.subscriptions.push(this.breakpointObserver.observe(i).subscribe(r=>{Jn.Orientations[i]=r.matches}))})}catch(e){this.loggingService.catch("Error in AppComponent updateDeviceOrientation: ",e)}}observeHtmlTagChanges(){}setSnippylyRemBaseUnit(){try{let e=document.documentElement,i=window.getComputedStyle(e),r=16,a=+i.fontSize.replace("px",""),s=a?r/a:1;e.style.setProperty(U.VELT_BASE_REM_UNIT,s+"")}catch(e){this.loggingService.catch("Error in AppComponent setSnippylyRemBaseUnit: ",e)}}setSnippylyViewportSize(){try{setTimeout(()=>{let e=this.viewportRuler.getViewportSize(),i=document.documentElement;i.style.setProperty(U.VELT_VIEWPORT_WIDTH,e.width+"px"),i.style.setProperty(U.VELT_VIEWPORT_HEIGHT,e.height+"px")},100)}catch{}}ngOnDestroy(){try{this.subscriptions.forEach(e=>{e.unsubscribe()}),this.themeService.disablePrefersColorScheme()}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(lt),u(Fe),u(y),u(Ps),u(Ye),u(co),u(Gs),u(Vn),u(nP),u(Et))},o.\u0275cmp=M({type:o,selectors:[["app-root"]],hostVars:1,hostBindings:function(i,r){i&1&&z("resize",function(s){return r.onResize(s)},!1,d4),i&2&&x("data-velt-element",r.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(i,r){i&1&&w(0,"app-external-styles")(1,"velt-toast-popup")(2,"snippyly-live-state-sync-overlay")},dependencies:[Pse,kse,Nse],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});let n=o;return n})();var tr=(()=>{let o=class o{constructor(){this.subscriptions=[]}ngAfterViewInit(){this.overlay instanceof jn?this.setOverlayZIndex(this.overlay):this.overlay instanceof $y?this.setMatAutocompleteZIndex(this.overlay):this.overlay instanceof HTMLElement&&this.setElementZIndex(this.overlay)}setOverlayZIndex(e){this.overlay instanceof jn&&this.subscriptions.push(e.positionChange.pipe(Je(1)).subscribe(()=>{e?.overlayRef&&e?.overlayRef?.hostElement&&this.zIndex&&(e.overlayRef.hostElement.style.zIndex=this.zIndex?.toString())},i=>{}))}setMatAutocompleteZIndex(e){try{this.overlay instanceof $y&&this.subscriptions.push(e.opened.pipe(Je(1)).subscribe(()=>{setTimeout(()=>{if(e?.panel?.nativeElement){let i=e.panel.nativeElement?.closest(".cdk-overlay-connected-position-bounding-box");i&&(i.style.zIndex=this.zIndex?.toString())}},100)},i=>{}))}catch{}}setElementZIndex(e){try{this.overlay instanceof HTMLElement&&setTimeout(()=>{let i=e?.closest(".cdk-global-overlay-wrapper")||e?.closest(".cdk-overlay-connected-position-bounding-box");i&&this.zIndex&&(i.style.zIndex=this.zIndex?.toString());let a=e?.closest(".cdk-overlay-container")?.querySelector(".cdk-overlay-backdrop");a&&this.backdropZIndex&&(this.originalBackdropZIndex=a.style.zIndex,a.style.zIndex=this.backdropZIndex?.toString(),this.backdropElement=a)},100)}catch{}}ngOnDestroy(){try{this.subscriptions.forEach(e=>{e.unsubscribe()}),this.backdropElement&&this.originalBackdropZIndex&&(this.backdropElement.style.zIndex=this.originalBackdropZIndex?.toString())}catch{}}};o.\u0275fac=function(i){return new(i||o)},o.\u0275dir=Bt({type:o,selectors:[["","snippylyOverlay",""]],inputs:{overlay:[0,"snippylyOverlay","overlay"],zIndex:[0,"snippylyOverlayZIndex","zIndex"],backdropZIndex:[0,"snippylyOverlayBackdropZIndex","backdropZIndex"]},standalone:!1});let n=o;return n})();var c7e=["*"],m7e=()=>["snippyly-overlay-panel","snippyly-lightbox-overlay-panel"];function d7e(n,o){if(n&1){let t=q();C(0,"div",5),z("click",function(i){return k(t),l(2).closeImageInFullScreen(),R(i.stopPropagation())})("pointerdown",function(i){return k(t),R(i.stopPropagation())}),w(1,"img",6),S()}if(n&2){let t=l(2);x("aria-label","Image Preview")("data-testid",t.componentId+"-overlay-container"),d(),m("src",t.src,cn)("alt","Image preview"),x("data-testid",t.componentId+"-image")}}function p7e(n,o){if(n&1&&(f(0),Pt(1),w(2,"div",3,0),g(4,d7e,2,5,"ng-template",4,1,xe),v()),n&2){let t=o.ngIf,e=de(3),i=de(5),r=l();d(2),x("data-testid",r.componentId+"-trigger"),d(2),m("cdkConnectedOverlayOrigin",e)("cdkConnectedOverlayOpen",t.showImageInFullScreen)("cdkConnectedOverlayPanelClass",kt(7,m7e))("cdkConnectedOverlayDisableClose",!0)("snippylyOverlay",i)("snippylyOverlayZIndex",2147483627)}}var Fse=(()=>{let o=class o{constructor(e,i){this.loggingService=e,this.elementRef=i,this.componentConfigSignal=Se({showImageInFullScreen:!1}),this.veltElement=!0,this.componentId="velt-lightbox";try{this.loggingService.log("%c[WB] Creating Class: LightboxComponent","color: blue;")}catch(r){this.loggingService.catch("Error in LightboxComponent constructor: ",r)}}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N))},o.\u0275cmp=M({type:o,selectors:[["snippyly-lightbox"]],hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.veltElement)},inputs:{src:"src"},standalone:!1,ngContentSelectors:c7e,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(i,r){i&1&&(Vt(),g(0,p7e,6,8,"ng-container",2)),i&2&&m("ngIf",r.componentConfigSignal())},dependencies:[K,jn,kn,tr],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});let n=o;return n})();var g7e=["menuRef"],u7e=["menuTrigger"],h7e=["*"];function f7e(n,o){n&1&&(f(0),w(1,"button",5),v())}var y$=(()=>{let o=class o{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 i=0;i<e.children.length;i++){let r=e.children[i];this.menuItems.push(r)}setTimeout(()=>{this.addMenuOptions()},100)}}catch(e){this.loggingService.catch("Error in MenuComponent afterViewInit: ",e)}}ngAfterContentInit(){}addMenuOptions(){try{this.menuRef&&this.menuRef._allItems.forEach((e,i)=>{e._getHostElement()?.appendChild(this.menuItems[i])})}catch(e){this.loggingService.catch("Error in MenuComponent addMenuOptions: ",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y))},o.\u0275cmp=M({type:o,selectors:[["snippyly-menu"]],viewQuery:function(i,r){if(i&1&&(it(g7e,5),it(u7e,5)),i&2){let a;Ze(a=Xe())&&(r.menuRef=a.first),Ze(a=Xe())&&(r.menuTrigger=a.first)}},hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.veltElement)},standalone:!1,ngContentSelectors:h7e,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(i,r){if(i&1&&(Vt(),C(0,"div",2,0),Pt(3),S(),C(4,"mat-menu",3,1),g(6,f7e,2,0,"ng-container",4),S()),i&2){let a=de(2),s=de(5);pe("active",a==null?null:a.menuOpen),m("matMenuTriggerFor",s),d(6),m("ngForOf",r.menuItems)}},dependencies:[ht,dl,Vs,Cp],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});let n=o;return n})();var v7e={provide:dd,useExisting:Mr(()=>KS),multi:!0},KS=(()=>{let o=class o extends Hy{};o.\u0275fac=(()=>{let e;return function(r){return(e||(e=Fa(o)))(r||o)}})(),o.\u0275dir=Bt({type:o,selectors:[["","contenteditable","","veltAutocomplete",""]],inputs:{veltAutocomplete:"veltAutocomplete"},exportAs:["snippylyUserSelectorTrigger"],standalone:!1,features:[j([v7e]),V]});let n=o;return n})();var _s=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 Lse=n=>({componentConfigSignal:n}),C7e=(n,o)=>({condition:n,data:o}),_7e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-text-comment-tool-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function y7e(n,o){n&1&&Ue(0)}function S7e(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,y7e,1,0,"ng-container",2),S()),n&2){l();let t=de(2);d(),m("ngTemplateOutlet",t)}}function b7e(n,o){n&1&&(C(0,"div",8),oe(),C(1,"svg",9)(2,"mask",10),w(3,"path",11),S(),w(4,"path",12)(5,"path",13),S()())}function I7e(n,o){if(n&1){let t=q();C(0,"div",6),D(1,"translate"),z("pointerdown",function(i){return k(t),l(2).ngIf.createAnnotation(),R(i.stopPropagation())}),g(2,b7e,6,0,"div",7),S()}if(n&2){let t=l(2).ngIf,e=l(2);ot("top",t.position.top,"px")("left",t.position.left,"px")("visibility",t.showAdder?"visible":"hidden"),x("data-testid",e.componentId)("role","button")("aria-label",O(1,12,"Add text comment"))("aria-disabled",!t.commentToolEnabled)("tabindex",0),d(2),m("veltDynamicTemplate",$(16,_7e,e.template,P(14,Lse,e.componentConfigSignal),t.variant,e.setIfCondition.bind(e),e.elementRef))}}function E7e(n,o){if(n&1&&(f(0),g(1,I7e,3,22,"div",5),v()),n&2){let t=l().ngIf;d(),m("ngIf",t&&!t.disabled&&t.commentToolEnabled&&!t.isPlanExpired&&t.isUserAllowed&&t.enableTextComments&&(t.user==null?null:t.user.userId)&&!t.rewriterEnabled)}}function x7e(n,o){if(n&1&&(f(0),g(1,E7e,2,1,"ng-container",4),v()),n&2){let t=l(2);d(),m("veltIf",F(3,C7e,t.conditionSignal(),P(1,Lse,t.componentConfigSignal)))}}function T7e(n,o){if(n&1&&g(0,x7e,2,6,"ng-container",3),n&2){let t=l();m("ngIf",t.componentConfigSignal())}}var Kv=(()=>{let o=class o extends nt{constructor(e,i,r,a,s,c){super(a,s,void 0,r,r.getTextCommentToolDarkMode$(),c,e),this.loggingService=e,this.wireframeService=i,this.commentService=r,this.elementRef=a,this.themeService=s,this.dynamicDataService=c,this.textCommentToolShadowDOM=!1,this.subscriptions=[],this.componentId="velt-text-comment-tool",super.initializeComponentConfigSignal(new _s),this.subscriptions.push(this.commentService.getTextCommentToolShadowDOM$().subscribe(p=>{this.textCommentToolShadowDOM=p},p=>{this.loggingService.catch("Error in TextCommentToolComponent getTextCommentToolShadowDOM$ subscription: ",p)}))}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}}))}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 i=this.componentConfigSignal();e.setAttribute("aria-disabled",String(!i.commentToolEnabled))}catch(e){this.loggingService.catch("Error in TextCommentToolComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(Te),u(N),u(Ye),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-text-comment-tool"]],standalone:!1,features:[j([b]),V],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(i,r){if(i&1&&g(0,S7e,2,1,"velt-shadow-dom-internal",1)(1,T7e,1,1,"ng-template",null,0,xe),i&2){let a=de(2);m("ngIf",!r.template&&r.textCommentToolShadowDOM)("ngIfElse",a)}},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});let n=o;return n})();var Bse=n=>({componentConfigSignal:n}),D7e=(n,o)=>({condition:n,data:o}),A7e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-text-comment-toolbar-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function O7e(n,o){n&1&&Ue(0)}function M7e(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,O7e,1,0,"ng-container",2),S()),n&2){l();let t=de(2);d(),m("ngTemplateOutlet",t)}}function P7e(n,o){if(n&1&&w(0,"app-text-comment-toolbar-comment-annotation",10),n&2){let t=l(6);m("componentConfigSignal",t.componentConfigSignal)}}function k7e(n,o){n&1&&w(0,"app-text-comment-toolbar-divider")}function R7e(n,o){if(n&1&&(C(0,"div",8),g(1,P7e,1,1,"app-text-comment-toolbar-comment-annotation",9)(2,k7e,1,0,"app-text-comment-toolbar-divider",3),w(3,"app-text-comment-toolbar-copywriter",10)(4,"app-text-comment-toolbar-generic",10),S()),n&2){let t=l(3).ngIf,e=l(2);d(),m("ngIf",t.commentToolEnabled),d(),m("ngIf",t.commentToolEnabled),d(),m("componentConfigSignal",e.componentConfigSignal),d(),m("componentConfigSignal",e.componentConfigSignal)}}function N7e(n,o){if(n&1){let t=q();C(0,"div",6),D(1,"translate"),z("click",function(i){return k(t),R(i.stopPropagation())})("pointerdown",function(i){return k(t),R(i.stopPropagation())})("pointerup",function(i){return k(t),R(i.stopPropagation())}),g(2,R7e,5,4,"div",7),S()}if(n&2){let t=l(2).ngIf,e=l(2);ot("top",t.position.top,"px")("left",t.left,"px")("visibility",t.showAdder?"visible":"hidden")("top",t.position.top,"px")("left",t.left,"px")("visibility",t.showAdder?"visible":"hidden"),x("data-testid",e.componentId)("role","toolbar")("aria-label",O(1,17,"Text comment tools"))("aria-hidden",!t.showAdder),d(2),m("veltDynamicTemplate",$(21,A7e,e.template,P(19,Bse,e.componentConfigSignal),t.variant,e.setIfCondition.bind(e),e.elementRef))}}function F7e(n,o){if(n&1&&(f(0),g(1,N7e,3,27,"div",5),v()),n&2){let t=l().ngIf;d(),m("ngIf",t&&!t.disabled&&!t.isPlanExpired&&t.isUserAllowed&&t.enableTextComments&&(t.user==null?null:t.user.userId)&&t.rewriterEnabled)}}function L7e(n,o){if(n&1&&(f(0),g(1,F7e,2,1,"ng-container",4),v()),n&2){let t=l(2);d(),m("veltIf",F(3,D7e,t.conditionSignal(),P(1,Bse,t.componentConfigSignal)))}}function B7e(n,o){if(n&1&&g(0,L7e,2,6,"ng-container",3),n&2){let t=l();m("ngIf",t.componentConfigSignal())}}var Zv=(()=>{let o=class o extends nt{constructor(e,i,r,a,s,c){super(a,s,void 0,r,r.getTextCommentToolbarDarkMode$(),c,e),this.loggingService=e,this.wireframeService=i,this.commentService=r,this.elementRef=a,this.themeService=s,this.dynamicDataService=c,this.textCommentToolbarShadowDOM=!1,this.subscriptions=[],this.componentId="velt-text-comment-toolbar",super.initializeComponentConfigSignal(new _s),this.subscriptions.push(this.commentService.getTextCommentToolbarShadowDOM$().subscribe(p=>{this.textCommentToolbarShadowDOM=p},p=>{this.loggingService.catch("Error in CommentPinComponent getTextCommentToolbarShadowDOM$ subscription: ",p)}))}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}}))}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(Te),u(N),u(Ye),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-text-comment-toolbar"]],standalone:!1,features:[j([b]),V],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(i,r){if(i&1&&g(0,M7e,2,1,"velt-shadow-dom-internal",1)(1,B7e,1,1,"ng-template",null,0,xe),i&2){let a=de(2);m("ngIf",!r.template&&r.textCommentToolbarShadowDOM)("ngIfElse",a)}},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});let n=o;return n})();var U7e=["commentAdderRef"],Vse=(()=>{let o=class o{constructor(e,i,r,a,s,c,p,h){this.analyticsService=e,this.authService=i,this.domService=r,this.iamService=a,this.commentService=s,this.loggingService=c,this.rewriterService=p,this.elementRef=h,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(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{enableTextComments:_}),E))},_=>{this.loggingService.catch("Error in CommentAdderComponent getTextCommentMode$ subscription: ",_)})),this.subscriptions.push(this.commentService.getAllowedElementIds().subscribe(_=>{this.allowedElementIds=_},_=>{this.loggingService.catch("Error in CommentAdderComponent getAllowedElementIds subscription: ",_)})),this.subscriptions.push(this.commentService.getCommentTool$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{commentToolEnabled:_}),E))})),this.subscriptions.push(this.iamService.getFeaturesAccessLevel$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{disabled:!!_?.all?.disabled}),E))})),this.subscriptions.push(this.authService.getUser$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{user:_}),E))},_=>{this.loggingService.catch("Error in CommentAdderComponent getUser$ subscription: ",_)})),this.subscriptions.push(this.rewriterService.getRewriterEnabled$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{rewriterEnabled:_}),E))},_=>{this.loggingService.catch("Error in CommentAdderComponent getRewriterEnabled$ subscription: ",_)})),this.subscriptions.push(this.iamService.isUserAllowed$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{isUserAllowed:_}),E))},_=>{this.loggingService.catch("Error in CommentAdderComponent isUserAllowed$ subscription: ",_)})),this.subscriptions.push(this.authService.isPlanExpired$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{isPlanExpired:_}),E))},_=>{this.loggingService.catch("Error in CommentAdderComponent isPlanExpired$ subscription: ",_)}))}ngOnChanges(e){try{e&&Object.keys(e).forEach(i=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{[i]:e[i].currentValue}),r))})}catch(i){this.loggingService.catch("Error in CommentAdderComponent ngOnChanges: ",i)}}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(Re.COMMENT)){if(window.getSelection()?.toString()){let e=window.getSelection()?.toString(),i=KO(e||"").join(" ");this.componentConfigSignal.update(r=>(r=T(I({},r),{selectedWordsCount:i?.split(" ").length||0,selectedCharactersCount:i?.length||0}),r))}else this.componentConfigSignal.update(e=>(e=T(I({},e),{selectedWordsCount:0,selectedCharactersCount:0}),e));if(window.getSelection()?.toString()&&!ZO()){let e=window.getSelection()?.getRangeAt(0);e.commonAncestorContainer&&this.commentService.isElementInsideAllowedElements(e.commonAncestorContainer)&&(fd(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=Dn([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 i=e.getClientRects();if(i.length){let r=i[i.length-1];this.componentConfigSignal.update(a=>(a=T(I({},a),{position:{top:r.y+r.height+(a.rewriterEnabled?16:4),left:r.x+r.width-16}}),a)),this.onPositionUpdate(),this.componentConfigSignal.update(a=>(a=T(I({},a),{showAdder:!0}),a))}else this.clearSelection()}}catch(e){this.loggingService.catch("Error in CommentAdderComponent onSelection: ",e)}}createAnnotation(e,i){return ee(this,null,function*(){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: createAnnotation","color: green;"),yield Ip(200),this.componentConfigSignal().user){let r=this.domService.getRange(),a=r?this.domService.getTargetTextRangeFromSelectionRange(r):void 0;this.domService.clearTextSelection(),setTimeout(()=>{if(e)this.rewriterService.addRewriter(void 0,a,i);else{let s=r?.commonAncestorContainer;s&&s.nodeType===Node.TEXT_NODE&&(s=s.parentElement);let c=this.commentService.getInlineCommentSectionConfig(s);this.commentService.addComment(void 0,a,void 0,void 0,void 0,void 0,void 0,void 0,c)}},100)}}catch(r){this.loggingService.catch("Error in CommentAdderComponent createAnnotation: ",r)}})}createRewriter(e){return ee(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(i){this.loggingService.catch("Error in CommentAdderComponent createRewriter: ",i)}})}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(),i=0,r=0;e&&(i=e.width/2,r=window.innerWidth-e.width/2);let a=this.componentConfigSignal().position.left;a<i&&(a=i),a>r&&(a=r),this.componentConfigSignal().position.left<0&&(a=this.componentConfigSignal().position.left),this.componentConfigSignal.update(s=>(s=T(I({},s),{left:a}),s))}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)}}};o.\u0275fac=function(i){return new(i||o)(u(Qe),u(je),u(Fe),u(gn),u(Te),u(y),u(Cc),u(N))},o.\u0275cmp=M({type:o,selectors:[["snippyly-comment-adder"]],viewQuery:function(i,r){if(i&1&&it(U7e,5),i&2){let a;Ze(a=Xe())&&(r.commentAdderRef=a.first)}},hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.veltElement)},inputs:{variant:"variant"},standalone:!1,features:[qe],decls:4,vars:7,consts:[["commentAdderRef",""],[3,"componentConfigSignal"]],template:function(i,r){i&1&&(w(0,"app-text-comment-tool",1),C(1,"div",null,0),w(3,"app-text-comment-toolbar",1),S()),i&2&&(m("componentConfigSignal",r.componentConfigSignal),x("data-testid",r.componentId+"-tool"),d(),x("data-testid",r.componentId+"-toolbar-container")("role","toolbar")("aria-label","Text comment tools")("aria-hidden",!r.componentConfigSignal().showAdder),d(2),m("componentConfigSignal",r.componentConfigSignal))},dependencies:[Kv,Zv],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});let n=o;return n})();var $7e=["overlay"];function H7e(n,o){if(n&1&&w(0,"span",8),n&2){let t,e=l().ngIf;pe("index-3-digit",(e.commentPinAnnotation==null||e.commentPinAnnotation.annotationIndex==null||(t=e.commentPinAnnotation.annotationIndex.toString())==null?null:t.length)===3),x("data-comment-annotation-number","#"+(e.commentPinAnnotation==null?null:e.commentPinAnnotation.annotationIndex))}}function z7e(n,o){if(n&1){let t=q();f(0),C(1,"velt-multi-thread-comment-dialog-internal",10),z("saveComment",function(i){k(t);let r=l(3);return R(r.saveComment(i))})("pointerUp",function(i){k(t);let r=l(3);return R(r.togglePinSelection(i))}),S(),v()}if(n&2){let t=l(2).ngIf;d(),m("multiThreadAnnotationId",t.commentPinAnnotation.annotationId)("annotation",t.commentPinAnnotation)("user",t.user)("commentPinSelected",t.commentPinSelected)}}function G7e(n,o){if(n&1){let t=q();C(0,"snippyly-comment-dialog",11),z("saveComment",function(i){k(t);let r=l(3);return R(r.saveComment(i))}),S()}if(n&2){let t=l(2).ngIf;m("annotation",t.commentPinAnnotation)("user",t.user)("commentPinSelected",t.commentPinSelected)("inlineCommentMode",t.inlineCommentMode)("isInsidePdfViewer",t.isInsidePdfViewer)}}function W7e(n,o){if(n&1&&g(0,z7e,2,4,"ng-container",9)(1,G7e,1,5,"ng-template",null,2,xe),n&2){let t=de(2),e=l().ngIf;m("ngIf",(e==null||e.commentPinAnnotation==null?null:e.commentPinAnnotation.type)==="multiThread")("ngIfElse",t)}}function q7e(n,o){if(n&1){let t=q();C(0,"snippyly-comment-bottom-sheet",12),z("saveComment",function(i){k(t);let r=l(2);return R(r.saveComment(i))}),S()}if(n&2){let t=l().ngIf;m("annotation",t.commentPinAnnotation)("user",t.user)("isInsidePdfViewer",t.isInsidePdfViewer)}}function Y7e(n,o){if(n&1){let t=q();f(0),C(1,"snippyly-comment-text",4,0),z("pointerover",function(i){return k(t),l().onPointerOver(i),R(i.stopPropagation())})("pointerout",function(){k(t);let i=l();return R(i.onPointerOut())})("pointerdown",function(i){return k(t),R(i.stopPropagation())})("pointerup",function(i){return k(t),l().togglePinSelection(),R(i.stopPropagation())})("touchend",function(i){return k(t),i.stopPropagation(),R(i.preventDefault())})("click",function(i){return k(t),i.stopPropagation(),R(i.preventDefault())}),S(),g(3,H7e,1,3,"span",5)(4,W7e,3,2,"ng-template",6,1,xe)(6,q7e,1,3,"snippyly-comment-bottom-sheet",7),v()}if(n&2){let t=o.ngIf,e=de(2),i=l();d(),pe("inline-comment-mode",t.inlineCommentMode&&!t.isInsidePdfViewer)("selected",t.commentPinHover||t.commentPinSelected),d(2),m("ngIf",t.last&&t.showCommentIndex&&(t.commentPinAnnotation==null?null:t.commentPinAnnotation.annotationIndex)),d(),m("cdkConnectedOverlayOrigin",e)("cdkConnectedOverlayOpen",(!t.mobileMode||!t.isPhone)&&!t.inboxMode&&!t.streamMode&&(!t.inlineCommentMode||t.isInsidePdfViewer)&&t.floatingCommentsEnabled&&(t.textClicked&&t.commentPinSelected||t.commentPinHover&&!t.commentPinSelected))("cdkConnectedOverlayOffsetY",t.overlayOriginY==="top"?-8:2)("cdkConnectedOverlayPanelClass","snippyly-overlay-panel")("cdkConnectedOverlayBackdropClass","snippyly-overlay-backdrop")("cdkConnectedOverlayLockPosition",!1)("cdkConnectedOverlayPositions",i.positions)("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayDisableClose",!0),d(2),m("ngIf",(t==null?null:t.user)&&t.mobileMode&&t.isPhone&&!t.sidebarVisible&&(!t.inlineCommentMode||t.isInsidePdfViewer)&&!t.inboxMode&&!t.streamMode&&t.floatingCommentsEnabled&&t.textClicked&&t.commentPinSelected)}}var oP=(()=>{let o=class o{onEnter(e){this.onKeyupEnter&&this.onKeyupEnter()}constructor(e,i,r,a,s,c,p,h){this.analyticsService=e,this.authService=i,this.breakpointObserver=r,this.domService=a,this.commentService=s,this.loggingService=c,this.recorderService=p,this.elementRef=h,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=U.OVERLAY_POSITIONS.map(_=>new Ri({originX:_.originX,originY:_.originY},{overlayX:_.overlayX,overlayY:_.overlayY})),this.veltElement=!0,this.componentId="velt-comment-text-portal",this.subscriptions.push(this.authService.getUser$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{user:_}),E))},_=>{this.catchError("Error in CommentTextPortalComponent getUser$ subscription: ",_)})),this.subscriptions.push(this.commentService.getSidebarVisibility$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{sidebarVisible:_}),E))},_=>{this.catchError("Error in CommentTextPortalComponent getSidebarVisibility$ subscription: ",_)})),this.subscriptions.push(this.commentService.showFloatingComments$().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{floatingCommentsEnabled:_}),E))},_=>{this.catchError("Error in CommentTextPortalComponent showFloatingComments$ subscription: ",_)})),this.subscriptions.push(this.commentService.getShowCommentIndex().subscribe(_=>{this.componentConfigSignal.update(E=>(E=T(I({},E),{showCommentIndex:_}),E))},_=>{this.catchError("Error in CommentTextPortalComponent getShowCommentIndex subscription: ",_)})),this.subscriptions.push(this.commentService.getEnableDialogOnHover$().subscribe(_=>{this.isDialogOnHoverEnabled=_},_=>{this.catchError("Error in CommentPinComponent getEnableDialogOnHover subscription: ",_)})),this.subscriptions.push(this.breakpointObserver.observe(Ei.XSmall).subscribe(_=>{let E=!1;_.matches?E=!0:E=!1,this.componentConfigSignal.update(A=>(A=T(I({},A),{isPhone:E}),A))},_=>{this.catchError("Error in CommentTextPortalComponent breakpointObserver subscription: ",_)}))}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(r=>{let a=sv(this.element,U.ATTRIBUTES.VELT_PDF_VIEWER);return r=T(I({},r),{isInsidePdfViewer:a}),r}),this.subscriptions.push(this.overlay?.positionChange?.subscribe(r=>{this.componentConfigSignal.update(a=>(a=T(I({},a),{overlayOriginX:r.connectionPair.originX,overlayOriginY:r.connectionPair.originY}),a))},r=>{this.catchError("Error in CommentTextPortalComponent positionChange subscription: ",r)})),this.subscriptions.push(this.domService.getSelectedAnnotationsMap$().subscribe(r=>{this.selectedAnnotationsMap=r,this.checkPinSelection()},r=>{this.catchError("Error in CommentTextPortalComponent getSelectedAnnotationsMap$ subscription: ",r)})),this.subscriptions.push(this.commentService.getStreamMode$().subscribe(r=>{this.componentConfigSignal.update(a=>(a=T(I({},a),{streamMode:r}),a))},r=>{this.catchError("Error in CommentTextPortalComponent getStreamMode$ subscription: ",r)})),this.subscriptions.push(this.commentService.getInboxMode$().subscribe(r=>{this.componentConfigSignal.update(a=>(a=T(I({},a),{inboxMode:r}),a))},r=>{this.catchError("Error in CommentTextPortalComponent getInboxMode subscription: ",r)})),this.subscriptions.push(this.commentService.getMobileMode$().subscribe(r=>{this.componentConfigSignal.update(a=>(a=T(I({},a),{mobileMode:r}),a))},r=>{this.catchError("Error in CommentTextPortalComponent getMobileMode$ subscription: ",r)})),this.subscriptions.push(this.commentService.getInlineCommentMode$().subscribe(r=>{this.componentConfigSignal.update(a=>(a=T(I({},a),{inlineCommentMode:r}),a))},r=>{this.catchError("Error in CommentTextPortalComponent getInlineCommentMode$ subscription: ",r)})),this.subscriptions.push(this.recorderService.onInitRecording().subscribe(r=>{this.recorderInitConfig=r},r=>{this.catchError("Error in CommentTextPortalComponent onInitRecording subscription: ",r)}))}catch(e){this.catchError("Error in CommentTextPortalComponent AfterViewInit: ",e)}}setFirst(e){try{this.componentConfigSignal.update(i=>(i=T(I({},i),{first:e}),i))}catch(i){this.catchError("Error in CommentTextPortalComponent setFirst: ",i)}}setLast(e){try{this.componentConfigSignal.update(i=>(i=T(I({},i),{last:e}),i))}catch(i){this.catchError("Error in CommentTextPortalComponent setLast: ",i)}}setCommentPinAnnotation(e){try{this.componentConfigSignal.update(i=>(i=T(I({},i),{commentPinAnnotation:e}),i))}catch(i){this.catchError("Error in CommentTextPortalComponent setCommentPinAnnotation: ",i)}}setElement(e){try{this.element=e,this.element?this.customScrollableParents=yp(this.element):this.customScrollableParents=[],this.addCustomScrollableParentsEventListeners()}catch(i){this.catchError("Error in CommentTextPortalComponent setElement: ",i)}}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(U.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(U.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(i=>(i=T(I({},i),{commentPinHover:!1}),i)):!this.componentConfigSignal().commentPinHover&&this.isDialogOnHoverEnabled&&this.componentConfigSignal.update(i=>(i=T(I({},i),{commentPinHover:!0}),i))}catch(i){this.catchError("Error in CommentTextPortalComponent onPointerOver: ",i)}}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 i=e||this.componentConfigSignal().commentPinAnnotation;if(this.selectedAnnotationsMap[i.annotationId])e||(document.querySelector(`[${U.ATTRIBUTES.VELT_ANNOTATION_DRAFT}="${i?.annotationId}"]`)?this.domService.resetSelectedAnnotationsMap(!0,"comments"):(this.componentConfigSignal.update(a=>(a=T(I({},a),{textClicked:!0}),a)),this.domService.toggleAnnotationSelection(i)));else{let r=document.querySelector(`[${U.ATTRIBUTES.VELT_ANNOTATION_DRAFT}]`);if(r||(r=(this.domService.getDraftCommentAnnotationDialogs()||[])[0]),r){let a=r.getAttribute(U.ATTRIBUTES.VELT_ANNOTATION_DRAFT);if(a){let s=document.getElementById(`comment-pin-container-${a}`)||document.querySelector(`[data-velt-id='${a}']`);s&&(s.scrollIntoView({behavior:"auto",block:"center",inline:"center"}),this.domService.resetSelectedAnnotationsMap(!0,"comments"))}}else this.domService.resetSelectedAnnotationsMap(!0,"comments"),this.componentConfigSignal.update(a=>(a=T(I({},a),{textClicked:!0}),a)),this.domService.toggleAnnotationSelection(i)}}catch(i){this.catchError("Error in CommentTextPortalComponent togglePinSelection: ",i)}}saveComment(e){try{this.commentService.saveComment(this.componentConfigSignal().commentPinAnnotation,e)}catch(i){this.catchError("Error in CommentTextPortalComponent saveComment: ",i)}}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(oi(e,"scroll").subscribe(i=>{this.updateOverlayPosition()},i=>{this.catchError("Error in CommentTextPortalComponent addCustomScrollableParentsEventListeners scroll subscription: ",i)}))})}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,i,r){try{this.loggingService.catch(e,i,T(I({},r||{}),{annotationId:this.componentConfigSignal()?.commentPinAnnotation?.annotationId}))}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(Qe),u(je),u(co),u(Fe),u(Te),u(y),u(yi),u(N))},o.\u0275cmp=M({type:o,selectors:[["snippyly-comment-text-portal"]],viewQuery:function(i,r){if(i&1&&it($7e,5),i&2){let a;Ze(a=Xe())&&(r.overlay=a.first)}},hostVars:1,hostBindings:function(i,r){i&1&&z("keyup.enter",function(s){return r.onEnter(s)},!1,p4),i&2&&x("data-velt-element",r.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(i,r){i&1&&g(0,Y7e,7,15,"ng-container",3),i&2&&m("ngIf",r.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});let n=o;return n})();var rP=(()=>{let o=class o{constructor(e,i,r,a,s,c,p){this.docService=e,this.domService=i,this.commentService=r,this.componentFactoryResolver=a,this.injector=s,this.appRef=c,this.loggingService=p,this.commentsTextById={},this.commonAncestorElementObservers=new Map,this.commonAncestorElementObserverCounts=new Map,this.inlineCommentMode=!1;try{this.commentService.getInlineCommentMode$().subscribe(h=>{this.inlineCommentMode=h})}catch(h){this.loggingService.catch("Error in CommentPinPortalService constructor: ",h)}}updateTextCommentAnnotations(e){try{this.checkToRemoveTextCommentAnnotations(e),e.forEach(i=>{this.updateTextCommentAnnotation(i)})}catch(i){this.loggingService.catch("Error in CommentPinPortalService updateTextCommentAnnotations: ",i)}}updateTextCommentAnnotation(e){let i=this.commentsTextById[e.annotationId];if(i)if(Co(i?.annotation?.targetTextRange,e?.targetTextRange)){let r=!1;i?.texts?.length?i.texts.forEach(a=>{document.body.contains(a?.textNode)||(r=!0)}):r=!0,r?(this.removeTextCommentAnnotation(e),this.getCommonAncestorContainer(e)):i.texts.forEach(a=>{a.portalRef&&a.portalRef.instance.setCommentPinAnnotation(e)})}else this.removeTextCommentAnnotation(e),this.getCommonAncestorContainer(e);else this.getCommonAncestorContainer(e)}getCommonAncestorContainer(e){try{let i=this.domService.getElementFromXPath(e?.targetTextRange?.commonAncestorContainer);if(i&&this.domService.isElementVisible(i)){let r=i?.nodeType===Node.ELEMENT_NODE?i:i?.parentElement;this.commentsTextById[e.annotationId]={texts:[],annotation:e,commonAncestorContainer:i,commonAncestorElement:r,commonAncestorText:r?.textContent},this.setTextCommentPortal(e),this.observeCommonAncestorElementChanges(e)}else this.setGhostComment(e)}catch(i){this.loggingService.catch("Error in CommentPinPortalService getCommonAncestorContainer: ",i)}}setTextCommentPortal(e){try{let i=this.commentsTextById[e.annotationId];if(i){let r=this.domService.getXPath(e?.targetTextRange?.commonAncestorContainer)?.iterateNext();if(e?.locationId&&this.docService.getLocation()?.locationId!==e?.locationId){let p=this.docService.getElementMapWithLocation();p[e?.locationId]&&(r=p[e?.locationId]?.element)}let a=iv(e.targetTextRange?.text,r,e.targetTextRange?.occurrence),s=!1;if(a?.forEach(c=>{c?.textNode?.parentElement?.closest("script")&&(s=!0)}),!s){let c=new Range;try{c.setStart(a[0].textNode,a[0].startOffset||0),c.setEnd(a[a.length-1].textNode,a[a.length-1].endOffset||0)}catch{}if(c.toString()===e.targetTextRange?.text){let p=Yv(c),h=[],_=p?.find(E=>!E?.textContent);if(_&&_?.remove(),p=p?.filter(E=>E?.textContent),p&&p.length){let E=-1,A=-1;if(p.forEach((B,G)=>{this.textHighlighterClass?this.domService.addClassToElement(B,this.textHighlighterClass):this.domService.addClassToElement(B,B.tagName?.toLowerCase()),B.setAttribute(U.ATTRIBUTES.VELT_ID,e.annotationId);let X=B.childNodes[0],he=new No(oP),Ie=new Fo(B,this.componentFactoryResolver,this.appRef,this.injector),Me=Ie.attach(he);Me.instance.setCommentPinAnnotation(e),Me.instance.setElement(B),Me.instance.onKeyupEnter=()=>{this.onCommonAncestorElementChange(e)},E<0&&(E=G),A=G,h.push({host:Ie,portal:he,portalRef:Me,element:B,textNode:X})}),E>=0&&h[E]?.portalRef&&h[E].portalRef.instance.setFirst(!0),A>=0&&h[A]?.portalRef&&h[A].portalRef.instance.setLast(!0),i.texts=h,this.inlineCommentMode&&!document.querySelector(`${U.TAGS.VELT_INLINE_COMMENT}[${U.ATTRIBUTES.VELT_INLINE_COMMENT_ID}="${e.annotationId}"]`)){let G=i.texts?.filter(he=>!!he?.element)?.map(he=>he?.element),X=G?.length?G[G.length-1]:null;if(X&&!sv(X,U.ATTRIBUTES.VELT_PDF_VIEWER)){let Ie=X?.parentElement;if(Ie){let Me=document.createElement(U.TAGS.VELT_INLINE_COMMENT);Me.setAttribute(U.ATTRIBUTES.VELT_INLINE_COMMENT_ID,e.annotationId),Ie.insertAdjacentElement("afterend",Me),i.inlineCommentElement=Me}}}}this.removeGhostComment(e)}else this.setGhostComment(e)}}else this.setGhostComment(e)}catch(i){this.loggingService.catch("Error in CommentPinPortalService setTextCommentPortal: ",i)}}checkToRemoveTextCommentAnnotations(e){try{let i=e.map(a=>a.annotationId),r=!1;if(Object.keys(this.commentsTextById).forEach(a=>{i.includes(a)||(this.commentsTextById[a]?.annotation?.targetTextRange&&(r=!0),this.removeTextCommentAnnotation(this.commentsTextById[a].annotation))}),r){let a=[];Object.keys(this.commentsTextById).forEach(s=>{this.commentsTextById[s]?.annotation?.targetTextRange&&(a.push(this.commentsTextById[s]?.annotation),this.removeTextCommentAnnotation(this.commentsTextById[s]?.annotation))}),a?.length&&a.forEach(s=>{this.updateTextCommentAnnotation(s)})}}catch(i){this.loggingService.catch("Error in CommentPinPortalService checkToRemoveTextCommentAnnotations: ",i)}}removeTextCommentAnnotation(e){try{let i=this.commentsTextById[e.annotationId];if(i.texts.forEach(r=>{r?.host&&r.host.detach(),r?.element&&r?.textNode&&r.element.replaceWith(r.textNode),r.textNode&&r.textNode.parentNode?.normalize()}),i.texts?.length){let r=document.querySelectorAll(`${U.TAGS.SNIPPYLY_TEXT_HIGHLIGHT}[data-velt-id="${e?.annotationId}"]`);r?.length&&r.forEach(a=>{let s=a?.parentNode;if(a?.textContent){let c=document.createTextNode(a.textContent);a.replaceWith(c)}s&&s.normalize()})}i?.inlineCommentElement&&i?.inlineCommentElement?.remove(),this.checkToUnsubscribeCommonAncestorElementChanges(e),delete this.commentsTextById[e.annotationId]}catch(i){this.loggingService.catch("Error in CommentPinPortalService removeTextCommentAnnotation: ",i)}}observeCommonAncestorElementChanges(e){try{let i=this.commentsTextById[e.annotationId];if(i.commonAncestorElement){let r=this.commonAncestorElementObservers.get(i.commonAncestorElement);if(r)r.annotations.find(a=>a.annotationId===e.annotationId)||r.annotations.push(e);else{let a=new MutationObserver(s=>{let c="";if(YO(i?.commonAncestorElement).forEach(h=>{h?.parentElement?.closest(".comment-annotation-number")||(c+=h.textContent)}),i?.commonAncestorText!==c&&s.filter(h=>[Node.ELEMENT_NODE,Node.TEXT_NODE].includes(h.target.nodeType)).filter(h=>h.target?.parentElement&&(h?.target?.parentElement?.classList?.contains("comment-text-highlight")||!ji(h.target?.parentElement))).length){this.commonAncestorElementObservers.get(i.commonAncestorElement)?.annotations?.forEach(B=>{this.onCommonAncestorElementChange(B)});let{count:_,lastUpdated:E}=this.commonAncestorElementObserverCounts.get(i.commonAncestorElement)||{count:0,lastUpdated:0},A=Date.now();this.commonAncestorElementObserverCounts.set(i.commonAncestorElement,{count:A-E<100?_+1:1,lastUpdated:Date.now()}),_>5&&(a.disconnect(),this.loggingService.catch("Failed to detect text changes."))}});a.observe(i.commonAncestorElement,{characterData:!0,subtree:!0}),r={observer:a,annotations:[e]}}this.commonAncestorElementObservers.set(i.commonAncestorElement,r)}}catch(i){this.loggingService.catch("Error in CommentPinPortalService observeCommonAncestorElementChanges: ",i)}}onCommonAncestorElementChange(e){try{let i=this.commentsTextById[e.annotationId];if(i.texts?.length){let r="";i.texts.forEach(_=>r+=_.textNode?.textContent);let a=i.texts[0].textNode,s=[];document.querySelectorAll(`${U.TAGS.SNIPPYLY_TEXT_HIGHLIGHT}[data-velt-id="${e?.annotationId}"]`)?.forEach(_=>{s.push(_)});let c=!1;if(s?.length!==i?.texts?.length&&(c=!0),s?.length){let _="";s.forEach(E=>{_+=E?.textContent||""}),_&&(r=_,c&&this.removeTextCommentAnnotation(e))}let p=Au(i.commonAncestorContainer,0,a,0,r)+1,h={};h.commonAncestorContainer=e.targetTextRange?.commonAncestorContainer,h.text=r,h.occurrence=p,Co(e.targetTextRange,h)||(i.annotation.targetTextRange=h,this.updateAnnotationToFirebase(i.annotation))}else this.setTextCommentPortal(i.annotation)}catch(i){this.loggingService.catch("Error in CommentPinPortalService onCommonAncestorElementChange: ",i)}}updateAnnotationToFirebase(e){try{this.commentService.updateComment(e,!1,!0)}catch(i){this.loggingService.catch("Error in CommentPinPortalService updateAnnotationToFirebase: ",i)}}checkToUnsubscribeCommonAncestorElementChanges(e){try{let i=this.commentsTextById[e.annotationId];if(i.commonAncestorElement){let r=this.commonAncestorElementObservers.get(i.commonAncestorElement);r&&(r.annotations=r?.annotations.filter(a=>a.annotationId!==e.annotationId),r.annotations.length||this.unsubscribeCommonAncestorElementChanges(e))}}catch(i){this.loggingService.catch("Error in CommentPinPortalService checkToUnsubscribeCommonAncestorElementChanges: ",i)}}setGhostComment(e){try{e.ghostComment={},this.commentService.setGhostCommentMessage(e),this.commentService.addAnnotationToGhostCommentAnnotationMap(e)}catch(i){this.loggingService.catch("Error in CommentPinPortalService setGhostComment: ",i)}}removeGhostComment(e){try{delete e.ghostComment,this.commentService.removeAnnotationFromGhostCommentAnnotationMap(e)}catch(i){this.loggingService.catch("Error in CommentPinPortalService removeGhostComment: ",i)}}onAcceptComment(e){try{let i=this.commentsTextById[e.annotationId];if(i?.texts?.length){let r=i.texts.length-1,a=i.texts[r].textNode;if(a&&a.parentNode){let s=e.comments?.length?e.comments[0]:null,c=av(s?.replaceContentHtml)?null:s?.replaceContentHtml,p=s?.replaceContentText||s?.commentText||"";if(av(c)&&!s?.replaceContentText&&(c=s?.commentHtml||""),e?.selectAllContent&&e?.targetElementId){let h=cr(e.targetElementId,["id","data-id"]);h&&(h.innerHTML=this.domService.sanitizeHtml(av(c)?p||"":c||""))}else{if(c&&c!==p){let h=document.createElement("span");h.innerHTML=this.domService.sanitizeHtml(c||p||""),a.parentNode.replaceChild(h,a),i.texts[r].textNode=h}else i.texts[r].textNode.textContent=p||"";for(let h=0;h<r;h++){let _=i.texts[h].textNode;_&&(_.textContent="")}}this.removeTextCommentAnnotation(e),this.domService.resetSelectedAnnotationsMap()}}}catch(i){this.loggingService.catch("Error in CommentPinPortalService onAcceptComment: ",i)}}unsubscribeCommonAncestorElementChanges(e){try{let i=this.commentsTextById[e.annotationId];this.commonAncestorElementObservers.get(i.commonAncestorElement)?.observer?.disconnect(),this.commonAncestorElementObservers.delete(i.commonAncestorElement)}catch(i){this.loggingService.catch("Error in CommentPinPortalService unsubscribeCommonAncestorElementChanges: ",i)}}};o.\u0275fac=function(i){return new(i||o)(J(lt),J(Fe),J(Te),J(Io),J(Et),J(mi),J(y))},o.\u0275prov=Ae({token:o,factory:o.\u0275fac,providedIn:"root"});let n=o;return n})();var ym=class{constructor(){this.type="contact"}};var jse=n=>({componentConfigSignal:n}),K7e=(n,o)=>({condition:n,data:o}),Z7e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-chip-tooltip-description-wireframe",variant:t,setIfCondition:e,componentElementRef:i}),X7e=()=>({});function Q7e(n,o){n&1&&Ue(0)}function J7e(n,o){if(n&1&&(f(0),g(1,Q7e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(3);d(),m("ngTemplateOutlet",t)}}function e8e(n,o){n&1&&Ue(0)}function t8e(n,o){if(n&1&&(f(0),g(1,e8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(5);d(),m("ngTemplateOutlet",t)}}function n8e(n,o){n&1&&Ue(0)}function i8e(n,o){if(n&1&&(f(0),g(1,n8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(7);d(),m("ngTemplateOutlet",t)}}function o8e(n,o){if(n&1&&(f(0),g(1,J7e,2,1,"ng-container",3)(2,t8e,2,1,"ng-container",3)(3,i8e,2,1,"ng-container",3),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null?null:t.type)==="contact"),d(),m("ngIf",(t==null?null:t.type)==="custom"),d(),m("ngIf",(t==null?null:t.type)==="group")}}function r8e(n,o){if(n&1&&(te(0),D(1,"translate")),n&2){let t=l(2).ngIf;ve(" ",O(1,1,(t==null||t.contact==null?null:t.contact.email)||(t==null?null:t.email))," ")}}function a8e(n,o){if(n&1&&(te(0),D(1,"translate")),n&2){let t=l(2).ngIf;ve(" ",O(1,1,t==null||t.custom==null||t.custom.custom==null?null:t.custom.custom.description)," ")}}function s8e(n,o){if(n&1&&(f(0),te(1),D(2,"translate"),v()),n&2){let t,e=l(3).ngIf,i=l();d(),dr(" ",(t=i.objectKeys((e==null||e.group==null||e.group.group==null?null:e.group.group.users)||kt(4,X7e)))==null?null:t.length," ",O(2,2,"members")," ")}}function l8e(n,o){if(n&1&&g(0,s8e,3,5,"ng-container",3),n&2){let t=l(2).ngIf;m("ngIf",t==null||t.group==null?null:t.group.group)}}function c8e(n,o){if(n&1&&(f(0),g(1,o8e,4,3,"ng-container",5)(2,r8e,2,3,"ng-template",null,0,xe)(4,a8e,2,3,"ng-template",null,1,xe)(6,l8e,1,1,"ng-template",null,2,xe),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,Z7e,e.template,P(1,jse,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function m8e(n,o){if(n&1&&(f(0),g(1,c8e,8,9,"ng-container",4),v()),n&2){let t=l();d(),m("veltIf",F(3,K7e,t.conditionSignal(),P(1,jse,t.componentConfigSignal)))}}var ZS=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.objectKeys=Object.keys,super.initializeComponentConfigSignal(new ym)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-chip-tooltip-description-internal"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[["contacEmailRef",""],["customDescriptionRef",""],["groupDescriptionRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngTemplateOutlet"]],template:function(i,r){i&1&&g(0,m8e,2,6,"ng-container",3),i&2&&m("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let n=o;return n})();var $se=n=>({componentConfigSignal:n}),d8e=(n,o)=>({condition:n,data:o}),p8e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-chip-tooltip-icon-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function g8e(n,o){n&1&&Ue(0)}function u8e(n,o){if(n&1&&(f(0),g(1,g8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(3);d(),m("ngTemplateOutlet",t)}}function h8e(n,o){n&1&&Ue(0)}function f8e(n,o){if(n&1&&(f(0),g(1,h8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(5);d(),m("ngTemplateOutlet",t)}}function v8e(n,o){n&1&&Ue(0)}function C8e(n,o){if(n&1&&(f(0),g(1,v8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(7);d(),m("ngTemplateOutlet",t)}}function _8e(n,o){if(n&1&&(f(0),g(1,u8e,2,1,"ng-container",3)(2,f8e,2,1,"ng-container",3)(3,C8e,2,1,"ng-container",3),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null?null:t.type)==="contact"),d(),m("ngIf",(t==null?null:t.type)==="custom"),d(),m("ngIf",(t==null?null:t.type)==="group")}}function y8e(n,o){if(n&1&&w(0,"snippyly-user-avatar",7),n&2){let t=l(2).ngIf;m("size",32)("user",t==null?null:t.contact)}}function S8e(n,o){if(n&1&&(w(0,"div",11),D(1,"safeSvg")),n&2){let t=l(3).ngIf;m("innerHtml",O(1,1,t==null||t.custom==null||t.custom.custom==null||t.custom.custom.icon==null?null:t.custom.custom.icon.svg),$i)}}function b8e(n,o){if(n&1&&w(0,"img",12),n&2){let t=l(3).ngIf;m("src",t==null||t.custom==null||t.custom.custom==null||t.custom.custom.icon==null?null:t.custom.custom.icon.url,cn)}}function I8e(n,o){if(n&1&&(g(0,S8e,2,3,"div",8),C(1,"div",9),g(2,b8e,1,1,"img",10),S()),n&2){let t=l(2).ngIf;m("ngIf",t==null||t.custom==null||t.custom.custom==null||t.custom.custom.icon==null?null:t.custom.custom.icon.svg),d(2),m("ngIf",t==null||t.custom==null||t.custom.custom==null||t.custom.custom.icon==null?null:t.custom.custom.icon.url)}}function E8e(n,o){n&1&&(C(0,"div",13),oe(),C(1,"svg",14),w(2,"path",15),S()())}function x8e(n,o){if(n&1&&(f(0),g(1,_8e,4,3,"ng-container",5)(2,y8e,1,2,"ng-template",null,0,xe)(4,I8e,3,2,"ng-template",null,1,xe)(6,E8e,3,0,"ng-template",null,2,xe),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,p8e,e.template,P(1,$se,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function T8e(n,o){if(n&1&&(f(0),g(1,x8e,8,9,"ng-container",4),v()),n&2){let t=l();d(),m("veltIf",F(3,d8e,t.conditionSignal(),P(1,$se,t.componentConfigSignal)))}}var XS=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,super.initializeComponentConfigSignal(new ym)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-chip-tooltip-icon-internal"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,T8e,2,6,"ng-container",3),i&2&&m("ngIf",r.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});let n=o;return n})();var Hse=n=>({componentConfigSignal:n}),w8e=(n,o)=>({condition:n,data:o}),D8e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-chip-tooltip-name-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function A8e(n,o){n&1&&Ue(0)}function O8e(n,o){if(n&1&&(f(0),g(1,A8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(3);d(),m("ngTemplateOutlet",t)}}function M8e(n,o){n&1&&Ue(0)}function P8e(n,o){if(n&1&&(f(0),g(1,M8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(5);d(),m("ngTemplateOutlet",t)}}function k8e(n,o){n&1&&Ue(0)}function R8e(n,o){if(n&1&&(f(0),g(1,k8e,1,0,"ng-container",6),v()),n&2){l(2);let t=de(7);d(),m("ngTemplateOutlet",t)}}function N8e(n,o){if(n&1&&(f(0),g(1,O8e,2,1,"ng-container",3)(2,P8e,2,1,"ng-container",3)(3,R8e,2,1,"ng-container",3),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null?null:t.type)==="contact"),d(),m("ngIf",(t==null?null:t.type)==="custom"),d(),m("ngIf",(t==null?null:t.type)==="group")}}function F8e(n,o){if(n&1&&(te(0),D(1,"translate")),n&2){let t=l(2).ngIf;ve(" ",O(1,1,t==null||t.contact==null?null:t.contact.name)," ")}}function L8e(n,o){if(n&1&&(te(0),D(1,"translate")),n&2){let t=l(2).ngIf;ve(" ",O(1,1,t==null||t.custom==null||t.custom.custom==null?null:t.custom.custom.name)," ")}}function B8e(n,o){if(n&1&&(te(0),D(1,"translate")),n&2){let t=l(2).ngIf;ve(" ",O(1,1,(t==null||t.group==null||t.group.group==null||t.group.group.metadata==null?null:t.group.group.metadata.groupName)||(t==null||t.group==null?null:t.group.text))," ")}}function V8e(n,o){if(n&1&&(f(0),g(1,N8e,4,3,"ng-container",5)(2,F8e,2,3,"ng-template",null,0,xe)(4,L8e,2,3,"ng-template",null,1,xe)(6,B8e,2,3,"ng-template",null,2,xe),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,D8e,e.template,P(1,Hse,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function U8e(n,o){if(n&1&&(f(0),g(1,V8e,8,9,"ng-container",4),v()),n&2){let t=l();d(),m("veltIf",F(3,w8e,t.conditionSignal(),P(1,Hse,t.componentConfigSignal)))}}var QS=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,super.initializeComponentConfigSignal(new ym)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-chip-tooltip-name-internal"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[["contactNameRef",""],["customNameRef",""],["groupNameRef",""],[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngTemplateOutlet"]],template:function(i,r){i&1&&g(0,U8e,2,6,"ng-container",3),i&2&&m("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let n=o;return n})();var zse=n=>({componentConfigSignal:n}),j8e=(n,o)=>({condition:n,data:o}),$8e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-chip-tooltip-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function H8e(n,o){n&1&&Ue(0)}function z8e(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,H8e,1,0,"ng-container",4),S()),n&2){l();let t=de(3);d(),m("ngTemplateOutlet",t)}}function G8e(n,o){if(n&1&&(C(0,"div",6)(1,"div",7),w(2,"velt-autocomplete-chip-tooltip-icon-internal",8),S(),C(3,"div",9)(4,"div",10),w(5,"velt-autocomplete-chip-tooltip-name-internal",8),S(),C(6,"div",11),w(7,"velt-autocomplete-chip-tooltip-description-internal",8),S()()()),n&2){let t=l(4);d(2),m("componentConfigSignal",t.componentConfigSignal),d(3),m("componentConfigSignal",t.componentConfigSignal),d(2),m("componentConfigSignal",t.componentConfigSignal)}}function W8e(n,o){if(n&1&&g(0,G8e,8,3,"div",5),n&2){let t=l(2).ngIf,e=l();m("veltDynamicTemplate",$(3,$8e,e.template,P(1,zse,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function q8e(n,o){if(n&1&&(f(0),g(1,z8e,2,1,"velt-shadow-dom-internal",3)(2,W8e,1,9,"ng-template",null,0,xe),v()),n&2){let t=de(3),e=l(2);d(),m("ngIf",e.shadowDom&&!e.template)("ngIfElse",t)}}function Y8e(n,o){if(n&1&&(f(0),g(1,q8e,4,2,"ng-container",2),v()),n&2){let t=l();d(),m("veltIf",F(3,j8e,t.conditionSignal(),P(1,zse,t.componentConfigSignal)))}}var Xv=(()=>{let o=class o extends nt{constructor(e,i,r,a,s){super(r,a,void 0,void 0,void 0,s,e),this.loggingService=e,this.wireframeService=i,this.elementRef=r,this.themeService=a,this.dynamicDataService=s,this.shadowDom=!1,this.subscriptions=[],super.initializeComponentConfigSignal(new ym)}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}}))}catch(e){this.loggingService.catch("Error in AutocompleteChipTooltipComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy(),this.subscriptions.forEach(e=>{e.unsubscribe()})}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(N),u(Ye),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-chip-tooltip-internal"]],inputs:{shadowDom:"shadowDom",variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Y8e,2,6,"ng-container",1),i&2&&m("ngIf",r.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});let n=o;return n})();var ys=class{constructor(){this.onOptionClick=()=>{},this.newUserContactError=void 0,this.newUserContact=void 0,this.expandMentionGroups=!1,this.showMentionGroupsFirst=!1,this.showMentionGroupsOnly=!1}};var S$=n=>({$implicit:n}),Z8e=(n,o)=>({componentConfigSignal:n,userContact:o}),b$=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-option-description-wireframe",variant:t,setIfCondition:e,componentElementRef:i}),X8e=(n,o)=>({componentConfigSignal:n,custom:o}),Q8e=(n,o)=>({componentConfigSignal:n,group:o}),Gse=()=>({});function J8e(n,o){n&1&&Ue(0)}function eke(n,o){if(n&1&&(f(0),g(1,J8e,1,0,"ng-container",4),v()),n&2){l();let t=de(5),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,S$,e.selectorItem==null?null:e.selectorItem.contact))}}function tke(n,o){n&1&&Ue(0)}function nke(n,o){if(n&1&&(f(0),g(1,tke,1,0,"ng-container",4),v()),n&2){l();let t=de(7),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,S$,e.selectorItem==null?null:e.selectorItem.custom))}}function ike(n,o){n&1&&Ue(0)}function oke(n,o){if(n&1&&(f(0),g(1,ike,1,0,"ng-container",4),v()),n&2){l();let t=de(9),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,S$,e.selectorItem==null?null:e.selectorItem.group))}}function rke(n,o){if(n&1&&(C(0,"p",6),te(1),D(2,"translate"),S()),n&2){let t=l(2).$implicit,e=l(2);pe("velt-autocomplete-option-description--secondary",(t.name==null?null:t.name.length)>0),x("aria-label",e.field?t[e.field]:t.email),d(),ve(" ",e.field?t[e.field]:O(2,4,t.email)," ")}}function ake(n,o){if(n&1&&(f(0),g(1,rke,3,6,"p",5),v()),n&2){let t=l().$implicit,e=l().ngIf,i=l();d(),m("veltDynamicTemplate",$(4,b$,i.template,F(1,Z8e,i.componentConfigSignal,t),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function ske(n,o){if(n&1&&g(0,ake,2,10,"ng-container",3),n&2){let t=o.$implicit,e=l(2);m("ngIf",e.field?t==null?null:t[e.field]:(t.email==null?null:t.email.length)>0&&(t.name==null?null:t.name.length)>0)}}function lke(n,o){if(n&1&&(C(0,"p",6),te(1),D(2,"translate"),S()),n&2){let t=l(2).$implicit;x("aria-label",t.description),d(),ve(" ",O(2,2,t.description)," ")}}function cke(n,o){if(n&1&&(f(0),g(1,lke,3,4,"p",7),v()),n&2){let t=l().$implicit,e=l().ngIf,i=l();d(),m("veltDynamicTemplate",$(4,b$,i.template,F(1,X8e,i.componentConfigSignal,t),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function mke(n,o){if(n&1&&g(0,cke,2,10,"ng-container",3),n&2){let t=o.$implicit;m("ngIf",(t.description==null?null:t.description.length)>0)}}function dke(n,o){if(n&1&&(C(0,"p",6),te(1),D(2,"translate"),S()),n&2){let t,e,i=l().$implicit,r=l(2);x("aria-label",((t=r.objectKeys((i==null?null:i.users)||kt(5,Gse)))==null?null:t.length)+" members"),d(),dr(" ",(e=r.objectKeys((i==null?null:i.users)||kt(6,Gse)))==null?null:e.length," ",O(2,3,"members")," ")}}function pke(n,o){if(n&1&&(f(0),g(1,dke,3,7,"p",7),v()),n&2){let t=o.$implicit,e=l().ngIf,i=l();d(),m("veltDynamicTemplate",$(4,b$,i.template,F(1,Q8e,i.componentConfigSignal,t),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function gke(n,o){if(n&1&&(f(0),g(1,eke,2,4,"ng-container",3)(2,nke,2,4,"ng-container",3)(3,oke,2,4,"ng-container",3)(4,ske,1,1,"ng-template",null,0,xe)(6,mke,1,1,"ng-template",null,1,xe)(8,pke,2,10,"ng-template",null,2,xe),v()),n&2){let t=l();d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="contact"),d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="custom"),d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="group")}}var JS=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.objectKeys=Object.keys,this.componentId="velt-autocomplete-option-description",super.initializeComponentConfigSignal(new ys)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-option-description-internal"]],inputs:{selectorItem:"selectorItem",field:"field"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,gke,10,3,"ng-container",3),i&2&&m("ngIf",r.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});let n=o;return n})();var uke=n=>({$implicit:n}),hke=(n,o,t)=>({componentConfigSignal:n,isNewContact:o,userContact:t}),fke=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-option-error-icon-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function vke(n,o){n&1&&Ue(0)}function Cke(n,o){if(n&1&&(f(0),g(1,vke,1,0,"ng-container",2),v()),n&2){l();let t=de(3),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,uke,e.selectorItem==null?null:e.selectorItem.contact))}}function _ke(n,o){if(n&1&&(C(0,"div",6)(1,"div",7),oe(),C(2,"svg",8),w(3,"path",9)(4,"path",10),S()()()),n&2){let t=l(3).ngIf,e=l();d(),m("title",t.newUserContactError),x("title",t.newUserContactError)("data-testid",e.componentId+"-icon"),d(),x("data-testid",e.componentId+"-svg")}}function yke(n,o){if(n&1&&(C(0,"div",4),D(1,"translate"),g(2,_ke,5,4,"div",5),S()),n&2){let t=l().$implicit,e=l().ngIf,i=l();x("aria-label",O(1,3,(e==null?null:e.newUserContactError)||"Invalid contact"))("data-testid",i.componentId),d(2),m("veltDynamicTemplate",$(9,fke,i.template,He(5,hke,i.componentConfigSignal,i.isNewContact,t),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function Ske(n,o){if(n&1&&g(0,yke,3,15,"div",3),n&2){let t=l().ngIf,e=l();m("ngIf",e.isNewContact&&t.newUserContactError)}}function bke(n,o){if(n&1&&(f(0),g(1,Cke,2,4,"ng-container",1)(2,Ske,1,1,"ng-template",null,0,xe),v()),n&2){let t=l();d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="contact")}}var eb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-autocomplete-error-icon",super.initializeComponentConfigSignal(new ys)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-option-error-icon-internal"]],inputs:{selectorItem:"selectorItem",isNewContact:"isNewContact"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,bke,4,1,"ng-container",1),i&2&&m("ngIf",r.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});let n=o;return n})();var Ike=(n,o)=>({componentConfigSignal:n,selectorItem:o}),Eke=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-option-icon-wireframe",variant:t,setIfCondition:e,componentElementRef:i}),I$=n=>({$implicit:n});function xke(n,o){n&1&&Ue(0)}function Tke(n,o){if(n&1&&(f(0),g(1,xke,1,0,"ng-container",7),v()),n&2){l(2);let t=de(3),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,I$,e.selectorItem==null?null:e.selectorItem.contact))}}function wke(n,o){n&1&&Ue(0)}function Dke(n,o){if(n&1&&(f(0),g(1,wke,1,0,"ng-container",7),v()),n&2){l(2);let t=de(5),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,I$,e.selectorItem==null?null:e.selectorItem.custom))}}function Ake(n,o){n&1&&Ue(0)}function Oke(n,o){if(n&1&&(f(0),g(1,Ake,1,0,"ng-container",7),v()),n&2){l(2);let t=de(7),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,I$,e.selectorItem==null?null:e.selectorItem.group))}}function Mke(n,o){if(n&1&&(C(0,"div",6),g(1,Tke,2,4,"ng-container",4)(2,Dke,2,4,"ng-container",4)(3,Oke,2,4,"ng-container",4),S()),n&2){let t=l(2);x("data-testid",t.componentId)("aria-label","Option icon"),d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="contact"),d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="custom"),d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="group")}}function Pke(n,o){if(n&1&&(f(0),oe(),C(1,"svg",9),w(2,"path",10),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId+"-contact-at")}}function kke(n,o){if(n&1&&w(0,"snippyly-user-avatar",11),n&2){let t=l().$implicit,e=l(2);m("size",32)("user",t),x("data-testid",e.componentId+"-contact-avatar")}}function Rke(n,o){if(n&1&&g(0,Pke,3,1,"ng-container",8)(1,kke,1,3,"ng-template",null,3,xe),n&2){let t=o.$implicit,e=de(2);m("ngIf",(t==null?null:t.visibility)==="here")("ngIfElse",e)}}function Nke(n,o){if(n&1&&(f(0),w(1,"div",12),D(2,"safeSvg"),v()),n&2){let t=l().$implicit,e=l(2);d(),m("innerHTML",O(2,2,t.icon.svg),$i),x("data-testid",e.componentId+"-custom-svg")}}function Fke(n,o){if(n&1&&(f(0),w(1,"img",13),v()),n&2){let t=l().$implicit,e=l(2);d(),m("src",t.icon.url,cn),x("alt",(t==null?null:t.description)||"Custom icon")("data-testid",e.componentId+"-custom-img")}}function Lke(n,o){if(n&1&&g(0,Nke,3,4,"ng-container",4)(1,Fke,2,3,"ng-container",4),n&2){let t=o.$implicit;m("ngIf",t==null||t.icon==null?null:t.icon.svg),d(),m("ngIf",t==null||t.icon==null?null:t.icon.url)}}function Bke(n,o){if(n&1&&(oe(),C(0,"svg",14),w(1,"path",15),S()),n&2){let t=l(2);x("data-testid",t.componentId+"-group-icon")}}function Vke(n,o){if(n&1&&(f(0),g(1,Mke,4,5,"div",5)(2,Rke,3,2,"ng-template",null,0,xe)(4,Lke,2,2,"ng-template",null,1,xe)(6,Bke,2,1,"ng-template",null,2,xe),v()),n&2){let t=o.ngIf,e=l();d(),m("veltDynamicTemplate",$(4,Eke,e.template,F(1,Ike,e.componentConfigSignal,e.selectorItem),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}var tb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-autocomplete-icon",super.initializeComponentConfigSignal(new ys)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-option-icon-internal"]],inputs:{selectorItem:"selectorItem"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Vke,8,10,"ng-container",4),i&2&&m("ngIf",r.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});let n=o;return n})();var E$=n=>({$implicit:n}),Uke=(n,o)=>({componentConfigSignal:n,userContact:o}),x$=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-option-name-wireframe",variant:t,setIfCondition:e,componentElementRef:i}),jke=(n,o)=>({componentConfigSignal:n,custom:o}),$ke=(n,o)=>({componentConfigSignal:n,group:o});function Hke(n,o){n&1&&Ue(0)}function zke(n,o){if(n&1&&(f(0),g(1,Hke,1,0,"ng-container",5),v()),n&2){l();let t=de(5),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,E$,e.selectorItem==null?null:e.selectorItem.contact))}}function Gke(n,o){n&1&&Ue(0)}function Wke(n,o){if(n&1&&(f(0),g(1,Gke,1,0,"ng-container",5),v()),n&2){l();let t=de(7),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,E$,e.selectorItem==null?null:e.selectorItem.custom))}}function qke(n,o){n&1&&Ue(0)}function Yke(n,o){if(n&1&&(f(0),g(1,qke,1,0,"ng-container",5),v()),n&2){l();let t=de(9),e=l();d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(2,E$,e.selectorItem==null?null:e.selectorItem.group))}}function Kke(n,o){if(n&1&&(C(0,"p",8),te(1),D(2,"translate"),S()),n&2){let t=l(2).$implicit,e=l(2);x("data-testid",e.componentId+"-contact-text")("aria-label",t.name||t.email),d(),ve(" ",O(2,3,t.name||t.email)," ")}}function Zke(n,o){if(n&1&&(f(0),g(1,Kke,3,5,"p",7),v()),n&2){let t=l().$implicit,e=l().ngIf,i=l();d(),m("veltDynamicTemplate",$(4,x$,i.template,F(1,Uke,i.componentConfigSignal,t),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function Xke(n,o){n&1&&w(0,"velt-skeleton-loader-internal",9)}function Qke(n,o){if(n&1&&g(0,Zke,2,10,"ng-container",6)(1,Xke,1,0,"ng-template",null,3,xe),n&2){let t=o.$implicit,e=de(2);m("ngIf",(t.name==null?null:t.name.length)>0||(t==null||t.email==null?null:t.email.length)>0)("ngIfElse",e)}}function Jke(n,o){if(n&1&&(C(0,"p",8),te(1),D(2,"translate"),S()),n&2){let t=l(2).$implicit,e=l(2);x("data-testid",e.componentId+"-custom-text")("aria-label",t.name),d(),ve(" ",O(2,3,t.name)," ")}}function eRe(n,o){if(n&1&&(f(0),g(1,Jke,3,5,"p",7),v()),n&2){let t=l().$implicit,e=l().ngIf,i=l();d(),m("veltDynamicTemplate",$(4,x$,i.template,F(1,jke,i.componentConfigSignal,t),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function tRe(n,o){if(n&1&&g(0,eRe,2,10,"ng-container",4),n&2){let t=o.$implicit;m("ngIf",(t.name==null?null:t.name.length)>0)}}function nRe(n,o){if(n&1&&(C(0,"p",8),te(1),D(2,"translate"),S()),n&2){let t=l(2).$implicit,e=l(2);x("data-testid",e.componentId+"-group-text")("aria-label",t==null||t.metadata==null?null:t.metadata.groupName),d(),ve(" ",O(2,3,t==null||t.metadata==null?null:t.metadata.groupName)," ")}}function iRe(n,o){if(n&1&&(f(0),g(1,nRe,3,5,"p",7),v()),n&2){let t=l().$implicit,e=l().ngIf,i=l();d(),m("veltDynamicTemplate",$(4,x$,i.template,F(1,$ke,i.componentConfigSignal,t),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function oRe(n,o){if(n&1&&g(0,iRe,2,10,"ng-container",4),n&2){let t=o.$implicit;m("ngIf",(t==null||t.metadata==null||t.metadata.groupName==null?null:t.metadata.groupName.length)>0)}}function rRe(n,o){if(n&1&&(f(0),g(1,zke,2,4,"ng-container",4)(2,Wke,2,4,"ng-container",4)(3,Yke,2,4,"ng-container",4)(4,Qke,3,2,"ng-template",null,0,xe)(6,tRe,1,1,"ng-template",null,1,xe)(8,oRe,1,1,"ng-template",null,2,xe),v()),n&2){let t=l();d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="contact"),d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="custom"),d(),m("ngIf",(t.selectorItem==null?null:t.selectorItem.type)==="group")}}var nb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-autocomplete-name",super.initializeComponentConfigSignal(new ys)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-option-name-internal"]],inputs:{selectorItem:"selectorItem"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,rRe,10,3,"ng-container",4),i&2&&m("ngIf",r.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});let n=o;return n})();var aRe=(n,o,t)=>({componentConfigSignal:n,isNewContact:o,selectorItem:t}),sRe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-autocomplete-option-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function lRe(n,o){if(n&1&&(C(0,"div",2),w(1,"velt-autocomplete-option-icon-internal",3),C(2,"div",4),w(3,"velt-autocomplete-option-name-internal",3)(4,"velt-autocomplete-option-description-internal",3),S(),w(5,"velt-autocomplete-option-error-icon-internal",5),S()),n&2){let t=l().ngIf,e=l();x("data-testid",e.componentId)("aria-selected",!1)("aria-disabled",!!(t!=null&&t.newUserContactError)),d(),m("selectorItem",e.selectorItem)("componentConfigSignal",e.componentConfigSignal),d(),x("data-testid",e.componentId+"-details"),d(),m("selectorItem",e.selectorItem)("componentConfigSignal",e.componentConfigSignal),d(),m("selectorItem",e.selectorItem)("componentConfigSignal",e.componentConfigSignal),d(),m("selectorItem",e.selectorItem)("isNewContact",e.isNewContact)("componentConfigSignal",e.componentConfigSignal)}}function cRe(n,o){if(n&1&&(f(0),g(1,lRe,6,13,"div",1),v()),n&2){let t=o.ngIf,e=l();d(),m("veltDynamicTemplate",$(5,sRe,e.template,He(1,aRe,e.componentConfigSignal,e.isNewContact,e.selectorItem),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}var Qv=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=i,this.elementRef=r,this.dynamicDataService=a,this.subscriptions=[],this.componentId="velt-autocomplete-option",super.initializeComponentConfigSignal(new ys)}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}})),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,i=e?.name||e?.email||"Contact";return this.isNewContact?`New contact: ${i}`:i}catch(e){return this.loggingService.catch("Error in AutocompleteOptionComponent getContactLabel:",e),"Contact"}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-autocomplete-option-internal"]],inputs:{selectorItem:"selectorItem",isNewContact:"isNewContact",variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,cRe,2,11,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var nr=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 dRe=n=>({componentConfigSignal:n}),pRe=(n,o)=>({condition:n,data:o}),gRe=n=>({componentConfigSignal:n,type:"audio"}),uRe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-media-source-settings-audio-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function hRe(n,o){if(n&1&&(f(0),C(1,"div",5)(2,"div",6),oe(),C(3,"svg",7),w(4,"path",8),S()(),ct(),w(5,"velt-media-source-settings-selected-label-internal",9)(6,"velt-media-source-settings-toggle-icon-internal",9),S(),w(7,"velt-media-source-settings-divider-internal",9)(8,"velt-media-source-settings-options-internal",9),v()),n&2){let t=l(4);d(),x("aria-hidden","true"),d(4),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-label"),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-toggle"),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-divider"),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-options")("role","listbox")("aria-label","Audio source options")}}function fRe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),z("clickOutside",function(){k(t);let i=l(2).ngIf;return R(i.closeAudioDropdown())})("click",function(i){k(t);let r=l(2).ngIf;return R(r.toggleAudioPermission(i))}),g(2,hRe,9,15,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();pe("velt-media-source-settings-audio--active",t.isAudioPermissionOpen),x("data-testid",e.componentId)("role","button")("aria-expanded",t.isAudioPermissionOpen)("aria-haspopup","listbox")("aria-label",O(1,9,"Audio settings"))("tabindex",0),d(2),m("veltDynamicTemplate",$(13,uRe,e.template,P(11,gRe,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function vRe(n,o){if(n&1&&(f(0),g(1,fRe,3,19,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.settingsVisible==null?null:t.settingsVisible.audio)}}function CRe(n,o){if(n&1&&(f(0),g(1,vRe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,pRe,t.conditionSignal(),P(1,dRe,t.componentConfigSignal)))}}var ib=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-media-source-settings-audio",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsAudioComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-audio-internal"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,CRe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var _Re=n=>({componentConfigSignal:n}),yRe=(n,o)=>({condition:n,data:o}),SRe=(n,o,t,e)=>({template:n,componentName:"velt-media-source-settings-divider-wireframe",variant:o,setIfCondition:t,componentElementRef:e});function bRe(n,o){if(n&1&&(f(0),w(1,"div",3),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-divider")("role","separator")("aria-orientation","horizontal")("aria-hidden","true")}}function IRe(n,o){if(n&1&&(C(0,"div"),g(1,bRe,2,4,"ng-container",2),S()),n&2){let t=l(2).ngIf,e=l();x("data-testid",e.componentId+"-divider-container")("role","presentation"),d(),m("veltDynamicTemplate",ut(3,SRe,e.template,t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function ERe(n,o){if(n&1&&(f(0),g(1,IRe,2,8,"div",0),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",e.type==="audio"?t.isAudioPermissionOpen:t.isVideoPermissionOpen)}}function xRe(n,o){if(n&1&&(f(0),g(1,ERe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,yRe,t.conditionSignal(),P(1,_Re,t.componentConfigSignal)))}}var Jv=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-divider",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent ngOnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsDividerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-divider-internal"]],inputs:{type:"type"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-divider"]],template:function(i,r){i&1&&g(0,xRe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var TRe=n=>({componentConfigSignal:n}),wRe=(n,o)=>({condition:n,data:o}),DRe=(n,o,t,e)=>({template:n,componentName:"velt-media-source-settings-options-item-icon-wireframe",variant:o,setIfCondition:t,componentElementRef:e});function ARe(n,o){n&1&&(f(0),oe(),C(1,"svg",4),w(2,"path",5),S(),v())}function ORe(n,o){if(n&1&&(f(0),C(1,"div",2),g(2,ARe,3,0,"ng-container",3),S(),v()),n&2){let t=l().ngIf,e=l();d(),pe("selected",e.device.deviceId===(e.type==="audio"?t.selectedAudioDevice==null?null:t.selectedAudioDevice.deviceId:t.selectedVideoDevice==null?null:t.selectedVideoDevice.deviceId)),x("data-testid",e.componentId+"-selected-icon")("role","presentation")("aria-hidden","true"),d(),m("veltDynamicTemplate",ut(6,DRe,e.template,t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function MRe(n,o){if(n&1&&(f(0),g(1,ORe,3,11,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,wRe,t.conditionSignal(),P(1,TRe,t.componentConfigSignal)))}}var ob=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-options-item-icon",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type,device:this.device}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-options-item-icon"]],inputs:{type:"type",device:"device"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,MRe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var PRe=n=>({componentConfigSignal:n}),kRe=(n,o)=>({condition:n,data:o}),RRe=(n,o,t,e)=>({template:n,componentName:"velt-media-source-settings-options-item-label-wireframe",variant:o,setIfCondition:t,componentElementRef:e});function NRe(n,o){if(n&1&&(f(0),C(1,"p"),D(2,"translate"),te(3),D(4,"translate"),S(),v()),n&2){let t=l(2).ngIf,e=l();d(),pe("velt-media-source-settings-options--label-selected",e.device.deviceId===(e.type==="audio"?t.selectedAudioDevice==null?null:t.selectedAudioDevice.deviceId:t.selectedVideoDevice==null?null:t.selectedVideoDevice.deviceId)),x("data-testid",e.componentId+"-device-label")("role","option")("title",O(2,6,e.device.label)),d(2),ve(" ",O(4,8,e.device.label)," ")}}function FRe(n,o){if(n&1&&(f(0),g(1,NRe,5,10,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",ut(1,RRe,e.template,t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function LRe(n,o){if(n&1&&(f(0),g(1,FRe,2,6,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,kRe,t.conditionSignal(),P(1,PRe,t.componentConfigSignal)))}}var rb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-options-item-label",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type,device:this.device}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsItemLabelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-options-item-label"]],inputs:{type:"type",device:"device"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(i,r){i&1&&g(0,LRe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var BRe=n=>({componentConfigSignal:n}),VRe=(n,o)=>({condition:n,data:o}),URe=(n,o,t)=>({device:n,type:o,componentConfigSignal:t}),jRe=(n,o,t,e,i)=>({template:n,context:o,cloneTemplate:!0,componentName:"velt-media-source-settings-options-item-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function $Re(n,o){if(n&1&&(f(0),w(1,"velt-media-source-settings-options-item-icon",7)(2,"velt-media-source-settings-options-item-label",7),v()),n&2){let t=l().$implicit,e=l(4);d(),m("device",t)("type",e.type)("componentConfigSignal",e.componentConfigSignal),x("data-testid",e.componentId+"-option-icon-"+t.deviceId),d(),m("device",t)("type",e.type)("componentConfigSignal",e.componentConfigSignal),x("data-testid",e.componentId+"-option-label-"+t.deviceId)}}function HRe(n,o){if(n&1){let t=q();C(0,"div",5),z("click",function(){let i=k(t).$implicit,r=l(3).ngIf,a=l();return R(a.type==="audio"?r.selectAudioDevice(i):r.selectVideoDevice(i))}),g(1,$Re,3,8,"ng-container",6),S()}if(n&2){let t=o.$implicit,e=l(3).ngIf,i=l();pe("velt-media-source-settings-options--current-selected",t.deviceId===(i.type==="audio"?e.selectedAudioDevice==null?null:e.selectedAudioDevice.deviceId:e.selectedVideoDevice==null?null:e.selectedVideoDevice.deviceId)),x("data-testid",i.componentId+"-option-"+t.deviceId)("role","option"),d(),m("veltDynamicTemplate",$(9,jRe,i.optionTemplate,He(5,URe,t,i.type,i.componentConfigSignal),e==null?null:e.variant,i.setIfCondition.bind(i),i.elementRef))}}function zRe(n,o){if(n&1&&(C(0,"div",3),g(1,HRe,2,15,"div",4),S()),n&2){let t=l(2).ngIf,e=l();x("data-testid",e.componentId+"-options")("role","listbox")("aria-orientation","vertical"),d(),m("ngForOf",e.type==="audio"?t.audioDevices:t.videoDevices)}}function GRe(n,o){if(n&1&&(f(0),g(1,zRe,2,4,"div",2),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",e.type==="audio"?t.isAudioPermissionOpen:t.isVideoPermissionOpen)}}function WRe(n,o){if(n&1&&(f(0),g(1,GRe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,VRe,t.conditionSignal(),P(1,BRe,t.componentConfigSignal)))}}var e0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-options",super.initializeComponentConfigSignal(new nr)}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");st(e)||(this.optionTemplate=e)}}catch{}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsOptionsComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-options-internal"]],inputs:{type:"type"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,WRe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var qRe=n=>({componentConfigSignal:n}),YRe=(n,o)=>({condition:n,data:o}),KRe=(n,o,t,e)=>({template:n,componentName:"velt-media-source-settings-selected-label-wireframe",variant:o,setIfCondition:t,componentElementRef:e});function ZRe(n,o){if(n&1&&(f(0),C(1,"p",3),te(2),D(3,"translate"),D(4,"translate"),D(5,"translate"),D(6,"translate"),S(),v()),n&2){let t,e=l(3);d(),x("data-testid",e.componentId+"-selected-device-label")("role","status")("aria-live","polite"),d(),ve(" ",e.type==="audio"?(t=O(3,4,(t=e.componentConfigSignal().selectedAudioDevice)==null?null:t.label))!==null&&t!==void 0?t:O(4,6,"No device found"):(t=O(5,8,(t=e.componentConfigSignal().selectedVideoDevice)==null?null:t.label))!==null&&t!==void 0?t:O(6,10,"No device found")," ")}}function XRe(n,o){if(n&1&&(f(0),g(1,ZRe,7,12,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",ut(1,KRe,e.template,t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function QRe(n,o){if(n&1&&(f(0),g(1,XRe,2,6,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,YRe,t.conditionSignal(),P(1,qRe,t.componentConfigSignal)))}}var t0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-selected-label",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsSelectedLabelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-selected-label-internal"]],inputs:{type:"type"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings-label"]],template:function(i,r){i&1&&g(0,QRe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var JRe=n=>({componentConfigSignal:n}),eNe=(n,o)=>({condition:n,data:o}),tNe=(n,o,t,e)=>({template:n,componentName:"velt-media-source-settings-toggle-icon-close-wireframe",variant:o,setIfCondition:t,componentElementRef:e});function nNe(n,o){if(n&1&&(f(0),oe(),C(1,"svg",3),w(2,"path",4),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-toggle-icon")("aria-hidden","true")}}function iNe(n,o){if(n&1&&(f(0),g(1,nNe,3,2,"ng-container",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",ut(1,tNe,e.template,t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function oNe(n,o){if(n&1&&(f(0),g(1,iNe,2,6,"ng-container",0),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",e.type==="audio"?!t.isAudioPermissionOpen:!t.isVideoPermissionOpen)}}function rNe(n,o){if(n&1&&(f(0),g(1,oNe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,eNe,t.conditionSignal(),P(1,JRe,t.componentConfigSignal)))}}var ab=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon-close",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconCloseComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-toggle-icon-close-internal"]],inputs:{type:"type"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,rNe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{max-width:none;color:var(--velt-text-12)}"],changeDetection:0});let n=o;return n})();var aNe=n=>({componentConfigSignal:n}),sNe=(n,o)=>({condition:n,data:o}),lNe=(n,o,t,e)=>({template:n,componentName:"velt-media-source-settings-toggle-icon-open-wireframe",variant:o,setIfCondition:t,componentElementRef:e});function cNe(n,o){if(n&1&&(f(0),oe(),C(1,"svg",3),w(2,"path",4),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-toggle-icon-open")("aria-hidden","true")}}function mNe(n,o){if(n&1&&(f(0),g(1,cNe,3,2,"ng-container",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",ut(1,lNe,e.template,t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function dNe(n,o){if(n&1&&(f(0),g(1,mNe,2,6,"ng-container",0),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",e.type==="audio"?t.isAudioPermissionOpen:t.isVideoPermissionOpen)}}function pNe(n,o){if(n&1&&(f(0),g(1,dNe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,sNe,t.conditionSignal(),P(1,aNe,t.componentConfigSignal)))}}var sb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon-open",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconOpenComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-toggle-icon-open-internal"]],inputs:{type:"type"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,pNe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}svg[_ngcontent-%COMP%]{max-width:none;color:var(--velt-text-12)}"],changeDetection:0});let n=o;return n})();var gNe=n=>({componentConfigSignal:n}),uNe=(n,o)=>({condition:n,data:o}),hNe=(n,o)=>({componentConfigSignal:n,type:o}),fNe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-media-source-settings-toggle-icon-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function vNe(n,o){if(n&1&&(f(0),C(1,"div",3),w(2,"velt-media-source-settings-toggle-icon-open-internal",4)(3,"velt-media-source-settings-toggle-icon-close-internal",4),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId+"-toggle-container")("role","presentation")("aria-hidden","true"),d(),m("componentConfigSignal",t.componentConfigSignal)("type",t.type)("template",t.template),x("data-testid",t.componentId+"-toggle-open"),d(),m("componentConfigSignal",t.componentConfigSignal)("type",t.type)("template",t.template),x("data-testid",t.componentId+"-toggle-close")}}function CNe(n,o){if(n&1&&(f(0),g(1,vNe,4,11,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(4,fNe,e.template,F(1,hNe,e.componentConfigSignal,e.type),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function _Ne(n,o){if(n&1&&(f(0),g(1,CNe,2,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,uNe,t.conditionSignal(),P(1,gNe,t.componentConfigSignal)))}}var n0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.type="audio",this.componentId="velt-media-source-settings-toggle-icon",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{this.dynamicDataService.applyConditionalClasses(this.elementRef?.nativeElement,{componentConfigSignal:this.componentConfigSignal,type:this.type}),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsToggleIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-toggle-icon-internal"]],inputs:{type:"type"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-media-source-settings--toggle-icon"],[3,"componentConfigSignal","type","template"]],template:function(i,r){i&1&&g(0,_Ne,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let n=o;return n})();var yNe=n=>({componentConfigSignal:n}),SNe=(n,o)=>({condition:n,data:o}),bNe=n=>({componentConfigSignal:n,type:"video"}),INe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-media-source-settings-video-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function ENe(n,o){if(n&1&&(f(0),C(1,"div",5)(2,"div",6),oe(),C(3,"svg",7),w(4,"path",8)(5,"path",9),S()(),ct(),w(6,"velt-media-source-settings-selected-label-internal",10)(7,"velt-media-source-settings-toggle-icon-internal",10),S(),w(8,"velt-media-source-settings-divider-internal",10)(9,"velt-media-source-settings-options-internal",10),v()),n&2){let t=l(4);d(),x("aria-hidden","true"),d(5),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-label"),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-toggle"),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-divider"),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template),x("data-testid",t.componentId+"-options")}}function xNe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),z("clickOutside",function(){k(t);let i=l(2).ngIf;return R(i.closeVideoDropdown())})("click",function(i){k(t);let r=l(2).ngIf;return R(r.toggleVideoPermission(i))}),g(2,ENe,10,13,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();pe("velt-media-source-settings-video--active",t.isVideoPermissionOpen),x("data-testid",e.componentId)("role","button")("aria-expanded",t.isVideoPermissionOpen)("aria-haspopup","listbox")("aria-label",O(1,9,"Video settings"))("tabindex",0),d(2),m("veltDynamicTemplate",$(13,INe,e.template,P(11,bNe,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function TNe(n,o){if(n&1&&(f(0),g(1,xNe,3,19,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.settingsVisible==null?null:t.settingsVisible.video)}}function wNe(n,o){if(n&1&&(f(0),g(1,TNe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,SNe,t.conditionSignal(),P(1,yNe,t.componentConfigSignal)))}}var lb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-media-source-settings-video",super.initializeComponentConfigSignal(new nr)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in MediaSourceSettingsVideoComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-video-internal"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,wNe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Wse=n=>({componentConfigSignal:n}),DNe=(n,o)=>({condition:n,data:o}),ANe=(n,o,t,e,i)=>({template:n,context:o,cloneTemplate:!0,componentName:"velt-media-source-settings-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function ONe(n,o){n&1&&Ue(0)}function MNe(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,ONe,1,0,"ng-container",4),S()),n&2){l();let t=de(3);d(),m("ngTemplateOutlet",t)}}function PNe(n,o){if(n&1&&(f(0),C(1,"div",8),w(2,"velt-media-source-settings-audio-internal",9)(3,"velt-media-source-settings-video-internal",9),S(),v()),n&2){let t=l(5);d(),x("role","group")("aria-label","Media settings controls"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-audio")("role","region")("aria-label","Audio settings"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-video")("role","region")("aria-label","Video settings")}}function kNe(n,o){if(n&1&&(C(0,"div",6),D(1,"translate"),g(2,PNe,4,10,"ng-container",7),S()),n&2){let t=l(3).ngIf,e=l();x("data-testid",e.componentId)("role","dialog")("aria-label",O(1,5,"Media source settings"))("aria-modal","true"),d(2),m("veltDynamicTemplate",$(9,ANe,e.template,P(7,Wse,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function RNe(n,o){if(n&1&&g(0,kNe,3,15,"div",5),n&2){let t=l(2).ngIf;m("ngIf",t.isOpen||t.settingsEmbedded)}}function NNe(n,o){if(n&1&&(f(0),g(1,MNe,2,1,"velt-shadow-dom-internal",3)(2,RNe,1,1,"ng-template",null,0,xe),v()),n&2){let t=de(3),e=l().ngIf,i=l();d(),m("ngIf",e.shadowDom&&!i.template)("ngIfElse",t)}}function FNe(n,o){if(n&1&&(f(0),g(1,NNe,4,2,"ng-container",2),v()),n&2){let t=l();d(),m("veltIf",F(3,DNe,t.conditionSignal(),P(1,Wse,t.componentConfigSignal)))}}var cb=(()=>{let o=class o extends H{constructor(e,i,r,a,s,c){super(a,s,e),this.loggingService=e,this.wireframeService=i,this.devicePermissionService=r,this.elementRef=a,this.dynamicDataService=s,this.recorderService=c,this.isOpen=!1,this.showMicSettings=!0,this.showCamSettings=!0,this.config={},this.shadowDom=!0,this.devices=[],this.defaultMediaSourceOptions=ac(),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(p=>{this.getDevices()})),this.subscriptions.push(this.devicePermissionService.getPermissionState$("audio").subscribe(p=>{this.getDevices()})),this.subscriptions.push(this.recorderService.getSettingsEmbedded$().subscribe(p=>{this.componentConfigSignal.update(h=>T(I({},h),{settingsEmbedded:p}))}))}catch(p){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent constructor: ",p)}}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}})}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(i=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{[i]:e[i].currentValue}),r))}),(e.showMicSettings||e.showCamSettings)&&this.updateSettingsVisibility()}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent ngOnChanges: ",i)}}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 ee(this,null,function*(){try{if(new Jn().getBrowserName()?.toLowerCase()==="safari")try{let i=yield navigator.mediaDevices.getUserMedia({audio:!0,video:!0});i&&i.getTracks().forEach(r=>r.stop())}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices getUserMedia catch: ",i)}navigator.mediaDevices.enumerateDevices().then(i=>{if(this.devices=i.filter(r=>r.kind==="audioinput"||r.kind==="videoinput"),this.componentConfigSignal.update(r=>T(I({},r),{audioDevices:this.devices.filter(a=>a.kind==="audioinput"&&a.deviceId!==""),videoDevices:this.devices.filter(a=>a.kind==="videoinput"&&a.deviceId!=="")})),this.componentConfigSignal().audioDevices.length>0&&!this.componentConfigSignal().selectedAudioDevice){if(this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId){let r=this.componentConfigSignal().audioDevices.find(a=>a.deviceId===this.defaultMediaSourceOptions?.selectedAudioDevice?.deviceId);r&&this.componentConfigSignal.update(a=>T(I({},a),{selectedAudioDevice:r}))}this.componentConfigSignal().selectedAudioDevice||this.componentConfigSignal.update(r=>T(I({},r),{selectedAudioDevice:this.componentConfigSignal().audioDevices[0]}))}if(this.componentConfigSignal().videoDevices.length>0&&!this.componentConfigSignal().selectedVideoDevice){if(this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId){let r=this.componentConfigSignal().videoDevices.find(a=>a.deviceId===this.defaultMediaSourceOptions?.selectedVideoDevice?.deviceId);r&&this.componentConfigSignal.update(a=>T(I({},a),{selectedVideoDevice:r}))}this.componentConfigSignal().selectedVideoDevice||this.componentConfigSignal.update(r=>T(I({},r),{selectedVideoDevice:this.componentConfigSignal().videoDevices[0]}))}}).catch(i=>{this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices enumerateDevices catch: ",i)})}catch(e){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent getDevices: ",e)}})}selectAudioDevice(e){try{this.componentConfigSignal.update(i=>T(I({},i),{selectedAudioDevice:e})),this.saveChanges()}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectAudioDevice: ",i)}}selectVideoDevice(e){try{this.componentConfigSignal.update(i=>T(I({},i),{selectedVideoDevice:e})),this.saveChanges()}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent selectVideoDevice: ",i)}}saveChanges(){try{let e={};this.componentConfigSignal()?.settingsVisible?.audio&&(e.selectedAudioDevice=this.componentConfigSignal()?.selectedAudioDevice),this.componentConfigSignal()?.settingsVisible?.video&&(e.selectedVideoDevice=this.componentConfigSignal()?.selectedVideoDevice),localStorage.setItem(U.LOCAL_STORAGE.SNIPPYLY_DEFAULT_MEDIA_SOURCE_OPTIONS,JSON.stringify(e||{})),this.defaultMediaSourceOptions=ac(),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(i=>T(I({},i),{isAudioPermissionOpen:!i.isAudioPermissionOpen}))}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent toggleAudioPermission: ",i)}}toggleVideoPermission(e){try{e.stopPropagation(),this.componentConfigSignal().videoDevices.length>0&&this.componentConfigSignal.update(i=>(i=T(I({},i),{isVideoPermissionOpen:!i.isVideoPermissionOpen}),i))}catch(i){this.loggingService.catch("Error in MediaSourceOptionsDialogComponent toggleVideoPermission: ",i)}}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(hm),u(N),u(b),u(yi))},o.\u0275cmp=M({type:o,selectors:[["velt-media-source-settings-internal"]],hostVars:1,hostBindings:function(i,r){i&2&&x("data-velt-element",r.veltElement)},inputs:{isOpen:"isOpen",showMicSettings:"showMicSettings",showCamSettings:"showCamSettings",config:"config",shadowDom:"shadowDom",variant:"variant"},standalone:!1,features:[j([b]),V,qe],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(i,r){i&1&&g(0,FNe,2,6,"ng-container",1),i&2&&m("ngIf",r.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});let n=o;return n})();var un=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 LNe=n=>({componentConfigSignal:n}),BNe=(n,o)=>({condition:n,data:o}),VNe=(n,o)=>({componentConfigSignal:n,variant:o}),UNe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-audio-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function jNe(n,o){n&1&&Ue(0)}function $Ne(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,jNe,1,0,"ng-container",5),S()),n&2){l();let t=de(3);d(),m("ngTemplateOutlet",t)}}function HNe(n,o){if(n&1&&(f(0),C(1,"div",9)(2,"div",10),w(3,"app-recording-preview-steps-dialog-close-button",11),S(),w(4,"app-recording-preview-steps-dialog-timer",11)(5,"app-recording-preview-steps-dialog-waveform",12),C(6,"div",13),w(7,"velt-recording-preview-steps-dialog-settings-panel-internal",12),C(8,"app-recording-preview-steps-dialog-button-panel",11),w(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),S(),w(12,"app-recording-preview-steps-dialog-bottom-panel",11),S()(),v()),n&2){let t=l(5);d(),x("data-testid",t.componentId+"-overlay"),d(),x("data-testid",t.componentId+"-header"),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal),d(),x("data-testid",t.componentId+"-settings")("role","group")("aria-label","Recording settings"),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant)}}function zNe(n,o){if(n&1){let t=q();C(0,"div",7,1),D(2,"translate"),z("pointerdown",function(i){return k(t),R(i.stopPropagation())})("pointerup",function(i){return k(t),R(i.stopPropagation())})("click",function(i){k(t);let r=l(3).ngIf;return R(r.handleOverlayClick(i))}),g(3,HNe,13,28,"ng-container",8),S()}if(n&2){let t=l(4);x("data-testid",t.componentId)("role","dialog")("aria-label",O(2,4,"Audio recording preview")),d(3),m("veltDynamicTemplate",$(9,UNe,t.template,F(6,VNe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function GNe(n,o){if(n&1&&g(0,zNe,4,15,"div",6),n&2){let t=l(2).ngIf;m("ngIf",t.type==="audio")}}function WNe(n,o){if(n&1&&(f(0),g(1,$Ne,2,1,"velt-shadow-dom-internal",4)(2,GNe,1,1,"ng-template",null,0,xe),v()),n&2){let t=de(3),e=l().ngIf,i=l();d(),m("ngIf",e.shadowDom&&!i.template)("ngIfElse",t)}}function qNe(n,o){if(n&1&&(f(0),g(1,WNe,4,2,"ng-container",3),v()),n&2){let t=l();d(),m("veltIf",F(3,BNe,t.conditionSignal(),P(1,LNe,t.componentConfigSignal)))}}var mb=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=i,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-audio",super.initializeComponentConfigSignal(new un)}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent OnInit: ",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent ngOnDestroy: ",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogAudioComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-audio"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,qNe,2,6,"ng-container",2),i&2&&m("ngIf",r.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});let n=o;return n})();var YNe=n=>({componentConfigSignal:n}),KNe=(n,o)=>({condition:n,data:o}),ZNe=(n,o)=>({componentConfigSignal:n,variant:o}),XNe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-close-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function QNe(n,o){if(n&1&&(f(0),C(1,"div",5),oe(),C(2,"svg",6),w(3,"path",7),S()(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon")}}function JNe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),z("click",function(){k(t);let i=l(2).ngIf;return R(i.closeDialog())}),g(2,QNe,4,1,"ng-container",4),S()}if(n&2){let t=l(3);x("data-testid",t.componentId)("aria-label",O(1,3,"Cancel recording")),d(2),m("veltDynamicTemplate",$(8,XNe,t.template,F(5,ZNe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function eFe(n,o){if(n&1&&(f(0),g(1,JNe,3,14,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.countdownStarted)}}function tFe(n,o){if(n&1&&(f(0),g(1,eFe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,KNe,t.conditionSignal(),P(1,YNe,t.componentConfigSignal)))}}var db=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-close",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close recording preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCloseComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-close"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,tFe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var nFe=n=>({componentConfigSignal:n}),iFe=(n,o)=>({condition:n,data:o}),oFe=(n,o)=>({componentConfigSignal:n,variant:o}),rFe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-countdown-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function aFe(n,o){if(n&1&&(C(0,"div",4),te(1),S()),n&2){let t=l(3).ngIf,e=l();x("data-testid",e.componentId)("aria-label","Recording starts in "+t.countdown+" seconds"),d(),ve(" ",t.countdown," ")}}function sFe(n,o){if(n&1&&(f(0),g(1,aFe,2,3,"div",3),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t.countdownStarted)}}function lFe(n,o){if(n&1&&(f(0),g(1,sFe,2,1,"ng-container",2),v()),n&2){let t=l(2);d(),m("veltDynamicTemplate",$(4,rFe,t.template,F(1,oFe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function cFe(n,o){if(n&1&&(f(0),g(1,lFe,2,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,iFe,t.conditionSignal(),P(1,nFe,t.componentConfigSignal)))}}var pb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-countdown",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.elementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelCountdownComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,cFe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var mFe=n=>({componentConfigSignal:n}),dFe=(n,o)=>({condition:n,data:o}),T$=(n,o)=>({componentConfigSignal:n,variant:o}),w$=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-icon-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function pFe(n,o){if(n&1&&(f(0),C(1,"div",5),oe(),C(2,"svg",6),w(3,"path",7)(4,"path",8),S()(),v()),n&2){let t=l(5);d(),x("data-testid",t.componentId+"-video")}}function gFe(n,o){if(n&1&&(f(0),g(1,pFe,5,1,"ng-container",4),v()),n&2){let t=l(4);d(),m("veltDynamicTemplate",$(4,w$,t.template,F(1,T$,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function uFe(n,o){if(n&1&&(f(0),C(1,"div",9),oe(),C(2,"svg",6),w(3,"path",10),S()(),v()),n&2){let t=l(5);d(),x("data-testid",t.componentId+"-screen")}}function hFe(n,o){if(n&1&&(f(0),g(1,uFe,4,1,"ng-container",4),v()),n&2){let t=l(4);d(),m("veltDynamicTemplate",$(4,w$,t.template,F(1,T$,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function fFe(n,o){if(n&1&&(f(0),C(1,"div",11),oe(),C(2,"svg",6),w(3,"path",12),S()(),v()),n&2){let t=l(5);d(),x("data-testid",t.componentId+"-audio")}}function vFe(n,o){if(n&1&&(f(0),g(1,fFe,4,1,"ng-container",4),v()),n&2){let t=l(4);d(),m("veltDynamicTemplate",$(4,w$,t.template,F(1,T$,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function CFe(n,o){if(n&1&&(f(0)(1,2),C(2,"div"),g(3,gFe,2,10,"ng-container",3)(4,hFe,2,10,"ng-container",3)(5,vFe,2,10,"ng-container",3),S(),v()()),n&2){let t=l(2).ngIf,e=l();d(),m("ngSwitch",t.type),d(),pe("velt-recording-preview--recording-started",t.countdownStarted),x("data-testid",e.componentId),d(),m("ngSwitchCase","video"),d(),m("ngSwitchCase","screen"),d(),m("ngSwitchCase","audio")}}function _Fe(n,o){if(n&1&&(f(0),g(1,CFe,6,7,"ng-container",0),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",!e.type||e.type===t.type)}}function yFe(n,o){if(n&1&&(f(0),g(1,_Fe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,dFe,t.conditionSignal(),P(1,mFe,t.componentConfigSignal)))}}var gb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel-icon",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label",`${this.type||""} recording icon`)}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelIconComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel-icon"]],inputs:{type:"type",variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,yFe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var SFe=n=>({componentConfigSignal:n}),bFe=(n,o)=>({condition:n,data:o}),IFe=(n,o)=>({componentConfigSignal:n,variant:o}),EFe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-bottom-panel-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function xFe(n,o){if(n&1&&(C(0,"div",6),te(1),D(2,"translate"),w(3,"app-recording-preview-steps-dialog-bottom-panel-countdown",4),S()),n&2){let t=l(4);x("data-testid",t.componentId+"-countdown"),d(),ve(" ",O(2,5,"Starting recording in")," "),d(2),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant)}}function TFe(n,o){if(n&1&&(f(0),C(1,"div",3),D(2,"translate"),w(3,"app-recording-preview-steps-dialog-bottom-panel-icon",4),g(4,xFe,4,7,"div",5),w(5,"app-recording-preview-steps-dialog-bottom-panel-close",4),S(),v()),n&2){let t=l(2).ngIf,e=l();d(),pe("velt-recording-preview--recording-started",t.countdownStarted),x("data-testid",e.componentId)("aria-label",O(2,11,"Recording preview bottom panel")),d(2),m("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),d(),m("ngIf",t.countdownStarted),d(),m("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function wFe(n,o){if(n&1&&(f(0),g(1,TFe,6,13,"ng-container",2),v()),n&2){let t=l(2);d(),m("veltDynamicTemplate",$(4,EFe,t.template,F(1,IFe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function DFe(n,o){if(n&1&&(f(0),g(1,wFe,2,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,bFe,t.conditionSignal(),P(1,SFe,t.componentConfigSignal)))}}var i0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-bottom-panel",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording controls bottom panel")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogBottomPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-bottom-panel"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,DFe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var AFe=["*"],OFe=n=>({componentConfigSignal:n}),MFe=(n,o)=>({condition:n,data:o}),PFe=(n,o)=>({componentConfigSignal:n,variant:o}),kFe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-button-panel-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function RFe(n,o){n&1&&(f(0),Pt(1),v())}function NFe(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),g(2,RFe,2,0,"ng-container",4),S()),n&2){let t=l(3);x("data-testid",t.componentId)("aria-label",O(1,4,"Recording control buttons"))("aria-orientation","horizontal"),d(2),m("veltDynamicTemplate",$(9,kFe,t.template,F(6,PFe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function FFe(n,o){if(n&1&&(f(0),g(1,NFe,3,15,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",!t.countdownStarted)}}function LFe(n,o){if(n&1&&(f(0),g(1,FFe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,MFe,t.conditionSignal(),P(1,OFe,t.componentConfigSignal)))}}var o0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-button-panel",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","toolbar"),e.setAttribute("aria-label","Recording controls")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogButtonPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-button-panel"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],ngContentSelectors:AFe,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(i,r){i&1&&(Vt(),g(0,LFe,2,6,"ng-container",0)),i&2&&m("ngIf",r.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});let n=o;return n})();var BFe=n=>({componentConfigSignal:n}),VFe=(n,o)=>({condition:n,data:o}),UFe=(n,o)=>({componentConfigSignal:n,variant:o}),jFe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-off-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function $Fe(n,o){if(n&1&&(f(0),oe(),C(1,"svg",3),w(2,"path",4)(3,"path",5),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon")}}function HFe(n,o){if(n&1&&(f(0),g(1,$Fe,4,1,"ng-container",2),v()),n&2){let t=l(3);d(),m("veltDynamicTemplate",$(4,jFe,t.template,F(1,UFe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function zFe(n,o){if(n&1&&(f(0),g(1,HFe,2,10,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",!(t.mediaConfig.video!=null&&t.mediaConfig.video.enabled))}}function GFe(n,o){if(n&1&&(f(0),g(1,zFe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,VFe,t.conditionSignal(),P(1,BFe,t.componentConfigSignal)))}}var ub=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-button-off",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Camera off"),e.setAttribute("aria-pressed","true"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOffComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,GFe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let n=o;return n})();var WFe=n=>({componentConfigSignal:n}),qFe=(n,o)=>({condition:n,data:o}),YFe=(n,o)=>({componentConfigSignal:n,variant:o}),KFe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-on-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function ZFe(n,o){if(n&1&&(f(0),oe(),C(1,"svg",3),w(2,"path",4)(3,"path",5),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon")}}function XFe(n,o){if(n&1&&(f(0),g(1,ZFe,4,1,"ng-container",2),v()),n&2){let t=l(3);d(),m("veltDynamicTemplate",$(4,KFe,t.template,F(1,YFe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function QFe(n,o){if(n&1&&(f(0),g(1,XFe,2,10,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.mediaConfig.video==null?null:t.mediaConfig.video.enabled)}}function JFe(n,o){if(n&1&&(f(0),g(1,QFe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,qFe,t.conditionSignal(),P(1,WFe,t.componentConfigSignal)))}}var hb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-button-on",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Camera on"),e.setAttribute("aria-pressed","false"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,JFe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let n=o;return n})();var eLe=n=>({componentConfigSignal:n}),tLe=(n,o)=>({condition:n,data:o}),nLe=(n,o)=>({componentConfigSignal:n,variant:o}),iLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-camera-button-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function oLe(n,o){if(n&1&&(f(0),C(1,"div",6),w(2,"velt-recording-preview-steps-dialog-camera-button-on-internal",7)(3,"velt-recording-preview-steps-dialog-camera-button-off-internal",7),S(),v()),n&2){let t=l(3).ngIf,e=l();d(),pe("velt-recording-preview--icon-button-off",!(t.mediaConfig.video!=null&&t.mediaConfig.video.enabled)),x("data-testid",e.componentId+"-icon-container"),d(),m("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),d(),m("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function rLe(n,o){if(n&1){let t=q();C(0,"app-device-permission-button",3)(1,"div",4),D(2,"translate"),D(3,"translate"),D(4,"translate"),z("click",function(){k(t);let i=l(2).ngIf;return R(i.toggleVideo())}),g(5,oLe,4,9,"ng-container",5),S()()}if(n&2){let t=l(2).ngIf,e=l();m("darkMode",!!t.darkMode),x("data-testid",e.componentId+"-permission-button"),d(),x("data-testid",e.componentId+"-toggle")("aria-label",O(2,6,"Toggle camera")+" "+(t.mediaConfig.video!=null&&t.mediaConfig.video.enabled?O(3,8,"off"):O(4,10,"on")))("aria-pressed",!!(t.mediaConfig.video!=null&&t.mediaConfig.video.enabled)),d(4),m("veltDynamicTemplate",$(15,iLe,e.template,F(12,nLe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function aLe(n,o){if(n&1&&(f(0),g(1,rLe,6,21,"app-device-permission-button",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.type==="screen")}}function sLe(n,o){if(n&1&&(f(0),g(1,aLe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,tLe,t.conditionSignal(),P(1,eLe,t.componentConfigSignal)))}}var fb=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,i),this.devicePermissionService=e,this.loggingService=i,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-camera-button",super.initializeComponentConfigSignal(new un)}ngOnChanges(e){try{if(e.componentConfigSignal){let i=this.componentConfigSignal();!i?.mediaState?.video?.enabled&&i.type==="video"&&this.devicePermissionService.openDevicePermissionDeniedDialog("video",{darkMode:!1})}}catch(i){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent ngOnChanges:",i)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),!this.componentConfigSignal()?.mediaState?.video?.enabled&&this.componentConfigSignal().type==="video"&&this.devicePermissionService.openDevicePermissionDeniedDialog("video",{darkMode:!1})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","group"),e.setAttribute("aria-label","Camera control buttons")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(hm),u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-recording-preview-steps-dialog-camera-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V,qe],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(i,r){i&1&&g(0,sLe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var qse=n=>({componentConfigSignal:n}),lLe=(n,o)=>({condition:n,data:o}),cLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-off-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function mLe(n,o){if(n&1&&(f(0),oe(),C(1,"svg",3),w(2,"path",4)(3,"path",5),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon")}}function dLe(n,o){if(n&1&&(f(0),g(1,mLe,4,1,"ng-container",2),v()),n&2){let t=l(3);d(),m("veltDynamicTemplate",$(3,cLe,t.template,P(1,qse,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function pLe(n,o){if(n&1&&(f(0),g(1,dLe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",!(t.mediaConfig.audio!=null&&t.mediaConfig.audio.enabled))}}function gLe(n,o){if(n&1&&(f(0),g(1,pLe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,lLe,t.conditionSignal(),P(1,qse,t.componentConfigSignal)))}}var vb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-mic-button-off",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Microphone off"),e.setAttribute("aria-pressed","true"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOffComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-off-internal"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,gLe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let n=o;return n})();var Yse=n=>({componentConfigSignal:n}),uLe=(n,o)=>({condition:n,data:o}),hLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-on-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function fLe(n,o){if(n&1&&(f(0),oe(),C(1,"svg",3),w(2,"path",4),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon")}}function vLe(n,o){if(n&1&&(f(0),g(1,fLe,3,1,"ng-container",2),v()),n&2){let t=l(3);d(),m("veltDynamicTemplate",$(3,hLe,t.template,P(1,Yse,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function CLe(n,o){if(n&1&&(f(0),g(1,vLe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.mediaConfig.audio==null?null:t.mediaConfig.audio.enabled)}}function _Le(n,o){if(n&1&&(f(0),g(1,CLe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,uLe,t.conditionSignal(),P(1,Yse,t.componentConfigSignal)))}}var Cb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-mic-button-on",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Microphone on"),e.setAttribute("aria-pressed","false"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-on-internal"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,_Le,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex}"],changeDetection:0});let n=o;return n})();var yLe=n=>({componentConfigSignal:n}),SLe=(n,o)=>({condition:n,data:o}),bLe=(n,o)=>({componentConfigSignal:n,variant:o}),ILe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-mic-button-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function ELe(n,o){if(n&1&&(f(0),C(1,"div",5),w(2,"velt-recording-preview-steps-dialog-mic-button-on-internal",6)(3,"velt-recording-preview-steps-dialog-mic-button-off-internal",6),S(),v()),n&2){let t=l(2).ngIf,e=l();d(),pe("velt-recording-preview--icon-button-off",!(t.mediaConfig.audio!=null&&t.mediaConfig.audio.enabled)),x("data-testid",e.componentId+"-icon-container"),d(),m("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant),d(),m("componentConfigSignal",e.componentConfigSignal)("template",e.template)("variant",e.variant)}}function xLe(n,o){if(n&1){let t=q();f(0),C(1,"app-device-permission-button",2)(2,"div",3),D(3,"translate"),D(4,"translate"),D(5,"translate"),z("click",function(){k(t);let i=l().ngIf;return R(i.toggleAudio())})("keydown.enter",function(){k(t);let i=l().ngIf;return R(i.toggleAudio())})("keydown.space",function(){k(t);let i=l().ngIf;return R(i.toggleAudio())}),g(6,ELe,4,9,"ng-container",4),S()(),v()}if(n&2){let t=l().ngIf,e=l();d(),m("darkMode",!!t.darkMode),x("data-testid",e.componentId+"-permission-button"),d(),x("data-testid",e.componentId+"-toggle")("aria-label",O(3,6,"Toggle microphone")+" "+(t.mediaConfig.audio!=null&&t.mediaConfig.audio.enabled?O(4,8,"off"):O(5,10,"on")))("aria-pressed",!!(t.mediaConfig.audio!=null&&t.mediaConfig.audio.enabled)),d(4),m("veltDynamicTemplate",$(15,ILe,e.template,F(12,bLe,e.componentConfigSignal,e.variant),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function TLe(n,o){if(n&1&&(f(0),g(1,xLe,7,21,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,SLe,t.conditionSignal(),P(1,yLe,t.componentConfigSignal)))}}var r0=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,i),this.devicePermissionService=e,this.loggingService=i,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-mic-button",super.initializeComponentConfigSignal(new un)}ngOnChanges(e){try{if(e.componentConfigSignal){let i=this.componentConfigSignal();!i?.mediaState?.audio?.enabled&&i.type==="audio"&&this.devicePermissionService.openDevicePermissionDeniedDialog("audio",{darkMode:!1})}}catch(i){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent ngOnChanges:",i)}}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes(),!this.componentConfigSignal()?.mediaState?.audio?.enabled&&this.componentConfigSignal().type==="audio"&&this.devicePermissionService.openDevicePermissionDeniedDialog("audio",{darkMode:!1})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonOnComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","group"),e.setAttribute("aria-label","Microphone control buttons")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogMicButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(hm),u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-recording-preview-steps-dialog-mic-button-internal"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V,qe],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(i,r){i&1&&g(0,TLe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Kse=n=>({componentConfigSignal:n}),wLe=(n,o)=>({condition:n,data:o}),DLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-settings-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function ALe(n,o){if(n&1&&(f(0),C(1,"div",5),oe(),C(2,"svg",6),w(3,"path",7)(4,"path",8),S()(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon-container"),d(),x("data-testid",t.componentId+"-icon")}}function OLe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),D(2,"translate"),D(3,"translate"),z("click",function(i){k(t);let r=l(2).ngIf;return R(r.toggleSettings(i))})("keydown.enter",function(i){k(t);let r=l(2).ngIf;return R(r.toggleSettings(i))})("keydown.space",function(i){k(t);let r=l(2).ngIf;return R(r.toggleSettings(i))}),g(4,ALe,5,2,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();pe("velt-recording-preview--settings-button-open",t.isSettingsOpen),x("data-testid",e.componentId+"-button")("aria-label",(t.isSettingsOpen?O(1,7,"Close"):O(2,9,"Open"))+" "+O(3,11,"recording settings"))("aria-expanded",t.isSettingsOpen)("aria-controls",e.componentId+"-panel"),d(4),m("veltDynamicTemplate",$(15,DLe,e.template,P(13,Kse,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function MLe(n,o){if(n&1&&(f(0),g(1,OLe,5,21,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",!t.countdownStarted)}}function PLe(n,o){if(n&1&&(f(0),g(1,MLe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,wLe,t.conditionSignal(),P(1,Kse,t.componentConfigSignal)))}}var a0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-settings",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording preview settings")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-settings"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,PLe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Zse=n=>({componentConfigSignal:n}),kLe=(n,o)=>({condition:n,data:o}),RLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-start-recording-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function NLe(n,o){if(n&1&&(f(0),C(1,"div",4),te(2),D(3,"translate"),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId+"-label"),d(),ve(" ",O(3,2,"Start Recording"),"")}}function FLe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),z("click",function(){k(t);let i=l().ngIf;return R(i.startCountdown())}),g(2,NLe,4,4,"ng-container",3),S(),v()}if(n&2){let t=l().ngIf,e=l();d(),pe("disabled",t.type==="video"&&(!(t.mediaConfig.video!=null&&t.mediaConfig.video.enabled)||!t.mediaState.video.enabled)||t.type==="audio"&&(!(t.mediaConfig.audio!=null&&t.mediaConfig.audio.enabled)||!t.mediaState.audio.enabled)),x("data-testid",e.componentId+"-button"),d(),m("veltDynamicTemplate",$(6,RLe,e.template,P(4,Zse,e.componentConfigSignal),e.variant,e.setIfCondition.bind(e),e.elementRef))}}function LLe(n,o){if(n&1&&(f(0),g(1,FLe,3,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,kLe,t.conditionSignal(),P(1,Zse,t.componentConfigSignal)))}}var s0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-start-recording",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Start recording")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogStartRecordingComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-start-recording"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,LLe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var BLe=n=>({componentConfigSignal:n}),VLe=(n,o)=>({condition:n,data:o}),ULe=(n,o)=>({componentConfigSignal:n,variant:o}),jLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-camera-off-message-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function $Le(n,o){if(n&1&&(f(0),C(1,"h1",5),D(2,"translate"),te(3),D(4,"translate"),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-text")("aria-label",O(2,3,"Camera is off")),d(2),$e(O(4,5,"Camera is off"))}}function HLe(n,o){if(n&1&&(C(0,"div",3),g(1,$Le,5,7,"ng-container",4),S()),n&2){let t=l(3);x("data-testid",t.componentId),d(),m("veltDynamicTemplate",$(5,jLe,t.template,F(2,ULe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function zLe(n,o){if(n&1&&(f(0),g(1,HLe,2,11,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",!t.countdownStarted&&(!(t.mediaConfig.video!=null&&t.mediaConfig.video.enabled)||!t.mediaState.video.enabled))}}function GLe(n,o){if(n&1&&(f(0),g(1,zLe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,VLe,t.conditionSignal(),P(1,BLe,t.componentConfigSignal)))}}var _b=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-camera-off-message",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","alert"),e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-camera-off-message"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,GLe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Xse=n=>({componentConfigSignal:n}),WLe=(n,o)=>({condition:n,data:o}),qLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-close-button-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function YLe(n,o){if(n&1&&(f(0),C(1,"div",4),oe(),C(2,"svg",5),w(3,"path",6),S()(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId+"-icon-container"),d(),x("data-testid",t.componentId+"-icon")}}function KLe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),D(2,"translate"),z("click",function(){k(t);let i=l().ngIf;return R(i.closeDialog())})("keydown.enter",function(){k(t);let i=l().ngIf;return R(i.closeDialog())})("keydown.space",function(){k(t);let i=l().ngIf;return R(i.closeDialog())}),g(3,YLe,4,2,"ng-container",3),S(),v()}if(n&2){let t=l(2);d(),x("data-testid",t.componentId)("aria-label",O(2,3,"Close recording preview")),d(2),m("veltDynamicTemplate",$(7,qLe,t.template,P(5,Xse,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function ZLe(n,o){if(n&1&&(f(0),g(1,KLe,4,13,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,WLe,t.conditionSignal(),P(1,Xse,t.componentConfigSignal)))}}var l0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-close-button",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCloseButtonComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCameraOffMessageComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close recording preview"),e.setAttribute("tabindex","0")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogCloseButtonComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-close-button"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,ZLe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Qse=n=>({componentConfigSignal:n}),XLe=(n,o)=>({condition:n,data:o}),QLe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-timer-cancel-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function JLe(n,o){if(n&1&&(f(0),C(1,"div",4),te(2),D(3,"translate"),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId+"-label"),d(),ve(" ",O(3,2,"Cancel")," ")}}function eBe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),z("click",function(){k(t);let i=l().ngIf;return R(i.cancelCountdown())})("keydown.enter",function(){k(t);let i=l().ngIf;return R(i.cancelCountdown())})("keydown.space",function(){k(t);let i=l().ngIf;return R(i.cancelCountdown())}),g(2,JLe,4,4,"ng-container",3),S(),v()}if(n&2){let t=l(2);d(),x("data-testid",t.componentId+"-button"),d(),m("veltDynamicTemplate",$(4,QLe,t.template,P(2,Qse,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function tBe(n,o){if(n&1&&(f(0),g(1,eBe,3,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,XLe,t.conditionSignal(),P(1,Qse,t.componentConfigSignal)))}}var yb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer-cancel",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording countdown cancel controls")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCancelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-timer-cancel"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,tBe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Jse=n=>({componentConfigSignal:n}),nBe=(n,o)=>({condition:n,data:o}),iBe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-timer-countdown-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function oBe(n,o){if(n&1&&(C(0,"h1",4),te(1),S()),n&2){let t=l(3).ngIf,e=l();x("data-testid",e.componentId+"-value"),d(),ve(" ",t.countdown,"")}}function rBe(n,o){if(n&1&&(f(0),g(1,oBe,2,2,"h1",3),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t.countdown)}}function aBe(n,o){if(n&1&&(f(0),g(1,rBe,2,1,"ng-container",2),v()),n&2){let t=l(2);d(),m("veltDynamicTemplate",$(3,iBe,t.template,P(1,Jse,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function sBe(n,o){if(n&1&&(f(0),g(1,aBe,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,nBe,t.conditionSignal(),P(1,Jse,t.componentConfigSignal)))}}var Sb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer-countdown",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","timer"),e.setAttribute("aria-label","Recording countdown timer"),e.setAttribute("aria-live","assertive")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerCountdownComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-timer-countdown"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,sBe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var ele=n=>({componentConfigSignal:n}),lBe=(n,o)=>({condition:n,data:o}),cBe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-timer-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function mBe(n,o){if(n&1&&(f(0),C(1,"div",3),w(2,"app-recording-preview-steps-dialog-timer-countdown",4)(3,"app-recording-preview-steps-dialog-timer-cancel",4),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant)}}function dBe(n,o){if(n&1&&(f(0),g(1,mBe,4,7,"ng-container",2),v()),n&2){let t=l(3);d(),m("veltDynamicTemplate",$(3,cBe,t.template,P(1,ele,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function pBe(n,o){if(n&1&&(f(0),g(1,dBe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.countdownStarted)}}function gBe(n,o){if(n&1&&(f(0),g(1,pBe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,lBe,t.conditionSignal(),P(1,ele,t.componentConfigSignal)))}}var c0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-timer",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Recording countdown section")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogTimerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-timer"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,gBe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var uBe=n=>({componentConfigSignal:n}),hBe=(n,o)=>({condition:n,data:o}),fBe=(n,o)=>({componentConfigSignal:n,variant:o}),vBe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-video-player-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function CBe(n,o){if(n&1&&(f(0),w(1,"video",3),v()),n&2){let t=l(2).ngIf,e=l();d(),m("srcObject",t.mediaStream)("volume",0),x("data-testid",e.componentId)}}function _Be(n,o){if(n&1&&(f(0),g(1,CBe,2,3,"ng-container",2),v()),n&2){let t=l(2);d(),m("veltDynamicTemplate",$(4,vBe,t.template,F(1,fBe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function yBe(n,o){if(n&1&&(f(0),g(1,_Be,2,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,hBe,t.conditionSignal(),P(1,uBe,t.componentConfigSignal)))}}var bb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-video-player",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoPlayerComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-video-player"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,yBe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var SBe=n=>({componentConfigSignal:n}),bBe=(n,o)=>({condition:n,data:o}),IBe=()=>["video","screen"],EBe=(n,o)=>({componentConfigSignal:n,variant:o}),xBe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-video-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function TBe(n,o){n&1&&Ue(0)}function wBe(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,TBe,1,0,"ng-container",5),S()),n&2){l();let t=de(3);d(),m("ngTemplateOutlet",t)}}function DBe(n,o){if(n&1&&(f(0),w(1,"app-recording-preview-steps-dialog-video-player",9),C(2,"div",10)(3,"div",11),w(4,"app-recording-preview-steps-dialog-waveform",9)(5,"app-recording-preview-steps-dialog-close-button",12),S(),w(6,"app-recording-preview-steps-dialog-timer",12)(7,"app-recording-preview-steps-dialog-camera-off-message",12),C(8,"div",13),w(9,"velt-recording-preview-steps-dialog-settings-panel-internal",9),C(10,"app-recording-preview-steps-dialog-button-panel",12),w(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),S(),w(15,"app-recording-preview-steps-dialog-bottom-panel",12),S()(),v()),n&2){let t=l(5);d(),m("componentConfigSignal",t.componentConfigSignal),d(),x("data-testid",t.componentId+"-overlay"),d(),x("data-testid",t.componentId+"-header"),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),x("data-testid",t.componentId+"-settings"),d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant),d(),m("componentConfigSignal",t.componentConfigSignal)("template",t.template)("variant",t.variant)}}function ABe(n,o){if(n&1){let t=q();C(0,"div",7,1),z("pointerdown",function(i){return k(t),R(i.stopPropagation())})("pointerup",function(i){return k(t),R(i.stopPropagation())})("click",function(i){k(t);let r=l(3).ngIf;return R(r.handleOverlayClick(i))}),g(2,DBe,16,33,"ng-container",8),S()}if(n&2){let t=l(4);x("data-testid",t.componentId),d(2),m("veltDynamicTemplate",$(5,xBe,t.template,F(2,EBe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function OBe(n,o){if(n&1&&g(0,ABe,3,11,"div",6),n&2){let t=l(2).ngIf;m("ngIf",kt(1,IBe).includes(t.type))}}function MBe(n,o){if(n&1&&(f(0),g(1,wBe,2,1,"velt-shadow-dom-internal",4)(2,OBe,1,2,"ng-template",null,0,xe),v()),n&2){let t=de(3),e=l().ngIf,i=l();d(),m("ngIf",e.shadowDom&&!i.template)("ngIfElse",t)}}function PBe(n,o){if(n&1&&(f(0),g(1,MBe,4,2,"ng-container",3),v()),n&2){let t=l();d(),m("veltIf",F(3,bBe,t.conditionSignal(),P(1,SBe,t.componentConfigSignal)))}}var Ib=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=i,this.elementRef=r,this.dynamicDataService=a,this.componentId="velt-recording-preview-steps-dialog-video",super.initializeComponentConfigSignal(new un)}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}})}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent OnInit: ",e)}}ngOnChanges(e){try{e&&Object.keys(e).forEach(i=>{this.componentConfigSignal.update(r=>(r=T(I({},r),{[i]:e[i].currentValue}),r))})}catch(i){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent ngOnChanges: ",i)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","region"),e.setAttribute("aria-label","Video preview area")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogVideoComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-video"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V,qe],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(i,r){i&1&&g(0,PBe,2,6,"ng-container",2),i&2&&m("ngIf",r.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});let n=o;return n})();var tle=n=>({componentConfigSignal:n}),kBe=(n,o)=>({condition:n,data:o}),RBe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-settings-panel-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1}),NBe=()=>["video","screen"];function FBe(n,o){if(n&1&&(f(0),w(1,"velt-media-source-settings-internal",3),D(2,"translate"),v()),n&2){let t=l(2).ngIf;d(),m("showMicSettings",!0)("shadowDom",t.shadowDom)("showCamSettings",kt(8,NBe).includes(t.type))("isOpen",t.isSettingsOpen)("config",t),x("aria-label",O(2,6,"Media source settings"))}}function LBe(n,o){if(n&1&&(f(0),g(1,FBe,3,9,"ng-container",2),v()),n&2){let t=l(2);d(),m("veltDynamicTemplate",$(3,RBe,t.template,P(1,tle,t.componentConfigSignal),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function BBe(n,o){if(n&1&&(f(0),g(1,LBe,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,kBe,t.conditionSignal(),P(1,tle,t.componentConfigSignal)))}}var m0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-recording-preview-steps-dialog-settings-panel",super.initializeComponentConfigSignal(new un)}ngOnInit(){try{super.ngOnInit(),this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Recording settings panel"),e.setAttribute("aria-modal","true"),e.setAttribute("tabindex","-1"),this.componentConfigSignal().isSettingsOpen?e.setAttribute("aria-hidden","false"):e.setAttribute("aria-hidden","true")}catch(e){this.loggingService.catch("Error in RecordingPreviewStepsDialogSettingsPanelComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["velt-recording-preview-steps-dialog-settings-panel-internal"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","group",3,"showMicSettings","shadowDom","showCamSettings","isOpen","config"]],template:function(i,r){i&1&&g(0,BBe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let n=o;return n})();var VBe=n=>({componentConfigSignal:n}),UBe=(n,o)=>({condition:n,data:o}),jBe=(n,o)=>({componentConfigSignal:n,variant:o}),$Be=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-recording-preview-steps-dialog-waveform-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function HBe(n,o){if(n&1&&(f(0),w(1,"app-audio-waveform",3),v()),n&2){let t=l(2).ngIf,e=l();d(),m("variant",t.type==="audio"?"preview":"preview-mini")("previewStream",e.streamSignal())("muteMic",!(t.mediaConfig.audio!=null&&t.mediaConfig.audio.enabled)),x("data-testid",e.componentId)}}function zBe(n,o){if(n&1&&(f(0),g(1,HBe,2,4,"ng-container",2),v()),n&2){let t=l(2);d(),m("veltDynamicTemplate",$(4,$Be,t.template,F(1,jBe,t.componentConfigSignal,t.variant),t.variant,t.setIfCondition.bind(t),t.elementRef))}}function GBe(n,o){if(n&1&&(f(0),g(1,zBe,2,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,UBe,t.conditionSignal(),P(1,VBe,t.componentConfigSignal)))}}var d0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.streamSignal=Se(null),this.componentId="velt-recording-preview-steps-dialog-waveform",super.initializeComponentConfigSignal(new un)}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 ee(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(i=>i.stop()),this.streamSignal.set(null))}catch(e){this.loggingService.catch("Error cleaning up audio resources:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-recording-preview-steps-dialog-waveform"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","img","aria-live","polite",3,"variant","previewStream","muteMic"]],template:function(i,r){i&1&&g(0,GBe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let n=o;return n})();var nle=n=>({componentConfigSignal:n}),WBe=(n,o)=>({condition:n,data:o}),qBe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-text-comment-toolbar-comment-annotation-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function YBe(n,o){n&1&&(C(0,"div",5),oe(),C(1,"svg",6),w(2,"path",7),S()())}function KBe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),z("pointerdown",function(i){return k(t),l(2).ngIf.createAnnotation(),R(i.stopPropagation())}),g(2,YBe,3,0,"div",4),S()}if(n&2){let t=l(3);x("data-testid",t.componentId)("role","button")("aria-label",O(1,5,"Add comment annotation"))("tabindex",0),d(2),m("veltDynamicTemplate",$(9,qBe,t.template,P(7,nle,t.componentConfigSignal),t.componentConfigSignal().variant,t.setIfCondition.bind(t),t.elementRef))}}function ZBe(n,o){if(n&1&&(f(0),g(1,KBe,3,15,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.commentToolEnabled)}}function XBe(n,o){if(n&1&&(f(0),g(1,ZBe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,WBe,t.conditionSignal(),P(1,nle,t.componentConfigSignal)))}}var Eb=(()=>{let o=class o extends nt{constructor(e,i,r,a,s){super(e,i,void 0,r,r.getTextCommentToolbarDarkMode$(),s,a),this.elementRef=e,this.themeService=i,this.commentService=r,this.loggingService=a,this.dynamicDataService=s,this.componentId="velt-text-comment-toolbar-comment-annotation",super.initializeComponentConfigSignal(new _s)}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{}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(Ye),u(Te),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-text-comment-toolbar-comment-annotation"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,XBe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var ile=n=>({componentConfigSignal:n}),QBe=(n,o)=>({condition:n,data:o}),JBe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-text-comment-toolbar-copywriter-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function eVe(n,o){if(n&1&&(C(0,"div",11),te(1),D(2,"translate"),D(3,"translate"),S()),n&2){let t=l(3).ngIf;d(),ve(" ",t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT?O(2,1,"Select a shorter text"):O(3,3,"Select a longer text")," ")}}function tVe(n,o){if(n&1&&(C(0,"div",4),g(1,eVe,4,5,"div",5),oe(),C(2,"svg",6)(3,"g",7),w(4,"path",8),S(),C(5,"defs")(6,"clipPath",9),w(7,"rect",10),S()()(),te(8),D(9,"translate"),S()),n&2){let t=l(2).ngIf;d(),m("ngIf",t.selectedWordsCount<t.MIN_ALLOWED_WORDS_COUNT||t.selectedCharactersCount<t.MIN_ALLOWED_CHARACTERS_COUNT||t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT),d(7),ve(" ",O(9,2,"Rewrite")," ")}}function nVe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),D(2,"translate"),z("pointerdown",function(i){return k(t),l().ngIf.createRewriter("copywriter"),R(i.stopPropagation())}),g(3,tVe,10,4,"div",3),S(),v()}if(n&2){let t=l().ngIf,e=l();d(),pe("velt-text-comment-toolbar-copywriter--disabled",t.selectedWordsCount<t.MIN_ALLOWED_WORDS_COUNT||t.selectedCharactersCount<t.MIN_ALLOWED_CHARACTERS_COUNT||t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT),x("data-testid",e.componentId)("role","button")("aria-label",O(2,8,"Use AI to rewrite selected text"))("tabindex",0)("aria-disabled",t.selectedWordsCount<t.MIN_ALLOWED_WORDS_COUNT||t.selectedCharactersCount<t.MIN_ALLOWED_CHARACTERS_COUNT||t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT),d(2),m("veltDynamicTemplate",$(12,JBe,e.template,P(10,ile,e.componentConfigSignal),t.variant,e.setIfCondition.bind(e),e.elementRef))}}function iVe(n,o){if(n&1&&(f(0),g(1,nVe,4,18,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,QBe,t.conditionSignal(),P(1,ile,t.componentConfigSignal)))}}var xb=(()=>{let o=class o extends nt{constructor(e,i,r,a,s){super(e,i,void 0,r,r.getTextCommentToolbarDarkMode$(),s,a),this.elementRef=e,this.themeService=i,this.commentService=r,this.loggingService=a,this.dynamicDataService=s,this.componentId="velt-text-comment-toolbar-copywriter",super.initializeComponentConfigSignal(new _s)}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 i=this.componentConfigSignal(),r=i.selectedWordsCount<i.MIN_ALLOWED_WORDS_COUNT||i.selectedCharactersCount<i.MIN_ALLOWED_CHARACTERS_COUNT||i.selectedCharactersCount>i.MAX_ALLOWED_CHARACTERS_COUNT;e.setAttribute("aria-disabled",String(r))}catch(e){this.loggingService.catch("Error in TextCommentToolbarCopywriterComponent setupA11yAttributes:",e)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(Ye),u(Te),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-text-comment-toolbar-copywriter"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,iVe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var ole=n=>({componentConfigSignal:n}),oVe=(n,o)=>({condition:n,data:o}),rVe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-text-comment-toolbar-generic-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function aVe(n,o){if(n&1&&(C(0,"div",15),te(1),D(2,"translate"),D(3,"translate"),S()),n&2){let t=l(3).ngIf;d(),ve(" ",t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT?O(2,1,"Select a shorter text"):O(3,3,"Select a longer text")," ")}}function sVe(n,o){if(n&1&&(C(0,"div",4),g(1,aVe,4,5,"div",5),oe(),C(2,"svg",6),w(3,"path",7)(4,"path",8)(5,"path",9)(6,"path",10)(7,"path",11)(8,"path",12)(9,"path",13)(10,"path",14),S(),te(11),D(12,"translate"),S()),n&2){let t=l(2).ngIf;d(),m("ngIf",t.selectedWordsCount<t.MIN_ALLOWED_WORDS_COUNT||t.selectedCharactersCount<t.MIN_ALLOWED_CHARACTERS_COUNT||t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT),d(10),ve(" ",O(12,2,"Ask ChatGPT")," ")}}function lVe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),z("pointerdown",function(i){return k(t),l().ngIf.createRewriter("generic"),R(i.stopPropagation())}),g(2,sVe,13,4,"div",3),S(),v()}if(n&2){let t=l().ngIf,e=l();d(),pe("velt-text-comment-toolbar-generic--disabled",t.selectedWordsCount<t.MIN_ALLOWED_WORDS_COUNT||t.selectedCharactersCount<t.MIN_ALLOWED_CHARACTERS_COUNT||t.selectedCharactersCount>t.MAX_ALLOWED_CHARACTERS_COUNT),x("data-testid",e.componentId)("role","separator")("aria-orientation","vertical"),d(),m("veltDynamicTemplate",$(8,rVe,e.template,P(6,ole,e.componentConfigSignal),t.variant,e.setIfCondition.bind(e),e.elementRef))}}function cVe(n,o){if(n&1&&(f(0),g(1,lVe,3,14,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,oVe,t.conditionSignal(),P(1,ole,t.componentConfigSignal)))}}var Tb=(()=>{let o=class o extends nt{constructor(e,i,r,a,s){super(e,i,void 0,r,r.getTextCommentToolbarDarkMode$(),s,a),this.elementRef=e,this.themeService=i,this.commentService=r,this.loggingService=a,this.dynamicDataService=s,this.componentId="velt-text-comment-toolbar-divider",super.initializeComponentConfigSignal(new _s)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(Ye),u(Te),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-text-comment-toolbar-generic"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,cVe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var mVe=n=>({componentConfigSignal:n}),dVe=(n,o)=>({condition:n,data:o}),pVe=n=>({componentConfig:n}),gVe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-text-comment-toolbar-divider-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function uVe(n,o){if(n&1&&(C(0,"div",3),oe(),C(1,"svg",4),w(2,"rect",5),S()()),n&2){let t=l(4);x("data-testid",t.componentId)("role","separator")("aria-orientation","vertical")}}function hVe(n,o){if(n&1&&(f(0),g(1,uVe,3,3,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,gVe,e.template,P(1,pVe,t),t.variant,e.setIfCondition.bind(e),e.elementRef))}}function fVe(n,o){if(n&1&&(f(0),g(1,hVe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.commentToolEnabled)}}function vVe(n,o){if(n&1&&(f(0),g(1,fVe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,dVe,t.conditionSignal(),P(1,mVe,t.componentConfigSignal)))}}var wb=(()=>{let o=class o extends nt{constructor(e,i,r,a,s){super(e,i,void 0,r,r.getTextCommentToolbarDarkMode$(),s,a),this.elementRef=e,this.themeService=i,this.commentService=r,this.loggingService=a,this.dynamicDataService=s,this.componentId="velt-text-comment-toolbar-divider",super.initializeComponentConfigSignal(new _s)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(Ye),u(Te),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-text-comment-toolbar-divider"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,vVe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var wd=class{constructor(){this.showAvatar=!0,this.unreadCount=0,this.commentCountType=gV.TOTAL,this.selectedAnnotationsMap={},this.customStatusesShown=!1,this.selectedAnnotationsLocationMap={}}};var CVe=n=>({componentConfigSignal:n}),_Ve=(n,o)=>({condition:n,data:o}),yVe=(n,o)=>({componentConfigSignal:n,wireframe:o}),SVe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-bubble-avatar-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function bVe(n,o){if(n&1&&(f(0),w(1,"snippyly-user-avatar",3),v()),n&2){let t=l(3).ngIf,e=l();d(),m("user",t==null||t.annotation==null?null:t.annotation.from),x("data-testid",e.componentId+"-user")}}function IVe(n,o){if(n&1&&(f(0),g(1,bVe,2,2,"ng-container",0),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null?null:t.showAvatar)&&(t==null||t.annotation==null?null:t.annotation.from))}}function EVe(n,o){if(n&1&&(f(0),g(1,IVe,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(4,SVe,e.template,F(1,yVe,e.componentConfigSignal,e.wireframe),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function xVe(n,o){if(n&1&&(f(0),g(1,EVe,2,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,_Ve,t.conditionSignal(),P(1,CVe,t.componentConfigSignal)))}}var Db=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-bubble-avatar",super.initializeComponentConfigSignal(new wd)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-bubble-avatar"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["part","user-avatar",3,"user"]],template:function(i,r){i&1&&g(0,xVe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},encapsulation:2,changeDetection:0});let n=o;return n})();var TVe=n=>({componentConfigSignal:n}),wVe=(n,o)=>({condition:n,data:o}),DVe=(n,o)=>({componentConfigSignal:n,wireframe:o}),AVe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-bubble-comments-count-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function OVe(n,o){if(n&1&&(f(0),te(1),v()),n&2){let t=l().ngIf;d(),ve(" ",t.commentCountType==="total"?(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)||0:t.unreadCount||0," ")}}function MVe(n,o){if(n&1&&(f(0),g(1,OVe,2,1,"ng-container",0),v()),n&2){let t=o.ngIf;d(),m("ngIf",t.commentCountType==="total"&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)||t.commentCountType!=="total"&&t.unreadCount)}}function PVe(n,o){if(n&1&&(f(0),g(1,MVe,2,1,"ng-container",0),v()),n&2){let t=l(3);d(),m("ngIf",t.componentConfigSignal())}}function kVe(n,o){if(n&1&&(f(0),g(1,PVe,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(4,AVe,e.template,F(1,DVe,e.componentConfigSignal,e.wireframe),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function RVe(n,o){if(n&1&&(f(0),g(1,kVe,2,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,wVe,t.conditionSignal(),P(1,TVe,t.componentConfigSignal)))}}var Ab=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-bubble-count",super.initializeComponentConfigSignal(new wd)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-bubble-comments-count"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(i,r){i&1&&g(0,RVe,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let n=o;return n})();var rle=(n,o)=>{try{if(n.hasAttribute(o))return n;if(n.children.length===0)return;for(let t=0;t<n.children.length;t++){let e=n.children[t],i=rle(e,o);if(i!==void 0)return i}return}catch(t){pt.catch("Error in utils findInjectionPointByAttribute: ",t)}},ale=(n,o,t)=>{try{let e=rle(n,o);if(e===void 0)return;let i=e.getAttribute(o);if(i===null)return;if(Object.values(U.INJECTION_ATTRIBUTES).includes(o)){if(t===null){e.removeAttribute(i);return}if(i===""){switch(e.tagName.toLowerCase()){case"img":e.src=t;break;case"p":case"a":case"b":case"strong":case"i":case"span":e.innerText=t;break}return}e[i]=t}if(t===null){e.style.removeProperty(i);return}e.style.setProperty(i,t,"important")}catch(e){pt.catch("Error in utils injectAttributeData: ",e)}},p0=n=>{let o={};return n.from?.photoUrl?o[U.INJECTION_ATTRIBUTES.VELT_AVATAR_IMG]=n.from?.photoUrl:o[U.INJECTION_ATTRIBUTES.VELT_AVATAR_IMG]=null,n.priority?o[U.INJECTION_STYLE_PROPS.VELT_COMMENT_PRIORITY_COLOR]=n.priority.color:o[U.INJECTION_STYLE_PROPS.VELT_COMMENT_PRIORITY_COLOR]=null,n.from?.color?o[U.INJECTION_STYLE_PROPS.VELT_AVATAR_COLOR]=n.from?.color:o[U.INJECTION_STYLE_PROPS.VELT_AVATAR_COLOR]=null,o[U.INJECTION_ATTRIBUTES.VELT_COMMENT_LENGTH]=n.comments?.length||0,o};var aP=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this._elementRef=e}ngOnInit(){super.ngOnInit()}ngOnDestroy(){super.ngOnDestroy()}injectAttributeData(e,i){for(let r of Object.keys(i))ale(e,r,i[r])}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["velt-attribute-injector"]],standalone:!1,features:[V],decls:0,vars:0,template:function(i,r){},encapsulation:2,changeDetection:0});let n=o;return n})();var sle=n=>({componentConfigSignal:n}),NVe=(n,o)=>({condition:n,data:o}),FVe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-bubble-wireframe",variant:t,setIfCondition:e,componentElementRef:i}),LVe=(n,o,t)=>({"velt-comment-pin--status-default":n,"velt-comment-pin--status-ongoing":o,"velt-comment-pin--status-terminal":t});function BVe(n,o){n&1&&Ue(0)}function VVe(n,o){if(n&1&&(C(0,"velt-shadow-dom-internal"),g(1,BVe,1,0,"ng-container",2),S()),n&2){l();let t=de(2);d(),m("ngTemplateOutlet",t)}}function UVe(n,o){if(n&1&&(f(0),C(1,"div",8),oe(),C(2,"svg",9),w(3,"path",10),S(),ct(),w(4,"app-comment-bubble-comments-count",11),D(5,"translate"),S(),w(6,"app-comment-bubble-avatar",12),D(7,"translate"),v()),n&2){let t=l(3).ngIf,e=l(2);d(),ot("--velt-internal-comment-pin-bg-color",(t.annotation==null||t.annotation.status==null?null:t.annotation.status.color)||null),m("ngClass",He(16,LVe,!t.customStatusesShown&&(t.annotation==null||t.annotation.status==null?null:t.annotation.status.type)==="default",!t.customStatusesShown&&(t.annotation==null||t.annotation.status==null?null:t.annotation.status.type)==="ongoing",!t.customStatusesShown&&(t.annotation==null||t.annotation.status==null?null:t.annotation.status.type)==="terminal")),x("data-testid",e.componentId+"-count-container"),d(),x("data-testid",e.componentId+"-count-icon")("aria-label","Comment bubble containing "+((t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)||"0")+" comments"),d(2),m("componentConfigSignal",e.componentConfigSignal),x("data-testid",e.componentId+"-count")("aria-label",((t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)||"0")+" "+O(5,12,"comments in this thread")),d(2),m("componentConfigSignal",e.componentConfigSignal),x("data-testid",e.componentId+"-avatar")("aria-label",O(7,14,"Avatar for comment author"))}}function jVe(n,o){if(n&1){let t=q();f(0),C(1,"velt-comment-dialog-portal-internal",5),z("togglePinSelection",function(i){return k(t),l(4).togglePinSelection(i),R(i.stopPropagation())})("saveComment",function(i){k(t);let r=l(4);return R(r.saveComment(i))}),C(2,"div",6),z("click",function(i){return k(t),R(i.stopPropagation())})("pointerup",function(i){return k(t),l(4).togglePinSelection(),R(i.stopPropagation())}),g(3,UVe,8,20,"ng-container",7),S()(),v()}if(n&2){let t=l(2).ngIf,e=l(2);d(),m("annotation",t.annotation)("commentPinType","bubble")("commentPinSelected",!!t.selectedAnnotationsMap[t.annotation==null?null:t.annotation.annotationId]&&(!(t.selectedAnnotationsLocationMap!=null&&t.selectedAnnotationsLocationMap[t.annotation==null?null:t.annotation.annotationId])||(t.selectedAnnotationsLocationMap==null?null:t.selectedAnnotationsLocationMap[t.annotation==null?null:t.annotation.annotationId])===e.componentId))("commentBubbleTargetPinHover",e.commentBubbleTargetPinHover)("targetElement",e.targetElement)("user",e.user),x("data-testid",e.componentId+"-dialog-portal"),d(),pe("velt-comment-bubble-hover",e.commentBubbleTargetPinHover)("velt-comment-bubble-open",!!t.selectedAnnotationsMap[t.annotation==null?null:t.annotation.annotationId]),x("data-velt-comment-bubble-comments-count",(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)||"0")("data-testid",e.componentId),d(),m("veltDynamicTemplate",$(16,FVe,e.template,P(14,sle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function $Ve(n,o){if(n&1&&(f(0),g(1,jVe,4,22,"ng-container",3),v()),n&2){let t=l().ngIf;d(),m("ngIf",t.annotation)}}function HVe(n,o){if(n&1&&(f(0),g(1,$Ve,2,1,"ng-container",4),v()),n&2){let t=l(2);d(),m("veltIf",F(3,NVe,t.conditionSignal(),P(1,sle,t.componentConfigSignal)))}}function zVe(n,o){if(n&1&&g(0,HVe,2,6,"ng-container",3),n&2){let t=l();m("ngIf",t.componentConfigSignal())}}var g0=(()=>{let o=class o extends aP{set _targetCommentElementId(e){try{this.targetElementId=e}catch{}}set _commentCountType(e){try{this.componentConfigSignal.update(i=>(i=T(I({},i),{commentCountType:e}),i))}catch{}}set _shadowDom(e){try{let i=e;typeof e=="string"&&(i=JSON.parse(e)),this.shadowDom=i}catch{}}set commentBubbleTargetPinHoverInput(e){try{let i=e;typeof e=="string"&&(i=JSON.parse(e)),this.commentBubbleTargetPinHover=!!i}catch(i){this.catchError("Error in CommentBubbleComponent commentBubbleTargetPinHover setter: ",i)}}set showAvatarInput(e){try{let i=e;typeof e=="string"&&(i=JSON.parse(e)),this.componentConfigSignal.update(r=>(r=T(I({},r),{showAvatar:!!i}),r))}catch(i){this.catchError("Error in CommentBubbleComponent showAvatar setter: ",i)}}set avatar(e){try{let i=e;typeof e=="string"&&(i=JSON.parse(e)),this.componentConfigSignal.update(r=>(r=T(I({},r),{showAvatar:!!i}),r))}catch(i){this.catchError("Error in CommentBubbleComponent showAvatar setter: ",i)}}constructor(e,i,r,a,s,c,p){super(c,p,a),this.authService=e,this.commentService=i,this.domService=r,this.loggingService=a,this.wireframeService=s,this.elementRef=c,this.dynamicDataService=p,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 wd),this.subscriptions=[],this.veltElement=!0,this.componentId="velt-comment-bubble",super.initializeComponentConfigSignal(new wd);try{this.subscriptions.push(this.authService.getUser$().subscribe(h=>{this.user=h},h=>{this.catchError("Error in CommentBubbleComponent getUser$ subscription: ",h)})),this.subscriptions.push(this.commentService.getUnreadCommentsMap$().subscribe(h=>{this.componentConfigSignal.update(_=>(_=T(I({},_),{unreadCount:h?.[this.componentConfigSignal().annotation?.annotationId||""]||0}),_))})),this.subscriptions.push(this.domService.getSelectedAnnotationsLocationMap$().subscribe(h=>{this.componentConfigSignal.update(_=>(_=T(I({},_),{selectedAnnotationsLocationMap:h}),_))})),this.subscriptions.push(this.commentService.getCustomStatusesShown$().subscribe(h=>{this.componentConfigSignal.update(_=>(_=T(I({},_),{customStatusesShown:h}),_))})),this.subscriptions.push(this.domService.getSelectedAnnotationsMap$().subscribe(h=>{this.selectedAnnotationsMap=h,this.componentConfigSignal.update(_=>(_=T(I({},_),{selectedAnnotationsMap:h}),_))},h=>{this.catchError("Error in CommentBubbleComponent getSelectedAnnotationsMap$ subscription: ",h)}))}catch(h){this.catchError("Error in CommentBubbleComponent constructor: ",h)}}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r}}))}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 i=e.darkMode.currentValue;i!==null&&(i!="false"?this.elementRef.nativeElement.setAttribute("dark",""):this.elementRef.nativeElement.removeAttribute("dark"))}}catch(i){this.catchError("Error in CommentBubbleComponent ngOnChanges: ",i)}}handleCustomContent(e){try{let i=e.target;if(i.assignedElements().length>0){this.hasSlotContent=!0;let r=i.assignedElements()[0];this.customContentRef=r,r!==void 0&&this.componentConfigSignal().annotation!==null&&this.componentConfigSignal().annotation!==void 0&&this.injectAttributeData(r,p0(this.componentConfigSignal().annotation))}else this.hasSlotContent=!1,this.customContentRef=void 0}catch(i){this.catchError("Error in CommentBubbleComponent handleCustomContent: ",i)}}checkCommentAnnotationAvailable(){try{if(this.commentAnnotationSubscription&&this.commentAnnotationSubscription.unsubscribe(),this.removeBubbleCommentAnnotationIds(),this.commentAnnotationAvailable=!1,this.targetElementId){let e=cr(this.targetElementId,["id","data-id"]);if(e){this.targetElement=e;let i=this.domService.getXPath(e);this.commentAnnotationSubscription=this.commentService.getCommentAnnotationAvailableOnXPath(i,this.targetElementId,e).pipe(ge(r=>this.domService.getSelectedAnnotationsMap$().pipe(ce(a=>(this.selectedAnnotationsMap=a,r)))),ge(r=>this.commentService.getResolvedCommentsOnDom$().pipe(ce(a=>(this.resolvedCommentsOnDom=a,r))))).subscribe(r=>{let a=this.resolvedCommentsOnDom?r?.slice():r?.filter(s=>s.status.type!=="terminal");this.componentConfigSignal.update(s=>(s=T(I({},s),{annotation:a?.length?a[a?.length-1]:null}),s)),this.resolvedCommentsOnDom||this.componentConfigSignal().annotation?.status.type!=="terminal"||this.selectedAnnotationsMap[this.componentConfigSignal().annotation?.annotationId]||this.componentConfigSignal.update(s=>(s=T(I({},s),{annotation:null}),s)),this.componentConfigSignal().annotation!==null&&this.customContentRef!==void 0&&this.injectAttributeData(this.customContentRef,p0(this.componentConfigSignal().annotation)),this.veltAnnotationId=this.componentConfigSignal().annotation?.annotationId,this.veltAnnotationIds=r?.map(s=>s?.annotationId).join(","),this.commentService.addBubbleCommentAnnotationIds(r?.map(s=>s?.annotationId)||[]),setTimeout(()=>{this.commentService.addBubbleCommentAnnotationIds(r?.map(s=>s?.annotationId)||[])},100)},r=>{this.catchError("Error in CommentBubbleComponent getCommentAnnotationAvailableOnXPath subscription: ",r)})}}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 i=e||this.componentConfigSignal().annotation;if(i)if(this.selectedAnnotationsMap[i?.annotationId])document.querySelector(`[${U.ATTRIBUTES.VELT_ANNOTATION_DRAFT}="${i.annotationId}"]`)?this.domService.resetSelectedAnnotationsMap(!0,"comments"):this.domService.toggleAnnotationSelection(i,this.componentId);else{let r=document.querySelector(`[${U.ATTRIBUTES.VELT_ANNOTATION_DRAFT}]`);if(r||(r=(this.domService.getDraftCommentAnnotationDialogs()||[])[0]),r){let a=r.getAttribute(U.ATTRIBUTES.VELT_ANNOTATION_DRAFT);if(a){let s=document.getElementById(`comment-pin-container-${a}`)||document.querySelector(`[data-velt-id='${a}']`);s&&(s.scrollIntoView({behavior:"auto",block:"center",inline:"center"}),this.domService.resetSelectedAnnotationsMap(!0,"comments"))}}else this.domService.resetSelectedAnnotationsMap(!0,"comments"),this.domService.toggleAnnotationSelection(i,this.componentId)}}catch(i){this.catchError("Error in CommentBubbleComponent togglePinSelection: ",i)}}saveComment(e){try{this.componentConfigSignal().annotation&&this.commentService.saveComment(this.componentConfigSignal().annotation,e)}catch(i){this.catchError("Error in CommentBubbleComponent saveComment: ",i)}}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,i,r){try{this.loggingService.catch(e,i,T(I({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(je),u(Te),u(Fe),u(y),u(Ge),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["snippyly-comment-bubble"]],hostVars:3,hostBindings:function(i,r){i&2&&x("data-velt-annotation-id",r.veltAnnotationId)("data-velt-annotation-ids",r.veltAnnotationIds)("data-velt-element",r.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:[j([b]),V,qe],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(i,r){if(i&1&&g(0,VVe,2,1,"velt-shadow-dom-internal",1)(1,zVe,1,1,"ng-template",null,0,xe),i&2){let a=de(2);m("ngIf",!r.template&&r.shadowDom)("ngIfElse",a)}},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});let n=o;return n})();var Oe=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.playVideoInFullScreen=!0,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 ko,this.user=new wo,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 lle=n=>({componentConfigSignal:n}),GVe=(n,o)=>({condition:n,data:o}),WVe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-all-comment-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function qVe(n,o){if(n&1&&(C(0,"div",5),D(1,"translate"),oe(),C(2,"svg",6),w(3,"path",7)(4,"path",8),S(),ct(),C(5,"div",9),te(6),D(7,"translate"),S()()),n&2){let t=l(4);x("aria-label",O(1,7,"View all comments"))("aria-haspopup",!0)("aria-expanded",!1)("data-testid",t.componentId+"-button"),d(2),x("data-testid",t.componentId+"-icon"),d(3),x("data-testid",t.componentId+"-label"),d(),ve(" ",O(7,9,"All comments"),"")}}function YVe(n,o){if(n&1){let t=q();C(0,"div",3),z("click",function(i){k(t);let r=l(2).ngIf;return r==null||r.openAllComments(),R(i.stopPropagation())}),g(1,qVe,8,11,"div",4),S()}if(n&2){let t=l(2).ngIf,e=l();x("data-testid",e.componentId),d(),m("veltDynamicTemplate",$(4,WVe,e.template,P(2,lle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function KVe(n,o){if(n&1&&(f(0),g(1,YVe,2,10,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.commentDialogSelected)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)&&(t==null?null:t.dialogMode)&&(t==null?null:t.sidebarButtonOnCommentDialogVisible))}}function ZVe(n,o){if(n&1&&(f(0),g(1,KVe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,GVe,t.conditionSignal(),P(1,lle,t.componentConfigSignal)))}}var u0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-all-comment",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-all-comment"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,ZVe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var cle=n=>({componentConfigSignal:n}),QVe=(n,o)=>({condition:n,data:o}),JVe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-approve-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function eUe(n,o){if(n&1&&(f(0),w(1,"div",5),C(2,"div",6),te(3),D(4,"translate"),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-fill"),d(),x("data-testid",t.componentId+"-label"),d(),ve(" ",O(4,3,"Approve"),"")}}function tUe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),z("click",function(i){k(t);let r=l(2).ngIf;return r==null||r.approveCommentPinAnnotation(),R(i.stopPropagation())}),g(2,eUe,5,5,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();x("aria-label",O(1,4,"Approve comment"))("aria-pressed",!1)("data-testid",e.componentId+"-button"),d(2),m("veltDynamicTemplate",$(8,JVe,e.template,P(6,cle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function nUe(n,o){if(n&1&&(f(0),g(1,tUe,3,14,"ng-template",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.commentDialogSelected)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)&&(t==null?null:t.moderatorMode)&&!(!(t==null||t.annotation==null)&&t.annotation.approved)&&(t==null||t.user==null?null:t.user.isAdmin))}}function iUe(n,o){if(n&1&&(f(0),g(1,nUe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,QVe,t.conditionSignal(),P(1,cle,t.componentConfigSignal)))}}var h0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-approve",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-approve"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,iUe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var mle=n=>({componentConfigSignal:n}),rUe=(n,o)=>({condition:n,data:o}),aUe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-assign-menu-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function sUe(n,o){if(n&1){let t=q();f(0),C(1,"velt-autocomplete-panel-internal",5),D(2,"translate"),D(3,"translate"),z("optionSelected",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.assignCommentToUser(i))}),S(),v()}if(n&2){let t=l(3).ngIf,e=l();d(),m("darkMode",!!(t!=null&&t.darkMode))("enableOnFocus",!0)("metadata",t==null||t.annotation==null?null:t.annotation.metadata)("placeholder",O(2,6,"Search")),x("aria-label",O(3,8,"Search users"))("data-testid",e.componentId+"-autocomplete")}}function lUe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),z("clickOutside",function(){k(t);let i=l(2).ngIf;return R(i==null?null:i.closeAssignToMenu())}),g(2,sUe,4,10,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();x("data-testid",e.componentId)("aria-label",O(1,4,"Assign thread"))("aria-modal",!0),d(2),m("veltDynamicTemplate",$(8,aUe,e.template,P(6,mle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function cUe(n,o){if(n&1&&(f(0),g(1,lUe,3,14,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",t==null?null:t.assignToMenuOpened)}}function mUe(n,o){if(n&1&&(f(0),g(1,cUe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,rUe,t.conditionSignal(),P(1,mle,t.componentConfigSignal)))}}var Ob=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-assign-menu",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-assign-menu"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,mUe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var dle=n=>({componentConfigSignal:n}),dUe=(n,o)=>({condition:n,data:o}),pUe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-assignee-banner-resolve-button-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function gUe(n,o){if(n&1&&(oe(),C(0,"svg",4),w(1,"path",5),S()),n&2){let t=l(4);x("data-testid",t.componentId+"-icon")}}function uUe(n,o){if(n&1){let t=q();f(0),C(1,"app-resolve-button",2),z("changeStatus",function(i){k(t);let r=l(2).ngIf;return R(r==null?null:r.changeStatus(i))}),g(2,gUe,2,1,"svg",3),S(),v()}if(n&2){let t=l(2).ngIf,e=l();d(),m("darkMode",!!(t!=null&&t.darkMode))("headingMode",!0)("annotation",t==null?null:t.annotation)("sidebarMode",t==null?null:t.sidebarMode),x("data-testid",e.componentId),d(),m("veltDynamicTemplate",$(8,pUe,e.template,P(6,dle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function hUe(n,o){if(n&1&&(f(0),g(1,uUe,3,14,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",t==null?null:t.canResolveAnnotation)}}function fUe(n,o){if(n&1&&(f(0),g(1,hUe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,dUe,t.conditionSignal(),P(1,dle,t.componentConfigSignal)))}}var Mb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-banner-resolve-button",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-assignee-banner-resolve-button"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,fUe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var ple=n=>({componentConfigSignal:n}),vUe=(n,o)=>({condition:n,data:o}),CUe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-assignee-banner-user-avatar-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function _Ue(n,o){if(n&1&&(f(0),w(1,"snippyly-user-avatar",3),D(2,"translate"),v()),n&2){let t=l(2).ngIf,e=l();d(),m("size",28)("user",t==null||t.annotation==null?null:t.annotation.assignedTo),x("aria-label",O(2,4,"Avatar for assigned user"))("data-testid",e.componentId+"-avatar")}}function yUe(n,o){if(n&1&&(f(0),g(1,_Ue,3,6,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,CUe,e.template,P(1,ple,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function SUe(n,o){if(n&1&&(f(0),g(1,yUe,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,vUe,t.conditionSignal(),P(1,ple,t.componentConfigSignal)))}}var Pb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-assignee-banner-avatar",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-assignee-banner-user-avatar"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-assignee-banner--user-avatar",3,"size","user"]],template:function(i,r){i&1&&g(0,SUe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var gle=n=>({componentConfigSignal:n}),bUe=(n,o)=>({condition:n,data:o}),IUe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-assignee-banner-user-name-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function EUe(n,o){if(n&1&&(C(0,"div",5),D(1,"translate"),te(2),D(3,"translate"),S()),n&2){let t=l(3).ngIf,e=l();x("data-testid",e.componentId)("aria-label",O(1,3,"Assigned to")+" "+((t==null||t.annotation==null||t.annotation.assignedTo==null?null:t.annotation.assignedTo.name)||(t==null||t.annotation==null||t.annotation.assignedTo==null?null:t.annotation.assignedTo.email))),d(2),ve(" ",O(3,5,(t==null||t.annotation==null||t.annotation.assignedTo==null?null:t.annotation.assignedTo.name)||(t==null||t.annotation==null||t.annotation.assignedTo==null?null:t.annotation.assignedTo.email)),"")}}function xUe(n,o){if(n&1&&(f(0),g(1,EUe,4,7,"div",4),v()),n&2){let t=l(2).ngIf,e=de(3);d(),m("ngIf",(t==null||t.annotation==null||t.annotation.assignedTo==null?null:t.annotation.assignedTo.name)||(t==null||t.annotation==null||t.annotation.assignedTo==null?null:t.annotation.assignedTo.email))("ngIfElse",e)}}function TUe(n,o){if(n&1&&(f(0),g(1,xUe,2,2,"ng-container",3),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,IUe,e.template,P(1,gle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function wUe(n,o){n&1&&w(0,"velt-skeleton-loader-internal",6)}function DUe(n,o){if(n&1&&(f(0),g(1,TUe,2,9,"ng-container",2)(2,wUe,1,0,"ng-template",null,0,xe),v()),n&2){let t=l();d(),m("veltIf",F(3,bUe,t.conditionSignal(),P(1,gle,t.componentConfigSignal)))}}var kb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-assignee-banner-name",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-assignee-banner-user-name"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,DUe,4,6,"ng-container",1),i&2&&m("ngIf",r.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});let n=o;return n})();var ule=n=>({componentConfigSignal:n}),AUe=(n,o)=>({condition:n,data:o}),OUe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-assignee-banner-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function MUe(n,o){if(n&1&&(f(0),w(1,"app-comment-dialog-assignee-banner-resolve-button",7)(2,"app-comment-dialog-assignee-banner-unresolve-button",8),v()),n&2){let t=l(5);d(),m("componentConfigSignal",t.componentConfigSignal),d(),m("componentConfigSignal",t.componentConfigSignal)}}function PUe(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),w(2,"app-comment-dialog-assignee-banner-user-avatar",4),C(3,"div",5)(4,"div",6),te(5),D(6,"translate"),S(),w(7,"app-comment-dialog-assignee-banner-user-name",4),S(),g(8,MUe,3,2,"ng-container",0),S()),n&2){let t=l(3).ngIf,e=l();ot("background-color",t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.color)("--legacy-velt-assignee-banner-color",(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.lightColor)||"white")("--legacy-velt-tooltip-button-color",(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.lightColor)||"white"),pe("velt-assignee-banner--private-comment-mode",t==null?null:t.isPrivateComment)("private-comment",t==null?null:t.isPrivateComment),x("data-testid",e.componentId)("aria-label",O(1,17,"Comment assignment details")),d(2),m("componentConfigSignal",e.componentConfigSignal),d(),x("data-testid",e.componentId+"-author"),d(2),$e(O(6,19,"Assigned to:")),d(2),m("componentConfigSignal",e.componentConfigSignal),d(),m("ngIf",!(t!=null&&t.readOnly))}}function kUe(n,o){if(n&1&&(f(0),g(1,PUe,9,21,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,OUe,e.template,P(1,ule,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function RUe(n,o){if(n&1&&(f(0),g(1,kUe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null||t.annotation==null?null:t.annotation.assignedTo)&&!(t!=null&&t.inlineCommentMode))}}function NUe(n,o){if(n&1&&(f(0),g(1,RUe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,AUe,t.conditionSignal(),P(1,ule,t.componentConfigSignal)))}}var f0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-assignee-banner",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-assignee-banner"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,NUe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var LUe=["commentContainer"],BUe=n=>({componentConfigSignal:n}),VUe=(n,o)=>({condition:n,data:o}),UUe=(n,o)=>({componentConfigSignal:n,wireframe:o}),jUe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-body-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function $Ue(n,o){if(n&1&&(f(0),w(1,"app-comment-dialog-toggle-reply",8),v()),n&2){let t=l(5);d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-toggle")}}function HUe(n,o){if(n&1){let t=q();C(0,"div",6),z("scroll",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.setMessageScrollOffset(i))}),w(1,"app-comment-dialog-threads",7),g(2,$Ue,2,2,"ng-container",1),S()}if(n&2){let t=l(3).ngIf,e=l();x("aria-live","polite")("aria-atomic","false")("data-testid",e.componentId+"-scroll-container"),d(),m("componentConfigSignal",e.componentConfigSignal)("wireframe",e.wireframe),x("data-testid",e.componentId+"-threads"),d(),m("ngIf",!(t!=null&&t.readOnly))}}function zUe(n,o){if(n&1&&(C(0,"div",4,0),D(2,"translate"),g(3,HUe,3,7,"div",5),S()),n&2){let t=l(2).ngIf,e=l();pe("velt-comment-dialog-body--inline-comment-section-mode",t==null?null:t.inlineCommentSectionMode)("velt-comment-dialog-body--closed",!(t!=null&&t.commentDialogSelected)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length))("velt-comment-dialog-body--focused-thread-mode",t==null?null:t.focusedThreadMode),x("data-testid",e.componentId)("aria-label",O(2,10,"Comment dialog thread"))("aria-expanded",!(!(t!=null&&t.commentDialogSelected)&&(!(t==null||t.annotation==null||t.annotation.comments==null)&&t.annotation.comments.length))),d(3),m("veltDynamicTemplate",$(15,jUe,e.template,F(12,UUe,e.componentConfigSignal,e.wireframe),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function GUe(n,o){if(n&1&&(f(0),g(1,zUe,4,21,"div",3),v()),n&2){let t=l().ngIf;d(),m("ngIf",t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)}}function WUe(n,o){if(n&1&&(f(0),g(1,GUe,2,1,"ng-container",2),v()),n&2){let t=l();d(),m("veltIf",F(3,VUe,t.conditionSignal(),P(1,BUe,t.componentConfigSignal)))}}var v0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.subscriptions=[],this.componentId="velt-comment-dialog-body",super.initializeComponentConfigSignal(new Oe)}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,i,r){try{this.loggingService.catch(e,i,T(I({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-body"]],viewQuery:function(i,r){if(i&1&&it(LUe,5),i&2){let a;Ze(a=Xe())&&(r.commentContainer=a.first)}},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,WUe,2,6,"ng-container",1),i&2&&m("ngIf",r.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});let n=o;return n})();var hle=n=>({componentConfigSignal:n}),YUe=(n,o)=>({condition:n,data:o}),KUe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-comment-category-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function ZUe(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),te(2),D(3,"translate"),S()),n&2){let t=l(3).ngIf,e=l();ot("background-color",(t==null||t.annotation==null||t.annotation.commentCategories==null||t.annotation.commentCategories[0]==null?null:t.annotation.commentCategories[0].color)+" !important"),x("data-testid",e.componentId+"-index")("aria-label",O(1,6,"Comment Index")+" "+(t==null||t.annotation==null?null:t.annotation.annotationIndex))("aria-hidden",!0),d(2),ve(" ",O(3,8,t==null?null:t.annotation.commentCategories[0].name),"")}}function XUe(n,o){if(n&1&&(f(0),g(1,ZUe,4,10,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,KUe,e.template,P(1,hle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function QUe(n,o){if(n&1&&(f(0),g(1,XUe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.enableAutoCategorize)&&(t==null||t.annotation==null||t.annotation.commentCategories==null?null:t.annotation.commentCategories.length))}}function JUe(n,o){if(n&1&&(f(0),g(1,QUe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,YUe,t.conditionSignal(),P(1,hle,t.componentConfigSignal)))}}var Rb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-comment-category",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-comment-category"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-comment-category",3,"background-color",4,"veltDynamicTemplate"],[1,"velt-comment-category"]],template:function(i,r){i&1&&g(0,JUe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var fle=n=>({componentConfigSignal:n}),eje=(n,o)=>({condition:n,data:o}),tje=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-comment-index-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function nje(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),te(2),S()),n&2){let t=l(3).ngIf,e=l();x("data-testid",e.componentId)("aria-label",O(1,4,"Comment Index")+" "+(t==null||t.annotation==null?null:t.annotation.annotationIndex))("aria-hidden",!0),d(2),ve(" #",t==null||t.annotation==null?null:t.annotation.annotationIndex,"")}}function ije(n,o){if(n&1&&(f(0),g(1,nje,3,6,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,tje,e.template,P(1,fle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function oje(n,o){if(n&1&&(f(0),g(1,ije,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",t==null||t.annotation==null?null:t.annotation.annotationIndex)}}function rje(n,o){if(n&1&&(f(0),g(1,oje,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,eje,t.conditionSignal(),P(1,fle,t.componentConfigSignal)))}}var Nb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-comment-index",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-comment-index"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],["class","velt-comment-index",4,"veltDynamicTemplate"],[1,"velt-comment-index"]],template:function(i,r){i&1&&g(0,rje,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var vle=n=>({componentConfigSignal:n}),aje=(n,o)=>({condition:n,data:o}),sje=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-comment-suggestion-status-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function lje(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),D(2,"translate"),te(3),D(4,"translate"),S()),n&2){let t=l(3).ngIf,e=l();pe("velt-comment-suggestion-status--accepted",(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.id)===(t==null||t.commentAcceptedStatus==null?null:t.commentAcceptedStatus.id))("velt-comment-suggestion-status--rejected",(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.id)===(t==null||t.commentRejectedStatus==null?null:t.commentRejectedStatus.id)),x("data-testid",e.componentId)("aria-label",O(1,7,"Suggestion")+" "+O(2,9,(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.name)||"")),d(3),ve(" ",O(4,11,(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.name)||"")," ")}}function cje(n,o){if(n&1&&(f(0),g(1,lje,5,13,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,sje,e.template,P(1,vle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function mje(n,o){if(n&1&&(f(0),g(1,cje,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.suggestionMode)&&((t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.id)===(t==null||t.commentAcceptedStatus==null?null:t.commentAcceptedStatus.id)||(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.id)===(t==null||t.commentRejectedStatus==null?null:t.commentRejectedStatus.id)))}}function dje(n,o){if(n&1&&(f(0),g(1,mje,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,aje,t.conditionSignal(),P(1,vle,t.componentConfigSignal)))}}var Fb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-comment-suggestion-status",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-comment-suggestion-status"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,dje,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var C0=n=>({componentConfigSignal:n}),pje=(n,o)=>({condition:n,data:o}),_0=(n,o)=>({componentName:"velt-comment-dialog-composer-action-button-wireframe",variant:n,suffix:o}),Lb=(n,o,t,e,i,r)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-action-button-wireframe",variant:t,suffix:e,setIfCondition:i,componentElementRef:r});function gje(n,o){if(n&1){let t=q();C(0,"velt-autocomplete-tool-internal",6),D(1,"translate"),z("buttonClick",function(){k(t);let i=l(4).ngIf;return R(i==null?null:i.onAtClick(i==null||i.newCommentTextArea==null?null:i.newCommentTextArea.nativeElement))}),S()}if(n&2){let t=l(4).ngIf,e=l();m("hotkey",e.hotkey)("template",e.template)("componentMeta",F(9,_0,t==null?null:t.variant,e.type))("darkMode",!!(t!=null&&t.darkMode))("triggerElement",t==null||t.newCommentTextArea==null?null:t.newCommentTextArea.nativeElement),x("aria-label",O(1,7,"Mention someone using @ symbol"))("data-testid",e.componentId+"-autocomplete-new")}}function uje(n,o){if(n&1){let t=q();C(0,"velt-autocomplete-tool-internal",6),D(1,"translate"),z("buttonClick",function(){k(t);let i=l(4).ngIf;return R(i==null?null:i.onAtClick(i==null||i.editCommentTextArea==null?null:i.editCommentTextArea.nativeElement))}),S()}if(n&2){let t=l(4).ngIf,e=l();m("hotkey",e.hotkey)("template",e.template)("componentMeta",F(9,_0,t==null?null:t.variant,e.type))("darkMode",!!(t!=null&&t.darkMode))("triggerElement",t==null||t.editCommentTextArea==null?null:t.editCommentTextArea.nativeElement),x("aria-label",O(1,7,"Mention someone using @ symbol while editing"))("data-testid",e.componentId+"-autocomplete-edit")}}function hje(n,o){if(n&1&&(f(0),g(1,gje,2,12,"velt-autocomplete-tool-internal",5)(2,uje,2,12,"velt-autocomplete-tool-internal",5),v()),n&2){let t=l(4);d(),m("ngIf",!t.editMode),d(),m("ngIf",t.editMode)}}function fje(n,o){if(n&1&&(f(0),g(1,hje,3,2,"ng-container",0),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t==null?null:t.userMentions)}}function vje(n,o){if(n&1){let t=q();C(0,"velt-autocomplete-tool-internal",6),D(1,"translate"),z("buttonClick",function(){k(t);let i=l(4).ngIf;return R(i==null?null:i.onAtClick(i==null||i.newCommentTextArea==null?null:i.newCommentTextArea.nativeElement))}),S()}if(n&2){let t=l(4).ngIf,e=l();m("hotkey",e.hotkey)("template",e.template)("componentMeta",F(9,_0,t==null?null:t.variant,e.type))("darkMode",!!(t!=null&&t.darkMode))("triggerElement",t==null||t.newCommentTextArea==null?null:t.newCommentTextArea.nativeElement),x("aria-label",O(1,7,"Type @ to mention someone"))("data-testid",e.componentId+"-autocomplete-tool-new")}}function Cje(n,o){if(n&1){let t=q();C(0,"velt-autocomplete-tool-internal",6),D(1,"translate"),z("buttonClick",function(){k(t);let i=l(4).ngIf;return R(i==null?null:i.onAtClick(i==null||i.editCommentTextArea==null?null:i.editCommentTextArea.nativeElement))}),S()}if(n&2){let t=l(4).ngIf,e=l();m("hotkey",e.hotkey)("template",e.template)("componentMeta",F(9,_0,t==null?null:t.variant,e.type))("darkMode",!!(t!=null&&t.darkMode))("triggerElement",t==null||t.editCommentTextArea==null?null:t.editCommentTextArea.nativeElement),x("aria-label",O(1,7,"Type @ to mention someone while editing"))("data-testid",e.componentId+"-autocomplete-tool-edit")}}function _je(n,o){if(n&1&&(f(0),g(1,vje,2,12,"velt-autocomplete-tool-internal",5)(2,Cje,2,12,"velt-autocomplete-tool-internal",5),v()),n&2){let t=l(4);d(),m("ngIf",!t.editMode),d(),m("ngIf",t.editMode)}}function yje(n,o){if(n&1&&(f(0),g(1,_je,3,2,"ng-container",0),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t==null?null:t.userMentions)}}function Sje(n,o){if(n&1){let t=q();C(0,"app-attachment-button",8),D(1,"translate"),z("clicked",function(){k(t);let i=l(3).ngIf;return R(i==null?null:i.onAttachmentButtonClick())})("selectFiles",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.selectFiles(i))})("setIfConditionEvent",function(i){k(t);let r=l(4);return R(r.setIfCondition(i))}),S()}if(n&2){let t=l(3).ngIf,e=l();m("template",e.template)("darkMode",!!(t!=null&&t.darkMode))("componentMeta",F(7,_0,t==null?null:t.variant,e.type)),x("aria-label",O(1,5,"Add file attachment to comment"))("data-testid",e.componentId+"-attachment-button")}}function bje(n,o){if(n&1&&(f(0),g(1,Sje,2,10,"app-attachment-button",7),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t==null?null:t.enableAttachment)}}function Ije(n,o){if(n&1){let t=q();C(0,"app-attachment-button",8),D(1,"translate"),z("clicked",function(){k(t);let i=l(3).ngIf;return R(i==null?null:i.onAttachmentButtonClick())})("selectFiles",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.selectFiles(i))})("setIfConditionEvent",function(i){k(t);let r=l(4);return R(r.setIfCondition(i))}),S()}if(n&2){let t=l(3).ngIf,e=l();m("template",e.template)("darkMode",!!(t!=null&&t.darkMode))("componentMeta",F(7,_0,t==null?null:t.variant,e.type)),x("aria-label",O(1,5,"Add file attachment to comment"))("data-testid",e.componentId+"-attachment-button")}}function Eje(n,o){if(n&1&&(f(0),g(1,Ije,2,10,"app-attachment-button",7),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t==null?null:t.enableAttachment)}}function xje(n,o){if(n&1&&(f(0),C(1,"app-action-button",13),D(2,"translate"),oe(),C(3,"svg",14),w(4,"path",15)(5,"path",16),S()(),v()),n&2){let t=l(4).ngIf,e=l();d(),m("title",O(2,4,"Record voice"))("darkMode",!!(t!=null&&t.darkMode)),x("aria-label","Record voice message")("data-testid",e.componentId+"-audio-record")}}function Tje(n,o){if(n&1){let t=q();C(0,"app-device-permission-button",10),D(1,"translate"),C(2,"div",11),D(3,"translate"),z("click",function(){k(t);let i=l(3).ngIf;return R(i!=null&&i.recorderInitConfig||i==null?null:i.initRecording("audio"))}),g(4,xje,6,6,"ng-container",12),S()()}if(n&2){let t=l(3).ngIf,e=l();m("darkMode",!!(t!=null&&t.darkMode)),x("aria-label",O(1,6,"Record voice message"))("data-testid",e.componentId+"-audio-button"),d(2),x("aria-label",O(3,8,"Click to start voice recording"))("data-testid",e.componentId+"-audio-record"),d(2),m("veltDynamicTemplate",Ds(12,Lb,e.template,P(10,C0,e.componentConfigSignal),t==null?null:t.variant,e.type,e.setIfCondition.bind(e),e.elementRef))}}function wje(n,o){if(n&1&&(f(0),g(1,Tje,5,19,"app-device-permission-button",9),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t==null||t.allowedRecordings==null?null:t.allowedRecordings.includes("audio"))}}function Dje(n,o){if(n&1&&(f(0),C(1,"app-action-button",13),D(2,"translate"),D(3,"translate"),oe(),C(4,"svg",19),w(5,"path",20),S()(),v()),n&2){let t=l(4).ngIf,e=l();d(),m("title",O(2,4,"Record video"))("darkMode",!!(t!=null&&t.darkMode)),x("aria-label",O(3,6,"Record video message"))("data-testid",e.componentId+"-video-record")}}function Aje(n,o){if(n&1){let t=q();C(0,"app-device-permission-button",18),D(1,"translate"),C(2,"div",11),z("click",function(){k(t);let i=l(3).ngIf;return R(i!=null&&i.recorderInitConfig||i==null?null:i.initRecording("video"))}),g(3,Dje,6,8,"ng-container",12),S()()}if(n&2){let t=l(3).ngIf,e=l();m("darkMode",!!(t!=null&&t.darkMode)),x("aria-label",O(1,6,"Record video message"))("data-testid",e.componentId+"-video-button"),d(2),x("aria-label","Click to start video recording")("data-testid",e.componentId+"-video-record"),d(),m("veltDynamicTemplate",Ds(10,Lb,e.template,P(8,C0,e.componentConfigSignal),t==null?null:t.variant,e.type,e.setIfCondition.bind(e),e.elementRef))}}function Oje(n,o){if(n&1&&(f(0),g(1,Aje,4,17,"app-device-permission-button",17),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t==null||t.allowedRecordings==null?null:t.allowedRecordings.includes("video"))}}function Mje(n,o){if(n&1&&(f(0),C(1,"app-action-button",13),D(2,"translate"),D(3,"translate"),oe(),C(4,"svg",22),w(5,"path",23)(6,"path",24)(7,"path",25)(8,"path",26),S()(),v()),n&2){let t=l(4).ngIf,e=l();d(),m("title",O(2,4,"Record screen"))("darkMode",!!(t!=null&&t.darkMode)),x("aria-label",O(3,6,"Record your screen"))("data-testid",e.componentId+"-screen-record")}}function Pje(n,o){if(n&1){let t=q();C(0,"div",11),D(1,"translate"),z("click",function(){k(t);let i=l(3).ngIf;return R(i!=null&&i.recorderInitConfig||i==null?null:i.initRecording("screen"))}),g(2,Mje,9,8,"ng-container",12),S()}if(n&2){let t=l(3).ngIf,e=l();x("aria-label",O(1,3,"Click to start screen recording"))("data-testid",e.componentId+"-screen-record"),d(2),m("veltDynamicTemplate",Ds(7,Lb,e.template,P(5,C0,e.componentConfigSignal),t==null?null:t.variant,e.type,e.setIfCondition.bind(e),e.elementRef))}}function kje(n,o){if(n&1&&(f(0),g(1,Pje,3,14,"div",21),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null||t.allowedRecordings==null?null:t.allowedRecordings.includes("screen"))&&(t==null?null:t.screenSharingSupported))}}function Rje(n,o){n&1&&(C(0,"div",30),oe(),C(1,"svg",31),w(2,"path",32),S()())}function Nje(n,o){if(n&1){let t=q();C(0,"button",28),D(1,"translate"),z("click",function(i){k(t);let r=l(3).ngIf;return r==null||r.addComment(),R(i.stopPropagation())}),g(2,Rje,3,0,"div",29),S()}if(n&2){let t,e=l(3).ngIf,i=l();m("disabled",(e==null||e.newComment==null||(t=e.newComment.trim())==null?null:t.length)<1&&!(!(e==null||e.selectedAttachments==null)&&e.selectedAttachments.length)&&!(!(e==null||e.localRecordedData==null)&&e.localRecordedData.length)||(e==null?null:e.uploadingAttachments)),x("aria-label",O(1,4,"Save new comment"))("data-testid",i.componentId+"-submit-new"),d(2),m("veltDynamicTemplate",Ds(8,Lb,i.template,P(6,C0,i.componentConfigSignal),e==null?null:e.variant,i.type,i.setIfCondition.bind(i),i.elementRef))}}function Fje(n,o){n&1&&(C(0,"div",30),oe(),C(1,"svg",31),w(2,"path",33),S()())}function Lje(n,o){if(n&1){let t=q();C(0,"button",28),D(1,"translate"),z("click",function(i){k(t);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(i.stopPropagation())}),g(2,Fje,3,0,"div",29),S()}if(n&2){let t,e=l(3).ngIf,i=l();m("disabled",!(!(e==null||e.editCommentTextArea==null||e.editCommentTextArea.nativeElement==null||e.editCommentTextArea.nativeElement.innerText==null||(t=e.editCommentTextArea.nativeElement.innerText.trim())==null)&&t.length)&&!(!(e==null||e.selectedAttachments==null)&&e.selectedAttachments.length)&&!(!(e==null||e.attachmentsToDelete==null)&&e.attachmentsToDelete.length)&&!(!(e==null||e.localRecordedData==null)&&e.localRecordedData.length)||(e==null?null:e.uploadingAttachments)),x("aria-label",O(1,4,"Save edited comment"))("data-testid",i.componentId+"-submit-edit"),d(2),m("veltDynamicTemplate",Ds(8,Lb,i.template,P(6,C0,i.componentConfigSignal),e==null?null:e.variant,i.type,i.setIfCondition.bind(i),i.elementRef))}}function Bje(n,o){if(n&1&&(f(0),g(1,Nje,3,15,"button",27)(2,Lje,3,15,"button",27),v()),n&2){let t=l(3);d(),m("ngIf",!t.editMode),d(),m("ngIf",t.editMode)}}function Vje(n,o){if(n&1){let t=q();f(0),C(1,"div",2),D(2,"translate"),z("click",function(i){return k(t),R(i.stopPropagation())}),f(3,3),g(4,fje,2,1,"ng-container",4)(5,yje,2,1,"ng-container",4)(6,bje,2,1,"ng-container",4)(7,Eje,2,1,"ng-container",4)(8,wje,2,1,"ng-container",4)(9,Oje,2,1,"ng-container",4)(10,kje,2,1,"ng-container",4)(11,Bje,3,2,"ng-container",4),v(),S(),v()}if(n&2){let t=l(2);d(),x("aria-label",O(2,11,"Comment tools and actions"))("data-testid",t.componentId),d(2),m("ngSwitch",t.type),d(),m("ngSwitchCase","userMentions"),d(),m("ngSwitchCase","autocomplete"),d(),m("ngSwitchCase","file"),d(),m("ngSwitchCase","attachments"),d(),m("ngSwitchCase","audio"),d(),m("ngSwitchCase","video"),d(),m("ngSwitchCase","screen"),d(),m("ngSwitchCase","submit")}}function Uje(n,o){if(n&1&&(f(0),g(1,Vje,12,13,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,pje,t.conditionSignal(),P(1,C0,t.componentConfigSignal)))}}var Bb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.editMode=!1,this.hotkey="@",this.componentId="velt-comment-dialog-composer-action-button",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-action-button"]],inputs:{type:"type",editMode:"editMode",i:"i",hotkey:"hotkey"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Uje,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Cle=n=>({componentConfigSignal:n}),jje=(n,o)=>({condition:n,data:o}),$je=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-assign-user-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Hje(n,o){if(n&1){let t=q();C(0,"app-assign-dropdown",4),D(1,"translate"),z("setAssignTo",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.setAssignTo(i))}),S()}if(n&2){let t=l(3).ngIf,e=l();m("darkMode",!!(t!=null&&t.darkMode))("assignTo",t==null?null:t.assignTo)("selectedUserContacts",t==null?null:t.selectedUserContacts),x("data-testid",e.componentId+"-dropdown")("aria-label",O(1,5,"Assign user"))}}function zje(n,o){if(n&1&&(f(0),g(1,Hje,2,7,"app-assign-dropdown",3),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t==null?null:t.userMentions)}}function Gje(n,o){if(n&1&&(f(0),g(1,zje,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,$je,e.template,P(1,Cle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Wje(n,o){if(n&1&&(f(0),g(1,Gje,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,jje,t.conditionSignal(),P(1,Cle,t.componentConfigSignal)))}}var Vb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-assign-user",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-assign-user"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Wje,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var qje=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),Yje=(n,o)=>({condition:n,data:o}),Kje=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),Zje=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-image-preview-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Xje(n,o){if(n&1&&(f(0),w(1,"img",3),v()),n&2){let t=l(3);d(),m("src",t.file==null?null:t.file.url,cn)}}function Qje(n,o){if(n&1&&(f(0),g(1,Xje,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,Zje,e.template,ut(1,Kje,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Jje(n,o){if(n&1&&(f(0),g(1,Qje,2,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,Yje,t.conditionSignal(),ut(1,qje,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var Ub=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-image-preview",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-image-preview"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Jje,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var e$e=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),t$e=(n,o)=>({condition:n,data:o}),n$e=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),i$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-image-delete-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function o$e(n,o){n&1&&(f(0),oe(),C(1,"svg",5),w(2,"path",6)(3,"path",7),S(),v())}function r$e(n,o){if(n&1){let t=q();C(0,"button",3),D(1,"translate"),D(2,"translate"),z("click",function(){k(t);let i=l(2).ngIf,r=l();return R(r.isEditMode?i==null?null:i.removeAttachmentFromComment(r.fileIndex):i==null?null:i.removeFile(r.fileIndex))}),g(3,o$e,4,0,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();m("title",O(1,4,"Remove File")),x("data-testid",e.componentId)("aria-label",O(2,6,"Remove file")),d(3),m("veltDynamicTemplate",$(13,i$e,e.template,ut(8,n$e,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function a$e(n,o){if(n&1&&(f(0),g(1,r$e,4,19,"button",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",!(t!=null&&t.uploadingAttachments))}}function s$e(n,o){if(n&1&&(f(0),g(1,a$e,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,t$e,t.conditionSignal(),ut(1,e$e,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var jb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-image-delete",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-image-delete"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,s$e,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var l$e=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),c$e=(n,o)=>({condition:n,data:o}),m$e=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),d$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-image-loading-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function p$e(n,o){n&1&&(f(0),oe(),C(1,"svg",3)(2,"circle",4),w(3,"animateTransform",5),S()(),v())}function g$e(n,o){if(n&1&&(f(0),g(1,p$e,4,0,"ng-container",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(6,d$e,e.template,ut(1,m$e,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function u$e(n,o){if(n&1&&(f(0),g(1,g$e,2,12,"ng-container",0),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",(t==null?null:t.uploadingAttachments)&&!e.isEditMode&&!(e.file!=null&&e.file.uploaded))}}function h$e(n,o){if(n&1&&(f(0),g(1,u$e,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,c$e,t.conditionSignal(),ut(1,l$e,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var $b=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-image-loading",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-image-loading"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,h$e,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var f$e=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),v$e=(n,o)=>({condition:n,data:o}),C$e=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),_$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-image-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function y$e(n,o){if(n&1&&(f(0),C(1,"div",3),D(2,"translate"),D(3,"translate"),C(4,"div",4),D(5,"translate"),D(6,"translate"),w(7,"app-comment-dialog-composer-attachments-image-loading",5),D(8,"translate"),D(9,"translate"),w(10,"app-comment-dialog-composer-attachments-image-delete",6),D(11,"translate"),D(12,"translate"),S(),w(13,"app-comment-dialog-composer-attachments-image-preview",7),D(14,"translate"),D(15,"translate"),S(),v()),n&2){let t=l(3).ngIf,e=l();d(),pe("loading",(t==null?null:t.uploadingAttachments)&&!e.isEditMode&&!(e.file!=null&&e.file.uploaded)),x("aria-label",O(2,24,"Image attachment:")+" "+O(3,26,(e.file==null?null:e.file.name)||"unnamed image"))("data-testid",e.componentId+"-selected-file"),d(3),x("aria-label",O(5,28,"Actions for image:")+" "+O(6,30,(e.file==null?null:e.file.name)||"unnamed image"))("data-testid",e.componentId+"-file-actions"),d(3),m("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),x("aria-label",O(8,32,"Uploading image:")+" "+O(9,34,(e.file==null?null:e.file.name)||"unnamed image"))("data-testid",e.componentId+"-file-loading"),d(3),m("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),x("aria-label",O(11,36,"Delete image:")+" "+O(12,38,(e.file==null?null:e.file.name)||"unnamed image"))("data-testid",e.componentId+"-file-delete"),d(3),m("componentConfigSignal",e.componentConfigSignal)("file",e.file)("fileIndex",e.fileIndex)("isEditMode",e.isEditMode),x("aria-label",O(14,40,"Preview of image:")+" "+O(15,42,(e.file==null?null:e.file.name)||"unnamed image"))("data-testid",e.componentId+"-file-preview")}}function S$e(n,o){if(n&1&&(f(0),g(1,y$e,16,44,"ng-container",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(6,_$e,e.template,ut(1,C$e,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function b$e(n,o){if(n&1&&(f(0),g(1,S$e,2,12,"ng-container",0),v()),n&2){let t=l(2);d(),m("ngIf",t.isEditMode?t.file==null||t.file.mimeType==null?null:t.file.mimeType.includes("image"):t.file==null||t.file.fileType==null?null:t.file.fileType.includes("image"))}}function I$e(n,o){if(n&1&&(f(0),g(1,b$e,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,v$e,t.conditionSignal(),ut(1,f$e,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var Hb=(()=>{let o=class o extends H{set _imageWireframe(e){this.imageWireframe=e,this.imageWireframe?this.template=this.domService.deepCloneElement(this.imageWireframe):this.template=null}constructor(e,i,r,a){super(i,r,a),this.domService=e,this.elementRef=i,this.dynamicDataService=r,this.loggingService=a,this.componentId="velt-comment-dialog-composer-attachments-image",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(Fe),u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-image"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode",_imageWireframe:[0,"imageWireframe","_imageWireframe"]},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,I$e,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var E$e=(n,o,t)=>({componentConfigSignal:n,file:o,fileIndex:t}),x$e=(n,o)=>({condition:n,data:o}),T$e=(n,o,t)=>({componentConfigSignal:n,fileIndex:o,file:t}),w$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function D$e(n,o){if(n&1&&(f(0),w(1,"img",3),v()),n&2){let t=l(3);d(),m("src",t.file==null?null:t.file.url,cn)}}function A$e(n,o){if(n&1&&(f(0),g(1,D$e,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(5,w$e,e.template,He(1,T$e,e.componentConfigSignal,e.fileIndex,e.file),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function O$e(n,o){if(n&1&&(f(0),g(1,A$e,2,11,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(5,x$e,t.conditionSignal(),He(1,E$e,t.componentConfigSignal,t.file,t.fileIndex)))}}var zb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-invalid-item-preview",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-invalid-item-preview"]],inputs:{file:"file",fileIndex:"fileIndex"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,O$e,2,8,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var M$e=(n,o,t)=>({componentConfigSignal:n,file:o,fileIndex:t}),P$e=(n,o)=>({condition:n,data:o}),k$e=(n,o,t)=>({componentConfigSignal:n,fileIndex:o,file:t}),R$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-invalid-item-message-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function N$e(n,o){if(n&1&&(f(0),C(1,"span",3),D(2,"translate"),D(3,"translate"),te(4),D(5,"translate"),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId)("aria-label",O(2,3,"Error message:")+" "+O(3,5,t.file==null?null:t.file.errorMessage)),d(3),ve(" ",O(5,7,t.file==null?null:t.file.errorMessage)," ")}}function F$e(n,o){if(n&1&&(f(0),g(1,N$e,6,9,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(5,R$e,e.template,He(1,k$e,e.componentConfigSignal,e.fileIndex,e.file),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function L$e(n,o){if(n&1&&(f(0),g(1,F$e,2,11,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(5,P$e,t.conditionSignal(),He(1,M$e,t.componentConfigSignal,t.file,t.fileIndex)))}}var Gb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-invalid-item-message",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-invalid-item-message"]],inputs:{file:"file",fileIndex:"fileIndex"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--error-message"]],template:function(i,r){i&1&&g(0,L$e,2,8,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var _le=(n,o,t)=>({componentConfigSignal:n,file:o,fileIndex:t}),B$e=(n,o)=>({condition:n,data:o}),V$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function U$e(n,o){n&1&&(f(0),oe(),C(1,"svg",4),w(2,"path",5)(3,"path",6),S(),v())}function j$e(n,o){if(n&1){let t=q();f(0),C(1,"button",2),D(2,"translate"),D(3,"translate"),D(4,"translate"),z("click",function(){k(t);let i=l().ngIf,r=l();return R(i==null?null:i.removeInvalidFile(r.fileIndex))}),g(5,U$e,4,0,"ng-container",3),S(),v()}if(n&2){let t=l().ngIf,e=l();d(),m("title",O(2,4,"Remove File")),x("aria-label",O(3,6,"Remove invalid file:")+" "+O(4,8,(e.file==null?null:e.file.name)||"unnamed file"))("data-testid",e.componentId+"-button"),d(4),m("veltDynamicTemplate",$(14,V$e,e.template,He(10,_le,e.componentConfigSignal,e.file,e.fileIndex),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function $$e(n,o){if(n&1&&(f(0),g(1,j$e,6,20,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(5,B$e,t.conditionSignal(),He(1,_le,t.componentConfigSignal,t.file,t.fileIndex)))}}var Wb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-invalid-item-delete",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-invalid-item-delete"]],inputs:{file:"file",fileIndex:"fileIndex"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,$$e,2,8,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var yle=(n,o,t)=>({componentConfigSignal:n,file:o,fileIndex:t}),H$e=(n,o)=>({condition:n,data:o}),z$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-invalid-item-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function G$e(n,o){if(n&1&&(f(0),C(1,"div",3),D(2,"translate"),D(3,"translate"),C(4,"div",4),D(5,"translate"),D(6,"translate"),w(7,"app-comment-dialog-composer-attachments-invalid-item-delete",5),S(),C(8,"div",6),D(9,"translate"),oe(),C(10,"svg",7),w(11,"path",8),S(),ct(),w(12,"app-comment-dialog-composer-attachments-invalid-item-message",9),S(),w(13,"app-comment-dialog-composer-attachments-invalid-item-preview",10),D(14,"translate"),D(15,"translate"),S(),v()),n&2){let t=l(3);d(),x("aria-label",O(2,18,"Invalid file:")+" "+O(3,20,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId),d(3),x("aria-label",O(5,22,"Actions for invalid file:")+" "+O(6,24,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-file-actions"),d(3),m("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex),x("aria-label","Remove invalid file: "+((t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-delete-file"),d(),x("aria-label","File error: "+O(9,26,(t.file==null?null:t.file.error)||"File cannot be uploaded"))("data-testid",t.componentId+"-error-message"),d(4),m("file",t.file)("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-error-message-text"),d(),m("componentConfigSignal",t.componentConfigSignal)("file",t.file),x("aria-label",O(14,28,"Preview of invalid file:")+" "+O(15,30,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-preview-file")}}function W$e(n,o){if(n&1&&(f(0),g(1,G$e,16,32,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(5,z$e,e.template,He(1,yle,e.componentConfigSignal,e.file,e.fileIndex),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function q$e(n,o){if(n&1&&(f(0),g(1,W$e,2,11,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(5,H$e,t.conditionSignal(),He(1,yle,t.componentConfigSignal,t.file,t.fileIndex)))}}var qb=(()=>{let o=class o extends H{set _itemWireframe(e){this.itemWireframe=e,this.itemWireframe?this.template=this.domService.deepCloneElement(this.itemWireframe):this.template=null}constructor(e,i,r,a){super(i,r,a),this.domService=e,this.elementRef=i,this.dynamicDataService=r,this.loggingService=a,this.componentId="velt-comment-dialog-composer-attachments-invalid-item",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(Fe),u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-invalid-item"]],inputs:{file:"file",fileIndex:"fileIndex",_itemWireframe:[0,"itemWireframe","_itemWireframe"]},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,q$e,2,8,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Sle=n=>({componentConfigSignal:n}),Y$e=(n,o)=>({condition:n,data:o}),K$e=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-invalid-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function Z$e(n,o){if(n&1&&(C(0,"div",4),D(1,"translate"),D(2,"translate"),w(3,"app-comment-dialog-composer-attachments-invalid-item",5),S()),n&2){let t=o.$implicit,e=o.index,i=l(4);x("aria-label",O(1,6,"Invalid file")+" "+O(2,8,(t==null||t.file==null?null:t.file.name)||"unknown"))("data-testid",i.componentId+"-invalid-file-"+e),d(3),m("componentConfigSignal",i.componentConfigSignal)("file",t)("fileIndex",e)("itemWireframe",i.itemTemplate)}}function X$e(n,o){if(n&1&&(f(0),g(1,Z$e,4,10,"div",3),v()),n&2){let t=l(2).ngIf;d(),m("ngForOf",t==null?null:t.invalidSelectedFiles)}}function Q$e(n,o){if(n&1&&(f(0),g(1,X$e,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,K$e,e.template,P(1,Sle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function J$e(n,o){if(n&1&&(f(0),g(1,Q$e,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,Y$e,t.conditionSignal(),P(1,Sle,t.componentConfigSignal)))}}var Yb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-invalid",super.initializeComponentConfigSignal(new Oe)}ngOnInit(){try{if(super.ngOnInit(),this.setupA11yAttributes(),!this.itemTemplate){let e=this.template?.querySelector("velt-comment-dialog-composer-attachments-invalid-item-wireframe");st(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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-invalid"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,J$e,2,6,"ng-container",0),i&2&&m("ngIf",r.componentConfigSignal())},styles:["[_nghost-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-sm)}[_nghost-%COMP%]:empty{display:none}"],changeDetection:0});let n=o;return n})();var eHe=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),tHe=(n,o)=>({condition:n,data:o}),nHe=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),iHe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-other-delete-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function oHe(n,o){n&1&&(f(0),oe(),C(1,"svg",5),w(2,"path",6),S(),v())}function rHe(n,o){if(n&1){let t=q();C(0,"button",3),D(1,"translate"),D(2,"translate"),z("click",function(){k(t);let i=l(2).ngIf,r=l();return R(r.isEditMode?i==null?null:i.removeAttachmentFromComment(r.fileIndex):i==null?null:i.removeFile(r.fileIndex))}),g(3,oHe,3,0,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();x("data-testid",e.componentId+"-button")("aria-label",O(1,3,"Delete file")+" "+O(2,5,(e.file==null||e.file.file==null?null:e.file.file.name)||"unknown")),d(3),m("veltDynamicTemplate",$(12,iHe,e.template,ut(7,nHe,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function aHe(n,o){if(n&1&&(f(0),g(1,rHe,4,18,"button",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",!(t!=null&&t.uploadingAttachments))}}function sHe(n,o){if(n&1&&(f(0),g(1,aHe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,tHe,t.conditionSignal(),ut(1,eHe,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var Kb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-other-delete",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-other-delete"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,sHe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var lHe=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),cHe=(n,o)=>({condition:n,data:o}),mHe=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),dHe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-other-icon-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function pHe(n,o){if(n&1&&(f(0),C(1,"div",3),w(2,"velt-file-icon-internal",4),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId),d(),m("type",t.isEditMode?t.file==null?null:t.file.mimeType:t.file==null?null:t.file.fileType),x("data-testid",t.componentId+"-file-icon-internal")}}function gHe(n,o){if(n&1&&(f(0),g(1,pHe,3,3,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,dHe,e.template,ut(1,mHe,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function uHe(n,o){if(n&1&&(f(0),g(1,gHe,2,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,cHe,t.conditionSignal(),ut(1,lHe,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var Zb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-other-icon",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-other-icon"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--attachment-icon"],[3,"type"]],template:function(i,r){i&1&&g(0,uHe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var hHe=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),fHe=(n,o)=>({condition:n,data:o}),vHe=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),CHe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-other-loading-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function _He(n,o){if(n&1&&(f(0),oe(),C(1,"svg",3)(2,"circle",4),w(3,"animateTransform",5),S()(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-svg")}}function yHe(n,o){if(n&1&&(f(0),g(1,_He,4,1,"ng-container",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(6,CHe,e.template,ut(1,vHe,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function SHe(n,o){if(n&1&&(f(0),g(1,yHe,2,12,"ng-container",0),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",!e.isEditMode&&(t==null?null:t.uploadingAttachments)&&!(e.file!=null&&e.file.uploaded))}}function bHe(n,o){if(n&1&&(f(0),g(1,SHe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,fHe,t.conditionSignal(),ut(1,hHe,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var Xb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-other-loading",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-other-loading"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,bHe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var IHe=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),EHe=(n,o)=>({condition:n,data:o}),xHe=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),THe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-other-name-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function wHe(n,o){if(n&1&&(f(0),C(1,"span",3),D(2,"translate"),te(3),D(4,"translate"),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId)("aria-label",t.isEditMode?t.file==null?null:t.file.name:O(2,3,t.file==null||t.file.file==null?null:t.file.file.name)),d(2),ve(" ",t.isEditMode?t.file==null?null:t.file.name:O(4,5,t.file==null||t.file.file==null?null:t.file.file.name)," ")}}function DHe(n,o){if(n&1&&(f(0),g(1,wHe,5,7,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,THe,e.template,ut(1,xHe,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function AHe(n,o){if(n&1&&(f(0),g(1,DHe,2,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,EHe,t.conditionSignal(),ut(1,IHe,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var Qb=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-other-name",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-other-name"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--attachment-name"]],template:function(i,r){i&1&&g(0,AHe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var OHe=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),MHe=(n,o)=>({condition:n,data:o}),PHe=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),kHe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-other-size-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function RHe(n,o){if(n&1&&(f(0),C(1,"span",3),D(2,"fileSize"),te(3),D(4,"fileSize"),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId)("aria-label",t.isEditMode?t.file==null?null:t.file.size:O(2,3,t.file==null||t.file.file==null?null:t.file.file.size)),d(2),ve(" ",t.isEditMode?t.file==null?null:t.file.size:O(4,5,t.file==null||t.file.file==null?null:t.file.file.size)," ")}}function NHe(n,o){if(n&1&&(f(0),g(1,RHe,5,7,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,kHe,e.template,ut(1,PHe,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function FHe(n,o){if(n&1&&(f(0),g(1,NHe,2,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,MHe,t.conditionSignal(),ut(1,OHe,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var Jb=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-attachments-other-size",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-other-size"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-composer--attachment-size"]],template:function(i,r){i&1&&g(0,FHe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var LHe=(n,o,t,e)=>({componentConfigSignal:n,file:o,fileIndex:t,isEditMode:e}),BHe=(n,o)=>({condition:n,data:o}),VHe=(n,o,t,e)=>({componentConfigSignal:n,fileIndex:o,file:t,isEditMode:e}),UHe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-other-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function jHe(n,o){if(n&1&&(f(0),C(1,"div",3),D(2,"translate"),D(3,"translate"),w(4,"app-comment-dialog-composer-attachments-other-icon",4),D(5,"translate"),D(6,"translate"),C(7,"div",5),D(8,"translate"),D(9,"translate"),w(10,"app-comment-dialog-composer-attachments-other-name",6),D(11,"translate"),D(12,"translate"),w(13,"app-comment-dialog-composer-attachments-other-size",6),D(14,"translate"),D(15,"translate"),S(),w(16,"app-comment-dialog-composer-attachments-other-loading",7),D(17,"translate"),D(18,"translate"),C(19,"div",8),D(20,"translate"),D(21,"translate"),w(22,"app-comment-dialog-composer-attachments-other-delete",9),D(23,"translate"),D(24,"translate"),S()(),v()),n&2){let t=l(4);d(),x("aria-label",O(2,36,"File attachment:")+" "+O(3,38,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-attachment"),d(3),m("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),x("aria-label",O(5,40,"File type icon for")+" "+O(6,42,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-attachment-icon"),d(3),x("aria-label",O(8,44,"Details for file:")+" "+O(9,46,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-attachment-details"),d(3),m("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),x("aria-label",O(11,48,"Filename:")+" "+O(12,50,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-attachment-name"),d(3),m("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),x("aria-label",O(14,52,"File size:")+" "+O(15,54,(t.file==null?null:t.file.size)||"unknown size"))("data-testid",t.componentId+"-attachment-size"),d(3),m("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),x("aria-label",O(17,56,"Uploading file:")+" "+O(18,58,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-attachment-loading"),d(3),x("aria-label",O(20,60,"Actions for file:")+" "+O(21,62,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-attachment-actions"),d(3),m("componentConfigSignal",t.componentConfigSignal)("file",t.file)("fileIndex",t.fileIndex)("isEditMode",t.isEditMode),x("aria-label",O(23,64,"Remove file:")+" "+O(24,66,(t.file==null?null:t.file.name)||"unnamed file"))("data-testid",t.componentId+"-delete-attachment")}}function $He(n,o){if(n&1&&(f(0),g(1,jHe,25,68,"ng-container",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(6,UHe,e.template,ut(1,VHe,e.componentConfigSignal,e.fileIndex,e.file,e.isEditMode),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function HHe(n,o){if(n&1&&(f(0),g(1,$He,2,12,"ng-container",0),v()),n&2){let t=l(2);d(),m("ngIf",t.isEditMode?!(!(t.file==null||t.file.mimeType==null)&&t.file.mimeType.includes("image")):!(!(t.file==null||t.file.fileType==null)&&t.file.fileType.includes("image")))}}function zHe(n,o){if(n&1&&(f(0),g(1,HHe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,BHe,t.conditionSignal(),ut(1,LHe,t.componentConfigSignal,t.file,t.fileIndex,t.isEditMode)))}}var e2=(()=>{let o=class o extends H{set _otherWireframe(e){this.otherWireframe=e,this.otherWireframe?this.template=this.domService.deepCloneElement(this.otherWireframe):this.template=null}constructor(e,i,r,a){super(i,a,r),this.domService=e,this.elementRef=i,this.loggingService=r,this.dynamicDataService=a,this.componentId="velt-comment-dialog-composer-attachments-other",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(Fe),u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-other"]],inputs:{file:"file",fileIndex:"fileIndex",isEditMode:"isEditMode",_otherWireframe:[0,"otherWireframe","_otherWireframe"]},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,zHe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var ble=n=>({componentConfigSignal:n}),GHe=(n,o)=>({condition:n,data:o}),WHe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-selected-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function qHe(n,o){if(n&1&&(f(0),w(1,"app-comment-dialog-composer-attachments-other",7)(2,"app-comment-dialog-composer-attachments-image",8),v()),n&2){let t=o.$implicit,e=o.index,i=l(5);d(),m("componentConfigSignal",i.componentConfigSignal)("file",t)("fileIndex",e)("isEditMode",!0)("otherWireframe",i.otherTemplate),d(),m("componentConfigSignal",i.componentConfigSignal)("file",t)("fileIndex",e)("isEditMode",!0)("imageWireframe",i.imageTemplate)}}function YHe(n,o){if(n&1&&(f(0),w(1,"app-comment-dialog-composer-attachments-other",7)(2,"app-comment-dialog-composer-attachments-image",8),v()),n&2){let t=o.$implicit,e=o.index,i=l(5);d(),m("componentConfigSignal",i.componentConfigSignal)("file",t)("fileIndex",e)("isEditMode",!1)("otherWireframe",i.otherTemplate),d(),m("componentConfigSignal",i.componentConfigSignal)("file",t)("fileIndex",e)("isEditMode",!1)("imageWireframe",i.imageTemplate)}}function KHe(n,o){if(n&1&&(C(0,"div",4),D(1,"translate"),D(2,"translate"),g(3,qHe,3,10,"ng-container",5)(4,YHe,3,10,"ng-container",6),S()),n&2){let t=l(3).ngIf,e=l();x("aria-label",O(1,5,"Attached files")+" - "+(((t==null||t.editComment==null||t.editComment.attachments==null?null:t.editComment.attachments.length)||0)+((t==null||t.selectedFiles==null?null:t.selectedFiles.length)||0))+" "+O(2,7,"total attachments"))("data-testid",e.componentId+"-attachments-list"),d(3),m("ngForOf",t==null||t.editComment==null?null:t.editComment.attachments)("ngForTrackBy",t==null?null:t.trackByAttachmentId),d(),m("ngForOf",t==null?null:t.selectedFiles)}}function ZHe(n,o){if(n&1&&(f(0),g(1,KHe,5,9,"div",3),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null||t.editComment==null||t.editComment.attachments==null?null:t.editComment.attachments.length)||(t==null||t.selectedFiles==null?null:t.selectedFiles.length))}}function XHe(n,o){if(n&1&&(f(0),g(1,ZHe,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,WHe,e.template,P(1,ble,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function QHe(n,o){if(n&1&&(f(0),g(1,XHe,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,GHe,t.conditionSignal(),P(1,ble,t.componentConfigSignal)))}}var t2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-comment-dialog-composer-attachments-selected",super.initializeComponentConfigSignal(new Oe)}ngOnInit(){try{if(super.ngOnInit(),this.setupA11yAttributes(),!this.imageTemplate){let e=this.template?.querySelector("velt-comment-dialog-composer-attachments-image-wireframe");st(e)||(this.imageTemplate=e)}if(!this.otherTemplate){let e=this.template?.querySelector("velt-comment-dialog-composer-attachments-other-wireframe");st(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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments-selected"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,QHe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Ile=n=>({componentConfigSignal:n}),JHe=(n,o)=>({condition:n,data:o}),eze=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-attachments-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function tze(n,o){if(n&1&&(f(0),C(1,"div",3),D(2,"translate"),D(3,"translate"),D(4,"translate"),w(5,"app-comment-dialog-composer-attachments-selected",4)(6,"app-comment-dialog-composer-attachments-invalid",4),S(),v()),n&2){let t=l(3).ngIf,e=l();d(),x("aria-label",O(2,4,"File attachments")+" - "+((t==null||t.selectedFiles==null?null:t.selectedFiles.length)||0)+" "+O(3,6,"valid")+", "+((t==null||t.invalidSelectedFiles==null?null:t.invalidSelectedFiles.length)||0)+" "+O(4,8,"invalid files"))("data-testid",e.componentId),d(4),m("componentConfigSignal",e.componentConfigSignal),d(),m("componentConfigSignal",e.componentConfigSignal)}}function nze(n,o){if(n&1&&(f(0),g(1,tze,7,10,"ng-container",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,eze,e.template,P(1,Ile,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function ize(n,o){if(n&1&&(f(0),g(1,nze,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.editComment)||(t==null||t.selectedFiles==null?null:t.selectedFiles.length)||(t==null||t.invalidSelectedFiles==null?null:t.invalidSelectedFiles.length))}}function oze(n,o){if(n&1&&(f(0),g(1,ize,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,JHe,t.conditionSignal(),P(1,Ile,t.componentConfigSignal)))}}var n2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-comment-dialog-composer-attachments",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-attachments"]],standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],["role","region",1,"velt-composer--attachments"],[3,"componentConfigSignal"]],template:function(i,r){i&1&&g(0,oze,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var rze=["newCommentTextArea"],aze=["editCommentTextArea"],Ele=n=>({componentConfigSignal:n}),sze=(n,o)=>({condition:n,data:o}),lze=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-input-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function cze(n,o){if(n&1){let t=q();C(0,"velt-autocomplete-panel-internal",11,1),z("userContactOptionSelected",function(i){k(t),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.userContactSelected(i,r))})("customOptionSelected",function(i){k(t),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.autocompleteItemSelected(i,r))})("groupOptionSelected",function(i){k(t),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.groupSelected(i,r))})("atHereSelected",function(i){k(t),l();let r=de(4),a=l(3).ngIf;return R(a==null?null:a.atHereSelected(i,r))})("enterPressed",function(){k(t);let i=l(5);return R(i.onEnterPressInAutocompletePanel())}),S()}if(n&2){l();let t=de(5),e=l(3).ngIf;m("darkMode",!!(e!=null&&e.darkMode))("hideInput",!0)("showAtHere",!0)("metadata",e==null||e.annotation==null?null:e.annotation.metadata)("autocompletePanelTrigger",t)("type","generic")("autocompletePanelPosition",e!=null&&e.bottomSheetMode?"above":"auto")}}function mze(n,o){if(n&1){let t=q();C(0,"div",7),D(1,"translate"),z("click",function(i){k(t);let r=l(3).ngIf;return r==null||r.onComposerClick(),R(i.stopPropagation())}),C(2,"div",8)(3,"div",9,0),D(6,"translate"),D(7,"translate"),D(8,"translate"),z("afterViewInit",function(){k(t);let i=l(4);return R(i.setNewCommentTextArea())})("input",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.onCommentInput(i))})("paste",function(i){k(t);let r=l(3).ngIf;return r==null||r.onPaste(i),R(i.preventDefault())})("keypress",function(i){return k(t),R(i.stopPropagation())})("keyup",function(i){k(t);let r=l(3).ngIf;return i.stopPropagation(),R(r==null?null:r.onEscapeKeyPressed(i))})("keydown",function(i){k(t);let r=l(4);return i.stopPropagation(),R(r.onKeyPressedAddComment(i))})("keydown.backspace",function(){k(t);let i=de(4),r=l(3).ngIf;return R(!(i!=null&&i.innerText)&&(r!=null&&r.deleteOnBackspace)?r==null?null:r.deleteCommentPinAnnotations("keydownBackspace"):null)})("keydown.delete",function(){k(t);let i=de(4),r=l(3).ngIf;return R(i!=null&&i.innerText||r==null?null:r.deleteCommentPinAnnotations("keydownDelete"))})("copy",function(i){return k(t),R(i.stopPropagation())})("dragover",function(i){return k(t),R(i.preventDefault())})("dragenter",function(i){return k(t),R(i.preventDefault())})("drop",function(i){k(t);let r=l(3).ngIf;return r==null||r.onDrop(i),R(i.preventDefault())})("click",function(){k(t);let i=l(4);return R(i.onCombinedClick())}),S()(),g(9,cze,2,7,"velt-autocomplete-panel-internal",10),S()}if(n&2){let t=l(3).ngIf,e=l();x("aria-label",O(1,5,"New comment composer"))("data-testid",e.componentId+"-section"),d(3),m("matAutocompleteDisabled",!(t!=null&&t.userMentions)),x("placeholder",e.placeholder?O(6,7,e.placeholder):t!=null&&t.userMentions?O(7,9,"Comment or type @ to add others"):O(8,11,"Write a comment...")),d(6),m("ngIf",t==null?null:t.userMentions)}}function dze(n,o){if(n&1){let t=q();C(0,"velt-autocomplete-panel-internal",11,1),z("userContactOptionSelected",function(i){k(t),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.userContactSelected(i,r))})("customOptionSelected",function(i){k(t),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.autocompleteItemSelected(i,r))})("groupOptionSelected",function(i){k(t),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.groupSelected(i,r))})("atHereSelected",function(i){k(t),l();let r=de(4),a=l(4).ngIf;return R(a==null?null:a.atHereSelected(i,r))})("enterPressed",function(){k(t);let i=l(6);return R(i.onEnterPressInAutocompletePanel())}),S()}if(n&2){l();let t=de(5),e=l(4).ngIf;m("darkMode",!!(e!=null&&e.darkMode))("hideInput",!0)("showAtHere",!0)("metadata",e==null||e.annotation==null?null:e.annotation.metadata)("autocompletePanelTrigger",t)("type","generic")("autocompletePanelPosition",e!=null&&e.bottomSheetMode?"above":"auto")}}function pze(n,o){if(n&1){let t=q();C(0,"div",7),D(1,"translate"),z("click",function(i){return k(t),R(i.stopPropagation())}),C(2,"div",8)(3,"div",12,2),D(6,"translate"),D(7,"translate"),D(8,"translate"),z("afterViewInit",function(){k(t);let i=l(5);return R(i.setEditCommentTextArea())})("input",function(i){k(t);let r=l(4).ngIf;return R(r==null?null:r.onCommentInput(i))})("paste",function(i){k(t);let r=l(4).ngIf;return r==null||r.onPaste(i),R(i.preventDefault())})("keypress",function(i){return k(t),R(i.stopPropagation())})("keyup",function(i){return k(t),R(i.stopPropagation())})("keydown",function(i){k(t);let r=de(4),a=l(5);return i.stopPropagation(),R(a.onKeyPressedUpdateComment(i,a.i,r.innerText))})("keydown.backspace",function(){k(t);let i=de(4),r=l(4).ngIf;return R(!(i!=null&&i.innerText)&&(r!=null&&r.deleteOnBackspace)?r==null?null:r.deleteCommentPinAnnotations("keydownBackspace"):null)})("keydown.delete",function(){k(t);let i=de(4),r=l(4).ngIf;return R(i!=null&&i.innerText||r==null?null:r.deleteCommentPinAnnotations("keydownEscape"))})("keydown.escape",function(i){k(t);let r=l(4).ngIf;return r==null||r.cancelUpdate(),R(i.stopPropagation())})("copy",function(i){return k(t),R(i.stopPropagation())})("dragover",function(i){return k(t),R(i.preventDefault())})("dragenter",function(i){return k(t),R(i.preventDefault())})("drop",function(i){k(t);let r=l(4).ngIf;return r==null||r.onDrop(i),R(i.preventDefault())})("click",function(){k(t);let i=l(5);return R(i.onInputClick())}),S(),g(9,dze,2,7,"velt-autocomplete-panel-internal",10),S()()}if(n&2){let t=l(4).ngIf,e=l();x("aria-label",O(1,5,"Edit comment composer"))("data-testid",e.componentId+"-edit-section"),d(3),m("matAutocompleteDisabled",!(t!=null&&t.userMentions)),x("placeholder",e.placeholder?O(6,7,e.placeholder):t!=null&&t.userMentions?O(7,9,"Comment or add emails with @"):O(8,11,"Write a comment...")),d(6),m("ngIf",t==null?null:t.userMentions)}}function gze(n,o){if(n&1&&(f(0),g(1,pze,10,13,"div",6),v()),n&2){let t=l(3).ngIf;d(),m("ngIf",!(t!=null&&t.recorderInitConfig&&(t==null||t.recorderInitConfig==null?null:t.recorderInitConfig.panelId)===(t==null?null:t.commentDialogUniqueId)))}}function uze(n,o){if(n&1&&(f(0),g(1,mze,10,13,"div",6)(2,gze,2,1,"ng-container",3),v()),n&2){let t=l(2).ngIf,e=l();d(),m("ngIf",!e.editMode&&!(t!=null&&t.recorderInitConfig&&(t==null||t.recorderInitConfig==null?null:t.recorderInitConfig.panelId)===(t==null?null:t.commentDialogUniqueId))),d(),m("ngIf",e.editMode&&e.commentObj)}}function hze(n,o){if(n&1&&(f(0),g(1,uze,3,2,"ng-container",5),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,lze,e.template,P(1,Ele,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function fze(n,o){if(n&1&&(f(0),g(1,hze,2,9,"ng-container",4),v()),n&2){let t=l();d(),m("veltIf",F(3,sze,t.conditionSignal(),P(1,Ele,t.componentConfigSignal)))}}var i2=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,e),this.loggingService=e,this.renderer=i,this.elementRef=r,this.dynamicDataService=a,this.editMode=!1,this.allowKeydown=!0,this.componentId="velt-comment-dialog-composer-input",super.initializeComponentConfigSignal(new Oe)}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(i){this.catchError("Error in CommentDialogComposerInputComponent onKeyPressedAddComment: ",i)}}onKeyPressedUpdateComment(e,i,r){try{this.loggingService.log("%c[WB] Calling CommentDialogComposerInputComponent FUNCTION: onKeyPressedUpdateComment","color: green;"),this.allowKeydown?this.componentConfigSignal()?.onKeyPressedUpdateComment(e,i,r):this.allowKeydown=!0}catch(a){this.catchError("Error in CommentDialogComposerInputComponent onKeyPressedUpdateComment: ",a)}}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,i,r){try{this.loggingService.catch(e,i,T(I({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}onFocus(e){this.newCommentTextArea&&this.newCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(i=>(i=T(I({},i),{isInputFocused:!0}),i)),this.editCommentTextArea&&this.editCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(i=>(i=T(I({},i),{isInputFocused:!0}),i))}onBlur(e){this.newCommentTextArea&&this.newCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(i=>(i=T(I({},i),{isInputFocused:!1}),i)),this.editCommentTextArea&&this.editCommentTextArea?.nativeElement.contains(e.target)&&this.componentConfigSignal.update(i=>(i=T(I({},i),{isInputFocused:!1}),i))}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Hi),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-input"]],viewQuery:function(i,r){if(i&1&&(it(rze,5),it(aze,5)),i&2){let a;Ze(a=Xe())&&(r.newCommentTextArea=a.first),Ze(a=Xe())&&(r.editCommentTextArea=a.first)}},hostBindings:function(i,r){i&1&&z("focusin",function(s){return r.onFocus(s)})("focusout",function(s){return r.onBlur(s)})},inputs:{editMode:"editMode",commentObj:"commentObj",i:"i",placeholder:"placeholder"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,fze,2,6,"ng-container",3),i&2&&m("ngIf",r.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});let n=o;return n})();var xle=n=>({componentConfigSignal:n}),vze=(n,o)=>({condition:n,data:o}),Cze=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-recordings-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function _ze(n,o){if(n&1){let t=q();f(0),C(1,"snippyly-recorder-player-internal",5),D(2,"translate"),D(3,"translate"),z("onDelete",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.onDeleteRecorderAnnotation(i))}),S(),v()}if(n&2){let t=o.$implicit,e=l(3).ngIf,i=l();d(),m("isEditMode",!0)("showSummary",!!(e!=null&&e.recordingSummaryEnabled))("darkMode",!!(e!=null&&e.darkMode))("recorderId",t==null?null:t.id)("shadowDom",(e==null?null:e.dialogShadowDOM)!==!1)("playVideoInFullScreen",e==null?null:e.playVideoInFullScreen),x("aria-label",O(2,8,"Screen recording")+" "+O(3,10,(t==null?null:t.id)||"unnamed"))("data-testid",i.componentId+"-recorder-"+(t==null?null:t.id))}}function yze(n,o){if(n&1){let t=q();f(0),g(1,_ze,4,12,"ng-container",3),C(2,"snippyly-recorder-control-panel-internal",4),D(3,"translate"),z("onRecordedData",function(i){k(t);let r=l(2).ngIf;return R(r==null?null:r.onRecordedData(i))}),S(),v()}if(n&2){let t=l(2).ngIf,e=l();d(),m("ngForOf",t==null?null:t.localRecordedData)("ngForTrackBy",t==null?null:t.trackByRecorderId),d(),m("panelId",t==null?null:t.commentDialogUniqueId)("darkMode",!!(t!=null&&t.darkMode)),x("aria-label",O(3,6,"Screen recording controls"))("data-testid",e.componentId+"-control-panel")}}function Sze(n,o){if(n&1&&(f(0),g(1,yze,4,8,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,Cze,e.template,P(1,xle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function bze(n,o){if(n&1&&(f(0),g(1,Sze,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,vze,t.conditionSignal(),P(1,xle,t.componentConfigSignal)))}}var o2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-recordings",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-recordings"]],standalone:!1,features:[j([b]),V],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","playVideoInFullScreen"]],template:function(i,r){i&1&&g(0,bze,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Ize=n=>({componentConfigSignal:n}),Eze=(n,o)=>({condition:n,data:o}),xze=(n,o,t,e,i)=>({componentConfigSignal:n,editMode:o,commentObj:t,i:e,wireframe:i}),Tze=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-composer-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function wze(n,o){if(n&1&&(f(0),w(1,"app-comment-dialog-composer-avatar",6),v()),n&2){let t=l(6);d(),m("componentConfigSignal",t.componentConfigSignal)}}function Dze(n,o){if(n&1&&w(0,"app-comment-dialog-composer-action-button",13),n&2){let t=l(7);m("type","submit")("componentConfigSignal",t.componentConfigSignal)("editMode",t.editMode)("commentObj",t.commentObj)("i",t.i)}}function Aze(n,o){if(n&1&&(C(0,"div",10),w(1,"app-comment-dialog-composer-input",11),g(2,Dze,1,5,"app-comment-dialog-composer-action-button",12),S()),n&2){let t=l(5).ngIf,e=l();d(),m("componentConfigSignal",e.componentConfigSignal)("editMode",e.editMode)("commentObj",e.commentObj)("i",e.i),d(),m("ngIf",t.composerMode==="default"&&!t.composerInOpenState)}}function Oze(n,o){n&1&&w(0,"div",18)}function Mze(n,o){if(n&1&&(f(0),g(1,Oze,1,0,"div",14),C(2,"div",15),w(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),S(),v()),n&2){let t=l(5).ngIf,e=l();d(),m("ngIf",!(t!=null&&t.recorderInitConfig&&(t==null||t.recorderInitConfig==null?null:t.recorderInitConfig.panelId)===(t==null?null:t.commentDialogUniqueId)&&(t==null||t.recorderInitConfig==null?null:t.recorderInitConfig.type)==="screen")),d(2),m("type","autocomplete")("componentConfigSignal",e.componentConfigSignal)("editMode",e.editMode)("commentObj",e.commentObj)("i",e.i),d(),m("type","attachments")("componentConfigSignal",e.componentConfigSignal),d(),m("type","audio")("componentConfigSignal",e.componentConfigSignal),d(),m("type","video")("componentConfigSignal",e.componentConfigSignal),d(),m("type","screen")("componentConfigSignal",e.componentConfigSignal),d(2),m("type","submit")("componentConfigSignal",e.componentConfigSignal)("editMode",e.editMode)("commentObj",e.commentObj)("i",e.i)}}function Pze(n,o){if(n&1&&(f(0),C(1,"div"),g(2,wze,2,1,"ng-container",0),C(3,"div",5),w(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,Aze,3,5,"div",9)(9,Mze,10,19,"ng-container",0),S()(),w(10,"app-comment-dialog-composer-assign-user",6),v()),n&2){let t=l(4).ngIf,e=l();d(),pe("velt-composer--inline-comment-section-mode",t.inlineCommentSectionMode)("velt-composer--multi-thread-mode",t.multiThread)("velt-composer--comment-composer-mode",t.commentComposerMode),d(),m("ngIf",t.inlineCommentSectionMode),d(2),m("componentConfigSignal",e.componentConfigSignal),d(),m("wireframe",e.wireframe)("componentConfigSignal",e.componentConfigSignal),d(),m("componentConfigSignal",e.componentConfigSignal),d(),m("componentConfigSignal",e.componentConfigSignal),d(),m("ngIf",!(t!=null&&t.recorderInitConfig&&(t==null||t.recorderInitConfig==null?null:t.recorderInitConfig.panelId)===(t==null?null:t.commentDialogUniqueId))),d(),m("ngIf",t.composerMode!=="default"||t.composerMode==="default"&&t.composerInOpenState),d(),m("componentConfigSignal",e.componentConfigSignal)}}function kze(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),D(2,"translate"),z("click",function(){k(t);let i=l(3).ngIf;return R(i==null?null:i.focusOnComposerInput())}),g(3,Pze,11,15,"ng-container",4),S()}if(n&2){let t=l(3).ngIf,e=l();pe("velt-comment-dialog-composer--no-comments",!(!(t==null||t.annotation==null||t.annotation.comments==null)&&t.annotation.comments.length))("velt-comment-dialog-composer--inline",t.inlineCommentSectionMode)("velt-comment-dialog-composer--top",t.composerPosition==="top")("velt-composer-edit-mode",e.editMode)("velt-composer-open",t.composerInOpenState)("velt-composer-input-focused",t.isInputFocused),x("aria-label",e.editMode?O(1,15,"Edit comment section"):O(2,17,"Add new comment section"))("data-testid",e.componentId+"-section"),d(3),m("veltDynamicTemplate",$(25,Tze,e.template,$(19,xze,e.componentConfigSignal,e.editMode,e.commentObj,e.i,e.wireframe),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Rze(n,o){if(n&1&&(f(0),g(1,kze,4,31,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("ngIf",!(t!=null&&t.disabled)&&!!(t!=null&&t.editComment)===e.editMode&&(t==null?null:t.isKnownUser)&&(!(!(t==null||t.annotation==null||t.annotation.comments==null)&&t.annotation.comments.length)||(t==null?null:t.commentDialogSelected))&&!(t!=null&&t.isPlanExpired))}}function Nze(n,o){if(n&1&&(f(0),g(1,Rze,2,1,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",!(!(t==null||t.annotation==null||t.annotation.comments==null)&&t.annotation.comments.length)||!(t!=null&&t.inlineCommentMode))}}function Fze(n,o){if(n&1&&(f(0),g(1,Nze,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,Eze,t.conditionSignal(),P(1,Ize,t.componentConfigSignal)))}}var Zu=(()=>{let o=class o extends H{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,i,r,a){super(r,a,i),this.domService=e,this.loggingService=i,this.elementRef=r,this.dynamicDataService=a,this.editMode=!1,this.componentId="velt-comment-dialog-composer",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(Fe),u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer"]],inputs:{editMode:"editMode",commentObj:"commentObj",i:"i",composerWireframe:"composerWireframe"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Fze,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Tle=n=>({componentConfigSignal:n}),Bze=(n,o)=>({condition:n,data:o}),Vze=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-ghost-banner-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Uze(n,o){if(n&1&&(f(0),oe(),C(1,"svg",5),w(2,"path",6)(3,"path",7),S(),ct(),C(4,"span",8),te(5),D(6,"translate"),S(),v()),n&2){let t=l(3).ngIf,e=l();d(4),x("data-testid",e.componentId+"-message"),d(),ve(" ",O(6,2,t==null||t.ghostComment==null?null:t.ghostComment.message),"")}}function jze(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),g(2,Uze,7,4,"ng-container",4),S()),n&2){let t=l(2).ngIf,e=l();x("aria-label",O(1,3,"Ghost comment notification"))("data-testid",e.componentId),d(2),m("veltDynamicTemplate",$(7,Vze,e.template,P(5,Tle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function $ze(n,o){if(n&1&&(f(0),g(1,jze,3,13,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.showGhostCommentMessage)&&!(t!=null&&t.inlineCommentMode)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length))}}function Hze(n,o){if(n&1&&(f(0),g(1,$ze,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,Bze,t.conditionSignal(),P(1,Tle,t.componentConfigSignal)))}}var y0=(()=>{let o=class o extends H{constructor(e,i,r){super(i,r,e),this.loggingService=e,this.elementRef=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-ghost-banner",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-ghost-banner"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Hze,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Gze=["customContainerRef"],Wze=["*"],wle=n=>({componentConfigSignal:n}),qze=(n,o)=>({condition:n,data:o}),Yze=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-header-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Kze(n,o){if(n&1&&(C(0,"div",6,0),D(2,"translate"),Pt(3),S()),n&2){let t=l(5);x("data-testid",t.componentId+"-custom")("aria-label",O(2,2,"Comment dialog header"))}}function Zze(n,o){if(n&1&&(C(0,"div",6),D(1,"translate"),w(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),S()),n&2){let t=l(5);x("data-testid",t.componentId+"-default")("aria-label",O(1,18,"Comment dialog header controls"))("aria-controls",t.componentId+"-content"),d(2),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-status"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-priority"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-custom-annotation-dropdown"),d(),x("data-testid",t.componentId+"-fill"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-options"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-copy-link"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-resolve-button"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-unresolve-button")}}function Xze(n,o){if(n&1&&(C(0,"div",9),w(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),S()),n&2){let t=l(5);d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-comment-index"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-comment-category"),d(),x("data-testid",t.componentId+"-fill"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-comment-suggestion-status"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-priority"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-status"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-navigation-button")}}function Qze(n,o){if(n&1&&(f(0),g(1,Kze,4,4,"div",4)(2,Zze,10,20,"div",4)(3,Xze,8,13,"div",5),v()),n&2){let t=l(3).ngIf,e=l();d(),m("ngIf",!e.showDefaultContent),d(),m("ngIf",e.showDefaultContent()&&!(t!=null&&t.sidebarMode)),d(),m("ngIf",e.showDefaultContent()&&(t==null?null:t.sidebarMode))}}function Jze(n,o){if(n&1&&(f(0),g(1,Qze,4,3,"ng-container",3),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,Yze,e.template,P(1,wle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function eGe(n,o){if(n&1&&(f(0),g(1,Jze,2,9,"ng-container",1),v()),n&2){let t=l().ngIf;d(),m("ngIf",t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)}}function tGe(n,o){if(n&1&&(f(0),g(1,eGe,2,1,"ng-container",2),v()),n&2){let t=l();d(),m("veltIf",F(3,qze,t.conditionSignal(),P(1,wle,t.componentConfigSignal)))}}var S0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.showDefaultContent=Se(!1),this.componentId="velt-comment-dialog-header",super.initializeComponentConfigSignal(new Oe)}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{}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-header"]],viewQuery:function(i,r){if(i&1&&it(Gze,5),i&2){let a;Ze(a=Xe())&&(r.customContainerRef=a.first)}},standalone:!1,features:[j([b]),V],ngContentSelectors:Wze,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(i,r){i&1&&(Vt(),g(0,tGe,2,6,"ng-container",1)),i&2&&m("ngIf",r.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});let n=o;return n})();var Dle=n=>({componentConfigSignal:n}),iGe=(n,o)=>({condition:n,data:o}),oGe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-more-reply-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function rGe(n,o){if(n&1&&(C(0,"div",4),te(1),D(2,"translate"),D(3,"translate"),S()),n&2){let t=l(3).ngIf,e=l();x("data-testid",e.componentId+"-count-"+e.i)("aria-live","polite"),d(),ve(" ",(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)===3?O(2,3,"1 more reply"):(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)-2+" "+O(3,5,"more replies")," ")}}function aGe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),D(2,"translate"),D(3,"translate"),z("click",function(i){k(t);let r=l(2).ngIf;return r==null||r.onMoreRepliesClick(),R(i.stopPropagation())}),g(4,rGe,4,7,"div",3),S(),v()}if(n&2){let t=l(2).ngIf,e=l();d(),x("data-testid",e.componentId+"-button-"+e.i)("aria-label",(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)===3?O(2,3,"Show 1 more reply"):O(3,5,"Show "+((t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)-2)+" more replies")),d(3),m("veltDynamicTemplate",$(9,oGe,e.template,P(7,Dle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function sGe(n,o){if(n&1&&(f(0),g(1,aGe,5,15,"ng-container",0),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",(t==null?null:t.commentDialogSelected)&&!(t!=null&&t.showAllComments)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)>2&&e.i===1)}}function lGe(n,o){if(n&1&&(f(0),g(1,sGe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,iGe,t.conditionSignal(),P(1,Dle,t.componentConfigSignal)))}}var r2=(()=>{let o=class o extends H{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(i){this.loggingService.catch("Error in CommentDialogMoreReplyComponent moreReplyTemplate:",i)}}constructor(e,i,r,a){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.domService=a,this.componentId="velt-comment-dialog-more-reply",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b),u(Fe))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-more-reply"]],inputs:{i:"i",moreReplyTemplate:"moreReplyTemplate"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,lGe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Ale=n=>({componentConfigSignal:n}),cGe=(n,o)=>({condition:n,data:o}),mGe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-options-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function dGe(n,o){if(n&1){let t=q();f(0),C(1,"app-comment-dialog-options-dropdown",3),z("openAssignToMenu",function(){k(t);let i=l(3).ngIf;return R(i==null?null:i.toggleAssignToMenu())})("deleteComment",function(){k(t);let i=l(3).ngIf;return R(i==null?null:i.deleteComment())})("editCommentClick",function(){k(t);let i=l(3).ngIf;return R(i==null?null:i.onEditCommentClick(0))})("toggleNotificationSubscription",function(){k(t);let i=l(3).ngIf;return R(i==null?null:i.toggleNotificationSubscription())})("changeCommentAccessMode",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.changeCommentAccessMode(i))}),S(),v()}if(n&2){let t=l(3).ngIf,e=l();d(),m("darkMode",!!(t!=null&&t.darkMode))("componentConfigSignal",e.componentConfigSignal)("annotation",t==null?null:t.annotation)("user",t==null?null:t.user)("allowAssignment",!!(t!=null&&t.userMentions))("notificationEnabled",!!(t!=null&&t.notificationEnabled))("variant",t==null?null:t.variant)("allowChangeCommentAccessMode",!!(t!=null&&t.isUserAdmin))("isUserAdmin",!!(t!=null&&t.isUserAdmin))("shadowDom",t.dialogShadowDOM)("contentTemplate",e.contentTemplate)("triggerTemplate",e.triggerTemplate)}}function pGe(n,o){if(n&1&&(f(0),w(1,"app-comment-dialog-assign-menu",4),v()),n&2){let t=l(4);d(),m("componentConfigSignal",t.componentConfigSignal)}}function gGe(n,o){if(n&1&&(f(0),g(1,dGe,2,12,"ng-container",0)(2,pGe,2,1,"ng-container",0),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",t&&!(t!=null&&t.disabled)&&(t==null?null:t.dialogSelectedByKnownUser)&&!(t!=null&&t.isPlanExpired)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)&&!(t!=null&&t.inlineCommentMode)),d(),m("ngIf",t&&!(t!=null&&t.disabled)&&(t==null?null:t.dialogSelectedByKnownUser)&&!(t!=null&&t.isPlanExpired)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)&&!(t!=null&&t.inlineCommentMode))}}function uGe(n,o){if(n&1&&(f(0),g(1,gGe,3,2,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,mGe,e.template,P(1,Ale,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function hGe(n,o){if(n&1&&(f(0),g(1,uGe,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,cGe,t.conditionSignal(),P(1,Ale,t.componentConfigSignal)))}}var a2=(()=>{let o=class o extends H{constructor(e,i,r,a){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.wireframeService=a,this.subscriptions=[],super.initializeComponentConfigSignal(new Oe)}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r,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");st(e)||(this.triggerTemplate=e)}if(!this.contentTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-options-dropdown-content-wireframe");st(e)||(this.contentTemplate=e)}}catchError(e,i,r){try{this.loggingService.catch(e,i,T(I({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b),u(Ge))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-options"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,hGe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Ole=n=>({componentConfigSignal:n}),fGe=(n,o)=>({condition:n,data:o}),vGe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-priority-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function CGe(n,o){if(n&1){let t=q();f(0),C(1,"velt-comment-dialog-priority-dropdown-internal",3),z("changePriority",function(i){k(t);let r=l(3).ngIf;return R(r==null?null:r.changePriority(i))})("click",function(i){return k(t),R(i.stopPropagation())}),S(),v()}if(n&2){let t=l(3).ngIf,e=l();d(),m("disabled",(t==null?null:t.disabled)||(t==null?null:t.isPlanExpired))("darkMode",!!(t!=null&&t.darkMode))("enablePriority",!!(t!=null&&t.enablePriority))("shadowDom",t.dialogShadowDOM)("variant",t==null?null:t.variant)("annotation",t==null?null:t.annotation)("user",t==null?null:t.user)("triggerTemplate",e.triggerTemplate)("contentTemplate",e.contentTemplate)}}function _Ge(n,o){if(n&1&&(f(0),g(1,CGe,2,9,"ng-container",0),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)&&!(t!=null&&t.inlineCommentMode)&&(t==null?null:t.enablePriority))}}function yGe(n,o){if(n&1&&(f(0),g(1,_Ge,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,vGe,e.template,P(1,Ole,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function SGe(n,o){if(n&1&&(f(0),g(1,yGe,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,fGe,t.conditionSignal(),P(1,Ole,t.componentConfigSignal)))}}var s2=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=i,this.elementRef=r,this.dynamicDataService=a,this.subscriptions=[],this.componentId="velt-comment-dialog-priority",super.initializeComponentConfigSignal(new Oe)}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r,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");st(e)||(this.triggerTemplate=e)}if(!this.contentTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-priority-dropdown-content-wireframe");st(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,i,r){try{this.loggingService.catch(e,i,T(I({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-priority"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,SGe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Mle=n=>({componentConfigSignal:n}),bGe=(n,o)=>({condition:n,data:o}),IGe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-private-badge-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function EGe(n,o){if(n&1&&(C(0,"button",3),D(1,"translate"),oe(),C(2,"svg",4),w(3,"path",5)(4,"path",6),S(),te(5),D(6,"translate"),S()),n&2){let t=l(4);x("aria-label",O(1,3,"Private comment mode - only visible to your team"))("data-testid",t.componentId),d(5),ve(" ",O(6,5,"Only for your team")," ")}}function xGe(n,o){if(n&1&&(f(0),g(1,EGe,7,7,"button",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,IGe,e.template,P(1,Mle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function TGe(n,o){if(n&1&&(f(0),g(1,xGe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.isPrivateComment)&&!(!(t==null||t.annotation==null||t.annotation.comments==null)&&t.annotation.comments.length))}}function wGe(n,o){if(n&1&&(f(0),g(1,TGe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,bGe,t.conditionSignal(),P(1,Mle,t.componentConfigSignal)))}}var l2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-composer-private-badge",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-composer-private-badge"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,wGe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Ple=n=>({componentConfigSignal:n}),DGe=(n,o)=>({condition:n,data:o}),AGe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-private-banner-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function OGe(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),oe(),C(2,"svg",4),w(3,"path",5)(4,"path",6),S(),te(5),D(6,"translate"),S()),n&2){let t=l(4);x("data-testid",t.componentId)("aria-label",O(1,4,"Private comment banner")),d(2),x("data-testid",t.componentId+"-icon"),d(3),ve(" ",O(6,6,"Only for your team")," ")}}function MGe(n,o){if(n&1&&(f(0),g(1,OGe,7,8,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,AGe,e.template,P(1,Ple,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function PGe(n,o){if(n&1&&(f(0),g(1,MGe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.isPrivateComment)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length))}}function kGe(n,o){if(n&1&&(f(0),g(1,PGe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,DGe,t.conditionSignal(),P(1,Ple,t.componentConfigSignal)))}}var b0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-private-banner",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-private-banner"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,kGe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var kle=n=>({componentConfigSignal:n}),NGe=(n,o)=>({condition:n,data:o}),FGe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-resolve-button-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function LGe(n,o){if(n&1&&(f(0),oe(),C(1,"svg",5),w(2,"path",6),S(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon")}}function BGe(n,o){if(n&1){let t=q();C(0,"app-resolve-button",3),D(1,"translate"),z("changeStatus",function(i){k(t);let r=l(2).ngIf;return R(r==null?null:r.changeStatus(i))})("click",function(i){return k(t),R(i.stopPropagation())}),g(2,LGe,3,1,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();m("darkMode",!!(t!=null&&t.darkMode))("annotation",t==null?null:t.annotation)("sidebarMode",t==null?null:t.sidebarMode),x("data-testid",e.componentId)("aria-label",O(1,7,"Resolve thread"))("aria-pressed",!1),d(2),m("veltDynamicTemplate",$(11,FGe,e.template,P(9,kle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function VGe(n,o){if(n&1&&(f(0),g(1,BGe,3,17,"app-resolve-button",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.canResolveAnnotation)&&!(!(t==null||t.annotation==null)&&t.annotation.assignedTo)&&(!(t!=null&&t.resolveStatusAccessAdminOnly)||(t==null||t.annotation==null||t.annotation.from==null?null:t.annotation.from.userId)===(t==null||t.user==null?null:t.user.userId)||(t==null?null:t.isUserAdmin)))}}function UGe(n,o){if(n&1&&(f(0),g(1,VGe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,NGe,t.conditionSignal(),P(1,kle,t.componentConfigSignal)))}}var I0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-comment-dialog-resolve-button",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-resolve-button"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,UGe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Rle=n=>({componentConfigSignal:n}),jGe=(n,o)=>({condition:n,data:o}),$Ge=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-sign-in-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function HGe(n,o){if(n&1&&(f(0),w(1,"div",5),C(2,"div",6),D(3,"translate"),te(4),D(5,"translate"),S(),v()),n&2){let t=l(4);d(2),x("data-testid",t.componentId+"-button")("aria-label",O(3,3,"Sign In")),d(2),ve(" ",O(5,5,"Sign In"),"")}}function zGe(n,o){if(n&1){let t=q();C(0,"div",3),z("click",function(i){k(t);let r=l(2).ngIf;return r==null||r.onSignInClick(),R(i.stopPropagation())}),g(1,HGe,6,7,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();x("data-testid",e.componentId+"-container"),d(),m("veltDynamicTemplate",$(4,$Ge,e.template,P(2,Rle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function GGe(n,o){if(n&1&&(f(0),g(1,zGe,2,10,"ng-template",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",(t==null?null:t.commentDialogSelected)&&(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)&&(!(t!=null&&t.user)||(t==null||t.user==null?null:t.user.isAnonymous))&&(t==null?null:t.enableSignInButton))}}function WGe(n,o){if(n&1&&(f(0),g(1,GGe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,jGe,t.conditionSignal(),P(1,Rle,t.componentConfigSignal)))}}var E0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-comment-dialog-sign-in",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-sign-in"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,WGe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Nle=n=>({componentConfigSignal:n}),YGe=(n,o)=>({condition:n,data:o}),KGe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-status-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function ZGe(n,o){if(n&1){let t=q();C(0,"app-comment-dialog-status-dropdown",4),D(1,"translate"),z("changeStatus",function(i){k(t);let r=l(4).ngIf;return R(r==null?null:r.changeStatus(i))})("click",function(i){return k(t),R(i.stopPropagation())}),S()}if(n&2){let t=l(4).ngIf,e=l();m("darkMode",!!(t!=null&&t.darkMode))("user",t==null?null:t.user)("annotation",t==null?null:t.annotation)("isUserAdmin",!!(t!=null&&t.isUserAdmin))("resolveStatusAccessAdminOnly",!!(t!=null&&t.resolveStatusAccessAdminOnly))("disabled",(t==null?null:t.disabled)||(t==null?null:t.isPlanExpired))("shadowDom",t.dialogShadowDOM)("variant",t==null?null:t.variant)("triggerTemplate",e.triggerTemplate)("contentTemplate",e.contentTemplate)("componentConfigSignal",e.componentConfigSignal),x("data-testid",e.componentId)("aria-label","Status dropdown for "+O(1,13,(t==null||t.annotation==null||t.annotation.status==null?null:t.annotation.status.name)||"comment"))}}function XGe(n,o){if(n&1&&(f(0),g(1,ZGe,2,15,"app-comment-dialog-status-dropdown",3),v()),n&2){let t=l(3).ngIf;d(),m("ngIf",t==null?null:t.enableStatus)}}function QGe(n,o){if(n&1&&(f(0),g(1,XGe,2,1,"ng-container",0),v()),n&2){let t=l(2).ngIf;d(),m("ngIf",(t==null||t.annotation==null||t.annotation.comments==null?null:t.annotation.comments.length)&&!(t!=null&&t.inlineCommentMode))}}function JGe(n,o){if(n&1&&(f(0),g(1,QGe,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(3,KGe,e.template,P(1,Nle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function eWe(n,o){if(n&1&&(f(0),g(1,JGe,2,9,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,YGe,t.conditionSignal(),P(1,Nle,t.componentConfigSignal)))}}var c2=(()=>{let o=class o extends H{constructor(e,i,r,a){super(r,a,e),this.loggingService=e,this.wireframeService=i,this.elementRef=r,this.dynamicDataService=a,this.subscriptions=[],this.componentId="velt-comment-dialog-status",super.initializeComponentConfigSignal(new Oe)}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(i=>{if(i){let r=document.createElement(i.tagName);r.innerHTML=i.innerHTML,this.template=r,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");st(e)||(this.triggerTemplate=e)}if(!this.contentTemplate&&this.template){let e=this.template.querySelector("velt-comment-dialog-status-dropdown-content-wireframe");st(e)||(this.triggerTemplate=e)}}catchError(e,i,r){try{this.loggingService.catch(e,i,T(I({},r||{}),{annotationId:this.componentConfigSignal()?.annotation?.annotationId}))}catch{}}};o.\u0275fac=function(i){return new(i||o)(u(y),u(Ge),u(N),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-status"]],inputs:{variant:"variant"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,eWe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Fle=n=>({componentConfigSignal:n}),tWe=(n,o)=>({condition:n,data:o}),nWe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-suggestion-action-accept-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function iWe(n,o){if(n&1&&(C(0,"div",4),D(1,"translate"),te(2),D(3,"translate"),S()),n&2){let t=l(3);x("data-testid",t.componentId+"-button")("aria-label",O(1,3,"Accept suggestion")),d(2),ve(" ",O(3,5,"Accept")," ")}}function oWe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),z("click",function(i){k(t);let r=l().ngIf;return r==null||r.acceptCommentPinAnnotation(),R(i.stopPropagation())}),g(2,iWe,4,7,"div",3),S(),v()}if(n&2){let t=l().ngIf,e=l();d(),x("data-testid",e.componentId),d(),m("veltDynamicTemplate",$(4,nWe,e.template,P(2,Fle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function rWe(n,o){if(n&1&&(f(0),g(1,oWe,3,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,tWe,t.conditionSignal(),P(1,Fle,t.componentConfigSignal)))}}var m2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-comment-dialog-suggestion-action-accept",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-suggestion-action-accept"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,rWe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Lle=n=>({componentConfigSignal:n}),aWe=(n,o)=>({condition:n,data:o}),sWe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-suggestion-action-reject-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function lWe(n,o){if(n&1&&(C(0,"div",4),D(1,"translate"),te(2),D(3,"translate"),S()),n&2){let t=l(3);x("data-testid",t.componentId+"-button")("aria-label",O(1,3,"Reject suggestion")),d(2),ve(" ",O(3,5,"Reject")," ")}}function cWe(n,o){if(n&1){let t=q();f(0),C(1,"div",2),z("click",function(i){k(t);let r=l().ngIf;return r==null||r.rejectCommentPinAnnotation(),R(i.stopPropagation())}),g(2,lWe,4,7,"div",3),S(),v()}if(n&2){let t=l().ngIf,e=l();d(),x("data-testid",e.componentId),d(),m("veltDynamicTemplate",$(4,sWe,e.template,P(2,Lle,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function mWe(n,o){if(n&1&&(f(0),g(1,cWe,3,10,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,aWe,t.conditionSignal(),P(1,Lle,t.componentConfigSignal)))}}var d2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-comment-dialog-suggestion-action-reject",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-suggestion-action-reject"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,mWe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Ble=n=>({componentConfigSignal:n}),dWe=(n,o)=>({condition:n,data:o}),pWe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-suggestion-action-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function gWe(n,o){if(n&1&&(C(0,"div",3),D(1,"translate"),w(2,"app-comment-dialog-suggestion-action-accept",4)(3,"app-comment-dialog-suggestion-action-reject",4),S()),n&2){let t=l(4);x("data-testid",t.componentId)("aria-label",O(1,6,"Suggestion actions")),d(2),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-accept"),d(),m("componentConfigSignal",t.componentConfigSignal),x("data-testid",t.componentId+"-reject")}}function uWe(n,o){if(n&1&&(f(0),g(1,gWe,4,8,"div",2),v()),n&2){let t=l(2).ngIf,e=l();d(),m("veltDynamicTemplate",$(3,pWe,e.template,P(1,Ble,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function hWe(n,o){if(n&1&&(f(0),g(1,uWe,2,9,"ng-container",0),v()),n&2){let t=l().ngIf;d(),m("ngIf",t==null?null:t.showSuggestionModeActions)}}function fWe(n,o){if(n&1&&(f(0),g(1,hWe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(3,dWe,t.conditionSignal(),P(1,Ble,t.componentConfigSignal)))}}var x0=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-comment-dialog-suggestion-action",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-suggestion-action"]],standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,fWe,2,6,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Vle=(n,o,t)=>({componentConfigSignal:n,commentObj:o,i:t}),CWe=(n,o)=>({condition:n,data:o}),_We=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-avatar-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function yWe(n,o){if(n&1&&(f(0),w(1,"snippyly-user-avatar",3),D(2,"translate"),D(3,"translate"),v()),n&2){let t=l(4);d(),m("size",32)("user",t.commentObj==null?null:t.commentObj.from),x("data-testid",t.componentId)("aria-label",O(2,4,"Avatar for")+" "+O(3,6,(t.commentObj==null||t.commentObj.from==null?null:t.commentObj.from.name)||(t.commentObj==null||t.commentObj.from==null?null:t.commentObj.from.email)||"user"))}}function SWe(n,o){if(n&1&&(f(0),g(1,yWe,4,8,"ng-container",0),v()),n&2){let t=l(3);d(),m("ngIf",t.commentObj)}}function bWe(n,o){if(n&1&&(f(0),g(1,SWe,2,1,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(5,_We,e.template,He(1,Vle,e.componentConfigSignal,e.commentObj,e.i),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function IWe(n,o){if(n&1&&(f(0),g(1,bWe,2,11,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(5,CWe,t.conditionSignal(),He(1,Vle,t.componentConfigSignal,t.commentObj,t.i)))}}var p2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-thread-card-avatar",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-avatar"]],inputs:{commentObj:"commentObj",i:"i"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"comment-dialog-user-avatar",3,"size","user"]],template:function(i,r){i&1&&g(0,IWe,2,8,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Ule=(n,o,t)=>({componentConfigSignal:n,commentObj:o,i:t}),EWe=(n,o)=>({condition:n,data:o}),xWe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-device-type-wireframe",variant:t,setIfCondition:e,componentElementRef:i}),TWe=n=>({$implicit:n}),wWe=()=>[];function DWe(n,o){n&1&&Ue(0)}function AWe(n,o){if(n&1&&(C(0,"div",7),g(1,DWe,1,0,"ng-container",8),S()),n&2){l();let t=de(3),e=l(2).ngIf,i=l();x("data-testid",i.componentId),d(),m("ngTemplateOutlet",t)("ngTemplateOutletContext",P(3,TWe,e==null?null:e.deviceType))}}function OWe(n,o){if(n&1&&w(0,"app-device-type-icons",10),n&2){let t=l().$implicit,e=l(4);m("deviceType",t),x("data-testid",e.componentId+"-icons")}}function MWe(n,o){if(n&1&&(C(0,"div",11)(1,"div"),te(2),D(3,"translate"),S(),C(4,"div"),te(5),D(6,"translate"),S()()),n&2){let t=l(4).ngIf,e=l();pe("dark",t==null?null:t.darkMode),x("data-testid",e.componentId+"-info"),d(2),X_("",O(3,7,t==null||t.annotation==null||t.annotation.pageInfo==null||t.annotation.pageInfo.deviceInfo==null?null:t.annotation.pageInfo.deviceInfo.osName)," \u2022 ",t==null||t.annotation==null||t.annotation.pageInfo==null||t.annotation.pageInfo.deviceInfo==null?null:t.annotation.pageInfo.deviceInfo.screenWidth,"x",t==null||t.annotation==null||t.annotation.pageInfo==null||t.annotation.pageInfo.deviceInfo==null?null:t.annotation.pageInfo.deviceInfo.screenHeight," "),d(3),ve("Using ",O(6,9,t==null||t.annotation==null||t.annotation.pageInfo==null||t.annotation.pageInfo.deviceInfo==null?null:t.annotation.pageInfo.deviceInfo.browserName),"")}}function PWe(n,o){if(n&1&&(C(0,"app-overlay-tooltip",9),g(1,OWe,1,2,"ng-template",null,1,xe)(3,MWe,7,11,"ng-template",null,2,xe),S()),n&2){let t=l(3).ngIf,e=l();m("positions",(t==null?null:t.deviceInfoTooltipPositions)||kt(2,wWe)),x("data-testid",e.componentId+"-tooltip")}}function kWe(n,o){if(n&1&&(f(0),g(1,AWe,2,5,"div",6)(2,PWe,5,3,"ng-template",null,0,xe),v()),n&2){let t=l(2).ngIf,e=l();d(),m("ngIf",!e.i&&(t==null?null:t.showScreenSizeInfo))}}function RWe(n,o){if(n&1&&(f(0),g(1,kWe,4,1,"ng-container",5),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(5,xWe,e.template,He(1,Ule,e.componentConfigSignal,e.commentObj,e.i),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function NWe(n,o){if(n&1&&(f(0),g(1,RWe,2,11,"ng-container",4),v()),n&2){let t=l();d(),m("veltIf",F(5,EWe,t.conditionSignal(),He(1,Ule,t.componentConfigSignal,t.commentObj,t.i)))}}var g2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,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 Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-device-type"]],inputs:{i:"i",commentObj:"commentObj"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,NWe,2,8,"ng-container",3),i&2&&m("ngIf",r.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});let n=o;return n})();var jle=(n,o,t,e)=>({componentConfigSignal:n,attachment:o,attachmentIndex:t,commentObj:e}),FWe=(n,o)=>({condition:n,data:o}),LWe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-image-preview-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function BWe(n,o){if(n&1){let t=q();f(0),C(1,"snippyly-lightbox",4,0)(3,"img",5),D(4,"translate"),D(5,"translate"),z("click",function(){k(t);let i=de(2);return R(i==null?null:i.openImageInFullScreen())}),S()(),v()}if(n&2){let t=l(3);d(),m("src",t.attachment==null?null:t.attachment.url),x("data-testid",t.componentId+"-lightbox"),d(2),m("src",t.attachment==null?null:t.attachment.url,cn)("alt",O(4,5,"Attachment")+" "+O(5,7,(t.attachment==null?null:t.attachment.name)||"preview")),x("data-testid",t.componentId+"-image")}}function VWe(n,o){if(n&1&&(f(0),g(1,BWe,6,9,"ng-container",3),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,LWe,e.template,ut(1,jle,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function UWe(n,o){if(n&1&&(f(0),g(1,VWe,2,12,"ng-container",2),v()),n&2){let t=l();d(),m("veltIf",F(6,FWe,t.conditionSignal(),ut(1,jle,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj)))}}var u2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-attachment-preview",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-image-preview"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,UWe,2,9,"ng-container",1),i&2&&m("ngIf",r.componentConfigSignal())},styles:["img[_ngcontent-%COMP%]{width:100%;object-fit:cover}"],changeDetection:0});let n=o;return n})();var $le=(n,o,t,e)=>({componentConfigSignal:n,commentObj:o,attachmentIndex:t,attachment:e}),jWe=(n,o)=>({condition:n,data:o}),$We=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-image-delete-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function HWe(n,o){if(n&1&&(f(0),C(1,"div",5),oe(),C(2,"svg",6),w(3,"path",7)(4,"path",8),S()(),v()),n&2){let t=l(4);d(2),x("data-testid",t.componentId+"-icon")}}function zWe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),D(2,"translate"),z("click",function(i){k(t);let r=l(2).ngIf,a=l();return r==null||r.removeAttachment(a.attachmentIndex,a.commentObj),R(i.stopPropagation())}),g(3,HWe,5,1,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();m("title",O(1,4,"Delete Attachment")),x("aria-label",O(2,6,"Delete Attachment"))("data-testid",e.componentId),d(3),m("veltDynamicTemplate",$(13,$We,e.template,ut(8,$le,e.componentConfigSignal,e.commentObj,e.attachmentIndex,e.attachment),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function GWe(n,o){if(n&1&&(f(0),g(1,zWe,4,19,"div",2),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",!(t!=null&&t.disabled)&&(e.commentObj==null||e.commentObj.from==null?null:e.commentObj.from.userId)===(t==null||t.user==null?null:t.user.userId)&&!(t!=null&&t.isPlanExpired))}}function WWe(n,o){if(n&1&&(f(0),g(1,GWe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,jWe,t.conditionSignal(),ut(1,$le,t.componentConfigSignal,t.commentObj,t.attachmentIndex,t.attachment)))}}var h2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-attachment-delete",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-image-delete"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,WWe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Hle=(n,o,t,e)=>({componentConfigSignal:n,commentObj:o,attachmentIndex:t,attachment:e}),qWe=(n,o)=>({condition:n,data:o}),YWe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-image-download-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function KWe(n,o){if(n&1&&(f(0),C(1,"div",5),oe(),C(2,"svg",6)(3,"g"),w(4,"rect",7),S(),C(5,"g"),w(6,"path",8),S()()(),v()),n&2){let t=l(4);d(2),x("data-testid",t.componentId+"-icon")}}function ZWe(n,o){if(n&1){let t=q();C(0,"div",3),D(1,"translate"),D(2,"translate"),z("click",function(i){k(t);let r=l(2).ngIf,a=l();return r==null||r.downloadAttachment(a.attachment),R(i.stopPropagation())}),g(3,KWe,7,1,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();m("title",O(1,4,"Download Attachment")),x("aria-label",O(2,6,"Download Attachment"))("data-testid",e.componentId),d(3),m("veltDynamicTemplate",$(13,YWe,e.template,ut(8,Hle,e.componentConfigSignal,e.commentObj,e.attachmentIndex,e.attachment),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function XWe(n,o){if(n&1&&(f(0),g(1,ZWe,4,19,"div",2),v()),n&2){let t=l().ngIf;d(),m("ngIf",!(t!=null&&t.disabled)&&(t==null||t.user==null?null:t.user.userId)&&!(!(t==null||t.user==null)&&t.user.isAnonymous)&&!(t!=null&&t.isPlanExpired))}}function QWe(n,o){if(n&1&&(f(0),g(1,XWe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,qWe,t.conditionSignal(),ut(1,Hle,t.componentConfigSignal,t.commentObj,t.attachmentIndex,t.attachment)))}}var f2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,i,r),this.elementRef=e,this.dynamicDataService=i,this.loggingService=r,this.componentId="velt-attachment-download",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(b),u(y))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-image-download"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,QWe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var zle=(n,o,t,e)=>({componentConfigSignal:n,attachmentIndex:o,attachment:t,commentObj:e}),JWe=(n,o)=>({condition:n,data:o}),eqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-image-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function tqe(n,o){if(n&1&&(C(0,"div",8),D(1,"translate"),w(2,"app-comment-dialog-thread-card-attachments-image-download",7)(3,"app-comment-dialog-thread-card-attachments-image-delete",7),S()),n&2){let t=l(5);x("data-testid",t.componentId+"-actions")("aria-label",O(1,10,"Image attachment actions")),d(2),m("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment),d(),m("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment)}}function nqe(n,o){if(n&1&&(f(0),C(1,"div",5),D(2,"translate"),g(3,tqe,4,12,"div",6),w(4,"app-comment-dialog-thread-card-attachments-image-preview",7),S(),v()),n&2){let t=l(3).ngIf,e=l();d(),x("aria-label",O(2,7,"Image attachment controls"))("data-testid",e.componentId),d(2),m("ngIf",!(t!=null&&t.readOnly)),d(),m("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment)}}function iqe(n,o){if(n&1&&(f(0),g(1,nqe,5,9,"ng-container",4),v()),n&2){l(2);let t=de(3),e=l();d(),m("ngIf",!e.showLoadingTemplate)("ngIfElse",t)}}function oqe(n,o){if(n&1&&(f(0),g(1,iqe,2,2,"ng-container",3),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,eqe,e.template,ut(1,zle,e.componentConfigSignal,e.attachmentIndex,e.attachment,e.commentObj),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function rqe(n,o){n&1&&w(0,"velt-skeleton-loader-internal",9)}function aqe(n,o){if(n&1&&(f(0),g(1,oqe,2,12,"ng-container",2)(2,rqe,1,0,"ng-template",null,0,xe),v()),n&2){let t=l();d(),m("veltIf",F(6,JWe,t.conditionSignal(),ut(1,zle,t.componentConfigSignal,t.attachmentIndex,t.attachment,t.commentObj)))}}var v2=(()=>{let o=class o extends H{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,i,r,a){super(i,a,r),this.domService=e,this.elementRef=i,this.loggingService=r,this.dynamicDataService=a,this.showLoadingTemplate=!1,this.componentId="velt-comment-attachment-image",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(Fe),u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-image"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex",imageWireframe:"imageWireframe"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,aqe,4,9,"ng-container",1),i&2&&m("ngIf",r.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});let n=o;return n})();var sqe=(n,o,t,e)=>({componentConfigSignal:n,commentObj:o,attachmentIndex:t,attachment:e}),lqe=(n,o)=>({condition:n,data:o}),cqe=n=>({componentConfigSignal:n}),mqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-other-delete-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function dqe(n,o){if(n&1&&(f(0),C(1,"div",5),oe(),C(2,"svg",6),w(3,"path",7),S()(),v()),n&2){let t=l(4);d(),x("data-testid",t.componentId+"-icon")}}function pqe(n,o){if(n&1){let t=q();C(0,"button",3),D(1,"translate"),z("click",function(i){k(t);let r=l(2).ngIf,a=l();return r==null||r.removeAttachment(a.attachmentIndex,a.commentObj),R(i.stopPropagation())}),g(2,dqe,4,1,"ng-container",4),S()}if(n&2){let t=l(2).ngIf,e=l();x("aria-label",O(1,3,"Delete attachment"))("data-testid",e.componentId),d(2),m("veltDynamicTemplate",$(7,mqe,e.template,P(5,cqe,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function gqe(n,o){if(n&1&&(f(0),g(1,pqe,3,13,"button",2),v()),n&2){let t=l().ngIf,e=l();d(),m("ngIf",!(t!=null&&t.disabled)&&(e.commentObj==null||e.commentObj.from==null?null:e.commentObj.from.userId)===(t==null||t.user==null?null:t.user.userId)&&!(t!=null&&t.isPlanExpired))}}function uqe(n,o){if(n&1&&(f(0),g(1,gqe,2,1,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,lqe,t.conditionSignal(),ut(1,sqe,t.componentConfigSignal,t.commentObj,t.attachmentIndex,t.attachment)))}}var C2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-attachment-other-delete",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-other-delete"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,uqe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var hqe=(n,o,t,e)=>({componentConfigSignal:n,commentObj:o,attachmentIndex:t,attachment:e}),fqe=(n,o)=>({condition:n,data:o}),vqe=n=>({componentConfigSignal:n}),Cqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-other-download-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function _qe(n,o){if(n&1&&(f(0),C(1,"div",4),oe(),C(2,"svg",5),w(3,"path",6),S()(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId+"-icon")}}function yqe(n,o){if(n&1){let t=q();f(0),C(1,"button",2),D(2,"translate"),D(3,"translate"),z("click",function(i){k(t);let r=l().ngIf,a=l();return r==null||r.downloadAttachment(a.attachment),R(i.stopPropagation())}),g(4,_qe,4,1,"ng-container",3),S(),v()}if(n&2){let t=l().ngIf,e=l();d(),x("title",O(2,4,"Download attachment"))("aria-label",O(3,6,"Download attachment"))("data-testid",e.componentId),d(3),m("veltDynamicTemplate",$(10,Cqe,e.template,P(8,vqe,e.componentConfigSignal),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Sqe(n,o){if(n&1&&(f(0),g(1,yqe,5,16,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,fqe,t.conditionSignal(),ut(1,hqe,t.componentConfigSignal,t.commentObj,t.attachmentIndex,t.attachment)))}}var _2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-attachment-other-download",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-other-download"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,Sqe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Gle=(n,o,t,e)=>({componentConfigSignal:n,attachment:o,attachmentIndex:t,commentObj:e}),bqe=(n,o)=>({condition:n,data:o}),Iqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-other-icon-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Eqe(n,o){if(n&1&&(f(0),w(1,"velt-file-icon-internal",3),v()),n&2){let t=l(3);d(),m("type",t.attachment==null?null:t.attachment.mimeType),x("data-testid",t.componentId)}}function xqe(n,o){if(n&1&&(f(0),g(1,Eqe,2,2,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,Iqe,e.template,ut(1,Gle,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Tqe(n,o){if(n&1&&(f(0),g(1,xqe,2,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,bqe,t.conditionSignal(),ut(1,Gle,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj)))}}var y2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-attachment-other-icon",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-other-icon"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"type"]],template:function(i,r){i&1&&g(0,Tqe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Wle=(n,o,t,e)=>({componentConfigSignal:n,attachment:o,attachmentIndex:t,commentObj:e}),wqe=(n,o)=>({condition:n,data:o}),Dqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-other-name-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Aqe(n,o){if(n&1&&(f(0),C(1,"span",3),D(2,"translate"),te(3),D(4,"translate"),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId)("aria-label","File name: "+O(2,3,(t.attachment==null?null:t.attachment.name)||"")),d(2),$e(O(4,5,t.attachment==null?null:t.attachment.name))}}function Oqe(n,o){if(n&1&&(f(0),g(1,Aqe,5,7,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,Dqe,e.template,ut(1,Wle,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Mqe(n,o){if(n&1&&(f(0),g(1,Oqe,2,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,wqe,t.conditionSignal(),ut(1,Wle,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj)))}}var S2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-attachment-other-name",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-other-name"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"attachment-name","velt-comment-attachment--name"]],template:function(i,r){i&1&&g(0,Mqe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var qle=(n,o,t,e)=>({componentConfigSignal:n,attachment:o,attachmentIndex:t,commentObj:e}),Pqe=(n,o)=>({condition:n,data:o}),kqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-other-size-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Rqe(n,o){if(n&1&&(f(0),C(1,"span",3),D(2,"translate"),D(3,"fileSize"),te(4),D(5,"fileSize"),S(),v()),n&2){let t=l(3);d(),x("data-testid",t.componentId)("aria-label",O(2,3,"File size:")+" "+O(3,5,t.attachment==null?null:t.attachment.size)),d(3),$e(O(5,7,t.attachment==null?null:t.attachment.size))}}function Nqe(n,o){if(n&1&&(f(0),g(1,Rqe,6,9,"ng-container",2),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,kqe,e.template,ut(1,qle,e.componentConfigSignal,e.attachment,e.attachmentIndex,e.commentObj),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Fqe(n,o){if(n&1&&(f(0),g(1,Nqe,2,12,"ng-container",1),v()),n&2){let t=l();d(),m("veltIf",F(6,Pqe,t.conditionSignal(),ut(1,qle,t.componentConfigSignal,t.attachment,t.attachmentIndex,t.commentObj)))}}var b2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-attachment-other-size",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-other-size"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex"},standalone:!1,features:[j([b]),V],decls:1,vars:1,consts:[[4,"ngIf"],[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"attachment-size","velt-comment-attachment--size"]],template:function(i,r){i&1&&g(0,Fqe,2,9,"ng-container",0),i&2&&m("ngIf",r.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});let n=o;return n})();var Yle=(n,o,t,e)=>({componentConfigSignal:n,attachmentIndex:o,commentObj:t,attachment:e}),Lqe=(n,o)=>({condition:n,data:o}),Bqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-other-wireframe",variant:t,setIfCondition:e,componentElementRef:i});function Vqe(n,o){if(n&1&&(C(0,"div",10),w(1,"app-comment-dialog-thread-card-attachments-other-download",7)(2,"app-comment-dialog-thread-card-attachments-other-delete",7),S()),n&2){let t=l(5);x("data-testid",t.componentId+"-actions")("aria-label","Attachment actions"),d(),m("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment),d(),m("componentConfigSignal",t.componentConfigSignal)("attachmentIndex",t.attachmentIndex)("commentObj",t.commentObj)("attachment",t.attachment)}}function Uqe(n,o){if(n&1&&(f(0),C(1,"div",5),D(2,"translate"),C(3,"div",6),w(4,"app-comment-dialog-thread-card-attachments-other-icon",7),S(),C(5,"div",8),w(6,"app-comment-dialog-thread-card-attachments-other-name",7)(7,"app-comment-dialog-thread-card-attachments-other-size",7),S(),g(8,Vqe,3,10,"div",9),S(),v()),n&2){let t=l(3).ngIf,e=l();d(),x("data-testid",e.componentId)("aria-label","Attachment: "+O(2,18,(e.attachment==null?null:e.attachment.name)||"")),d(2),x("data-testid",e.componentId+"-icon"),d(),m("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment),d(),x("data-testid",e.componentId+"-details")("aria-label","Attachment details"),d(),m("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment),d(),m("componentConfigSignal",e.componentConfigSignal)("attachmentIndex",e.attachmentIndex)("commentObj",e.commentObj)("attachment",e.attachment),d(),m("ngIf",!(t!=null&&t.readOnly))}}function jqe(n,o){if(n&1&&(f(0),g(1,Uqe,9,20,"ng-container",4),v()),n&2){l(2);let t=de(3),e=l();d(),m("ngIf",!e.showLoadingTemplate)("ngIfElse",t)}}function $qe(n,o){if(n&1&&(f(0),g(1,jqe,2,2,"ng-container",3),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(6,Bqe,e.template,ut(1,Yle,e.componentConfigSignal,e.attachmentIndex,e.commentObj,e.attachment),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function Hqe(n,o){n&1&&w(0,"velt-skeleton-loader-internal",11)}function zqe(n,o){if(n&1&&(f(0),g(1,$qe,2,12,"ng-container",2)(2,Hqe,1,0,"ng-template",null,0,xe),v()),n&2){let t=l();d(),m("veltIf",F(6,Lqe,t.conditionSignal(),ut(1,Yle,t.componentConfigSignal,t.attachmentIndex,t.commentObj,t.attachment)))}}var I2=(()=>{let o=class o extends H{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,i,r,a){super(i,a,r),this.domService=e,this.elementRef=i,this.loggingService=r,this.dynamicDataService=a,this.showLoadingTemplate=!1,this.componentId="velt-attachment-other",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(Fe),u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments-other"]],inputs:{commentObj:"commentObj",attachment:"attachment",attachmentIndex:"attachmentIndex",otherWireframe:"otherWireframe"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,zqe,4,9,"ng-container",1),i&2&&m("ngIf",r.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});let n=o;return n})();var Kle=(n,o,t)=>({componentConfigSignal:n,commentObj:o,i:t}),Gqe=(n,o)=>({condition:n,data:o}),Wqe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-attachments-wireframe",variant:t,setIfCondition:e,componentElementRef:i,replaceTemplate:!1});function qqe(n,o){n&1&&Ue(0)}function Yqe(n,o){if(n&1&&(f(0),g(1,qqe,1,0,"ng-container",9),v()),n&2){l();let t=de(5);d(),m("ngTemplateOutlet",t)}}function Kqe(n,o){if(n&1&&w(0,"app-comment-dialog-thread-card-attachments-other",10),n&2){let t=l(),e=t.$implicit,i=t.index,r=l(6);m("componentConfigSignal",r.componentConfigSignal)("attachment",e)("commentObj",r.commentObj)("attachmentIndex",i)("otherWireframe",r.otherWireframe)}}function Zqe(n,o){if(n&1&&w(0,"app-comment-dialog-thread-card-attachments-image",11),n&2){let t=l(),e=t.$implicit,i=t.index,r=l(6);m("componentConfigSignal",r.componentConfigSignal)("attachmentIndex",i)("commentObj",r.commentObj)("attachment",e)("imageWireframe",r.imageWireframe)}}function Xqe(n,o){if(n&1&&(f(0),g(1,Yqe,2,1,"ng-container",8)(2,Kqe,1,5,"ng-template",null,0,xe)(4,Zqe,1,5,"ng-template",null,1,xe),v()),n&2){let t=o.$implicit,e=de(3);d(),m("ngIf",t==null||t.mimeType==null?null:t.mimeType.includes("image"))("ngIfElse",e)}}function Qqe(n,o){if(n&1&&(C(0,"div",6),D(1,"translate"),g(2,Xqe,6,2,"ng-container",7),S()),n&2){let t=l(4).ngIf,e=l();x("data-testid",e.componentId)("aria-label",O(1,4,"Attachments")+"("+(e.commentObj==null||e.commentObj.attachments==null?null:e.commentObj.attachments.length)+")"),d(2),m("ngForOf",e.commentObj==null?null:e.commentObj.attachments)("ngForTrackBy",t==null?null:t.trackByAttachmentId)}}function Jqe(n,o){if(n&1&&(f(0),g(1,Qqe,3,6,"div",5),v()),n&2){let t=l(4);d(),m("ngIf",t.commentObj==null||t.commentObj.attachments==null?null:t.commentObj.attachments.length)}}function eYe(n,o){if(n&1&&(f(0),g(1,Jqe,2,1,"ng-container",2),v()),n&2){let t=l(3);d(),m("ngIf",t.commentObj)}}function tYe(n,o){if(n&1&&(f(0),g(1,eYe,2,1,"ng-container",4),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(5,Wqe,e.template,He(1,Kle,e.componentConfigSignal,e.commentObj,e.i),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function nYe(n,o){if(n&1&&(f(0),g(1,tYe,2,11,"ng-container",3),v()),n&2){let t=l();d(),m("veltIf",F(5,Gqe,t.conditionSignal(),He(1,Kle,t.componentConfigSignal,t.commentObj,t.i)))}}var E2=(()=>{let o=class o extends H{constructor(e,i,r){super(e,r,i),this.elementRef=e,this.loggingService=i,this.dynamicDataService=r,this.componentId="velt-thread-card-attachments",super.initializeComponentConfigSignal(new Oe)}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)}}};o.\u0275fac=function(i){return new(i||o)(u(N),u(y),u(b))},o.\u0275cmp=M({type:o,selectors:[["app-comment-dialog-thread-card-attachments"]],inputs:{commentObj:"commentObj",i:"i"},standalone:!1,features:[j([b]),V],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(i,r){i&1&&g(0,nYe,2,8,"ng-container",2),i&2&&m("ngIf",r.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});let n=o;return n})();var Zle=(n,o,t)=>({componentConfigSignal:n,commentObj:o,i:t}),iYe=(n,o)=>({condition:n,data:o}),oYe=(n,o,t,e,i)=>({template:n,context:o,componentName:"velt-comment-dialog-thread-card-message-wireframe",variant:t,setIfCondition:e,componentElementRef:i}),rYe=(n,o,t,e,i)=>[n,o,t,e,i];function aYe(n,o){if(n&1){let t=q();C(0,"div",7),D(1,"translate"),z("copy",function(i){return k(t),R(i.stopPropagation())}),te(2),D(3,"translate"),S()}if(n&2){let t=l(4).ngIf,e=l();pe("velt-thread-card--inline-mode",t==null?null:t.inlineCommentSectionMode)("velt-thread-card--draft",e.commentObj==null?null:e.commentObj.isDraft),x("data-testid",e.componentId+"-text")("aria-label",O(1,7,"Comment")+" "+(e.i+1)),d(2),ve(" ",O(3,9,e.commentObj.commentText)," ")}}function sYe(n,o){if(n&1){let t=q();C(0,"div",8),D(1,"sanitizeHtml"),D(2,"replaceAutocompleteList"),D(3,"safeHtml"),D(4,"translate"),z("copy",function(i){return k(t),R(i.stopPropagation())}),S()}if(n&2){let t=l(4).ngIf,e=l();pe("velt-thread-card--inline-mode",t==null?null:t.inlineCommentSectionMode)("velt-thread-card--draft",e.commentObj==null?null:e.commentObj.isDraft),m("innerHTML",As(3,15,FY(2,9,$(20,rYe,O(1,7,e.commentObj.commentHtml),e.commentObj==null?null:e.commentObj.customList,e.commentObj==null?null:e.commentObj.toOrganizationUserGroup,e.commentObj==null?null:e.commentObj.taggedUserContacts,(t==null?null:t.dialogShadowDOM)&&!(t!=null&&t.template))),!1),$i),x("data-testid",e.componentId+"-html")("aria-label",O(4,18,"Comment")+" "+(e.i+1))}}function lYe(n,o){if(n&1&&(f(0),g(1,aYe,4,11,"div",5)(2,sYe,5,26,"div",6),v()),n&2){let t=l(3).ngIf,e=l();d(),m("ngIf",(t==null?null:t.editCommentIndex)!==e.i&&e.commentObj.commentText&&!e.commentObj.commentHtml),d(),m("ngIf",(t==null?null:t.editCommentIndex)!==e.i&&e.commentObj.commentHtml)}}function cYe(n,o){if(n&1&&(f(0),g(1,lYe,3,2,"ng-container",4),v()),n&2){l(2);let t=de(3),e=l();d(),m("ngIf",!e.showLoadingTemplate)("ngIfElse",t)}}function mYe(n,o){if(n&1&&(f(0),g(1,cYe,2,2,"ng-container",3),v()),n&2){let t=l().ngIf,e=l();d(),m("veltDynamicTemplate",$(5,oYe,e.template,He(1,Zle,e.componentConfigSignal,e.commentObj,e.i),t==null?null:t.variant,e.setIfCondition.bind(e),e.elementRef))}}function dYe(n,o){n&1&&w(0,"velt-skeleton-loader-internal",9)}function pYe(n,o){if(n&1&&(f(0),g(1,mYe,2,11,"ng-container",2)(2,dYe,1,0,"ng-template",null,0,xe),v()),n&2){let t=l();d(),m("veltIf",F(5,iYe,t.conditionSignal(),He(1,Zle,t.componentConfigSignal,t.commentObj,t.i)))}}var x2=(()=>{let o=class o extends H{get commentObj(){return this._commentObj}set commentObj(e){try{this._commentObj=e,this.setShowLoadingTemplate()}catch{}}constructor(e,i,r,a,s,c){super(a,s,i),this.authService=e,this.loggingService=i,this.renderer=r,this.elementRef=a,this.dynamicDataService=s,this.commentResolverService=c,this.showLoadingTemplate=!1,this.componentId="velt-thread-card-message",super.initializeComponentConfigSignal(new Oe)}ngOnInit(){try{this.setupA11yAttributes(),this.dynamicDataService.applyConditionalClasses(this.elementRef.nativeElement,{componentConfigSignal:this.componentConfigSignal,commentObj:this.commentObj,i:this.i}),this.setShowLoadingTemplate();let i=this.authService.getUser()?.email;if(i){let r=this.renderer.createElement("style");this.renderer.setProperty(r,"type","text/css"),this.renderer.setProperty(r,"innerHTML",`
406
406
  .velt-comment-dialog-thread-card-message--email-chip[email="${i}"] {
407
407
  background-color: color-mix(in srgb, var(--velt-warning) 12%, transparent);