@veltdev/sdk/velt-notification.js

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

import{a as ur}from"./chunk-HUCTUED7.js";import{a as on,b as X}from"./chunk-ICCKJPGL.js";import{a as Wr,c as $r}from"./chunk-BDHZZGJO.js";import{a as mr}from"./chunk-BWEYL3QS.js";import{a as an}from"./chunk-6YXU2Y3T.js";import"./chunk-ZATQYC4Y.js";import{a as gr}from"./chunk-3HGEDPEP.js";import{a as cr,b as rn}from"./chunk-JDLRIKAZ.js";import{A as N,B as P,y as tn}from"./chunk-3J52NZMN.js";import{a as dr}from"./chunk-4ACOV475.js";import{b as U,c as sr,d as qt}from"./chunk-WTYACTR5.js";import{a as nn}from"./chunk-6E3N35RF.js";import"./chunk-KEM6PWSD.js";import{a as Yr}from"./chunk-UJRDSNTY.js";import{A as Gr,G as ar,H as lr,I as Hr,da as w,ea as Qr,ga as en}from"./chunk-KU45CEXD.js";import{$ as Ee,Aa as nr,Ah as Xr,E as Er,Ea as Fr,Ee as B,Fa as v,Ga as ye,Ib as ue,J as Ar,Kb as ee,Lc as Wt,Nb as K,Nh as ir,Ob as Me,Oc as Vr,Pa as me,Pb as le,Pc as zr,Qb as Br,T as De,Ta as Lr,Td as jr,Ua as C,Ud as yr,Va as Ur,Ya as _,_a as c,_b as I,_h as vr,a as p,aa as Mr,ac as Fe,b,bc as or,bi as $t,ca as ve,cc as g,ci as Kt,da as ae,db as A,dc as W,di as R,ec as te,ee as Kr,fb as h,fc as y,fh as se,g as Dr,gb as f,gc as Rr,ha as Y,ia as j,ja as ie,jb as Ce,k as Sr,ka as Oe,kb as _e,kc as O,lb as d,lc as D,li as ce,mb as k,mi as Jt,nb as x,ob as T,oe as Jr,pc as Ie,qa as V,r as ge,sb as s,sc as J,tb as m,ua as oe,ub as Ae,v as Te,va as S,vb as Q,vc as q,vh as re,wa as rr,xb as Z,yh as qr,yi as we,zb as l,zh as Zr}from"./chunk-GR3NESUB.js";var de=()=>{};function So(){return{data:{notificationsForYouInSession:null,notificationsInSession:null,notificationsByUserMap:{},notificationsByDocumentId:null,notificationsByDate:null,currentDocumentName:"",settingsConfig:[],settingsSelectedOption:{}},uiState:{variant:void 0,selectedTab:"forYou",tabConfig:null,TABS:{ForYou:"forYou",People:"people",Documents:"documents",All:"all"},tabPage:{forYou:1,people:1,documents:1,all:1},pageSize:5,panelOpenMode:"popover",settingsOpen:!1,settingsAccordionExpanded:{inbox:!1,email:!1},settingsMutedAll:!1,settingsItemRecentlyClosed:!1,settingsLayout:"accordion",tabCount:3,usersExpanded:{},documentExpanded:{},darkMode:!1},featureState:{settingsEnabled:!1},appState:{user:null}}}function yo(){return{setAllNotificationsAsRead:de,onTabChange:de,trackByNotificationId:void 0,trackByUserMapId:void 0,trackByNotificationByDocumentId:void 0,trackByNotificationByDate:void 0,trackByKey:void 0,onLoadMoreClick:de,toggleUserAccordion:de,toggleDocumentAccordion:de,onNotificationClick:de,closeNotificationsPanel:de,openSettings:de,closeSettings:de,toggleSettingsAccordion:de,setSettingsSelectedOption:de,toggleSettingsMutedAll:de}}function Ir(){return p(p({},So()),yo())}function ln(){return{darkMode:!1,variant:void 0,shadowDom:!0}}var Zt=(()=>{let n=class n{constructor(e){this.loggingService=e,this.actionSubjects=new Map,this.defaultSource="internal",this.isUserAdmin=!1,this.subscriptions=[],this.loggingService.log("%c[WB] Creating CLASS: CommentActionsService","color: blue;")}triggerSettingsUpdatedEvent(e){try{this.triggerAction(Kr.SETTINGS_UPDATED,e)}catch(o){this.loggingService.catch("Error in NotificationsActionsService triggerAddCommentAnnotationEvent: ",o)}}triggerAction(e,o){try{this.actionSubjects.has(e)||this.actionSubjects.set(e,new Sr),this.actionSubjects.get(e)?.next(o)}catch(a){this.loggingService.catch("Error in NotificationsActionsService triggerAction: ",a)}}onAction(e){try{return this.actionSubjects.has(e)||this.actionSubjects.set(e,new Sr),this.actionSubjects.get(e)?.asObservable()}catch(o){return this.loggingService.catch("Error in NotificationsActionsService onAction: ",o),ge(null)}}};n.\u0275fac=function(o){return new(o||n)(ve(R))},n.\u0275prov=Ee({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var pr=(()=>{let n=class n{constructor(e,o,a,i,u,M){this.loggingService=e,this.notificationService=o,this.analyticsService=a,this.serviceBook=i,this.domService=u,this.notificationsActionsService=M,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"},this.commentService=null,this.viewsService=null,this.serviceBook.observe(ir).subscribe(F=>{this.commentService=F}),this.serviceBook.observe(vr).subscribe(F=>{this.viewsService=F??null})}onTabChange(e,o){try{this.loggingService.log("%c[WB] Calling FUNCTION: onTabChange","color: green;"),e.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{selectedTab:o})}));let a=0,i=e();o===this.TABS.ForYou?a=i.data.notificationsForYouInSession?.length||0:a=i.data.notificationsInSession?.length||0,this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_TAB_CLICKED,{tab:e().uiState.selectedTab}),a>0&&this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_READ,{tab:e().uiState.selectedTab,notificationCount:a})}catch(a){this.loggingService.catch("Error in NotificationsPanelActionService onTabChange:",a)}}onLoadMoreClick(e,o){try{o.stopPropagation(),this.loggingService.log("%c[WB] Calling FUNCTION: onLoadMoreClick","color: green;"),e.update(a=>{let i=a.uiState.selectedTab;return b(p({},a),{uiState:b(p({},a.uiState),{tabPage:b(p({},a.uiState.tabPage),{[i]:a.uiState.tabPage[i]?a.uiState.tabPage[i]+1:1})})})})}catch(a){this.loggingService.catch("Error in NotificationsPanelActionService onLoadMoreClick:",a)}}toggleUserAccordion(e,o){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleUserAccordion","color: green;"),e.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{usersExpanded:b(p({},a.uiState.usersExpanded),{[o]:!a.uiState.usersExpanded[o]})})}))}catch(a){this.loggingService.catch("Error in NotificationsPanelActionService toggleUserAccordion:",a)}}toggleDocumentAccordion(e,o){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleDocumentAccordion","color: green;"),e.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{documentExpanded:b(p({},a.uiState.documentExpanded),{[o]:!a.uiState.documentExpanded[o]})})}))}catch(a){this.loggingService.catch("Error in NotificationsPanelActionService toggleDocumentAccordion:",a)}}onNotificationClick(e,o,a){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onNotificationClick","color: green;"),a.stopPropagation(),o.notificationSource==="comment"&&o.targetAnnotationId){let i=this.commentService?.getAnnotationById(o?.targetAnnotationId);i&&(this.domService.toggleAnnotationSelection(i),this.goToAnnotation(i),o.notificationSourceData=this.commentService?.getCommentAnnotationForClient(i))}o?.id&&this.setNotificationAsRead(e,o),this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_CLICKED,{notificationID:o?.id})}catch(i){this.loggingService.catch("Error in NotificationsPanelActionService onNotificationClick:",i)}}setNotificationAsRead(e,o){try{this.loggingService.log("%c[WB] Calling FUNCTION: setNotificationAsRead","color: green;"),o?.id&&(e()?.appState?.user?.organizationId?this.notificationService.setNotificationsAsRead([o]):this.viewsService?.setNotificationsAsRead([o.id]))}catch(a){this.loggingService.catch("Error in NotificationsPanelActionService setNotificationAsRead:",a)}}setAllNotificationsAsRead(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: setAllNotificationsAsRead","color: green;");let o=[],a=e();a.uiState.selectedTab===this.TABS.ForYou?o=a.data.notificationsForYouInSession?.filter(i=>i?.isUnread)||[]:o=a.data.notificationsInSession?.filter(i=>i?.isUnread)||[],a?.appState?.user?.organizationId?this.notificationService.setNotificationsAsRead(o):this.viewsService?.setNotificationsAsRead(o.map(i=>i.id)),this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_MARK_ALL_AS_READ_CLICKED,{tab:a.uiState.selectedTab})}catch(o){this.loggingService.catch("Error in NotificationsPanelActionService setAllNotificationsAsRead:",o)}}openSettings(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: openSettings","color: green;"),e.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{settingsOpen:!0})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelActionService openSettings:",o)}}closeSettings(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: closeSettings","color: green;"),e.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{settingsOpen:!1})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelActionService closeSettings:",o)}}toggleSettingsAccordion(e,o){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleSettingsAccordion","color: green;"),e.update(a=>{let i={inbox:!1,email:!1};return Object.keys(a.data.settingsSelectedOption).forEach(u=>{i[u]=!1}),i[o]=!a.uiState.settingsAccordionExpanded[o],b(p({},a),{uiState:b(p({},a.uiState),{settingsAccordionExpanded:i})})})}catch(a){this.loggingService.catch("Error in NotificationsPanelActionService toggleSettingsAccordion:",a)}}setSettingsSelectedOption(e,o,a){try{this.loggingService.log("%c[WB] Calling FUNCTION: setSettingsSelectedOption","color: green;");let i=e().data.settingsSelectedOption,u={};Object.keys(i).forEach(M=>{u[M]=i[M].id}),u[o]=a.id,this.notificationService.setSettingsConfig(u),this.notificationService.updateSettingsConfigToDb(),this.settingsUpdated(e),e().uiState.settingsLayout==="dropdown"&&e().uiState.settingsAccordionExpanded[o]&&this.toggleSettingsAccordion(e,o)}catch(i){this.loggingService.catch("Error in NotificationsPanelActionService setSettingsSelectedOption:",i)}}toggleSettingsMutedAll(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: toggleSettingsMutedAll","color: green;"),!e().uiState.settingsMutedAll){let o=p({},e().data.settingsSelectedOption),a={},i={};Object.keys(o).forEach(u=>{a[u]={id:"NONE",name:"None"},i[u]="NONE"}),e.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{settingsMutedAll:!0}),data:b(p({},u.data),{settingsSelectedOption:a})})),this.notificationService.setSettingsConfig(i),this.notificationService.updateSettingsConfigToDb(),this.settingsUpdated(e)}}catch(o){this.loggingService.catch("Error in NotificationsPanelActionService toggleSettingsMutedAll:",o)}}toggleNotificationHistoryPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleNotificationHistoryPanel","color: green;"),this.notificationService.toggleHistoryPanelVisibility()}catch(e){this.loggingService.catch("Error in NotificationsPanelActionService toggleNotificationHistoryPanel:",e)}}settingsUpdated(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: settingsUpdated","color: green;");let o=e().data.settingsSelectedOption,a={};Object.keys(o).forEach(i=>{a[i]=o[i].id}),this.notificationsActionsService.triggerSettingsUpdatedEvent({settings:a,isMutedAll:e().uiState.settingsMutedAll})}catch(o){this.loggingService.catch("Error in NotificationsPanelActionService settingsUpdated:",o)}}goToAnnotation(e){try{setTimeout(()=>{try{let o=null;e.targetElement||e.areaAnnotationId?o=document.getElementById(`comment-pin-container-${e.annotationId}`):o=document.querySelector(`[data-velt-id='${e.annotationId}']`),o&&o.scrollIntoView({behavior:"auto",block:"center",inline:"nearest"})}catch(o){this.loggingService.catch("Error in goToAnnotation setTimeout:",o)}},100)}catch(o){this.loggingService.catch("Error in NotificationsPanelActionService goToAnnotation:",o)}}trackByNotificationId(e,o){try{return o?.id||e}catch{return e}}trackByNotificationByDocumentId(e,o){try{return o?.id||e}catch{return e}}trackByNotificationByDate(e,o){try{return o?.date||e+""}catch{return e+""}}trackByUserMapId(e,o){try{return o?.key||e}catch{return e}}trackByKey(e,o){try{return o?.key||e}catch{return e}}};n.\u0275fac=function(o){return new(o||n)(ve(R),ve(X),ve(Kt),ve($t),ve(ce),ve(Zt))},n.\u0275prov=Ee({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var cn=(()=>{let n=class n{constructor(e,o,a,i,u,M){this.loggingService=e,this.notificationService=o,this.authService=a,this.analyticsService=i,this.docService=u,this.actionService=M,this.initialized=!1,this.subscriptions=[],this.contextMap=new Map,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"}}initialize(){try{if(this.initialized)return;this.initialized=!0,this.setupGlobalSubscriptions()}catch(e){this.loggingService.catch("Error in NotificationsPanelCoreService initialize:",e)}}setupGlobalSubscriptions(){try{this.subscriptions.push(this.notificationService.getTabConfig$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{tabConfig:e})})),this.checkAndSetDefaultTab(o),this.getEnabledTabCount(o)}catch(a){this.loggingService.catch("Error updating tabConfig in context:",a)}})}catch(o){this.loggingService.catch("Error in tabConfig subscription:",o)}})),this.subscriptions.push(this.notificationService.getSettingsInitialConfig$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{data:b(p({},a.data),{settingsConfig:e})}))}catch(a){this.loggingService.catch("Error updating settingsConfig in context:",a)}})}catch(o){this.loggingService.catch("Error in settingsInitialConfig subscription:",o)}})),this.subscriptions.push(this.notificationService.getSettingsConfig$().subscribe(e=>{try{e&&this.contextMap.forEach(o=>{try{let a=o(),i={};Object.keys(e).forEach(M=>{let F=a.data.settingsConfig.find($=>$.id===M);F&&(i[M]=F.values?.find($=>$.id===e[M])||{id:e[M],name:e[M]})});let u=Object.values(i).every(M=>M.id==="NONE");o.update(M=>b(p({},M),{uiState:b(p({},M.uiState),{settingsMutedAll:u}),data:b(p({},M.data),{settingsSelectedOption:i})}))}catch(a){this.loggingService.catch("Error updating settingsConfig in context:",a)}})}catch(o){this.loggingService.catch("Error in settingsConfig subscription:",o)}})),this.subscriptions.push(this.notificationService.getMuteAllNotifications$().subscribe(e=>{try{e&&this.contextMap.forEach(o=>{try{this.applyMuteAll(o)}catch(a){this.loggingService.catch("Error toggling muteAll in context:",a)}})}catch(o){this.loggingService.catch("Error in muteAllNotifications subscription:",o)}})),this.subscriptions.push(this.notificationService.getEnableSettings$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{featureState:b(p({},a.featureState),{settingsEnabled:e})}))}catch(a){this.loggingService.catch("Error updating settingsEnabled in context:",a)}})}catch(o){this.loggingService.catch("Error in enableSettings subscription:",o)}})),this.subscriptions.push(this.authService.getUser$().pipe(De(e=>{try{return e?e?.organizationId?ge(e).pipe(De(o=>{try{this.analyticsService.trackEvent(re.Events.Notifications.GET_NOTIFICATIONS_FOR_YOU$_TRIGGERED_INTERNAL,{source:"internal",sourceId:"notificationsPanel"})}catch(a){this.loggingService.catch("Error tracking analytics:",a)}return this.notificationService.getNotificationsForYou$().pipe(Te(a=>{try{this.contextMap.forEach(i=>{try{i.update(u=>b(p({},u),{data:b(p({},u.data),{notificationsForYouInSession:a})})),i().uiState.selectedTab===this.TABS.ForYou&&a?.length&&a.length>0&&this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_READ,{tab:this.TABS.ForYou,notificationCount:a.length})}catch(u){this.loggingService.catch("Error updating notificationsForYou in context:",u)}})}catch(i){this.loggingService.catch("Error processing notificationsForYou:",i)}return o}))}),De(o=>{try{this.analyticsService.trackEvent(re.Events.Notifications.GET_NOTIFICATIONS_BY_DOCUMENT_ID$_TRIGGERED_INTERNAL,{source:"internal",sourceId:"notificationsPanel"})}catch(a){this.loggingService.catch("Error tracking analytics:",a)}return this.notificationService.getNotificationsByDocumentId$().pipe(Te(a=>{try{this.contextMap.forEach(i=>{try{i.update(u=>b(p({},u),{data:b(p({},u.data),{notificationsByDocumentId:a})}))}catch(u){this.loggingService.catch("Error updating notificationsByDocumentId in context:",u)}})}catch(i){this.loggingService.catch("Error processing notificationsByDocumentId:",i)}return o}))}),De(o=>{try{this.analyticsService.trackEvent(re.Events.Notifications.GET_ALL_NOTIFICATIONS$_TRIGGERED_INTERNAL,{source:"internal",sourceId:"notificationsPanel"})}catch(a){this.loggingService.catch("Error tracking analytics:",a)}return this.notificationService.getAllNotifications$().pipe(Te(a=>{try{this.contextMap.forEach(i=>{try{i.update(u=>b(p({},u),{data:b(p({},u.data),{notificationsInSession:a})})),this.getNotificationsByDate(i,a),this.updateNotificationsByUserMap(i)}catch(u){this.loggingService.catch("Error updating allNotifications in context:",u)}})}catch(i){this.loggingService.catch("Error processing allNotifications:",i)}return o}))})):ge(e).pipe(De(o=>{try{this.analyticsService.trackEvent(re.Events.Notifications.GET_NOTIFICATIONS$_TRIGGERED_INTERNAL,{source:"internal",sourceId:"notificationsPanel"})}catch(a){this.loggingService.catch("Error tracking analytics:",a)}return this.notificationService.getNotifications$().pipe(Te(a=>{try{this.contextMap.forEach(i=>{try{this.getNotificationsWithoutOrganization(i,a);let u=i(),M=0;u.uiState.selectedTab===this.TABS.ForYou?M=u.data.notificationsForYouInSession?.length||0:M=u.data.notificationsInSession?.length||0,M>0&&this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_READ,{tab:u.uiState.selectedTab,notificationCount:M})}catch(u){this.loggingService.catch("Error updating notifications (no org) in context:",u)}})}catch(i){this.loggingService.catch("Error processing notifications (no org):",i)}return o}))})):(this.contextMap.forEach(o=>{try{this.resetData(o)}catch(a){this.loggingService.catch("Error resetting data in context:",a)}}),ge(e))}catch(o){return this.loggingService.catch("Error in user switchMap:",o),ge(null)}})).subscribe(e=>{try{this.contextMap.forEach(o=>{try{e?o.update(a=>b(p({},a),{appState:b(p({},a.appState),{user:e})})):o.update(a=>b(p({},a),{appState:b(p({},a.appState),{user:null})}))}catch(a){this.loggingService.catch("Error updating user in context:",a)}})}catch(o){this.loggingService.catch("Error in user subscription callback:",o)}})),this.subscriptions.push(this.docService.getDocumentMetadata$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{data:b(p({},a.data),{currentDocumentName:e?.documentName||""})}))}catch(a){this.loggingService.catch("Error updating documentMetadata in context:",a)}})}catch(o){this.loggingService.catch("Error in documentMetadata subscription:",o)}}))}catch(e){this.loggingService.catch("Error in NotificationsPanelCoreService setupGlobalSubscriptions:",e)}}checkAndSetDefaultTab(e){try{let o=e();!this.isTabEnabled(e,this.TABS.ForYou)&&o.uiState.selectedTab===this.TABS.ForYou&&(this.isTabEnabled(e,this.TABS.Documents)?e.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{selectedTab:this.TABS.Documents})})):this.isTabEnabled(e,this.TABS.All)&&e.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{selectedTab:this.TABS.All})})))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService checkAndSetDefaultTab:",o)}}isTabEnabled(e,o){try{let a=e();return!a.uiState.tabConfig?.[o]||a.uiState.tabConfig?.[o]?.enable!==!1}catch(a){return this.loggingService.catch("Error in NotificationsPanelCoreService isTabEnabled:",a),!0}}getEnabledTabCount(e){try{let a=[this.TABS.ForYou,this.TABS.Documents,this.TABS.All,this.TABS.People].filter(i=>this.isTabEnabled(e,i));e.update(i=>b(p({},i),{uiState:b(p({},i.uiState),{tabCount:a.length})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService getEnabledTabCount:",o)}}getNotificationsWithoutOrganization(e,o){try{let a=o?.slice()||[],i=e(),u=new Map(i.data.notificationsInSession?.map(F=>[F.id,F])),M=new Map(i.data.notificationsForYouInSession?.map(F=>[F.id,F]));a.forEach(F=>{(F.isUnread||u.has(F.id)||i.uiState.panelOpenMode==="sidebar")&&(u.set(F.id,F),F.forYou&&M.set(F.id,F))}),i.appState.user?.organizationId||(e.update(F=>b(p({},F),{data:b(p({},F.data),{notificationsInSession:Array.from(u.values()).sort(($,xe)=>xe.timestamp-$.timestamp),notificationsForYouInSession:Array.from(M.values()).sort(($,xe)=>xe.timestamp-$.timestamp)})})),this.updateNotificationsByUserMap(e),this.getNotificationsByDate(e,e().data.notificationsInSession))}catch(a){this.loggingService.catch("Error in NotificationsPanelCoreService getNotificationsWithoutOrganization:",a)}}updateNotificationsByUserMap(e){try{let o={};e().data.notificationsInSession?.forEach(a=>{try{a?.actionUser?.email&&(o[a.actionUser.email]||(o[a.actionUser.email]={user:a.actionUser,notifications:[]}),o[a.actionUser.email].notifications.push(a))}catch(i){this.loggingService.catch("Error processing notification for userMap:",i)}}),e.update(a=>b(p({},a),{data:b(p({},a.data),{notificationsByUserMap:o})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService updateNotificationsByUserMap:",o)}}getNotificationsByDate(e,o){try{let a=new Date().toISOString().split("T")[0],i=new Date(new Date().setDate(new Date().getDate()-1)).toISOString().split("T")[0],u=null;o?.forEach(F=>{try{let $=F?.timestamp;if($){let xe=new Date($).toISOString().split("T")[0];if(!u?.[xe]){let pe=xe===a?"Today":xe===i?"Yesterday":new Date(xe).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}).replace(/ /g,"-");u||(u={}),u[xe]={displayName:pe,notifications:[]}}u[xe].notifications.push(F)}}catch($){this.loggingService.catch("Error processing notification for date grouping:",$)}});let M=u?Object.entries(u).map(([F,$])=>p({date:F},$)).sort((F,$)=>$.date.localeCompare(F.date)):null;e.update(F=>b(p({},F),{data:b(p({},F.data),{notificationsByDate:M})}))}catch(a){this.loggingService.catch("Error in NotificationsPanelCoreService getNotificationsByDate:",a)}}resetData(e){try{e.update(o=>b(p({},o),{data:b(p({},o.data),{notificationsInSession:null,notificationsForYouInSession:null,notificationsByDocumentId:null,notificationsByUserMap:{},notificationsByDate:null})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService resetData:",o)}}getOrCreateContextConfig(e){try{this.initialize();let o=this.contextMap.get(e);return o||(o=V(Ir()),this.contextMap.set(e,o),this.applyCurrentStateToContext(o)),o}catch(o){return this.loggingService.catch("Error in NotificationsPanelCoreService getOrCreateContextConfig:",o),V(Ir())}}applyCurrentStateToContext(e){try{let o=this.notificationService.getEnableSettings();e.update(F=>b(p({},F),{featureState:b(p({},F.featureState),{settingsEnabled:o})}));let a=this.notificationService.getTabConfig();a!==null&&(e.update(F=>b(p({},F),{uiState:b(p({},F.uiState),{tabConfig:a})})),this.checkAndSetDefaultTab(e),this.getEnabledTabCount(e));let i=this.notificationService.getSettingsInitialConfig();i?.length&&e.update(F=>b(p({},F),{data:b(p({},F.data),{settingsConfig:i})}));let u=this.notificationService.getSettingsConfig();if(u){let F=e(),$={};Object.keys(u).forEach(pe=>{let Or=F.data.settingsConfig.find(_r=>_r.id===pe);Or&&($[pe]=Or.values?.find(_r=>_r.id===u[pe])||{id:u[pe],name:u[pe]})});let xe=Object.values($).every(pe=>pe.id==="NONE");e.update(pe=>b(p({},pe),{uiState:b(p({},pe.uiState),{settingsMutedAll:xe}),data:b(p({},pe.data),{settingsSelectedOption:$})}))}this.notificationService.getMuteAllNotifications()&&this.applyMuteAll(e);let M=this.docService.getDocumentMetadata();M&&e.update(F=>b(p({},F),{data:b(p({},F.data),{currentDocumentName:M.documentName||""})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService applyCurrentStateToContext:",o)}}applyMuteAll(e){try{e().uiState.settingsMutedAll||e.update(o=>{let a=p({},o.data.settingsSelectedOption);return Object.keys(a).forEach(i=>{a[i]={id:"NONE",name:"None"}}),b(p({},o),{uiState:b(p({},o.uiState),{settingsMutedAll:!0}),data:b(p({},o.data),{settingsSelectedOption:a})})})}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService applyMuteAll:",o)}}clearContext(e){try{this.contextMap.delete(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService clearContext:",o)}}destroy(){try{this.subscriptions.forEach(e=>e.unsubscribe()),this.subscriptions=[],this.contextMap.clear(),this.initialized=!1}catch(e){this.loggingService.catch("Error in NotificationsPanelCoreService destroy:",e)}}};n.\u0275fac=function(o){return new(o||n)(ve(R),ve(X),ve(Jt),ve(Kt),ve(we),ve(pr))},n.\u0275prov=Ee({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var E=(()=>{let n=class n extends ur{constructor(){super(...arguments),this.coreService=ae(cn),this.actionService=ae(pr)}getDefaultLocalUIState(){return ln()}getServiceComponentConfigSignal(){try{return this.coreService.getOrCreateContextConfig("default")}catch{return}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["app-notifications-panel-primitive-themed-base"]],standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var hr=(()=>{let n=class n extends E{constructor(){super(...arguments),this.notificationIndex=q(void 0,{transform:e=>{if(e!=null){if(typeof e=="string"){let o=parseInt(e,10);return isNaN(o)?void 0:o}return e}}}),this.itemSignal=V(null),this.resolvedItem=J(()=>{try{let e=this.itemSignal();if(e!=null)return e;let o=this.componentConfigSignal(),a=this.getConfigArray(o);if(!a?.length)return null;let i=this.notificationIndex();return i!==void 0&&i>=0&&i<a.length?a[i]:a[0]}catch{return null}})}ngOnChanges(e){try{super.ngOnChanges(e),e[this.inputPropertyName]&&this.itemSignal.set(this.getInputValue())}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["app-notifications-panel-list-item-base"]],inputs:{notificationIndex:[1,"notificationIndex"]},standalone:!1,features:[_,oe],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var Xt=(()=>{let n=class n extends hr{constructor(){super(...arguments),this._dateGroup=V(void 0),this.inputPropertyName="data",this.resolvedData=J(()=>{let e=this._dateGroup();if(e){let o=this.componentConfigSignal()?.data?.notificationsByDate||[],a=e.toLowerCase(),i=o.find(u=>u?.date===e||(u?.displayName||"").toLowerCase()===a);if(i)return i}return this.resolvedItem()})}set date(e){this._dateGroup.set(e?.trim()||void 0)}getInputValue(){return this.data}getConfigArray(e){return e?.data?.notificationsByDate}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["app-notifications-panel-all-list-item-base"]],inputs:{data:"data",date:"date"},standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var gn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Oo=(t,n)=>({condition:t,data:n}),Do=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-avatar-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Eo(t,n){if(t&1&&(s(0),T(1,"snippyly-user-avatar",2),m()),t&2){let r,e=l(3);v(),d("user",(r=e.resolvedNotification())==null?null:r.actionUser)("size",24),A("data-testid",e.componentId+"-avatar")}}function Ao(t,n){if(t&1&&(s(0),c(1,Eo,2,3,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Do,e.template,W(1,gn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Mo(t,n){if(t&1&&c(0,Ao,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Oo,r.conditionSignal(),W(1,gn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Ue=(()=>{let n=class n extends E{constructor(){super(...arguments),this.notificationIndex=q(void 0,{transform:e=>{if(e!=null){if(typeof e=="string"){let o=parseInt(e,10);return isNaN(o)?void 0:o}return e}}}),this.notificationId=q(void 0,{transform:e=>e?.trim()||void 0}),this.notificationSignal=V(null),this.resolvedNotification=J(()=>{try{let e=this.notificationSignal();if(e)return e;let o=this.componentConfigSignal(),a=o?.data?.notificationsInSession||o?.data?.notificationsForYouInSession;if(!a?.length)return null;let i=this.notificationId();if(i){let M=a.find(F=>F?.id===i);if(M)return M}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.componentId="velt-notifications-panel-content-list-item-avatar"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{notification:this.resolvedNotification()})}ngOnChanges(e){try{super.ngOnChanges(e),e.notification&&this.notificationSignal.set(this.notification)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemAvatarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemAvatarComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-content-list-item-avatar-internal"]],inputs:{notification:"notification",notificationIndex:[1,"notificationIndex"],notificationId:[1,"notificationId"]},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"user","size"]],template:function(o,a){if(o&1&&h(0,Mo,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,qt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}"],changeDetection:0});let t=n;return t})();var sn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Uo=(t,n)=>({condition:t,data:n}),Bo=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-body-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ro(t,n){if(t&1&&(T(0,"div",3),O(1,"safeHtml"),O(2,"translate"),O(3,"translate")),t&2){let r,e,o=l(5);d("innerHTML",D(1,3,((r=o.resolvedNotification())==null?null:r.notificationSource)!=="custom"?'"'+((r=o.resolvedNotification())==null?null:r.displayBodyMessage)+'"':(r=o.resolvedNotification())==null?null:r.displayBodyMessage),nr),A("data-testid",o.componentId+"-body")("aria-label",D(3,7,D(2,5,"Notification message:")+"")+" "+((e=o.resolvedNotification())==null?null:e.displayBodyMessage))}}function Vo(t,n){if(t&1&&(k(0,"div"),h(1,Ro,4,9,"div",3),x()),t&2){let r,e=l(4);v(),f((r=e.resolvedNotification())!=null&&r.displayBodyMessage||!e.defaultCondition()?1:-1)}}function zo(t,n){t&1&&T(0,"velt-skeleton-loader-internal",2)}function Go(t,n){if(t&1&&(s(0),h(1,Vo,2,1,"div")(2,zo,1,0,"velt-skeleton-loader-internal",2),m()),t&2){let r=l(3);v(),f(r.showLoadingTemplateSignal()?2:1)}}function Ho(t,n){if(t&1&&(s(0),c(1,Go,3,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Bo,e.template,W(1,sn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Yo(t,n){if(t&1&&c(0,Ho,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Uo,r.conditionSignal(),W(1,sn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Be=(()=>{let n=class n extends E{constructor(){super(...arguments),this.notificationIndex=q(void 0,{transform:e=>{if(e!=null){if(typeof e=="string"){let o=parseInt(e,10);return isNaN(o)?void 0:o}return e}}}),this.notificationId=q(void 0,{transform:e=>e?.trim()||void 0}),this.notificationSignal=V(null),this.resolvedNotification=J(()=>{try{let e=this.notificationSignal();if(e)return e;let o=this.componentConfigSignal(),a=o?.data?.notificationsInSession||o?.data?.notificationsForYouInSession;if(!a?.length)return null;let i=this.notificationId();if(i){let M=a.find(F=>F?.id===i);if(M)return M}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.showLoadingTemplateSignal=V(!1),this.componentId="velt-notifications-panel-content-list-item-body"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{notification:this.resolvedNotification()})}ngOnChanges(e){try{super.ngOnChanges(e),e.notification&&(this.notificationSignal.set(this.notification),this.setShowLoadingTemplate())}catch(o){this.loggingService.catch("Error in NotificationsPanelContentListItemBodyComponent ngOnChanges: ",o)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemBodyComponent ngOnDestroy:",e)}}setShowLoadingTemplate(){try{this.notification?.isCommentResolverUsed&&!this.notification?.displayBodyMessage?(this.showLoadingTemplateSignal.set(!0),setTimeout(()=>{this.showLoadingTemplateSignal.set(!1)},1e4)):this.showLoadingTemplateSignal.set(!1)}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemBodyComponent setShowLoadingTemplate:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemBodyComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-content-list-item-body-internal"]],inputs:{notification:"notification",notificationIndex:[1,"notificationIndex"],notificationId:[1,"notificationId"]},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["height","20px","width","150px","borderRadius","20px"],["role","article",1,"v-body-message","velt-notifications-panel--list-item-body",3,"innerHTML"]],template:function(o,a){if(o&1&&h(0,Yo,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,sr,U,mr],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[_nghost-%COMP%]:empty{display:none}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-notifications-panel--list-item-body[_ngcontent-%COMP%]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;overflow-wrap:break-word;color:var(--velt-text-4);font-size:13px;font-style:italic;font-weight:500;line-height:1.5}.velt-notifications-panel--list-item-body[_ngcontent-%COMP%]     velt-skeleton-loader{margin-inline:4px}"],changeDetection:0});let t=n;return t})();var mn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Wo=(t,n)=>({condition:t,data:n}),$o=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-file-name-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ko(t,n){if(t&1&&(k(0,"span",2),K(1),O(2,"translate"),x()),t&2){le