@veltdev/sdk-dev 6.0.9-beta.2 → 6.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/app/models/data/notification.model.d.ts +2 -0
  2. package/{chunk-4WD366X6.js → chunk-FWDYATXS.js} +1 -1
  3. package/{chunk-SMA3X24S.js → chunk-ZUUOHWRX.js} +1 -1
  4. package/package.json +1 -1
  5. package/velt-comment.js +1 -1
  6. package/velt-notification.js +1 -1
  7. package/velt-recorder.js +1 -1
  8. package/velt-user-invite.js +1 -1
  9. package/velt.js +2 -2
  10. /package/{chunk-Y3IPC356.js → chunk-KHR37GSO.js} +0 -0
package/velt-notification.js CHANGED
@@ -1 +1 @@
1
- import{a as Cr}from"./chunk-BYLLW3IQ.js";import{a as cn,b as X}from"./chunk-4WD366X6.js";import{a as Zr,c as Xr}from"./chunk-JPNIBNJC.js";import{a as kr}from"./chunk-SYSCTHS4.js";import{a as gn}from"./chunk-SY46UNW5.js";import"./chunk-BX4TSYIT.js";import{a as fr}from"./chunk-TW7O56QU.js";import{a as hr,b as vn}from"./chunk-7RRXZUH7.js";import{D as ln,F as N,G as P,c as ur,d as Xt,e as pr}from"./chunk-YNPH7CSB.js";import{a as mr}from"./chunk-GTSIWRGU.js";import{b as B,c as br,d as Qt}from"./chunk-F6CKB7IS.js";import{a as dn}from"./chunk-FUYX2CTL.js";import"./chunk-ZMDRNPLQ.js";import{a as Jr}from"./chunk-Q245RDEX.js";import{A as $r,Fa as w,G as dr,Ga as on,H as cr,I as Kr,Ia as an}from"./chunk-EJ332HKA.js";import{$ as Me,Aa as ir,Ch as re,E as Br,Ea as Gr,Ee as V,Fa as v,Fh as tn,Fi as Pe,Ga as we,Gh as rn,Hh as nn,Ib as fe,J as Rr,Kb as ee,Lc as Kt,Nb as J,Ob as Le,Oc as jr,Pa as he,Pb as ie,Pc as Wr,Qb as Yr,T as Ae,Ta as zr,Td as qr,Ua as x,Ud as Dr,Uh as gr,Va as Hr,Ya as _,_a as s,_b as I,a as h,aa as Vr,ac as Ue,b as f,bc as lr,ca as de,cc as m,da as ae,db as A,dc as W,ec as te,ee as Qr,fb as c,fc as y,fi as sr,g as Ur,gb as g,gc as vr,ha as Y,ia as j,ii as Jt,ja as le,jb as _e,ji as qt,k as Or,ka as Ee,kb as Se,kc as O,ki as U,lb as d,lc as D,mb as k,mh as pe,nb as C,ob as T,oe as en,pc as Ne,qa as R,r as se,sb as u,sc as K,si as ge,tb as p,ti as Zt,ua as oe,ub as Fe,v as De,va as S,vb as Q,vc as q,wa as ar,xb as Z,zb as i}from"./chunk-VKGZ33MA.js";var ce=()=>{};function To(){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 Oo(){return{setAllNotificationsAsRead:ce,onTabChange:ce,trackByNotificationId:void 0,trackByUserMapId:void 0,trackByNotificationByDocumentId:void 0,trackByNotificationByDate:void 0,trackByKey:void 0,onLoadMoreClick:ce,toggleUserAccordion:ce,toggleDocumentAccordion:ce,onNotificationClick:ce,closeNotificationsPanel:ce,openSettings:ce,closeSettings:ce,toggleSettingsAccordion:ce,setSettingsSelectedOption:ce,toggleSettingsMutedAll:ce}}function Er(){return h(h({},To()),Oo())}function sn(){return{darkMode:!1,variant:void 0,shadowDom:!0}}var er=(()=>{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(Qr.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 Or),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 Or),this.actionSubjects.get(e)?.asObservable()}catch(o){return this.loggingService.catch("Error in NotificationsActionsService onAction: ",o),se(null)}}};n.\u0275fac=function(o){return new(o||n)(de(U))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var xr=(()=>{let n=class n{constructor(e,o,a,l,b,F){this.loggingService=e,this.notificationService=o,this.analyticsService=a,this.serviceBook=l,this.domService=b,this.notificationsActionsService=F,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"},this.commentService=null,this.viewsService=null,this.serviceBook.observe(gr).subscribe(M=>{this.commentService=M}),this.serviceBook.observe(sr).subscribe(M=>{this.viewsService=M??null})}onTabChange(e,o){try{this.loggingService.log("%c[WB] Calling FUNCTION: onTabChange","color: green;"),e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{selectedTab:o})}));let a=0,l=e();o===this.TABS.ForYou?a=l.data.notificationsForYouInSession?.length||0:a=l.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 l=a.uiState.selectedTab;return f(h({},a),{uiState:f(h({},a.uiState),{tabPage:f(h({},a.uiState.tabPage),{[l]:a.uiState.tabPage[l]?a.uiState.tabPage[l]+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=>f(h({},a),{uiState:f(h({},a.uiState),{usersExpanded:f(h({},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=>f(h({},a),{uiState:f(h({},a.uiState),{documentExpanded:f(h({},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 l=this.commentService?.getAnnotationById(o?.targetAnnotationId);l&&(this.domService.toggleAnnotationSelection(l),this.goToAnnotation(l),o.notificationSourceData=this.commentService?.getCommentAnnotationForClient(l))}o?.id&&this.setNotificationAsRead(e,o),this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_CLICKED,{notificationID:o?.id})}catch(l){this.loggingService.catch("Error in NotificationsPanelActionService onNotificationClick:",l)}}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(l=>l?.isUnread)||[]:o=a.data.notificationsInSession?.filter(l=>l?.isUnread)||[],a?.appState?.user?.organizationId?this.notificationService.setNotificationsAsRead(o):this.viewsService?.setNotificationsAsRead(o.map(l=>l.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=>f(h({},o),{uiState:f(h({},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=>f(h({},o),{uiState:f(h({},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 l={inbox:!1,email:!1};return Object.keys(a.data.settingsSelectedOption).forEach(b=>{l[b]=!1}),l[o]=!a.uiState.settingsAccordionExpanded[o],f(h({},a),{uiState:f(h({},a.uiState),{settingsAccordionExpanded:l})})})}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 l=e().data.settingsSelectedOption,b={};Object.keys(l).forEach(F=>{b[F]=l[F].id}),b[o]=a.id,this.notificationService.setSettingsConfig(b),this.notificationService.updateSettingsConfigToDb(),this.settingsUpdated(e),e().uiState.settingsLayout==="dropdown"&&e().uiState.settingsAccordionExpanded[o]&&this.toggleSettingsAccordion(e,o)}catch(l){this.loggingService.catch("Error in NotificationsPanelActionService setSettingsSelectedOption:",l)}}toggleSettingsMutedAll(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: toggleSettingsMutedAll","color: green;"),!e().uiState.settingsMutedAll){let o=h({},e().data.settingsSelectedOption),a={},l={};Object.keys(o).forEach(b=>{a[b]={id:"NONE",name:"None"},l[b]="NONE"}),e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{settingsMutedAll:!0}),data:f(h({},b.data),{settingsSelectedOption:a})})),this.notificationService.setSettingsConfig(l),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(l=>{a[l]=o[l].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)(de(U),de(X),de(qt),de(Jt),de(ge),de(er))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var _r=(()=>{let n=class n{constructor(e,o,a,l,b,F){this.loggingService=e,this.notificationService=o,this.authService=a,this.analyticsService=l,this.docService=b,this.actionService=F,this.initialized=!1,this.subscriptions=[],this.contextMap=new Map,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"},this.injector=pr(),this.configBridge=new ur(this.injector,M=>this.contextMap.get(M))}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=>f(h({},a),{uiState:f(h({},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=>f(h({},a),{data:f(h({},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(),l={};Object.keys(e).forEach(F=>{let M=a.data.settingsConfig.find($=>$.id===F);M&&(l[F]=M.values?.find($=>$.id===e[F])||{id:e[F],name:e[F]})});let b=Object.values(l).every(F=>F.id==="NONE");o.update(F=>f(h({},F),{uiState:f(h({},F.uiState),{settingsMutedAll:b}),data:f(h({},F.data),{settingsSelectedOption:l})}))}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=>f(h({},a),{featureState:f(h({},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(Ae(e=>{try{return e?e?.organizationId?se(e).pipe(Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{notificationsForYouInSession:a})})),l().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(b){this.loggingService.catch("Error updating notificationsForYou in context:",b)}})}catch(l){this.loggingService.catch("Error processing notificationsForYou:",l)}return o}))}),Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{notificationsByDocumentId:a})}))}catch(b){this.loggingService.catch("Error updating notificationsByDocumentId in context:",b)}})}catch(l){this.loggingService.catch("Error processing notificationsByDocumentId:",l)}return o}))}),Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{notificationsInSession:a})})),this.getNotificationsByDate(l,a),this.updateNotificationsByUserMap(l)}catch(b){this.loggingService.catch("Error updating allNotifications in context:",b)}})}catch(l){this.loggingService.catch("Error processing allNotifications:",l)}return o}))})):se(e).pipe(Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{this.getNotificationsWithoutOrganization(l,a);let b=l(),F=0;b.uiState.selectedTab===this.TABS.ForYou?F=b.data.notificationsForYouInSession?.length||0:F=b.data.notificationsInSession?.length||0,F>0&&this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_READ,{tab:b.uiState.selectedTab,notificationCount:F})}catch(b){this.loggingService.catch("Error updating notifications (no org) in context:",b)}})}catch(l){this.loggingService.catch("Error processing notifications (no org):",l)}return o}))})):(this.contextMap.forEach(o=>{try{this.resetData(o)}catch(a){this.loggingService.catch("Error resetting data in context:",a)}}),se(e))}catch(o){return this.loggingService.catch("Error in user switchMap:",o),se(null)}})).subscribe(e=>{try{this.contextMap.forEach(o=>{try{e?o.update(a=>f(h({},a),{appState:f(h({},a.appState),{user:e})})):o.update(a=>f(h({},a),{appState:f(h({},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=>f(h({},a),{data:f(h({},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=>f(h({},a),{uiState:f(h({},a.uiState),{selectedTab:this.TABS.Documents})})):this.isTabEnabled(e,this.TABS.All)&&e.update(a=>f(h({},a),{uiState:f(h({},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(l=>this.isTabEnabled(e,l));e.update(l=>f(h({},l),{uiState:f(h({},l.uiState),{tabCount:a.length})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService getEnabledTabCount:",o)}}getNotificationsWithoutOrganization(e,o){try{let a=o?.slice()||[],l=e(),b=new Map(l.data.notificationsInSession?.map(M=>[M.id,M])),F=new Map(l.data.notificationsForYouInSession?.map(M=>[M.id,M]));a.forEach(M=>{(M.isUnread||b.has(M.id)||l.uiState.panelOpenMode==="sidebar")&&(b.set(M.id,M),M.forYou&&F.set(M.id,M))}),l.appState.user?.organizationId||(e.update(M=>f(h({},M),{data:f(h({},M.data),{notificationsInSession:Array.from(b.values()).sort(($,me)=>me.timestamp-$.timestamp),notificationsForYouInSession:Array.from(F.values()).sort(($,me)=>me.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(l){this.loggingService.catch("Error processing notification for userMap:",l)}}),e.update(a=>f(h({},a),{data:f(h({},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],l=new Date(new Date().setDate(new Date().getDate()-1)).toISOString().split("T")[0],b=null;o?.forEach(M=>{try{let $=M?.timestamp;if($){let me=new Date($).toISOString().split("T")[0];if(!b?.[me]){let ue=me===a?"Today":me===l?"Yesterday":new Date(me).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}).replace(/ /g,"-");b||(b={}),b[me]={displayName:ue,notifications:[]}}b[me].notifications.push(M)}}catch($){this.loggingService.catch("Error processing notification for date grouping:",$)}});let F=b?Object.entries(b).map(([M,$])=>h({date:M},$)).sort((M,$)=>$.date.localeCompare(M.date)):null;e.update(M=>f(h({},M),{data:f(h({},M.data),{notificationsByDate:F})}))}catch(a){this.loggingService.catch("Error in NotificationsPanelCoreService getNotificationsByDate:",a)}}resetData(e){try{e.update(o=>f(h({},o),{data:f(h({},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=R(Er()),this.contextMap.set(e,o),this.applyCurrentStateToContext(o)),o}catch(o){return this.loggingService.catch("Error in NotificationsPanelCoreService getOrCreateContextConfig:",o),R(Er())}}getNotificationsPanelConfig$(){try{return this.configBridge.get(Xt,()=>this.getOrCreateContextConfig(Xt))}catch(e){return this.loggingService.catch("Error in NotificationsPanelCoreService getNotificationsPanelConfig$:",e),se(null)}}applyCurrentStateToContext(e){try{let o=this.notificationService.getEnableSettings();e.update(M=>f(h({},M),{featureState:f(h({},M.featureState),{settingsEnabled:o})}));let a=this.notificationService.getTabConfig();a!==null&&(e.update(M=>f(h({},M),{uiState:f(h({},M.uiState),{tabConfig:a})})),this.checkAndSetDefaultTab(e),this.getEnabledTabCount(e));let l=this.notificationService.getSettingsInitialConfig();l?.length&&e.update(M=>f(h({},M),{data:f(h({},M.data),{settingsConfig:l})}));let b=this.notificationService.getSettingsConfig();if(b){let M=e(),$={};Object.keys(b).forEach(ue=>{let ve=M.data.settingsConfig.find(ye=>ye.id===ue);ve&&($[ue]=ve.values?.find(ye=>ye.id===b[ue])||{id:b[ue],name:b[ue]})});let me=Object.values($).every(ue=>ue.id==="NONE");e.update(ue=>f(h({},ue),{uiState:f(h({},ue.uiState),{settingsMutedAll:me}),data:f(h({},ue.data),{settingsSelectedOption:$})}))}this.notificationService.getMuteAllNotifications()&&this.applyMuteAll(e);let F=this.docService.getDocumentMetadata();F&&e.update(M=>f(h({},M),{data:f(h({},M.data),{currentDocumentName:F.documentName||""})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService applyCurrentStateToContext:",o)}}applyMuteAll(e){try{e().uiState.settingsMutedAll||e.update(o=>{let a=h({},o.data.settingsSelectedOption);return Object.keys(a).forEach(l=>{a[l]={id:"NONE",name:"None"}}),f(h({},o),{uiState:f(h({},o.uiState),{settingsMutedAll:!0}),data:f(h({},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)(de(U),de(X),de(Zt),de(qt),de(Pe),de(xr))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var E=(()=>{let n=class n extends Cr{constructor(){super(...arguments),this.coreService=ae(_r),this.actionService=ae(xr),this.panelPane="any"}getDefaultLocalUIState(){return sn()}getServiceComponentConfigSignal(){try{return this.coreService.getOrCreateContextConfig("default")}catch{return}}shouldShowForPane(){try{if(!this.defaultCondition())return!0;let e=this.componentConfigSignal();if(!e)return!0;let o=!!e.uiState?.settingsOpen;return this.panelPane==="settings"?o&&!!e.featureState?.settingsEnabled:this.panelPane==="list"?!o:!0}catch{return!0}}hasMultipleTabs(){try{return(this.componentConfigSignal()?.uiState?.tabCount??0)>1}catch{return!0}}shouldShowForTab(){try{return this.defaultCondition()?this.shouldShowForPane()&&this.hasMultipleTabs():!0}catch{return!0}}shouldShowForCloseButton(){try{if(!this.defaultCondition())return!0;let e=this.componentConfigSignal();return this.shouldShowForPane()&&e?.uiState?.panelOpenMode==="sidebar"}catch{return!0}}getInheritedNotificationIndex(){try{let e=this.getInheritedVeltContextData()["notification-index"];if(e==null)return;let o=parseInt(e,10);return isNaN(o)?void 0:o}catch{return}}resolveNotificationForPrimitive(e){try{if(e.direct)return e.direct;let o=this.componentConfigSignal(),a=o?.data?.notificationsInSession||o?.data?.notificationsForYouInSession;if(e.notificationId){let F=[o?.data?.notificationsForYouInSession,o?.data?.notificationsInSession].filter(M=>Array.isArray(M)&&M.length);for(let M of F){let $=M.find(me=>me?.id===e.notificationId);if($)return $}}if(e.ownIndex!==void 0&&a?.length&&a[e.ownIndex])return a[e.ownIndex];let l=this.getInheritedVeltEntity();if(l)return l;let b=this.getInheritedNotificationIndex();return b!==void 0&&a?.length&&a[b]?a[b]:a?.length?a[0]:null}catch{return null}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 Sr=(()=>{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=R(null),this.contextTick=R(0),this.resolvedItem=K(()=>{try{this.contextTick();let e=this.itemSignal();if(e!=null)return e;let o=this.componentConfigSignal(),a=this.getConfigArray(o),l=this.notificationIndex();if(l===void 0&&(l=this.resolveInheritedNotificationIndex()),l!==void 0&&a?.length&&l>=0&&l<a.length)return a[l];let b=this.getInheritedVeltEntity();return b??(a?.length?a[0]:null)}catch{return null}})}getPublishedVeltEntity(){try{return this.resolvedItem()}catch{return}}resolveInheritedNotificationIndex(){try{let e=this.getInheritedVeltContextData()["notification-index"];if(e===void 0)return;let o=parseInt(e,10);return isNaN(o)?void 0:o}catch{return}}onVeltContextChanged(){try{this.contextTick.update(e=>e+1)}catch{}}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=x({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 tr=(()=>{let n=class n extends Sr{constructor(){super(...arguments),this._dateGroup=R(void 0),this.inputPropertyName="data",this.resolvedData=K(()=>{let e=this._dateGroup()??this.getInheritedVeltContextData().date;if(e){let o=this.componentConfigSignal()?.data?.notificationsByDate||[],a=String(e).toLowerCase(),l=o.find(b=>b?.date===e||(b?.displayName||"").toLowerCase()===a);if(l)return l}return this.resolvedItem()})}set date(e){this._dateGroup.set(e?.trim()||void 0)}getInputValue(){return this.data}getConfigArray(e){return e?.data?.notificationsByDate}getPublishedVeltEntity(){try{return this.resolvedData()}catch{return}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 pn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Lo=(t,n)=>({condition:t,data:n}),Uo=(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 Bo(t,n){if(t&1&&(u(0),T(1,"snippyly-user-avatar",2),p()),t&2){let r,e=i(3);v(),d("user",(r=e.resolvedNotification())==null?null:r.actionUser)("size",24),A("data-testid",e.componentId+"-avatar")}}function Ro(t,n){if(t&1&&(u(0),s(1,Bo,2,3,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,Uo,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 Vo(t,n){if(t&1&&s(0,Ro,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Lo,r.conditionSignal(),W(1,pn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-avatar"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Vo,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 hn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Ho=(t,n)=>({condition:t,data:n}),Yo=(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 jo(t,n){if(t&1&&(T(0,"div",3),O(1,"safeHtml"),O(2,"translate"),O(3,"translate")),t&2){let r,e,o=i(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),ir),A("data-testid",o.componentId+"-body")("aria-label",D(3,7,D(2,5,"Notification message:")+"")+" "+((e=o.resolvedNotification())==null?null:e.displayBodyMessage))}}function Wo(t,n){if(t&1&&(k(0,"div"),c(1,jo,4,9,"div",3),C()),t&2){let r,e=i(4);v(),g((r=e.resolvedNotification())!=null&&r.displayBodyMessage||!e.defaultCondition()?1:-1)}}function $o(t,n){t&1&&T(0,"velt-skeleton-loader-internal",2)}function Ko(t,n){if(t&1&&(u(0),c(1,Wo,2,1,"div")(2,$o,1,0,"velt-skeleton-loader-internal",2),p()),t&2){let r=i(3);v(),g(r.showLoadingTemplateSignal()?2:1)}}function Jo(t,n){if(t&1&&(u(0),s(1,Ko,3,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,Yo,e.template,W(1,hn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function qo(t,n){if(t&1&&s(0,Jo,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Ho,r.conditionSignal(),W(1,hn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.showLoadingTemplateSignal=R(!1),this.componentId="velt-notifications-panel-content-list-item-body"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,qo,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,br,B,kr],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 fn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Xo=(t,n)=>({condition:t,data:n}),Qo=(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 ea(t,n){if(t&1&&(k(0,"span",2),J(1),O(2,"translate"),C()),t&2){let r=i(5);A("data-testid",r.componentId+"-text"),v(),ie(" ",D(2,2,r.documentName())," ")}}function ta(t,n){if(t&1&&(u(0),c(1,ea,3,4,"span",2),p()),t&2){let r=i(4);v(),g(r.documentName()||!r.defaultCondition()?1:-1)}}function ra(t,n){if(t&1&&s(0,ta,2,1,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(5,Qo,e.template,W(1,fn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function na(t,n){if(t&1&&(u(0),c(1,ra,1,11,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(r.uiState.selectedTab!=r.uiState.TABS.Documents&&e.hasDocumentName()||!e.defaultCondition()?1:-1)}}function oa(t,n){if(t&1&&s(0,na,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Xo,r.conditionSignal(),W(1,fn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Ge=(()=>{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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.documentName=K(()=>{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.hasDocumentName=K(()=>{try{return!!this.resolvedNotification()?.metadata?.documentName}catch{return!1}}),this.componentId="velt-notifications-panel-content-list-item-file-name",this.docService=ae(Pe)}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,oa,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 bn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ia=(t,n)=>({condition:t,data:n}),la=(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 va(t,n){if(t&1&&(T(0,"div",2),O(1,"safeHtml"),O(2,"translate")),t&2){let r,e,o=i(4);d("innerHTML",D(1,4,(r=o.resolvedNotification())==null?null:r.displayHeadlineMessage),ir),A("data-testid",o.componentId+"-headline")("aria-level",2)("aria-label",D(2,6,"Notification headline:")+" "+((e=o.resolvedNotification())==null?null:e.displayHeadlineMessage))}}function da(t,n){if(t&1&&(u(0),c(1,va,3,8,"div",2),p()),t&2){let r,e=i(3);v(),g((r=e.resolvedNotification())!=null&&r.displayHeadlineMessage||!e.defaultCondition()?1:-1)}}function ca(t,n){if(t&1&&(u(0),s(1,da,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,la,e.template,W(1,bn,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&&s(0,ca,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,ia,r.conditionSignal(),W(1,bn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-headline"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,ga,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B,kr],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 kn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ma=(t,n)=>({condition:t,data:n}),ua=(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 pa(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),O(3,"timeAgo"),J(4),O(5,"timeAgo"),O(6,"translate"),C(),p()),t&2){let r,e,o,a=i(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),ie(" ",(o=a.resolvedNotification())!=null&&o.timestamp?D(5,8,(o=a.resolvedNotification())==null?null:o.timestamp):D(6,10,"")," ")}}function ha(t,n){if(t&1&&(u(0),s(1,pa,7,12,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,ua,e.template,W(1,kn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fa(t,n){if(t&1&&s(0,ha,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,ma,r.conditionSignal(),W(1,kn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-time"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,fa,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B,gn],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Cn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r,isDefault:e}),ka=(t,n)=>({condition:t,data:n}),Ca=(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 xa(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),le(),k(3,"svg",3),T(4,"circle",4),C()(),p()),t&2){let r=i(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 _a(t,n){if(t&1&&s(0,xa,5,6,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(6,Ca,e.template,te(1,Cn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification(),e.isDefault),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Sa(t,n){if(t&1&&(u(0),c(1,_a,1,12,"ng-container"),p()),t&2){let r,e=i(2);v(),g((r=e.resolvedNotification())!=null&&r.isUnread||!e.defaultCondition()?1:-1)}}function ya(t,n){if(t&1&&s(0,Sa,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(6,ka,r.conditionSignal(),te(1,Cn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification(),r.isDefault)))}}var Ye=(()=>{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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-unread"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,ya,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 xn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),wa=(t,n)=>({condition:t,data:n}),Na=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Pa(t,n){if(t&1&&(k(0,"div",8)(1,"div",9),le(),k(2,"svg",10),T(3,"path",11),C(),Ee(),T(4,"velt-notifications-panel-content-list-item-file-name-internal",4),C()()),t&2){let r=i(5);A("data-testid",r.componentId+"-info"),v(4),d("componentConfigSignal",r.componentConfigSignal)("notification",r.resolvedNotification())("parentLocalUIState",r.localUIStateSignal)}}function Ta(t,n){if(t&1&&(u(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),C(),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),C(),T(8,"velt-notifications-panel-content-list-item-body-internal",4),c(9,Pa,5,4,"div",8),C(),p()),t&2){let r,e=i(4);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(),g(!((r=e.resolvedNotification())==null||r.metadata==null)&&r.metadata.documentName?9:-1)}}function Oa(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),O(3,"translate"),O(4,"translate"),Z("click",function(o){Y(r);let a=i(2),l=i();return j(a.onNotificationClick(l.resolvedNotification(),o))}),s(5,Ta,10,19,"ng-container",2),C(),p()}if(t&2){let r,e,o=i(2),a=i();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,Na,a.template,W(11,xn,a.componentConfigSignal,a.localUIStateSignal,a.resolvedNotification()),o==null||o.uiState==null?null:o.uiState.variant,a.setIfCondition.bind(a),a.hostElementRef))}}function Da(t,n){if(t&1&&s(0,Oa,6,21,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,wa,r.conditionSignal(),W(1,xn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}function Ea(t,n){if(t&1&&c(0,Da,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var je=(()=>{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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item",this.panelPane="list",this.domService=ae(ge)}getPublishedVeltEntity(){try{return this.resolvedNotification()}catch{return}}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 f(h({},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=x({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&&c(0,Ea,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Re,Ve,Ge,ze,He,Ye,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 _n=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r}),Ma=(t,n)=>({condition:t,data:n}),Fa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),La=(t,n)=>n.id;function Ua(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=i().$implicit,e=i(5);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notification",r)("listItemTemplate",e.listItemTemplate)}}function Ba(t,n){if(t&1&&c(0,Ua,1,4,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=n.$index,e=i(4),o=i();g(r<e.uiState.tabPage[e.uiState.selectedTab]*e.uiState.pageSize||e.uiState.panelOpenMode==="sidebar"||!o.defaultCondition()?0:-1)}}function Ra(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=i(6);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Va(t,n){if(t&1&&c(0,Ra,1,2,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=i(5);g(r.defaultCondition()?-1:0)}}function Ga(t,n){if(t&1&&(u(0),_e(1,Ba,1,1,null,null,La,!1,Va,1,1),p()),t&2){let r=i(4);v(),Se(r.resolvedNotifications())}}function za(t,n){if(t&1&&(u(0),s(1,Ga,4,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,Fa,e.template,W(1,_n,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ha(t,n){if(t&1&&s(0,za,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Ma,r.conditionSignal(),W(1,_n,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotifications())))}}function Ya(t,n){if(t&1&&c(0,Ha,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var be=(()=>{let n=class n extends E{constructor(){super(...arguments),this._listType=R("all"),this._documentId=R(void 0),this.resolvedNotifications=K(()=>{try{let e=this.componentConfigSignal();if(this.notifications)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],l=o;try{l=this.docService.generateDocumentId(o)||o}catch{}return a.find(b=>b.documentId===l||b.documentId===o)?.notifications||[]}return this._listType()==="for-you"?e?.data?.notificationsForYouInSession||[]:e?.data?.notificationsInSession||[]}catch{return[]}}),this.componentId="velt-notifications-panel-content-list",this.panelPane="list",this.docService=ae(Pe)}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 f(h({},super.getConditionalClassesContext()),{notifications:this.notifications})}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-list-item-wireframe");pe(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=x({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&&c(0,Ya,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,je],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Sn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isLoadMoreVisible:r,notifications:e}),ja=(t,n)=>({condition:t,data:n}),Wa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-load-more-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function $a(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(5);v(),Yr(" ",D(2,2,"Load More")," (",r.remainingCount(),") ")}}function Ka(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=i(3);return j(a.onLoadMoreClick(o))}),s(3,$a,3,4,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Wa,e.template,te(7,Sn,e.componentConfigSignal,e.localUIStateSignal,e.isLoadMoreVisible,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ja(t,n){if(t&1&&(u(0),c(1,Ka,4,18,"button",1),p()),t&2){let r=i(3);v(),g(r.shouldShowLoadMore()?1:-1)}}function qa(t,n){if(t&1&&s(0,Ja,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,ja,r.conditionSignal(),te(1,Sn,r.componentConfigSignal,r.localUIStateSignal,r.isLoadMoreVisible,r.resolvedNotifications())))}}function Za(t,n){if(t&1&&c(0,qa,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var ke=(()=>{let n=class n extends E{constructor(){super(...arguments),this._isLoadMoreVisible=R(!1),this._isLoadMoreVisibleBound=!1,this.notifications=[],this._listType=R("all"),this._documentId=R(void 0),this.remainingCount=K(()=>{try{let e=this.componentConfigSignal(),o=this.resolvedNotifications()?.length||0,a=e?.uiState?.pageSize||0,l=e?.uiState?.tabPage?.[e?.uiState?.selectedTab]||0;return Math.max(0,o-l*a)}catch{return 0}}),this.shouldShowLoadMore=K(()=>{try{return this.defaultCondition()?this.componentConfigSignal()?.uiState?.panelOpenMode==="sidebar"?!1:this._isLoadMoreVisibleBound?this._isLoadMoreVisible():this.remainingCount()>0:!0}catch{return!1}}),this.resolvedNotifications=K(()=>{try{let e=this.componentConfigSignal();if(this.notifications?.length)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],l=o;try{l=this.docService.generateDocumentId(o)||o}catch{}return a.find(b=>b.documentId===l||b.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.panelPane="list",this.docService=ae(Pe)}set isLoadMoreVisible(e){this._isLoadMoreVisibleBound=!0,this._isLoadMoreVisible.set(!!e)}get isLoadMoreVisible(){return this._isLoadMoreVisible()}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 f(h({},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=x({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&&c(0,Za,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 yn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),Xa=(t,n)=>({condition:t,data:n}),Qa=(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 ei(t,n){if(t&1&&(u(0),T(1,"velt-notifications-panel-content-list-internal",2)(2,"velt-notifications-panel-content-load-more-internal",3),p()),t&2){let r,e,o,a=i(2),l=i();v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(r=l.resolvedData())==null?null:r.notifications),v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(e=l.resolvedData())==null?null:e.notifications)("isLoadMoreVisible",((o=l.resolvedData())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.all*a.uiState.pageSize)}}function ti(t,n){if(t&1&&(u(0),s(1,ei,3,7,"ng-container",1),p()),t&2){let r,e=i(),o=i();v(),d("veltDynamicTemplate",y(6,Qa,o.template,te(1,yn,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 ri(t,n){if(t&1&&s(0,ti,2,12,"ng-container",0),t&2){let r,e=n,o=i();d("veltIf",m(6,Xa,o.conditionSignal(),te(1,yn,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)))}}var We=(()=>{let n=class n extends tr{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=x({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&&c(0,ri,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,be,ke],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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,notifications:r,isLoadMoreVisible:e}),oi=(t,n)=>({condition:t,data:n}),ai=(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 ii(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),O(3,"translate"),C(),p()),t&2){let r,e,o=i(3);v(),A("data-testid",o.componentId)("role","listitem")("aria-label",(r=o.resolvedData())==null?null:r.displayName),v(),ie(" ",D(3,4,(e=o.resolvedData())==null?null:e.displayName)," ")}}function li(t,n){if(t&1&&(u(0),s(1,ii,4,6,"ng-container",1),p()),t&2){let r,e=i(),o=i();v(),d("veltDynamicTemplate",y(6,ai,o.template,te(1,In,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 vi(t,n){if(t&1&&s(0,li,2,12,"ng-container",0),t&2){let r,e=n,o=i();d("veltIf",m(6,oi,o.conditionSignal(),te(1,In,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)))}}var $e=(()=>{let n=class n extends tr{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=x({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&&c(0,vi,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 wn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),ci=(t,n)=>({condition:t,data:n}),gi=(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 si(t,n){if(t&1&&(u(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),C(),p()),t&2){let r=i(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 mi(t,n){if(t&1&&(u(0),s(1,si,5,11,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,gi,e.template,W(1,wn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedData()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ui(t,n){if(t&1&&s(0,mi,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,ci,r.conditionSignal(),W(1,wn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedData())))}}var Ke=(()=>{let n=class n extends tr{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item",this.domService=ae(ge)}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=x({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&&c(0,ui,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,We,$e,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Nn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),hi=(t,n)=>({condition:t,data:n}),fi=(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}),bi=()=>[],ki=(t,n)=>n.date;function Ci(t,n){if(t&1&&(k(0,"div"),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",2),C()),t&2){let r=n.$implicit,e=i(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 xi(t,n){if(t&1&&(k(0,"div",3),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",4),C()),t&2){let r=i(6);A("data-testid",r.componentId)("aria-label",D(1,4,"All notifications list")),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function _i(t,n){if(t&1&&c(0,xi,3,6,"div",3),t&2){let r=i(5);g(r.defaultCondition()?-1:0)}}function Si(t,n){if(t&1&&_e(0,Ci,3,9,"div",null,ki,!1,_i,1,1),t&2){let r=i(3);Se(r.data.notificationsByDate??Ue(1,bi))}}function yi(t,n){if(t&1&&(u(0),c(1,Si,3,2),p()),t&2){let r=i(2),e=i();v(),g(!(r==null||r.data==null)&&r.data.notificationsByDate||!e.defaultCondition()?1:-1)}}function Ii(t,n){if(t&1&&(u(0),s(1,yi,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,fi,e.template,m(1,Nn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function wi(t,n){if(t&1&&s(0,Ii,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,hi,r.conditionSignal(),m(1,Nn,r.componentConfigSignal,r.localUIStateSignal)))}}var Je=(()=>{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");pe(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=x({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&&c(0,wi,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ke,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Pn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Pi=(t,n)=>({condition:t,data:n}),Ti=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-view-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Oi(t,n){t&1&&(u(0),k(1,"div",3),J(2),O(3,"translate"),C(),p()),t&2&&(v(2),ie(" ",D(3,1,"View all")," "))}function Di(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=i(),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=i(),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=i(),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.All))}),s(3,Oi,4,3,"ng-container",2),C(),p()}if(t&2){let r=i(),e=i();v(),A("aria-label",D(2,3,"View all notifications"))("data-testid",e.componentId+"-view-all-container"),v(2),d("veltDynamicTemplate",y(8,Ti,e.template,m(5,Pn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ei(t,n){if(t&1&&s(0,Di,4,14,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Pi,r.conditionSignal(),m(1,Pn,r.componentConfigSignal,r.localUIStateSignal)))}}var qe=(()=>{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===ce?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=x({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&&c(0,Ei,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Tn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r}),Mi=(t,n)=>({condition:t,data:n}),Fi=(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 Li(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),k(3,"span",3),J(4,"\u{1F60C}"),C(),k(5,"div",4),O(6,"translate"),J(7),O(8,"translate"),C(),T(9,"velt-notifications-panel-view-all-button-internal",5),C(),p()),t&2){let r=i(5);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),ie(" ",D(8,13,"All notifications read")," "),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Ui(t,n){if(t&1&&s(0,Li,10,15,"ng-container",1),t&2){let r=i(3),e=i();d("veltDynamicTemplate",y(5,Fi,e.template,W(1,Tn,e.componentConfigSignal,e.localUIStateSignal,e.isAllRead),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bi(t,n){if(t&1&&(u(0),c(1,Ui,1,11,"ng-container"),p()),t&2){let r=i(3);v(),g(r.isAllRead||!r.defaultCondition()?1:-1)}}function Ri(t,n){if(t&1&&s(0,Bi,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Mi,r.conditionSignal(),W(1,Tn,r.componentConfigSignal,r.localUIStateSignal,r.isAllRead)))}}function Vi(t,n){if(t&1&&c(0,Ri,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ce=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isAllRead=!1,this.componentId="velt-notifications-panel-content-all-read-container",this.panelPane="list"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Vi,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,qe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 On=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Gi=(t,n)=>({condition:t,data:n}),zi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-skeleton-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Hi(t,n){t&1&&(u(0),k(1,"div",2)(2,"div",3),T(3,"div",4),k(4,"div",5)(5,"div",6),T(6,"div",7),C(),k(7,"div",8),T(8,"div",9)(9,"div",10),C()()(),k(10,"div",3),T(11,"div",4),k(12,"div",5)(13,"div",6),T(14,"div",7),C(),k(15,"div",8),T(16,"div",9)(17,"div",10),C()()()(),p())}function Yi(t,n){if(t&1&&s(0,Hi,18,0,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,zi,e.template,m(1,On,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ji(t,n){if(t&1&&(u(0),c(1,Yi,1,10,"ng-container"),p()),t&2){let r=i(2);v(),g(r.isLoading?1:-1)}}function Wi(t,n){if(t&1&&s(0,ji,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Gi,r.conditionSignal(),m(1,On,r.componentConfigSignal,r.localUIStateSignal)))}}var xe=(()=>{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=x({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&&c(0,Wi,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 $i=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ki=(t,n)=>({condition:t,data:n}),Ji=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),qi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Zi(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 Xi(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,Zi,4,8,"ng-container",3),C()),t&2){let r=i(3),e=i();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,qi,e.template,te(8,Ji,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 Qi(t,n){if(t&1&&(u(0),c(1,Xi,3,19,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.All===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function el(t,n){if(t&1&&s(0,Qi,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ki,r.conditionSignal(),m(1,$i,r.componentConfigSignal,r.localUIStateSignal)))}}function tl(t,n){if(t&1&&c(0,el,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ze=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all",this.panelPane="list"}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=x({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&&c(0,tl,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Je,Ce,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Be=(()=>{let n=class n extends Sr{constructor(){super(...arguments),this._documentId=R(void 0),this.docService=ae(Pe),this.inputPropertyName="document",this.resolvedDocument=K(()=>{let e=this._documentId()??this.getInheritedVeltContextData()["document-id"];if(e){let o=this.componentConfigSignal()?.data?.notificationsByDocumentId||[],a=e;try{a=this.docService.generateDocumentId(e)||e}catch{}let l=o.find(b=>b?.documentId===a||b?.documentId===e);if(l)return l}return this.resolvedItem()})}set documentId(e){this._documentId.set(e?.trim()||void 0)}getInputValue(){return this.document}getConfigArray(e){return e?.data?.notificationsByDocumentId}getPublishedVeltEntity(){try{return this.resolvedDocument()}catch{return}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 nl=(t,n,r,e,o,a)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e,notifications:o,isLoadMoreVisible:a}),ol=(t,n)=>({condition:t,data:n}),al=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),il=(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 ll(t,n){if(t&1&&(u(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),p()),t&2){let r,e,o,a=i(3),l=i();v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(r=l.resolvedDocument())==null?null:r.notifications)("template",l.template),v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(e=l.resolvedDocument())==null?null:e.notifications)("isLoadMoreVisible",((o=l.resolvedDocument())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.documents*a.uiState.pageSize)}}function vl(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,ll,3,8,"ng-container",3),C()),t&2){let r,e=i(2),o=i();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,il,o.template,te(8,al,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 dl(t,n){if(t&1&&(u(0),c(1,vl,3,19,"div",1),p()),t&2){let r,e=i(),o=i();v(),g(e.uiState.documentExpanded[(r=o.resolvedDocument())==null?null:r.documentId]||!o.defaultCondition()?1:-1)}}function cl(t,n){if(t&1&&s(0,dl,2,1,"ng-container",0),t&2){let r,e=n,o=i();d("veltIf",m(8,ol,o.conditionSignal(),vr(1,nl,o.componentConfigSignal,o.localUIStateSignal,o.resolvedDocument(),o.index,(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)))}}var Xe=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-content"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,cl,1,11,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,be,ke,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Dn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),sl=(t,n)=>({condition:t,data:n}),ml=(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 ul(t,n){if(t&1&&(k(0,"span"),O(1,"translate"),J(2),O(3,"translate"),C()),t&2){let r,e=i(4);A("data-testid",e.componentId+"-count")("role","listitem")("aria-label",D(1,4,"Document notification")),v(2),Le(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)+" "+D(3,6,"Unread"))}}function pl(t,n){if(t&1&&(u(0),c(1,ul,4,8,"span"),p()),t&2){let r,e=i(3);v(),g((r=e.resolvedDocument())!=null&&r.unreadNotificationsCount||!e.defaultCondition()?1:-1)}}function hl(t,n){if(t&1&&(u(0),s(1,pl,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(6,ml,e.template,te(1,Dn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fl(t,n){if(t&1&&s(0,hl,2,12,"ng-container",0),t&2){let r=i();d("veltIf",m(6,sl,r.conditionSignal(),te(1,Dn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var Qe=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-count"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,fl,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),kl=(t,n)=>({condition:t,data:n}),Cl=(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}),xl=t=>({$implicit:t});function _l(t,n){t&1&&Fe(0)}function Sl(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),J(3),O(4,"translate"),C()),t&2){let r=i().$implicit,e=i(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),Le(D(4,7,r==null?null:r.documentName))}}function yl(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),J(3),O(4,"translate"),C()),t&2){let r,e,o=i(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),ie(" ",((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 Il(t,n){if(t&1&&c(0,Sl,5,9,"span",4)(1,yl,5,9,"span",4),t&2){let r=n.$implicit;g(r!=null&&r.documentName?0:1)}}function wl(t,n){if(t&1&&(u(0),s(1,_l,1,0,"ng-container",3)(2,Il,2,1,"ng-template",null,0,Ne),p()),t&2){let r,e=fe(3),o=i(3);v(),d("ngTemplateOutlet",e)("ngTemplateOutletContext",lr(2,xl,((r=o.resolvedDocument())==null?null:r.documentMetadata)||((r=o.resolvedDocument())==null||r.notifications==null||r.notifications[0]==null?null:r.notifications[0].metadata)))}}function Nl(t,n){if(t&1&&(u(0),s(1,wl,4,4,"ng-container",2),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(6,Cl,e.template,te(1,En,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Pl(t,n){if(t&1&&s(0,Nl,2,12,"ng-container",1),t&2){let r=i();d("veltIf",m(6,kl,r.conditionSignal(),te(1,En,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var et=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-name"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Pl,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[Kt,P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 An=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e,isDefault:o}),Ol=(t,n)=>({condition:t,data:n}),Dl=(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 El(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),le(),k(3,"svg",3),T(4,"circle",4),C()(),p()),t&2){let r,e=i(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 Al(t,n){if(t&1&&s(0,El,5,6,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(7,Dl,e.template,y(1,An,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 Ml(t,n){if(t&1&&(u(0),c(1,Al,1,13,"ng-container"),p()),t&2){let r,e=i(2);v(),g(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)>0||!e.defaultCondition()?1:-1)}}function Fl(t,n){if(t&1&&s(0,Ml,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(7,Ol,r.conditionSignal(),y(1,An,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index,r.isDefault)))}}var tt=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.isDefault=!1,this.componentId="velt-notifications-panel-content-documents-list-item-unread"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Fl,1,10,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Mn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),Ul=(t,n)=>({condition:t,data:n}),Bl=(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 Rl(t,n){if(t&1&&(u(0),k(1,"div",3)(2,"div",4)(3,"div",5),le(),k(4,"svg",6),T(5,"path",7),C(),Ee(),T(6,"velt-notifications-panel-content-documents-list-item-unread-internal",8),C(),T(7,"velt-notifications-panel-content-documents-list-item-name-internal",9),C(),k(8,"div",10),T(9,"velt-notifications-panel-content-documents-list-item-count-internal",9),le(),k(10,"svg",11),T(11,"path",12),C()()(),Ee(),T(12,"velt-notifications-panel-content-documents-list-item-content-internal",13),p()),t&2){let r=i(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 Vl(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(),a=i();return j(o.toggleDocumentAccordion(a.document==null?null:a.document.documentId))}),s(2,Rl,13,15,"ng-container",2),C(),p()}if(t&2){let r=i(),e=i();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,Bl,e.template,te(6,Mn,e.componentConfigSignal,e.localUIStateSignal,e.document,e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Gl(t,n){if(t&1&&s(0,Vl,3,17,"ng-container",0),t&2){let r=i();d("veltIf",m(6,Ul,r.conditionSignal(),te(1,Mn,r.componentConfigSignal,r.localUIStateSignal,r.document,r.index)))}}var rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item",this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,Gl,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Xe,Qe,et,tt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Fn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Hl=(t,n)=>({condition:t,data:n}),Yl=(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}),jl=()=>[],Wl=(t,n)=>n.documentId;function $l(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=i(4);d("componentConfigSignal",o.componentConfigSignal)("parentLocalUIState",o.localUIStateSignal)("document",r)("index",e)("listItemTemplate",o.listItemTemplate)}}function Kl(t,n){if(t&1&&T(0,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=i(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Jl(t,n){if(t&1&&c(0,Kl,1,2,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=i(4);g(r.defaultCondition()?-1:0)}}function ql(t,n){if(t&1&&(u(0),_e(1,$l,1,5,"velt-notifications-panel-content-documents-list-item-internal",2,Wl,!1,Jl,1,1),p()),t&2){let r=i(2);v(),Se(r.data.notificationsByDocumentId??Ue(1,jl))}}function Zl(t,n){if(t&1&&(u(0),s(1,ql,4,2,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,Yl,e.template,m(1,Fn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Xl(t,n){if(t&1&&s(0,Zl,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Hl,r.conditionSignal(),m(1,Fn,r.componentConfigSignal,r.localUIStateSignal)))}}var nt=(()=>{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");pe(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=x({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&&c(0,Xl,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,rt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ev=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),tv=(t,n)=>({condition:t,data:n}),rv=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),nv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ov(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 av(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),s(2,ov,4,8,"ng-container",2),C()),t&2){let r=i(3),e=i();A("data-testid",e.componentId)("aria-label",D(1,3,"Document notifications panel")),v(2),d("veltDynamicTemplate",y(10,nv,e.template,te(5,rv,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 iv(t,n){if(t&1&&(u(0),c(1,av,3,16,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.Documents===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function lv(t,n){if(t&1&&s(0,iv,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,tv,r.conditionSignal(),m(1,ev,r.componentConfigSignal,r.localUIStateSignal)))}}function vv(t,n){if(t&1&&c(0,lv,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var ot=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents",this.panelPane="list"}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=x({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&&c(0,vv,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ce,nt,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 cv=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gv=(t,n)=>({condition:t,data:n}),sv=(t,n,r,e,o,a)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e,isAllRead:o,isLoading:a}),mv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-for-you-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function uv(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 pv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,uv,5,13,"ng-container",3),C()),t&2){let r=i(3),e=i();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,mv,e.template,vr(7,sv,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 hv(t,n){if(t&1&&(u(0),c(1,pv,3,20,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.ForYou===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function fv(t,n){if(t&1&&s(0,hv,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,gv,r.conditionSignal(),m(1,cv,r.componentConfigSignal,r.localUIStateSignal)))}}function bv(t,n){if(t&1&&c(0,fv,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var at=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-for-you",this.panelPane="list"}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=x({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&&c(0,bv,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ce,be,ke,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Te=(()=>{let n=class n extends E{constructor(){super(...arguments),this._email=R(void 0),this._userId=R(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.contextTick=R(0),this.resolvedEntry=K(()=>{try{this.contextTick();let e=this.componentConfigSignal()?.data?.notificationsByUserMap||{},o=Object.keys(e).map(ve=>({key:ve,value:e[ve]})),a=this._email();if(a&&o.length){let ve=o.find(ye=>ye.key===a);if(ve)return ve}let l=this._userId();if(l&&o.length){let ve=o.find(ye=>ye.value?.user?.userId===l);if(ve)return ve}let b=this.notificationIndex();if(b!==void 0&&o.length&&b>=0&&b<o.length)return o[b];let F=this.getInheritedVeltContextData(),M=F.email||F["user-email"];if(M&&o.length){let ve=o.find(ye=>ye.key===M);if(ve)return ve}let $=F["user-id"];if($&&o.length){let ve=o.find(ye=>ye.value?.user?.userId===$);if(ve)return ve}let me=F["notification-index"];if(me!==void 0&&o.length){let ve=parseInt(me,10);if(!isNaN(ve)&&ve>=0&&ve<o.length)return o[ve]}let ue=this.getInheritedVeltEntity();return ue??(o.length?o[0]:null)}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)}onVeltContextChanged(){try{this.contextTick.update(e=>e+1)}catch{}}getPublishedVeltEntity(){try{return this.resolvedEntry()}catch{return}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 Ln=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Cv=(t,n)=>({condition:t,data:n}),xv=(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 _v(t,n){if(t&1&&(u(0),T(1,"snippyly-user-avatar",2),O(2,"translate"),p()),t&2){let r=i(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 Sv(t,n){if(t&1&&(u(0),s(1,_v,3,6,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,xv,e.template,W(1,Ln,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&&s(0,Sv,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Cv,r.conditionSignal(),W(1,Ln,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var it=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-avatar"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,yv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Qt,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 wv=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Nv=(t,n)=>({condition:t,data:n}),Pv=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,data:r,notifications:e,isLoadMoreVisible:o}),Tv=(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 Ov(t,n){if(t&1&&(u(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),p()),t&2){let r=i(3),e=i();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 Dv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,Ov,3,8,"ng-container",3),C()),t&2){let r=i(2),e=i();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,Tv,e.template,y(7,Pv,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 Ev(t,n){if(t&1&&(u(0),c(1,Dv,3,19,"div",1),p()),t&2){let r=i(),e=i();v(),g(r.uiState.usersExpanded[e.data==null?null:e.data.key]||!e.defaultCondition()?1:-1)}}function Av(t,n){if(t&1&&s(0,Ev,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Nv,r.conditionSignal(),W(1,wv,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var lt=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-content"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Av,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,be,ke,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Un=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Fv=(t,n)=>({condition:t,data:n}),Lv=(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 Uv(t,n){if(t&1&&(u(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),O(4,"translate"),J(5),O(6,"translate"),O(7,"translate"),C(),p()),t&2){let r=i(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),ie("",(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 Bv(t,n){if(t&1&&(u(0),s(1,Uv,8,13,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,Lv,e.template,W(1,Un,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Rv(t,n){if(t&1&&s(0,Bv,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Fv,r.conditionSignal(),W(1,Un,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var vt=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-count"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Rv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Bn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Gv=(t,n)=>({condition:t,data:n}),zv=(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 Hv(t,n){if(t&1&&(u(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),J(4),O(5,"translate"),C(),p()),t&2){let r=i(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),ie("",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 Yv(t,n){if(t&1&&(u(0),s(1,Hv,6,9,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,zv,e.template,W(1,Bn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function jv(t,n){if(t&1&&s(0,Yv,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Gv,r.conditionSignal(),W(1,Bn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var dt=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-name"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,jv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Rn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),$v=(t,n)=>({condition:t,data:n}),Kv=(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 Jv(t,n){if(t&1&&(u(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),C(),k(5,"div",6),T(6,"velt-notifications-panel-content-people-list-item-count-internal",4),le(),k(7,"svg",7),T(8,"path",8),C()()(),Ee(),T(9,"velt-notifications-panel-content-people-list-item-content-internal",9),p()),t&2){let r=i(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 qv(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(),a=i();return j(o.toggleUserAccordion(a.data==null?null:a.data.key))}),s(2,Jv,10,15,"ng-container",2),C(),p()}if(t&2){let r=i(),e=i();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,Kv,e.template,W(6,Rn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Zv(t,n){if(t&1&&s(0,qv,3,16,"ng-container",0),t&2){let r=i();d("veltIf",m(5,$v,r.conditionSignal(),W(1,Rn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var ct=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item",this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,Zv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,it,lt,vt,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)}[_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 Vn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Qv=(t,n)=>({condition:t,data:n}),ed=(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}),td=(t,n)=>n.key;function rd(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",2),t&2){let r=n.$implicit,e=i(4);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("data",r)("listItemTemplate",e.listItemTemplate)}}function nd(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=i(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function od(t,n){if(t&1&&c(0,nd,1,2,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=i(4);g(r.defaultCondition()?-1:0)}}function ad(t,n){if(t&1&&(u(0),_e(1,rd,1,4,"velt-notifications-panel-content-people-list-item-internal",2,td,!1,od,1,1),O(4,"keyvalue"),p()),t&2){let r=i(2);v(),Se(D(4,1,r.data.notificationsByUserMap))}}function id(t,n){if(t&1&&(u(0),s(1,ad,5,3,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,ed,e.template,m(1,Vn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ld(t,n){if(t&1&&s(0,id,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Qv,r.conditionSignal(),m(1,Vn,r.componentConfigSignal,r.localUIStateSignal)))}}var gt=(()=>{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");pe(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=x({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&&c(0,ld,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,ct,jr],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 dd=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),cd=(t,n)=>({condition:t,data:n}),gd=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),sd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function md(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 ud(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),s(2,md,4,8,"ng-container",2),C()),t&2){let r=i(3),e=i();A("aria-label",D(1,3,"People notifications panel"))("data-testid",e.componentId),v(2),d("veltDynamicTemplate",y(10,sd,e.template,te(5,gd,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 pd(t,n){if(t&1&&(u(0),c(1,ud,3,16,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.People===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function hd(t,n){if(t&1&&s(0,pd,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,cd,r.conditionSignal(),m(1,dd,r.componentConfigSignal,r.localUIStateSignal)))}}function fd(t,n){if(t&1&&c(0,hd,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var st=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people",this.panelPane="list"}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=x({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&&c(0,fd,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ce,gt,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Gn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),kd=(t,n)=>({condition:t,data:n}),Cd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function xd(t,n){if(t&1&&(u(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),p()),t&2){let r=i(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 _d(t,n){if(t&1&&s(0,xd,5,8,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,Cd,e.template,m(1,Gn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Sd(t,n){if(t&1&&(u(0),c(1,_d,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function yd(t,n){if(t&1&&s(0,Sd,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,kd,r.conditionSignal(),m(1,Gn,r.componentConfigSignal,r.localUIStateSignal)))}}var mt=(()=>{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=x({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&&c(0,yd,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ze,ot,at,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);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 zn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),wd=(t,n)=>({condition:t,data:n}),Nd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Pd(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 Td(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.All))}),s(1,Pd,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Nd,e.template,m(8,zn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Od(t,n){if(t&1&&(u(0),c(1,Td,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 Dd(t,n){if(t&1&&s(0,Od,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,wd,r.conditionSignal(),m(1,zn,r.componentConfigSignal,r.localUIStateSignal)))}}function Ed(t,n){if(t&1&&c(0,Dd,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-all",this.panelPane="list"}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===ce?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=x({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&&c(0,Ed,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Hn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Md=(t,n)=>({condition:t,data:n}),Fd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ld(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 Ud(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.Documents))}),s(1,Ld,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Fd,e.template,m(8,Hn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bd(t,n){if(t&1&&(u(0),c(1,Ud,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 Rd(t,n){if(t&1&&s(0,Bd,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Md,r.conditionSignal(),m(1,Hn,r.componentConfigSignal,r.localUIStateSignal)))}}function Vd(t,n){if(t&1&&c(0,Rd,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-documents",this.panelPane="list"}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===ce?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=x({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&&c(0,Vd,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Yn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),zd=(t,n)=>({condition:t,data:n}),Hd=(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 Yd(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 jd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.ForYou))}),s(1,Yd,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Hd,e.template,m(8,Yn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Wd(t,n){if(t&1&&(u(0),c(1,jd,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 $d(t,n){if(t&1&&s(0,Wd,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,zd,r.conditionSignal(),m(1,Yn,r.componentConfigSignal,r.localUIStateSignal)))}}function Kd(t,n){if(t&1&&c(0,$d,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var ht=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-for-you",this.panelPane="list"}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===ce?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=x({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&&c(0,Kd,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 jn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),qd=(t,n)=>({condition:t,data:n}),Zd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Xd(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 Qd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.People))}),s(1,Xd,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Zd,e.template,m(8,jn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ec(t,n){if(t&1&&(u(0),c(1,Qd,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 tc(t,n){if(t&1&&s(0,ec,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,qd,r.conditionSignal(),m(1,jn,r.componentConfigSignal,r.localUIStateSignal)))}}function rc(t,n){if(t&1&&c(0,tc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-people",this.panelPane="list"}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===ce?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=x({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&&c(0,rc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Wn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),oc=(t,n)=>({condition:t,data:n}),ac=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ic(t,n){if(t&1&&(u(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),C()(),p()),t&2){let r=i(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 lc(t,n){if(t&1&&s(0,ic,8,13,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,ac,e.template,m(1,Wn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function vc(t,n){if(t&1&&(u(0),c(1,lc,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!r.uiState.settingsOpen&&r.uiState.tabCount>1||!e.defaultCondition()?1:-1)}}function dc(t,n){if(t&1&&s(0,vc,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,oc,r.conditionSignal(),m(1,Wn,r.componentConfigSignal,r.localUIStateSignal)))}}var bt=(()=>{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=x({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&&c(0,dc,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,ut,pt,ht,ft,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 $n=(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-description-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function mc(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Set notification preference for the current document"),C(),p())}function uc(t,n){if(t&1&&(u(0),s(1,mc,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,sc,e.template,m(1,$n,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&&s(0,uc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,gc,r.conditionSignal(),m(1,$n,r.componentConfigSignal,r.localUIStateSignal)))}}function hc(t,n){if(t&1&&c(0,pc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var kt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-description",this.panelPane="settings"}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=x({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&&c(0,hc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Kn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),bc=(t,n)=>({condition:t,data:n}),kc=(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 Cc(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),C(),p()),t&2){let r=i(3);v(2),ie("You will not receive any notifications from ",r.data.currentDocumentName||"current document")}}function xc(t,n){if(t&1&&(u(0),s(1,Cc,3,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,kc,e.template,m(1,Kn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function _c(t,n){if(t&1&&s(0,xc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,bc,r.conditionSignal(),m(1,Kn,r.componentConfigSignal,r.localUIStateSignal)))}}function Sc(t,n){if(t&1&&c(0,_c,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ct=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-description",this.panelPane="settings"}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=x({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&&c(0,Sc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Jn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ic=(t,n)=>({condition:t,data:n}),wc=(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 Nc(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Mute all document notifications"),C(),p())}function Pc(t,n){if(t&1&&(u(0),s(1,Nc,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,wc,e.template,m(1,Jn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Tc(t,n){if(t&1&&s(0,Pc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ic,r.conditionSignal(),m(1,Jn,r.componentConfigSignal,r.localUIStateSignal)))}}function Oc(t,n){if(t&1&&c(0,Tc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var xt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-title",this.panelPane="settings"}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=x({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&&c(0,Oc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 qn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ec=(t,n)=>({condition:t,data:n}),Ac=(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 Mc(t,n){t&1&&(u(0),k(1,"div",3),T(2,"div",4),C(),p())}function Fc(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(2);return j(o.toggleSettingsMutedAll())}),s(2,Mc,3,0,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();v(),ee("velt-notification-panel--settings-mute-all-toggle-container-muted",r.uiState.settingsMutedAll),v(),d("veltDynamicTemplate",y(6,Ac,e.template,m(3,qn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Lc(t,n){if(t&1&&s(0,Fc,3,12,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ec,r.conditionSignal(),m(1,qn,r.componentConfigSignal,r.localUIStateSignal)))}}function Uc(t,n){if(t&1&&c(0,Lc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var _t=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-toggle",this.panelPane="settings"}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=x({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&&c(0,Uc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Zn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Rc=(t,n)=>({condition:t,data:n}),Vc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-footer-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Gc(t,n){if(t&1&&(u(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),C(),T(5,"velt-notifications-panel-settings-mute-all-toggle-internal",4),C(),p()),t&2){let r=i(4);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 zc(t,n){if(t&1&&(u(0),s(1,Gc,6,6,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,Vc,e.template,m(1,Zn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Hc(t,n){if(t&1&&s(0,zc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Rc,r.conditionSignal(),m(1,Zn,r.componentConfigSignal,r.localUIStateSignal)))}}function Yc(t,n){if(t&1&&c(0,Hc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var St=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-footer",this.panelPane="settings"}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=x({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&&c(0,Yc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ct,xt,_t],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Xn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Wc=(t,n)=>({condition:t,data:n}),$c=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-back-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Kc(t,n){t&1&&(u(0),k(1,"div",3),le(),k(2,"svg",4),T(3,"path",5),C()(),p())}function Jc(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(2);return j(o.closeSettings())}),s(2,Kc,4,0,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();v(2),d("veltDynamicTemplate",y(4,$c,e.template,m(1,Xn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function qc(t,n){if(t&1&&s(0,Jc,3,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Wc,r.conditionSignal(),m(1,Xn,r.componentConfigSignal,r.localUIStateSignal)))}}function Zc(t,n){if(t&1&&c(0,qc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var yt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-back-button",this.panelPane="settings"}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=x({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&&c(0,Zc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Qn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Qc=(t,n)=>({condition:t,data:n}),eg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tg(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Settings"),C(),p())}function rg(t,n){if(t&1&&(u(0),s(1,tg,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,eg,e.template,m(1,Qn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ng(t,n){if(t&1&&s(0,rg,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Qc,r.conditionSignal(),m(1,Qn,r.componentConfigSignal,r.localUIStateSignal)))}}function og(t,n){if(t&1&&c(0,ng,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var It=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header-title",this.panelPane="settings"}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=x({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&&c(0,og,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 eo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ig=(t,n)=>({condition:t,data:n}),lg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function vg(t,n){if(t&1&&(u(0),k(1,"div",2),T(2,"velt-notifications-panel-settings-back-button-internal",3)(3,"velt-notifications-panel-settings-header-title-internal",3),C(),p()),t&2){let r=i(4);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function dg(t,n){if(t&1&&(u(0),s(1,vg,4,4,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,lg,e.template,m(1,eo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function cg(t,n){if(t&1&&s(0,dg,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,ig,r.conditionSignal(),m(1,eo,r.componentConfigSignal,r.localUIStateSignal)))}}function gg(t,n){if(t&1&&c(0,cg,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var wt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header",this.panelPane="settings"}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=x({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&&c(0,gg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,yt,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-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 to=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),mg=(t,n)=>({condition:t,data:n}),ug=(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 pg(t,n){t&1&&(u(0),le(),k(1,"svg",3),T(2,"rect",4)(3,"circle",5),C(),k(4,"svg",6),T(5,"rect",7),C(),p())}function hg(t,n){if(t&1&&(u(0),k(1,"div",1),s(2,pg,6,0,"ng-container",2),C(),p()),t&2){let r,e=i(2),o=i();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,ug,o.template,te(3,to,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function fg(t,n){if(t&1&&s(0,hg,3,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,mg,r.conditionSignal(),te(1,to,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}function bg(t,n){if(t&1&&c(0,fg,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Nt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-icon",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(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=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this._accordionItemId=R(void 0),this.resolvedOption=K(()=>{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 b=a.toLowerCase(),F=o.values.find(M=>(M?.id||"").toLowerCase()===b||(M?.name||"").toLowerCase()===b);if(F)return F}let l=this.optionIndex();return l!==void 0&&o.values[l]?o.values[l]: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 f(h({},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=x({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&&c(0,bg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 ro=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),Cg=(t,n)=>({condition:t,data:n}),xg=(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 _g(t,n){if(t&1&&(u(0),k(1,"span",3),J(2),C(),p()),t&2){let r,e=i(4);v(2),ie(" ",((r=e.resolvedOption())==null?null:r.name)||((r=e.resolvedOption())==null?null:r.id)," ")}}function Sg(t,n){if(t&1&&(u(0),k(1,"div",1),s(2,_g,3,1,"ng-container",2),C(),p()),t&2){let r,e=i(2),o=i();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,xg,o.template,te(3,ro,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function yg(t,n){if(t&1&&s(0,Sg,3,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,Cg,r.conditionSignal(),te(1,ro,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}function Ig(t,n){if(t&1&&c(0,yg,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-label",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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=R(void 0),this.optionSignal=R(null),this.resolvedOption=K(()=>{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 b=a.toLowerCase(),F=o.values.find(M=>(M?.id||"").toLowerCase()===b||(M?.name||"").toLowerCase()===b);if(F)return F}let l=this.optionIndex();return l!==void 0&&o.values[l]?o.values[l]: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 f(h({},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=x({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&&c(0,Ig,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 no=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),Ng=(t,n)=>({condition:t,data:n}),Pg=(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 Tg(t,n){if(t&1&&(u(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),C(),p()),t&2){let r=i(4);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 Og(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=i(2),l=i();return j(a.setSettingsSelectedOption((o=l.resolvedAccordionConfig())==null?null:o.id,l.resolvedOption()))}),s(2,Tg,4,8,"ng-container",2),C(),p()}if(t&2){let r,e=i(2),o=i();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,Pg,o.template,te(3,no,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&&s(0,Og,3,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,Ng,r.conditionSignal(),te(1,no,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}function Eg(t,n){if(t&1&&c(0,Dg,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Tt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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=R(void 0),this.optionSignal=R(null),this.resolvedOption=K(()=>{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 b=a.toLowerCase(),F=o.values.find(M=>(M?.id||"").toLowerCase()===b||(M?.name||"").toLowerCase()===b);if(F)return F}let l=this.optionIndex();return l!==void 0&&o.values[l]?o.values[l]:o.values[0]}catch{return null}}),this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,Eg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Nt,Pt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 oo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Mg=(t,n)=>({condition:t,data:n}),Fg=(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}),Lg=(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=i(6);d("option",r)("accordionConfig",e.resolvedAccordionConfig())("itemTemplate",e.itemTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function Bg(t,n){if(t&1&&(u(0),k(1,"div",3),_e(2,Ug,1,5,"velt-notifications-panel-settings-accordion-content-item-internal",4,Lg),C(),p()),t&2){let r,e=i(5);v(2),Se((r=e.resolvedAccordionConfig())==null?null:r.values)}}function Rg(t,n){if(t&1&&(k(0,"div",1),s(1,Bg,4,0,"ng-container",2),C()),t&2){let r=i(3),e=i();v(),d("veltDynamicTemplate",y(5,Fg,e.template,W(1,oo,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Vg(t,n){if(t&1&&(u(0),c(1,Rg,2,11,"div",1),p()),t&2){let r,e=i(2),o=i();v(),g(e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]||!o.defaultCondition()?1:-1)}}function Gg(t,n){if(t&1&&s(0,Vg,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Mg,r.conditionSignal(),W(1,oo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function zg(t,n){if(t&1&&c(0,Gg,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ot=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this.domService=ae(ge)}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 f(h({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-item-wireframe");pe(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=x({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&&c(0,zg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Tt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ao=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Yg=(t,n)=>({condition:t,data:n}),jg=(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 Wg(t,n){t&1&&(u(0),le(),k(1,"svg",2),T(2,"path",3),C(),p())}function $g(t,n){if(t&1&&(u(0),s(1,Wg,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,jg,e.template,W(1,ao,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Kg(t,n){if(t&1&&s(0,$g,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Yg,r.conditionSignal(),W(1,ao,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function Jg(t,n){if(t&1&&c(0,Kg,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Dt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-icon",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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 f(h({},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=x({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&&c(0,Jg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 io=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Zg=(t,n)=>({condition:t,data:n}),Xg=(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 Qg(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),C(),p()),t&2){let r,e=i(4);v(2),Le(((r=e.resolvedAccordionConfig())==null?null:r.name)||(e.accordionConfig==null?null:e.accordionConfig.id))}}function es(t,n){if(t&1&&(u(0),s(1,Qg,3,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,Xg,e.template,W(1,io,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ts(t,n){if(t&1&&s(0,es,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Zg,r.conditionSignal(),W(1,io,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function rs(t,n){if(t&1&&c(0,ts,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Et=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-label",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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 f(h({},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=x({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&&c(0,rs,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 lo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),os=(t,n)=>({condition:t,data:n}),as=(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 is(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),C(),p()),t&2){let r,e=i(3),o=i();v(2),ie(" ",(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 ls(t,n){if(t&1&&(u(0),s(1,is,3,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,as,e.template,W(1,lo,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function vs(t,n){if(t&1&&s(0,ls,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,os,r.conditionSignal(),W(1,lo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function ds(t,n){if(t&1&&c(0,vs,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var At=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-selected-value",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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 f(h({},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=x({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&&c(0,ds,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 vo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),gs=(t,n)=>({condition:t,data:n}),ss=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ms(t,n){if(t&1&&(u(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),C()(),p()),t&2){let r=i(4);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 us(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=i(3);return j(a.onTriggerClick((o=a.resolvedAccordionConfig())==null?null:o.id))}),s(2,ms,6,9,"ng-container",2),C(),p()}if(t&2){let r,e=i(2),o=i();v(),ee("velt-notification-panel--settings-accordion-open",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,ss,o.template,W(3,vo,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function ps(t,n){if(t&1&&s(0,us,3,13,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,gs,r.conditionSignal(),W(1,vo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function hs(t,n){if(t&1&&c(0,ps,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Mt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,hs,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Dt,Et,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);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 co=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Cs=(t,n)=>({condition:t,data:n}),xs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),_s=()=>["velt-notification-panel--settings-dropdown-container","velt-overlay-panel"];function Ss(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),C()),t&2){let r=i(6);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 ys(t,n){if(t&1){let r=Q();k(0,"div",11)(1,"div",12),Z("clickOutside",function(){let o;Y(r);let a=i(7);return j(a.onClickOutside((o=a.resolvedAccordionConfig())==null?null:o.id))}),T(2,"velt-notifications-panel-settings-accordion-content-internal",8),C()()}if(t&2){let r=i(7);v(2),d("accordionConfig",r.resolvedAccordionConfig())("contentTemplate",r.contentTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Is(t,n){if(t&1){let r=Q();k(0,"div",9,0),Z("positionChange",function(){Y(r);let o=fe(4),a=i(6);return j(a.onPositionChange(o))}),T(2,"velt-notifications-panel-settings-accordion-trigger-internal",7),C(),s(3,ys,3,4,"ng-template",10,1,Ne)}if(t&2){let r,e,o=fe(1),a=fe(4),l=i(5),b=i();d("veltPositionObserverDisabled",!l.uiState.settingsAccordionExpanded[(r=b.resolvedAccordionConfig())==null?null:r.id]),v(2),d("accordionConfig",b.resolvedAccordionConfig())("triggerTemplate",b.triggerTemplate)("componentConfigSignal",b.componentConfigSignal)("parentLocalUIState",b.localUIStateSignal),v(),d("cdkConnectedOverlayOrigin",o)("cdkConnectedOverlayOpen",l.uiState.settingsAccordionExpanded[(e=b.resolvedAccordionConfig())==null?null:e.id])("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",Ue(12,_s))("cdkConnectedOverlayWidth",o.elementRef.nativeElement.offsetWidth)("snippylyOverlay",a)("snippylyOverlayZIndex",2147483627)}}function ws(t,n){if(t&1&&(u(0),c(1,Ss,3,8,"div",6),c(2,Is,5,13),p()),t&2){let r=i(4);v(),g(r.uiState.settingsLayout==="accordion"?1:-1),v(),g(r.uiState.settingsLayout==="dropdown"?2:-1)}}function Ns(t,n){if(t&1&&(k(0,"div",4),s(1,ws,3,2,"ng-container",5),C()),t&2){let r,e=i(3),o=i();ee("velt-notification-panel--settings-accordion-container-expanded",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,xs,o.template,W(3,co,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Ps(t,n){if(t&1&&(u(0),c(1,Ns,2,13,"div",3),p()),t&2){let r,e=i(3);v(),g((r=e.resolvedAccordionConfig())!=null&&r.enable||!e.defaultCondition()?1:-1)}}function Ts(t,n){if(t&1&&s(0,Ps,2,1,"ng-container",2),t&2){let r=i(2);d("veltIf",m(5,Cs,r.conditionSignal(),W(1,co,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function Os(t,n){if(t&1&&c(0,Ts,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this.domService=ae(ge)}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");pe(o)||(this.triggerTemplate=o);let a=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-wireframe");pe(a)||(this.contentTemplate=a)}else this.template=null}catch{}}getConditionalClassesContext(){return f(h({},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=f(h({},o),{uiState:f(h({},o.uiState),{settingsItemRecentlyClosed:!0})}),o)),setTimeout(()=>{this.componentConfigSignal.update(o=>(o=f(h({},o),{uiState:f(h({},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=x({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&&c(0,Os,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[cr,dr,P,N,hr,vn,Ot,Mt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 go=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Es=(t,n)=>({condition:t,data:n}),As=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Ms=(t,n)=>n.id;function Fs(t,n){if(t&1&&T(0,"velt-notifications-panel-settings-accordion-internal",3),t&2){let r=n.$implicit,e=i(5);d("accordionConfig",r)("accordionTemplate",e.accordionTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function Ls(t,n){if(t&1&&(u(0),k(1,"div",2),_e(2,Fs,1,4,"velt-notifications-panel-settings-accordion-internal",3,Ms),C(),p()),t&2){let r=i(3);v(2),Se(r==null||r.data==null?null:r.data.settingsConfig)}}function Us(t,n){if(t&1&&(u(0),s(1,Ls,4,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,As,e.template,m(1,go,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bs(t,n){if(t&1&&s(0,Us,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Es,r.conditionSignal(),m(1,go,r.componentConfigSignal,r.localUIStateSignal)))}}function Rs(t,n){if(t&1&&c(0,Bs,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Lt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-list",this.panelPane="settings"}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-wireframe");pe(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=x({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&&c(0,Rs,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,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-list-container[_ngcontent-%COMP%]{margin-block:var(--velt-spacing-md)}"],changeDetection:0});let t=n;return t})();var so=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Gs=(t,n)=>({condition:t,data:n}),zs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Hs(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Document Notifications"),C(),p())}function Ys(t,n){if(t&1&&(u(0),s(1,Hs,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,zs,e.template,m(1,so,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function js(t,n){if(t&1&&s(0,Ys,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Gs,r.conditionSignal(),m(1,so,r.componentConfigSignal,r.localUIStateSignal)))}}function Ws(t,n){if(t&1&&c(0,js,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-title",this.panelPane="settings"}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=x({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&&c(0,Ws,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 mo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ks=(t,n)=>({condition:t,data:n}),Js=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function qs(t,n){if(t&1&&(u(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),C(),T(6,"velt-notifications-panel-settings-list-internal",3)(7,"velt-notifications-panel-settings-footer-internal",3),C(),p()),t&2){let r=i(5);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 Zs(t,n){if(t&1&&s(0,qs,8,10,"ng-container",1),t&2){let r=i(3),e=i();d("veltDynamicTemplate",y(4,Js,e.template,m(1,mo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Xs(t,n){if(t&1&&(u(0),c(1,Zs,1,10,"ng-container"),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.settingsOpen&&r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function Qs(t,n){if(t&1&&s(0,Xs,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ks,r.conditionSignal(),m(1,mo,r.componentConfigSignal,r.localUIStateSignal)))}}function em(t,n){if(t&1&&c(0,Qs,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Bt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings",this.panelPane="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=x({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&&c(0,em,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,kt,St,wt,Lt,Ut],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 uo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),rm=(t,n)=>({condition:t,data:n}),nm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-close-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function om(t,n){if(t&1&&(u(0),le(),k(1,"svg",3),O(2,"translate"),T(3,"path",4),C(),p()),t&2){let r=i(4);v(),A("data-testid",r.componentId+"-icon")("role","img")("aria-label",D(2,3,"Close notifications panel"))}}function am(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=i(2);return j(o.closeNotificationsPanel())}),s(3,om,4,5,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();v(),A("data-testid",e.componentId)("role","button")("aria-label",D(2,4,"Close notifications panel")),v(2),d("veltDynamicTemplate",y(9,nm,e.template,m(6,uo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function im(t,n){if(t&1&&s(0,am,4,15,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,rm,r.conditionSignal(),m(1,uo,r.componentConfigSignal,r.localUIStateSignal)))}}function lm(t,n){if(t&1&&c(0,im,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForCloseButton()?0:-1)}}var Rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-close-button",this.panelPane="list"}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=x({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&&c(0,lm,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 po=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),dm=(t,n)=>({condition:t,data:n}),cm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-read-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function gm(t,n){if(t&1&&(u(0),k(1,"div",3),le(),k(2,"svg",4),T(3,"path",5),C()(),p()),t&2){let r=i(4);v(),A("data-testid",r.componentId+"-read-all-button")}}function sm(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=i(2);return j(o.setAllNotificationsAsRead())})("keydown.enter",function(){Y(r);let o=i(2);return j(o.setAllNotificationsAsRead())})("keydown.space",function(o){Y(r);let a=i(2);return o.preventDefault(),j(a.setAllNotificationsAsRead())}),s(3,gm,4,1,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();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,cm,e.template,m(5,po,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function mm(t,n){if(t&1&&s(0,sm,4,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,dm,r.conditionSignal(),m(1,po,r.componentConfigSignal,r.localUIStateSignal)))}}function um(t,n){if(t&1&&c(0,mm,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Vt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-read-all-button",this.panelPane="list"}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=x({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&&c(0,um,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ho=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),hm=(t,n)=>({condition:t,data:n}),fm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function bm(t,n){t&1&&(u(0),k(1,"div",4),le(),k(2,"svg",5),T(3,"path",6)(4,"path",7),C()(),p())}function km(t,n){if(t&1){let r=Q();k(0,"div",2),O(1,"translate"),Z("click",function(){Y(r);let o=i(3);return j(o.openSettings())})("keydown.enter",function(){Y(r);let o=i(3);return j(o.openSettings())})("keydown.space",function(o){Y(r);let a=i(3);return o.preventDefault(),j(a.openSettings())}),s(2,bm,5,0,"ng-container",3),C()}if(t&2){let r=i(3),e=i();A("aria-label",D(1,3,"Open settings"))("data-testid",e.componentId+"-settings-container"),v(2),d("veltDynamicTemplate",y(8,fm,e.template,m(5,ho,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Cm(t,n){if(t&1&&(u(0),c(1,km,3,14,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function xm(t,n){if(t&1&&s(0,Cm,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,hm,r.conditionSignal(),m(1,ho,r.componentConfigSignal,r.localUIStateSignal)))}}function _m(t,n){if(t&1&&c(0,xm,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Gt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-button",this.panelPane="list"}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=x({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&&c(0,_m,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 fo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ym=(t,n)=>({condition:t,data:n}),Im=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-text-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function wm(t,n){t&1&&(u(0),k(1,"span"),J(2),O(3,"translate"),C(),p()),t&2&&(v(2),Le(D(3,1,"Notifications")))}function Nm(t,n){if(t&1&&(u(0),s(1,wm,4,3,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,Im,e.template,m(1,fo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Pm(t,n){if(t&1&&s(0,Nm,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,ym,r.conditionSignal(),m(1,fo,r.componentConfigSignal,r.localUIStateSignal)))}}function Tm(t,n){if(t&1&&c(0,Pm,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var zt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-title-text",this.panelPane="list"}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=x({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&&c(0,Tm,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 bo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Dm=(t,n)=>({condition:t,data:n}),Em=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Am(t,n){if(t&1&&(le(),k(0,"svg",5),T(1,"path",6),C(),Ee(),T(2,"velt-notifications-panel-close-button-internal",3)),t&2){let r=i(5);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Mm(t,n){if(t&1&&(u(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),c(7,Am,3,2),C()(),p()),t&2){let r=i(3),e=i();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(),g(r.uiState.panelOpenMode==="sidebar"?7:-1)}}function Fm(t,n){if(t&1&&s(0,Mm,8,12,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,Em,e.template,m(1,bo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Lm(t,n){if(t&1&&(u(0),c(1,Fm,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function Um(t,n){if(t&1&&s(0,Lm,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Dm,r.conditionSignal(),m(1,bo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ht=(()=>{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=x({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&&c(0,Um,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Rt,Vt,Gt,zt,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ko=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Vm=(t,n)=>({condition:t,data:n}),Gm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function zm(t,n){t&1&&Fe(0)}function Hm(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),s(1,zm,1,0,"ng-container",2),C()),t&2){i();let r=fe(4);v(),d("ngTemplateOutlet",r)}}function Ym(t,n){t&1&&Fe(0)}function jm(t,n){if(t&1&&s(0,Ym,1,0,"ng-container",2),t&2){i();let r=fe(4);d("ngTemplateOutlet",r)}}function Wm(t,n){if(t&1&&(u(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),p()),t&2){let r=i(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 $m(t,n){if(t&1){let r=Q();k(0,"div",3),O(1,"translate"),Z("clickOutside",function(){Y(r);let o=i(3);return j(o.closeNotificationsPanel())}),s(2,Wm,5,8,"ng-container",4),C()}if(t&2){let r=i(2),e=i();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,Gm,e.template,m(11,ko,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&&(u(0),c(1,Hm,2,1,"velt-shadow-dom-internal")(2,jm,1,1,"ng-container"),s(3,$m,3,20,"ng-template",null,0,Ne),p()),t&2){let r=i(2);v(),g(!r.template&&r.shadowDom||r.template&&r.isExplicitShadowDom?1:2)}}function Jm(t,n){if(t&1&&s(0,Km,5,1,"ng-container",1),t&2){let r=i();d("veltIf",m(4,Vm,r.conditionSignal(),m(1,ko,r.componentConfigSignal,r.localUIStateSignal)))}}var Ie=(()=>{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=>f(h({},a),{uiState:f(h({},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=>f(h({},o),{uiState:f(h({},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(l=>f(h({},l),{uiState:f(h({},l.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(mr),this.close=new we,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 we,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(l){return this.loggingService.catch("Error in NotificationsPanelComponent panelClickOutsideHandler: ",l),!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=>f(h({},o),{uiState:f(h({},o.uiState),{pageSize:this.pageSize})})))),this.componentConfigSignal.update(o=>f(h({},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(l=>{try{if(l){let b=document.createElement(l.tagName);b.innerHTML=l.innerHTML,this.template=b}}catch(b){this.loggingService.catch("Error in wireframe subscription:",b)}}))}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(l=>f(h({},l),{uiState:f(h({},l.uiState),{variant:a})})),panelOpenMode:a=>this.componentConfigSignal.update(l=>f(h({},l),{uiState:f(h({},l.uiState),{panelOpenMode:a})}))};Object.keys(e).forEach(a=>{try{o[a]&&o[a](e[a].currentValue)}catch(l){this.loggingService.catch("Error mapping prop "+a+":",l)}})}}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)(he(Zr,8))},n.\u0275cmp=x({type:n,selectors:[["velt-notifications-panel-internal"]],hostVars:1,hostBindings:function(o,a){o&1&&Z("keydown.escape",function(b){return a.handleEscapeKey(b)},Gr),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&&c(0,Jm,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[Kt,P,N,hr,fr,mt,bt,Bt,Ht,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 nr=(()=>{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 we,this.close=new we,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 Ur(this,null,function*(){try{this.bottomSheetRef=this.bottomSheet.open(Ie,{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)(he(Xr),he(U),he(ar))},n.\u0275cmp=x({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 Fr=(()=>{let n=class n extends an{constructor(e,o,a,l,b,F,M){super(M,F),this.authService=e,this.serviceBook=o,this.domService=a,this.loggingService=l,this.notificationService=b,this.themeService=F,this.elementRef=M,this.onNotificationClickEvent=new we,this.veltElement=!0,this.componentId="velt-notifications-history-panel",this.commentService=null,this.viewsService=null,this.serviceBook.observe(gr).subscribe($=>{this.commentService=$}),this.serviceBook.observe(sr).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)(he(Zt),he(Jt),he(ge),he(U),he(X),he(on),he(ar))},n.\u0275cmp=x({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(b){return a.onNotificationClick(b)}),C()),o&2&&d("darkMode",a.darkMode)},dependencies:[Ie],encapsulation:2,changeDetection:0});let t=n;return t})();function xo(){return{appState:{},featureState:{considerAllNotifications:!1}}}function Lr(){return{data:{unreadNotificationsForYou:[],tabConfig:{}},uiState:{notificationsPanelVisible:!1,shadowDom:!0,panelShadowDom:!0,settingsLayout:"accordion",variant:void 0,isPhone:!1,template:void 0,darkMode:!1}}}function _o(){return{darkMode:!1,variant:void 0,shadowDom:!0,template:void 0}}var Pr=(()=>{let n=class n{constructor(e,o,a,l,b){this.loggingService=e,this.notificationService=o,this.authService=a,this.analyticsService=l,this.breakpointObserver=b,this.initialized=!1,this.subscriptions=[],this.globalConfigSignal=R(xo()),this.contextMap=new Map,this.injector=pr(),this.configBridge=new ur(this.injector,F=>this.contextMap.get(F))}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(Dr.XSmall).subscribe(e=>{try{let o=e.matches;this.contextMap.forEach(a=>{try{a().uiState.isPhone!==o&&a.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{isPhone:o})}))}catch(l){this.loggingService.catch("Error updating isPhone in context:",l)}})}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=>f(h({},a),{data:f(h({},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=>f(h({},a),{uiState:f(h({},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(Br(e=>!!e),Rr(1)).subscribe(e=>{try{e&&this.analyticsService.setInstalledFeature(en.NOTIFICATION)}catch(o){this.loggingService.catch("Error in analytics subscription:",o)}})),this.subscriptions.push(this.authService.getUser$().pipe(Ae(e=>{try{return e?e?.organizationId?this.globalConfigSignal().featureState.considerAllNotifications?this.notificationService.getNotifications$().pipe(De(a=>{try{let l=a?.filter(b=>b?.isUnread)||[];this.contextMap.forEach(b=>{try{b.update(F=>f(h({},F),{data:f(h({},F.data),{unreadNotificationsForYou:l})}))}catch(F){this.loggingService.catch("Error updating unread notifications in context:",F)}})}catch(l){this.loggingService.catch("Error processing notifications:",l)}return e})):this.notificationService.getNotificationsForYou$().pipe(De(a=>{try{let l=a?.filter(b=>b?.isUnread)||[];this.contextMap.forEach(b=>{try{b.update(F=>f(h({},F),{data:f(h({},F.data),{unreadNotificationsForYou:l})}))}catch(F){this.loggingService.catch("Error updating unread notifications in context:",F)}})}catch(l){this.loggingService.catch("Error processing notifications for you:",l)}return e})):this.notificationService.getNotifications$().pipe(De(o=>{try{let a=o?.filter(l=>l?.forYou&&l?.isUnread)||[];this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{unreadNotificationsForYou:a})}))}catch(b){this.loggingService.catch("Error updating unread notifications in context:",b)}})}catch(a){this.loggingService.catch("Error processing notifications (no org):",a)}return e})):se(e)}catch(o){return this.loggingService.catch("Error in switchMap:",o),se(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=R(Lr()),this.contextMap.set(e,o),this.applyCurrentStateToContext(o)),o}catch(o){return this.loggingService.catch("Error in NotificationsToolCoreService getOrCreateContextConfig:",o),R(Lr())}}getNotificationsToolConfig$(){try{return this.configBridge.get(Xt,()=>this.getOrCreateContextConfig(Xt))}catch(e){return this.loggingService.catch("Error in NotificationsToolCoreService getNotificationsToolConfig$:",e),se(null)}}applyCurrentStateToContext(e){try{let o=this.breakpointObserver.isMatched(Dr.XSmall);e().uiState.isPhone!==o&&e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{isPhone:o})}));let a=this.notificationService.getTabConfig();a!==null&&e.update(b=>f(h({},b),{data:f(h({},b.data),{tabConfig:a})}));let l=this.notificationService.getNotificationsPanelVisible();e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{notificationsPanelVisible:l})}))}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)(de(U),de(X),de(Zt),de(qt),de(qr))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var Oe=(()=>{let n=class n extends Cr{constructor(){super(...arguments),this.coreService=ae(Pr)}getDefaultLocalUIState(){return _o()}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=x({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 So=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Zm=(t,n)=>({condition:t,data:n}),Xm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Qm(t,n){if(t&1&&(u(0),le(),k(1,"svg",2),O(2,"translate"),T(3,"path",3),C(),p()),t&2){let r=i(4);v(),A("aria-label",D(2,2,"Notifications bell icon - no unread notifications"))("data-testid",r.componentId+"-bell-icon")}}function eu(t,n){if(t&1&&s(0,Qm,4,4,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,Xm,e.template,m(1,So,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function tu(t,n){if(t&1&&(u(0),c(1,eu,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length)||!e.defaultCondition()?1:-1)}}function ru(t,n){if(t&1&&s(0,tu,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Zm,r.conditionSignal(),m(1,So,r.componentConfigSignal,r.localUIStateSignal)))}}var Yt=(()=>{let n=class n extends Oe{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=x({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&&c(0,ru,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 yo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ou=(t,n)=>({condition:t,data:n}),au=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function iu(t,n){if(t&1&&J(0),t&2){let r=i(3);ie(" ",(r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)||0," ")}}function lu(t,n){if(t&1&&(u(0),c(1,iu,1,1),p()),t&2){let r=i(2),e=i();v(),g(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function vu(t,n){if(t&1&&(u(0),s(1,lu,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,au,e.template,m(1,yo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function du(t,n){if(t&1&&s(0,vu,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,ou,r.conditionSignal(),m(1,yo,r.componentConfigSignal,r.localUIStateSignal)))}}var jt=(()=>{let n=class n extends Oe{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=x({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&&c(0,du,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Io=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gu=(t,n)=>({condition:t,data:n}),su=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function mu(t,n){if(t&1&&(u(0),T(1,"velt-notifications-tool-unread-count-internal",3),p()),t&2){let r=i(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function uu(t,n){if(t&1&&(k(0,"span",1),O(1,"translate"),s(2,mu,2,2,"ng-container",2),C()),t&2){let r=i(2),e=i();A("data-testid",e.componentId+"-container")("aria-label",D(1,3,"Notifications count")),v(2),d("veltDynamicTemplate",y(8,su,e.template,m(5,Io,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function pu(t,n){if(t&1&&(u(0),c(1,uu,3,14,"span",1),p()),t&2){let r=i(),e=i();v(),g(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function hu(t,n){if(t&1&&s(0,pu,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,gu,r.conditionSignal(),m(1,Io,r.componentConfigSignal,r.localUIStateSignal)))}}var Wt=(()=>{let n=class n extends Oe{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=x({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&&c(0,hu,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,jt,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 wo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),bu=(t,n)=>({condition:t,data:n}),ku=(t,n,r,e)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-icon-wireframe",setIfCondition:r,componentElementRef:e});function Cu(t,n){if(t&1&&(u(0),le(),k(1,"svg",2),O(2,"translate"),O(3,"translate"),T(4,"circle",3)(5,"path",4),C(),p()),t&2){let r=i(3),e=i();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 xu(t,n){if(t&1&&s(0,Cu,6,6,"ng-container",1),t&2){let r=i(3);d("veltDynamicTemplate",te(4,ku,r.template,m(1,wo,r.componentConfigSignal,r.localUIStateSignal),r.setIfCondition.bind(r),r.hostElementRef))}}function _u(t,n){if(t&1&&(u(0),c(1,xu,1,9,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function Su(t,n){if(t&1&&s(0,_u,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,bu,r.conditionSignal(),m(1,wo,r.componentConfigSignal,r.localUIStateSignal)))}}var $t=(()=>{let n=class n extends Oe{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=x({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&&c(0,Su,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 No=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Iu=(t,n)=>({condition:t,data:n}),wu=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-wireframe",variant:r,setIfCondition:e,componentElementRef:o}),Nu=()=>["snippyly-overlay-panel","v-view-analytics-overlay-panel","velt-overlay-panel"],Pu=t=>["snippyly-sidebar-panel","velt-overlay-panel",t];function Tu(t,n){t&1&&Fe(0)}function Ou(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),s(1,Tu,1,0,"ng-container",4),C()),t&2){i();let r=fe(4);v(),d("ngTemplateOutlet",r)}}function Du(t,n){t&1&&Fe(0)}function Eu(t,n){if(t&1&&s(0,Du,1,0,"ng-container",4),t&2){i();let r=fe(4);d("ngTemplateOutlet",r)}}function Au(t,n){if(t&1&&(u(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),C(),p()),t&2){let r=i(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 Mu(t,n){if(t&1){let r=Q();k(0,"velt-notifications-panel-internal",13),Z("onNotificationClick",function(o){Y(r);let a=i(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=i(5);return j(a.closeNotificationsPanel(o))}),C()}if(t&2){let r=i(4),e=i();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 Fu(t,n){if(t&1&&s(0,Mu,1,7,"ng-template",8,2,Ne),t&2){i();let r=fe(1),e=i(2),o=i();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayPanelClass",Ue(7,Nu))("cdkConnectedOverlayBackdropClass","snippyly-overlay-backdrop")("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayPositions",o.positions)("cdkConnectedOverlayDisableClose",!0)}}function Lu(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=i(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=i(5);return j(a.closeNotificationsPanel(o))}),C()()}if(t&2){let r=i(4),e=i();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 Uu(t,n){if(t&1&&s(0,Lu,2,8,"ng-template",9,2,Ne),t&2){i();let r=fe(1),e=i(2),o=i();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",lr(4,Pu,o.darkMode?"dark":""))}}function Bu(t,n){if(t&1){let r=Q();k(0,"velt-notifications-bottom-sheet-internal",15),Z("onNotificationClick",function(o){Y(r);let a=i(4);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=i(4);return j(a.closeNotificationsPanel(o))}),C()}if(t&2){let r=i(4);d("pageSize",r.pageSize)}}function Ru(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),i(3).openNotificationsPanel(),j(o.stopPropagation())}),k(4,"div",6),s(5,Au,5,6,"ng-container",7),C()(),c(6,Fu,2,8,null,8),c(7,Uu,2,6,null,9),c(8,Bu,1,1,"velt-notifications-bottom-sheet-internal",10)}if(t&2){let r=i(2),e=i();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,wu,e.localUIStateSignal().template,m(17,No,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef)),v(),g(e.panelOpenMode==="popover"?6:-1),v(),g(e.panelOpenMode==="sidebar"?7:-1),v(),g(r.uiState.isPhone&&r.uiState.notificationsPanelVisible?8:-1)}}function Vu(t,n){if(t&1&&(u(0),c(1,Ou,2,1,"velt-shadow-dom-internal")(2,Eu,1,1,"ng-container"),s(3,Ru,9,26,"ng-template",null,0,Ne),p()),t&2){let r=i(),e=i();v(),g(!e.localUIStateSignal().template&&r.uiState.shadowDom||e.localUIStateSignal().template&&e.isExplicitShadowDom?1:2)}}function Gu(t,n){if(t&1&&s(0,Vu,5,1,"ng-container",3),t&2){let r=i();d("veltIf",m(4,Iu,r.conditionSignal(),m(1,No,r.componentConfigSignal,r.localUIStateSignal)))}}var or=(()=>{let n=class n extends Oe{set _shadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>f(h({},a),{uiState:f(h({},a.uiState),{shadowDom:o})}))}catch{}}set _panelShadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>f(h({},a),{uiState:f(h({},a.uiState),{panelShadowDom:o})}))}catch{}}set _tabConfig(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>f(h({},a),{data:f(h({},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=>f(h({},o),{uiState:f(h({},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=>f(h({},a),{featureState:f(h({},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(mr),this.isExplicitShadowDom=!1,this.panelOpenMode="popover",this.pageSize=5,this.positions=V.OVERLAY_POSITIONS.map(e=>new $r({originX:e.originX,originY:e.originY},{overlayX:e.overlayX,overlayY:e.overlayY})),this.rootSubscriptions=[],this.onNotificationClickEvent=new we,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(l=>{try{if(l){let b=document.createElement(l.tagName);b.innerHTML=l.innerHTML,this.localUIStateSignal.update(F=>f(h({},F),{template:b}))}}catch(b){this.loggingService.catch("Error in wireframe subscription:",b)}}))}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=>f(h({},e),{uiState:f(h({},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=>f(h({},e),{uiState:f(h({},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=>f(h({},o),{uiState:f(h({},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=x({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&&c(0,Gu,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[Kt,cr,dr,P,N,fr,nr,Ie,Yt,Wt,$t,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Tr=class extends dn{constructor(n){super(n),this.getService(U).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.getNotificationsPanelConfig=this._getNotificationsPanelConfig,this.getNotificationsToolConfig=this._getNotificationsToolConfig,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.enableUserScopedNotifications=this._enableUserScopedNotifications,this.disableUserScopedNotifications=this._disableUserScopedNotifications,this.on=this._on}_openHistoryPanel(){this.getService(U).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(U).catch("Error in openHistoryPanel: ",n)}}_closeHistoryPanel(){this.getService(U).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(U).catch("Error in closeHistoryPanel: ",n)}}_toggleHistoryPanel(){this.getService(U).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(U).catch("Error in toggleHistoryPanel: ",n)}}_getNotificationsPanelConfig(){this.getService(U).log("%c[WB] Calling FUNCTION: getNotificationsPanelConfig","color: green;");try{return this.getService(_r).getNotificationsPanelConfig$()}catch(n){return this.getService(U).catch("Error in _getNotificationsPanelConfig: ",n),se(null)}}_getNotificationsToolConfig(){this.getService(U).log("%c[WB] Calling FUNCTION: getNotificationsToolConfig","color: green;");try{return this.getService(Pr).getNotificationsToolConfig$()}catch(n){return this.getService(U).catch("Error in _getNotificationsToolConfig: ",n),se(null)}}_getNotificationsData(n){this.getService(U).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(U).catch("Error in getNotificationsData: ",r),se([])}}_setMaxDays(n){this.getService(U).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(U).catch("Error in setMaxDays: ",r)}}_setTabConfig(n){this.getService(U).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(U).catch("Error in setTabConfig: ",r)}}_enableReadNotificationsOnForYouTab(){this.getService(U).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(U).catch("Error in enableReadNotificationsOnForYouTab: ",n)}}_disableReadNotificationsOnForYouTab(){this.getService(U).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(U).catch("Error in disableReadNotificationsOnForYouTab: ",n)}}_setAllNotificationsAsRead(n){this.getService(U).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(U).catch("Error in setAllNotificationsAsRead: ",r)}}_enableCrossOrganization(n){this.getService(U).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(U).catch("Error in enableCrossOrganization: ",r)}}_disableCrossOrganization(){this.getService(U).log("%c[WB] Calling FUNCTION: _disableCrossOrganization","color: green;");try{this.getService(X).disableCrossOrganization()}catch(n){this.getService(U).catch("Error in disableCrossOrganization: ",n)}}_getUnreadNotificationsCount(){this.getService(U).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(U).catch("Error in getUnreadNotificationsCount: ",n),se({forYou:null,all:null})}}_markNotificationAsReadById(n){this.getService(U).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(U).catch("Error in markNotificationAsReadById: ",r)}}_setSettings(n){this.getService(U).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(U).catch("Error in setSettings: ",r)}}_getSettings(){this.getService(U).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(U).catch("Error in getSettings: ",n),se(null)}}_muteAllNotifications(){this.getService(U).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(U).catch("Error in muteAllNotifications: ",n)}}_enableSettings(){this.getService(U).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(U).catch("Error in enableSettings: ",n)}}_enableSettingsAtOrganizationLevel(){this.getService(U).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(U).catch("Error in _enableSettingsAtOrganizationLevel: ",n)}}_disableSettingsAtOrganizationLevel(){this.getService(U).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(U).catch("Error in disableSettingsAtOrganizationLevel: ",n)}}_enableSelfNotifications(){this.getService(U).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(U).catch("Error in enableSelfNotifications: ",n)}}_disableSelfNotifications(){this.getService(U).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(U).catch("Error in disableSelfNotifications: ",n)}}_enableUserScopedNotifications(n){this.getService(U).log("%c[WB] Calling FUNCTION: _enableUserScopedNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_USER_SCOPED_NOTIFICATIONS_TRIGGERED),this.getService(X).enableUserScopedNotifications(n)}catch(r){this.getService(U).catch("Error in enableUserScopedNotifications: ",r)}}_disableUserScopedNotifications(){this.getService(U).log("%c[WB] Calling FUNCTION: _disableUserScopedNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_USER_SCOPED_NOTIFICATIONS_TRIGGERED),this.getService(X).disableUserScopedNotifications()}catch(n){this.getService(U).catch("Error in disableUserScopedNotifications: ",n)}}_disableSettings(){this.getService(U).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(U).catch("Error in disableSettings: ",n)}}_setSettingsInitialConfig(n){this.getService(U).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(U).catch("Error in setSettingsInitialConfig: ",r)}}_on(n){this.getService(U).log("%c[WB] Calling FUNCTION: on","color: green;");try{return this.getService(er).onAction(n)}catch(r){return this.getService(U).catch("Error in _on: ",r),se(null)}}_openNotificationsPanel(){this.getService(U).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(U).catch("Error in openNotificationsPanel: ",n)}}_closeNotificationsPanel(){this.getService(U).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(U).catch("Error in closeNotificationsPanel: ",n)}}_enableCurrentDocumentOnly(){this.getService(U).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(U).catch("Error in enableCurrentDocumentOnly: ",n)}}_disableCurrentDocumentOnly(){this.getService(U).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(U).catch("Error in disableCurrentDocumentOnly: ",n)}}};var Po=(()=>{let n=class n{};n.\u0275fac=function(o){return new(o||n)},n.\u0275mod=Hr({type:n}),n.\u0275inj=Vr({imports:[Wr,Kr,Qt,br]});let t=n;return t})();var zu={"velt-notifications-panel-wireframe":Ie,"velt-notifications-panel-title-wireframe":Ht,"velt-notifications-panel-read-all-button-wireframe":Vt,"velt-notifications-panel-content-all-read-container-wireframe":Ce,"velt-notifications-panel-view-all-button-wireframe":qe,"velt-notifications-panel-header-wireframe":bt,"velt-notifications-panel-header-tab-all-wireframe":ut,"velt-notifications-panel-header-tab-documents-wireframe":pt,"velt-notifications-panel-header-tab-for-you-wireframe":ht,"velt-notifications-panel-header-tab-people-wireframe":ft,"velt-notifications-panel-content-wireframe":mt,"velt-notifications-panel-content-load-more-wireframe":ke,"velt-notifications-panel-content-for-you-wireframe":at,"velt-notifications-panel-content-all-wireframe":Ze,"velt-notifications-panel-content-all-list-wireframe":Je,"velt-notifications-panel-content-all-list-item-wireframe":Ke,"velt-notifications-panel-content-all-list-item-label-wireframe":$e,"velt-notifications-panel-content-all-list-item-content-wireframe":We,"velt-notifications-panel-content-documents-wireframe":ot,"velt-notifications-panel-content-documents-list-wireframe":nt,"velt-notifications-panel-content-documents-list-item-wireframe":rt,"velt-notifications-panel-content-documents-list-item-name-wireframe":et,"velt-notifications-panel-content-documents-list-item-unread-wireframe":tt,"velt-notifications-panel-content-documents-list-item-count-wireframe":Qe,"velt-notifications-panel-content-documents-list-item-content-wireframe":Xe,"velt-notifications-panel-content-people-wireframe":st,"velt-notifications-panel-content-people-list-wireframe":gt,"velt-notifications-panel-content-people-list-item-wireframe":ct,"velt-notifications-panel-content-people-list-item-name-wireframe":dt,"velt-notifications-panel-content-people-list-item-count-wireframe":vt,"velt-notifications-panel-content-people-list-item-content-wireframe":lt,"velt-notifications-panel-content-people-list-item-avatar-wireframe":it,"velt-notifications-panel-content-list-wireframe":be,"velt-notifications-panel-content-list-item-wireframe":je,"velt-notifications-panel-content-list-item-avatar-wireframe":Re,"velt-notifications-panel-content-list-item-body-wireframe":Ve,"velt-notifications-panel-content-list-item-file-name-wireframe":Ge,"velt-notifications-panel-content-list-item-headline-wireframe":ze,"velt-notifications-panel-content-list-item-time-wireframe":He,"velt-notifications-panel-content-list-item-unread-wireframe":Ye,"velt-notifications-panel-close-button-wireframe":Rt,"velt-notifications-panel-title-text-wireframe":zt,"velt-notifications-panel-skeleton-wireframe":xe,"velt-notifications-panel-settings-button-wireframe":Gt,"velt-notifications-panel-settings-wireframe":Bt,"velt-notifications-panel-settings-back-button-wireframe":yt,"velt-notifications-panel-settings-accordion-wireframe":Ft,"velt-notifications-panel-settings-accordion-trigger-wireframe":Mt,"velt-notifications-panel-settings-accordion-content-wireframe":Ot,"velt-notifications-panel-settings-accordion-content-item-wireframe":Tt,"velt-notifications-panel-settings-mute-all-toggle-wireframe":_t,"velt-notifications-panel-settings-accordion-trigger-selected-value-wireframe":At,"velt-notifications-panel-settings-title-wireframe":Ut,"velt-notifications-panel-settings-description-wireframe":kt,"velt-notifications-panel-settings-footer-wireframe":St,"velt-notifications-panel-settings-header-wireframe":wt,"velt-notifications-panel-settings-mute-all-title-wireframe":xt,"velt-notifications-panel-settings-mute-all-description-wireframe":Ct,"velt-notifications-panel-settings-list-wireframe":Lt,"velt-notifications-panel-settings-accordion-content-item-icon-wireframe":Nt,"velt-notifications-panel-settings-accordion-content-item-label-wireframe":Pt,"velt-notifications-panel-settings-accordion-trigger-label-wireframe":Et,"velt-notifications-panel-settings-accordion-trigger-icon-wireframe":Dt,"velt-notifications-panel-settings-header-title-wireframe":It,"velt-notifications-tool-wireframe":or,"velt-notifications-tool-unread-icon-wireframe":$t,"velt-notifications-tool-icon-wireframe":Yt,"velt-notifications-tool-label-wireframe":Wt,"velt-notifications-tool-unread-count-wireframe":jt};Object.assign(ln,zu);function Hu(t){t.get(U).log("%c[WB] Loading notification feature chunk","color: blue;");let r=t.get(Jt);r.set(tn,t.get(X)),r.set(rn,t.get(er)),r.set(nn,t.get(cn));let o=zr(Po,t).injector;return G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL,or),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_ICON,Yt),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_ICON,$t),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_LABEL,Wt),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_COUNT,jt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL,Ie),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE,Ht),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE_TEXT,zt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER,bt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_FOR_YOU,ht),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_PEOPLE,ft),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_DOCUMENTS,pt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_ALL,ut),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT,mt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_FOR_YOU,at),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL,Ze),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE,st),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS,ot),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST,be),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM,je),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_AVATAR,Re),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_UNREAD,Ye),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_HEADLINE,ze),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_BODY,Ve),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_FILE_NAME,Ge),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_TIME,He),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST,Je),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM,Ke),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_LABEL,$e),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_CONTENT,We),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST,gt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM,ct),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_AVATAR,it),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_NAME,dt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_COUNT,vt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_CONTENT,lt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST,nt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM,rt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_NAME,et),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_COUNT,Qe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_CONTENT,Xe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_UNREAD,tt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LOAD_MORE,ke),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_READ_CONTAINER,Ce),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CLOSE_BUTTON,Rt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_READ_ALL_BUTTON,Vt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_VIEW_ALL_BUTTON,qe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SKELETON,xe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BUTTON,Gt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS,Bt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER,wt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER_TITLE,It),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_TITLE,Ut),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_DESCRIPTION,kt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_LIST,Lt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TITLE,xt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_DESCRIPTION,Ct),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TOGGLE,_t),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION,Ft),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER,Mt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_LABEL,Et),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_ICON,Dt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_SELECTED_VALUE,At),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT,Ot),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM,Tt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_LABEL,Pt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_ICON,Nt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BACK_BUTTON,yt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_FOOTER,St),G(o,V.TAGS.VELT_NOTIFICATIONS_HISTORY_PANEL,Fr),new Tr(t)}function G(t,n,r){if(customElements.get(n))return;let e=Jr(r,t);customElements.define(n,e)}export{Hu as default};
1
+ import{a as Cr}from"./chunk-BYLLW3IQ.js";import{a as cn,b as X}from"./chunk-FWDYATXS.js";import{a as Zr,c as Xr}from"./chunk-JPNIBNJC.js";import{a as kr}from"./chunk-SYSCTHS4.js";import{a as gn}from"./chunk-SY46UNW5.js";import"./chunk-BX4TSYIT.js";import{a as fr}from"./chunk-TW7O56QU.js";import{a as hr,b as vn}from"./chunk-7RRXZUH7.js";import{D as ln,F as N,G as P,c as ur,d as Xt,e as pr}from"./chunk-YNPH7CSB.js";import{a as mr}from"./chunk-GTSIWRGU.js";import{b as B,c as br,d as Qt}from"./chunk-F6CKB7IS.js";import{a as dn}from"./chunk-FUYX2CTL.js";import"./chunk-ZMDRNPLQ.js";import{a as Jr}from"./chunk-Q245RDEX.js";import{A as $r,Fa as w,G as dr,Ga as on,H as cr,I as Kr,Ia as an}from"./chunk-EJ332HKA.js";import{$ as Me,Aa as ir,Ch as re,E as Br,Ea as Gr,Ee as V,Fa as v,Fh as tn,Fi as Pe,Ga as we,Gh as rn,Hh as nn,Ib as fe,J as Rr,Kb as ee,Lc as Kt,Nb as J,Ob as Le,Oc as jr,Pa as he,Pb as ie,Pc as Wr,Qb as Yr,T as Ae,Ta as zr,Td as qr,Ua as x,Ud as Dr,Uh as gr,Va as Hr,Ya as _,_a as s,_b as I,a as h,aa as Vr,ac as Ue,b as f,bc as lr,ca as de,cc as m,da as ae,db as A,dc as W,ec as te,ee as Qr,fb as c,fc as y,fi as sr,g as Ur,gb as g,gc as vr,ha as Y,ia as j,ii as Jt,ja as le,jb as _e,ji as qt,k as Or,ka as Ee,kb as Se,kc as O,ki as U,lb as d,lc as D,mb as k,mh as pe,nb as C,ob as T,oe as en,pc as Ne,qa as R,r as se,sb as u,sc as K,si as ge,tb as p,ti as Zt,ua as oe,ub as Fe,v as De,va as S,vb as Q,vc as q,wa as ar,xb as Z,zb as i}from"./chunk-VKGZ33MA.js";var ce=()=>{};function To(){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 Oo(){return{setAllNotificationsAsRead:ce,onTabChange:ce,trackByNotificationId:void 0,trackByUserMapId:void 0,trackByNotificationByDocumentId:void 0,trackByNotificationByDate:void 0,trackByKey:void 0,onLoadMoreClick:ce,toggleUserAccordion:ce,toggleDocumentAccordion:ce,onNotificationClick:ce,closeNotificationsPanel:ce,openSettings:ce,closeSettings:ce,toggleSettingsAccordion:ce,setSettingsSelectedOption:ce,toggleSettingsMutedAll:ce}}function Er(){return h(h({},To()),Oo())}function sn(){return{darkMode:!1,variant:void 0,shadowDom:!0}}var er=(()=>{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(Qr.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 Or),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 Or),this.actionSubjects.get(e)?.asObservable()}catch(o){return this.loggingService.catch("Error in NotificationsActionsService onAction: ",o),se(null)}}};n.\u0275fac=function(o){return new(o||n)(de(U))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var xr=(()=>{let n=class n{constructor(e,o,a,l,b,F){this.loggingService=e,this.notificationService=o,this.analyticsService=a,this.serviceBook=l,this.domService=b,this.notificationsActionsService=F,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"},this.commentService=null,this.viewsService=null,this.serviceBook.observe(gr).subscribe(M=>{this.commentService=M}),this.serviceBook.observe(sr).subscribe(M=>{this.viewsService=M??null})}onTabChange(e,o){try{this.loggingService.log("%c[WB] Calling FUNCTION: onTabChange","color: green;"),e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{selectedTab:o})}));let a=0,l=e();o===this.TABS.ForYou?a=l.data.notificationsForYouInSession?.length||0:a=l.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 l=a.uiState.selectedTab;return f(h({},a),{uiState:f(h({},a.uiState),{tabPage:f(h({},a.uiState.tabPage),{[l]:a.uiState.tabPage[l]?a.uiState.tabPage[l]+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=>f(h({},a),{uiState:f(h({},a.uiState),{usersExpanded:f(h({},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=>f(h({},a),{uiState:f(h({},a.uiState),{documentExpanded:f(h({},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 l=this.commentService?.getAnnotationById(o?.targetAnnotationId);l&&(this.domService.toggleAnnotationSelection(l),this.goToAnnotation(l),o.notificationSourceData=this.commentService?.getCommentAnnotationForClient(l))}o?.id&&this.setNotificationAsRead(e,o),this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_CLICKED,{notificationID:o?.id})}catch(l){this.loggingService.catch("Error in NotificationsPanelActionService onNotificationClick:",l)}}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(l=>l?.isUnread)||[]:o=a.data.notificationsInSession?.filter(l=>l?.isUnread)||[],a?.appState?.user?.organizationId?this.notificationService.setNotificationsAsRead(o):this.viewsService?.setNotificationsAsRead(o.map(l=>l.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=>f(h({},o),{uiState:f(h({},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=>f(h({},o),{uiState:f(h({},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 l={inbox:!1,email:!1};return Object.keys(a.data.settingsSelectedOption).forEach(b=>{l[b]=!1}),l[o]=!a.uiState.settingsAccordionExpanded[o],f(h({},a),{uiState:f(h({},a.uiState),{settingsAccordionExpanded:l})})})}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 l=e().data.settingsSelectedOption,b={};Object.keys(l).forEach(F=>{b[F]=l[F].id}),b[o]=a.id,this.notificationService.setSettingsConfig(b),this.notificationService.updateSettingsConfigToDb(),this.settingsUpdated(e),e().uiState.settingsLayout==="dropdown"&&e().uiState.settingsAccordionExpanded[o]&&this.toggleSettingsAccordion(e,o)}catch(l){this.loggingService.catch("Error in NotificationsPanelActionService setSettingsSelectedOption:",l)}}toggleSettingsMutedAll(e){try{if(this.loggingService.log("%c[WB] Calling FUNCTION: toggleSettingsMutedAll","color: green;"),!e().uiState.settingsMutedAll){let o=h({},e().data.settingsSelectedOption),a={},l={};Object.keys(o).forEach(b=>{a[b]={id:"NONE",name:"None"},l[b]="NONE"}),e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{settingsMutedAll:!0}),data:f(h({},b.data),{settingsSelectedOption:a})})),this.notificationService.setSettingsConfig(l),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(l=>{a[l]=o[l].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)(de(U),de(X),de(qt),de(Jt),de(ge),de(er))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var _r=(()=>{let n=class n{constructor(e,o,a,l,b,F){this.loggingService=e,this.notificationService=o,this.authService=a,this.analyticsService=l,this.docService=b,this.actionService=F,this.initialized=!1,this.subscriptions=[],this.contextMap=new Map,this.TABS={ForYou:"forYou",People:"people",Documents:"documents",All:"all"},this.injector=pr(),this.configBridge=new ur(this.injector,M=>this.contextMap.get(M))}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=>f(h({},a),{uiState:f(h({},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=>f(h({},a),{data:f(h({},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(),l={};Object.keys(e).forEach(F=>{let M=a.data.settingsConfig.find($=>$.id===F);M&&(l[F]=M.values?.find($=>$.id===e[F])||{id:e[F],name:e[F]})});let b=Object.values(l).every(F=>F.id==="NONE");o.update(F=>f(h({},F),{uiState:f(h({},F.uiState),{settingsMutedAll:b}),data:f(h({},F.data),{settingsSelectedOption:l})}))}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=>f(h({},a),{featureState:f(h({},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(Ae(e=>{try{return e?e?.organizationId?se(e).pipe(Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{notificationsForYouInSession:a})})),l().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(b){this.loggingService.catch("Error updating notificationsForYou in context:",b)}})}catch(l){this.loggingService.catch("Error processing notificationsForYou:",l)}return o}))}),Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{notificationsByDocumentId:a})}))}catch(b){this.loggingService.catch("Error updating notificationsByDocumentId in context:",b)}})}catch(l){this.loggingService.catch("Error processing notificationsByDocumentId:",l)}return o}))}),Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{notificationsInSession:a})})),this.getNotificationsByDate(l,a),this.updateNotificationsByUserMap(l)}catch(b){this.loggingService.catch("Error updating allNotifications in context:",b)}})}catch(l){this.loggingService.catch("Error processing allNotifications:",l)}return o}))})):se(e).pipe(Ae(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(De(a=>{try{this.contextMap.forEach(l=>{try{this.getNotificationsWithoutOrganization(l,a);let b=l(),F=0;b.uiState.selectedTab===this.TABS.ForYou?F=b.data.notificationsForYouInSession?.length||0:F=b.data.notificationsInSession?.length||0,F>0&&this.analyticsService.trackEvent(re.Events.Notifications.NOTIFICATION_READ,{tab:b.uiState.selectedTab,notificationCount:F})}catch(b){this.loggingService.catch("Error updating notifications (no org) in context:",b)}})}catch(l){this.loggingService.catch("Error processing notifications (no org):",l)}return o}))})):(this.contextMap.forEach(o=>{try{this.resetData(o)}catch(a){this.loggingService.catch("Error resetting data in context:",a)}}),se(e))}catch(o){return this.loggingService.catch("Error in user switchMap:",o),se(null)}})).subscribe(e=>{try{this.contextMap.forEach(o=>{try{e?o.update(a=>f(h({},a),{appState:f(h({},a.appState),{user:e})})):o.update(a=>f(h({},a),{appState:f(h({},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=>f(h({},a),{data:f(h({},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=>f(h({},a),{uiState:f(h({},a.uiState),{selectedTab:this.TABS.Documents})})):this.isTabEnabled(e,this.TABS.All)&&e.update(a=>f(h({},a),{uiState:f(h({},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(l=>this.isTabEnabled(e,l));e.update(l=>f(h({},l),{uiState:f(h({},l.uiState),{tabCount:a.length})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService getEnabledTabCount:",o)}}getNotificationsWithoutOrganization(e,o){try{let a=o?.slice()||[],l=e(),b=new Map(l.data.notificationsInSession?.map(M=>[M.id,M])),F=new Map(l.data.notificationsForYouInSession?.map(M=>[M.id,M]));a.forEach(M=>{(M.isUnread||b.has(M.id)||l.uiState.panelOpenMode==="sidebar")&&(b.set(M.id,M),M.forYou&&F.set(M.id,M))}),l.appState.user?.organizationId||(e.update(M=>f(h({},M),{data:f(h({},M.data),{notificationsInSession:Array.from(b.values()).sort(($,me)=>me.timestamp-$.timestamp),notificationsForYouInSession:Array.from(F.values()).sort(($,me)=>me.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(l){this.loggingService.catch("Error processing notification for userMap:",l)}}),e.update(a=>f(h({},a),{data:f(h({},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],l=new Date(new Date().setDate(new Date().getDate()-1)).toISOString().split("T")[0],b=null;o?.forEach(M=>{try{let $=M?.timestamp;if($){let me=new Date($).toISOString().split("T")[0];if(!b?.[me]){let ue=me===a?"Today":me===l?"Yesterday":new Date(me).toLocaleDateString("en-GB",{day:"numeric",month:"short",year:"numeric"}).replace(/ /g,"-");b||(b={}),b[me]={displayName:ue,notifications:[]}}b[me].notifications.push(M)}}catch($){this.loggingService.catch("Error processing notification for date grouping:",$)}});let F=b?Object.entries(b).map(([M,$])=>h({date:M},$)).sort((M,$)=>$.date.localeCompare(M.date)):null;e.update(M=>f(h({},M),{data:f(h({},M.data),{notificationsByDate:F})}))}catch(a){this.loggingService.catch("Error in NotificationsPanelCoreService getNotificationsByDate:",a)}}resetData(e){try{e.update(o=>f(h({},o),{data:f(h({},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=R(Er()),this.contextMap.set(e,o),this.applyCurrentStateToContext(o)),o}catch(o){return this.loggingService.catch("Error in NotificationsPanelCoreService getOrCreateContextConfig:",o),R(Er())}}getNotificationsPanelConfig$(){try{return this.configBridge.get(Xt,()=>this.getOrCreateContextConfig(Xt))}catch(e){return this.loggingService.catch("Error in NotificationsPanelCoreService getNotificationsPanelConfig$:",e),se(null)}}applyCurrentStateToContext(e){try{let o=this.notificationService.getEnableSettings();e.update(M=>f(h({},M),{featureState:f(h({},M.featureState),{settingsEnabled:o})}));let a=this.notificationService.getTabConfig();a!==null&&(e.update(M=>f(h({},M),{uiState:f(h({},M.uiState),{tabConfig:a})})),this.checkAndSetDefaultTab(e),this.getEnabledTabCount(e));let l=this.notificationService.getSettingsInitialConfig();l?.length&&e.update(M=>f(h({},M),{data:f(h({},M.data),{settingsConfig:l})}));let b=this.notificationService.getSettingsConfig();if(b){let M=e(),$={};Object.keys(b).forEach(ue=>{let ve=M.data.settingsConfig.find(ye=>ye.id===ue);ve&&($[ue]=ve.values?.find(ye=>ye.id===b[ue])||{id:b[ue],name:b[ue]})});let me=Object.values($).every(ue=>ue.id==="NONE");e.update(ue=>f(h({},ue),{uiState:f(h({},ue.uiState),{settingsMutedAll:me}),data:f(h({},ue.data),{settingsSelectedOption:$})}))}this.notificationService.getMuteAllNotifications()&&this.applyMuteAll(e);let F=this.docService.getDocumentMetadata();F&&e.update(M=>f(h({},M),{data:f(h({},M.data),{currentDocumentName:F.documentName||""})}))}catch(o){this.loggingService.catch("Error in NotificationsPanelCoreService applyCurrentStateToContext:",o)}}applyMuteAll(e){try{e().uiState.settingsMutedAll||e.update(o=>{let a=h({},o.data.settingsSelectedOption);return Object.keys(a).forEach(l=>{a[l]={id:"NONE",name:"None"}}),f(h({},o),{uiState:f(h({},o.uiState),{settingsMutedAll:!0}),data:f(h({},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)(de(U),de(X),de(Zt),de(qt),de(Pe),de(xr))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var E=(()=>{let n=class n extends Cr{constructor(){super(...arguments),this.coreService=ae(_r),this.actionService=ae(xr),this.panelPane="any"}getDefaultLocalUIState(){return sn()}getServiceComponentConfigSignal(){try{return this.coreService.getOrCreateContextConfig("default")}catch{return}}shouldShowForPane(){try{if(!this.defaultCondition())return!0;let e=this.componentConfigSignal();if(!e)return!0;let o=!!e.uiState?.settingsOpen;return this.panelPane==="settings"?o&&!!e.featureState?.settingsEnabled:this.panelPane==="list"?!o:!0}catch{return!0}}hasMultipleTabs(){try{return(this.componentConfigSignal()?.uiState?.tabCount??0)>1}catch{return!0}}shouldShowForTab(){try{return this.defaultCondition()?this.shouldShowForPane()&&this.hasMultipleTabs():!0}catch{return!0}}shouldShowForCloseButton(){try{if(!this.defaultCondition())return!0;let e=this.componentConfigSignal();return this.shouldShowForPane()&&e?.uiState?.panelOpenMode==="sidebar"}catch{return!0}}getInheritedNotificationIndex(){try{let e=this.getInheritedVeltContextData()["notification-index"];if(e==null)return;let o=parseInt(e,10);return isNaN(o)?void 0:o}catch{return}}resolveNotificationForPrimitive(e){try{if(e.direct)return e.direct;let o=this.componentConfigSignal(),a=o?.data?.notificationsInSession||o?.data?.notificationsForYouInSession;if(e.notificationId){let F=[o?.data?.notificationsForYouInSession,o?.data?.notificationsInSession].filter(M=>Array.isArray(M)&&M.length);for(let M of F){let $=M.find(me=>me?.id===e.notificationId);if($)return $}}if(e.ownIndex!==void 0&&a?.length&&a[e.ownIndex])return a[e.ownIndex];let l=this.getInheritedVeltEntity();if(l)return l;let b=this.getInheritedNotificationIndex();return b!==void 0&&a?.length&&a[b]?a[b]:a?.length?a[0]:null}catch{return null}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 Sr=(()=>{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=R(null),this.contextTick=R(0),this.resolvedItem=K(()=>{try{this.contextTick();let e=this.itemSignal();if(e!=null)return e;let o=this.componentConfigSignal(),a=this.getConfigArray(o),l=this.notificationIndex();if(l===void 0&&(l=this.resolveInheritedNotificationIndex()),l!==void 0&&a?.length&&l>=0&&l<a.length)return a[l];let b=this.getInheritedVeltEntity();return b??(a?.length?a[0]:null)}catch{return null}})}getPublishedVeltEntity(){try{return this.resolvedItem()}catch{return}}resolveInheritedNotificationIndex(){try{let e=this.getInheritedVeltContextData()["notification-index"];if(e===void 0)return;let o=parseInt(e,10);return isNaN(o)?void 0:o}catch{return}}onVeltContextChanged(){try{this.contextTick.update(e=>e+1)}catch{}}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=x({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 tr=(()=>{let n=class n extends Sr{constructor(){super(...arguments),this._dateGroup=R(void 0),this.inputPropertyName="data",this.resolvedData=K(()=>{let e=this._dateGroup()??this.getInheritedVeltContextData().date;if(e){let o=this.componentConfigSignal()?.data?.notificationsByDate||[],a=String(e).toLowerCase(),l=o.find(b=>b?.date===e||(b?.displayName||"").toLowerCase()===a);if(l)return l}return this.resolvedItem()})}set date(e){this._dateGroup.set(e?.trim()||void 0)}getInputValue(){return this.data}getConfigArray(e){return e?.data?.notificationsByDate}getPublishedVeltEntity(){try{return this.resolvedData()}catch{return}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 pn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Lo=(t,n)=>({condition:t,data:n}),Uo=(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 Bo(t,n){if(t&1&&(u(0),T(1,"snippyly-user-avatar",2),p()),t&2){let r,e=i(3);v(),d("user",(r=e.resolvedNotification())==null?null:r.actionUser)("size",24),A("data-testid",e.componentId+"-avatar")}}function Ro(t,n){if(t&1&&(u(0),s(1,Bo,2,3,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,Uo,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 Vo(t,n){if(t&1&&s(0,Ro,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Lo,r.conditionSignal(),W(1,pn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-avatar"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Vo,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 hn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Ho=(t,n)=>({condition:t,data:n}),Yo=(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 jo(t,n){if(t&1&&(T(0,"div",3),O(1,"safeHtml"),O(2,"translate"),O(3,"translate")),t&2){let r,e,o=i(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),ir),A("data-testid",o.componentId+"-body")("aria-label",D(3,7,D(2,5,"Notification message:")+"")+" "+((e=o.resolvedNotification())==null?null:e.displayBodyMessage))}}function Wo(t,n){if(t&1&&(k(0,"div"),c(1,jo,4,9,"div",3),C()),t&2){let r,e=i(4);v(),g((r=e.resolvedNotification())!=null&&r.displayBodyMessage||!e.defaultCondition()?1:-1)}}function $o(t,n){t&1&&T(0,"velt-skeleton-loader-internal",2)}function Ko(t,n){if(t&1&&(u(0),c(1,Wo,2,1,"div")(2,$o,1,0,"velt-skeleton-loader-internal",2),p()),t&2){let r=i(3);v(),g(r.showLoadingTemplateSignal()?2:1)}}function Jo(t,n){if(t&1&&(u(0),s(1,Ko,3,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,Yo,e.template,W(1,hn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function qo(t,n){if(t&1&&s(0,Jo,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Ho,r.conditionSignal(),W(1,hn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.showLoadingTemplateSignal=R(!1),this.componentId="velt-notifications-panel-content-list-item-body"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,qo,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,br,B,kr],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 fn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),Xo=(t,n)=>({condition:t,data:n}),Qo=(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 ea(t,n){if(t&1&&(k(0,"span",2),J(1),O(2,"translate"),C()),t&2){let r=i(5);A("data-testid",r.componentId+"-text"),v(),ie(" ",D(2,2,r.documentName())," ")}}function ta(t,n){if(t&1&&(u(0),c(1,ea,3,4,"span",2),p()),t&2){let r=i(4);v(),g(r.documentName()||!r.defaultCondition()?1:-1)}}function ra(t,n){if(t&1&&s(0,ta,2,1,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(5,Qo,e.template,W(1,fn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function na(t,n){if(t&1&&(u(0),c(1,ra,1,11,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(r.uiState.selectedTab!=r.uiState.TABS.Documents&&e.hasDocumentName()||!e.defaultCondition()?1:-1)}}function oa(t,n){if(t&1&&s(0,na,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Xo,r.conditionSignal(),W(1,fn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}var Ge=(()=>{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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.documentName=K(()=>{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.hasDocumentName=K(()=>{try{return!!this.resolvedNotification()?.metadata?.documentName}catch{return!1}}),this.componentId="velt-notifications-panel-content-list-item-file-name",this.docService=ae(Pe)}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,oa,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 bn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ia=(t,n)=>({condition:t,data:n}),la=(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 va(t,n){if(t&1&&(T(0,"div",2),O(1,"safeHtml"),O(2,"translate")),t&2){let r,e,o=i(4);d("innerHTML",D(1,4,(r=o.resolvedNotification())==null?null:r.displayHeadlineMessage),ir),A("data-testid",o.componentId+"-headline")("aria-level",2)("aria-label",D(2,6,"Notification headline:")+" "+((e=o.resolvedNotification())==null?null:e.displayHeadlineMessage))}}function da(t,n){if(t&1&&(u(0),c(1,va,3,8,"div",2),p()),t&2){let r,e=i(3);v(),g((r=e.resolvedNotification())!=null&&r.displayHeadlineMessage||!e.defaultCondition()?1:-1)}}function ca(t,n){if(t&1&&(u(0),s(1,da,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,la,e.template,W(1,bn,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&&s(0,ca,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,ia,r.conditionSignal(),W(1,bn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-headline"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,ga,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B,kr],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 kn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),ma=(t,n)=>({condition:t,data:n}),ua=(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 pa(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),O(3,"timeAgo"),J(4),O(5,"timeAgo"),O(6,"translate"),C(),p()),t&2){let r,e,o,a=i(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),ie(" ",(o=a.resolvedNotification())!=null&&o.timestamp?D(5,8,(o=a.resolvedNotification())==null?null:o.timestamp):D(6,10,"")," ")}}function ha(t,n){if(t&1&&(u(0),s(1,pa,7,12,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,ua,e.template,W(1,kn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fa(t,n){if(t&1&&s(0,ha,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,ma,r.conditionSignal(),W(1,kn,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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-time"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,fa,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B,gn],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Cn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r,isDefault:e}),ka=(t,n)=>({condition:t,data:n}),Ca=(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 xa(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),le(),k(3,"svg",3),T(4,"circle",4),C()(),p()),t&2){let r=i(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 _a(t,n){if(t&1&&s(0,xa,5,6,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(6,Ca,e.template,te(1,Cn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotification(),e.isDefault),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Sa(t,n){if(t&1&&(u(0),c(1,_a,1,12,"ng-container"),p()),t&2){let r,e=i(2);v(),g((r=e.resolvedNotification())!=null&&r.isUnread||!e.defaultCondition()?1:-1)}}function ya(t,n){if(t&1&&s(0,Sa,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(6,ka,r.conditionSignal(),te(1,Cn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification(),r.isDefault)))}}var Ye=(()=>{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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item-unread"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,ya,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 xn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notification:r}),wa=(t,n)=>({condition:t,data:n}),Na=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-item-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Pa(t,n){if(t&1&&(k(0,"div",8)(1,"div",9),le(),k(2,"svg",10),T(3,"path",11),C(),Ee(),T(4,"velt-notifications-panel-content-list-item-file-name-internal",4),C()()),t&2){let r=i(5);A("data-testid",r.componentId+"-info"),v(4),d("componentConfigSignal",r.componentConfigSignal)("notification",r.resolvedNotification())("parentLocalUIState",r.localUIStateSignal)}}function Ta(t,n){if(t&1&&(u(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),C(),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),C(),T(8,"velt-notifications-panel-content-list-item-body-internal",4),c(9,Pa,5,4,"div",8),C(),p()),t&2){let r,e=i(4);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(),g(!((r=e.resolvedNotification())==null||r.metadata==null)&&r.metadata.documentName?9:-1)}}function Oa(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),O(3,"translate"),O(4,"translate"),Z("click",function(o){Y(r);let a=i(2),l=i();return j(a.onNotificationClick(l.resolvedNotification(),o))}),s(5,Ta,10,19,"ng-container",2),C(),p()}if(t&2){let r,e,o=i(2),a=i();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,Na,a.template,W(11,xn,a.componentConfigSignal,a.localUIStateSignal,a.resolvedNotification()),o==null||o.uiState==null?null:o.uiState.variant,a.setIfCondition.bind(a),a.hostElementRef))}}function Da(t,n){if(t&1&&s(0,Oa,6,21,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,wa,r.conditionSignal(),W(1,xn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotification())))}}function Ea(t,n){if(t&1&&c(0,Da,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var je=(()=>{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=R(null),this.resolvedNotification=K(()=>this.resolveNotificationForPrimitive({direct:this.notificationSignal(),notificationId:this.notificationId(),ownIndex:this.notificationIndex()})),this.componentId="velt-notifications-panel-content-list-item",this.panelPane="list",this.domService=ae(ge)}getPublishedVeltEntity(){try{return this.resolvedNotification()}catch{return}}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 f(h({},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=x({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&&c(0,Ea,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Re,Ve,Ge,ze,He,Ye,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 _n=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r}),Ma=(t,n)=>({condition:t,data:n}),Fa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),La=(t,n)=>n.id;function Ua(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=i().$implicit,e=i(5);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("notification",r)("listItemTemplate",e.listItemTemplate)}}function Ba(t,n){if(t&1&&c(0,Ua,1,4,"velt-notifications-panel-content-list-item-internal",2),t&2){let r=n.$index,e=i(4),o=i();g(r<e.uiState.tabPage[e.uiState.selectedTab]*e.uiState.pageSize||e.uiState.panelOpenMode==="sidebar"||!o.defaultCondition()?0:-1)}}function Ra(t,n){if(t&1&&T(0,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=i(6);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Va(t,n){if(t&1&&c(0,Ra,1,2,"velt-notifications-panel-content-list-item-internal",3),t&2){let r=i(5);g(r.defaultCondition()?-1:0)}}function Ga(t,n){if(t&1&&(u(0),_e(1,Ba,1,1,null,null,La,!1,Va,1,1),p()),t&2){let r=i(4);v(),Se(r.resolvedNotifications())}}function za(t,n){if(t&1&&(u(0),s(1,Ga,4,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,Fa,e.template,W(1,_n,e.componentConfigSignal,e.localUIStateSignal,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ha(t,n){if(t&1&&s(0,za,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Ma,r.conditionSignal(),W(1,_n,r.componentConfigSignal,r.localUIStateSignal,r.resolvedNotifications())))}}function Ya(t,n){if(t&1&&c(0,Ha,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var be=(()=>{let n=class n extends E{constructor(){super(...arguments),this._listType=R("all"),this._documentId=R(void 0),this.resolvedNotifications=K(()=>{try{let e=this.componentConfigSignal();if(this.notifications)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],l=o;try{l=this.docService.generateDocumentId(o)||o}catch{}return a.find(b=>b.documentId===l||b.documentId===o)?.notifications||[]}return this._listType()==="for-you"?e?.data?.notificationsForYouInSession||[]:e?.data?.notificationsInSession||[]}catch{return[]}}),this.componentId="velt-notifications-panel-content-list",this.panelPane="list",this.docService=ae(Pe)}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 f(h({},super.getConditionalClassesContext()),{notifications:this.notifications})}ngOnInit(){try{if(super.ngOnInit(),!this.listItemTemplate){let e=this.template?.querySelector("velt-notifications-panel-content-list-item-wireframe");pe(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=x({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&&c(0,Ya,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,je],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Sn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isLoadMoreVisible:r,notifications:e}),ja=(t,n)=>({condition:t,data:n}),Wa=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-load-more-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function $a(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(5);v(),Yr(" ",D(2,2,"Load More")," (",r.remainingCount(),") ")}}function Ka(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=i(3);return j(a.onLoadMoreClick(o))}),s(3,$a,3,4,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Wa,e.template,te(7,Sn,e.componentConfigSignal,e.localUIStateSignal,e.isLoadMoreVisible,e.resolvedNotifications()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ja(t,n){if(t&1&&(u(0),c(1,Ka,4,18,"button",1),p()),t&2){let r=i(3);v(),g(r.shouldShowLoadMore()?1:-1)}}function qa(t,n){if(t&1&&s(0,Ja,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,ja,r.conditionSignal(),te(1,Sn,r.componentConfigSignal,r.localUIStateSignal,r.isLoadMoreVisible,r.resolvedNotifications())))}}function Za(t,n){if(t&1&&c(0,qa,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var ke=(()=>{let n=class n extends E{constructor(){super(...arguments),this._isLoadMoreVisible=R(!1),this._isLoadMoreVisibleBound=!1,this.notifications=[],this._listType=R("all"),this._documentId=R(void 0),this.remainingCount=K(()=>{try{let e=this.componentConfigSignal(),o=this.resolvedNotifications()?.length||0,a=e?.uiState?.pageSize||0,l=e?.uiState?.tabPage?.[e?.uiState?.selectedTab]||0;return Math.max(0,o-l*a)}catch{return 0}}),this.shouldShowLoadMore=K(()=>{try{return this.defaultCondition()?this.componentConfigSignal()?.uiState?.panelOpenMode==="sidebar"?!1:this._isLoadMoreVisibleBound?this._isLoadMoreVisible():this.remainingCount()>0:!0}catch{return!1}}),this.resolvedNotifications=K(()=>{try{let e=this.componentConfigSignal();if(this.notifications?.length)return this.notifications;let o=this._documentId();if(o){let a=e?.data?.notificationsByDocumentId||[],l=o;try{l=this.docService.generateDocumentId(o)||o}catch{}return a.find(b=>b.documentId===l||b.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.panelPane="list",this.docService=ae(Pe)}set isLoadMoreVisible(e){this._isLoadMoreVisibleBound=!0,this._isLoadMoreVisible.set(!!e)}get isLoadMoreVisible(){return this._isLoadMoreVisible()}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 f(h({},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=x({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&&c(0,Za,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 yn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),Xa=(t,n)=>({condition:t,data:n}),Qa=(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 ei(t,n){if(t&1&&(u(0),T(1,"velt-notifications-panel-content-list-internal",2)(2,"velt-notifications-panel-content-load-more-internal",3),p()),t&2){let r,e,o,a=i(2),l=i();v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(r=l.resolvedData())==null?null:r.notifications),v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(e=l.resolvedData())==null?null:e.notifications)("isLoadMoreVisible",((o=l.resolvedData())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.all*a.uiState.pageSize)}}function ti(t,n){if(t&1&&(u(0),s(1,ei,3,7,"ng-container",1),p()),t&2){let r,e=i(),o=i();v(),d("veltDynamicTemplate",y(6,Qa,o.template,te(1,yn,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 ri(t,n){if(t&1&&s(0,ti,2,12,"ng-container",0),t&2){let r,e=n,o=i();d("veltIf",m(6,Xa,o.conditionSignal(),te(1,yn,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)))}}var We=(()=>{let n=class n extends tr{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=x({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&&c(0,ri,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,be,ke],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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,notifications:r,isLoadMoreVisible:e}),oi=(t,n)=>({condition:t,data:n}),ai=(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 ii(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),O(3,"translate"),C(),p()),t&2){let r,e,o=i(3);v(),A("data-testid",o.componentId)("role","listitem")("aria-label",(r=o.resolvedData())==null?null:r.displayName),v(),ie(" ",D(3,4,(e=o.resolvedData())==null?null:e.displayName)," ")}}function li(t,n){if(t&1&&(u(0),s(1,ii,4,6,"ng-container",1),p()),t&2){let r,e=i(),o=i();v(),d("veltDynamicTemplate",y(6,ai,o.template,te(1,In,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 vi(t,n){if(t&1&&s(0,li,2,12,"ng-container",0),t&2){let r,e=n,o=i();d("veltIf",m(6,oi,o.conditionSignal(),te(1,In,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)))}}var $e=(()=>{let n=class n extends tr{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=x({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&&c(0,vi,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 wn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),ci=(t,n)=>({condition:t,data:n}),gi=(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 si(t,n){if(t&1&&(u(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),C(),p()),t&2){let r=i(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 mi(t,n){if(t&1&&(u(0),s(1,si,5,11,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,gi,e.template,W(1,wn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedData()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ui(t,n){if(t&1&&s(0,mi,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,ci,r.conditionSignal(),W(1,wn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedData())))}}var Ke=(()=>{let n=class n extends tr{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all-list-item",this.domService=ae(ge)}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=x({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&&c(0,ui,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,We,$e,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Nn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),hi=(t,n)=>({condition:t,data:n}),fi=(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}),bi=()=>[],ki=(t,n)=>n.date;function Ci(t,n){if(t&1&&(k(0,"div"),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",2),C()),t&2){let r=n.$implicit,e=i(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 xi(t,n){if(t&1&&(k(0,"div",3),O(1,"translate"),T(2,"velt-notifications-panel-content-all-list-item-internal",4),C()),t&2){let r=i(6);A("data-testid",r.componentId)("aria-label",D(1,4,"All notifications list")),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function _i(t,n){if(t&1&&c(0,xi,3,6,"div",3),t&2){let r=i(5);g(r.defaultCondition()?-1:0)}}function Si(t,n){if(t&1&&_e(0,Ci,3,9,"div",null,ki,!1,_i,1,1),t&2){let r=i(3);Se(r.data.notificationsByDate??Ue(1,bi))}}function yi(t,n){if(t&1&&(u(0),c(1,Si,3,2),p()),t&2){let r=i(2),e=i();v(),g(!(r==null||r.data==null)&&r.data.notificationsByDate||!e.defaultCondition()?1:-1)}}function Ii(t,n){if(t&1&&(u(0),s(1,yi,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,fi,e.template,m(1,Nn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function wi(t,n){if(t&1&&s(0,Ii,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,hi,r.conditionSignal(),m(1,Nn,r.componentConfigSignal,r.localUIStateSignal)))}}var Je=(()=>{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");pe(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=x({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&&c(0,wi,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ke,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Pn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Pi=(t,n)=>({condition:t,data:n}),Ti=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-view-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Oi(t,n){t&1&&(u(0),k(1,"div",3),J(2),O(3,"translate"),C(),p()),t&2&&(v(2),ie(" ",D(3,1,"View all")," "))}function Di(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=i(),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=i(),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=i(),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.All))}),s(3,Oi,4,3,"ng-container",2),C(),p()}if(t&2){let r=i(),e=i();v(),A("aria-label",D(2,3,"View all notifications"))("data-testid",e.componentId+"-view-all-container"),v(2),d("veltDynamicTemplate",y(8,Ti,e.template,m(5,Pn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Ei(t,n){if(t&1&&s(0,Di,4,14,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Pi,r.conditionSignal(),m(1,Pn,r.componentConfigSignal,r.localUIStateSignal)))}}var qe=(()=>{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===ce?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=x({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&&c(0,Ei,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Tn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r}),Mi=(t,n)=>({condition:t,data:n}),Fi=(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 Li(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),k(3,"span",3),J(4,"\u{1F60C}"),C(),k(5,"div",4),O(6,"translate"),J(7),O(8,"translate"),C(),T(9,"velt-notifications-panel-view-all-button-internal",5),C(),p()),t&2){let r=i(5);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),ie(" ",D(8,13,"All notifications read")," "),v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Ui(t,n){if(t&1&&s(0,Li,10,15,"ng-container",1),t&2){let r=i(3),e=i();d("veltDynamicTemplate",y(5,Fi,e.template,W(1,Tn,e.componentConfigSignal,e.localUIStateSignal,e.isAllRead),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bi(t,n){if(t&1&&(u(0),c(1,Ui,1,11,"ng-container"),p()),t&2){let r=i(3);v(),g(r.isAllRead||!r.defaultCondition()?1:-1)}}function Ri(t,n){if(t&1&&s(0,Bi,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Mi,r.conditionSignal(),W(1,Tn,r.componentConfigSignal,r.localUIStateSignal,r.isAllRead)))}}function Vi(t,n){if(t&1&&c(0,Ri,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ce=(()=>{let n=class n extends E{constructor(){super(...arguments),this.isAllRead=!1,this.componentId="velt-notifications-panel-content-all-read-container",this.panelPane="list"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Vi,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,qe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 On=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Gi=(t,n)=>({condition:t,data:n}),zi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-skeleton-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Hi(t,n){t&1&&(u(0),k(1,"div",2)(2,"div",3),T(3,"div",4),k(4,"div",5)(5,"div",6),T(6,"div",7),C(),k(7,"div",8),T(8,"div",9)(9,"div",10),C()()(),k(10,"div",3),T(11,"div",4),k(12,"div",5)(13,"div",6),T(14,"div",7),C(),k(15,"div",8),T(16,"div",9)(17,"div",10),C()()()(),p())}function Yi(t,n){if(t&1&&s(0,Hi,18,0,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,zi,e.template,m(1,On,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ji(t,n){if(t&1&&(u(0),c(1,Yi,1,10,"ng-container"),p()),t&2){let r=i(2);v(),g(r.isLoading?1:-1)}}function Wi(t,n){if(t&1&&s(0,ji,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Gi,r.conditionSignal(),m(1,On,r.componentConfigSignal,r.localUIStateSignal)))}}var xe=(()=>{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=x({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&&c(0,Wi,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 $i=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ki=(t,n)=>({condition:t,data:n}),Ji=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),qi=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Zi(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 Xi(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,Zi,4,8,"ng-container",3),C()),t&2){let r=i(3),e=i();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,qi,e.template,te(8,Ji,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 Qi(t,n){if(t&1&&(u(0),c(1,Xi,3,19,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.All===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function el(t,n){if(t&1&&s(0,Qi,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ki,r.conditionSignal(),m(1,$i,r.componentConfigSignal,r.localUIStateSignal)))}}function tl(t,n){if(t&1&&c(0,el,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ze=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-all",this.panelPane="list"}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=x({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&&c(0,tl,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Je,Ce,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Be=(()=>{let n=class n extends Sr{constructor(){super(...arguments),this._documentId=R(void 0),this.docService=ae(Pe),this.inputPropertyName="document",this.resolvedDocument=K(()=>{let e=this._documentId()??this.getInheritedVeltContextData()["document-id"];if(e){let o=this.componentConfigSignal()?.data?.notificationsByDocumentId||[],a=e;try{a=this.docService.generateDocumentId(e)||e}catch{}let l=o.find(b=>b?.documentId===a||b?.documentId===e);if(l)return l}return this.resolvedItem()})}set documentId(e){this._documentId.set(e?.trim()||void 0)}getInputValue(){return this.document}getConfigArray(e){return e?.data?.notificationsByDocumentId}getPublishedVeltEntity(){try{return this.resolvedDocument()}catch{return}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 nl=(t,n,r,e,o,a)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e,notifications:o,isLoadMoreVisible:a}),ol=(t,n)=>({condition:t,data:n}),al=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e}),il=(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 ll(t,n){if(t&1&&(u(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),p()),t&2){let r,e,o,a=i(3),l=i();v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(r=l.resolvedDocument())==null?null:r.notifications)("template",l.template),v(),d("componentConfigSignal",l.componentConfigSignal)("parentLocalUIState",l.localUIStateSignal)("notifications",(e=l.resolvedDocument())==null?null:e.notifications)("isLoadMoreVisible",((o=l.resolvedDocument())==null||o.notifications==null?null:o.notifications.length)>a.uiState.tabPage.documents*a.uiState.pageSize)}}function vl(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,ll,3,8,"ng-container",3),C()),t&2){let r,e=i(2),o=i();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,il,o.template,te(8,al,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 dl(t,n){if(t&1&&(u(0),c(1,vl,3,19,"div",1),p()),t&2){let r,e=i(),o=i();v(),g(e.uiState.documentExpanded[(r=o.resolvedDocument())==null?null:r.documentId]||!o.defaultCondition()?1:-1)}}function cl(t,n){if(t&1&&s(0,dl,2,1,"ng-container",0),t&2){let r,e=n,o=i();d("veltIf",m(8,ol,o.conditionSignal(),vr(1,nl,o.componentConfigSignal,o.localUIStateSignal,o.resolvedDocument(),o.index,(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)))}}var Xe=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-content"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,cl,1,11,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,be,ke,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Dn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),sl=(t,n)=>({condition:t,data:n}),ml=(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 ul(t,n){if(t&1&&(k(0,"span"),O(1,"translate"),J(2),O(3,"translate"),C()),t&2){let r,e=i(4);A("data-testid",e.componentId+"-count")("role","listitem")("aria-label",D(1,4,"Document notification")),v(2),Le(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)+" "+D(3,6,"Unread"))}}function pl(t,n){if(t&1&&(u(0),c(1,ul,4,8,"span"),p()),t&2){let r,e=i(3);v(),g((r=e.resolvedDocument())!=null&&r.unreadNotificationsCount||!e.defaultCondition()?1:-1)}}function hl(t,n){if(t&1&&(u(0),s(1,pl,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(6,ml,e.template,te(1,Dn,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function fl(t,n){if(t&1&&s(0,hl,2,12,"ng-container",0),t&2){let r=i();d("veltIf",m(6,sl,r.conditionSignal(),te(1,Dn,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var Qe=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-count"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,fl,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),kl=(t,n)=>({condition:t,data:n}),Cl=(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}),xl=t=>({$implicit:t});function _l(t,n){t&1&&Fe(0)}function Sl(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),J(3),O(4,"translate"),C()),t&2){let r=i().$implicit,e=i(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),Le(D(4,7,r==null?null:r.documentName))}}function yl(t,n){if(t&1&&(k(0,"span",4),O(1,"translate"),O(2,"translate"),J(3),O(4,"translate"),C()),t&2){let r,e,o=i(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),ie(" ",((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 Il(t,n){if(t&1&&c(0,Sl,5,9,"span",4)(1,yl,5,9,"span",4),t&2){let r=n.$implicit;g(r!=null&&r.documentName?0:1)}}function wl(t,n){if(t&1&&(u(0),s(1,_l,1,0,"ng-container",3)(2,Il,2,1,"ng-template",null,0,Ne),p()),t&2){let r,e=fe(3),o=i(3);v(),d("ngTemplateOutlet",e)("ngTemplateOutletContext",lr(2,xl,((r=o.resolvedDocument())==null?null:r.documentMetadata)||((r=o.resolvedDocument())==null||r.notifications==null||r.notifications[0]==null?null:r.notifications[0].metadata)))}}function Nl(t,n){if(t&1&&(u(0),s(1,wl,4,4,"ng-container",2),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(6,Cl,e.template,te(1,En,e.componentConfigSignal,e.localUIStateSignal,e.resolvedDocument(),e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Pl(t,n){if(t&1&&s(0,Nl,2,12,"ng-container",1),t&2){let r=i();d("veltIf",m(6,kl,r.conditionSignal(),te(1,En,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index)))}}var et=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item-name"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Pl,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[Kt,P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 An=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e,isDefault:o}),Ol=(t,n)=>({condition:t,data:n}),Dl=(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 El(t,n){if(t&1&&(u(0),k(1,"div",2),O(2,"translate"),le(),k(3,"svg",3),T(4,"circle",4),C()(),p()),t&2){let r,e=i(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 Al(t,n){if(t&1&&s(0,El,5,6,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(7,Dl,e.template,y(1,An,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 Ml(t,n){if(t&1&&(u(0),c(1,Al,1,13,"ng-container"),p()),t&2){let r,e=i(2);v(),g(((r=e.resolvedDocument())==null?null:r.unreadNotificationsCount)>0||!e.defaultCondition()?1:-1)}}function Fl(t,n){if(t&1&&s(0,Ml,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(7,Ol,r.conditionSignal(),y(1,An,r.componentConfigSignal,r.localUIStateSignal,r.resolvedDocument(),r.index,r.isDefault)))}}var tt=(()=>{let n=class n extends Be{constructor(){super(...arguments),this.isDefault=!1,this.componentId="velt-notifications-panel-content-documents-list-item-unread"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Fl,1,10,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Mn=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,document:r,index:e}),Ul=(t,n)=>({condition:t,data:n}),Bl=(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 Rl(t,n){if(t&1&&(u(0),k(1,"div",3)(2,"div",4)(3,"div",5),le(),k(4,"svg",6),T(5,"path",7),C(),Ee(),T(6,"velt-notifications-panel-content-documents-list-item-unread-internal",8),C(),T(7,"velt-notifications-panel-content-documents-list-item-name-internal",9),C(),k(8,"div",10),T(9,"velt-notifications-panel-content-documents-list-item-count-internal",9),le(),k(10,"svg",11),T(11,"path",12),C()()(),Ee(),T(12,"velt-notifications-panel-content-documents-list-item-content-internal",13),p()),t&2){let r=i(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 Vl(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(),a=i();return j(o.toggleDocumentAccordion(a.document==null?null:a.document.documentId))}),s(2,Rl,13,15,"ng-container",2),C(),p()}if(t&2){let r=i(),e=i();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,Bl,e.template,te(6,Mn,e.componentConfigSignal,e.localUIStateSignal,e.document,e.index),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Gl(t,n){if(t&1&&s(0,Vl,3,17,"ng-container",0),t&2){let r=i();d("veltIf",m(6,Ul,r.conditionSignal(),te(1,Mn,r.componentConfigSignal,r.localUIStateSignal,r.document,r.index)))}}var rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents-list-item",this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,Gl,1,9,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Xe,Qe,et,tt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Fn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Hl=(t,n)=>({condition:t,data:n}),Yl=(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}),jl=()=>[],Wl=(t,n)=>n.documentId;function $l(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=i(4);d("componentConfigSignal",o.componentConfigSignal)("parentLocalUIState",o.localUIStateSignal)("document",r)("index",e)("listItemTemplate",o.listItemTemplate)}}function Kl(t,n){if(t&1&&T(0,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=i(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Jl(t,n){if(t&1&&c(0,Kl,1,2,"velt-notifications-panel-content-documents-list-item-internal",3),t&2){let r=i(4);g(r.defaultCondition()?-1:0)}}function ql(t,n){if(t&1&&(u(0),_e(1,$l,1,5,"velt-notifications-panel-content-documents-list-item-internal",2,Wl,!1,Jl,1,1),p()),t&2){let r=i(2);v(),Se(r.data.notificationsByDocumentId??Ue(1,jl))}}function Zl(t,n){if(t&1&&(u(0),s(1,ql,4,2,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,Yl,e.template,m(1,Fn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Xl(t,n){if(t&1&&s(0,Zl,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Hl,r.conditionSignal(),m(1,Fn,r.componentConfigSignal,r.localUIStateSignal)))}}var nt=(()=>{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");pe(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=x({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&&c(0,Xl,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,rt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ev=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),tv=(t,n)=>({condition:t,data:n}),rv=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),nv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ov(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 av(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),s(2,ov,4,8,"ng-container",2),C()),t&2){let r=i(3),e=i();A("data-testid",e.componentId)("aria-label",D(1,3,"Document notifications panel")),v(2),d("veltDynamicTemplate",y(10,nv,e.template,te(5,rv,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 iv(t,n){if(t&1&&(u(0),c(1,av,3,16,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.Documents===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function lv(t,n){if(t&1&&s(0,iv,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,tv,r.conditionSignal(),m(1,ev,r.componentConfigSignal,r.localUIStateSignal)))}}function vv(t,n){if(t&1&&c(0,lv,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var ot=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-documents",this.panelPane="list"}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=x({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&&c(0,vv,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ce,nt,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 cv=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gv=(t,n)=>({condition:t,data:n}),sv=(t,n,r,e,o,a)=>({componentConfigSignal:t,parentLocalUIState:n,notifications:r,isLoadMoreVisible:e,isAllRead:o,isLoading:a}),mv=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-for-you-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function uv(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 pv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,uv,5,13,"ng-container",3),C()),t&2){let r=i(3),e=i();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,mv,e.template,vr(7,sv,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 hv(t,n){if(t&1&&(u(0),c(1,pv,3,20,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.ForYou===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function fv(t,n){if(t&1&&s(0,hv,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,gv,r.conditionSignal(),m(1,cv,r.componentConfigSignal,r.localUIStateSignal)))}}function bv(t,n){if(t&1&&c(0,fv,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var at=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-for-you",this.panelPane="list"}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=x({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&&c(0,bv,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ce,be,ke,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Te=(()=>{let n=class n extends E{constructor(){super(...arguments),this._email=R(void 0),this._userId=R(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.contextTick=R(0),this.resolvedEntry=K(()=>{try{this.contextTick();let e=this.componentConfigSignal()?.data?.notificationsByUserMap||{},o=Object.keys(e).map(ve=>({key:ve,value:e[ve]})),a=this._email();if(a&&o.length){let ve=o.find(ye=>ye.key===a);if(ve)return ve}let l=this._userId();if(l&&o.length){let ve=o.find(ye=>ye.value?.user?.userId===l);if(ve)return ve}let b=this.notificationIndex();if(b!==void 0&&o.length&&b>=0&&b<o.length)return o[b];let F=this.getInheritedVeltContextData(),M=F.email||F["user-email"];if(M&&o.length){let ve=o.find(ye=>ye.key===M);if(ve)return ve}let $=F["user-id"];if($&&o.length){let ve=o.find(ye=>ye.value?.user?.userId===$);if(ve)return ve}let me=F["notification-index"];if(me!==void 0&&o.length){let ve=parseInt(me,10);if(!isNaN(ve)&&ve>=0&&ve<o.length)return o[ve]}let ue=this.getInheritedVeltEntity();return ue??(o.length?o[0]:null)}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)}onVeltContextChanged(){try{this.contextTick.update(e=>e+1)}catch{}}getPublishedVeltEntity(){try{return this.resolvedEntry()}catch{return}}};n.\u0275fac=(()=>{let e;return function(a){return(e||(e=S(n)))(a||n)}})(),n.\u0275cmp=x({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 Ln=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Cv=(t,n)=>({condition:t,data:n}),xv=(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 _v(t,n){if(t&1&&(u(0),T(1,"snippyly-user-avatar",2),O(2,"translate"),p()),t&2){let r=i(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 Sv(t,n){if(t&1&&(u(0),s(1,_v,3,6,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,xv,e.template,W(1,Ln,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&&s(0,Sv,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Cv,r.conditionSignal(),W(1,Ln,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var it=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-avatar"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,yv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Qt,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 wv=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Nv=(t,n)=>({condition:t,data:n}),Pv=(t,n,r,e,o)=>({componentConfigSignal:t,parentLocalUIState:n,data:r,notifications:e,isLoadMoreVisible:o}),Tv=(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 Ov(t,n){if(t&1&&(u(0),T(1,"velt-notifications-panel-content-list-internal",4)(2,"velt-notifications-panel-content-load-more-internal",5),p()),t&2){let r=i(3),e=i();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 Dv(t,n){if(t&1&&(k(0,"div",2),O(1,"translate"),s(2,Ov,3,8,"ng-container",3),C()),t&2){let r=i(2),e=i();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,Tv,e.template,y(7,Pv,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 Ev(t,n){if(t&1&&(u(0),c(1,Dv,3,19,"div",1),p()),t&2){let r=i(),e=i();v(),g(r.uiState.usersExpanded[e.data==null?null:e.data.key]||!e.defaultCondition()?1:-1)}}function Av(t,n){if(t&1&&s(0,Ev,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Nv,r.conditionSignal(),W(1,wv,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var lt=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-content"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Av,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,be,ke,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Un=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Fv=(t,n)=>({condition:t,data:n}),Lv=(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 Uv(t,n){if(t&1&&(u(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),O(4,"translate"),J(5),O(6,"translate"),O(7,"translate"),C(),p()),t&2){let r=i(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),ie("",(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 Bv(t,n){if(t&1&&(u(0),s(1,Uv,8,13,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,Lv,e.template,W(1,Un,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Rv(t,n){if(t&1&&s(0,Bv,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Fv,r.conditionSignal(),W(1,Un,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var vt=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-count"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,Rv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Bn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),Gv=(t,n)=>({condition:t,data:n}),zv=(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 Hv(t,n){if(t&1&&(u(0),k(1,"span",2),O(2,"translate"),O(3,"translate"),J(4),O(5,"translate"),C(),p()),t&2){let r=i(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),ie("",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 Yv(t,n){if(t&1&&(u(0),s(1,Hv,6,9,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(5,zv,e.template,W(1,Bn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function jv(t,n){if(t&1&&s(0,Yv,2,11,"ng-container",0),t&2){let r=i();d("veltIf",m(5,Gv,r.conditionSignal(),W(1,Bn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var dt=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item-name"}getConditionalClassesContext(){return f(h({},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=x({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&&c(0,jv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Rn=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,data:r}),$v=(t,n)=>({condition:t,data:n}),Kv=(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 Jv(t,n){if(t&1&&(u(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),C(),k(5,"div",6),T(6,"velt-notifications-panel-content-people-list-item-count-internal",4),le(),k(7,"svg",7),T(8,"path",8),C()()(),Ee(),T(9,"velt-notifications-panel-content-people-list-item-content-internal",9),p()),t&2){let r=i(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 qv(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(),a=i();return j(o.toggleUserAccordion(a.data==null?null:a.data.key))}),s(2,Jv,10,15,"ng-container",2),C(),p()}if(t&2){let r=i(),e=i();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,Kv,e.template,W(6,Rn,e.componentConfigSignal,e.localUIStateSignal,e.data),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Zv(t,n){if(t&1&&s(0,qv,3,16,"ng-container",0),t&2){let r=i();d("veltIf",m(5,$v,r.conditionSignal(),W(1,Rn,r.componentConfigSignal,r.localUIStateSignal,r.data)))}}var ct=(()=>{let n=class n extends Te{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people-list-item",this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,Zv,1,8,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,it,lt,vt,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)}[_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 Vn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Qv=(t,n)=>({condition:t,data:n}),ed=(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}),td=(t,n)=>n.key;function rd(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",2),t&2){let r=n.$implicit,e=i(4);d("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)("data",r)("listItemTemplate",e.listItemTemplate)}}function nd(t,n){if(t&1&&T(0,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=i(5);d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function od(t,n){if(t&1&&c(0,nd,1,2,"velt-notifications-panel-content-people-list-item-internal",3),t&2){let r=i(4);g(r.defaultCondition()?-1:0)}}function ad(t,n){if(t&1&&(u(0),_e(1,rd,1,4,"velt-notifications-panel-content-people-list-item-internal",2,td,!1,od,1,1),O(4,"keyvalue"),p()),t&2){let r=i(2);v(),Se(D(4,1,r.data.notificationsByUserMap))}}function id(t,n){if(t&1&&(u(0),s(1,ad,5,3,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,ed,e.template,m(1,Vn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ld(t,n){if(t&1&&s(0,id,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Qv,r.conditionSignal(),m(1,Vn,r.componentConfigSignal,r.localUIStateSignal)))}}var gt=(()=>{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");pe(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=x({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&&c(0,ld,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,ct,jr],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 dd=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),cd=(t,n)=>({condition:t,data:n}),gd=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,isAllRead:r,isLoading:e}),sd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function md(t,n){if(t&1&&(u(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),p()),t&2){let r=i(4),e=i();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 ud(t,n){if(t&1&&(k(0,"div",1),O(1,"translate"),s(2,md,4,8,"ng-container",2),C()),t&2){let r=i(3),e=i();A("aria-label",D(1,3,"People notifications panel"))("data-testid",e.componentId),v(2),d("veltDynamicTemplate",y(10,sd,e.template,te(5,gd,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 pd(t,n){if(t&1&&(u(0),c(1,ud,3,16,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.TABS.People===r.uiState.selectedTab||!e.defaultCondition()?1:-1)}}function hd(t,n){if(t&1&&s(0,pd,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,cd,r.conditionSignal(),m(1,dd,r.componentConfigSignal,r.localUIStateSignal)))}}function fd(t,n){if(t&1&&c(0,hd,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var st=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-content-people",this.panelPane="list"}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=x({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&&c(0,fd,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ce,gt,xe,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Gn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),kd=(t,n)=>({condition:t,data:n}),Cd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-content-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function xd(t,n){if(t&1&&(u(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),p()),t&2){let r=i(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 _d(t,n){if(t&1&&s(0,xd,5,8,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,Cd,e.template,m(1,Gn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Sd(t,n){if(t&1&&(u(0),c(1,_d,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function yd(t,n){if(t&1&&s(0,Sd,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,kd,r.conditionSignal(),m(1,Gn,r.componentConfigSignal,r.localUIStateSignal)))}}var mt=(()=>{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=x({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&&c(0,yd,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ze,ot,at,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);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 zn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),wd=(t,n)=>({condition:t,data:n}),Nd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-all-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Pd(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 Td(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.All))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.All))}),s(1,Pd,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Nd,e.template,m(8,zn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Od(t,n){if(t&1&&(u(0),c(1,Td,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 Dd(t,n){if(t&1&&s(0,Od,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,wd,r.conditionSignal(),m(1,zn,r.componentConfigSignal,r.localUIStateSignal)))}}function Ed(t,n){if(t&1&&c(0,Dd,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-all",this.panelPane="list"}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===ce?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=x({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&&c(0,Ed,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Hn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Md=(t,n)=>({condition:t,data:n}),Fd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-documents-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Ld(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 Ud(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.Documents))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.Documents))}),s(1,Ld,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Fd,e.template,m(8,Hn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bd(t,n){if(t&1&&(u(0),c(1,Ud,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 Rd(t,n){if(t&1&&s(0,Bd,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Md,r.conditionSignal(),m(1,Hn,r.componentConfigSignal,r.localUIStateSignal)))}}function Vd(t,n){if(t&1&&c(0,Rd,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-documents",this.panelPane="list"}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===ce?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=x({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&&c(0,Vd,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Yn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),zd=(t,n)=>({condition:t,data:n}),Hd=(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 Yd(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 jd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.ForYou))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.ForYou))}),s(1,Yd,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Hd,e.template,m(8,Yn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Wd(t,n){if(t&1&&(u(0),c(1,jd,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 $d(t,n){if(t&1&&s(0,Wd,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,zd,r.conditionSignal(),m(1,Yn,r.componentConfigSignal,r.localUIStateSignal)))}}function Kd(t,n){if(t&1&&c(0,$d,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var ht=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-for-you",this.panelPane="list"}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===ce?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=x({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&&c(0,Kd,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 jn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),qd=(t,n)=>({condition:t,data:n}),Zd=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-tab-people-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Xd(t,n){if(t&1&&(u(0),J(1),O(2,"translate"),p()),t&2){let r=i(4);v(),ie(" ",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 Qd(t,n){if(t&1){let r=Q();k(0,"div",2),Z("click",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.enter",function(){Y(r);let o=i(3),a=i();return j(a.handleTabChange(o.uiState.TABS.People))})("keydown.space",function(o){Y(r);let a=i(3),l=i();return o.preventDefault(),j(l.handleTabChange(a.uiState.TABS.People))}),s(1,Xd,3,3,"ng-container",3),C()}if(t&2){let r=i(3),e=i();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,Zd,e.template,m(8,jn,e.componentConfigSignal,e.localUIStateSignal),r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ec(t,n){if(t&1&&(u(0),c(1,Qd,2,17,"div",1),p()),t&2){let r=i(2),e=i();v(),g(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 tc(t,n){if(t&1&&s(0,ec,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,qd,r.conditionSignal(),m(1,jn,r.componentConfigSignal,r.localUIStateSignal)))}}function rc(t,n){if(t&1&&c(0,tc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForTab()?0:-1)}}var ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-header-tab-people",this.panelPane="list"}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===ce?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=x({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&&c(0,rc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Wn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),oc=(t,n)=>({condition:t,data:n}),ac=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ic(t,n){if(t&1&&(u(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),C()(),p()),t&2){let r=i(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 lc(t,n){if(t&1&&s(0,ic,8,13,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,ac,e.template,m(1,Wn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function vc(t,n){if(t&1&&(u(0),c(1,lc,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!r.uiState.settingsOpen&&r.uiState.tabCount>1||!e.defaultCondition()?1:-1)}}function dc(t,n){if(t&1&&s(0,vc,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,oc,r.conditionSignal(),m(1,Wn,r.componentConfigSignal,r.localUIStateSignal)))}}var bt=(()=>{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=x({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&&c(0,dc,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,ut,pt,ht,ft,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 $n=(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-description-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function mc(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Set notification preference for the current document"),C(),p())}function uc(t,n){if(t&1&&(u(0),s(1,mc,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,sc,e.template,m(1,$n,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&&s(0,uc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,gc,r.conditionSignal(),m(1,$n,r.componentConfigSignal,r.localUIStateSignal)))}}function hc(t,n){if(t&1&&c(0,pc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var kt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-description",this.panelPane="settings"}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=x({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&&c(0,hc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Kn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),bc=(t,n)=>({condition:t,data:n}),kc=(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 Cc(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),C(),p()),t&2){let r=i(3);v(2),ie("You will not receive any notifications from ",r.data.currentDocumentName||"current document")}}function xc(t,n){if(t&1&&(u(0),s(1,Cc,3,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,kc,e.template,m(1,Kn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function _c(t,n){if(t&1&&s(0,xc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,bc,r.conditionSignal(),m(1,Kn,r.componentConfigSignal,r.localUIStateSignal)))}}function Sc(t,n){if(t&1&&c(0,_c,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ct=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-description",this.panelPane="settings"}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=x({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&&c(0,Sc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Jn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ic=(t,n)=>({condition:t,data:n}),wc=(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 Nc(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Mute all document notifications"),C(),p())}function Pc(t,n){if(t&1&&(u(0),s(1,Nc,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,wc,e.template,m(1,Jn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Tc(t,n){if(t&1&&s(0,Pc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ic,r.conditionSignal(),m(1,Jn,r.componentConfigSignal,r.localUIStateSignal)))}}function Oc(t,n){if(t&1&&c(0,Tc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var xt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-title",this.panelPane="settings"}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=x({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&&c(0,Oc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 qn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ec=(t,n)=>({condition:t,data:n}),Ac=(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 Mc(t,n){t&1&&(u(0),k(1,"div",3),T(2,"div",4),C(),p())}function Fc(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(2);return j(o.toggleSettingsMutedAll())}),s(2,Mc,3,0,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();v(),ee("velt-notification-panel--settings-mute-all-toggle-container-muted",r.uiState.settingsMutedAll),v(),d("veltDynamicTemplate",y(6,Ac,e.template,m(3,qn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Lc(t,n){if(t&1&&s(0,Fc,3,12,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ec,r.conditionSignal(),m(1,qn,r.componentConfigSignal,r.localUIStateSignal)))}}function Uc(t,n){if(t&1&&c(0,Lc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var _t=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-mute-all-toggle",this.panelPane="settings"}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=x({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&&c(0,Uc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Zn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Rc=(t,n)=>({condition:t,data:n}),Vc=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-footer-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Gc(t,n){if(t&1&&(u(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),C(),T(5,"velt-notifications-panel-settings-mute-all-toggle-internal",4),C(),p()),t&2){let r=i(4);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 zc(t,n){if(t&1&&(u(0),s(1,Gc,6,6,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,Vc,e.template,m(1,Zn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Hc(t,n){if(t&1&&s(0,zc,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Rc,r.conditionSignal(),m(1,Zn,r.componentConfigSignal,r.localUIStateSignal)))}}function Yc(t,n){if(t&1&&c(0,Hc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var St=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-footer",this.panelPane="settings"}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=x({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&&c(0,Yc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Ct,xt,_t],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Xn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Wc=(t,n)=>({condition:t,data:n}),$c=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-back-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Kc(t,n){t&1&&(u(0),k(1,"div",3),le(),k(2,"svg",4),T(3,"path",5),C()(),p())}function Jc(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){Y(r);let o=i(2);return j(o.closeSettings())}),s(2,Kc,4,0,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();v(2),d("veltDynamicTemplate",y(4,$c,e.template,m(1,Xn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function qc(t,n){if(t&1&&s(0,Jc,3,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Wc,r.conditionSignal(),m(1,Xn,r.componentConfigSignal,r.localUIStateSignal)))}}function Zc(t,n){if(t&1&&c(0,qc,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var yt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-back-button",this.panelPane="settings"}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=x({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&&c(0,Zc,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Qn=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Qc=(t,n)=>({condition:t,data:n}),eg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function tg(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Settings"),C(),p())}function rg(t,n){if(t&1&&(u(0),s(1,tg,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,eg,e.template,m(1,Qn,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ng(t,n){if(t&1&&s(0,rg,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Qc,r.conditionSignal(),m(1,Qn,r.componentConfigSignal,r.localUIStateSignal)))}}function og(t,n){if(t&1&&c(0,ng,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var It=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header-title",this.panelPane="settings"}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=x({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&&c(0,og,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 eo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ig=(t,n)=>({condition:t,data:n}),lg=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-header-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function vg(t,n){if(t&1&&(u(0),k(1,"div",2),T(2,"velt-notifications-panel-settings-back-button-internal",3)(3,"velt-notifications-panel-settings-header-title-internal",3),C(),p()),t&2){let r=i(4);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal),v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function dg(t,n){if(t&1&&(u(0),s(1,vg,4,4,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,lg,e.template,m(1,eo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function cg(t,n){if(t&1&&s(0,dg,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,ig,r.conditionSignal(),m(1,eo,r.componentConfigSignal,r.localUIStateSignal)))}}function gg(t,n){if(t&1&&c(0,cg,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var wt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-header",this.panelPane="settings"}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=x({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&&c(0,gg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,yt,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-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 to=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),mg=(t,n)=>({condition:t,data:n}),ug=(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 pg(t,n){t&1&&(u(0),le(),k(1,"svg",3),T(2,"rect",4)(3,"circle",5),C(),k(4,"svg",6),T(5,"rect",7),C(),p())}function hg(t,n){if(t&1&&(u(0),k(1,"div",1),s(2,pg,6,0,"ng-container",2),C(),p()),t&2){let r,e=i(2),o=i();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,ug,o.template,te(3,to,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function fg(t,n){if(t&1&&s(0,hg,3,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,mg,r.conditionSignal(),te(1,to,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}function bg(t,n){if(t&1&&c(0,fg,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Nt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-icon",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(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=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this._accordionItemId=R(void 0),this.resolvedOption=K(()=>{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 b=a.toLowerCase(),F=o.values.find(M=>(M?.id||"").toLowerCase()===b||(M?.name||"").toLowerCase()===b);if(F)return F}let l=this.optionIndex();return l!==void 0&&o.values[l]?o.values[l]: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 f(h({},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=x({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&&c(0,bg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 ro=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),Cg=(t,n)=>({condition:t,data:n}),xg=(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 _g(t,n){if(t&1&&(u(0),k(1,"span",3),J(2),C(),p()),t&2){let r,e=i(4);v(2),ie(" ",((r=e.resolvedOption())==null?null:r.name)||((r=e.resolvedOption())==null?null:r.id)," ")}}function Sg(t,n){if(t&1&&(u(0),k(1,"div",1),s(2,_g,3,1,"ng-container",2),C(),p()),t&2){let r,e=i(2),o=i();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,xg,o.template,te(3,ro,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig(),o.resolvedOption()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function yg(t,n){if(t&1&&s(0,Sg,3,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,Cg,r.conditionSignal(),te(1,ro,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}function Ig(t,n){if(t&1&&c(0,yg,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Pt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item-label",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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=R(void 0),this.optionSignal=R(null),this.resolvedOption=K(()=>{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 b=a.toLowerCase(),F=o.values.find(M=>(M?.id||"").toLowerCase()===b||(M?.name||"").toLowerCase()===b);if(F)return F}let l=this.optionIndex();return l!==void 0&&o.values[l]?o.values[l]: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 f(h({},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=x({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&&c(0,Ig,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 no=(t,n,r,e)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r,option:e}),Ng=(t,n)=>({condition:t,data:n}),Pg=(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 Tg(t,n){if(t&1&&(u(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),C(),p()),t&2){let r=i(4);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 Og(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=i(2),l=i();return j(a.setSettingsSelectedOption((o=l.resolvedAccordionConfig())==null?null:o.id,l.resolvedOption()))}),s(2,Tg,4,8,"ng-container",2),C(),p()}if(t&2){let r,e=i(2),o=i();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,Pg,o.template,te(3,no,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&&s(0,Og,3,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(6,Ng,r.conditionSignal(),te(1,no,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig(),r.resolvedOption())))}}function Eg(t,n){if(t&1&&c(0,Dg,1,9,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Tt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content-item",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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=R(void 0),this.optionSignal=R(null),this.resolvedOption=K(()=>{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 b=a.toLowerCase(),F=o.values.find(M=>(M?.id||"").toLowerCase()===b||(M?.name||"").toLowerCase()===b);if(F)return F}let l=this.optionIndex();return l!==void 0&&o.values[l]?o.values[l]:o.values[0]}catch{return null}}),this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,Eg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Nt,Pt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 oo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Mg=(t,n)=>({condition:t,data:n}),Fg=(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}),Lg=(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=i(6);d("option",r)("accordionConfig",e.resolvedAccordionConfig())("itemTemplate",e.itemTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function Bg(t,n){if(t&1&&(u(0),k(1,"div",3),_e(2,Ug,1,5,"velt-notifications-panel-settings-accordion-content-item-internal",4,Lg),C(),p()),t&2){let r,e=i(5);v(2),Se((r=e.resolvedAccordionConfig())==null?null:r.values)}}function Rg(t,n){if(t&1&&(k(0,"div",1),s(1,Bg,4,0,"ng-container",2),C()),t&2){let r=i(3),e=i();v(),d("veltDynamicTemplate",y(5,Fg,e.template,W(1,oo,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Vg(t,n){if(t&1&&(u(0),c(1,Rg,2,11,"div",1),p()),t&2){let r,e=i(2),o=i();v(),g(e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]||!o.defaultCondition()?1:-1)}}function Gg(t,n){if(t&1&&s(0,Vg,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Mg,r.conditionSignal(),W(1,oo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function zg(t,n){if(t&1&&c(0,Gg,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ot=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-content",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this.domService=ae(ge)}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 f(h({},super.getConditionalClassesContext()),{accordionConfig:this.resolvedAccordionConfig()})}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-item-wireframe");pe(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=x({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&&c(0,zg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Tt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ao=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Yg=(t,n)=>({condition:t,data:n}),jg=(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 Wg(t,n){t&1&&(u(0),le(),k(1,"svg",2),T(2,"path",3),C(),p())}function $g(t,n){if(t&1&&(u(0),s(1,Wg,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,jg,e.template,W(1,ao,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Kg(t,n){if(t&1&&s(0,$g,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Yg,r.conditionSignal(),W(1,ao,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function Jg(t,n){if(t&1&&c(0,Kg,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Dt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-icon",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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 f(h({},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=x({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&&c(0,Jg,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 io=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Zg=(t,n)=>({condition:t,data:n}),Xg=(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 Qg(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),C(),p()),t&2){let r,e=i(4);v(2),Le(((r=e.resolvedAccordionConfig())==null?null:r.name)||(e.accordionConfig==null?null:e.accordionConfig.id))}}function es(t,n){if(t&1&&(u(0),s(1,Qg,3,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,Xg,e.template,W(1,io,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function ts(t,n){if(t&1&&s(0,es,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,Zg,r.conditionSignal(),W(1,io,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function rs(t,n){if(t&1&&c(0,ts,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Et=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-label",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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 f(h({},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=x({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&&c(0,rs,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 lo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),os=(t,n)=>({condition:t,data:n}),as=(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 is(t,n){if(t&1&&(u(0),k(1,"span",2),J(2),C(),p()),t&2){let r,e=i(3),o=i();v(2),ie(" ",(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 ls(t,n){if(t&1&&(u(0),s(1,is,3,1,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(5,as,e.template,W(1,lo,e.componentConfigSignal,e.localUIStateSignal,e.resolvedAccordionConfig()),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function vs(t,n){if(t&1&&s(0,ls,2,11,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,os,r.conditionSignal(),W(1,lo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function ds(t,n){if(t&1&&c(0,vs,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var At=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger-selected-value",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]: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 f(h({},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=x({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&&c(0,ds,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 vo=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),gs=(t,n)=>({condition:t,data:n}),ss=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-trigger-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function ms(t,n){if(t&1&&(u(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),C()(),p()),t&2){let r=i(4);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 us(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),Z("click",function(){let o;Y(r);let a=i(3);return j(a.onTriggerClick((o=a.resolvedAccordionConfig())==null?null:o.id))}),s(2,ms,6,9,"ng-container",2),C(),p()}if(t&2){let r,e=i(2),o=i();v(),ee("velt-notification-panel--settings-accordion-open",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,ss,o.template,W(3,vo,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function ps(t,n){if(t&1&&s(0,us,3,13,"ng-container",0),t&2){let r=i(2);d("veltIf",m(5,gs,r.conditionSignal(),W(1,vo,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function hs(t,n){if(t&1&&c(0,ps,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Mt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion-trigger",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this.domService=ae(ge)}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 f(h({},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=x({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&&c(0,hs,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Dt,Et,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);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 co=(t,n,r)=>({componentConfigSignal:t,parentLocalUIState:n,accordionConfig:r}),Cs=(t,n)=>({condition:t,data:n}),xs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-accordion-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),_s=()=>["velt-notification-panel--settings-dropdown-container","velt-overlay-panel"];function Ss(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),C()),t&2){let r=i(6);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 ys(t,n){if(t&1){let r=Q();k(0,"div",11)(1,"div",12),Z("clickOutside",function(){let o;Y(r);let a=i(7);return j(a.onClickOutside((o=a.resolvedAccordionConfig())==null?null:o.id))}),T(2,"velt-notifications-panel-settings-accordion-content-internal",8),C()()}if(t&2){let r=i(7);v(2),d("accordionConfig",r.resolvedAccordionConfig())("contentTemplate",r.contentTemplate)("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Is(t,n){if(t&1){let r=Q();k(0,"div",9,0),Z("positionChange",function(){Y(r);let o=fe(4),a=i(6);return j(a.onPositionChange(o))}),T(2,"velt-notifications-panel-settings-accordion-trigger-internal",7),C(),s(3,ys,3,4,"ng-template",10,1,Ne)}if(t&2){let r,e,o=fe(1),a=fe(4),l=i(5),b=i();d("veltPositionObserverDisabled",!l.uiState.settingsAccordionExpanded[(r=b.resolvedAccordionConfig())==null?null:r.id]),v(2),d("accordionConfig",b.resolvedAccordionConfig())("triggerTemplate",b.triggerTemplate)("componentConfigSignal",b.componentConfigSignal)("parentLocalUIState",b.localUIStateSignal),v(),d("cdkConnectedOverlayOrigin",o)("cdkConnectedOverlayOpen",l.uiState.settingsAccordionExpanded[(e=b.resolvedAccordionConfig())==null?null:e.id])("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",Ue(12,_s))("cdkConnectedOverlayWidth",o.elementRef.nativeElement.offsetWidth)("snippylyOverlay",a)("snippylyOverlayZIndex",2147483627)}}function ws(t,n){if(t&1&&(u(0),c(1,Ss,3,8,"div",6),c(2,Is,5,13),p()),t&2){let r=i(4);v(),g(r.uiState.settingsLayout==="accordion"?1:-1),v(),g(r.uiState.settingsLayout==="dropdown"?2:-1)}}function Ns(t,n){if(t&1&&(k(0,"div",4),s(1,ws,3,2,"ng-container",5),C()),t&2){let r,e=i(3),o=i();ee("velt-notification-panel--settings-accordion-container-expanded",e.uiState.settingsAccordionExpanded[(r=o.resolvedAccordionConfig())==null?null:r.id]),v(),d("veltDynamicTemplate",y(7,xs,o.template,W(3,co,o.componentConfigSignal,o.localUIStateSignal,o.resolvedAccordionConfig()),e==null||e.uiState==null?null:e.uiState.variant,o.setIfCondition.bind(o),o.hostElementRef))}}function Ps(t,n){if(t&1&&(u(0),c(1,Ns,2,13,"div",3),p()),t&2){let r,e=i(3);v(),g((r=e.resolvedAccordionConfig())!=null&&r.enable||!e.defaultCondition()?1:-1)}}function Ts(t,n){if(t&1&&s(0,Ps,2,1,"ng-container",2),t&2){let r=i(2);d("veltIf",m(5,Cs,r.conditionSignal(),W(1,co,r.componentConfigSignal,r.localUIStateSignal,r.resolvedAccordionConfig())))}}function Os(t,n){if(t&1&&c(0,Ts,1,8,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ft=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-accordion",this.panelPane="settings",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=R(void 0),this.accordionConfigSignal=R(null),this.resolvedAccordionConfig=K(()=>{try{let e=this.accordionConfigSignal();if(e)return e;let a=this.componentConfigSignal()?.data?.settingsConfig;if(!a?.length)return null;let l=this._accordionId();if(l){let F=l.toLowerCase(),M=a.find($=>$?.id===l||($?.name||"").toLowerCase()===F);if(M)return M}let b=this.notificationIndex();return b!==void 0&&a[b]?a[b]:a[0]}catch{return null}}),this.domService=ae(ge)}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");pe(o)||(this.triggerTemplate=o);let a=this.template?.querySelector("velt-notifications-panel-settings-accordion-content-wireframe");pe(a)||(this.contentTemplate=a)}else this.template=null}catch{}}getConditionalClassesContext(){return f(h({},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=f(h({},o),{uiState:f(h({},o.uiState),{settingsItemRecentlyClosed:!0})}),o)),setTimeout(()=>{this.componentConfigSignal.update(o=>(o=f(h({},o),{uiState:f(h({},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=x({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&&c(0,Os,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[cr,dr,P,N,hr,vn,Ot,Mt],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 go=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Es=(t,n)=>({condition:t,data:n}),As=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-list-wireframe",variant:r,setIfCondition:e,componentElementRef:o,replaceTemplate:!1}),Ms=(t,n)=>n.id;function Fs(t,n){if(t&1&&T(0,"velt-notifications-panel-settings-accordion-internal",3),t&2){let r=n.$implicit,e=i(5);d("accordionConfig",r)("accordionTemplate",e.accordionTemplate)("componentConfigSignal",e.componentConfigSignal)("parentLocalUIState",e.localUIStateSignal)}}function Ls(t,n){if(t&1&&(u(0),k(1,"div",2),_e(2,Fs,1,4,"velt-notifications-panel-settings-accordion-internal",3,Ms),C(),p()),t&2){let r=i(3);v(2),Se(r==null||r.data==null?null:r.data.settingsConfig)}}function Us(t,n){if(t&1&&(u(0),s(1,Ls,4,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,As,e.template,m(1,go,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Bs(t,n){if(t&1&&s(0,Us,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Es,r.conditionSignal(),m(1,go,r.componentConfigSignal,r.localUIStateSignal)))}}function Rs(t,n){if(t&1&&c(0,Bs,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Lt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-list",this.panelPane="settings"}ngOnInit(){try{super.ngOnInit();let e=this.template?.querySelector("velt-notifications-panel-settings-accordion-wireframe");pe(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=x({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&&c(0,Rs,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,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-list-container[_ngcontent-%COMP%]{margin-block:var(--velt-spacing-md)}"],changeDetection:0});let t=n;return t})();var so=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Gs=(t,n)=>({condition:t,data:n}),zs=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Hs(t,n){t&1&&(u(0),k(1,"span",2),J(2,"Document Notifications"),C(),p())}function Ys(t,n){if(t&1&&(u(0),s(1,Hs,3,0,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,zs,e.template,m(1,so,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function js(t,n){if(t&1&&s(0,Ys,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Gs,r.conditionSignal(),m(1,so,r.componentConfigSignal,r.localUIStateSignal)))}}function Ws(t,n){if(t&1&&c(0,js,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Ut=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-title",this.panelPane="settings"}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=x({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&&c(0,Ws,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 mo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Ks=(t,n)=>({condition:t,data:n}),Js=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function qs(t,n){if(t&1&&(u(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),C(),T(6,"velt-notifications-panel-settings-list-internal",3)(7,"velt-notifications-panel-settings-footer-internal",3),C(),p()),t&2){let r=i(5);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 Zs(t,n){if(t&1&&s(0,qs,8,10,"ng-container",1),t&2){let r=i(3),e=i();d("veltDynamicTemplate",y(4,Js,e.template,m(1,mo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Xs(t,n){if(t&1&&(u(0),c(1,Zs,1,10,"ng-container"),p()),t&2){let r=i(2),e=i();v(),g(r.uiState.settingsOpen&&r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function Qs(t,n){if(t&1&&s(0,Xs,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,Ks,r.conditionSignal(),m(1,mo,r.componentConfigSignal,r.localUIStateSignal)))}}function em(t,n){if(t&1&&c(0,Qs,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Bt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings",this.panelPane="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=x({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&&c(0,em,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,kt,St,wt,Lt,Ut],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 uo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),rm=(t,n)=>({condition:t,data:n}),nm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-close-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function om(t,n){if(t&1&&(u(0),le(),k(1,"svg",3),O(2,"translate"),T(3,"path",4),C(),p()),t&2){let r=i(4);v(),A("data-testid",r.componentId+"-icon")("role","img")("aria-label",D(2,3,"Close notifications panel"))}}function am(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=i(2);return j(o.closeNotificationsPanel())}),s(3,om,4,5,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();v(),A("data-testid",e.componentId)("role","button")("aria-label",D(2,4,"Close notifications panel")),v(2),d("veltDynamicTemplate",y(9,nm,e.template,m(6,uo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function im(t,n){if(t&1&&s(0,am,4,15,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,rm,r.conditionSignal(),m(1,uo,r.componentConfigSignal,r.localUIStateSignal)))}}function lm(t,n){if(t&1&&c(0,im,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForCloseButton()?0:-1)}}var Rt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-close-button",this.panelPane="list"}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=x({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&&c(0,lm,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 po=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),dm=(t,n)=>({condition:t,data:n}),cm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-read-all-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function gm(t,n){if(t&1&&(u(0),k(1,"div",3),le(),k(2,"svg",4),T(3,"path",5),C()(),p()),t&2){let r=i(4);v(),A("data-testid",r.componentId+"-read-all-button")}}function sm(t,n){if(t&1){let r=Q();u(0),k(1,"div",1),O(2,"translate"),Z("click",function(){Y(r);let o=i(2);return j(o.setAllNotificationsAsRead())})("keydown.enter",function(){Y(r);let o=i(2);return j(o.setAllNotificationsAsRead())})("keydown.space",function(o){Y(r);let a=i(2);return o.preventDefault(),j(a.setAllNotificationsAsRead())}),s(3,gm,4,1,"ng-container",2),C(),p()}if(t&2){let r=i(2),e=i();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,cm,e.template,m(5,po,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function mm(t,n){if(t&1&&s(0,sm,4,14,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,dm,r.conditionSignal(),m(1,po,r.componentConfigSignal,r.localUIStateSignal)))}}function um(t,n){if(t&1&&c(0,mm,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Vt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-read-all-button",this.panelPane="list"}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=x({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&&c(0,um,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ho=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),hm=(t,n)=>({condition:t,data:n}),fm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-settings-button-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function bm(t,n){t&1&&(u(0),k(1,"div",4),le(),k(2,"svg",5),T(3,"path",6)(4,"path",7),C()(),p())}function km(t,n){if(t&1){let r=Q();k(0,"div",2),O(1,"translate"),Z("click",function(){Y(r);let o=i(3);return j(o.openSettings())})("keydown.enter",function(){Y(r);let o=i(3);return j(o.openSettings())})("keydown.space",function(o){Y(r);let a=i(3);return o.preventDefault(),j(a.openSettings())}),s(2,bm,5,0,"ng-container",3),C()}if(t&2){let r=i(3),e=i();A("aria-label",D(1,3,"Open settings"))("data-testid",e.componentId+"-settings-container"),v(2),d("veltDynamicTemplate",y(8,fm,e.template,m(5,ho,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Cm(t,n){if(t&1&&(u(0),c(1,km,3,14,"div",1),p()),t&2){let r=i(2),e=i();v(),g(r.featureState.settingsEnabled||!e.defaultCondition()?1:-1)}}function xm(t,n){if(t&1&&s(0,Cm,2,1,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,hm,r.conditionSignal(),m(1,ho,r.componentConfigSignal,r.localUIStateSignal)))}}function _m(t,n){if(t&1&&c(0,xm,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var Gt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-settings-button",this.panelPane="list"}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=x({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&&c(0,_m,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 fo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ym=(t,n)=>({condition:t,data:n}),Im=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-text-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function wm(t,n){t&1&&(u(0),k(1,"span"),J(2),O(3,"translate"),C(),p()),t&2&&(v(2),Le(D(3,1,"Notifications")))}function Nm(t,n){if(t&1&&(u(0),s(1,wm,4,3,"ng-container",1),p()),t&2){let r=i(2),e=i();v(),d("veltDynamicTemplate",y(4,Im,e.template,m(1,fo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Pm(t,n){if(t&1&&s(0,Nm,2,10,"ng-container",0),t&2){let r=i(2);d("veltIf",m(4,ym,r.conditionSignal(),m(1,fo,r.componentConfigSignal,r.localUIStateSignal)))}}function Tm(t,n){if(t&1&&c(0,Pm,1,7,"ng-container"),t&2){let r=i();g(r.shouldShowForPane()?0:-1)}}var zt=(()=>{let n=class n extends E{constructor(){super(...arguments),this.componentId="velt-notifications-panel-title-text",this.panelPane="list"}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=x({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&&c(0,Tm,1,1),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 bo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Dm=(t,n)=>({condition:t,data:n}),Em=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-title-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Am(t,n){if(t&1&&(le(),k(0,"svg",5),T(1,"path",6),C(),Ee(),T(2,"velt-notifications-panel-close-button-internal",3)),t&2){let r=i(5);v(2),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function Mm(t,n){if(t&1&&(u(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),c(7,Am,3,2),C()(),p()),t&2){let r=i(3),e=i();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(),g(r.uiState.panelOpenMode==="sidebar"?7:-1)}}function Fm(t,n){if(t&1&&s(0,Mm,8,12,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,Em,e.template,m(1,bo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function Lm(t,n){if(t&1&&(u(0),c(1,Fm,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!r.uiState.settingsOpen||!e.defaultCondition()?1:-1)}}function Um(t,n){if(t&1&&s(0,Lm,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Dm,r.conditionSignal(),m(1,bo,r.componentConfigSignal,r.localUIStateSignal)))}}var Ht=(()=>{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=x({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&&c(0,Um,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,Rt,Vt,Gt,zt,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 ko=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Vm=(t,n)=>({condition:t,data:n}),Gm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-panel-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function zm(t,n){t&1&&Fe(0)}function Hm(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),s(1,zm,1,0,"ng-container",2),C()),t&2){i();let r=fe(4);v(),d("ngTemplateOutlet",r)}}function Ym(t,n){t&1&&Fe(0)}function jm(t,n){if(t&1&&s(0,Ym,1,0,"ng-container",2),t&2){i();let r=fe(4);d("ngTemplateOutlet",r)}}function Wm(t,n){if(t&1&&(u(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),p()),t&2){let r=i(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 $m(t,n){if(t&1){let r=Q();k(0,"div",3),O(1,"translate"),Z("clickOutside",function(){Y(r);let o=i(3);return j(o.closeNotificationsPanel())}),s(2,Wm,5,8,"ng-container",4),C()}if(t&2){let r=i(2),e=i();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,Gm,e.template,m(11,ko,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&&(u(0),c(1,Hm,2,1,"velt-shadow-dom-internal")(2,jm,1,1,"ng-container"),s(3,$m,3,20,"ng-template",null,0,Ne),p()),t&2){let r=i(2);v(),g(!r.template&&r.shadowDom||r.template&&r.isExplicitShadowDom?1:2)}}function Jm(t,n){if(t&1&&s(0,Km,5,1,"ng-container",1),t&2){let r=i();d("veltIf",m(4,Vm,r.conditionSignal(),m(1,ko,r.componentConfigSignal,r.localUIStateSignal)))}}var Ie=(()=>{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=>f(h({},a),{uiState:f(h({},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 _userScopedNotifications(e){try{let o=typeof e=="string"?JSON.parse(e):e;o&&typeof o=="object"&&!Array.isArray(o)?o.enabled===!1?this.notificationService.disableUserScopedNotifications():this.notificationService.enableUserScopedNotifications(o):o?this.notificationService.enableUserScopedNotifications():this.notificationService.disableUserScopedNotifications()}catch{}}set _settingsLayout(e){try{this.componentConfigSignal.update(o=>f(h({},o),{uiState:f(h({},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(l=>f(h({},l),{uiState:f(h({},l.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(mr),this.close=new we,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 we,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(l){return this.loggingService.catch("Error in NotificationsPanelComponent panelClickOutsideHandler: ",l),!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=>f(h({},o),{uiState:f(h({},o.uiState),{pageSize:this.pageSize})})))),this.componentConfigSignal.update(o=>f(h({},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(l=>{try{if(l){let b=document.createElement(l.tagName);b.innerHTML=l.innerHTML,this.template=b}}catch(b){this.loggingService.catch("Error in wireframe subscription:",b)}}))}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(l=>f(h({},l),{uiState:f(h({},l.uiState),{variant:a})})),panelOpenMode:a=>this.componentConfigSignal.update(l=>f(h({},l),{uiState:f(h({},l.uiState),{panelOpenMode:a})}))};Object.keys(e).forEach(a=>{try{o[a]&&o[a](e[a].currentValue)}catch(l){this.loggingService.catch("Error mapping prop "+a+":",l)}})}}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)(he(Zr,8))},n.\u0275cmp=x({type:n,selectors:[["velt-notifications-panel-internal"]],hostVars:1,hostBindings:function(o,a){o&1&&Z("keydown.escape",function(b){return a.handleEscapeKey(b)},Gr),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"],_userScopedNotifications:[0,"enableUserScopedNotifications","_userScopedNotifications"],_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&&c(0,Jm,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[Kt,P,N,hr,fr,mt,bt,Bt,Ht,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 nr=(()=>{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 we,this.close=new we,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 Ur(this,null,function*(){try{this.bottomSheetRef=this.bottomSheet.open(Ie,{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)(he(Xr),he(U),he(ar))},n.\u0275cmp=x({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 Fr=(()=>{let n=class n extends an{constructor(e,o,a,l,b,F,M){super(M,F),this.authService=e,this.serviceBook=o,this.domService=a,this.loggingService=l,this.notificationService=b,this.themeService=F,this.elementRef=M,this.onNotificationClickEvent=new we,this.veltElement=!0,this.componentId="velt-notifications-history-panel",this.commentService=null,this.viewsService=null,this.serviceBook.observe(gr).subscribe($=>{this.commentService=$}),this.serviceBook.observe(sr).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)(he(Zt),he(Jt),he(ge),he(U),he(X),he(on),he(ar))},n.\u0275cmp=x({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(b){return a.onNotificationClick(b)}),C()),o&2&&d("darkMode",a.darkMode)},dependencies:[Ie],encapsulation:2,changeDetection:0});let t=n;return t})();function xo(){return{appState:{},featureState:{considerAllNotifications:!1}}}function Lr(){return{data:{unreadNotificationsForYou:[],tabConfig:{}},uiState:{notificationsPanelVisible:!1,shadowDom:!0,panelShadowDom:!0,settingsLayout:"accordion",variant:void 0,isPhone:!1,template:void 0,darkMode:!1}}}function _o(){return{darkMode:!1,variant:void 0,shadowDom:!0,template:void 0}}var Pr=(()=>{let n=class n{constructor(e,o,a,l,b){this.loggingService=e,this.notificationService=o,this.authService=a,this.analyticsService=l,this.breakpointObserver=b,this.initialized=!1,this.subscriptions=[],this.globalConfigSignal=R(xo()),this.contextMap=new Map,this.injector=pr(),this.configBridge=new ur(this.injector,F=>this.contextMap.get(F))}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(Dr.XSmall).subscribe(e=>{try{let o=e.matches;this.contextMap.forEach(a=>{try{a().uiState.isPhone!==o&&a.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{isPhone:o})}))}catch(l){this.loggingService.catch("Error updating isPhone in context:",l)}})}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=>f(h({},a),{data:f(h({},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=>f(h({},a),{uiState:f(h({},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(Br(e=>!!e),Rr(1)).subscribe(e=>{try{e&&this.analyticsService.setInstalledFeature(en.NOTIFICATION)}catch(o){this.loggingService.catch("Error in analytics subscription:",o)}})),this.subscriptions.push(this.authService.getUser$().pipe(Ae(e=>{try{return e?e?.organizationId?this.globalConfigSignal().featureState.considerAllNotifications?this.notificationService.getNotifications$().pipe(De(a=>{try{let l=a?.filter(b=>b?.isUnread)||[];this.contextMap.forEach(b=>{try{b.update(F=>f(h({},F),{data:f(h({},F.data),{unreadNotificationsForYou:l})}))}catch(F){this.loggingService.catch("Error updating unread notifications in context:",F)}})}catch(l){this.loggingService.catch("Error processing notifications:",l)}return e})):this.notificationService.getNotificationsForYou$().pipe(De(a=>{try{let l=a?.filter(b=>b?.isUnread)||[];this.contextMap.forEach(b=>{try{b.update(F=>f(h({},F),{data:f(h({},F.data),{unreadNotificationsForYou:l})}))}catch(F){this.loggingService.catch("Error updating unread notifications in context:",F)}})}catch(l){this.loggingService.catch("Error processing notifications for you:",l)}return e})):this.notificationService.getNotifications$().pipe(De(o=>{try{let a=o?.filter(l=>l?.forYou&&l?.isUnread)||[];this.contextMap.forEach(l=>{try{l.update(b=>f(h({},b),{data:f(h({},b.data),{unreadNotificationsForYou:a})}))}catch(b){this.loggingService.catch("Error updating unread notifications in context:",b)}})}catch(a){this.loggingService.catch("Error processing notifications (no org):",a)}return e})):se(e)}catch(o){return this.loggingService.catch("Error in switchMap:",o),se(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=R(Lr()),this.contextMap.set(e,o),this.applyCurrentStateToContext(o)),o}catch(o){return this.loggingService.catch("Error in NotificationsToolCoreService getOrCreateContextConfig:",o),R(Lr())}}getNotificationsToolConfig$(){try{return this.configBridge.get(Xt,()=>this.getOrCreateContextConfig(Xt))}catch(e){return this.loggingService.catch("Error in NotificationsToolCoreService getNotificationsToolConfig$:",e),se(null)}}applyCurrentStateToContext(e){try{let o=this.breakpointObserver.isMatched(Dr.XSmall);e().uiState.isPhone!==o&&e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{isPhone:o})}));let a=this.notificationService.getTabConfig();a!==null&&e.update(b=>f(h({},b),{data:f(h({},b.data),{tabConfig:a})}));let l=this.notificationService.getNotificationsPanelVisible();e.update(b=>f(h({},b),{uiState:f(h({},b.uiState),{notificationsPanelVisible:l})}))}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)(de(U),de(X),de(Zt),de(qt),de(qr))},n.\u0275prov=Me({token:n,factory:n.\u0275fac,providedIn:"root"});let t=n;return t})();var Oe=(()=>{let n=class n extends Cr{constructor(){super(...arguments),this.coreService=ae(Pr)}getDefaultLocalUIState(){return _o()}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=x({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 So=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Zm=(t,n)=>({condition:t,data:n}),Xm=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-icon-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function Qm(t,n){if(t&1&&(u(0),le(),k(1,"svg",2),O(2,"translate"),T(3,"path",3),C(),p()),t&2){let r=i(4);v(),A("aria-label",D(2,2,"Notifications bell icon - no unread notifications"))("data-testid",r.componentId+"-bell-icon")}}function eu(t,n){if(t&1&&s(0,Qm,4,4,"ng-container",1),t&2){let r=i(2),e=i();d("veltDynamicTemplate",y(4,Xm,e.template,m(1,So,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function tu(t,n){if(t&1&&(u(0),c(1,eu,1,10,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(!(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length)||!e.defaultCondition()?1:-1)}}function ru(t,n){if(t&1&&s(0,tu,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,Zm,r.conditionSignal(),m(1,So,r.componentConfigSignal,r.localUIStateSignal)))}}var Yt=(()=>{let n=class n extends Oe{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=x({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&&c(0,ru,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 yo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),ou=(t,n)=>({condition:t,data:n}),au=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-count-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function iu(t,n){if(t&1&&J(0),t&2){let r=i(3);ie(" ",(r.data.unreadNotificationsForYou==null?null:r.data.unreadNotificationsForYou.length)||0," ")}}function lu(t,n){if(t&1&&(u(0),c(1,iu,1,1),p()),t&2){let r=i(2),e=i();v(),g(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function vu(t,n){if(t&1&&(u(0),s(1,lu,2,1,"ng-container",1),p()),t&2){let r=i(),e=i();v(),d("veltDynamicTemplate",y(4,au,e.template,m(1,yo,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function du(t,n){if(t&1&&s(0,vu,2,10,"ng-container",0),t&2){let r=i();d("veltIf",m(4,ou,r.conditionSignal(),m(1,yo,r.componentConfigSignal,r.localUIStateSignal)))}}var jt=(()=>{let n=class n extends Oe{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=x({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&&c(0,du,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},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 Io=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),gu=(t,n)=>({condition:t,data:n}),su=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-label-wireframe",variant:r,setIfCondition:e,componentElementRef:o});function mu(t,n){if(t&1&&(u(0),T(1,"velt-notifications-tool-unread-count-internal",3),p()),t&2){let r=i(4);v(),d("componentConfigSignal",r.componentConfigSignal)("parentLocalUIState",r.localUIStateSignal)}}function uu(t,n){if(t&1&&(k(0,"span",1),O(1,"translate"),s(2,mu,2,2,"ng-container",2),C()),t&2){let r=i(2),e=i();A("data-testid",e.componentId+"-container")("aria-label",D(1,3,"Notifications count")),v(2),d("veltDynamicTemplate",y(8,su,e.template,m(5,Io,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef))}}function pu(t,n){if(t&1&&(u(0),c(1,uu,3,14,"span",1),p()),t&2){let r=i(),e=i();v(),g(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function hu(t,n){if(t&1&&s(0,pu,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,gu,r.conditionSignal(),m(1,Io,r.componentConfigSignal,r.localUIStateSignal)))}}var Wt=(()=>{let n=class n extends Oe{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=x({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&&c(0,hu,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,jt,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 wo=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),bu=(t,n)=>({condition:t,data:n}),ku=(t,n,r,e)=>({template:t,context:n,componentName:"velt-notifications-tool-unread-icon-wireframe",setIfCondition:r,componentElementRef:e});function Cu(t,n){if(t&1&&(u(0),le(),k(1,"svg",2),O(2,"translate"),O(3,"translate"),T(4,"circle",3)(5,"path",4),C(),p()),t&2){let r=i(3),e=i();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 xu(t,n){if(t&1&&s(0,Cu,6,6,"ng-container",1),t&2){let r=i(3);d("veltDynamicTemplate",te(4,ku,r.template,m(1,wo,r.componentConfigSignal,r.localUIStateSignal),r.setIfCondition.bind(r),r.hostElementRef))}}function _u(t,n){if(t&1&&(u(0),c(1,xu,1,9,"ng-container"),p()),t&2){let r=i(),e=i();v(),g(r.data.unreadNotificationsForYou!=null&&r.data.unreadNotificationsForYou.length||!e.defaultCondition()?1:-1)}}function Su(t,n){if(t&1&&s(0,_u,2,1,"ng-container",0),t&2){let r=i();d("veltIf",m(4,bu,r.conditionSignal(),m(1,wo,r.componentConfigSignal,r.localUIStateSignal)))}}var $t=(()=>{let n=class n extends Oe{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=x({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&&c(0,Su,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[P,N,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 No=(t,n)=>({componentConfigSignal:t,parentLocalUIState:n}),Iu=(t,n)=>({condition:t,data:n}),wu=(t,n,r,e,o)=>({template:t,context:n,componentName:"velt-notifications-tool-wireframe",variant:r,setIfCondition:e,componentElementRef:o}),Nu=()=>["snippyly-overlay-panel","v-view-analytics-overlay-panel","velt-overlay-panel"],Pu=t=>["snippyly-sidebar-panel","velt-overlay-panel",t];function Tu(t,n){t&1&&Fe(0)}function Ou(t,n){if(t&1&&(k(0,"velt-shadow-dom-internal"),s(1,Tu,1,0,"ng-container",4),C()),t&2){i();let r=fe(4);v(),d("ngTemplateOutlet",r)}}function Du(t,n){t&1&&Fe(0)}function Eu(t,n){if(t&1&&s(0,Du,1,0,"ng-container",4),t&2){i();let r=fe(4);d("ngTemplateOutlet",r)}}function Au(t,n){if(t&1&&(u(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),C(),p()),t&2){let r=i(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 Mu(t,n){if(t&1){let r=Q();k(0,"velt-notifications-panel-internal",13),Z("onNotificationClick",function(o){Y(r);let a=i(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=i(5);return j(a.closeNotificationsPanel(o))}),C()}if(t&2){let r=i(4),e=i();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 Fu(t,n){if(t&1&&s(0,Mu,1,7,"ng-template",8,2,Ne),t&2){i();let r=fe(1),e=i(2),o=i();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayPanelClass",Ue(7,Nu))("cdkConnectedOverlayBackdropClass","snippyly-overlay-backdrop")("cdkConnectedOverlayGrowAfterOpen",!0)("cdkConnectedOverlayPositions",o.positions)("cdkConnectedOverlayDisableClose",!0)}}function Lu(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=i(5);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=i(5);return j(a.closeNotificationsPanel(o))}),C()()}if(t&2){let r=i(4),e=i();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 Uu(t,n){if(t&1&&s(0,Lu,2,8,"ng-template",9,2,Ne),t&2){i();let r=fe(1),e=i(2),o=i();d("cdkConnectedOverlayOrigin",r)("cdkConnectedOverlayOpen",!e.uiState.isPhone&&e.uiState.notificationsPanelVisible)("cdkConnectedOverlayDisableClose",!0)("cdkConnectedOverlayPanelClass",lr(4,Pu,o.darkMode?"dark":""))}}function Bu(t,n){if(t&1){let r=Q();k(0,"velt-notifications-bottom-sheet-internal",15),Z("onNotificationClick",function(o){Y(r);let a=i(4);return j(a.onNotificationClick(o))})("close",function(o){Y(r);let a=i(4);return j(a.closeNotificationsPanel(o))}),C()}if(t&2){let r=i(4);d("pageSize",r.pageSize)}}function Ru(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),i(3).openNotificationsPanel(),j(o.stopPropagation())}),k(4,"div",6),s(5,Au,5,6,"ng-container",7),C()(),c(6,Fu,2,8,null,8),c(7,Uu,2,6,null,9),c(8,Bu,1,1,"velt-notifications-bottom-sheet-internal",10)}if(t&2){let r=i(2),e=i();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,wu,e.localUIStateSignal().template,m(17,No,e.componentConfigSignal,e.localUIStateSignal),r==null||r.uiState==null?null:r.uiState.variant,e.setIfCondition.bind(e),e.hostElementRef)),v(),g(e.panelOpenMode==="popover"?6:-1),v(),g(e.panelOpenMode==="sidebar"?7:-1),v(),g(r.uiState.isPhone&&r.uiState.notificationsPanelVisible?8:-1)}}function Vu(t,n){if(t&1&&(u(0),c(1,Ou,2,1,"velt-shadow-dom-internal")(2,Eu,1,1,"ng-container"),s(3,Ru,9,26,"ng-template",null,0,Ne),p()),t&2){let r=i(),e=i();v(),g(!e.localUIStateSignal().template&&r.uiState.shadowDom||e.localUIStateSignal().template&&e.isExplicitShadowDom?1:2)}}function Gu(t,n){if(t&1&&s(0,Vu,5,1,"ng-container",3),t&2){let r=i();d("veltIf",m(4,Iu,r.conditionSignal(),m(1,No,r.componentConfigSignal,r.localUIStateSignal)))}}var or=(()=>{let n=class n extends Oe{set _shadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>f(h({},a),{uiState:f(h({},a.uiState),{shadowDom:o})}))}catch{}}set _panelShadowDom(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>f(h({},a),{uiState:f(h({},a.uiState),{panelShadowDom:o})}))}catch{}}set _tabConfig(e){try{let o=e;typeof e=="string"&&(o=JSON.parse(e)),this.componentConfigSignal.update(a=>f(h({},a),{data:f(h({},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 _userScopedNotifications(e){try{let o=typeof e=="string"?JSON.parse(e):e;o&&typeof o=="object"&&!Array.isArray(o)?o.enabled===!1?this.notificationService.disableUserScopedNotifications():this.notificationService.enableUserScopedNotifications(o):o?this.notificationService.enableUserScopedNotifications():this.notificationService.disableUserScopedNotifications()}catch{}}set _settingsLayout(e){try{this.componentConfigSignal.update(o=>f(h({},o),{uiState:f(h({},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=>f(h({},a),{featureState:f(h({},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(mr),this.isExplicitShadowDom=!1,this.panelOpenMode="popover",this.pageSize=5,this.positions=V.OVERLAY_POSITIONS.map(e=>new $r({originX:e.originX,originY:e.originY},{overlayX:e.overlayX,overlayY:e.overlayY})),this.rootSubscriptions=[],this.onNotificationClickEvent=new we,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(l=>{try{if(l){let b=document.createElement(l.tagName);b.innerHTML=l.innerHTML,this.localUIStateSignal.update(F=>f(h({},F),{template:b}))}}catch(b){this.loggingService.catch("Error in wireframe subscription:",b)}}))}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=>f(h({},e),{uiState:f(h({},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=>f(h({},e),{uiState:f(h({},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=>f(h({},o),{uiState:f(h({},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=x({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"],_userScopedNotifications:[0,"enableUserScopedNotifications","_userScopedNotifications"],_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&&c(0,Gu,1,7,"ng-container"),o&2){let l;g((l=a.componentConfigSignal())?0:-1,l)}},dependencies:[Kt,cr,dr,P,N,fr,nr,Ie,Yt,Wt,$t,B],styles:["html[_ngcontent-%COMP%]{--velt-base-rem-unit: 1}*[data-snippyly-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 Tr=class extends dn{constructor(n){super(n),this.getService(U).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.getNotificationsPanelConfig=this._getNotificationsPanelConfig,this.getNotificationsToolConfig=this._getNotificationsToolConfig,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.enableUserScopedNotifications=this._enableUserScopedNotifications,this.disableUserScopedNotifications=this._disableUserScopedNotifications,this.on=this._on}_openHistoryPanel(){this.getService(U).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(U).catch("Error in openHistoryPanel: ",n)}}_closeHistoryPanel(){this.getService(U).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(U).catch("Error in closeHistoryPanel: ",n)}}_toggleHistoryPanel(){this.getService(U).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(U).catch("Error in toggleHistoryPanel: ",n)}}_getNotificationsPanelConfig(){this.getService(U).log("%c[WB] Calling FUNCTION: getNotificationsPanelConfig","color: green;");try{return this.getService(_r).getNotificationsPanelConfig$()}catch(n){return this.getService(U).catch("Error in _getNotificationsPanelConfig: ",n),se(null)}}_getNotificationsToolConfig(){this.getService(U).log("%c[WB] Calling FUNCTION: getNotificationsToolConfig","color: green;");try{return this.getService(Pr).getNotificationsToolConfig$()}catch(n){return this.getService(U).catch("Error in _getNotificationsToolConfig: ",n),se(null)}}_getNotificationsData(n){this.getService(U).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(U).catch("Error in getNotificationsData: ",r),se([])}}_setMaxDays(n){this.getService(U).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(U).catch("Error in setMaxDays: ",r)}}_setTabConfig(n){this.getService(U).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(U).catch("Error in setTabConfig: ",r)}}_enableReadNotificationsOnForYouTab(){this.getService(U).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(U).catch("Error in enableReadNotificationsOnForYouTab: ",n)}}_disableReadNotificationsOnForYouTab(){this.getService(U).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(U).catch("Error in disableReadNotificationsOnForYouTab: ",n)}}_setAllNotificationsAsRead(n){this.getService(U).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(U).catch("Error in setAllNotificationsAsRead: ",r)}}_enableCrossOrganization(n){this.getService(U).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(U).catch("Error in enableCrossOrganization: ",r)}}_disableCrossOrganization(){this.getService(U).log("%c[WB] Calling FUNCTION: _disableCrossOrganization","color: green;");try{this.getService(X).disableCrossOrganization()}catch(n){this.getService(U).catch("Error in disableCrossOrganization: ",n)}}_getUnreadNotificationsCount(){this.getService(U).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(U).catch("Error in getUnreadNotificationsCount: ",n),se({forYou:null,all:null})}}_markNotificationAsReadById(n){this.getService(U).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(U).catch("Error in markNotificationAsReadById: ",r)}}_setSettings(n){this.getService(U).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(U).catch("Error in setSettings: ",r)}}_getSettings(){this.getService(U).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(U).catch("Error in getSettings: ",n),se(null)}}_muteAllNotifications(){this.getService(U).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(U).catch("Error in muteAllNotifications: ",n)}}_enableSettings(){this.getService(U).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(U).catch("Error in enableSettings: ",n)}}_enableSettingsAtOrganizationLevel(){this.getService(U).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(U).catch("Error in _enableSettingsAtOrganizationLevel: ",n)}}_disableSettingsAtOrganizationLevel(){this.getService(U).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(U).catch("Error in disableSettingsAtOrganizationLevel: ",n)}}_enableSelfNotifications(){this.getService(U).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(U).catch("Error in enableSelfNotifications: ",n)}}_disableSelfNotifications(){this.getService(U).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(U).catch("Error in disableSelfNotifications: ",n)}}_enableUserScopedNotifications(n){this.getService(U).log("%c[WB] Calling FUNCTION: _enableUserScopedNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.ENABLE_USER_SCOPED_NOTIFICATIONS_TRIGGERED),this.getService(X).enableUserScopedNotifications(n)}catch(r){this.getService(U).catch("Error in enableUserScopedNotifications: ",r)}}_disableUserScopedNotifications(){this.getService(U).log("%c[WB] Calling FUNCTION: _disableUserScopedNotifications","color: green;");try{this.trackEvent(re.Events.Notifications.DISABLE_USER_SCOPED_NOTIFICATIONS_TRIGGERED),this.getService(X).disableUserScopedNotifications()}catch(n){this.getService(U).catch("Error in disableUserScopedNotifications: ",n)}}_disableSettings(){this.getService(U).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(U).catch("Error in disableSettings: ",n)}}_setSettingsInitialConfig(n){this.getService(U).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(U).catch("Error in setSettingsInitialConfig: ",r)}}_on(n){this.getService(U).log("%c[WB] Calling FUNCTION: on","color: green;");try{return this.getService(er).onAction(n)}catch(r){return this.getService(U).catch("Error in _on: ",r),se(null)}}_openNotificationsPanel(){this.getService(U).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(U).catch("Error in openNotificationsPanel: ",n)}}_closeNotificationsPanel(){this.getService(U).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(U).catch("Error in closeNotificationsPanel: ",n)}}_enableCurrentDocumentOnly(){this.getService(U).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(U).catch("Error in enableCurrentDocumentOnly: ",n)}}_disableCurrentDocumentOnly(){this.getService(U).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(U).catch("Error in disableCurrentDocumentOnly: ",n)}}};var Po=(()=>{let n=class n{};n.\u0275fac=function(o){return new(o||n)},n.\u0275mod=Hr({type:n}),n.\u0275inj=Vr({imports:[Wr,Kr,Qt,br]});let t=n;return t})();var zu={"velt-notifications-panel-wireframe":Ie,"velt-notifications-panel-title-wireframe":Ht,"velt-notifications-panel-read-all-button-wireframe":Vt,"velt-notifications-panel-content-all-read-container-wireframe":Ce,"velt-notifications-panel-view-all-button-wireframe":qe,"velt-notifications-panel-header-wireframe":bt,"velt-notifications-panel-header-tab-all-wireframe":ut,"velt-notifications-panel-header-tab-documents-wireframe":pt,"velt-notifications-panel-header-tab-for-you-wireframe":ht,"velt-notifications-panel-header-tab-people-wireframe":ft,"velt-notifications-panel-content-wireframe":mt,"velt-notifications-panel-content-load-more-wireframe":ke,"velt-notifications-panel-content-for-you-wireframe":at,"velt-notifications-panel-content-all-wireframe":Ze,"velt-notifications-panel-content-all-list-wireframe":Je,"velt-notifications-panel-content-all-list-item-wireframe":Ke,"velt-notifications-panel-content-all-list-item-label-wireframe":$e,"velt-notifications-panel-content-all-list-item-content-wireframe":We,"velt-notifications-panel-content-documents-wireframe":ot,"velt-notifications-panel-content-documents-list-wireframe":nt,"velt-notifications-panel-content-documents-list-item-wireframe":rt,"velt-notifications-panel-content-documents-list-item-name-wireframe":et,"velt-notifications-panel-content-documents-list-item-unread-wireframe":tt,"velt-notifications-panel-content-documents-list-item-count-wireframe":Qe,"velt-notifications-panel-content-documents-list-item-content-wireframe":Xe,"velt-notifications-panel-content-people-wireframe":st,"velt-notifications-panel-content-people-list-wireframe":gt,"velt-notifications-panel-content-people-list-item-wireframe":ct,"velt-notifications-panel-content-people-list-item-name-wireframe":dt,"velt-notifications-panel-content-people-list-item-count-wireframe":vt,"velt-notifications-panel-content-people-list-item-content-wireframe":lt,"velt-notifications-panel-content-people-list-item-avatar-wireframe":it,"velt-notifications-panel-content-list-wireframe":be,"velt-notifications-panel-content-list-item-wireframe":je,"velt-notifications-panel-content-list-item-avatar-wireframe":Re,"velt-notifications-panel-content-list-item-body-wireframe":Ve,"velt-notifications-panel-content-list-item-file-name-wireframe":Ge,"velt-notifications-panel-content-list-item-headline-wireframe":ze,"velt-notifications-panel-content-list-item-time-wireframe":He,"velt-notifications-panel-content-list-item-unread-wireframe":Ye,"velt-notifications-panel-close-button-wireframe":Rt,"velt-notifications-panel-title-text-wireframe":zt,"velt-notifications-panel-skeleton-wireframe":xe,"velt-notifications-panel-settings-button-wireframe":Gt,"velt-notifications-panel-settings-wireframe":Bt,"velt-notifications-panel-settings-back-button-wireframe":yt,"velt-notifications-panel-settings-accordion-wireframe":Ft,"velt-notifications-panel-settings-accordion-trigger-wireframe":Mt,"velt-notifications-panel-settings-accordion-content-wireframe":Ot,"velt-notifications-panel-settings-accordion-content-item-wireframe":Tt,"velt-notifications-panel-settings-mute-all-toggle-wireframe":_t,"velt-notifications-panel-settings-accordion-trigger-selected-value-wireframe":At,"velt-notifications-panel-settings-title-wireframe":Ut,"velt-notifications-panel-settings-description-wireframe":kt,"velt-notifications-panel-settings-footer-wireframe":St,"velt-notifications-panel-settings-header-wireframe":wt,"velt-notifications-panel-settings-mute-all-title-wireframe":xt,"velt-notifications-panel-settings-mute-all-description-wireframe":Ct,"velt-notifications-panel-settings-list-wireframe":Lt,"velt-notifications-panel-settings-accordion-content-item-icon-wireframe":Nt,"velt-notifications-panel-settings-accordion-content-item-label-wireframe":Pt,"velt-notifications-panel-settings-accordion-trigger-label-wireframe":Et,"velt-notifications-panel-settings-accordion-trigger-icon-wireframe":Dt,"velt-notifications-panel-settings-header-title-wireframe":It,"velt-notifications-tool-wireframe":or,"velt-notifications-tool-unread-icon-wireframe":$t,"velt-notifications-tool-icon-wireframe":Yt,"velt-notifications-tool-label-wireframe":Wt,"velt-notifications-tool-unread-count-wireframe":jt};Object.assign(ln,zu);function Hu(t){t.get(U).log("%c[WB] Loading notification feature chunk","color: blue;");let r=t.get(Jt);r.set(tn,t.get(X)),r.set(rn,t.get(er)),r.set(nn,t.get(cn));let o=zr(Po,t).injector;return G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL,or),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_ICON,Yt),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_ICON,$t),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_LABEL,Wt),G(o,V.TAGS.VELT_NOTIFICATIONS_TOOL_UNREAD_COUNT,jt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL,Ie),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE,Ht),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_TITLE_TEXT,zt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER,bt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_FOR_YOU,ht),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_PEOPLE,ft),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_DOCUMENTS,pt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_HEADER_TAB_ALL,ut),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT,mt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_FOR_YOU,at),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL,Ze),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE,st),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS,ot),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST,be),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM,je),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_AVATAR,Re),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_UNREAD,Ye),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_HEADLINE,ze),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_BODY,Ve),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_FILE_NAME,Ge),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LIST_ITEM_TIME,He),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST,Je),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM,Ke),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_LABEL,$e),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_LIST_ITEM_CONTENT,We),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST,gt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM,ct),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_AVATAR,it),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_NAME,dt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_COUNT,vt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_PEOPLE_LIST_ITEM_CONTENT,lt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST,nt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM,rt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_NAME,et),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_COUNT,Qe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_CONTENT,Xe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_DOCUMENTS_LIST_ITEM_UNREAD,tt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_LOAD_MORE,ke),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CONTENT_ALL_READ_CONTAINER,Ce),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_CLOSE_BUTTON,Rt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_READ_ALL_BUTTON,Vt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_VIEW_ALL_BUTTON,qe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SKELETON,xe),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BUTTON,Gt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS,Bt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER,wt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_HEADER_TITLE,It),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_TITLE,Ut),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_DESCRIPTION,kt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_LIST,Lt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TITLE,xt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_DESCRIPTION,Ct),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_MUTE_ALL_TOGGLE,_t),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION,Ft),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER,Mt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_LABEL,Et),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_ICON,Dt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_TRIGGER_SELECTED_VALUE,At),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT,Ot),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM,Tt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_LABEL,Pt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_ACCORDION_CONTENT_ITEM_ICON,Nt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_BACK_BUTTON,yt),G(o,V.TAGS.VELT_NOTIFICATIONS_PANEL_SETTINGS_FOOTER,St),G(o,V.TAGS.VELT_NOTIFICATIONS_HISTORY_PANEL,Fr),new Tr(t)}function G(t,n,r){if(customElements.get(n))return;let e=Jr(r,t);customElements.define(n,e)}export{Hu as default};