https://themorningthread.com/chunk-rKChNzLU.js

1import { m } from './chunk-zfOyzYAJ.js';
2import { y as ye } from './chunk-O9_pnve3.js';
3import './chunk-CqW9eJ5u.js';
4import './chunk-C9Wptmry.js';
5import { I as Ii, p as po, r as V, z as z$1, b4 as We, aB as c, D as DC, l as ln, o as os, b as $m, k as km, N as N_, a as Eu, e as kb, d as dT, g as bu, P as Pb, W as Wb, j as jb, X as Xb, f as Xm, c as cy, V as Vb, R as Rm, aV as v_, ak as Y_, O as Om, aW as J_, v as vf, i as Ef, h as Jh } from './main-A5KV3R65.js';
6
7var D=(r,e)=>e.key,z=(r,e)=>e.ReactionID;function B(r,e){r&1&&(os(0,"div",6),km(1,"i",7),N_(2,"Loading reactions..."),Eu());}function $(r,e){r&1&&(os(0,"div",6),N_(1,"No reactions yet."),Eu());}function j(r,e){if(r&1){let t=Wb();os(0,"button",9),$m("click",function(){let s=vf(t).$implicit,U=Xb(2);return Ef(U.setReactionFilter(s.key))}),km(1,"i"),os(2,"span"),N_(3),Eu(),os(4,"span",10),N_(5),Eu()();}if(r&2){let t=e.$implicit,n=Xb(2);Xm("is-active",n.selectedReactionFilter()===t.key),Rm("data-reaction-key",t.key),dT(),v_(n.reactionColorClassByKey(t.key)+" "+t.iconClass),Rm("aria-label",t.label),dT(2),cy(t.label),dT(2),cy(t.count);}}function W(r,e){if(r&1&&(os(0,"article",13),km(1,"img",14),os(2,"div",15),km(3,"app-user-link-menu",16),os(4,"div",17),km(5,"i"),os(6,"span"),N_(7),Eu(),os(8,"span"),N_(9,"\xB7"),Eu(),os(10,"span"),N_(11),Y_(12,"timeAgo"),Eu()()(),os(13,"span",18),km(14,"i"),Eu()()),r&2){let t=e.$implicit,n=Xb(2);dT(),Om("src",n.avatarUrl(t),Jh)("alt",n.displayName(t)+" avatar"),dT(2),Om("userId",n.userId(t))("displayName",n.displayName(t))("title",n.title(t))("avatar",n.avatarUrl(t)),dT(2),v_(n.reactionColorClass(t)+" "+n.reactionIcon(t)),Rm("aria-label",n.reactionLabel(t)),dT(2),cy(n.reactionLabel(t)),dT(4),bu("Reacted ",J_(12,15,t.TimeStamp)),dT(2),Rm("aria-label",n.reactionLabel(t))("data-reaction-key",n.reactionKey(t)),dT(),v_(n.reactionColorClass(t)+" "+n.reactionIcon(t));}}function G(r,e){r&1&&(os(0,"div",6),N_(1,"No users for this reaction."),Eu());}function H(r,e){if(r&1){let t=Wb();os(0,"div",8)(1,"button",9),$m("click",function(){vf(t);let s=Xb();return Ef(s.setReactionFilter("all"))}),os(2,"span"),N_(3,"All"),Eu(),os(4,"span",10),N_(5),Eu()(),jb(6,j,6,8,"button",11,D),Eu(),os(8,"div",12),jb(9,W,15,17,"article",13,z),kb(11,G,2,0,"div",6),Eu();}if(r&2){let t=Xb();dT(),Xm("is-active",t.selectedReactionFilter()==="all"),dT(4),cy(t.reactions().length),dT(),Vb(t.filterOptions()),dT(3),Vb(t.filteredReactions()),dT(2),Pb(t.filteredReactions().length===0?11:-1);}}var N=class r{constructor(e,t,n,s){this.route=e;this.router=t;this.location=n;this.reactionsService=s;this.defaultAvatarUrl="/images/default-avatar.svg";this.reactions=Ii([]);this.isLoading=Ii(true);this.selectedReactionFilter=Ii("all");this.reactionMeta={love:{label:"Love",icon:"fa-heart"},hate:{label:"Hate",icon:"fa-hand-middle-finger"},angry:{label:"Angry",icon:"fa-face-angry-horns"},yawn:{label:"Yawn",icon:"fa-face-hand-yawn"},wow:{label:"Wow",icon:"fa-face-explode"},puke:{label:"Puke",icon:"fa-face-vomit"},lmao:{label:"LMAO",icon:"fa-face-laugh"},party:{label:"Party",icon:"fa-face-party"},cry:{label:"Cry",icon:"fa-face-sad-cry"},cool:{label:"Cool",icon:"fa-face-sunglasses"},melting:{label:"Melting",icon:"fa-face-melting"},drooling:{label:"Drooling",icon:"fa-face-drooling"},dead:{label:"Dead (X Eyes)",icon:"fa-face-dizzy"},"this thread is shit":{label:"This is shit",icon:"fa-poop"}};}ngOnInit(){let e=this.route.snapshot.paramMap.get("typeOf")?.trim(),t=Number(this.route.snapshot.paramMap.get("id"));if(!e||!Number.isInteger(t)||t<=0){this.router.navigate(["/feed"]);return}this.reactionsService.getByTypeAndId(e,t).subscribe({next:n=>{this.reactions.set(Array.isArray(n)?n:[]),this.isLoading.set(false);},error:()=>{this.reactions.set([]),this.isLoading.set(false);}});}goBack(){if(typeof window<"u"&&window.history.length>1){this.location.back();return}this.router.navigate(["/feed"]);}avatarUrl(e){return e.FromUser?.Avatar?.trim()||this.defaultAvatarUrl}userId(e){return e.FromID??0}displayName(e){return e.FromUser?.FullName?.trim()||`User #${this.userId(e)}`}title(e){return e.FromUser?.Title?.trim()||""}filteredReactions(){let e=this.selectedReactionFilter();return e==="all"?this.reactions():this.reactions().filter(t=>this.reactionKey(t)===e)}setReactionFilter(e){this.selectedReactionFilter.set(e);}filterOptions(){let e=new Map;for(let t of this.reactions()){let n=this.reactionKey(t);

7e.set(n,(e.get(n)??0)+1);}return Array.from(e.entries()).map(([t,n])=>({key:t,label:this.reactionLabelForKey(t),iconClass:this.reactionIconForKey(t),count:n})).sort((t,n)=>t.label.localeCompare(n.label))}reactionLabel(e){return this.reactionLabelForKey(this.reactionKey(e))}reactionIcon(e){return this.reactionIconForKey(this.reactionKey(e))}reactionColorClass(e){return this.reactionColorClassForKey(this.reactionKey(e))}reactionColorClassByKey(e){return this.reactionColorClassForKey(e)}reactionKey(e){return this.normalizeReaction(e.Reaction)}reactionLabelForKey(e){return this.reactionMeta[e]?.label||this.toTitleCase(e)||"Love"}reactionIconForKey(e){return `fa-regular ${this.reactionMeta[e]?.icon||(e.startsWith("fa-")?e:"fa-heart")}`}normalizeReaction(e){let t=(e??"").trim().toLowerCase();return t?t==="like"?"love":t:"love"}reactionColorClassForKey(e){return `reaction-icon-${e==="this thread is shit"?"shit":e}`}toTitleCase(e){return e?e.charAt(0).toUpperCase()+e.slice(1):""}static{this.\u0275fac=function(t){return new(t||r)(po(V),po(z$1),po(We),po(c))};}static{this.\u0275cmp=DC({type:r,selectors:[["app-reaction-viewers-page"]],decls:15,vars:2,consts:[[1,"routed-viewer-page"],[1,"routed-viewer-header"],["type","button","aria-label","Go back",1,"viewer-back-btn",3,"click"],[1,"fa-solid","fa-chevron-left"],[1,"viewer-heading"],["aria-label","People who reacted",1,"viewer-content"],[1,"viewer-empty"],[1,"fa-solid","fa-spinner","fa-spin","me-2"],["role","group","aria-label","Filter by reaction",1,"reaction-filters"],["type","button",1,"filter-btn",3,"click"],[1,"filter-count"],["type","button",1,"filter-btn",3,"is-active"],["role","list",1,"viewers-list"],["role","listitem",1,"viewer-row"],["loading","lazy","decoding","async","fetchpriority","low",1,"viewer-avatar",3,"src","alt"],[1,"viewer-body"],["linkClass","text-decoration-none text-dark fw-semibold","textClass","text-dark fw-semibold",3,"userId","displayName","title","avatar"],[1,"small","text-muted","d-flex","align-items-center","gap-1"],[1,"reaction-chip"]],template:function(t,n){t&1&&(os(0,"main",0)(1,"header",1)(2,"button",2),$m("click",function(){return n.goBack()}),km(3,"i",3),os(4,"span"),N_(5,"Back"),Eu()(),os(6,"div",4)(7,"h1"),N_(8,"Reactions"),Eu(),os(9,"p"),N_(10),Eu()()(),os(11,"section",5),kb(12,B,3,0,"div",6)(13,$,2,0,"div",6)(14,H,12,4),Eu()()),t&2&&(dT(10),bu("",n.reactions().length," total"),dT(2),Pb(n.isLoading()?12:n.reactions().length===0?13:14));},dependencies:[ln,ye,m],styles:['.routed-viewer-page[_ngcontent-%COMP%]{min-height:100dvh;padding:calc(.85rem + env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));background:var(--app-bg-color, #f8fafc);color:var(--app-text, #111827)}.routed-viewer-header[_ngcontent-%COMP%]{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:.9rem}.viewer-back-btn[_ngcontent-%COMP%]{min-height:2.5rem;border:1px solid color-mix(in srgb,var(--app-border, #cbd5e1) 80%,transparent);border-radius:999px;padding:0 .85rem;display:inline-flex;align-items:center;gap:.45rem;background:var(--app-surface-bg, #ffffff);color:var(--app-text, #111827);font-weight:800}.viewer-heading[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{margin:0;font-size:1.25rem;font-weight:850}.viewer-heading[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:.1rem 0 0;color:var(--app-text-muted, #64748b);font-size:.86rem}.viewer-content[_ngcontent-%COMP%]{max-width:900px;margin:1rem auto 0}.reaction-filters[_ngcontent-%COMP%]{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem}.filter-btn[_ngcontent-%COMP%]{min-height:2.1rem;border:1px solid color-mix(in srgb,var(--app-border, #cbd5e1) 78%,transparent);border-radius:999px;padding:0 .75rem;display:inline-flex;align-items:center;gap:.35rem;background:var(--app-surface-bg, #ffffff);color:var(--app-text, #111827);font-weight:750;font-size:.86rem}.filter-btn.is-active[_ngcontent-%COMP%]{border-color:var(--app-icon, #2563eb);background:color-mix(in srgb,var(--app-icon, #2563eb) 11%,var(--app-surface-bg, #ffffff) 89%)}.filter-count[_ngcontent-%COMP%]{color:var(--app-text-muted, #64748b)}.viewers-list[_ngcontent-%COMP%]{display:grid;gap:.55rem}.viewer-row[_ngcontent-%COMP%]{min-width:0;border:1px solid color-mix(in srgb,var(--app-border, #d1d5db) 78%,transparent);border-radius:.5rem;padding:.75rem;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;background:var(--app-surface-bg, #ffffff)}

7.viewer-avatar[_ngcontent-%COMP%]{width:2.8rem;height:2.8rem;border-radius:999px;object-fit:cover;background:var(--app-surface-soft, #f1f5f9)}.viewer-body[_ngcontent-%COMP%]{min-width:0}html:is([data-theme=dark],[data-theme=matrix],[data-theme=midnight],[data-theme=slate],[data-theme=velvet])[_nghost-%COMP%]   .viewer-row[_ngcontent-%COMP%]   :where(.text-dark[_ngcontent-%COMP%], a.text-dark[_ngcontent-%COMP%]), html:is([data-theme=dark],[data-theme=matrix],[data-theme=midnight],[data-theme=slate],[data-theme=velvet])   [_nghost-%COMP%]   .viewer-row[_ngcontent-%COMP%]   :where(.text-dark[_ngcontent-%COMP%], a.text-dark[_ngcontent-%COMP%]), html:is([data-theme=dark],[data-theme=matrix],[data-theme=midnight],[data-theme=slate],[data-theme=velvet])[_nghost-%COMP%]   .viewer-row[_ngcontent-%COMP%]     app-user-link-menu :where(a,.text-dark), html:is([data-theme=dark],[data-theme=matrix],[data-theme=midnight],[data-theme=slate],[data-theme=velvet])   [_nghost-%COMP%]   .viewer-row[_ngcontent-%COMP%]     app-user-link-menu :where(a,.text-dark){color:var(--app-text, #f8fafc)!important}html:is([data-theme=dark],[data-theme=matrix],[data-theme=midnight],[data-theme=slate],[data-theme=velvet])[_nghost-%COMP%]   .viewer-row[_ngcontent-%COMP%]   :where(.text-muted[_ngcontent-%COMP%]), html:is([data-theme=dark],[data-theme=matrix],[data-theme=midnight],[data-theme=slate],[data-theme=velvet])   [_nghost-%COMP%]   .viewer-row[_ngcontent-%COMP%]   :where(.text-muted[_ngcontent-%COMP%]){color:var(--app-text-muted, #cbd5e1)!important}.reaction-chip[_ngcontent-%COMP%]{width:2.2rem;height:2.2rem;border:1px solid color-mix(in srgb,var(--app-border, #cbd5e1) 78%,transparent);border-radius:999px;display:inline-grid;place-items:center;color:var(--app-icon, #2563eb)}.filter-btn[data-reaction-key=love][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=love][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#ec4899 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#ec4899 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=hate][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=hate][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#ef4444 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#ef4444 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=angry][_ngcontent-%COMP%], .filter-btn[data-reaction-key=melting][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=angry][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=melting][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#f97316 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#f97316 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=wow][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=wow][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#0ea5e9 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#0ea5e9 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=puke][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=puke][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#84cc16 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#84cc16 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=lmao][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=lmao][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#f59e0b 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=yawn][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=yawn][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#8b5cf6 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#8b5cf6 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=party][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=party][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#d946ef 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#d946ef 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=cry][_ngcontent-%COMP%], .filter-btn[data-reaction-key=drooling][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=cry][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=drooling][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#22d3ee 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#22d3ee 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=cool][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=cool][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#14b8a6 3

76%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#14b8a6 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key=dead][_ngcontent-%COMP%], .reaction-chip[data-reaction-key=dead][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#64748b 36%,var(--app-border, #d1d5db) 64%);background:linear-gradient(135deg,color-mix(in srgb,#64748b 10%,var(--app-surface-bg, #ffffff) 90%) 0%,var(--app-surface-bg, #ffffff) 100%)}.filter-btn[data-reaction-key="this thread is shit"][_ngcontent-%COMP%], .reaction-chip[data-reaction-key="this thread is shit"][_ngcontent-%COMP%]{border-color:color-mix(in srgb,#8b5a2b 38%,var(--app-border, #d1d5db) 62%);background:linear-gradient(135deg,color-mix(in srgb,#8b5a2b 12%,var(--app-surface-bg, #ffffff) 88%) 0%,var(--app-surface-bg, #ffffff) 100%)}.reaction-icon-love[_ngcontent-%COMP%]{color:color-mix(in srgb,#f43f5e 78%,#111827 22%)}.reaction-icon-hate[_ngcontent-%COMP%]{color:color-mix(in srgb,#dc2626 78%,#111827 22%)}.reaction-icon-angry[_ngcontent-%COMP%]{color:color-mix(in srgb,#f97316 78%,#111827 22%)}.reaction-icon-yawn[_ngcontent-%COMP%]{color:color-mix(in srgb,#8b5cf6 78%,#111827 22%)}.reaction-icon-wow[_ngcontent-%COMP%]{color:color-mix(in srgb,#0ea5e9 78%,#111827 22%)}.reaction-icon-puke[_ngcontent-%COMP%]{color:color-mix(in srgb,#65a30d 78%,#111827 22%)}.reaction-icon-lmao[_ngcontent-%COMP%]{color:color-mix(in srgb,#f59e0b 78%,#111827 22%)}.reaction-icon-party[_ngcontent-%COMP%]{color:color-mix(in srgb,#d946ef 78%,#111827 22%)}.reaction-icon-cry[_ngcontent-%COMP%]{color:color-mix(in srgb,#38bdf8 78%,#111827 22%)}.reaction-icon-cool[_ngcontent-%COMP%]{color:color-mix(in srgb,#14b8a6 78%,#111827 22%)}.reaction-icon-melting[_ngcontent-%COMP%]{color:color-mix(in srgb,#f97316 78%,#111827 22%)}.reaction-icon-drooling[_ngcontent-%COMP%]{color:color-mix(in srgb,#22d3ee 78%,#111827 22%)}.reaction-icon-dead[_ngcontent-%COMP%]{color:color-mix(in srgb,#64748b 78%,#111827 22%)}.reaction-icon-shit[_ngcontent-%COMP%]{color:color-mix(in srgb,#8b5a2b 82%,#111827 18%)}.viewer-empty[_ngcontent-%COMP%]{border:1px solid color-mix(in srgb,var(--app-border, #d1d5db) 78%,transparent);border-radius:.5rem;padding:1rem;background:var(--app-surface-bg, #ffffff);color:var(--app-text-muted, #64748b)}@media(max-width:575.98px){.viewer-row[_ngcontent-%COMP%]{grid-template-columns:auto minmax(0,1fr)}.reaction-chip[_ngcontent-%COMP%]{display:none}}']});}};
8
9export { N as ReactionViewersPageComponent };