1import{Q as ot,R as at,aa as ct,w as it}from"./chunk-C2UQXB2U.js";import"./chunk-MUELTYFN.js";import"./chunk-ELFEFDKU.js";import"./chunk-34G5H7F3.js";import{m as rt,n as lt,o as dt}from"./chunk-2J72N7RJ.js";import{a as st}from"./chunk-UQHBQ3VF.js";import"./chunk-4UU54XN6.js";import"./chunk-XEKYVCSP.js";import"./chunk-YYQYXFKJ.js";import{q as y,t as z,u as tt,v as et,w as nt}from"./chunk-W36SUWTT.js";import{Db as B,Ga as m,Ha as g,Hb as K,Ja as $,K as v,Ka as A,La as F,M as E,Ma as O,N as k,Na as a,O as _,Oa as l,P as M,Pa as C,Qa as c,Ra as p,S as G,Sa as x,Sb as T,Ua as V,Va as N,Wa as j,X as u,Xa as w,Ya as s,ac as X,cb as Q,db as Z,fa as H,fb as b,ga as P,gb as D,hb as Y,ib as r,ja as o,jb as f,kb as h,pb as q,qb as W,ra as S,rb as R,ub as J}from"./chunk-LCIOTXJC.js";import"./chunk-B5BF5NTC.js";import"./chunk-DAQOROHW.js";function _t(e,n){if(e&1&&(a(0,"img",17),j("error",function(i){return i.target.style.display="none"}),l()),e&2){s();let t=R(8);O("src",t.profilePictureURL,P)("alt",t.username)}}function xt(e,n){if(e&1&&(a(0,"div",18),r(1),l()),e&2){let t=s(),i=R(8);b("background",i.avatarColor||"oklch(0.6 0.14 260)"),o(),h(" ",t.getAvatarInitials(i.username||t.notification.title)," ")}}function ut(e,n){e&1&&(a(0,"div",13),C(1,"div",19),a(2,"span"),r(3,"Loading content\u2026"),l()())}function vt(e,n){if(e&1&&(a(0,"div",14),_(),a(1,"svg",20),C(2,"circle",21)(3,"path",22),l(),M(),a(4,"p"),r(5),l()()),e&2){let t=s();o(5),f(t.errorMessage())}}function Ct(e,n){if(e&1&&C(0,"img",25),e&2){let t=s(3);O("src",t.post().author.profilePictureURL,P)("alt",t.post().author.username)}}function ht(e,n){if(e&1&&(a(0,"div",38),r(1),l()),e&2){let t,i,d=s(3);b("background",((t=d.post().author)==null?null:t.avatarColor)||"#4aa1f3"),o(),h(" ",d.getAvatarInitials(((i=d.post().author)==null?null:i.username)||"")," ")}}function bt(e,n){if(e&1&&(a(0,"div",30)(1,"span",39),r(2),l(),a(3,"span")(4,"strong"),r(5),l(),r(6," reacted to this post"),l()()),e&2){let t=s(3);o(2),f(t.reactionInfo().reaction),o(3),f(t.reactionInfo().username)}}function yt(e,n){if(e&1&&C(0,"div",40),e&2){let t=s(3);b("background-color",t.post().bgColor&&t.post().bgColor!=="#ffffff"?t.post().bgColor:null),D("nd-post-body--colored",t.post().bgColor&&t.post().bgColor!=="#ffffff"),O("innerHTML",t.renderPostBody(t.post().post),H)}}function Mt(e,n){if(e&1&&(a(0,"div",32),C(1,"app-network-image",41),l()),e&2){let t=s(3);o(),O("url",t.post().postMedia[0])("height",260)}}function Pt(e,n){if(e&1&&(a(0,"div",23)(1,"div",24),m(2,Ct,1,2,"img",25)(3,ht,2,3,"div",26),a(4,"div",27)(5,"span",28),r(6),l(),a(7,"span",29),r(8),l()()(),m(9,bt,7,2,"div",30),m(10,yt,1,5,"div",31),m(11,Mt,2,2,"div",32),a(12,"div",33)(13,"span"),_(),a(14,"svg",34),C(15,"path",35),l(),r(16),l(),M(),a(17,"span"),_(),a(18,"svg",36),C(19,"path",37),l(),r(20),l()()()),e&2){let t,i,d=s(2);o(2),g((t=d.post().author)!=null&&t.profilePictureURL?2:3),o(4),f(((i=d.post().author)==null?null:i.username)||"Unknown"),o(2),f(d.postTime(d.post().createdAt)),o(),g(d.notification.type==="social_reaction"&&d.reactionInfo().reaction?9:-1),o(),g(d.post().post?10:-1),o(),g(d.post().postMedia.length>0?11:-1),o(5),h(" ",d.abbreviate(d.post().reactionsCount)," "),o(4),h(" ",d.abbreviate(d.post().commentsCount)," ")}}function Ot(e,n){e&1&&(a(0,"div",16)(1,"p"),r(2,"Post not found or has been deleted."),l()())}function wt(e,n){if(e&1&&m(0,Pt,21,8,"div",23)(1,Ot,3,0,"div",16),e&2){let t=s();g(t.post()?0:1)}}function Et(e,n){if(e&1&&C(0,"img",43),e&2){let t=s(3);O("src",t.profileUser().profilePictureURL,P)("alt",t.profileUser().username)}}function kt(e,n){if(e&1&&(a(0,"div",52),r(1),l()),e&2){let t=s(3);b("background",t.profileUser().avatarColor||"oklch(0.6 0.14 260)"),o(),h(" ",t.getAvatarInitials(t.profileUser().username)," ")}}function St(e,n){if(e&1&&(a(0,"p",46),r(1),l()),e&2){let t=s(3);o(),f(t.profileUser().bio)}}function Nt(e,n){if(e&1&&(a(0,"div",42),m(1,Et,1,2,"img",43)(2,kt,2,3,"div",44),a(3,"h3",45),r(4),l(),m(5,St,2,1,"p",46),a(6,"div",47)(7,"div",48)(8,"span",49),r(9),l(),a(10,"span",50),r(11,"Posts"),l()(),a(12,"div",48)(13,"span",49),r(14),l(),a(15,"span",50),r(16,"Followers"),l()(),a(17,"div",48)(18,"span",49),r(19),l(),a(20,"span",50),r(21,"Following"),l()()(),a(22,"p",51)(23,"strong"),r(24),l(),r(25," started following you. "),l()()),e&2){let t=s(2);o(),g(t.profileUser().profilePictureURL&&!t.profileUser().defaultImage?1:2),o(3),f(t.profileUser().username),o(),g(t.profileUser().bio?5:-1),o(4),f(t.abbreviate(t.profileUser().postCount)),o(5),f(t.abbreviate(t.profileUser().followersCount)),o(5),f(t.abbreviate(t.profileUser().followingCount)),o(5),f(t.profileUser().username)}}function Dt(e,n){e&1&&(a(0,"div",16)(1,"p"),r(2,"User not found."),l()())}function Tt(e,n){if(e&1&&m(0,Nt,26,7,"div",42)(1,Dt,3,0,"div",16),e&2){let t=s();g(t.profileUser()?0:1)}}function zt(e,n){if(e&1&&(a(0,"div",30)(1,"span",39),r(2),l(),a(3,"span")(4,"strong"),r(5),l(),r(6," reacted to your lineup"),l(
1)()),e&2){let t=s(2);o(2),f(t.reactionInfo().reaction),o(3),f(t.reactionInfo().username)}}function It(e,n){if(e&1&&(a(0,"p",59)(1,"strong"),r(2),l(),r(3," commented on your lineup. "),l()),e&2){let t=s(2);o(2),f(t.notification.title)}}function Lt(e,n){if(e&1&&(a(0,"div",15)(1,"div",53),_(),a(2,"svg",54),C(3,"rect",55)(4,"rect",56)(5,"rect",57)(6,"rect",58),l()(),m(7,zt,7,2,"div",30)(8,It,4,1,"p",59),l()),e&2){let t=s();o(7),g(t.notification.type==="lineup_reaction"&&t.reactionInfo().reaction?7:8)}}function Ut(e,n){if(e&1&&(a(0,"div",16)(1,"p"),r(2),l()()),e&2){let t=s();o(2),f(t.notification.body||"No additional details available.")}}var At="NotificationDetailDialogComponent",I=class e{dialogRef=v(rt);data=v(lt);postService=v(at);userService=v(it);sanitizer=v(X);notification=this.data.notification;isLoading=u(!0);post=u(null);profileUser=u(null);errorMessage=u(null);dialogTitle=B(()=>{switch(this.notification.type){case"posts_comments":return"Post Comment";case"posts_shared":return"Shared Post";case"social_reaction":return"Post Reaction";case"follow_user":return"New Follower";case"lineup_comments":return"Lineup Comment";case"lineup_reaction":return"Lineup Reaction";default:return"Notification"}});reactionInfo=B(()=>{let n=this.notification.metadata??{};return{username:n.username??"",imageUrl:n.imageUrl??"",reaction:n.reaction??""}});async ngOnInit(){await this.loadContent()}async loadContent(){this.isLoading.set(!0),this.errorMessage.set(null);try{let n=this.notification.metadata??{},t=this.notification.type;if(t==="posts_comments"||t==="posts_shared"||t==="social_reaction"){let i=n.postId;if(i){let d=await this.postService.getSinglePost(i);this.post.set(d)}}else if(t==="follow_user"){let i=n.userId;if(i){let d=await this.userService.getCurrentUser(i);this.profileUser.set(d)}}}catch(n){this.errorMessage.set("Could not load content. Please try again."),y(n,`[${At}.loadContent]`,"error")}finally{this.isLoading.set(!1)}}close(){this.dialogRef.close()}renderPostBody(n){return et(n,this.sanitizer)}postTime(n){return z(n)}abbreviate(n){return nt(n??0)}feelingUrl(n){return tt(n)}getAvatarInitials(n){return n?n.trim().slice(0,2).toUpperCase():"?"}getMetadata(){return this.notification.metadata?.outBound??this.notification.metadata??{}}static \u0275fac=function(t){return new(t||e)};static \u0275cmp=S({type:e,selectors:[["app-notification-detail-dialog"]],decls:23,vars:6,consts:[[1,"nd-dialog"],[1,"nd-header"],[1,"nd-title"],["aria-label","Close",1,"nd-close","icon-btn",3,"click"],["viewBox","0 0 24 24","width","18","height","18","fill","none","stroke","currentColor","stroke-width","2","stroke-linecap","round","stroke-linejoin","round"],["d","M18 6 6 18M6 6l12 12"],[1,"nd-actor-row"],[1,"nd-actor-avatar",3,"src","alt"],[1,"nd-actor-avatar","nd-actor-initials",3,"background"],[1,"nd-actor-info"],[1,"nd-actor-name"],[1,"nd-actor-body"],[1,"nd-body"],[1,"nd-loading"],[1,"nd-error"],[1,"nd-lineup-card"],[1,"nd-empty"],[1,"nd-actor-avatar",3,"error","src","alt"],[1,"nd-actor-avatar","nd-actor-initials"],[1,"nd-spinner"],["viewBox","0 0 24 24","width","32","height","32","fill","none","stroke","currentColor","stroke-width","1.6","stroke-linecap","round","stroke-linejoin","round"],["cx","12","cy","12","r","10"],["d","M12 8v4m0 4h.01"],[1,"nd-post-card"],[1,"nd-post-head"],[1,"nd-post-avatar",3,"src","alt"],[1,"nd-post-avatar","nd-post-avatar-initials",3,"background"],[1,"nd-post-author-info"],[1,"nd-post-author-name"],[1,"nd-post-time"],[1,"nd-reaction-banner"],[1,"nd-post-body",3,"nd-post-body--colored","background-color","innerHTML"],[1,"nd-post-media"],[1,"nd-post-stats"],["viewBox","0 0 24 24","width","14","height","14","fill","currentColor"],["d","M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"],["viewBox","0 0 24 24","width","14","height","14","fill","none","stroke","currentColor","stroke-width","1.8","stroke-linecap","round","stroke-linejoin","round"],["d","M21 12a8 8 0 0 1-11.4 7.3L4 21l1.7-5.6A8 8 0 1 1 21 12Z"],[1,"nd-post-avatar","nd-p
1ost-avatar-initials"],[1,"nd-reaction-emoji"],[1,"nd-post-body",3,"innerHTML"],["fit","cover",3,"url","height"],[1,"nd-profile-card"],[1,"nd-profile-avatar",3,"src","alt"],[1,"nd-profile-avatar","nd-profile-avatar-initials",3,"background"],[1,"nd-profile-name"],[1,"nd-profile-bio"],[1,"nd-profile-stats"],[1,"nd-profile-stat"],[1,"nd-stat-value"],[1,"nd-stat-label"],[1,"nd-follow-note"],[1,"nd-profile-avatar","nd-profile-avatar-initials"],[1,"nd-lineup-icon"],["viewBox","0 0 24 24","width","40","height","40","fill","none","stroke","currentColor","stroke-width","1.4","stroke-linecap","round","stroke-linejoin","round"],["x","3","y","3","width","7","height","7","rx","1"],["x","14","y","3","width","7","height","7","rx","1"],["x","3","y","14","width","7","height","7","rx","1"],["x","14","y","14","width","7","height","7","rx","1"],[1,"nd-lineup-text"]],template:function(t,i){if(t&1&&(a(0,"div",0)(1,"div",1)(2,"h2",2),r(3),l(),a(4,"button",3),j("click",function(){return i.close()}),_(),a(5,"svg",4),C(6,"path",5),l()()(),M(),a(7,"div",6),q(8),m(9,_t,1,2,"img",7)(10,xt,2,3,"div",8),a(11,"div",9)(12,"span",10),r(13),l(),a(14,"span",11),r(15),l()()(),a(16,"div",12),m(17,ut,4,0,"div",13)(18,vt,6,1,"div",14)(19,wt,2,1)(20,Tt,2,1)(21,Lt,9,1,"div",15)(22,Ut,3,1,"div",16),l()()),t&2){o(3),f(i.dialogTitle()),o(5);let d=W(i.getMetadata());o(),g(d.profilePictureURL?9:10),o(4),f(i.notification.title),o(2),f(i.notification.body),o(2),g(i.isLoading()?17:i.errorMessage()?18:i.notification.type==="posts_comments"||i.notification.type==="posts_shared"||i.notification.type==="social_reaction"?19:i.notification.type==="follow_user"?20:i.notification.type==="lineup_comments"||i.notification.type==="lineup_reaction"?21:22)}},dependencies:[T,ct],styles:['@charset "UTF-8";.nd-dialog[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:520px;max-width:96vw;max-height:90vh;background:var(--bg-elev);border-radius:var(--r-lg);overflow:hidden}.nd-header[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.nd-title[_ngcontent-%COMP%]{margin:0;font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.nd-close[_ngcontent-%COMP%]{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-full);background:transparent;border:0;color:var(--ink-2);cursor:pointer;transition:background .12s}.nd-close[_ngcontent-%COMP%]:hover{background:var(--bg-hover);color:var(--ink)}.nd-actor-row[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex-shrink:0}.nd-actor-avatar[_ngcontent-%COMP%]{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.nd-actor-initials[_ngcontent-%COMP%]{display:grid;place-items:center;font-size:15px;font-weight:700;color:#fff}.nd-actor-info[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:2px;min-width:0}.nd-actor-name[_ngcontent-%COMP%]{font-size:14px;font-weight:700;color:var(--ink)}.nd-actor-body[_ngcontent-%COMP%]{font-size:13px;color:var(--ink-2)}.nd-body[_ngcontent-%COMP%]{flex:1;overflow-y:auto;padding:18px}.nd-loading[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 24px;color:var(--ink-3);font-size:14px}.nd-spinner[_ngcontent-%COMP%]{width:32px;height:32px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:_ngcontent-%COMP%_nd-spin .7s linear infinite}@keyframes _ngcontent-%COMP%_nd-spin{to{transform:rotate(360deg)}}.nd-error[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 24px;color:var(--live);text-align:center}.nd-error[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0;font-size:14px;color:var(--ink-2)}.nd-empty[_ngcontent-%COMP%]{padding:40px 24px;text-align:center}.nd-empty[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0;font-size:14px;color:var(--ink-3)}.nd-post-card[_ngcontent-%COMP%]{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--bg-elev)}.nd-post-head[_ngcontent-%COMP%]{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
1.nd-post-avatar[_ngcontent-%COMP%]{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0}.nd-post-avatar-initials[_ngcontent-%COMP%]{display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}.nd-post-author-info[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:2px}.nd-post-author-name[_ngcontent-%COMP%]{font-size:14px;font-weight:700;color:var(--ink)}.nd-post-time[_ngcontent-%COMP%]{font-size:12px;color:var(--ink-3)}.nd-reaction-banner[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:10px 14px;background:color-mix(in oklch,var(--live) 10%,var(--bg-elev));border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}.nd-reaction-emoji[_ngcontent-%COMP%]{font-size:20px;line-height:1}.nd-post-body[_ngcontent-%COMP%]{padding:12px 14px;font-size:14px;line-height:1.55;color:var(--ink);white-space:pre-wrap}.nd-post-body--colored[_ngcontent-%COMP%]{color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;min-height:120px;padding:16px;font-size:20px;font-weight:700}.nd-post-media[_ngcontent-%COMP%]{border-top:1px solid var(--line);overflow:hidden}.nd-post-stats[_ngcontent-%COMP%]{display:flex;align-items:center;gap:16px;padding:10px 14px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}.nd-post-stats[_ngcontent-%COMP%] span[_ngcontent-%COMP%]{display:flex;align-items:center;gap:5px}.nd-profile-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-elev);text-align:center}.nd-profile-avatar[_ngcontent-%COMP%]{width:80px;height:80px;border-radius:50%;object-fit:cover}.nd-profile-avatar-initials[_ngcontent-%COMP%]{display:grid;place-items:center;font-size:28px;font-weight:700;color:#fff}.nd-profile-name[_ngcontent-%COMP%]{margin:0;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.02em}.nd-profile-bio[_ngcontent-%COMP%]{margin:0;font-size:13px;color:var(--ink-2);line-height:1.5;max-width:340px}.nd-profile-stats[_ngcontent-%COMP%]{display:flex;gap:24px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;justify-content:center}.nd-profile-stat[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:2px}.nd-stat-value[_ngcontent-%COMP%]{font-size:18px;font-weight:700;color:var(--ink)}.nd-stat-label[_ngcontent-%COMP%]{font-size:11px;color:var(--ink-3);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.nd-follow-note[_ngcontent-%COMP%]{margin:0;font-size:13px;color:var(--ink-2)}.nd-lineup-card[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-elev);text-align:center;color:var(--ink-3)}.nd-lineup-text[_ngcontent-%COMP%]{margin:0;font-size:14px;color:var(--ink-2)}.icon-btn[_ngcontent-%COMP%]{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--r-full);background:transparent;border:0;color:var(--ink-2);transition:background .12s;cursor:pointer}.icon-btn[_ngcontent-%COMP%]:hover{background:var(--bg-hover);color:var(--ink)}@media(max-width:767px){.nd-dialog[_ngcontent-%COMP%]{width:100%;max-width:100vw;max-height:95dvh;
1border-radius:var(--r-xl) var(--r-xl) 0 0}.nd-header[_ngcontent-%COMP%]{padding:12px 16px}.nd-title[_ngcontent-%COMP%]{font-size:15px}.nd-actor-row[_ngcontent-%COMP%]{padding:12px 16px;gap:10px}.nd-actor-avatar[_ngcontent-%COMP%]{width:38px;height:38px}.nd-actor-name[_ngcontent-%COMP%]{font-size:13.5px}.nd-actor-body[_ngcontent-%COMP%]{font-size:12.5px}.nd-body[_ngcontent-%COMP%]{padding:14px}.nd-profile-avatar[_ngcontent-%COMP%]{width:68px;height:68px}.nd-profile-name[_ngcontent-%COMP%]{font-size:18px}.nd-profile-stats[_ngcontent-%COMP%]{gap:16px}.nd-stat-value[_ngcontent-%COMP%]{font-size:16px}}@media(max-width:480px){.nd-header[_ngcontent-%COMP%]{padding:10px 14px}.nd-title[_ngcontent-%COMP%]{font-size:14px}.nd-actor-row[_ngcontent-%COMP%]{padding:10px 14px;gap:8px}.nd-actor-avatar[_ngcontent-%COMP%]{width:34px;height:34px}.nd-actor-name[_ngcontent-%COMP%]{font-size:13px}.nd-actor-body[_ngcontent-%COMP%]{font-size:12px}.nd-body[_ngcontent-%COMP%]{padding:12px}.nd-post-head[_ngcontent-%COMP%]{padding:10px 12px;gap:8px}.nd-post-avatar[_ngcontent-%COMP%]{width:32px;height:32px}
1.nd-post-author-name[_ngcontent-%COMP%]{font-size:13px}.nd-post-time[_ngcontent-%COMP%]{font-size:11px}.nd-post-body[_ngcontent-%COMP%]{padding:10px 12px;font-size:13.5px}.nd-post-stats[_ngcontent-%COMP%]{padding:8px 12px;font-size:12px;gap:12px}.nd-reaction-banner[_ngcontent-%COMP%]{padding:8px 12px;font-size:12.5px}.nd-reaction-emoji[_ngcontent-%COMP%]{font-size:18px}.nd-profile-card[_ngcontent-%COMP%]{padding:18px 12px;gap:8px}.nd-profile-avatar[_ngcontent-%COMP%]{width:60px;height:60px}.nd-profile-name[_ngcontent-%COMP%]{font-size:16px}.nd-profile-bio[_ngcontent-%COMP%]{font-size:12.5px}.nd-profile-stats[_ngcontent-%COMP%]{gap:12px;padding:10px 0}.nd-stat-value[_ngcontent-%COMP%]{font-size:15px}.nd-stat-label[_ngcontent-%COMP%]{font-size:10px}.nd-lineup-card[_ngcontent-%COMP%]{padding:24px 12px;gap:10px}.nd-lineup-text[_ngcontent-%COMP%]{font-size:13px}}'],changeDetection:0})};var Ft=["scrollSentinel"],Vt=()=>[1,2,3,4,5],jt=(e,n)=>n.id;function Rt(e,n){e&1&&x(0,"span",7)}function Bt(e,n){e&1&&(_(),c(0,"svg",8),x(1,"path",9),p())}function Gt(e,n){if(e&1){let t=V();c(0,"button",6),w("click",function(){E(t);let d=s();return k(d.deleteAll())}),m(1,Rt,1,0,"span",7)(2,Bt,2,0,":svg:svg",8),r(3," Clear all "),p()}if(e&2){let t=s();N("disabled",t.isDeletingAll()),o(),g(t.isDeletingAll()?1:2)}}function Ht(e,n){e&1&&(c(0,"div",10),x(1,"div",11),c(2,"div",12),x(3,"div",13)(4,"div",14),p()())}function $t(e,n){e&1&&(c(0,"div",4),A(1,Ht,5,0,"div",10,$),p()),e&2&&(o(),F(J(0,Vt)))}function Qt(e,n){e&1&&(c(0,"div",5)(1,"div",15),_(),c(2,"svg",16),x(3,"path",17),p()(),M(),c(4,"p",18),r(5,"No notifications yet"),p(),c(6,"p",19),r(7,"All your notifications will appear here"),p()())}function Zt(e,n){if(e&1&&(c(0,"img",36),w("error",function(i){return i.target.style.display="none"}),p()),e&2){let t=s().$implicit,i=s(2);N("src",i.getMetadata(t).profilePictureURL,P)("alt",i.getMetadata(t).username)}}function Yt(e,n){if(e&1&&(c(0,"div",37),r(1),p()),e&2){let t=s().$implicit,i=s(2);b("background",i.getAvatarColor(i.getMetadata(t))),o(),h(" ",i.getAvatarInitials(i.getMetadata(t).username||t.title)," ")}}function qt(e,n){e&1&&(_(),c(0,"svg",27),x(1,"path",38),p())}function Wt(e,n){e&1&&(_(),c(0,"svg",27),x(1,"path",39),p())}function Jt(e,n){e&1&&(_(),c(0,"svg",27),x(1,"path",39),p())}function Kt(e,n){e&1&&(_(),c(0,"svg",27),x(1,"path",40),p())}function Xt(e,n){e&1&&(_(),c(0,"svg",27),x(1,"path",40),p())}function te(e,n){e&1&&(_(),c(0,"svg",27),x(1,"path",41),p())}function ee(e,n){e&1&&(_(),c(0,"svg",27),x(1,"path",17),p())}function ne(e,n){e&1&&x(0,"div",32)}function ie(e,n){e&1&&x(0,"span",34)}function oe(e,n){e&1&&(_(),c(0,"svg",35),x(1,"path",9),p())}function ae(e,n){if(e&1){let t=V();c(0,"div",22),w("click",function(){let d=E(t).$implicit,U=s(2);return k(U.openNotificationDetail(d))}),c(1,"div",23),m(2,Zt,1,2,"img",24)(3,Yt,2,3,"div",25),c(4,"div",26),m(5,qt,2,0,":svg:svg",27)(6,Wt,2,0,":svg:svg",27)(7,Jt,2,0,":svg:svg",27)(8,Kt,2,0,":svg:svg",27)(9,Xt,2,0,":svg:svg",27)(10,te,2,0,":svg:svg",27)(11,ee,2,0,":svg:svg",27),p()(),c(12,"div",12)(13,"p",28)(14,"span",29),r(15),p(),c(16,"span",30),r(17),p()(),c(18,"span",31),r(19),p()(),m(20,ne,1,0,"div",32),c(21,"button",33),w("click",function(d){let U=E(t).$implicit,mt=s(2);return d.stopPropagation(),k(mt.deleteSingle(U.id))}),m(22,ie,1,0,"span",34)(23,oe,2,0,":svg:svg",35),p()()}if(e&2){let t,i=n.$implicit,d=s(2);D("unseen",!i.seen),o(2),g(d.getMetadata(i).profilePictureURL?2:3),o(2),Y("badge-"+i.type),o(),g((t=i.type)==="follow_user"?5:t==="social_reaction"?6:t==="lineup_reaction"?7:t==="posts_comments"?8:t==="lineup_comments"?9:t==="posts_shared"?10:11),o(10),f(i.title),o(2),h(" ",d.getNotificationBody(i)),o(2),f(d.timeAgo(i.createdAt)),o(),g(i.seen?-1:20),o(),N("disabled",d.deletingId()===i.id),o(),g(d.deletingId()===i.id?22:23)}}function re(e,n){e&1&&(c(0,"div",42),x(1,"div",43),p())}function le(e,n){if(e&1&&(c(0,"div",21,0),m(2,re,2,0,"div",42),p()),e&2){let t=s(2);o(2),g(t.isLoadingMore()?2:-1)}}function de(e,n){if(e&1&&(c(0,"div",4),A(1,ae,24,12,"div",20,jt),p(),m(3,le,3,1,"div",21)),e&2){let t=s();o(),F(t.notifications()),o(2),g(t.hasMore()?3:-1)}}var L="NotificationsPageComponent",pt=class e{notificationService=v(ot);dialog=v(dt);toastService=v(st);destroyRef=v(G);scrollSentinel=K("scrollSentinel");notifications=u([]);isLoading=u(!0);isLoadingMore=u(!1);hasMore=u(!0);deletingId=u(null);isDeletingAll=u(!1);intersectionObserver=null;ngOnInit(){window.scrollTo({top:0,behavior:"instant"}),this.notificationService.resetNotificationsPagination(),this.loadNotifications(),this.destroyRef.onDestroy(()=>this.intersectionObserver?.disconnect())}async loadNotifications(){this.isLoading.set(!0);try{let{notifications:n,hasMore:t}=await this.notificationService.getUserNotificationsPage();this.notifications.set(n),this.hasMore.set(t)}catch(n){this.showToast("Failed to load notifications",!0),y(n,`[${L}.loadNotifications]`,"error")}finally{this.isLoading.set(!1),setTimeout(()=>this.setupInfiniteScroll(),100)}}setupInfiniteScroll(){this.intersectionObserver?.disconnect();let n=this.scrollSentinel()?.nativeElement;n&&(this.intersectionObserver=new IntersectionObserver(t=>{t[0].isIntersecting&&this.loadMoreNotifications()},{threshold:.1}),this.intersectionObserver.observe(n))}async loadMoreNotifications(){if(!(this.isLoadingMore()||!this.hasMore())){this.isLoadingMore.set(!0);try{let{notifications:n,hasMore:t}=await this.notificationService.getUserNotificationsPage();this.notifications.update(i=>[...i,...n]),this.hasMore.set(t)}catch(n){this.showToast("Failed to load more notifications",!0),y(n,`[${L}.loadMoreNotifications]`,"error")}finally{this.isLoadingMore.set(!1)}}}openNotificationDetail(n){n.seen||(n.seen=!0,this.notifications.update(t=>[...t]),this.notificationService.updateNotification(n).catch(()=>{})),this.dialog.open(I,{data:{notification:n}
1,panelClass:"notification-detail-panel",maxWidth:"100vw",autoFocus:!1})}async markAsSeen(n){n.seen||(n.seen=!0,this.notifications.update(t=>[...t]),await this.notificationService.updateNotification(n))}async deleteSingle(n){this.deletingId.set(n);try{await this.notificationService.deleteSingleNotification(n),this.notifications.update(t=>t.filter(i=>i.id!==n)),this.showToast("Notification deleted")}catch(t){this.showToast("Could not delete notification",!0),y(t,`[${L}.deleteSingle]`,"error")}finally{this.deletingId.set(null)}}async deleteAll(){if(!this.isDeletingAll()){this.isDeletingAll.set(!0);try{await this.notificationService.deleteAllUserNotifications(),this.notifications.set([]),this.hasMore.set(!1),this.showToast("All notifications cleared")}catch(n){this.showToast("Could not clear notifications",!0),y(n,`[${L}.deleteAll]`,"error")}finally{this.isDeletingAll.set(!1)}}}getNotificationBody(n){try{switch(n.type){case"posts_comments":return"commented on your post";case"lineup_comments":return"commented on your lineup";case"follow_user":return"started following you";case"social_reaction":return"reacted to your post";case"lineup_reaction":return"reacted to your lineup";case"posts_shared":return"shared your post";default:return n.body||""}}catch{return""}}getMetadata(n){try{return n.metadata?.outBound??{}}catch{return{}}}getAvatarInitials(n){return n?n.trim().slice(0,2).toUpperCase():"?"}getAvatarColor(n){return n.avatarColor||"oklch(0.6 0.14 260)"}timeAgo(n){return n?z(n):""}showToast(n,t=!1){t?this.toastService.error(n):this.toastService.success(n)}static \u0275fac=function(t){return new(t||e)};static \u0275cmp=S({type:e,selectors:[["app-notifications-page"]],viewQuery:function(t,i){t&1&&Q(i.scrollSentinel,Ft,5),t&2&&Z()},decls:11,vars:2,consts:[["scrollSentinel",""],[1,"notifications-page"],[1,"page-head"],["title","Clear all notifications",1,"btn","btn-outline","btn-sm","clear-all-btn",3,"disabled"],[1,"notifications-list"],[1,"empty-state"],["title","Clear all notifications",1,"btn","btn-outline","btn-sm","clear-all-btn",3,"click","disabled"],[1,"btn-spinner"],["viewBox","0 0 24 24","width","15","height","15","fill","none","stroke","currentColor","stroke-width","1.8","stroke-linecap","round","stroke-linejoin","round"],["d","M5 7h14M9 7V4h6v3M6 7l1 13h10l1-13"],[1,"notification-item","skeleton-item"],[1,"skeleton-avatar"],[1,"notification-content"],[1,"skeleton-line","w-60"],[1,"skeleton-line","w-40",2,"margin-top","6px"],[1,"empty-icon"],["viewBox","0 0 24 24","width","48","height","48","fill","none","stroke","currentColor","stroke-width","1.4","stroke-linecap","round","stroke-linejoin","round"],["d","M6 17V11a6 6 0 1 1 12 0v6l1.5 2h-15L6 17Zm4 3a2 2 0 0 0 4 0"],[1,"empty-title"],[1,"empty-sub"],[1,"notification-item",3,"unseen"],[1,"scroll-sentinel"],[1,"notification-item",3,"click"],[1,"notif-avatar-wrap"],[1,"notif-avatar-img",3,"src","alt"],[1,"avatar","md","notif-avatar",2,"color","#fff",3,"background"],[1,"notif-type-badge"],["viewBox","0 0 24 24","width","10","height","10","fill","currentColor"],[1,"notification-text"],[1,"notif-username"],[1,"notif-body"],[1,"notification-time"],[1,"unseen-dot"],["title","Delete notification",1,"delete-btn","icon-btn",3,"click","disabled"],[1,"btn-spinner","sm"],["viewBox","0 0 24 24","width","16","height","16","fill","none","stroke","currentColor","stroke-width","1.8","stroke-linecap","round","stroke-linejoin","round"],[1,"notif-avatar-img",3,"error","src","alt"],[1,"avatar","md","notif-avatar",2,"color","#fff"],["d","M16 11c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3zm-8 0c1.66 0 3-1.34 3-3S9.66 5 8 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"],["d","M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"],["d","M21 12a8 8 0 0 1-11.4 7.3L4 21l1.7-5.6A8 8 0 1 1 21 12Z"],["d","M4 8h13l-3-3m3 11H4l3 3"],[1,"load-more-spinner"],[1,"spinner"]],template:function(t,i){t&1&&(c(0,"div",1)(1,"div",2)(2,"div")(3,"h1"),r(4,"Notifications"),p(),c(5,"p"),r(6,"Stay up to date with your activity"),p()(),m(7,Gt,4,2,"button",3),p(),m(8,$t,3,1,"div",4)(9,Qt,8,0,"div",5)(10,de,4,1),p()),t&2&&(o(7),g(i.notifications().length>0?7:-1),o(),g(i.isLoading()?8:i.notifications().length===0?9:10))},dependencies:[T],styles:['@charset "UTF-8";.notifications-page[_ngcontent-%COMP%]{width:100%;padding-bottom:60px;min-height:100vh}.clear-all-btn[_ngcontent-%COMP%]{display:flex;align-items:center;gap:6px;color:var(--live);border-color:var(--live);white-space:nowrap}.clear-all-btn[_ngcontent-%COMP%]:hover:not(:disabled){background:var(--live-soft)}.clear-all-btn[_ngcontent-%COMP%]:disabled{opacity:.6;cursor:not-allowed}.notifications-list[_ngcontent-%COMP%]{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg-elev);box-shadow:var(--shadow-sm)}.notification-item[_ngcontent-%COMP%]{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s;position:relative}.notification-item[_ngcontent-%COMP%]:last-child{border-bottom:none}.notification-item[_ngcontent-%COMP%]:hover{background:var(--bg-hover)}.notification-item[_ngcontent-%COMP%]:hover .delete-btn[_ngcontent-%COMP%]{opacity:1}.notification-item.unseen[_ngcontent-%COMP%]{background:color-mix(in oklch,var(--blue) 8%,var(--bg-elev))}.notification-item.unseen[_ngcontent-%COMP%]:hover{background:color-mix(in oklch,var(--blue) 12%,var(--bg-hover))}.notif-avatar-wrap[_ngcontent-%COMP%]{position:relative;flex-shrink:0}.notif-avatar-img[_ngcontent-%COMP%]{width:40px;height:40px;border-radius:50%;object-fit:cover;display:block}
1.notif-avatar[_ngcontent-%COMP%]{width:40px;height:40px;font-size:14px}.notif-type-badge[_ngcontent-%COMP%]{position:absolute;bottom:-2px;right:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--bg-elev);background:var(--accent);color:#fff}.notif-type-badge.badge-follow_user[_ngcontent-%COMP%]{background:var(--blue)}.notif-type-badge.badge-social_reaction[_ngcontent-%COMP%], .notif-type-badge.badge-lineup_reaction[_ngcontent-%COMP%]{background:var(--live)}.notif-type-badge.badge-posts_comments[_ngcontent-%COMP%], .notif-type-badge.badge-lineup_comments[_ngcontent-%COMP%]{background:var(--accent)}.notif-type-badge.badge-posts_shared[_ngcontent-%COMP%]{background:var(--amber)}.notification-content[_ngcontent-%COMP%]{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.notification-text[_ngcontent-%COMP%]{margin:0;font-size:14px;line-height:1.4;color:var(--ink);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.notif-username[_ngcontent-%COMP%]{font-weight:700;color:var(--ink)}.notif-body[_ngcontent-%COMP%]{color:var(--ink-2);font-weight:400}.notification-time[_ngcontent-%COMP%]{font-size:12px;color:var(--ink-3);font-weight:500}.unseen-dot[_ngcontent-%COMP%]{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0}.delete-btn[_ngcontent-%COMP%]{flex-shrink:0;opacity:0;transition:opacity .12s,color .12s;color:var(--ink-3)}.delete-btn[_ngcontent-%COMP%]:hover{color:var(--live);background:var(--live-soft)}.delete-btn[_ngcontent-%COMP%]:disabled{opacity:.5;cursor:not-allowed}.btn-spinner[_ngcontent-%COMP%]{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:_ngcontent-%COMP%_spin .7s linear infinite;display:inline-block;flex-shrink:0}.btn-spinner.sm[_ngcontent-%COMP%]{width:12px;height:12px}@keyframes _ngcontent-%COMP%_spin{to{transform:rotate(360deg)}}@keyframes _ngcontent-%COMP%_shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-item[_ngcontent-%COMP%]{cursor:default;pointer-events:none}.skeleton-avatar[_ngcontent-%COMP%]{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(90deg,var(--bg-surface-alt) 25%,var(--bg-hover, #f0f0f0) 50%,var(--bg-surface-alt) 75%);background-size:400px 100%;animation:_ngcontent-%COMP%_shimmer 1.4s ease-in-out infinite}.skeleton-line[_ngcontent-%COMP%]{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--bg-surface-alt) 25%,var(--bg-hover, #f0f0f0) 50%,var(--bg-surface-alt) 75%);background-size:400px 100%;animation:_ngcontent-%COMP%_shimmer 1.4s ease-in-out infinite}.skeleton-line.w-60[_ngcontent-%COMP%]{width:60%}.skeleton-line.w-40[_ngcontent-%COMP%]{width:40%}.empty-state[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:10px;text-align:center}.empty-icon[_ngcontent-%COMP%]{color:var(--ink-4);opacity:.6;margin-bottom:4px}.empty-title[_ngcontent-%COMP%]{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.empty-sub[_ngcontent-%COMP%]{font-size:13px;color:var(--text-secondary);margin:0}.scroll-sentinel[_ngcontent-%COMP%]{height:60px;display:flex;align-items:center;justify-content:center;margin-top:4px}.load-more-spinner[_ngcontent-%COMP%]{display:flex;align-items:center;justify-content:center;padding:16px}.spinner[_ngcontent-%COMP%]{width:28px;height:28px;border:3px solid var(--bg-surface-alt);border-top-color:var(--accent, #4aa1f3);border-radius:50%;animation:_ngcontent-%COMP%_spin .8s linear infinite}.toast[_ngcontent-%COMP%]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:10px 20px;border-radius:var(--r-full);font-size:13px;font-weight:600;z-index:1000;box-shadow:var(--shadow-lg);white-space:nowrap;animation:_ngcontent-%COMP%_slideUp .22s cubic-bezier(.2,.8,.2,1)}.toast.toast-error[_ngcontent-%COMP%]{background:var(--live);color:#fff}@keyframes _ngcontent-%COMP%_slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.page-head[_ngcontent-%COMP%]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;padding:0 2px}.page-head[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{margin:0 0 4px;font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.page-head[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{margin:0;font-size:13.5px;color:var(--ink-3)}@media(max-width:1199px){.page-head[_ngcontent-%COMP%]{margin-bottom:16px}}@media(max-width:767px){.page-head[_ngcontent-%COMP%]{flex-direction:column;gap:6px;margin-bottom:14px}.page-head[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{font-size:20px}.page-head[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:13px}.notifications-list[_ngcontent-%COMP%]{border-radius:var(--r-md)}.notification-item[_ngcontent-%COMP%]{padding:12px 14px;gap:12px}.notification-text[_ngcontent-%COMP%]{font-size:13.5px}
1.notification-time[_ngcontent-%COMP%]{font-size:11.5px}.notif-avatar-img[_ngcontent-%COMP%], .notif-avatar[_ngcontent-%COMP%]{width:36px;height:36px;font-size:13px}.delete-btn[_ngcontent-%COMP%]{opacity:1}}@media(max-width:480px){.page-head[_ngcontent-%COMP%] h1[_ngcontent-%COMP%]{font-size:18px}.page-head[_ngcontent-%COMP%] p[_ngcontent-%COMP%]{font-size:12.5px}.notifications-list[_ngcontent-%COMP%]{border-radius:var(--r-sm)}.notification-item[_ngcontent-%COMP%]{padding:10px 12px;gap:10px}.notif-avatar-img[_ngcontent-%COMP%], .notif-avatar[_ngcontent-%COMP%]{width:34px;height:34px;font-size:12px}.notification-text[_ngcontent-%COMP%]{font-size:13px}.notification-time[_ngcontent-%COMP%]{font-size:11px}.unseen-dot[_ngcontent-%COMP%]{width:7px;height:7px}.clear-all-btn[_ngcontent-%COMP%]{font-size:12px;padding:5px 10px}.empty-state[_ngcontent-%COMP%]{padding:60px 16px}.empty-title[_ngcontent-%COMP%]{font-size:15px}.empty-sub[_ngcontent-%COMP%]{font-size:12.5px}}'],changeDetection:0})};export{pt as NotificationsPageComponent};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.