@webx-ui/module-pages 0.1.0

package/dist/index.js

@@ -0,0 +1,1603 @@
+import { inject as je, provide as Ge, defineComponent as H, ref as P, computed as V, openBlock as d, createBlock as x, unref as e, withCtx as n, createElementVNode as N, createElementBlock as M, createVNode as f, createTextVNode as h, toDisplayString as g, createCommentVNode as D, useTemplateRef as Pe, watch as ae, onMounted as ye, onBeforeUnmount as Je, Fragment as F, renderList as ie, normalizeClass as Qe, useModel as Xe, mergeModels as Ye, withModifiers as xe, nextTick as Ze, isRef as Re, withKeys as De } from "vue";
+import { useRouter as Ce, useRoute as qe, onBeforeRouteLeave as et } from "vue-router";
+import { useAdmin as X, useTranslate as j, WxScreen as tt } from "@webx-ui/module-admin";
+import { WxCard as Oe, WxText as O, WxButton as R, confirm as le, toast as z, useLocales as Ue, useElementWidth as Ie, localizedValue as at, WxSkeleton as ke, WxBreadcrumb as lt, WxBreadcrumbItem as we, WxBadge as We, WxDropdown as Le, WxDropdownItem as re, WxAction as $e, WxAlert as Ve, WxEmpty as nt, WxTreeSelect as st, WxFormItem as ue, WxActions as ot, useModal as Fe, WxDialog as Ke, WxInput as Me, WxSpace as Te, createModal as Ae, WxHeading as it, WxTable as rt, WxSegmented as ut } from "@webx-ui/core";
+import { provideBlocksPreview as dt } from "@webx-ui/module-blocks";
+function Z(v) {
+  const u = `${v.apiPath}/pages`, p = (l) => l.data;
+  return {
+    list: (l = {}) => {
+      const i = new URLSearchParams();
+      l.parent != null && i.set("parent", String(l.parent)), l.search && i.set("search", l.search), l.status && i.set("status", l.status), l.trashed && i.set("trashed", "1"), l.flat && i.set("flat", "1");
+      const t = i.size > 0 ? `?${i}` : "";
+      return v.http.get(`${u}${t}`).then(p);
+    },
+    get: (l) => v.http.get(`${u}/${l}`).then(p),
+    create: (l) => v.http.post(u, l).then(p),
+    save: (l, i) => v.http.put(`${u}/${l}`, i).then(p),
+    move: (l, i, t) => v.http.post(`${u}/${l}/move`, { target: i, zone: t }).then(p),
+    duplicate: (l) => v.http.post(`${u}/${l}/duplicate`, {}).then(p),
+    publish: (l) => v.http.post(`${u}/${l}/publish`, {}).then(p),
+    unpublish: (l) => v.http.post(`${u}/${l}/unpublish`, {}).then(p),
+    remove: (l) => v.http.delete(`${u}/${l}`).then((i) => i.data.trashed),
+    restore: (l) => v.http.post(`${u}/${l}/restore`, {}).then((i) => i.data.restored),
+    versions: (l) => v.http.get(`${u}/${l}/versions`).then(p),
+    restoreVersion: (l, i) => v.http.post(`${u}/${l}/versions/${i}/restore`, {}).then(p)
+  };
+}
+const He = /* @__PURE__ */ Symbol("wx-page-editor");
+function ct(v) {
+  Ge(He, v);
+}
+function ze() {
+  return je(He, null);
+}
+const pt = {
+  module: {
+    title: "Pages"
+  },
+  pages: {
+    home: "Home"
+  },
+  page: {
+    new: "New page",
+    search: "Search by title or address",
+    empty: "No pages yet.",
+    "empty-help": "A site is its pages. The first one goes inside the home page.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    "column-title": "Title",
+    "column-address": "Address",
+    "column-status": "Status",
+    "column-updated": "Updated",
+    "column-deleted": "Deleted",
+    "status-draft": "Draft",
+    "status-published": "Published",
+    "status-modified": "Edited",
+    "no-address": "No address in this language",
+    "filter-all": "All",
+    "filter-draft": "Drafts",
+    "filter-published": "Published",
+    "filter-modified": "Edited",
+    bin: "Bin",
+    open: "Open",
+    "add-child": "Add a page inside",
+    duplicate: "Duplicate",
+    move: "Move…",
+    "copy-address": "Copy the address",
+    "open-on-site": "Open on the site",
+    delete: "Delete",
+    restore: "Restore",
+    cancel: "Cancel",
+    "new-title": "New page",
+    "field-title": "Title",
+    "field-slug": "Address",
+    "slug-help": "The last part of the address. Left empty, it is made from the title.",
+    "field-parent": "Inside",
+    create: "Create and open",
+    "move-title": "Move “:title”",
+    "move-help": "Pick the page it goes inside. Everything under it moves too, and their addresses change with it.",
+    "move-confirm": "Move",
+    moved: "Moved. :count addresses changed; the old ones now redirect to the new ones.",
+    "moved-one": "Moved. The address changed; the old one now redirects to it.",
+    "delete-title": "Delete “:title”?",
+    "delete-text": "The page goes to the bin and stops answering on the site.",
+    "delete-branch": "The :count pages inside it go with it.",
+    deleted: "The page is in the bin.",
+    restored: "The page is back.",
+    "copy-of": ":title (copy)",
+    duplicated: "The copy is ready, and it is not on the site.",
+    "address-copied": "The address is on the clipboard.",
+    // The editor.
+    trail: "Where this page sits",
+    untitled: "Untitled",
+    "state-saved": "Saved",
+    "state-saving": "Saving…",
+    "state-unsaved": "Not saved yet",
+    save: "Save",
+    "save-failed": "The page was not saved.",
+    publish: "Publish",
+    published: "The page is on the site.",
+    preview: "Preview",
+    more: "More",
+    address: "Address",
+    "parent-help": "The page it sits inside. A move happens at once, not on publication.",
+    "parent-warning": "Everything inside this page moves with it. The old addresses keep working and lead to the new ones.",
+    danger: "Off the site",
+    unpublish: "Unpublish",
+    "unpublish-title": "Take “:title” off the site?",
+    "unpublish-text": "The page stops answering. Nothing written is lost, and publishing puts it back.",
+    "unpublish-help": "The page stops answering on the site. What is written stays.",
+    unpublished: "The page is off the site.",
+    "delete-help": "The page goes to the bin, with everything inside it.",
+    "delete-home": "The home page cannot be deleted.",
+    "conflict-title": "The page changed while you were editing",
+    "conflict-theirs": "Take the newer version",
+    "conflict-theirs-title": "Give up what you wrote?",
+    "conflict-theirs-text": "The page is read again as it now is, and what you have typed since goes.",
+    "conflict-mine": "Keep mine",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The page could not be saved, and what you wrote is not on the server.",
+    leave: "Leave",
+    "history-empty": "This page 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.",
+    "restored-version": "Version :number is now the draft."
+  }
+}, Be = /* @__PURE__ */ new WeakSet();
+function G() {
+  try {
+    const { i18n: v } = X();
+    Be.has(v) || (v.defaults("webx-pages", pt), Be.add(v));
+  } catch {
+  }
+}
+const gt = { class: "wx-page-danger" }, vt = {
+  key: 0,
+  class: "wx-page-danger__row"
+}, ft = { class: "wx-page-danger__what" }, ht = { class: "wx-page-danger__row" }, mt = { class: "wx-page-danger__what" }, yt = /* @__PURE__ */ H({
+  name: "WxPageDanger",
+  __name: "PageDanger",
+  setup(v) {
+    const u = X(), p = Z(u), l = Ce(), i = ze();
+    G();
+    const t = j("webx-pages"), c = P(!1), a = V(() => i?.page.value ?? null), o = V(() => u.can("pages.manage"));
+    async function s() {
+      const $ = a.value;
+      if (!(!$ || !await le({
+        title: t("page.unpublish-title", { title: $.title }),
+        message: t("page.unpublish-text"),
+        confirmText: t("page.unpublish"),
+        cancelText: t("page.cancel"),
+        tone: "danger"
+      }))) {
+        c.value = !0;
+        try {
+          await p.unpublish($.id), await i?.reload(), z.success(t("page.unpublished"));
+        } catch (y) {
+          z.danger(k(y));
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    async function C() {
+      const $ = a.value;
+      if (!(!$ || !await le({
+        title: t("page.delete-title", { title: $.title }),
+        // The whole branch, not the level under it (§7): a catalogue with two sections and forty
+        // products is forty-two pages leaving the site at once.
+        message: $.descendants_count > 0 ? `${t("page.delete-text")} ${t("page.delete-branch", { count: $.descendants_count })}` : t("page.delete-text"),
+        confirmText: t("page.delete"),
+        cancelText: t("page.cancel"),
+        tone: "danger"
+      }))) {
+        c.value = !0;
+        try {
+          await p.remove($.id), z.success(t("page.deleted")), l.push(i?.base ?? "/pages");
+        } catch (y) {
+          z.danger(k(y));
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    function k($) {
+      return $.body?.message ?? String($);
+    }
+    return ($, T) => a.value && o.value ? (d(), x(e(Oe), {
+      key: 0,
+      title: e(t)("page.danger")
+    }, {
+      default: n(() => [
+        N("div", gt, [
+          a.value.status !== "draft" ? (d(), M("div", vt, [
+            N("div", ft, [
+              f(e(O), { weight: "medium" }, {
+                default: n(() => [
+                  h(g(e(t)("page.unpublish")), 1)
+                ]),
+                _: 1
+              }),
+              f(e(O), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: n(() => [
+                  h(g(e(t)("page.unpublish-help")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            f(e(R), {
+              variant: "outline",
+              loading: c.value,
+              onClick: s
+            }, {
+              default: n(() => [
+                h(g(e(t)("page.unpublish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ])) : D("", !0),
+          N("div", ht, [
+            N("div", mt, [
+              f(e(O), { weight: "medium" }, {
+                default: n(() => [
+                  h(g(e(t)("page.delete")), 1)
+                ]),
+                _: 1
+              }),
+              f(e(O), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: n(() => [
+                  h(g(a.value.can.delete ? e(t)("page.delete-help") : e(t)("page.delete-home")), 1)
+                ]),
+                _: 1
+              })
+            ]),
+            f(e(R), {
+              type: "danger",
+              variant: "outline",
+              disabled: !a.value.can.delete,
+              loading: c.value,
+              onClick: C
+            }, {
+              default: n(() => [
+                h(g(e(t)("page.delete")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled", "loading"])
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["title"])) : D("", !0);
+  }
+}), de = (v, u) => {
+  const p = v.__vccOpts || v;
+  for (const [l, i] of u)
+    p[l] = i;
+  return p;
+}, bt = /* @__PURE__ */ de(yt, [["__scopeId", "data-v-94c0abe4"]]), _t = { class: "wx-page-editor__head" }, wt = { class: "wx-page-editor__id" }, xt = { class: "wx-page-editor__name" }, kt = { class: "wx-page-editor__title" }, $t = { class: "wx-page-editor__actions" }, Tt = { class: "wx-page-editor__screen" }, Pt = 1200, Ct = 720, Wt = /* @__PURE__ */ H({
+  __name: "PageEditorPage",
+  props: {
+    base: { default: "/pages" }
+  },
+  setup(v) {
+    const u = v, p = X(), l = Z(p), i = qe(), t = Ce(), c = Ue();
+    G();
+    const a = j("webx-pages"), o = V(() => Number(i.params.id)), s = P(null), C = P([]), k = P({}), $ = P(""), T = P(null), y = P({}), S = P(!0), W = P(!1), _ = P(!1), A = P({}), U = P(null), q = P(""), ce = P(0), I = V(() => p.can("pages.manage")), pe = Pe("root"), ge = Ie(pe), L = V(() => ge.value > 0 && ge.value < Ct), ee = V(() => JSON.stringify(k.value)), B = V(() => q.value !== "" && ee.value !== q.value), ne = V(() => W.value ? "saving" : B.value ? "unsaved" : "saved"), se = V(() => {
+      const m = k.value.title;
+      return at(m, c.active.value, s.value?.title ?? "");
+    }), ve = V(
+      () => C.value.map((m) => ({
+        id: m.id,
+        label: m.is_home ? a("pages.home") : m.title
+      }))
+    );
+    dt({ url: V(() => T.value), reload: ce }), ct({
+      page: s,
+      ancestors: C,
+      values: k,
+      prefixes: y,
+      base: u.base,
+      canManage: I.value,
+      reload: () => J(!0),
+      save: () => K()
+    });
+    function be(m) {
+      s.value = m.page, C.value = m.ancestors, k.value = m.values, $.value = m.revision, T.value = m.preview_url, y.value = m.address_prefix, q.value = JSON.stringify(m.values), U.value = null;
+    }
+    async function J(m = !1) {
+      m || (S.value = !0);
+      try {
+        be(await l.get(o.value));
+      } catch (te) {
+        z.danger(r(te)), t.push(u.base);
+      } finally {
+        S.value = !1;
+      }
+    }
+    let Q;
+    function fe() {
+      !I.value || U.value || !B.value || (clearTimeout(Q), Q = setTimeout(() => {
+        K();
+      }, Pt));
+    }
+    function he() {
+      !I.value || U.value || !B.value || W.value || (clearTimeout(Q), K());
+    }
+    async function K() {
+      if (!s.value || W.value || !I.value) return;
+      clearTimeout(Q);
+      const m = ee.value, te = k.value;
+      W.value = !0, A.value = {};
+      try {
+        const E = await l.save(s.value.id, { values: te, revision: $.value });
+        s.value = E.page, C.value = E.ancestors, $.value = E.revision, T.value = E.preview_url, y.value = E.address_prefix, U.value = null, ee.value === m && (q.value = m), ce.value += 1;
+      } catch (E) {
+        const oe = E;
+        oe.status === 409 && oe.body?.data ? U.value = oe.body : oe.body?.errors ? (A.value = oe.body.errors, z.danger(a("page.save-failed"))) : z.danger(r(E));
+      } finally {
+        W.value = !1;
+      }
+    }
+    async function me() {
+      await le({
+        title: a("page.conflict-theirs-title"),
+        message: a("page.conflict-theirs-text"),
+        confirmText: a("page.conflict-theirs"),
+        cancelText: a("page.cancel"),
+        tone: "danger"
+      }) && await J(!0);
+    }
+    async function Y() {
+      const m = U.value;
+      m && ($.value = m.data.revision, U.value = null, await K());
+    }
+    async function _e() {
+      if (s.value && (B.value && await K(), !U.value)) {
+        _.value = !0;
+        try {
+          await l.publish(s.value.id), await J(!0), z.success(a("page.published"));
+        } catch (m) {
+          z.danger(r(m));
+        } finally {
+          _.value = !1;
+        }
+      }
+    }
+    function r(m) {
+      return m.body?.message ?? String(m);
+    }
+    function b() {
+      return s.value?.status === "published" ? "success" : s.value?.status === "modified" ? "warning" : "default";
+    }
+    function w(m) {
+      B.value && m.preventDefault();
+    }
+    return ae(ee, fe), ae(o, () => {
+      J();
+    }), ye(() => {
+      J(), window.addEventListener("beforeunload", w);
+    }), Je(() => {
+      clearTimeout(Q), window.removeEventListener("beforeunload", w);
+    }), et(async () => !B.value || !I.value || (await K(), !B.value) ? !0 : await le({
+      title: a("page.leave-title"),
+      message: a("page.leave-text"),
+      confirmText: a("page.leave"),
+      cancelText: a("page.cancel"),
+      tone: "danger"
+    })), (m, te) => (d(), M("div", {
+      ref_key: "root",
+      ref: pe,
+      class: "wx-page-editor",
+      "data-wx-fill": "",
+      onFocusout: he
+    }, [
+      S.value || !s.value ? (d(), M(F, { key: 0 }, [
+        f(e(ke), {
+          class: "wx-page-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        f(e(ke), { rows: 8 })
+      ], 64)) : (d(), M(F, { key: 1 }, [
+        N("div", _t, [
+          N("div", wt, [
+            f(e(lt), {
+              size: "sm",
+              label: e(a)("page.trail")
+            }, {
+              default: n(() => [
+                f(e(we), {
+                  as: "router-link",
+                  to: v.base
+                }, {
+                  default: n(() => [
+                    h(g(e(a)("module.title")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                (d(!0), M(F, null, ie(ve.value, (E) => (d(), x(e(we), {
+                  key: E.id,
+                  as: "router-link",
+                  to: `${v.base}/${E.id}`
+                }, {
+                  default: n(() => [
+                    h(g(E.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["to"]))), 128)),
+                f(e(we), { current: "" }, {
+                  default: n(() => [
+                    h(g(s.value.is_home ? e(a)("pages.home") : se.value), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"]),
+            N("div", xt, [
+              N("span", kt, g(s.value.is_home ? e(a)("pages.home") : se.value || e(a)("page.untitled")), 1),
+              f(e(We), {
+                type: b(),
+                dot: ""
+              }, {
+                default: n(() => [
+                  h(g(e(a)(`page.status-${s.value.status}`)), 1)
+                ]),
+                _: 1
+              }, 8, ["type"]),
+              f(e(O), {
+                size: "sm",
+                tone: "muted",
+                class: "wx-page-editor__state"
+              }, {
+                default: n(() => [
+                  h(g(e(a)(`page.state-${ne.value}`)), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          N("div", $t, [
+            L.value ? (d(), x(e(Le), {
+              key: 0,
+              align: "end"
+            }, {
+              trigger: n(() => [
+                f(e($e), {
+                  type: "more",
+                  title: e(a)("page.more")
+                }, null, 8, ["title"])
+              ]),
+              default: n(() => [
+                T.value ? (d(), x(e(re), {
+                  key: 0,
+                  icon: "eye",
+                  href: T.value,
+                  target: "_blank",
+                  rel: "noopener"
+                }, {
+                  default: n(() => [
+                    h(g(e(a)("page.preview")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["href"])) : D("", !0),
+                s.value.url && s.value.status !== "draft" ? (d(), x(e(re), {
+                  key: 1,
+                  icon: "link",
+                  href: s.value.url,
+                  target: "_blank",
+                  rel: "noopener"
+                }, {
+                  default: n(() => [
+                    h(g(e(a)("page.open-on-site")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["href"])) : D("", !0),
+                I.value ? (d(), x(e(re), {
+                  key: 2,
+                  icon: "check",
+                  disabled: !B.value,
+                  onClick: K
+                }, {
+                  default: n(() => [
+                    h(g(e(a)("page.save")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])) : D("", !0)
+              ]),
+              _: 1
+            })) : (d(), M(F, { key: 1 }, [
+              T.value ? (d(), x(e(R), {
+                key: 0,
+                variant: "text",
+                icon: "eye",
+                href: T.value,
+                target: "_blank",
+                rel: "noopener"
+              }, {
+                default: n(() => [
+                  h(g(e(a)("page.preview")), 1)
+                ]),
+                _: 1
+              }, 8, ["href"])) : D("", !0),
+              s.value.url && s.value.status !== "draft" ? (d(), x(e(R), {
+                key: 1,
+                variant: "text",
+                icon: "link",
+                href: s.value.url,
+                target: "_blank",
+                rel: "noopener"
+              }, {
+                default: n(() => [
+                  h(g(e(a)("page.open-on-site")), 1)
+                ]),
+                _: 1
+              }, 8, ["href"])) : D("", !0),
+              I.value ? (d(), x(e(R), {
+                key: 2,
+                variant: "outline",
+                loading: W.value,
+                disabled: !B.value,
+                onClick: K
+              }, {
+                default: n(() => [
+                  h(g(e(a)("page.save")), 1)
+                ]),
+                _: 1
+              }, 8, ["loading", "disabled"])) : D("", !0)
+            ], 64)),
+            I.value ? (d(), x(e(R), {
+              key: 2,
+              type: "primary",
+              loading: _.value,
+              disabled: s.value.status === "published" && !B.value,
+              onClick: _e
+            }, {
+              default: n(() => [
+                h(g(e(a)("page.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])) : D("", !0)
+          ])
+        ]),
+        U.value ? (d(), x(e(Ve), {
+          key: 0,
+          type: "warning",
+          title: e(a)("page.conflict-title"),
+          description: U.value.message
+        }, {
+          actions: n(() => [
+            f(e(R), {
+              size: "sm",
+              variant: "outline",
+              onClick: me
+            }, {
+              default: n(() => [
+                h(g(e(a)("page.conflict-theirs")), 1)
+              ]),
+              _: 1
+            }),
+            f(e(R), {
+              size: "sm",
+              type: "primary",
+              onClick: Y
+            }, {
+              default: n(() => [
+                h(g(e(a)("page.conflict-mine")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title", "description"])) : D("", !0),
+        N("div", Tt, [
+          f(e(tt), {
+            modelValue: k.value,
+            "onUpdate:modelValue": te[0] || (te[0] = (E) => k.value = E),
+            name: "pages.form",
+            errors: A.value,
+            disabled: !I.value || _.value
+          }, null, 8, ["modelValue", "errors", "disabled"])
+        ])
+      ], 64))
+    ], 544));
+  }
+}), Vt = /* @__PURE__ */ de(Wt, [["__scopeId", "data-v-861519ac"]]), zt = { class: "wx-page-history" }, St = { class: "wx-page-history__number" }, Dt = { class: "wx-page-history__who" }, Mt = /* @__PURE__ */ H({
+  name: "WxPageHistory",
+  __name: "PageHistory",
+  setup(v) {
+    const u = X(), p = Z(u), l = ze();
+    G();
+    const i = j("webx-pages"), t = P(null), c = P(!1), a = V(() => l?.page.value ?? null), o = V(() => u.can("pages.manage")), s = V(
+      () => a.value?.published_at ? t.value?.[0]?.number ?? null : null
+    );
+    async function C() {
+      const y = a.value;
+      if (y)
+        try {
+          t.value = await p.versions(y.id);
+        } catch (S) {
+          t.value = [], z.danger(T(S));
+        }
+    }
+    async function k(y) {
+      const S = a.value;
+      if (!(!S || !await le({
+        title: i("page.restore-title", { number: y.number }),
+        message: i("page.restore-text"),
+        confirmText: i("page.restore"),
+        cancelText: i("page.cancel")
+      }))) {
+        c.value = !0;
+        try {
+          await p.restoreVersion(S.id, y.number), await l?.reload(), z.success(i("page.restored-version", { number: y.number }));
+        } catch (_) {
+          z.danger(T(_));
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    function $(y) {
+      return y.created_at ? new Date(y.created_at).toLocaleString(u.i18n.state.locale) : "";
+    }
+    function T(y) {
+      return y.body?.message ?? String(y);
+    }
+    return ae(
+      () => [a.value?.id, a.value?.published_at, a.value?.updated_at],
+      () => {
+        C();
+      },
+      {
+        immediate: !0
+      }
+    ), (y, S) => (d(), M("div", zt, [
+      t.value === null ? (d(), x(e(ke), {
+        key: 0,
+        rows: 3
+      })) : t.value.length === 0 ? (d(), x(e(nt), {
+        key: 1,
+        description: e(i)("page.history-empty")
+      }, null, 8, ["description"])) : (d(!0), M(F, { key: 2 }, ie(t.value, (W) => (d(), M("div", {
+        key: W.number,
+        class: Qe(["wx-page-history__row", { "is-live": W.number === s.value }])
+      }, [
+        N("code", St, g(e(i)("page.version", { number: W.number })), 1),
+        N("div", Dt, [
+          f(e(O), null, {
+            default: n(() => [
+              h(g($(W)), 1)
+            ]),
+            _: 2
+          }, 1024),
+          f(e(O), {
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: n(() => [
+              h(g(W.author ?? e(i)(`page.source-${W.source}`)) + " ", 1),
+              W.comment ? (d(), M(F, { key: 0 }, [
+                h(" · " + g(W.comment), 1)
+              ], 64)) : D("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        W.number === s.value ? (d(), x(e(We), {
+          key: 0,
+          type: "success",
+          dot: ""
+        }, {
+          default: n(() => [
+            h(g(e(i)("page.version-live")), 1)
+          ]),
+          _: 1
+        })) : D("", !0),
+        o.value && W.number !== s.value ? (d(), x(e(R), {
+          key: 1,
+          size: "sm",
+          variant: "outline",
+          loading: c.value,
+          onClick: (_) => k(W)
+        }, {
+          default: n(() => [
+            h(g(e(i)("page.restore")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "onClick"])) : D("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}), At = /* @__PURE__ */ de(Mt, [["__scopeId", "data-v-d24bb671"]]), Se = /* @__PURE__ */ H({
+  __name: "PagePicker",
+  props: /* @__PURE__ */ Ye({
+    exclude: { default: () => [] },
+    placeholder: { default: void 0 },
+    selected: { default: () => [] }
+  }, {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const u = v, p = Xe(v, "modelValue"), l = X(), i = Z(l);
+    G();
+    const t = j("webx-pages"), c = P([]);
+    ye(async () => {
+      const s = await i.list();
+      s.home && (c.value = [
+        a(
+          s.home,
+          s.items.map((C) => a(C))
+        )
+      ]);
+    });
+    function a(s, C) {
+      return {
+        id: s.id,
+        label: s.is_home ? t("pages.home") : s.title,
+        disabled: u.exclude.includes(s.id),
+        leaf: s.children_count === 0,
+        ...C ? { children: C } : {}
+      };
+    }
+    async function o(s) {
+      return (await i.list({ parent: Number(s.id) })).items.map((k) => a(k));
+    }
+    return (s, C) => (d(), x(e(st), {
+      modelValue: p.value,
+      "onUpdate:modelValue": C[0] || (C[0] = (k) => p.value = k),
+      nodes: c.value,
+      lazy: "",
+      load: o,
+      "show-path": "",
+      clearable: "",
+      "selected-path": u.selected.map((k) => ({
+        id: k.id,
+        label: k.is_home ? e(t)("pages.home") : k.title
+      })),
+      placeholder: u.placeholder ?? e(t)("page.field-parent"),
+      "aria-label": e(t)("page.field-parent"),
+      teleport: ""
+    }, null, 8, ["modelValue", "nodes", "selected-path", "placeholder", "aria-label"]));
+  }
+}), Bt = {
+  key: 0,
+  class: "wx-page-place"
+}, Nt = /* @__PURE__ */ H({
+  name: "WxPagePlace",
+  __name: "PagePlace",
+  setup(v) {
+    const u = X(), p = Z(u), l = ze(), i = Ue();
+    G();
+    const t = j("webx-pages"), c = P(!1), a = P(null), o = V(() => l?.page.value ?? null), s = V(() => l?.ancestors.value.length === 0 ? null : l?.prefixes.value[i.active.value] ?? null), C = V(() => {
+      const T = l?.values.value.slug;
+      return typeof T == "string" ? T : T?.[i.active.value] ?? "";
+    }), k = V(() => o.value?.is_home ? "/" : s.value === null || C.value === "" ? null : `/${[s.value, C.value].filter(Boolean).join("/")}`);
+    ae(
+      o,
+      (T) => {
+        a.value = T?.parent_id ?? null;
+      },
+      { immediate: !0 }
+    );
+    async function $(T) {
+      const y = o.value;
+      if (!(!y || T === null || T === y.parent_id || c.value)) {
+        c.value = !0;
+        try {
+          const S = await p.move(y.id, T, "inside");
+          z.success(
+            S.addresses_changed > 1 ? t("page.moved", { count: S.addresses_changed }) : t("page.moved-one")
+          ), await l?.reload();
+        } catch (S) {
+          z.danger(S.body?.message ?? String(S)), a.value = y.parent_id;
+        } finally {
+          c.value = !1;
+        }
+      }
+    }
+    return (T, y) => o.value ? (d(), M("div", Bt, [
+      f(e(ue), {
+        label: e(t)("page.address")
+      }, {
+        default: n(() => [
+          k.value ? (d(), x(e(O), {
+            key: 0,
+            mono: "",
+            class: "wx-page-place__address"
+          }, {
+            default: n(() => [
+              h(g(k.value), 1)
+            ]),
+            _: 1
+          })) : (d(), x(e(O), {
+            key: 1,
+            size: "sm",
+            tone: "muted"
+          }, {
+            default: n(() => [
+              h(g(e(t)("page.no-address")), 1)
+            ]),
+            _: 1
+          }))
+        ]),
+        _: 1
+      }, 8, ["label"]),
+      o.value.can.move ? (d(), M(F, { key: 0 }, [
+        f(e(ue), {
+          label: e(t)("page.field-parent"),
+          help: e(t)("page.parent-help")
+        }, {
+          default: n(() => [
+            f(Se, {
+              modelValue: a.value,
+              "onUpdate:modelValue": [
+                y[0] || (y[0] = (S) => a.value = S),
+                $
+              ],
+              exclude: [o.value.id],
+              selected: e(l)?.ancestors.value ?? []
+            }, null, 8, ["modelValue", "exclude", "selected"])
+          ]),
+          _: 1
+        }, 8, ["label", "help"]),
+        f(e(Ve), {
+          type: "info",
+          variant: "soft",
+          description: e(t)("page.parent-warning")
+        }, null, 8, ["description"])
+      ], 64)) : D("", !0)
+    ])) : D("", !0);
+  }
+}), Et = /* @__PURE__ */ de(Nt, [["__scopeId", "data-v-1adcb4ab"]]), Ne = /* @__PURE__ */ H({
+  __name: "PageActions",
+  props: {
+    page: {},
+    inBin: { type: Boolean, default: !1 },
+    menuOnly: { type: Boolean, default: !1 }
+  },
+  emits: ["open", "add", "duplicate", "move", "copy", "remove", "restore"],
+  setup(v, { emit: u }) {
+    const p = v, l = u;
+    G();
+    const i = j("webx-pages"), t = V(() => {
+      const c = p.page;
+      if (p.inBin)
+        return [
+          {
+            key: "restore",
+            type: "restore",
+            icon: "refresh",
+            label: i("page.restore"),
+            run: () => l("restore", c)
+          }
+        ];
+      const a = [
+        {
+          key: "open",
+          type: "edit",
+          icon: "edit",
+          label: i("page.open"),
+          run: () => l("open", c)
+        },
+        {
+          key: "add",
+          type: "add",
+          icon: "plus",
+          label: i("page.add-child"),
+          run: () => l("add", c)
+        }
+      ];
+      return c.is_home || a.push({
+        key: "duplicate",
+        type: "copy",
+        icon: "copy",
+        label: i("page.duplicate"),
+        run: () => l("duplicate", c)
+      }), c.can.move && a.push({
+        key: "move",
+        type: "sort",
+        icon: "drag",
+        label: i("page.move"),
+        run: () => l("move", c)
+      }), a.push(
+        {
+          key: "copy-address",
+          type: "link",
+          icon: "link",
+          label: i("page.copy-address"),
+          disabled: !c.url,
+          run: () => l("copy", c)
+        },
+        {
+          key: "on-site",
+          type: "goto",
+          icon: "external-link",
+          label: i("page.open-on-site"),
+          disabled: !c.url,
+          href: c.url ?? void 0
+        }
+      ), c.can.delete && a.push({
+        key: "delete",
+        type: "remove",
+        icon: "trash",
+        label: i("page.delete"),
+        danger: !0,
+        run: () => l("remove", c)
+      }), a;
+    });
+    return (c, a) => p.menuOnly ? (d(), x(e(Le), {
+      key: 0,
+      align: "end",
+      onClick: a[0] || (a[0] = xe(() => {
+      }, ["stop"]))
+    }, {
+      trigger: n(() => [
+        f(e($e), {
+          type: "more",
+          size: "sm",
+          title: p.page.title
+        }, null, 8, ["title"])
+      ]),
+      default: n(() => [
+        (d(!0), M(F, null, ie(t.value, (o) => (d(), x(e(re), {
+          key: o.key,
+          icon: o.icon,
+          tone: o.danger ? "danger" : "default",
+          href: o.href,
+          target: o.href ? "_blank" : void 0,
+          disabled: o.disabled,
+          onClick: (s) => o.run?.()
+        }, {
+          default: n(() => [
+            h(g(o.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"]))), 128))
+      ]),
+      _: 1
+    })) : (d(), x(e(ot), {
+      key: 1,
+      size: "sm",
+      align: "end",
+      collapse: "",
+      "aria-label": p.page.title,
+      onClick: a[1] || (a[1] = xe(() => {
+      }, ["stop"]))
+    }, {
+      collapsed: n(() => [
+        (d(!0), M(F, null, ie(t.value, (o) => (d(), x(e(re), {
+          key: o.key,
+          icon: o.icon,
+          tone: o.danger ? "danger" : "default",
+          href: o.href,
+          target: o.href ? "_blank" : void 0,
+          disabled: o.disabled,
+          onClick: (s) => o.run?.()
+        }, {
+          default: n(() => [
+            h(g(o.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["icon", "tone", "href", "target", "disabled", "onClick"]))), 128))
+      ]),
+      default: n(() => [
+        (d(!0), M(F, null, ie(t.value, (o) => (d(), x(e($e), {
+          key: o.key,
+          type: o.type,
+          title: o.label,
+          href: o.href,
+          target: o.href ? "_blank" : void 0,
+          disabled: o.disabled,
+          onClick: (s) => o.run?.()
+        }, null, 8, ["type", "title", "href", "target", "disabled", "onClick"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["aria-label"]));
+  }
+}), Rt = {
+  а: "a",
+  б: "b",
+  в: "v",
+  г: "g",
+  ґ: "g",
+  д: "d",
+  е: "e",
+  ё: "e",
+  є: "ie",
+  ж: "zh",
+  з: "z",
+  и: "i",
+  і: "i",
+  ї: "i",
+  й: "i",
+  к: "k",
+  л: "l",
+  м: "m",
+  н: "n",
+  о: "o",
+  п: "p",
+  р: "r",
+  с: "s",
+  т: "t",
+  у: "u",
+  ф: "f",
+  х: "h",
+  ц: "ts",
+  ч: "ch",
+  ш: "sh",
+  щ: "shch",
+  ъ: "",
+  ы: "y",
+  ь: "",
+  э: "e",
+  ю: "iu",
+  я: "ia",
+  ä: "a",
+  ö: "o",
+  ü: "u",
+  ß: "ss",
+  å: "a",
+  ø: "o",
+  æ: "ae",
+  ç: "c",
+  ğ: "g",
+  ı: "i",
+  ş: "s",
+  ą: "a",
+  ć: "c",
+  ę: "e",
+  ł: "l",
+  ń: "n",
+  ó: "o",
+  ś: "s",
+  ź: "z",
+  ż: "z"
+};
+function Ot(v) {
+  return v.toLowerCase().split("").map((u) => Rt[u] ?? u).join("").normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+const Ut = /* @__PURE__ */ H({
+  __name: "PageCreateDialog",
+  props: {
+    parent: { default: null }
+  },
+  setup(v) {
+    const u = v, { open: p, resolve: l, dismiss: i } = Fe(), t = X(), c = Z(t);
+    G();
+    const a = j("webx-pages"), o = P(""), s = P(""), C = P(u.parent?.id ?? null), k = P(!1), $ = P({}), T = Pe("field"), y = P(!1);
+    ae(o, (W) => {
+      y.value || (s.value = Ot(W));
+    }), ye(async () => {
+      await Ze(), T.value?.querySelector("input")?.focus();
+    });
+    async function S() {
+      if (!(o.value.trim() === "" || k.value)) {
+        k.value = !0, $.value = {};
+        try {
+          l(
+            await c.create({
+              title: o.value.trim(),
+              slug: s.value.trim(),
+              parent_id: C.value
+            })
+          );
+        } catch (W) {
+          $.value = W.body?.errors ?? {};
+        } finally {
+          k.value = !1;
+        }
+      }
+    }
+    return (W, _) => (d(), x(e(Ke), {
+      open: e(p),
+      "onUpdate:open": _[5] || (_[5] = (A) => Re(p) ? p.value = A : null),
+      title: e(a)("page.new-title"),
+      width: 460
+    }, {
+      footer: n(() => [
+        f(e(Te), { size: "sm" }, {
+          default: n(() => [
+            f(e(R), {
+              variant: "outline",
+              onClick: _[4] || (_[4] = (A) => e(i)())
+            }, {
+              default: n(() => [
+                h(g(e(a)("page.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            f(e(R), {
+              type: "primary",
+              loading: k.value,
+              disabled: o.value.trim() === "",
+              onClick: S
+            }, {
+              default: n(() => [
+                h(g(e(a)("page.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: n(() => [
+        f(e(ue), {
+          label: e(a)("page.field-title"),
+          error: $.value.title?.[0],
+          required: ""
+        }, {
+          default: n(() => [
+            N("div", {
+              ref_key: "field",
+              ref: T
+            }, [
+              f(e(Me), {
+                modelValue: o.value,
+                "onUpdate:modelValue": _[0] || (_[0] = (A) => o.value = A),
+                "aria-label": e(a)("page.field-title"),
+                onKeyup: De(S, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"]),
+        f(e(ue), {
+          label: e(a)("page.field-slug"),
+          error: $.value.slug?.[0],
+          help: e(a)("page.slug-help")
+        }, {
+          default: n(() => [
+            f(e(Me), {
+              modelValue: s.value,
+              "onUpdate:modelValue": _[1] || (_[1] = (A) => s.value = A),
+              "aria-label": e(a)("page.field-slug"),
+              onInput: _[2] || (_[2] = (A) => y.value = !0),
+              onKeyup: De(S, ["enter"])
+            }, null, 8, ["modelValue", "aria-label"])
+          ]),
+          _: 1
+        }, 8, ["label", "error", "help"]),
+        f(e(ue), {
+          label: e(a)("page.field-parent"),
+          error: $.value.parent_id?.[0]
+        }, {
+          default: n(() => [
+            f(Se, {
+              modelValue: C.value,
+              "onUpdate:modelValue": _[3] || (_[3] = (A) => C.value = A),
+              selected: u.parent ? [u.parent] : []
+            }, null, 8, ["modelValue", "selected"])
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), It = /* @__PURE__ */ H({
+  __name: "PageMoveDialog",
+  props: {
+    page: {}
+  },
+  setup(v) {
+    const u = v, { open: p, resolve: l, dismiss: i } = Fe();
+    G();
+    const t = j("webx-pages"), c = P(u.page.parent_id);
+    return (a, o) => (d(), x(e(Ke), {
+      open: e(p),
+      "onUpdate:open": o[3] || (o[3] = (s) => Re(p) ? p.value = s : null),
+      title: e(t)("page.move-title", { title: u.page.title }),
+      width: 460
+    }, {
+      footer: n(() => [
+        f(e(Te), { size: "sm" }, {
+          default: n(() => [
+            f(e(R), {
+              variant: "outline",
+              onClick: o[1] || (o[1] = (s) => e(i)())
+            }, {
+              default: n(() => [
+                h(g(e(t)("page.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            f(e(R), {
+              type: "primary",
+              disabled: c.value === null || c.value === u.page.parent_id,
+              onClick: o[2] || (o[2] = (s) => e(l)(c.value))
+            }, {
+              default: n(() => [
+                h(g(e(t)("page.move-confirm")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: n(() => [
+        f(e(Te), {
+          direction: "vertical",
+          size: "md",
+          fill: ""
+        }, {
+          default: n(() => [
+            f(e(Ve), {
+              type: "info",
+              variant: "soft",
+              description: e(t)("page.move-help")
+            }, null, 8, ["description"]),
+            f(Se, {
+              modelValue: c.value,
+              "onUpdate:modelValue": o[0] || (o[0] = (s) => c.value = s),
+              exclude: [u.page.id]
+            }, null, 8, ["modelValue", "exclude"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), Lt = { class: "wx-pages__head" }, Ft = { class: "wx-pages__title" }, Kt = ["href"], Ee = 640, Ht = /* @__PURE__ */ H({
+  __name: "PagesPage",
+  props: {
+    base: { default: "/pages" }
+  },
+  setup(v) {
+    const u = v, p = X(), l = Z(p), i = Ce();
+    G();
+    const t = j("webx-pages"), c = P(null), a = P([]), o = P(!0), s = P(""), C = P(""), k = Pe("root"), $ = Ie(k), T = V(() => $.value > 0 && $.value < Ee), y = Ae(Ut), S = Ae(It), W = V(() => p.can("pages.manage")), _ = V(() => C.value === "trashed"), A = V(() => !_.value && !T.value && s.value.trim() === ""), U = V(
+      () => p.state.manifest?.modules.find((r) => r.id === "pages")?.title ?? t("module.title")
+    ), q = V(() => [
+      { value: "", label: t("page.filter-all") },
+      { value: "draft", label: t("page.filter-draft") },
+      { value: "published", label: t("page.filter-published") },
+      { value: "modified", label: t("page.filter-modified") },
+      { value: "trashed", label: t("page.bin"), icon: "trash" }
+    ]), ce = V(
+      () => A.value && c.value ? [{ ...c.value, children_count: 0 }, ...a.value] : a.value
+    ), I = V(() => [
+      { key: "title", label: t("page.column-title"), minWidth: 200 },
+      { key: "path", label: t("page.column-address"), width: 200 },
+      // In the bin the state of a page is not what it was published as — it is off the site either
+      // way — so the column says when it went in, which is what decides whether to bring it back.
+      {
+        key: "status",
+        label: _.value ? t("page.column-deleted") : t("page.column-status"),
+        align: "center",
+        width: 130,
+        hideBelow: 620
+      },
+      {
+        key: "updated_at",
+        label: t("page.column-updated"),
+        width: 180,
+        hideBelow: 900,
+        hideOnCards: !0,
+        hidden: _.value
+      },
+      { key: "actions", label: "", width: 48, align: "right", hideOnCards: !0 }
+    ]), pe = V(
+      () => A.value ? {
+        childrenKey: "children",
+        hasChildrenKey: "children_count",
+        lazy: !0,
+        load: (r) => l.list({ parent: r.id }).then((b) => b.items),
+        draggable: W.value,
+        allowDrag: (r) => r.can.move,
+        allowDrop: ge
+      } : void 0
+    );
+    function ge(r, b, w) {
+      return b.is_home ? w === "inside" : r.id !== b.id;
+    }
+    async function L() {
+      o.value = !0;
+      try {
+        const r = await l.list({
+          search: s.value.trim(),
+          status: _.value ? "" : C.value,
+          trashed: _.value,
+          flat: T.value
+        });
+        c.value = r.home, a.value = r.items;
+      } catch (r) {
+        z.danger(Y(r));
+      } finally {
+        o.value = !1;
+      }
+    }
+    function ee(r) {
+      r.search !== s.value && (s.value = r.search, L());
+    }
+    function B(r) {
+      const b = `${u.base}/${r.id}`;
+      i.resolve(b).matched.length > 0 && i.push(b);
+    }
+    async function ne(r) {
+      const b = await y({ parent: r });
+      b && (await L(), B(b));
+    }
+    async function se(r) {
+      try {
+        await l.duplicate(r.id), z.success(t("page.duplicated")), await L();
+      } catch (b) {
+        z.danger(Y(b));
+      }
+    }
+    async function ve(r) {
+      const b = await S({ page: r });
+      b != null && await J(r, b, "inside");
+    }
+    async function be(r) {
+      await J(r.row, r.target.id, r.zone);
+    }
+    async function J(r, b, w) {
+      try {
+        const m = await l.move(r.id, b, w);
+        z.success(
+          m.addresses_changed > 1 ? t("page.moved", { count: m.addresses_changed }) : t("page.moved-one")
+        );
+      } catch (m) {
+        z.danger(Y(m));
+      } finally {
+        await L();
+      }
+    }
+    async function Q(r) {
+      if (await le({
+        title: t("page.delete-title", { title: r.title }),
+        message: (
+          // The whole branch, not the level under it: a catalogue with two sections and forty
+          // products is forty-two pages leaving the site, and "2" would be a comforting lie.
+          r.descendants_count > 0 ? `${t("page.delete-text")} ${t("page.delete-branch", { count: r.descendants_count })}` : t("page.delete-text")
+        ),
+        confirmText: t("page.delete"),
+        cancelText: t("page.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await l.remove(r.id), z.success(t("page.deleted")), await L();
+        } catch (w) {
+          z.danger(Y(w));
+        }
+    }
+    async function fe(r) {
+      try {
+        await l.restore(r.id), z.success(t("page.restored")), await L();
+      } catch (b) {
+        z.danger(Y(b));
+      }
+    }
+    async function he(r) {
+      if (r.url)
+        try {
+          await navigator.clipboard.writeText(r.url), z.success(t("page.address-copied"));
+        } catch {
+        }
+    }
+    function K(r) {
+      return r === "published" ? "success" : r === "modified" ? "warning" : "default";
+    }
+    function me(r) {
+      const b = _.value ? r.deleted_at : r.updated_at;
+      return b ? new Date(b).toLocaleDateString() : "";
+    }
+    function Y(r) {
+      return r.body?.message ?? String(r);
+    }
+    function _e() {
+      L();
+    }
+    return ae(T, () => {
+      L();
+    }), ye(L), (r, b) => (d(), M("div", {
+      ref_key: "root",
+      ref: k,
+      class: "wx-pages"
+    }, [
+      N("div", Lt, [
+        f(e(it), { level: 2 }, {
+          default: n(() => [
+            h(g(U.value), 1)
+          ]),
+          _: 1
+        }),
+        W.value ? (d(), x(e(R), {
+          key: 0,
+          type: "primary",
+          icon: "plus",
+          onClick: b[0] || (b[0] = (w) => ne(null))
+        }, {
+          default: n(() => [
+            h(g(e(t)("page.new")), 1)
+          ]),
+          _: 1
+        })) : D("", !0)
+      ]),
+      f(e(Oe), null, {
+        header: n(() => [
+          f(e(ut), {
+            modelValue: C.value,
+            "onUpdate:modelValue": b[1] || (b[1] = (w) => C.value = w),
+            options: q.value,
+            size: "sm",
+            "aria-label": e(t)("page.column-status"),
+            onChange: _e
+          }, null, 8, ["modelValue", "options", "aria-label"])
+        ]),
+        default: n(() => [
+          f(e(rt), {
+            data: ce.value,
+            columns: I.value,
+            "row-key": "id",
+            tree: pe.value,
+            searchable: "",
+            hover: "",
+            flush: "",
+            layout: "fixed",
+            loading: o.value,
+            "cards-below": Ee,
+            "search-placeholder": e(t)("page.search"),
+            "empty-text": _.value ? e(t)("page.empty-bin") : s.value ? e(t)("page.empty-search") : e(t)("page.empty"),
+            "aria-label": U.value,
+            onStateChange: ee,
+            onNodeDrop: be,
+            onRowClick: B
+          }, {
+            "cell-title": n(({ row: w }) => [
+              N("span", Ft, g(w.is_home ? e(t)("pages.home") : w.title), 1)
+            ]),
+            "cell-path": n(({ row: w }) => [
+              _.value ? (d(), x(e(O), {
+                key: 0,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: n(() => [...b[3] || (b[3] = [
+                  h("—", -1)
+                ])]),
+                _: 1
+              })) : w.url && w.status !== "draft" ? (d(), M("a", {
+                key: 1,
+                class: "wx-pages__address",
+                href: w.url,
+                target: "_blank",
+                rel: "noopener",
+                onClick: b[2] || (b[2] = xe(() => {
+                }, ["stop"]))
+              }, " /" + g(w.path), 9, Kt)) : w.path !== null ? (d(), x(e(O), {
+                key: 2,
+                mono: "",
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: n(() => [
+                  h("/" + g(w.path), 1)
+                ]),
+                _: 2
+              }, 1024)) : (d(), x(e(O), {
+                key: 3,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: n(() => [
+                  h(g(e(t)("page.no-address")), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            "cell-status": n(({ row: w }) => [
+              _.value ? (d(), x(e(O), {
+                key: 0,
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: n(() => [
+                  h(g(me(w)), 1)
+                ]),
+                _: 2
+              }, 1024)) : (d(), x(e(We), {
+                key: 1,
+                type: K(w.status),
+                dot: ""
+              }, {
+                default: n(() => [
+                  h(g(e(t)(`page.status-${w.status}`)), 1)
+                ]),
+                _: 2
+              }, 1032, ["type"]))
+            ]),
+            "cell-updated_at": n(({ row: w }) => [
+              f(e(O), {
+                size: "sm",
+                tone: "muted"
+              }, {
+                default: n(() => [
+                  h(g(me(w)), 1),
+                  w.edited_by && !_.value ? (d(), M(F, { key: 0 }, [
+                    h(", " + g(w.edited_by), 1)
+                  ], 64)) : D("", !0)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            "cell-actions": n(({ row: w }) => [
+              W.value ? (d(), x(Ne, {
+                key: 0,
+                page: w,
+                "in-bin": _.value,
+                onOpen: B,
+                onAdd: ne,
+                onDuplicate: se,
+                onMove: ve,
+                onCopy: he,
+                onRemove: Q,
+                onRestore: fe
+              }, null, 8, ["page", "in-bin"])) : D("", !0)
+            ]),
+            "card-actions": n(({ row: w }) => [
+              W.value ? (d(), x(Ne, {
+                key: 0,
+                "menu-only": "",
+                page: w,
+                "in-bin": _.value,
+                onOpen: B,
+                onAdd: ne,
+                onDuplicate: se,
+                onMove: ve,
+                onCopy: he,
+                onRemove: Q,
+                onRestore: fe
+              }, null, 8, ["page", "in-bin"])) : D("", !0)
+            ]),
+            _: 1
+          }, 8, ["data", "columns", "tree", "loading", "search-placeholder", "empty-text", "aria-label"])
+        ]),
+        _: 1
+      })
+    ], 512));
+  }
+}), jt = /* @__PURE__ */ de(Ht, [["__scopeId", "data-v-681ec89c"]]);
+function Zt(v = {}) {
+  const u = v.path ?? "/pages";
+  return {
+    id: "pages",
+    path: u,
+    routes: [
+      { path: u, name: "webx.pages", component: jt, props: { base: u } },
+      {
+        path: `${u}/:id(\\d+)`,
+        name: "webx.pages.edit",
+        component: Vt,
+        props: { base: u }
+      }
+    ],
+    /*
+     * The parts of `pages.form` that are not fields.
+     *
+     * 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 — where the page sits,
+     * what may be done to it, what its history is. Each of these draws only, and each reads the
+     * page from the editor above it rather than from the description.
+     */
+    types: {
+      "wx-page-place": { component: Et, kind: "display" },
+      "wx-page-danger": { component: bt, kind: "display" },
+      "wx-page-history": { component: At, kind: "display" }
+    }
+  };
+}
+export {
+  bt as WxPageDanger,
+  Vt as WxPageEditorPage,
+  At as WxPageHistory,
+  Se as WxPagePicker,
+  Et as WxPagePlace,
+  jt as WxPagesPage,
+  Z as createPagesApi,
+  He as pageEditorKey,
+  Zt as pages,
+  pt as pagesMessages,
+  ct as providePageEditor,
+  Ot as slugify,
+  ze as usePageEditor
+};
+//# sourceMappingURL=index.js.map