@jant/core 0.6.16 → 0.7.0

package/dist/client/_assets/client-manage-M90aSTOk.js

@@ -0,0 +1,2170 @@
+import{S as e,T as t,_ as n,d as r,g as i,h as a,i as o,n as s,t as c,u as l,v as u,x as d}from"./chunks/lit-DW8VmJAT.js";import{n as f}from"./chunks/unsafe-html-B5ZEXaxg.js";import{n as p,t as m}from"./chunks/site-header-nav-DzXsFk05.js";import{n as h}from"./chunks/confirm-D7GrwsCN.js";import{n as g,r as _,t as v}from"./chunks/slug-format-CRXO1AL5.js";import{_ as ee,a as te,c as ne,i as y,n as re,o as b,p as x,r as ie,s as ae}from"./chunks/types-D5iF3H1a.js";import{a as S,i as oe,n as se,r as C,t as w}from"./chunks/settings-paths-BcdySNx6.js";import{a as ce,c as le,d as ue,f as T,i as de,l as fe,n as pe,o as E,r as D,s as O,t as k}from"./chunks/sortable-list-CgaL2jCs.js";import{_ as me,r as A,t as j}from"./chunks/create-editor-CD3FhrOB.js";function M(e){if(!e)return;let t=document.createElement(`template`);t.innerHTML=e.trim();let n=[`[data-site-header-fragment="header"]`,`[data-site-header-fragment="drawer-backdrop"]`,`[data-site-header-fragment="drawer"]`],r=!1;m(document);for(let e of n){let n=document.querySelector(e),i=t.content.querySelector(e);n&&i&&(n.replaceWith(i),r=!0)}r&&p(document)}var he=`<svg class="lucide lucide-funnel icon-fine" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>`,ge=250,_e=o`<svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  aria-hidden="true"
+>
+  <circle cx="12" cy="12" r="10" />
+  <line x1="12" x2="12" y1="8" y2="12" />
+  <line x1="12" x2="12.01" y1="16" y2="16" />
+</svg>`,ve=class extends c{static properties={labels:{type:Object},_open:{state:!0},_mode:{state:!0},_id:{state:!0},_title:{state:!0},_slug:{state:!0},_slugEdited:{state:!0},_slugState:{state:!0},_slugOpen:{state:!0},_sortOrder:{state:!0},_saving:{state:!0},_error:{state:!0}};#e=``;#t=``;#n=``;#r=null;#i=null;#a=null;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.labels={},this._open=!1,this._mode=`create`,this._id=null,this._title=``,this._slug=``,this._slugEdited=!1,this._slugState=`unknown`,this._slugOpen=!1,this._sortOrder=`newest`,this._saving=!1,this._error=``}async open(e){return this.#o(),e.collectionId&&!await this.#s(e.collectionId)?{changed:!1}:(this._open=!0,await this.updateComplete,this.#u(),this.#c(),new Promise(e=>{this.#r=e}))}#o(){this._mode=`create`,this._id=null,this._title=``,this._slug=``,this._slugEdited=!1,this._slugState=`unknown`,this._slugOpen=!1,this._sortOrder=`newest`,this._saving=!1,this._error=``,this.#e=``,this.#t=``,this.#n=``}async#s(e){try{let t=await fetch(a(`/api/collections/${e}`));if(!t.ok)throw Error(`HTTP ${t.status}`);let n=await t.json();return this._mode=`edit`,this._id=n.id,this._title=n.title??``,this._slug=n.slug??``,this.#t=n.slug??``,this._slugEdited=!0,this.#e=n.description??``,this._sortOrder=n.sortOrder??`newest`,!0}catch{return l(this.labels.loadFailed,`error`),!1}}#c(){let e=this.querySelector(`.collection-dialog`);e&&(e.open||e.showModal(),this.querySelector(`[data-field='title']`)?.focus())}#l(e){let t=this.querySelector(`.collection-dialog`);t?.open&&t.close(),this._open=!1,this.#i&&clearTimeout(this.#i),this.#d();let n=this.#r;this.#r=null,n?.(e)}#u(){let e=this.querySelector(`[data-collection-description]`);!e||this.#a||(this.#a=j({element:e,placeholder:this.labels.descriptionPlaceholder,content:this.#e||void 0,onUpdate:e=>{this.#e=e,this._error&&=``}}),this.#e=A(this.#a.getJSON()))}#d(){this.#a?.destroy(),this.#a=null}#f(e){this._title=e,!this._slugEdited&&this.#p()}async#p(){let e=this._title.trim();if(!e){this.#n=``,this._slug=``,this._slugState=`unknown`;return}let t=g(await se(e),200);this._slugEdited||this._title.trim()!==e||(this.#n=t,this._slug=t,this.#h())}#m(e){this._slugEdited=!0,this._slug=e.trim().toLowerCase(),this.#h()}#h(){this.#i&&clearTimeout(this.#i),this._slugState=`checking`,this.#i=setTimeout(()=>void this.#g(),ge)}async#g(){let e=this._slug;if(!e){this._slugState=`unknown`;return}if(this.#_()!==null){this._slugState=`taken`;return}try{let t=new URLSearchParams({mode:`check`,slug:e});this._id&&t.set(`collectionId`,this._id);let n=await fetch(a(`/api/collections/slug?${t.toString()}`));if(!n.ok)throw Error(`HTTP ${n.status}`);let r=await n.json();if(e!==this._slug)return;this._slugState=r.available?`available`:`taken`}catch{if(e!==this._slug)return;this._slugState=`unknown`}}#_(){return v(this._slug,{maxLength:200})}#v(){let e=this.#_();return e===`invalid`?this.labels.linkInvalid:e===`reserved`?this.labels.linkReserved:e===`too_long`?this.labels.linkTooLong:this._slugState===`taken`?this.labels.linkTaken:null}#y(){let e=a(C(this._slug)),t=globalThis.location?.origin&&globalThis.location.origin!==`null`?globalThis.location.origin:`http://localhost`;return new URL(e,`${t}/`).toString()}#b(){this._slugOpen||(this._slugOpen=!0,this.updateComplete.then(()=>{let e=this.querySelector(`[data-field='slug']`);e?.focus(),e?.select()}))}#x(){this.#n&&(this._slug=this.#n,this._slugEdited=!1,this.#h())}#S(){if(!this._slug&&!this._slugOpen)return s;let e=this.#v(),t=this._mode===`edit`&&this._slug!==this.#t;if(!this._slugOpen)return o`
+        <div class="collection-quick-link-box">
+          <div class="collection-quick-link-row">
+            <p
+              class="collection-quick-link-preview text-xs text-muted-foreground"
+              aria-live="polite"
+            >
+              ${this.#y()}
+            </p>
+            <button
+              type="button"
+              class="collection-quick-link-action"
+              @click=${()=>this.#b()}
+            >
+              ${this.labels.editLink}
+            </button>
+          </div>
+          ${e?o`<p class="collection-dialog-link-problem">${e}</p>`:s}
+          ${t?o`<p class="collection-dialog-link-problem">
+                  ${this.labels.linkMovesWarning}
+                </p>`:s}
+        </div>
+      `;let n=!!this.#n&&this._slug!==this.#n;return o`
+      <div class="collection-quick-link-editor">
+        <div class="field">
+          <div class="collection-quick-link-row">
+            <label class="label mb-0" for="collection-dialog-slug"
+              >${this.labels.link}</label
+            >
+            ${n?o`
+                    <button
+                      type="button"
+                      class="collection-quick-link-action"
+                      @click=${()=>this.#x()}
+                    >
+                      ${this.labels.resetLink}
+                    </button>
+                  `:s}
+          </div>
+          <input
+            id="collection-dialog-slug"
+            class="input"
+            type="text"
+            data-field="slug"
+            required
+            maxlength=${200}
+            autocomplete="off"
+            autocapitalize="off"
+            spellcheck="false"
+            aria-invalid=${e?`true`:`false`}
+            .value=${this._slug}
+            @input=${e=>this.#m(e.target.value)}
+          />
+          ${e?o`<p class="collection-dialog-link-problem">${e}</p>`:this._slug?o`<p class="collection-dialog-link-preview">
+                    ${this.#y()}
+                  </p>`:o`<p class="collection-dialog-link-help">
+                    ${this.labels.linkHelp}
+                  </p>`}
+          ${t?o`<p class="collection-dialog-link-problem">
+                  ${this.labels.linkMovesWarning}
+                </p>`:s}
+        </div>
+      </div>
+    `}#C(){return!this._title.trim()||!this._slug?this.labels.titleAndLinkRequired:this.#v()}async#w(){if(this._saving)return;let e=this.#C();if(e){this._error=e;return}this._saving=!0,this._error=``;let t=this._title.trim(),n=this.#e.trim(),r={slug:this._slug,title:t,sortOrder:this._sortOrder};n?r.description=n:this._id&&(r.description=null);try{let e=await fetch(a(this._id?`/api/collections/${this._id}`:`/api/collections`),{method:this._id?`PUT`:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(r)}),n=await e.json().catch(()=>null);if(!e.ok){this._error=n?.error??this.labels.saveFailed;return}l(this.labels.saved),this.#l({changed:!0,collection:{id:n?.id??this._id??``,slug:n?.slug??this._slug,title:n?.title??t}})}catch{this._error=this.labels.saveFailed}finally{this._saving=!1}}#T=e=>{if(this._open){if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),this.#l({changed:!1});return}if(e.key===`Enter`){let t=e.target;if(t?.isContentEditable||t?.tagName===`TEXTAREA`)return;e.preventDefault(),this.#w()}}};connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#T)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#T),this.#i&&clearTimeout(this.#i),this.#d()}render(){if(!this._open)return s;let e=this._mode===`edit`?this.labels.editHeading:this.labels.createHeading;return o`
+      <dialog
+        class="dialog collection-dialog"
+        @cancel=${e=>{e.preventDefault(),this.#l({changed:!1})}}
+        @click=${e=>{e.target===e.currentTarget&&this.#l({changed:!1})}}
+      >
+        <div
+          class="collection-dialog-panel"
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby="collection-dialog-title"
+          @click=${e=>e.stopPropagation()}
+        >
+          <header class="collection-dialog-header">
+            <h2 id="collection-dialog-title" class="collection-dialog-title">
+              ${e}
+            </h2>
+          </header>
+
+          <div
+            class="collection-dialog-body"
+            @input=${()=>{this._error=``}}
+            @change=${()=>{this._error=``}}
+          >
+            <div class="field">
+              <label for="collection-dialog-title-field"
+                >${this.labels.title}</label
+              >
+              <input
+                id="collection-dialog-title-field"
+                class="input"
+                type="text"
+                data-field="title"
+                required
+                maxlength=${120}
+                placeholder=${this._mode===`edit`?s:this.labels.titlePlaceholder}
+                .value=${this._title}
+                @input=${e=>this.#f(e.target.value)}
+              />
+            </div>
+
+            ${this.#S()}
+
+            <div class="field">
+              <!-- The label carries no "for": the editor is a contenteditable
+                   region, not a labelable control. -->
+              <label>${this.labels.description}</label>
+              <div
+                class="settings-tiptap-editor"
+                data-collection-description
+              ></div>
+            </div>
+
+            <div class="field">
+              <label for="collection-dialog-sort">${this.labels.orderBy}</label>
+              <select
+                id="collection-dialog-sort"
+                class="select"
+                data-field="sort"
+                .value=${this._sortOrder}
+                @change=${e=>{this._sortOrder=e.target.value}}
+              >
+                ${re.map(e=>o`<option
+                      value=${e}
+                      ?selected=${e===this._sortOrder}
+                    >
+                      ${this.labels.sortOptions[e]}
+                    </option>`)}
+              </select>
+            </div>
+
+            ${this._error?o`<div class="alert-destructive" role="alert">
+                    ${_e}
+                    <section><p>${this._error}</p></section>
+                  </div>`:s}
+          </div>
+
+          <footer class="collection-dialog-actions">
+            <button
+              type="button"
+              class="btn-outline"
+              @click=${()=>this.#l({changed:!1})}
+            >
+              ${this.labels.cancel}
+            </button>
+            <button
+              type="button"
+              class="btn"
+              ?disabled=${this._saving||this.#C()!==null}
+              @click=${()=>void this.#w()}
+            >
+              ${this.labels.save}
+            </button>
+          </footer>
+        </div>
+      </dialog>
+    `}};customElements.get(`jant-collection-dialog`)||customElements.define(`jant-collection-dialog`,ve);var ye=`data-collection-dialog-labels`,N=null,P=null;function be(){if(N)return N;let e=document.querySelector(`[${ye}]`)?.getAttribute(ye);if(!e)return null;try{return N=JSON.parse(e),N}catch{return null}}function xe(e){return P?.isConnected?(P.labels=e,P):(P=document.createElement(`jant-collection-dialog`),P.labels=e,document.body.appendChild(P),P)}async function F(e={}){let t=be();return t?xe(t).open(e):{changed:!1}}var I=`X-Jant-Site-Header`,L=`include`,Se=class extends c{static properties={items:{type:Array},labels:{type:Object},systemNavItems:{type:Array,attribute:`system-nav-items`},collections:{type:Array},suggestedLinks:{type:Array,attribute:`suggested-links`},siteName:{type:String,attribute:`site-name`},rssFeedsEnabled:{type:Boolean,attribute:`rss-feeds-enabled`},_items:{state:!0},_editingId:{state:!0},_editLabel:{state:!0},_editUrl:{state:!0},_togglingKeys:{state:!0},_showLinkForm:{state:!0},_newLinkLabel:{state:!0},_newLinkUrl:{state:!0},_addingLink:{state:!0},_showPreviewMore:{state:!0},_addingCollectionId:{state:!0},_showCollectionPicker:{state:!0},_collectionDialogOpen:{state:!0},_collectionDialogView:{state:!0},_creatingCollection:{state:!0},_createCollectionError:{state:!0},_createdCollection:{state:!0},_addingSuggestedKey:{state:!0},_pageDialogOpen:{state:!0},_pageDialogView:{state:!0},_pageQuery:{state:!0},_pages:{state:!0},_pageAddress:{state:!0},_pageSearchLoading:{state:!0},_pageSearchError:{state:!0},_selectedPageIndex:{state:!0},_addingPageId:{state:!0},_newPageTitle:{state:!0},_newPageSlug:{state:!0},_slugEdited:{state:!0},_slugCheckLoading:{state:!0},_slugTaken:{state:!0},_creatingPage:{state:!0},_createPageError:{state:!0},_createdPage:{state:!0}};#e=null;#t=null;#n=!1;#r=null;#i=null;#a=0;#o=null;#s=0;#c=null;#l=0;#u=()=>{this._showLinkForm=!1,document.removeEventListener(`click`,this.#u)};#d=()=>{this._showCollectionPicker=!1,document.removeEventListener(`click`,this.#d)};#f=e=>{e.target instanceof Node&&(this.querySelector(`[data-preview-more]`)?.contains(e.target)||this.#se())};#p=e=>{if(!(`key`in e)||e.key!==`Escape`||!this._showPreviewMore)return;let t=e;t.isComposing||t.keyCode===229||(e.preventDefault(),this.#se(),this.querySelector(`[data-preview-more-trigger]`)?.focus())};#m=e=>{e.key===`Escape`&&!e.isComposing&&e.keyCode!==229&&this._showCollectionPicker&&(e.preventDefault(),e.stopPropagation(),this.#d(),this.querySelector(`[data-add-collection-trigger]`)?.focus())};createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.items=[],this.labels={},this.systemNavItems=[],this.collections=[],this.suggestedLinks=[],this.siteName=``,this.rssFeedsEnabled=!1,this._items=[],this._editingId=null,this._editLabel=``,this._editUrl=``,this._togglingKeys=new Set,this._showLinkForm=!1,this._newLinkLabel=``,this._newLinkUrl=``,this._addingLink=!1,this._showPreviewMore=!1,this._addingCollectionId=null,this._showCollectionPicker=!1,this._collectionDialogOpen=!1,this._collectionDialogView=`create`,this._creatingCollection=!1,this._createCollectionError=``,this._createdCollection=null,this._addingSuggestedKey=null,this._pageDialogOpen=!1,this._pageDialogView=`picker`,this._pageQuery=``,this._pages=[],this._pageAddress=null,this._pageSearchLoading=!1,this._pageSearchError=!1,this._selectedPageIndex=0,this._addingPageId=null,this._newPageTitle=``,this._newPageSlug=``,this._slugEdited=!1,this._slugCheckLoading=!1,this._slugTaken=!1,this._creatingPage=!1,this._createPageError=``,this._createdPage=null}update(e){(!this.#n||e.has(`items`))&&(this._items=[...this.items??[]],this.#n=!0),super.update(e)}updated(){this._showPreviewMore&&this.#oe.length===0&&this.#se(),this.#H()}disconnectedCallback(){super.disconnectedCallback(),this.#e?.destroy(),this.#e=null,this.#t?.destroy(),this.#t=null,document.removeEventListener(`click`,this.#u),document.removeEventListener(`click`,this.#d),this.#se(),this.#y()}#h(){return{"Content-Type":`application/json`,Accept:`application/json`,[I]:L}}#g(){return{Accept:`application/json`,[I]:L}}#_(e){let t={...e};return delete t.headerHtml,t}#v(e){let t=e.type===`system`?this.systemNavItems.find(t=>t.key===e.systemKey)?.label:void 0,n=e.label.trim()||t||e.displayLabel||e.targetTitle?.trim()||e.label;return{...e,displayLabel:n}}#y(){this.#i!==null&&(clearTimeout(this.#i),this.#i=null),this.#o!==null&&(clearTimeout(this.#o),this.#o=null),this.#c!==null&&(clearTimeout(this.#c),this.#c=null),this.#a+=1,this.#s+=1,this.#l+=1}async#b(){if(this._pageDialogOpen)return;this.#y(),this._pageDialogOpen=!0,this._pageDialogView=`picker`,this._pageQuery=``,this._pages=[],this._pageAddress=null,this._pageSearchError=!1,this._selectedPageIndex=0,this._addingPageId=null,this._newPageTitle=``,this._newPageSlug=``,this._slugEdited=!1,this._slugCheckLoading=!1,this._slugTaken=!1,this._creatingPage=!1,this._createPageError=``,this._createdPage=null,await this.updateComplete;let e=this.querySelector(`#nav-page-dialog`);e&&!e.open&&e.showModal(),this.querySelector(`#nav-page-search`)?.focus(),this.#C()}#x(){let e=this.querySelector(`[data-add-page-trigger]`),t=this.querySelector(`#nav-page-dialog`);t?.open&&t.close(),this.#y(),this._pageDialogOpen=!1,this.updateComplete.then(()=>e?.focus())}async#S(e){let t=++this.#a,n=new URLSearchParams({url:e});this._pageSearchLoading=!0,this._pageSearchError=!1;try{let e=await fetch(`/api/nav-items/resolve?${n.toString()}`,{headers:{Accept:`application/json`}});if(!e.ok)throw Error(`HTTP ${e.status}`);let r=await e.json();if(t!==this.#a)return;this._pages=[],this._pageAddress=r.resolution??null,this._selectedPageIndex=0}catch{t===this.#a&&(this._pages=[],this._pageAddress=null,this._pageSearchError=!0)}finally{t===this.#a&&(this._pageSearchLoading=!1)}}async#C(){let e=++this.#a,t=new URLSearchParams({limit:`20`}),n=this._pageQuery.trim();n&&t.set(`q`,n),this._pageSearchLoading=!0,this._pageSearchError=!1,this._pageAddress=null;try{let n=await fetch(`/api/nav-items/pages?${t.toString()}`,{headers:{Accept:`application/json`}});if(!n.ok)throw Error(`HTTP ${n.status}`);let r=await n.json();if(e!==this.#a)return;let i=new Set(this._items.flatMap(e=>e.type===`page`&&e.postId?[e.postId]:[]));this._pages=(r.pages??[]).filter(e=>!i.has(e.id)),this._selectedPageIndex=0}catch{e===this.#a&&(this._pages=[],this._pageSearchError=!0)}finally{e===this.#a&&(this._pageSearchLoading=!1)}}#w(){this.#i!==null&&clearTimeout(this.#i),this.#i=setTimeout(()=>{this.#i=null;let e=this._pageQuery.trim();d(e)?this.#S(e):this.#C()},200)}async#T(e){if(!this._addingPageId){this._addingPageId=e.id;try{let t=await fetch(`/api/nav-items`,{method:`POST`,headers:this.#h(),body:JSON.stringify({type:`page`,postId:e.id,placement:`header`})});if(!t.ok)throw Error(`HTTP ${t.status}`);let n=await t.json(),r=this.#v(this.#_(n));this.#V(),this._items=[...this._items,r],this._pages=this._pages.filter(t=>t.id!==e.id),M(n.headerHtml),l(this.labels.pageAdded),this.#x()}catch{l(this.labels.saveFailed,`error`)}finally{this._addingPageId=null}}}#E(){this.#a+=1,this._pageDialogView=`create`,this._newPageTitle=``,this._newPageSlug=``,this._slugEdited=!1,this._slugCheckLoading=!1,this._slugTaken=!1,this._createPageError=``,this.updateComplete.then(()=>{this.querySelector(`#nav-new-page-title`)?.focus()})}#D(){this.#s+=1,this.#l+=1,this._pageDialogView=`picker`,this._createPageError=``,this.updateComplete.then(()=>{this.querySelector(`#nav-page-search`)?.focus()})}#O(){if(this._slugEdited)return;this.#o!==null&&clearTimeout(this.#o);let e=this._newPageTitle.trim();if(!e){this._newPageSlug=``;return}this.#o=setTimeout(()=>{this.#o=null,this.#k(e)},250)}async#k(e){let t=++this.#s,n=new URLSearchParams({mode:`suggest`,title:e});try{let e=await fetch(`/api/posts/slug?${n.toString()}`,{headers:{Accept:`application/json`}});if(!e.ok)return;let r=await e.json();if(t!==this.#s||this._slugEdited||this._pageDialogView!==`create`)return;this._newPageSlug=r.slug?.trim()??``,this._slugTaken=!1}catch{}}#A(){this.#c!==null&&clearTimeout(this.#c),this._slugTaken=!1;let e=this._newPageSlug.trim();if(!e||v(e,{maxLength:200})){this._slugCheckLoading=!1;return}this._slugCheckLoading=!0,this.#c=setTimeout(()=>{this.#c=null,this.#j(e)},250)}async#j(e){let t=++this.#l,n=new URLSearchParams({mode:`check`,slug:e});try{let r=await fetch(`/api/posts/slug?${n.toString()}`,{headers:{Accept:`application/json`}});if(!r.ok)return;let i=await r.json();if(t!==this.#l||this._newPageSlug.trim()!==e)return;this._slugTaken=i.available===!1}catch{}finally{t===this.#l&&(this._slugCheckLoading=!1)}}#M(){let e=v(this._newPageSlug,{maxLength:200});return e===`invalid`?this.labels.slugInvalid:e===`reserved`?this.labels.slugReserved:e===`too_long`?this.labels.slugTooLong:this._slugTaken?this.labels.slugUnavailable:``}async#N(){let e=this._newPageTitle.trim(),t=this._newPageSlug.trim();if(!e){this._createPageError=this.labels.titleRequired;return}let n=this.#M();if(n){this._createPageError=n;return}if(!this._slugCheckLoading){this._creatingPage=!0,this._createPageError=``;try{let n=await fetch(`/api/posts`,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify({format:`note`,title:e,...t&&{slug:t},status:`published`,visibility:`latest_hidden`})});if(!n.ok){if(n.status===409){this._slugTaken=!0,this._createPageError=this.labels.slugUnavailable;return}throw Error(`HTTP ${n.status}`)}let r=await n.json();this._createdPage={id:r.id,title:r.title||e,slug:r.slug},this._pageDialogView=`created`}catch{this._createPageError=this.labels.createPageFailed}finally{this._creatingPage=!1}}}#P(e){if(!(e.isComposing||e.keyCode===229)){if(e.key===`Escape`){e.preventDefault(),this.#x();return}if(this._pageDialogView===`picker`&&e.target===this.querySelector(`#nav-page-search`)){if(e.key===`ArrowDown`)e.preventDefault(),this._selectedPageIndex=this._pages.length>0?(this._selectedPageIndex+1)%this._pages.length:0,this.#F();else if(e.key===`ArrowUp`)e.preventDefault(),this._selectedPageIndex=this._pages.length>0?(this._selectedPageIndex-1+this._pages.length)%this._pages.length:0,this.#F();else if(e.key===`Enter`&&this._pages.length>0){e.preventDefault();let t=this._pages[this._selectedPageIndex];t&&this.#T(t)}}}}#F(){requestAnimationFrame(()=>{this.querySelector(`.nav-page-result-selected`)?.scrollIntoView({block:`nearest`})})}async#I(){if(this._collectionDialogOpen)return;this.#d(),this._collectionDialogOpen=!0,this._collectionDialogView=`create`,this._creatingCollection=!1,this._createCollectionError=``,this._createdCollection=null,await this.updateComplete;let e=this.querySelector(`#nav-collection-dialog`);e&&!e.open&&e.showModal();let t=this.querySelector(`#nav-collection-dialog [data-collection-title-input]`);t?.focus(),t?.select()}#L(){let e=this.querySelector(`[data-add-collection-trigger]`),t=this.querySelector(`#nav-collection-dialog`);t?.open&&t.close(),this._collectionDialogOpen=!1,this._creatingCollection=!1,this._createCollectionError=``,this.updateComplete.then(()=>e?.focus())}#R(e){e.isComposing||e.keyCode===229||e.key===`Escape`&&(e.preventDefault(),this.#L())}#z(){this.querySelector(`#nav-collection-dialog jant-collection-form form`)?.requestSubmit()}async#B(e){let t=e;if(t.stopPropagation(),!t.detail||this._creatingCollection)return;let n=this.querySelector(`#nav-collection-dialog jant-collection-form`);this._creatingCollection=!0,this._createCollectionError=``,n&&(n.loading=!0);try{let e=await fetch(`/api/collections`,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify(t.detail.data)}),n=await e.json().catch(()=>null);if(!e.ok||!n?.id||!n.title||!n.slug)throw Error(`Invalid collection response`);let r={id:n.id,title:n.title,slug:n.slug,group:null};this.collections.some(e=>e.id===n.id)||(this.collections=[...this.collections,r]),this._createdCollection=n,this._collectionDialogView=`created`}catch{this._createCollectionError=this.labels.createCollectionFailed}finally{this._creatingCollection=!1,n&&(n.loading=!1)}}#V(){this.#e?.destroy(),this.#e=null,this.#t?.destroy(),this.#t=null}#H(){let e=this.querySelector(`#nav-items-header`),t=this.querySelector(`#nav-items-more`);e&&!this.#e&&(this.#e=O.create(e,this.#U())),t&&!this.#t&&(this.#t=O.create(t,this.#U()))}#U(){return{...de,animation:150,handle:`[data-drag-handle]`,draggable:`[data-nav-id]`,group:`nav-items`,onStart:e=>{this.#r=k(e)},onEnd:e=>{this.#W(e)}}}async#W(e){let t=e.to,n=e.from,r=n!==t,i=t.id===`nav-items-header`?`header`:`more`,a=this.querySelector(`#nav-items-header`),o=this.querySelector(`#nav-items-more`),s=this._items.map(e=>({...e})),c=e.item?.dataset?.navId;if(!c||!a||!o){this.#r=null;return}let u=D(a,`[data-nav-id]`,`navId`),d=D(o,`[data-nav-id]`,`navId`);r?(e.item.parentNode?.removeChild(e.item),this.#r?n.insertBefore(e.item,this.#r):e.oldIndex!=null&&e.oldIndex<n.children.length?n.insertBefore(e.item,n.children[e.oldIndex]??null):n.appendChild(e.item)):ce(t,e,this.#r),this.#r=null,this.#V();let f=[...new Set([...u,...d])],p=new Map(this._items.map(e=>[e.id,e.id===c?{...e,placement:i}:{...e}])),m=f.map(e=>p.get(e)).filter(e=>e!==void 0),h=this._items.filter(e=>!f.includes(e.id)).map(e=>e.id===c?{...e,placement:i}:{...e});this._items=[...m,...h];let{movedId:g,afterId:_,beforeId:v}=pe(i===`header`?u:d,e.newIndex);if(g)try{if(r){let e=await fetch(`/api/nav-items/${c}`,{method:`PUT`,headers:{"Content-Type":`application/json`,Accept:`application/json`},body:JSON.stringify({placement:i})});if(!e.ok)throw Error(`HTTP ${e.status}`)}let e=await fetch(`/api/nav-items/${g}/move`,{method:`PUT`,headers:this.#h(),body:JSON.stringify({after:_??null,before:v??null})});if(!e.ok)throw Error(`HTTP ${e.status}`);M((await e.json()).headerHtml),l(r?this.labels.placementSaved:this.labels.orderSaved)}catch{this.#V(),this._items=s,l(this.labels.saveFailed,`error`)}}#G(e){this._editingId===e.id?this._editingId=null:(this._editingId=e.id,this._editLabel=e.label,this._editUrl=e.url)}async#K(e){let t=this._editLabel.trim();if(!t&&e.type===`link`){l(this.labels.labelRequired,`error`);return}try{let n=await fetch(`/api/nav-items/${e.id}`,{method:`PUT`,headers:this.#h(),body:JSON.stringify({label:t,...e.type===`link`&&{url:this._editUrl.trim()}})});if(!n.ok)throw Error(`HTTP ${n.status}`);let r=await n.json(),i=this.#v(this.#_(r));this.#V(),this._items=this._items.map(e=>e.id===i.id?i:e),this._editingId=null,M(r.headerHtml)}catch{l(this.labels.saveFailed,`error`)}}async#q(e){let t=e.type===`collection`?this.labels.confirmDeleteCollection:e.type===`page`?this.labels.confirmDeletePage:this.labels.confirmDeleteLink,n=e.type===`collection`||e.type===`page`?this.labels.remove:this.labels.delete;if(await h({message:t,confirmLabel:n,cancelLabel:this.labels.cancel,tone:`danger`}))try{let t=await fetch(`/api/nav-items/${e.id}`,{method:`DELETE`,headers:this.#g()});if(!t.ok)throw Error(`HTTP ${t.status}`);let n=await t.json();this.#V(),this._items=this._items.filter(t=>t.id!==e.id),this._editingId=null,M(n.headerHtml)}catch{l(this.labels.deleteFailed,`error`)}}async#J(){let e=this._newLinkLabel.trim(),t=this._newLinkUrl.trim();if(!e||!t){l(this.labels.labelAndUrlRequired,`error`);return}this._addingLink=!0;try{let n=await fetch(`/api/nav-items`,{method:`POST`,headers:this.#h(),body:JSON.stringify({type:`link`,label:e,url:t,placement:`header`})});if(!n.ok)throw Error(`HTTP ${n.status}`);let r=await n.json(),i=this.#v(this.#_(r));this.#V(),this._items=[...this._items,i],this._newLinkLabel=``,this._newLinkUrl=``,this._showLinkForm=!1,document.removeEventListener(`click`,this.#u),M(r.headerHtml)}catch{l(this.labels.saveFailed,`error`)}finally{this._addingLink=!1}}async#Y(e,t=!1){if(e&&!this._addingCollectionId){this._addingCollectionId=e;try{let n=await fetch(`/api/nav-items`,{method:`POST`,headers:this.#h(),body:JSON.stringify(t?{type:`smart_collection`,smartCollectionId:e,placement:`header`}:{type:`collection`,collectionId:e,placement:`header`})});if(!n.ok)throw Error(`HTTP ${n.status}`);let r=await n.json(),i=this.#v(this.#_(r));this.#V(),this._items=[...this._items,i],this.#d(),M(r.headerHtml),l(this.labels.collectionAdded),this._collectionDialogOpen&&this.#L()}catch{l(this.labels.saveFailed,`error`)}finally{this._addingCollectionId=null}}}#X(n){let r=t(n,{siteOrigins:[window.location.origin],sitePathPrefix:i()});if(r===null)return null;let a=e(r);return a?`/${a}`:`/`}#Z(e){let t=this.#X(e.url);return t!==null&&this._items.some(e=>this.#X(e.url)===t)?!0:!!(e.collectionId&&this._items.some(t=>t.type===`collection`&&t.collectionId===e.collectionId)||e.postId&&this._items.some(t=>t.type===`page`&&t.postId===e.postId))}get#Q(){return(this.suggestedLinks??[]).filter(e=>!this.#Z(e))}async#$(e){if(!this._addingSuggestedKey){this._addingSuggestedKey=e.key;try{let t=e.navItemType===`page`&&e.postId?{type:`page`,postId:e.postId,placement:`header`}:e.navItemType===`collection`&&e.collectionId?{type:`collection`,collectionId:e.collectionId,placement:`header`}:{type:`link`,label:e.label,url:e.url,placement:`header`},n=await fetch(`/api/nav-items`,{method:`POST`,headers:this.#h(),body:JSON.stringify(t)});if(!n.ok)throw Error(`HTTP ${n.status}`);let r=await n.json(),i=this.#v(this.#_(r));this.#V(),this._items=[...this._items,i],M(r.headerHtml),l(this.labels.suggestedLinkAdded)}catch{l(this.labels.saveFailed,`error`)}finally{this._addingSuggestedKey=null}}}#ee(e){return this._items.some(t=>t.type===`system`&&t.systemKey===e.key)}async#te(e,t){this._togglingKeys=new Set([...this._togglingKeys,e.key]);try{if(t){let t=await fetch(`/api/nav-items`,{method:`POST`,headers:this.#h(),body:JSON.stringify({type:`system`,systemKey:e.key})});if(!t.ok)throw Error(`HTTP ${t.status}`);let n=await t.json(),r=this.#v(this.#_(n));this.#V(),this._items=[...this._items,r],M(n.headerHtml)}else{let t=this._items.find(t=>t.type===`system`&&t.systemKey===e.key);if(t){let e=await fetch(`/api/nav-items/${t.id}`,{method:`DELETE`,headers:this.#g()});if(!e.ok)throw Error(`HTTP ${e.status}`);let n=await e.json();this.#V(),this._items=this._items.filter(e=>e.id!==t.id),M(n.headerHtml)}}}catch{l(this.labels.saveFailed,`error`),this.requestUpdate()}finally{let t=new Set(this._togglingKeys);t.delete(e.key),this._togglingKeys=t}}get#ne(){return this._items.filter(e=>(e.placement??`header`)===`header`)}get#re(){return this._items.filter(e=>e.placement===`more`)}#ie(e){return this.rssFeedsEnabled||e.type!==`system`||!ne(e.systemKey)}get#ae(){return this.#ne.filter(e=>this.#ie(e))}get#oe(){return this.#re.filter(e=>this.#ie(e))}#se(){this._showPreviewMore=!1,document.removeEventListener(`click`,this.#f),document.removeEventListener(`keydown`,this.#p)}#ce(e){if(e.preventDefault(),e.stopPropagation(),this._showPreviewMore){this.#se();return}this._showPreviewMore=!0,document.addEventListener(`keydown`,this.#p),setTimeout(()=>{document.addEventListener(`click`,this.#f)})}#le(){let e=this.#ae,t=this.#oe;return o`
+      <div class="nav-preview">
+        <div class="nav-preview-chrome">
+          <div class="nav-preview-dots">
+            <span></span><span></span><span></span>
+          </div>
+          <span class="nav-preview-label">${this.labels.preview}</span>
+        </div>
+        <div class="nav-preview-content">
+          <div class="site-header-top">
+            <a href=${a(`/`)} class="site-logo">${this.siteName}</a>
+            <nav class="site-header-nav">
+              ${T(e,e=>e.id,(e,t)=>o`<a
+                    class=${t===0?`site-header-link site-header-link-active`:`site-header-link`}
+                  >
+                    ${e.displayLabel??e.label}
+                  </a>`)}
+              ${t.length>0?o`
+                      <div class="site-header-more" data-preview-more>
+                        <button
+                          type="button"
+                          class="site-header-more-btn"
+                          data-preview-more-trigger
+                          aria-haspopup="menu"
+                          aria-expanded=${this._showPreviewMore?`true`:`false`}
+                          @click=${this.#ce}
+                        >
+                          ${this.labels.previewMore}
+                          <svg
+                            xmlns="http://www.w3.org/2000/svg"
+                            width="12"
+                            height="12"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="currentColor"
+                            stroke-width="2.5"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                            aria-hidden="true"
+                          >
+                            <path d="m6 9 6 6 6-6" />
+                          </svg>
+                        </button>
+                        <div
+                          class="site-header-more-popover"
+                          aria-hidden=${this._showPreviewMore?`false`:`true`}
+                          @click=${e=>e.stopPropagation()}
+                        >
+                          ${T(t,e=>e.id,e=>o`
+                              <span class="site-header-more-link">
+                                ${e.displayLabel??e.label}
+                              </span>
+                            `)}
+                        </div>
+                      </div>
+                    `:s}
+            </nav>
+          </div>
+        </div>
+      </div>
+    `}#ue(e){let t=e===`system`?this.labels.system:e===`collection`?this.labels.collection:e===`page`?this.labels.page:this.labels.link;return o`<span class="badge-secondary">${t}</span>`}#de(e){if(this._editingId!==e.id)return s;if(e.type===`system`)return o`
+        <div class="nav-item-edit">
+          <div class="field">
+            <label class="label">${this.labels.label}</label>
+            <input
+              type="text"
+              class="input"
+              placeholder=${e.displayLabel??``}
+              .value=${this._editLabel}
+              @input=${e=>{this._editLabel=e.target.value}}
+            />
+          </div>
+          <div class="flex items-center justify-between">
+            <button
+              type="button"
+              class="btn-sm-ghost text-destructive"
+              @click=${()=>{let t=this.systemNavItems.find(t=>t.key===e.systemKey);t&&(this._editingId=null,this.#te(t,!1))}}
+            >
+              ${this.labels.remove}
+            </button>
+            <button
+              type="button"
+              class="btn-sm"
+              @click=${()=>this.#K(e)}
+            >
+              ${this.labels.save}
+            </button>
+          </div>
+        </div>
+      `;if(e.type===`collection`)return o`
+        <div class="nav-item-edit">
+          <div class="field">
+            <label class="label">${this.labels.label}</label>
+            <input
+              type="text"
+              class="input"
+              maxlength="100"
+              placeholder=${e.displayLabel??``}
+              .value=${this._editLabel}
+              @input=${e=>{this._editLabel=e.target.value}}
+            />
+          </div>
+          <div class="flex items-center justify-between">
+            <button
+              type="button"
+              class="btn-sm-ghost text-destructive"
+              @click=${()=>void this.#q(e)}
+            >
+              ${this.labels.remove}
+            </button>
+            <button
+              type="button"
+              class="btn-sm"
+              @click=${()=>this.#K(e)}
+            >
+              ${this.labels.save}
+            </button>
+          </div>
+        </div>
+      `;if(e.type===`page`){let t=`${a(e.url)}?edit=1`;return o`
+        <div class="nav-item-edit">
+          <div class="field">
+            <label class="label">${this.labels.label}</label>
+            <input
+              type="text"
+              class="input"
+              maxlength="100"
+              placeholder=${e.displayLabel??``}
+              .value=${this._editLabel}
+              @input=${e=>{this._editLabel=e.target.value}}
+            />
+          </div>
+          <div class="flex items-center justify-between gap-3">
+            <button
+              type="button"
+              class="btn-sm-ghost text-destructive"
+              @click=${()=>void this.#q(e)}
+            >
+              ${this.labels.remove}
+            </button>
+            <div class="flex items-center gap-2">
+              <a
+                class="btn-sm-outline"
+                href=${t}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                ${this.labels.editPage}
+                <span aria-hidden="true">↗</span>
+              </a>
+              <button
+                type="button"
+                class="btn-sm"
+                @click=${()=>this.#K(e)}
+              >
+                ${this.labels.save}
+              </button>
+            </div>
+          </div>
+        </div>
+      `}return e.type===`link`?o`
+        <div class="nav-item-edit">
+          <div class="field">
+            <label class="label">${this.labels.label}</label>
+            <input
+              type="text"
+              class="input"
+              required
+              .value=${this._editLabel}
+              @input=${e=>{this._editLabel=e.target.value}}
+            />
+          </div>
+          <div class="field">
+            <label class="label">${this.labels.url}</label>
+            <input
+              type="text"
+              class="input"
+              required
+              .value=${this._editUrl}
+              @input=${e=>{this._editUrl=e.target.value}}
+            />
+          </div>
+          <div class="flex items-center justify-between">
+            <button
+              type="button"
+              class="btn-sm-ghost text-destructive"
+              @click=${()=>void this.#q(e)}
+            >
+              ${this.labels.delete}
+            </button>
+            <button
+              type="button"
+              class="btn-sm"
+              @click=${()=>this.#K(e)}
+            >
+              ${this.labels.save}
+            </button>
+          </div>
+        </div>
+      `:s}#fe(e){let t=this._editingId===e.id;return o`
+      <div
+        data-nav-id=${e.id}
+        class="nav-item${t?` nav-item-editing`:``}"
+      >
+        <div class="nav-item-row">
+          <div class="nav-item-handle" data-drag-handle>
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="14"
+              height="14"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              class="text-muted-foreground shrink-0"
+            >
+              <circle cx="9" cy="12" r="1" />
+              <circle cx="9" cy="5" r="1" />
+              <circle cx="9" cy="19" r="1" />
+              <circle cx="15" cy="12" r="1" />
+              <circle cx="15" cy="5" r="1" />
+              <circle cx="15" cy="19" r="1" />
+            </svg>
+          </div>
+          <div class="nav-item-info" @click=${()=>this.#G(e)}>
+            <div class="flex items-center gap-2 min-w-0">
+              <span class="text-sm font-medium truncate"
+                >${e.displayLabel??e.label}</span
+              >
+              ${this.#ue(e.type)}
+            </div>
+            <span class="text-xs text-muted-foreground truncate"
+              >${e.url}</span
+            >
+          </div>
+          <button
+            type="button"
+            class="nav-item-toggle"
+            @click=${()=>this.#G(e)}
+            aria-label=${this.labels.toggleEdit}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="14"
+              height="14"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              style="transition: transform 0.15s; ${t?`transform: rotate(180deg);`:``}"
+            >
+              <path d="m6 9 6 6 6-6" />
+            </svg>
+          </button>
+        </div>
+        ${this.#de(e)}
+      </div>
+    `}#pe(){let e=this.#Q;return e.length===0?s:o`
+      <section class="mt-8">
+        <h2 class="text-lg font-semibold mb-1">
+          ${this.labels.suggestedLinks}
+        </h2>
+        <p class="text-sm text-muted-foreground mb-3">
+          ${this.labels.suggestedLinksDescription}
+        </p>
+        <div class="nav-suggestions-list">
+          ${e.map(e=>{let t=this._addingSuggestedKey===e.key;return o`
+              <div class="nav-suggestion-item">
+                <div class="nav-suggestion-info">
+                  <span class="nav-suggestion-title">${e.label}</span>
+                  <span class="nav-suggestion-meta">
+                    ${e.url} · ${e.targetLabel}
+                  </span>
+                </div>
+                <button
+                  type="button"
+                  class="btn-sm"
+                  ?disabled=${t||this._addingSuggestedKey!==null}
+                  @click=${()=>this.#$(e)}
+                >
+                  ${this.labels.addSuggestedLink}
+                </button>
+              </div>
+            `})}
+        </div>
+      </section>
+    `}#me(){return o`
+      <section class="mt-8">
+        <h2 class="text-lg font-semibold mb-1">
+          ${this.labels.addPageToNavigation}
+        </h2>
+        <p class="text-sm text-muted-foreground mb-3">
+          ${this.labels.addPageDescription}
+        </p>
+        <button
+          type="button"
+          class="btn-outline"
+          data-add-page-trigger
+          @click=${()=>void this.#b()}
+        >
+          ${this.labels.addPage}
+        </button>
+      </section>
+    `}#he(e){return e.kind===`page`?this._items.some(t=>t.postId===e.page.id):e.kind===`collection`?this._items.some(t=>t.collectionId===e.collection.id):e.kind===`smart_collection`&&this._items.some(t=>t.smartCollectionId===e.smartCollection.id)}#ge(e){if(this.#he(e))return this.labels.addressAlreadyAdded;switch(e.kind){case`not_found`:return this.labels.addressNotFound.replace(`{address}`,e.address);case`unpublished`:return this.labels.addressUnpublished;case`private`:return this.labels.addressPrivate;case`untitled`:return this.labels.addressUntitled;case`external`:return this.labels.addressExternal;case`link_only`:return this.labels.addressLinkOnly;default:return``}}#_e(e){this._newLinkUrl=e,this.#x(),this._showLinkForm=!0,setTimeout(()=>{document.addEventListener(`click`,this.#u)}),this.updateComplete.then(()=>{this.querySelector(`#nav-link-label`)?.focus()})}#ve(e){let t=this.#he(e);if(e.kind===`page`&&!t){let t=e.page;return this.#ye(t.title,a(`/${t.slug}`),this._addingPageId===t.id,()=>void this.#T(t))}if(e.kind===`collection`&&!t){let t=e.collection;return this.#ye(t.title,a(C(t.slug)),this._addingCollectionId===t.id,()=>{this.#Y(t.id).then(()=>{this.#x()})})}if(e.kind===`smart_collection`&&!t){let t=e.smartCollection;return this.#ye(t.title,a(C(t.slug)),this._addingCollectionId===t.id,()=>{this.#Y(t.id,!0).then(()=>{this.#x()})})}let n=this.#ge(e),r=e.kind===`external`||e.kind===`link_only`;return o`
+      <p class="nav-page-status" role="status">${n}</p>
+      ${r?o`
+              <button
+                type="button"
+                class="btn-outline nav-page-address-link"
+                @click=${()=>this.#_e(e.address)}
+              >
+                ${this.labels.addressAddAsLink}
+              </button>
+            `:s}
+    `}#ye(e,t,n,r){return o`
+      <p class="nav-page-results-label">${this.labels.addressMatch}</p>
+      <div class="nav-page-results" role="listbox">
+        <button
+          type="button"
+          role="option"
+          aria-selected="true"
+          class="nav-page-result nav-page-result-selected"
+          ?disabled=${n}
+          @click=${r}
+        >
+          <span class="nav-page-result-copy">
+            <span class="nav-page-result-title">${e}</span>
+            <span class="nav-page-result-path">${t}</span>
+          </span>
+          ${n?o`<span class="nav-page-spinner" aria-hidden="true"></span>`:o`
+                  <svg
+                    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"
+                    aria-hidden="true"
+                  >
+                    <path d="M12 5v14" />
+                    <path d="M5 12h14" />
+                  </svg>
+                `}
+        </button>
+      </div>
+    `}#be(){let e=this._pageSearchLoading?this.labels.searchingPages:this._pageSearchError?this.labels.pageSearchFailed:this._pages.length===0?this._pageQuery.trim()?this.labels.noMatchingPages:this.labels.noPages:``;return o`
+      <header>
+        <h2 id="nav-page-dialog-title">${this.labels.addPage}</h2>
+        <p>${this.labels.addPageDescription}</p>
+      </header>
+      <section class="nav-page-picker-section">
+        <div class="nav-page-search-wrap">
+          <svg
+            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"
+            aria-hidden="true"
+          >
+            <circle cx="11" cy="11" r="8" />
+            <path d="m21 21-4.3-4.3" />
+          </svg>
+          <input
+            id="nav-page-search"
+            type="search"
+            class="input nav-page-search-input"
+            placeholder=${this.labels.searchPagesHint}
+            autocomplete="off"
+            role="combobox"
+            aria-expanded="true"
+            aria-controls="nav-page-results"
+            aria-activedescendant=${this._pages.length>0?`nav-page-result-${this._selectedPageIndex}`:``}
+            .value=${this._pageQuery}
+            @input=${e=>{this._pageQuery=e.target.value,this._selectedPageIndex=0,this.#w()}}
+          />
+        </div>
+
+        ${this._pageSearchLoading||this._pageSearchError?o`<p class="nav-page-status" role="status">${e}</p>`:this._pageAddress?this.#ve(this._pageAddress):this._pages.length>0?o`
+                    <p class="nav-page-results-label">
+                      ${this._pageQuery.trim()?this.labels.searchPages:this.labels.recentPages}
+                    </p>
+                    <div
+                      id="nav-page-results"
+                      class="nav-page-results"
+                      role="listbox"
+                    >
+                      ${this._pages.map((e,t)=>{let n=t===this._selectedPageIndex,r=this._addingPageId===e.id;return o`
+                          <button
+                            id=${`nav-page-result-${t}`}
+                            type="button"
+                            role="option"
+                            aria-selected=${n?`true`:`false`}
+                            class=${`nav-page-result${n?` nav-page-result-selected`:``}`}
+                            ?disabled=${this._addingPageId!==null}
+                            @mouseenter=${()=>{this._selectedPageIndex=t}}
+                            @click=${()=>void this.#T(e)}
+                          >
+                            <span class="nav-page-result-copy">
+                              <span class="nav-page-result-title"
+                                >${e.title}</span
+                              >
+                              <span class="nav-page-result-path"
+                                >${a(`/${e.slug}`)}</span
+                              >
+                            </span>
+                            ${r?o`<span
+                                    class="nav-page-spinner"
+                                    aria-hidden="true"
+                                  ></span>`:o`
+                                    <svg
+                                      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"
+                                      aria-hidden="true"
+                                    >
+                                      <path d="M12 5v14" />
+                                      <path d="M5 12h14" />
+                                    </svg>
+                                  `}
+                          </button>
+                        `})}
+                    </div>
+                  `:o`<p class="nav-page-status" role="status">${e}</p>`}
+      </section>
+      <footer class="nav-page-dialog-footer">
+        <button
+          type="button"
+          class="btn-outline nav-page-create-link"
+          @click=${this.#E}
+        >
+          <svg
+            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"
+            aria-hidden="true"
+          >
+            <path d="M12 5v14" />
+            <path d="M5 12h14" />
+          </svg>
+          ${this.labels.createNewPage}
+        </button>
+        <button type="button" class="btn-ghost" @click=${this.#x}>
+          ${this.labels.cancel}
+        </button>
+      </footer>
+    `}#xe(){let e=this.#M(),t=this._newPageSlug.trim()?a(`/${this._newPageSlug.trim()}`):a(`/`);return o`
+      <header>
+        <h2 id="nav-page-dialog-title">${this.labels.createPage}</h2>
+        <p>${this.labels.createPageDescription}</p>
+      </header>
+      <section>
+        <form
+          id="nav-create-page-form"
+          class="form grid gap-4"
+          @submit=${e=>{e.preventDefault(),this.#N()}}
+        >
+          <div class="field">
+            <label class="label" for="nav-new-page-title"
+              >${this.labels.pageTitle}</label
+            >
+            <input
+              id="nav-new-page-title"
+              type="text"
+              class="input"
+              required
+              maxlength="300"
+              autocomplete="off"
+              .value=${this._newPageTitle}
+              @input=${e=>{this._newPageTitle=e.target.value,this._createPageError=``,this.#O()}}
+            />
+          </div>
+          <div class="field">
+            <label class="label" for="nav-new-page-slug"
+              >${this.labels.pageAddress}</label
+            >
+            <div class="nav-page-slug-field">
+              <span class="nav-page-slug-prefix" aria-hidden="true"
+                >${a(`/`)}</span
+              >
+              <input
+                id="nav-new-page-slug"
+                type="text"
+                class="input nav-page-slug-input"
+                maxlength="200"
+                autocomplete="off"
+                spellcheck="false"
+                .value=${this._newPageSlug}
+                @input=${e=>{this._newPageSlug=e.target.value.toLowerCase(),this._slugEdited=!0,this._createPageError=``,this.#A()}}
+                aria-invalid=${e?`true`:`false`}
+                aria-describedby="nav-new-page-slug-help"
+              />
+            </div>
+            <p
+              id="nav-new-page-slug-help"
+              class=${e?`text-xs text-destructive`:`text-xs text-muted-foreground`}
+            >
+              ${e||(this._slugCheckLoading?this.labels.checkingAddress:t)}
+            </p>
+          </div>
+          <p class="nav-page-visibility-note">
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="15"
+              height="15"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <circle cx="12" cy="12" r="10" />
+              <path d="M12 16v-4" />
+              <path d="M12 8h.01" />
+            </svg>
+            ${this.labels.pageVisibilityHint}
+          </p>
+          ${this._createPageError?o`<p class="text-sm text-destructive" role="alert">
+                  ${this._createPageError}
+                </p>`:s}
+        </form>
+      </section>
+      <footer>
+        <button
+          type="button"
+          class="btn-ghost"
+          ?disabled=${this._creatingPage}
+          @click=${this.#D}
+        >
+          ${this.labels.back}
+        </button>
+        <button
+          type="submit"
+          class="btn"
+          form="nav-create-page-form"
+          ?disabled=${this._creatingPage||this._slugCheckLoading||!!e}
+        >
+          ${this._creatingPage?this.labels.creatingPage:this.labels.createPage}
+        </button>
+      </footer>
+    `}#Se(){let e=this._createdPage;if(!e)return s;let t=`${a(`/${e.slug}`)}?edit=1`;return o`
+      <header class="nav-create-success-header">
+        <span class="nav-create-success-icon" aria-hidden="true">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="22"
+            height="22"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M20 6 9 17l-5-5" />
+          </svg>
+        </span>
+        <h2 id="nav-page-dialog-title">${this.labels.pageCreated}</h2>
+        <p>${this.labels.pageCreatedDescription}</p>
+      </header>
+      <section>
+        <div class="nav-create-success-card">
+          <span class="nav-page-result-title">${e.title}</span>
+          <span class="nav-page-result-path"
+            >${a(`/${e.slug}`)}</span
+          >
+        </div>
+      </section>
+      <footer>
+        <a
+          class="btn-outline"
+          href=${t}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          ${this.labels.editPage}
+          <span aria-hidden="true">↗</span>
+        </a>
+        <button
+          type="button"
+          class="btn"
+          ?disabled=${this._addingPageId!==null}
+          @click=${()=>void this.#T(e)}
+        >
+          ${this.labels.addToNavigation}
+        </button>
+      </footer>
+    `}#Ce(){return this._pageDialogOpen?o`
+      <dialog
+        id="nav-page-dialog"
+        class="dialog nav-page-dialog"
+        aria-labelledby="nav-page-dialog-title"
+        @cancel=${e=>{e.preventDefault(),this.#x()}}
+        @click=${e=>{e.target===e.currentTarget&&this.#x()}}
+        @keydown=${this.#P}
+      >
+        <div
+          class="nav-page-dialog-panel"
+          @click=${e=>e.stopPropagation()}
+        >
+          <button
+            type="button"
+            aria-label=${this.labels.cancel}
+            @click=${this.#x}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="18"
+              height="18"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+          ${this._pageDialogView===`picker`?this.#be():this._pageDialogView===`create`?this.#xe():this.#Se()}
+        </div>
+      </dialog>
+    `:s}#we(){return o`
+      <section class="mt-8">
+        <h2 class="text-lg font-semibold mb-3">
+          ${this.labels.addCustomLinkToNavigation}
+        </h2>
+        <div id="nav-link-popover" class="popover">
+          <button
+            id="nav-link-popover-trigger"
+            type="button"
+            aria-expanded=${this._showLinkForm}
+            aria-controls="nav-link-popover-content"
+            class="btn-outline"
+            @click=${e=>{e.stopPropagation(),this._showLinkForm=!this._showLinkForm,this._showLinkForm?setTimeout(()=>{document.addEventListener(`click`,this.#u)}):document.removeEventListener(`click`,this.#u)}}
+          >
+            ${this.labels.addLink}
+          </button>
+          ${this._showLinkForm?o`
+                  <div
+                    id="nav-link-popover-content"
+                    data-popover
+                    data-side="top"
+                    aria-hidden="false"
+                    class="w-80"
+                    style="bottom: 100%; margin-bottom: 0.5rem;"
+                    @click=${e=>e.stopPropagation()}
+                  >
+                    <div class="grid gap-4">
+                      <header class="grid gap-1.5">
+                        <h4 class="leading-none font-medium">
+                          ${this.labels.addLink}
+                        </h4>
+                        <p class="text-muted-foreground text-sm">
+                          ${this.labels.addLinkDescription}
+                        </p>
+                      </header>
+                      <form
+                        class="form grid gap-2"
+                        @submit=${e=>{e.preventDefault(),this.#J()}}
+                      >
+                        <div class="grid grid-cols-3 items-center gap-4">
+                          <label for="nav-link-label"
+                            >${this.labels.label}</label
+                          >
+                          <input
+                            type="text"
+                            id="nav-link-label"
+                            class="col-span-2 h-8"
+                            placeholder="Home"
+                            required
+                            .value=${this._newLinkLabel}
+                            @input=${e=>{this._newLinkLabel=e.target.value}}
+                            autofocus
+                          />
+                        </div>
+                        <div class="grid grid-cols-3 items-center gap-4">
+                          <label for="nav-link-url">${this.labels.url}</label>
+                          <input
+                            type="text"
+                            id="nav-link-url"
+                            class="col-span-2 h-8"
+                            placeholder=${this.labels.urlPlaceholder}
+                            required
+                            .value=${this._newLinkUrl}
+                            @input=${e=>{this._newLinkUrl=e.target.value}}
+                          />
+                        </div>
+                        <button
+                          type="submit"
+                          class="btn-sm mt-2"
+                          ?disabled=${this._addingLink}
+                        >
+                          ${this.labels.addLink}
+                        </button>
+                      </form>
+                    </div>
+                  </div>
+                `:s}
+        </div>
+      </section>
+    `}#Te(){if(!this.collections?.length)return o`
+        <section class="mt-8">
+          <h2 class="text-lg font-semibold mb-1">
+            ${this.labels.addCollectionToNavigation}
+          </h2>
+          <p class="text-sm text-muted-foreground mb-3">
+            ${this.labels.noCollections}
+          </p>
+          <button
+            type="button"
+            class="btn-outline"
+            data-add-collection-trigger
+            @click=${()=>void this.#I()}
+          >
+            ${this.labels.createCollection}
+          </button>
+        </section>
+      `;let e=new Set(this._items.flatMap(e=>e.type===`collection`&&e.collectionId?[e.collectionId]:e.type===`smart_collection`&&e.smartCollectionId?[e.smartCollectionId]:[])),t=this.collections.filter(t=>!e.has(t.id));if(t.length===0)return o`
+        <section class="mt-8">
+          <h2 class="text-lg font-semibold mb-1">
+            ${this.labels.addCollectionToNavigation}
+          </h2>
+          <p class="text-sm text-muted-foreground mb-3">
+            ${this.labels.allCollectionsAdded}
+          </p>
+          <button
+            type="button"
+            class="btn-outline"
+            data-add-collection-trigger
+            @click=${()=>void this.#I()}
+          >
+            ${this.labels.createCollection}
+          </button>
+        </section>
+      `;let n=[],r=null;for(let e of t){let t=e.group??null;(!r||r.label!==t)&&(r={label:t,items:[]},n.push(r)),r.items.push(e)}return o`
+      <section class="mt-8">
+        <h2 class="text-lg font-semibold mb-1">
+          ${this.labels.addCollectionToNavigation}
+        </h2>
+        <p class="text-sm text-muted-foreground mb-3">
+          ${this.labels.addCollectionDescription}
+        </p>
+        <div
+          class="relative inline-block"
+          @keydown=${this.#m}
+        >
+          <button
+            type="button"
+            aria-expanded=${this._showCollectionPicker}
+            aria-haspopup="menu"
+            class="btn-outline"
+            data-add-collection-trigger
+            @click=${e=>{e.stopPropagation();let t=!this._showCollectionPicker;t&&this.#u(),this._showCollectionPicker=t,this._showCollectionPicker?setTimeout(()=>{document.addEventListener(`click`,this.#d)}):document.removeEventListener(`click`,this.#d)}}
+          >
+            ${this.labels.addCollection}
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="14"
+              height="14"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              class="ml-1.5 -mr-0.5"
+              aria-hidden="true"
+              style="transition: transform 0.15s; ${this._showCollectionPicker?`transform: rotate(180deg);`:``}"
+            >
+              <path d="m6 9 6 6 6-6" />
+            </svg>
+          </button>
+          ${this._showCollectionPicker?o`
+                  <div
+                    class="collection-picker"
+                    role="menu"
+                    @click=${e=>e.stopPropagation()}
+                  >
+                    ${n.map(e=>o`
+                        ${e.label?o`<div class="collection-picker-group">
+                                ${e.label}
+                              </div>`:s}
+                        ${e.items.map(e=>{let t=this._addingCollectionId===e.id;return o`
+                            <button
+                              type="button"
+                              role="menuitem"
+                              class="collection-picker-item"
+                              ?disabled=${t||this._addingCollectionId!==null}
+                              @click=${()=>this.#Y(e.id,e.isSmart)}
+                            >
+                              <span class="collection-picker-title">
+                                ${e.title}
+                              </span>
+                              ${e.isSmart?o`<span
+                                      class="collection-directory-smart-icon"
+                                      role="img"
+                                      aria-label=${this.labels.smartCollectionLabel??``}
+                                      title=${this.labels.smartCollectionLabel??``}
+                                      >${f(he)}</span
+                                    >`:s}
+                              ${t?o`<svg
+                                      xmlns="http://www.w3.org/2000/svg"
+                                      width="14"
+                                      height="14"
+                                      viewBox="0 0 24 24"
+                                      fill="none"
+                                      stroke="currentColor"
+                                      stroke-width="2"
+                                      stroke-linecap="round"
+                                      stroke-linejoin="round"
+                                      class="animate-spin shrink-0 text-muted-foreground"
+                                    >
+                                      <path d="M21 12a9 9 0 1 1-6.219-8.56" />
+                                    </svg>`:s}
+                            </button>
+                          `})}
+                      `)}
+                    <div class="collection-picker-footer">
+                      <button
+                        type="button"
+                        role="menuitem"
+                        class="collection-picker-create"
+                        data-create-collection-trigger
+                        @click=${()=>void this.#I()}
+                      >
+                        ${this.labels.createNewCollection}
+                        <span aria-hidden="true">+</span>
+                      </button>
+                    </div>
+                  </div>
+                `:s}
+        </div>
+      </section>
+    `}#Ee(){return o`
+      <header>
+        <h2 id="nav-collection-dialog-title">
+          ${this.labels.createCollection}
+        </h2>
+        <p>${this.labels.collectionFormLabels.quickHint}</p>
+      </header>
+      <section>
+        <jant-collection-form
+          .labels=${this.labels.collectionFormLabels}
+          .initial=${{title:``,slug:``}}
+          action=${a(`/api/collections`)}
+          @jant:collection-submit=${e=>void this.#B(e)}
+        ></jant-collection-form>
+        ${this._createCollectionError?o`<p class="mt-3 text-sm text-destructive" role="alert">
+                ${this._createCollectionError}
+              </p>`:s}
+      </section>
+      <footer>
+        <button
+          type="button"
+          class="btn-ghost"
+          ?disabled=${this._creatingCollection}
+          @click=${this.#L}
+        >
+          ${this.labels.cancel}
+        </button>
+        <button
+          type="button"
+          class="btn"
+          ?disabled=${this._creatingCollection}
+          @click=${this.#z}
+        >
+          ${this._creatingCollection?this.labels.creatingCollection:this.labels.createCollection}
+        </button>
+      </footer>
+    `}async#De(e){let{changed:t,collection:n}=await F({collectionId:e});t&&n&&(this._createdCollection=n,this.collections=this.collections.map(e=>e.id===n.id?{...e,title:n.title,slug:n.slug}:e))}#Oe(){let e=this._createdCollection;return e?o`
+      <header class="nav-create-success-header">
+        <span class="nav-create-success-icon" aria-hidden="true">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="22"
+            height="22"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+          >
+            <path d="M20 6 9 17l-5-5" />
+          </svg>
+        </span>
+        <h2 id="nav-collection-dialog-title">
+          ${this.labels.collectionFormLabels.createdLabel}
+        </h2>
+        <p>${this.labels.collectionCreatedDescription}</p>
+      </header>
+      <section>
+        <div class="nav-create-success-card">
+          <span class="nav-page-result-title">${e.title}</span>
+          <span class="nav-page-result-path">
+            ${a(C(e.slug))}
+          </span>
+        </div>
+      </section>
+      <footer>
+        <!-- The collection dialog opens on top of this one rather than in a
+             new tab: there is no editor page to send the author to, and the
+             navigation step they came for is still waiting underneath. -->
+        <button
+          type="button"
+          class="btn-outline"
+          @click=${()=>void this.#De(e.id)}
+        >
+          ${this.labels.editCollection}
+        </button>
+        <button
+          type="button"
+          class="btn"
+          ?disabled=${this._addingCollectionId!==null}
+          @click=${()=>void this.#Y(e.id)}
+        >
+          ${this.labels.addToNavigation}
+        </button>
+      </footer>
+    `:s}#ke(){return this._collectionDialogOpen?o`
+      <dialog
+        id="nav-collection-dialog"
+        class="dialog nav-collection-dialog"
+        aria-labelledby="nav-collection-dialog-title"
+        @cancel=${e=>{e.preventDefault(),this.#L()}}
+        @click=${e=>{e.target===e.currentTarget&&this.#L()}}
+        @keydown=${this.#R}
+      >
+        <div
+          class="nav-collection-dialog-panel"
+          @click=${e=>e.stopPropagation()}
+        >
+          <button
+            type="button"
+            aria-label=${this.labels.cancel}
+            @click=${this.#L}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="18"
+              height="18"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+          ${this._collectionDialogView===`create`?this.#Ee():this.#Oe()}
+        </div>
+      </dialog>
+    `:s}#Ae(){return this.systemNavItems?.length?o`
+      <section class="mt-8">
+        <h2 class="text-lg font-semibold mb-1">${this.labels.systemLinks}</h2>
+        <p class="text-sm text-muted-foreground mb-3">
+          ${this.labels.systemLinksDescription}
+        </p>
+        <div class="flex flex-col divide-y">
+          ${this.systemNavItems.map(e=>{let t=this.#ee(e),n=this._togglingKeys.has(e.key);return o`
+              <label class=${n?`flex items-center justify-between gap-4 py-3 opacity-60 cursor-not-allowed`:`flex items-center justify-between gap-4 py-3 cursor-pointer`}>
+                <div>
+                  <p class="font-medium">${e.label}</p>
+                  <p class="text-sm text-muted-foreground">
+                    ${e.description}
+                  </p>
+                </div>
+                <input
+                  type="checkbox"
+                  role="switch"
+                  class="input"
+                  .checked=${t}
+                  ?disabled=${n}
+                  @change=${t=>{let n=t.target.checked;this.#te(e,n)}}
+                />
+              </label>
+            `})}
+        </div>
+      </section>
+    `:s}render(){return o`
+      ${this.#le()}
+
+      <section class="mt-8">
+        <h2 class="text-lg font-semibold mb-3">${this.labels.headerSection}</h2>
+        ${this.#ne.length===0?o`<p class="text-sm text-muted-foreground py-4">
+                ${this.labels.emptyState}
+              </p>`:s}
+        <div id="nav-items-header" class="nav-items-list">
+          ${T(this.#ne,e=>e.id,e=>this.#fe(e))}
+        </div>
+      </section>
+
+      <section class="mt-8">
+        <h2 class="text-lg font-semibold mb-3">${this.labels.moreSection}</h2>
+        <div id="nav-items-more" class="nav-items-list nav-items-list-drop">
+          ${this.#re.length>0?T(this.#re,e=>e.id,e=>this.#fe(e)):o`<p class="nav-items-empty-hint">
+                  ${this.labels.moreEmptyHint}
+                </p>`}
+        </div>
+      </section>
+
+      ${this.#pe()} ${this.#me()}
+      ${this.#Te()} ${this.#we()}
+      ${this.#Ae()} ${this.#Ce()}
+      ${this.#ke()}
+    `}};customElements.define(`jant-nav-manager`,Se);var Ce=`X-Jant-Site-Header`,we=`include`;async function R(e){let t=await fetch(`/api/nav-items`,{method:`POST`,headers:{"Content-Type":`application/json`,Accept:`application/json`,[Ce]:we},body:JSON.stringify(e)}),n=await ee(t);if(!t.ok)throw Error(x(n,`error`)??`HTTP ${t.status}`);return M(x(n,`headerHtml`)),x(n,`id`)}async function z(e){return R({type:`collection`,collectionId:e,placement:`header`})}async function B(e){return R({type:`smart_collection`,smartCollectionId:e,placement:`header`})}function Te(e,t){let n=e[t];if(!n||n.type!==`divider`||!n.label)return null;let r=[];for(let n=t+1;n<e.length;n+=1){let t=e[n];if(!t||t.type===`divider`)break;let i=t.collection?.slug;i&&r.push(i)}return r.length<2?null:{slugExpression:r.join(`+`),collectionCount:r.length}}function V(e,t={}){return e.trim()?ue(me(e),t):``}function Ee(){return Math.floor(Date.now()/1e3)}function H(e){return new Date(e*1e3).toISOString()}function De(e,t=`UTC`){let n=Ee()-e;if(n<60)return`1m`;let r=Math.floor(n/60);if(r<60)return`${r}m`;let i=Math.floor(n/3600);if(i<24)return`${i}h`;let a=Math.floor(n/86400);return a<=7?`${a}d`:new Date(e*1e3).toLocaleDateString(`en-US`,{month:`short`,day:`numeric`,timeZone:t})}function U(e,t=`UTC`){let n=De(e,t);return/^[0-9]+[mhd]$/.test(n)?`${n} ago`:n}var W=[`collection`,`format`,`title`,`year`,`media`,`replies`,`visibility`];function Oe(e){return e===`any`||e===`none`||Array.isArray(e)&&e.length>0&&e.every(e=>b.includes(e))}function ke(e){return typeof e==`boolean`?e:e===1||e===0?e===1:null}function Ae(e){if(typeof e!=`string`||e===``)return null;if(e===`any`||e===`none`)return e;let t=e.split(`,`).map(e=>e.trim()).filter(e=>b.includes(e));return t.length>0?t:null}var je=/[,+\s]+/;function Me(e){let t=new Set;for(let n of e.split(je)){let e=n.trim();e&&t.add(e)}return[...t]}var Ne={key:`collection`,label:{id:`q+hNag`},url:{param:`collection`,parse(e,t){let n=e(`collection`);if(!n)return{state:`absent`};let r=Me(n);if(r.length===0)return{state:`absent`};let i=t.collections,a=[];for(let e of r){let t=i?.idBySlug.get(e);if(!t)return{state:`invalid`,message:`No collection named "${e}".`};a.push(t)}return{state:`value`,value:a}},serialize(e,t){let n=e.map(e=>t.collections?.slugById.get(e)).filter(e=>!!e);return n.length>0?n.join(`,`):null}},storage:{column:`collectionId`,isStorable(e){return Array.isArray(e)&&e.length===1&&typeof e[0]==`string`&&fe(e[0],le.collection)},toColumn(e){return e[0]},fromColumn(e){return typeof e==`string`&&e?[e]:null}},control:{kind:`collection`},toPostFilter(e){return{collectionIds:[...e]}},describe(e,t,n){let r=e.map(e=>n.collections?.titleById.get(e)).filter(e=>!!e);return r.length>0?r.join(`, `):null}},Pe={note:{id:`1DBGsz`},link:{id:`Rj01Fz`},quote:{id:`eWLklq`}},Fe={key:`format`,label:{id:`kI1qVD`},url:{param:`format`,parse(e){let t=e(`format`);return t?y.includes(t)?{state:`value`,value:t}:{state:`invalid`,message:`Invalid format value. Allowed: ${y.join(`, `)}`}:{state:`absent`}},serialize(e){return e}},storage:{column:`format`,isStorable(e){return typeof e==`string`&&y.includes(e)},toColumn(e){return e},fromColumn(e){return y.includes(e)?e:null}},control:{kind:`enum`,options:y,labelOf:e=>Pe[e]},toPostFilter(e){return{format:e}},describe(e,t){return t._(Pe[e])}},G={id:`q8RviX`},Ie={id:`wja8aL`};function Le(e,t){let n=e(t);return n===void 0?{state:`absent`}:n===`1`?{state:`value`,value:!0}:n===`0`?{state:`value`,value:!1}:{state:`invalid`,message:`Invalid ${t} value. Allowed: 0, 1`}}function Re(e,t,n){let r=e(t);return r!==void 0&&r!==``?r===`any`?{state:`value`,value:!0}:r===`none`?{state:`value`,value:!1}:{state:`invalid`,message:`Invalid ${t} value. Allowed: any, none`}:Le(e,n)}var ze={key:`title`,label:{id:`MHrjPM`},url:{param:`title`,legacy:[`hasTitle`],parse(e){return Re(e,`title`,`hasTitle`)},serialize(e){return e?`any`:`none`}},storage:{column:`hasTitle`,isStorable(e){return typeof e==`boolean`},toColumn(e){return e},fromColumn:ke},control:{kind:`presence`,yes:G,no:Ie},toPostFilter(e){return{hasTitle:e}},describe(e,t){return t._(e?G:Ie)}},Be={key:`year`,label:{id:`3PAU4M`},url:{param:`year`,parse(e){let t=e(`year`);if(!t)return{state:`absent`};let n=Number.parseInt(t,10);return!Number.isFinite(n)||n<1971||n>9999?{state:`invalid`,message:`Invalid year value. Allowed: ${ie} to ${te}`}:{state:`value`,value:n}},serialize(e){return String(e)}},storage:{column:`year`,isStorable(e){return typeof e==`number`&&Number.isInteger(e)&&e>=1971&&e<=9999},toColumn(e){return e},fromColumn(e){return typeof e==`number`&&Number.isInteger(e)?e:null}},control:{kind:`year`},toPostFilter(e,t){let n=Date.UTC(e,0,1)/1e3,r=Date.UTC(e+1,0,1)/1e3;return t.yearAxis===`sort`?{axisAfter:n,axisBefore:r}:{publishedAfter:n,publishedBefore:r}},describe(e){return String(e)}},Ve={image:{id:`an5hVd`},video:{id:`vSJd18`},audio:{id:`/rTz0M`},text:{id:`mKT7g0`},document:{id:`sER+bs`}},He={id:`QJAQiR`},Ue={id:`P5WtnY`},We={key:`media`,label:{id:`xYilR2`},url:{param:`media`,legacy:[`hasMedia`],parse(e){let t=e(`media`);if(t===void 0||t===``){let t=Le(e,`hasMedia`);return t.state===`value`?{state:`value`,value:t.value?`any`:`none`}:t}if(t===`any`||t===`none`)return{state:`value`,value:t};let n=t.split(`,`).map(e=>e.trim()).filter(e=>e.length>0),r=n.filter(e=>b.includes(e));return n.length===0||r.length!==n.length?{state:`invalid`,message:`Invalid media value. Allowed: any, none, or kinds: ${b.join(`, `)}`}:{state:`value`,value:r}},serialize(e){return typeof e==`string`?e:e.length>0?e.join(`,`):null}},storage:{column:`media`,isStorable:Oe,toColumn(e){return typeof e==`string`?e:e.join(`,`)},fromColumn:Ae},control:{kind:`media`},toPostFilter(e){return e===`any`?{hasMedia:!0}:e===`none`?{hasMedia:!1}:e.length>0?{mediaKinds:[...e]}:{}},describe(e,t){return e===`any`?t._(He):e===`none`?t._(Ue):e.length===1?t._(Ve[e[0]]):e.length>0?t._(He):null}},Ge={id:`FqCHF/`},Ke={id:`hqeXKW`},qe={key:`replies`,label:{id:`N8UzTV`},url:{param:`replies`,legacy:[`hasReplies`],parse(e){return Re(e,`replies`,`hasReplies`)},serialize(e){return e?`any`:`none`}},storage:{column:`hasReplies`,isStorable(e){return typeof e==`boolean`},toColumn(e){return e},fromColumn:ke},control:{kind:`presence`,yes:Ge,no:Ke},toPostFilter(e){return{hasReplies:e}},describe(e,t){return t._(e?Ge:Ke)}},K={public:`public`,featured:`featured`,latest_hidden:`hidden`,private:`private`},Je=Object.keys(K),Ye=new Map(Object.entries(K).map(([e,t])=>[t,e])),Xe=new Map([[`latest_hidden`,{state:`value`,value:`latest_hidden`}],[`all`,{state:`cleared`}]]),Ze={public:{id:`7d1a0d`},latest_hidden:{id:`dYKrp3`},private:{id:`zwBp5t`},featured:{id:`FkMol5`}},q={collection:Ne,format:Fe,title:ze,year:Be,media:We,replies:qe,visibility:{key:`visibility`,label:{id:`2q/Q7x`},url:{param:`visibility`,parse(e){let t=e(`visibility`);if(!t)return{state:`absent`};let n=Xe.get(t);if(n)return n;let r=Ye.get(t);return r?{state:`value`,value:r}:{state:`invalid`,message:`Invalid visibility value. Allowed: ${[...Ye.keys()].join(`, `)}`}},serialize(e){return K[e]}},storage:{column:`visibility`,isStorable(e){return typeof e==`string`&&ae.includes(e)},toColumn(e){return e},fromColumn(e){return Je.includes(e)?e:null}},control:{kind:`enum`,options:ae,labelOf:e=>Ze[e]},toPostFilter(e){return e===`featured`?{featured:!0}:{visibility:e}},describe(e,t){return t._(Ze[e])}}};W.flatMap(e=>[q[e].url.param,...q[e].url.legacy??[]]);function Qe(e,t){let n={},r=[];for(let i of W){let a=q[i],o=a.url.parse(e,t);o.state===`value`?n[i]=o.value:o.state===`invalid`&&r.push({param:a.url.param,message:o.message})}return{selection:n,issues:r}}function $e(e,t,n=new URLSearchParams){for(let r of W){let i=e[r];if(i===void 0)continue;let a=q[r],o=et(r,i,t);o!==null&&n.set(a.url.param,o)}return n}function et(e,t,n){let r=q[e].url.serialize;return r(t,n)}function J(e,t){return(n,r,i)=>o`
+    <select
+      class="select smart-condition-select"
+      .value=${n}
+      @change=${e=>r(e.target.value)}
+    >
+      ${t.map(t=>o`
+          <option value=${t} ?selected=${t===n}>
+            ${i.values[`${e}.${t}`]??t}
+          </option>
+        `)}
+    </select>
+  `}function tt(e){return J(e,[`any`,`none`])}var Y={collection:{defaultValue:``,render:(e,t,n)=>{let r=Object.entries(n.values).filter(([e])=>e.startsWith(`collection.`)).map(([e,t])=>[e.slice(11),t]);return o`
+    <select
+      class="select smart-condition-select"
+      .value=${e}
+      @change=${e=>t(e.target.value)}
+    >
+      ${r.map(([t,n])=>o`
+          <option value=${t} ?selected=${t===e}>${n}</option>
+        `)}
+    </select>
+  `}},format:{defaultValue:y[0],render:J(`format`,y)},title:{defaultValue:`any`,render:tt(`title`)},year:{defaultValue:String(new Date().getUTCFullYear()),render:(e,t)=>o`
+  <input
+    class="input smart-condition-year"
+    type="number"
+    min="1971"
+    step="1"
+    .value=${e}
+    @input=${e=>t(e.target.value)}
+  />
+`},media:{defaultValue:`any`,render:(e,t,n)=>{let r=e===`any`||e===`none`?[]:e.split(`,`),i=(e,n)=>{let i=n?[...r,e]:r.filter(t=>t!==e);t(i.length>0?i.join(`,`):`any`)};return o`
+    <div class="smart-condition-media">
+      <select
+        class="select smart-condition-select"
+        .value=${e===`none`?`none`:`any`}
+        @change=${e=>t(e.target.value)}
+      >
+        <option value="any" ?selected=${e!==`none`}>
+          ${n.values[`media.any`]??`any`}
+        </option>
+        <option value="none" ?selected=${e===`none`}>
+          ${n.values[`media.none`]??`none`}
+        </option>
+      </select>
+      ${e===`none`?null:o`
+              <div class="smart-condition-media-kinds">
+                ${b.map(e=>o`
+                    <label class="smart-condition-kind">
+                      <input
+                        class="input"
+                        type="checkbox"
+                        .checked=${r.includes(e)}
+                        @change=${t=>i(e,t.target.checked)}
+                      />
+                      <span>${n.values[`media.${e}`]??e}</span>
+                    </label>
+                  `)}
+              </div>
+            `}
+    </div>
+  `}},replies:{defaultValue:`any`,render:tt(`replies`)},visibility:{defaultValue:`public`,render:J(`visibility`,[`public`,`featured`,`hidden`])}};function nt(e){let t=$e(e,{collections:ot()}),n=[];for(let e of W){let r=t.get(q[e].url.param);r!==null&&n.push({key:e,value:r})}return n}function rt(e){let t=new URLSearchParams;for(let n of e){if(!n.value)continue;let e=q[n.key];e&&t.set(e.url.param,n.value)}let{selection:n}=Qe(e=>t.get(e)??void 0,{collections:ot()});return n}var it={idBySlug:new Map,slugById:new Map,titleById:new Map};function at(e){let t=new Map,n=new Map,r=new Map;for(let i of e)t.set(i.slug,i.id),n.set(i.id,i.slug),r.set(i.id,i.title);it={idBySlug:t,slugById:n,titleById:r}}function ot(){return it}var st=250,ct=o`<svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  aria-hidden="true"
+>
+  <path d="M5 12h14" />
+  <path d="M12 5v14" />
+</svg>`,lt=o`<svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  aria-hidden="true"
+>
+  <circle cx="12" cy="12" r="10" />
+  <line x1="12" x2="12" y1="8" y2="12" />
+  <line x1="12" x2="12.01" y1="16" y2="16" />
+</svg>`,ut=o`<svg
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+  aria-hidden="true"
+>
+  <path d="M18 6 6 18" />
+  <path d="m6 6 12 12" />
+</svg>`,dt=class extends c{static properties={labels:{type:Object},_open:{state:!0},_mode:{state:!0},_id:{state:!0},_title:{state:!0},_slug:{state:!0},_slugEdited:{state:!0},_slugState:{state:!0},_slugOpen:{state:!0},_description:{state:!0},_rows:{state:!0},_sort:{state:!0},_layout:{state:!0},_preview:{state:!0},_addMenuOpen:{state:!0},_saving:{state:!0},_error:{state:!0}};#e=``;#t=``;#n=null;#r=null;#i=null;#a=0;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this.labels={},this._open=!1,this._mode=`create`,this._id=null,this._title=``,this._slug=``,this._slugEdited=!1,this._slugState=`unknown`,this._slugOpen=!1,this._description=``,this._rows=[],this._sort=`newest`,this._layout=``,this._preview=null,this._addMenuOpen=!1,this._saving=!1,this._error=``}async open(e){if(this.#o(),e.smartCollectionId){if(!await this.#s(e.smartCollectionId))return!1}else e.prefill&&(this._title=e.prefill.title??``,this._description=e.prefill.description??``,this._rows=nt(e.prefill.selection??{}),this._sort=e.prefill.sort??`newest`,this._layout=e.prefill.layout??``,this._title&&await this.#S());return this._open=!0,await this.updateComplete,this.#c(),this.#y(),new Promise(e=>{this.#n=e})}#o(){this._mode=`create`,this._id=null,this._title=``,this._slug=``,this._slugEdited=!1,this._slugState=`unknown`,this._slugOpen=!1,this._description=``,this._rows=[],this._sort=`newest`,this._layout=``,this._preview=null,this._addMenuOpen=!1,this._saving=!1,this._error=``,this.#e=``}async#s(e){try{let t=await fetch(a(`/api/smart-collections/${e}`));if(!t.ok)throw Error(`HTTP ${t.status}`);let n=(await t.json()).smartCollection;return this._mode=`edit`,this._id=n.id,this._title=n.title??``,this._slug=n.slug??``,this.#e=n.slug??``,this._slugEdited=!0,this._description=n.description??``,this._rows=nt(n.selection??{}),this._sort=n.sort??`newest`,this._layout=n.layout??``,!0}catch{return l(this.labels.loadFailed,`error`),!1}}#c(){let e=this.querySelector(`.collection-dialog`);e&&(e.open||e.showModal(),this.querySelector(`[data-field='title']`)?.focus())}#l(e){let t=this.querySelector(`.collection-dialog`);t?.open&&t.close(),this._open=!1,this._addMenuOpen=!1,this.#r&&clearTimeout(this.#r),this.#i&&clearTimeout(this.#i);let n=this.#n;this.#n=null,n?.(e)}#u(){let e=new Set(this._rows.map(e=>e.key));return Object.keys(Y).filter(t=>!e.has(t))}#d(e){this._addMenuOpen=!1,this._rows=[...this._rows,{key:e,value:Y[e].defaultValue}],this.#y()}#f(){this._addMenuOpen=!this._addMenuOpen,this._addMenuOpen&&this.updateComplete.then(()=>{this.#m()?.scrollIntoView?.({block:`nearest`}),this.#h()[0]?.focus()})}#p(e){this._addMenuOpen&&(this._addMenuOpen=!1,e&&this.updateComplete.then(()=>{this.querySelector(`[data-add-trigger]`)?.focus()}))}#m(){return this.querySelector(`[data-add-menu]`)}#h(){return[...this.querySelectorAll(`[data-add-menu] [role='menuitem']`)]}#g(e){let t=this.#h();if(t.length===0)return;let n=t.indexOf(document.activeElement);t[n<0?e>0?0:t.length-1:(n+e+t.length)%t.length]?.focus()}#_(e){this._rows=this._rows.filter(t=>t.key!==e),this.#y()}#v(e,t){this._rows=this._rows.map(n=>n.key===e?{...n,value:t}:n),this.#y()}#y(){this.#r&&clearTimeout(this.#r),this.#r=setTimeout(()=>void this.#b(),st)}async#b(){let e=++this.#a;try{let t=await fetch(a(`/api/smart-collections/preview`),{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({selection:rt(this._rows)})});if(!t.ok)throw Error(`HTTP ${t.status}`);let n=await t.json();if(e!==this.#a)return;this._preview=n}catch{if(e!==this.#a)return;this._preview=null}}#x(e){this._title=e,!this._slugEdited&&this.#S()}async#S(){let e=this._title.trim();if(!e){this.#t=``,this._slug=``,this._slugState=`unknown`;return}this.#t=g(await se(e),200),this._slug=this.#t,this.#w()}#C(e){this._slugEdited=!0,this._slug=e.trim().toLowerCase(),this.#w()}#w(){this.#i&&clearTimeout(this.#i),this._slugState=`checking`,this.#i=setTimeout(()=>void this.#T(),st)}async#T(){let e=this._slug;if(!e){this._slugState=`unknown`;return}if(this.#E()!==null){this._slugState=`taken`;return}try{let t=new URLSearchParams({mode:`check`,slug:e});this._id&&t.set(`smartCollectionId`,this._id);let n=await fetch(a(`/api/smart-collections/slug?${t.toString()}`));if(!n.ok)throw Error(`HTTP ${n.status}`);let r=await n.json();if(e!==this._slug)return;this._slugState=r.available?`available`:`taken`}catch{if(e!==this._slug)return;this._slugState=`unknown`}}#E(){return v(this._slug,{maxLength:200})}#D(){let e=this.#E();return e===`invalid`?this.labels.linkInvalid:e===`reserved`?this.labels.linkReserved:e===`too_long`?this.labels.linkTooLong:this._slugState===`taken`?this.labels.linkTaken:null}#O(){let e=a(C(this._slug)),t=globalThis.location?.origin&&globalThis.location.origin!==`null`?globalThis.location.origin:`http://localhost`;return new URL(e,`${t}/`).toString()}#k(){this._slugOpen||(this._slugOpen=!0,this.updateComplete.then(()=>{let e=this.querySelector(`[data-field='slug']`);e?.focus(),e?.select()}))}#A(){this.#t&&(this._slug=this.#t,this._slugEdited=!1,this.#w())}#j(){if(!this._slug&&!this._slugOpen)return s;let e=this.#D(),t=this._mode===`edit`&&this._slug!==this.#e;if(!this._slugOpen)return o`
+        <div class="collection-quick-link-box">
+          <div class="collection-quick-link-row">
+            <p
+              class="collection-quick-link-preview text-xs text-muted-foreground"
+              aria-live="polite"
+            >
+              ${this.#O()}
+            </p>
+            <button
+              type="button"
+              class="collection-quick-link-action"
+              @click=${()=>this.#k()}
+            >
+              ${this.labels.editLink}
+            </button>
+          </div>
+          ${e?o`<p class="collection-dialog-link-problem">${e}</p>`:s}
+        </div>
+      `;let n=!!this.#t&&this._slug!==this.#t;return o`
+      <div class="collection-quick-link-editor">
+        <div class="field">
+          <div class="collection-quick-link-row">
+            <label class="label mb-0" for="smart-collection-slug"
+              >${this.labels.link}</label
+            >
+            ${n?o`
+                    <button
+                      type="button"
+                      class="collection-quick-link-action"
+                      @click=${()=>this.#A()}
+                    >
+                      ${this.labels.resetLink}
+                    </button>
+                  `:s}
+          </div>
+          <input
+            id="smart-collection-slug"
+            class="input"
+            type="text"
+            data-field="slug"
+            required
+            maxlength=${200}
+            autocomplete="off"
+            autocapitalize="off"
+            spellcheck="false"
+            aria-invalid=${e?`true`:`false`}
+            .value=${this._slug}
+            @input=${e=>this.#C(e.target.value)}
+          />
+          ${e?o`<p class="collection-dialog-link-problem">${e}</p>`:this._slug?o`<p class="collection-dialog-link-preview">
+                    ${this.#O()}
+                  </p>`:o`<p class="collection-dialog-link-help">
+                    ${this.labels.linkHelp}
+                  </p>`}
+          ${t?o`<p class="collection-dialog-link-problem">
+                  ${this.labels.linkMovesWarning}
+                </p>`:s}
+        </div>
+      </div>
+    `}#M(){return!this._title.trim()||!this._slug?this.labels.titleAndLinkRequired:this.#D()}async#N(){if(this._saving)return;let e=this.#M();if(e){this._error=e;return}let t=this._title.trim();this._saving=!0,this._error=``;let n={slug:this._slug,title:t,description:this._description.trim()||null,selection:rt(this._rows),sort:this._sort,layout:this._layout||null};try{let e=await fetch(a(this._id?`/api/smart-collections/${this._id}`:`/api/smart-collections`),{method:this._id?`PUT`:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(n)});if(!e.ok){let t=await e.json().catch(()=>null);this._error=t?.error??this.labels.saveFailed;return}l(this.labels.saved),this.#l(!0)}catch{this._error=this.labels.saveFailed}finally{this._saving=!1}}#P=e=>{if(this._open){if(e.key===`Escape`){if(e.preventDefault(),e.stopPropagation(),this._addMenuOpen){this.#p(!0);return}this.#l(!1);return}if(this._addMenuOpen&&(e.key===`ArrowDown`||e.key===`ArrowUp`)){e.preventDefault(),this.#g(e.key===`ArrowDown`?1:-1);return}if(e.key===`Enter`){let t=e.target;if(t?.tagName===`TEXTAREA`||t?.getAttribute(`role`)===`menuitem`)return;e.preventDefault(),this.#N()}}};connectedCallback(){super.connectedCallback(),this.addEventListener(`keydown`,this.#P)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(`keydown`,this.#P),this.#r&&clearTimeout(this.#r),this.#i&&clearTimeout(this.#i)}#F(e){let t=Y[e.key],n=this.labels.dimensions[e.key]??e.key;return o`
+      <div class="smart-condition-row" data-condition=${e.key}>
+        <span class="smart-condition-label">${n}</span>
+        <div class="smart-condition-control">
+          ${t.render(e.value,t=>this.#v(e.key,t),this.labels)}
+        </div>
+        <button
+          type="button"
+          class="btn-sm-icon-ghost smart-condition-remove"
+          aria-label=${this.labels.removeCondition}
+          title=${this.labels.removeCondition}
+          @click=${()=>this.#_(e.key)}
+        >
+          ${ut}
+        </button>
+      </div>
+    `}#I(){let e=this.#u(),t=this._rows.length>0;return o`
+      <section class="smart-collection-section">
+        <div class="smart-collection-section-head">
+          <h3 class="smart-collection-section-title">
+            ${this.labels.conditionsHeading}
+          </h3>
+          <!-- The count belongs to the whole section, not to the last row:
+               it answers "what did that just do" from a fixed place. -->
+          <p class="smart-collection-count" aria-live="polite">
+            ${this._preview?this.labels.countSummary.replace(`{count}`,String(this._preview.count)).replace(`{total}`,String(this._preview.baseline)):this.labels.counting}
+          </p>
+        </div>
+
+        <p class="smart-collection-section-hint">
+          ${t?this.labels.matchAllHint:this.labels.noConditions}
+        </p>
+
+        ${t?o`
+                <div class="smart-condition-rows">
+                  ${this._rows.map(e=>this.#F(e))}
+                </div>
+              `:s}
+
+        <div class="smart-condition-add">
+          <button
+            type="button"
+            class="btn-sm-outline smart-condition-add-trigger"
+            data-add-trigger
+            ?disabled=${e.length===0}
+            aria-haspopup="menu"
+            aria-expanded=${String(this._addMenuOpen)}
+            @click=${e=>{e.stopPropagation(),this.#f()}}
+          >
+            ${ct}${this.labels.addCondition}
+          </button>
+          ${this._addMenuOpen?o`
+                  <div
+                    class="collections-page-menu smart-condition-menu"
+                    data-add-menu
+                    role="menu"
+                    @click=${e=>e.stopPropagation()}
+                  >
+                    ${e.map(e=>o`
+                        <button
+                          type="button"
+                          class="collections-page-menu-item"
+                          role="menuitem"
+                          @click=${()=>this.#d(e)}
+                        >
+                          ${this.labels.dimensions[e]??e}
+                        </button>
+                      `)}
+                  </div>
+                `:s}
+        </div>
+      </section>
+    `}render(){if(!this._open)return s;let e=this._mode===`edit`?this.labels.editHeading:this.labels.createHeading;return o`
+      <dialog
+        class="dialog collection-dialog"
+        @cancel=${e=>{e.preventDefault(),this.#l(!1)}}
+        @click=${e=>{e.target===e.currentTarget&&this.#l(!1),this.#p(!1)}}
+      >
+        <div
+          class="collection-dialog-panel"
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby="collection-dialog-title"
+          @click=${e=>{e.stopPropagation(),this.#p(!1)}}
+        >
+          <header class="collection-dialog-header">
+            <h2 id="collection-dialog-title" class="collection-dialog-title">
+              ${e}
+            </h2>
+            <!-- Said once, where it is needed: by the time anyone edits one
+                 they know what it is. -->
+            ${this._mode===`create`?o`<p class="collection-dialog-note">
+                    ${this.labels.whatItIs}
+                  </p>`:s}
+          </header>
+
+          <div
+            class="collection-dialog-body"
+            @input=${()=>{this._error=``}}
+            @change=${()=>{this._error=``}}
+          >
+            <div class="field">
+              <label for="smart-collection-title">${this.labels.title}</label>
+              <input
+                id="smart-collection-title"
+                class="input"
+                type="text"
+                data-field="title"
+                required
+                .value=${this._title}
+                @input=${e=>this.#x(e.target.value)}
+              />
+            </div>
+
+            ${this.#j()}
+
+            <div class="field">
+              <label for="smart-collection-description"
+                >${this.labels.description}</label
+              >
+              <textarea
+                id="smart-collection-description"
+                class="textarea"
+                rows="2"
+                .value=${this._description}
+                @input=${e=>{this._description=e.target.value}}
+              ></textarea>
+            </div>
+
+            ${this.#I()}
+
+            <section class="smart-collection-section">
+              <div class="smart-collection-section-head">
+                <h3 class="smart-collection-section-title">
+                  ${this.labels.displayHeading}
+                </h3>
+              </div>
+              <div class="smart-collection-display">
+                <div class="field">
+                  <label for="smart-collection-sort"
+                    >${this.labels.orderBy}</label
+                  >
+                  <select
+                    id="smart-collection-sort"
+                    class="select"
+                    .value=${this._sort}
+                    @change=${e=>{this._sort=e.target.value}}
+                  >
+                    ${Object.entries(this.labels.sortOptions).map(([e,t])=>o`<option
+                          value=${e}
+                          ?selected=${e===this._sort}
+                        >
+                          ${t}
+                        </option>`)}
+                  </select>
+                </div>
+                <div class="field">
+                  <label for="smart-collection-layout"
+                    >${this.labels.layout}</label
+                  >
+                  <select
+                    id="smart-collection-layout"
+                    class="select"
+                    .value=${this._layout}
+                    @change=${e=>{this._layout=e.target.value}}
+                  >
+                    ${Object.entries(this.labels.layoutOptions).map(([e,t])=>o`<option
+                          value=${e}
+                          ?selected=${e===this._layout}
+                        >
+                          ${t}
+                        </option>`)}
+                  </select>
+                </div>
+              </div>
+            </section>
+
+            ${this._error?o`<div class="alert-destructive" role="alert">
+                    ${lt}
+                    <section><p>${this._error}</p></section>
+                  </div>`:s}
+          </div>
+
+          <footer class="collection-dialog-actions">
+            <button
+              type="button"
+              class="btn-outline"
+              @click=${()=>this.#l(!1)}
+            >
+              ${this.labels.cancel}
+            </button>
+            <button
+              type="button"
+              class="btn"
+              ?disabled=${this._saving||this.#M()!==null}
+              @click=${()=>void this.#N()}
+            >
+              ${this.labels.save}
+            </button>
+          </footer>
+        </div>
+      </dialog>
+    `}};customElements.get(`jant-smart-collection-dialog`)||customElements.define(`jant-smart-collection-dialog`,dt);var ft=`data-smart-collection-dialog-labels`,X=null,Z=null,pt=null;function mt(){if(X)return X;let e=document.querySelector(`[${ft}]`)?.getAttribute(ft);if(!e)return null;try{return X=JSON.parse(e),X}catch{return null}}async function ht(e){pt??=gt();let t=await pt;at(t);for(let n of t)e.values[`collection.${n.slug}`]=n.title}async function gt(){try{let e=await fetch(a(`/api/collections`));return e.ok?(await e.json()).collections??[]:[]}catch{return[]}}function _t(e){return Z?.isConnected?(Z.labels=e,Z):(Z=document.createElement(`jant-smart-collection-dialog`),Z.labels=e,document.body.appendChild(Z),Z)}async function Q(e){let t=mt();return t?(await ht(t),_t(t).open(e)):!1}var vt=class extends c{static properties={items:{type:Array},labels:{type:Object},navigationCollectionIds:{type:Array,attribute:`navigation-collection-ids`},_items:{state:!0},_reorderMode:{state:!0},_editingDividerId:{state:!0},_editingLinkId:{state:!0},_editLinkLabel:{state:!0},_editLinkUrl:{state:!0},_editLinkDescription:{state:!0},_showMoreMenu:{state:!0},_showLinkForm:{state:!0},_newLinkLabel:{state:!0},_newLinkUrl:{state:!0},_newLinkDescription:{state:!0},_addingLink:{state:!0},_showItemMenuId:{state:!0},_addingToNavigationId:{state:!0},_createdCollectionId:{state:!0}};#e=null;#t=!1;#n=null;#r=null;#i=null;#a=null;#o=()=>{this._showMoreMenu=!1,document.removeEventListener(`click`,this.#o)};#s=()=>{this._showItemMenuId=null,document.removeEventListener(`click`,this.#s)};#c=e=>{let t=e.target;if(!t)return;t.closest(`[data-collections-more-menu]`)&&e.stopPropagation();let n=t.closest(`[data-collections-action]`);if(!n||!this.#r?.contains(n))return;let r=n.dataset.collectionsAction;if(r)switch(e.preventDefault(),e.stopPropagation(),r!==`toggle-menu`&&this._showMoreMenu&&(this._showMoreMenu=!1,document.removeEventListener(`click`,this.#o)),r){case`done`:this.#x();break;case`toggle-menu`:this._showMoreMenu=!this._showMoreMenu,this._showMoreMenu?setTimeout(()=>{document.addEventListener(`click`,this.#o)}):document.removeEventListener(`click`,this.#o);break;case`organize`:this.#b();break;case`divider`:this.#w();break;case`link`:this.#T();break;case`collection`:this.#l();break;case`smart-collection`:Q({}).then(e=>{e&&this.#v()})}};createRenderRoot(){return this.innerHTML=``,this}connectedCallback(){super.connectedCallback(),this.#p()}async#l(){let e=await F();e.changed&&(await this.#v(),e.collection&&(this._createdCollectionId=e.collection.id))}async#u(e){this._showItemMenuId=null,document.removeEventListener(`click`,this.#s);let{changed:t}=await F({collectionId:e});t&&await this.#v()}constructor(){super(),this.items=[],this.labels={},this.navigationCollectionIds=[],this._items=[],this._reorderMode=!1,this._editingDividerId=null,this._editingLinkId=null,this._editLinkLabel=``,this._editLinkUrl=``,this._editLinkDescription=``,this._showMoreMenu=!1,this._showLinkForm=!1,this._newLinkLabel=``,this._newLinkUrl=``,this._newLinkDescription=``,this._addingLink=!1,this._showItemMenuId=null,this._addingToNavigationId=null,this._createdCollectionId=null}update(e){(!this.#t||e.has(`items`))&&(this._items=[...this.items??[]],this.#t=!0),super.update(e)}disconnectedCallback(){super.disconnectedCallback(),this.#e?.destroy(),this.#e=null,this.#r?.removeEventListener(`click`,this.#c),this.#r=null,this.#i?.destroy(),this.#i=null,this.#a?.destroy(),this.#a=null,document.removeEventListener(`click`,this.#o),document.removeEventListener(`click`,this.#s)}#d(){return this._items.some(e=>e.type===`collection`&&e.collection||e.type===`smart_collection`&&e.smartCollection||e.type===`link`&&e.label&&e.url)}#f(e){return`${e} ${e===1?this.labels.threadSingular:this.labels.threadPlural}`}#p(){let e=this.closest(`[data-collections-manager-root]`);e!==this.#r&&(this.#r?.removeEventListener(`click`,this.#c),this.#r=e,this.#r?.addEventListener(`click`,this.#c))}#m(e){return this.#r?.querySelector(e)??null}#h(){let e=this.#m(`[data-collections-action="done"]`);e&&(e.hidden=!this._reorderMode);let t=this.#m(`[data-collections-reorder-actions]`);t&&(t.hidden=!this._reorderMode);let n=this.#m(`[data-collections-toolbar]`);n&&(n.hidden=this._reorderMode);let r=this.#m(`[data-collections-hint]`);r&&(r.hidden=!this._reorderMode);let i=this.#m(`[data-collections-more-menu]`);i&&(i.hidden=!this._showMoreMenu||this._reorderMode);let a=this.#m(`[data-collections-action="toggle-menu"]`);a&&a.setAttribute(`aria-expanded`,String(this._showMoreMenu&&!this._reorderMode))}#g(){at(this._items.flatMap(e=>e.collection?[{id:e.collection.id,slug:e.collection.slug,title:e.collection.title}]:[]))}#_(e){let t=e.collections??[],n=e.directoryItems??[],r=new Map;for(let e of t)r.set(e.id,{id:e.id,slug:e.slug,title:e.title,description:e.description,sortOrder:e.sortOrder,threadCount:e.threadCount??0,recentActivityAt:e.recentActivityAt});let i=e.smartCollections??[],a=new Map;for(let e of i)a.set(e.id,{id:e.id,slug:e.slug,title:e.title,description:e.description,selection:e.selection??{},sort:e.sort,layout:e.layout,threadCount:e.threadCount??0,recentActivityAt:e.recentActivityAt});let o=new Set,s=new Set,c=[];for(let e of n){let t=e.collectionId==null?void 0:r.get(e.collectionId),n=e.smartCollectionId==null?void 0:a.get(e.smartCollectionId);(e.type!==`collection`||t)&&(e.type!==`smart_collection`||n)&&(t&&o.add(t.id),n&&s.add(n.id),c.push({id:e.id,type:e.type,collectionId:e.collectionId,smartCollectionId:e.smartCollectionId,label:e.label,url:e.url,description:e.description,position:e.position,collection:t,smartCollection:n}))}for(let e of t)o.has(e.id)||c.push({id:e.id,type:`collection`,collectionId:e.id,label:null,url:null,position:``,collection:r.get(e.id)});for(let e of i)s.has(e.id)||c.push({id:e.id,type:`smart_collection`,smartCollectionId:e.id,label:null,url:null,position:``,smartCollection:a.get(e.id)});return c}async#v(){try{let e=n(),t=await fetch(e?`/api/collections?lang=${encodeURIComponent(e)}`:`/api/collections`);if(!t.ok)return;let r=await t.json();this._items=this.#_(r)}catch{}}#y(){let e=this.querySelector(`#collections-manager-list`);!e||this.#e||(this.#e=O.create(e,{...de,chosenClass:`collection-directory-chosen`,dragClass:`collection-directory-drag`,ghostClass:`collection-directory-ghost`,handle:`[data-drag-handle]`,scroll:!0,onChoose:()=>{E(e,!0)},onStart:e=>{this.#n=k(e)},onUnchoose:()=>{E(e,!1)},onEnd:t=>{let n=D(e,`[data-directory-item]`,`directoryItem`);ce(e,t,this.#n),this.#n=null,E(e,!1),this.#e?.destroy(),this.#e=null;let{movedId:r,afterId:i,beforeId:a}=pe(n,t.newIndex);if(!r)return;let o=new Map(this._items.map(e=>[e.id,e]));this._items=n.map(e=>o.get(e)).filter(e=>e!==void 0),fetch(`/api/collections/directory-items/${r}/move`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({after:i??null,before:a??null})}).then(e=>{e.ok?l(this.labels.orderSaved):l(this.labels.saveFailed,`error`)})}}))}#b(){this._reorderMode=!0,this._showLinkForm=!1,this._editingLinkId=null,this._showMoreMenu=!1,document.removeEventListener(`click`,this.#o)}#x(){this._reorderMode=!1,this._editingDividerId=null,this.#e?.destroy(),this.#e=null}updated(e){if(this.#p(),this.#h(),this.#g(),this._reorderMode&&this.#y(),this._editingDividerId){let e=this.querySelector(`[data-divider-input-for="${this._editingDividerId}"]`);e&&(e.focus(),e.select(),e.scrollIntoView({block:`nearest`}),this._editingDividerId=null)}if(e.has(`_showLinkForm`)&&this._showLinkForm){let e=this.querySelector(`[data-link-form-input="label"]`);e&&this.ownerDocument.activeElement!==e&&e.focus(),this.#S()}e.has(`_editingLinkId`)&&this._editingLinkId&&this.#C()}#S(){let e=this.querySelector(`[data-new-link-desc-editor]`);!e||this.#i||(this.#i=j({element:e,placeholder:this.labels.linkDescriptionPlaceholder,content:this._newLinkDescription||void 0,onUpdate:e=>{this._newLinkDescription=e}}),this._newLinkDescription=A(this.#i.getJSON()))}#C(){let e=this.querySelector(`[data-edit-link-desc-editor]`);!e||this.#a||(this.#a=j({element:e,placeholder:this.labels.linkDescriptionPlaceholder,content:this._editLinkDescription||void 0,onUpdate:e=>{this._editLinkDescription=e}}),this._editLinkDescription=A(this.#a.getJSON()))}async#w(){this._showMoreMenu=!1,document.removeEventListener(`click`,this.#o);try{let e=await fetch(`/api/collections/directory-items`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({type:`divider`})});if(!e.ok)throw Error(`HTTP ${e.status}`);let t=await e.json();this._reorderMode=!0,await this.#v(),this._editingDividerId=t.id}catch{l(this.labels.saveFailed,`error`)}}#T(){this._showMoreMenu=!1,this._showLinkForm=!0,this._newLinkLabel=``,this._newLinkUrl=``,this._newLinkDescription=``,this.#i?.destroy(),this.#i=null,document.removeEventListener(`click`,this.#o)}async#E(){let e=this._newLinkLabel.trim(),t=this._newLinkUrl.trim();if(!e||!t){l(this.labels.labelAndUrlRequired,`error`);return}this._addingLink=!0;try{let n=this._newLinkDescription.trim()||null,r=await fetch(`/api/collections/directory-items`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({type:`link`,label:e,url:t,description:n})});if(!r.ok)throw Error(`HTTP ${r.status}`);this._showLinkForm=!1,this._newLinkLabel=``,this._newLinkUrl=``,this._newLinkDescription=``,this.#i?.destroy(),this.#i=null,l(this.labels.linkCreated),await this.#v()}catch{l(this.labels.saveFailed,`error`)}finally{this._addingLink=!1}}async#D(e){try{let t=await fetch(`/api/collections/directory-items/${e}`,{method:`DELETE`});if(!t.ok)throw Error(`HTTP ${t.status}`);this._items=this._items.filter(t=>t.id!==e)}catch{l(this.labels.saveFailed,`error`)}}async#O(e,t){let n=t.trim();if(n!==(this._items.find(t=>t.id===e)?.label??``))try{let t=await fetch(`/api/collections/directory-items/${e}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({label:n||null})});if(!t.ok)throw Error(`HTTP ${t.status}`);let r=await t.json();this._items=this._items.map(t=>t.id===e?{...t,label:r.label??null}:t)}catch{l(this.labels.saveFailed,`error`),await this.#v()}}async#k(e){if(await h({message:this.labels.confirmDelete,confirmLabel:this.labels.deleteCollection,cancelLabel:this.labels.cancel,tone:`danger`})){this._showItemMenuId=null,document.removeEventListener(`click`,this.#s);try{let t=await fetch(`/api/collections/${e.id}`,{method:`DELETE`});if(!t.ok)throw Error(`HTTP ${t.status}`);l(this.labels.deleted),await this.#v()}catch{l(this.labels.saveFailed,`error`)}}}async#A(e,t){if(!e||this._addingToNavigationId)return;let n=this._createdCollectionId===e;this._showItemMenuId=null,this._addingToNavigationId=e,document.removeEventListener(`click`,this.#s);try{await t(e),this.navigationCollectionIds=[...new Set([...this.navigationCollectionIds,e])],n||r(this.labels.addedToNavigation,{label:this.labels.editNavigation,href:a(w)})}catch{l(this.labels.addToNavigationFailed,`error`)}finally{this._addingToNavigationId=null}}#j(e){if(e.type===`link`){if(this._editingLinkId===e.id){this._editingLinkId=null,this._editLinkLabel=``,this._editLinkUrl=``,this._editLinkDescription=``,this.#a?.destroy(),this.#a=null;return}this._editingLinkId=e.id,this._editLinkLabel=e.label??``,this._editLinkUrl=e.url??``,this._editLinkDescription=e.description??``,this.#a?.destroy(),this.#a=null}}async#M(e){let t=this._editLinkLabel.trim(),n=this._editLinkUrl.trim();if(!t||!n){l(this.labels.labelAndUrlRequired,`error`);return}try{let r=this._editLinkDescription.trim()||null,i=await fetch(`/api/collections/directory-items/${e.id}`,{method:`PUT`,headers:{"Content-Type":`application/json`},body:JSON.stringify({label:t,url:n,description:r})});if(!i.ok)throw Error(`HTTP ${i.status}`);let a=await i.json();this._items=this._items.map(r=>r.id===e.id?{...r,label:a.label??t,url:a.url??n,description:a.description??null}:r),this._editingLinkId=null,this._editLinkLabel=``,this._editLinkUrl=``,this._editLinkDescription=``,this.#a?.destroy(),this.#a=null,l(this.labels.linkSaved)}catch{l(this.labels.saveFailed,`error`),await this.#v()}}async#N(e){if(await h({message:this.labels.confirmDeleteLink,confirmLabel:this.labels.deleteLink,cancelLabel:this.labels.cancel,tone:`danger`})){this._showItemMenuId=null,document.removeEventListener(`click`,this.#s);try{let t=await fetch(`/api/collections/directory-items/${e.id}`,{method:`DELETE`});if(!t.ok)throw Error(`HTTP ${t.status}`);this._editingLinkId=null,this._editLinkLabel=``,this._editLinkUrl=``,this._editLinkDescription=``,this.#a?.destroy(),this.#a=null,l(this.labels.linkDeleted),this._items=this._items.filter(t=>t.id!==e.id)}catch{l(this.labels.saveFailed,`error`)}}}#P(){let e=e=>e.type===`collection`&&e.collection||e.type===`smart_collection`&&e.smartCollection||e.type===`link`&&e.label&&e.url,t=[],n=!1,r=0;for(let i of this._items)i.type===`divider`?(n=!0,t.push(0)):e(i)&&(n?t[t.length-1]+=1:r+=1);let i=t.length>0,a=Math.max(0,t.length-1),o=i?Math.max(1,a.toString(36).length):0,s=Math.max(2,String(Math.max(0,r-1)).length),c=[],l=-1,u=0;for(let t of this._items)if(t.type===`divider`)l+=1,u=0,c.push(``);else if(e(t)){if(i){let e=Math.max(0,l).toString(36).padStart(o,`0`),t=u.toString(36);c.push(e+t)}else c.push(String(u).padStart(s,`0`));u+=1}else c.push(``);return c}#F(e,t){let n=e.collection;if(!n)return s;let r=u(oe(n.slug)),i=o`
+      <div class="collection-directory-main">
+        <span class="collection-directory-sequence" aria-hidden="true">
+          ${t}
+        </span>
+        <div class="collection-directory-title-row">
+          <a href=${r} class="collection-directory-title-link">
+            <span class="collection-directory-title">${n.title}</span>
+          </a>
+        </div>
+        ${n.description?o`
+                <div class="collection-directory-description prose">
+                  ${f(V(n.description,{namespace:n.id}))}
+                </div>
+              `:s}
+        <p class="collection-directory-summary">
+          <span class="collection-directory-meta"
+            >${this.#f(n.threadCount)}</span
+          >
+          <span class="collection-directory-meta-separator" aria-hidden="true"
+            >/</span
+          >
+          <time
+            class="collection-directory-updated"
+            datetime=${H(n.recentActivityAt)}
+          >
+            ${U(n.recentActivityAt)}
+          </time>
+        </p>
+      </div>
+    `;return this._reorderMode?o`
+        <div
+          data-directory-item=${e.id}
+          class="collection-directory-item collection-directory-item-reorder"
+        >
+          <div class="collection-directory-handle" data-drag-handle>
+            <svg
+              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"
+            >
+              <circle cx="9" cy="12" r="1" />
+              <circle cx="9" cy="5" r="1" />
+              <circle cx="9" cy="19" r="1" />
+              <circle cx="15" cy="12" r="1" />
+              <circle cx="15" cy="5" r="1" />
+              <circle cx="15" cy="19" r="1" />
+            </svg>
+          </div>
+          <div class="collection-directory-reorder-main">${i}</div>
+        </div>
+      `:o`
+      <div
+        class=${_({"group relative":!0,"collection-directory-managed-row":!0,"z-50":this._showItemMenuId===e.id||this._editingLinkId===e.id})}
+      >
+        <div
+          class="collection-directory-item collection-directory-item-manageable"
+        >
+          ${i}
+        </div>
+        ${this.#B(e)}
+      </div>
+    `}#I(e,t){let n=e.smartCollection;if(!n)return s;let r=u(C(n.slug)),i=o`
+      <div class="collection-directory-main">
+        <span class="collection-directory-sequence" aria-hidden="true"
+          >${t}</span
+        >
+        <div class="collection-directory-title-row">
+          <a href=${a(r)} class="collection-directory-title-link">
+            <span class="collection-directory-title"
+              >${n.title}
+              <span
+                class="collection-directory-smart-icon"
+                role="img"
+                aria-label=${this.labels.smartCollectionNoun}
+                title=${this.labels.smartCollectionNoun}
+                >${f(he)}</span
+              ></span
+            >
+          </a>
+        </div>
+        ${n.description?o`
+                <div class="collection-directory-description prose">
+                  ${f(V(n.description,{namespace:n.id}))}
+                </div>
+              `:s}
+        <p class="collection-directory-summary">
+          <span class="collection-directory-meta"
+            >${this.#f(n.threadCount)}</span
+          >
+          <span class="collection-directory-meta-separator" aria-hidden="true"
+            >/</span
+          >
+          <time
+            class="collection-directory-updated"
+            datetime=${H(n.recentActivityAt)}
+          >
+            ${U(n.recentActivityAt)}
+          </time>
+        </p>
+      </div>
+    `;return this._reorderMode?o`
+        <div
+          data-directory-item=${e.id}
+          class="collection-directory-item collection-directory-item-reorder"
+        >
+          <div class="collection-directory-handle" data-drag-handle>
+            <svg
+              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"
+            >
+              <circle cx="9" cy="12" r="1" />
+              <circle cx="9" cy="5" r="1" />
+              <circle cx="9" cy="19" r="1" />
+              <circle cx="15" cy="12" r="1" />
+              <circle cx="15" cy="5" r="1" />
+              <circle cx="15" cy="19" r="1" />
+            </svg>
+          </div>
+          <div class="collection-directory-reorder-main">${i}</div>
+        </div>
+      `:o`
+      <div
+        class=${_({"group relative":!0,"collection-directory-managed-row":!0,"z-50":this._showItemMenuId===e.id})}
+      >
+        <div
+          class="collection-directory-item collection-directory-item-manageable"
+        >
+          ${i}
+        </div>
+        ${this.#B(e)}
+      </div>
+    `}async#L(e){if(this._showItemMenuId=null,document.removeEventListener(`click`,this.#s),await h({message:this.labels.confirmDeleteSmartCollection,confirmLabel:this.labels.deleteSmartCollection,cancelLabel:this.labels.cancel,tone:`danger`}))try{let t=await fetch(`/api/smart-collections/${e.id}`,{method:`DELETE`});if(!t.ok)throw Error(`HTTP ${t.status}`);l(this.labels.smartCollectionDeleted),await this.#v()}catch{l(this.labels.saveFailed,`error`)}}#R(e){return this._editingLinkId===e.id?o`
+      <div
+        class="collections-link-edit card"
+        @click=${e=>e.stopPropagation()}
+      >
+        <form
+          class="grid gap-4"
+          @submit=${t=>{t.preventDefault(),this.#M(e)}}
+        >
+          <div class="field">
+            <label class="label" for=${`collections-link-label-${e.id}`}>
+              ${this.labels.label}
+            </label>
+            <input
+              id=${`collections-link-label-${e.id}`}
+              type="text"
+              class="input"
+              .value=${this._editLinkLabel}
+              @input=${e=>{this._editLinkLabel=e.currentTarget.value}}
+            />
+          </div>
+          <div class="field">
+            <label class="label" for=${`collections-link-url-${e.id}`}>
+              ${this.labels.url}
+            </label>
+            <input
+              id=${`collections-link-url-${e.id}`}
+              type="text"
+              class="input"
+              .value=${this._editLinkUrl}
+              @input=${e=>{this._editLinkUrl=e.currentTarget.value}}
+            />
+          </div>
+          <div class="field">
+            <label class="label"> ${this.labels.linkDescriptionLabel} </label>
+            <div
+              class="settings-tiptap-editor"
+              data-edit-link-desc-editor
+            ></div>
+          </div>
+          <div class="collections-link-edit-actions">
+            <button
+              type="button"
+              class="btn-outline"
+              @click=${()=>this.#j(e)}
+            >
+              ${this.labels.cancel}
+            </button>
+            <button type="submit" class="btn-sm">${this.labels.save}</button>
+          </div>
+        </form>
+      </div>
+    `:s}#z(e,t){if(!e.label||!e.url)return s;let n=a(e.url),r=e.url.startsWith(`http://`)||e.url.startsWith(`https://`),i=o`
+      <div class="collection-directory-main">
+        <span class="collection-directory-sequence" aria-hidden="true">
+          ${t}
+        </span>
+        <div class="collection-directory-title-row">
+          <a
+            href=${n}
+            class="collection-directory-title-link"
+            target=${r?`_blank`:s}
+            rel=${r?`noopener noreferrer`:s}
+          >
+            <span class="collection-directory-title">
+              ${e.label}
+              <span
+                class="collection-directory-title-marker"
+                aria-hidden="true"
+              >
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  width="14"
+                  height="14"
+                  viewBox="0 0 24 24"
+                  fill="none"
+                  stroke="currentColor"
+                  stroke-width="2"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                >
+                  <path
+                    d="M10 13a5 5 0 0 0 7.54.54l2.92-2.92a5 5 0 0 0-7.07-7.08L11.7 5.24"
+                  />
+                  <path
+                    d="M14 11a5 5 0 0 0-7.54-.54l-2.92 2.92a5 5 0 0 0 7.07 7.08l1.69-1.7"
+                  />
+                </svg>
+              </span>
+            </span>
+          </a>
+        </div>
+        ${e.description?o`
+                <div class="collection-directory-description prose">
+                  ${f(V(e.description,{namespace:e.id}))}
+                </div>
+              `:o`
+                <p class="collection-directory-summary">
+                  <span class="collection-directory-meta"
+                    >${this.labels.linkDescriptionPlaceholder}</span
+                  >
+                </p>
+              `}
+      </div>
+    `;return this._reorderMode?o`
+        <div
+          data-directory-item=${e.id}
+          class="collection-directory-item collection-directory-item-reorder"
+        >
+          <div class="collection-directory-handle" data-drag-handle>
+            <svg
+              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"
+            >
+              <circle cx="9" cy="12" r="1" />
+              <circle cx="9" cy="5" r="1" />
+              <circle cx="9" cy="19" r="1" />
+              <circle cx="15" cy="12" r="1" />
+              <circle cx="15" cy="5" r="1" />
+              <circle cx="15" cy="19" r="1" />
+            </svg>
+          </div>
+          <div class="collection-directory-reorder-main">${i}</div>
+        </div>
+      `:o`
+      <div
+        class=${_({"group relative":!0,"collection-directory-managed-row":!0,"z-50":this._showItemMenuId===e.id||this._editingLinkId===e.id})}
+      >
+        <div
+          class="collection-directory-item collection-directory-item-link collection-directory-item-manageable"
+        >
+          ${i}
+        </div>
+        ${this.#B(e)} ${this.#R(e)}
+      </div>
+    `}#B(e){let t=e.collection,n=e.smartCollection,r=e.type===`link`&&!!e.label&&!!e.url;if(!t&&!n&&!r)return s;let i=this._showItemMenuId===e.id;return o`
+      <div class="collection-directory-item-menu">
+        <button
+          type="button"
+          class="collections-page-icon-button"
+          aria-label=${this.labels.moreActions}
+          @click=${t=>{t.preventDefault(),t.stopPropagation(),i?(this._showItemMenuId=null,document.removeEventListener(`click`,this.#s)):(this._showItemMenuId=e.id,setTimeout(()=>{document.addEventListener(`click`,this.#s)}))}}
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="14"
+            height="14"
+            viewBox="0 0 24 24"
+            fill="currentColor"
+          >
+            <circle cx="5" cy="12" r="2" />
+            <circle cx="12" cy="12" r="2" />
+            <circle cx="19" cy="12" r="2" />
+          </svg>
+        </button>
+        ${i?o`
+                <div
+                  class="collections-page-menu"
+                  @click=${e=>e.stopPropagation()}
+                >
+                  ${n?o`
+                          <!-- Opens the dialog, not an editor page: creating and
+                           editing a smart collection are one surface. There is
+                           deliberately no "Remove from Collections" — a
+                           directory row is only a position, and deleting it
+                           would move the entry to the end rather than hide it,
+                           so the menu item would not do what it says. -->
+                          <button
+                            type="button"
+                            class="collections-page-menu-item"
+                            @click=${()=>{this._showItemMenuId=null,document.removeEventListener(`click`,this.#s),Q({smartCollectionId:n.id}).then(e=>{e&&this.#v()})}}
+                          >
+                            ${this.labels.edit}
+                          </button>
+                          ${this.navigationCollectionIds.includes(n.id)?o`
+                                  <a
+                                    href=${a(w)}
+                                    class="collections-page-menu-item"
+                                  >
+                                    ${this.labels.editNavigation}
+                                  </a>
+                                `:o`
+                                  <button
+                                    type="button"
+                                    class="collections-page-menu-item"
+                                    ?disabled=${this._addingToNavigationId===n.id}
+                                    @click=${()=>void this.#A(n.id,B)}
+                                  >
+                                    ${this._addingToNavigationId===n.id?this.labels.addingToNavigation:this.labels.addToNavigation}
+                                  </button>
+                                `}
+                          <button
+                            type="button"
+                            class="collections-page-menu-item collections-page-menu-item-danger"
+                            @click=${()=>void this.#L(n)}
+                          >
+                            ${this.labels.deleteSmartCollection}
+                          </button>
+                        `:t?o`
+                            <button
+                              type="button"
+                              class="collections-page-menu-item"
+                              @click=${()=>void this.#u(t.id)}
+                            >
+                              ${this.labels.edit}
+                            </button>
+                            ${this.navigationCollectionIds.includes(t.id)?o`
+                                    <a
+                                      href=${a(w)}
+                                      class="collections-page-menu-item"
+                                    >
+                                      ${this.labels.editNavigation}
+                                    </a>
+                                  `:o`
+                                    <button
+                                      type="button"
+                                      class="collections-page-menu-item"
+                                      ?disabled=${this._addingToNavigationId===t.id}
+                                      @click=${()=>void this.#A(t.id,z)}
+                                    >
+                                      ${this._addingToNavigationId===t.id?this.labels.addingToNavigation:this.labels.addToNavigation}
+                                    </button>
+                                  `}
+                            <button
+                              type="button"
+                              class="collections-page-menu-item collections-page-menu-item-danger"
+                              @click=${()=>this.#k(t)}
+                            >
+                              ${this.labels.deleteCollection}
+                            </button>
+                          `:o`
+                            <button
+                              type="button"
+                              class="collections-page-menu-item"
+                              @click=${()=>{this._showItemMenuId=null,document.removeEventListener(`click`,this.#s),this.#j(e)}}
+                            >
+                              ${this.labels.edit}
+                            </button>
+                            <button
+                              type="button"
+                              class="collections-page-menu-item collections-page-menu-item-danger"
+                              @click=${()=>this.#N(e)}
+                            >
+                              ${this.labels.deleteLink}
+                            </button>
+                          `}
+                </div>
+              `:s}
+      </div>
+    `}#V(e,t){if(this._reorderMode)return o`
+        <div
+          data-directory-item=${e.id}
+          class="collection-directory-divider-row"
+        >
+          <div class="collection-directory-handle" data-drag-handle>
+            <svg
+              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"
+            >
+              <circle cx="9" cy="12" r="1" />
+              <circle cx="9" cy="5" r="1" />
+              <circle cx="9" cy="19" r="1" />
+              <circle cx="15" cy="12" r="1" />
+              <circle cx="15" cy="5" r="1" />
+              <circle cx="15" cy="19" r="1" />
+            </svg>
+          </div>
+          <div class="collection-directory-divider-body">
+            <input
+              type="text"
+              class="collection-directory-divider-input"
+              data-divider-input-for=${e.id}
+              placeholder=${this.labels.dividerLabelPlaceholder}
+              .value=${e.label??``}
+              aria-label=${this.labels.dividerLabelPlaceholder}
+              @blur=${t=>this.#O(e.id,t.currentTarget.value)}
+              @keydown=${t=>{if(t.isComposing||t.keyCode===229)return;let n=t.currentTarget;t.key===`Enter`&&(t.preventDefault(),n.blur()),t.key===`Escape`&&(n.value=e.label??``,n.blur())}}
+            />
+            <hr class="collection-directory-divider-line" />
+          </div>
+          <button
+            type="button"
+            class="collections-page-icon-button"
+            title=${this.labels.deleteDivider}
+            aria-label=${this.labels.deleteDivider}
+            @click=${()=>this.#D(e.id)}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="12"
+              height="12"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+        </div>
+      `;let n=!!e.label,r=Te(this._items,t);return o`
+      <div class="collection-directory-divider">
+        <div
+          class="collection-directory-divider-row"
+          aria-hidden=${n?s:`true`}
+        >
+          ${n?o`
+                  ${r?o`
+                          <a
+                            href=${u(oe(r.slugExpression))}
+                            class="collection-directory-divider-link collection-directory-divider-text"
+                          >
+                            ${e.label}
+                          </a>
+                        `:o`
+                          <span class="collection-directory-divider-text">
+                            ${e.label}
+                          </span>
+                        `}
+                  <hr class="collection-directory-divider-line" />
+                `:o`<hr class="collection-directory-divider-line" />`}
+        </div>
+      </div>
+    `}#H(){return this._showLinkForm?o`
+      <div class="collections-link-create card">
+        <form
+          class="grid gap-4"
+          @submit=${e=>{e.preventDefault(),this.#E()}}
+        >
+          <header class="grid gap-1">
+            <h2 class="text-base font-semibold">${this.labels.newLink}</h2>
+            <p class="text-sm text-muted-foreground">
+              ${this.labels.addLinkDescription}
+            </p>
+          </header>
+          <div class="field">
+            <label class="label" for="collections-new-link-label">
+              ${this.labels.label}
+            </label>
+            <input
+              id="collections-new-link-label"
+              type="text"
+              class="input"
+              data-link-form-input="label"
+              placeholder=${this.labels.linkLabelPlaceholder}
+              .value=${this._newLinkLabel}
+              @input=${e=>{this._newLinkLabel=e.currentTarget.value}}
+            />
+          </div>
+          <div class="field">
+            <label class="label" for="collections-new-link-url">
+              ${this.labels.url}
+            </label>
+            <input
+              id="collections-new-link-url"
+              type="text"
+              class="input"
+              placeholder=${this.labels.linkUrlPlaceholder}
+              .value=${this._newLinkUrl}
+              @input=${e=>{this._newLinkUrl=e.currentTarget.value}}
+            />
+          </div>
+          <div class="field">
+            <label class="label"> ${this.labels.linkDescriptionLabel} </label>
+            <div class="settings-tiptap-editor" data-new-link-desc-editor></div>
+          </div>
+          <div class="collections-link-edit-actions">
+            <button
+              type="button"
+              class="btn-outline"
+              @click=${()=>{this._showLinkForm=!1,this._newLinkLabel=``,this._newLinkUrl=``,this._newLinkDescription=``,this.#i?.destroy(),this.#i=null}}
+            >
+              ${this.labels.cancel}
+            </button>
+            <button type="submit" class="btn-sm" ?disabled=${this._addingLink}>
+              ${this.labels.addLink}
+            </button>
+          </div>
+        </form>
+      </div>
+    `:s}#U(){if(!this._createdCollectionId)return s;let e=this._items.find(e=>e.collection?.id===this._createdCollectionId)?.collection;if(!e)return s;let t=this.navigationCollectionIds.includes(e.id);return o`
+      <section
+        class="collection-created-notice"
+        role="status"
+        aria-labelledby="collection-created-notice-title"
+      >
+        <p
+          id="collection-created-notice-title"
+          class="collection-created-notice-message"
+        >
+          ${t?this.labels.addedToNavigation:this.labels.formLabels.createdLabel}
+        </p>
+        <div class="collection-created-notice-actions">
+          ${t?o`
+                  <a
+                    href=${a(w)}
+                    class="collection-created-notice-action collection-created-notice-action-primary"
+                  >
+                    ${this.labels.editNavigation}
+                  </a>
+                `:o`
+                  <button
+                    type="button"
+                    class="collection-created-notice-action collection-created-notice-action-primary"
+                    ?disabled=${this._addingToNavigationId===e.id}
+                    @click=${()=>void this.#A(e.id,z)}
+                  >
+                    ${this._addingToNavigationId===e.id?this.labels.addingToNavigation:this.labels.addToNavigation}
+                  </button>
+                `}
+          <button
+            type="button"
+            class="collection-created-notice-dismiss"
+            aria-label=${this.labels.notNow}
+            title=${this.labels.notNow}
+            @click=${()=>{this._createdCollectionId=null}}
+          >
+            <svg
+              xmlns="http://www.w3.org/2000/svg"
+              width="14"
+              height="14"
+              viewBox="0 0 24 24"
+              fill="none"
+              stroke="currentColor"
+              stroke-width="2"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              aria-hidden="true"
+            >
+              <path d="M18 6 6 18" />
+              <path d="m6 6 12 12" />
+            </svg>
+          </button>
+        </div>
+      </section>
+    `}render(){return o`
+      ${this.#U()} ${this.#H()}
+      ${this.#d()?o`
+              <div id="collections-manager-list" class="collection-directory">
+                ${(()=>{let e=this.#P();return this._items.map((t,n)=>t.type===`collection`?this.#F(t,e[n]):t.type===`smart_collection`?this.#I(t,e[n]):t.type===`link`?this.#z(t,e[n]):this.#V(t,n))})()}
+              </div>
+            `:o`<p class="text-muted-foreground">${this.labels.emptyState}</p>`}
+    `}};customElements.define(`jant-collections-manager`,vt);var yt=e=>{if(!e)return{edit:``,addToNavigation:``,addingToNavigation:``,addedToNavigation:``,editNavigation:``,addToNavigationFailed:``,moreActions:``,deleteCollection:``,confirmDelete:``,cancel:``,saveFailed:``,deleted:``};try{return JSON.parse(e)}catch{return{edit:``,addToNavigation:``,addingToNavigation:``,addedToNavigation:``,editNavigation:``,addToNavigationFailed:``,moreActions:``,deleteCollection:``,confirmDelete:``,cancel:``,saveFailed:``,deleted:``}}};document.querySelectorAll(`[data-collection-page-actions]`).forEach(e=>{if(e.dataset.collectionPageActionsInitialized===`true`)return;let t=yt(e.dataset.collectionPageLabels),n=e.dataset.collectionId,i=e.dataset.collectionPageRedirectUrl||S(),a=e.querySelector(`[data-collection-page-action='toggle-menu']`),o=e.querySelector(`[data-collection-page-menu]`),s=e.querySelector(`[data-collection-page-action='add-to-navigation']`),c=e.querySelector(`[data-collection-page-edit-navigation]`);if(!n||!a||!o)return;let u=(e=!1)=>{o.hidden||(o.hidden=!0,a.setAttribute(`aria-expanded`,`false`),e&&a.focus())},d=(e=!1)=>{o.hidden=!1,a.setAttribute(`aria-expanded`,`true`),e&&o.querySelector(`[role='menuitem']`)?.focus()},f=async()=>{u(!1);let{changed:e,collection:t}=await F({collectionId:n});if(!e)return;let r=t?.slug?window.location.pathname.replace(/[^/]*$/,t.slug):null;if(r&&r!==window.location.pathname){window.location.href=`${r}${window.location.search}`;return}window.location.reload()},p=async()=>{if(u(!1),await h({message:t.confirmDelete,confirmLabel:t.deleteCollection,cancelLabel:t.cancel,tone:`danger`}))try{let e=await fetch(`/api/collections/${n}`,{method:`DELETE`});if(!e.ok)throw Error(`HTTP ${e.status}`);l(t.deleted),window.location.href=i}catch{l(t.saveFailed,`error`)}},m=async()=>{if(!s||s.disabled)return;u(!1);let i=s.querySelector(`.collections-page-menu-item-label`);s.disabled=!0,i&&(i.textContent=t.addingToNavigation);try{await z(n),s.hidden=!0,c&&(c.hidden=!1),e.dataset.collectionInNavigation=`true`,r(t.addedToNavigation,{label:t.editNavigation,href:c?.getAttribute(`href`)??`/settings/navigation`})}catch{l(t.addToNavigationFailed,`error`)}finally{s.disabled=!1,i&&(i.textContent=t.addToNavigation)}};a.addEventListener(`click`,e=>{if(e.preventDefault(),e.stopPropagation(),o.hidden){d(!1);return}u(!1)}),a.addEventListener(`keydown`,e=>{(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),o.hidden?d(!0):u(!1)),e.key===`Escape`&&(e.preventDefault(),u(!0))}),o.addEventListener(`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),u(!0))}),e.addEventListener(`click`,t=>{let n=t.target;if(!n)return;let r=n.closest(`[data-collection-page-action]`);if(!r||!e.contains(r))return;let i=r.dataset.collectionPageAction;i===`edit`&&(t.preventDefault(),f()),i===`delete`&&(t.preventDefault(),p()),i===`add-to-navigation`&&(t.preventDefault(),m())}),document.addEventListener(`click`,t=>{t.target instanceof Node&&(e.contains(t.target)||u(!1))}),e.dataset.collectionPageActionsInitialized=`true`});var bt=e=>{let t={addToNavigation:``,addingToNavigation:``,addedToNavigation:``,editNavigation:``,addToNavigationFailed:``,confirmDelete:``,deleteCollection:``,cancel:``,saveFailed:``,deleted:``};if(!e)return t;try{return{...t,...JSON.parse(e)}}catch{return t}};document.querySelectorAll(`[data-smart-collection-page-actions]`).forEach(e=>{if(e.dataset.smartCollectionPageActionsInitialized===`true`)return;let t=bt(e.dataset.collectionPageLabels),n=e.dataset.smartCollectionId,i=e.dataset.collectionPageRedirectUrl||S(),a=e.querySelector(`[data-collection-page-action='toggle-menu']`),o=e.querySelector(`[data-collection-page-menu]`),s=e.querySelector(`[data-collection-page-action='add-to-navigation']`),c=e.querySelector(`[data-collection-page-edit-navigation]`);if(!n||!a||!o)return;let u=(e=!1)=>{o.hidden||(o.hidden=!0,a.setAttribute(`aria-expanded`,`false`),e&&a.focus())},d=(e=!1)=>{o.hidden=!1,a.setAttribute(`aria-expanded`,`true`),e&&o.querySelector(`[role='menuitem']`)?.focus()},f=async()=>{u(!1),await Q({smartCollectionId:n})&&window.location.reload()},p=async()=>{if(u(!1),await h({message:t.confirmDelete,confirmLabel:t.deleteCollection,cancelLabel:t.cancel,tone:`danger`}))try{let e=await fetch(`/api/smart-collections/${n}`,{method:`DELETE`});if(!e.ok)throw Error(`HTTP ${e.status}`);l(t.deleted),window.location.href=i}catch{l(t.saveFailed,`error`)}},m=async()=>{if(!s||s.disabled)return;u(!1);let i=s.querySelector(`.collections-page-menu-item-label`);s.disabled=!0,i&&(i.textContent=t.addingToNavigation);try{await B(n),s.hidden=!0,c&&(c.hidden=!1),e.dataset.collectionInNavigation=`true`,r(t.addedToNavigation,{label:t.editNavigation,href:c?.getAttribute(`href`)??`/settings/navigation`})}catch{l(t.addToNavigationFailed,`error`)}finally{s.disabled=!1,i&&(i.textContent=t.addToNavigation)}};a.addEventListener(`click`,e=>{e.preventDefault(),e.stopPropagation(),o.hidden?d(!1):u(!1)}),a.addEventListener(`keydown`,e=>{(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),o.hidden?d(!0):u(!1)),e.key===`Escape`&&(e.preventDefault(),u(!0))}),o.addEventListener(`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),u(!0))}),e.addEventListener(`click`,t=>{let n=t.target?.closest(`[data-collection-page-action]`);if(!n||!e.contains(n))return;let r=n.dataset.collectionPageAction;r===`edit`&&(t.preventDefault(),f()),r===`delete`&&(t.preventDefault(),p()),r===`add-to-navigation`&&(t.preventDefault(),m())}),document.addEventListener(`click`,t=>{t.target instanceof Node&&(e.contains(t.target)||u(!1))}),e.dataset.smartCollectionPageActionsInitialized=`true`});var xt=6,$=8;function St(e=document){e.querySelectorAll(`[data-custom-url-actions]`).forEach(e=>{if(e.dataset.customUrlActionsInitialized===`true`)return;let t=e.querySelector(`[data-custom-url-action='toggle-menu']`),n=e.querySelector(`[data-custom-url-menu]`);if(!(t instanceof HTMLButtonElement)||!n)return;let r=typeof n.showPopover==`function`&&n.hasAttribute(`popover`),i=()=>{let e=t.getBoundingClientRect(),{width:r,height:i}=n.getBoundingClientRect(),a=e.bottom+xt,o=e.top-xt-i,s=a+i<=window.innerHeight-$||o<$?a:o;n.style.top=`${s}px`,n.style.left=`${Math.max($,Math.min(e.right-r,window.innerWidth-$-r))}px`},a=(e=!1)=>{n.hidden||(r&&(window.removeEventListener(`resize`,i),window.removeEventListener(`scroll`,i,!0),n.matches(`:popover-open`)&&n.hidePopover()),n.hidden=!0,t.setAttribute(`aria-expanded`,`false`),e&&t.focus())},o=(a=!1)=>{document.dispatchEvent(new CustomEvent(`jant:custom-url-menu`,{detail:{source:e}})),n.hidden=!1,r&&(n.matches(`:popover-open`)||n.showPopover(),i(),window.addEventListener(`resize`,i),window.addEventListener(`scroll`,i,!0)),t.setAttribute(`aria-expanded`,`true`),a&&n.querySelector(`[role='menuitem']`)?.focus()};t.addEventListener(`click`,e=>{if(e.preventDefault(),e.stopPropagation(),n.hidden){o(!1);return}a(!1)}),t.addEventListener(`keydown`,e=>{if(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`){e.preventDefault(),n.hidden?o(!0):a(!1);return}e.key===`Escape`&&(e.preventDefault(),a(!0))}),n.addEventListener(`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),a(!0))}),e.addEventListener(`click`,t=>{let n=t.target;if(!n)return;let r=n.closest(`[data-custom-url-action]`);r&&e.contains(r)&&r.dataset.customUrlAction===`delete`&&a(!1)}),document.addEventListener(`click`,e=>{e.target instanceof Node&&(t.contains(e.target)||n.contains(e.target)||a(!1))}),document.addEventListener(`jant:custom-url-menu`,t=>{t.detail?.source!==e&&a(!1)}),e.dataset.customUrlActionsInitialized=`true`})}St();