@webx-ui/module-blog 0.1.0

package/dist/index.js

@@ -0,0 +1,2991 @@
+import { provide as mt, inject as ft, defineComponent as ee, computed as b, openBlock as p, createElementBlock as K, createVNode as n, unref as e, withCtx as a, createBlock as V, createTextVNode as g, toDisplayString as f, createCommentVNode as I, useModel as Be, mergeModels as Ne, ref as z, useTemplateRef as We, watch as oe, onMounted as Le, onBeforeUnmount as Fe, Fragment as ne, createElementVNode as q, renderList as ze, normalizeClass as Ae, nextTick as Ke, isRef as He, withKeys as Ce, createSlots as st, resolveDynamicComponent as tt, mergeProps as gt } from "vue";
+import { useAdmin as se, useTranslate as te, useDates as bt, useErrorText as me, WxBackButton as ht, WxScreen as yt, WxDate as De, WxListScreen as je, WxRowMenu as Ie } from "@webx-ui/module-admin";
+import { useLocales as Ge, WxFormItem as ge, WxText as G, WxAlert as Se, WxSelect as be, useElementWidth as rt, localizedValue as _t, confirm as pe, WxSkeleton as Ue, WxBreadcrumb as wt, WxBreadcrumbItem as at, WxBadge as re, WxDropdown as xt, WxDropdownItem as lt, WxAction as Re, WxButton as F, WxActionBar as ot, toast as L, WxEmpty as Oe, WxSortableList as Je, useModal as Ze, WxDialog as Qe, WxInput as $e, WxSpace as Xe, createModal as Ee, WxTable as ut, WxIcon as Y, WxTooltip as Ye, WxHeading as kt, WxTextarea as $t, WxSwitch as Tt, WxCard as Vt, WxListDetail as At, WxCheckbox as Ct } from "@webx-ui/core";
+import { useRoute as qe, useRouter as Me, onBeforeRouteLeave as St } from "vue-router";
+import { provideBlocksPreview as Wt } from "@webx-ui/module-blocks";
+const dt = /* @__PURE__ */ Symbol("wx-article-editor");
+function zt(y) {
+  mt(dt, y);
+}
+function Te() {
+  return ft(dt, null);
+}
+const Rt = {
+  module: {
+    group: "Blog",
+    articles: "Articles",
+    rubrics: "Rubrics",
+    tags: "Tags"
+  },
+  panel: {
+    new: "New article",
+    search: "Search by title or address",
+    empty: "No articles yet.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    "column-title": "Title",
+    "column-rubrics": "Rubrics",
+    "column-author": "Author",
+    "column-date": "Date",
+    "column-status": "Status",
+    "column-deleted": "Deleted",
+    "status-draft": "Draft",
+    "status-scheduled": "Scheduled",
+    "status-published": "Live",
+    "status-modified": "Live",
+    "status-unpublished": "Off the site",
+    edits: "edits",
+    pinned: "Pinned to the top",
+    "no-address": "The address appears when it is published",
+    "no-author": "Nobody",
+    "view-all": "All",
+    "view-published": "Live",
+    "view-scheduled": "Scheduled",
+    "view-draft": "Drafts",
+    "view-unpublished": "Off the site",
+    bin: "Bin",
+    "any-rubric": "Any rubric",
+    "any-tag": "Any tag",
+    "any-author": "Any author",
+    open: "Open",
+    "open-on-site": "Open on the site",
+    "copy-address": "Copy the address",
+    pin: "Pin to the top",
+    unpin: "Unpin",
+    publish: "Publish",
+    unpublish: "Take off the site",
+    delete: "Delete",
+    restore: "Restore",
+    cancel: "Cancel",
+    "delete-title": "Delete “:title”?",
+    "delete-text": "It goes to the bin and comes off the site, and its address is free again.",
+    deleted: "The article is in the bin.",
+    restored: "The article is back.",
+    published: "The article is on the site.",
+    "unpublished-done": "The article is off the site.",
+    "pinned-done": "Pinned to the top.",
+    unpinned: "No longer pinned.",
+    "address-copied": "The address is on the clipboard.",
+    "new-title": "New article",
+    "field-title": "Title",
+    create: "Create"
+  },
+  article: {
+    trail: "Where this article sits",
+    untitled: "Untitled",
+    "state-saved": "Saved",
+    "state-saving": "Saving…",
+    "state-unsaved": "Not saved yet",
+    save: "Save draft",
+    "save-failed": "The article was not saved.",
+    schedule: "Schedule",
+    scheduled: "The article is scheduled.",
+    "publish-title": "Put “:title” on the site?",
+    "publish-text": "It answers at :address from the moment you do, for everyone.",
+    "publish-later": "It goes on the site on :date and not before. Until then nothing changes.",
+    "publish-nowhere": "It has no address in this language yet, so nothing will answer.",
+    "publish-now": "now",
+    preview: "Preview",
+    more: "More",
+    discard: "Discard changes",
+    "discard-title": "Discard what is waiting?",
+    "discard-text": "The article goes back to what the site is showing. What was written since is not listed anywhere.",
+    discarded: "The article is back to what is published.",
+    "conflict-title": "The article changed while you were editing",
+    "conflict-mine": "Keep mine",
+    "conflict-theirs": "Take the newer version",
+    "conflict-theirs-title": "Give up what you wrote?",
+    "conflict-theirs-text": "The article is read again as it now is, and what you have typed since goes.",
+    leave: "Leave",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The article could not be saved, and what you wrote is not on the server.",
+    "live-never": "Never published",
+    "live-scheduled": "Goes out :date",
+    "live-since": "On the site since :date",
+    "live-edited": "edits waiting",
+    "live-off": "Off the site",
+    address: "Address",
+    "no-address": "No address in this language",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    author: "Author",
+    "no-author": "Nobody",
+    rubrics: "Rubrics",
+    "rubrics-empty": "In no rubric yet.",
+    "rubric-main": "Main",
+    "rubric-add": "Add a rubric",
+    "rubric-remove": "Take out of this rubric",
+    "rubric-none-left": "Every rubric is already on this article.",
+    "tags-empty": "No tags yet.",
+    "tag-add": "Find or make a tag",
+    "tag-remove": "Take this tag off",
+    "tag-option": ":title · :count",
+    "tag-nothing": "No tag is spelled that way.",
+    "tag-create": "Make “:title”",
+    related: "Related",
+    "related-empty": "Nothing pinned by hand.",
+    "related-add": "Find an article",
+    "related-remove": "Unpin",
+    "related-nothing": "Nothing matches that.",
+    "history-empty": "This article has never been published.",
+    version: "#:number",
+    "version-live": "On the site",
+    "source-panel": "From the panel",
+    "source-mcp": "By an agent",
+    "source-import": "Imported",
+    "restore-title": "Restore version :number?",
+    "restore-text": "It becomes the draft. The site keeps showing what is published until you publish this.",
+    "restore-version": "Restore",
+    "restored-version": "Version :number is now the draft."
+  },
+  rubric: {
+    new: "New rubric",
+    empty: "No rubrics yet.",
+    "empty-help": "A rubric is a section of the blog. An article can be in several of them.",
+    choose: "Pick a rubric to edit it.",
+    order: "The order here is the order on the site",
+    hidden: "Hidden from the site",
+    "no-address": "No address in this language",
+    back: "Rubrics",
+    articles: ":count articles",
+    "show-articles": "Show its articles",
+    "field-title": "Name",
+    "field-slug": "Address",
+    "field-lead": "Introduction",
+    "lead-help": "Printed above the list of articles.",
+    "field-cover": "Cover",
+    visible: "Show on the site",
+    "visible-help": "Hidden, it drops out of the menu and answers 404. Its articles go on answering at their own addresses.",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    seo: "SEO for this rubric",
+    "seo-help": "The title and the description of this page come from the SEO rules.",
+    "seo-override": "Write them for “:name”",
+    delete: "Delete",
+    "delete-blocked": "While it holds articles it cannot go — move them first.",
+    "delete-title": "Delete “:name”?",
+    "delete-text": "It goes to the bin and comes off the site, and its address is free again.",
+    deleted: "The rubric is in the bin.",
+    cancel: "Cancel",
+    save: "Save",
+    saved: "The rubric is saved.",
+    created: "The rubric is made.",
+    "reorder-failed": "The new order was not saved."
+  },
+  tag: {
+    new: "New tag",
+    "new-title": "New tag",
+    "field-title": "Name",
+    "field-slug": "Address",
+    "field-slug-help": "Left empty, it is made out of the name.",
+    create: "Create",
+    cancel: "Cancel",
+    search: "Search by word or address",
+    empty: "No tags yet.",
+    "no-address": "No address in this language",
+    "column-title": "Name",
+    "column-address": "Address",
+    "column-articles": "Articles",
+    "column-indexing": "Indexing",
+    "view-all": "All",
+    "view-empty": "Nothing filed",
+    "view-noindex": "Not indexed",
+    "sort-articles": "Most used",
+    "sort-name": "A to Z",
+    "indexing-open": "indexed",
+    "indexing-rule": "indexed — SEO rule",
+    "indexing-noindex": "noindex",
+    "indexing-rule-help": "A rule in the SEO section covers this address, so the page is in the index however this tag is set.",
+    rename: "Rename",
+    renamed: "The tag is renamed.",
+    index: "Index",
+    noindex: "Keep out of the index",
+    indexed: "The tag page is in the index.",
+    "kept-out": "The tag page is out of the index.",
+    "indexed-many": ":count tag pages are in the index.",
+    "kept-out-many": ":count tag pages are out of the index.",
+    "open-on-site": "Open on the site",
+    "show-articles": "Show its articles",
+    delete: "Delete",
+    "delete-title": "Delete “:title”?",
+    "delete-text": "A tag has no bin: it is gone for good.",
+    "delete-text-used": "It is on :count articles and comes off all of them. A tag has no bin: it is gone for good.",
+    deleted: "The tag is gone.",
+    "delete-many-title": "Delete :count tags?",
+    "delete-many-text": "A tag has no bin: they are gone for good.",
+    "delete-many-text-used": "They are on :count articles between them and come off all of them. A tag has no bin.",
+    "deleted-many": ":count tags are gone.",
+    selected: ":count selected",
+    clear: "Clear the selection",
+    merge: "Merge into one",
+    merged: ":count articles now carry “:tag”.",
+    "merge-title": "Merge tags",
+    "merge-keep": "Which tag to keep",
+    "merge-redirect": "Redirect the old addresses",
+    "merge-redirect-help": ":addresses will answer 301.",
+    "merge-redirect-none": "These tags have no address in this language, so there is nothing to redirect.",
+    "merge-warning": ":count articles will carry “:tag” instead. :merged tags will be deleted, and there is no undoing it.",
+    "merge-confirm": "Merge"
+  }
+}, it = /* @__PURE__ */ new WeakSet();
+function ae() {
+  try {
+    const { i18n: y } = se();
+    it.has(y) || (y.defaults("webx-blog", Rt), it.add(y));
+  } catch {
+  }
+}
+const Ut = { class: "wx-article-address" }, Bt = /* @__PURE__ */ ee({
+  name: "WxArticleAddress",
+  __name: "ArticleAddress",
+  setup(y) {
+    const _ = Te(), u = Ge();
+    ae();
+    const x = te("webx-blog"), c = b(() => {
+      const r = _?.values.value.slug;
+      return typeof r == "string" ? r : r?.[u.active.value] ?? "";
+    }), l = b(() => c.value === "" ? null : `/${[_?.prefix.value ?? "", c.value].filter(Boolean).join("/")}`), t = b(() => {
+      const r = _?.article.value?.path;
+      return typeof r == "string" && l.value !== null && l.value !== `/${r}`;
+    });
+    return (r, i) => (p(), K("div", Ut, [
+      n(e(ge), {
+        label: e(x)("article.address")
+      }, {
+        default: a(() => [
+          l.value ? (p(), V(e(G), {
+            key: 0,
+            mono: "",
+            class: "wx-article-address__value"
+          }, {
+            default: a(() => [
+              g(f(l.value), 1)
+            ]),
+            _: 1
+          })) : (p(), V(e(G), {
+            key: 1,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: a(() => [
+              g(f(e(x)("article.no-address")), 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["label"]),
+      t.value ? (p(), V(e(Se), {
+        key: 0,
+        type: "info",
+        variant: "soft",
+        description: e(x)("article.address-moving")
+      }, null, 8, ["description"])) : I("", !0)
+    ]));
+  }
+}), ce = (y, _) => {
+  const u = y.__vccOpts || y;
+  for (const [x, c] of _)
+    u[x] = c;
+  return u;
+}, Nt = /* @__PURE__ */ ce(Bt, [["__scopeId", "data-v-2ee0dcfe"]]), qt = /* @__PURE__ */ ee({
+  name: "WxArticleAuthor",
+  __name: "ArticleAuthor",
+  props: /* @__PURE__ */ Ne({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const _ = y, u = Be(y, "modelValue"), x = Te();
+    ae();
+    const c = te("webx-blog"), l = b(() => _.disabled || x?.disabled.value === !0), t = b(
+      () => (x?.options.value.authors ?? []).map((i) => ({
+        label: i.title,
+        value: i.id
+      }))
+    ), r = b({
+      get: () => u.value,
+      set: (i) => {
+        u.value = typeof i == "number" ? i : null;
+      }
+    });
+    return (i, $) => (p(), V(e(be), {
+      modelValue: r.value,
+      "onUpdate:modelValue": $[0] || ($[0] = (T) => r.value = T),
+      options: t.value,
+      placeholder: e(c)("article.no-author"),
+      disabled: l.value,
+      clearable: "",
+      filterable: "",
+      teleport: "",
+      "aria-label": e(c)("article.author")
+    }, null, 8, ["modelValue", "options", "placeholder", "disabled", "aria-label"]));
+  }
+});
+function ue(y) {
+  const _ = `${y.apiPath}/blog/articles`, u = `${y.apiPath}/blog/rubrics`, x = `${y.apiPath}/blog/tags`, c = (l) => l.data;
+  return {
+    articles: (l = {}) => {
+      const t = new URLSearchParams();
+      l.q && t.set("q", l.q), l.rubric != null && t.set("rubric", String(l.rubric)), l.tag != null && t.set("tag", String(l.tag)), l.author != null && t.set("author", String(l.author)), l.status && t.set("status", l.status), l.sort && t.set("sort", l.sort), l.trashed && t.set("trashed", "1"), l.page && l.page > 1 && t.set("page", String(l.page)), l.per_page && t.set("per_page", String(l.per_page));
+      const r = t.size > 0 ? `?${t}` : "";
+      return y.http.get(`${_}${r}`).then((i) => ({ ...i.meta, data: i.data, filters: i.filters }));
+    },
+    get: (l) => y.http.get(`${_}/${l}`).then(c),
+    create: (l) => y.http.post(_, l).then(c),
+    save: (l, t) => y.http.put(`${_}/${l}`, t).then(c),
+    discard: (l) => y.http.post(`${_}/${l}/discard`, {}).then(c),
+    versions: (l) => y.http.get(`${_}/${l}/versions`).then(c),
+    restoreVersion: (l, t) => y.http.post(`${_}/${l}/versions/${t}/restore`, {}).then(c),
+    tags: (l = "") => {
+      const t = l.trim() === "" ? "" : `?q=${encodeURIComponent(l.trim())}`;
+      return y.http.get(`${x}${t}`).then(c);
+    },
+    createTag: (l) => y.http.post(x, l).then(c),
+    publish: (l, t) => y.http.post(`${_}/${l}/publish`, t == null ? {} : { at: t }).then(c),
+    unpublish: (l) => y.http.post(`${_}/${l}/unpublish`, {}).then(c),
+    remove: (l) => y.http.delete(`${_}/${l}`).then(() => {
+    }),
+    restore: (l) => y.http.post(`${_}/${l}/restore`, {}).then(c),
+    rubrics: () => y.http.get(u),
+    createRubric: (l) => y.http.post(u, l).then(c),
+    saveRubric: (l, t) => y.http.put(`${u}/${l}`, t).then(c),
+    removeRubric: (l) => y.http.delete(`${u}/${l}`).then(() => {
+    }),
+    sortRubrics: (l) => y.http.post(`${u}/reorder`, { ids: l }).then(() => {
+    }),
+    tagsPage: (l = {}) => {
+      const t = new URLSearchParams();
+      l.q && t.set("q", l.q), l.empty && t.set("empty", "1"), l.noindex && t.set("noindex", "1"), l.sort && t.set("sort", l.sort), l.page && l.page > 1 && t.set("page", String(l.page)), l.per_page && t.set("per_page", String(l.per_page));
+      const r = t.size > 0 ? `?${t}` : "";
+      return y.http.get(`${x}${r}`).then((i) => ({ ...i.meta, data: i.data, filters: i.filters }));
+    },
+    saveTag: (l, t) => y.http.put(`${x}/${l}`, t).then(c),
+    removeTag: (l) => y.http.delete(`${x}/${l}`).then(() => {
+    }),
+    massTags: (l, t) => y.http.post(`${x}/mass`, { ids: l, action: t }).then((r) => r.data.affected),
+    mergeTags: (l, t, r) => y.http.post(`${x}/merge`, { ids: l, keep: t, redirect: r }).then(c)
+  };
+}
+const Mt = { class: "wx-article-editor__head" }, Pt = { class: "wx-article-editor__id" }, Dt = { class: "wx-article-editor__name" }, It = { class: "wx-article-editor__title" }, Ot = { class: "wx-article-editor__actions" }, Et = { class: "wx-article-editor__screen" }, Lt = 1200, Ft = 720, Kt = /* @__PURE__ */ ee({
+  __name: "ArticleEditorPage",
+  props: {
+    base: { default: "/blog" }
+  },
+  setup(y) {
+    const _ = y, u = se(), x = ue(u), c = qe(), l = Me(), t = Ge(), r = bt();
+    ae();
+    const i = te("webx-blog"), $ = me(), T = b(() => Number(c.params.id)), h = b(() => `${_.base}/articles`), d = z(null), k = z({}), S = z(""), C = z(""), M = z(null), P = z({ rubrics: [], authors: [] }), U = z([]), R = z(!0), W = z(!1), O = z(!1), A = z({}), N = z(null), H = z(""), D = z(0), m = b(() => u.can("blog.articles.manage")), E = b(() => !m.value || O.value), j = We("root"), de = rt(j), Ve = b(() => de.value > 0 && de.value < Ft), ve = b(() => JSON.stringify(k.value)), J = b(() => H.value !== "" && ve.value !== H.value), we = b(() => W.value ? "saving" : J.value ? "unsaved" : "saved"), he = b(() => {
+      const B = k.value.title;
+      return _t(B, t.active.value, d.value?.title ?? "");
+    }), Q = b(() => {
+      const B = k.value.published_at;
+      return typeof B == "string" && B !== "" ? B : null;
+    }), fe = b(() => {
+      if (Q.value === null) return !1;
+      const B = new Date(Q.value.replace(" ", "T"));
+      return !Number.isNaN(B.valueOf()) && B.valueOf() > Date.now();
+    }), ye = b(() => {
+      const B = d.value;
+      if (!B) return "";
+      const Z = r.short(B.published_at);
+      return {
+        draft: i("article.live-never"),
+        scheduled: i("article.live-scheduled", { date: Z }),
+        published: i("article.live-since", { date: Z }),
+        modified: `${i("article.live-since", { date: Z })} · ${i("article.live-edited")}`,
+        unpublished: i("article.live-off")
+      }[B.status] ?? "";
+    });
+    Wt({ url: b(() => M.value), reload: D }), zt({
+      article: d,
+      values: k,
+      options: P,
+      related: U,
+      prefix: C,
+      base: _.base,
+      canManage: m.value,
+      disabled: E,
+      reload: () => ie(!0),
+      save: () => w()
+    });
+    function _e(B) {
+      d.value = B.article, k.value = B.values, S.value = B.revision, C.value = B.prefix, M.value = B.preview_url, P.value = B.options, U.value = B.related, H.value = JSON.stringify(B.values), N.value = null;
+    }
+    async function ie(B = !1) {
+      B || (R.value = !0);
+      try {
+        _e(await x.get(T.value));
+      } catch (Z) {
+        L.danger($(Z)), l.push(h.value);
+      } finally {
+        R.value = !1;
+      }
+    }
+    let v;
+    function o() {
+      !m.value || N.value || !J.value || (clearTimeout(v), v = setTimeout(() => {
+        w();
+      }, Lt));
+    }
+    function s() {
+      !m.value || N.value || !J.value || W.value || (clearTimeout(v), w());
+    }
+    async function w() {
+      if (!d.value || W.value || !m.value) return;
+      clearTimeout(v);
+      const B = ve.value, Z = k.value;
+      W.value = !0, A.value = {};
+      try {
+        const X = await x.save(d.value.id, { values: Z, revision: S.value });
+        d.value = X.article, S.value = X.revision, C.value = X.prefix, M.value = X.preview_url, P.value = X.options, U.value = X.related, N.value = null, ve.value === B && (H.value = B), D.value += 1;
+      } catch (X) {
+        const ke = X;
+        ke.status === 409 && ke.body?.data ? N.value = ke.body : ke.body?.errors ? (A.value = ke.body.errors, L.danger(i("article.save-failed"))) : L.danger($(X));
+      } finally {
+        W.value = !1;
+      }
+    }
+    async function le() {
+      await pe({
+        title: i("article.conflict-theirs-title"),
+        message: i("article.conflict-theirs-text"),
+        confirmText: i("article.conflict-theirs"),
+        cancelText: i("panel.cancel"),
+        tone: "danger"
+      }) && await ie(!0);
+    }
+    async function xe() {
+      const B = N.value;
+      B && (S.value = B.data.revision, N.value = null, await w());
+    }
+    async function Pe() {
+      if (!(!d.value || !await pe({
+        title: i("article.discard-title"),
+        message: i("article.discard-text"),
+        confirmText: i("article.discard"),
+        cancelText: i("panel.cancel"),
+        tone: "danger"
+      }))) {
+        O.value = !0;
+        try {
+          _e(await x.discard(d.value.id)), L.success(i("article.discarded"));
+        } catch (Z) {
+          L.danger($(Z));
+        } finally {
+          O.value = !1;
+        }
+      }
+    }
+    async function ct() {
+      const B = d.value;
+      if (!B) return;
+      const Z = B.path === null ? null : `/${B.path}`, X = Q.value === null ? i("article.publish-now") : r.short(Q.value);
+      if (await pe({
+        title: i("article.publish-title", { title: B.title }),
+        message: fe.value ? i("article.publish-later", { date: X }) : Z === null ? i("article.publish-nowhere") : i("article.publish-text", { address: Z }),
+        confirmText: fe.value ? i("article.schedule") : i("panel.publish"),
+        cancelText: i("panel.cancel")
+      }) && (J.value && await w(), !N.value)) {
+        O.value = !0;
+        try {
+          await x.publish(B.id, Q.value), await ie(!0), L.success(fe.value ? i("article.scheduled") : i("panel.published"));
+        } catch (pt) {
+          L.danger($(pt));
+        } finally {
+          O.value = !1;
+        }
+      }
+    }
+    function vt() {
+      const B = d.value?.status;
+      return B === "published" ? "success" : B === "modified" ? "warning" : B === "scheduled" ? "primary" : "default";
+    }
+    function et(B) {
+      J.value && B.preventDefault();
+    }
+    return oe(ve, o), oe(T, () => {
+      ie();
+    }), Le(() => {
+      ie(), window.addEventListener("beforeunload", et);
+    }), Fe(() => {
+      clearTimeout(v), window.removeEventListener("beforeunload", et);
+    }), St(async () => !J.value || !m.value || (await w(), !J.value) ? !0 : await pe({
+      title: i("article.leave-title"),
+      message: i("article.leave-text"),
+      confirmText: i("article.leave"),
+      cancelText: i("panel.cancel"),
+      tone: "danger"
+    })), (B, Z) => (p(), K("div", {
+      ref_key: "root",
+      ref: j,
+      class: "wx-article-editor",
+      onFocusout: s
+    }, [
+      R.value || !d.value ? (p(), K(ne, { key: 0 }, [
+        n(e(Ue), {
+          class: "wx-article-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        n(e(Ue), { rows: 8 })
+      ], 64)) : (p(), K(ne, { key: 1 }, [
+        q("div", Mt, [
+          n(e(ht), {
+            class: "wx-article-editor__back",
+            to: h.value,
+            label: e(i)("module.articles")
+          }, null, 8, ["to", "label"]),
+          q("div", Pt, [
+            n(e(wt), {
+              size: "sm",
+              label: e(i)("article.trail")
+            }, {
+              default: a(() => [
+                n(e(at), {
+                  as: "router-link",
+                  to: h.value
+                }, {
+                  default: a(() => [
+                    g(f(e(i)("module.articles")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                n(e(at), { current: "" }, {
+                  default: a(() => [
+                    g(f(he.value || e(i)("article.untitled")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            q("div", Dt, [
+              q("span", It, f(he.value || e(i)("article.untitled")), 1),
+              n(e(re), {
+                type: vt(),
+                dot: ""
+              }, {
+                default: a(() => [
+                  g(f(e(i)(`panel.status-${d.value.status}`)), 1)
+                ]),
+                _: 1
+              }, 8, ["type"])
+            ])
+          ]),
+          q("div", Ot, [
+            Ve.value ? (p(), V(e(xt), {
+              key: 0,
+              align: "end"
+            }, {
+              trigger: a(() => [
+                n(e(Re), {
+                  type: "more",
+                  title: e(i)("article.more")
+                }, null, 8, ["title"])
+              ]),
+              default: a(() => [
+                M.value ? (p(), V(e(lt), {
+                  key: 0,
+                  icon: "eye",
+                  href: M.value,
+                  target: "_blank",
+                  rel: "noopener"
+                }, {
+                  default: a(() => [
+                    g(f(e(i)("article.preview")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["href"])) : I("", !0),
+                d.value.url && d.value.status !== "draft" ? (p(), V(e(lt), {
+                  key: 1,
+                  icon: "link",
+                  href: d.value.url,
+                  target: "_blank",
+                  rel: "noopener"
+                }, {
+                  default: a(() => [
+                    g(f(e(i)("panel.open-on-site")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["href"])) : I("", !0)
+              ]),
+              _: 1
+            })) : (p(), K(ne, { key: 1 }, [
+              M.value ? (p(), V(e(F), {
+                key: 0,
+                variant: "outline",
+                icon: "eye",
+                href: M.value,
+                target: "_blank",
+                rel: "noopener"
+              }, {
+                default: a(() => [
+                  g(f(e(i)("article.preview")), 1)
+                ]),
+                _: 1
+              }, 8, ["href"])) : I("", !0),
+              d.value.url && d.value.status !== "draft" ? (p(), V(e(F), {
+                key: 1,
+                variant: "outline",
+                icon: "link",
+                href: d.value.url,
+                target: "_blank",
+                rel: "noopener"
+              }, {
+                default: a(() => [
+                  g(f(e(i)("panel.open-on-site")), 1)
+                ]),
+                _: 1
+              }, 8, ["href"])) : I("", !0)
+            ], 64))
+          ])
+        ]),
+        N.value ? (p(), V(e(Se), {
+          key: 0,
+          type: "warning",
+          title: e(i)("article.conflict-title"),
+          description: N.value.message
+        }, {
+          actions: a(() => [
+            n(e(F), {
+              size: "sm",
+              variant: "outline",
+              onClick: le
+            }, {
+              default: a(() => [
+                g(f(e(i)("article.conflict-theirs")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(F), {
+              size: "sm",
+              type: "primary",
+              onClick: xe
+            }, {
+              default: a(() => [
+                g(f(e(i)("article.conflict-mine")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title", "description"])) : I("", !0),
+        q("div", Et, [
+          n(e(yt), {
+            modelValue: k.value,
+            "onUpdate:modelValue": Z[0] || (Z[0] = (X) => k.value = X),
+            name: "blog.article-form",
+            errors: A.value,
+            disabled: E.value
+          }, null, 8, ["modelValue", "errors", "disabled"])
+        ]),
+        m.value ? (p(), V(e(ot), { key: 1 }, {
+          state: a(() => [
+            n(e(G), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: a(() => [
+                g(f(e(i)(`article.state-${we.value}`)), 1),
+                ye.value ? (p(), K(ne, { key: 0 }, [
+                  g(" · " + f(ye.value), 1)
+                ], 64)) : I("", !0)
+              ]),
+              _: 1
+            })
+          ]),
+          default: a(() => [
+            d.value.status === "modified" ? (p(), V(e(F), {
+              key: 0,
+              variant: "text",
+              loading: O.value,
+              onClick: Pe
+            }, {
+              default: a(() => [
+                g(f(e(i)("article.discard")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])) : I("", !0),
+            n(e(F), {
+              variant: "outline",
+              loading: W.value,
+              disabled: !J.value,
+              onClick: w
+            }, {
+              default: a(() => [
+                g(f(e(i)("article.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"]),
+            n(e(F), {
+              type: "primary",
+              loading: O.value,
+              disabled: d.value.status === "published" && !J.value,
+              onClick: ct
+            }, {
+              default: a(() => [
+                g(f(fe.value ? e(i)("article.schedule") : e(i)("panel.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : I("", !0)
+      ], 64))
+    ], 544));
+  }
+}), Ht = /* @__PURE__ */ ce(Kt, [["__scopeId", "data-v-9bf13356"]]), jt = { class: "wx-article-history" }, Gt = { class: "wx-article-history__number" }, Jt = { class: "wx-article-history__who" }, Zt = /* @__PURE__ */ ee({
+  name: "WxArticleHistory",
+  __name: "ArticleHistory",
+  setup(y) {
+    const _ = se(), u = ue(_), x = Te();
+    ae();
+    const c = te("webx-blog"), l = me(), t = z(null), r = z(!1), i = b(() => x?.article.value ?? null), $ = b(() => _.can("blog.articles.manage")), T = b(
+      () => i.value?.status === "published" || i.value?.status === "modified" ? t.value?.[0]?.number ?? null : null
+    );
+    async function h() {
+      const k = i.value;
+      if (k)
+        try {
+          t.value = await u.versions(k.id);
+        } catch (S) {
+          t.value = [], L.danger(l(S));
+        }
+    }
+    async function d(k) {
+      const S = i.value;
+      if (!(!S || !await pe({
+        title: c("article.restore-title", { number: k.number }),
+        message: c("article.restore-text"),
+        confirmText: c("article.restore-version"),
+        cancelText: c("panel.cancel")
+      }))) {
+        r.value = !0;
+        try {
+          await u.restoreVersion(S.id, k.number), await x?.reload(), L.success(c("article.restored-version", { number: k.number }));
+        } catch (M) {
+          L.danger(l(M));
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    return oe(
+      () => [i.value?.id, i.value?.published_at, i.value?.updated_at],
+      () => {
+        h();
+      },
+      { immediate: !0 }
+    ), (k, S) => (p(), K("div", jt, [
+      t.value === null ? (p(), V(e(Ue), {
+        key: 0,
+        class: "wx-article-history__ghost",
+        rows: 3
+      })) : t.value.length === 0 ? (p(), V(e(Oe), {
+        key: 1,
+        description: e(c)("article.history-empty")
+      }, null, 8, ["description"])) : (p(!0), K(ne, { key: 2 }, ze(t.value, (C) => (p(), K("div", {
+        key: C.number,
+        class: Ae(["wx-article-history__row", { "is-live": C.number === T.value }])
+      }, [
+        q("code", Gt, f(e(c)("article.version", { number: C.number })), 1),
+        q("div", Jt, [
+          C.created_at ? (p(), V(e(De), {
+            key: 0,
+            value: C.created_at,
+            size: "md",
+            tone: "default"
+          }, null, 8, ["value"])) : I("", !0),
+          n(e(G), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: a(() => [
+              g(f(C.author ?? e(c)(`article.source-${C.source}`)) + " ", 1),
+              C.comment ? (p(), K(ne, { key: 0 }, [
+                g(" · " + f(C.comment), 1)
+              ], 64)) : I("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        C.number === T.value ? (p(), V(e(re), {
+          key: 0,
+          type: "success",
+          dot: ""
+        }, {
+          default: a(() => [
+            g(f(e(c)("article.version-live")), 1)
+          ]),
+          _: 1
+        })) : I("", !0),
+        $.value && C.number !== T.value ? (p(), V(e(F), {
+          key: 1,
+          size: "sm",
+          variant: "outline",
+          loading: r.value,
+          onClick: (M) => d(C)
+        }, {
+          default: a(() => [
+            g(f(e(c)("article.restore-version")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "onClick"])) : I("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}), Qt = /* @__PURE__ */ ce(Zt, [["__scopeId", "data-v-0a997938"]]), Xt = { class: "wx-article-related" }, Yt = { class: "wx-article-related__name" }, ea = 250, ta = 10, aa = /* @__PURE__ */ ee({
+  name: "WxArticleRelated",
+  __name: "ArticleRelated",
+  props: /* @__PURE__ */ Ne({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const _ = y, u = Be(y, "modelValue"), x = se(), c = ue(x), l = Te();
+    ae();
+    const t = te("webx-blog"), r = me(), i = b(() => _.disabled || l?.disabled.value === !0), $ = z(/* @__PURE__ */ new Map()), T = z([]);
+    let h;
+    oe(
+      () => l?.related.value,
+      (U) => {
+        const R = new Map($.value);
+        for (const W of U ?? []) R.set(W.id, W.title);
+        $.value = R;
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const d = b({
+      get: () => u.value.map((U) => ({ id: U, title: $.value.get(U) ?? `#${U}` })),
+      set: (U) => {
+        u.value = U.map((R) => R.id);
+      }
+    }), k = b(
+      () => T.value.filter((U) => !u.value.includes(U.id)).map((U) => ({ label: U.title, value: U.id }))
+    );
+    async function S(U) {
+      const R = l?.article.value?.id;
+      try {
+        const W = await c.articles({ q: U, per_page: ta });
+        T.value = W.data.filter((A) => A.id !== R).map((A) => ({ id: A.id, title: A.title }));
+        const O = new Map($.value);
+        for (const A of T.value) O.set(A.id, A.title);
+        $.value = O;
+      } catch (W) {
+        L.danger(r(W));
+      }
+    }
+    function C(U) {
+      clearTimeout(h), h = setTimeout(() => {
+        S(U);
+      }, ea);
+    }
+    function M(U) {
+      typeof U != "number" || u.value.includes(U) || (u.value = [...u.value, U]);
+    }
+    function P(U) {
+      u.value = u.value.filter((R) => R !== U);
+    }
+    return oe(
+      () => l?.article.value?.id,
+      () => {
+        S("");
+      },
+      { immediate: !0 }
+    ), Fe(() => clearTimeout(h)), (U, R) => (p(), K("div", Xt, [
+      n(e(Je), {
+        modelValue: d.value,
+        "onUpdate:modelValue": R[0] || (R[0] = (W) => d.value = W),
+        plain: "",
+        size: "sm",
+        "item-key": "id",
+        "item-label": "title",
+        disabled: i.value,
+        "empty-text": e(t)("article.related-empty"),
+        "aria-label": e(t)("article.related")
+      }, {
+        default: a(({ item: W }) => [
+          q("span", Yt, f(W.title), 1)
+        ]),
+        actions: a(({ item: W }) => [
+          n(e(Re), {
+            type: "remove",
+            size: "sm",
+            disabled: i.value,
+            title: e(t)("article.related-remove"),
+            onClick: (O) => P(W.id)
+          }, null, 8, ["disabled", "title", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled", "empty-text", "aria-label"]),
+      n(e(be), {
+        "model-value": null,
+        options: k.value,
+        placeholder: e(t)("article.related-add"),
+        "empty-text": e(t)("article.related-nothing"),
+        disabled: i.value,
+        filterable: "",
+        teleport: "",
+        "aria-label": e(t)("article.related-add"),
+        onSearch: C,
+        "onUpdate:modelValue": M
+      }, null, 8, ["options", "placeholder", "empty-text", "disabled", "aria-label"])
+    ]));
+  }
+}), la = /* @__PURE__ */ ce(aa, [["__scopeId", "data-v-164e86fe"]]), ia = { class: "wx-article-rubrics" }, na = { class: "wx-article-rubrics__name" }, sa = /* @__PURE__ */ ee({
+  name: "WxArticleRubrics",
+  __name: "ArticleRubrics",
+  props: /* @__PURE__ */ Ne({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const _ = y, u = Be(y, "modelValue"), x = Te();
+    ae();
+    const c = te("webx-blog"), l = b(() => _.disabled || x?.disabled.value === !0), t = b(() => {
+      const h = /* @__PURE__ */ new Map();
+      for (const d of x?.options.value.rubrics ?? []) h.set(d.id, d.title);
+      return h;
+    }), r = b({
+      get: () => u.value.map((h) => ({ id: h, title: t.value.get(h) ?? `#${h}` })),
+      set: (h) => {
+        u.value = h.map((d) => d.id);
+      }
+    }), i = b(
+      () => (x?.options.value.rubrics ?? []).filter((h) => !u.value.includes(h.id)).map((h) => ({ label: h.title, value: h.id }))
+    );
+    function $(h) {
+      typeof h != "number" || u.value.includes(h) || (u.value = [...u.value, h]);
+    }
+    function T(h) {
+      u.value = u.value.filter((d) => d !== h);
+    }
+    return (h, d) => (p(), K("div", ia, [
+      n(e(Je), {
+        modelValue: r.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (k) => r.value = k),
+        plain: "",
+        size: "sm",
+        "item-key": "id",
+        "item-label": "title",
+        disabled: l.value,
+        "empty-text": e(c)("article.rubrics-empty"),
+        "aria-label": e(c)("article.rubrics")
+      }, {
+        default: a(({ item: k, index: S }) => [
+          q("span", na, f(k.title), 1),
+          S === 0 ? (p(), V(e(re), {
+            key: 0,
+            type: "primary"
+          }, {
+            default: a(() => [
+              g(f(e(c)("article.rubric-main")), 1)
+            ]),
+            _: 1
+          })) : I("", !0)
+        ]),
+        actions: a(({ item: k }) => [
+          n(e(Re), {
+            type: "remove",
+            size: "sm",
+            disabled: l.value,
+            title: e(c)("article.rubric-remove"),
+            onClick: (S) => T(k.id)
+          }, null, 8, ["disabled", "title", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled", "empty-text", "aria-label"]),
+      n(e(be), {
+        "model-value": null,
+        options: i.value,
+        placeholder: e(c)("article.rubric-add"),
+        disabled: l.value || i.value.length === 0,
+        "empty-text": e(c)("article.rubric-none-left"),
+        filterable: "",
+        teleport: "",
+        "aria-label": e(c)("article.rubric-add"),
+        "onUpdate:modelValue": $
+      }, null, 8, ["options", "placeholder", "disabled", "empty-text", "aria-label"])
+    ]));
+  }
+}), ra = /* @__PURE__ */ ce(sa, [["__scopeId", "data-v-db8c5bc8"]]), oa = { class: "wx-article-tags" }, ua = {
+  key: 0,
+  class: "wx-article-tags__chips"
+}, da = { class: "wx-article-tags__pick" }, ca = 250, va = /* @__PURE__ */ ee({
+  name: "WxArticleTags",
+  __name: "ArticleTags",
+  props: /* @__PURE__ */ Ne({
+    disabled: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: () => [] },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(y) {
+    const _ = y, u = Be(y, "modelValue"), x = se(), c = ue(x), l = Te();
+    ae();
+    const t = te("webx-blog"), r = me(), i = b(() => _.disabled || l?.disabled.value === !0), $ = z(/* @__PURE__ */ new Map()), T = z([]), h = z(""), d = z(!1);
+    let k;
+    oe(
+      () => l?.article.value?.tags,
+      (A) => {
+        const N = new Map($.value);
+        for (const H of A ?? []) N.set(H.id, H.title);
+        $.value = N;
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const S = b(
+      () => u.value.map((A) => ({ id: A, title: $.value.get(A) ?? `#${A}` }))
+    ), C = b(
+      () => T.value.filter((A) => !u.value.includes(A.id)).map((A) => ({
+        // The count is part of the label rather than a column: a select draws a line of text, and
+        // the number is what the reader is choosing between two near-identical words on.
+        label: t("article.tag-option", { title: A.title, count: A.articles_count }),
+        value: A.id
+      }))
+    ), M = b(() => {
+      const A = h.value.trim();
+      if (A === "") return null;
+      const N = (H) => H.toLowerCase() === A.toLowerCase();
+      return T.value.some((H) => N(H.title)) ? null : A;
+    });
+    async function P() {
+      try {
+        T.value = await c.tags(h.value);
+        const A = new Map($.value);
+        for (const N of T.value) A.set(N.id, N.title);
+        $.value = A;
+      } catch (A) {
+        L.danger(r(A));
+      }
+    }
+    function U(A) {
+      h.value = A, clearTimeout(k), k = setTimeout(() => {
+        P();
+      }, ca);
+    }
+    function R(A) {
+      typeof A != "number" || u.value.includes(A) || (u.value = [...u.value, A], h.value = "");
+    }
+    function W(A) {
+      u.value = u.value.filter((N) => N !== A);
+    }
+    async function O() {
+      const A = M.value;
+      if (!(A === null || d.value)) {
+        d.value = !0;
+        try {
+          const N = await c.createTag({ title: A });
+          $.value = new Map($.value).set(N.id, N.title), T.value = [N, ...T.value], R(N.id);
+        } catch (N) {
+          L.danger(r(N));
+        } finally {
+          d.value = !1;
+        }
+      }
+    }
+    return oe(
+      () => l?.article.value?.id,
+      () => {
+        P();
+      },
+      { immediate: !0 }
+    ), Fe(() => clearTimeout(k)), (A, N) => (p(), K("div", oa, [
+      S.value.length > 0 ? (p(), K("div", ua, [
+        (p(!0), K(ne, null, ze(S.value, (H) => (p(), V(e(re), {
+          key: H.id,
+          type: "default",
+          class: "wx-article-tags__chip"
+        }, {
+          default: a(() => [
+            g(f(H.title) + " ", 1),
+            n(e(Re), {
+              icon: "close",
+              tone: "neutral",
+              size: "sm",
+              disabled: i.value,
+              title: e(t)("article.tag-remove"),
+              onClick: (D) => W(H.id)
+            }, null, 8, ["disabled", "title", "onClick"])
+          ]),
+          _: 2
+        }, 1024))), 128))
+      ])) : (p(), V(e(G), {
+        key: 1,
+        size: "sm",
+        tone: "muted"
+      }, {
+        default: a(() => [
+          g(f(e(t)("article.tags-empty")), 1)
+        ]),
+        _: 1
+      })),
+      q("div", da, [
+        n(e(be), {
+          "model-value": null,
+          options: C.value,
+          placeholder: e(t)("article.tag-add"),
+          "empty-text": e(t)("article.tag-nothing"),
+          disabled: i.value,
+          filterable: "",
+          teleport: "",
+          "aria-label": e(t)("article.tag-add"),
+          onSearch: U,
+          "onUpdate:modelValue": R
+        }, null, 8, ["options", "placeholder", "empty-text", "disabled", "aria-label"]),
+        M.value ? (p(), V(e(F), {
+          key: 0,
+          variant: "outline",
+          icon: "plus",
+          loading: d.value,
+          disabled: i.value,
+          onClick: O
+        }, {
+          default: a(() => [
+            g(f(e(t)("article.tag-create", { title: M.value })), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"])) : I("", !0)
+      ])
+    ]));
+  }
+}), pa = /* @__PURE__ */ ce(va, [["__scopeId", "data-v-ce095e37"]]), ma = /* @__PURE__ */ ee({
+  __name: "ArticleCreateDialog",
+  setup(y) {
+    const { open: _, resolve: u, dismiss: x } = Ze(), c = se(), l = ue(c);
+    ae();
+    const t = te("webx-blog"), r = z(""), i = z(!1), $ = z({}), T = We("field");
+    Le(async () => {
+      await Ke(), T.value?.querySelector("input")?.focus();
+    });
+    async function h() {
+      if (!(r.value.trim() === "" || i.value)) {
+        i.value = !0, $.value = {};
+        try {
+          u(await l.create({ title: r.value.trim() }));
+        } catch (d) {
+          $.value = d.body?.errors ?? {};
+        } finally {
+          i.value = !1;
+        }
+      }
+    }
+    return (d, k) => (p(), V(e(Qe), {
+      open: e(_),
+      "onUpdate:open": k[2] || (k[2] = (S) => He(_) ? _.value = S : null),
+      title: e(t)("panel.new-title"),
+      width: 440
+    }, {
+      footer: a(() => [
+        n(e(Xe), { size: "sm" }, {
+          default: a(() => [
+            n(e(F), {
+              variant: "outline",
+              onClick: k[1] || (k[1] = (S) => e(x)())
+            }, {
+              default: a(() => [
+                g(f(e(t)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(F), {
+              type: "primary",
+              loading: i.value,
+              disabled: r.value.trim() === "",
+              onClick: h
+            }, {
+              default: a(() => [
+                g(f(e(t)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: a(() => [
+        n(e(ge), {
+          label: e(t)("panel.field-title"),
+          error: $.value.title?.[0] ?? $.value.slug?.[0],
+          required: ""
+        }, {
+          default: a(() => [
+            q("div", {
+              ref_key: "field",
+              ref: T
+            }, [
+              n(e($e), {
+                modelValue: r.value,
+                "onUpdate:modelValue": k[0] || (k[0] = (S) => r.value = S),
+                "aria-label": e(t)("panel.field-title"),
+                onKeyup: Ce(h, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), fa = { class: "wx-articles__filters" }, ga = ["src"], ba = { class: "wx-articles__name" }, ha = { class: "wx-articles__name-text" }, ya = { class: "wx-articles__title" }, _a = { class: "wx-articles__address" }, wa = { class: "wx-articles__chips" }, xa = { class: "wx-articles__state" }, ka = { class: "wx-articles__card" }, $a = ["src"], Ta = { class: "wx-articles__card-body" }, Va = { class: "wx-articles__card-title" }, Aa = { class: "wx-articles__card-meta" }, nt = 640, Ca = /* @__PURE__ */ ee({
+  __name: "ArticlesPage",
+  props: {
+    base: { default: "/blog" }
+  },
+  setup(y) {
+    const _ = y, u = se(), x = ue(u), c = qe(), l = Me();
+    ae();
+    const t = te("webx-blog"), r = me(), i = We("root"), $ = rt(i), T = z(null), h = z(!0), d = Ee(ma), k = b(() => u.can("blog.articles.manage")), S = b(
+      () => u.state.manifest?.modules.find((v) => v.id === "articles")?.title ?? t("module.articles")
+    ), C = b({
+      get: () => typeof c.query.view == "string" ? c.query.view : "",
+      set: (v) => {
+        l.replace({
+          query: { ...c.query, view: v === "" ? void 0 : String(v), page: void 0 }
+        });
+      }
+    }), M = b(() => C.value === "trashed"), P = b(() => ({
+      q: typeof c.query.q == "string" ? c.query.q : "",
+      rubric: U(c.query.rubric),
+      tag: U(c.query.tag),
+      author: U(c.query.author),
+      sort: typeof c.query.sort == "string" ? c.query.sort : null,
+      page: Number(c.query.page ?? 1) || 1
+    }));
+    function U(v) {
+      return typeof v == "string" && v !== "" && Number(v) || null;
+    }
+    const R = b(() => [
+      { value: "", label: t("panel.view-all") },
+      { value: "published", label: t("panel.view-published") },
+      { value: "scheduled", label: t("panel.view-scheduled") },
+      { value: "draft", label: t("panel.view-draft") },
+      { value: "unpublished", label: t("panel.view-unpublished") },
+      { value: "trashed", label: t("panel.bin"), icon: "trash" }
+    ]), W = b(() => T.value?.filters ?? { rubrics: [], tags: [], authors: [] }), O = b(() => $.value > 0 && $.value < nt), A = b(() => O.value ? [{ key: "card", label: "" }] : [
+      { key: "cover", label: "", width: 68 },
+      { key: "title", label: t("panel.column-title"), minWidth: 220 },
+      { key: "rubrics", label: t("panel.column-rubrics"), width: 190, hideBelow: 840 },
+      { key: "author", label: t("panel.column-author"), width: 160, hideBelow: 1e3 },
+      {
+        key: "date",
+        label: M.value ? t("panel.column-deleted") : t("panel.column-date"),
+        width: 130,
+        hideBelow: 700,
+        // "today at 16:22" is three words the table will break over two lines given half a
+        // chance, and a date read down a column has to be one line to be read at all.
+        cellClass: "wx-articles__when"
+      },
+      { key: "status", label: t("panel.column-status"), width: 150 },
+      { key: "actions", label: "", width: 56, align: "right" }
+    ]), N = b(() => P.value.q !== "" ? t("panel.empty-search") : M.value ? t("panel.empty-bin") : t("panel.empty"));
+    async function H(v) {
+      h.value = !0;
+      try {
+        T.value = await x.articles({
+          q: v?.search ?? P.value.q,
+          status: M.value ? "" : C.value,
+          trashed: M.value,
+          rubric: P.value.rubric,
+          tag: P.value.tag,
+          author: P.value.author,
+          sort: v?.sort ? `${v.sort.order === "desc" ? "-" : ""}${v.sort.key}` : null,
+          page: v?.page ?? P.value.page,
+          per_page: v?.perPage
+        });
+      } catch (o) {
+        L.danger(r(o));
+      } finally {
+        h.value = !1;
+      }
+    }
+    function D(v) {
+      const o = {
+        ...c.query,
+        q: v.search === "" ? void 0 : v.search,
+        sort: v.sort === null ? void 0 : `${v.sort.order === "desc" ? "-" : ""}${v.sort.key}`,
+        page: v.page === 1 ? void 0 : String(v.page)
+      };
+      l.replace({ query: o }), H(v);
+    }
+    function m(v, o) {
+      l.replace({
+        query: {
+          ...c.query,
+          [v]: typeof o == "number" ? String(o) : void 0,
+          page: void 0
+        }
+      });
+    }
+    oe(
+      () => [C.value, P.value.rubric, P.value.tag, P.value.author],
+      () => {
+        H();
+      }
+    ), H();
+    function E(v) {
+      const o = `${_.base}/articles/${v.id}`;
+      l.resolve(o).matched.length > 0 && l.push({ path: o, query: { ...c.query } });
+    }
+    async function j() {
+      const v = await d({});
+      v && (await H(), E(v));
+    }
+    function de(v) {
+      if (!k.value) return [];
+      if (M.value)
+        return [
+          {
+            key: "restore",
+            icon: "refresh",
+            label: t("panel.restore"),
+            run: () => {
+              he(v);
+            }
+          }
+        ];
+      const o = [
+        { key: "open", icon: "edit", label: t("panel.open"), run: () => E(v) }
+      ];
+      return v.url && v.status !== "draft" && o.push({
+        key: "site",
+        icon: "external-link",
+        label: t("panel.open-on-site"),
+        href: v.url
+      }), v.path !== null && o.push({
+        key: "copy",
+        icon: "copy",
+        label: t("panel.copy-address"),
+        run: () => {
+          fe(v);
+        }
+      }), o.push({
+        key: "pin",
+        icon: "star",
+        label: v.pinned ? t("panel.unpin") : t("panel.pin"),
+        run: () => {
+          J(v, !v.pinned);
+        }
+      }), o.push(
+        v.status === "published" || v.status === "modified" || v.status === "scheduled" ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: t("panel.unpublish"),
+          run: () => {
+            ve(v);
+          }
+        } : {
+          key: "publish",
+          icon: "upload",
+          label: t("panel.publish"),
+          run: () => {
+            Ve(v);
+          }
+        }
+      ), o.push({
+        key: "delete",
+        icon: "trash",
+        label: t("panel.delete"),
+        danger: !0,
+        run: () => {
+          we(v);
+        }
+      }), o;
+    }
+    async function Ve(v) {
+      await Q(() => x.publish(v.id), t("panel.published"));
+    }
+    async function ve(v) {
+      await Q(() => x.unpublish(v.id), t("panel.unpublished-done"));
+    }
+    async function J(v, o) {
+      await Q(
+        () => x.save(v.id, { values: { pinned: o }, revision: v.revision }),
+        t(o ? "panel.pinned-done" : "panel.unpinned")
+      );
+    }
+    async function we(v) {
+      await pe({
+        title: t("panel.delete-title", { title: v.title }),
+        message: t("panel.delete-text"),
+        confirmText: t("panel.delete"),
+        cancelText: t("panel.cancel"),
+        tone: "danger"
+      }) && await Q(() => x.remove(v.id), t("panel.deleted"));
+    }
+    async function he(v) {
+      await Q(() => x.restore(v.id), t("panel.restored"));
+    }
+    async function Q(v, o) {
+      try {
+        await v(), L.success(o);
+      } catch (s) {
+        L.danger(r(s));
+      } finally {
+        await H();
+      }
+    }
+    async function fe(v) {
+      if (v.url)
+        try {
+          await navigator.clipboard.writeText(v.url), L.success(t("panel.address-copied"));
+        } catch {
+        }
+    }
+    function ye(v) {
+      return v === "published" || v === "modified" ? "success" : v === "scheduled" ? "warning" : "default";
+    }
+    function _e(v) {
+      return M.value ? "—" : v.path === null ? t("panel.no-address") : `/${v.path}`;
+    }
+    function ie(v) {
+      return M.value ? v.deleted_at : v.published_at;
+    }
+    return (v, o) => (p(), K("div", {
+      ref_key: "root",
+      ref: i,
+      class: "wx-articles"
+    }, [
+      n(e(je), {
+        view: C.value,
+        "onUpdate:view": o[3] || (o[3] = (s) => C.value = s),
+        title: S.value,
+        views: R.value
+      }, st({
+        default: a(() => [
+          n(e(ut), {
+            data: T.value,
+            columns: A.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: !M.value,
+            hover: !M.value,
+            flush: "",
+            layout: "fixed",
+            loading: h.value,
+            "cards-below": nt,
+            "search-placeholder": e(t)("panel.search"),
+            "empty-text": N.value,
+            "aria-label": S.value,
+            onRowClick: E,
+            onStateChange: D
+          }, {
+            actions: a(() => [
+              q("div", fa, [
+                n(e(be), {
+                  "model-value": P.value.rubric,
+                  options: W.value.rubrics.map((s) => ({ value: s.id, label: s.title })),
+                  placeholder: e(t)("panel.any-rubric"),
+                  clearable: "",
+                  size: "sm",
+                  "onUpdate:modelValue": o[0] || (o[0] = (s) => m("rubric", s))
+                }, null, 8, ["model-value", "options", "placeholder"]),
+                n(e(be), {
+                  "model-value": P.value.tag,
+                  options: W.value.tags.map((s) => ({ value: s.id, label: s.title })),
+                  placeholder: e(t)("panel.any-tag"),
+                  clearable: "",
+                  filterable: "",
+                  size: "sm",
+                  "onUpdate:modelValue": o[1] || (o[1] = (s) => m("tag", s))
+                }, null, 8, ["model-value", "options", "placeholder"]),
+                n(e(be), {
+                  "model-value": P.value.author,
+                  options: W.value.authors.map((s) => ({ value: s.id, label: s.title })),
+                  placeholder: e(t)("panel.any-author"),
+                  clearable: "",
+                  size: "sm",
+                  "onUpdate:modelValue": o[2] || (o[2] = (s) => m("author", s))
+                }, null, 8, ["model-value", "options", "placeholder"])
+              ])
+            ]),
+            "cell-cover": a(({ row: s }) => [
+              q("span", {
+                class: Ae(["wx-articles__cover", { "is-empty": !s.cover }])
+              }, [
+                s.cover?.thumb ? (p(), K("img", {
+                  key: 0,
+                  src: s.cover.thumb,
+                  alt: "",
+                  loading: "lazy"
+                }, null, 8, ga)) : (p(), V(e(Y), {
+                  key: 1,
+                  name: "image",
+                  size: "sm"
+                }))
+              ], 2)
+            ]),
+            "cell-title": a(({ row: s }) => [
+              q("div", ba, [
+                s.pinned ? (p(), V(e(Ye), {
+                  key: 0,
+                  content: e(t)("panel.pinned")
+                }, {
+                  default: a(() => [
+                    n(e(Y), {
+                      class: "wx-articles__pin",
+                      name: "star",
+                      size: "sm"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["content"])) : I("", !0),
+                q("div", ha, [
+                  q("span", ya, f(s.title), 1),
+                  q("span", _a, f(_e(s)), 1)
+                ])
+              ])
+            ]),
+            "cell-rubrics": a(({ row: s }) => [
+              q("span", wa, [
+                (p(!0), K(ne, null, ze(s.rubrics, (w) => (p(), V(e(re), {
+                  key: w.id,
+                  size: "sm",
+                  round: ""
+                }, {
+                  default: a(() => [
+                    g(f(w.title), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ])
+            ]),
+            "cell-author": a(({ row: s }) => [
+              n(e(G), {
+                size: "sm",
+                tone: "muted",
+                truncate: ""
+              }, {
+                default: a(() => [
+                  g(f(s.author ? s.author.name : "—"), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            "cell-date": a(({ row: s }) => [
+              ie(s) ? (p(), V(e(De), {
+                key: 0,
+                value: ie(s)
+              }, null, 8, ["value"])) : (p(), V(e(G), {
+                key: 1,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: a(() => [...o[4] || (o[4] = [
+                  g("—", -1)
+                ])]),
+                _: 1
+              }))
+            ]),
+            "cell-status": a(({ row: s }) => [
+              q("span", xa, [
+                n(e(re), {
+                  type: ye(s.status),
+                  dot: "",
+                  size: "sm"
+                }, {
+                  default: a(() => [
+                    g(f(e(t)(`panel.status-${s.status}`)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type"]),
+                s.status === "modified" ? (p(), V(e(re), {
+                  key: 0,
+                  type: "primary",
+                  size: "sm",
+                  round: ""
+                }, {
+                  default: a(() => [
+                    g(f(e(t)("panel.edits")), 1)
+                  ]),
+                  _: 1
+                })) : I("", !0)
+              ])
+            ]),
+            "cell-card": a(({ row: s }) => [
+              q("div", ka, [
+                q("span", {
+                  class: Ae(["wx-articles__cover is-card", { "is-empty": !s.cover }])
+                }, [
+                  s.cover?.thumb ? (p(), K("img", {
+                    key: 0,
+                    src: s.cover.thumb,
+                    alt: "",
+                    loading: "lazy"
+                  }, null, 8, $a)) : (p(), V(e(Y), {
+                    key: 1,
+                    name: "image",
+                    size: "sm"
+                  }))
+                ], 2),
+                q("div", Ta, [
+                  q("div", Va, [
+                    s.pinned ? (p(), V(e(Y), {
+                      key: 0,
+                      class: "wx-articles__pin",
+                      name: "star",
+                      size: "sm"
+                    })) : I("", !0),
+                    q("span", null, f(s.title), 1)
+                  ]),
+                  q("div", Aa, [
+                    s.rubrics[0] ? (p(), V(e(re), {
+                      key: 0,
+                      size: "sm",
+                      round: ""
+                    }, {
+                      default: a(() => [
+                        g(f(s.rubrics[0].title), 1)
+                      ]),
+                      _: 2
+                    }, 1024)) : I("", !0),
+                    n(e(re), {
+                      type: ye(s.status),
+                      dot: "",
+                      size: "sm"
+                    }, {
+                      default: a(() => [
+                        g(f(e(t)(`panel.status-${s.status}`)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["type"]),
+                    ie(s) ? (p(), V(e(De), {
+                      key: 1,
+                      value: ie(s)
+                    }, null, 8, ["value"])) : I("", !0),
+                    s.author ? (p(), V(e(G), {
+                      key: 2,
+                      size: "sm",
+                      tone: "muted",
+                      truncate: ""
+                    }, {
+                      default: a(() => [
+                        g(f(s.author.name), 1)
+                      ]),
+                      _: 2
+                    }, 1024)) : I("", !0)
+                  ])
+                ]),
+                n(e(Ie), {
+                  actions: de(s),
+                  label: s.title
+                }, null, 8, ["actions", "label"])
+              ])
+            ]),
+            "cell-actions": a(({ row: s }) => [
+              n(e(Ie), {
+                actions: de(s),
+                label: s.title
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["data", "columns", "clickable", "hover", "loading", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 2
+      }, [
+        k.value ? {
+          name: "actions",
+          fn: a(() => [
+            n(e(F), {
+              type: "primary",
+              icon: "plus",
+              onClick: j
+            }, {
+              default: a(() => [
+                g(f(e(t)("panel.new")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["view", "title", "views"])
+    ], 512));
+  }
+}), Sa = /* @__PURE__ */ ce(Ca, [["__scopeId", "data-v-0bea5efe"]]), Wa = { class: "wx-rubric-form__head" }, za = { class: "wx-rubric-form__body" }, Ra = { class: "wx-rubric-form__row" }, Ua = { class: "wx-rubric-form__row" }, Ba = { class: "wx-rubric-form__side" }, Na = {
+  key: 1,
+  class: "wx-rubric-form__seo"
+}, qa = { class: "wx-rubric-form__foot" }, Ma = /* @__PURE__ */ ee({
+  __name: "RubricForm",
+  props: {
+    rubric: {},
+    prefix: { default: "" },
+    inline: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["back", "saved", "deleted", "articles"],
+  setup(y, { emit: _ }) {
+    const u = y, x = _, c = se(), l = ue(c), t = Ge();
+    ae();
+    const r = te("webx-blog"), i = me(), $ = b(() => c.types["wx-media"]?.component), T = b(() => c.types["wx-seo"]?.component), h = b(
+      () => c.types["wx-seo"]?.bind?.({ id: "seo", type: "wx-seo" }) ?? {}
+    ), d = z(M()), k = z({}), S = z(!1), C = z(!1);
+    function M() {
+      return {
+        title: {},
+        slug: {},
+        lead: {},
+        cover: null,
+        is_visible: !0,
+        seo: {}
+      };
+    }
+    oe(
+      () => u.rubric,
+      (D) => {
+        if (k.value = {}, C.value = !1, D === null) {
+          d.value = M();
+          return;
+        }
+        d.value = {
+          title: { ...D.title },
+          slug: { ...D.slug },
+          lead: { ...D.lead },
+          cover: D.cover ? { path: D.cover.path, url: D.cover.url } : null,
+          is_visible: D.is_visible,
+          seo: { ...D.seo }
+        }, C.value = Object.keys(D.seo ?? {}).length > 0;
+      },
+      { immediate: !0 }
+    );
+    const P = b(
+      () => d.value.title[t.active.value] || u.rubric?.name || r("rubric.new")
+    ), U = b(() => {
+      const D = d.value.slug[t.active.value] ?? "";
+      return D === "" ? null : `/${[u.prefix, D].filter(Boolean).join("/")}`;
+    }), R = b(() => {
+      const D = u.rubric?.path;
+      return typeof D == "string" && U.value !== null && U.value !== `/${D}`;
+    }), W = b(() => u.rubric?.articles_count ?? 0);
+    function O(D) {
+      const m = Object.keys(k.value).find(
+        (E) => E === D || E.startsWith(`${D}.`)
+      );
+      return m === void 0 ? void 0 : k.value[m]?.[0];
+    }
+    function A() {
+      return {
+        title: d.value.title,
+        slug: d.value.slug,
+        lead: d.value.lead,
+        cover: d.value.cover === null ? null : { path: d.value.cover.path },
+        is_visible: d.value.is_visible,
+        // Only when it was opened: a save of the rest of the form must not empty a card nobody
+        // looked at, and an untouched card is the rules being left in charge (§12).
+        ...C.value ? { seo: d.value.seo } : {}
+      };
+    }
+    async function N() {
+      S.value = !0, k.value = {};
+      try {
+        const D = u.rubric === null ? await l.createRubric(A()) : await l.saveRubric(u.rubric.id, A());
+        L.success(u.rubric === null ? r("rubric.created") : r("rubric.saved")), x("saved", D);
+      } catch (D) {
+        const m = D.body;
+        m?.errors && (k.value = m.errors), L.danger(i(D));
+      } finally {
+        S.value = !1;
+      }
+    }
+    async function H() {
+      if (!(u.rubric === null || !await pe({
+        title: r("rubric.delete-title", { name: u.rubric.name }),
+        message: r("rubric.delete-text"),
+        confirmText: r("rubric.delete"),
+        cancelText: r("rubric.cancel"),
+        tone: "danger"
+      })))
+        try {
+          await l.removeRubric(u.rubric.id), L.success(r("rubric.deleted")), x("deleted");
+        } catch (m) {
+          L.danger(i(m));
+        }
+    }
+    return (D, m) => (p(), K("div", {
+      class: Ae(["wx-rubric-form", { "is-pane": u.inline }])
+    }, [
+      q("div", Wa, [
+        u.inline ? I("", !0) : (p(), V(e(Re), {
+          key: 0,
+          icon: "arrow-left",
+          title: e(r)("rubric.back"),
+          onClick: m[0] || (m[0] = (E) => x("back"))
+        }, null, 8, ["title"])),
+        n(e(kt), {
+          level: 3,
+          truncate: ""
+        }, {
+          default: a(() => [
+            g(f(P.value), 1)
+          ]),
+          _: 1
+        }),
+        u.rubric ? (p(), V(e(G), {
+          key: 1,
+          size: "sm",
+          tone: "muted"
+        }, {
+          default: a(() => [
+            g(f(e(r)("rubric.articles", { count: W.value })), 1)
+          ]),
+          _: 1
+        })) : I("", !0),
+        m[10] || (m[10] = q("span", { class: "wx-rubric-form__spacer" }, null, -1)),
+        u.rubric && W.value > 0 ? (p(), V(e(F), {
+          key: 2,
+          variant: "text",
+          size: "sm",
+          onClick: m[1] || (m[1] = (E) => x("articles", u.rubric))
+        }, {
+          default: a(() => [
+            g(f(e(r)("rubric.show-articles")), 1)
+          ]),
+          _: 1
+        })) : I("", !0)
+      ]),
+      q("div", za, [
+        q("div", Ra, [
+          n(e(ge), {
+            class: "wx-rubric-form__title",
+            label: e(r)("rubric.field-title"),
+            error: O("title"),
+            required: ""
+          }, {
+            default: a(() => [
+              n(e($e), {
+                modelValue: d.value.title,
+                "onUpdate:modelValue": m[2] || (m[2] = (E) => d.value.title = E),
+                localized: "",
+                disabled: u.disabled
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "error"]),
+          n(e(ge), {
+            class: "wx-rubric-form__slug",
+            label: e(r)("rubric.field-slug"),
+            error: O("slug"),
+            help: U.value ?? e(r)("rubric.no-address")
+          }, {
+            default: a(() => [
+              n(e($e), {
+                modelValue: d.value.slug,
+                "onUpdate:modelValue": m[3] || (m[3] = (E) => d.value.slug = E),
+                localized: "",
+                disabled: u.disabled
+              }, null, 8, ["modelValue", "disabled"])
+            ]),
+            _: 1
+          }, 8, ["label", "error", "help"])
+        ]),
+        R.value ? (p(), V(e(Se), {
+          key: 0,
+          type: "info",
+          variant: "soft",
+          description: e(r)("rubric.address-moving")
+        }, null, 8, ["description"])) : I("", !0),
+        n(e(ge), {
+          label: e(r)("rubric.field-lead"),
+          help: e(r)("rubric.lead-help"),
+          wide: ""
+        }, {
+          default: a(() => [
+            n(e($t), {
+              modelValue: d.value.lead,
+              "onUpdate:modelValue": m[4] || (m[4] = (E) => d.value.lead = E),
+              localized: "",
+              rows: 3,
+              disabled: u.disabled
+            }, null, 8, ["modelValue", "disabled"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        q("div", Ua, [
+          $.value ? (p(), V(tt($.value), {
+            key: 0,
+            modelValue: d.value.cover,
+            "onUpdate:modelValue": m[5] || (m[5] = (E) => d.value.cover = E),
+            class: "wx-rubric-form__cover",
+            label: e(r)("rubric.field-cover"),
+            accept: "image",
+            captions: !1,
+            aspect: "16/9",
+            disabled: u.disabled
+          }, null, 8, ["modelValue", "label", "disabled"])) : I("", !0),
+          q("div", Ba, [
+            n(e(Tt), {
+              modelValue: d.value.is_visible,
+              "onUpdate:modelValue": m[6] || (m[6] = (E) => d.value.is_visible = E),
+              label: e(r)("rubric.visible"),
+              disabled: u.disabled
+            }, null, 8, ["modelValue", "label", "disabled"]),
+            n(e(G), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: a(() => [
+                g(f(e(r)("rubric.visible-help")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        T.value ? (p(), K("div", Na, [
+          C.value ? (p(), V(tt(T.value), gt({
+            key: 1,
+            modelValue: d.value.seo,
+            "onUpdate:modelValue": m[8] || (m[8] = (E) => d.value.seo = E)
+          }, h.value, {
+            "structured-data": !1,
+            disabled: u.disabled
+          }), null, 16, ["modelValue", "disabled"])) : (p(), K(ne, { key: 0 }, [
+            n(e(G), {
+              size: "sm",
+              weight: "medium"
+            }, {
+              default: a(() => [
+                g(f(e(r)("rubric.seo")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(G), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: a(() => [
+                g(f(e(r)("rubric.seo-help")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(F), {
+              variant: "text",
+              size: "sm",
+              disabled: u.disabled,
+              onClick: m[7] || (m[7] = (E) => C.value = !0)
+            }, {
+              default: a(() => [
+                g(f(e(r)("rubric.seo-override", { name: P.value })), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ], 64))
+        ])) : I("", !0)
+      ]),
+      q("div", qa, [
+        u.rubric ? (p(), K(ne, { key: 0 }, [
+          n(e(F), {
+            variant: "outline",
+            type: "danger",
+            disabled: u.disabled || W.value > 0,
+            onClick: H
+          }, {
+            icon: a(() => [
+              n(e(Y), { name: "trash" })
+            ]),
+            default: a(() => [
+              g(" " + f(e(r)("rubric.delete")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          W.value > 0 ? (p(), V(e(G), {
+            key: 0,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: a(() => [
+              g(f(e(r)("rubric.delete-blocked")), 1)
+            ]),
+            _: 1
+          })) : I("", !0)
+        ], 64)) : I("", !0),
+        m[11] || (m[11] = q("span", { class: "wx-rubric-form__spacer" }, null, -1)),
+        n(e(F), {
+          variant: "outline",
+          onClick: m[9] || (m[9] = (E) => x("back"))
+        }, {
+          default: a(() => [
+            g(f(e(r)("rubric.cancel")), 1)
+          ]),
+          _: 1
+        }),
+        n(e(F), {
+          type: "primary",
+          loading: S.value,
+          disabled: u.disabled,
+          onClick: N
+        }, {
+          default: a(() => [
+            g(f(e(r)("rubric.save")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "disabled"])
+      ])
+    ], 2));
+  }
+}), Pa = /* @__PURE__ */ ce(Ma, [["__scopeId", "data-v-ace40cf4"]]), Da = ["onClick"], Ia = { class: "wx-rubric-row__name" }, Oa = /* @__PURE__ */ ee({
+  __name: "RubricsPage",
+  props: {
+    base: { default: "/blog" }
+  },
+  setup(y) {
+    const _ = y, u = se(), x = ue(u), c = qe(), l = Me();
+    ae();
+    const t = te("webx-blog"), r = me(), i = z([]), $ = z(""), T = z(!0), h = z(!1), d = z(!1), k = b(() => u.can("blog.taxonomy.manage")), S = b(
+      () => u.state.manifest?.modules.find((m) => m.id === "rubrics")?.title ?? t("module.rubrics")
+    ), C = b(() => {
+      const m = c.query.rubric;
+      return typeof m == "string" && m !== "" ? Number(m) : null;
+    }), M = b(() => i.value.find((m) => m.id === C.value) ?? null);
+    async function P() {
+      T.value = !0;
+      try {
+        const m = await x.rubrics();
+        i.value = m.data, $.value = m.prefix;
+      } catch (m) {
+        L.danger(r(m));
+      } finally {
+        T.value = !1;
+      }
+    }
+    P(), oe(M, (m) => {
+      m !== null && (h.value = !0);
+    });
+    function U(m) {
+      d.value = !1, l.replace({ query: { ...c.query, rubric: String(m.id) } }), h.value = !0;
+    }
+    function R() {
+      d.value = !0, W(), h.value = !0;
+    }
+    function W() {
+      const m = { ...c.query };
+      delete m.rubric, l.replace({ query: m });
+    }
+    async function O(m) {
+      d.value = !1, await P(), l.replace({ query: { ...c.query, rubric: String(m.id) } });
+    }
+    async function A() {
+      d.value = !1, W(), h.value = !1, await P();
+    }
+    function N() {
+      d.value = !1, W(), h.value = !1;
+    }
+    function H(m) {
+      l.push({ path: `${_.base}/articles`, query: { rubric: String(m.id) } });
+    }
+    async function D() {
+      try {
+        await x.sortRubrics(i.value.map((m) => m.id));
+      } catch (m) {
+        L.danger(r(m, t("rubric.reorder-failed"))), await P();
+      }
+    }
+    return (m, E) => (p(), V(e(je), {
+      title: S.value,
+      card: !1,
+      fill: ""
+    }, {
+      actions: a(() => [
+        k.value ? (p(), V(e(F), {
+          key: 0,
+          type: "primary",
+          onClick: R
+        }, {
+          icon: a(() => [
+            n(e(Y), { name: "plus" })
+          ]),
+          default: a(() => [
+            g(" " + f(e(t)("rubric.new")), 1)
+          ]),
+          _: 1
+        })) : I("", !0)
+      ]),
+      default: a(() => [
+        n(e(Vt), {
+          class: "wx-rubrics",
+          padding: "none"
+        }, {
+          default: a(() => [
+            n(e(At), {
+              open: h.value,
+              "onUpdate:open": E[1] || (E[1] = (j) => h.value = j),
+              class: "wx-rubrics__panes",
+              "list-width": 320,
+              "detail-min": 440,
+              "detail-label": M.value ? M.value.name : e(t)("rubric.new")
+            }, {
+              list: a(() => [
+                T.value ? (p(), V(e(Ue), {
+                  key: 0,
+                  class: "wx-rubrics__loading",
+                  rows: 5
+                })) : i.value.length === 0 ? (p(), V(e(Oe), {
+                  key: 1,
+                  title: e(t)("rubric.empty"),
+                  description: e(t)("rubric.empty-help")
+                }, null, 8, ["title", "description"])) : (p(), V(e(Je), {
+                  key: 2,
+                  modelValue: i.value,
+                  "onUpdate:modelValue": E[0] || (E[0] = (j) => i.value = j),
+                  class: "wx-rubrics__list",
+                  plain: "",
+                  size: "sm",
+                  "item-key": "id",
+                  "item-label": (j) => j.name,
+                  disabled: !k.value,
+                  title: e(t)("rubric.order"),
+                  onMove: D
+                }, {
+                  default: a(({ item: j }) => [
+                    q("button", {
+                      type: "button",
+                      class: Ae(["wx-rubric-row", { "is-current": j.id === C.value, "is-hidden": !j.is_visible }]),
+                      onClick: (de) => U(j)
+                    }, [
+                      q("span", Ia, [
+                        n(e(G), {
+                          truncate: "",
+                          weight: "medium"
+                        }, {
+                          default: a(() => [
+                            g(f(j.name), 1)
+                          ]),
+                          _: 2
+                        }, 1024),
+                        j.is_visible ? I("", !0) : (p(), V(e(Ye), {
+                          key: 0,
+                          content: e(t)("rubric.hidden")
+                        }, {
+                          default: a(() => [
+                            n(e(Y), {
+                              name: "eye-off",
+                              size: "sm"
+                            })
+                          ]),
+                          _: 1
+                        }, 8, ["content"]))
+                      ]),
+                      n(e(G), {
+                        size: "sm",
+                        tone: "muted",
+                        truncate: ""
+                      }, {
+                        default: a(() => [
+                          g(f(j.path === null ? e(t)("rubric.no-address") : `/${j.path}`), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ], 10, Da)
+                  ]),
+                  actions: a(({ item: j }) => [
+                    n(e(G), {
+                      class: "wx-rubric-row__count",
+                      size: "sm",
+                      tone: "muted"
+                    }, {
+                      default: a(() => [
+                        g(f(j.articles_count), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ]),
+                  _: 1
+                }, 8, ["modelValue", "item-label", "disabled", "title"]))
+              ]),
+              empty: a(() => [
+                n(e(Oe), {
+                  description: e(t)("rubric.choose")
+                }, null, 8, ["description"])
+              ]),
+              detail: a(({ inline: j, back: de }) => [
+                d.value || M.value ? (p(), V(Pa, {
+                  key: d.value ? "new" : String(M.value?.id),
+                  rubric: d.value ? null : M.value,
+                  prefix: $.value,
+                  inline: j,
+                  disabled: !k.value,
+                  onBack: () => {
+                    de(), N();
+                  },
+                  onArticles: H,
+                  onSaved: O,
+                  onDeleted: A
+                }, null, 8, ["rubric", "prefix", "inline", "disabled", "onBack"])) : I("", !0)
+              ]),
+              _: 1
+            }, 8, ["open", "detail-label"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["title"]));
+  }
+}), Ea = /* @__PURE__ */ ee({
+  __name: "TagCreateDialog",
+  setup(y) {
+    const { open: _, resolve: u, dismiss: x } = Ze(), c = se(), l = ue(c);
+    ae();
+    const t = te("webx-blog"), r = z(""), i = z(""), $ = z(!1), T = z({}), h = We("field");
+    Le(async () => {
+      await Ke(), h.value?.querySelector("input")?.focus();
+    });
+    async function d() {
+      if (!(r.value.trim() === "" || $.value)) {
+        $.value = !0, T.value = {};
+        try {
+          u(
+            await l.createTag({
+              title: r.value.trim(),
+              ...i.value.trim() === "" ? {} : { slug: i.value.trim() }
+            })
+          );
+        } catch (k) {
+          T.value = k.body?.errors ?? {};
+        } finally {
+          $.value = !1;
+        }
+      }
+    }
+    return (k, S) => (p(), V(e(Qe), {
+      open: e(_),
+      "onUpdate:open": S[3] || (S[3] = (C) => He(_) ? _.value = C : null),
+      title: e(t)("tag.new-title"),
+      width: 440
+    }, {
+      footer: a(() => [
+        n(e(Xe), { size: "sm" }, {
+          default: a(() => [
+            n(e(F), {
+              variant: "outline",
+              onClick: S[2] || (S[2] = (C) => e(x)())
+            }, {
+              default: a(() => [
+                g(f(e(t)("tag.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(F), {
+              type: "primary",
+              loading: $.value,
+              disabled: r.value.trim() === "",
+              onClick: d
+            }, {
+              default: a(() => [
+                g(f(e(t)("tag.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: a(() => [
+        n(e(ge), {
+          label: e(t)("tag.field-title"),
+          error: T.value.title?.[0],
+          required: ""
+        }, {
+          default: a(() => [
+            q("div", {
+              ref_key: "field",
+              ref: h
+            }, [
+              n(e($e), {
+                modelValue: r.value,
+                "onUpdate:modelValue": S[0] || (S[0] = (C) => r.value = C),
+                "aria-label": e(t)("tag.field-title"),
+                onKeyup: Ce(d, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        n(e(ge), {
+          label: e(t)("tag.field-slug"),
+          error: T.value.slug?.[0],
+          help: e(t)("tag.field-slug-help")
+        }, {
+          default: a(() => [
+            n(e($e), {
+              modelValue: i.value,
+              "onUpdate:modelValue": S[1] || (S[1] = (C) => i.value = C),
+              "aria-label": e(t)("tag.field-slug"),
+              onKeyup: Ce(d, ["enter"])
+            }, null, 8, ["modelValue", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "error", "help"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), La = { class: "wx-tag-merge" }, Fa = { class: "wx-tag-merge__chips" }, Ka = { class: "wx-tag-merge__redirect" }, Ha = /* @__PURE__ */ ee({
+  __name: "TagMergeDialog",
+  props: {
+    tags: {}
+  },
+  setup(y) {
+    const _ = y, { open: u, resolve: x, dismiss: c } = Ze(), l = se(), t = ue(l);
+    ae();
+    const r = te("webx-blog"), i = me(), $ = z(
+      [..._.tags].sort((R, W) => W.articles_count - R.articles_count)[0]?.id ?? 0
+    ), T = z(!1), h = z(!0), d = z(null), k = b(
+      () => _.tags.map((R) => ({ value: R.id, label: `${R.title} · ${R.articles_count}` }))
+    ), S = b(() => _.tags.find((R) => R.id === $.value) ?? null), C = b(() => _.tags.filter((R) => R.id !== $.value)), M = b(() => C.value.reduce((R, W) => R + W.articles_count, 0)), P = b(() => C.value.map((R) => R.path).filter(Boolean));
+    async function U() {
+      if (!(S.value === null || C.value.length === 0 || T.value)) {
+        T.value = !0, d.value = null;
+        try {
+          x(
+            await t.mergeTags(
+              C.value.map((R) => R.id),
+              $.value,
+              h.value
+            )
+          );
+        } catch (R) {
+          d.value = i(R);
+        } finally {
+          T.value = !1;
+        }
+      }
+    }
+    return (R, W) => (p(), V(e(Qe), {
+      open: e(u),
+      "onUpdate:open": W[3] || (W[3] = (O) => He(u) ? u.value = O : null),
+      title: e(r)("tag.merge-title"),
+      width: 520
+    }, {
+      footer: a(() => [
+        n(e(Xe), { size: "sm" }, {
+          default: a(() => [
+            n(e(F), {
+              variant: "outline",
+              onClick: W[2] || (W[2] = (O) => e(c)())
+            }, {
+              default: a(() => [
+                g(f(e(r)("tag.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            n(e(F), {
+              type: "primary",
+              loading: T.value,
+              disabled: C.value.length === 0,
+              onClick: U
+            }, {
+              default: a(() => [
+                g(f(e(r)("tag.merge-confirm")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: a(() => [
+        q("div", La, [
+          q("div", Fa, [
+            (p(!0), K(ne, null, ze(C.value, (O) => (p(), V(e(re), {
+              key: O.id,
+              size: "sm",
+              round: ""
+            }, {
+              default: a(() => [
+                g(f(O.title) + " · " + f(O.articles_count), 1)
+              ]),
+              _: 2
+            }, 1024))), 128)),
+            n(e(Y), {
+              name: "arrow-right",
+              size: "sm"
+            }),
+            S.value ? (p(), V(e(re), {
+              key: 0,
+              type: "primary",
+              size: "sm",
+              round: ""
+            }, {
+              default: a(() => [
+                g(f(S.value.title) + " · " + f(S.value.articles_count), 1)
+              ]),
+              _: 1
+            })) : I("", !0)
+          ]),
+          n(e(ge), {
+            label: e(r)("tag.merge-keep")
+          }, {
+            default: a(() => [
+              n(e(be), {
+                modelValue: $.value,
+                "onUpdate:modelValue": W[0] || (W[0] = (O) => $.value = O),
+                options: k.value,
+                "aria-label": e(r)("tag.merge-keep")
+              }, null, 8, ["modelValue", "options", "aria-label"])
+            ]),
+            _: 1
+          }, 8, ["label"]),
+          q("div", Ka, [
+            n(e(Ct), {
+              modelValue: h.value,
+              "onUpdate:modelValue": W[1] || (W[1] = (O) => h.value = O),
+              label: e(r)("tag.merge-redirect")
+            }, null, 8, ["modelValue", "label"]),
+            n(e(G), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: a(() => [
+                g(f(P.value.length === 0 ? e(r)("tag.merge-redirect-none") : e(r)("tag.merge-redirect-help", { addresses: P.value.join(", ") })), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          n(e(Se), {
+            type: "warning",
+            variant: "soft",
+            description: e(r)("tag.merge-warning", {
+              count: M.value,
+              tag: S.value?.title ?? "",
+              merged: C.value.length
+            })
+          }, null, 8, ["description"]),
+          d.value ? (p(), V(e(Se), {
+            key: 0,
+            type: "danger",
+            variant: "soft",
+            description: d.value
+          }, null, 8, ["description"])) : I("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), ja = /* @__PURE__ */ ce(Ha, [["__scopeId", "data-v-aa68b3a8"]]), Ga = { class: "wx-tags" }, Ja = { class: "wx-tags__sort" }, Za = ["title", "onClick"], Qa = { key: 2 }, Xa = /* @__PURE__ */ ee({
+  __name: "TagsPage",
+  props: {
+    base: { default: "/blog" }
+  },
+  setup(y) {
+    const _ = y, u = se(), x = ue(u), c = qe(), l = Me();
+    ae();
+    const t = te("webx-blog"), r = me(), i = z(null), $ = z(!0), T = z([]), h = z(!1), d = z(null), k = z(""), S = We("box"), C = Ee(Ea), M = Ee(ja), P = b(() => u.can("blog.taxonomy.manage")), U = b(
+      () => u.state.manifest?.modules.find((o) => o.id === "tags")?.title ?? t("module.tags")
+    ), R = b({
+      get: () => typeof c.query.view == "string" ? c.query.view : "",
+      set: (o) => {
+        l.replace({
+          query: { ...c.query, view: o === "" ? void 0 : String(o), page: void 0 }
+        });
+      }
+    }), W = b(() => i.value?.filters ?? { total: 0, empty: 0, noindex: 0 }), O = b(() => [
+      { value: "", label: t("tag.view-all"), badge: W.value.total },
+      { value: "empty", label: t("tag.view-empty"), badge: W.value.empty },
+      { value: "noindex", label: t("tag.view-noindex"), badge: W.value.noindex }
+    ]), A = b(() => i.value?.data ?? []), N = b(() => A.value.filter((o) => T.value.includes(o.id))), H = b(() => [
+      { key: "title", label: t("tag.column-title"), minWidth: 150 },
+      // The number is what the other columns and the narrowest the title may be add up to without
+      // this one: below it the address is what does not fit, and a fixed table does not shrink —
+      // it scrolls sideways and takes the ··· with it (CLAUDE.md §4). Measured, not guessed: at
+      // 375px the row is the word, the number and the menu, and nothing hangs off the edge.
+      { key: "path", label: t("tag.column-address"), width: 180, hideBelow: 760 },
+      { key: "articles_count", label: t("tag.column-articles"), width: 70, align: "right" },
+      // Wide enough for the longest of the three states on one line, in every language: measured
+      // at 180px of text, and a cell keeps 32 of its own. Narrower, the ruled row wrapped and
+      // stood eighteen pixels taller than the ones around it.
+      { key: "indexing", label: t("tag.column-indexing"), width: 230, hideBelow: 560 },
+      { key: "actions", label: "", width: 56, align: "right" }
+    ]);
+    function D(o) {
+      return {
+        q: o?.search ?? (typeof c.query.q == "string" ? c.query.q : ""),
+        empty: R.value === "empty",
+        noindex: R.value === "noindex",
+        // Only when it is not the default: most used first is what the list is, and a query
+        // string that repeats the default is a link that outlives a change of mind about it.
+        sort: c.query.sort === "name" ? "name" : void 0,
+        page: o?.page ?? (Number(c.query.page ?? 1) || 1),
+        per_page: o?.perPage
+      };
+    }
+    async function m(o) {
+      $.value = !0;
+      try {
+        i.value = await x.tagsPage(D(o));
+      } catch (s) {
+        L.danger(r(s));
+      } finally {
+        $.value = !1;
+      }
+    }
+    function E(o) {
+      const s = {
+        ...c.query,
+        q: o.search === "" ? void 0 : o.search,
+        page: o.page === 1 ? void 0 : String(o.page)
+      };
+      l.replace({ query: s }), m(o);
+    }
+    oe(R, () => {
+      T.value = [], m();
+    }), m();
+    function j(o) {
+      l.replace({
+        query: { ...c.query, sort: o === "articles" ? void 0 : o, page: void 0 }
+      }), m();
+    }
+    const de = b(() => c.query.sort === "name" ? "name" : "articles");
+    async function Ve() {
+      await C({}) && await m();
+    }
+    async function ve(o) {
+      d.value = o.id, k.value = o.title, await Ke(), S.value?.querySelector("input")?.focus();
+    }
+    function J() {
+      d.value = null, k.value = "";
+    }
+    async function we(o) {
+      const s = k.value.trim();
+      if (s === "" || s === o.title) {
+        J();
+        return;
+      }
+      J(), await Q(o, { title: s }, t("tag.renamed"));
+    }
+    async function he(o, s) {
+      await Q(o, { noindex: s }, t(s ? "tag.kept-out" : "tag.indexed"));
+    }
+    async function Q(o, s, w) {
+      try {
+        const le = await x.saveTag(o.id, s);
+        i.value && (i.value = {
+          ...i.value,
+          data: i.value.data.map((xe) => xe.id === le.id ? le : xe)
+        }), L.success(w);
+      } catch (le) {
+        L.danger(r(le));
+      }
+    }
+    async function fe(o) {
+      if (await pe({
+        title: t("tag.delete-title", { title: o.title }),
+        message: o.articles_count > 0 ? t("tag.delete-text-used", { count: o.articles_count }) : t("tag.delete-text"),
+        confirmText: t("tag.delete"),
+        cancelText: t("tag.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await x.removeTag(o.id), L.success(t("tag.deleted")), T.value = T.value.filter((w) => w !== o.id), await m();
+        } catch (w) {
+          L.danger(r(w));
+        }
+    }
+    function ye(o) {
+      if (!P.value) return [];
+      const s = [
+        { key: "rename", icon: "edit", label: t("tag.rename"), run: () => {
+          ve(o);
+        } }
+      ];
+      return o.url && s.push({
+        key: "site",
+        icon: "external-link",
+        label: t("tag.open-on-site"),
+        href: o.url
+      }), s.push({
+        key: "articles",
+        icon: "list",
+        label: t("tag.show-articles"),
+        run: () => {
+          l.push({ path: `${_.base}/articles`, query: { tag: String(o.id) } });
+        }
+      }), s.push(
+        o.noindex ? {
+          key: "index",
+          icon: "eye",
+          label: t("tag.index"),
+          run: () => {
+            he(o, !1);
+          }
+        } : {
+          key: "noindex",
+          icon: "eye-off",
+          label: t("tag.noindex"),
+          run: () => {
+            he(o, !0);
+          }
+        }
+      ), s.push({
+        key: "delete",
+        icon: "trash",
+        label: t("tag.delete"),
+        danger: !0,
+        run: () => {
+          fe(o);
+        }
+      }), s;
+    }
+    function _e(o) {
+      return o === "noindex" ? "muted" : "success";
+    }
+    async function ie() {
+      if (N.value.length < 2) return;
+      const o = await M({ tags: N.value });
+      o && (L.success(t("tag.merged", { tag: o.tag.title, count: o.articles_count })), T.value = [], await m());
+    }
+    async function v(o) {
+      const s = N.value.map((w) => w.id);
+      if (!(s.length === 0 || h.value)) {
+        if (o === "delete") {
+          const w = N.value.reduce((xe, Pe) => xe + Pe.articles_count, 0);
+          if (!await pe({
+            title: t("tag.delete-many-title", { count: s.length }),
+            message: w > 0 ? t("tag.delete-many-text-used", { count: w }) : t("tag.delete-many-text"),
+            confirmText: t("tag.delete"),
+            cancelText: t("tag.cancel"),
+            tone: "danger"
+          })) return;
+        }
+        h.value = !0;
+        try {
+          const w = await x.massTags(s, o);
+          L.success(
+            o === "delete" ? t("tag.deleted-many", { count: w }) : o === "index" ? t("tag.indexed-many", { count: w }) : t("tag.kept-out-many", { count: w })
+          ), T.value = [], await m();
+        } catch (w) {
+          L.danger(r(w));
+        } finally {
+          h.value = !1;
+        }
+      }
+    }
+    return (o, s) => (p(), K("div", Ga, [
+      n(e(je), {
+        view: R.value,
+        "onUpdate:view": s[2] || (s[2] = (w) => R.value = w),
+        title: U.value,
+        views: O.value
+      }, st({
+        default: a(() => [
+          n(e(ut), {
+            selected: T.value,
+            "onUpdate:selected": s[1] || (s[1] = (w) => T.value = w),
+            data: i.value,
+            columns: H.value,
+            "row-key": "id",
+            searchable: "",
+            hover: "",
+            flush: "",
+            layout: "fixed",
+            loading: $.value,
+            selectable: P.value,
+            "cards-below": 0,
+            "search-placeholder": e(t)("tag.search"),
+            "empty-text": A.value.length === 0 && !$.value ? e(t)("tag.empty") : void 0,
+            "aria-label": U.value,
+            onStateChange: E
+          }, {
+            actions: a(() => [
+              q("div", Ja, [
+                (p(), K(ne, null, ze(["articles", "name"], (w) => n(e(F), {
+                  key: w,
+                  size: "sm",
+                  variant: de.value === w ? "outline" : "text",
+                  onClick: (le) => j(w)
+                }, {
+                  default: a(() => [
+                    g(f(e(t)(`tag.sort-${w}`)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["variant", "onClick"])), 64))
+              ])
+            ]),
+            "cell-title": a(({ row: w }) => [
+              d.value === w.id ? (p(), K("span", {
+                key: 0,
+                ref_key: "box",
+                ref: S,
+                class: "wx-tags__rename"
+              }, [
+                n(e($e), {
+                  modelValue: k.value,
+                  "onUpdate:modelValue": s[0] || (s[0] = (le) => k.value = le),
+                  size: "sm",
+                  "aria-label": e(t)("tag.rename"),
+                  onKeyup: [
+                    Ce((le) => we(w), ["enter"]),
+                    Ce(J, ["esc"])
+                  ],
+                  onBlur: (le) => we(w)
+                }, null, 8, ["modelValue", "aria-label", "onKeyup", "onBlur"])
+              ], 512)) : P.value ? (p(), K("button", {
+                key: 1,
+                type: "button",
+                class: "wx-tags__name",
+                title: e(t)("tag.rename"),
+                onClick: (le) => ve(w)
+              }, f(w.title), 9, Za)) : (p(), K("span", Qa, f(w.title), 1))
+            ]),
+            "cell-path": a(({ row: w }) => [
+              n(e(G), {
+                size: "sm",
+                tone: "muted",
+                mono: "",
+                truncate: ""
+              }, {
+                default: a(() => [
+                  g(f(w.path ?? e(t)("tag.no-address")), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            "cell-articles_count": a(({ row: w }) => [
+              n(e(G), {
+                tone: w.articles_count === 0 ? "muted" : "default"
+              }, {
+                default: a(() => [
+                  g(f(w.articles_count), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"])
+            ]),
+            "cell-indexing": a(({ row: w }) => [
+              w.indexing === "rule" ? (p(), V(e(Ye), {
+                key: 0,
+                content: e(t)("tag.indexing-rule-help")
+              }, {
+                default: a(() => [
+                  n(e(G), {
+                    size: "sm",
+                    tone: _e(w.indexing)
+                  }, {
+                    default: a(() => [
+                      g(f(e(t)("tag.indexing-rule")), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["tone"])
+                ]),
+                _: 2
+              }, 1032, ["content"])) : (p(), V(e(G), {
+                key: 1,
+                size: "sm",
+                tone: _e(w.indexing)
+              }, {
+                default: a(() => [
+                  g(f(e(t)(`tag.indexing-${w.indexing}`)), 1)
+                ]),
+                _: 2
+              }, 1032, ["tone"]))
+            ]),
+            "cell-actions": a(({ row: w }) => [
+              n(e(Ie), {
+                actions: ye(w),
+                label: w.title
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["selected", "data", "columns", "loading", "selectable", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 2
+      }, [
+        P.value ? {
+          name: "actions",
+          fn: a(() => [
+            n(e(F), {
+              type: "primary",
+              onClick: Ve
+            }, {
+              icon: a(() => [
+                n(e(Y), { name: "plus" })
+              ]),
+              default: a(() => [
+                g(" " + f(e(t)("tag.new")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["view", "title", "views"]),
+      N.value.length > 0 ? (p(), V(e(ot), {
+        key: 0,
+        class: "wx-tags__bar",
+        sticky: ""
+      }, {
+        default: a(() => [
+          n(e(G), { weight: "medium" }, {
+            default: a(() => [
+              g(f(e(t)("tag.selected", { count: N.value.length })), 1)
+            ]),
+            _: 1
+          }),
+          s[7] || (s[7] = q("span", { class: "wx-tags__bar-spacer" }, null, -1)),
+          n(e(F), {
+            type: "primary",
+            disabled: N.value.length < 2 || h.value,
+            onClick: ie
+          }, {
+            icon: a(() => [
+              n(e(Y), { name: "link" })
+            ]),
+            default: a(() => [
+              g(" " + f(e(t)("tag.merge")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          n(e(F), {
+            variant: "outline",
+            disabled: h.value,
+            onClick: s[3] || (s[3] = (w) => v("index"))
+          }, {
+            icon: a(() => [
+              n(e(Y), { name: "eye" })
+            ]),
+            default: a(() => [
+              g(" " + f(e(t)("tag.index")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          n(e(F), {
+            variant: "outline",
+            disabled: h.value,
+            onClick: s[4] || (s[4] = (w) => v("noindex"))
+          }, {
+            icon: a(() => [
+              n(e(Y), { name: "eye-off" })
+            ]),
+            default: a(() => [
+              g(" " + f(e(t)("tag.noindex")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          n(e(F), {
+            variant: "outline",
+            type: "danger",
+            disabled: h.value,
+            onClick: s[5] || (s[5] = (w) => v("delete"))
+          }, {
+            icon: a(() => [
+              n(e(Y), { name: "trash" })
+            ]),
+            default: a(() => [
+              g(" " + f(e(t)("tag.delete")), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          n(e(F), {
+            variant: "text",
+            "aria-label": e(t)("tag.clear"),
+            onClick: s[6] || (s[6] = (w) => T.value = [])
+          }, {
+            icon: a(() => [
+              n(e(Y), { name: "close" })
+            ]),
+            _: 1
+          }, 8, ["aria-label"])
+        ]),
+        _: 1
+      })) : I("", !0)
+    ]));
+  }
+}), Ya = /* @__PURE__ */ ce(Xa, [["__scopeId", "data-v-7ccee45f"]]);
+function nl(y = {}) {
+  const _ = y.path ?? "/blog";
+  return [
+    {
+      id: "articles",
+      path: `${_}/articles`,
+      routes: [
+        // The section's own path travels as a prop, so a panel that mounted the blog somewhere
+        // else still links between its screens correctly.
+        {
+          path: `${_}/articles`,
+          name: "webx.blog.articles",
+          component: Sa,
+          props: { base: _ }
+        },
+        {
+          path: `${_}/articles/:id(\\d+)`,
+          name: "webx.blog.articles.edit",
+          component: Ht,
+          props: { base: _ }
+        }
+      ],
+      /*
+       * The parts of `blog.article-form` that only this module can draw.
+       *
+       * The editor is a described screen so that a module can add a tab to it with a patch, and
+       * the price of that is that everything on it has to be a node type. Five of these are
+       * fields — the value is ids, and the control over them is a list that can be dragged or a
+       * box that makes a tag — and two only draw. Each reads the article from the editor above
+       * it rather than from the description, because a screen is a description and not a
+       * binding.
+       */
+      types: {
+        "wx-article-address": { component: Nt, kind: "display" },
+        "wx-article-author": { component: qt, kind: "field" },
+        "wx-article-rubrics": { component: ra, kind: "field" },
+        "wx-article-tags": { component: pa, kind: "field" },
+        "wx-article-related": { component: la, kind: "field" },
+        "wx-article-history": { component: Qt, kind: "display" }
+      }
+    },
+    {
+      id: "rubrics",
+      path: `${_}/rubrics`,
+      routes: [
+        {
+          path: `${_}/rubrics`,
+          name: "webx.blog.rubrics",
+          component: Oa,
+          props: { base: _ }
+        }
+      ]
+    },
+    {
+      id: "tags",
+      path: `${_}/tags`,
+      routes: [
+        {
+          path: `${_}/tags`,
+          name: "webx.blog.tags",
+          component: Ya,
+          props: { base: _ }
+        }
+      ]
+    }
+  ];
+}
+export {
+  Nt as WxArticleAddress,
+  qt as WxArticleAuthorField,
+  ma as WxArticleCreateDialog,
+  Ht as WxArticleEditorPage,
+  Qt as WxArticleHistory,
+  la as WxArticleRelated,
+  ra as WxArticleRubrics,
+  pa as WxArticleTags,
+  Sa as WxArticlesPage,
+  Pa as WxRubricForm,
+  Oa as WxRubricsPage,
+  Ea as WxTagCreateDialog,
+  ja as WxTagMergeDialog,
+  Ya as WxTagsPage,
+  dt as articleEditorKey,
+  nl as blog,
+  Rt as blogMessages,
+  ue as createBlogApi,
+  zt as provideArticleEditor,
+  Te as useArticleEditor
+};
+//# sourceMappingURL=index.js.map