Loading embed...

',this.dom.classList.add("loading"),R.call({context:e,method:"get",endpoint:"/media/embed",data:{url:o},success:s=>{U0(this.dom,s.html),Qc(e,this.dom)},error:()=>{Tt("Unable to embed this URL","error");const s=i(),l=r.state.schema.nodes.paragraph.create({},r.state.schema.text(o,[r.state.schema.marks.link.create({href:o})])),a=r.state.tr.replaceRangeWith(s,s+1,l);r.dispatch(a)}})}}function _o(){return Math.floor(new Date().getTime()/1e3)}const Zc="ht_drafts";function H0(n,e,t){const r=vo(n,e),i=wo();i[r]={at:_o(),doc:t},eu(i)}function vo(n,e){return b.get(n,"page").id+":"+(e||"comment")}function wo(){try{const n=localStorage.getItem(Zc);if(n)return JSON.parse(n)}catch{}return{}}function eu(n){try{localStorage.setItem(Zc,JSON.stringify(n))}catch{}}function q0(n,e){const t=wo(),r=vo(n,e);return t[r]?t[r].doc:null}function W0(n,e){const t=vo(n,e),r=wo();delete r[t],eu(r)}class K0{constructor(){Y(this,"dom");Y(this,"contentDOM");this.dom=document.createElement("pre"),this.contentDOM=document.createElement("code"),this.dom.appendChild(this.contentDOM)}destroy(){this.dom.remove()}update(e){return e.type.name==="code_block"}}function J0(n,e){const{$from:t}=n.state.selection,r=t.node();if(r&&r.type.name!=="code_block")return!1;function i(){const{tr:o}=n.state,l=t.start()+r.nodeSize-1;o.insert(l,n.state.schema.nodes.paragraph.create());const a=new D(o.doc.resolve(l+1));o.setSelection(a),n.dispatch(o)}if(e.key==="Enter"&&e.shiftKey||e.key==="ArrowDown"&&t.pos===t.end())return i(),!0;if(e.key==="Backspace"&&r.textContent.length===0){const{tr:o}=n.state,s=o.selection.from;return o.delete(s-1,s+r.nodeSize-1),n.dispatch(o),!0}return!1}function G0(n,e){const{from:t,$from:r,to:i,empty:o}=n.selection;return o?!!e.isInSet(n.storedMarks||r.marks()):n.doc.rangeHasMark(t,i,e)}function fl(n,e){const t=n.selection.$from;let r,i=t.depth;for(;i>0;){const o=t.node(i);e.name===o.type.name&&(r=i),i-=1}return!!r}function Y0({type:n,commentId:e=null,onPublish:t,onCancel:r,isModEdit:i=!1}){const o=M(),s=b.use("user"),l=b.use("userIsMod"),a=em(n,e),c=H(a),u=H(null),f=H(null),[h,p]=w(null),[m,g]=w(!1);B(()=>{c.current=a},[a]);const y=H(null),[,x]=w({}),[v,S]=w(!1),[N,J]=w(0),V=O(o,"commenting.min_chars");B(()=>{let z=ko;const P=c.current.type;P==="edit"&&(z=JSON.parse(Oe.get(c.current.commentId).content));const Ne=q0(o,c.current.commentId);P!=="edit"&&Ne&&(z=Ne);const _e=new Cc(y.current,{state:Xc(o,a,z),handleDOMEvents:{focus:he},nodeViews:{embed:(ve,G,je)=>new j0(o,ve,G,je),code_block:()=>new K0},dispatchTransaction:ve=>{he(),Nd(o,c.current.commentId);const G=_e.state.apply(ve);_e.updateState(G),x(G.toJSON()),P!=="edit"&&H0(o,c.current.commentId,G.doc.toJSON()),J(G.doc.textContent.length),I(_e)},handleKeyDown:De});if(P==="reply"||P==="edit"){const ve=_e.state.tr;ve.setSelection(D.near(ve.doc.resolve(ve.doc.content.size))),_e.dispatch(ve),_e.focus()}return X(a,"view",_e),()=>{Go(o,c.current.commentId),_e.destroy()}},[]);function I(z){const P=O(o,"editor"),Ne=Gc(z.state);P.emoji&&Ne?(X(a,"panel","emoji"),X(a,"emoji",Ne[1].toLowerCase())):(X(a,"panel",null),X(a,"emoji",null))}function L(z){g(!0)}function U(z){const P=z.currentTarget;P&&!P.contains(z.relatedTarget)&&g(!1)}function Ve(z){g(!1)}function he(){c.current.hasFocused!==!0&&X(a,"hasFocused",!0)}function De(z,P){var Ne;if(P.key==="Escape")return((Ne=c.current.mention)==null?void 0:Ne.search)!==null?void 0:(P.stopPropagation(),P.preventDefault(),$n(),document.body.focus(),!0);if(P.key==="Enter"&&(P.metaKey||P.ctrlKey))return Fn(),!0;if(J0(z,P))return!0}function Fn(){if(!c.current.view)return;const z=b.get(o,"user"),P=b.get(o,"userIsMod"),Ne=O(o,"commenting.max_chars");if(N>Ne){const G=k(o,"comment_char_limit")+` (${Ne})`;p(G),c.current.view.focus();return}if(!P&&V>0&&N{const je=jl(o,G.id);je&&(je.focus(),je.scrollIntoView({behavior:"smooth",block:"center"}))},10)}n==="edit"?i?Cr(o,e,"body",_e,()=>{sd(o,e,G=>{S(!1),ve(G)})}):id(o,e,_e,G=>{S(!1),ve(G)},Ft):(W0(o,c.current.commentId),rd(o,{body:_e,parentCommentId:c.current.commentId,guestName:c.current.guestName,guestEmail:c.current.guestEmail},G=>{I0(o,c.current),S(!1),ve(G)},Ft)),Go(o,c.current.commentId)}function Ft(z){p(z??k(o,"default_error")),S(!1)}function $n(){X(c.current,"hasFocused",!1),r&&r()}const Vn=["emoji","image","gif","link"],Un=["bold","italic"],Ue={bold:"strong",italic:"em",link:"link"};function jn(z){const P=c.current.view;P&&(Vn.indexOf(z)>=0&&X(a,"panel",c.current.panel===z?null:z),Un.indexOf(z)>=0&&T0(P,P.state.schema.marks[Ue[z]]),z==="quote"&&(fl(P.state,P.state.schema.nodes.blockquote)?Nc(P.state,P.dispatch):Dc(P.state.schema.nodes.blockquote)(P.state,P.dispatch),P.focus()))}function su(z){const P=a.view;return P?Un.indexOf(z)>=0||z==="link"?G0(P.state,P.state.schema.marks[Ue[z]]):Vn.indexOf(z)>=0?a.panel===z:z==="quote"?fl(P.state,P.state.schema.nodes.blockquote):!1:!1}return d("div",{class:"rich-editor"+(v?" publishing":"")+(a.hasFocused?" focused":""),onDragEnter:L,onDragLeave:U,onDrop:Ve,children:[m&&d("div",{class:"drop-overlay",children:k(o,"drop_text")}),d("div",{class:"comment-writer",ref:y}),!l&&V>0&&N>0&&NX(a,"guestName",z.target.value),ref:u})}),O(o,"commenting.guest_email")!=="no"&&d("div",{class:"guest-input",children:d("input",{type:"text",placeholder:k(o,"guest_email"),maxLength:250,value:a.guestEmail,onChange:z=>X(a,"guestEmail",z.target.value),ref:f})})]}),h&&d("div",{class:"comment-error",children:[d("span",{class:"error-icon",children:"!"})," ",h]}),d("div",{class:"comment-buttons",children:[d("div",{class:"writer-buttons",children:Q0().map(z=>d(X0,{name:z,editor:a.view,onClick:jn,isActive:su(z)}))}),d("div",{class:"action-buttons",children:[n!=="comment"&&d("button",{className:"cancel-button",onClick:$n,children:k(o,"cancel")}),d(re,{onClick:Fn,className:"main-button",isLoading:v,disabled:v||a.uploadingImages>0,children:n==="comment"?O(o,"text.comment_button")||k(o,"comment_button_text"):n==="reply"?O(o,"text.reply_button")||k(o,"reply_button_text"):k(o,"edit")})]})]}),a.panel&&d($0,{type:a.panel,onClose:()=>X(a,"panel",null),editor:a}),d(V0,{editor:a})]})]})}function X0({name:n,editor:e,onClick:t,isActive:r}){return d("button",{type:"button",class:"comment-button"+(r?" active":""),onClick:i=>{e.focus(),t(n)},"aria-label":n,children:d(de,{name:n})})}function Q0(){const n=M(),e=O(n,"editor"),t=[];return e.emoji&&t.push("emoji"),e.images&&t.push("image"),e.images&&e.gifs&&t.push("gif"),e.links&&t.push("link"),e.inline_styles&&t.push("bold","italic"),e.blockquotes&&t.push("quote"),t}function Li(n){const e=M(),t=b.use("user"),r=Hl(e),i=b.use("userBan");let o;return r?o=d("div",{class:"page-closed",children:k(e,"page_closed")}):i!==null?o=d("div",{class:"user-banned",title:i.ends_at?new Date(i.ends_at*1e3).toLocaleString():void 0,children:[i.ends_at?k(e,"banned_until",{"{until}":new Date(i.ends_at*1e3).toLocaleDateString()}):k(e,"banned"),i.reason?d("div",{class:"user-banned-reason",children:['"',i.reason,'"']}):null]}):!t&&!O(e,"commenting.guest")?o=d(ef,{}):o=d(Y0,{...n}),d("div",{class:"editor-wrap",children:[!n.commentId&&d(Xd,{}),o]})}function Z0({comment:n,onClose:e}){const t=M(),r=H(null),i=H(null);function o(){od(t,n),e()}function s(l){l.key==="Escape"&&e()}return B(()=>{i.current&&i.current.focus();const l=Ki(t);return l.addEventListener("keydown",s),()=>{l.removeEventListener("keydown",s)}}),d(ht,{name:"comment-deleter",vertical:"top",horizontal:"center",onClose:()=>e(),children:[d("div",{class:"text",children:k(t,"delete_confirm")}),d("div",{class:"footer",children:[d(dt,{buttonType:"no-background",scale:"medium",onClick:()=>e(),ref:r,children:k(t,"cancel")}),d(dt,{buttonType:"accent",scale:"medium",onClick:o,ref:i,children:k(t,"delete")})]})]})}function eg(n,e){return b.get(n,"badges").find(t=>t.id===e)}function tg({user:n}){const e=M();let t=n.badges;const r=O(e,"profiles.mod_badge_id"),i=b.get(e,"pageBadges");r&&n.type&&n.is_mod&&(t=[r,...t]);const o=Object.keys(i).filter(s=>s===n.type+"_"+n.id).map(s=>i[s]);return o.length&&(t=[...t,...o]),t.length===0||!n.id?null:d(te,{children:t.map(s=>{const l=eg(e,s);return l?d("span",{class:"user-badge",style:{backgroundColor:"#"+l.bg,color:"#"+l.fg},children:[l.icon_url&&d("span",{class:"img-wrap",children:d("img",{src:l.icon_url,alt:"Badge Icon"})}),l.text]}):null})})}function ng(n){const t=b.use("userFlags").find(r=>r.comment_id===n);return t||null}function rg(n,e){b.set(n,"userFlags",b.get(n,"userFlags").filter(t=>t.comment_id!==e)),R.callPageApi({context:n,method:"post",endpoint:`/comment/${e}/flag/remove`})}function ig(n,e,t){b.set(n,"userFlags",[...b.get(n,"userFlags"),{comment_id:e,reason:t}]),R.callPageApi({context:n,method:"post",endpoint:`/comment/${e}/flag`,data:{reason:t},success:()=>{Fe(n,"comment:flagged",{comment:wr(n,e)})}})}function og({comment:n}){const[e,t]=w(!1),[r,i]=w(""),o=H(null),s=M(),l=ng(n.id);B(()=>{o.current&&o.current.focus()},[e]);function a(){l?rg(s,n.id):t(!0)}function c(){ig(s,n.id,r),i(""),t(!1)}return d("div",{class:"flag"+(l?" active":""),children:[d("button",{class:"flag-button",onClick:a,title:k(s,"flag_comment"),children:d(de,{name:"flag"})}),e&&d(ht,{name:"flag-popup",vertical:"top",horizontal:"right",onClose:()=>t(!1),children:[d("div",{class:"body",children:[d("div",{class:"title",children:k(s,"flag_comment")}),d("textarea",{placeholder:k(s,"flag_reason")+" ("+k(s,"optional")+")",ref:o,value:r,onChange:u=>i(u.target.value)})]}),d("div",{class:"footer",children:[d(dt,{buttonType:"no-background",scale:"medium",onClick:()=>t(!1),children:k(s,"cancel")}),d(dt,{buttonType:"accent",scale:"medium",onClick:c,children:k(s,"flag")})]})]})]})}function sg(n){R.callPageApi({context:n,method:"post",endpoint:"/online/ping",success:e=>{b.set(n,"lastOnlineAt",e.at)}})}function lg({comment:n,onModEdit:e}){const[t,r]=w(!1),i=M();function o(){r(!1)}function s(){Wo(i,n,"deleted")}function l(){Wo(i,n,"spam")}function a(){ad(i,n.id,!n.is_featured),o()}function c(){cd(i,n.id,!n.is_loved),o()}function u(){e(),o()}function f({name:h,onClick:p}){return d("button",{onClick:()=>p(),children:h})}return d("div",{className:"mod",children:[d("button",{className:"mod-button",onClick:()=>r(!0),title:k(i,"moderate"),children:d(de,{name:"mod"})}),t&&d(ht,{name:"mod-popup",vertical:"top",horizontal:"right",onClose:o,children:[d("div",{class:"mod-title",children:k(i,"moderate")}),d(f,{name:k(i,"delete"),onClick:s}),d(f,{name:k(i,"spam"),onClick:l}),n.parent_id===null&&d(f,{name:k(i,n.is_featured?"unfeature":"feature"),onClick:a}),d(f,{name:k(i,n.is_loved?"unlove":"love"),onClick:c}),d(f,{name:k(i,"edit"),onClick:u})]})]})}let Xn=null,si=null;async function ag(n,e){(await cg(n)).render(e.textContent,e,{throwOnError:!1})}async function cg(n){if(Xn)return Xn;Xn=(await Xi(async()=>{const{default:r}=await import("https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.mjs");return{default:r}},[])).default;const e=_r(n).shadowRoot,t=document.createElement("link");return t.rel="stylesheet",t.href="proxy.php?url=https://cdn.jsdelivr.net/npm/katex@0.16.4/dist/katex.min.css",e==null||e.appendChild(t),Xn}async function ug(n,e){si||(si=(await Xi(async()=>{const{default:t}=await import("./comments-index.js");return{default:t}},[])).default),si.highlightBlock(e)}const hl=800;function tu({content:n}){const e=H(null),t=H(null),r=M(),[i,o]=w(null);function s(){return e.current}function l(){s().getBoundingClientRect().height>hl?o("overflowed"):o(null)}function a(){o(i==="overflowed"?"overflowed-expanded":"overflowed")}return B(()=>{l(),s().querySelectorAll("img").forEach(c=>{c.addEventListener("load",l),c.addEventListener("click",()=>{var u;((u=c.parentElement)==null?void 0:u.className)!=="bookmark-thumbnail"&&b.set(r,"modalImageUrl",c.src)})}),s().querySelectorAll("x-embed").forEach(c=>Qc(r,c)),O(r,"editor.math")&&s().querySelectorAll("x-math").forEach(c=>{ag(r,c)}),O(r,"editor.code_blocks")&&s().querySelectorAll("pre code").forEach(c=>{ug(r,c)})},[]),B(()=>{const c=s();i==="overflowed"?c.style.height=hl+"px":c.style.height="initial"},[i]),d("div",{class:"comment-content",children:[d("div",{class:"comment-content-inner",ref:e,dangerouslySetInnerHTML:{__html:n}}),i!==null&&d("div",{class:"overflow-expander",children:d(dt,{ref:t,buttonType:"no-background",scale:"small",onClick:a,children:k(r,i==="overflowed"?"show_more":"show_less")})})]})}function dg({commentId:n}){const[e,t]=w(!1),r=b.use("typing")[on(n)]||[],i=M(),o=O(i,"realtime.typing");if(o==="off"||!r.length)return null;function s(){o!=="on_without_typer"&&t(!0)}function l(){t(!1)}return d("div",{class:"typing",onClick:()=>e?l():s(),children:[d("span",{className:"typing-text",children:[k(i,"replying_with_count",{"*":r.length.toString()}),e&&d(hg,{typings:r,onClose:l})]}),d(fg,{})]})}function fg(){const[n,e]=w(0);return B(()=>{const t=setInterval(()=>e(r=>r>=3?0:r+1),500);return()=>clearInterval(t)},[]),d(te,{children:".".repeat(n)})}function hg({typings:n,onClose:e}){const t=[];let r=0;const i=M();for(const o of n)o.user?t.find(s=>qi(s,o.user))||t.push(o.user):r++;return d(ht,{name:"typers-popup",vertical:"top",horizontal:"center",onClose:e,popupProps:{onClick:o=>o.stopPropagation()},children:[t.map(o=>d("div",{class:"user-row",children:[d($e,{user:o,size:16}),d(an,{user:o})]})),r>0&&d("div",{class:"user-row",children:r===1?k(i,"guest"):k(i,"guests",{"*":r.toString()})})]})}function pg(n,e){R.call({context:n,method:"get",endpoint:"/user/blocked",data:{user_id:e.id,user_type:e.type},success:t=>{t.length===1&&ru(n,e.type+"_"+e.id)}})}function mg(n){if(!n.id)return!1;const e=b.use("userBlocked");for(const t of e)if(t.htid===n.type+"_"+n.id)return!0;return!1}async function nu(n,e,t,r){const[i,o]=e.split("_"),s=bd(e,t);R.call({context:n,method:"post",endpoint:"/user/block",data:{status:t,user_id:o,user_type:i,comment_ids:s},complete:()=>{r&&r()},success:l=>{for(const a of l.comments)vr(n,a);gg(n,e,t)}})}function gg(n,e,t){t?ru(n,e):bg(n,e)}function ru(n,e){b.set(n,"userBlocked",[...b.get(n,"userBlocked"),{htid:e}])}function bg(n,e){b.set(n,"userBlocked",b.get(n,"userBlocked").filter(t=>t.htid!==e))}function yg({comment:n}){const e=M(),[t,r]=w(!1);function i(o){r(!0),nu(e,o,!1,()=>{r(!1)})}return d("div",{class:"comment-hidden",children:[k(e,"blocked_comment"),d(dt,{buttonType:"secondary",onClick:()=>{n.blocked_user_htid&&i(n.blocked_user_htid)},style:{pointerEvents:t?"none":"auto",opacity:t?.5:1,textDecoration:"underline",padding:"0",marginLeft:"20px"},children:k(e,"unblock_user")})]})}function Ar({id:n,replies:e=null,canReply:t,onReply:r}){const i=M(),o=Oe.use(n)||{is_hidden:!0},s=b.use("userBan");t=t===void 0?!!e:t;const[l,a]=w(!1),[c,u]=w(!1),[f,h]=w(!1),[p,m]=w(!1),[g,y]=w(!1),x=b.use("user"),v=b.use("userIsMod"),S=b.use("specificCommentId"),N=b.use("focusedCommentId"),J=b.use("flashingCommentId"),V=b.use("userIsShadowBanned"),I=o.is_hidden,L=!I&&x&&o.user.id===x.id&&o.user.type===x.type,U=Ku(o);function Ve(){U&&($l(o),sg(i))}function he(){if(!f&&!pl(i,o)){Tt(k(i,"edit_cant"));return}h(!f)}function De(){navigator.clipboard.writeText(o.url).then(()=>{Tt(k(i,"link_copied"))})}function Fn(){m(!0)}function Ft(Ue){var jn;return(jn=Ul(i,o.id))==null?void 0:jn.querySelector(`.action-button.${Ue} button`)}function $n(){u(!1),setTimeout(()=>Ft("reply").focus(),0)}function Vn(){h(!1),m(!1),setTimeout(()=>Ft("edit").focus(),0)}function Un(){y(!1),setTimeout(()=>{var Ue;return(Ue=Ft("delete"))==null?void 0:Ue.focus()},0)}return B(()=>{J===o.id&&gd(i)},[J]),d("div",{class:"comment comment-"+o.id+(l?" collapsed":"")+(U&&O(i,"highlight.new")?" new":"")+xg(o)+(o.depth>=O(i,"comments_view.nested_levels")?" depth-exceeded":"")+(!o.is_hidden&&o.is_featured?" featured":"")+(S===o.id?" specific":"")+(N===o.id?" focused":"")+(J===o.id?" flashing":""),onClick:Ve,children:[d("div",{class:"comment-inside",tabIndex:-1,children:[!I&&d("div",{className:"comment-side",children:O(i,"profiles.pictures")?d($e,{user:o.user}):d("div",{style:{marginLeft:"32px"}})}),d("div",{className:"comment-main",children:[I?o.blocked_user_htid!=null?d(yg,{comment:o}):d("div",{class:"comment-hidden",children:k(i,"hidden_comment")}):d(te,{children:[d("div",{className:"comment-meta",children:[d("div",{class:"comment-meta-left",children:d("span",{class:"comment-user",children:[d("span",{className:"comment-user-name",children:[d(an,{user:o.user}),d(tg,{user:o.user}),d("a",{className:"comment-time","aria-label":`View ${o.user.name}'s comment`,href:o.url,target:"_blank",rel:"nofollow noindex",children:d(ua,{time:o.created_at})}),o.is_edited&&d("span",{className:"comment-edited",children:["(",k(i,"edited"),")"]}),e!==null&&d(kg,{comment:o})]}),o.user.title&&d("span",{class:"comment-user-title",children:o.user.title})]})}),d("div",{className:"comment-tags",children:[(o.status==="pending"||o.status==="spam"||o.status==="deleted")&&!(V&&o.status==="deleted")&&d("span",{class:"comment-tag "+o.status,children:k(i,o.status)}),o.is_featured&&d("span",{className:"comment-tag featured",children:k(i,"featured")}),o.is_loved&&d("span",{className:"comment-tag loved",children:[d(de,{name:"heart"})," ",k(i,"loved_by",{"*":b.get(i,"website").name})]})]})]}),f||p?d("div",{class:"comment-edit-editor",children:d(Li,{type:"edit",commentId:o.id,onPublish:()=>{h(!1),m(!1)},onCancel:Vn,isModEdit:p})}):d(tu,{content:o.content_html}),d("div",{className:"comment-actions",children:[d("div",{class:"comment-actions-left",children:[o.status==="published"&&d(Yd,{comment:o}),t&&!Hl(i)&&s===null&&o.status==="published"&&d(li,{label:k(i,"reply"),additionalClass:"reply",onClick:()=>u(!c)}),L&&d(te,{children:[pl(i,o)&&s===null&&d(li,{label:k(i,"edit"),additionalClass:"edit",onClick:he}),d(li,{label:k(i,"delete"),additionalClass:"delete",onClick:()=>y(!g),children:g&&d(Z0,{comment:o,onClose:Un})})]}),d("button",{className:"action-button comment-link-copy",onClick:De,title:k(i,"copy_link"),children:d(de,{name:"link"})}),d(dg,{commentId:o.id})]}),d("div",{class:"comment-actions-right",children:[x&&v&&d(lg,{comment:o,onModEdit:Fn}),x&&!L&&d(og,{comment:o})]})]}),c&&d("div",{class:"comment-reply-editor",children:d(Li,{type:"reply",commentId:o.id,onPublish:Ue=>{u(!1),r&&r(Ue)},onCancel:$n})})]}),l&&d(Kd,{commentId:o.id,onExpand:()=>a(!1)})]})]}),e&&d(te,{children:[d("div",{class:"comment-replies",children:e}),d(Wd,{comment:o,onCollapse:()=>a(!0)})]})]})}function xg(n){const e=M();if(n.is_hidden)return"";const t=O(e,"highlight.upvote_1_threshold"),r=O(e,"highlight.upvote_2_threshold");return t&&n.upvotes>=t?" highlight-upvote-1":r&&n.upvotes>=r?" highlight-upvote-2":""}function pl(n,e){if(!O(n,"commenting.editing"))return!1;const t=O(n,"commenting.editing_timeout");if(!t)return!0;const r=e.created_at;return(Date.now()/1e3-r)/60n(),"aria-label":t,children:t}),r]})}function kg({comment:n}){const e=M();if(!n.parent_id||!Oe.has(n.parent_id))return null;const t=wr(e,n.parent_id);if(t.is_hidden)return null;const r=O(e,"comments_view.display_replied_to_type");return r==="none"||r==="deep"&&n.depthYi(e,n.parent_id),children:[d("span",{children:d(de,{name:"reply"})}),d("span",{class:"user-data",children:[d($e,{user:t.user,size:13,profileOpener:!1}),d(an,{user:t.user,profileOpener:!1})]})]})}function _g({id:n,pages:e}){const t=Oe.use(n),r=e[t.page_id];return d("div",{class:"user-comment",children:[d("div",{class:"page-title",children:d("a",{href:t.url,target:"_blank",children:(r==null?void 0:r.title)||"(Untitled)"})}),d(Ar,{id:n,replies:null})]})}function vg({user:n}){const[e,t]=w(!0),[r,i]=w([]),[o,s]=w({}),[l,a]=w(!1),[c,u]=w(!1),f=M();function h(p=!1){p&&u(!0),R.call({context:f,method:"get",endpoint:"/commenter/comments",data:{user_id:n.id,user_type:n.type,offset:p?r.length:0},complete:()=>{t(!1),u(!1)},success:m=>{Kl(f,m.comments);const g=m.comments.map(y=>y.id);i(p?[...r,...g]:g),s({...o,...m.pages}),a(m.comments.length===25)}})}return B(()=>{h()},[]),e?d(K,{padding:60}):d("div",{class:"user-comments",children:[r.length?r.map(p=>d(_g,{id:p,pages:o})):d(Lt,{padding:50}),l&&(c?d(K,{padding:15}):d("div",{class:"has-more",children:d(re,{scale:"medium",onClick:()=>h(!0),children:k(f,"load_more")})}))]})}function wg(){const[n,e]=w(),[t,r]=w(!1),i=M();B(()=>{R.call({context:i,method:"get",endpoint:"/user/settings",success:s=>{e(s)}})},[]);function o(){r(!0),R.call({context:i,method:"post",endpoint:"/user/settings",data:n,success:s=>{Tt(k(i,"saved"))},complete:()=>{r(!1)}})}return n?d("div",{class:"user-settings",children:[d("div",{class:"title",children:k(i,"settings_for_website",{"{website}":O(i,"name")})}),d("div",{className:"setting",children:[d("div",{className:"text",children:k(i,"reply_emails")}),d("input",{type:"checkbox",checked:n.email_reply,onChange:s=>e({...n,email_reply:s.target.checked})})]}),d("div",{className:"setting",children:[d("div",{className:"text",children:k(i,"mention_emails")}),d("input",{type:"checkbox",checked:n.email_mention,onChange:s=>e({...n,email_mention:s.target.checked})})]}),d("div",{class:"save-wrap",children:d(re,{onClick:o,isLoading:t,children:"SAVE"})})]}):d(K,{padding:60})}function iu({user:n}){const e=M(),t=mg(n),[r,i]=w(!1),[o,s]=w(!1);B(()=>{i(t)},[t]),B(()=>{pg(e,n)},[]);function l(){s(!0),nu(e,Zi(n),!r,()=>{Tt(r?k(e,"unblocked"):k(e,"blocked")),s(!1)})}return d(re,{scale:"small",isLoading:o,onClick:l,children:k(e,r?"unblock":"block_button")})}function Cg(){const[n,e]=w(!0),[t,r]=w([]),[i,o]=w(!1),[s,l]=w(!1),a=M();function c(u=!1){u&&l(!0),R.call({context:a,method:"get",endpoint:"/user/blocked",data:{offset:u?t.length:0},success:f=>{e(!1),l(!1),r(f),o(f.length===25)}})}return B(()=>{c()},[]),n?d(K,{padding:60}):d("div",{class:"user-blocked",children:[t.length?t.map(u=>d(Sg,{user:u})):d(Lt,{padding:50}),i&&(s?d(K,{padding:15}):d("div",{class:"has-more",children:d(re,{scale:"medium",onClick:()=>c(!0),children:k(a,"load_more")})}))]})}function Sg({user:n}){const e=M();return d("div",{class:"block",children:[d($e,{user:n,profileOpener:!1}),d("div",{class:"user-name",children:In(e,n)}),d(iu,{user:n})]})}function Mg({user:n}){const e=M(),[t,r]=w(),[i,o]=w(!0),s=t==null?void 0:t.state,l=(t==null?void 0:t.note)||"",a=(t==null?void 0:t.ban_reason)||"",c=t==null?void 0:t.state_ends_at;B(()=>{R.call({context:e,method:"get",isConsoleApi:!0,endpoint:`/user/${Zi(n)}`,success:x=>{r(x),o(!1)},error:()=>{r({state:"default",note:"",state_ends_at:null,ban_reason:""}),o(!1)}})},[n]);function u(x,v){r({...t,[x]:v}),Hd(e,n,x,v,S=>r(S))}function f(x){u("state",x)}function h(x){u("note",x)}function p(x){u("ban_reason",x)}function m(){let x;c===null?x=Math.floor(Date.now()/1e3)+86400*7:x=null,u("state_ends_at",x)}function g(x){const v=new Date(x),S=Math.floor(v.getTime()/1e3);u("state_ends_at",S)}const y=({value:x})=>{const v="user-state-"+x;return d("div",{class:"state-input",children:[d("input",{type:"radio",name:"state",id:v,value:x,checked:s===x,onChange:S=>f(S.target.value)}),d("label",{for:v,children:x})]})};return i?d(K,{padding:60}):d("div",{class:"user-moderation",children:[d("div",{class:"privacy-note",children:k(e,"mod_privacy")}),d("div",{class:"dual-view",children:[d("div",{class:"left",children:"State"}),d("div",{class:"right",children:[d(y,{value:"default"}),d(y,{value:"banned"}),d(y,{value:"shadowed"}),d(y,{value:"trusted"})]})]}),(s==="banned"||s==="shadowed")&&d("div",{class:"dual-view",children:[d("div",{class:"left",children:"Temporary Ban"}),d("div",{class:"right",children:[d("div",{class:"temp-ban-wrap",children:d("input",{type:"checkbox",name:"temporary-ban",id:"temporary-ban",checked:c!==null,onChange:()=>m()})}),c&&d("input",{type:"date",name:"temporary-ban-date",id:"temporary-ban-date",min:new Date().toISOString().split("T")[0],value:new Date(c*1e3).toISOString().split("T")[0],onChange:x=>g(x.target.value)})]})]}),s=="banned"&&d("div",{class:"dual-view",children:[d("div",{class:"left",children:"Ban Reason"}),d("div",{class:"right",children:d("textarea",{class:"user-note",onBlur:x=>p(x.target.value),children:a})})]}),d("div",{class:"dual-view",children:[d("div",{class:"left",children:"Note"}),d("div",{class:"right",children:d("textarea",{class:"user-note",onBlur:x=>h(x.target.value),children:l})})]})]})}function ou(n,e){const t=Fe(n,"profile:clicked",e);t&&t.defaultPrevented||b.set(n,"profilePopupUser",e)}function Og(){const[n,e]=w(null),[t,r]=w("comments"),i=M(),o=b.use("profilePopupUser"),s=b.use("user"),l=o&&jd(o),a=b.use("userIsMod");function c(f){return f.replace(/^https?:\/\//,"")}B(()=>{o&&R.call({context:i,method:"get",endpoint:"/commenter",data:{user_id:o.id,user_type:o.type},success:f=>{e(f)}})},[o]);function u({name:f,label:h,count:p}){return d("button",{class:"selector"+(f===t?" active":""),onClick:()=>r(f),children:[h,p!==void 0&&d("span",{class:"count",title:f==="comments"?la(p):void 0,children:Qi(i,p,!0)})]})}return o?d("div",{class:"user-profile-popup-wrap",children:[d("div",{class:"popup-closer",onClick:f=>{f.stopPropagation(),b.set(i,"profilePopupUser",null)}}),d("div",{class:"popup-content",children:[d("div",{class:"user-profile",children:[d("button",{class:"close-button",onClick:()=>b.set(i,"profilePopupUser",null),"aria-label":"Close",children:"×"}),d("div",{class:"user-profile-inner",children:[d("div",{class:"profile-left",children:d($e,{user:o,profileOpener:!1,size:100})}),d("div",{class:"profile-right",children:[d("div",{class:"name",children:In(i,o)}),o.username&&d("div",{class:"username",children:["@",o.username]}),o.location&&d("div",{class:"location",children:o.location}),o.bio&&d("div",{class:"bio",children:o.bio}),o.website_url&&d("div",{className:"website",children:d("a",{href:o.website_url,target:"_blank",rel:"nofollow noindex",children:[c(o.website_url)," ",d(de,{name:"link"})]})}),d("div",{class:"actions",children:[l?d(te,{children:[d(Eg,{user:o}),d(Ng,{})]}):null,s&&!l&&d(iu,{user:o})]})]})]})]}),d("div",{class:"section-selector",children:[d(u,{name:"comments",label:k(i,"comments"),count:n?n.comments_count:void 0}),l&&d(te,{children:[d(u,{name:"blocked",label:k(i,"blocked")}),d(u,{name:"settings",label:k(i,"settings")})]}),a&&d(u,{name:"moderate",label:k(i,"moderate")})]}),d("div",{class:"section-wrap",children:[t==="comments"&&d(vg,{user:o}),t==="settings"&&d(wg,{}),t==="blocked"&&d(Cg,{}),t==="moderate"&&d(Mg,{user:o})]})]})]}):null}function Ng(){const n=M();return Rn(n)?null:d(re,{scale:"medium",onClick:()=>Pe.logout(n),children:k(n,"account_logout")})}function Eg({user:n}){const e=M();return n.type!=="hyvor"?null:d("a",{href:"https://hyvor.com/account",target:"_blank",children:d(re,{scale:"medium",children:k(e,"account_my")})})}function In(n,e){const t=O(n,"profiles.display_name_type");if(e.type&&e.is_mod&&e.is_mod_alias){const r=O(n,"profiles.mod_alias_name");if(r)return r}return t==="username"&&e.username||e.name}function an({user:n,profileOpener:e=!0}){const t=M(),[r,i]=w(!1),o=e&&aa(n);function s(){o&&(ou(t,n),i(!0))}return B(()=>{function l(a){a.key==="Escape"&&r&&(i(!1),b.set(t,"profilePopupUser",null))}return document.addEventListener("keyup",l),()=>{document.removeEventListener("keyup",l)}},[r,t]),o?d("button",{class:"user-name clickable",onClick:s,children:In(t,n)}):d("span",{class:"user-name",children:In(t,n)})}function Tg({notification:n,onRead:e,onClose:t}){const r=M();Yl(r,n.comment_id);function i(o){n.is_read||e(),md(r,n.comment_id)&&o.preventDefault(),t()}return d("a",{class:"notification"+(n.is_read?"":" not-read"),onClick:i,href:n.comment_url,target:"_blank",children:[d("div",{class:"left",children:d($e,{user:n.user})}),d("div",{class:"right",children:[d("div",{className:"text",children:k(r,n.type==="reply"?"notifications_reply":"notifications_mention",{"{name}":In(r,n.user)})}),d("div",{class:"meta",children:[d("div",{class:"page-title",children:n.page_title||"(Untitled Page)"}),d("div",{class:"time",children:d(ua,{time:n.created_at})})]})]})]})}function Ig(n,e){R.call({context:n,method:"post",endpoint:"/notifications/read",data:{id:e}});const t=b.get(n,"notifsCount");b.set(n,"notifsCount",Math.max(t-1,0))}function Dg(n){R.call({context:n,method:"post",endpoint:"/notifications/read-all"}),b.set(n,"notifsCount",0)}function Ag({onClose:n}){const[e,t]=w(!0),[r,i]=w(!1),[o,s]=w(!1),[l,a]=w([]),[c,u]=w(!0),f=M();b.use("notifsCount");function h(g=!1){g&&s(!0),R.call({context:f,method:"get",endpoint:"/notifications",data:{offset:g?l.length:0},complete:()=>{t(!1),s(!1)},success:y=>{a([...l,...y]),i(y.length===25)}})}function p(g){a(l.map(y=>y.id===g?{...y,is_read:!0}:y)),Ig(f,g)}function m(){a(l.map(g=>({...g,is_read:!0}))),Dg(f)}return B(()=>{function g(y){y.key==="Escape"&&c&&(u(!1),n())}return document.addEventListener("keyup",g),()=>{document.removeEventListener("keyup",g)}},[c,n]),B(h,[]),c?d(ht,{name:"notifications-popup",vertical:"bottom",horizontal:"right",onClose:n,children:e?d(K,{padding:25,size:"small"}):l.length?d("div",{class:"notifications-list",children:[d("div",{class:"read-all",children:d("button",{onClick:m,children:k(f,"notifications_read")})}),l.map(g=>d(Tg,{notification:g,onRead:()=>p(g.id),onClose:n})),r&&d("div",{class:"has-more",children:o?d(K,{padding:0,size:"small"}):d(re,{scale:"small",onClick:()=>h(!0),children:k(f,"notifications_load_more")})})]}):d(Lt,{text:k(f,"notifications_no"),padding:25})}):null}function ml({value:n,disabled:e,onChange:t}){return d("label",{class:"switch",children:[d("input",{type:"checkbox",checked:n,onChange:r=>{r.stopPropagation(),t()},disabled:!!e}),d("span",{class:"slider"})]})}function Rg(){const n=b.use("page"),[e,t]=w(!1),r=M(),i=H(null),o=H(null),s=n.is_closed,l=n.is_premoderation_on;function a(){td(r,!s),b.set(r,"page",{...n,is_closed:!s})}function c(){nd(r,!l)}function u(f){t(f)}return B(()=>{if(e&&i.current){const f=i.current.querySelector('input, button, select, textarea, [tabindex]:not([tabindex="-1"])');f?f.focus():i.current.focus()}},[e]),B(()=>{function f(p){p.key==="Escape"&&e&&(t(!1),o.current&&o.current.focus())}function h(p){if(e&&i.current&&!i.current.contains(p.target)){p.stopPropagation();const m=i.current.querySelector('input, button, select, textarea, [tabindex]:not([tabindex="-1"])');m?m.focus():i.current.focus()}}return document.addEventListener("keyup",f),document.addEventListener("focus",h,!0),()=>{document.removeEventListener("keyup",f),document.removeEventListener("focus",h,!0)}},[e]),d("div",{className:"page-mod-icon",children:[d("button",{ref:o,className:"page-mod-button",onClick:()=>u(!e),title:k(r,"moderate"),children:d(de,{name:"mod"})}),e&&d("div",{ref:i,class:"page-moderation-popup-wrap",children:[d("div",{class:"popup-closer",onClick:()=>u(!1)}),d("div",{class:"mod-content",role:"dialog","aria-modal":"true",children:d("div",{class:"page-moderation-panel",children:[d("p",{id:"modTitle",class:"mod-title",children:k(r,"mod_privacy")}),d("div",{class:"duel-view",children:[d("div",{class:"left",children:k(r,"mod_page_closed")}),d("div",{class:"right",children:d(ml,{value:s,onChange:a})})]}),d("div",{class:"duel-view",children:[d("div",{class:"left",children:k(r,"mod_page_premod")}),d("div",{class:"right",children:d(ml,{value:l,onChange:c})})]})]})})]})]})}function Pg(){const[n,e]=w(!1),t=M(),r=b.use("notifsCount"),i=b.use("userIsMod");return d("div",{class:"notifications",children:[i&&d(Rg,{}),d("button",{"aria-label":k(t,"notifications"),class:"notification-icon",onClick:()=>e(!n),children:[r>0&&d("span",{class:"notifs-count-tag",children:Math.min(99,r)}),d(de,{name:"bell"})]}),n&&d(Ag,{onClose:()=>e(!1)})]})}function zg({onClose:n}){const[e,t]=w(!0),[r,i]=w([]),[o,s]=w(!1),[l,a]=w(!1),c=H(0),u=M();function f(h=!1){h&&a(!0),R.callPageApi({context:u,method:"get",endpoint:"/online/users",data:{offset:h?r.length:0,filter_at:h?c.current:null},complete:()=>{t(!1),a(!1)},success:p=>{h||(c.current=_o()),i(h?[...r,...p]:p),s(p.length===50)}})}return B(f,[]),d(ht,{name:"online-list",vertical:"bottom",horizontal:"center",onClose:n,children:[e?d(K,{padding:20,size:"small"}):r.length?r.map(h=>d("div",{class:"user-row",children:[d($e,{size:20,user:h}),d(an,{user:h})]})):d(Lt,{}),o&&(l?d(K,{padding:15,size:"small"}):d("div",{class:"has-more",children:d(re,{scale:"small",onClick:()=>f(!0),children:k(u,"load_more")})}))]})}function Bg(){const[n,e]=w(!1),{online_count:t}=b.use("page"),r=M(),i=O(r,"realtime.users"),o=H(null);return B(()=>{O(r,"realtime.on")&&O(r,"realtime.count")},[]),B(()=>{function s(l){l.key==="Escape"&&n&&(e(!1),o.current&&o.current.focus())}return document.addEventListener("keyup",s),()=>{document.removeEventListener("keyup",s)}},[n]),!O(r,"realtime.on")||!O(r,"realtime.count")?null:d("button",{class:"online-count",onClick:()=>i&&e(!0),ref:o,tabindex:i?0:-1,children:[d(sa,{number:Math.max(t,1)})," ",k(r,"online"),n&&d(zg,{onClose:()=>e(!1)})]})}function Lg(){const n=b.use("user"),e=M();return d("div",{className:"main-box-header-wrap",children:d("div",{className:"main-box-header",children:[d("div",{className:"main-box-header-left",children:[d(Ud,{}),d(Bg,{})]}),d("div",{className:"main-box-header-right",children:n?d(Pg,{}):!O(e,"commenting.force_guest")&&d(Qd,{})})]})})}function Fg({index:n}){const e=M(),[t,r]=w(!1),i=n==="PARENT";function o(){r(!0),Wl({context:e,isMore:!0,parentCommentId:i?null:n,onSuccess:()=>{r(!1)}})}return d("div",{class:"load-more"+(i?" parent":""),children:t?d(K,{padding:5}):i?d(re,{onClick:o,children:k(e,"load_more_comments")}):d("button",{onClick:o,children:[k(e,"more_replies"),"..."]})})}function Co({index:n,type:e}){let t=b.use(e==="main"?"commentsList":"specificCommentRepliesList")[n]||[];const r=b.use(e==="main"?"commentsHasMoreIds":"specificCommentHasMoreIds"),i=fd(n),o=n==="PARENT";t=[...xd(n,t),...t];const l=M();return d("div",{class:"comments-list"+(o?" parent":""),children:[i>0&&d("div",{class:"show-new-comments"+(o?" parent":" reply"),children:d(re,{scale:"medium",onClick:()=>hd(l,n),children:i===1?k(l,o?"show_new_comment":"show_new_reply"):k(l,o?"show_new_comments":"show_new_replies",{"*":i.toString()})})}),t.map(a=>d(Ar,{id:a,replies:d(Co,{index:a,type:e})},a)),o&&t.length===0&&d("div",{class:"no-comments",children:O(l,"text.no_comments")||k(l,"no_comments_text")}),r.indexOf(n)>=0&&d(Fg,{index:n})]})}function $g({onChange:n}){const e=b.use("commentsList"),t=b.use("commentsSort"),r=M(),[i,o]=w(!1);function s(c){o(!1),b.set(r,"commentsSort",c),n(c)}function l({type:c}){return d("button",{onClick:()=>s(c),class:t===c?"active":"","aria-selected":t===c?"true":"false",role:"option",children:k(r,c)})}return e&&e.PARENT&&e.PARENT.length>0?d("div",{id:"sorter",children:[d("button",{class:"sort-button",onClick:()=>o(!i),"aria-haspopup":"listbox","aria-expanded":i,"aria-controls":"sort-options","aria-label":k(r,"sort_comments"),children:[k(r,t)," ",d(de,{name:"caret"})]}),i&&d(ht,{name:"sort-selector",vertical:"bottom",horizontal:"left",onClose:()=>o(!1),children:d("div",{role:"listbox",id:"sort-options","aria-labelledby":"sort-button-label",children:[d(l,{type:"top"}),d(l,{type:"newest"}),d(l,{type:"oldest"})]})})]}):null}class Vg{constructor(e){Y(this,"embedRoot");this.context=e,this.embedRoot=Ki(e)}init(){let e=!1,t=!1;document.body.addEventListener("keydown",r=>{r.shiftKey||r.ctrlKey||r.altKey||r.metaKey||r.target!==document.body||(r.key==="c"?e?(this.focusNextComment(),e=!1):(e=!0,setTimeout(()=>{e=!1},300)):r.key==="n"&&(t?(r.preventDefault(),this.focusCommentWriter(),t=!1):(t=!0,setTimeout(()=>{t=!1},300))))}),this.embedRoot.addEventListener("keydown",r=>{if(r.ctrlKey||r.altKey||r.metaKey)return;const i=r.target;if(!(i.tagName==="INPUT"||i.tagName==="TEXTAREA"||i.isContentEditable)){if(r.stopPropagation(),r.key==="c")this.focusNextComment();else if(r.key==="x")this.focusPreviousComment();else if(r.key==="z")this.focusNextUnreadComment();else if(r.key==="n")r.preventDefault(),this.focusCommentWriter();else if(r.key==="Backspace")this.clickButton("delete");else if(r.key==="e")this.clickButton("edit");else if(r.key==="r")this.clickButton("reply");else if(r.key==="+")this.clickButton("upvote");else if(r.key==="-")this.clickButton("downvote");else if(r.key==="Escape"){const o=i.closest(".comment-inside");o&&o.focus()}}})}getFocusedCommentInside(){return this.embedRoot.querySelector(".comment-inside:focus")}getCurrentlyFocusedCommentIdPath(){const e=this.getFocusedCommentInside();if(!e)return null;const t=[];let r=e;for(;r&&r!==this.embedRoot;){const i=this.getIdFromElement(r);i&&t.unshift(i),r=r.parentElement}return t.length>0?t:null}getIdFromElement(e){if(!e)return null;const r=Array.from(e.classList).find(i=>i.startsWith("comment-"));if(r){const i=r.replace("comment-",""),o=parseInt(i);if(!isNaN(o))return o}return null}getCurrentlyFocusedCommentId(){var t;const e=(t=this.getFocusedCommentInside())==null?void 0:t.parentElement;return this.getIdFromElement(e)}focusCommentById(e,t=!0){if(e===null)return;const r=jl(this.context,e);r==null||r.focus(),t&&$l(e)}focusNextComment(){const e=this.findNextOrPreviousCommentId("next");this.focusCommentById(e)}focusPreviousComment(e=!1){const t=this.findNextOrPreviousCommentId("previous",e);this.focusCommentById(t)}focusNextUnreadComment(){const e=this.getCurrentlyFocusedCommentId();if(e===null)return;const r=(()=>{const i=this.getFlatCommentsList(!1),o=Ju(this.context);let s=!1;for(const l of i){if(s&&o.indexOf(l)>=0)return l;l===e&&(s=!0)}return null})();this.focusCommentById(r)}findNextOrPreviousCommentId(e,t=!1){const r=this.getFlatCommentsList(t),i=this.getCurrentlyFocusedCommentIdPath(),o=i?i[i.length-1]:null;if(!o)return r.length>0?r[0]:null;const s=r.indexOf(o);return s===-1?r.length>0?r[0]:null:e==="next"&&s===r.length-1||e==="previous"&&s===0?null:e==="next"?r[s+1]:r[s-1]}focusCommentWriter(){const e=this.embedRoot.querySelector(".comment-writer .ProseMirror");e&&e.focus()}getFlatCommentsList(e){let t=[];if(!e){const r=b.get(this.context,"commentsList"),i=o=>{if(r[o])for(const s of r[o])t.push(s),i(s)};i("PARENT")}return t}clickButton(e){const t=this.getFocusedCommentInside();if(!t)return;let r=null;e==="upvote"||e==="downvote"?r=t.querySelector(`button.vote.${e.replace("vote","")}`):r=t.querySelector(`.action-button.${e} button`),r&&r.click()}}function Ug(){const[n,e]=w(!1),t=b.use("commentsList"),r=t.PARENT&&t.PARENT.length>0,i=M();function o(l){e(!0),Wl({context:i,sort:l,isMore:!1,onSuccess:()=>{e(!1)}})}function s(){b.set(i,"commentsView","search")}return B(()=>{O(i,"comments_view.is_keyboard_navigation_on")&&setTimeout(()=>{new Vg(i).init()},10)},[]),d("section",{id:"comments",children:[r&&d("div",{class:"comments-top",children:[d($g,{onChange:o}),d("button",{className:"search-button","aria-label":k(i,"search"),onClick:s,children:d(de,{name:"search"})})]}),n?d(K,{padding:100}):d(Co,{index:"PARENT",type:"main"})]})}function jg(){const[n,e]=w(""),t=H(null),[r,i]=w([]),[o,s]=w(!1),[l,a]=w(!1),[c,u]=w(!1),f=H(null),h=M();function p(){b.set(h,"commentsView","comments")}function m(y=0){if(t.current&&t.current.abort(),!n.trim()){s(!1),u(!1),i([]),a(!1);return}y?u(!0):s(!0),t.current=R.callPageApi({context:h,method:"get",endpoint:"/comments/search",data:{query:n,offset:y},success:v=>{s(!1),u(!1),Kl(h,v);const S=v.map(N=>N.id);i(y?[...r,...S]:S),a(v.length===25)}})}function g(){m(r.length)}return B(()=>{m()},[n]),B(()=>{f.current&&f.current.focus()},[]),d("div",{id:"search",children:[d("div",{class:"back",children:d("button",{onClick:p,children:[d(de,{name:"caret"})," ",k(h,"search_back")]})}),d("input",{ref:f,id:"search",class:"search-input",type:"text",name:"search",value:n,onChange:y=>e(y.target.value),placeholder:k(h,"search_comments")+"..."}),o?d(K,{padding:60}):d("div",{class:"search-results",children:d("label",{for:"search",class:"search-results",children:r.length?r.map(y=>d(Ar,{id:y,replies:null})):d(Lt,{padding:50,text:n.trim()?k(h,"no_results"):k(h,"search_type")+"..."})})}),l&&(c?d(K,{padding:15}):d("div",{class:"has-more",children:d(re,{scale:"medium",onClick:g,children:k(h,"load_more")})}))]})}function Hg(){const n=M(),e=O(n,"comments_view.note");return e?d("div",{class:"comments-note",children:d(tu,{content:e})}):null}function qg(){const n=b.use("commentsView");let e;return n==="comments"?e=d(Ug,{}):n==="search"&&(e=d(jg,{})),d("div",{class:"comments-wrap",children:[d(Hg,{}),d(Li,{type:"comment"}),e]})}function Wg(){const n=b.use("specificCommentId"),[e,t]=w(!0),r=Oe.use(n),i=M();return B(()=>{t(!0),R.callPageApi({context:i,method:"get",endpoint:`/comment/${n}/specific`,success:o=>{const s=b.get(i,"page");if(s&&o.comment.page_id!==s.id){b.set(i,"specificCommentId",null);return}vr(i,o.comment),Qe(i,o.replies.indexed),b.set(i,"specificCommentRepliesList",o.replies.list),b.set(i,"specificCommentHasMoreIds",o.replies.has_more_ids),t(!1)},error:()=>{b.set(i,"specificCommentId",null)}})},[n]),e?d(K,{padding:60}):d("div",{class:"specific-comment-view",children:[d("div",{class:"button-wrap",children:d(re,{onClick:()=>b.set(i,"specificCommentId",null),scale:"medium",children:k(i,"show_all_comments")})}),r.parent_id&&d("div",{class:"parent-loader",children:d(dt,{buttonType:"no-background",onClick:()=>{t(!0),b.set(i,"specificCommentId",r.parent_id)},children:k(i,"show_parent_comment")})}),d(Ar,{id:n,replies:d(Co,{index:n,type:"specific"}),canReply:!0})]})}function Kg(){const n=b.use("license"),t=ca("misc:branding",{text:"by Hyvor Talk",props:{href:"https://talk.hyvor.com?utm_source=embed&utm_medium="+location.hostname,target:"_blank",rel:"noopener noreferrer"}})();return n.no_branding?null:d("div",{className:"main-box-footer",children:d("a",{...t.props,children:t.text})})}function Jg(){const n=b.use("specificCommentId");let e;return n?e=d(Wg,{}):e=d(qg,{}),d("div",{className:"main-box",children:[d(Lg,{}),e,d(Kg,{})]})}const ai={},Gg=(n,e)=>{const t=b.get(n,"ratings"),r=b.get(n,"userRating");b.set(n,"userRating",e);const i=r?t.count:t.count+1,o=(()=>{let s=t.average*t.count;return r&&(s-=r),s+=e,s/i})();Bt(n,"ratings",{count:i,average:o}),ai[n]&&clearTimeout(ai[n]),ai[n]=setTimeout(()=>{R.callPageApi({context:n,method:"post",endpoint:"/rate",data:{rating:e},success:()=>{Fe(n,"rating",{rating:e,count:i,average:o})}})},300)};function Yg(){const[n,e]=w(null),t=b.use("userRating"),r=M(),i=H(null);function o(f){if(Gg(r,f),!i.current)return;const h=i.current.getRootNode().querySelector("#star-"+r+"-"+f);h&&h.focus()}function s(){return window.innerWidth<768}function l(f){s()||e(f)}function a(){s()||e(null)}function c(f,h){switch(f.key){case" ":case"Enter":o(h);break;case"Up":case"ArrowUp":case"Left":case"ArrowLeft":o(h===1?5:h-1);break;case"Down":case"ArrowDown":case"Right":case"ArrowRight":o(h===5?1:h+1);break}}const u=O(r,"ratings.star_color");return d("div",{class:"rater-wrap",ref:i,children:d("div",{class:"rater",children:[d("div",{className:"star-placeholders",children:[1,2,3,4,5].map(()=>d(de,{name:"star",wrapperProps:{"aria-hidden":"true"}}))}),d("div",{className:"star-handlers",onMouseLeave:()=>a(),style:{color:u,"--star-color":u},"aria-labelledby":"ratings-title-"+r,role:"radiogroup",children:[1,2,3,4,5].map(f=>{let h=!1;const p=t??0;return n&&n>=f&&(h=!0),n?n>=f&&(h=!0):p>=f&&(h=!0),d(de,{name:"star",wrapperProps:{onMouseEnter:()=>l(f),style:{color:h?"inherit":"transparent"},onClick:()=>o(f),onKeyDown:m=>c(m,f),role:"radio","aria-checked":p===f,"aria-label":f+" stars",id:"star-"+r+"-"+f,tabindex:p===0?f===1?0:-1:p===f?0:-1},svgProps:{"aria-hidden":!0}})})})]})})}function Xg(){const n=b.use("ratings"),e=M();return d("section",{class:"ratings","aria-labelledby":"ratings-title-"+e,children:[d("div",{class:"ratings-title",id:"ratings-title-"+e,children:[O(e,"text.ratings")||k(e,"ratings_text")," "]}),d(Yg,{}),n.average?d("div",{class:"ratings-average","aria-label":k(e,"ratings_average_aria",{"*":n.average.toFixed(1)}),children:n.average.toFixed(1)}):null,n.count?d("div",{class:"ratings-count","aria-label":k(e,"ratings_total_aria",{"*":n.count.toString()}),children:n.count===1?k(e,"ratings_1"):k(e,"ratings_multi",{"*":n.count.toString()})}):null]})}function ci(n){return n&&typeof n=="object"&&!Array.isArray(n)}function Fi(n,...e){if(!e.length)return n;const t=e.shift();if(ci(n)&&ci(t))for(const r in t)ci(t[r])?(n[r]||Object.assign(n,{[r]:{}}),Fi(n[r],t[r])):Object.assign(n,{[r]:t[r]});return Fi(n,...e)}function Qg(){const n=b.use("modalImageUrl"),e=M();return n?d("div",{class:"image-modal",children:[d("div",{class:"modal-closer",onClick:()=>b.set(e,"modalImageUrl",null)}),d("img",{src:n,alt:"Popup image"})]}):null}function Zg(n){const e=M(),[t,r]=w("loading"),[i,o]=w(null);_u(y=>Vl(e,y));const[s,l]=w(0),a=[1e3,3e3,5e3],c=b.use("language"),u=b.use("colors");function f(y=!1){var v,S;const x=((S=(v=n.settings)==null?void 0:v.comments_view)==null?void 0:S.default_sort)||void 0;R.call({context:e,method:"post",endpoint:"/init",data:{domain:location.hostname,page:n.page,sso:n.sso,comments:{sort:x}},success:N=>{na.set(N.config);const J=n1(N.website,n.settings);b.set(e,"website",J),b.set(e,"page",N.page),b.set(e,"license",N.license);const V=N.language;n.translations&&(V.translations={...V.translations,...n.translations}),b.set(e,"language",V),N.page_badges&&b.set(e,"pageBadges",N.page_badges),b.set(e,"badges",N.badges),b.set(e,"plans",N.plans),n.onLoad(J),Xl(e,N.user_page_state),Ql(e,N.user_website_state),N.user&&b.set(e,"user",N.user),b.set(e,"commentsFirstLoadedAt",_o()),b.set(e,"commentsSort",x||N.website.comments_view.default_sort),Qe(e,N.comments.indexed),b.set(e,"commentsList",N.comments.list),b.set(e,"commentsHasMoreIds",N.comments.has_more_ids),N.stateless_sso_token&&b.set(e,"statelessSsoToken",N.stateless_sso_token),new Ad(e),Xu(e),r("success"),Fe(e,"loaded",null)},error:N=>{r("error"),o(N),p(!y)}})}function h(y=!1){y&&(r("loading"),o(null)),f(y)}function p(y=!0){y&&l(x=>x>2?x:(setTimeout(()=>{h()},a[x]),x+1))}B(()=>{b.set(e,"websiteId",n.website.id),b.set(e,"htDomain",n.instance||"https://talk.hyvor.com"),b.set(e,"components",n.components),f()},[]);let m,g=null;return t==="loading"?m=d(K,{padding:60}):t==="error"?m=d(e1,{error:i,onRetry:h}):(g=O(e,"ui.width"),m=d("div",{children:[d(t1,{}),d(Jg,{})]})),d("div",{id:"app",part:"app",class:u+(c.is_rtl?" rtl":""),dir:c.is_rtl?"rtl":"ltr",style:{width:g?g+"px":"100%"},children:[m,d(Og,{}),d(Qg,{}),d(Gd,{})]})}function e1({error:n,onRetry:e}){return n?d(te,{children:[d("div",{id:"embed-error",children:n}),n===Fl&&d("div",{id:"retry",children:d("button",{onClick:()=>e(!0),children:"Reload"})})]}):null}function t1(){const n=M(),e=O(n,"top_widget");return e==="reactions"?d(Vd,{}):e==="ratings"?d(Xg,{}):null}function n1(n,e){return delete e.id,delete(e.auth||{}).type,delete(e.auth||{}).sso_type,Fi(n,e)}class r1 extends HTMLElement{constructor(){super();Y(this,"root");Y(this,"settings",{});Y(this,"translations",null);Y(this,"components",{});Y(this,"loaded",!1);Y(this,"context");const t=this.attachShadow({mode:"open"}),r=document.createElement("div");r.id="root",t.append(r),this.addStylesheet(bu),this.root=r,this.context=Math.ceil(Math.random()*1e9),b.set(this.context,"hyvorTalkElement",this)}connectedCallback(){this.id="hyvor-talk-comments-"+this.context;const t=this.getLoading();if(t==="default")this.load();else if(t==="lazy"){const r=new IntersectionObserver(i=>{i[0].isIntersecting&&(this.load(),r.disconnect())},{threshold:0});r.observe(this)}}disconnectedCallback(){var t;(t=Dd(this.context))==null||t.disconnect()}load(){const t=this.getAttribute("sso-user"),r=this.getAttribute("sso-hash"),i=this.getAttribute("instance");i&&this.observeImages(i),pu(d(zl.Provider,{value:this.context,children:d(Zg,{website:{id:Number(this.getAttribute("website-id"))},page:{identifier:this.getPageIdentifier(),url:this.getPageUrl(),title:this.getAttribute("page-title")||document.title,language:this.getAttribute("page-language"),author:this.getAttribute("page-author"),badges:this.getAttribute("page-badges")},sso:t?{user:t,hash:r??""}:null,settings:this.getSettings(),translations:this.getTranslations(),components:this.components,onLoad:o=>this.handleLoad(o),instance:i})}),this.root)}observeImages(t){const r=o=>{o.src.includes("https://talk.hyvor.com")&&(o.src=o.src.replace("https://talk.hyvor.com",t))};new MutationObserver(o=>{for(const s of o)s.type==="childList"&&s.addedNodes.forEach(l=>{l.tagName==="IMG"&&r(l),l.querySelectorAll&&l.querySelectorAll("img").forEach(r)})}).observe(this.shadowRoot,{childList:!0,subtree:!0})}getSettings(){if(Object.keys(this.settings).length)return this.settings;const t=this.getAttribute("settings");if(!t)return{};let r={};try{if(r=JSON.parse(t),typeof r!="object")return console.error("Invalid settings attribute"),{}}catch(i){return console.error("Invalid settings attribute",i),{}}return r}getTranslations(){if(this.translations)return this.translations;const t=this.attributes,r={};for(let i=0;i