@jant/core 0.6.16 → 0.7.0

package/dist/client/_assets/client-auth-k8gJ6QJj.js

@@ -0,0 +1,828 @@
+import{T as e,g as t,h as n,i as r,m as i,n as a,t as o,u as s,x as ee,y as te}from"./chunks/lit-DW8VmJAT.js";import"./client-VnFxJN7G.js";import{n as c,t as ne}from"./chunks/confirm-D7GrwsCN.js";import{_ as l,a as re,d as u,f as d,g as f,h as p,i as ie,l as m,m as ae,n as oe,p as se,r as ce,t as h,u as g,v as _,y as le}from"./chunks/unsafe-svg-0QCkP0vZ.js";import{r as v}from"./chunks/slug-format-CRXO1AL5.js";import{h as y,l as ue,u as b}from"./chunks/types-D5iF3H1a.js";import{t as de}from"./chunks/settings-paths-BcdySNx6.js";var x=`M12 3 10.1 10.1 3 12l7.1 1.9L12 21l1.9-7.1L21 12l-7.1-1.9Z`,fe=`M4 4 20 20`,pe=200,me=class extends o{static properties={_open:{state:!0},_query:{state:!0},_items:{state:!0},_note:{state:!0},_loading:{state:!0},_searched:{state:!0}};#e=null;#t=null;#n=0;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this._open=!1,this._query=``,this._items=[],this._note=``,this._loading=!1,this._searched=!1}disconnectedCallback(){super.disconnectedCallback();let e=this.#e;this.#e=null,e?.resolve(null)}pick(e){return this.#e?.resolve(null),this._query=``,this._items=[],this._note=``,this._loading=!1,this._searched=!1,this._open=!0,new Promise(t=>{this.#e={...e,resolve:t},this.updateComplete.then(()=>{let e=this.querySelector(`.picker-dialog`);e&&!e.open&&e.showModal(),this.querySelector(`.picker-dialog-input`)?.focus()})})}#r(e){this.#t&&clearTimeout(this.#t),this.#t=null,this.#n+=1;let t=this.querySelector(`.picker-dialog`);t?.open&&t.close();let n=this.#e;this.#e=null,this._open=!1,n?.resolve(e)}#i(e){let t=this.#e;if(!t)return;let n=e.target.value;this._query=n,this.#t&&clearTimeout(this.#t);let r=t.minQueryLength??2;if(n.trim().length<r){this.#n+=1,this._items=[],this._note=``,this._loading=!1,this._searched=!1;return}this._loading=!0,this.#t=setTimeout(()=>{this.#a(n,t)},pe)}async#a(e,t){let n=++this.#n;try{let r=await t.search(e);if(n!==this.#n)return;this._items=r.items,this._note=r.note??``}catch{if(n!==this.#n)return;this._items=[],this._note=``}finally{n===this.#n&&(this._loading=!1,this._searched=!0)}}#o(e){if(e.key===`Escape`){e.preventDefault(),this.#r(null);return}if(e.key!==`ArrowDown`&&e.key!==`ArrowUp`)return;let t=Array.from(this.querySelectorAll(`.picker-dialog-option`));if(t.length===0)return;e.preventDefault();let n=document.activeElement,r=t.findIndex(e=>e===n),i=e.key===`ArrowDown`?r<0?0:Math.min(r+1,t.length-1):r<=0?-1:r-1;if(i<0){this.querySelector(`.picker-dialog-input`)?.focus();return}t[i]?.focus()}#s(e){e.target===e.currentTarget&&this.#r(null)}render(){let e=this.#e;if(!this._open||!e)return a;let t=e.minQueryLength??2,n=this._query.trim().length<t;return r`
+      <dialog
+        class="dialog picker-dialog"
+        @cancel=${e=>{e.preventDefault(),this.#r(null)}}
+        @click=${this.#s}
+        @keydown=${this.#o}
+      >
+        <div
+          class="picker-dialog-panel"
+          role="document"
+          aria-labelledby="picker-dialog-title"
+        >
+          <header class="picker-dialog-header">
+            <h2 id="picker-dialog-title" class="picker-dialog-title">
+              ${e.heading}
+            </h2>
+            ${e.hint?r`<p class="picker-dialog-hint">${e.hint}</p>`:a}
+          </header>
+
+          <input
+            type="search"
+            class="input picker-dialog-input"
+            placeholder=${e.placeholder}
+            aria-label=${e.heading}
+            autocomplete="off"
+            .value=${this._query}
+            @input=${this.#i}
+          />
+
+          <div class="picker-dialog-results" role="listbox">
+            ${this._items.map(e=>r`
+                <button
+                  type="button"
+                  role="option"
+                  aria-selected="false"
+                  class="picker-dialog-option"
+                  @click=${()=>this.#r(e.id)}
+                >
+                  <span class="picker-dialog-option-label">${e.label}</span>
+                  ${e.meta?r`<span class="picker-dialog-option-meta"
+                          >${e.meta}</span
+                        >`:a}
+                </button>
+              `)}
+            ${this._loading?r`<p class="picker-dialog-status">Searching…</p>`:a}
+            ${!this._loading&&this._searched&&this._items.length===0?r`<p class="picker-dialog-status">
+                    ${this._note||e.emptyHint}
+                  </p>`:a}
+          </div>
+
+          <footer
+            class=${v({"picker-dialog-actions":!0,"picker-dialog-actions-quiet":n})}
+          >
+            <button
+              type="button"
+              class="btn-outline"
+              @click=${()=>this.#r(null)}
+            >
+              Cancel
+            </button>
+          </footer>
+        </div>
+      </dialog>
+    `}};customElements.get(`jant-post-picker`)||customElements.define(`jant-post-picker`,me);var S=`jant-post-picker`;function he(){let e=document.querySelector(S);if(e)return e;let t=document.createElement(S);return document.body.appendChild(t),t}function ge(e){return he().pick(e)}var C=`[data-post-menu-translation] a, [data-post-menu-translation-first], [data-post-menu-open-language-switch]`,_e=360,w=12;function ve(e){let t=window.innerHeight-e.bottom-w,n=e.top-w;return t<_e&&n>t}function T(e){let t=Array.from(e?.children??[]).find(e=>e instanceof HTMLElement&&e.classList.contains(`feed-item`));Array.from(t?.children??[]).find(e=>e instanceof HTMLElement&&e.classList.contains(`feed-divider`))?.remove()}function E(e){return Array.from(document.querySelectorAll(`article[data-post-id]`)).find(t=>t.dataset.postId===e)??null}function D(e){let t=e.dataset.postId;if(!t)return null;let n=e.dataset.threadRootId??t,r=E(n)??e;return{id:t,threadId:n,pinned:e.hasAttribute(`data-post-pinned`),pinnedInCollection:r.hasAttribute(`data-post-pinned-in-collection`),featured:e.hasAttribute(`data-post-featured`),visibility:e.dataset.postVisibility??`public`,isReply:n!==t||e.hasAttribute(`data-post-reply`),isDraft:e.hasAttribute(`data-post-draft`),language:r.dataset.postLanguage??null}}var ye=class extends o{static properties={languages:{type:Array},_open:{state:!0},_data:{state:!0},_x:{state:!0},_y:{state:!0},_openAbove:{state:!0},_view:{state:!0},_collections:{state:!0},_collectionsLoading:{state:!0},_collectionSearch:{state:!0},_threadCollectionIds:{state:!0},_addCollectionPanelOpen:{state:!0},_translations:{state:!0},_translationsLoading:{state:!0},_translationBusy:{state:!0}};#e=!1;#t=[];#n=!0;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.languages=[],this._open=!1,this._data=null,this._x=0,this._y=0,this._openAbove=!0,this._view=`menu`,this._collections=null,this._collectionsLoading=!1,this._collectionSearch=``,this._threadCollectionIds=[],this._addCollectionPanelOpen=!1,this._translations=null,this._translationsLoading=!1,this._translationBusy=!1,this._triggerEl=null}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#o),document.addEventListener(`keydown`,this.#a),window.addEventListener(`resize`,this.#i)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#o),document.removeEventListener(`keydown`,this.#a),window.removeEventListener(`resize`,this.#i)}#r(){let e=this._triggerEl;if(!e?.isConnected){this._open&&this.#k({restoreFocus:!1});return}let t=e.getBoundingClientRect();this._openAbove=ve(t),this._x=window.scrollX+t.right,this._y=window.scrollY+(this._openAbove?t.top-6:t.bottom+6)}#i=()=>{this._open&&!this._addCollectionPanelOpen&&this.#r()};#a=e=>{let t=e;if(!(t.isComposing||t.keyCode===229)&&t.key===`Escape`){if(this._addCollectionPanelOpen){this.#B();return}let e=document.querySelector(`[data-collection-popover].open`);if(e){e.classList.remove(`open`);return}if(this._open){if(this._view===`language-switch`){this.#v();return}if(this._view!==`menu`){this.#p();return}this.#k()}}};#o=e=>{let t=e.target,n=t.closest(`[data-collection-popover-trigger]`);if(n){e.preventDefault(),e.stopPropagation();let t=n.parentElement?.querySelector(`[data-collection-popover]`);t&&t.classList.toggle(`open`);return}if(t.closest(`[data-collection-popover]`)||t.closest(`[data-collection-quick-dialog]`)||t.classList.contains(`collection-quick-dialog-backdrop`))return;let r=document.querySelector(`[data-collection-popover].open`);r&&r.classList.remove(`open`);let i=t.closest(`[data-post-menu-trigger]`);if(i){e.preventDefault(),e.stopPropagation();let t=i.closest(`article[data-post]`);if(!t)return;let n=D(t);if(!n)return;if(this._open&&this._data?.id===n.id){this.#k();return}this._data=n,this._triggerEl=i,this.#n=!0,this.#r(),i.setAttribute(`aria-expanded`,`true`),this._view=`menu`,this._open=!0,this.#s(`[data-post-menu-item-primary]`);return}this._open&&t.closest?.(`.post-menu-view, .post-menu-panel`)||this._open&&this.#k({restoreFocus:!1})};#s(e){this.updateComplete.then(()=>{this.querySelector(e)?.focus()})}#c(){return Array.from(this.querySelectorAll(`.post-menu-picker-option`))}#l=e=>{if(e.defaultPrevented||e.isComposing||e.altKey||e.ctrlKey||e.metaKey)return;if(e.key===`Enter`){e.preventDefault(),this.#k();return}if(e.key!==`ArrowDown`)return;let[t]=this.#c(),n=this.querySelector(`[data-post-menu-add-collection]`),r=t??n;r&&(e.preventDefault(),r.focus())};#u=(e,t)=>{if(e.defaultPrevented||e.isComposing||e.altKey||e.ctrlKey||e.metaKey)return;let n=this.#c(),r=e.currentTarget,i=r?n.indexOf(r):-1;if(e.key===`ArrowDown`){let t=this.querySelector(`[data-post-menu-add-collection]`),r=i>=0?n[i+1]??t:n[0];if(!r)return;e.preventDefault(),r.focus();return}if(e.key===`ArrowUp`){let t=this.querySelector(`.post-menu-picker-search input`),r=i>0?n[i-1]:t;if(!r)return;e.preventDefault(),r.focus();return}if(e.key===` `||e.key===`Spacebar`){e.preventDefault(),this.#R(t);return}e.key===`Enter`&&(e.preventDefault(),this.#k())};#d=(e,t)=>{e.detail!==0&&this.#R(t)};#f=e=>{if(e.defaultPrevented||e.isComposing||e.altKey||e.ctrlKey||e.metaKey||e.key!==`ArrowUp`)return;let t=this.#c(),n=this.querySelector(`.post-menu-picker-search input`),r=t.at(-1)??n;r&&(e.preventDefault(),r.focus())};#p(e=`[data-post-menu-item-primary]`){this._view=`menu`,this.#s(e)}#m(){this._data?.isReply||(this._view=`visibility`,this.#s(`[data-post-menu-visibility-current='true'], [data-post-menu-visibility-option]`))}get#h(){return this.languages.length>1}#g(e){return e?this.languages.find(t=>t.tag===e)?.label??e:`Not set`}async#_(){this._data?.isReply||(this._view=`language`,this.#s(C),await this.#S(),this.contains(document.activeElement)||this.#s(C))}#v(e=`[data-post-menu-open-language-switch]`){this._view=`language`,this.#s(e)}#y(){this._data?.isReply||(this._view=`language-switch`,this.#s(`[data-post-menu-language-current='true'], [data-post-menu-language-option]`))}#b(){let e=this._data?.language??null,t=this._translations??[],n=new Set(t.flatMap(e=>e.language?[e.language]:[]));return{current:e,linked:t,selectable:this.languages.filter(t=>t.tag===e||!n.has(t.tag)),free:this.languages.filter(t=>t.tag!==e&&!n.has(t.tag))}}async#x(e){let t=this._data;if(t&&!this._translationBusy){this._translationBusy=!0;try{let r=await fetch(n(`/api/posts/${t.threadId}/language`),{method:`PUT`,headers:{"Content-Type":`application/json`},credentials:`same-origin`,body:JSON.stringify({language:e})});if(!r.ok){s(await y(r,`Could not change the language. Try again.`),`error`);return}let i=document.querySelector(`article[data-post-id="${t.threadId}"]`);i&&(i.dataset.postLanguage=e),this._data={...t,language:e},s(`Thread is now in ${this.#g(e)}.`),this.#k()}catch{s(`Could not change the language. Try again.`,`error`)}finally{this._translationBusy=!1}}}async#S(){let e=this._data;if(e){this._translationsLoading=!0;try{let t=await fetch(n(`/api/posts/${e.threadId}/translations`),{credentials:`same-origin`});if(!t.ok)return;let r=await t.json();this._translations=r.translations??[]}catch{this._translations=[]}finally{this._translationsLoading=!1}}}async#C(e){let t=this._data;if(!t)return;this.#k({restoreFocus:!1});let r=await m();if(r){await r.openTranslation(t.threadId,e);return}let i=new URLSearchParams({translationOf:t.threadId,lang:e});window.location.assign(n(`/new?${i.toString()}`))}async#w(){let e=this._data;if(!e)return;this.#k({restoreFocus:!1});let t=await ge({heading:`Link a translation`,hint:`Only posts you could actually link are listed: published, and in a language this one's group does not already have.`,placeholder:`Search your posts, or paste a URL…`,emptyHint:`Nothing matched that you could link.`,search:async t=>{if(ee(t))return this.#T(e.threadId,t);let r=await fetch(n(`/api/posts/${e.threadId}/translations/candidates?q=${encodeURIComponent(t)}`),{credentials:`same-origin`});return r.ok?{items:((await r.json()).candidates??[]).map(e=>({id:e.id,label:e.label,meta:this.#g(e.language)}))}:{items:[]}}});t&&(this._data=e,await this.#D(t),window.location.reload())}async#T(e,t){let r;try{let i=await fetch(n(`/api/posts/${e}/translations/resolve?url=${encodeURIComponent(t)}`),{credentials:`same-origin`});if(!i.ok)throw Error(`HTTP ${i.status}`);({resolution:r}=await i.json())}catch{return{items:[],note:`Could not check that address. Try again in a moment.`}}return r?r.kind===`ok`?{items:[{id:r.candidate.id,label:r.candidate.label,meta:this.#g(r.candidate.language)}]}:{items:[],note:this.#E(r)}:{items:[]}}#E(e){let t=this.#g(`language`in e?e.language:null);switch(e.kind){case`external`:return`That address is somewhere else. Only posts on this site can be linked.`;case`not_found`:return`Nothing at ${e.address}. Check the address, or search by title.`;case`not_a_post`:return`That address is not a post. Translations link posts to posts.`;case`same_thread`:return`That is this post.`;case`unpublished`:return`That post is a draft. Publish it, then link it.`;case`no_language`:return`That post has no language yet. Set one on it first.`;case`same_language`:return`That post is written in ${this.#g(this._data?.language??null)} too. A translation has to be in another language.`;case`language_taken`:return`A ${t} version is already linked here. Unlink that one first.`;case`group_conflict`:return`That post belongs to another translation group. Unlink it first.`;case`group_language_taken`:return`Its translation group already has a ${t} version.`;default:return`That post cannot be linked.`}}async#D(e){let t=this._data;if(t&&!this._translationBusy){this._translationBusy=!0;try{let r=await fetch(n(`/api/posts/${t.threadId}/translations`),{method:`POST`,headers:{"Content-Type":`application/json`},credentials:`same-origin`,body:JSON.stringify({postId:e})});if(!r.ok){s(await y(r,`Could not link those posts. Try again.`),`error`);return}await this.#S(),s(`Posts linked as translations.`)}catch{s(`Could not link those posts. Try again.`,`error`)}finally{this._translationBusy=!1}}}async#O(e){if(!this._data||this._translationBusy)return;let t=this._triggerEl;this.#k({restoreFocus:!1});let r=this.#g(e.language);if(!await c({message:`Unlink the ${r} version, “${e.label}”? Both posts stay published — they just stop pointing at each other.`,confirmLabel:`Unlink`,cancelLabel:`Cancel`,tone:`danger`})){t?.focus();return}this._translationBusy=!0;try{let r=await fetch(n(`/api/posts/${e.id}/translations`),{method:`DELETE`,credentials:`same-origin`});if(!r.ok){s(await y(r,`Could not unlink. Try again.`),`error`),t?.focus();return}s(`Translation link removed.`),window.location.reload()}catch{s(`Could not unlink. Try again.`,`error`),t?.focus()}finally{this._translationBusy=!1}}#k(e={}){let t=e.restoreFocus??this.#n,n=this._triggerEl;if(n?.setAttribute(`aria-expanded`,`false`),this._triggerEl=null,this.#n=!0,this._open=!1,this._view=`menu`,this._addCollectionPanelOpen=!1,this._collectionSearch=``,this._translations=null,this.#e){this.#e=!1,window.location.reload();return}t&&n?.focus()}openCollectionsForPost(e){let t=D(e);if(!t||t.isReply)return;this._data=t;let n=e.querySelector(`[data-post-menu-trigger]`);n&&(this._triggerEl=n,this.#n=!1,this.#r(),n.setAttribute(`aria-expanded`,`true`)),this._open=!0,this.#L()}async#A(){if(!this._data)return;let e=this._data.id;this.#k({restoreFocus:!1});let t=await m();t&&await t.openEdit(e)}async#j(){if(!this._data)return;let e=this._data.id,t=this._triggerEl;this.#k({restoreFocus:!1});let n=document.querySelector(`article[data-post-id="${e}"]`);try{if(!(await fetch(`/api/posts/${e}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({status:`published`})})).ok)throw Error();s(`Draft published.`),(!n||!await re(n))&&globalThis.location.reload()}catch{s(`Could not publish the draft. Try again.`,`error`),t?.focus()}}#M(e){if(!this._data)return;let t=this._data.id,n=this._data.visibility,r=document.querySelector(`article[data-post-id="${t}"]`);r&&(r.dataset.postVisibility=e),this._data={...this._data,visibility:e},s({public:`Post made public.`,latest_hidden:`Hidden from Latest.`,private:`Post made private.`}[e]??`Visibility updated.`),this.#k(),fetch(`/api/posts/${t}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({visibility:e})}).then(e=>{if(!e.ok)throw Error()}).catch(()=>{let e=document.querySelector(`article[data-post-id="${t}"]`);e&&(e.dataset.postVisibility=n),s(`Could not update visibility. Try again.`,`error`)})}#N(e){if(!this._data)return;let t=this._data.id,n=document.querySelector(`article[data-post-id="${t}"]`);n&&(e?n.setAttribute(`data-post-featured`,``):n.removeAttribute(`data-post-featured`)),this._data={...this._data,featured:e},s(e?`Added to Featured.`:`Removed from Featured.`),this.#k(),fetch(`/api/posts/${t}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({featured:e})}).then(e=>{if(!e.ok)throw Error()}).catch(()=>{let n=document.querySelector(`article[data-post-id="${t}"]`);n&&(e?n.removeAttribute(`data-post-featured`):n.setAttribute(`data-post-featured`,``)),s(`Could not update post. Try again.`,`error`)})}#P(){if(!this._data)return;let e=this._data.id,t=!this._data.pinned,n=document.querySelector(`article[data-post-id="${e}"]`);n&&(t?n.setAttribute(`data-post-pinned`,``):n.removeAttribute(`data-post-pinned`)),this._data={...this._data,pinned:t},s(t?`Post pinned.`:`Post unpinned.`),this.#k(),fetch(`/api/posts/${e}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({pinned:t})}).then(e=>{if(!e.ok)throw Error()}).catch(()=>{let n=document.querySelector(`article[data-post-id="${e}"]`);n&&(t?n.removeAttribute(`data-post-pinned`):n.setAttribute(`data-post-pinned`,``)),s(`Could not update post. Try again.`,`error`)})}#F(){if(!this._data)return;let e=this._data.threadId,t=document.querySelector(`[data-collection-id]`)?.dataset.collectionId;if(!t)return;let n=!this._data.pinnedInCollection,r=E(e);r&&(n?r.setAttribute(`data-post-pinned-in-collection`,``):r.removeAttribute(`data-post-pinned-in-collection`)),this._data={...this._data,pinnedInCollection:n},s(n?`Pinned in collection.`:`Unpinned from collection.`),this.#k();let i=n?`PUT`:`DELETE`;fetch(`/api/collections/${t}/threads/${e}/pin`,{method:i}).then(e=>{if(!e.ok)throw Error()}).catch(()=>{let t=E(e);t&&(n?t.removeAttribute(`data-post-pinned-in-collection`):t.setAttribute(`data-post-pinned-in-collection`,``)),s(`Could not update pin. Try again.`,`error`)})}async#I(){if(!this._data)return;let e=this._triggerEl;if(this.#k({restoreFocus:!1}),!await c({message:this._data.isDraft?`Discard this draft permanently? This can't be undone.`:`Delete this post permanently? This can't be undone.`,confirmLabel:this._data.isDraft?`Discard`:`Delete`,cancelLabel:`Cancel`,tone:`danger`})){e?.focus();return}try{if(!(await fetch(`/api/posts/${this._data.id}`,{method:`DELETE`})).ok)throw Error();let e=document.querySelector(`article[data-post-id="${this._data.id}"]`),t=e?.closest(`.thread-item`),n=t?.closest(`.thread-group`);if(t&&n){if(t.remove(),n.querySelectorAll(`.thread-item:not(.thread-item-gap)`).length===0){let e=n.closest(`.feed-item`),t=e?.parentElement??null;(e??n).remove(),T(t)}}else{let t=e?.closest(`.feed-item`),n=t?.parentElement??null;(t??e)?.remove(),T(n)}s(`Post deleted.`)}catch{s(`Could not delete post. Try again.`,`error`),e?.focus()}}async#L(){if(!this._data||this._data.isReply)return;let e=this._data.id;this._view=`collections`,this._collectionSearch=``,this._collectionsLoading=!0,this.#s(`.post-menu-picker-search input, .post-menu-picker-option, [data-post-menu-add-collection]`);try{let[t,n]=await Promise.all([fetch(`/api/collections?view=compose`,{cache:`no-store`,headers:{Accept:`application/json`}}),fetch(`/api/posts/${e}`)]);if(!t.ok)throw Error();let r=(await t.json()).collections??[],i=this._threadCollectionIds;n.ok&&(i=(await n.json()).collectionIds??[]),this.#t=ie(r,i),this._collections=r,this._threadCollectionIds=i}catch{this._collections=this._collections??[],s(`Could not load collections.`,`error`)}this._collectionsLoading=!1,this.#s(`.post-menu-picker-search input, .post-menu-picker-option, [data-post-menu-add-collection]`)}#R(e){if(!this._data)return;let t=this._data.threadId,n=this._threadCollectionIds.includes(e);this._threadCollectionIds=n?this._threadCollectionIds.filter(t=>t!==e):[...this._threadCollectionIds,e],this.#e=!0,s(n?`Removed from collection.`:`Added to collection.`),n?fetch(`/api/collections/${e}/threads/${t}`,{method:`DELETE`}).then(e=>{if(!e.ok)throw Error();return this.#W()}).catch(()=>{this._threadCollectionIds.includes(e)||(this._threadCollectionIds=[...this._threadCollectionIds,e]),s(`Could not remove from collection. Try again.`,`error`)}):fetch(`/api/collections/${e}/threads`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({threadId:t})}).then(e=>{if(!e.ok){if(e.status===409)return this.#W();throw Error()}return this.#W()}).catch(()=>{this._threadCollectionIds=this._threadCollectionIds.filter(t=>t!==e),s(`Could not add to collection. Try again.`,`error`)})}#z(){this._addCollectionPanelOpen=!0,this.updateComplete.then(()=>{let e=this.querySelector(`[data-collection-quick-dialog] [data-collection-title-input]`);e?.focus(),e?.select()})}#B(){this._addCollectionPanelOpen=!1,this.#r(),this.updateComplete.then(()=>{(this.querySelector(`[data-post-menu-add-collection]`)??this._triggerEl)?.focus()})}async#V(e){let t=e;t.stopPropagation();let n=t.detail;if(!n)return;let r=this.querySelector(`jant-collection-form`);r&&(r.loading=!0);try{let e=await fetch(`/api/collections`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(n.data)}),t=await e.json().catch(()=>null);if(!e.ok)throw Error(t?.error||`Could not create collection. Try again.`);if(!t?.id||!t.title||!t.slug)throw Error(`Could not create collection. Try again.`);let r={id:t.id,title:t.title,slug:t.slug};this._collections=[...this._collections??[],r],this._data&&(await fetch(`/api/collections/${t.id}/threads`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({threadId:this._data.threadId})}),this._threadCollectionIds=[...this._threadCollectionIds,t.id]),await this.#W(),this.#e=!0,this.#B(),s(this.#H()?.createdLabel??`Collection created.`)}catch(e){s(e instanceof Error?e.message:`Could not create collection. Try again.`,`error`)}finally{r&&(r.loading=!1)}}#H(){return _()?.collectionFormLabels??null}#U(){return _()?.addCollection??`Add Collection`}async#W(){await(await m())?.refreshCollections()}#G(e){switch(e){case`private`:return`Private`;case`latest_hidden`:return`Hidden from Latest`;default:return`Public`}}#K(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M12 19V5" />
+      <path d="m5 12 7-7 7 7" />
+    </svg>`}#q(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M12 20h9" />
+      <path d="M16.5 3.5a2.12 2.12 0 1 1 3 3L7 19l-4 1 1-4Z" />
+    </svg>`}#J(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d=${x} />
+    </svg>`}#Y(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.75"
+      style="--icon-stroke: 1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d=${x} />
+      <path d=${fe} />
+    </svg>`}#X(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <line x1="12" x2="12" y1="17" y2="22" />
+      <path
+        d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z"
+      />
+    </svg>`}#Z(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <line x1="2" x2="22" y1="2" y2="22" />
+      <line x1="12" x2="12" y1="17" y2="22" />
+      <path d="M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h12" />
+      <path d="M15 9.34V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0-1.4.6" />
+    </svg>`}#Q(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.75"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M3 6h18" />
+      <path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6" />
+      <path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+    </svg>`}#$(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.9"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="m15 18-6-6 6-6" />
+    </svg>`}#ee(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.9"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="m9 18 6-6-6-6" />
+    </svg>`}#te(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2.3"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M20 6 9 17l-5-5" />
+    </svg>`}#ne(){return r`<svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.9"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    >
+      <path d="M14 4h6v6" />
+      <path d="M20 4 11 13" />
+      <path d="M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4" />
+    </svg>`}#re(){let e=this._collections??[],t=oe(e,this.#t),n=this._collectionSearch.trim().length>0,i=ce(t,this._collectionSearch);return r`
+      <div
+        data-collection-picker
+        class="post-menu-view post-menu-collection-picker"
+      >
+        <div class="post-menu-panel-header">
+          <button
+            type="button"
+            class="post-menu-panel-back"
+            aria-label="Back"
+            @click=${()=>this.#p(`[data-post-menu-open-collections]`)}
+          >
+            ${this.#$()}
+          </button>
+          <div class="post-menu-panel-heading">
+            <span>Collections</span>
+          </div>
+        </div>
+        ${e.length>0?r`<div class="post-menu-picker-search">
+                <svg
+                  width="14"
+                  height="14"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <circle cx="11" cy="11" r="8" />
+                  <path d="m21 21-4.3-4.3" />
+                </svg>
+                <input
+                  type="text"
+                  placeholder="Search collections..."
+                  autocomplete="off"
+                  autocorrect="off"
+                  spellcheck="false"
+                  .value=${this._collectionSearch}
+                  @keydown=${this.#l}
+                  @input=${e=>{this._collectionSearch=e.target.value}}
+                />
+              </div>`:a}
+        <div
+          class="post-menu-picker-list"
+          role="listbox"
+          aria-multiselectable="true"
+        >
+          ${this._collectionsLoading?r`<div class="post-menu-picker-empty">Loading...</div>`:i.length>0?i.map(e=>{let t=this._threadCollectionIds.includes(e.id);return r`
+                      <button
+                        type="button"
+                        role="option"
+                        aria-selected=${t?`true`:`false`}
+                        class=${`post-menu-picker-option${t?` post-menu-picker-option-selected`:``}`}
+                        @keydown=${t=>this.#u(t,e.id)}
+                        @click=${t=>this.#d(t,e.id)}
+                      >
+                        <span class="post-menu-picker-title">${e.title}</span>
+                        ${t?r`<span
+                                class="post-menu-picker-marker post-menu-picker-marker-selected"
+                              >
+                                <svg
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  viewBox="0 0 24 24"
+                                  fill="none"
+                                  aria-hidden="true"
+                                >
+                                  <circle
+                                    cx="12"
+                                    cy="12"
+                                    r="10"
+                                    fill="currentColor"
+                                  />
+                                  <path
+                                    d="M8 12.5 10.7 15.2 16.4 9.5"
+                                    stroke="var(--site-page-bg)"
+                                    stroke-width="2.3"
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                                  />
+                                </svg>
+                              </span>`:r`<span
+                                class="post-menu-picker-marker post-menu-picker-marker-add"
+                              >
+                                <svg
+                                  xmlns="http://www.w3.org/2000/svg"
+                                  viewBox="0 0 24 24"
+                                  fill="none"
+                                  aria-hidden="true"
+                                >
+                                  <circle
+                                    cx="12"
+                                    cy="12"
+                                    r="9"
+                                    stroke="currentColor"
+                                    stroke-width="1.8"
+                                  />
+                                  <path
+                                    d="M12 8v8M8 12h8"
+                                    stroke="currentColor"
+                                    stroke-width="1.9"
+                                    stroke-linecap="round"
+                                  />
+                                </svg>
+                              </span>`}
+                      </button>
+                    `}):r`<div class="post-menu-picker-empty">
+                    ${n?`No matching collections`:`No collections yet`}
+                  </div>`}
+        </div>
+        <div class="post-menu-picker-footer">
+          <button
+            type="button"
+            class="post-menu-picker-add"
+            data-post-menu-add-collection
+            @keydown=${this.#f}
+            @click=${()=>this.#z()}
+          >
+            <svg
+              width="14"
+              height="14"
+              viewBox="0 0 16 16"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="1.5"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <path d="M8 3v10M3 8h10" />
+            </svg>
+            Add Collection
+          </button>
+        </div>
+      </div>
+    `}#ie(){if(!this._data||this._data.isReply)return a;let{current:e,linked:t,free:i}=this.#b();return r`
+      <div class="post-menu-view post-menu-language-panel">
+        <div class="post-menu-panel-header">
+          <button
+            type="button"
+            class="post-menu-panel-back"
+            aria-label="Back"
+            @click=${()=>this.#p(`[data-post-menu-open-language]`)}
+          >
+            ${this.#$()}
+          </button>
+          <div class="post-menu-panel-heading">
+            <span>Language</span>
+          </div>
+        </div>
+        <div role="menu" class="post-menu-list">
+          <!-- Both sections stand or fall together: with every other language
+               spoken for there is nothing to switch to and nothing to add. -->
+          ${i.length>0?r`
+                  <div class="post-menu-section">
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      data-post-menu-open-language-switch
+                      ?disabled=${this._translationBusy}
+                      @click=${()=>this.#y()}
+                    >
+                      <span class="post-menu-item-label">Change language</span>
+                      <span class="post-menu-item-meta"
+                        >${this.#g(e)}</span
+                      >
+                      <span
+                        class="post-menu-item-trailing post-menu-item-chevron"
+                        >${this.#ee()}</span
+                      >
+                    </button>
+                  </div>
+                  <div class="post-menu-section">
+                    ${i.map((e,t)=>r`
+                        <button
+                          type="button"
+                          role="menuitem"
+                          class="post-menu-item"
+                          ?data-post-menu-translation-first=${t===0}
+                          @click=${()=>this.#C(e.tag)}
+                        >
+                          <span class="post-menu-item-label"
+                            >Write the ${e.label} version</span
+                          >
+                          <span
+                            class="post-menu-item-trailing post-menu-item-chevron"
+                            >${this.#ee()}</span
+                          >
+                        </button>
+                      `)}
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      @click=${()=>this.#w()}
+                    >
+                      <span class="post-menu-item-label"
+                        >Link a version you already wrote</span
+                      >
+                      <span
+                        class="post-menu-item-trailing post-menu-item-chevron"
+                        >${this.#ee()}</span
+                      >
+                    </button>
+                  </div>
+                `:a}
+          ${t.length>0?r`
+                  <div class="post-menu-section">
+                    <p class="post-menu-section-label">Other versions</p>
+                    ${t.map(e=>{let t=this.#g(e.language);return r`
+                        <div class="post-menu-row" data-post-menu-translation>
+                          <a
+                            role="menuitem"
+                            class="post-menu-item post-menu-row-main"
+                            href=${n(`/${e.slug}`)}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            title=${e.label}
+                            aria-label=${`Open the ${t} version, ${e.label}, in a new tab`}
+                          >
+                            <span
+                              class="post-menu-item-label"
+                              lang=${e.language??a}
+                              >${t}</span
+                            >
+                            <span
+                              class="post-menu-item-trailing post-menu-item-chevron"
+                              >${this.#ne()}</span
+                            >
+                          </a>
+                          <button
+                            type="button"
+                            role="menuitem"
+                            class="post-menu-row-action post-menu-row-action-danger"
+                            data-post-menu-translation-unlink
+                            ?disabled=${this._translationBusy}
+                            aria-label=${`Unlink the ${t} version`}
+                            @click=${()=>this.#O(e)}
+                          >
+                            Unlink
+                          </button>
+                        </div>
+                      `})}
+                  </div>
+                `:a}
+          ${this._translationsLoading?r`<p class="post-menu-hint">Loading…</p>`:a}
+        </div>
+      </div>
+    `}#ae(){if(!this._data||this._data.isReply)return a;let{current:e,selectable:t}=this.#b();return r`
+      <div
+        class="post-menu-view post-menu-language-panel post-menu-language-switch-panel"
+      >
+        <div class="post-menu-panel-header">
+          <button
+            type="button"
+            class="post-menu-panel-back"
+            aria-label="Back"
+            @click=${()=>this.#v()}
+          >
+            ${this.#$()}
+          </button>
+          <div class="post-menu-panel-heading">
+            <span>Change language</span>
+          </div>
+        </div>
+        <div role="menu" class="post-menu-list">
+          <div
+            class="post-menu-section"
+            role="radiogroup"
+            aria-label="Language"
+          >
+            ${t.map(t=>{let n=t.tag===e;return r`
+                <button
+                  type="button"
+                  role="menuitemradio"
+                  lang=${t.tag}
+                  aria-checked=${n?`true`:`false`}
+                  ?disabled=${this._translationBusy}
+                  data-post-menu-language-option
+                  data-post-menu-language-current=${n?`true`:`false`}
+                  class=${`post-menu-item${n?` post-menu-item-active`:``}`}
+                  @click=${()=>n?this.#v():this.#x(t.tag)}
+                >
+                  <span class="post-menu-item-label">${t.label}</span>
+                  ${n?r`<span
+                          class="post-menu-item-trailing post-menu-item-check"
+                          >${this.#te()}</span
+                        >`:a}
+                </button>
+              `})}
+          </div>
+        </div>
+      </div>
+    `}#oe(){if(!this._data||this._data.isReply)return a;let e=this._data.visibility;return r`
+      <div
+        data-visibility-panel
+        class="post-menu-view post-menu-visibility-panel"
+      >
+        <div class="post-menu-panel-header">
+          <button
+            type="button"
+            class="post-menu-panel-back"
+            aria-label="Back"
+            @click=${()=>this.#p(`[data-post-menu-open-visibility]`)}
+          >
+            ${this.#$()}
+          </button>
+          <div class="post-menu-panel-heading">
+            <span>Visibility</span>
+          </div>
+        </div>
+        <div role="menu" class="post-menu-list">
+          <div class="post-menu-section">
+            <button
+              type="button"
+              role="menuitemradio"
+              aria-checked=${e===`public`?`true`:`false`}
+              data-post-menu-visibility-option
+              data-post-menu-visibility-current=${e===`public`?`true`:`false`}
+              class=${`post-menu-item${e===`public`?` post-menu-item-active`:``}`}
+              @click=${()=>e===`public`?this.#p(`[data-post-menu-open-visibility]`):this.#M(`public`)}
+            >
+              <span class="post-menu-item-label">Public</span>
+              ${e===`public`?r`<span
+                      class="post-menu-item-trailing post-menu-item-check"
+                      >${this.#te()}</span
+                    >`:a}
+            </button>
+
+            <button
+              type="button"
+              role="menuitemradio"
+              aria-checked=${e===`latest_hidden`?`true`:`false`}
+              data-post-menu-visibility-option
+              data-post-menu-visibility-current=${e===`latest_hidden`?`true`:`false`}
+              class=${`post-menu-item${e===`latest_hidden`?` post-menu-item-active`:``}`}
+              @click=${()=>e===`latest_hidden`?this.#p(`[data-post-menu-open-visibility]`):this.#M(`latest_hidden`)}
+            >
+              <span class="post-menu-item-label">Hidden from Latest</span>
+              ${e===`latest_hidden`?r`<span
+                      class="post-menu-item-trailing post-menu-item-check"
+                      >${this.#te()}</span
+                    >`:a}
+            </button>
+
+            <button
+              type="button"
+              role="menuitemradio"
+              aria-checked=${e===`private`?`true`:`false`}
+              data-post-menu-visibility-option
+              data-post-menu-visibility-current=${e===`private`?`true`:`false`}
+              class=${`post-menu-item${e===`private`?` post-menu-item-active`:``}`}
+              @click=${()=>e===`private`?this.#p(`[data-post-menu-open-visibility]`):this.#M(`private`)}
+            >
+              <span class="post-menu-item-label">Private</span>
+              ${e===`private`?r`<span
+                      class="post-menu-item-trailing post-menu-item-check"
+                      >${this.#te()}</span
+                    >`:a}
+            </button>
+          </div>
+        </div>
+      </div>
+    `}#se(){let e=this.#H();return e?r`
+      <div
+        class="collection-quick-dialog-backdrop"
+        @click=${()=>this.#B()}
+      ></div>
+      <div
+        class="collection-quick-dialog"
+        data-collection-quick-dialog
+        role="dialog"
+        aria-modal="true"
+        aria-label=${this.#U()}
+        @click=${e=>e.stopPropagation()}
+      >
+        <div class="collection-quick-dialog-header">
+          <div class="collection-quick-dialog-title-block">
+            <h2 class="collection-quick-dialog-title">
+              ${this.#U()}
+            </h2>
+            <p class="collection-quick-dialog-note">${e.quickHint}</p>
+          </div>
+          <button
+            type="button"
+            class="collection-quick-dialog-cancel"
+            @click=${()=>this.#B()}
+          >
+            ${e.cancelLabel}
+          </button>
+        </div>
+        <div class="collection-quick-dialog-body">
+          <jant-collection-form
+            variant="quick"
+            .labels=${e}
+            .initial=${{title:``,slug:``,description:``,sortOrder:`newest`,icon:``}}
+            action=${n(`/api/collections`)}
+            cancel-href="javascript:void(0)"
+            @jant:collection-submit=${e=>this.#V(e)}
+          ></jant-collection-form>
+        </div>
+        <div class="collection-quick-dialog-footer">
+          <button
+            type="button"
+            class="compose-post-btn collection-quick-dialog-submit"
+            @click=${()=>{this.querySelector(`[data-collection-quick-dialog] form`)?.requestSubmit()}}
+          >
+            ${e.quickSubmitLabel}
+          </button>
+        </div>
+      </div>
+    `:a}#ce(){if(!this._data)return a;let e=this._data.visibility,t=this._data.pinned,n=this._data.pinnedInCollection,i=document.querySelector(`[data-collection-id]`)?.dataset.collectionId,o=this._data.featured;return r`
+      <div class="post-menu-view post-menu-main">
+        <div role="menu" class="post-menu-list">
+          <div class="post-menu-section">
+            <button
+              type="button"
+              role="menuitem"
+              class="post-menu-item"
+              data-post-menu-item-primary
+              @click=${()=>this.#A()}
+            >
+              <span class="post-menu-item-label">Edit</span>
+              <span class="post-menu-item-trailing">${this.#q()}</span>
+            </button>
+
+            ${this._data.isDraft?r`
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      @click=${()=>this.#j()}
+                    >
+                      <span class="post-menu-item-label">Publish</span>
+                      <span class="post-menu-item-trailing"
+                        >${this.#K()}</span
+                      >
+                    </button>
+                  `:a}
+            ${this._data.isReply?a:r`
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      data-post-menu-open-collections
+                      @click=${()=>this.#L()}
+                    >
+                      <span class="post-menu-item-label"
+                        >Add to collection</span
+                      >
+                      <span
+                        class="post-menu-item-trailing post-menu-item-chevron"
+                        >${this.#ee()}</span
+                      >
+                    </button>
+                  `}
+            ${this._data.isReply?a:r`
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      data-post-menu-open-visibility
+                      @click=${()=>this.#m()}
+                    >
+                      <span class="post-menu-item-label">Visibility</span>
+                      <span class="post-menu-item-meta"
+                        >${this.#G(e)}</span
+                      >
+                      <span
+                        class="post-menu-item-trailing post-menu-item-chevron"
+                        >${this.#ee()}</span
+                      >
+                    </button>
+                  `}
+            ${this._data.isReply||!this.#h?a:r`
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      data-post-menu-open-language
+                      @click=${()=>this.#_()}
+                    >
+                      <span class="post-menu-item-label">Language</span>
+                      <span class="post-menu-item-meta"
+                        >${this.#g(this._data.language)}</span
+                      >
+                      <span
+                        class="post-menu-item-trailing post-menu-item-chevron"
+                        >${this.#ee()}</span
+                      >
+                    </button>
+                  `}
+          </div>
+
+          <div class="post-menu-section">
+            ${this._data.isDraft?a:r`
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      @click=${()=>this.#N(!o)}
+                    >
+                      <span class="post-menu-item-label"
+                        >${o?`Remove from Featured`:`Add to Featured`}</span
+                      >
+                      <span class="post-menu-item-trailing"
+                        >${o?this.#Y():this.#J()}</span
+                      >
+                    </button>
+                  `}
+            ${this._data.isReply?a:r`
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      @click=${()=>this.#P()}
+                    >
+                      <span class="post-menu-item-label"
+                        >${t?`Unpin`:`Pin this post`}</span
+                      >
+                      <span class="post-menu-item-trailing"
+                        >${t?this.#Z():this.#X()}</span
+                      >
+                    </button>
+                  `}
+            ${i&&!this._data.isReply?r`
+                    <button
+                      type="button"
+                      role="menuitem"
+                      class="post-menu-item"
+                      @click=${()=>this.#F()}
+                    >
+                      <span class="post-menu-item-label"
+                        >${n?`Unpin from collection`:`Pin in collection`}</span
+                      >
+                      <span class="post-menu-item-trailing"
+                        >${n?this.#Z():this.#X()}</span
+                      >
+                    </button>
+                  `:a}
+          </div>
+
+          <div class="post-menu-section post-menu-section-danger">
+            <button
+              type="button"
+              role="menuitem"
+              class="post-menu-item post-menu-item-danger"
+              @click=${()=>this.#I()}
+            >
+              <span class="post-menu-item-label"
+                >${this._data.isDraft?`Discard`:`Delete`}</span
+              >
+              <span class="post-menu-item-trailing">${this.#Q()}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+    `}render(){if(!this._open||!this._data)return a;let e=this._openAbove?`transform:translate(-100%, -100%);`:`transform:translateX(-100%);`,t=`position:absolute;z-index:100;left:${Math.round(this._x)}px;top:${Math.round(this._y)}px;${e}`,n=!this._addCollectionPanelOpen;return r`
+      ${n?r`
+              <div
+                class="post-menu-backdrop"
+                @click=${()=>this.#k({restoreFocus:!1})}
+              ></div>
+              <div class="dropdown-menu" style=${t}>
+                <div
+                  data-popover
+                  aria-hidden="false"
+                  class="!static post-menu-panel"
+                >
+                  ${this._view===`collections`?this.#re():this._view===`visibility`?this.#oe():this._view===`language`?this.#ie():this._view===`language-switch`?this.#ae():this.#ce()}
+                </div>
+              </div>
+            `:a}
+      ${this._addCollectionPanelOpen?this.#se():a}
+    `}};customElements.define(`jant-post-menu`,ye);var O=`xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"`,k={post:`<svg ${O}><path d="M8 2v4"/><path d="M12 2v4"/><path d="M16 2v4"/><rect width="16" height="18" x="4" y="4" rx="2"/><path d="M8 10h6"/><path d="M8 14h8"/><path d="M8 18h5"/></svg>`,collection:`<svg ${O} viewBox="0 0 16 16" stroke-width="1.35"><rect x="3" y="5.05" width="10" height="8.15" rx="2.2"/><path d="M5.1 5.05V4.2a1.1 1.1 0 0 1 1.1-1.1h3.6a1.1 1.1 0 0 1 1.1 1.1v.85"/></svg>`,smart_collection:`<svg ${O}><path d="M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z"/></svg>`,system:`<svg ${O}><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>`,command:`<svg ${O}><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"/></svg>`,path:`<svg ${O}><polyline points="15 10 20 15 15 20"/><path d="M4 4v7a4 4 0 0 0 4 4h12"/></svg>`,search:`<svg ${O}><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>`};function be(e){let t=e.trim().replace(/^[/／]+/,``);return t?`/${t}`:`/`}function A(n){let r=n.trim();return te(r)?e(r,{siteOrigins:[window.location.origin],sitePathPrefix:t(),keepQuery:!0}):null}function xe(e){return e.trim().replace(/^[/／]+/,``).trim()}var Se=5;function j(e){try{let t=globalThis.localStorage.getItem(e);if(!t)return[];let n=JSON.parse(t);return Array.isArray(n)?n.filter(e=>typeof e==`string`&&e):[]}catch{return[]}}function M(e,t){let n=j(e).filter(e=>e!==t);n.unshift(t),globalThis.localStorage.setItem(e,JSON.stringify(n.slice(0,Se)))}var N=`jant:nav-history`,P=`jant:search-history`,Ce=[{title:`Home`,path:`/`,type:`system`},{title:`Featured`,path:`/featured`,type:`system`},{title:`Latest`,path:`/latest`,type:`system`},{title:`Archive`,path:`/archive`,type:`system`},{title:`Collections`,path:`/collections`,type:`system`},{title:`Settings`,path:`/settings`,type:`system`},{title:`General`,path:`/settings/general`,type:`system`},{title:`Navigation`,path:de,type:`system`},{title:`Appearance`,path:`/settings/appearance/color-theme`,type:`system`},{title:`Custom URLs`,path:`/settings/custom-urls`,type:`system`},{title:`API Tokens`,path:`/settings/api-tokens`,type:`system`},{title:`Sessions`,path:`/settings/sessions`,type:`system`},{title:`Account`,path:`/settings/account`,type:`system`}],we=[{label:`New Post`,icon:k.command,action:()=>void f()}],Te=class extends o{static properties={_open:{state:!0},_query:{state:!0},_selectedIndex:{state:!0},_loading:{state:!0}};#e=null;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this._open=!1,this._query=``,this._selectedIndex=0,this._loading=!1}connectedCallback(){super.connectedCallback(),this.#t()}async#t(){if(!this.#e)try{let e=await fetch(`/api/palette`);if(e.ok){let t=await e.json();this.#e=t.items}else this.#e=[]}catch{this.#e=[]}}async open(){if(this._open)return;this.#e||(this._loading=!0,await this.#t(),this._loading=!1),this._open=!0,this._query=``,this._selectedIndex=0,await this.updateComplete;let e=this.querySelector(`.command-palette`);e&&!e.open&&e.showModal(),this.querySelector(`.command-palette-input`)?.focus()}close(){let e=this.querySelector(`.command-palette`);e?.open&&e.close(),this._open=!1,this._query=``,this._selectedIndex=0}get#n(){let e=this._query.charAt(0);return e===`>`||e===`＞`?`command`:e===`?`||e===`？`?`search`:e===`/`||e===`／`||A(this._query)?`path`:`navigate`}get#r(){let e=b(this._query),t=[...this.#e??[],...Ce];if(!e){let e=j(N);if(e.length===0)return t;let n=new Set(e),r=[],i=[];for(let e of t)n.has(e.path)?r.push(e):i.push(e);return r.sort((t,n)=>e.indexOf(t.path)-e.indexOf(n.path)),[...r,...i]}return t.map((t,n)=>({item:t,index:n,rank:ue([t.title,t.path],e)})).filter(e=>e.rank!==null).sort((e,t)=>e.rank-t.rank||e.index-t.index).map(e=>e.item)}get#i(){let e=b(this._query.slice(1));return we.filter(t=>!e||t.label.toLowerCase().includes(e))}get#a(){let e=this.#n;if(e===`command`)return this.#i.map(e=>({label:e.label,icon:e.icon}));if(e===`search`){let e=this._query.slice(1).trim();return e?[{label:`Search for "${e}"`,icon:k.search,searchQuery:e}]:j(P).map(e=>({label:e,icon:k.search,searchQuery:e}))}if(e===`path`){let e=A(this._query),t=e??be(this._query),n=e?``:xe(this._query),r=[{label:`Go to ${t}`,icon:k.path,pathTarget:t}];return n&&r.push({label:`Search for "${n}"`,icon:k.search,searchQuery:n}),r}let t=b(this._query),n=this.#r.map(e=>({label:e.title,secondary:e.status===`draft`?`Draft · ${e.path}`:e.path,icon:k[e.type]}));return t&&n.push({label:`Search all content for "${this._query.trim()}"`,icon:k.search,searchQuery:this._query.trim(),placement:`footer`,...n.length>0?{shortcut:`⌘/Ctrl ↵`}:{}}),n}#o(e){M(P,e),this.close(),window.location.href=i(`/search?q=${encodeURIComponent(e)}`)}#s(e){let t=this.#n;if(t===`command`){let t=this.#i[e];t&&(this.close(),t.action());return}if(t===`search`){let t=this.#a[e]?.searchQuery;t&&this.#o(t);return}if(t===`path`){let t=this.#a[e];if(t?.pathTarget){M(N,t.pathTarget),this.close(),window.location.href=i(t.pathTarget);return}t?.searchQuery&&this.#o(t.searchQuery);return}let n=this.#a[e];if(n?.searchQuery){this.#o(n.searchQuery);return}let r=this.#r[e];r&&(M(N,r.path),this.close(),r.type===`system`?window.location.href=i(r.path):r.type===`collection`?window.location.href=i(`/collections/${r.path}`):r.type===`smart_collection`?window.location.href=i(`/${r.path}`):window.location.href=i(r.status===`draft`?`/preview/${r.path}?edit=1`:`/${r.path}`))}#c=e=>{let t=e.target;this._query=t.value,this._selectedIndex=0};#l=e=>{if(e.isComposing||e.keyCode===229)return;let t=this.#a;if(e.key===`ArrowDown`){e.preventDefault(),this._selectedIndex=t.length>0?(this._selectedIndex+1)%t.length:0,this.#p();return}if(e.key===`ArrowUp`){e.preventDefault(),this._selectedIndex=t.length>0?(this._selectedIndex-1+t.length)%t.length:0,this.#p();return}if(e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&this.#n===`navigate`){let t=this._query.trim();if(t){e.preventDefault(),this.#o(t);return}}if(e.key===`Enter`){e.preventDefault(),this.#s(this._selectedIndex);return}if(e.key===`Tab`){e.preventDefault();return}if(e.key===`Escape`){e.preventDefault(),this.close();return}};#u=e=>{e.preventDefault(),this.close()};#d=e=>{e.target===e.currentTarget&&this.close()};#f(e){return()=>this.#s(e)}#p(){requestAnimationFrame(()=>{this.querySelector(`.command-palette-result-selected`)?.scrollIntoView({block:`nearest`})})}#m(e,t,n=!1){return r`
+      <div
+        id="command-palette-item-${t}"
+        class=${v({"command-palette-result":!0,"command-palette-result-selected":t===this._selectedIndex,"command-palette-search-action":n})}
+        role="option"
+        aria-selected=${t===this._selectedIndex}
+        @click=${this.#f(t)}
+      >
+        <span class="command-palette-result-icon">${h(e.icon)}</span>
+        <span class="command-palette-result-body">
+          <span class="command-palette-result-title">${e.label}</span>
+          ${e.secondary?r`<span class="command-palette-result-path"
+                  >${e.secondary}</span
+                >`:a}
+        </span>
+        ${e.shortcut?r`<kbd
+                class="command-palette-result-shortcut"
+                aria-label="Command or Control plus Enter"
+                >${e.shortcut}</kbd
+              >`:a}
+      </div>
+    `}render(){if(!this._open)return a;let e=this.#a,t=e.map((e,t)=>({item:e,index:t})).filter(({item:e})=>e.placement!==`footer`),n=e.map((e,t)=>({item:e,index:t})).filter(({item:e})=>e.placement===`footer`);return r`
+      <dialog
+        class="command-palette"
+        @cancel=${this.#u}
+        @click=${this.#d}
+        @keydown=${this.#l}
+      >
+        <div
+          class="command-palette-panel"
+          @click=${e=>e.stopPropagation()}
+        >
+          <div class="command-palette-input-wrapper">
+            <span class="command-palette-search-icon"
+              >${h(k.search)}</span
+            >
+            <input
+              type="text"
+              class="command-palette-input"
+              .value=${this._query}
+              @input=${this.#c}
+              placeholder="Type to navigate, > for commands, ? to search..."
+              role="combobox"
+              aria-expanded="true"
+              aria-controls="command-palette-results"
+              aria-activedescendant=${e.length>0?`command-palette-item-${this._selectedIndex}`:``}
+              autocomplete="off"
+              spellcheck="false"
+            />
+            ${this._loading?r`<span class="command-palette-spinner"></span>`:a}
+          </div>
+
+          ${e.length>0?r`
+                  <div
+                    id="command-palette-results"
+                    class="command-palette-results-container"
+                    role="listbox"
+                  >
+                    ${t.length>0?r`<div class="command-palette-results">
+                            ${t.map(({item:e,index:t})=>this.#m(e,t))}
+                          </div>`:a}
+                    ${n.map(({item:e,index:t})=>this.#m(e,t,!0))}
+                  </div>
+                `:this._query.trim()&&!this._loading?r`<div class="command-palette-empty">No results</div>`:a}
+        </div>
+      </dialog>
+    `}};customElements.get(`jant-command-palette`)||customElements.define(`jant-command-palette`,Te),document.addEventListener(`keydown`,e=>{if(e.key.toLowerCase()!==`k`||!(e.metaKey||e.ctrlKey)||e.altKey||e.shiftKey||e.defaultPrevented||e.isComposing)return;e.preventDefault();let t=document.querySelector(`jant-command-palette`);if(t){if(t.querySelector(`dialog[open]`)){t.close();return}document.querySelector(`dialog[open]`)||t.open()}}),document.addEventListener(`click`,e=>{let t=e.target;if(!(t instanceof globalThis.Element)||!t.closest(`.site-header-search-link`)||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.button!==0||e.defaultPrevented)return;let n=document.querySelector(`jant-command-palette`);n&&(document.querySelector(`dialog[open]`)||(e.preventDefault(),n.open()))}),document.addEventListener(`click`,e=>{let t=e.target instanceof globalThis.Element?e.target:null;if(!t)return;let n=t.closest(`[data-compose-open]`);if(n){let e=n.dataset.composeCollectionId;f(e?{collectionId:e}:void 0);return}let r=t.closest(`[data-reply-trigger]`);if(r){let e=r.closest(`article[data-post]`);e&&l(e);return}let i=t.closest(`[data-draft-continue]`);if(i){let e=i.dataset.postId??i.closest(`article[data-post]`)?.dataset.postId;e&&p(e)}});var F=`.compose-prompt`,Ee=`.compose-prompt-trigger`,I=`jant.composeOpenShortcutDiscovery`,De=`/api/settings/discovery/compose-open-shortcut`,Oe=350,ke=1800,L=3,R=`compose-prompt-discovery-visible`,z=!1,B=null,V=null,H=null;function U(){try{return globalThis.localStorage!==void 0}catch{return!1}}function W(){if(!U())return{shownCount:0,completed:!1};let e=globalThis.localStorage.getItem(I);if(!e)return{shownCount:0,completed:!1};try{let t=JSON.parse(e);return{shownCount:typeof t.shownCount==`number`&&t.shownCount>=0?t.shownCount:0,completed:t.completed===!0}}catch{return globalThis.localStorage.removeItem(I),{shownCount:0,completed:!1}}}function G(e){if(U())try{globalThis.localStorage.setItem(I,JSON.stringify(e))}catch{}}function K(){B!==null&&(clearTimeout(B),B=null)}function Ae(){V!==null&&(clearTimeout(V),V=null)}function je(){return typeof globalThis.matchMedia==`function`&&globalThis.matchMedia(`(min-width: 700px)`).matches}function Me(e){return W().completed?!0:e?.dataset.composeOpenShortcutDiscovered===`true`}function Ne(e){e&&(e.dataset.composeOpenShortcutDiscovered=`true`,e.classList.remove(R)),document.querySelectorAll(F).forEach(e=>{e.dataset.composeOpenShortcutDiscovered=`true`,e.classList.remove(R)})}function Pe(){let e=W();e.completed||z||e.shownCount>=L||(z=!0,G({...e,shownCount:e.shownCount+1}))}function q(e){return!je()||Me(e)?!1:W().shownCount<L||z}function J(e){K(),Ae(),e?e.classList.remove(R):H&&H.classList.remove(R),(!e||e===H)&&(H=null)}function Y(e){q(e)&&(J(H),H=e,e.classList.add(R),Pe(),V=setTimeout(()=>{J(e)},ke))}function X(e){q(e)&&(e.classList.contains(R)||(K(),B=setTimeout(()=>{Y(e)},Oe)))}function Fe(e){if(e.dataset.composeOpenShortcutDiscoveryBound===`true`)return;let t=e.querySelector(Ee);t&&(e.dataset.composeOpenShortcutDiscoveryBound=`true`,t.addEventListener(`pointerenter`,()=>{X(e)}),t.addEventListener(`pointerleave`,()=>{J(e)}),t.addEventListener(`focusin`,()=>{X(e)}),t.addEventListener(`focusout`,()=>{J(e)}))}function Z(e=document){e.querySelectorAll(F).forEach(e=>Fe(e))}function Ie(){let e=W();e.completed||G({shownCount:Math.max(e.shownCount,L),completed:!0}),Ne(H),J(H),typeof globalThis.fetch==`function`&&globalThis.fetch(De,{method:`POST`,headers:{Accept:`application/json`},credentials:`same-origin`}).catch(()=>{})}var Le=[`input`,`textarea`,`select`,`button`,`a[href]`,`[contenteditable='']`,`[contenteditable='true']`,`[role='textbox']`,`.ProseMirror`].join(`, `);function Q(e){return e instanceof globalThis.Element&&e.closest(Le)!==null}function Re(e){if(e.defaultPrevented||e.isComposing||e.repeat||e.metaKey||e.ctrlKey||e.altKey||!u()||document.querySelector(`[data-page="compose"]`)||document.querySelector(`dialog[open]`))return!0;let t=document.activeElement;return Q(e.target)||t!==e.target&&Q(t)}function ze(){return new URL(window.location.href).searchParams.get(`edit`)===`1`}function Be(){let e=new URL(window.location.href);e.searchParams.delete(`edit`);let t=e.searchParams.toString();globalThis.history.replaceState(globalThis.history.state,``,`${e.pathname}${t?`?${t}`:``}${e.hash}`)}function $(){if(!document.body?.hasAttribute(`data-authenticated`)||!ze())return;let e=d()?.dataset.postId;e&&u()&&(Be(),document.querySelector(`[data-preview-status]`)?ae(e):p(e))}async function Ve(e,t,n){try{if(!(await fetch(`/api/posts/${e}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({featured:t})})).ok)throw Error();t?n.setAttribute(`data-post-featured`,``):n.removeAttribute(`data-post-featured`),s(t?`Added to Featured.`:`Removed from Featured.`)}catch{s(`Could not update post. Try again.`,`error`)}}document.addEventListener(`keydown`,e=>{let t=e.key.toLowerCase();if(t!==`n`&&t!==`l`&&t!==`q`&&t!==`r`&&t!==`e`&&t!==`c`&&t!==`f`||Re(e))return;if(t===`n`||t===`l`||t===`q`){e.preventDefault(),Ie();let n=g(),r=t===`l`?`link`:t===`q`?`quote`:void 0;f({...n?{collectionId:n}:void 0,...r?{initialFormat:r}:void 0});return}if(t===`r`){let t=se();if(!t)return;e.preventDefault(),l(t);return}let n=d();if(n){if(t===`e`){let t=n.dataset.postId;if(!t)return;e.preventDefault(),p(t);return}if(t===`c`){e.preventDefault();let t=document.querySelector(`jant-post-menu`);t&&t.openCollectionsForPost(n);return}if(t===`f`){let t=n.dataset.postId;if(!t)return;e.preventDefault(),Ve(t,!n.hasAttribute(`data-post-featured`),n);return}}}),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,$,{once:!0}):$(),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>{Z()}):Z(),ne(),document.querySelector(`jant-command-palette`)||document.body.appendChild(document.createElement(`jant-command-palette`)),le();