@veltdev/sdk-staging 6.0.0-beta.5 → 6.0.0-beta.6

package/velt-notification.js

@@ -1 +1 @@
-import{a as ur}from"./chunk-6YU4HPC3.js";import{a as on,b as X}from"./chunk-GY4HESRT.js";import{a as Wr,c as $r}from"./chunk-NREV2I2E.js";import{a as mr}from"./chunk-I3QEZDJJ.js";import{a as an}from"./chunk-ONMQQFFH.js";import"./chunk-DEKTLMP2.js";import{a as gr}from"./chunk-NVSEAZ7V.js";import{a as cr,b as rn}from"./chunk-BLOVLKDQ.js";import{A as N,B as P,y as tn}from"./chunk-4RKIO2W6.js";import{a as dr}from"./chunk-NM7DOIHZ.js";import{b as U,c as sr,d as qt}from"./chunk-62IPFSNC.js";import{a as nn}from"./chunk-EJCDV3ZL.js";import"./chunk-XQKUJSNO.js";import{a as Yr}from"./chunk-ZOM7FOLY.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-GG5L5Y4V.js";import{$ as Ee,Aa as nr,De as Jr,E as Er,Ea as Fr,Fa as v,Ga as ye,Hi as we,Ib as ue,J as Ar,Kb as ee,Kh as qr,Lc as Wt,Lh as Zr,Mh as Xr,Nb as K,Ob as Me,Oc as Vr,Pa as me,Pb as le,Pc as zr,Qb as Br,T as De,Ta as Lr,Te as B,Ua as C,Va as Ur,Ya as _,Zh as ir,_a as c,_b as I,a as p,aa as Mr,ac as Fe,b,bc as or,ca as ve,cc as g,da as ae,db as A,dc as W,ec as te,fb as h,fc as y,g as Dr,gb as f,gc as Rr,ge as jr,ha as Y,he as yr,ia as j,ja as ie,jb as Ce,je as re,k as Sr,ka as Oe,kb as _e,kc as O,ki as vr,lb as d,lc as D,mb as k,nb as x,ni as $t,ob as T,oi as Kt,pc as Ie,pi as R,qa as V,r as ge,sb as s,sc as J,tb as m,te as Kr,th as se,ua as oe,ub as Ae,ui as ce,v as Te,va as S,vb as Q,vc as q,vi as Jt,wa as rr,xb as Z,zb as l}from"./chunk-3HVKHN3C.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){let r=l(5);A("data-testid",r.componentId+"-text"),v(),le(" ",D(2,2,r.documentName())," ")}}function Jo(t,n){if(t&1&&(s(0),h(1,Ko,3,4,"span",2),m()),t&2){let r=l(4);v(),f(r.documentName()||!r.defaultCondition()?1:-1)}}function qo(t,n){if(t&1&&c(0,Jo,2,1,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(5,$o,e.template,W(1,mn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Zo(t,n){if(t&1&&(s(0),h(1,qo,1,11,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(r.uiState.selectedTab!=r.uiState.TABS.Documents||!e.defaultCondition()?1:-1)}}function Xo(t,n){if(t&1&&c(0,Zo,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Wo,r.conditionSignal(),W(1,mn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Re=(()=>{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.documentName=J(()=>{try{let e=this.resolvedNotification();if(!e)return"";let o=e.metadata||{};return o.documentName?o.documentName:(o.documentId?this.docService.getDocumentMetadata(o.documentId):null)?.documentName||String(o.clientDocumentId??"")||""}catch{return""}}),this.componentId="velt-notifications-panel-content-list-item-file-name",this.docService=ae(we)}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 NotificationsPanelContentListItemFileNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemFileNameComponent 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-file-name-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"],[1,"velt-notifications-panel--file-name-text"]],template:function(o,a){if(o&1&&h(0,Xo,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 un=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ea=(t,n)=>({condition:t,data:n}),ta=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-headline-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ra(t,n){if(t&1&&(T(0,"div",2),O(1,"safeHtml"),O(2,"translate")),t&2){let r,e,o=l(4);d("innerHTML",D(1,4,(r=o.resolvedNotification())==null?null:r.displayHeadlineMessage),nr),A("data-testid",o.componentId+"-headline")("aria-level",2)("aria-label",D(2,6,"Notification headline:")+" "+((e=o.resolvedNotification())==null?null:e.displayHeadlineMessage))}}function na(t,n){if(t&1&&(s(0),h(1,ra,3,8,"div",2),m()),t&2){let r,e=l(3);v(),f((r=e.resolvedNotification())!=null&&r.displayHeadlineMessage||!e.defaultCondition()?1:-1)}}function oa(t,n){if(t&1&&(s(0),c(1,na,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,ta,e.template,W(1,un,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function aa(t,n){if(t&1&&c(0,oa,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,ea,r.conditionSignal(),W(1,un,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Ve=(()=>{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-headline"}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 NotificationsPanelContentListItemHeadlineComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","heading"),e.setAttribute("aria-level","2")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemHeadlineComponent 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-headline-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"],["role","heading",1,"v-headline-message","velt-notifications-panel--list-item-headline",3,"innerHTML"]],template:function(o,a){if(o&1&&h(0,aa,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,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-headline[_ngcontent-%COMP%]{color:var(--velt-text-2);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:1.5}.velt-notifications-panel--list-item-headline[_ngcontent-%COMP%]   .highlight[_ngcontent-%COMP%], .velt-notifications-panel--list-item-headline[_ngcontent-%COMP%]   b[_ngcontent-%COMP%], .velt-notifications-panel--list-item-headline[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%]{color:var(--velt-text-0);font-weight:500}"],changeDetection:0});let t=n;return t})();var pn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ia=(t,n)=>({condition:t,data:n}),va=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-time-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function da(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),O(3,"timeAgo"),K(4),O(5,"timeAgo"),O(6,"translate"),x(),m()),t&2){let r,e,o,a=l(3);v(),A("data-testid",a.componentId+"-timestamp")("aria-label",D(2,4,"Notification time:")+" "+D(3,6,(r=a.resolvedNotification())==null?null:r.timestamp))("datetime",(e=a.resolvedNotification())==null?null:e.timestamp),v(3),le(" ",(o=a.resolvedNotification())!=null&&o.timestamp?D(5,8,(o=a.resolvedNotification())==null?null:o.timestamp):D(6,10,"")," ")}}function ca(t,n){if(t&1&&(s(0),c(1,da,7,12,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,va,e.template,W(1,pn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ga(t,n){if(t&1&&c(0,ca,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,ia,r.conditionSignal(),W(1,pn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var ze=(()=>{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-time"}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 NotificationsPanelContentListItemTimeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemTimeComponent 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-time-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"],["role","time",1,"v-notification-timestamp","velt-notifications-panel--list-item-timestamp"]],template:function(o,a){if(o&1&&h(0,ga,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U,an],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-timestamp[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var hn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r,isDefault:e}),ma=(t,n)=>({condition:t,data:n}),ua=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-unread-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function pa(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),ie(),k(3,"svg",3),T(4,"circle",4),x()(),m()),t&2){let r=l(4);v(),ee("velt-notifications-panel--unread-is-default",r.isDefault),A("data-testid",r.componentId+"-unread")("aria-label",D(2,4,"Unread notification"))}}function ha(t,n){if(t&1&&c(0,pa,5,6,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(6,ua,e.template,te(1,hn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification(),e.isDefault),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fa(t,n){if(t&1&&(s(0),h(1,ha,1,12,"ng-container"),m()),t&2){let r,e=l(2);v(),f((r=e.resolvedNotification())!=null&&r.isUnread||!e.defaultCondition()?1:-1)}}function ba(t,n){if(t&1&&c(0,fa,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(6,ma,r.conditionSignal(),te(1,hn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification(),r.isDefault)))}}var Ge=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isDefault=!1,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-unread"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{notification:this.resolvedNotification(),isDefault:this.isDefault})}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 NotificationsPanelContentListItemUnreadComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemUnreadComponent 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-unread-internal"]],inputs:{notification:"notification",isDefault:"isDefault",notificationIndex:[1,"notificationIndex"],notificationId:[1,"notificationId"]},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","status","aria-live","polite",1,"v-unread-indicator","velt-notifications-panel--list-item-unread"],["width","12","height","12","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["cx","6","cy","6","r","5","fill","#FF7162","stroke","currentColor","stroke-width","2"]],template:function(o,a){if(o&1&&h(0,ba,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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-unread[_ngcontent-%COMP%]{display:flex;color:var(--velt-background-0)}.velt-notifications-panel--list-item-unread[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   circle[_ngcontent-%COMP%]{fill:var(--velt-error)}.velt-notifications-panel--unread-is-default[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px}"],changeDetection:0});let t=n;return t})();var fn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),xa=(t,n)=>({condition:t,data:n}),Ca=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function _a(t,n){if(t&1&&(k(0,"div",8)(1,"div",9),ie(),k(2,"svg",10),T(3,"path",11),x(),Oe(),T(4,"velt-notifications-panel-content-list-item-file-name-internal",4),x()()),t&2){let r=l(4);A("data-testid",r.componentId+"-info"),v(4),d("componentConfigSignal",r.componentConfigSignal)("notification",r.resolvedNotification())("parentLocalUIState",r.localUIStateSignal)}}function Sa(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-content-list-item-avatar-internal",4)(3,"velt-notifications-panel-content-list-item-unread-internal",5),x(),k(4,"div",6)(5,"div",7),T(6,"velt-notifications-panel-content-list-item-headline-internal",4)(7,"velt-notifications-panel-content-list-item-time-internal",4),x(),T(8,"velt-notifications-panel-content-list-item-body-internal",4),h(9,_a,5,4,"div",8),x(),m()),t&2){let r,e=l(3);v(),A("data-testid",e.componentId+"-avatar-container"),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal)("isDefault",!0),v(),A("data-testid",e.componentId+"-details"),v(2),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),f(!((r=e.resolvedNotification())==null||r.metadata==null)&&r.metadata.documentName?9:-1)}}function ya(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),O(3,"translate"),O(4,"translate"),Z("click",function(o){Y(r);let a=l(),i=l();return j(a.onNotificationClick(i.resolvedNotification(),o))}),c(5,Sa,10,19,"ng-container",2),x(),m()}if(t&2){let r,e,o=l(),a=l();v(),ee("unread",(r=a.resolvedNotification())==null?null:r.isUnread),A("aria-label",D(2,5,"Notification")+" "+((e=a.resolvedNotification())!=null&&e.isUnread?D(3,7,"unread"):D(4,9,"read")))("data-testid",a.componentId),v(4),d("veltDynamicTemplate",y(15,Ca,a.template,W(11,fn,a.componentConfigSignal,a.localUIStateSignal,a.resolvedNotification()),o==null||o.uiState==null?null:o.uiState.variant,a.setIfCondition.bind(a),a.hostElementRef))}}function Ia(t,n){if(t&1&&c(0,ya,6,21,"ng-container",0),t&2){let r=l();d("veltIf",g(5,xa,r.conditionSignal(),W(1,fn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var He=(()=>{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)return a.find(M=>M?.id===i)||null;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",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}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 NotificationsPanelContentListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemComponent 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-internal"]],inputs:{notification:"notification",notificationIndex:[1,"notificationIndex"],notificationId:[1,"notificationId"],listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],["role","article","tabindex","0",1,"v-notification","velt-notifications-panel--list-item",3,"click"],[4,"veltDynamicTemplate"],[1,"v-user-avatar-container","velt-notifications-panel--avatar-container"],[3,"componentConfigSignal","notification","parentLocalUIState"],[3,"componentConfigSignal","notification","parentLocalUIState","isDefault"],[1,"v-user-details-container","velt-notifications-panel--details-container"],[1,"velt-notification-info","velt-notifications-panel--headline-container"],[1,"velt-notification-info","velt-notifications-panel--details"],[1,"velt-notification-file-name","velt-notifications-panel--list-item-file-name"],["width","12","height","12","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["d","M7 1.5V3.5C7 3.63261 7.05268 3.75979 7.14645 3.85355C7.24021 3.94732 7.36739 4 7.5 4H9.5M7 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V9.5C2.5 9.76522 2.60536 10.0196 2.79289 10.2071C2.98043 10.3946 3.23478 10.5 3.5 10.5H8.5C8.76522 10.5 9.01957 10.3946 9.20711 10.2071C9.39464 10.0196 9.5 9.76522 9.5 9.5V4M7 1.5L9.5 4","stroke","#A3A3A3","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ia,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ue,Be,Re,Ve,ze,Ge,U],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);width:100%;box-sizing:border-box}[_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[_ngcontent-%COMP%]{display:flex;align-items:flex-start;align-self:stretch;gap:10px;padding:var(--velt-spacing-lg) var(--velt-spacing-2xl) var(--velt-spacing-lg) var(--velt-spacing-md);border-radius:var(--velt-font-size-xs);cursor:pointer;transition:background-color .3s ease}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--avatar-container[_ngcontent-%COMP%]{position:relative;display:flex}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--headline-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-self:stretch}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-sm);width:100%}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]   .velt-notifications-panel--details[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]   .velt-notifications-panel--details[_ngcontent-%COMP%]   .velt-notifications-panel--list-item-file-name[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-2xs);color:var(--velt-text-5);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]   .velt-notifications-panel--details[_ngcontent-%COMP%]   .velt-notifications-panel--list-item-file-name[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{flex-shrink:0}.velt-notifications-panel--list-item[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}"],changeDetection:0});let t=n;return t})();var bn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r}),Na=(t,n)=>({condition:t,data:n}),Pa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Ta=(t,n)=>n.id;function Oa(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=l().$implicit,e=l(4);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notification",r)("listItemTemplate",e.listItemTemplate)}}function Da(t,n){if(t&1&&h(0,Oa,1,4,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=n.$index,e=l(3),o=l();f(r<e.uiState.tabPage[e.uiState.selectedTab]*e.uiState.pageSize||e.uiState.panelOpenMode==="sidebar"||!o.defaultCondition()?0:-1)}}function Ea(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=l(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Aa(t,n){if(t&1&&h(0,Ea,1,2,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=l(4);f(r.defaultCondition()?-1:0)}}function Ma(t,n){if(t&1&&(s(0),Ce(1,Da,1,1,null,null,Ta,!1,Aa,1,1),m()),t&2){let r=l(3);v(),_e(r.resolvedNotifications())}}function Fa(t,n){if(t&1&&(s(0),c(1,Ma,4,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Pa,e.template,W(1,bn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function La(t,n){if(t&1&&c(0,Fa,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Na,r.conditionSignal(),W(1,bn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotifications())))}}var he=(()=>{let n=class n extends E{constructor(){super(...arguments),this._listType=V("all"),this._documentId=V(void 0),this.resolvedNotifications=J(()=>{try{let e=this.componentConfigSignal();if(this.notifications)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],i=o;try{i=this.docService.generateDocumentId(o)||o}catch{}return a.find(u=>u.documentId===i||u.documentId===o)?.notifications||[]}return this._listType()==="for-you"?e?.data?.notificationsForYouInSession||[]:e?.data?.notificationsInSession||[]}catch{return[]}}),this.componentId="velt-notifications-panel-content-list",this.docService=ae(we)}set listType(e){let o=(e||"").trim().toLowerCase();this._listType.set(o==="for-you"||o==="foryou"?"for-you":"all")}set documentId(e){this._documentId.set(e?.trim()||void 0)}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{notifications:this.notifications})}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListComponent 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-internal"]],inputs:{notifications:"notifications",listItemTemplate:"listItemTemplate",listType:"listType",documentId:"documentId"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notification","listItemTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,La,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,He],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);width:100%;box-sizing:border-box;display:flex;gap:var(--velt-spacing-2xs);flex-direction:column}[_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 kn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isLoadMoreVisible:r,notifications:e}),Ua=(t,n)=>({condition:t,data:n}),Ba=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-load-more-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ra(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3),e=l();v(),Br(" ",D(2,2,"Load More")," (",(e.resolvedNotifications().length||0)-r.uiState.tabPage[r.uiState.selectedTab]*r.uiState.pageSize,") ")}}function Va(t,n){if(t&1){let r=Q();k(0,"button",2),O(1,"translate"),O(2,"translate"),Z("click",function(o){Y(r);let a=l(2);return j(a.onLoadMoreClick(o))}),c(3,Ra,3,4,"ng-container",3),x()}if(t&2){let r=l(2),e=l();A("data-testid",e.componentId)("aria-label",D(1,3,"Load")+" "+((e.resolvedNotifications().length||0)-r.uiState.tabPage[r.uiState.selectedTab]*r.uiState.pageSize)+" "+D(2,5,"more notifications")),v(3),d("veltDynamicTemplate",y(12,Ba,e.template,te(7,kn,e.componentConfigSignal,e.localUIStateSignal,e.isLoadMoreVisible,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function za(t,n){if(t&1&&(s(0),h(1,Va,4,18,"button",1),m()),t&2){let r=l(),e=l();v(),f(e.isLoadMoreVisible&&r.uiState.panelOpenMode!=="sidebar"||!e.defaultCondition()?1:-1)}}function Ga(t,n){if(t&1&&c(0,za,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Ua,r.conditionSignal(),te(1,kn,r.componentConfigSignal,r.localUIStateSignal,r.isLoadMoreVisible,r.resolvedNotifications())))}}var fe=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isLoadMoreVisible=!1,this.notifications=[],this._listType=V("all"),this._documentId=V(void 0),this.resolvedNotifications=J(()=>{try{let e=this.componentConfigSignal();if(this.notifications?.length)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],i=o;try{i=this.docService.generateDocumentId(o)||o}catch{}return a.find(u=>u.documentId===i||u.documentId===o)?.notifications||[]}return this._listType()==="for-you"?e?.data?.notificationsForYouInSession||[]:e?.data?.notificationsInSession||[]}catch{return[]}}),this.componentId="velt-notifications-panel-content-load-more",this.docService=ae(we)}set listType(e){let o=(e||"").trim().toLowerCase();this._listType.set(o==="for-you"||o==="foryou"?"for-you":"all")}set documentId(e){this._documentId.set(e?.trim()||void 0)}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{isLoadMoreVisible:this.isLoadMoreVisible,notifications:this.notifications})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentLoadMoreComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentLoadMoreComponent 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-load-more-internal"]],inputs:{isLoadMoreVisible:"isLoadMoreVisible",notifications:"notifications",listType:"listType",documentId:"documentId"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","type","button",1,"v-load-more-btn","velt-notifications-panel--content-load-more"],["role","button","type","button",1,"v-load-more-btn","velt-notifications-panel--content-load-more",3,"click"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Ga,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;align-items:center;justify-content:center}[_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--content-load-more[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg) var(--velt-spacing-2xl) var(--velt-spacing-lg) var(--velt-spacing-2xl);align-items:center;justify-content:center;gap:10px;cursor:pointer;border:0;outline:0;background:transparent;color:var(--velt-accent-text);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:100%;border-radius:var(--velt-border-radius-full)}.velt-notifications-panel--content-load-more[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-2)}"],changeDetection:0});let t=n;return t})();var Ha=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ya=(t,n)=>({condition:t,data:n}),ja=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),Wa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-item-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function $a(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",2)(2,"velt-notifications-panel-content-load-more-internal",3),m()),t&2){let r,e,o,a=l(2),i=l();v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(r=i.resolvedData())==null?null:r.notifications),v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(e=i.resolvedData())==null?null:e.notifications)("isLoadMoreVisible",((o=i.resolvedData())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.all*a.uiState.pageSize)}}function Ka(t,n){if(t&1&&(s(0),c(1,$a,3,7,"ng-container",1),m()),t&2){let r,e=l(),o=l();v(),d("veltDynamicTemplate",y(6,Wa,o.template,te(1,ja,o.componentConfigSignal,o.localUIStateSignal,(r=o.resolvedData())==null?null:r.notifications,((r=o.resolvedData())==null||r.notifications==null?null:r.notifications.length)>e.uiState.tabPage.all*e.uiState.pageSize),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Ja(t,n){if(t&1&&c(0,Ka,2,12,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ya,r.conditionSignal(),g(1,Ha,r.componentConfigSignal,r.localUIStateSignal)))}}var Ye=(()=>{let n=class n extends Xt{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item-content"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemContentComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Notification item")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemContentComponent 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-all-list-item-content-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"]],template:function(o,a){if(o&1&&h(0,Ja,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,he,fe],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 Za=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Xa=(t,n)=>({condition:t,data:n}),Qa=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),el=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-item-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tl(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),O(3,"translate"),x(),m()),t&2){let r,e,o=l(3);v(),A("data-testid",o.componentId)("role","listitem")("aria-label",(r=o.resolvedData())==null?null:r.displayName),v(),le(" ",D(3,4,(e=o.resolvedData())==null?null:e.displayName)," ")}}function rl(t,n){if(t&1&&(s(0),c(1,tl,4,6,"ng-container",1),m()),t&2){let r,e=l(),o=l();v(),d("veltDynamicTemplate",y(6,el,o.template,te(1,Qa,o.componentConfigSignal,o.localUIStateSignal,(r=o.resolvedData())==null?null:r.notifications,((r=o.resolvedData())==null||r.notifications==null?null:r.notifications.length)>e.uiState.tabPage.all*e.uiState.pageSize),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function nl(t,n){if(t&1&&c(0,rl,2,12,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Xa,r.conditionSignal(),g(1,Za,r.componentConfigSignal,r.localUIStateSignal)))}}var je=(()=>{let n=class n extends Xt{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item-label"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemLabelComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Notification item")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemLabelComponent 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-all-list-item-label-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notifications-panel--content-all-list-item-label"]],template:function(o,a){if(o&1&&h(0,nl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--content-all-list-item-label[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);letter-spacing:1.8px;text-transform:uppercase;padding:var(--velt-spacing-xs) var(--velt-spacing-md);display:block}"],changeDetection:0});let t=n;return t})();var al=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ll=(t,n)=>({condition:t,data:n}),il=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),vl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function dl(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),T(3,"velt-notifications-panel-content-all-list-item-label-internal",3)(4,"velt-notifications-panel-content-all-list-item-content-internal",3),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId)("role","listitem")("aria-label",D(2,9,"Notification item")),v(2),d("data",r.resolvedData())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("data",r.resolvedData())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function cl(t,n){if(t&1&&(s(0),c(1,dl,5,11,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,vl,e.template,W(1,il,e.componentConfigSignal,e.localUIStateSignal,e.resolvedData()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function gl(t,n){if(t&1&&c(0,cl,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ll,r.conditionSignal(),g(1,al,r.componentConfigSignal,r.localUIStateSignal)))}}var We=(()=>{let n=class n extends Xt{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Notification item")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemComponent 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-all-list-item-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notifications-panel--content-all-list-item"],[3,"data","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,gl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ye,je,U],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--content-all-list-item[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding-block:var(--velt-spacing-md);margin-inline:var(--velt-spacing-sm)}"],changeDetection:0});let t=n;return t})();var xn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ml=(t,n)=>({condition:t,data:n}),ul=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),pl=()=>[],hl=(t,n)=>n.date;function fl(t,n){if(t&1&&(k(0,"div"),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",2),x()),t&2){let r=n.$implicit,e=l(5);A("data-testid",e.componentId)("role","list")("aria-label",D(1,7,"All notifications list")),v(2),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("data",r)("listItemTemplate",e.listItemTemplate)}}function bl(t,n){if(t&1&&(k(0,"div",3),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",4),x()),t&2){let r=l(6);A("data-testid",r.componentId)("aria-label",D(1,4,"All notifications list")),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function kl(t,n){if(t&1&&h(0,bl,3,6,"div",3),t&2){let r=l(5);f(r.defaultCondition()?-1:0)}}function xl(t,n){if(t&1&&Ce(0,fl,3,9,"div",null,hl,!1,kl,1,1),t&2){let r=l(3);_e(r.data.notificationsByDate??Fe(1,pl))}}function Cl(t,n){if(t&1&&(s(0),h(1,xl,3,2),m()),t&2){let r=l(2),e=l();v(),f(!(r==null||r.data==null)&&r.data.notificationsByDate||!e.defaultCondition()?1:-1)}}function _l(t,n){if(t&1&&(s(0),c(1,Cl,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,ul,e.template,g(1,xn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Sl(t,n){if(t&1&&c(0,_l,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ml,r.conditionSignal(),g(1,xn,r.componentConfigSignal,r.localUIStateSignal)))}}var $e=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list"}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-all-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","Notifications list")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListComponent 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-all-list-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","data","listItemTemplate"],["role","list"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Sl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,We,U],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 Cn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Il=(t,n)=>({condition:t,data:n}),wl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-view-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Nl(t,n){t&1&&(s(0),k(1,"div",3),K(2),O(3,"translate"),x(),m()),t&2&&(v(2),le(" ",D(3,1,"View all")," "))}function Pl(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=l(),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=l(),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=l(),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.All))}),c(3,Nl,4,3,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),A("aria-label",D(2,3,"View all notifications"))("data-testid",e.componentId+"-view-all-container"),v(2),d("veltDynamicTemplate",y(8,wl,e.template,g(5,Cn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Tl(t,n){if(t&1&&c(0,Pl,4,14,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Il,r.conditionSignal(),g(1,Cn,r.componentConfigSignal,r.localUIStateSignal)))}}var Ke=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-view-all-button"}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelViewAllButtonComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelViewAllButtonComponent 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-view-all-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"all-notifications-view-all-btn","velt-notifications-panel--view-all-button"]],template:function(o,a){if(o&1&&h(0,Tl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--view-all-button[_ngcontent-%COMP%]{color:var(--velt-accent-text);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:120%;cursor:pointer}"],changeDetection:0});let t=n;return t})();var _n=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r}),Dl=(t,n)=>({condition:t,data:n}),El=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-read-container-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Al(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),k(3,"span",3),K(4,"\u{1F60C}"),x(),k(5,"div",4),O(6,"translate"),K(7),O(8,"translate"),x(),T(9,"velt-notifications-panel-view-all-button-internal",5),x(),m()),t&2){let r=l(4);v(),A("data-testid",r.componentId)("role","listitem")("aria-label",D(2,9,"All notifications read")),v(2),A("data-testid",r.componentId+"-emoji"),v(2),A("data-testid",r.componentId+"-message")("aria-label",D(6,11,"All notifications read")),v(2),le(" ",D(8,13,"All notifications read")," "),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Ml(t,n){if(t&1&&c(0,Al,10,15,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(5,El,e.template,W(1,_n,e.componentConfigSignal,e.localUIStateSignal,e.isAllRead),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Fl(t,n){if(t&1&&(s(0),h(1,Ml,1,11,"ng-container"),m()),t&2){let r=l(2);v(),f(r.isAllRead||!r.defaultCondition()?1:-1)}}function Ll(t,n){if(t&1&&c(0,Fl,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Dl,r.conditionSignal(),W(1,_n,r.componentConfigSignal,r.localUIStateSignal,r.isAllRead)))}}var be=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isAllRead=!1,this.componentId="velt-notifications-panel-content-all-read-container"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{isAllRead:this.isAllRead})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllReadContainerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","All read notifications")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllReadContainerComponent 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-all-read-container-internal"]],inputs:{isAllRead:"isAllRead"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"all-notifications-read-container","velt-notifications-panel--all-read-container"],[1,"notifications-read-emoji","velt-notifications-panel--emoji"],[1,"all-notifications-read-message","velt-notifications-panel--message"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Ll,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ke,U],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--all-read-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:var(--velt-spacing-sm) var(--velt-spacing-lg);height:150px;font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:120%;color:var(--velt-text-0)}.velt-notifications-panel--all-read-container[_ngcontent-%COMP%]   .velt-notifications-panel--emoji[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xl);font-style:normal;font-weight:400;line-height:120%}"],changeDetection:0});let t=n;return t})();var Sn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ul=(t,n)=>({condition:t,data:n}),Bl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-skeleton-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Rl(t,n){t&1&&(s(0),k(1,"div",2)(2,"div",3),T(3,"div",4),k(4,"div",5)(5,"div",6),T(6,"div",7),x(),k(7,"div",8),T(8,"div",9)(9,"div",10),x()()(),k(10,"div",3),T(11,"div",4),k(12,"div",5)(13,"div",6),T(14,"div",7),x(),k(15,"div",8),T(16,"div",9)(17,"div",10),x()()()(),m())}function Vl(t,n){if(t&1&&c(0,Rl,18,0,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,Bl,e.template,g(1,Sn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function zl(t,n){if(t&1&&(s(0),h(1,Vl,1,10,"ng-container"),m()),t&2){let r=l(2);v(),f(r.isLoading?1:-1)}}function Gl(t,n){if(t&1&&c(0,zl,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ul,r.conditionSignal(),g(1,Sn,r.componentConfigSignal,r.localUIStateSignal)))}}var ke=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isLoading=!0,this.componentId="velt-notifications-panel-skeleton"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSkeletonComponent 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-skeleton-internal"]],inputs:{isLoading:"isLoading"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"skeleton"],[1,"skeleton-item-card"],[1,"shine","skeleton-item-avatar"],[1,"skeleton-item-info"],[1,"skeleton-iten-name-info"],[1,"shine","skeleton-item-name"],[1,"skeleton-item-body-info"],[1,"shine","skeleton-item-body"],[1,"shine","skeleton-item-body-button"]],template:function(o,a){if(o&1&&h(0,Gl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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);width:100%;box-sizing:border-box;overflow:hidden}[_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)}.skeleton[_ngcontent-%COMP%]{width:100%;margin:0 auto;padding:var(--velt-spacing-sm);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;align-items:flex-start;gap:var(--velt-spacing-sm)}.skeleton-loading-comment[_ngcontent-%COMP%]{color:var(--velt-gray);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:180%;padding-bottom:var(--velt-spacing-lg);border-bottom:2px solid var(--velt-border-4)}.skeleton-color-header[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-xl);align-items:center;justify-content:center;margin-bottom:var(--velt-spacing-xl)}.skeleton-color-input[_ngcontent-%COMP%]{display:flex;flex:1;align-items:center;gap:var(--velt-spacing-sm)}.skeleton-item-header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.skeleton-item-index[_ngcontent-%COMP%]{width:32px;height:20px;border-radius:var(--velt-border-radius-3xl)}.skeleton-item-status[_ngcontent-%COMP%]{width:105px;height:32px;border-radius:var(--velt-border-radius-2xl)}.skeleton-item-card[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg) var(--velt-spacing-lg) var(--velt-spacing-lg) var(--velt-spacing-md);gap:10px;width:100%;box-sizing:border-box}.skeleton-item-avatar[_ngcontent-%COMP%]{width:26px;height:24px;border-radius:var(--velt-border-radius-2xl)}.skeleton-item-info[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-sm);width:100%}.skeleton-item-name[_ngcontent-%COMP%]{margin-top:1.5px;width:100%;box-sizing:border-box;height:21px;border-radius:var(--velt-border-radius-md)}.skeleton-item-date[_ngcontent-%COMP%]{width:373px;height:25px;border-radius:var(--velt-border-radius-md)}.skeleton-item-body[_ngcontent-%COMP%]{width:49px;height:18px;border-radius:var(--velt-border-radius-2xl)}.skeleton-item-body-info[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:var(--velt-spacing-sm)}.skeleton-item-body-button[_ngcontent-%COMP%]{width:67px;height:18px;border-radius:var(--velt-border-radius-2xl)}.skeleton-iten-name-info[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.skeleton-item-status[_ngcontent-%COMP%]{width:24px;height:24px;border-radius:var(--velt-border-radius-2xl)}.shine[_ngcontent-%COMP%]{background-color:var(--velt-background-4);position:relative;overflow:hidden}.shine[_ngcontent-%COMP%]:before{content:"";display:block;position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,var(--velt-dark-mode-animation-transparent),transparent);animation:_ngcontent-%COMP%_loading 1.5s infinite}@keyframes _ngcontent-%COMP%_loading{0%{left:-150px}50%{left:100%}to{left:100%}}'],changeDetection:0});let t=n;return t})();var Hl=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Yl=(t,n)=>({condition:t,data:n}),jl=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),Wl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function $l(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-all-list-internal",4)(2,"velt-notifications-panel-content-all-read-container-internal",5)(3,"velt-notifications-panel-skeleton-internal",6),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",r.data.notificationsInSession!==null&&(!(!(r==null||r.data==null)&&r.data.notificationsByDate)||(r==null||r.data==null||r.data.notificationsByDate==null?null:r.data.notificationsByDate.length)===0)),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsInSession===null)}}function Kl(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,$l,4,8,"ng-container",3),x()),t&2){let r=l(2),e=l();ee("velt-notifications-panel-content--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),A("data-testid",e.componentId)("role","list")("aria-label",D(1,6,"All notifications")),v(2),d("veltDynamicTemplate",y(13,Wl,e.template,te(8,jl,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsInSession!==null&&(!(!(r==null||r.data==null)&&r.data.notificationsByDate)||(r==null||r.data==null||r.data.notificationsByDate==null?null:r.data.notificationsByDate.length)===0),r.data.notificationsInSession===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Jl(t,n){if(t&1&&(s(0),h(1,Kl,3,19,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.All===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function ql(t,n){if(t&1&&c(0,Jl,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Yl,r.conditionSignal(),g(1,Hl,r.componentConfigSignal,r.localUIStateSignal)))}}var Je=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all"}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","All notifications")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllComponent 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-all-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],[1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,ql,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,$e,be,ke,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var Le=(()=>{let n=class n extends hr{constructor(){super(...arguments),this._documentId=V(void 0),this.docService=ae(we),this.inputPropertyName="document",this.resolvedDocument=J(()=>{let e=this._documentId();if(e){let o=this.componentConfigSignal()?.data?.notificationsByDocumentId||[],a=e;try{a=this.docService.generateDocumentId(e)||e}catch{}let i=o.find(u=>u?.documentId===a||u?.documentId===e);if(i)return i}return this.resolvedItem()})}set documentId(e){this._documentId.set(e?.trim()||void 0)}getInputValue(){return this.document}getConfigArray(e){return e?.data?.notificationsByDocumentId}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["app-notifications-panel-documents-list-item-base"]],inputs:{document:"document",index:"index",documentId:"documentId"},standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var Xl=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),Ql=(t,n)=>({condition:t,data:n}),ei=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),ti=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ri(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),m()),t&2){let r,e,o,a=l(3),i=l();v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(r=i.resolvedDocument())==null?null:r.notifications)("template",i.template),v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(e=i.resolvedDocument())==null?null:e.notifications)("isLoadMoreVisible",((o=i.resolvedDocument())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.documents*a.uiState.pageSize)}}function ni(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,ri,3,8,"ng-container",3),x()),t&2){let r,e=l(2),o=l();ee("velt-notifications-panel-content--sidebar-panel",e.uiState.panelOpenMode==="sidebar"),A("data-testid",o.componentId)("role","listitem")("aria-label",D(1,6,"Document notification")),v(2),d("veltDynamicTemplate",y(13,ti,o.template,te(8,ei,o.componentConfigSignal,o.localUIStateSignal,(r=o.resolvedDocument())==null?null:r.notifications,((r=o.resolvedDocument())==null||r.notifications==null?null:r.notifications.length)>e.uiState.tabPage.documents*e.uiState.pageSize),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function oi(t,n){if(t&1&&(s(0),h(1,ni,3,19,"div",1),m()),t&2){let r,e=l(),o=l();v(),f(e.uiState.documentExpanded[(r=o.resolvedDocument())==null?null:r.documentId]||!o.defaultCondition()?1:-1)}}function ai(t,n){if(t&1&&c(0,oi,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Ql,r.conditionSignal(),te(1,Xl,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var qe=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-content"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemContentComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemContentComponent 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-documents-list-item-content-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],[1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications","template"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"]],template:function(o,a){if(o&1&&h(0,ai,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,he,fe,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var yn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),ii=(t,n)=>({condition:t,data:n}),vi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function di(t,n){if(t&1&&(k(0,"span"),O(1,"translate"),K(2),O(3,"translate"),x()),t&2){let r,e=l(4);A("data-testid",e.componentId+"-count")("role","listitem")("aria-label",D(1,4,"Document notification")),v(2),Me(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)+" "+D(3,6,"Unread"))}}function ci(t,n){if(t&1&&(s(0),h(1,di,4,8,"span"),m()),t&2){let r,e=l(3);v(),f((r=e.resolvedDocument())!=null&&r.unreadNotificationsCount||!e.defaultCondition()?1:-1)}}function gi(t,n){if(t&1&&(s(0),c(1,ci,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(6,vi,e.template,te(1,yn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function si(t,n){if(t&1&&c(0,gi,2,12,"ng-container",0),t&2){let r=l();d("veltIf",g(6,ii,r.conditionSignal(),te(1,yn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var Ze=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-count"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemCountComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemCountComponent 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-documents-list-item-count-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,si,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 In=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),ui=(t,n)=>({condition:t,data:n}),pi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-name-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),hi=t=>({$implicit:t});function fi(t,n){t&1&&Ae(0)}function bi(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),K(3),O(4,"translate"),x()),t&2){let r=l().$implicit,e=l(4);A("data-testid",e.componentId+"-name")("aria-label",D(1,3,"Document name:")+" "+D(2,5,(r==null?null:r.documentName)||"Untitled")),v(3),Me(D(4,7,r==null?null:r.documentName))}}function ki(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),K(3),O(4,"translate"),x()),t&2){let r,e,o=l(5);A("data-testid",o.componentId+"-id")("aria-label",D(1,3,"Document ID:")+" "+D(2,5,((r=o.resolvedDocument())==null||r.notifications==null||r.notifications[0]==null||r.notifications[0].metadata==null?null:r.notifications[0].metadata.clientDocumentId)||"Unknown")),v(3),le(" ",((e=o.resolvedDocument())==null||e.notifications==null||e.notifications[0]==null||e.notifications[0].metadata==null||e.notifications[0].metadata.clientDocumentId==null?null:e.notifications[0].metadata.clientDocumentId.length)>20?((e=o.resolvedDocument())==null||e.notifications==null||e.notifications[0]==null||e.notifications[0].metadata==null||e.notifications[0].metadata.clientDocumentId==null?null:e.notifications[0].metadata.clientDocumentId.slice(0,10))+"...":D(4,7,((e=o.resolvedDocument())==null||e.notifications==null||e.notifications[0]==null||e.notifications[0].metadata==null?null:e.notifications[0].metadata.clientDocumentId)||"Document")," ")}}function xi(t,n){if(t&1&&h(0,bi,5,9,"span",4)(1,ki,5,9,"span",4),t&2){let r=n.$implicit;f(r!=null&&r.documentName?0:1)}}function Ci(t,n){if(t&1&&(s(0),c(1,fi,1,0,"ng-container",3)(2,xi,2,1,"ng-template",null,0,Ie),m()),t&2){let r,e=ue(3),o=l(3);v(),d("ngTemplateOutlet",e)("ngTemplateOutletContext",or(2,hi,((r=o.resolvedDocument())==null?null:r.documentMetadata)||((r=o.resolvedDocument())==null||r.notifications==null||r.notifications[0]==null?null:r.notifications[0].metadata)))}}function _i(t,n){if(t&1&&(s(0),c(1,Ci,4,4,"ng-container",2),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(6,pi,e.template,te(1,In,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Si(t,n){if(t&1&&c(0,_i,2,12,"ng-container",1),t&2){let r=l();d("veltIf",g(6,ui,r.conditionSignal(),te(1,In,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var Xe=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-name"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemNameComponent 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-documents-list-item-name-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[["documentNameRef",""],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["role","text"]],template:function(o,a){if(o&1&&h(0,Si,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[Wt,P,N,U],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 wn=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e,isDefault:o}),Ii=(t,n)=>({condition:t,data:n}),wi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-unread-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ni(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),ie(),k(3,"svg",3),T(4,"circle",4),x()(),m()),t&2){let r,e=l(4);v(),ee("velt-notifications-panel--unread-is-default",e.isDefault),A("aria-label",((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)+" "+D(2,4,"unread notifications"))("data-testid",e.componentId)}}function Pi(t,n){if(t&1&&c(0,Ni,5,6,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(7,wi,e.template,y(1,wn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index,e.isDefault),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ti(t,n){if(t&1&&(s(0),h(1,Pi,1,13,"ng-container"),m()),t&2){let r,e=l(2);v(),f(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)>0||!e.defaultCondition()?1:-1)}}function Oi(t,n){if(t&1&&c(0,Ti,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(7,Ii,r.conditionSignal(),y(1,wn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index,r.isDefault)))}}var Qe=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.isDefault=!1,this.componentId="velt-notifications-panel-content-documents-list-item-unread"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index,isDefault:this.isDefault})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemUnreadComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemUnreadComponent 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-documents-list-item-unread-internal"]],inputs:{isDefault:"isDefault"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","status","aria-live","polite",1,"velt-notifications-panel--list-item-unread"],["width","12","height","12","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["cx","6","cy","6","r","5","fill","#FF7162","stroke","currentColor","stroke-width","2"]],template:function(o,a){if(o&1&&h(0,Oi,1,10,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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-unread[_ngcontent-%COMP%]{display:flex;color:var(--velt-background-0)}.velt-notifications-panel--list-item-unread[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   circle[_ngcontent-%COMP%]{fill:var(--velt-error)}.velt-notifications-panel--unread-is-default[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px}"],changeDetection:0});let t=n;return t})();var Nn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),Ei=(t,n)=>({condition:t,data:n}),Ai=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Mi(t,n){if(t&1&&(s(0),k(1,"div",3)(2,"div",4)(3,"div",5),ie(),k(4,"svg",6),T(5,"path",7),x(),Oe(),T(6,"velt-notifications-panel-content-documents-list-item-unread-internal",8),x(),T(7,"velt-notifications-panel-content-documents-list-item-name-internal",9),x(),k(8,"div",10),T(9,"velt-notifications-panel-content-documents-list-item-count-internal",9),ie(),k(10,"svg",11),T(11,"path",12),x()()(),Oe(),T(12,"velt-notifications-panel-content-documents-list-item-content-internal",13),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-header"),v(5),d("document",r.document)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)("isDefault",!0),v(),d("document",r.document)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),A("data-testid",r.componentId+"-count"),v(),d("document",r.document)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(3),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)("document",r.document)}}function Fi(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l(),a=l();return j(o.toggleDocumentAccordion(a.document==null?null:a.document.documentId))}),c(2,Mi,13,15,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),ee("velt-notifications-panel--documents-accordion-expanded",r.uiState.documentExpanded[e.document==null?null:e.document.documentId]),A("aria-expanded",r.uiState.documentExpanded[e.document==null?null:e.document.documentId])("aria-controls","document-content-"+(e.document==null?null:e.document.documentId))("data-testid",e.componentId),v(),d("veltDynamicTemplate",y(11,Ai,e.template,te(6,Nn,e.componentConfigSignal,e.localUIStateSignal,e.document,e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Li(t,n){if(t&1&&c(0,Fi,3,17,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Ei,r.conditionSignal(),te(1,Nn,r.componentConfigSignal,r.localUIStateSignal,r.document,r.index)))}}var et=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.document,index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemComponent 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-documents-list-item-internal"]],inputs:{document:"document",index:"index",listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button",1,"v-document-accordion","velt-notifications-panel--document-accordion",3,"click"],[4,"veltDynamicTemplate"],[1,"v-document-header","velt-notifications-panel--accordion-tab"],[1,"v-document-name","velt-notifications-panel--accordion-tab-name"],[1,"velt-notifications-panel--accordion-tab-icon-container"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.5714 4.92859V8.07145C13.5714 8.27983 13.6542 8.47968 13.8016 8.62703C13.9489 8.77438 14.1488 8.85716 14.3571 8.85716H17.5M13.5714 4.92859H8.07143C7.65466 4.92859 7.25496 5.09415 6.96026 5.38885C6.66556 5.68355 6.5 6.08325 6.5 6.50002V17.5C6.5 17.9168 6.66556 18.3165 6.96026 18.6112C7.25496 18.9059 7.65466 19.0714 8.07143 19.0714H15.9286C16.3453 19.0714 16.745 18.9059 17.0397 18.6112C17.3344 18.3165 17.5 17.9168 17.5 17.5V8.85716M13.5714 4.92859L17.5 8.85716","stroke","currentColor","stroke-width","1.17857","stroke-linecap","round","stroke-linejoin","round"],[3,"document","componentConfigSignal","parentLocalUIState","isDefault"],[3,"document","componentConfigSignal","parentLocalUIState"],[1,"v-document-notifications-count","velt-notifications-panel--accordion-tab-count"],["width","16","height","17","viewBox","0 0 16 17","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4 6.5L8 10.5L12 6.5","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[3,"componentConfigSignal","parentLocalUIState","document"]],template:function(o,a){if(o&1&&h(0,Li,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,qe,Ze,Xe,Qe],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--document-accordion[_ngcontent-%COMP%]{margin-inline:var(--velt-spacing-sm)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]{width:100%;display:flex;padding:var(--velt-spacing-md);align-items:center;gap:10px;align-self:stretch;cursor:pointer;box-sizing:border-box;justify-content:space-between;border-radius:var(--velt-border-radius-md);transition:background-color .3s ease}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-2)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-count[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;gap:var(--velt-spacing-xs)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-name[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm);color:var(--velt-text-4);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal;flex:1 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-name[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{color:var(--velt-accent-text)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-name[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-icon-container[_ngcontent-%COMP%]{position:relative;display:flex}.velt-notifications-panel--documents-accordion-expanded[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-md);background:var(--velt-background-1)}.velt-notifications-panel--documents-accordion-expanded[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-count[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{rotate:180deg}"],changeDetection:0});let t=n;return t})();var Pn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Bi=(t,n)=>({condition:t,data:n}),Ri=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-unread-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Vi=()=>[],zi=(t,n)=>n.documentId;function Gi(t,n){if(t&1&&T(0,"velt-notifications-panel-content-documents-list-item-internal",2),t&2){let r=n.$implicit,e=n.$index,o=l(4);d("componentConfigSignal",o.componentConfigSignal)("parentLocalUIState",o.localUIStateSignal)("document",r)("index",e)("listItemTemplate",o.listItemTemplate)}}function Hi(t,n){if(t&1&&T(0,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=l(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Yi(t,n){if(t&1&&h(0,Hi,1,2,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=l(4);f(r.defaultCondition()?-1:0)}}function ji(t,n){if(t&1&&(s(0),Ce(1,Gi,1,5,"velt-notifications-panel-content-documents-list-item-internal",2,zi,!1,Yi,1,1),m()),t&2){let r=l(2);v(),_e(r.data.notificationsByDocumentId??Fe(1,Vi))}}function Wi(t,n){if(t&1&&(s(0),c(1,ji,4,2,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Ri,e.template,g(1,Pn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function $i(t,n){if(t&1&&c(0,Wi,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Bi,r.conditionSignal(),g(1,Pn,r.componentConfigSignal,r.localUIStateSignal)))}}var tt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list"}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-documents-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListComponent 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-documents-list-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","document","index","listItemTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,$i,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,et],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 Ji=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),qi=(t,n)=>({condition:t,data:n}),Zi=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),Xi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Qi(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-documents-list-internal",3)(2,"velt-notifications-panel-content-all-read-container-internal",4)(3,"velt-notifications-panel-skeleton-internal",5),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",r.data.notificationsByDocumentId!==null&&(!r.data.notificationsByDocumentId||(r.data.notificationsByDocumentId==null?null:r.data.notificationsByDocumentId.length)===0)),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsByDocumentId===null)}}function ev(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),c(2,Qi,4,8,"ng-container",2),x()),t&2){let r=l(2),e=l();A("data-testid",e.componentId)("aria-label",D(1,3,"Document notifications panel")),v(2),d("veltDynamicTemplate",y(10,Xi,e.template,te(5,Zi,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsByDocumentId!==null&&(!r.data.notificationsByDocumentId||(r.data.notificationsByDocumentId==null?null:r.data.notificationsByDocumentId.length)===0),r.data.notificationsByDocumentId===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function tv(t,n){if(t&1&&(s(0),h(1,ev,3,16,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.Documents===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function rv(t,n){if(t&1&&c(0,tv,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,qi,r.conditionSignal(),g(1,Ji,r.componentConfigSignal,r.localUIStateSignal)))}}var rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsComponent 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-documents-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tabpanel",1,"v-documents","velt-notifications-panel-content--document"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,rv,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,be,tt,ke,U],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 ov=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),av=(t,n)=>({condition:t,data:n}),lv=(t,n,r,e,o,a)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e,isAllRead:o,isLoading:a}),iv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-for-you-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function vv(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5)(3,"velt-notifications-panel-content-all-read-container-internal",6)(4,"velt-notifications-panel-skeleton-internal",7),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",r.data.notificationsForYouInSession),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",r.data.notificationsForYouInSession)("isLoadMoreVisible",(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)>r.uiState.tabPage.forYou*r.uiState.pageSize),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)===0),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsForYouInSession===null)}}function dv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,vv,5,13,"ng-container",3),x()),t&2){let r=l(2),e=l();ee("velt-notifications-panel-content--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),A("data-testid",e.componentId)("aria-label",D(1,5,"For you notifications panel")),v(2),d("veltDynamicTemplate",y(14,iv,e.template,Rr(7,lv,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsForYouInSession,(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)>r.uiState.tabPage.forYou*r.uiState.pageSize,(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)===0,r.data.notificationsForYouInSession===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function cv(t,n){if(t&1&&(s(0),h(1,dv,3,20,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.ForYou===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function gv(t,n){if(t&1&&c(0,cv,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,av,r.conditionSignal(),g(1,ov,r.componentConfigSignal,r.localUIStateSignal)))}}var nt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-for-you"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentForYouComponent 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-for-you-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tabpanel",1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],["role","tabpanel",1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,gv,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,be,he,fe,ke,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var Ne=(()=>{let n=class n extends E{constructor(){super(...arguments),this._email=V(void 0),this._userId=V(void 0),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.resolvedEntry=J(()=>{try{let e=this.componentConfigSignal()?.data?.notificationsByUserMap||{},o=Object.keys(e).map(M=>({key:M,value:e[M]}));if(!o.length)return null;let a=this._email();if(a){let M=o.find(F=>F.key===a);if(M)return M}let i=this._userId();if(i){let M=o.find(F=>F.value?.user?.userId===i);if(M)return M}let u=this.notificationIndex();return u!==void 0&&u>=0&&u<o.length?o[u]:o[0]}catch{return null}})}set data(e){this._explicitData=e}get data(){return this._explicitData!=null?this._explicitData:this.resolvedEntry()}set email(e){this._email.set(e?.trim()||void 0)}set userId(e){this._userId.set(e?.trim()||void 0)}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["app-notifications-panel-people-list-item-base"]],inputs:{data:"data",email:"email",userId:"userId",notificationIndex:[1,"notificationIndex"]},standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var Tn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),mv=(t,n)=>({condition:t,data:n}),uv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-avatar-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function pv(t,n){if(t&1&&(s(0),T(1,"snippyly-user-avatar",2),O(2,"translate"),m()),t&2){let r=l(3);v(),d("user",r.data==null||r.data.value==null?null:r.data.value.user)("size",24),A("data-testid",r.componentId+"-avatar")("aria-label",D(2,4,r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.name))}}function hv(t,n){if(t&1&&(s(0),c(1,pv,3,6,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,uv,e.template,W(1,Tn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fv(t,n){if(t&1&&c(0,hv,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,mv,r.conditionSignal(),W(1,Tn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var ot=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-avatar"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemAvatarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemAvatarComponent 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-people-list-item-avatar-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"user","size"]],template:function(o,a){if(o&1&&h(0,fv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,qt,U],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 kv=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),xv=(t,n)=>({condition:t,data:n}),Cv=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,data:r,notifications:e,isLoadMoreVisible:o}),_v=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Sv(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",e.data==null||e.data.value==null?null:e.data.value.notifications)("template",e.template),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",e.data==null||e.data.value==null?null:e.data.value.notifications)("isLoadMoreVisible",(e.data==null||e.data.value==null||e.data.value.notifications==null?null:e.data.value.notifications.length)>r.uiState.tabPage.people*r.uiState.pageSize)}}function yv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,Sv,3,8,"ng-container",3),x()),t&2){let r=l(2),e=l();ee("velt-notifications-panel-content--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),A("data-testid",e.componentId)("aria-label",D(1,5,"User notifications for")+" "+(e.data==null?null:e.data.key)),v(2),d("veltDynamicTemplate",y(13,_v,e.template,y(7,Cv,e.componentConfigSignal,e.localUIStateSignal,e.data,e.data==null||e.data.value==null?null:e.data.value.notifications,(e.data==null||e.data.value==null||e.data.value.notifications==null?null:e.data.value.notifications.length)>r.uiState.tabPage.people*r.uiState.pageSize),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Iv(t,n){if(t&1&&(s(0),h(1,yv,3,19,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.usersExpanded[e.data==null?null:e.data.key]||!e.defaultCondition()?1:-1)}}function wv(t,n){if(t&1&&c(0,Iv,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,xv,r.conditionSignal(),W(1,kv,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var at=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-content"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemContentComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemContentComponent 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-people-list-item-content-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","region",1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],["role","region",1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications","template"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"]],template:function(o,a){if(o&1&&h(0,wv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,he,fe,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var On=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Pv=(t,n)=>({condition:t,data:n}),Tv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ov(t,n){if(t&1&&(s(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),O(4,"translate"),K(5),O(6,"translate"),O(7,"translate"),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-count")("aria-label",((r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)||0)+" "+((r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)===1?D(2,3,"notification"):D(3,5,"notifications"))+" "+D(4,7,"available")),v(4),le("",(r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)===1?(r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)+" "+D(6,9,"Notification"):((r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)||0)+" "+D(7,11,"Notifications")," ")}}function Dv(t,n){if(t&1&&(s(0),c(1,Ov,8,13,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Tv,e.template,W(1,On,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ev(t,n){if(t&1&&c(0,Dv,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Pv,r.conditionSignal(),W(1,On,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var lt=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-count"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemCountComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemCountComponent 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-people-list-item-count-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","status","aria-live","polite"]],template:function(o,a){if(o&1&&h(0,Ev,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 Dn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Mv=(t,n)=>({condition:t,data:n}),Fv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-name-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Lv(t,n){if(t&1&&(s(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),K(4),O(5,"translate"),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-user")("aria-label",D(2,3,"User:")+" "+D(3,5,(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.name)||(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.email)||"Unknown user")),v(3),le("",D(5,7,(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.name)||(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.email))," ")}}function Uv(t,n){if(t&1&&(s(0),c(1,Lv,6,9,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Fv,e.template,W(1,Dn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bv(t,n){if(t&1&&c(0,Uv,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Mv,r.conditionSignal(),W(1,Dn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var it=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-name"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemNameComponent 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-people-list-item-name-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","text"]],template:function(o,a){if(o&1&&h(0,Bv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 En=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Vv=(t,n)=>({condition:t,data:n}),zv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Gv(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-content-people-list-item-avatar-internal",4),k(3,"div",5),T(4,"velt-notifications-panel-content-people-list-item-name-internal",4),x(),k(5,"div",6),T(6,"velt-notifications-panel-content-people-list-item-count-internal",4),ie(),k(7,"svg",7),T(8,"path",8),x()()(),Oe(),T(9,"velt-notifications-panel-content-people-list-item-content-internal",9),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-header"),v(),d("componentConfigSignal",r.componentConfigSignal)("data",r.data)("parentLocalUIState",r.localUIStateSignal),v(),A("data-testid",r.componentId+"-name-container"),v(),d("componentConfigSignal",r.componentConfigSignal)("data",r.data)("parentLocalUIState",r.localUIStateSignal),v(),A("data-testid",r.componentId+"-count-container"),v(),d("componentConfigSignal",r.componentConfigSignal)("data",r.data)("parentLocalUIState",r.localUIStateSignal),v(3),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)("data",r.data)}}function Hv(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l(),a=l();return j(o.toggleUserAccordion(a.data==null?null:a.data.key))}),c(2,Gv,10,15,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),ee("velt-notifications-panel--people-accordion-expanded",r.uiState.usersExpanded[e.data==null?null:e.data.key]),A("data-testid",e.componentId)("aria-expanded",r.uiState.usersExpanded[e.data==null?null:e.data.key])("aria-controls","user-content-"+(e.data==null?null:e.data.key)),v(),d("veltDynamicTemplate",y(10,zv,e.template,W(6,En,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Yv(t,n){if(t&1&&c(0,Hv,3,16,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Vv,r.conditionSignal(),W(1,En,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var vt=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemComponent 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-people-list-item-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",1,"v-user-accordion","velt-notifications-panel--people-accordion",3,"click"],[4,"veltDynamicTemplate"],[1,"v-user-header","velt-notifications-panel--people-accordion-tab"],[3,"componentConfigSignal","data","parentLocalUIState"],[1,"v-user-name","velt-notifications-panel--people-accordion-tab-name"],[1,"v-user-notifications-count","velt-notifications-panel--people-accordion-tab-count"],["width","16","height","17","viewBox","0 0 16 17","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["d","M4 6.5L8 10.5L12 6.5","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[3,"componentConfigSignal","parentLocalUIState","data"]],template:function(o,a){if(o&1&&h(0,Yv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,ot,at,lt,it],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--people-accordion[_ngcontent-%COMP%]{margin:var(--velt-spacing-sm)}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-md);align-items:center;gap:10px;align-self:stretch;cursor:pointer;border-radius:var(--velt-border-radius-md);transition:background-color .3s ease}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab-name[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal;flex:1 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab-count[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;gap:var(--velt-spacing-xs)}.velt-notifications-panel--people-accordion-expanded[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-md);background:var(--velt-background-1)}.velt-notifications-panel--people-accordion-expanded[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab-count[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{rotate:180deg}.velt-notifications-panel--list-item-unread[_ngcontent-%COMP%]{display:flex;color:var(--velt-background-0)}.velt-notifications-panel--unread-is-default[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px}.velt-notifications-panel--accordion-tab-icon-container[_ngcontent-%COMP%]{position:relative;display:flex}"],changeDetection:0});let t=n;return t})();var An=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Wv=(t,n)=>({condition:t,data:n}),$v=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Kv=(t,n)=>n.key;function Jv(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",2),t&2){let r=n.$implicit,e=l(4);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("data",r)("listItemTemplate",e.listItemTemplate)}}function qv(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=l(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Zv(t,n){if(t&1&&h(0,qv,1,2,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=l(4);f(r.defaultCondition()?-1:0)}}function Xv(t,n){if(t&1&&(s(0),Ce(1,Jv,1,4,"velt-notifications-panel-content-people-list-item-internal",2,Kv,!1,Zv,1,1),O(4,"keyvalue"),m()),t&2){let r=l(2);v(),_e(D(4,1,r.data.notificationsByUserMap))}}function Qv(t,n){if(t&1&&(s(0),c(1,Xv,5,3,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,$v,e.template,g(1,An,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ed(t,n){if(t&1&&c(0,Qv,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Wv,r.conditionSignal(),g(1,An,r.componentConfigSignal,r.localUIStateSignal)))}}var dt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list"}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-people-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListComponent 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-people-list-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","data","listItemTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,ed,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,vt,Vr],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 rd=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),nd=(t,n)=>({condition:t,data:n}),od=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),ad=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ld(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-people-list-internal",3)(2,"velt-notifications-panel-content-all-read-container-internal",4)(3,"velt-notifications-panel-skeleton-internal",5),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",r.data.notificationsForYouInSession!==null&&(!r.data.notificationsInSession||(r.data.notificationsInSession==null?null:r.data.notificationsInSession.length)===0)),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsForYouInSession===null)}}function id(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),c(2,ld,4,8,"ng-container",2),x()),t&2){let r=l(2),e=l();A("aria-label",D(1,3,"People notifications panel"))("data-testid",e.componentId),v(2),d("veltDynamicTemplate",y(10,ad,e.template,te(5,od,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsForYouInSession!==null&&(!r.data.notificationsInSession||(r.data.notificationsInSession==null?null:r.data.notificationsInSession.length)===0),r.data.notificationsForYouInSession===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function vd(t,n){if(t&1&&(s(0),h(1,id,3,16,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.People===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function dd(t,n){if(t&1&&c(0,vd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,nd,r.conditionSignal(),g(1,rd,r.componentConfigSignal,r.localUIStateSignal)))}}var ct=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleComponent 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-people-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tabpanel",1,"v-users","velt-notifications-panel-content--people"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,dd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,be,dt,ke,U],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 Mn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gd=(t,n)=>({condition:t,data:n}),sd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function md(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-for-you-internal",2)(2,"velt-notifications-panel-content-people-internal",2)(3,"velt-notifications-panel-content-documents-internal",2)(4,"velt-notifications-panel-content-all-internal",2),m()),t&2){let r=l(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function ud(t,n){if(t&1&&c(0,md,5,8,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,sd,e.template,g(1,Mn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function pd(t,n){if(t&1&&(s(0),h(1,ud,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function hd(t,n){if(t&1&&c(0,pd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,gd,r.conditionSignal(),g(1,Mn,r.componentConfigSignal,r.localUIStateSignal)))}}var gt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentComponent 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-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,hd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Je,rt,nt,ct],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);overflow:auto}[_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 Fn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),bd=(t,n)=>({condition:t,data:n}),kd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function xd(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.All]==null?null:r.uiState.tabConfig[r.uiState.TABS.All].name)??"All")," ")}}function Cd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.All))}),c(1,xd,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.All)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.All),A("data-testid",e.componentId+"-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.All)("aria-controls","tab-panel-"+r.uiState.TABS.All),v(),d("veltDynamicTemplate",y(11,kd,e.template,g(8,Fn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function _d(t,n){if(t&1&&(s(0),h(1,Cd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.All]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.All]==null)&&r.uiState.tabConfig[r.uiState.TABS.All].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.All])||!e.defaultCondition()?1:-1)}}function Sd(t,n){if(t&1&&c(0,_d,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,bd,r.conditionSignal(),g(1,Fn,r.componentConfigSignal,r.localUIStateSignal)))}}var st=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-all"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent 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-header-tab-all-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Sd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Ln=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Id=(t,n)=>({condition:t,data:n}),wd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Nd(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.Documents]==null?null:r.uiState.tabConfig[r.uiState.TABS.Documents].name)??"Documents")," ")}}function Pd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.Documents))}),c(1,Nd,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.Documents)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.Documents),A("data-testid",e.componentId+"-documents-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.Documents)("aria-controls","tab-panel-"+r.uiState.TABS.Documents),v(),d("veltDynamicTemplate",y(11,wd,e.template,g(8,Ln,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Td(t,n){if(t&1&&(s(0),h(1,Pd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.Documents]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.Documents]==null)&&r.uiState.tabConfig[r.uiState.TABS.Documents].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.Documents])||!e.defaultCondition()?1:-1)}}function Od(t,n){if(t&1&&c(0,Td,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Id,r.conditionSignal(),g(1,Ln,r.componentConfigSignal,r.localUIStateSignal)))}}var mt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-documents"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent 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-header-tab-documents-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Od,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Un=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ed=(t,n)=>({condition:t,data:n}),Ad=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-for-you-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Md(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.ForYou]==null?null:r.uiState.tabConfig[r.uiState.TABS.ForYou].name)??"For You")," ")}}function Fd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.ForYou))}),c(1,Md,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.ForYou)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.ForYou),A("data-testid",e.componentId+"-for-you-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.ForYou)("aria-controls","tab-panel-"+r.uiState.TABS.ForYou),v(),d("veltDynamicTemplate",y(11,Ad,e.template,g(8,Un,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ld(t,n){if(t&1&&(s(0),h(1,Fd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.ForYou]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.ForYou]==null)&&r.uiState.tabConfig[r.uiState.TABS.ForYou].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.ForYou])||!e.defaultCondition()?1:-1)}}function Ud(t,n){if(t&1&&c(0,Ld,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ed,r.conditionSignal(),g(1,Un,r.componentConfigSignal,r.localUIStateSignal)))}}var ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-for-you"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent 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-header-tab-for-you-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Ud,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Bn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Rd=(t,n)=>({condition:t,data:n}),Vd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function zd(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.People]==null?null:r.uiState.tabConfig[r.uiState.TABS.People].name)??"People")," ")}}function Gd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.People))}),c(1,zd,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.People)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.People),A("data-testid",e.componentId+"-people-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.People)("aria-controls","tab-panel-"+r.uiState.TABS.People),v(),d("veltDynamicTemplate",y(11,Vd,e.template,g(8,Bn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Hd(t,n){if(t&1&&(s(0),h(1,Gd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.People]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.People]==null)&&r.uiState.tabConfig[r.uiState.TABS.People].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.People])||!e.defaultCondition()?1:-1)}}function Yd(t,n){if(t&1&&c(0,Hd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Rd,r.conditionSignal(),g(1,Bn,r.componentConfigSignal,r.localUIStateSignal)))}}var pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-people"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent 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-header-tab-people-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Yd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Rn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Wd=(t,n)=>({condition:t,data:n}),$d=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Kd(t,n){if(t&1&&(s(0),k(1,"div",2)(2,"div",3),O(3,"translate"),T(4,"velt-notifications-panel-header-tab-for-you-internal",4)(5,"velt-notifications-panel-header-tab-people-internal",4)(6,"velt-notifications-panel-header-tab-documents-internal",4)(7,"velt-notifications-panel-header-tab-all-internal",4),x()(),m()),t&2){let r=l(4);v(),A("data-testid",r.componentId+"-header"),v(),A("data-testid",r.componentId+"-tabs-container")("aria-label",D(3,11,"Notification categories")),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Jd(t,n){if(t&1&&c(0,Kd,8,13,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,$d,e.template,g(1,Rn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function qd(t,n){if(t&1&&(s(0),h(1,Jd,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!r.uiState.settingsOpen&&r.uiState.tabCount>1||!e.defaultCondition()?1:-1)}}function Zd(t,n){if(t&1&&c(0,qd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Wd,r.conditionSignal(),g(1,Rn,r.componentConfigSignal,r.localUIStateSignal)))}}var ht=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderComponent 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-header-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","banner",1,"v-notifications-panel-header","velt-notifications-panel--header"],["role","tablist",1,"v-tabs-container","velt-notifications-panel--tabs-container"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Zd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,st,mt,ut,pt,U],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--header[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);justify-content:space-between;align-items:center;align-self:stretch}.velt-notifications-panel--header[_ngcontent-%COMP%]   .velt-notifications-panel--tabs-container[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-xs);align-items:flex-start;gap:var(--velt-spacing-xs);flex:1 0 0;width:100%;border-radius:var(--velt-border-radius-2xl);background:var(--velt-background-4)}"],changeDetection:0});let t=n;return t})();var Vn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Qd=(t,n)=>({condition:t,data:n}),ec=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-description-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tc(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Set notification preference for the current document"),x(),m())}function rc(t,n){if(t&1&&(s(0),c(1,tc,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,ec,e.template,g(1,Vn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function nc(t,n){if(t&1&&c(0,rc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Qd,r.conditionSignal(),g(1,Vn,r.componentConfigSignal,r.localUIStateSignal)))}}var ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-description"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsDescriptionComponent 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-settings-description-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-section-description"]],template:function(o,a){if(o&1&&h(0,nc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-section-description[_ngcontent-%COMP%]{color:var(--velt-text-5);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var zn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ac=(t,n)=>({condition:t,data:n}),lc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-mute-all-description-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ic(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),x(),m()),t&2){let r=l(2);v(2),le("You will not receive any notifications from ",r.data.currentDocumentName||"current document")}}function vc(t,n){if(t&1&&(s(0),c(1,ic,3,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,lc,e.template,g(1,zn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function dc(t,n){if(t&1&&c(0,vc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ac,r.conditionSignal(),g(1,zn,r.componentConfigSignal,r.localUIStateSignal)))}}var bt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-description"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsMuteAllDescriptionComponent 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-settings-mute-all-description-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-footer-content-description"]],template:function(o,a){if(o&1&&h(0,dc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-footer-content-description[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var Gn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gc=(t,n)=>({condition:t,data:n}),sc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-mute-all-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function mc(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Mute all document notifications"),x(),m())}function uc(t,n){if(t&1&&(s(0),c(1,mc,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,sc,e.template,g(1,Gn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function pc(t,n){if(t&1&&c(0,uc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,gc,r.conditionSignal(),g(1,Gn,r.componentConfigSignal,r.localUIStateSignal)))}}var kt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsMuteAllTitleComponent 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-settings-mute-all-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-footer-content-title"]],template:function(o,a){if(o&1&&h(0,pc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-footer-content-title[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var Hn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),fc=(t,n)=>({condition:t,data:n}),bc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-mute-all-toggle-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function kc(t,n){t&1&&(s(0),k(1,"div",3),T(2,"div",4),x(),m())}function xc(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l();return j(o.toggleSettingsMutedAll())}),c(2,kc,3,0,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),ee("velt-notification-panel--settings-mute-all-toggle-container-muted",r.uiState.settingsMutedAll),v(),d("veltDynamicTemplate",y(6,bc,e.template,g(3,Hn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Cc(t,n){if(t&1&&c(0,xc,3,12,"ng-container",0),t&2){let r=l();d("veltIf",g(4,fc,r.conditionSignal(),g(1,Hn,r.componentConfigSignal,r.localUIStateSignal)))}}var xt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-toggle"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsMuteAllToggleComponent 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-settings-mute-all-toggle-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-mute-all-toggle-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-mute-all-toggle"],[1,"velt-notification-panel--settings-mute-all-toggle-circle"]],template:function(o,a){if(o&1&&h(0,Cc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-mute-all-toggle[_ngcontent-%COMP%]{display:flex;width:28px;padding:var(--velt-spacing-2xs);align-items:center;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));border-radius:var(--velt-border-radius-3xl);background:var(--velt-background-5);cursor:pointer;transition:all .3s ease}.velt-notification-panel--settings-mute-all-toggle[_ngcontent-%COMP%]   .velt-notification-panel--settings-mute-all-toggle-circle[_ngcontent-%COMP%]{width:12px;height:12px;flex-shrink:0;aspect-ratio:1/1;border-radius:var(--velt-border-radius-3xl);background:var(--velt-background-0)}.velt-notification-panel--settings-mute-all-toggle-container-muted[_ngcontent-%COMP%]   .velt-notification-panel--settings-mute-all-toggle[_ngcontent-%COMP%]{background:var(--velt-accent);justify-content:flex-end;cursor:not-allowed}"],changeDetection:0});let t=n;return t})();var Yn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Sc=(t,n)=>({condition:t,data:n}),yc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-footer-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ic(t,n){if(t&1&&(s(0),k(1,"div",2)(2,"div",3),T(3,"velt-notifications-panel-settings-mute-all-title-internal",4)(4,"velt-notifications-panel-settings-mute-all-description-internal",4),x(),T(5,"velt-notifications-panel-settings-mute-all-toggle-internal",4),x(),m()),t&2){let r=l(3);v(3),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function wc(t,n){if(t&1&&(s(0),c(1,Ic,6,6,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,yc,e.template,g(1,Yn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Nc(t,n){if(t&1&&c(0,wc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Sc,r.conditionSignal(),g(1,Yn,r.componentConfigSignal,r.localUIStateSignal)))}}var Ct=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-footer"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsFooterComponent 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-settings-footer-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-footer"],[1,"velt-notification-panel--settings-footer-content"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Nc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,bt,kt,xt],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-notification-panel--settings-footer[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg);align-items:flex-start;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));align-self:stretch}.velt-notification-panel--settings-footer[_ngcontent-%COMP%]   .velt-notification-panel--settings-footer-content[_ngcontent-%COMP%]{display:flex;padding:0px var(--velt-spacing-xs);flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-2xs);flex:1 0 0}"],changeDetection:0});let t=n;return t})();var jn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Tc=(t,n)=>({condition:t,data:n}),Oc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-back-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Dc(t,n){t&1&&(s(0),k(1,"div",3),ie(),k(2,"svg",4),T(3,"path",5),x()(),m())}function Ec(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l();return j(o.closeSettings())}),c(2,Dc,4,0,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(2),d("veltDynamicTemplate",y(4,Oc,e.template,g(1,jn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ac(t,n){if(t&1&&c(0,Ec,3,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Tc,r.conditionSignal(),g(1,jn,r.componentConfigSignal,r.localUIStateSignal)))}}var _t=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-back-button"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsBackButtonComponent 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-settings-back-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-back-button-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-back-button"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10 4L6 8L10 12","stroke","currentColor","stroke-width","1.33333","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ac,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-back-button[_ngcontent-%COMP%]{color:var(--velt-text-0);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}"],changeDetection:0});let t=n;return t})();var Wn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Fc=(t,n)=>({condition:t,data:n}),Lc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Uc(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Settings"),x(),m())}function Bc(t,n){if(t&1&&(s(0),c(1,Uc,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Lc,e.template,g(1,Wn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Rc(t,n){if(t&1&&c(0,Bc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Fc,r.conditionSignal(),g(1,Wn,r.componentConfigSignal,r.localUIStateSignal)))}}var St=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsHeaderTitleComponent 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-settings-header-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-header-title"]],template:function(o,a){if(o&1&&h(0,Rc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-header-title[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:normal}"],changeDetection:0});let t=n;return t})();var $n=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),zc=(t,n)=>({condition:t,data:n}),Gc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Hc(t,n){if(t&1&&(s(0),k(1,"div",2),T(2,"velt-notifications-panel-settings-back-button-internal",3)(3,"velt-notifications-panel-settings-header-title-internal",3),x(),m()),t&2){let r=l(3);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Yc(t,n){if(t&1&&(s(0),c(1,Hc,4,4,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Gc,e.template,g(1,$n,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function jc(t,n){if(t&1&&c(0,Yc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,zc,r.conditionSignal(),g(1,$n,r.componentConfigSignal,r.localUIStateSignal)))}}var yt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsHeaderComponent 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-settings-header-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-header"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,jc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,_t,St],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-notification-panel--settings-header[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm);padding:var(--velt-spacing-2xs) var(--velt-spacing-sm);border-bottom:1px solid var(--velt-border-3)}"],changeDetection:0});let t=n;return t})();var Kn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),$c=(t,n)=>({condition:t,data:n}),Kc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-item-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Jc(t,n){t&1&&(s(0),ie(),k(1,"svg",3),T(2,"rect",4)(3,"circle",5),x(),k(4,"svg",6),T(5,"rect",7),x(),m())}function qc(t,n){if(t&1&&(s(0),k(1,"div",1),c(2,Jc,6,0,"ng-container",2),x(),m()),t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-content-item-icon-container-selected",(e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)===((r=o.resolvedOption())==null?null:r.id)),v(),d("veltDynamicTemplate",y(8,Kc,o.template,te(3,Kn,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Zc(t,n){if(t&1&&c(0,qc,3,14,"ng-container",0),t&2){let r=l();d("veltIf",g(6,$c,r.conditionSignal(),te(1,Kn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}var It=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-icon",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.optionIndex=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.optionSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this._accordionItemId=V(void 0),this.resolvedOption=J(()=>{try{let e=this.optionSignal();if(e)return e;let o=this.resolvedAccordionConfig();if(!o?.values?.length)return null;let a=this._accordionItemId();if(a){let u=a.toLowerCase(),M=o.values.find(F=>(F?.id||"").toLowerCase()===u||(F?.name||"").toLowerCase()===u);if(M)return M}let i=this.optionIndex();return i!==void 0&&o.values[i]?o.values[i]:o.values[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}set accordionItemId(e){this._accordionItemId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig),e.option&&this.optionSignal.set(this.option)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig(),option:this.resolvedOption()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentItemIconComponent 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-settings-accordion-content-item-icon-internal"]],inputs:{option:"option",accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",optionIndex:[1,"optionIndex"],accordionItemId:"accordionItemId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-item-icon-container"],[4,"veltDynamicTemplate"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-notification-panel--settings-accordion-content-item-active-icon"],["x","1","y","1","width","14","height","14","rx","7","stroke","currentColor","stroke-width","2"],["cx","8","cy","8","r","4","fill","currentColor"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-notification-panel--settings-accordion-content-item-inactive-icon"],["x","0.5","y","0.5","width","15","height","15","rx","7.5","stroke","#CCCCCC"]],template:function(o,a){if(o&1&&h(0,Zc,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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)}svg[_ngcontent-%COMP%]{color:var(--velt-accent)}.velt-notification-panel--settings-accordion-content-item-active-icon[_ngcontent-%COMP%]{display:none}.velt-notification-panel--settings-accordion-content-item-inactive-icon[_ngcontent-%COMP%], .velt-notification-panel--settings-accordion-content-item-icon-container-selected[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-content-item-active-icon[_ngcontent-%COMP%]{display:block}.velt-notification-panel--settings-accordion-content-item-icon-container-selected[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-content-item-inactive-icon[_ngcontent-%COMP%]{display:none}"],changeDetection:0});let t=n;return t})();var Jn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),Qc=(t,n)=>({condition:t,data:n}),eg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-item-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tg(t,n){if(t&1&&(s(0),k(1,"span",3),K(2),x(),m()),t&2){let r,e=l(3);v(2),le(" ",((r=e.resolvedOption())==null?null:r.name)||((r=e.resolvedOption())==null?null:r.id)," ")}}function rg(t,n){if(t&1&&(s(0),k(1,"div",1),c(2,tg,3,1,"ng-container",2),x(),m()),t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-content-item-label-container-selected",(e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)===((r=o.resolvedOption())==null?null:r.id)),v(),d("veltDynamicTemplate",y(8,eg,o.template,te(3,Jn,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function ng(t,n){if(t&1&&c(0,rg,3,14,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Qc,r.conditionSignal(),te(1,Jn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}var wt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-label",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.optionIndex=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._accordionItemId=V(void 0),this.optionSignal=V(null),this.resolvedOption=J(()=>{try{let e=this.optionSignal();if(e)return e;let o=this.resolvedAccordionConfig();if(!o?.values?.length)return null;let a=this._accordionItemId();if(a){let u=a.toLowerCase(),M=o.values.find(F=>(F?.id||"").toLowerCase()===u||(F?.name||"").toLowerCase()===u);if(M)return M}let i=this.optionIndex();return i!==void 0&&o.values[i]?o.values[i]:o.values[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}set accordionItemId(e){this._accordionItemId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig),e.option&&this.optionSignal.set(this.option)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig(),option:this.resolvedOption()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentItemLabelComponent 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-settings-accordion-content-item-label-internal"]],inputs:{option:"option",accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",optionIndex:[1,"optionIndex"],accordionItemId:"accordionItemId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-item-label-container"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-content-item-label"]],template:function(o,a){if(o&1&&h(0,ng,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-accordion-content-item-label[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:120%}.velt-notification-panel--settings-accordion-content-item-label-container-selected[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-content-item-title[_ngcontent-%COMP%]{font-weight:500}"],changeDetection:0});let t=n;return t})();var qn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),ag=(t,n)=>({condition:t,data:n}),lg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ig(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-settings-accordion-content-item-icon-internal",4)(3,"velt-notifications-panel-settings-accordion-content-item-label-internal",4),x(),m()),t&2){let r=l(3);v(2),d("option",r.resolvedOption())("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("option",r.resolvedOption())("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function vg(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=l(),i=l();return j(a.setSettingsSelectedOption((o=i.resolvedAccordionConfig())==null?null:o.id,i.resolvedOption()))}),c(2,ig,4,8,"ng-container",2),x(),m()}if(t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-content-item-container-selected",(e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)===((r=o.resolvedOption())==null?null:r.id)),v(),d("veltDynamicTemplate",y(8,lg,o.template,te(3,qn,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function dg(t,n){if(t&1&&c(0,vg,3,14,"ng-container",0),t&2){let r=l();d("veltIf",g(6,ag,r.conditionSignal(),te(1,qn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}var Nt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.optionIndex=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._accordionItemId=V(void 0),this.optionSignal=V(null),this.resolvedOption=J(()=>{try{let e=this.optionSignal();if(e)return e;let o=this.resolvedAccordionConfig();if(!o?.values?.length)return null;let a=this._accordionItemId();if(a){let u=a.toLowerCase(),M=o.values.find(F=>(F?.id||"").toLowerCase()===u||(F?.name||"").toLowerCase()===u);if(M)return M}let i=this.optionIndex();return i!==void 0&&o.values[i]?o.values[i]:o.values[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}set accordionItemId(e){this._accordionItemId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig),e.option&&this.optionSignal.set(this.option)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}get itemTemplate(){return this._itemTemplate}set itemTemplate(e){try{this._itemTemplate=e,this.itemTemplate?this.template=this.domService.deepCloneElement(this.itemTemplate):this.template=null}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig(),option:this.resolvedOption()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentItemComponent 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-settings-accordion-content-item-internal"]],inputs:{option:"option",accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",optionIndex:[1,"optionIndex"],accordionItemId:"accordionItemId",itemTemplate:"itemTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-item-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-content-item"],[3,"option","accordionConfig","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,dg,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,It,wt],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-notification-panel--settings-accordion-content-item[_ngcontent-%COMP%]{display:flex;align-items:center;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));align-self:stretch;cursor:pointer}"],changeDetection:0});let t=n;return t})();var Zn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),gg=(t,n)=>({condition:t,data:n}),sg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),mg=(t,n)=>n.id;function ug(t,n){if(t&1&&T(0,"velt-notifications-panel-settings-accordion-content-item-internal",4),t&2){let r=n.$implicit,e=l(5);d("option",r)("accordionConfig",e.resolvedAccordionConfig())("itemTemplate",e.itemTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function pg(t,n){if(t&1&&(s(0),k(1,"div",3),Ce(2,ug,1,5,"velt-notifications-panel-settings-accordion-content-item-internal",4,mg),x(),m()),t&2){let r,e=l(4);v(2),_e((r=e.resolvedAccordionConfig())==null?null:r.values)}}function hg(t,n){if(t&1&&(k(0,"div",1),c(1,pg,4,0,"ng-container",2),x()),t&2){let r=l(2),e=l();v(),d("veltDynamicTemplate",y(5,sg,e.template,W(1,Zn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fg(t,n){if(t&1&&(s(0),h(1,hg,2,11,"div",1),m()),t&2){let r,e=l(),o=l();v(),f(e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]||!o.defaultCondition()?1:-1)}}function bg(t,n){if(t&1&&c(0,fg,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,gg,r.conditionSignal(),W(1,Zn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}set contentTemplate(e){try{e&&(this.template=this.domService.deepCloneElement(e))}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-item-wireframe");se(e)||(this.itemTemplate=e)}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentComponent ngOnInit:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentComponent 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-settings-accordion-content-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",contentTemplate:"contentTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-container"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-content"],[3,"option","accordionConfig","itemTemplate","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,bg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Nt],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-notification-panel--settings-accordion-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-lg);align-self:stretch}"],changeDetection:0});let t=n;return t})();var Xn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),xg=(t,n)=>({condition:t,data:n}),Cg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function _g(t,n){t&1&&(s(0),ie(),k(1,"svg",2),T(2,"path",3),x(),m())}function Sg(t,n){if(t&1&&(s(0),c(1,_g,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Cg,e.template,W(1,Xn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function yg(t,n){if(t&1&&c(0,Sg,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,xg,r.conditionSignal(),W(1,Xn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Tt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-icon",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerIconComponent 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-settings-accordion-trigger-icon-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4 6.5L8 10.5L12 6.5","stroke","currentColor","stroke-width","1.33333","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,yg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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);display:flex}[_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)}svg[_ngcontent-%COMP%]{margin-top:2px;color:var(--velt-text-0)}"],changeDetection:0});let t=n;return t})();var Qn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),wg=(t,n)=>({condition:t,data:n}),Ng=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Pg(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),x(),m()),t&2){let r,e=l(3);v(2),Me(((r=e.resolvedAccordionConfig())==null?null:r.name)||(e.accordionConfig==null?null:e.accordionConfig.id))}}function Tg(t,n){if(t&1&&(s(0),c(1,Pg,3,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Ng,e.template,W(1,Qn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Og(t,n){if(t&1&&c(0,Tg,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,wg,r.conditionSignal(),W(1,Qn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Ot=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-label",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerLabelComponent 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-settings-accordion-trigger-label-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-trigger-label"]],template:function(o,a){if(o&1&&h(0,Og,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-accordion-trigger-label[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var eo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Eg=(t,n)=>({condition:t,data:n}),Ag=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-selected-value-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Mg(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),x(),m()),t&2){let r,e=l(2),o=l();v(2),le(" ",(e.data.settingsSelectedOption==null||e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].name)||(e.data.settingsSelectedOption==null||e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)," ")}}function Fg(t,n){if(t&1&&(s(0),c(1,Mg,3,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Ag,e.template,W(1,eo,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Lg(t,n){if(t&1&&c(0,Fg,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Eg,r.conditionSignal(),W(1,eo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Dt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-selected-value",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerSelectedValueComponent 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-settings-accordion-trigger-selected-value-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-trigger-selected-value"]],template:function(o,a){if(o&1&&h(0,Lg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-accordion-trigger-selected-value[_ngcontent-%COMP%]{color:var(--velt-text-5);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var to=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Bg=(t,n)=>({condition:t,data:n}),Rg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Vg(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-settings-accordion-trigger-label-internal",4),k(3,"div",5),T(4,"velt-notifications-panel-settings-accordion-trigger-selected-value-internal",4)(5,"velt-notifications-panel-settings-accordion-trigger-icon-internal",4),x()(),m()),t&2){let r=l(3);v(2),d("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(2),d("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function zg(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=l(2);return j(a.onTriggerClick((o=a.resolvedAccordionConfig())==null?null:o.id))}),c(2,Vg,6,9,"ng-container",2),x(),m()}if(t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-open",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,Rg,o.template,W(3,to,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Gg(t,n){if(t&1&&c(0,zg,3,13,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Bg,r.conditionSignal(),W(1,to,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Et=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}set triggerTemplate(e){try{e&&(this.template=this.domService.deepCloneElement(e))}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerComponent setupA11yAttributes:",e)}}onTriggerClick(e){try{if(this.componentConfigSignal()?.uiState?.settingsItemRecentlyClosed)return;this.componentConfigSignal()?.toggleSettingsAccordion(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerComponent onTriggerClick: ",o)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-settings-accordion-trigger-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",triggerTemplate:"triggerTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-trigger-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-trigger"],[3,"accordionConfig","componentConfigSignal","parentLocalUIState"],[1,"velt-notification-panel--settings-accordion-trigger-selected"]],template:function(o,a){if(o&1&&h(0,Gg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Tt,Ot,Dt],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);width:100%;box-sizing:border-box}[_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-notification-panel--settings-accordion-trigger[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.velt-notification-panel--settings-accordion-trigger[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-trigger-selected[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm)}.velt-notification-panel--settings-accordion-open[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-trigger-selected[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{transform:rotate(180deg)}"],changeDetection:0});let t=n;return t})();var ro=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Wg=(t,n)=>({condition:t,data:n}),$g=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Kg=()=>["velt-notification-panel--settings-dropdown-container","velt-overlay-panel"];function Jg(t,n){if(t&1&&(k(0,"div",6),T(1,"velt-notifications-panel-settings-accordion-trigger-internal",7)(2,"velt-notifications-panel-settings-accordion-content-internal",8),x()),t&2){let r=l(5);v(),d("accordionConfig",r.resolvedAccordionConfig())("triggerTemplate",r.triggerTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("accordionConfig",r.resolvedAccordionConfig())("contentTemplate",r.contentTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function qg(t,n){if(t&1){let r=Q();k(0,"div",11)(1,"div",12),Z("clickOutside",function(){let o;Y(r);let a=l(6);return j(a.onClickOutside((o=a.resolvedAccordionConfig())==null?null:o.id))}),T(2,"velt-notifications-panel-settings-accordion-content-internal",8),x()()}if(t&2){let r=l(6);v(2),d("accordionConfig",r.resolvedAccordionConfig())("contentTemplate",r.contentTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Zg(t,n){if(t&1){let r=Q();k(0,"div",9,0),Z("positionChange",function(){Y(r);let o=ue(4),a=l(5);return j(a.onPositionChange(o))}),T(2,"velt-notifications-panel-settings-accordion-trigger-internal",7),x(),c(3,qg,3,4,"ng-template",10,1,Ie)}if(t&2){let r,e,o=ue(1),a=ue(4),i=l(4),u=l();d("veltPositionObserverDisabled",!i.uiState.settingsAccordionExpanded[(r=u.resolvedAccordionConfig())==null?null:r.id]),v(2),d("accordionConfig",u.resolvedAccordionConfig())("triggerTemplate",u.triggerTemplate)("componentConfigSignal",u.componentConfigSignal)("parentLocalUIState",u.localUIStateSignal),v(),d("cdkConnectedOverlayOrigin",o)("cdkConnectedOverlayOpen",i.uiState.settingsAccordionExpanded[(e=u.resolvedAccordionConfig())==null?null:e.id])("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",Fe(12,Kg))("cdkConnectedOverlayWidth",o.elementRef.nativeElement.offsetWidth)("snippylyOverlay",a)("snippylyOverlayZIndex",2147483627)}}function Xg(t,n){if(t&1&&(s(0),h(1,Jg,3,8,"div",6),h(2,Zg,5,13),m()),t&2){let r=l(3);v(),f(r.uiState.settingsLayout==="accordion"?1:-1),v(),f(r.uiState.settingsLayout==="dropdown"?2:-1)}}function Qg(t,n){if(t&1&&(k(0,"div",4),c(1,Xg,3,2,"ng-container",5),x()),t&2){let r,e=l(2),o=l();ee("velt-notification-panel--settings-accordion-container-expanded",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,$g,o.template,W(3,ro,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function es(t,n){if(t&1&&(s(0),h(1,Qg,2,13,"div",3),m()),t&2){let r,e=l(2);v(),f((r=e.resolvedAccordionConfig())!=null&&r.enable||!e.defaultCondition()?1:-1)}}function ts(t,n){if(t&1&&c(0,es,2,1,"ng-container",2),t&2){let r=l();d("veltIf",g(5,Wg,r.conditionSignal(),W(1,ro,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var At=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}get accordionTemplate(){return this._accordionTemplate}set accordionTemplate(e){try{if(this._accordionTemplate=e,this.accordionTemplate){this.template=this.domService.deepCloneElement(this.accordionTemplate);let o=this.template?.querySelector("velt-notifications-panel-settings-accordion-trigger-wireframe");se(o)||(this.triggerTemplate=o);let a=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-wireframe");se(a)||(this.contentTemplate=a)}else this.template=null}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionComponent setupA11yAttributes:",e)}}onPositionChange(e){try{e&&e?.overlayRef?.updatePosition()}catch(o){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionComponent onPositionChange: ",o)}}onClickOutside(e){try{this.componentConfigSignal.update(o=>(o=b(p({},o),{uiState:b(p({},o.uiState),{settingsItemRecentlyClosed:!0})}),o)),setTimeout(()=>{this.componentConfigSignal.update(o=>(o=b(p({},o),{uiState:b(p({},o.uiState),{settingsItemRecentlyClosed:!1})}),o))},100),this.componentConfigSignal()?.toggleSettingsAccordion(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionComponent onClickOutside: ",o)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-settings-accordion-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",accordionTemplate:"accordionTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["dropdownOverlay","cdkConnectedOverlay"],[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-container",3,"velt-notification-panel--settings-accordion-container-expanded"],[1,"velt-notification-panel--settings-accordion-container"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion"],[3,"accordionConfig","triggerTemplate","componentConfigSignal","parentLocalUIState"],[3,"accordionConfig","contentTemplate","componentConfigSignal","parentLocalUIState"],["cdkOverlayOrigin","","veltPositionObserver","",1,"velt-notification-panel--settings-accordion",3,"positionChange","veltPositionObserverDisabled"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPanelClass","cdkConnectedOverlayWidth","snippylyOverlay","snippylyOverlayZIndex"],[1,"velt-notification-panel--settings-dropdown-container"],["snippylyClickOutside","",1,"velt-notification-panel--settings-dropdown-container-inner",3,"clickOutside"]],template:function(o,a){if(o&1&&h(0,ts,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[lr,ar,P,N,cr,rn,Pt,Et],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{width:100%;box-sizing:border-box}[_nghost-%COMP%]:empty{display:none}.velt-notification-panel--settings-accordion[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-md) var(--velt-spacing-lg);flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-lg);align-self:stretch;border-radius:var(--velt-border-radius-md)}.velt-notification-panel--settings-accordion[_ngcontent-%COMP%]:hover, .velt-notification-panel--settings-accordion-container-expanded[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion[_ngcontent-%COMP%]{background:var(--velt-background-2)}.velt-notification-panel--settings-dropdown-container[_ngcontent-%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);background:var(--velt-background-2);border-radius:var(--velt-border-radius-md);padding:var(--velt-spacing-md) var(--velt-spacing-lg);width:100%;margin-top:var(--velt-spacing-sm)}.velt-notification-panel--settings-dropdown-container[dark=true][_ngcontent-%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 no=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ns=(t,n)=>({condition:t,data:n}),os=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),as=(t,n)=>n.id;function ls(t,n){if(t&1&&T(0,"velt-notifications-panel-settings-accordion-internal",3),t&2){let r=n.$implicit,e=l(4);d("accordionConfig",r)("accordionTemplate",e.accordionTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function is(t,n){if(t&1&&(s(0),k(1,"div",2),Ce(2,ls,1,4,"velt-notifications-panel-settings-accordion-internal",3,as),x(),m()),t&2){let r=l(2);v(2),_e(r==null||r.data==null?null:r.data.settingsConfig)}}function vs(t,n){if(t&1&&(s(0),c(1,is,4,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,os,e.template,g(1,no,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ds(t,n){if(t&1&&c(0,vs,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ns,r.conditionSignal(),g(1,no,r.componentConfigSignal,r.localUIStateSignal)))}}var Mt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-list"}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-wireframe");se(e)||(this.accordionTemplate=e)}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsListComponent ngOnInit:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsListComponent 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-settings-list-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-list-container"],[3,"accordionConfig","accordionTemplate","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,ds,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,At],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-notification-panel--settings-list-container[_ngcontent-%COMP%]{margin-block:var(--velt-spacing-md)}"],changeDetection:0});let t=n;return t})();var oo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gs=(t,n)=>({condition:t,data:n}),ss=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ms(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Document Notifications"),x(),m())}function us(t,n){if(t&1&&(s(0),c(1,ms,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,ss,e.template,g(1,oo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ps(t,n){if(t&1&&c(0,us,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,gs,r.conditionSignal(),g(1,oo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsTitleComponent 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-settings-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-section-title"]],template:function(o,a){if(o&1&&h(0,ps,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-section-title[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:120%}"],changeDetection:0});let t=n;return t})();var ao=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),fs=(t,n)=>({condition:t,data:n}),bs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ks(t,n){if(t&1&&(s(0),k(1,"div",2),T(2,"velt-notifications-panel-settings-header-internal",3),k(3,"div",4),T(4,"velt-notifications-panel-settings-title-internal",3)(5,"velt-notifications-panel-settings-description-internal",3),x(),T(6,"velt-notifications-panel-settings-list-internal",3)(7,"velt-notifications-panel-settings-footer-internal",3),x(),m()),t&2){let r=l(4);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function xs(t,n){if(t&1&&c(0,ks,8,10,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,bs,e.template,g(1,ao,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Cs(t,n){if(t&1&&(s(0),h(1,xs,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(r.uiState.settingsOpen&&r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function _s(t,n){if(t&1&&c(0,Cs,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,fs,r.conditionSignal(),g(1,ao,r.componentConfigSignal,r.localUIStateSignal)))}}var Lt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsComponent 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-settings-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings"],[3,"componentConfigSignal","parentLocalUIState"],[1,"velt-notification-panel--settings-section"]],template:function(o,a){if(o&1&&h(0,_s,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,ft,Ct,yt,Mt,Ft],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-notification-panel--settings-section[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg) var(--velt-spacing-lg) 0px var(--velt-spacing-lg);align-items:flex-start;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));align-self:stretch;flex-direction:column}"],changeDetection:0});let t=n;return t})();var lo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ys=(t,n)=>({condition:t,data:n}),Is=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-close-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ws(t,n){if(t&1&&(s(0),ie(),k(1,"svg",3),O(2,"translate"),T(3,"path",4),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-icon")("role","img")("aria-label",D(2,3,"Close notifications panel"))}}function Ns(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=l();return j(o.closeNotificationsPanel())}),c(3,ws,4,5,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),A("data-testid",e.componentId)("role","button")("aria-label",D(2,4,"Close notifications panel")),v(2),d("veltDynamicTemplate",y(9,Is,e.template,g(6,lo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ps(t,n){if(t&1&&c(0,Ns,4,15,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ys,r.conditionSignal(),g(1,lo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-close-button"}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close notifications panel")}catch(e){this.loggingService.catch("Error in NotificationsPanelCloseButtonComponent 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-close-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--close-button",3,"click"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ps,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex}[_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-notification-panel--close-button[_ngcontent-%COMP%]{display:flex;cursor:pointer;color:var(--velt-text-4)}"],changeDetection:0});let t=n;return t})();var io=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Os=(t,n)=>({condition:t,data:n}),Ds=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-read-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Es(t,n){if(t&1&&(s(0),k(1,"div",3),ie(),k(2,"svg",4),T(3,"path",5),x()(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-read-all-button")}}function As(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=l();return j(o.setAllNotificationsAsRead())})("keydown.enter",function(){Y(r);let o=l();return j(o.setAllNotificationsAsRead())})("keydown.space",function(o){Y(r);let a=l();return o.preventDefault(),j(a.setAllNotificationsAsRead())}),c(3,Es,4,1,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),A("aria-label",D(2,3,"Mark all notifications as read"))("data-testid",e.componentId+"-read-all-container"),v(2),d("veltDynamicTemplate",y(8,Ds,e.template,g(5,io,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ms(t,n){if(t&1&&c(0,As,4,14,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Os,r.conditionSignal(),g(1,io,r.componentConfigSignal,r.localUIStateSignal)))}}var Bt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-read-all-button"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelReadAllButtonComponent 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-read-all-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"v-read-all-btn","velt-notifications-panel--read-all-button"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","aria-label","Mark all as read icon"],["d","M5.25 9L9 12.75L16.5 5.25M1.5 9L5.25 12.75M9 9L12.75 5.25","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ms,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--read-all-button[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);align-items:center;gap:10px;cursor:pointer;color:var(--velt-accent-text);border-radius:var(--velt-border-radius-full)}.velt-notifications-panel--read-all-button[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}"],changeDetection:0});let t=n;return t})();var vo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ls=(t,n)=>({condition:t,data:n}),Us=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Bs(t,n){t&1&&(s(0),k(1,"div",4),ie(),k(2,"svg",5),T(3,"path",6)(4,"path",7),x()(),m())}function Rs(t,n){if(t&1){let r=Q();k(0,"div",2),O(1,"translate"),Z("click",function(){Y(r);let o=l(2);return j(o.openSettings())})("keydown.enter",function(){Y(r);let o=l(2);return j(o.openSettings())})("keydown.space",function(o){Y(r);let a=l(2);return o.preventDefault(),j(a.openSettings())}),c(2,Bs,5,0,"ng-container",3),x()}if(t&2){let r=l(2),e=l();A("aria-label",D(1,3,"Open settings"))("data-testid",e.componentId+"-settings-container"),v(2),d("veltDynamicTemplate",y(8,Us,e.template,g(5,vo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Vs(t,n){if(t&1&&(s(0),h(1,Rs,3,14,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function zs(t,n){if(t&1&&c(0,Vs,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ls,r.conditionSignal(),g(1,vo,r.componentConfigSignal,r.localUIStateSignal)))}}var Rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-button"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsButtonComponent 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-settings-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",1,"velt-notifications-panel--settings-button-container"],["role","button","tabindex","0",1,"velt-notifications-panel--settings-button-container",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-notifications-panel--settings-button"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M7.74375 3.23775C8.06325 1.92075 9.93675 1.92075 10.2563 3.23775C10.3042 3.4356 10.3982 3.61933 10.5305 3.774C10.6629 3.92867 10.8299 4.04989 11.018 4.12781C11.2061 4.20573 11.4099 4.23814 11.6128 4.2224C11.8158 4.20667 12.0122 4.14323 12.186 4.03725C13.3432 3.33225 14.6685 4.65675 13.9635 5.81475C13.8577 5.98849 13.7943 6.18475 13.7786 6.38758C13.7629 6.59041 13.7953 6.79408 13.8731 6.98203C13.951 7.16999 14.0721 7.33693 14.2265 7.46929C14.381 7.60164 14.5646 7.69568 14.7623 7.74375C16.0793 8.06325 16.0793 9.93675 14.7623 10.2563C14.5644 10.3042 14.3807 10.3982 14.226 10.5305C14.0713 10.6629 13.9501 10.8299 13.8722 11.018C13.7943 11.2061 13.7619 11.4099 13.7776 11.6128C13.7933 11.8158 13.8568 12.0122 13.9628 12.186C14.6678 13.3432 13.3432 14.6685 12.1852 13.9635C12.0115 13.8577 11.8152 13.7943 11.6124 13.7786C11.4096 13.7629 11.2059 13.7953 11.018 13.8731C10.83 13.951 10.6631 14.0721 10.5307 14.2265C10.3984 14.381 10.3043 14.5646 10.2563 14.7623C9.93675 16.0793 8.06325 16.0793 7.74375 14.7623C7.69581 14.5644 7.60183 14.3807 7.46947 14.226C7.3371 14.0713 7.17008 13.9501 6.98201 13.8722C6.79394 13.7943 6.59013 13.7619 6.38716 13.7776C6.1842 13.7933 5.98781 13.8568 5.814 13.9628C4.65675 14.6678 3.3315 13.3432 4.0365 12.1852C4.14233 12.0115 4.20566 11.8152 4.22136 11.6124C4.23706 11.4096 4.20468 11.2059 4.12685 11.018C4.04903 10.83 3.92795 10.6631 3.77345 10.5307C3.61896 10.3984 3.43542 10.3043 3.23775 10.2563C1.92075 9.93675 1.92075 8.06325 3.23775 7.74375C3.4356 7.69581 3.61933 7.60183 3.774 7.46947C3.92867 7.3371 4.04989 7.17008 4.12781 6.98201C4.20573 6.79394 4.23814 6.59013 4.2224 6.38716C4.20667 6.1842 4.14323 5.98781 4.03725 5.814C3.33225 4.65675 4.65675 3.3315 5.81475 4.0365C6.56475 4.4925 7.53675 4.089 7.74375 3.23775Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.75 9C6.75 9.59674 6.98705 10.169 7.40901 10.591C7.83097 11.0129 8.40326 11.25 9 11.25C9.59674 11.25 10.169 11.0129 10.591 10.591C11.0129 10.169 11.25 9.59674 11.25 9C11.25 8.40326 11.0129 7.83097 10.591 7.40901C10.169 6.98705 9.59674 6.75 9 6.75C8.40326 6.75 7.83097 6.98705 7.40901 7.40901C6.98705 7.83097 6.75 8.40326 6.75 9Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,zs,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--settings-button[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);align-items:center;gap:10px;cursor:pointer;color:var(--velt-text-8);border-radius:var(--velt-border-radius-full)}.velt-notifications-panel--settings-button[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}"],changeDetection:0});let t=n;return t})();var co=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Hs=(t,n)=>({condition:t,data:n}),Ys=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-text-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function js(t,n){t&1&&(s(0),k(1,"span"),K(2),O(3,"translate"),x(),m()),t&2&&(v(2),Me(D(3,1,"Notifications")))}function Ws(t,n){if(t&1&&(s(0),c(1,js,4,3,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Ys,e.template,g(1,co,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function $s(t,n){if(t&1&&c(0,Ws,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Hs,r.conditionSignal(),g(1,co,r.componentConfigSignal,r.localUIStateSignal)))}}var Vt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-title-text"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelTitleTextComponent 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-title-text-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,$s,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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)}span[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:600;line-height:normal}"],changeDetection:0});let t=n;return t})();var go=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Js=(t,n)=>({condition:t,data:n}),qs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Zs(t,n){if(t&1&&(ie(),k(0,"svg",5),T(1,"path",6),x(),Oe(),T(2,"velt-notifications-panel-close-button-internal",3)),t&2){let r=l(5);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Xs(t,n){if(t&1&&(s(0),k(1,"div",2),T(2,"velt-notifications-panel-title-text-internal",3),k(3,"div",4),O(4,"translate"),T(5,"velt-notifications-panel-read-all-button-internal",3)(6,"velt-notifications-panel-settings-button-internal",3),h(7,Zs,3,2),x()(),m()),t&2){let r=l(3),e=l();v(),A("data-testid",e.componentId+"-title"),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),A("data-testid",e.componentId+"-actions")("aria-label",D(4,10,"Notification actions")),v(2),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),f(r.uiState.panelOpenMode==="sidebar"?7:-1)}}function Qs(t,n){if(t&1&&c(0,Xs,8,12,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,qs,e.template,g(1,go,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function em(t,n){if(t&1&&(s(0),h(1,Qs,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function tm(t,n){if(t&1&&c(0,em,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Js,r.conditionSignal(),g(1,go,r.componentConfigSignal,r.localUIStateSignal)))}}var zt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelTitleComponent 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-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","heading","aria-level","1",1,"velt-notification-panel--title"],[3,"componentConfigSignal","parentLocalUIState"],["role","toolbar",1,"velt-notification-panel--actions"],["width","2","height","18","viewBox","0 0 2 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","separator","aria-hidden","true"],["d","M1 1L0.999999 17","stroke","currentColor","stroke-linecap","round"]],template:function(o,a){if(o&1&&h(0,tm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ut,Bt,Rt,Vt,U],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-notification-panel--title[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md) var(--velt-spacing-2xs) var(--velt-spacing-md);justify-content:space-between;align-items:center;align-self:stretch}.velt-notification-panel--title[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:600;line-height:normal}.velt-notification-panel--actions[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-sm);align-items:center;justify-content:center}.velt-notification-panel--actions[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{color:var(--velt-text-10)}"],changeDetection:0});let t=n;return t})();var so=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),om=(t,n)=>({condition:t,data:n}),am=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function lm(t,n){t&1&&Ae(0)}function im(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),c(1,lm,1,0,"ng-container",2),x()),t&2){l();let r=ue(4);v(),d("ngTemplateOutlet",r)}}function vm(t,n){t&1&&Ae(0)}function dm(t,n){if(t&1&&c(0,vm,1,0,"ng-container",2),t&2){l();let r=ue(4);d("ngTemplateOutlet",r)}}function cm(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-title-internal",5)(2,"velt-notifications-panel-header-internal",5)(3,"velt-notifications-panel-content-internal",5)(4,"velt-notifications-panel-settings-internal",5),m()),t&2){let r=l(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function gm(t,n){if(t&1){let r=Q();k(0,"div",3),O(1,"translate"),Z("clickOutside",function(){Y(r);let o=l(3);return j(o.closeNotificationsPanel())}),c(2,cm,5,8,"ng-container",4),x()}if(t&2){let r=l(2),e=l();ee("bottom-sheet",e.bottomSheetMode)("velt-notifications-panel--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),d("clickOutsideHandler",e.panelClickOutsideHandler),A("aria-label",D(1,9,"Notifications panel"))("aria-expanded",!0)("data-testid",e.componentId),v(2),d("veltDynamicTemplate",y(14,am,e.template,g(11,so,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function sm(t,n){if(t&1&&(s(0),h(1,im,2,1,"velt-shadow-dom-internal")(2,dm,1,1,"ng-container"),c(3,gm,3,20,"ng-template",null,0,Ie),m()),t&2){let r=l(2);v(),f(!r.template&&r.shadowDom||r.template&&r.isExplicitShadowDom?1:2)}}function mm(t,n){if(t&1&&c(0,sm,5,1,"ng-container",1),t&2){let r=l();d("veltIf",g(4,om,r.conditionSignal(),g(1,so,r.componentConfigSignal,r.localUIStateSignal)))}}var Se=(()=>{let n=class n extends E{set _shadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.shadowDom=o}catch{}}set _tabConfig(e){try{let o={};typeof e=="string"?o=JSON.parse(e):o=e,this.tabConfig=o,this.componentConfigSignal.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{tabConfig:this.tabConfig})})),this.coreService.checkAndSetDefaultTab(this.componentConfigSignal),this.coreService.getEnabledTabCount(this.componentConfigSignal)}catch{}}set _readNotificationsOnForYouTab(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableReadNotificationsOnForYouTab():this.notificationService.disableReadNotificationsOnForYouTab()}catch{}}set _settings(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSettings():this.notificationService.disableSettings()}catch{}}set _settingsConfigByOrganization(e){try{(typeof e=="string"?JSON.parse(e):e)?this.notificationService.enableSettingsConfigByOrganization():this.notificationService.disableSettingsConfigByOrganization()}catch{}}set _crossOrganization(e){try{let o=typeof e=="string"?JSON.parse(e):e;o&&typeof o=="object"&&!Array.isArray(o)?o.enabled===!1?this.notificationService.disableCrossOrganization():this.notificationService.enableCrossOrganization(o):o?this.notificationService.enableCrossOrganization():this.notificationService.disableCrossOrganization()}catch{}}set _settingsLayout(e){try{this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{settingsLayout:e})}))}catch{}}set _selfNotifications(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSelfNotifications():this.notificationService.disableSelfNotifications()}catch{}}set _pageSize(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e));let a=typeof o=="number"?o:parseInt(o,10);!isNaN(a)&&a>0&&(this.pageSize=a,this.componentConfigSignal.update(i=>b(p({},i),{uiState:b(p({},i.uiState),{pageSize:this.pageSize})})))}catch{}}handleEscapeKey(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: handleEscapeKey","color: green;"),this.closeNotificationsPanel()}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent handleEscapeKey: ",o)}}constructor(e){super(),this.bottomSheetData=e,this.notificationService=ae(X),this.wireframeService=ae(dr),this.close=new ye,this.shadowDom=!0,this.isExplicitShadowDom=!1,this.tabConfig={},this.panelOpenMode="popover",this.pageSize=5,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"},this.bottomSheetMode=!1,this.rootSubscriptions=[],this.onNotificationClickEvent=new ye,this.veltElement=!0,this.componentId="velt-notifications-panel",this.panelClickOutsideHandler=(o,a)=>{try{return!!(o.closest(".velt-notification-panel--settings-dropdown-container")||o.closest("velt-notifications-panel-internal"))}catch(i){return this.loggingService.catch("Error in NotificationsPanelComponent panelClickOutsideHandler: ",i),!1}};try{this.loggingService.log("%c[WB] Creating CLASS: NotificationsPanelComponent","color: blue;"),this.componentConfigSignal=this.coreService.getOrCreateContextConfig("default"),e&&(this.bottomSheetMode=!0,this.closeBottomSheetFn=e.closeBottomSheetFn,this.onNotificationClickFn=e.onNotificationClickFn,e.pageSize&&typeof e.pageSize=="number"&&e.pageSize>0&&(this.pageSize=e.pageSize,this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{pageSize:this.pageSize})})))),this.componentConfigSignal.update(o=>b(p({},o),{setAllNotificationsAsRead:this.setAllNotificationsAsRead.bind(this),onTabChange:this.onTabChange.bind(this),trackByNotificationId:this.actionService.trackByNotificationId.bind(this.actionService),onLoadMoreClick:this.onLoadMoreClick.bind(this),trackByUserMapId:this.actionService.trackByUserMapId.bind(this.actionService),toggleUserAccordion:this.toggleUserAccordion.bind(this),trackByNotificationByDocumentId:this.actionService.trackByNotificationByDocumentId.bind(this.actionService),toggleDocumentAccordion:this.toggleDocumentAccordion.bind(this),onNotificationClick:this.onNotificationClick.bind(this),closeNotificationsPanel:this.closeNotificationsPanel.bind(this),trackByNotificationByDate:this.actionService.trackByNotificationByDate.bind(this.actionService),trackByKey:this.actionService.trackByKey.bind(this.actionService),openSettings:this.openSettings.bind(this),closeSettings:this.closeSettings.bind(this),toggleSettingsAccordion:this.toggleSettingsAccordion.bind(this),setSettingsSelectedOption:this.setSettingsSelectedOption.bind(this),toggleSettingsMutedAll:this.toggleSettingsMutedAll.bind(this)}))}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent constructor: ",o)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit();let e=this.hostElementRef.nativeElement,o=e.getAttribute("shadow-dom")??e.getAttribute("shadowdom");this.isExplicitShadowDom=o!==null&&o!=="false";let a="velt-notifications-panel-wireframe";this.variant&&(a+=`---${this.variant}`),this.rootSubscriptions.push(this.wireframeService.getWireframe$(a).subscribe(i=>{try{if(i){let u=document.createElement(i.tagName);u.innerHTML=i.innerHTML,this.template=u}}catch(u){this.loggingService.catch("Error in wireframe subscription:",u)}}))}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent setupA11yAttributes:",e)}}onTabChange(e){try{this.actionService.onTabChange(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent onTabChange: ",o)}}onLoadMoreClick(e){try{this.actionService.onLoadMoreClick(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent onLoadMoreClick: ",o)}}toggleUserAccordion(e){try{this.actionService.toggleUserAccordion(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent toggleUserAccordion: ",o)}}toggleDocumentAccordion(e){try{this.actionService.toggleDocumentAccordion(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent toggleDocumentAccordion: ",o)}}onNotificationClick(e,o){try{this.actionService.onNotificationClick(this.componentConfigSignal,e,o),this.onNotificationClickEvent.emit(e),this.onNotificationClickFn&&this.onNotificationClickFn?.(e)}catch(a){this.loggingService.catch("Error in NotificationsPanelComponent onNotificationClick: ",a)}}setAllNotificationsAsRead(){try{this.actionService.setAllNotificationsAsRead(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent setAllNotificationsAsRead: ",e)}}closeNotificationsPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: closeNotificationsPanel","color: green;"),this.close.emit(),this.closeBottomSheetFn&&this.closeBottomSheetFn?.()}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent closeNotificationsPanel: ",e)}}openSettings(){try{this.actionService.openSettings(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent openSettings: ",e)}}closeSettings(){try{this.actionService.closeSettings(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent closeSettings: ",e)}}toggleSettingsAccordion(e){try{this.actionService.toggleSettingsAccordion(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent toggleSettingsAccordion: ",o)}}setSettingsSelectedOption(e,o){try{this.actionService.setSettingsSelectedOption(this.componentConfigSignal,e,o)}catch(a){this.loggingService.catch("Error in NotificationsPanelComponent setSettingsSelectedOption: ",a)}}toggleSettingsMutedAll(){try{this.actionService.toggleSettingsMutedAll(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent toggleSettingsMutedAll: ",e)}}isTabEnabled(e){try{return this.coreService.isTabEnabled(this.componentConfigSignal,e)}catch(o){return this.loggingService.catch("Error in NotificationsPanelComponent isTabEnabled: ",o),!0}}ngOnChanges(e){try{if(super.ngOnChanges(e),e){let o={variant:a=>this.componentConfigSignal.update(i=>b(p({},i),{uiState:b(p({},i.uiState),{variant:a})})),panelOpenMode:a=>this.componentConfigSignal.update(i=>b(p({},i),{uiState:b(p({},i.uiState),{panelOpenMode:a})}))};Object.keys(e).forEach(a=>{try{o[a]&&o[a](e[a].currentValue)}catch(i){this.loggingService.catch("Error mapping prop "+a+":",i)}})}}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent ngOnChanges: ",o)}}ngAfterViewInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngAfterViewInit","color: green;")}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent ngAfterViewInit: ",e)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.rootSubscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent ngOnDestroy: ",e)}}};n.\u0275fac=function(o){return new(o||n)(me(Wr,8))},n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-internal"]],hostVars:1,hostBindings:function(o,a){o&1&&Z("keydown.escape",function(u){return a.handleEscapeKey(u)},Fr),o&2&&A("data-velt-element",a.veltElement)},inputs:{_shadowDom:[0,"shadowDom","_shadowDom"],_tabConfig:[0,"tabConfig","_tabConfig"],_readNotificationsOnForYouTab:[0,"readNotificationsOnForYouTab","_readNotificationsOnForYouTab"],variant:"variant",panelOpenMode:"panelOpenMode",_settings:[0,"settings","_settings"],_settingsConfigByOrganization:[0,"enableSettingsAtOrganizationLevel","_settingsConfigByOrganization"],_crossOrganization:[0,"enableCrossOrganization","_crossOrganization"],_settingsLayout:[0,"settingsLayout","_settingsLayout"],_selfNotifications:[0,"selfNotifications","_selfNotifications"],_pageSize:[0,"pageSize","_pageSize"]},outputs:{close:"close",onNotificationClickEvent:"onNotificationClick"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[["notificationPanelRef",""],[4,"veltIf"],[4,"ngTemplateOutlet"],["snippylyClickOutside","","role","dialog","aria-modal","true",1,"v-notifications-panel-container","velt-notifications-panel",3,"clickOutside","clickOutsideHandler"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,mm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[Wt,P,N,cr,gr,gt,ht,Lt,zt,U],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-notifications-panel[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-md);border:2px solid var(--velt-border-4);background:var(--velt-background-0);box-shadow:0 8px 16px #8f95b226;padding:var(--velt-spacing-sm);display:flex;flex-direction:column;gap:var(--velt-spacing-xs);width:400px;border-radius:var(--velt-border-radius-lg);min-height:300px;max-height:400px;overflow:auto}.velt-notifications-panel--sidebar-panel[_ngcontent-%COMP%]{width:auto;max-height:none;height:100%;box-sizing:border-box}.velt-notifications-panel.bottom-sheet[_ngcontent-%COMP%]{display:flex;flex-direction:column;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%;box-sizing:border-box}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var er=(()=>{let n=class n{set _pageSize(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e));let a=typeof o=="number"?o:parseInt(o,10);!isNaN(a)&&a>0&&(this.pageSize=a)}catch{}}constructor(e,o,a){this.bottomSheet=e,this.loggingService=o,this.elementRef=a,this.onNotificationClickEvent=new ye,this.close=new ye,this.pageSize=5,this.subscriptions=[],this.componentId="velt-notifications-bottom-sheet-internal"}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Notifications bottom sheet")}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent setupA11yAttributes:",e)}}ngAfterViewInit(){this.openBottomSheet()}openBottomSheet(){return Dr(this,null,function*(){try{this.bottomSheetRef=this.bottomSheet.open(Se,{data:{closeBottomSheetFn:()=>{this.onClose(),this.bottomSheetRef?.dismiss()},onNotificationClickFn:e=>{this.onNotificationClickEvent.emit(e)},pageSize:this.pageSize},panelClass:["v-notifications-bottom-sheet-container","velt-mat-bottom-sheet-container"]}),this.subscriptions.push(this.bottomSheetRef.backdropClick().subscribe(()=>{this.onClose()},e=>{this.loggingService.catch("Error in NotificationsBottomSheetComponent backdropClick subscription: ",e)}))}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent openBottomSheet: ",e)}})}onClose(){try{this.close.emit()}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent onClose: ",e)}}ngOnDestroy(){try{this.subscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent ngOnDestroy: ",e)}}};n.\u0275fac=function(o){return new(o||n)(me($r),me(R),me(rr))},n.\u0275cmp=C({type:n,selectors:[["velt-notifications-bottom-sheet-internal"]],inputs:{_pageSize:[0,"pageSize","_pageSize"]},outputs:{onNotificationClickEvent:"onNotificationClick",close:"close"},standalone:!1,decls:0,vars:0,template:function(o,a){},styles:[".velt-mat-bottom-sheet-container.v-notifications-bottom-sheet-container{padding:0!important}  .velt-mat-bottom-sheet-container.v-notifications-bottom-sheet-container .mat-bottom-sheet-container{padding:0!important}"],changeDetection:0});let t=n;return t})();var Pr=(()=>{let n=class n extends en{constructor(e,o,a,i,u,M,F){super(F,M),this.authService=e,this.serviceBook=o,this.domService=a,this.loggingService=i,this.notificationService=u,this.themeService=M,this.elementRef=F,this.onNotificationClickEvent=new ye,this.veltElement=!0,this.componentId="velt-notifications-history-panel",this.commentService=null,this.viewsService=null,this.serviceBook.observe(ir).subscribe($=>{this.commentService=$}),this.serviceBook.observe(vr).subscribe($=>{this.viewsService=$??null})}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in NotificationsHistoryPanelComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Notifications history panel")}catch(e){this.loggingService.catch("Error in NotificationsHistoryPanelComponent setupA11yAttributes:",e)}}goToAnnotation(e){try{setTimeout(()=>{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"})},100)}catch(o){this.loggingService.catch("Error in NotificationsHistoryPanelComponent goToAnnotation: ",o)}}onNotificationClick(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onNotificationClick","color: green;"),e.notificationSource==="comment"&&e.targetAnnotationId){let o=this.commentService?.getAnnotationById(e?.targetAnnotationId);o&&(this.domService.toggleAnnotationSelection(o),this.goToAnnotation(o))}this.onNotificationClickEvent.emit(e),e?.id&&e.isUnread&&this.setNotificationAsRead(e)}catch(o){this.loggingService.catch("Error in NotificationsHistoryPanelComponent onNotificationClick: ",o)}}setNotificationAsRead(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: setNotificationAsRead","color: green;"),e?.id&&(this.authService.getUser()?.organizationId?this.notificationService.setNotificationsAsRead([e]):this.viewsService?.setNotificationsAsRead([e?.id]))}catch(o){this.loggingService.catch("Error in NotificationsHistoryPanelComponent setNotificationAsRead: ",o)}}};n.\u0275fac=function(o){return new(o||n)(me(Jt),me($t),me(ce),me(R),me(X),me(Qr),me(rr))},n.\u0275cmp=C({type:n,selectors:[["app-notifications-history-panel"]],hostVars:1,hostBindings:function(o,a){o&2&&A("data-velt-element",a.veltElement)},outputs:{onNotificationClickEvent:"onNotificationClick"},standalone:!1,features:[_],decls:1,vars:1,consts:[[3,"onNotificationClick","darkMode"]],template:function(o,a){o&1&&(k(0,"velt-notifications-panel-internal",0),Z("onNotificationClick",function(u){return a.onNotificationClick(u)}),x()),o&2&&d("darkMode",a.darkMode)},dependencies:[Se],encapsulation:2,changeDetection:0});let t=n;return t})();function uo(){return{appState:{},featureState:{considerAllNotifications:!1}}}function Tr(){return{data:{unreadNotificationsForYou:[],tabConfig:{}},uiState:{notificationsPanelVisible:!1,shadowDom:!0,panelShadowDom:!0,settingsLayout:"accordion",variant:void 0,isPhone:!1,template:void 0,darkMode:!1}}}function po(){return{darkMode:!1,variant:void 0,shadowDom:!0,template:void 0}}var ho=(()=>{let n=class n{constructor(e,o,a,i,u){this.loggingService=e,this.notificationService=o,this.authService=a,this.analyticsService=i,this.breakpointObserver=u,this.initialized=!1,this.subscriptions=[],this.globalConfigSignal=V(uo()),this.contextMap=new Map}initialize(){try{if(this.initialized)return;this.initialized=!0,this.setupGlobalSubscriptions()}catch(e){this.loggingService.catch("Error in NotificationsToolCoreService initialize:",e)}}setupGlobalSubscriptions(){try{this.subscriptions.push(this.breakpointObserver.observe(yr.XSmall).subscribe(e=>{try{let o=e.matches;this.contextMap.forEach(a=>{try{a().uiState.isPhone!==o&&a.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{isPhone:o})}))}catch(i){this.loggingService.catch("Error updating isPhone in context:",i)}})}catch(o){this.loggingService.catch("Error in breakpointObserver subscription:",o)}},e=>{this.loggingService.catch("Error in NotificationsToolCoreService breakpointObserver subscription:",e)})),this.subscriptions.push(this.notificationService.getTabConfig$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{data:b(p({},a.data),{tabConfig:e})}))}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.getNotificationsPanelVisible$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{notificationsPanelVisible:e})}))}catch(a){this.loggingService.catch("Error updating panel visibility in context:",a)}})}catch(o){this.loggingService.catch("Error in panel visibility subscription:",o)}})),this.subscriptions.push(this.authService.getUser$().pipe(Er(e=>!!e),Ar(1)).subscribe(e=>{try{e&&this.analyticsService.setInstalledFeature(Jr.NOTIFICATION)}catch(o){this.loggingService.catch("Error in analytics subscription:",o)}})),this.subscriptions.push(this.authService.getUser$().pipe(De(e=>{try{return e?e?.organizationId?this.globalConfigSignal().featureState.considerAllNotifications?this.notificationService.getNotifications$().pipe(Te(a=>{try{let i=a?.filter(u=>u?.isUnread)||[];this.contextMap.forEach(u=>{try{u.update(M=>b(p({},M),{data:b(p({},M.data),{unreadNotificationsForYou:i})}))}catch(M){this.loggingService.catch("Error updating unread notifications in context:",M)}})}catch(i){this.loggingService.catch("Error processing notifications:",i)}return e})):this.notificationService.getNotificationsForYou$().pipe(Te(a=>{try{let i=a?.filter(u=>u?.isUnread)||[];this.contextMap.forEach(u=>{try{u.update(M=>b(p({},M),{data:b(p({},M.data),{unreadNotificationsForYou:i})}))}catch(M){this.loggingService.catch("Error updating unread notifications in context:",M)}})}catch(i){this.loggingService.catch("Error processing notifications for you:",i)}return e})):this.notificationService.getNotifications$().pipe(Te(o=>{try{let a=o?.filter(i=>i?.forYou&&i?.isUnread)||[];this.contextMap.forEach(i=>{try{i.update(u=>b(p({},u),{data:b(p({},u.data),{unreadNotificationsForYou:a})}))}catch(u){this.loggingService.catch("Error updating unread notifications in context:",u)}})}catch(a){this.loggingService.catch("Error processing notifications (no org):",a)}return e})):ge(e)}catch(o){return this.loggingService.catch("Error in switchMap:",o),ge(null)}})).subscribe(()=>{},e=>{this.loggingService.catch("Error in NotificationsToolCoreService getUser$ subscription:",e)}))}catch(e){this.loggingService.catch("Error in NotificationsToolCoreService setupGlobalSubscriptions:",e)}}getOrCreateContextConfig(e){try{this.initialize();let o=this.contextMap.get(e);return o||(o=V(Tr()),this.contextMap.set(e,o),this.applyCurrentStateToContext(o)),o}catch(o){return this.loggingService.catch("Error in NotificationsToolCoreService getOrCreateContextConfig:",o),V(Tr())}}applyCurrentStateToContext(e){try{let o=this.breakpointObserver.isMatched(yr.XSmall);e().uiState.isPhone!==o&&e.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{isPhone:o})}));let a=this.notificationService.getTabConfig();a!==null&&e.update(u=>b(p({},u),{data:b(p({},u.data),{tabConfig:a})}));let i=this.notificationService.getNotificationsPanelVisible();e.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{notificationsPanelVisible:i})}))}catch(o){this.loggingService.catch("Error in NotificationsToolCoreService applyCurrentStateToContext:",o)}}getContextConfig(e){try{return this.contextMap.get(e)}catch(o){this.loggingService.catch("Error in NotificationsToolCoreService getContextConfig:",o);return}}clearContext(e){try{this.contextMap.delete(e)}catch(o){this.loggingService.catch("Error in NotificationsToolCoreService 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 NotificationsToolCoreService destroy:",e)}}};n.\u0275fac=function(o){return new(o||n)(ve(R),ve(X),ve(Jt),ve(Kt),ve(jr))},n.\u0275prov=Ee({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var Pe=(()=>{let n=class n extends ur{constructor(){super(...arguments),this.coreService=ae(ho)}getDefaultLocalUIState(){return po()}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-tool-primitive-themed-base"]],standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var fo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),pm=(t,n)=>({condition:t,data:n}),hm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function fm(t,n){if(t&1&&(s(0),ie(),k(1,"svg",2),O(2,"translate"),T(3,"path",3),x(),m()),t&2){let r=l(4);v(),A("aria-label",D(2,2,"Notifications bell icon - no unread notifications"))("data-testid",r.componentId+"-bell-icon")}}function bm(t,n){if(t&1&&c(0,fm,4,4,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,hm,e.template,g(1,fo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function km(t,n){if(t&1&&(s(0),h(1,bm,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length)||!e.defaultCondition()?1:-1)}}function xm(t,n){if(t&1&&c(0,km,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,pm,r.conditionSignal(),g(1,fo,r.componentConfigSignal,r.localUIStateSignal)))}}var Gt=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-icon"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsToolIconComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-icon-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","focusable","false",1,"action-btn-icon","velt-notifications-tool--icon"],["d","M6.75 12.75V13.5C6.75 14.0967 6.98705 14.669 7.40901 15.091C7.83097 15.5129 8.40326 15.75 9 15.75C9.59674 15.75 10.169 15.5129 10.591 15.091C11.0129 14.669 11.25 14.0967 11.25 13.5V12.75M7.5 3.75C7.5 3.35218 7.65804 2.97064 7.93934 2.68934C8.22064 2.40804 8.60218 2.25 9 2.25C9.39782 2.25 9.77936 2.40804 10.0607 2.68934C10.342 2.97064 10.5 3.35218 10.5 3.75C11.3613 4.15727 12.0956 4.79124 12.624 5.58397C13.1525 6.3767 13.4553 7.29831 13.5 8.25V10.5C13.5564 10.9663 13.7216 11.4128 13.9821 11.8036C14.2426 12.1944 14.5913 12.5186 15 12.75H3C3.4087 12.5186 3.75736 12.1944 4.01789 11.8036C4.27842 11.4128 4.44356 10.9663 4.5 10.5V8.25C4.54467 7.29831 4.84748 6.3767 5.37596 5.58397C5.90445 4.79124 6.63869 4.15727 7.5 3.75Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,xm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex}[_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 bo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),_m=(t,n)=>({condition:t,data:n}),Sm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ym(t,n){if(t&1&&K(0),t&2){let r=l(3);le(" ",(r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)||0," ")}}function Im(t,n){if(t&1&&(s(0),h(1,ym,1,1),m()),t&2){let r=l(2),e=l();v(),f(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function wm(t,n){if(t&1&&(s(0),c(1,Im,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Sm,e.template,g(1,bo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Nm(t,n){if(t&1&&c(0,wm,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,_m,r.conditionSignal(),g(1,bo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ht=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-unread-count"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadCountComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadCountComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","status"),e.setAttribute("aria-live","polite")}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadCountComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-unread-count-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Nm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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 ko=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Tm=(t,n)=>({condition:t,data:n}),Om=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Dm(t,n){if(t&1&&(s(0),T(1,"velt-notifications-tool-unread-count-internal",3),m()),t&2){let r=l(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Em(t,n){if(t&1&&(k(0,"span",1),O(1,"translate"),c(2,Dm,2,2,"ng-container",2),x()),t&2){let r=l(2),e=l();A("data-testid",e.componentId+"-container")("aria-label",D(1,3,"Notifications count")),v(2),d("veltDynamicTemplate",y(8,Om,e.template,g(5,ko,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Am(t,n){if(t&1&&(s(0),h(1,Em,3,14,"span",1),m()),t&2){let r=l(),e=l();v(),f(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function Mm(t,n){if(t&1&&c(0,Am,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Tm,r.conditionSignal(),g(1,ko,r.componentConfigSignal,r.localUIStateSignal)))}}var Yt=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-label"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsToolLabelComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-label-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","status","aria-live","polite",1,"action-btn-label","velt-notifications-tool--label"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Mm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ht,U],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 xo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Lm=(t,n)=>({condition:t,data:n}),Um=(t,n,r,e)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-icon-wireframe",setIfCondition:r,componentElementRef:e});function Bm(t,n){if(t&1&&(s(0),ie(),k(1,"svg",2),O(2,"translate"),O(3,"translate"),T(4,"circle",3)(5,"path",4),x(),m()),t&2){let r=l(3),e=l();v(),A("data-testid",e.componentId+"-icon")("aria-label",D(2,2,"Notification bell with")+" "+((r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)??0)+" "+D(3,4,"unread notifications"))}}function Rm(t,n){if(t&1&&c(0,Bm,6,6,"ng-container",1),t&2){let r=l(3);d("veltDynamicTemplate",te(4,Um,r.template,g(1,xo,r.componentConfigSignal,r.localUIStateSignal),r.setIfCondition.bind(r),r.hostElementRef))}}function Vm(t,n){if(t&1&&(s(0),h(1,Rm,1,9,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function zm(t,n){if(t&1&&c(0,Vm,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Lm,r.conditionSignal(),g(1,xo,r.componentConfigSignal,r.localUIStateSignal)))}}var jt=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-unread-icon"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label","Unread notifications indicator")}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadIconComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-unread-icon-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","false",1,"action-btn-icon","velt-notifications-tool--icon"],["cx","14.25","cy","3.75","r","3","fill","#FF7162"],["fill-rule","evenodd","clip-rule","evenodd","d","M10.1255 1.94751C9.79064 1.73842 9.4012 1.625 9.00006 1.625C8.43647 1.625 7.89597 1.84888 7.49746 2.2474C7.19499 2.54986 6.99312 2.93411 6.91339 3.34817C6.08724 3.80247 5.38091 4.4499 4.85599 5.23729C4.26459 6.12439 3.92573 7.1557 3.87574 8.2207C3.87529 8.23046 3.87506 8.24023 3.87506 8.25V10.4601C3.8265 10.8165 3.69761 11.1574 3.49792 11.4569C3.29166 11.7663 3.01564 12.0229 2.69209 12.2061C2.44509 12.346 2.32336 12.6348 2.39568 12.9092C2.468 13.1837 2.71621 13.375 3.00006 13.375H6.12506V13.5C6.12506 14.2625 6.42796 14.9938 6.96712 15.5329C7.50629 16.0721 8.23756 16.375 9.00006 16.375C9.76255 16.375 10.4938 16.0721 11.033 15.5329C11.5722 14.9938 11.8751 14.2625 11.8751 13.5V13.375H15.0001C15.2839 13.375 15.5321 13.1837 15.6044 12.9092C15.6768 12.6348 15.555 12.346 15.308 12.2061C14.9845 12.0229 14.7085 11.7663 14.5022 11.4569C14.3025 11.1574 14.1736 10.8165 14.1251 10.4601V8.25C14.1251 8.24943 14.1251 8.24887 14.1251 8.2483C13.6837 8.23627 13.2581 8.16068 12.8573 8.03035C12.8652 8.10832 12.8711 8.1866 12.8751 8.26512V10.5C12.8751 10.5251 12.8766 10.5502 12.8796 10.5751C12.9466 11.1285 13.1403 11.6588 13.4454 12.125H11.2501H6.75006H4.55468C4.85985 11.6588 5.05354 11.1285 5.12053 10.5751C5.12354 10.5502 5.12506 10.5251 5.12506 10.5V8.26512C5.16674 7.43175 5.4331 6.62508 5.89605 5.93066C6.36162 5.23231 7.00846 4.6738 7.76723 4.31502C7.98572 4.21171 8.12506 3.99168 8.12506 3.75C8.12506 3.51794 8.21724 3.29538 8.38134 3.13128C8.54543 2.96719 8.76799 2.875 9.00006 2.875C9.23212 2.875 9.45468 2.96719 9.61878 3.13128C9.67885 3.19136 9.72928 3.25927 9.76909 3.33261C9.81402 2.84411 9.93703 2.37821 10.1255 1.94751ZM7.37506 13.5V13.375H10.6251V13.5C10.6251 13.931 10.4539 14.3443 10.1491 14.649C9.84436 14.9538 9.43103 15.125 9.00006 15.125C8.56908 15.125 8.15576 14.9538 7.85101 14.649C7.54626 14.3443 7.37506 13.931 7.37506 13.5Z","fill","currentColor"]],template:function(o,a){if(o&1&&h(0,zm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex}[_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 Co=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Hm=(t,n)=>({condition:t,data:n}),Ym=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-wireframe",variant:r,setIfCondition:e,componentElementRef:o}),jm=()=>["snippyly-overlay-panel","v-view-analytics-overlay-panel","velt-overlay-panel"],Wm=t=>["snippyly-sidebar-panel","velt-overlay-panel",t];function $m(t,n){t&1&&Ae(0)}function Km(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),c(1,$m,1,0,"ng-container",4),x()),t&2){l();let r=ue(4);v(),d("ngTemplateOutlet",r)}}function Jm(t,n){t&1&&Ae(0)}function qm(t,n){if(t&1&&c(0,Jm,1,0,"ng-container",4),t&2){l();let r=ue(4);d("ngTemplateOutlet",r)}}function Zm(t,n){if(t&1&&(s(0),k(1,"div",11),T(2,"velt-notifications-tool-icon-internal",12)(3,"velt-notifications-tool-unread-icon-internal",12)(4,"velt-notifications-tool-label-internal",12),x(),m()),t&2){let r=l(4);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Xm(t,n){if(t&1){let r=Q();k(0,"velt-notifications-panel-internal",13),Z("onNotificationClick",function(o){Y(r);let a=l(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=l(5);return j(a.closeNotificationsPanel(o))}),x()}if(t&2){let r=l(4),e=l();d("shadowDom",r.uiState.panelShadowDom)("darkMode",e.darkMode)("panelOpenMode",e.panelOpenMode)("tabConfig",r.data.tabConfig)("variant",e.panelVariant)("pageSize",e.pageSize)("settingsLayout",r.uiState.settingsLayout)}}function Qm(t,n){if(t&1&&c(0,Xm,1,7,"ng-template",8,2,Ie),t&2){l();let r=ue(1),e=l(2),o=l();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayPanelClass",Fe(7,jm))("cdkConnectedOverlayBackdropClass","snippyly-overlay-backdrop")("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayPositions",o.positions)("cdkConnectedOverlayDisableClose",!0)}}function eu(t,n){if(t&1){let r=Q();k(0,"div",14)(1,"velt-notifications-panel-internal",13),Z("onNotificationClick",function(o){Y(r);let a=l(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=l(5);return j(a.closeNotificationsPanel(o))}),x()()}if(t&2){let r=l(4),e=l();A("data-testid",e.componentId+"-sidebar-container"),v(),d("shadowDom",r.uiState.panelShadowDom)("darkMode",e.darkMode)("panelOpenMode",e.panelOpenMode)("tabConfig",r.data.tabConfig)("variant",e.panelVariant)("pageSize",e.pageSize)("settingsLayout",r.uiState.settingsLayout)}}function tu(t,n){if(t&1&&c(0,eu,2,8,"ng-template",9,2,Ie),t&2){l();let r=ue(1),e=l(2),o=l();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",or(4,Wm,o.darkMode?"dark":""))}}function ru(t,n){if(t&1){let r=Q();k(0,"velt-notifications-bottom-sheet-internal",15),Z("onNotificationClick",function(o){Y(r);let a=l(4);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=l(4);return j(a.closeNotificationsPanel(o))}),x()}if(t&2){let r=l(4);d("pageSize",r.pageSize)}}function nu(t,n){if(t&1){let r=Q();k(0,"div",5,1),O(2,"translate"),O(3,"translate"),Z("click",function(o){return Y(r),l(3).openNotificationsPanel(),j(o.stopPropagation())}),k(4,"div",6),c(5,Zm,5,6,"ng-container",7),x()(),h(6,Qm,2,8,null,8),h(7,tu,2,6,null,9),h(8,ru,1,1,"velt-notifications-bottom-sheet-internal",10)}if(t&2){let r=l(2),e=l();A("data-testid",e.componentId+"-container")("aria-expanded",r.uiState.notificationsPanelVisible)("aria-label",D(2,13,"Notifications panel")+" - "+((r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)||0)+" "+D(3,15,"unread notifications"))("aria-haspopup",!0),v(4),ee("active",r.uiState.notificationsPanelVisible)("velt-notification-tool-open",r.uiState.notificationsPanelVisible),A("data-testid",e.componentId+"-button"),v(),d("veltDynamicTemplate",y(20,Ym,e.localUIStateSignal().template,g(17,Co,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef)),v(),f(e.panelOpenMode==="popover"?6:-1),v(),f(e.panelOpenMode==="sidebar"?7:-1),v(),f(r.uiState.isPhone&&r.uiState.notificationsPanelVisible?8:-1)}}function ou(t,n){if(t&1&&(s(0),h(1,Km,2,1,"velt-shadow-dom-internal")(2,qm,1,1,"ng-container"),c(3,nu,9,26,"ng-template",null,0,Ie),m()),t&2){let r=l(),e=l();v(),f(!e.localUIStateSignal().template&&r.uiState.shadowDom||e.localUIStateSignal().template&&e.isExplicitShadowDom?1:2)}}function au(t,n){if(t&1&&c(0,ou,5,1,"ng-container",3),t&2){let r=l();d("veltIf",g(4,Hm,r.conditionSignal(),g(1,Co,r.componentConfigSignal,r.localUIStateSignal)))}}var tr=(()=>{let n=class n extends Pe{set _shadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{shadowDom:o})}))}catch{}}set _panelShadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{panelShadowDom:o})}))}catch{}}set _tabConfig(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>b(p({},a),{data:b(p({},a.data),{tabConfig:o})}))}catch{}}set _maxDays(e){try{let o=e;typeof e=="string"&&(o=parseInt(e)),this.notificationService.setMaxDays(o)}catch{}}set _settings(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSettings():this.notificationService.disableSettings()}catch{}}set _settingsConfigByOrganization(e){try{(typeof e=="string"?JSON.parse(e):e)?this.notificationService.enableSettingsConfigByOrganization():this.notificationService.disableSettingsConfigByOrganization()}catch{}}set _crossOrganization(e){try{let o=typeof e=="string"?JSON.parse(e):e;o&&typeof o=="object"&&!Array.isArray(o)?o.enabled===!1?this.notificationService.disableCrossOrganization():this.notificationService.enableCrossOrganization(o):o?this.notificationService.enableCrossOrganization():this.notificationService.disableCrossOrganization()}catch{}}set _settingsLayout(e){try{this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{settingsLayout:e})}))}catch{}}set _selfNotifications(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSelfNotifications():this.notificationService.disableSelfNotifications()}catch{}}set _readNotificationsOnForYouTab(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableReadNotificationsOnForYouTab():this.notificationService.disableReadNotificationsOnForYouTab()}catch{}}set _considerAllNotifications(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.coreService.globalConfigSignal.update(a=>b(p({},a),{featureState:b(p({},a.featureState),{considerAllNotifications:!!o})}))}catch{}}set _pageSize(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e));let a=typeof o=="number"?o:parseInt(o,10);!isNaN(a)&&a>0&&(this.pageSize=a)}catch{}}constructor(){super(),this.notificationService=ae(X),this.wireframeService=ae(dr),this.isExplicitShadowDom=!1,this.panelOpenMode="popover",this.pageSize=5,this.positions=B.OVERLAY_POSITIONS.map(e=>new Gr({originX:e.originX,originY:e.originY},{overlayX:e.overlayX,overlayY:e.overlayY})),this.rootSubscriptions=[],this.onNotificationClickEvent=new ye,this.veltElement=!0,this.componentId="velt-notifications-tool";try{this.loggingService.log("%c[WB] Creating CLASS: NotificationsToolComponent","color: blue;"),this.componentConfigSignal=this.coreService.getOrCreateContextConfig("default")}catch(e){this.loggingService.catch("Error in NotificationsToolComponent constructor: ",e)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit();let e=this.hostElementRef.nativeElement,o=e.getAttribute("shadow-dom")??e.getAttribute("shadowdom");this.isExplicitShadowDom=o!==null&&o!=="false";let a="velt-notifications-tool-wireframe";this.variant&&(a+=`---${this.variant}`),this.rootSubscriptions.push(this.wireframeService.getWireframe$(a).subscribe(i=>{try{if(i){let u=document.createElement(i.tagName);u.innerHTML=i.innerHTML,this.localUIStateSignal.update(M=>b(p({},M),{template:u}))}}catch(u){this.loggingService.catch("Error in wireframe subscription:",u)}}))}catch(e){this.loggingService.catch("Error in NotificationsToolComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsToolComponent setupA11yAttributes:",e)}}toggleNotificationsPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleNotificationsPanel","color: green;"),this.componentConfigSignal.update(e=>b(p({},e),{uiState:b(p({},e.uiState),{notificationsPanelVisible:!e.uiState.notificationsPanelVisible})}))}catch(e){this.loggingService.catch("Error in NotificationsToolComponent toggleNotificationsPanel: ",e)}}openNotificationsPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: openNotificationsPanel","color: green;"),this.componentConfigSignal.update(e=>b(p({},e),{uiState:b(p({},e.uiState),{notificationsPanelVisible:!0})}))}catch(e){this.loggingService.catch("Error in NotificationsToolComponent openNotificationsPanel: ",e)}}closeNotificationsPanel(e){try{this.closeNotificationsPanelTimeout&&clearTimeout(this.closeNotificationsPanelTimeout),this.closeNotificationsPanelTimeout=setTimeout(()=>{try{e?.stopPropagation(),e?.preventDefault(),this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{notificationsPanelVisible:!1})}))}catch(o){this.loggingService.catch("Error in closeNotificationsPanel timeout:",o)}},0)}catch(o){this.loggingService.catch("Error in NotificationsToolComponent closeNotificationsPanel: ",o)}}onNotificationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onNotificationClick","color: green;"),this.onNotificationClickEvent.emit(e)}catch(o){this.loggingService.catch("Error in NotificationsToolComponent onNotificationClick: ",o)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.rootSubscriptions.forEach(e=>{e?.unsubscribe()}),this.closeNotificationsPanelTimeout&&clearTimeout(this.closeNotificationsPanelTimeout)}catch(e){this.loggingService.catch("Error in NotificationsToolComponent ngOnDestroy: ",e)}}};n.\u0275fac=function(o){return new(o||n)},n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-internal"]],hostVars:1,hostBindings:function(o,a){o&2&&A("data-velt-element",a.veltElement)},inputs:{_shadowDom:[0,"shadowDom","_shadowDom"],_panelShadowDom:[0,"panelShadowDom","_panelShadowDom"],_tabConfig:[0,"tabConfig","_tabConfig"],_maxDays:[0,"maxDays","_maxDays"],_settings:[0,"settings","_settings"],_settingsConfigByOrganization:[0,"enableSettingsAtOrganizationLevel","_settingsConfigByOrganization"],_crossOrganization:[0,"enableCrossOrganization","_crossOrganization"],_settingsLayout:[0,"settingsLayout","_settingsLayout"],_selfNotifications:[0,"selfNotifications","_selfNotifications"],_readNotificationsOnForYouTab:[0,"readNotificationsOnForYouTab","_readNotificationsOnForYouTab"],_considerAllNotifications:[0,"considerAllNotifications","_considerAllNotifications"],variant:"variant",panelVariant:"panelVariant",panelOpenMode:"panelOpenMode",_pageSize:[0,"pageSize","_pageSize"]},outputs:{onNotificationClickEvent:"onNotificationClick"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[["notificationRef",""],["trigger","cdkOverlayOrigin"],["overlay","cdkConnectedOverlay"],[4,"veltIf"],[4,"ngTemplateOutlet"],["cdkOverlayOrigin","","role","button",1,"v-document-viewer-tread-container","velt-notifications-tool",3,"click"],[1,"action-btn","velt-notifications-tool--action-button"],[4,"veltDynamicTemplate"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass","cdkConnectedOverlayBackdropClass","cdkConnectedOverlayGrowAfterOpen","cdkConnectedOverlayPositions","cdkConnectedOverlayDisableClose"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPanelClass"],[3,"pageSize"],[1,"velt-notifications-tool--container"],[3,"componentConfigSignal","parentLocalUIState"],[3,"onNotificationClick","close","shadowDom","darkMode","panelOpenMode","tabConfig","variant","pageSize","settingsLayout"],["data-velt-element","true","data-velt-comment-disabled","true","role","complementary","aria-label","Notifications sidebar",1,"velt-notifications-panel-sidebar-container"],[3,"onNotificationClick","close","pageSize"]],template:function(o,a){if(o&1&&h(0,au,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[Wt,lr,ar,P,N,gr,er,Se,Gt,Yt,jt,U],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}*[_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;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:empty{display:revert}.velt-notifications-tool[_ngcontent-%COMP%]{display:inline-block}.velt-notifications-tool--action-button[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]{display:inline-flex;justify-content:center;align-items:center;padding:calc(var(--velt-spacing-md) / 2);border-radius:var(--velt-border-radius-full);background-color:transparent;color:var(--velt-text-6);cursor:pointer;gap:var(--velt-spacing-xs)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--label[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);padding:0 var(--velt-spacing-md) 0 var(--velt-spacing-md);font-weight:500;color:currentColor}.velt-notifications-tool--action-button[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit));color:currentColor;box-sizing:content-box}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:focus   .velt-notifications-tool--container[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-full);background-color:transparent;color:var(--velt-text-4)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:focus   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:hover   .velt-notifications-tool--container[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-full);background-color:var(--velt-background-2);color:var(--velt-text-3)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:hover   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:active   .velt-notifications-tool--container[_ngcontent-%COMP%], .velt-notifications-tool--action-button.active[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-full);background-color:var(--velt-light-mode-accent);color:var(--velt-light-mode-accent-foreground)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:active   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%], .velt-notifications-tool--action-button.active[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))}.velt-notifications-panel-sidebar-container[_ngcontent-%COMP%]{height:100vh;width:calc((26rem + 0px) * var(--velt-base-rem-unit));position:fixed;top:0;padding:var(--velt-spacing-lg);box-sizing:border-box;z-index:999999997;transition:width .5s ease-in-out,right .5s ease-in-out;right:0}.velt-notifications-panel-sidebar-container[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}"],changeDetection:0});let t=n;return t})();var Cr=class extends nn{constructor(n){super(n),this.getService(R).log("%c[WB] Creating CLASS: ViewsElement","color: blue;"),this.openHistoryPanel=this._openHistoryPanel,this.closeHistoryPanel=this._closeHistoryPanel,this.toggleHistoryPanel=this._toggleHistoryPanel,this.getNotificationsData=this._getNotificationsData,this.setMaxDays=this._setMaxDays,this.setTabConfig=this._setTabConfig,this.enableReadNotificationsOnForYouTab=this._enableReadNotificationsOnForYouTab,this.disableReadNotificationsOnForYouTab=this._disableReadNotificationsOnForYouTab,this.setAllNotificationsAsRead=this._setAllNotificationsAsRead,this.getUnreadNotificationsCount=this._getUnreadNotificationsCount,this.markNotificationAsReadById=this._markNotificationAsReadById,this.setSettings=this._setSettings,this.getSettings=this._getSettings,this.muteAllNotifications=this._muteAllNotifications,this.enableSettings=this._enableSettings,this.enableSettingsAtOrganizationLevel=this._enableSettingsAtOrganizationLevel,this.disableSettingsAtOrganizationLevel=this._disableSettingsAtOrganizationLevel,this.enableSelfNotifications=this._enableSelfNotifications,this.disableSelfNotifications=this._disableSelfNotifications,this.disableSettings=this._disableSettings,this.setSettingsInitialConfig=this._setSettingsInitialConfig,this.openNotificationsPanel=this._openNotificationsPanel,this.closeNotificationsPanel=this._closeNotificationsPanel,this.enableCurrentDocumentOnly=this._enableCurrentDocumentOnly,this.disableCurrentDocumentOnly=this._disableCurrentDocumentOnly,this.enableCrossOrganization=this._enableCrossOrganization,this.disableCrossOrganization=this._disableCrossOrganization,this.on=this._on}_openHistoryPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _openHistoryPanel","color: green;");try{this.trackEvent(re.Events.Notifications.OPEN_HISTORY_PANEL_TRIGGERED),this.getService(X).setHistoryPanelVisibility(!0,!0)}catch(n){this.getService(R).catch("Error in openHistoryPanel: ",n)}}_closeHistoryPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _closeHistoryPanel","color: green;");try{this.trackEvent(re.Events.Notifications.CLOSE_HISTORY_PANEL_TRIGGERED),this.getService(X).setHistoryPanelVisibility(!1,!0)}catch(n){this.getService(R).catch("Error in closeHistoryPanel: ",n)}}_toggleHistoryPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _toggleHistoryPanel","color: green;");try{this.trackEvent(re.Events.Notifications.TOGGLE_HISTORY_PANEL_TRIGGERED),this.getService(X).toggleHistoryPanelVisibility(!0)}catch(n){this.getService(R).catch("Error in toggleHistoryPanel: ",n)}}_getNotificationsData(n){this.getService(R).log("%c[WB] Calling FUNCTION: _getNotificationsData","color: green;");try{return this.trackEvent(re.Events.Notifications.GET_NOTIFICATIONS_DATA_TRIGGERED),this.getService(X).getNotifications$(n)}catch(r){return this.getService(R).catch("Error in getNotificationsData: ",r),ge([])}}_setMaxDays(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setMaxDays","color: green;");try{this.trackEvent(re.Events.Notifications.SET_MAX_DAYS_TRIGGERED,{payload:{days:n}}),this.getService(X).setMaxDays(n)}catch(r){this.getService(R).catch("Error in setMaxDays: ",r)}}_setTabConfig(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setTabConfig","color: green;");try{this.trackEvent(re.Events.Notifications.SET_TAB_CONFIG_TRIGGERED,{payload:{tabConfig:n}}),this.getService(X).setTabConfig(n)}catch(r){this.getService(R).catch("Error in setTabConfig: ",r)}}_enableReadNotificationsOnForYouTab(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableReadNotificationsOnForYouTab","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_READ_NOTIFICATIONS_ON_FOR_YOU_TAB_TRIGGERED),this.getService(X).enableReadNotificationsOnForYouTab()}catch(n){this.getService(R).catch("Error in enableReadNotificationsOnForYouTab: ",n)}}_disableReadNotificationsOnForYouTab(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableReadNotificationsOnForYouTab","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_READ_NOTIFICATIONS_ON_FOR_YOU_TAB_TRIGGERED),this.getService(X).disableReadNotificationsOnForYouTab()}catch(n){this.getService(R).catch("Error in disableReadNotificationsOnForYouTab: ",n)}}_setAllNotificationsAsRead(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setAllNotificationsAsRead","color: green;");try{this.trackEvent(re.Events.Notifications.SET_ALL_NOTIFICATIONS_AS_READ_TRIGGERED,{payload:{config:n}}),this.getService(X).setAllNotificationsAsRead(n)}catch(r){this.getService(R).catch("Error in setAllNotificationsAsRead: ",r)}}_enableCrossOrganization(n){this.getService(R).log("%c[WB] Calling FUNCTION: _enableCrossOrganization","color: green;");try{n&&typeof n=="object"&&n.enabled===!1?this.getService(X).disableCrossOrganization():this.getService(X).enableCrossOrganization(n)}catch(r){this.getService(R).catch("Error in enableCrossOrganization: ",r)}}_disableCrossOrganization(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableCrossOrganization","color: green;");try{this.getService(X).disableCrossOrganization()}catch(n){this.getService(R).catch("Error in disableCrossOrganization: ",n)}}_getUnreadNotificationsCount(){this.getService(R).log("%c[WB] Calling FUNCTION: _getUnreadNotificationsCount","color: green;");try{return this.trackEvent(re.Events.Notifications.GET_UNREAD_NOTIFICATIONS_COUNT_TRIGGERED),this.getService(X).getUnreadNotificationsCount$()}catch(n){return this.getService(R).catch("Error in getUnreadNotificationsCount: ",n),ge({forYou:null,all:null})}}_markNotificationAsReadById(n){this.getService(R).log("%c[WB] Calling FUNCTION: _markNotificationAsReadById","color: green;");try{this.trackEvent(re.Events.Notifications.MARK_NOTIFICATION_AS_READ_BY_ID_TRIGGERED,{payload:{notificationId:n}}),this.getService(X).markNotificationAsReadById(n)}catch(r){this.getService(R).catch("Error in markNotificationAsReadById: ",r)}}_setSettings(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setSettings","color: green;");try{this.trackEvent(re.Events.Notifications.SET_SETTINGS_TRIGGERED,{payload:{config:n}}),this.getService(X).setSettingsConfigWithDB(n)}catch(r){this.getService(R).catch("Error in setSettings: ",r)}}_getSettings(){this.getService(R).log("%c[WB] Calling FUNCTION: _getSettings","color: green;");try{return this.trackEvent(re.Events.Notifications.GET_SETTINGS_TRIGGERED),this.getService(X).getSettingsConfig$()}catch(n){return this.getService(R).catch("Error in getSettings: ",n),ge(null)}}_muteAllNotifications(){this.getService(R).log("%c[WB] Calling FUNCTION: _muteAllNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.MUTE_ALL_NOTIFICATIONS_TRIGGERED),this.getService(X).setMuteAllNotifications()}catch(n){this.getService(R).catch("Error in muteAllNotifications: ",n)}}_enableSettings(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableSettings","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_SETTINGS_TRIGGERED),this.getService(X).enableSettings()}catch(n){this.getService(R).catch("Error in enableSettings: ",n)}}_enableSettingsAtOrganizationLevel(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableSettingsAtOrganizationLevel","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_SETTINGS_AT_ORGANIZATION_LEVEL_TRIGGERED),this.getService(X).enableSettingsConfigByOrganization()}catch(n){this.getService(R).catch("Error in _enableSettingsAtOrganizationLevel: ",n)}}_disableSettingsAtOrganizationLevel(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableSettingsAtOrganizationLevel","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_SETTINGS_AT_ORGANIZATION_LEVEL_TRIGGERED),this.getService(X).disableSettingsConfigByOrganization()}catch(n){this.getService(R).catch("Error in disableSettingsAtOrganizationLevel: ",n)}}_enableSelfNotifications(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableSelfNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_SELF_NOTIFICATIONS_TRIGGERED),this.getService(X).enableSelfNotifications()}catch(n){this.getService(R).catch("Error in enableSelfNotifications: ",n)}}_disableSelfNotifications(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableSelfNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_SELF_NOTIFICATIONS_TRIGGERED),this.getService(X).disableSelfNotifications()}catch(n){this.getService(R).catch("Error in disableSelfNotifications: ",n)}}_disableSettings(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableSettings","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_SETTINGS_TRIGGERED),this.getService(X).disableSettings()}catch(n){this.getService(R).catch("Error in disableSettings: ",n)}}_setSettingsInitialConfig(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setSettingsInitialConfig","color: green;");try{this.trackEvent(re.Events.Notifications.SET_SETTINGS_INITIAL_CONFIG_TRIGGERED,{payload:{settings:n}}),this.getService(X).setSettingsInitialConfig(n)}catch(r){this.getService(R).catch("Error in setSettingsInitialConfig: ",r)}}_on(n){this.getService(R).log("%c[WB] Calling FUNCTION: on","color: green;");try{return this.getService(Zt).onAction(n)}catch(r){return this.getService(R).catch("Error in _on: ",r),ge(null)}}_openNotificationsPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _openNotificationsPanel","color: green;");try{this.trackEvent(re.Events.Notifications.OPEN_NOTIFICATIONS_PANEL_TRIGGERED),this.getService(X).openNotificationsPanel()}catch(n){this.getService(R).catch("Error in openNotificationsPanel: ",n)}}_closeNotificationsPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _closeNotificationsPanel","color: green;");try{this.trackEvent(re.Events.Notifications.CLOSE_NOTIFICATIONS_PANEL_TRIGGERED),this.getService(X).closeNotificationsPanel()}catch(n){this.getService(R).catch("Error in closeNotificationsPanel: ",n)}}_enableCurrentDocumentOnly(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableCurrentDocumentOnly","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_CURRENT_DOCUMENT_ONLY_TRIGGERED),this.getService(X).enableCurrentDocumentOnly()}catch(n){this.getService(R).catch("Error in enableCurrentDocumentOnly: ",n)}}_disableCurrentDocumentOnly(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableCurrentDocumentOnly","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_CURRENT_DOCUMENT_ONLY_TRIGGERED),this.getService(X).disableCurrentDocumentOnly()}catch(n){this.getService(R).catch("Error in disableCurrentDocumentOnly: ",n)}}};var _o=(()=>{let n=class n{};n.\u0275fac=function(o){return new(o||n)},n.\u0275mod=Ur({type:n}),n.\u0275inj=Mr({imports:[zr,Hr,qt,sr]});let t=n;return t})();var lu={"velt-notifications-panel-wireframe":Se,"velt-notifications-panel-title-wireframe":zt,"velt-notifications-panel-read-all-button-wireframe":Bt,"velt-notifications-panel-content-all-read-container-wireframe":be,"velt-notifications-panel-view-all-button-wireframe":Ke,"velt-notifications-panel-header-wireframe":ht,"velt-notifications-panel-header-tab-all-wireframe":st,"velt-notifications-panel-header-tab-documents-wireframe":mt,"velt-notifications-panel-header-tab-for-you-wireframe":ut,"velt-notifications-panel-header-tab-people-wireframe":pt,"velt-notifications-panel-content-wireframe":gt,"velt-notifications-panel-content-load-more-wireframe":fe,"velt-notifications-panel-content-for-you-wireframe":nt,"velt-notifications-panel-content-all-wireframe":Je,"velt-notifications-panel-content-all-list-wireframe":$e,"velt-notifications-panel-content-all-list-item-wireframe":We,"velt-notifications-panel-content-all-list-item-label-wireframe":je,"velt-notifications-panel-content-all-list-item-content-wireframe":Ye,"velt-notifications-panel-content-documents-wireframe":rt,"velt-notifications-panel-content-documents-list-wireframe":tt,"velt-notifications-panel-content-documents-list-item-wireframe":et,"velt-notifications-panel-content-documents-list-item-name-wireframe":Xe,"velt-notifications-panel-content-documents-list-item-unread-wireframe":Qe,"velt-notifications-panel-content-documents-list-item-count-wireframe":Ze,"velt-notifications-panel-content-documents-list-item-content-wireframe":qe,"velt-notifications-panel-content-people-wireframe":ct,"velt-notifications-panel-content-people-list-wireframe":dt,"velt-notifications-panel-content-people-list-item-wireframe":vt,"velt-notifications-panel-content-people-list-item-name-wireframe":it,"velt-notifications-panel-content-people-list-item-count-wireframe":lt,"velt-notifications-panel-content-people-list-item-content-wireframe":at,"velt-notifications-panel-content-people-list-item-avatar-wireframe":ot,"velt-notifications-panel-content-list-wireframe":he,"velt-notifications-panel-content-list-item-wireframe":He,"velt-notifications-panel-content-list-item-avatar-wireframe":Ue,"velt-notifications-panel-content-list-item-body-wireframe":Be,"velt-notifications-panel-content-list-item-file-name-wireframe":Re,"velt-notifications-panel-content-list-item-headline-wireframe":Ve,"velt-notifications-panel-content-list-item-time-wireframe":ze,"velt-notifications-panel-content-list-item-unread-wireframe":Ge,"velt-notifications-panel-close-button-wireframe":Ut,"velt-notifications-panel-title-text-wireframe":Vt,"velt-notifications-panel-skeleton-wireframe":ke,"velt-notifications-panel-settings-button-wireframe":Rt,"velt-notifications-panel-settings-wireframe":Lt,"velt-notifications-panel-settings-back-button-wireframe":_t,"velt-notifications-panel-settings-accordion-wireframe":At,"velt-notifications-panel-settings-accordion-trigger-wireframe":Et,"velt-notifications-panel-settings-accordion-content-wireframe":Pt,"velt-notifications-panel-settings-accordion-content-item-wireframe":Nt,"velt-notifications-panel-settings-mute-all-toggle-wireframe":xt,"velt-notifications-panel-settings-accordion-trigger-selected-value-wireframe":Dt,"velt-notifications-panel-settings-title-wireframe":Ft,"velt-notifications-panel-settings-description-wireframe":ft,"velt-notifications-panel-settings-footer-wireframe":Ct,"velt-notifications-panel-settings-header-wireframe":yt,"velt-notifications-panel-settings-mute-all-title-wireframe":kt,"velt-notifications-panel-settings-mute-all-description-wireframe":bt,"velt-notifications-panel-settings-list-wireframe":Mt,"velt-notifications-panel-settings-accordion-content-item-icon-wireframe":It,"velt-notifications-panel-settings-accordion-content-item-label-wireframe":wt,"velt-notifications-panel-settings-accordion-trigger-label-wireframe":Ot,"velt-notifications-panel-settings-accordion-trigger-icon-wireframe":Tt,"velt-notifications-panel-settings-header-title-wireframe":St,"velt-notifications-tool-wireframe":tr,"velt-notifications-tool-unread-icon-wireframe":jt,"velt-notifications-tool-icon-wireframe":Gt,"velt-notifications-tool-label-wireframe":Yt,"velt-notifications-tool-unread-count-wireframe":Ht};Object.assign(tn,lu);function iu(t){t.get(R).log("%c[WB] Loading notification feature chunk","color: blue;");let r=t.get($t);r.set(qr,t.get(X)),r.set(Zr,t.get(Zt)),r.set(Xr,t.get(on));let o=Lr(_o,t).injector;return z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL,tr),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_ICON,Gt),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_ICON,jt),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_LABEL,Yt),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_COUNT,Ht),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL,Se),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE,zt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE_TEXT,Vt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER,ht),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_FOR_YOU,ut),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_PEOPLE,pt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_DOCUMENTS,mt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_ALL,st),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT,gt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_FOR_YOU,nt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL,Je),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE,ct),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS,rt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST,he),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM,He),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_AVATAR,Ue),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_UNREAD,Ge),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_HEADLINE,Ve),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_BODY,Be),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_FILE_NAME,Re),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_TIME,ze),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST,$e),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM,We),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_LABEL,je),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_CONTENT,Ye),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST,dt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM,vt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_AVATAR,ot),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_NAME,it),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_COUNT,lt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_CONTENT,at),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST,tt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM,et),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_NAME,Xe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_COUNT,Ze),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_CONTENT,qe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_UNREAD,Qe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LOAD_MORE,fe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_READ_CONTAINER,be),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CLOSE_BUTTON,Ut),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_READ_ALL_BUTTON,Bt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_VIEW_ALL_BUTTON,Ke),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SKELETON,ke),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BUTTON,Rt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS,Lt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER,yt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER_TITLE,St),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_TITLE,Ft),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_DESCRIPTION,ft),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_LIST,Mt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TITLE,kt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_DESCRIPTION,bt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TOGGLE,xt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION,At),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER,Et),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_LABEL,Ot),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_ICON,Tt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_SELECTED_VALUE,Dt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT,Pt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM,Nt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_LABEL,wt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_ICON,It),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BACK_BUTTON,_t),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_FOOTER,Ct),z(o,B.TAGS.VELT_NOTIFICATIONS_HISTORY_PANEL,Pr),new Cr(t)}function z(t,n,r){if(customElements.get(n))return;let e=Yr(r,{injector:t});customElements.define(n,e)}export{iu as default};
+import{a as ur}from"./chunk-BCAZZFTN.js";import{a as on,b as X}from"./chunk-ULEKI3MZ.js";import{a as Wr,c as $r}from"./chunk-BBHGUBZX.js";import{a as mr}from"./chunk-LFO2GQRO.js";import{a as an}from"./chunk-ZPRS6JQT.js";import"./chunk-BK5JJW2P.js";import{a as gr}from"./chunk-7RLDJ3TX.js";import{a as cr,b as rn}from"./chunk-IPXYNWSO.js";import{A as N,B as P,y as tn}from"./chunk-MEOHEVHF.js";import{a as dr}from"./chunk-MRHAAI4W.js";import{b as U,c as sr,d as qt}from"./chunk-AJBPEYH2.js";import{a as nn}from"./chunk-4BYJUQVK.js";import"./chunk-5XJNMHCQ.js";import{a as Yr}from"./chunk-J3LHRGBW.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-W7S7KT6W.js";import{$ as Ee,Aa as nr,De as Jr,E as Er,Ea as Fr,Fa as v,Ga as ye,Hi as we,Ib as ue,J as Ar,Kb as ee,Kh as qr,Lc as Wt,Lh as Zr,Mh as Xr,Nb as K,Ob as Me,Oc as Vr,Pa as me,Pb as le,Pc as zr,Qb as Br,T as De,Ta as Lr,Te as B,Ua as C,Va as Ur,Ya as _,Zh as ir,_a as c,_b as I,a as p,aa as Mr,ac as Fe,b,bc as or,ca as ve,cc as g,da as ae,db as A,dc as W,ec as te,fb as h,fc as y,g as Dr,gb as f,gc as Rr,ge as jr,ha as Y,he as yr,ia as j,ja as ie,jb as Ce,je as re,k as Sr,ka as Oe,kb as _e,kc as O,ki as vr,lb as d,lc as D,mb as k,nb as x,ni as $t,ob as T,oi as Kt,pc as Ie,pi as R,qa as V,r as ge,sb as s,sc as J,tb as m,te as Kr,th as se,ua as oe,ub as Ae,ui as ce,v as Te,va as S,vb as Q,vc as q,vi as Jt,wa as rr,xb as Z,zb as l}from"./chunk-B3CJKZVO.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){let r=l(5);A("data-testid",r.componentId+"-text"),v(),le(" ",D(2,2,r.documentName())," ")}}function Jo(t,n){if(t&1&&(s(0),h(1,Ko,3,4,"span",2),m()),t&2){let r=l(4);v(),f(r.documentName()||!r.defaultCondition()?1:-1)}}function qo(t,n){if(t&1&&c(0,Jo,2,1,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(5,$o,e.template,W(1,mn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Zo(t,n){if(t&1&&(s(0),h(1,qo,1,11,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(r.uiState.selectedTab!=r.uiState.TABS.Documents||!e.defaultCondition()?1:-1)}}function Xo(t,n){if(t&1&&c(0,Zo,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Wo,r.conditionSignal(),W(1,mn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Re=(()=>{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.documentName=J(()=>{try{let e=this.resolvedNotification();if(!e)return"";let o=e.metadata||{};return o.documentName?o.documentName:(o.documentId?this.docService.getDocumentMetadata(o.documentId):null)?.documentName||String(o.clientDocumentId??"")||""}catch{return""}}),this.componentId="velt-notifications-panel-content-list-item-file-name",this.docService=ae(we)}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 NotificationsPanelContentListItemFileNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemFileNameComponent 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-file-name-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"],[1,"velt-notifications-panel--file-name-text"]],template:function(o,a){if(o&1&&h(0,Xo,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 un=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ea=(t,n)=>({condition:t,data:n}),ta=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-headline-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ra(t,n){if(t&1&&(T(0,"div",2),O(1,"safeHtml"),O(2,"translate")),t&2){let r,e,o=l(4);d("innerHTML",D(1,4,(r=o.resolvedNotification())==null?null:r.displayHeadlineMessage),nr),A("data-testid",o.componentId+"-headline")("aria-level",2)("aria-label",D(2,6,"Notification headline:")+" "+((e=o.resolvedNotification())==null?null:e.displayHeadlineMessage))}}function na(t,n){if(t&1&&(s(0),h(1,ra,3,8,"div",2),m()),t&2){let r,e=l(3);v(),f((r=e.resolvedNotification())!=null&&r.displayHeadlineMessage||!e.defaultCondition()?1:-1)}}function oa(t,n){if(t&1&&(s(0),c(1,na,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,ta,e.template,W(1,un,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function aa(t,n){if(t&1&&c(0,oa,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,ea,r.conditionSignal(),W(1,un,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Ve=(()=>{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-headline"}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 NotificationsPanelContentListItemHeadlineComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","heading"),e.setAttribute("aria-level","2")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemHeadlineComponent 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-headline-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"],["role","heading",1,"v-headline-message","velt-notifications-panel--list-item-headline",3,"innerHTML"]],template:function(o,a){if(o&1&&h(0,aa,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,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-headline[_ngcontent-%COMP%]{color:var(--velt-text-2);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:1.5}.velt-notifications-panel--list-item-headline[_ngcontent-%COMP%]   .highlight[_ngcontent-%COMP%], .velt-notifications-panel--list-item-headline[_ngcontent-%COMP%]   b[_ngcontent-%COMP%], .velt-notifications-panel--list-item-headline[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%]{color:var(--velt-text-0);font-weight:500}"],changeDetection:0});let t=n;return t})();var pn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ia=(t,n)=>({condition:t,data:n}),va=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-time-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function da(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),O(3,"timeAgo"),K(4),O(5,"timeAgo"),O(6,"translate"),x(),m()),t&2){let r,e,o,a=l(3);v(),A("data-testid",a.componentId+"-timestamp")("aria-label",D(2,4,"Notification time:")+" "+D(3,6,(r=a.resolvedNotification())==null?null:r.timestamp))("datetime",(e=a.resolvedNotification())==null?null:e.timestamp),v(3),le(" ",(o=a.resolvedNotification())!=null&&o.timestamp?D(5,8,(o=a.resolvedNotification())==null?null:o.timestamp):D(6,10,"")," ")}}function ca(t,n){if(t&1&&(s(0),c(1,da,7,12,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,va,e.template,W(1,pn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ga(t,n){if(t&1&&c(0,ca,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,ia,r.conditionSignal(),W(1,pn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var ze=(()=>{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-time"}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 NotificationsPanelContentListItemTimeComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemTimeComponent 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-time-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"],["role","time",1,"v-notification-timestamp","velt-notifications-panel--list-item-timestamp"]],template:function(o,a){if(o&1&&h(0,ga,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U,an],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-timestamp[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var hn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r,isDefault:e}),ma=(t,n)=>({condition:t,data:n}),ua=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-unread-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function pa(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),ie(),k(3,"svg",3),T(4,"circle",4),x()(),m()),t&2){let r=l(4);v(),ee("velt-notifications-panel--unread-is-default",r.isDefault),A("data-testid",r.componentId+"-unread")("aria-label",D(2,4,"Unread notification"))}}function ha(t,n){if(t&1&&c(0,pa,5,6,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(6,ua,e.template,te(1,hn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification(),e.isDefault),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fa(t,n){if(t&1&&(s(0),h(1,ha,1,12,"ng-container"),m()),t&2){let r,e=l(2);v(),f((r=e.resolvedNotification())!=null&&r.isUnread||!e.defaultCondition()?1:-1)}}function ba(t,n){if(t&1&&c(0,fa,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(6,ma,r.conditionSignal(),te(1,hn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification(),r.isDefault)))}}var Ge=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isDefault=!1,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-unread"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{notification:this.resolvedNotification(),isDefault:this.isDefault})}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 NotificationsPanelContentListItemUnreadComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemUnreadComponent 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-unread-internal"]],inputs:{notification:"notification",isDefault:"isDefault",notificationIndex:[1,"notificationIndex"],notificationId:[1,"notificationId"]},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","status","aria-live","polite",1,"v-unread-indicator","velt-notifications-panel--list-item-unread"],["width","12","height","12","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["cx","6","cy","6","r","5","fill","#FF7162","stroke","currentColor","stroke-width","2"]],template:function(o,a){if(o&1&&h(0,ba,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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-unread[_ngcontent-%COMP%]{display:flex;color:var(--velt-background-0)}.velt-notifications-panel--list-item-unread[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   circle[_ngcontent-%COMP%]{fill:var(--velt-error)}.velt-notifications-panel--unread-is-default[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px}"],changeDetection:0});let t=n;return t})();var fn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),xa=(t,n)=>({condition:t,data:n}),Ca=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function _a(t,n){if(t&1&&(k(0,"div",8)(1,"div",9),ie(),k(2,"svg",10),T(3,"path",11),x(),Oe(),T(4,"velt-notifications-panel-content-list-item-file-name-internal",4),x()()),t&2){let r=l(4);A("data-testid",r.componentId+"-info"),v(4),d("componentConfigSignal",r.componentConfigSignal)("notification",r.resolvedNotification())("parentLocalUIState",r.localUIStateSignal)}}function Sa(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-content-list-item-avatar-internal",4)(3,"velt-notifications-panel-content-list-item-unread-internal",5),x(),k(4,"div",6)(5,"div",7),T(6,"velt-notifications-panel-content-list-item-headline-internal",4)(7,"velt-notifications-panel-content-list-item-time-internal",4),x(),T(8,"velt-notifications-panel-content-list-item-body-internal",4),h(9,_a,5,4,"div",8),x(),m()),t&2){let r,e=l(3);v(),A("data-testid",e.componentId+"-avatar-container"),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal)("isDefault",!0),v(),A("data-testid",e.componentId+"-details"),v(2),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("notification",e.resolvedNotification())("parentLocalUIState",e.localUIStateSignal),v(),f(!((r=e.resolvedNotification())==null||r.metadata==null)&&r.metadata.documentName?9:-1)}}function ya(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),O(3,"translate"),O(4,"translate"),Z("click",function(o){Y(r);let a=l(),i=l();return j(a.onNotificationClick(i.resolvedNotification(),o))}),c(5,Sa,10,19,"ng-container",2),x(),m()}if(t&2){let r,e,o=l(),a=l();v(),ee("unread",(r=a.resolvedNotification())==null?null:r.isUnread),A("aria-label",D(2,5,"Notification")+" "+((e=a.resolvedNotification())!=null&&e.isUnread?D(3,7,"unread"):D(4,9,"read")))("data-testid",a.componentId),v(4),d("veltDynamicTemplate",y(15,Ca,a.template,W(11,fn,a.componentConfigSignal,a.localUIStateSignal,a.resolvedNotification()),o==null||o.uiState==null?null:o.uiState.variant,a.setIfCondition.bind(a),a.hostElementRef))}}function Ia(t,n){if(t&1&&c(0,ya,6,21,"ng-container",0),t&2){let r=l();d("veltIf",g(5,xa,r.conditionSignal(),W(1,fn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var He=(()=>{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)return a.find(M=>M?.id===i)||null;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",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}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 NotificationsPanelContentListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListItemComponent 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-internal"]],inputs:{notification:"notification",notificationIndex:[1,"notificationIndex"],notificationId:[1,"notificationId"],listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],["role","article","tabindex","0",1,"v-notification","velt-notifications-panel--list-item",3,"click"],[4,"veltDynamicTemplate"],[1,"v-user-avatar-container","velt-notifications-panel--avatar-container"],[3,"componentConfigSignal","notification","parentLocalUIState"],[3,"componentConfigSignal","notification","parentLocalUIState","isDefault"],[1,"v-user-details-container","velt-notifications-panel--details-container"],[1,"velt-notification-info","velt-notifications-panel--headline-container"],[1,"velt-notification-info","velt-notifications-panel--details"],[1,"velt-notification-file-name","velt-notifications-panel--list-item-file-name"],["width","12","height","12","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["d","M7 1.5V3.5C7 3.63261 7.05268 3.75979 7.14645 3.85355C7.24021 3.94732 7.36739 4 7.5 4H9.5M7 1.5H3.5C3.23478 1.5 2.98043 1.60536 2.79289 1.79289C2.60536 1.98043 2.5 2.23478 2.5 2.5V9.5C2.5 9.76522 2.60536 10.0196 2.79289 10.2071C2.98043 10.3946 3.23478 10.5 3.5 10.5H8.5C8.76522 10.5 9.01957 10.3946 9.20711 10.2071C9.39464 10.0196 9.5 9.76522 9.5 9.5V4M7 1.5L9.5 4","stroke","#A3A3A3","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ia,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ue,Be,Re,Ve,ze,Ge,U],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);width:100%;box-sizing:border-box}[_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[_ngcontent-%COMP%]{display:flex;align-items:flex-start;align-self:stretch;gap:10px;padding:var(--velt-spacing-lg) var(--velt-spacing-2xl) var(--velt-spacing-lg) var(--velt-spacing-md);border-radius:var(--velt-font-size-xs);cursor:pointer;transition:background-color .3s ease}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--avatar-container[_ngcontent-%COMP%]{position:relative;display:flex}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--headline-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-self:stretch}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-sm);width:100%}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]   .velt-notifications-panel--details[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]   .velt-notifications-panel--details[_ngcontent-%COMP%]   .velt-notifications-panel--list-item-file-name[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-2xs);color:var(--velt-text-5);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}.velt-notifications-panel--list-item[_ngcontent-%COMP%]   .velt-notifications-panel--details-container[_ngcontent-%COMP%]   .velt-notifications-panel--details[_ngcontent-%COMP%]   .velt-notifications-panel--list-item-file-name[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{flex-shrink:0}.velt-notifications-panel--list-item[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}"],changeDetection:0});let t=n;return t})();var bn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r}),Na=(t,n)=>({condition:t,data:n}),Pa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Ta=(t,n)=>n.id;function Oa(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=l().$implicit,e=l(4);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notification",r)("listItemTemplate",e.listItemTemplate)}}function Da(t,n){if(t&1&&h(0,Oa,1,4,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=n.$index,e=l(3),o=l();f(r<e.uiState.tabPage[e.uiState.selectedTab]*e.uiState.pageSize||e.uiState.panelOpenMode==="sidebar"||!o.defaultCondition()?0:-1)}}function Ea(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=l(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Aa(t,n){if(t&1&&h(0,Ea,1,2,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=l(4);f(r.defaultCondition()?-1:0)}}function Ma(t,n){if(t&1&&(s(0),Ce(1,Da,1,1,null,null,Ta,!1,Aa,1,1),m()),t&2){let r=l(3);v(),_e(r.resolvedNotifications())}}function Fa(t,n){if(t&1&&(s(0),c(1,Ma,4,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Pa,e.template,W(1,bn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function La(t,n){if(t&1&&c(0,Fa,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Na,r.conditionSignal(),W(1,bn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotifications())))}}var he=(()=>{let n=class n extends E{constructor(){super(...arguments),this._listType=V("all"),this._documentId=V(void 0),this.resolvedNotifications=J(()=>{try{let e=this.componentConfigSignal();if(this.notifications)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],i=o;try{i=this.docService.generateDocumentId(o)||o}catch{}return a.find(u=>u.documentId===i||u.documentId===o)?.notifications||[]}return this._listType()==="for-you"?e?.data?.notificationsForYouInSession||[]:e?.data?.notificationsInSession||[]}catch{return[]}}),this.componentId="velt-notifications-panel-content-list",this.docService=ae(we)}set listType(e){let o=(e||"").trim().toLowerCase();this._listType.set(o==="for-you"||o==="foryou"?"for-you":"all")}set documentId(e){this._documentId.set(e?.trim()||void 0)}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{notifications:this.notifications})}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentListComponent 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-internal"]],inputs:{notifications:"notifications",listItemTemplate:"listItemTemplate",listType:"listType",documentId:"documentId"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notification","listItemTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,La,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,He],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);width:100%;box-sizing:border-box;display:flex;gap:var(--velt-spacing-2xs);flex-direction:column}[_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 kn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isLoadMoreVisible:r,notifications:e}),Ua=(t,n)=>({condition:t,data:n}),Ba=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-load-more-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ra(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3),e=l();v(),Br(" ",D(2,2,"Load More")," (",(e.resolvedNotifications().length||0)-r.uiState.tabPage[r.uiState.selectedTab]*r.uiState.pageSize,") ")}}function Va(t,n){if(t&1){let r=Q();k(0,"button",2),O(1,"translate"),O(2,"translate"),Z("click",function(o){Y(r);let a=l(2);return j(a.onLoadMoreClick(o))}),c(3,Ra,3,4,"ng-container",3),x()}if(t&2){let r=l(2),e=l();A("data-testid",e.componentId)("aria-label",D(1,3,"Load")+" "+((e.resolvedNotifications().length||0)-r.uiState.tabPage[r.uiState.selectedTab]*r.uiState.pageSize)+" "+D(2,5,"more notifications")),v(3),d("veltDynamicTemplate",y(12,Ba,e.template,te(7,kn,e.componentConfigSignal,e.localUIStateSignal,e.isLoadMoreVisible,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function za(t,n){if(t&1&&(s(0),h(1,Va,4,18,"button",1),m()),t&2){let r=l(),e=l();v(),f(e.isLoadMoreVisible&&r.uiState.panelOpenMode!=="sidebar"||!e.defaultCondition()?1:-1)}}function Ga(t,n){if(t&1&&c(0,za,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Ua,r.conditionSignal(),te(1,kn,r.componentConfigSignal,r.localUIStateSignal,r.isLoadMoreVisible,r.resolvedNotifications())))}}var fe=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isLoadMoreVisible=!1,this.notifications=[],this._listType=V("all"),this._documentId=V(void 0),this.resolvedNotifications=J(()=>{try{let e=this.componentConfigSignal();if(this.notifications?.length)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],i=o;try{i=this.docService.generateDocumentId(o)||o}catch{}return a.find(u=>u.documentId===i||u.documentId===o)?.notifications||[]}return this._listType()==="for-you"?e?.data?.notificationsForYouInSession||[]:e?.data?.notificationsInSession||[]}catch{return[]}}),this.componentId="velt-notifications-panel-content-load-more",this.docService=ae(we)}set listType(e){let o=(e||"").trim().toLowerCase();this._listType.set(o==="for-you"||o==="foryou"?"for-you":"all")}set documentId(e){this._documentId.set(e?.trim()||void 0)}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{isLoadMoreVisible:this.isLoadMoreVisible,notifications:this.notifications})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentLoadMoreComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentLoadMoreComponent 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-load-more-internal"]],inputs:{isLoadMoreVisible:"isLoadMoreVisible",notifications:"notifications",listType:"listType",documentId:"documentId"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","type","button",1,"v-load-more-btn","velt-notifications-panel--content-load-more"],["role","button","type","button",1,"v-load-more-btn","velt-notifications-panel--content-load-more",3,"click"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Ga,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;align-items:center;justify-content:center}[_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--content-load-more[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg) var(--velt-spacing-2xl) var(--velt-spacing-lg) var(--velt-spacing-2xl);align-items:center;justify-content:center;gap:10px;cursor:pointer;border:0;outline:0;background:transparent;color:var(--velt-accent-text);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:100%;border-radius:var(--velt-border-radius-full)}.velt-notifications-panel--content-load-more[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-2)}"],changeDetection:0});let t=n;return t})();var Ha=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ya=(t,n)=>({condition:t,data:n}),ja=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),Wa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-item-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function $a(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",2)(2,"velt-notifications-panel-content-load-more-internal",3),m()),t&2){let r,e,o,a=l(2),i=l();v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(r=i.resolvedData())==null?null:r.notifications),v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(e=i.resolvedData())==null?null:e.notifications)("isLoadMoreVisible",((o=i.resolvedData())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.all*a.uiState.pageSize)}}function Ka(t,n){if(t&1&&(s(0),c(1,$a,3,7,"ng-container",1),m()),t&2){let r,e=l(),o=l();v(),d("veltDynamicTemplate",y(6,Wa,o.template,te(1,ja,o.componentConfigSignal,o.localUIStateSignal,(r=o.resolvedData())==null?null:r.notifications,((r=o.resolvedData())==null||r.notifications==null?null:r.notifications.length)>e.uiState.tabPage.all*e.uiState.pageSize),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Ja(t,n){if(t&1&&c(0,Ka,2,12,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ya,r.conditionSignal(),g(1,Ha,r.componentConfigSignal,r.localUIStateSignal)))}}var Ye=(()=>{let n=class n extends Xt{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item-content"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemContentComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Notification item")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemContentComponent 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-all-list-item-content-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"]],template:function(o,a){if(o&1&&h(0,Ja,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,he,fe],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 Za=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Xa=(t,n)=>({condition:t,data:n}),Qa=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),el=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-item-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tl(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),O(3,"translate"),x(),m()),t&2){let r,e,o=l(3);v(),A("data-testid",o.componentId)("role","listitem")("aria-label",(r=o.resolvedData())==null?null:r.displayName),v(),le(" ",D(3,4,(e=o.resolvedData())==null?null:e.displayName)," ")}}function rl(t,n){if(t&1&&(s(0),c(1,tl,4,6,"ng-container",1),m()),t&2){let r,e=l(),o=l();v(),d("veltDynamicTemplate",y(6,el,o.template,te(1,Qa,o.componentConfigSignal,o.localUIStateSignal,(r=o.resolvedData())==null?null:r.notifications,((r=o.resolvedData())==null||r.notifications==null?null:r.notifications.length)>e.uiState.tabPage.all*e.uiState.pageSize),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function nl(t,n){if(t&1&&c(0,rl,2,12,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Xa,r.conditionSignal(),g(1,Za,r.componentConfigSignal,r.localUIStateSignal)))}}var je=(()=>{let n=class n extends Xt{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item-label"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemLabelComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Notification item")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemLabelComponent 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-all-list-item-label-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notifications-panel--content-all-list-item-label"]],template:function(o,a){if(o&1&&h(0,nl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--content-all-list-item-label[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);letter-spacing:1.8px;text-transform:uppercase;padding:var(--velt-spacing-xs) var(--velt-spacing-md);display:block}"],changeDetection:0});let t=n;return t})();var al=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ll=(t,n)=>({condition:t,data:n}),il=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),vl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function dl(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),T(3,"velt-notifications-panel-content-all-list-item-label-internal",3)(4,"velt-notifications-panel-content-all-list-item-content-internal",3),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId)("role","listitem")("aria-label",D(2,9,"Notification item")),v(2),d("data",r.resolvedData())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("data",r.resolvedData())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function cl(t,n){if(t&1&&(s(0),c(1,dl,5,11,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,vl,e.template,W(1,il,e.componentConfigSignal,e.localUIStateSignal,e.resolvedData()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function gl(t,n){if(t&1&&c(0,cl,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ll,r.conditionSignal(),g(1,al,r.componentConfigSignal,r.localUIStateSignal)))}}var We=(()=>{let n=class n extends Xt{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Notification item")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListItemComponent 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-all-list-item-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notifications-panel--content-all-list-item"],[3,"data","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,gl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ye,je,U],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--content-all-list-item[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;padding-block:var(--velt-spacing-md);margin-inline:var(--velt-spacing-sm)}"],changeDetection:0});let t=n;return t})();var xn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ml=(t,n)=>({condition:t,data:n}),ul=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),pl=()=>[],hl=(t,n)=>n.date;function fl(t,n){if(t&1&&(k(0,"div"),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",2),x()),t&2){let r=n.$implicit,e=l(5);A("data-testid",e.componentId)("role","list")("aria-label",D(1,7,"All notifications list")),v(2),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("data",r)("listItemTemplate",e.listItemTemplate)}}function bl(t,n){if(t&1&&(k(0,"div",3),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",4),x()),t&2){let r=l(6);A("data-testid",r.componentId)("aria-label",D(1,4,"All notifications list")),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function kl(t,n){if(t&1&&h(0,bl,3,6,"div",3),t&2){let r=l(5);f(r.defaultCondition()?-1:0)}}function xl(t,n){if(t&1&&Ce(0,fl,3,9,"div",null,hl,!1,kl,1,1),t&2){let r=l(3);_e(r.data.notificationsByDate??Fe(1,pl))}}function Cl(t,n){if(t&1&&(s(0),h(1,xl,3,2),m()),t&2){let r=l(2),e=l();v(),f(!(r==null||r.data==null)&&r.data.notificationsByDate||!e.defaultCondition()?1:-1)}}function _l(t,n){if(t&1&&(s(0),c(1,Cl,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,ul,e.template,g(1,xn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Sl(t,n){if(t&1&&c(0,_l,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ml,r.conditionSignal(),g(1,xn,r.componentConfigSignal,r.localUIStateSignal)))}}var $e=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list"}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-all-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","Notifications list")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllListComponent 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-all-list-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","data","listItemTemplate"],["role","list"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Sl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,We,U],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 Cn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Il=(t,n)=>({condition:t,data:n}),wl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-view-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Nl(t,n){t&1&&(s(0),k(1,"div",3),K(2),O(3,"translate"),x(),m()),t&2&&(v(2),le(" ",D(3,1,"View all")," "))}function Pl(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=l(),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=l(),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=l(),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.All))}),c(3,Nl,4,3,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),A("aria-label",D(2,3,"View all notifications"))("data-testid",e.componentId+"-view-all-container"),v(2),d("veltDynamicTemplate",y(8,wl,e.template,g(5,Cn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Tl(t,n){if(t&1&&c(0,Pl,4,14,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Il,r.conditionSignal(),g(1,Cn,r.componentConfigSignal,r.localUIStateSignal)))}}var Ke=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-view-all-button"}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelViewAllButtonComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelViewAllButtonComponent 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-view-all-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"all-notifications-view-all-btn","velt-notifications-panel--view-all-button"]],template:function(o,a){if(o&1&&h(0,Tl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--view-all-button[_ngcontent-%COMP%]{color:var(--velt-accent-text);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:120%;cursor:pointer}"],changeDetection:0});let t=n;return t})();var _n=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r}),Dl=(t,n)=>({condition:t,data:n}),El=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-read-container-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Al(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),k(3,"span",3),K(4,"\u{1F60C}"),x(),k(5,"div",4),O(6,"translate"),K(7),O(8,"translate"),x(),T(9,"velt-notifications-panel-view-all-button-internal",5),x(),m()),t&2){let r=l(4);v(),A("data-testid",r.componentId)("role","listitem")("aria-label",D(2,9,"All notifications read")),v(2),A("data-testid",r.componentId+"-emoji"),v(2),A("data-testid",r.componentId+"-message")("aria-label",D(6,11,"All notifications read")),v(2),le(" ",D(8,13,"All notifications read")," "),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Ml(t,n){if(t&1&&c(0,Al,10,15,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(5,El,e.template,W(1,_n,e.componentConfigSignal,e.localUIStateSignal,e.isAllRead),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Fl(t,n){if(t&1&&(s(0),h(1,Ml,1,11,"ng-container"),m()),t&2){let r=l(2);v(),f(r.isAllRead||!r.defaultCondition()?1:-1)}}function Ll(t,n){if(t&1&&c(0,Fl,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Dl,r.conditionSignal(),W(1,_n,r.componentConfigSignal,r.localUIStateSignal,r.isAllRead)))}}var be=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isAllRead=!1,this.componentId="velt-notifications-panel-content-all-read-container"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{isAllRead:this.isAllRead})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllReadContainerComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","All read notifications")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllReadContainerComponent 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-all-read-container-internal"]],inputs:{isAllRead:"isAllRead"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"all-notifications-read-container","velt-notifications-panel--all-read-container"],[1,"notifications-read-emoji","velt-notifications-panel--emoji"],[1,"all-notifications-read-message","velt-notifications-panel--message"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Ll,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ke,U],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--all-read-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:var(--velt-spacing-sm) var(--velt-spacing-lg);height:150px;font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:120%;color:var(--velt-text-0)}.velt-notifications-panel--all-read-container[_ngcontent-%COMP%]   .velt-notifications-panel--emoji[_ngcontent-%COMP%]{font-size:var(--velt-font-size-xl);font-style:normal;font-weight:400;line-height:120%}"],changeDetection:0});let t=n;return t})();var Sn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ul=(t,n)=>({condition:t,data:n}),Bl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-skeleton-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Rl(t,n){t&1&&(s(0),k(1,"div",2)(2,"div",3),T(3,"div",4),k(4,"div",5)(5,"div",6),T(6,"div",7),x(),k(7,"div",8),T(8,"div",9)(9,"div",10),x()()(),k(10,"div",3),T(11,"div",4),k(12,"div",5)(13,"div",6),T(14,"div",7),x(),k(15,"div",8),T(16,"div",9)(17,"div",10),x()()()(),m())}function Vl(t,n){if(t&1&&c(0,Rl,18,0,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,Bl,e.template,g(1,Sn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function zl(t,n){if(t&1&&(s(0),h(1,Vl,1,10,"ng-container"),m()),t&2){let r=l(2);v(),f(r.isLoading?1:-1)}}function Gl(t,n){if(t&1&&c(0,zl,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ul,r.conditionSignal(),g(1,Sn,r.componentConfigSignal,r.localUIStateSignal)))}}var ke=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isLoading=!0,this.componentId="velt-notifications-panel-skeleton"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSkeletonComponent 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-skeleton-internal"]],inputs:{isLoading:"isLoading"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"skeleton"],[1,"skeleton-item-card"],[1,"shine","skeleton-item-avatar"],[1,"skeleton-item-info"],[1,"skeleton-iten-name-info"],[1,"shine","skeleton-item-name"],[1,"skeleton-item-body-info"],[1,"shine","skeleton-item-body"],[1,"shine","skeleton-item-body-button"]],template:function(o,a){if(o&1&&h(0,Gl,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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);width:100%;box-sizing:border-box;overflow:hidden}[_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)}.skeleton[_ngcontent-%COMP%]{width:100%;margin:0 auto;padding:var(--velt-spacing-sm);display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;align-items:flex-start;gap:var(--velt-spacing-sm)}.skeleton-loading-comment[_ngcontent-%COMP%]{color:var(--velt-gray);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:180%;padding-bottom:var(--velt-spacing-lg);border-bottom:2px solid var(--velt-border-4)}.skeleton-color-header[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-xl);align-items:center;justify-content:center;margin-bottom:var(--velt-spacing-xl)}.skeleton-color-input[_ngcontent-%COMP%]{display:flex;flex:1;align-items:center;gap:var(--velt-spacing-sm)}.skeleton-item-header[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.skeleton-item-index[_ngcontent-%COMP%]{width:32px;height:20px;border-radius:var(--velt-border-radius-3xl)}.skeleton-item-status[_ngcontent-%COMP%]{width:105px;height:32px;border-radius:var(--velt-border-radius-2xl)}.skeleton-item-card[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg) var(--velt-spacing-lg) var(--velt-spacing-lg) var(--velt-spacing-md);gap:10px;width:100%;box-sizing:border-box}.skeleton-item-avatar[_ngcontent-%COMP%]{width:26px;height:24px;border-radius:var(--velt-border-radius-2xl)}.skeleton-item-info[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:var(--velt-spacing-sm);width:100%}.skeleton-item-name[_ngcontent-%COMP%]{margin-top:1.5px;width:100%;box-sizing:border-box;height:21px;border-radius:var(--velt-border-radius-md)}.skeleton-item-date[_ngcontent-%COMP%]{width:373px;height:25px;border-radius:var(--velt-border-radius-md)}.skeleton-item-body[_ngcontent-%COMP%]{width:49px;height:18px;border-radius:var(--velt-border-radius-2xl)}.skeleton-item-body-info[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;gap:var(--velt-spacing-sm)}.skeleton-item-body-button[_ngcontent-%COMP%]{width:67px;height:18px;border-radius:var(--velt-border-radius-2xl)}.skeleton-iten-name-info[_ngcontent-%COMP%]{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.skeleton-item-status[_ngcontent-%COMP%]{width:24px;height:24px;border-radius:var(--velt-border-radius-2xl)}.shine[_ngcontent-%COMP%]{background-color:var(--velt-background-4);position:relative;overflow:hidden}.shine[_ngcontent-%COMP%]:before{content:"";display:block;position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,var(--velt-dark-mode-animation-transparent),transparent);animation:_ngcontent-%COMP%_loading 1.5s infinite}@keyframes _ngcontent-%COMP%_loading{0%{left:-150px}50%{left:100%}to{left:100%}}'],changeDetection:0});let t=n;return t})();var Hl=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Yl=(t,n)=>({condition:t,data:n}),jl=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),Wl=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function $l(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-all-list-internal",4)(2,"velt-notifications-panel-content-all-read-container-internal",5)(3,"velt-notifications-panel-skeleton-internal",6),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",r.data.notificationsInSession!==null&&(!(!(r==null||r.data==null)&&r.data.notificationsByDate)||(r==null||r.data==null||r.data.notificationsByDate==null?null:r.data.notificationsByDate.length)===0)),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsInSession===null)}}function Kl(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,$l,4,8,"ng-container",3),x()),t&2){let r=l(2),e=l();ee("velt-notifications-panel-content--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),A("data-testid",e.componentId)("role","list")("aria-label",D(1,6,"All notifications")),v(2),d("veltDynamicTemplate",y(13,Wl,e.template,te(8,jl,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsInSession!==null&&(!(!(r==null||r.data==null)&&r.data.notificationsByDate)||(r==null||r.data==null||r.data.notificationsByDate==null?null:r.data.notificationsByDate.length)===0),r.data.notificationsInSession===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Jl(t,n){if(t&1&&(s(0),h(1,Kl,3,19,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.All===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function ql(t,n){if(t&1&&c(0,Jl,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Yl,r.conditionSignal(),g(1,Hl,r.componentConfigSignal,r.localUIStateSignal)))}}var Je=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all"}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","list"),e.setAttribute("aria-label","All notifications")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentAllComponent 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-all-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],[1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,ql,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,$e,be,ke,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var Le=(()=>{let n=class n extends hr{constructor(){super(...arguments),this._documentId=V(void 0),this.docService=ae(we),this.inputPropertyName="document",this.resolvedDocument=J(()=>{let e=this._documentId();if(e){let o=this.componentConfigSignal()?.data?.notificationsByDocumentId||[],a=e;try{a=this.docService.generateDocumentId(e)||e}catch{}let i=o.find(u=>u?.documentId===a||u?.documentId===e);if(i)return i}return this.resolvedItem()})}set documentId(e){this._documentId.set(e?.trim()||void 0)}getInputValue(){return this.document}getConfigArray(e){return e?.data?.notificationsByDocumentId}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["app-notifications-panel-documents-list-item-base"]],inputs:{document:"document",index:"index",documentId:"documentId"},standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var Xl=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),Ql=(t,n)=>({condition:t,data:n}),ei=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),ti=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ri(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),m()),t&2){let r,e,o,a=l(3),i=l();v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(r=i.resolvedDocument())==null?null:r.notifications)("template",i.template),v(),d("componentConfigSignal",i.componentConfigSignal)("parentLocalUIState",i.localUIStateSignal)("notifications",(e=i.resolvedDocument())==null?null:e.notifications)("isLoadMoreVisible",((o=i.resolvedDocument())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.documents*a.uiState.pageSize)}}function ni(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,ri,3,8,"ng-container",3),x()),t&2){let r,e=l(2),o=l();ee("velt-notifications-panel-content--sidebar-panel",e.uiState.panelOpenMode==="sidebar"),A("data-testid",o.componentId)("role","listitem")("aria-label",D(1,6,"Document notification")),v(2),d("veltDynamicTemplate",y(13,ti,o.template,te(8,ei,o.componentConfigSignal,o.localUIStateSignal,(r=o.resolvedDocument())==null?null:r.notifications,((r=o.resolvedDocument())==null||r.notifications==null?null:r.notifications.length)>e.uiState.tabPage.documents*e.uiState.pageSize),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function oi(t,n){if(t&1&&(s(0),h(1,ni,3,19,"div",1),m()),t&2){let r,e=l(),o=l();v(),f(e.uiState.documentExpanded[(r=o.resolvedDocument())==null?null:r.documentId]||!o.defaultCondition()?1:-1)}}function ai(t,n){if(t&1&&c(0,oi,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Ql,r.conditionSignal(),te(1,Xl,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var qe=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-content"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemContentComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemContentComponent 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-documents-list-item-content-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],[1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications","template"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"]],template:function(o,a){if(o&1&&h(0,ai,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,he,fe,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var yn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),ii=(t,n)=>({condition:t,data:n}),vi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function di(t,n){if(t&1&&(k(0,"span"),O(1,"translate"),K(2),O(3,"translate"),x()),t&2){let r,e=l(4);A("data-testid",e.componentId+"-count")("role","listitem")("aria-label",D(1,4,"Document notification")),v(2),Me(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)+" "+D(3,6,"Unread"))}}function ci(t,n){if(t&1&&(s(0),h(1,di,4,8,"span"),m()),t&2){let r,e=l(3);v(),f((r=e.resolvedDocument())!=null&&r.unreadNotificationsCount||!e.defaultCondition()?1:-1)}}function gi(t,n){if(t&1&&(s(0),c(1,ci,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(6,vi,e.template,te(1,yn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function si(t,n){if(t&1&&c(0,gi,2,12,"ng-container",0),t&2){let r=l();d("veltIf",g(6,ii,r.conditionSignal(),te(1,yn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var Ze=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-count"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemCountComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemCountComponent 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-documents-list-item-count-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,si,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 In=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),ui=(t,n)=>({condition:t,data:n}),pi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-name-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),hi=t=>({$implicit:t});function fi(t,n){t&1&&Ae(0)}function bi(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),K(3),O(4,"translate"),x()),t&2){let r=l().$implicit,e=l(4);A("data-testid",e.componentId+"-name")("aria-label",D(1,3,"Document name:")+" "+D(2,5,(r==null?null:r.documentName)||"Untitled")),v(3),Me(D(4,7,r==null?null:r.documentName))}}function ki(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),K(3),O(4,"translate"),x()),t&2){let r,e,o=l(5);A("data-testid",o.componentId+"-id")("aria-label",D(1,3,"Document ID:")+" "+D(2,5,((r=o.resolvedDocument())==null||r.notifications==null||r.notifications[0]==null||r.notifications[0].metadata==null?null:r.notifications[0].metadata.clientDocumentId)||"Unknown")),v(3),le(" ",((e=o.resolvedDocument())==null||e.notifications==null||e.notifications[0]==null||e.notifications[0].metadata==null||e.notifications[0].metadata.clientDocumentId==null?null:e.notifications[0].metadata.clientDocumentId.length)>20?((e=o.resolvedDocument())==null||e.notifications==null||e.notifications[0]==null||e.notifications[0].metadata==null||e.notifications[0].metadata.clientDocumentId==null?null:e.notifications[0].metadata.clientDocumentId.slice(0,10))+"...":D(4,7,((e=o.resolvedDocument())==null||e.notifications==null||e.notifications[0]==null||e.notifications[0].metadata==null?null:e.notifications[0].metadata.clientDocumentId)||"Document")," ")}}function xi(t,n){if(t&1&&h(0,bi,5,9,"span",4)(1,ki,5,9,"span",4),t&2){let r=n.$implicit;f(r!=null&&r.documentName?0:1)}}function Ci(t,n){if(t&1&&(s(0),c(1,fi,1,0,"ng-container",3)(2,xi,2,1,"ng-template",null,0,Ie),m()),t&2){let r,e=ue(3),o=l(3);v(),d("ngTemplateOutlet",e)("ngTemplateOutletContext",or(2,hi,((r=o.resolvedDocument())==null?null:r.documentMetadata)||((r=o.resolvedDocument())==null||r.notifications==null||r.notifications[0]==null?null:r.notifications[0].metadata)))}}function _i(t,n){if(t&1&&(s(0),c(1,Ci,4,4,"ng-container",2),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(6,pi,e.template,te(1,In,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Si(t,n){if(t&1&&c(0,_i,2,12,"ng-container",1),t&2){let r=l();d("veltIf",g(6,ui,r.conditionSignal(),te(1,In,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var Xe=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-name"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemNameComponent 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-documents-list-item-name-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[["documentNameRef",""],[4,"veltIf"],[4,"veltDynamicTemplate"],[4,"ngTemplateOutlet","ngTemplateOutletContext"],["role","text"]],template:function(o,a){if(o&1&&h(0,Si,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[Wt,P,N,U],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 wn=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e,isDefault:o}),Ii=(t,n)=>({condition:t,data:n}),wi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-unread-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ni(t,n){if(t&1&&(s(0),k(1,"div",2),O(2,"translate"),ie(),k(3,"svg",3),T(4,"circle",4),x()(),m()),t&2){let r,e=l(4);v(),ee("velt-notifications-panel--unread-is-default",e.isDefault),A("aria-label",((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)+" "+D(2,4,"unread notifications"))("data-testid",e.componentId)}}function Pi(t,n){if(t&1&&c(0,Ni,5,6,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(7,wi,e.template,y(1,wn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index,e.isDefault),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ti(t,n){if(t&1&&(s(0),h(1,Pi,1,13,"ng-container"),m()),t&2){let r,e=l(2);v(),f(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)>0||!e.defaultCondition()?1:-1)}}function Oi(t,n){if(t&1&&c(0,Ti,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(7,Ii,r.conditionSignal(),y(1,wn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index,r.isDefault)))}}var Qe=(()=>{let n=class n extends Le{constructor(){super(...arguments),this.isDefault=!1,this.componentId="velt-notifications-panel-content-documents-list-item-unread"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.resolvedDocument(),index:this.index,isDefault:this.isDefault})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemUnreadComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemUnreadComponent 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-documents-list-item-unread-internal"]],inputs:{isDefault:"isDefault"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","status","aria-live","polite",1,"velt-notifications-panel--list-item-unread"],["width","12","height","12","viewBox","0 0 12 12","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["cx","6","cy","6","r","5","fill","#FF7162","stroke","currentColor","stroke-width","2"]],template:function(o,a){if(o&1&&h(0,Oi,1,10,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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-unread[_ngcontent-%COMP%]{display:flex;color:var(--velt-background-0)}.velt-notifications-panel--list-item-unread[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]   circle[_ngcontent-%COMP%]{fill:var(--velt-error)}.velt-notifications-panel--unread-is-default[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px}"],changeDetection:0});let t=n;return t})();var Nn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),Ei=(t,n)=>({condition:t,data:n}),Ai=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Mi(t,n){if(t&1&&(s(0),k(1,"div",3)(2,"div",4)(3,"div",5),ie(),k(4,"svg",6),T(5,"path",7),x(),Oe(),T(6,"velt-notifications-panel-content-documents-list-item-unread-internal",8),x(),T(7,"velt-notifications-panel-content-documents-list-item-name-internal",9),x(),k(8,"div",10),T(9,"velt-notifications-panel-content-documents-list-item-count-internal",9),ie(),k(10,"svg",11),T(11,"path",12),x()()(),Oe(),T(12,"velt-notifications-panel-content-documents-list-item-content-internal",13),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-header"),v(5),d("document",r.document)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)("isDefault",!0),v(),d("document",r.document)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),A("data-testid",r.componentId+"-count"),v(),d("document",r.document)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(3),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)("document",r.document)}}function Fi(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l(),a=l();return j(o.toggleDocumentAccordion(a.document==null?null:a.document.documentId))}),c(2,Mi,13,15,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),ee("velt-notifications-panel--documents-accordion-expanded",r.uiState.documentExpanded[e.document==null?null:e.document.documentId]),A("aria-expanded",r.uiState.documentExpanded[e.document==null?null:e.document.documentId])("aria-controls","document-content-"+(e.document==null?null:e.document.documentId))("data-testid",e.componentId),v(),d("veltDynamicTemplate",y(11,Ai,e.template,te(6,Nn,e.componentConfigSignal,e.localUIStateSignal,e.document,e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Li(t,n){if(t&1&&c(0,Fi,3,17,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Ei,r.conditionSignal(),te(1,Nn,r.componentConfigSignal,r.localUIStateSignal,r.document,r.index)))}}var et=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{document:this.document,index:this.index})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","listitem"),e.setAttribute("aria-label","Document notification")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListItemComponent 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-documents-list-item-internal"]],inputs:{document:"document",index:"index",listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button",1,"v-document-accordion","velt-notifications-panel--document-accordion",3,"click"],[4,"veltDynamicTemplate"],[1,"v-document-header","velt-notifications-panel--accordion-tab"],[1,"v-document-name","velt-notifications-panel--accordion-tab-name"],[1,"velt-notifications-panel--accordion-tab-icon-container"],["width","24","height","24","viewBox","0 0 24 24","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.5714 4.92859V8.07145C13.5714 8.27983 13.6542 8.47968 13.8016 8.62703C13.9489 8.77438 14.1488 8.85716 14.3571 8.85716H17.5M13.5714 4.92859H8.07143C7.65466 4.92859 7.25496 5.09415 6.96026 5.38885C6.66556 5.68355 6.5 6.08325 6.5 6.50002V17.5C6.5 17.9168 6.66556 18.3165 6.96026 18.6112C7.25496 18.9059 7.65466 19.0714 8.07143 19.0714H15.9286C16.3453 19.0714 16.745 18.9059 17.0397 18.6112C17.3344 18.3165 17.5 17.9168 17.5 17.5V8.85716M13.5714 4.92859L17.5 8.85716","stroke","currentColor","stroke-width","1.17857","stroke-linecap","round","stroke-linejoin","round"],[3,"document","componentConfigSignal","parentLocalUIState","isDefault"],[3,"document","componentConfigSignal","parentLocalUIState"],[1,"v-document-notifications-count","velt-notifications-panel--accordion-tab-count"],["width","16","height","17","viewBox","0 0 16 17","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4 6.5L8 10.5L12 6.5","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[3,"componentConfigSignal","parentLocalUIState","document"]],template:function(o,a){if(o&1&&h(0,Li,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,qe,Ze,Xe,Qe],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--document-accordion[_ngcontent-%COMP%]{margin-inline:var(--velt-spacing-sm)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]{width:100%;display:flex;padding:var(--velt-spacing-md);align-items:center;gap:10px;align-self:stretch;cursor:pointer;box-sizing:border-box;justify-content:space-between;border-radius:var(--velt-border-radius-md);transition:background-color .3s ease}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-2)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-count[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;gap:var(--velt-spacing-xs)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-name[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm);color:var(--velt-text-4);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal;flex:1 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-name[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{color:var(--velt-accent-text)}.velt-notifications-panel--document-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-name[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-icon-container[_ngcontent-%COMP%]{position:relative;display:flex}.velt-notifications-panel--documents-accordion-expanded[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-md);background:var(--velt-background-1)}.velt-notifications-panel--documents-accordion-expanded[_ngcontent-%COMP%]   .velt-notifications-panel--accordion-tab-count[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{rotate:180deg}"],changeDetection:0});let t=n;return t})();var Pn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Bi=(t,n)=>({condition:t,data:n}),Ri=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-list-item-unread-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Vi=()=>[],zi=(t,n)=>n.documentId;function Gi(t,n){if(t&1&&T(0,"velt-notifications-panel-content-documents-list-item-internal",2),t&2){let r=n.$implicit,e=n.$index,o=l(4);d("componentConfigSignal",o.componentConfigSignal)("parentLocalUIState",o.localUIStateSignal)("document",r)("index",e)("listItemTemplate",o.listItemTemplate)}}function Hi(t,n){if(t&1&&T(0,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=l(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Yi(t,n){if(t&1&&h(0,Hi,1,2,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=l(4);f(r.defaultCondition()?-1:0)}}function ji(t,n){if(t&1&&(s(0),Ce(1,Gi,1,5,"velt-notifications-panel-content-documents-list-item-internal",2,zi,!1,Yi,1,1),m()),t&2){let r=l(2);v(),_e(r.data.notificationsByDocumentId??Fe(1,Vi))}}function Wi(t,n){if(t&1&&(s(0),c(1,ji,4,2,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Ri,e.template,g(1,Pn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function $i(t,n){if(t&1&&c(0,Wi,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Bi,r.conditionSignal(),g(1,Pn,r.componentConfigSignal,r.localUIStateSignal)))}}var tt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list"}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-documents-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsListComponent 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-documents-list-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","document","index","listItemTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,$i,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,et],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 Ji=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),qi=(t,n)=>({condition:t,data:n}),Zi=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),Xi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Qi(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-documents-list-internal",3)(2,"velt-notifications-panel-content-all-read-container-internal",4)(3,"velt-notifications-panel-skeleton-internal",5),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",r.data.notificationsByDocumentId!==null&&(!r.data.notificationsByDocumentId||(r.data.notificationsByDocumentId==null?null:r.data.notificationsByDocumentId.length)===0)),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsByDocumentId===null)}}function ev(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),c(2,Qi,4,8,"ng-container",2),x()),t&2){let r=l(2),e=l();A("data-testid",e.componentId)("aria-label",D(1,3,"Document notifications panel")),v(2),d("veltDynamicTemplate",y(10,Xi,e.template,te(5,Zi,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsByDocumentId!==null&&(!r.data.notificationsByDocumentId||(r.data.notificationsByDocumentId==null?null:r.data.notificationsByDocumentId.length)===0),r.data.notificationsByDocumentId===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function tv(t,n){if(t&1&&(s(0),h(1,ev,3,16,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.Documents===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function rv(t,n){if(t&1&&c(0,tv,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,qi,r.conditionSignal(),g(1,Ji,r.componentConfigSignal,r.localUIStateSignal)))}}var rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentDocumentsComponent 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-documents-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tabpanel",1,"v-documents","velt-notifications-panel-content--document"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,rv,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,be,tt,ke,U],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 ov=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),av=(t,n)=>({condition:t,data:n}),lv=(t,n,r,e,o,a)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e,isAllRead:o,isLoading:a}),iv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-for-you-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function vv(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5)(3,"velt-notifications-panel-content-all-read-container-internal",6)(4,"velt-notifications-panel-skeleton-internal",7),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",r.data.notificationsForYouInSession),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",r.data.notificationsForYouInSession)("isLoadMoreVisible",(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)>r.uiState.tabPage.forYou*r.uiState.pageSize),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)===0),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsForYouInSession===null)}}function dv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,vv,5,13,"ng-container",3),x()),t&2){let r=l(2),e=l();ee("velt-notifications-panel-content--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),A("data-testid",e.componentId)("aria-label",D(1,5,"For you notifications panel")),v(2),d("veltDynamicTemplate",y(14,iv,e.template,Rr(7,lv,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsForYouInSession,(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)>r.uiState.tabPage.forYou*r.uiState.pageSize,(r.data.notificationsForYouInSession==null?null:r.data.notificationsForYouInSession.length)===0,r.data.notificationsForYouInSession===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function cv(t,n){if(t&1&&(s(0),h(1,dv,3,20,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.ForYou===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function gv(t,n){if(t&1&&c(0,cv,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,av,r.conditionSignal(),g(1,ov,r.componentConfigSignal,r.localUIStateSignal)))}}var nt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-for-you"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentForYouComponent 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-for-you-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tabpanel",1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],["role","tabpanel",1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,gv,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,be,he,fe,ke,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var Ne=(()=>{let n=class n extends E{constructor(){super(...arguments),this._email=V(void 0),this._userId=V(void 0),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.resolvedEntry=J(()=>{try{let e=this.componentConfigSignal()?.data?.notificationsByUserMap||{},o=Object.keys(e).map(M=>({key:M,value:e[M]}));if(!o.length)return null;let a=this._email();if(a){let M=o.find(F=>F.key===a);if(M)return M}let i=this._userId();if(i){let M=o.find(F=>F.value?.user?.userId===i);if(M)return M}let u=this.notificationIndex();return u!==void 0&&u>=0&&u<o.length?o[u]:o[0]}catch{return null}})}set data(e){this._explicitData=e}get data(){return this._explicitData!=null?this._explicitData:this.resolvedEntry()}set email(e){this._email.set(e?.trim()||void 0)}set userId(e){this._userId.set(e?.trim()||void 0)}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["app-notifications-panel-people-list-item-base"]],inputs:{data:"data",email:"email",userId:"userId",notificationIndex:[1,"notificationIndex"]},standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var Tn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),mv=(t,n)=>({condition:t,data:n}),uv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-avatar-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function pv(t,n){if(t&1&&(s(0),T(1,"snippyly-user-avatar",2),O(2,"translate"),m()),t&2){let r=l(3);v(),d("user",r.data==null||r.data.value==null?null:r.data.value.user)("size",24),A("data-testid",r.componentId+"-avatar")("aria-label",D(2,4,r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.name))}}function hv(t,n){if(t&1&&(s(0),c(1,pv,3,6,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,uv,e.template,W(1,Tn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fv(t,n){if(t&1&&c(0,hv,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,mv,r.conditionSignal(),W(1,Tn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var ot=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-avatar"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemAvatarComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemAvatarComponent 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-people-list-item-avatar-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"user","size"]],template:function(o,a){if(o&1&&h(0,fv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,qt,U],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 kv=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),xv=(t,n)=>({condition:t,data:n}),Cv=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,data:r,notifications:e,isLoadMoreVisible:o}),_v=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Sv(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",e.data==null||e.data.value==null?null:e.data.value.notifications)("template",e.template),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notifications",e.data==null||e.data.value==null?null:e.data.value.notifications)("isLoadMoreVisible",(e.data==null||e.data.value==null||e.data.value.notifications==null?null:e.data.value.notifications.length)>r.uiState.tabPage.people*r.uiState.pageSize)}}function yv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),c(2,Sv,3,8,"ng-container",3),x()),t&2){let r=l(2),e=l();ee("velt-notifications-panel-content--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),A("data-testid",e.componentId)("aria-label",D(1,5,"User notifications for")+" "+(e.data==null?null:e.data.key)),v(2),d("veltDynamicTemplate",y(13,_v,e.template,y(7,Cv,e.componentConfigSignal,e.localUIStateSignal,e.data,e.data==null||e.data.value==null?null:e.data.value.notifications,(e.data==null||e.data.value==null||e.data.value.notifications==null?null:e.data.value.notifications.length)>r.uiState.tabPage.people*r.uiState.pageSize),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Iv(t,n){if(t&1&&(s(0),h(1,yv,3,19,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.usersExpanded[e.data==null?null:e.data.key]||!e.defaultCondition()?1:-1)}}function wv(t,n){if(t&1&&c(0,Iv,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,xv,r.conditionSignal(),W(1,kv,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var at=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-content"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemContentComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemContentComponent 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-people-list-item-content-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","region",1,"v-notifications","velt-notifications-panel-content",3,"velt-notifications-panel-content--sidebar-panel"],["role","region",1,"v-notifications","velt-notifications-panel-content"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","notifications","template"],[3,"componentConfigSignal","parentLocalUIState","notifications","isLoadMoreVisible"]],template:function(o,a){if(o&1&&h(0,wv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,he,fe,U],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-content[_ngcontent-%COMP%]{max-height:300px;overflow:auto}.velt-notifications-panel-content--sidebar-panel[_ngcontent-%COMP%]{max-height:none}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var On=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Pv=(t,n)=>({condition:t,data:n}),Tv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ov(t,n){if(t&1&&(s(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),O(4,"translate"),K(5),O(6,"translate"),O(7,"translate"),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-count")("aria-label",((r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)||0)+" "+((r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)===1?D(2,3,"notification"):D(3,5,"notifications"))+" "+D(4,7,"available")),v(4),le("",(r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)===1?(r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)+" "+D(6,9,"Notification"):((r.data==null||r.data.value==null||r.data.value.notifications==null?null:r.data.value.notifications.length)||0)+" "+D(7,11,"Notifications")," ")}}function Dv(t,n){if(t&1&&(s(0),c(1,Ov,8,13,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Tv,e.template,W(1,On,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ev(t,n){if(t&1&&c(0,Dv,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Pv,r.conditionSignal(),W(1,On,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var lt=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-count"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemCountComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemCountComponent 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-people-list-item-count-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","status","aria-live","polite"]],template:function(o,a){if(o&1&&h(0,Ev,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 Dn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Mv=(t,n)=>({condition:t,data:n}),Fv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-name-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Lv(t,n){if(t&1&&(s(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),K(4),O(5,"translate"),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-user")("aria-label",D(2,3,"User:")+" "+D(3,5,(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.name)||(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.email)||"Unknown user")),v(3),le("",D(5,7,(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.name)||(r.data==null||r.data.value==null||r.data.value.user==null?null:r.data.value.user.email))," ")}}function Uv(t,n){if(t&1&&(s(0),c(1,Lv,6,9,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Fv,e.template,W(1,Dn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bv(t,n){if(t&1&&c(0,Uv,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Mv,r.conditionSignal(),W(1,Dn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var it=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-name"}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemNameComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemNameComponent 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-people-list-item-name-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","text"]],template:function(o,a){if(o&1&&h(0,Bv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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 En=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Vv=(t,n)=>({condition:t,data:n}),zv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Gv(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-content-people-list-item-avatar-internal",4),k(3,"div",5),T(4,"velt-notifications-panel-content-people-list-item-name-internal",4),x(),k(5,"div",6),T(6,"velt-notifications-panel-content-people-list-item-count-internal",4),ie(),k(7,"svg",7),T(8,"path",8),x()()(),Oe(),T(9,"velt-notifications-panel-content-people-list-item-content-internal",9),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-header"),v(),d("componentConfigSignal",r.componentConfigSignal)("data",r.data)("parentLocalUIState",r.localUIStateSignal),v(),A("data-testid",r.componentId+"-name-container"),v(),d("componentConfigSignal",r.componentConfigSignal)("data",r.data)("parentLocalUIState",r.localUIStateSignal),v(),A("data-testid",r.componentId+"-count-container"),v(),d("componentConfigSignal",r.componentConfigSignal)("data",r.data)("parentLocalUIState",r.localUIStateSignal),v(3),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)("data",r.data)}}function Hv(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l(),a=l();return j(o.toggleUserAccordion(a.data==null?null:a.data.key))}),c(2,Gv,10,15,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),ee("velt-notifications-panel--people-accordion-expanded",r.uiState.usersExpanded[e.data==null?null:e.data.key]),A("data-testid",e.componentId)("aria-expanded",r.uiState.usersExpanded[e.data==null?null:e.data.key])("aria-controls","user-content-"+(e.data==null?null:e.data.key)),v(),d("veltDynamicTemplate",y(10,zv,e.template,W(6,En,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Yv(t,n){if(t&1&&c(0,Hv,3,16,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Vv,r.conditionSignal(),W(1,En,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var vt=(()=>{let n=class n extends Ne{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item",this.domService=ae(ce)}get listItemTemplate(){return this._listItemTemplate}set listItemTemplate(e){this._listItemTemplate=e,this.listItemTemplate?this.template=this.domService.deepCloneElement(this.listItemTemplate):this.template=null}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{data:this.data})}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListItemComponent 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-people-list-item-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",1,"v-user-accordion","velt-notifications-panel--people-accordion",3,"click"],[4,"veltDynamicTemplate"],[1,"v-user-header","velt-notifications-panel--people-accordion-tab"],[3,"componentConfigSignal","data","parentLocalUIState"],[1,"v-user-name","velt-notifications-panel--people-accordion-tab-name"],[1,"v-user-notifications-count","velt-notifications-panel--people-accordion-tab-count"],["width","16","height","17","viewBox","0 0 16 17","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true"],["d","M4 6.5L8 10.5L12 6.5","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"],[3,"componentConfigSignal","parentLocalUIState","data"]],template:function(o,a){if(o&1&&h(0,Yv,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,ot,at,lt,it],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--people-accordion[_ngcontent-%COMP%]{margin:var(--velt-spacing-sm)}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-md);align-items:center;gap:10px;align-self:stretch;cursor:pointer;border-radius:var(--velt-border-radius-md);transition:background-color .3s ease}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab-name[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal;flex:1 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.velt-notifications-panel--people-accordion[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab-count[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;gap:var(--velt-spacing-xs)}.velt-notifications-panel--people-accordion-expanded[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-md);background:var(--velt-background-1)}.velt-notifications-panel--people-accordion-expanded[_ngcontent-%COMP%]   .velt-notifications-panel--people-accordion-tab-count[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{rotate:180deg}.velt-notifications-panel--list-item-unread[_ngcontent-%COMP%]{display:flex;color:var(--velt-background-0)}.velt-notifications-panel--unread-is-default[_ngcontent-%COMP%]{position:absolute;top:-2px;right:-2px}.velt-notifications-panel--accordion-tab-icon-container[_ngcontent-%COMP%]{position:relative;display:flex}"],changeDetection:0});let t=n;return t})();var An=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Wv=(t,n)=>({condition:t,data:n}),$v=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Kv=(t,n)=>n.key;function Jv(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",2),t&2){let r=n.$implicit,e=l(4);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("data",r)("listItemTemplate",e.listItemTemplate)}}function qv(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=l(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Zv(t,n){if(t&1&&h(0,qv,1,2,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=l(4);f(r.defaultCondition()?-1:0)}}function Xv(t,n){if(t&1&&(s(0),Ce(1,Jv,1,4,"velt-notifications-panel-content-people-list-item-internal",2,Kv,!1,Zv,1,1),O(4,"keyvalue"),m()),t&2){let r=l(2);v(),_e(D(4,1,r.data.notificationsByUserMap))}}function Qv(t,n){if(t&1&&(s(0),c(1,Xv,5,3,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,$v,e.template,g(1,An,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ed(t,n){if(t&1&&c(0,Qv,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Wv,r.conditionSignal(),g(1,An,r.componentConfigSignal,r.localUIStateSignal)))}}var dt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list"}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-people-list-item-wireframe");se(e)||(this.listItemTemplate=e)}}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleListComponent 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-people-list-internal"]],inputs:{listItemTemplate:"listItemTemplate"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState","data","listItemTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,ed,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,vt,Vr],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 rd=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),nd=(t,n)=>({condition:t,data:n}),od=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),ad=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ld(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-people-list-internal",3)(2,"velt-notifications-panel-content-all-read-container-internal",4)(3,"velt-notifications-panel-skeleton-internal",5),m()),t&2){let r=l(3),e=l();v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isAllRead",r.data.notificationsForYouInSession!==null&&(!r.data.notificationsInSession||(r.data.notificationsInSession==null?null:r.data.notificationsInSession.length)===0)),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("isLoading",r.data.notificationsForYouInSession===null)}}function id(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),c(2,ld,4,8,"ng-container",2),x()),t&2){let r=l(2),e=l();A("aria-label",D(1,3,"People notifications panel"))("data-testid",e.componentId),v(2),d("veltDynamicTemplate",y(10,ad,e.template,te(5,od,e.componentConfigSignal,e.localUIStateSignal,r.data.notificationsForYouInSession!==null&&(!r.data.notificationsInSession||(r.data.notificationsInSession==null?null:r.data.notificationsInSession.length)===0),r.data.notificationsForYouInSession===null),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function vd(t,n){if(t&1&&(s(0),h(1,id,3,16,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.TABS.People===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function dd(t,n){if(t&1&&c(0,vd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,nd,r.conditionSignal(),g(1,rd,r.componentConfigSignal,r.localUIStateSignal)))}}var ct=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentPeopleComponent 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-people-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tabpanel",1,"v-users","velt-notifications-panel-content--people"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"],[3,"componentConfigSignal","parentLocalUIState","isAllRead"],[3,"componentConfigSignal","parentLocalUIState","isLoading"]],template:function(o,a){if(o&1&&h(0,dd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,be,dt,ke,U],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 Mn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gd=(t,n)=>({condition:t,data:n}),sd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function md(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-content-for-you-internal",2)(2,"velt-notifications-panel-content-people-internal",2)(3,"velt-notifications-panel-content-documents-internal",2)(4,"velt-notifications-panel-content-all-internal",2),m()),t&2){let r=l(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function ud(t,n){if(t&1&&c(0,md,5,8,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,sd,e.template,g(1,Mn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function pd(t,n){if(t&1&&(s(0),h(1,ud,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function hd(t,n){if(t&1&&c(0,pd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,gd,r.conditionSignal(),g(1,Mn,r.componentConfigSignal,r.localUIStateSignal)))}}var gt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelContentComponent 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-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,hd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Je,rt,nt,ct],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);overflow:auto}[_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 Fn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),bd=(t,n)=>({condition:t,data:n}),kd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function xd(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.All]==null?null:r.uiState.tabConfig[r.uiState.TABS.All].name)??"All")," ")}}function Cd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.All))}),c(1,xd,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.All)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.All),A("data-testid",e.componentId+"-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.All)("aria-controls","tab-panel-"+r.uiState.TABS.All),v(),d("veltDynamicTemplate",y(11,kd,e.template,g(8,Fn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function _d(t,n){if(t&1&&(s(0),h(1,Cd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.All]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.All]==null)&&r.uiState.tabConfig[r.uiState.TABS.All].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.All])||!e.defaultCondition()?1:-1)}}function Sd(t,n){if(t&1&&c(0,_d,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,bd,r.conditionSignal(),g(1,Fn,r.componentConfigSignal,r.localUIStateSignal)))}}var st=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-all"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabAllComponent 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-header-tab-all-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Sd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Ln=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Id=(t,n)=>({condition:t,data:n}),wd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Nd(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.Documents]==null?null:r.uiState.tabConfig[r.uiState.TABS.Documents].name)??"Documents")," ")}}function Pd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.Documents))}),c(1,Nd,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.Documents)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.Documents),A("data-testid",e.componentId+"-documents-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.Documents)("aria-controls","tab-panel-"+r.uiState.TABS.Documents),v(),d("veltDynamicTemplate",y(11,wd,e.template,g(8,Ln,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Td(t,n){if(t&1&&(s(0),h(1,Pd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.Documents]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.Documents]==null)&&r.uiState.tabConfig[r.uiState.TABS.Documents].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.Documents])||!e.defaultCondition()?1:-1)}}function Od(t,n){if(t&1&&c(0,Td,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Id,r.conditionSignal(),g(1,Ln,r.componentConfigSignal,r.localUIStateSignal)))}}var mt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-documents"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabDocumentsComponent 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-header-tab-documents-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Od,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Un=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ed=(t,n)=>({condition:t,data:n}),Ad=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-for-you-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Md(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.ForYou]==null?null:r.uiState.tabConfig[r.uiState.TABS.ForYou].name)??"For You")," ")}}function Fd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.ForYou))}),c(1,Md,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.ForYou)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.ForYou),A("data-testid",e.componentId+"-for-you-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.ForYou)("aria-controls","tab-panel-"+r.uiState.TABS.ForYou),v(),d("veltDynamicTemplate",y(11,Ad,e.template,g(8,Un,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ld(t,n){if(t&1&&(s(0),h(1,Fd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.ForYou]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.ForYou]==null)&&r.uiState.tabConfig[r.uiState.TABS.ForYou].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.ForYou])||!e.defaultCondition()?1:-1)}}function Ud(t,n){if(t&1&&c(0,Ld,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ed,r.conditionSignal(),g(1,Un,r.componentConfigSignal,r.localUIStateSignal)))}}var ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-for-you"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabForYouComponent 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-header-tab-for-you-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Ud,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Bn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Rd=(t,n)=>({condition:t,data:n}),Vd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function zd(t,n){if(t&1&&(s(0),K(1),O(2,"translate"),m()),t&2){let r=l(3);v(),le(" ",D(2,1,(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.People]==null?null:r.uiState.tabConfig[r.uiState.TABS.People].name)??"People")," ")}}function Gd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.enter",function(){Y(r);let o=l(2),a=l();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.space",function(o){Y(r);let a=l(2),i=l();return o.preventDefault(),j(i.handleTabChange(a.uiState.TABS.People))}),c(1,zd,3,3,"ng-container",3),x()}if(t&2){let r=l(2),e=l();ee("selected",r.uiState.selectedTab===r.uiState.TABS.People)("velt-notifications-panel--tab-selected",r.uiState.selectedTab===r.uiState.TABS.People),A("data-testid",e.componentId+"-people-tab")("aria-selected",r.uiState.selectedTab===r.uiState.TABS.People)("aria-controls","tab-panel-"+r.uiState.TABS.People),v(),d("veltDynamicTemplate",y(11,Vd,e.template,g(8,Bn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Hd(t,n){if(t&1&&(s(0),h(1,Gd,2,17,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.People]&&(!(r.uiState.tabConfig==null||r.uiState.tabConfig[r.uiState.TABS.People]==null)&&r.uiState.tabConfig[r.uiState.TABS.People].enable)||!(r.uiState.tabConfig!=null&&r.uiState.tabConfig[r.uiState.TABS.People])||!e.defaultCondition()?1:-1)}}function Yd(t,n){if(t&1&&c(0,Hd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Rd,r.conditionSignal(),g(1,Bn,r.componentConfigSignal,r.localUIStateSignal)))}}var pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-people"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent ngOnDestroy:",e)}}handleTabChange(e){try{let o=this.componentConfigSignal();o.onTabChange===de?this.actionService.onTabChange(this.componentConfigSignal,e):o.onTabChange(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent handleTabChange:",o)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderTabPeopleComponent 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-header-tab-people-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"selected","velt-notifications-panel--tab-selected"],["role","tab","tabindex","0",1,"v-tab","velt-notifications-panel--tab",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Yd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex;flex:1 0 0}[_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--tab[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md);justify-content:center;align-items:center;gap:var(--velt-spacing-sm);flex:1 0 0;border-radius:var(--velt-border-radius-lg);color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:500;line-height:1.5;cursor:pointer}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]{color:var(--velt-accent-foreground);background:var(--velt-accent)}.velt-notifications-panel--tab.velt-notifications-panel--tab-selected[_ngcontent-%COMP%]:hover{background:var(--velt-accent-hover)}.velt-notifications-panel--tab[_ngcontent-%COMP%]:hover{background:var(--velt-background-6)}"],changeDetection:0});let t=n;return t})();var Rn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Wd=(t,n)=>({condition:t,data:n}),$d=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Kd(t,n){if(t&1&&(s(0),k(1,"div",2)(2,"div",3),O(3,"translate"),T(4,"velt-notifications-panel-header-tab-for-you-internal",4)(5,"velt-notifications-panel-header-tab-people-internal",4)(6,"velt-notifications-panel-header-tab-documents-internal",4)(7,"velt-notifications-panel-header-tab-all-internal",4),x()(),m()),t&2){let r=l(4);v(),A("data-testid",r.componentId+"-header"),v(),A("data-testid",r.componentId+"-tabs-container")("aria-label",D(3,11,"Notification categories")),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Jd(t,n){if(t&1&&c(0,Kd,8,13,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,$d,e.template,g(1,Rn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function qd(t,n){if(t&1&&(s(0),h(1,Jd,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!r.uiState.settingsOpen&&r.uiState.tabCount>1||!e.defaultCondition()?1:-1)}}function Zd(t,n){if(t&1&&c(0,qd,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Wd,r.conditionSignal(),g(1,Rn,r.componentConfigSignal,r.localUIStateSignal)))}}var ht=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelHeaderComponent 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-header-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","banner",1,"v-notifications-panel-header","velt-notifications-panel--header"],["role","tablist",1,"v-tabs-container","velt-notifications-panel--tabs-container"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Zd,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,st,mt,ut,pt,U],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--header[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);justify-content:space-between;align-items:center;align-self:stretch}.velt-notifications-panel--header[_ngcontent-%COMP%]   .velt-notifications-panel--tabs-container[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-xs);align-items:flex-start;gap:var(--velt-spacing-xs);flex:1 0 0;width:100%;border-radius:var(--velt-border-radius-2xl);background:var(--velt-background-4)}"],changeDetection:0});let t=n;return t})();var Vn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Qd=(t,n)=>({condition:t,data:n}),ec=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-description-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tc(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Set notification preference for the current document"),x(),m())}function rc(t,n){if(t&1&&(s(0),c(1,tc,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,ec,e.template,g(1,Vn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function nc(t,n){if(t&1&&c(0,rc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Qd,r.conditionSignal(),g(1,Vn,r.componentConfigSignal,r.localUIStateSignal)))}}var ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-description"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsDescriptionComponent 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-settings-description-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-section-description"]],template:function(o,a){if(o&1&&h(0,nc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-section-description[_ngcontent-%COMP%]{color:var(--velt-text-5);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var zn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ac=(t,n)=>({condition:t,data:n}),lc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-mute-all-description-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ic(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),x(),m()),t&2){let r=l(2);v(2),le("You will not receive any notifications from ",r.data.currentDocumentName||"current document")}}function vc(t,n){if(t&1&&(s(0),c(1,ic,3,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,lc,e.template,g(1,zn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function dc(t,n){if(t&1&&c(0,vc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ac,r.conditionSignal(),g(1,zn,r.componentConfigSignal,r.localUIStateSignal)))}}var bt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-description"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsMuteAllDescriptionComponent 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-settings-mute-all-description-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-footer-content-description"]],template:function(o,a){if(o&1&&h(0,dc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-footer-content-description[_ngcontent-%COMP%]{color:var(--velt-text-4);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var Gn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gc=(t,n)=>({condition:t,data:n}),sc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-mute-all-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function mc(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Mute all document notifications"),x(),m())}function uc(t,n){if(t&1&&(s(0),c(1,mc,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,sc,e.template,g(1,Gn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function pc(t,n){if(t&1&&c(0,uc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,gc,r.conditionSignal(),g(1,Gn,r.componentConfigSignal,r.localUIStateSignal)))}}var kt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsMuteAllTitleComponent 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-settings-mute-all-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-footer-content-title"]],template:function(o,a){if(o&1&&h(0,pc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-footer-content-title[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var Hn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),fc=(t,n)=>({condition:t,data:n}),bc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-mute-all-toggle-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function kc(t,n){t&1&&(s(0),k(1,"div",3),T(2,"div",4),x(),m())}function xc(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l();return j(o.toggleSettingsMutedAll())}),c(2,kc,3,0,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),ee("velt-notification-panel--settings-mute-all-toggle-container-muted",r.uiState.settingsMutedAll),v(),d("veltDynamicTemplate",y(6,bc,e.template,g(3,Hn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Cc(t,n){if(t&1&&c(0,xc,3,12,"ng-container",0),t&2){let r=l();d("veltIf",g(4,fc,r.conditionSignal(),g(1,Hn,r.componentConfigSignal,r.localUIStateSignal)))}}var xt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-toggle"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsMuteAllToggleComponent 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-settings-mute-all-toggle-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-mute-all-toggle-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-mute-all-toggle"],[1,"velt-notification-panel--settings-mute-all-toggle-circle"]],template:function(o,a){if(o&1&&h(0,Cc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-mute-all-toggle[_ngcontent-%COMP%]{display:flex;width:28px;padding:var(--velt-spacing-2xs);align-items:center;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));border-radius:var(--velt-border-radius-3xl);background:var(--velt-background-5);cursor:pointer;transition:all .3s ease}.velt-notification-panel--settings-mute-all-toggle[_ngcontent-%COMP%]   .velt-notification-panel--settings-mute-all-toggle-circle[_ngcontent-%COMP%]{width:12px;height:12px;flex-shrink:0;aspect-ratio:1/1;border-radius:var(--velt-border-radius-3xl);background:var(--velt-background-0)}.velt-notification-panel--settings-mute-all-toggle-container-muted[_ngcontent-%COMP%]   .velt-notification-panel--settings-mute-all-toggle[_ngcontent-%COMP%]{background:var(--velt-accent);justify-content:flex-end;cursor:not-allowed}"],changeDetection:0});let t=n;return t})();var Yn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Sc=(t,n)=>({condition:t,data:n}),yc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-footer-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ic(t,n){if(t&1&&(s(0),k(1,"div",2)(2,"div",3),T(3,"velt-notifications-panel-settings-mute-all-title-internal",4)(4,"velt-notifications-panel-settings-mute-all-description-internal",4),x(),T(5,"velt-notifications-panel-settings-mute-all-toggle-internal",4),x(),m()),t&2){let r=l(3);v(3),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function wc(t,n){if(t&1&&(s(0),c(1,Ic,6,6,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,yc,e.template,g(1,Yn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Nc(t,n){if(t&1&&c(0,wc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Sc,r.conditionSignal(),g(1,Yn,r.componentConfigSignal,r.localUIStateSignal)))}}var Ct=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-footer"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsFooterComponent 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-settings-footer-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-footer"],[1,"velt-notification-panel--settings-footer-content"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Nc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,bt,kt,xt],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-notification-panel--settings-footer[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg);align-items:flex-start;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));align-self:stretch}.velt-notification-panel--settings-footer[_ngcontent-%COMP%]   .velt-notification-panel--settings-footer-content[_ngcontent-%COMP%]{display:flex;padding:0px var(--velt-spacing-xs);flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-2xs);flex:1 0 0}"],changeDetection:0});let t=n;return t})();var jn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Tc=(t,n)=>({condition:t,data:n}),Oc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-back-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Dc(t,n){t&1&&(s(0),k(1,"div",3),ie(),k(2,"svg",4),T(3,"path",5),x()(),m())}function Ec(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){Y(r);let o=l();return j(o.closeSettings())}),c(2,Dc,4,0,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(2),d("veltDynamicTemplate",y(4,Oc,e.template,g(1,jn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ac(t,n){if(t&1&&c(0,Ec,3,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Tc,r.conditionSignal(),g(1,jn,r.componentConfigSignal,r.localUIStateSignal)))}}var _t=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-back-button"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsBackButtonComponent 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-settings-back-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-back-button-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-back-button"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M10 4L6 8L10 12","stroke","currentColor","stroke-width","1.33333","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ac,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-back-button[_ngcontent-%COMP%]{color:var(--velt-text-0);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer}"],changeDetection:0});let t=n;return t})();var Wn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Fc=(t,n)=>({condition:t,data:n}),Lc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Uc(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Settings"),x(),m())}function Bc(t,n){if(t&1&&(s(0),c(1,Uc,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Lc,e.template,g(1,Wn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Rc(t,n){if(t&1&&c(0,Bc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Fc,r.conditionSignal(),g(1,Wn,r.componentConfigSignal,r.localUIStateSignal)))}}var St=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsHeaderTitleComponent 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-settings-header-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-header-title"]],template:function(o,a){if(o&1&&h(0,Rc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-header-title[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:normal}"],changeDetection:0});let t=n;return t})();var $n=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),zc=(t,n)=>({condition:t,data:n}),Gc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Hc(t,n){if(t&1&&(s(0),k(1,"div",2),T(2,"velt-notifications-panel-settings-back-button-internal",3)(3,"velt-notifications-panel-settings-header-title-internal",3),x(),m()),t&2){let r=l(3);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Yc(t,n){if(t&1&&(s(0),c(1,Hc,4,4,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Gc,e.template,g(1,$n,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function jc(t,n){if(t&1&&c(0,Yc,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,zc,r.conditionSignal(),g(1,$n,r.componentConfigSignal,r.localUIStateSignal)))}}var yt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsHeaderComponent 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-settings-header-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-header"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,jc,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,_t,St],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-notification-panel--settings-header[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm);padding:var(--velt-spacing-2xs) var(--velt-spacing-sm);border-bottom:1px solid var(--velt-border-3)}"],changeDetection:0});let t=n;return t})();var Kn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),$c=(t,n)=>({condition:t,data:n}),Kc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-item-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Jc(t,n){t&1&&(s(0),ie(),k(1,"svg",3),T(2,"rect",4)(3,"circle",5),x(),k(4,"svg",6),T(5,"rect",7),x(),m())}function qc(t,n){if(t&1&&(s(0),k(1,"div",1),c(2,Jc,6,0,"ng-container",2),x(),m()),t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-content-item-icon-container-selected",(e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)===((r=o.resolvedOption())==null?null:r.id)),v(),d("veltDynamicTemplate",y(8,Kc,o.template,te(3,Kn,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Zc(t,n){if(t&1&&c(0,qc,3,14,"ng-container",0),t&2){let r=l();d("veltIf",g(6,$c,r.conditionSignal(),te(1,Kn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}var It=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-icon",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.optionIndex=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.optionSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this._accordionItemId=V(void 0),this.resolvedOption=J(()=>{try{let e=this.optionSignal();if(e)return e;let o=this.resolvedAccordionConfig();if(!o?.values?.length)return null;let a=this._accordionItemId();if(a){let u=a.toLowerCase(),M=o.values.find(F=>(F?.id||"").toLowerCase()===u||(F?.name||"").toLowerCase()===u);if(M)return M}let i=this.optionIndex();return i!==void 0&&o.values[i]?o.values[i]:o.values[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}set accordionItemId(e){this._accordionItemId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig),e.option&&this.optionSignal.set(this.option)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig(),option:this.resolvedOption()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentItemIconComponent 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-settings-accordion-content-item-icon-internal"]],inputs:{option:"option",accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",optionIndex:[1,"optionIndex"],accordionItemId:"accordionItemId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-item-icon-container"],[4,"veltDynamicTemplate"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-notification-panel--settings-accordion-content-item-active-icon"],["x","1","y","1","width","14","height","14","rx","7","stroke","currentColor","stroke-width","2"],["cx","8","cy","8","r","4","fill","currentColor"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg",1,"velt-notification-panel--settings-accordion-content-item-inactive-icon"],["x","0.5","y","0.5","width","15","height","15","rx","7.5","stroke","#CCCCCC"]],template:function(o,a){if(o&1&&h(0,Zc,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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)}svg[_ngcontent-%COMP%]{color:var(--velt-accent)}.velt-notification-panel--settings-accordion-content-item-active-icon[_ngcontent-%COMP%]{display:none}.velt-notification-panel--settings-accordion-content-item-inactive-icon[_ngcontent-%COMP%], .velt-notification-panel--settings-accordion-content-item-icon-container-selected[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-content-item-active-icon[_ngcontent-%COMP%]{display:block}.velt-notification-panel--settings-accordion-content-item-icon-container-selected[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-content-item-inactive-icon[_ngcontent-%COMP%]{display:none}"],changeDetection:0});let t=n;return t})();var Jn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),Qc=(t,n)=>({condition:t,data:n}),eg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-item-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tg(t,n){if(t&1&&(s(0),k(1,"span",3),K(2),x(),m()),t&2){let r,e=l(3);v(2),le(" ",((r=e.resolvedOption())==null?null:r.name)||((r=e.resolvedOption())==null?null:r.id)," ")}}function rg(t,n){if(t&1&&(s(0),k(1,"div",1),c(2,tg,3,1,"ng-container",2),x(),m()),t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-content-item-label-container-selected",(e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)===((r=o.resolvedOption())==null?null:r.id)),v(),d("veltDynamicTemplate",y(8,eg,o.template,te(3,Jn,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function ng(t,n){if(t&1&&c(0,rg,3,14,"ng-container",0),t&2){let r=l();d("veltIf",g(6,Qc,r.conditionSignal(),te(1,Jn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}var wt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-label",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.optionIndex=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._accordionItemId=V(void 0),this.optionSignal=V(null),this.resolvedOption=J(()=>{try{let e=this.optionSignal();if(e)return e;let o=this.resolvedAccordionConfig();if(!o?.values?.length)return null;let a=this._accordionItemId();if(a){let u=a.toLowerCase(),M=o.values.find(F=>(F?.id||"").toLowerCase()===u||(F?.name||"").toLowerCase()===u);if(M)return M}let i=this.optionIndex();return i!==void 0&&o.values[i]?o.values[i]:o.values[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}set accordionItemId(e){this._accordionItemId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig),e.option&&this.optionSignal.set(this.option)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig(),option:this.resolvedOption()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentItemLabelComponent 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-settings-accordion-content-item-label-internal"]],inputs:{option:"option",accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",optionIndex:[1,"optionIndex"],accordionItemId:"accordionItemId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-item-label-container"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-content-item-label"]],template:function(o,a){if(o&1&&h(0,ng,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-accordion-content-item-label[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:120%}.velt-notification-panel--settings-accordion-content-item-label-container-selected[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-content-item-title[_ngcontent-%COMP%]{font-weight:500}"],changeDetection:0});let t=n;return t})();var qn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),ag=(t,n)=>({condition:t,data:n}),lg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ig(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-settings-accordion-content-item-icon-internal",4)(3,"velt-notifications-panel-settings-accordion-content-item-label-internal",4),x(),m()),t&2){let r=l(3);v(2),d("option",r.resolvedOption())("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("option",r.resolvedOption())("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function vg(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=l(),i=l();return j(a.setSettingsSelectedOption((o=i.resolvedAccordionConfig())==null?null:o.id,i.resolvedOption()))}),c(2,ig,4,8,"ng-container",2),x(),m()}if(t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-content-item-container-selected",(e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)===((r=o.resolvedOption())==null?null:r.id)),v(),d("veltDynamicTemplate",y(8,lg,o.template,te(3,qn,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function dg(t,n){if(t&1&&c(0,vg,3,14,"ng-container",0),t&2){let r=l();d("veltIf",g(6,ag,r.conditionSignal(),te(1,qn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}var Nt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.optionIndex=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._accordionItemId=V(void 0),this.optionSignal=V(null),this.resolvedOption=J(()=>{try{let e=this.optionSignal();if(e)return e;let o=this.resolvedAccordionConfig();if(!o?.values?.length)return null;let a=this._accordionItemId();if(a){let u=a.toLowerCase(),M=o.values.find(F=>(F?.id||"").toLowerCase()===u||(F?.name||"").toLowerCase()===u);if(M)return M}let i=this.optionIndex();return i!==void 0&&o.values[i]?o.values[i]:o.values[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}set accordionItemId(e){this._accordionItemId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig),e.option&&this.optionSignal.set(this.option)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}get itemTemplate(){return this._itemTemplate}set itemTemplate(e){try{this._itemTemplate=e,this.itemTemplate?this.template=this.domService.deepCloneElement(this.itemTemplate):this.template=null}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig(),option:this.resolvedOption()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentItemComponent 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-settings-accordion-content-item-internal"]],inputs:{option:"option",accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",optionIndex:[1,"optionIndex"],accordionItemId:"accordionItemId",itemTemplate:"itemTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-item-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-content-item"],[3,"option","accordionConfig","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,dg,1,9,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,It,wt],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-notification-panel--settings-accordion-content-item[_ngcontent-%COMP%]{display:flex;align-items:center;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));align-self:stretch;cursor:pointer}"],changeDetection:0});let t=n;return t})();var Zn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),gg=(t,n)=>({condition:t,data:n}),sg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),mg=(t,n)=>n.id;function ug(t,n){if(t&1&&T(0,"velt-notifications-panel-settings-accordion-content-item-internal",4),t&2){let r=n.$implicit,e=l(5);d("option",r)("accordionConfig",e.resolvedAccordionConfig())("itemTemplate",e.itemTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function pg(t,n){if(t&1&&(s(0),k(1,"div",3),Ce(2,ug,1,5,"velt-notifications-panel-settings-accordion-content-item-internal",4,mg),x(),m()),t&2){let r,e=l(4);v(2),_e((r=e.resolvedAccordionConfig())==null?null:r.values)}}function hg(t,n){if(t&1&&(k(0,"div",1),c(1,pg,4,0,"ng-container",2),x()),t&2){let r=l(2),e=l();v(),d("veltDynamicTemplate",y(5,sg,e.template,W(1,Zn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fg(t,n){if(t&1&&(s(0),h(1,hg,2,11,"div",1),m()),t&2){let r,e=l(),o=l();v(),f(e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]||!o.defaultCondition()?1:-1)}}function bg(t,n){if(t&1&&c(0,fg,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(5,gg,r.conditionSignal(),W(1,Zn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}set contentTemplate(e){try{e&&(this.template=this.domService.deepCloneElement(e))}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-item-wireframe");se(e)||(this.itemTemplate=e)}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentComponent ngOnInit:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionContentComponent 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-settings-accordion-content-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",contentTemplate:"contentTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-content-container"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-content"],[3,"option","accordionConfig","itemTemplate","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,bg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Nt],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-notification-panel--settings-accordion-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-lg);align-self:stretch}"],changeDetection:0});let t=n;return t})();var Xn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),xg=(t,n)=>({condition:t,data:n}),Cg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function _g(t,n){t&1&&(s(0),ie(),k(1,"svg",2),T(2,"path",3),x(),m())}function Sg(t,n){if(t&1&&(s(0),c(1,_g,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Cg,e.template,W(1,Xn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function yg(t,n){if(t&1&&c(0,Sg,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,xg,r.conditionSignal(),W(1,Xn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Tt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-icon",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerIconComponent 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-settings-accordion-trigger-icon-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["width","16","height","16","viewBox","0 0 16 16","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M4 6.5L8 10.5L12 6.5","stroke","currentColor","stroke-width","1.33333","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,yg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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);display:flex}[_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)}svg[_ngcontent-%COMP%]{margin-top:2px;color:var(--velt-text-0)}"],changeDetection:0});let t=n;return t})();var Qn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),wg=(t,n)=>({condition:t,data:n}),Ng=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Pg(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),x(),m()),t&2){let r,e=l(3);v(2),Me(((r=e.resolvedAccordionConfig())==null?null:r.name)||(e.accordionConfig==null?null:e.accordionConfig.id))}}function Tg(t,n){if(t&1&&(s(0),c(1,Pg,3,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Ng,e.template,W(1,Qn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Og(t,n){if(t&1&&c(0,Tg,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,wg,r.conditionSignal(),W(1,Qn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Ot=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-label",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerLabelComponent 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-settings-accordion-trigger-label-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-trigger-label"]],template:function(o,a){if(o&1&&h(0,Og,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-accordion-trigger-label[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var eo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Eg=(t,n)=>({condition:t,data:n}),Ag=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-selected-value-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Mg(t,n){if(t&1&&(s(0),k(1,"span",2),K(2),x(),m()),t&2){let r,e=l(2),o=l();v(2),le(" ",(e.data.settingsSelectedOption==null||e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].name)||(e.data.settingsSelectedOption==null||e.data.settingsSelectedOption[(r=o.resolvedAccordionConfig())==null?null:r.id]==null?null:e.data.settingsSelectedOption[(r=r)==null?null:r.id].id)," ")}}function Fg(t,n){if(t&1&&(s(0),c(1,Mg,3,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(5,Ag,e.template,W(1,eo,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Lg(t,n){if(t&1&&c(0,Fg,2,11,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Eg,r.conditionSignal(),W(1,eo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Dt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-selected-value",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}})}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerSelectedValueComponent 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-settings-accordion-trigger-selected-value-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-trigger-selected-value"]],template:function(o,a){if(o&1&&h(0,Lg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-accordion-trigger-selected-value[_ngcontent-%COMP%]{color:var(--velt-text-5);font-size:var(--velt-font-size-xs);font-style:normal;font-weight:400;line-height:normal}"],changeDetection:0});let t=n;return t})();var to=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Bg=(t,n)=>({condition:t,data:n}),Rg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Vg(t,n){if(t&1&&(s(0),k(1,"div",3),T(2,"velt-notifications-panel-settings-accordion-trigger-label-internal",4),k(3,"div",5),T(4,"velt-notifications-panel-settings-accordion-trigger-selected-value-internal",4)(5,"velt-notifications-panel-settings-accordion-trigger-icon-internal",4),x()(),m()),t&2){let r=l(3);v(2),d("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(2),d("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("accordionConfig",r.resolvedAccordionConfig())("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function zg(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=l(2);return j(a.onTriggerClick((o=a.resolvedAccordionConfig())==null?null:o.id))}),c(2,Vg,6,9,"ng-container",2),x(),m()}if(t&2){let r,e=l(),o=l();v(),ee("velt-notification-panel--settings-accordion-open",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,Rg,o.template,W(3,to,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Gg(t,n){if(t&1&&c(0,zg,3,13,"ng-container",0),t&2){let r=l();d("veltIf",g(5,Bg,r.conditionSignal(),W(1,to,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var Et=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}set triggerTemplate(e){try{e&&(this.template=this.domService.deepCloneElement(e))}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerComponent setupA11yAttributes:",e)}}onTriggerClick(e){try{if(this.componentConfigSignal()?.uiState?.settingsItemRecentlyClosed)return;this.componentConfigSignal()?.toggleSettingsAccordion(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionTriggerComponent onTriggerClick: ",o)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-settings-accordion-trigger-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",triggerTemplate:"triggerTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-trigger-container",3,"click"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion-trigger"],[3,"accordionConfig","componentConfigSignal","parentLocalUIState"],[1,"velt-notification-panel--settings-accordion-trigger-selected"]],template:function(o,a){if(o&1&&h(0,Gg,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Tt,Ot,Dt],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);width:100%;box-sizing:border-box}[_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-notification-panel--settings-accordion-trigger[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.velt-notification-panel--settings-accordion-trigger[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-trigger-selected[_ngcontent-%COMP%]{display:flex;align-items:center;gap:var(--velt-spacing-sm)}.velt-notification-panel--settings-accordion-open[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion-trigger-selected[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{transform:rotate(180deg)}"],changeDetection:0});let t=n;return t})();var ro=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Wg=(t,n)=>({condition:t,data:n}),$g=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Kg=()=>["velt-notification-panel--settings-dropdown-container","velt-overlay-panel"];function Jg(t,n){if(t&1&&(k(0,"div",6),T(1,"velt-notifications-panel-settings-accordion-trigger-internal",7)(2,"velt-notifications-panel-settings-accordion-content-internal",8),x()),t&2){let r=l(5);v(),d("accordionConfig",r.resolvedAccordionConfig())("triggerTemplate",r.triggerTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("accordionConfig",r.resolvedAccordionConfig())("contentTemplate",r.contentTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function qg(t,n){if(t&1){let r=Q();k(0,"div",11)(1,"div",12),Z("clickOutside",function(){let o;Y(r);let a=l(6);return j(a.onClickOutside((o=a.resolvedAccordionConfig())==null?null:o.id))}),T(2,"velt-notifications-panel-settings-accordion-content-internal",8),x()()}if(t&2){let r=l(6);v(2),d("accordionConfig",r.resolvedAccordionConfig())("contentTemplate",r.contentTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Zg(t,n){if(t&1){let r=Q();k(0,"div",9,0),Z("positionChange",function(){Y(r);let o=ue(4),a=l(5);return j(a.onPositionChange(o))}),T(2,"velt-notifications-panel-settings-accordion-trigger-internal",7),x(),c(3,qg,3,4,"ng-template",10,1,Ie)}if(t&2){let r,e,o=ue(1),a=ue(4),i=l(4),u=l();d("veltPositionObserverDisabled",!i.uiState.settingsAccordionExpanded[(r=u.resolvedAccordionConfig())==null?null:r.id]),v(2),d("accordionConfig",u.resolvedAccordionConfig())("triggerTemplate",u.triggerTemplate)("componentConfigSignal",u.componentConfigSignal)("parentLocalUIState",u.localUIStateSignal),v(),d("cdkConnectedOverlayOrigin",o)("cdkConnectedOverlayOpen",i.uiState.settingsAccordionExpanded[(e=u.resolvedAccordionConfig())==null?null:e.id])("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",Fe(12,Kg))("cdkConnectedOverlayWidth",o.elementRef.nativeElement.offsetWidth)("snippylyOverlay",a)("snippylyOverlayZIndex",2147483627)}}function Xg(t,n){if(t&1&&(s(0),h(1,Jg,3,8,"div",6),h(2,Zg,5,13),m()),t&2){let r=l(3);v(),f(r.uiState.settingsLayout==="accordion"?1:-1),v(),f(r.uiState.settingsLayout==="dropdown"?2:-1)}}function Qg(t,n){if(t&1&&(k(0,"div",4),c(1,Xg,3,2,"ng-container",5),x()),t&2){let r,e=l(2),o=l();ee("velt-notification-panel--settings-accordion-container-expanded",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,$g,o.template,W(3,ro,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function es(t,n){if(t&1&&(s(0),h(1,Qg,2,13,"div",3),m()),t&2){let r,e=l(2);v(),f((r=e.resolvedAccordionConfig())!=null&&r.enable||!e.defaultCondition()?1:-1)}}function ts(t,n){if(t&1&&c(0,es,2,1,"ng-container",2),t&2){let r=l();d("veltIf",g(5,Wg,r.conditionSignal(),W(1,ro,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}var At=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion",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._accordionId=V(void 0),this.accordionConfigSignal=V(null),this.resolvedAccordionConfig=J(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let i=this._accordionId();if(i){let M=i.toLowerCase(),F=a.find($=>$?.id===i||($?.name||"").toLowerCase()===M);if(F)return F}let u=this.notificationIndex();return u!==void 0&&a[u]?a[u]:a[0]}catch{return null}}),this.domService=ae(ce)}set accordionId(e){this._accordionId.set(e?.trim()||void 0)}ngOnChanges(e){try{super.ngOnChanges(e),e.accordionConfig&&this.accordionConfigSignal.set(this.accordionConfig)}catch(o){this.loggingService.catch("Error in ngOnChanges:",o)}}get accordionTemplate(){return this._accordionTemplate}set accordionTemplate(e){try{if(this._accordionTemplate=e,this.accordionTemplate){this.template=this.domService.deepCloneElement(this.accordionTemplate);let o=this.template?.querySelector("velt-notifications-panel-settings-accordion-trigger-wireframe");se(o)||(this.triggerTemplate=o);let a=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-wireframe");se(a)||(this.contentTemplate=a)}else this.template=null}catch{}}getConditionalClassesContext(){return b(p({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionComponent setupA11yAttributes:",e)}}onPositionChange(e){try{e&&e?.overlayRef?.updatePosition()}catch(o){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionComponent onPositionChange: ",o)}}onClickOutside(e){try{this.componentConfigSignal.update(o=>(o=b(p({},o),{uiState:b(p({},o.uiState),{settingsItemRecentlyClosed:!0})}),o)),setTimeout(()=>{this.componentConfigSignal.update(o=>(o=b(p({},o),{uiState:b(p({},o.uiState),{settingsItemRecentlyClosed:!1})}),o))},100),this.componentConfigSignal()?.toggleSettingsAccordion(e)}catch(o){this.loggingService.catch("Error in NotificationsPanelSettingsAccordionComponent onClickOutside: ",o)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-settings-accordion-internal"]],inputs:{accordionConfig:"accordionConfig",notificationIndex:[1,"notificationIndex"],accordionId:"accordionId",accordionTemplate:"accordionTemplate"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[["trigger","cdkOverlayOrigin"],["dropdownOverlay","cdkConnectedOverlay"],[4,"veltIf"],[1,"velt-notification-panel--settings-accordion-container",3,"velt-notification-panel--settings-accordion-container-expanded"],[1,"velt-notification-panel--settings-accordion-container"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-accordion"],[3,"accordionConfig","triggerTemplate","componentConfigSignal","parentLocalUIState"],[3,"accordionConfig","contentTemplate","componentConfigSignal","parentLocalUIState"],["cdkOverlayOrigin","","veltPositionObserver","",1,"velt-notification-panel--settings-accordion",3,"positionChange","veltPositionObserverDisabled"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPanelClass","cdkConnectedOverlayWidth","snippylyOverlay","snippylyOverlayZIndex"],[1,"velt-notification-panel--settings-dropdown-container"],["snippylyClickOutside","",1,"velt-notification-panel--settings-dropdown-container-inner",3,"clickOutside"]],template:function(o,a){if(o&1&&h(0,ts,1,8,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[lr,ar,P,N,cr,rn,Pt,Et],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{width:100%;box-sizing:border-box}[_nghost-%COMP%]:empty{display:none}.velt-notification-panel--settings-accordion[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-md) var(--velt-spacing-lg);flex-direction:column;align-items:flex-start;gap:var(--velt-spacing-lg);align-self:stretch;border-radius:var(--velt-border-radius-md)}.velt-notification-panel--settings-accordion[_ngcontent-%COMP%]:hover, .velt-notification-panel--settings-accordion-container-expanded[_ngcontent-%COMP%]   .velt-notification-panel--settings-accordion[_ngcontent-%COMP%]{background:var(--velt-background-2)}.velt-notification-panel--settings-dropdown-container[_ngcontent-%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);background:var(--velt-background-2);border-radius:var(--velt-border-radius-md);padding:var(--velt-spacing-md) var(--velt-spacing-lg);width:100%;margin-top:var(--velt-spacing-sm)}.velt-notification-panel--settings-dropdown-container[dark=true][_ngcontent-%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 no=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ns=(t,n)=>({condition:t,data:n}),os=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),as=(t,n)=>n.id;function ls(t,n){if(t&1&&T(0,"velt-notifications-panel-settings-accordion-internal",3),t&2){let r=n.$implicit,e=l(4);d("accordionConfig",r)("accordionTemplate",e.accordionTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function is(t,n){if(t&1&&(s(0),k(1,"div",2),Ce(2,ls,1,4,"velt-notifications-panel-settings-accordion-internal",3,as),x(),m()),t&2){let r=l(2);v(2),_e(r==null||r.data==null?null:r.data.settingsConfig)}}function vs(t,n){if(t&1&&(s(0),c(1,is,4,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,os,e.template,g(1,no,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ds(t,n){if(t&1&&c(0,vs,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ns,r.conditionSignal(),g(1,no,r.componentConfigSignal,r.localUIStateSignal)))}}var Mt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-list"}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-wireframe");se(e)||(this.accordionTemplate=e)}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsListComponent ngOnInit:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsListComponent 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-settings-list-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-list-container"],[3,"accordionConfig","accordionTemplate","componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,ds,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,At],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-notification-panel--settings-list-container[_ngcontent-%COMP%]{margin-block:var(--velt-spacing-md)}"],changeDetection:0});let t=n;return t})();var oo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gs=(t,n)=>({condition:t,data:n}),ss=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ms(t,n){t&1&&(s(0),k(1,"span",2),K(2,"Document Notifications"),x(),m())}function us(t,n){if(t&1&&(s(0),c(1,ms,3,0,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,ss,e.template,g(1,oo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ps(t,n){if(t&1&&c(0,us,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,gs,r.conditionSignal(),g(1,oo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsTitleComponent 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-settings-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings-section-title"]],template:function(o,a){if(o&1&&h(0,ps,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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-notification-panel--settings-section-title[_ngcontent-%COMP%]{color:var(--velt-text-1);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:500;line-height:120%}"],changeDetection:0});let t=n;return t})();var ao=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),fs=(t,n)=>({condition:t,data:n}),bs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ks(t,n){if(t&1&&(s(0),k(1,"div",2),T(2,"velt-notifications-panel-settings-header-internal",3),k(3,"div",4),T(4,"velt-notifications-panel-settings-title-internal",3)(5,"velt-notifications-panel-settings-description-internal",3),x(),T(6,"velt-notifications-panel-settings-list-internal",3)(7,"velt-notifications-panel-settings-footer-internal",3),x(),m()),t&2){let r=l(4);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function xs(t,n){if(t&1&&c(0,ks,8,10,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,bs,e.template,g(1,ao,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Cs(t,n){if(t&1&&(s(0),h(1,xs,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(r.uiState.settingsOpen&&r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function _s(t,n){if(t&1&&c(0,Cs,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,fs,r.conditionSignal(),g(1,ao,r.componentConfigSignal,r.localUIStateSignal)))}}var Lt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsComponent 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-settings-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],[1,"velt-notification-panel--settings"],[3,"componentConfigSignal","parentLocalUIState"],[1,"velt-notification-panel--settings-section"]],template:function(o,a){if(o&1&&h(0,_s,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,ft,Ct,yt,Mt,Ft],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-notification-panel--settings-section[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-lg) var(--velt-spacing-lg) 0px var(--velt-spacing-lg);align-items:flex-start;gap:calc(var(--velt-spacing-sm) + var(--velt-spacing-2xs));align-self:stretch;flex-direction:column}"],changeDetection:0});let t=n;return t})();var lo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ys=(t,n)=>({condition:t,data:n}),Is=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-close-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ws(t,n){if(t&1&&(s(0),ie(),k(1,"svg",3),O(2,"translate"),T(3,"path",4),x(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-icon")("role","img")("aria-label",D(2,3,"Close notifications panel"))}}function Ns(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=l();return j(o.closeNotificationsPanel())}),c(3,ws,4,5,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),A("data-testid",e.componentId)("role","button")("aria-label",D(2,4,"Close notifications panel")),v(2),d("veltDynamicTemplate",y(9,Is,e.template,g(6,lo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ps(t,n){if(t&1&&c(0,Ns,4,15,"ng-container",0),t&2){let r=l();d("veltIf",g(4,ys,r.conditionSignal(),g(1,lo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-close-button"}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","button"),e.setAttribute("aria-label","Close notifications panel")}catch(e){this.loggingService.catch("Error in NotificationsPanelCloseButtonComponent 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-close-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[1,"velt-notification-panel--close-button",3,"click"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M13.5 4.5L4.5 13.5M4.5 4.5L13.5 13.5","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ps,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex}[_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-notification-panel--close-button[_ngcontent-%COMP%]{display:flex;cursor:pointer;color:var(--velt-text-4)}"],changeDetection:0});let t=n;return t})();var io=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Os=(t,n)=>({condition:t,data:n}),Ds=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-read-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Es(t,n){if(t&1&&(s(0),k(1,"div",3),ie(),k(2,"svg",4),T(3,"path",5),x()(),m()),t&2){let r=l(3);v(),A("data-testid",r.componentId+"-read-all-button")}}function As(t,n){if(t&1){let r=Q();s(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=l();return j(o.setAllNotificationsAsRead())})("keydown.enter",function(){Y(r);let o=l();return j(o.setAllNotificationsAsRead())})("keydown.space",function(o){Y(r);let a=l();return o.preventDefault(),j(a.setAllNotificationsAsRead())}),c(3,Es,4,1,"ng-container",2),x(),m()}if(t&2){let r=l(),e=l();v(),A("aria-label",D(2,3,"Mark all notifications as read"))("data-testid",e.componentId+"-read-all-container"),v(2),d("veltDynamicTemplate",y(8,Ds,e.template,g(5,io,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ms(t,n){if(t&1&&c(0,As,4,14,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Os,r.conditionSignal(),g(1,io,r.componentConfigSignal,r.localUIStateSignal)))}}var Bt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-read-all-button"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelReadAllButtonComponent 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-read-all-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"v-read-all-btn","velt-notifications-panel--read-all-button"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","true","aria-label","Mark all as read icon"],["d","M5.25 9L9 12.75L16.5 5.25M1.5 9L5.25 12.75M9 9L12.75 5.25","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,Ms,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--read-all-button[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);align-items:center;gap:10px;cursor:pointer;color:var(--velt-accent-text);border-radius:var(--velt-border-radius-full)}.velt-notifications-panel--read-all-button[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}"],changeDetection:0});let t=n;return t})();var vo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ls=(t,n)=>({condition:t,data:n}),Us=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Bs(t,n){t&1&&(s(0),k(1,"div",4),ie(),k(2,"svg",5),T(3,"path",6)(4,"path",7),x()(),m())}function Rs(t,n){if(t&1){let r=Q();k(0,"div",2),O(1,"translate"),Z("click",function(){Y(r);let o=l(2);return j(o.openSettings())})("keydown.enter",function(){Y(r);let o=l(2);return j(o.openSettings())})("keydown.space",function(o){Y(r);let a=l(2);return o.preventDefault(),j(a.openSettings())}),c(2,Bs,5,0,"ng-container",3),x()}if(t&2){let r=l(2),e=l();A("aria-label",D(1,3,"Open settings"))("data-testid",e.componentId+"-settings-container"),v(2),d("veltDynamicTemplate",y(8,Us,e.template,g(5,vo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Vs(t,n){if(t&1&&(s(0),h(1,Rs,3,14,"div",1),m()),t&2){let r=l(),e=l();v(),f(r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function zs(t,n){if(t&1&&c(0,Vs,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Ls,r.conditionSignal(),g(1,vo,r.componentConfigSignal,r.localUIStateSignal)))}}var Rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-button"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelSettingsButtonComponent 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-settings-button-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","button","tabindex","0",1,"velt-notifications-panel--settings-button-container"],["role","button","tabindex","0",1,"velt-notifications-panel--settings-button-container",3,"click","keydown.enter","keydown.space"],[4,"veltDynamicTemplate"],[1,"velt-notifications-panel--settings-button"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M7.74375 3.23775C8.06325 1.92075 9.93675 1.92075 10.2563 3.23775C10.3042 3.4356 10.3982 3.61933 10.5305 3.774C10.6629 3.92867 10.8299 4.04989 11.018 4.12781C11.2061 4.20573 11.4099 4.23814 11.6128 4.2224C11.8158 4.20667 12.0122 4.14323 12.186 4.03725C13.3432 3.33225 14.6685 4.65675 13.9635 5.81475C13.8577 5.98849 13.7943 6.18475 13.7786 6.38758C13.7629 6.59041 13.7953 6.79408 13.8731 6.98203C13.951 7.16999 14.0721 7.33693 14.2265 7.46929C14.381 7.60164 14.5646 7.69568 14.7623 7.74375C16.0793 8.06325 16.0793 9.93675 14.7623 10.2563C14.5644 10.3042 14.3807 10.3982 14.226 10.5305C14.0713 10.6629 13.9501 10.8299 13.8722 11.018C13.7943 11.2061 13.7619 11.4099 13.7776 11.6128C13.7933 11.8158 13.8568 12.0122 13.9628 12.186C14.6678 13.3432 13.3432 14.6685 12.1852 13.9635C12.0115 13.8577 11.8152 13.7943 11.6124 13.7786C11.4096 13.7629 11.2059 13.7953 11.018 13.8731C10.83 13.951 10.6631 14.0721 10.5307 14.2265C10.3984 14.381 10.3043 14.5646 10.2563 14.7623C9.93675 16.0793 8.06325 16.0793 7.74375 14.7623C7.69581 14.5644 7.60183 14.3807 7.46947 14.226C7.3371 14.0713 7.17008 13.9501 6.98201 13.8722C6.79394 13.7943 6.59013 13.7619 6.38716 13.7776C6.1842 13.7933 5.98781 13.8568 5.814 13.9628C4.65675 14.6678 3.3315 13.3432 4.0365 12.1852C4.14233 12.0115 4.20566 11.8152 4.22136 11.6124C4.23706 11.4096 4.20468 11.2059 4.12685 11.018C4.04903 10.83 3.92795 10.6631 3.77345 10.5307C3.61896 10.3984 3.43542 10.3043 3.23775 10.2563C1.92075 9.93675 1.92075 8.06325 3.23775 7.74375C3.4356 7.69581 3.61933 7.60183 3.774 7.46947C3.92867 7.3371 4.04989 7.17008 4.12781 6.98201C4.20573 6.79394 4.23814 6.59013 4.2224 6.38716C4.20667 6.1842 4.14323 5.98781 4.03725 5.814C3.33225 4.65675 4.65675 3.3315 5.81475 4.0365C6.56475 4.4925 7.53675 4.089 7.74375 3.23775Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"],["d","M6.75 9C6.75 9.59674 6.98705 10.169 7.40901 10.591C7.83097 11.0129 8.40326 11.25 9 11.25C9.59674 11.25 10.169 11.0129 10.591 10.591C11.0129 10.169 11.25 9.59674 11.25 9C11.25 8.40326 11.0129 7.83097 10.591 7.40901C10.169 6.98705 9.59674 6.75 9 6.75C8.40326 6.75 7.83097 6.98705 7.40901 7.40901C6.98705 7.83097 6.75 8.40326 6.75 9Z","stroke","currentColor","stroke-width","1.5","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,zs,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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--settings-button[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm);align-items:center;gap:10px;cursor:pointer;color:var(--velt-text-8);border-radius:var(--velt-border-radius-full)}.velt-notifications-panel--settings-button[_ngcontent-%COMP%]:hover{background-color:var(--velt-background-3)}"],changeDetection:0});let t=n;return t})();var co=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Hs=(t,n)=>({condition:t,data:n}),Ys=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-text-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function js(t,n){t&1&&(s(0),k(1,"span"),K(2),O(3,"translate"),x(),m()),t&2&&(v(2),Me(D(3,1,"Notifications")))}function Ws(t,n){if(t&1&&(s(0),c(1,js,4,3,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Ys,e.template,g(1,co,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function $s(t,n){if(t&1&&c(0,Ws,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Hs,r.conditionSignal(),g(1,co,r.componentConfigSignal,r.localUIStateSignal)))}}var Vt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-title-text"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelTitleTextComponent 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-title-text-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,$s,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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)}span[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:600;line-height:normal}"],changeDetection:0});let t=n;return t})();var go=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Js=(t,n)=>({condition:t,data:n}),qs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Zs(t,n){if(t&1&&(ie(),k(0,"svg",5),T(1,"path",6),x(),Oe(),T(2,"velt-notifications-panel-close-button-internal",3)),t&2){let r=l(5);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Xs(t,n){if(t&1&&(s(0),k(1,"div",2),T(2,"velt-notifications-panel-title-text-internal",3),k(3,"div",4),O(4,"translate"),T(5,"velt-notifications-panel-read-all-button-internal",3)(6,"velt-notifications-panel-settings-button-internal",3),h(7,Zs,3,2),x()(),m()),t&2){let r=l(3),e=l();v(),A("data-testid",e.componentId+"-title"),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),A("data-testid",e.componentId+"-actions")("aria-label",D(4,10,"Notification actions")),v(2),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal),v(),f(r.uiState.panelOpenMode==="sidebar"?7:-1)}}function Qs(t,n){if(t&1&&c(0,Xs,8,12,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,qs,e.template,g(1,go,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function em(t,n){if(t&1&&(s(0),h(1,Qs,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function tm(t,n){if(t&1&&c(0,em,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Js,r.conditionSignal(),g(1,go,r.componentConfigSignal,r.localUIStateSignal)))}}var zt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-title"}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelTitleComponent 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-title-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["role","heading","aria-level","1",1,"velt-notification-panel--title"],[3,"componentConfigSignal","parentLocalUIState"],["role","toolbar",1,"velt-notification-panel--actions"],["width","2","height","18","viewBox","0 0 2 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","separator","aria-hidden","true"],["d","M1 1L0.999999 17","stroke","currentColor","stroke-linecap","round"]],template:function(o,a){if(o&1&&h(0,tm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ut,Bt,Rt,Vt,U],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-notification-panel--title[_ngcontent-%COMP%]{display:flex;padding:var(--velt-spacing-sm) var(--velt-spacing-md) var(--velt-spacing-2xs) var(--velt-spacing-md);justify-content:space-between;align-items:center;align-self:stretch}.velt-notification-panel--title[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{color:var(--velt-text-0);font-size:var(--velt-font-size-sm);font-style:normal;font-weight:600;line-height:normal}.velt-notification-panel--actions[_ngcontent-%COMP%]{display:flex;gap:var(--velt-spacing-sm);align-items:center;justify-content:center}.velt-notification-panel--actions[_ngcontent-%COMP%]   svg[_ngcontent-%COMP%]{color:var(--velt-text-10)}"],changeDetection:0});let t=n;return t})();var so=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),om=(t,n)=>({condition:t,data:n}),am=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function lm(t,n){t&1&&Ae(0)}function im(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),c(1,lm,1,0,"ng-container",2),x()),t&2){l();let r=ue(4);v(),d("ngTemplateOutlet",r)}}function vm(t,n){t&1&&Ae(0)}function dm(t,n){if(t&1&&c(0,vm,1,0,"ng-container",2),t&2){l();let r=ue(4);d("ngTemplateOutlet",r)}}function cm(t,n){if(t&1&&(s(0),T(1,"velt-notifications-panel-title-internal",5)(2,"velt-notifications-panel-header-internal",5)(3,"velt-notifications-panel-content-internal",5)(4,"velt-notifications-panel-settings-internal",5),m()),t&2){let r=l(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function gm(t,n){if(t&1){let r=Q();k(0,"div",3),O(1,"translate"),Z("clickOutside",function(){Y(r);let o=l(3);return j(o.closeNotificationsPanel())}),c(2,cm,5,8,"ng-container",4),x()}if(t&2){let r=l(2),e=l();ee("bottom-sheet",e.bottomSheetMode)("velt-notifications-panel--sidebar-panel",r.uiState.panelOpenMode==="sidebar"),d("clickOutsideHandler",e.panelClickOutsideHandler),A("aria-label",D(1,9,"Notifications panel"))("aria-expanded",!0)("data-testid",e.componentId),v(2),d("veltDynamicTemplate",y(14,am,e.template,g(11,so,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function sm(t,n){if(t&1&&(s(0),h(1,im,2,1,"velt-shadow-dom-internal")(2,dm,1,1,"ng-container"),c(3,gm,3,20,"ng-template",null,0,Ie),m()),t&2){let r=l(2);v(),f(!r.template&&r.shadowDom||r.template&&r.isExplicitShadowDom?1:2)}}function mm(t,n){if(t&1&&c(0,sm,5,1,"ng-container",1),t&2){let r=l();d("veltIf",g(4,om,r.conditionSignal(),g(1,so,r.componentConfigSignal,r.localUIStateSignal)))}}var Se=(()=>{let n=class n extends E{set _shadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.shadowDom=o}catch{}}set _tabConfig(e){try{let o={};typeof e=="string"?o=JSON.parse(e):o=e,this.tabConfig=o,this.componentConfigSignal.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{tabConfig:this.tabConfig})})),this.coreService.checkAndSetDefaultTab(this.componentConfigSignal),this.coreService.getEnabledTabCount(this.componentConfigSignal)}catch{}}set _readNotificationsOnForYouTab(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableReadNotificationsOnForYouTab():this.notificationService.disableReadNotificationsOnForYouTab()}catch{}}set _settings(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSettings():this.notificationService.disableSettings()}catch{}}set _settingsConfigByOrganization(e){try{(typeof e=="string"?JSON.parse(e):e)?this.notificationService.enableSettingsConfigByOrganization():this.notificationService.disableSettingsConfigByOrganization()}catch{}}set _crossOrganization(e){try{let o=typeof e=="string"?JSON.parse(e):e;o&&typeof o=="object"&&!Array.isArray(o)?o.enabled===!1?this.notificationService.disableCrossOrganization():this.notificationService.enableCrossOrganization(o):o?this.notificationService.enableCrossOrganization():this.notificationService.disableCrossOrganization()}catch{}}set _settingsLayout(e){try{this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{settingsLayout:e})}))}catch{}}set _selfNotifications(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSelfNotifications():this.notificationService.disableSelfNotifications()}catch{}}set _pageSize(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e));let a=typeof o=="number"?o:parseInt(o,10);!isNaN(a)&&a>0&&(this.pageSize=a,this.componentConfigSignal.update(i=>b(p({},i),{uiState:b(p({},i.uiState),{pageSize:this.pageSize})})))}catch{}}handleEscapeKey(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: handleEscapeKey","color: green;"),this.closeNotificationsPanel()}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent handleEscapeKey: ",o)}}constructor(e){super(),this.bottomSheetData=e,this.notificationService=ae(X),this.wireframeService=ae(dr),this.close=new ye,this.shadowDom=!0,this.isExplicitShadowDom=!1,this.tabConfig={},this.panelOpenMode="popover",this.pageSize=5,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"},this.bottomSheetMode=!1,this.rootSubscriptions=[],this.onNotificationClickEvent=new ye,this.veltElement=!0,this.componentId="velt-notifications-panel",this.panelClickOutsideHandler=(o,a)=>{try{return!!(o.closest(".velt-notification-panel--settings-dropdown-container")||o.closest("velt-notifications-panel-internal"))}catch(i){return this.loggingService.catch("Error in NotificationsPanelComponent panelClickOutsideHandler: ",i),!1}};try{this.loggingService.log("%c[WB] Creating CLASS: NotificationsPanelComponent","color: blue;"),this.componentConfigSignal=this.coreService.getOrCreateContextConfig("default"),e&&(this.bottomSheetMode=!0,this.closeBottomSheetFn=e.closeBottomSheetFn,this.onNotificationClickFn=e.onNotificationClickFn,e.pageSize&&typeof e.pageSize=="number"&&e.pageSize>0&&(this.pageSize=e.pageSize,this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{pageSize:this.pageSize})})))),this.componentConfigSignal.update(o=>b(p({},o),{setAllNotificationsAsRead:this.setAllNotificationsAsRead.bind(this),onTabChange:this.onTabChange.bind(this),trackByNotificationId:this.actionService.trackByNotificationId.bind(this.actionService),onLoadMoreClick:this.onLoadMoreClick.bind(this),trackByUserMapId:this.actionService.trackByUserMapId.bind(this.actionService),toggleUserAccordion:this.toggleUserAccordion.bind(this),trackByNotificationByDocumentId:this.actionService.trackByNotificationByDocumentId.bind(this.actionService),toggleDocumentAccordion:this.toggleDocumentAccordion.bind(this),onNotificationClick:this.onNotificationClick.bind(this),closeNotificationsPanel:this.closeNotificationsPanel.bind(this),trackByNotificationByDate:this.actionService.trackByNotificationByDate.bind(this.actionService),trackByKey:this.actionService.trackByKey.bind(this.actionService),openSettings:this.openSettings.bind(this),closeSettings:this.closeSettings.bind(this),toggleSettingsAccordion:this.toggleSettingsAccordion.bind(this),setSettingsSelectedOption:this.setSettingsSelectedOption.bind(this),toggleSettingsMutedAll:this.toggleSettingsMutedAll.bind(this)}))}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent constructor: ",o)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit();let e=this.hostElementRef.nativeElement,o=e.getAttribute("shadow-dom")??e.getAttribute("shadowdom");this.isExplicitShadowDom=o!==null&&o!=="false";let a="velt-notifications-panel-wireframe";this.variant&&(a+=`---${this.variant}`),this.rootSubscriptions.push(this.wireframeService.getWireframe$(a).subscribe(i=>{try{if(i){let u=document.createElement(i.tagName);u.innerHTML=i.innerHTML,this.template=u}}catch(u){this.loggingService.catch("Error in wireframe subscription:",u)}}))}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent setupA11yAttributes:",e)}}onTabChange(e){try{this.actionService.onTabChange(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent onTabChange: ",o)}}onLoadMoreClick(e){try{this.actionService.onLoadMoreClick(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent onLoadMoreClick: ",o)}}toggleUserAccordion(e){try{this.actionService.toggleUserAccordion(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent toggleUserAccordion: ",o)}}toggleDocumentAccordion(e){try{this.actionService.toggleDocumentAccordion(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent toggleDocumentAccordion: ",o)}}onNotificationClick(e,o){try{this.actionService.onNotificationClick(this.componentConfigSignal,e,o),this.onNotificationClickEvent.emit(e),this.onNotificationClickFn&&this.onNotificationClickFn?.(e)}catch(a){this.loggingService.catch("Error in NotificationsPanelComponent onNotificationClick: ",a)}}setAllNotificationsAsRead(){try{this.actionService.setAllNotificationsAsRead(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent setAllNotificationsAsRead: ",e)}}closeNotificationsPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: closeNotificationsPanel","color: green;"),this.close.emit(),this.closeBottomSheetFn&&this.closeBottomSheetFn?.()}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent closeNotificationsPanel: ",e)}}openSettings(){try{this.actionService.openSettings(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent openSettings: ",e)}}closeSettings(){try{this.actionService.closeSettings(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent closeSettings: ",e)}}toggleSettingsAccordion(e){try{this.actionService.toggleSettingsAccordion(this.componentConfigSignal,e)}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent toggleSettingsAccordion: ",o)}}setSettingsSelectedOption(e,o){try{this.actionService.setSettingsSelectedOption(this.componentConfigSignal,e,o)}catch(a){this.loggingService.catch("Error in NotificationsPanelComponent setSettingsSelectedOption: ",a)}}toggleSettingsMutedAll(){try{this.actionService.toggleSettingsMutedAll(this.componentConfigSignal)}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent toggleSettingsMutedAll: ",e)}}isTabEnabled(e){try{return this.coreService.isTabEnabled(this.componentConfigSignal,e)}catch(o){return this.loggingService.catch("Error in NotificationsPanelComponent isTabEnabled: ",o),!0}}ngOnChanges(e){try{if(super.ngOnChanges(e),e){let o={variant:a=>this.componentConfigSignal.update(i=>b(p({},i),{uiState:b(p({},i.uiState),{variant:a})})),panelOpenMode:a=>this.componentConfigSignal.update(i=>b(p({},i),{uiState:b(p({},i.uiState),{panelOpenMode:a})}))};Object.keys(e).forEach(a=>{try{o[a]&&o[a](e[a].currentValue)}catch(i){this.loggingService.catch("Error mapping prop "+a+":",i)}})}}catch(o){this.loggingService.catch("Error in NotificationsPanelComponent ngOnChanges: ",o)}}ngAfterViewInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngAfterViewInit","color: green;")}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent ngAfterViewInit: ",e)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.rootSubscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in NotificationsPanelComponent ngOnDestroy: ",e)}}};n.\u0275fac=function(o){return new(o||n)(me(Wr,8))},n.\u0275cmp=C({type:n,selectors:[["velt-notifications-panel-internal"]],hostVars:1,hostBindings:function(o,a){o&1&&Z("keydown.escape",function(u){return a.handleEscapeKey(u)},Fr),o&2&&A("data-velt-element",a.veltElement)},inputs:{_shadowDom:[0,"shadowDom","_shadowDom"],_tabConfig:[0,"tabConfig","_tabConfig"],_readNotificationsOnForYouTab:[0,"readNotificationsOnForYouTab","_readNotificationsOnForYouTab"],variant:"variant",panelOpenMode:"panelOpenMode",_settings:[0,"settings","_settings"],_settingsConfigByOrganization:[0,"enableSettingsAtOrganizationLevel","_settingsConfigByOrganization"],_crossOrganization:[0,"enableCrossOrganization","_crossOrganization"],_settingsLayout:[0,"settingsLayout","_settingsLayout"],_selfNotifications:[0,"selfNotifications","_selfNotifications"],_pageSize:[0,"pageSize","_pageSize"]},outputs:{close:"close",onNotificationClickEvent:"onNotificationClick"},standalone:!1,features:[I([w]),_,oe],decls:1,vars:1,consts:[["notificationPanelRef",""],[4,"veltIf"],[4,"ngTemplateOutlet"],["snippylyClickOutside","","role","dialog","aria-modal","true",1,"v-notifications-panel-container","velt-notifications-panel",3,"clickOutside","clickOutsideHandler"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,mm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[Wt,P,N,cr,gr,gt,ht,Lt,zt,U],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}.velt-notifications-panel[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-md);border:2px solid var(--velt-border-4);background:var(--velt-background-0);box-shadow:0 8px 16px #8f95b226;padding:var(--velt-spacing-sm);display:flex;flex-direction:column;gap:var(--velt-spacing-xs);width:400px;border-radius:var(--velt-border-radius-lg);min-height:300px;max-height:400px;overflow:auto}.velt-notifications-panel--sidebar-panel[_ngcontent-%COMP%]{width:auto;max-height:none;height:100%;box-sizing:border-box}.velt-notifications-panel.bottom-sheet[_ngcontent-%COMP%]{display:flex;flex-direction:column;border-bottom-left-radius:0;border-bottom-right-radius:0;width:100%;box-sizing:border-box}*[_ngcontent-%COMP%]{-ms-overflow-style:none;scrollbar-width:none}*[_ngcontent-%COMP%]::-webkit-scrollbar{display:none}"],changeDetection:0});let t=n;return t})();var er=(()=>{let n=class n{set _pageSize(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e));let a=typeof o=="number"?o:parseInt(o,10);!isNaN(a)&&a>0&&(this.pageSize=a)}catch{}}constructor(e,o,a){this.bottomSheet=e,this.loggingService=o,this.elementRef=a,this.onNotificationClickEvent=new ye,this.close=new ye,this.pageSize=5,this.subscriptions=[],this.componentId="velt-notifications-bottom-sheet-internal"}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Notifications bottom sheet")}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent setupA11yAttributes:",e)}}ngAfterViewInit(){this.openBottomSheet()}openBottomSheet(){return Dr(this,null,function*(){try{this.bottomSheetRef=this.bottomSheet.open(Se,{data:{closeBottomSheetFn:()=>{this.onClose(),this.bottomSheetRef?.dismiss()},onNotificationClickFn:e=>{this.onNotificationClickEvent.emit(e)},pageSize:this.pageSize},panelClass:["v-notifications-bottom-sheet-container","velt-mat-bottom-sheet-container"]}),this.subscriptions.push(this.bottomSheetRef.backdropClick().subscribe(()=>{this.onClose()},e=>{this.loggingService.catch("Error in NotificationsBottomSheetComponent backdropClick subscription: ",e)}))}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent openBottomSheet: ",e)}})}onClose(){try{this.close.emit()}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent onClose: ",e)}}ngOnDestroy(){try{this.subscriptions.forEach(e=>{e.unsubscribe()})}catch(e){this.loggingService.catch("Error in NotificationsBottomSheetComponent ngOnDestroy: ",e)}}};n.\u0275fac=function(o){return new(o||n)(me($r),me(R),me(rr))},n.\u0275cmp=C({type:n,selectors:[["velt-notifications-bottom-sheet-internal"]],inputs:{_pageSize:[0,"pageSize","_pageSize"]},outputs:{onNotificationClickEvent:"onNotificationClick",close:"close"},standalone:!1,decls:0,vars:0,template:function(o,a){},styles:[".velt-mat-bottom-sheet-container.v-notifications-bottom-sheet-container{padding:0!important}  .velt-mat-bottom-sheet-container.v-notifications-bottom-sheet-container .mat-bottom-sheet-container{padding:0!important}"],changeDetection:0});let t=n;return t})();var Pr=(()=>{let n=class n extends en{constructor(e,o,a,i,u,M,F){super(F,M),this.authService=e,this.serviceBook=o,this.domService=a,this.loggingService=i,this.notificationService=u,this.themeService=M,this.elementRef=F,this.onNotificationClickEvent=new ye,this.veltElement=!0,this.componentId="velt-notifications-history-panel",this.commentService=null,this.viewsService=null,this.serviceBook.observe(ir).subscribe($=>{this.commentService=$}),this.serviceBook.observe(vr).subscribe($=>{this.viewsService=$??null})}ngOnInit(){try{this.setupA11yAttributes()}catch(e){this.loggingService.catch("Error in NotificationsHistoryPanelComponent ngOnInit:",e)}}setupA11yAttributes(){try{let e=this.elementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","dialog"),e.setAttribute("aria-label","Notifications history panel")}catch(e){this.loggingService.catch("Error in NotificationsHistoryPanelComponent setupA11yAttributes:",e)}}goToAnnotation(e){try{setTimeout(()=>{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"})},100)}catch(o){this.loggingService.catch("Error in NotificationsHistoryPanelComponent goToAnnotation: ",o)}}onNotificationClick(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: onNotificationClick","color: green;"),e.notificationSource==="comment"&&e.targetAnnotationId){let o=this.commentService?.getAnnotationById(e?.targetAnnotationId);o&&(this.domService.toggleAnnotationSelection(o),this.goToAnnotation(o))}this.onNotificationClickEvent.emit(e),e?.id&&e.isUnread&&this.setNotificationAsRead(e)}catch(o){this.loggingService.catch("Error in NotificationsHistoryPanelComponent onNotificationClick: ",o)}}setNotificationAsRead(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: setNotificationAsRead","color: green;"),e?.id&&(this.authService.getUser()?.organizationId?this.notificationService.setNotificationsAsRead([e]):this.viewsService?.setNotificationsAsRead([e?.id]))}catch(o){this.loggingService.catch("Error in NotificationsHistoryPanelComponent setNotificationAsRead: ",o)}}};n.\u0275fac=function(o){return new(o||n)(me(Jt),me($t),me(ce),me(R),me(X),me(Qr),me(rr))},n.\u0275cmp=C({type:n,selectors:[["app-notifications-history-panel"]],hostVars:1,hostBindings:function(o,a){o&2&&A("data-velt-element",a.veltElement)},outputs:{onNotificationClickEvent:"onNotificationClick"},standalone:!1,features:[_],decls:1,vars:1,consts:[[3,"onNotificationClick","darkMode"]],template:function(o,a){o&1&&(k(0,"velt-notifications-panel-internal",0),Z("onNotificationClick",function(u){return a.onNotificationClick(u)}),x()),o&2&&d("darkMode",a.darkMode)},dependencies:[Se],encapsulation:2,changeDetection:0});let t=n;return t})();function uo(){return{appState:{},featureState:{considerAllNotifications:!1}}}function Tr(){return{data:{unreadNotificationsForYou:[],tabConfig:{}},uiState:{notificationsPanelVisible:!1,shadowDom:!0,panelShadowDom:!0,settingsLayout:"accordion",variant:void 0,isPhone:!1,template:void 0,darkMode:!1}}}function po(){return{darkMode:!1,variant:void 0,shadowDom:!0,template:void 0}}var ho=(()=>{let n=class n{constructor(e,o,a,i,u){this.loggingService=e,this.notificationService=o,this.authService=a,this.analyticsService=i,this.breakpointObserver=u,this.initialized=!1,this.subscriptions=[],this.globalConfigSignal=V(uo()),this.contextMap=new Map}initialize(){try{if(this.initialized)return;this.initialized=!0,this.setupGlobalSubscriptions()}catch(e){this.loggingService.catch("Error in NotificationsToolCoreService initialize:",e)}}setupGlobalSubscriptions(){try{this.subscriptions.push(this.breakpointObserver.observe(yr.XSmall).subscribe(e=>{try{let o=e.matches;this.contextMap.forEach(a=>{try{a().uiState.isPhone!==o&&a.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{isPhone:o})}))}catch(i){this.loggingService.catch("Error updating isPhone in context:",i)}})}catch(o){this.loggingService.catch("Error in breakpointObserver subscription:",o)}},e=>{this.loggingService.catch("Error in NotificationsToolCoreService breakpointObserver subscription:",e)})),this.subscriptions.push(this.notificationService.getTabConfig$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{data:b(p({},a.data),{tabConfig:e})}))}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.getNotificationsPanelVisible$().subscribe(e=>{try{this.contextMap.forEach(o=>{try{o.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{notificationsPanelVisible:e})}))}catch(a){this.loggingService.catch("Error updating panel visibility in context:",a)}})}catch(o){this.loggingService.catch("Error in panel visibility subscription:",o)}})),this.subscriptions.push(this.authService.getUser$().pipe(Er(e=>!!e),Ar(1)).subscribe(e=>{try{e&&this.analyticsService.setInstalledFeature(Jr.NOTIFICATION)}catch(o){this.loggingService.catch("Error in analytics subscription:",o)}})),this.subscriptions.push(this.authService.getUser$().pipe(De(e=>{try{return e?e?.organizationId?this.globalConfigSignal().featureState.considerAllNotifications?this.notificationService.getNotifications$().pipe(Te(a=>{try{let i=a?.filter(u=>u?.isUnread)||[];this.contextMap.forEach(u=>{try{u.update(M=>b(p({},M),{data:b(p({},M.data),{unreadNotificationsForYou:i})}))}catch(M){this.loggingService.catch("Error updating unread notifications in context:",M)}})}catch(i){this.loggingService.catch("Error processing notifications:",i)}return e})):this.notificationService.getNotificationsForYou$().pipe(Te(a=>{try{let i=a?.filter(u=>u?.isUnread)||[];this.contextMap.forEach(u=>{try{u.update(M=>b(p({},M),{data:b(p({},M.data),{unreadNotificationsForYou:i})}))}catch(M){this.loggingService.catch("Error updating unread notifications in context:",M)}})}catch(i){this.loggingService.catch("Error processing notifications for you:",i)}return e})):this.notificationService.getNotifications$().pipe(Te(o=>{try{let a=o?.filter(i=>i?.forYou&&i?.isUnread)||[];this.contextMap.forEach(i=>{try{i.update(u=>b(p({},u),{data:b(p({},u.data),{unreadNotificationsForYou:a})}))}catch(u){this.loggingService.catch("Error updating unread notifications in context:",u)}})}catch(a){this.loggingService.catch("Error processing notifications (no org):",a)}return e})):ge(e)}catch(o){return this.loggingService.catch("Error in switchMap:",o),ge(null)}})).subscribe(()=>{},e=>{this.loggingService.catch("Error in NotificationsToolCoreService getUser$ subscription:",e)}))}catch(e){this.loggingService.catch("Error in NotificationsToolCoreService setupGlobalSubscriptions:",e)}}getOrCreateContextConfig(e){try{this.initialize();let o=this.contextMap.get(e);return o||(o=V(Tr()),this.contextMap.set(e,o),this.applyCurrentStateToContext(o)),o}catch(o){return this.loggingService.catch("Error in NotificationsToolCoreService getOrCreateContextConfig:",o),V(Tr())}}applyCurrentStateToContext(e){try{let o=this.breakpointObserver.isMatched(yr.XSmall);e().uiState.isPhone!==o&&e.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{isPhone:o})}));let a=this.notificationService.getTabConfig();a!==null&&e.update(u=>b(p({},u),{data:b(p({},u.data),{tabConfig:a})}));let i=this.notificationService.getNotificationsPanelVisible();e.update(u=>b(p({},u),{uiState:b(p({},u.uiState),{notificationsPanelVisible:i})}))}catch(o){this.loggingService.catch("Error in NotificationsToolCoreService applyCurrentStateToContext:",o)}}getContextConfig(e){try{return this.contextMap.get(e)}catch(o){this.loggingService.catch("Error in NotificationsToolCoreService getContextConfig:",o);return}}clearContext(e){try{this.contextMap.delete(e)}catch(o){this.loggingService.catch("Error in NotificationsToolCoreService 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 NotificationsToolCoreService destroy:",e)}}};n.\u0275fac=function(o){return new(o||n)(ve(R),ve(X),ve(Jt),ve(Kt),ve(jr))},n.\u0275prov=Ee({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var Pe=(()=>{let n=class n extends ur{constructor(){super(...arguments),this.coreService=ae(ho)}getDefaultLocalUIState(){return po()}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-tool-primitive-themed-base"]],standalone:!1,features:[_],decls:0,vars:0,template:function(o,a){},encapsulation:2});let t=n;return t})();var fo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),pm=(t,n)=>({condition:t,data:n}),hm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function fm(t,n){if(t&1&&(s(0),ie(),k(1,"svg",2),O(2,"translate"),T(3,"path",3),x(),m()),t&2){let r=l(4);v(),A("aria-label",D(2,2,"Notifications bell icon - no unread notifications"))("data-testid",r.componentId+"-bell-icon")}}function bm(t,n){if(t&1&&c(0,fm,4,4,"ng-container",1),t&2){let r=l(2),e=l();d("veltDynamicTemplate",y(4,hm,e.template,g(1,fo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function km(t,n){if(t&1&&(s(0),h(1,bm,1,10,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(!(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length)||!e.defaultCondition()?1:-1)}}function xm(t,n){if(t&1&&c(0,km,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,pm,r.conditionSignal(),g(1,fo,r.componentConfigSignal,r.localUIStateSignal)))}}var Gt=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-icon"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsToolIconComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-icon-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","focusable","false",1,"action-btn-icon","velt-notifications-tool--icon"],["d","M6.75 12.75V13.5C6.75 14.0967 6.98705 14.669 7.40901 15.091C7.83097 15.5129 8.40326 15.75 9 15.75C9.59674 15.75 10.169 15.5129 10.591 15.091C11.0129 14.669 11.25 14.0967 11.25 13.5V12.75M7.5 3.75C7.5 3.35218 7.65804 2.97064 7.93934 2.68934C8.22064 2.40804 8.60218 2.25 9 2.25C9.39782 2.25 9.77936 2.40804 10.0607 2.68934C10.342 2.97064 10.5 3.35218 10.5 3.75C11.3613 4.15727 12.0956 4.79124 12.624 5.58397C13.1525 6.3767 13.4553 7.29831 13.5 8.25V10.5C13.5564 10.9663 13.7216 11.4128 13.9821 11.8036C14.2426 12.1944 14.5913 12.5186 15 12.75H3C3.4087 12.5186 3.75736 12.1944 4.01789 11.8036C4.27842 11.4128 4.44356 10.9663 4.5 10.5V8.25C4.54467 7.29831 4.84748 6.3767 5.37596 5.58397C5.90445 4.79124 6.63869 4.15727 7.5 3.75Z","stroke","currentColor","stroke-width","1.25","stroke-linecap","round","stroke-linejoin","round"]],template:function(o,a){if(o&1&&h(0,xm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex}[_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 bo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),_m=(t,n)=>({condition:t,data:n}),Sm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ym(t,n){if(t&1&&K(0),t&2){let r=l(3);le(" ",(r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)||0," ")}}function Im(t,n){if(t&1&&(s(0),h(1,ym,1,1),m()),t&2){let r=l(2),e=l();v(),f(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function wm(t,n){if(t&1&&(s(0),c(1,Im,2,1,"ng-container",1),m()),t&2){let r=l(),e=l();v(),d("veltDynamicTemplate",y(4,Sm,e.template,g(1,bo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Nm(t,n){if(t&1&&c(0,wm,2,10,"ng-container",0),t&2){let r=l();d("veltIf",g(4,_m,r.conditionSignal(),g(1,bo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ht=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-unread-count"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadCountComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadCountComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","status"),e.setAttribute("aria-live","polite")}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadCountComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-unread-count-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"]],template:function(o,a){if(o&1&&h(0,Nm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N],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 ko=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Tm=(t,n)=>({condition:t,data:n}),Om=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Dm(t,n){if(t&1&&(s(0),T(1,"velt-notifications-tool-unread-count-internal",3),m()),t&2){let r=l(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Em(t,n){if(t&1&&(k(0,"span",1),O(1,"translate"),c(2,Dm,2,2,"ng-container",2),x()),t&2){let r=l(2),e=l();A("data-testid",e.componentId+"-container")("aria-label",D(1,3,"Notifications count")),v(2),d("veltDynamicTemplate",y(8,Om,e.template,g(5,ko,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Am(t,n){if(t&1&&(s(0),h(1,Em,3,14,"span",1),m()),t&2){let r=l(),e=l();v(),f(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function Mm(t,n){if(t&1&&c(0,Am,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Tm,r.conditionSignal(),g(1,ko,r.componentConfigSignal,r.localUIStateSignal)))}}var Yt=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-label"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolLabelComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolLabelComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsToolLabelComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-label-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],["role","status","aria-live","polite",1,"action-btn-label","velt-notifications-tool--label"],[4,"veltDynamicTemplate"],[3,"componentConfigSignal","parentLocalUIState"]],template:function(o,a){if(o&1&&h(0,Mm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,Ht,U],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 xo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Lm=(t,n)=>({condition:t,data:n}),Um=(t,n,r,e)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-icon-wireframe",setIfCondition:r,componentElementRef:e});function Bm(t,n){if(t&1&&(s(0),ie(),k(1,"svg",2),O(2,"translate"),O(3,"translate"),T(4,"circle",3)(5,"path",4),x(),m()),t&2){let r=l(3),e=l();v(),A("data-testid",e.componentId+"-icon")("aria-label",D(2,2,"Notification bell with")+" "+((r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)??0)+" "+D(3,4,"unread notifications"))}}function Rm(t,n){if(t&1&&c(0,Bm,6,6,"ng-container",1),t&2){let r=l(3);d("veltDynamicTemplate",te(4,Um,r.template,g(1,xo,r.componentConfigSignal,r.localUIStateSignal),r.setIfCondition.bind(r),r.hostElementRef))}}function Vm(t,n){if(t&1&&(s(0),h(1,Rm,1,9,"ng-container"),m()),t&2){let r=l(),e=l();v(),f(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function zm(t,n){if(t&1&&c(0,Vm,2,1,"ng-container",0),t&2){let r=l();d("veltIf",g(4,Lm,r.conditionSignal(),g(1,xo,r.componentConfigSignal,r.localUIStateSignal)))}}var jt=(()=>{let n=class n extends Pe{constructor(){super(...arguments),this.componentId="velt-notifications-tool-unread-icon"}ngOnInit(){try{super.ngOnInit()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadIconComponent ngOnInit:",e)}}ngOnDestroy(){try{super.ngOnDestroy()}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadIconComponent ngOnDestroy:",e)}}setupA11yAttributes(){try{let e=this.hostElementRef.nativeElement;e.setAttribute("data-testid",this.componentId+"-container"),e.setAttribute("role","img"),e.setAttribute("aria-label","Unread notifications indicator")}catch(e){this.loggingService.catch("Error in NotificationsToolUnreadIconComponent setupA11yAttributes:",e)}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-unread-icon-internal"]],standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[[4,"veltIf"],[4,"veltDynamicTemplate"],["width","18","height","18","viewBox","0 0 18 18","fill","none","xmlns","http://www.w3.org/2000/svg","role","img","aria-hidden","false",1,"action-btn-icon","velt-notifications-tool--icon"],["cx","14.25","cy","3.75","r","3","fill","#FF7162"],["fill-rule","evenodd","clip-rule","evenodd","d","M10.1255 1.94751C9.79064 1.73842 9.4012 1.625 9.00006 1.625C8.43647 1.625 7.89597 1.84888 7.49746 2.2474C7.19499 2.54986 6.99312 2.93411 6.91339 3.34817C6.08724 3.80247 5.38091 4.4499 4.85599 5.23729C4.26459 6.12439 3.92573 7.1557 3.87574 8.2207C3.87529 8.23046 3.87506 8.24023 3.87506 8.25V10.4601C3.8265 10.8165 3.69761 11.1574 3.49792 11.4569C3.29166 11.7663 3.01564 12.0229 2.69209 12.2061C2.44509 12.346 2.32336 12.6348 2.39568 12.9092C2.468 13.1837 2.71621 13.375 3.00006 13.375H6.12506V13.5C6.12506 14.2625 6.42796 14.9938 6.96712 15.5329C7.50629 16.0721 8.23756 16.375 9.00006 16.375C9.76255 16.375 10.4938 16.0721 11.033 15.5329C11.5722 14.9938 11.8751 14.2625 11.8751 13.5V13.375H15.0001C15.2839 13.375 15.5321 13.1837 15.6044 12.9092C15.6768 12.6348 15.555 12.346 15.308 12.2061C14.9845 12.0229 14.7085 11.7663 14.5022 11.4569C14.3025 11.1574 14.1736 10.8165 14.1251 10.4601V8.25C14.1251 8.24943 14.1251 8.24887 14.1251 8.2483C13.6837 8.23627 13.2581 8.16068 12.8573 8.03035C12.8652 8.10832 12.8711 8.1866 12.8751 8.26512V10.5C12.8751 10.5251 12.8766 10.5502 12.8796 10.5751C12.9466 11.1285 13.1403 11.6588 13.4454 12.125H11.2501H6.75006H4.55468C4.85985 11.6588 5.05354 11.1285 5.12053 10.5751C5.12354 10.5502 5.12506 10.5251 5.12506 10.5V8.26512C5.16674 7.43175 5.4331 6.62508 5.89605 5.93066C6.36162 5.23231 7.00846 4.6738 7.76723 4.31502C7.98572 4.21171 8.12506 3.99168 8.12506 3.75C8.12506 3.51794 8.21724 3.29538 8.38134 3.13128C8.54543 2.96719 8.76799 2.875 9.00006 2.875C9.23212 2.875 9.45468 2.96719 9.61878 3.13128C9.67885 3.19136 9.72928 3.25927 9.76909 3.33261C9.81402 2.84411 9.93703 2.37821 10.1255 1.94751ZM7.37506 13.5V13.375H10.6251V13.5C10.6251 13.931 10.4539 14.3443 10.1491 14.649C9.84436 14.9538 9.43103 15.125 9.00006 15.125C8.56908 15.125 8.15576 14.9538 7.85101 14.649C7.54626 14.3443 7.37506 13.931 7.37506 13.5Z","fill","currentColor"]],template:function(o,a){if(o&1&&h(0,zm,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[P,N,U],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);display:flex}[_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 Co=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Hm=(t,n)=>({condition:t,data:n}),Ym=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-wireframe",variant:r,setIfCondition:e,componentElementRef:o}),jm=()=>["snippyly-overlay-panel","v-view-analytics-overlay-panel","velt-overlay-panel"],Wm=t=>["snippyly-sidebar-panel","velt-overlay-panel",t];function $m(t,n){t&1&&Ae(0)}function Km(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),c(1,$m,1,0,"ng-container",4),x()),t&2){l();let r=ue(4);v(),d("ngTemplateOutlet",r)}}function Jm(t,n){t&1&&Ae(0)}function qm(t,n){if(t&1&&c(0,Jm,1,0,"ng-container",4),t&2){l();let r=ue(4);d("ngTemplateOutlet",r)}}function Zm(t,n){if(t&1&&(s(0),k(1,"div",11),T(2,"velt-notifications-tool-icon-internal",12)(3,"velt-notifications-tool-unread-icon-internal",12)(4,"velt-notifications-tool-label-internal",12),x(),m()),t&2){let r=l(4);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Xm(t,n){if(t&1){let r=Q();k(0,"velt-notifications-panel-internal",13),Z("onNotificationClick",function(o){Y(r);let a=l(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=l(5);return j(a.closeNotificationsPanel(o))}),x()}if(t&2){let r=l(4),e=l();d("shadowDom",r.uiState.panelShadowDom)("darkMode",e.darkMode)("panelOpenMode",e.panelOpenMode)("tabConfig",r.data.tabConfig)("variant",e.panelVariant)("pageSize",e.pageSize)("settingsLayout",r.uiState.settingsLayout)}}function Qm(t,n){if(t&1&&c(0,Xm,1,7,"ng-template",8,2,Ie),t&2){l();let r=ue(1),e=l(2),o=l();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayPanelClass",Fe(7,jm))("cdkConnectedOverlayBackdropClass","snippyly-overlay-backdrop")("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayPositions",o.positions)("cdkConnectedOverlayDisableClose",!0)}}function eu(t,n){if(t&1){let r=Q();k(0,"div",14)(1,"velt-notifications-panel-internal",13),Z("onNotificationClick",function(o){Y(r);let a=l(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=l(5);return j(a.closeNotificationsPanel(o))}),x()()}if(t&2){let r=l(4),e=l();A("data-testid",e.componentId+"-sidebar-container"),v(),d("shadowDom",r.uiState.panelShadowDom)("darkMode",e.darkMode)("panelOpenMode",e.panelOpenMode)("tabConfig",r.data.tabConfig)("variant",e.panelVariant)("pageSize",e.pageSize)("settingsLayout",r.uiState.settingsLayout)}}function tu(t,n){if(t&1&&c(0,eu,2,8,"ng-template",9,2,Ie),t&2){l();let r=ue(1),e=l(2),o=l();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",or(4,Wm,o.darkMode?"dark":""))}}function ru(t,n){if(t&1){let r=Q();k(0,"velt-notifications-bottom-sheet-internal",15),Z("onNotificationClick",function(o){Y(r);let a=l(4);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=l(4);return j(a.closeNotificationsPanel(o))}),x()}if(t&2){let r=l(4);d("pageSize",r.pageSize)}}function nu(t,n){if(t&1){let r=Q();k(0,"div",5,1),O(2,"translate"),O(3,"translate"),Z("click",function(o){return Y(r),l(3).openNotificationsPanel(),j(o.stopPropagation())}),k(4,"div",6),c(5,Zm,5,6,"ng-container",7),x()(),h(6,Qm,2,8,null,8),h(7,tu,2,6,null,9),h(8,ru,1,1,"velt-notifications-bottom-sheet-internal",10)}if(t&2){let r=l(2),e=l();A("data-testid",e.componentId+"-container")("aria-expanded",r.uiState.notificationsPanelVisible)("aria-label",D(2,13,"Notifications panel")+" - "+((r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)||0)+" "+D(3,15,"unread notifications"))("aria-haspopup",!0),v(4),ee("active",r.uiState.notificationsPanelVisible)("velt-notification-tool-open",r.uiState.notificationsPanelVisible),A("data-testid",e.componentId+"-button"),v(),d("veltDynamicTemplate",y(20,Ym,e.localUIStateSignal().template,g(17,Co,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef)),v(),f(e.panelOpenMode==="popover"?6:-1),v(),f(e.panelOpenMode==="sidebar"?7:-1),v(),f(r.uiState.isPhone&&r.uiState.notificationsPanelVisible?8:-1)}}function ou(t,n){if(t&1&&(s(0),h(1,Km,2,1,"velt-shadow-dom-internal")(2,qm,1,1,"ng-container"),c(3,nu,9,26,"ng-template",null,0,Ie),m()),t&2){let r=l(),e=l();v(),f(!e.localUIStateSignal().template&&r.uiState.shadowDom||e.localUIStateSignal().template&&e.isExplicitShadowDom?1:2)}}function au(t,n){if(t&1&&c(0,ou,5,1,"ng-container",3),t&2){let r=l();d("veltIf",g(4,Hm,r.conditionSignal(),g(1,Co,r.componentConfigSignal,r.localUIStateSignal)))}}var tr=(()=>{let n=class n extends Pe{set _shadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{shadowDom:o})}))}catch{}}set _panelShadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>b(p({},a),{uiState:b(p({},a.uiState),{panelShadowDom:o})}))}catch{}}set _tabConfig(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>b(p({},a),{data:b(p({},a.data),{tabConfig:o})}))}catch{}}set _maxDays(e){try{let o=e;typeof e=="string"&&(o=parseInt(e)),this.notificationService.setMaxDays(o)}catch{}}set _settings(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSettings():this.notificationService.disableSettings()}catch{}}set _settingsConfigByOrganization(e){try{(typeof e=="string"?JSON.parse(e):e)?this.notificationService.enableSettingsConfigByOrganization():this.notificationService.disableSettingsConfigByOrganization()}catch{}}set _crossOrganization(e){try{let o=typeof e=="string"?JSON.parse(e):e;o&&typeof o=="object"&&!Array.isArray(o)?o.enabled===!1?this.notificationService.disableCrossOrganization():this.notificationService.enableCrossOrganization(o):o?this.notificationService.enableCrossOrganization():this.notificationService.disableCrossOrganization()}catch{}}set _settingsLayout(e){try{this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{settingsLayout:e})}))}catch{}}set _selfNotifications(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableSelfNotifications():this.notificationService.disableSelfNotifications()}catch{}}set _readNotificationsOnForYouTab(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),o?this.notificationService.enableReadNotificationsOnForYouTab():this.notificationService.disableReadNotificationsOnForYouTab()}catch{}}set _considerAllNotifications(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.coreService.globalConfigSignal.update(a=>b(p({},a),{featureState:b(p({},a.featureState),{considerAllNotifications:!!o})}))}catch{}}set _pageSize(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e));let a=typeof o=="number"?o:parseInt(o,10);!isNaN(a)&&a>0&&(this.pageSize=a)}catch{}}constructor(){super(),this.notificationService=ae(X),this.wireframeService=ae(dr),this.isExplicitShadowDom=!1,this.panelOpenMode="popover",this.pageSize=5,this.positions=B.OVERLAY_POSITIONS.map(e=>new Gr({originX:e.originX,originY:e.originY},{overlayX:e.overlayX,overlayY:e.overlayY})),this.rootSubscriptions=[],this.onNotificationClickEvent=new ye,this.veltElement=!0,this.componentId="velt-notifications-tool";try{this.loggingService.log("%c[WB] Creating CLASS: NotificationsToolComponent","color: blue;"),this.componentConfigSignal=this.coreService.getOrCreateContextConfig("default")}catch(e){this.loggingService.catch("Error in NotificationsToolComponent constructor: ",e)}}ngOnInit(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnInit","color: green;"),super.ngOnInit();let e=this.hostElementRef.nativeElement,o=e.getAttribute("shadow-dom")??e.getAttribute("shadowdom");this.isExplicitShadowDom=o!==null&&o!=="false";let a="velt-notifications-tool-wireframe";this.variant&&(a+=`---${this.variant}`),this.rootSubscriptions.push(this.wireframeService.getWireframe$(a).subscribe(i=>{try{if(i){let u=document.createElement(i.tagName);u.innerHTML=i.innerHTML,this.localUIStateSignal.update(M=>b(p({},M),{template:u}))}}catch(u){this.loggingService.catch("Error in wireframe subscription:",u)}}))}catch(e){this.loggingService.catch("Error in NotificationsToolComponent ngOnInit: ",e)}}setupA11yAttributes(){try{this.hostElementRef.nativeElement.setAttribute("data-testid",this.componentId+"-container")}catch(e){this.loggingService.catch("Error in NotificationsToolComponent setupA11yAttributes:",e)}}toggleNotificationsPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: toggleNotificationsPanel","color: green;"),this.componentConfigSignal.update(e=>b(p({},e),{uiState:b(p({},e.uiState),{notificationsPanelVisible:!e.uiState.notificationsPanelVisible})}))}catch(e){this.loggingService.catch("Error in NotificationsToolComponent toggleNotificationsPanel: ",e)}}openNotificationsPanel(){try{this.loggingService.log("%c[WB] Calling FUNCTION: openNotificationsPanel","color: green;"),this.componentConfigSignal.update(e=>b(p({},e),{uiState:b(p({},e.uiState),{notificationsPanelVisible:!0})}))}catch(e){this.loggingService.catch("Error in NotificationsToolComponent openNotificationsPanel: ",e)}}closeNotificationsPanel(e){try{this.closeNotificationsPanelTimeout&&clearTimeout(this.closeNotificationsPanelTimeout),this.closeNotificationsPanelTimeout=setTimeout(()=>{try{e?.stopPropagation(),e?.preventDefault(),this.componentConfigSignal.update(o=>b(p({},o),{uiState:b(p({},o.uiState),{notificationsPanelVisible:!1})}))}catch(o){this.loggingService.catch("Error in closeNotificationsPanel timeout:",o)}},0)}catch(o){this.loggingService.catch("Error in NotificationsToolComponent closeNotificationsPanel: ",o)}}onNotificationClick(e){try{this.loggingService.log("%c[WB] Calling FUNCTION: onNotificationClick","color: green;"),this.onNotificationClickEvent.emit(e)}catch(o){this.loggingService.catch("Error in NotificationsToolComponent onNotificationClick: ",o)}}ngOnDestroy(){try{this.loggingService.log("%c[WB] Calling FUNCTION: ngOnDestroy","color: green;"),super.ngOnDestroy(),this.rootSubscriptions.forEach(e=>{e?.unsubscribe()}),this.closeNotificationsPanelTimeout&&clearTimeout(this.closeNotificationsPanelTimeout)}catch(e){this.loggingService.catch("Error in NotificationsToolComponent ngOnDestroy: ",e)}}};n.\u0275fac=function(o){return new(o||n)},n.\u0275cmp=C({type:n,selectors:[["velt-notifications-tool-internal"]],hostVars:1,hostBindings:function(o,a){o&2&&A("data-velt-element",a.veltElement)},inputs:{_shadowDom:[0,"shadowDom","_shadowDom"],_panelShadowDom:[0,"panelShadowDom","_panelShadowDom"],_tabConfig:[0,"tabConfig","_tabConfig"],_maxDays:[0,"maxDays","_maxDays"],_settings:[0,"settings","_settings"],_settingsConfigByOrganization:[0,"enableSettingsAtOrganizationLevel","_settingsConfigByOrganization"],_crossOrganization:[0,"enableCrossOrganization","_crossOrganization"],_settingsLayout:[0,"settingsLayout","_settingsLayout"],_selfNotifications:[0,"selfNotifications","_selfNotifications"],_readNotificationsOnForYouTab:[0,"readNotificationsOnForYouTab","_readNotificationsOnForYouTab"],_considerAllNotifications:[0,"considerAllNotifications","_considerAllNotifications"],variant:"variant",panelVariant:"panelVariant",panelOpenMode:"panelOpenMode",_pageSize:[0,"pageSize","_pageSize"]},outputs:{onNotificationClickEvent:"onNotificationClick"},standalone:!1,features:[I([w]),_],decls:1,vars:1,consts:[["notificationRef",""],["trigger","cdkOverlayOrigin"],["overlay","cdkConnectedOverlay"],[4,"veltIf"],[4,"ngTemplateOutlet"],["cdkOverlayOrigin","","role","button",1,"v-document-viewer-tread-container","velt-notifications-tool",3,"click"],[1,"action-btn","velt-notifications-tool--action-button"],[4,"veltDynamicTemplate"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayPanelClass","cdkConnectedOverlayBackdropClass","cdkConnectedOverlayGrowAfterOpen","cdkConnectedOverlayPositions","cdkConnectedOverlayDisableClose"],["cdkConnectedOverlay","",3,"cdkConnectedOverlayOrigin","cdkConnectedOverlayOpen","cdkConnectedOverlayDisableClose","cdkConnectedOverlayPanelClass"],[3,"pageSize"],[1,"velt-notifications-tool--container"],[3,"componentConfigSignal","parentLocalUIState"],[3,"onNotificationClick","close","shadowDom","darkMode","panelOpenMode","tabConfig","variant","pageSize","settingsLayout"],["data-velt-element","true","data-velt-comment-disabled","true","role","complementary","aria-label","Notifications sidebar",1,"velt-notifications-panel-sidebar-container"],[3,"onNotificationClick","close","pageSize"]],template:function(o,a){if(o&1&&h(0,au,1,7,"ng-container"),o&2){let i;f((i=a.componentConfigSignal())?0:-1,i)}},dependencies:[Wt,lr,ar,P,N,gr,er,Se,Gt,Yt,jt,U],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-element=true][_ngcontent-%COMP%], *[data-velt-element=true][_ngcontent-%COMP%]{font-family:var(--velt-default-font-family)}velt-wireframe[_ngcontent-%COMP%]{display:none!important}body.velt-pin-dragging[_ngcontent-%COMP%]   iframe[_ngcontent-%COMP%]{pointer-events:none!important}[_nghost-%COMP%]{--velt-green: var(--velt-light-mode-green);--velt-magenta: var(--velt-light-mode-magenta);--velt-amber: var(--velt-light-mode-amber);--velt-purple: var(--velt-light-mode-purple);--velt-cyan: var(--velt-light-mode-cyan);--velt-orange: var(--velt-light-mode-orange);--velt-black: var(--velt-light-mode-black);--velt-white: var(--velt-light-mode-white);--velt-gray: var(--velt-light-mode-gray);--velt-error: var(--velt-light-mode-error);--velt-error-hover: var(--velt-light-mode-error-hover);--velt-error-foreground: var(--velt-light-mode-error-foreground);--velt-error-light: var(--velt-light-mode-error-light);--velt-error-transparent: var(--velt-light-mode-error-transparent);--velt-warning: var(--velt-light-mode-warning);--velt-warning-hover: var(--velt-light-mode-warning-hover);--velt-warning-foreground: var(--velt-light-mode-warning-foreground);--velt-warning-light: var(--velt-light-mode-warning-light);--velt-warning-transparent: var(--velt-light-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-light-mode-success);--velt-success-hover: var(--velt-light-mode-success-hover);--velt-success-foreground: var(--velt-light-mode-success-foreground);--velt-success-light: var(--velt-light-mode-success-light);--velt-success-transparent: var(--velt-light-mode-success-transparent);--velt-accent: var(--velt-light-mode-accent);--velt-accent-text: var(--velt-light-mode-accent-text);--velt-accent-hover: var(--velt-light-mode-accent-hover);--velt-accent-foreground: var(--velt-light-mode-accent-foreground);--velt-accent-light: var(--velt-light-mode-accent-light);--velt-accent-transparent: var(--velt-light-mode-accent-transparent);--velt-text-0: var(--velt-light-mode-text-0);--velt-text-1: var(--velt-light-mode-text-1);--velt-text-2: var(--velt-light-mode-text-2);--velt-text-3: var(--velt-light-mode-text-3);--velt-text-4: var(--velt-light-mode-text-4);--velt-text-5: var(--velt-light-mode-text-5);--velt-text-6: var(--velt-light-mode-text-6);--velt-text-7: var(--velt-light-mode-text-7);--velt-text-8: var(--velt-light-mode-text-8);--velt-text-9: var(--velt-light-mode-text-9);--velt-text-10: var(--velt-light-mode-text-10);--velt-text-11: var(--velt-light-mode-text-11);--velt-text-12: var(--velt-light-mode-text-12);--velt-background-0: var(--velt-light-mode-background-0);--velt-background-1: var(--velt-light-mode-background-1);--velt-background-2: var(--velt-light-mode-background-2);--velt-background-3: var(--velt-light-mode-background-3);--velt-background-4: var(--velt-light-mode-background-4);--velt-background-5: var(--velt-light-mode-background-5);--velt-background-6: var(--velt-light-mode-background-6);--velt-background-7: var(--velt-light-mode-background-7);--velt-background-8: var(--velt-light-mode-background-8);--velt-background-9: var(--velt-light-mode-background-9);--velt-background-10: var(--velt-light-mode-background-10);--velt-border-0: var(--velt-light-mode-border-0);--velt-border-1: var(--velt-light-mode-border-1);--velt-border-2: var(--velt-light-mode-border-2);--velt-border-3: var(--velt-light-mode-border-3);--velt-border-4: var(--velt-light-mode-border-4);--velt-border-5: var(--velt-light-mode-border-5);--velt-border-6: var(--velt-light-mode-border-6);--velt-border-7: var(--velt-light-mode-border-7);--velt-border-8: var(--velt-light-mode-border-8);--velt-border-9: var(--velt-light-mode-border-9);--velt-border-10: var(--velt-light-mode-border-10);--velt-background-transparent: var(--velt-light-mode-background-transparent);--velt-border-transparent: var(--velt-light-mode-border-transparent);--velt-animation-transparent: var(--velt-light-mode-animation-transparent)}[dark][_nghost-%COMP%]{--velt-green: var(--velt-dark-mode-green);--velt-magenta: var(--velt-dark-mode-magenta);--velt-amber: var(--velt-dark-mode-amber);--velt-purple: var(--velt-dark-mode-purple);--velt-cyan: var(--velt-dark-mode-cyan);--velt-orange: var(--velt-dark-mode-orange);--velt-black: var(--velt-dark-mode-black);--velt-white: var(--velt-dark-mode-white);--velt-gray: var(--velt-dark-mode-gray);--velt-error: var(--velt-dark-mode-error);--velt-error-hover: var(--velt-dark-mode-error-hover);--velt-error-foreground: var(--velt-dark-mode-error-foreground);--velt-error-light: var(--velt-dark-mode-error-light);--velt-error-transparent: var(--velt-dark-mode-error-transparent);--velt-warning: var(--velt-dark-mode-warning);--velt-warning-hover: var(--velt-dark-mode-warning-hover);--velt-warning-foreground: var(--velt-dark-mode-warning-foreground);--velt-warning-light: var(--velt-dark-mode-warning-light);--velt-warning-transparent: var(--velt-dark-mode-warning-transparent);--velt-agent-accent: #4495ff;--velt-agent-accent-transparent: rgba(68, 149, 255, .2);--velt-success: var(--velt-dark-mode-success);--velt-success-hover: var(--velt-dark-mode-success-hover);--velt-success-foreground: var(--velt-dark-mode-success-foreground);--velt-success-light: var(--velt-dark-mode-success-light);--velt-success-transparent: var(--velt-dark-mode-success-transparent);--velt-accent: var(--velt-dark-mode-accent);--velt-accent-text: var(--velt-dark-mode-accent-text);--velt-accent-hover: var(--velt-dark-mode-accent-hover);--velt-accent-foreground: var(--velt-dark-mode-accent-foreground);--velt-accent-light: var(--velt-dark-mode-accent-light);--velt-accent-transparent: var(--velt-dark-mode-accent-transparent);--velt-text-0: var(--velt-dark-mode-text-0);--velt-text-1: var(--velt-dark-mode-text-1);--velt-text-2: var(--velt-dark-mode-text-2);--velt-text-3: var(--velt-dark-mode-text-3);--velt-text-4: var(--velt-dark-mode-text-4);--velt-text-5: var(--velt-dark-mode-text-5);--velt-text-6: var(--velt-dark-mode-text-6);--velt-text-7: var(--velt-dark-mode-text-7);--velt-text-8: var(--velt-dark-mode-text-8);--velt-text-9: var(--velt-dark-mode-text-9);--velt-text-10: var(--velt-dark-mode-text-10);--velt-text-11: var(--velt-dark-mode-text-11);--velt-text-12: var(--velt-dark-mode-text-12);--velt-background-0: var(--velt-dark-mode-background-0);--velt-background-1: var(--velt-dark-mode-background-1);--velt-background-2: var(--velt-dark-mode-background-2);--velt-background-3: var(--velt-dark-mode-background-3);--velt-background-4: var(--velt-dark-mode-background-4);--velt-background-5: var(--velt-dark-mode-background-5);--velt-background-6: var(--velt-dark-mode-background-6);--velt-background-7: var(--velt-dark-mode-background-7);--velt-background-8: var(--velt-dark-mode-background-8);--velt-background-9: var(--velt-dark-mode-background-9);--velt-background-10: var(--velt-dark-mode-background-10);--velt-border-0: var(--velt-dark-mode-border-0);--velt-border-1: var(--velt-dark-mode-border-1);--velt-border-2: var(--velt-dark-mode-border-2);--velt-border-3: var(--velt-dark-mode-border-3);--velt-border-4: var(--velt-dark-mode-border-4);--velt-border-5: var(--velt-dark-mode-border-5);--velt-border-6: var(--velt-dark-mode-border-6);--velt-border-7: var(--velt-dark-mode-border-7);--velt-border-8: var(--velt-dark-mode-border-8);--velt-border-9: var(--velt-dark-mode-border-9);--velt-border-10: var(--velt-dark-mode-border-10);--velt-background-transparent: var(--velt-dark-mode-background-transparent);--velt-border-transparent: var(--velt-dark-mode-border-transparent);--velt-animation-transparent: var(--velt-dark-mode-animation-transparent)}*[_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;font-size:calc((1rem + 0px) * var(--velt-base-rem-unit))}*[_ngcontent-%COMP%]:empty{display:revert}.velt-notifications-tool[_ngcontent-%COMP%]{display:inline-block}.velt-notifications-tool--action-button[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]{display:inline-flex;justify-content:center;align-items:center;padding:calc(var(--velt-spacing-md) / 2);border-radius:var(--velt-border-radius-full);background-color:transparent;color:var(--velt-text-6);cursor:pointer;gap:var(--velt-spacing-xs)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--label[_ngcontent-%COMP%]{font-size:var(--velt-font-size-sm);padding:0 var(--velt-spacing-md) 0 var(--velt-spacing-md);font-weight:500;color:currentColor}.velt-notifications-tool--action-button[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit));color:currentColor;box-sizing:content-box}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:focus   .velt-notifications-tool--container[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-full);background-color:transparent;color:var(--velt-text-4)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:focus   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:hover   .velt-notifications-tool--container[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-full);background-color:var(--velt-background-2);color:var(--velt-text-3)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:hover   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:active   .velt-notifications-tool--container[_ngcontent-%COMP%], .velt-notifications-tool--action-button.active[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]{border-radius:var(--velt-border-radius-full);background-color:var(--velt-light-mode-accent);color:var(--velt-light-mode-accent-foreground)}.velt-notifications-tool--action-button[_ngcontent-%COMP%]:active   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%], .velt-notifications-tool--action-button.active[_ngcontent-%COMP%]   .velt-notifications-tool--container[_ngcontent-%COMP%]   .velt-notifications-tool--icon[_ngcontent-%COMP%]{width:calc((1.5rem + 0px) * var(--velt-base-rem-unit));height:calc((1.5rem + 0px) * var(--velt-base-rem-unit))}.velt-notifications-panel-sidebar-container[_ngcontent-%COMP%]{height:100vh;width:calc((26rem + 0px) * var(--velt-base-rem-unit));position:fixed;top:0;padding:var(--velt-spacing-lg);box-sizing:border-box;z-index:999999997;transition:width .5s ease-in-out,right .5s ease-in-out;right:0}.velt-notifications-panel-sidebar-container[_ngcontent-%COMP%]   *[_ngcontent-%COMP%]{box-sizing:border-box}"],changeDetection:0});let t=n;return t})();var Cr=class extends nn{constructor(n){super(n),this.getService(R).log("%c[WB] Creating CLASS: ViewsElement","color: blue;"),this.openHistoryPanel=this._openHistoryPanel,this.closeHistoryPanel=this._closeHistoryPanel,this.toggleHistoryPanel=this._toggleHistoryPanel,this.getNotificationsData=this._getNotificationsData,this.setMaxDays=this._setMaxDays,this.setTabConfig=this._setTabConfig,this.enableReadNotificationsOnForYouTab=this._enableReadNotificationsOnForYouTab,this.disableReadNotificationsOnForYouTab=this._disableReadNotificationsOnForYouTab,this.setAllNotificationsAsRead=this._setAllNotificationsAsRead,this.getUnreadNotificationsCount=this._getUnreadNotificationsCount,this.markNotificationAsReadById=this._markNotificationAsReadById,this.setSettings=this._setSettings,this.getSettings=this._getSettings,this.muteAllNotifications=this._muteAllNotifications,this.enableSettings=this._enableSettings,this.enableSettingsAtOrganizationLevel=this._enableSettingsAtOrganizationLevel,this.disableSettingsAtOrganizationLevel=this._disableSettingsAtOrganizationLevel,this.enableSelfNotifications=this._enableSelfNotifications,this.disableSelfNotifications=this._disableSelfNotifications,this.disableSettings=this._disableSettings,this.setSettingsInitialConfig=this._setSettingsInitialConfig,this.openNotificationsPanel=this._openNotificationsPanel,this.closeNotificationsPanel=this._closeNotificationsPanel,this.enableCurrentDocumentOnly=this._enableCurrentDocumentOnly,this.disableCurrentDocumentOnly=this._disableCurrentDocumentOnly,this.enableCrossOrganization=this._enableCrossOrganization,this.disableCrossOrganization=this._disableCrossOrganization,this.on=this._on}_openHistoryPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _openHistoryPanel","color: green;");try{this.trackEvent(re.Events.Notifications.OPEN_HISTORY_PANEL_TRIGGERED),this.getService(X).setHistoryPanelVisibility(!0,!0)}catch(n){this.getService(R).catch("Error in openHistoryPanel: ",n)}}_closeHistoryPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _closeHistoryPanel","color: green;");try{this.trackEvent(re.Events.Notifications.CLOSE_HISTORY_PANEL_TRIGGERED),this.getService(X).setHistoryPanelVisibility(!1,!0)}catch(n){this.getService(R).catch("Error in closeHistoryPanel: ",n)}}_toggleHistoryPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _toggleHistoryPanel","color: green;");try{this.trackEvent(re.Events.Notifications.TOGGLE_HISTORY_PANEL_TRIGGERED),this.getService(X).toggleHistoryPanelVisibility(!0)}catch(n){this.getService(R).catch("Error in toggleHistoryPanel: ",n)}}_getNotificationsData(n){this.getService(R).log("%c[WB] Calling FUNCTION: _getNotificationsData","color: green;");try{return this.trackEvent(re.Events.Notifications.GET_NOTIFICATIONS_DATA_TRIGGERED),this.getService(X).getNotifications$(n)}catch(r){return this.getService(R).catch("Error in getNotificationsData: ",r),ge([])}}_setMaxDays(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setMaxDays","color: green;");try{this.trackEvent(re.Events.Notifications.SET_MAX_DAYS_TRIGGERED,{payload:{days:n}}),this.getService(X).setMaxDays(n)}catch(r){this.getService(R).catch("Error in setMaxDays: ",r)}}_setTabConfig(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setTabConfig","color: green;");try{this.trackEvent(re.Events.Notifications.SET_TAB_CONFIG_TRIGGERED,{payload:{tabConfig:n}}),this.getService(X).setTabConfig(n)}catch(r){this.getService(R).catch("Error in setTabConfig: ",r)}}_enableReadNotificationsOnForYouTab(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableReadNotificationsOnForYouTab","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_READ_NOTIFICATIONS_ON_FOR_YOU_TAB_TRIGGERED),this.getService(X).enableReadNotificationsOnForYouTab()}catch(n){this.getService(R).catch("Error in enableReadNotificationsOnForYouTab: ",n)}}_disableReadNotificationsOnForYouTab(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableReadNotificationsOnForYouTab","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_READ_NOTIFICATIONS_ON_FOR_YOU_TAB_TRIGGERED),this.getService(X).disableReadNotificationsOnForYouTab()}catch(n){this.getService(R).catch("Error in disableReadNotificationsOnForYouTab: ",n)}}_setAllNotificationsAsRead(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setAllNotificationsAsRead","color: green;");try{this.trackEvent(re.Events.Notifications.SET_ALL_NOTIFICATIONS_AS_READ_TRIGGERED,{payload:{config:n}}),this.getService(X).setAllNotificationsAsRead(n)}catch(r){this.getService(R).catch("Error in setAllNotificationsAsRead: ",r)}}_enableCrossOrganization(n){this.getService(R).log("%c[WB] Calling FUNCTION: _enableCrossOrganization","color: green;");try{n&&typeof n=="object"&&n.enabled===!1?this.getService(X).disableCrossOrganization():this.getService(X).enableCrossOrganization(n)}catch(r){this.getService(R).catch("Error in enableCrossOrganization: ",r)}}_disableCrossOrganization(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableCrossOrganization","color: green;");try{this.getService(X).disableCrossOrganization()}catch(n){this.getService(R).catch("Error in disableCrossOrganization: ",n)}}_getUnreadNotificationsCount(){this.getService(R).log("%c[WB] Calling FUNCTION: _getUnreadNotificationsCount","color: green;");try{return this.trackEvent(re.Events.Notifications.GET_UNREAD_NOTIFICATIONS_COUNT_TRIGGERED),this.getService(X).getUnreadNotificationsCount$()}catch(n){return this.getService(R).catch("Error in getUnreadNotificationsCount: ",n),ge({forYou:null,all:null})}}_markNotificationAsReadById(n){this.getService(R).log("%c[WB] Calling FUNCTION: _markNotificationAsReadById","color: green;");try{this.trackEvent(re.Events.Notifications.MARK_NOTIFICATION_AS_READ_BY_ID_TRIGGERED,{payload:{notificationId:n}}),this.getService(X).markNotificationAsReadById(n)}catch(r){this.getService(R).catch("Error in markNotificationAsReadById: ",r)}}_setSettings(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setSettings","color: green;");try{this.trackEvent(re.Events.Notifications.SET_SETTINGS_TRIGGERED,{payload:{config:n}}),this.getService(X).setSettingsConfigWithDB(n)}catch(r){this.getService(R).catch("Error in setSettings: ",r)}}_getSettings(){this.getService(R).log("%c[WB] Calling FUNCTION: _getSettings","color: green;");try{return this.trackEvent(re.Events.Notifications.GET_SETTINGS_TRIGGERED),this.getService(X).getSettingsConfig$()}catch(n){return this.getService(R).catch("Error in getSettings: ",n),ge(null)}}_muteAllNotifications(){this.getService(R).log("%c[WB] Calling FUNCTION: _muteAllNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.MUTE_ALL_NOTIFICATIONS_TRIGGERED),this.getService(X).setMuteAllNotifications()}catch(n){this.getService(R).catch("Error in muteAllNotifications: ",n)}}_enableSettings(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableSettings","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_SETTINGS_TRIGGERED),this.getService(X).enableSettings()}catch(n){this.getService(R).catch("Error in enableSettings: ",n)}}_enableSettingsAtOrganizationLevel(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableSettingsAtOrganizationLevel","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_SETTINGS_AT_ORGANIZATION_LEVEL_TRIGGERED),this.getService(X).enableSettingsConfigByOrganization()}catch(n){this.getService(R).catch("Error in _enableSettingsAtOrganizationLevel: ",n)}}_disableSettingsAtOrganizationLevel(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableSettingsAtOrganizationLevel","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_SETTINGS_AT_ORGANIZATION_LEVEL_TRIGGERED),this.getService(X).disableSettingsConfigByOrganization()}catch(n){this.getService(R).catch("Error in disableSettingsAtOrganizationLevel: ",n)}}_enableSelfNotifications(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableSelfNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_SELF_NOTIFICATIONS_TRIGGERED),this.getService(X).enableSelfNotifications()}catch(n){this.getService(R).catch("Error in enableSelfNotifications: ",n)}}_disableSelfNotifications(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableSelfNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_SELF_NOTIFICATIONS_TRIGGERED),this.getService(X).disableSelfNotifications()}catch(n){this.getService(R).catch("Error in disableSelfNotifications: ",n)}}_disableSettings(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableSettings","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_SETTINGS_TRIGGERED),this.getService(X).disableSettings()}catch(n){this.getService(R).catch("Error in disableSettings: ",n)}}_setSettingsInitialConfig(n){this.getService(R).log("%c[WB] Calling FUNCTION: _setSettingsInitialConfig","color: green;");try{this.trackEvent(re.Events.Notifications.SET_SETTINGS_INITIAL_CONFIG_TRIGGERED,{payload:{settings:n}}),this.getService(X).setSettingsInitialConfig(n)}catch(r){this.getService(R).catch("Error in setSettingsInitialConfig: ",r)}}_on(n){this.getService(R).log("%c[WB] Calling FUNCTION: on","color: green;");try{return this.getService(Zt).onAction(n)}catch(r){return this.getService(R).catch("Error in _on: ",r),ge(null)}}_openNotificationsPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _openNotificationsPanel","color: green;");try{this.trackEvent(re.Events.Notifications.OPEN_NOTIFICATIONS_PANEL_TRIGGERED),this.getService(X).openNotificationsPanel()}catch(n){this.getService(R).catch("Error in openNotificationsPanel: ",n)}}_closeNotificationsPanel(){this.getService(R).log("%c[WB] Calling FUNCTION: _closeNotificationsPanel","color: green;");try{this.trackEvent(re.Events.Notifications.CLOSE_NOTIFICATIONS_PANEL_TRIGGERED),this.getService(X).closeNotificationsPanel()}catch(n){this.getService(R).catch("Error in closeNotificationsPanel: ",n)}}_enableCurrentDocumentOnly(){this.getService(R).log("%c[WB] Calling FUNCTION: _enableCurrentDocumentOnly","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_CURRENT_DOCUMENT_ONLY_TRIGGERED),this.getService(X).enableCurrentDocumentOnly()}catch(n){this.getService(R).catch("Error in enableCurrentDocumentOnly: ",n)}}_disableCurrentDocumentOnly(){this.getService(R).log("%c[WB] Calling FUNCTION: _disableCurrentDocumentOnly","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_CURRENT_DOCUMENT_ONLY_TRIGGERED),this.getService(X).disableCurrentDocumentOnly()}catch(n){this.getService(R).catch("Error in disableCurrentDocumentOnly: ",n)}}};var _o=(()=>{let n=class n{};n.\u0275fac=function(o){return new(o||n)},n.\u0275mod=Ur({type:n}),n.\u0275inj=Mr({imports:[zr,Hr,qt,sr]});let t=n;return t})();var lu={"velt-notifications-panel-wireframe":Se,"velt-notifications-panel-title-wireframe":zt,"velt-notifications-panel-read-all-button-wireframe":Bt,"velt-notifications-panel-content-all-read-container-wireframe":be,"velt-notifications-panel-view-all-button-wireframe":Ke,"velt-notifications-panel-header-wireframe":ht,"velt-notifications-panel-header-tab-all-wireframe":st,"velt-notifications-panel-header-tab-documents-wireframe":mt,"velt-notifications-panel-header-tab-for-you-wireframe":ut,"velt-notifications-panel-header-tab-people-wireframe":pt,"velt-notifications-panel-content-wireframe":gt,"velt-notifications-panel-content-load-more-wireframe":fe,"velt-notifications-panel-content-for-you-wireframe":nt,"velt-notifications-panel-content-all-wireframe":Je,"velt-notifications-panel-content-all-list-wireframe":$e,"velt-notifications-panel-content-all-list-item-wireframe":We,"velt-notifications-panel-content-all-list-item-label-wireframe":je,"velt-notifications-panel-content-all-list-item-content-wireframe":Ye,"velt-notifications-panel-content-documents-wireframe":rt,"velt-notifications-panel-content-documents-list-wireframe":tt,"velt-notifications-panel-content-documents-list-item-wireframe":et,"velt-notifications-panel-content-documents-list-item-name-wireframe":Xe,"velt-notifications-panel-content-documents-list-item-unread-wireframe":Qe,"velt-notifications-panel-content-documents-list-item-count-wireframe":Ze,"velt-notifications-panel-content-documents-list-item-content-wireframe":qe,"velt-notifications-panel-content-people-wireframe":ct,"velt-notifications-panel-content-people-list-wireframe":dt,"velt-notifications-panel-content-people-list-item-wireframe":vt,"velt-notifications-panel-content-people-list-item-name-wireframe":it,"velt-notifications-panel-content-people-list-item-count-wireframe":lt,"velt-notifications-panel-content-people-list-item-content-wireframe":at,"velt-notifications-panel-content-people-list-item-avatar-wireframe":ot,"velt-notifications-panel-content-list-wireframe":he,"velt-notifications-panel-content-list-item-wireframe":He,"velt-notifications-panel-content-list-item-avatar-wireframe":Ue,"velt-notifications-panel-content-list-item-body-wireframe":Be,"velt-notifications-panel-content-list-item-file-name-wireframe":Re,"velt-notifications-panel-content-list-item-headline-wireframe":Ve,"velt-notifications-panel-content-list-item-time-wireframe":ze,"velt-notifications-panel-content-list-item-unread-wireframe":Ge,"velt-notifications-panel-close-button-wireframe":Ut,"velt-notifications-panel-title-text-wireframe":Vt,"velt-notifications-panel-skeleton-wireframe":ke,"velt-notifications-panel-settings-button-wireframe":Rt,"velt-notifications-panel-settings-wireframe":Lt,"velt-notifications-panel-settings-back-button-wireframe":_t,"velt-notifications-panel-settings-accordion-wireframe":At,"velt-notifications-panel-settings-accordion-trigger-wireframe":Et,"velt-notifications-panel-settings-accordion-content-wireframe":Pt,"velt-notifications-panel-settings-accordion-content-item-wireframe":Nt,"velt-notifications-panel-settings-mute-all-toggle-wireframe":xt,"velt-notifications-panel-settings-accordion-trigger-selected-value-wireframe":Dt,"velt-notifications-panel-settings-title-wireframe":Ft,"velt-notifications-panel-settings-description-wireframe":ft,"velt-notifications-panel-settings-footer-wireframe":Ct,"velt-notifications-panel-settings-header-wireframe":yt,"velt-notifications-panel-settings-mute-all-title-wireframe":kt,"velt-notifications-panel-settings-mute-all-description-wireframe":bt,"velt-notifications-panel-settings-list-wireframe":Mt,"velt-notifications-panel-settings-accordion-content-item-icon-wireframe":It,"velt-notifications-panel-settings-accordion-content-item-label-wireframe":wt,"velt-notifications-panel-settings-accordion-trigger-label-wireframe":Ot,"velt-notifications-panel-settings-accordion-trigger-icon-wireframe":Tt,"velt-notifications-panel-settings-header-title-wireframe":St,"velt-notifications-tool-wireframe":tr,"velt-notifications-tool-unread-icon-wireframe":jt,"velt-notifications-tool-icon-wireframe":Gt,"velt-notifications-tool-label-wireframe":Yt,"velt-notifications-tool-unread-count-wireframe":Ht};Object.assign(tn,lu);function iu(t){t.get(R).log("%c[WB] Loading notification feature chunk","color: blue;");let r=t.get($t);r.set(qr,t.get(X)),r.set(Zr,t.get(Zt)),r.set(Xr,t.get(on));let o=Lr(_o,t).injector;return z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL,tr),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_ICON,Gt),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_ICON,jt),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_LABEL,Yt),z(o,B.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_COUNT,Ht),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL,Se),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE,zt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE_TEXT,Vt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER,ht),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_FOR_YOU,ut),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_PEOPLE,pt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_DOCUMENTS,mt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_ALL,st),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT,gt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_FOR_YOU,nt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL,Je),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE,ct),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS,rt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST,he),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM,He),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_AVATAR,Ue),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_UNREAD,Ge),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_HEADLINE,Ve),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_BODY,Be),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_FILE_NAME,Re),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_TIME,ze),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST,$e),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM,We),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_LABEL,je),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_CONTENT,Ye),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST,dt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM,vt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_AVATAR,ot),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_NAME,it),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_COUNT,lt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_CONTENT,at),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST,tt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM,et),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_NAME,Xe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_COUNT,Ze),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_CONTENT,qe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_UNREAD,Qe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LOAD_MORE,fe),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_READ_CONTAINER,be),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_CLOSE_BUTTON,Ut),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_READ_ALL_BUTTON,Bt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_VIEW_ALL_BUTTON,Ke),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SKELETON,ke),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BUTTON,Rt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS,Lt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER,yt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER_TITLE,St),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_TITLE,Ft),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_DESCRIPTION,ft),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_LIST,Mt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TITLE,kt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_DESCRIPTION,bt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TOGGLE,xt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION,At),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER,Et),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_LABEL,Ot),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_ICON,Tt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_SELECTED_VALUE,Dt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT,Pt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM,Nt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_LABEL,wt),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_ICON,It),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BACK_BUTTON,_t),z(o,B.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_FOOTER,Ct),z(o,B.TAGS.VELT_NOTIFICATIONS_HISTORY_PANEL,Pr),new Cr(t)}function z(t,n,r){if(customElements.get(n))return;let e=Yr(r,{injector:t});customElements.define(n,e)}export{iu as default};