@webx-ui/module-pages 0.2.0 → 0.3.1

package/dist/index.js

@@ -1,38 +1,38 @@
-import { inject as Le, provide as Oe, defineComponent as K, ref as k, computed as W, openBlock as m, createBlock as V, unref as e, withCtx as n, createElementVNode as E, createElementBlock as A, createVNode as v, createTextVNode as y, toDisplayString as b, createCommentVNode as N, useTemplateRef as Me, watch as ae, onMounted as pe, onBeforeUnmount as Ke, Fragment as j, renderList as De, normalizeClass as Fe, useModel as He, mergeModels as je, nextTick as Ge, isRef as Se, withKeys as Pe, createSlots as Je, withModifiers as Qe } from "vue";
+import { inject as Le, provide as Oe, defineComponent as K, ref as k, computed as W, openBlock as m, createBlock as V, unref as e, withCtx as n, createElementVNode as E, createElementBlock as A, createVNode as g, createTextVNode as y, toDisplayString as b, createCommentVNode as N, useTemplateRef as Be, watch as ae, onMounted as pe, onBeforeUnmount as Ke, Fragment as j, renderList as Me, normalizeClass as Fe, useModel as He, mergeModels as je, nextTick as Ge, isRef as De, withKeys as Pe, createSlots as Je, withModifiers as Qe } from "vue";
 import { useRouter as ye, useRoute as Xe, onBeforeRouteLeave as Ye } from "vue-router";
-import { useAdmin as G, useTranslate as F, useErrorText as ie, WxScreen as Ze, WxDate as me, WxRowMenu as qe, WxListScreen as et } from "@webx-ui/module-admin";
-import { WxCard as tt, WxText as R, WxButton as I, confirm as O, toast as z, useLocales as Be, useElementWidth as at, localizedValue as lt, WxSkeleton as be, WxBreadcrumb as nt, WxBreadcrumbItem as fe, WxBadge as we, WxDropdown as st, WxDropdownItem as We, WxAction as ot, WxAlert as xe, WxActionBar as it, WxEmpty as rt, WxTreeSelect as ut, WxFormItem as oe, useModal as Ne, WxDialog as Ae, WxInput as Ve, WxSpace as _e, createModal as ze, WxTable as dt } from "@webx-ui/core";
-import { provideBlocksPreview as ct } from "@webx-ui/module-blocks";
-function Z(p) {
-  const r = `${p.apiPath}/pages`, h = (l) => l.data;
+import { useAdmin as G, useTranslate as F, useErrorText as ie, WxBackButton as Ze, WxScreen as qe, WxDate as me, WxRowMenu as et, WxListScreen as tt } from "@webx-ui/module-admin";
+import { WxCard as at, WxText as R, WxButton as I, confirm as O, toast as z, useLocales as Se, useElementWidth as lt, localizedValue as nt, WxSkeleton as be, WxBreadcrumb as st, WxBreadcrumbItem as fe, WxBadge as we, WxDropdown as ot, WxDropdownItem as We, WxAction as it, WxAlert as xe, WxActionBar as rt, WxEmpty as ut, WxTreeSelect as dt, WxFormItem as oe, useModal as Ne, WxDialog as Ae, WxInput as Ve, WxSpace as _e, createModal as ze, WxTable as ct } from "@webx-ui/core";
+import { provideBlocksPreview as pt } from "@webx-ui/module-blocks";
+function Z(u) {
+  const r = `${u.apiPath}/pages`, h = (l) => l.data;
   return {
     list: (l = {}) => {
       const s = new URLSearchParams();
       l.parent != null && s.set("parent", String(l.parent)), l.search && s.set("search", l.search), l.status && s.set("status", l.status), l.trashed && s.set("trashed", "1"), l.flat && s.set("flat", "1");
       const t = s.size > 0 ? `?${s}` : "";
-      return p.http.get(`${r}${t}`).then(h);
+      return u.http.get(`${r}${t}`).then(h);
     },
-    get: (l) => p.http.get(`${r}/${l}`).then(h),
-    create: (l) => p.http.post(r, l).then(h),
-    save: (l, s) => p.http.put(`${r}/${l}`, s).then(h),
-    move: (l, s, t) => p.http.post(`${r}/${l}/move`, { target: s, zone: t }).then(h),
-    duplicate: (l) => p.http.post(`${r}/${l}/duplicate`, {}).then(h),
-    publish: (l) => p.http.post(`${r}/${l}/publish`, {}).then(h),
-    unpublish: (l) => p.http.post(`${r}/${l}/unpublish`, {}).then(h),
-    remove: (l) => p.http.delete(`${r}/${l}`).then((s) => s.data.trashed),
-    restore: (l) => p.http.post(`${r}/${l}/restore`, {}).then((s) => s.data.restored),
-    versions: (l) => p.http.get(`${r}/${l}/versions`).then(h),
-    restoreVersion: (l, s) => p.http.post(`${r}/${l}/versions/${s}/restore`, {}).then(h)
+    get: (l) => u.http.get(`${r}/${l}`).then(h),
+    create: (l) => u.http.post(r, l).then(h),
+    save: (l, s) => u.http.put(`${r}/${l}`, s).then(h),
+    move: (l, s, t) => u.http.post(`${r}/${l}/move`, { target: s, zone: t }).then(h),
+    duplicate: (l) => u.http.post(`${r}/${l}/duplicate`, {}).then(h),
+    publish: (l) => u.http.post(`${r}/${l}/publish`, {}).then(h),
+    unpublish: (l) => u.http.post(`${r}/${l}/unpublish`, {}).then(h),
+    remove: (l) => u.http.delete(`${r}/${l}`).then((s) => s.data.trashed),
+    restore: (l) => u.http.post(`${r}/${l}/restore`, {}).then((s) => s.data.restored),
+    versions: (l) => u.http.get(`${r}/${l}/versions`).then(h),
+    restoreVersion: (l, s) => u.http.post(`${r}/${l}/versions/${s}/restore`, {}).then(h)
   };
 }
 const Ee = /* @__PURE__ */ Symbol("wx-page-editor");
-function pt(p) {
-  Oe(Ee, p);
+function gt(u) {
+  Oe(Ee, u);
 }
 function ke() {
   return Le(Ee, null);
 }
-const gt = {
+const vt = {
   module: {
     title: "Pages"
   },
@@ -140,23 +140,23 @@ const gt = {
 }, Ce = /* @__PURE__ */ new WeakSet();
 function H() {
   try {
-    const { i18n: p } = G();
-    Ce.has(p) || (p.defaults("webx-pages", gt), Ce.add(p));
+    const { i18n: u } = G();
+    Ce.has(u) || (u.defaults("webx-pages", vt), Ce.add(u));
   } catch {
   }
 }
-const vt = { class: "wx-page-danger" }, ht = {
+const ht = { class: "wx-page-danger" }, ft = {
   key: 0,
   class: "wx-page-danger__row"
-}, ft = { class: "wx-page-danger__what" }, mt = { class: "wx-page-danger__row" }, bt = { class: "wx-page-danger__what" }, _t = /* @__PURE__ */ K({
+}, mt = { class: "wx-page-danger__what" }, bt = { class: "wx-page-danger__row" }, _t = { class: "wx-page-danger__what" }, yt = /* @__PURE__ */ K({
   name: "WxPageDanger",
   __name: "PageDanger",
-  setup(p) {
+  setup(u) {
     const r = G(), h = Z(r), l = ye(), s = ke();
     H();
-    const t = F("webx-pages"), u = ie(), a = k(!1), d = W(() => s?.page.value ?? null), f = W(() => r.can("pages.manage"));
+    const t = F("webx-pages"), d = ie(), a = k(!1), c = W(() => s?.page.value ?? null), f = W(() => r.can("pages.manage"));
     async function i() {
-      const x = d.value;
+      const x = c.value;
       if (!(!x || !await O({
         title: t("page.unpublish-title", { title: x.title }),
         message: t("page.unpublish-text"),
@@ -168,14 +168,14 @@ const vt = { class: "wx-page-danger" }, ht = {
         try {
           await h.unpublish(x.id), await s?.reload(), z.success(t("page.unpublished"));
         } catch (_) {
-          z.danger(u(_));
+          z.danger(d(_));
         } finally {
           a.value = !1;
         }
       }
     }
     async function T() {
-      const x = d.value;
+      const x = c.value;
       if (!(!x || !await O({
         title: t("page.delete-title", { title: x.title }),
         // The whole branch, not the level under it (§7): a catalogue with two sections and forty
@@ -189,27 +189,27 @@ const vt = { class: "wx-page-danger" }, ht = {
         try {
           await h.remove(x.id), z.success(t("page.deleted")), l.push(s?.base ?? "/pages");
         } catch (_) {
-          z.danger(u(_));
+          z.danger(d(_));
         } finally {
           a.value = !1;
         }
       }
     }
-    return (x, C) => d.value && f.value ? (m(), V(e(tt), {
+    return (x, C) => c.value && f.value ? (m(), V(e(at), {
       key: 0,
       title: e(t)("page.danger")
     }, {
       default: n(() => [
-        E("div", vt, [
-          d.value.status !== "draft" ? (m(), A("div", ht, [
-            E("div", ft, [
-              v(e(R), { weight: "medium" }, {
+        E("div", ht, [
+          c.value.status !== "draft" ? (m(), A("div", ft, [
+            E("div", mt, [
+              g(e(R), { weight: "medium" }, {
                 default: n(() => [
                   y(b(e(t)("page.unpublish")), 1)
                 ]),
                 _: 1
               }),
-              v(e(R), {
+              g(e(R), {
                 size: "sm",
                 tone: "muted"
               }, {
@@ -219,7 +219,7 @@ const vt = { class: "wx-page-danger" }, ht = {
                 _: 1
               })
             ]),
-            v(e(I), {
+            g(e(I), {
               variant: "outline",
               loading: a.value,
               onClick: i
@@ -230,28 +230,28 @@ const vt = { class: "wx-page-danger" }, ht = {
               _: 1
             }, 8, ["loading"])
           ])) : N("", !0),
-          E("div", mt, [
-            E("div", bt, [
-              v(e(R), { weight: "medium" }, {
+          E("div", bt, [
+            E("div", _t, [
+              g(e(R), { weight: "medium" }, {
                 default: n(() => [
                   y(b(e(t)("page.delete")), 1)
                 ]),
                 _: 1
               }),
-              v(e(R), {
+              g(e(R), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  y(b(d.value.can.delete ? e(t)("page.delete-help") : e(t)("page.delete-home")), 1)
+                  y(b(c.value.can.delete ? e(t)("page.delete-help") : e(t)("page.delete-home")), 1)
                 ]),
                 _: 1
               })
             ]),
-            v(e(I), {
+            g(e(I), {
               type: "danger",
               variant: "outline",
-              disabled: !d.value.can.delete,
+              disabled: !c.value.can.delete,
               loading: a.value,
               onClick: T
             }, {
@@ -266,71 +266,71 @@ const vt = { class: "wx-page-danger" }, ht = {
       _: 1
     }, 8, ["title"])) : N("", !0);
   }
-}), re = (p, r) => {
-  const h = p.__vccOpts || p;
+}), re = (u, r) => {
+  const h = u.__vccOpts || u;
   for (const [l, s] of r)
     h[l] = s;
   return h;
-}, yt = /* @__PURE__ */ re(_t, [["__scopeId", "data-v-d4a9083f"]]), wt = { class: "wx-page-editor__head" }, xt = { class: "wx-page-editor__id" }, kt = { class: "wx-page-editor__name" }, Tt = { class: "wx-page-editor__title" }, $t = { class: "wx-page-editor__actions" }, Pt = { class: "wx-page-editor__screen" }, Wt = 1200, Vt = 720, zt = /* @__PURE__ */ K({
+}, wt = /* @__PURE__ */ re(yt, [["__scopeId", "data-v-d4a9083f"]]), xt = { class: "wx-page-editor__head" }, kt = { class: "wx-page-editor__id" }, Tt = { class: "wx-page-editor__name" }, $t = { class: "wx-page-editor__title" }, Pt = { class: "wx-page-editor__actions" }, Wt = { class: "wx-page-editor__screen" }, Vt = 1200, zt = 720, Ct = /* @__PURE__ */ K({
   __name: "PageEditorPage",
   props: {
     base: { default: "/pages" }
   },
-  setup(p) {
-    const r = p, h = G(), l = Z(h), s = Xe(), t = ye(), u = Be();
+  setup(u) {
+    const r = u, h = G(), l = Z(h), s = Xe(), t = ye(), d = Se();
     H();
-    const a = F("webx-pages"), d = ie(), f = W(() => Number(s.params.id)), i = k(null), T = k([]), x = k({}), C = k(""), _ = k(null), c = k({}), M = k(!0), $ = k(!1), S = k(!1), le = k({}), U = k(null), q = k(""), ue = k(0), D = W(() => h.can("pages.manage")), de = Me("root"), ee = at(de), ce = W(() => ee.value > 0 && ee.value < Vt), te = W(() => JSON.stringify(x.value)), L = W(() => q.value !== "" && te.value !== q.value), ge = W(() => $.value ? "saving" : L.value ? "unsaved" : "saved"), ne = W(() => {
+    const a = F("webx-pages"), c = ie(), f = W(() => Number(s.params.id)), i = k(null), T = k([]), x = k({}), C = k(""), _ = k(null), p = k({}), B = k(!0), $ = k(!1), D = k(!1), le = k({}), U = k(null), q = k(""), ue = k(0), M = W(() => h.can("pages.manage")), de = Be("root"), ee = lt(de), ce = W(() => ee.value > 0 && ee.value < zt), te = W(() => JSON.stringify(x.value)), L = W(() => q.value !== "" && te.value !== q.value), ge = W(() => $.value ? "saving" : L.value ? "unsaved" : "saved"), ne = W(() => {
       const P = x.value.title;
-      return lt(P, u.active.value, i.value?.title ?? "");
+      return nt(P, d.active.value, i.value?.title ?? "");
     }), ve = W(
       () => T.value.map((P) => ({
         id: P.id,
         label: P.is_home ? a("pages.home") : P.title
       }))
     );
-    ct({ url: W(() => _.value), reload: ue }), pt({
+    pt({ url: W(() => _.value), reload: ue }), gt({
       page: i,
       ancestors: T,
       values: x,
-      prefixes: c,
+      prefixes: p,
       base: r.base,
-      canManage: D.value,
+      canManage: M.value,
       reload: () => J(!0),
-      save: () => g()
+      save: () => v()
     });
     function he(P) {
-      i.value = P.page, T.value = P.ancestors, x.value = P.values, C.value = P.revision, _.value = P.preview_url, c.value = P.address_prefix, q.value = JSON.stringify(P.values), U.value = null;
+      i.value = P.page, T.value = P.ancestors, x.value = P.values, C.value = P.revision, _.value = P.preview_url, p.value = P.address_prefix, q.value = JSON.stringify(P.values), U.value = null;
     }
     async function J(P = !1) {
-      P || (M.value = !0);
+      P || (B.value = !0);
       try {
         he(await l.get(f.value));
       } catch (Y) {
-        z.danger(d(Y)), t.push(r.base);
+        z.danger(c(Y)), t.push(r.base);
       } finally {
-        M.value = !1;
+        B.value = !1;
       }
     }
     let Q;
     function o() {
-      !D.value || U.value || !L.value || (clearTimeout(Q), Q = setTimeout(() => {
-        g();
-      }, Wt));
+      !M.value || U.value || !L.value || (clearTimeout(Q), Q = setTimeout(() => {
+        v();
+      }, Vt));
     }
     function w() {
-      !D.value || U.value || !L.value || $.value || (clearTimeout(Q), g());
+      !M.value || U.value || !L.value || $.value || (clearTimeout(Q), v());
     }
-    async function g() {
-      if (!i.value || $.value || !D.value) return;
+    async function v() {
+      if (!i.value || $.value || !M.value) return;
       clearTimeout(Q);
       const P = te.value, Y = x.value;
       $.value = !0, le.value = {};
       try {
-        const B = await l.save(i.value.id, { values: Y, revision: C.value });
-        i.value = B.page, T.value = B.ancestors, C.value = B.revision, _.value = B.preview_url, c.value = B.address_prefix, U.value = null, te.value === P && (q.value = P), ue.value += 1;
-      } catch (B) {
-        const se = B;
-        se.status === 409 && se.body?.data ? U.value = se.body : se.body?.errors ? (le.value = se.body.errors, z.danger(a("page.save-failed"))) : z.danger(d(B));
+        const S = await l.save(i.value.id, { values: Y, revision: C.value });
+        i.value = S.page, T.value = S.ancestors, C.value = S.revision, _.value = S.preview_url, p.value = S.address_prefix, U.value = null, te.value === P && (q.value = P), ue.value += 1;
+      } catch (S) {
+        const se = S;
+        se.status === 409 && se.body?.data ? U.value = se.body : se.body?.errors ? (le.value = se.body.errors, z.danger(a("page.save-failed"))) : z.danger(c(S));
       } finally {
         $.value = !1;
       }
@@ -346,7 +346,7 @@ const vt = { class: "wx-page-danger" }, ht = {
     }
     async function Ie() {
       const P = U.value;
-      P && (C.value = P.data.revision, U.value = null, await g());
+      P && (C.value = P.data.revision, U.value = null, await v());
     }
     async function Ue() {
       if (!i.value) return;
@@ -356,14 +356,14 @@ const vt = { class: "wx-page-danger" }, ht = {
         message: P === null ? a("page.publish-text-nowhere") : a("page.publish-text", { address: P }),
         confirmText: a("page.publish"),
         cancelText: a("page.cancel")
-      }) && (L.value && await g(), !U.value)) {
-        S.value = !0;
+      }) && (L.value && await v(), !U.value)) {
+        D.value = !0;
         try {
           await l.publish(i.value.id), await J(!0), z.success(a("page.published"));
-        } catch (B) {
-          z.danger(d(B));
+        } catch (S) {
+          z.danger(c(S));
         } finally {
-          S.value = !1;
+          D.value = !1;
         }
       }
     }
@@ -379,7 +379,7 @@ const vt = { class: "wx-page-danger" }, ht = {
       J(), window.addEventListener("beforeunload", $e);
     }), Ke(() => {
       clearTimeout(Q), window.removeEventListener("beforeunload", $e);
-    }), Ye(async () => !L.value || !D.value || (await g(), !L.value) ? !0 : await O({
+    }), Ye(async () => !L.value || !M.value || (await v(), !L.value) ? !0 : await O({
       title: a("page.leave-title"),
       message: a("page.leave-text"),
       confirmText: a("page.leave"),
@@ -389,44 +389,48 @@ const vt = { class: "wx-page-danger" }, ht = {
       ref_key: "root",
       ref: de,
       class: "wx-page-editor",
-      "data-wx-fill": "",
       onFocusout: w
     }, [
-      M.value || !i.value ? (m(), A(j, { key: 0 }, [
-        v(e(be), {
+      B.value || !i.value ? (m(), A(j, { key: 0 }, [
+        g(e(be), {
           class: "wx-page-editor__ghost",
           title: "",
           rows: 1
         }),
-        v(e(be), { rows: 8 })
+        g(e(be), { rows: 8 })
       ], 64)) : (m(), A(j, { key: 1 }, [
-        E("div", wt, [
-          E("div", xt, [
-            v(e(nt), {
+        E("div", xt, [
+          g(e(Ze), {
+            class: "wx-page-editor__back",
+            to: u.base,
+            label: e(a)("module.title")
+          }, null, 8, ["to", "label"]),
+          E("div", kt, [
+            g(e(st), {
               size: "sm",
               label: e(a)("page.trail")
             }, {
               default: n(() => [
-                v(e(fe), {
+                g(e(fe), {
                   as: "router-link",
-                  to: p.base
+                  to: u.base
                 }, {
                   default: n(() => [
                     y(b(e(a)("module.title")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                (m(!0), A(j, null, De(ve.value, (B) => (m(), V(e(fe), {
-                  key: B.id,
+                (m(!0), A(j, null, Me(ve.value, (S) => (m(), V(e(fe), {
+                  key: S.id,
                   as: "router-link",
-                  to: `${p.base}/${B.id}`
+                  to: `${u.base}/${S.id}`
                 }, {
                   default: n(() => [
-                    y(b(B.label), 1)
+                    y(b(S.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["to"]))), 128)),
-                v(e(fe), { current: "" }, {
+                g(e(fe), { current: "" }, {
                   default: n(() => [
                     y(b(i.value.is_home ? e(a)("pages.home") : ne.value), 1)
                   ]),
@@ -435,9 +439,9 @@ const vt = { class: "wx-page-danger" }, ht = {
               ]),
               _: 1
             }, 8, ["label"]),
-            E("div", kt, [
-              E("span", Tt, b(i.value.is_home ? e(a)("pages.home") : ne.value || e(a)("page.untitled")), 1),
-              v(e(we), {
+            E("div", Tt, [
+              E("span", $t, b(i.value.is_home ? e(a)("pages.home") : ne.value || e(a)("page.untitled")), 1),
+              g(e(we), {
                 type: Re(),
                 dot: ""
               }, {
@@ -448,13 +452,13 @@ const vt = { class: "wx-page-danger" }, ht = {
               }, 8, ["type"])
             ])
           ]),
-          E("div", $t, [
-            ce.value ? (m(), V(e(st), {
+          E("div", Pt, [
+            ce.value ? (m(), V(e(ot), {
               key: 0,
               align: "end"
             }, {
               trigger: n(() => [
-                v(e(ot), {
+                g(e(it), {
                   type: "more",
                   title: e(a)("page.more")
                 }, null, 8, ["title"])
@@ -489,7 +493,7 @@ const vt = { class: "wx-page-danger" }, ht = {
             })) : (m(), A(j, { key: 1 }, [
               _.value ? (m(), V(e(I), {
                 key: 0,
-                variant: "text",
+                variant: "outline",
                 icon: "eye",
                 href: _.value,
                 target: "_blank",
@@ -502,7 +506,7 @@ const vt = { class: "wx-page-danger" }, ht = {
               }, 8, ["href"])) : N("", !0),
               i.value.url && i.value.status !== "draft" ? (m(), V(e(I), {
                 key: 1,
-                variant: "text",
+                variant: "outline",
                 icon: "link",
                 href: i.value.url,
                 target: "_blank",
@@ -523,7 +527,7 @@ const vt = { class: "wx-page-danger" }, ht = {
           description: U.value.message
         }, {
           actions: n(() => [
-            v(e(I), {
+            g(e(I), {
               size: "sm",
               variant: "outline",
               onClick: X
@@ -533,7 +537,7 @@ const vt = { class: "wx-page-danger" }, ht = {
               ]),
               _: 1
             }),
-            v(e(I), {
+            g(e(I), {
               size: "sm",
               type: "primary",
               onClick: Ie
@@ -546,18 +550,18 @@ const vt = { class: "wx-page-danger" }, ht = {
           ]),
           _: 1
         }, 8, ["title", "description"])) : N("", !0),
-        E("div", Pt, [
-          v(e(Ze), {
+        E("div", Wt, [
+          g(e(qe), {
             modelValue: x.value,
-            "onUpdate:modelValue": Y[0] || (Y[0] = (B) => x.value = B),
+            "onUpdate:modelValue": Y[0] || (Y[0] = (S) => x.value = S),
             name: "pages.form",
             errors: le.value,
-            disabled: !D.value || S.value
+            disabled: !M.value || D.value
           }, null, 8, ["modelValue", "errors", "disabled"])
         ]),
-        D.value ? (m(), V(e(it), { key: 1 }, {
+        M.value ? (m(), V(e(rt), { key: 1 }, {
           state: n(() => [
-            v(e(R), {
+            g(e(R), {
               size: "sm",
               tone: "muted"
             }, {
@@ -568,20 +572,20 @@ const vt = { class: "wx-page-danger" }, ht = {
             })
           ]),
           default: n(() => [
-            v(e(I), {
+            g(e(I), {
               variant: "outline",
               loading: $.value,
               disabled: !L.value,
-              onClick: g
+              onClick: v
             }, {
               default: n(() => [
                 y(b(e(a)("page.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"]),
-            v(e(I), {
+            g(e(I), {
               type: "primary",
-              loading: S.value,
+              loading: D.value,
               disabled: i.value.status === "published" && !L.value,
               onClick: Ue
             }, {
@@ -596,26 +600,26 @@ const vt = { class: "wx-page-danger" }, ht = {
       ], 64))
     ], 544));
   }
-}), Ct = /* @__PURE__ */ re(zt, [["__scopeId", "data-v-597a1f2f"]]), Mt = { class: "wx-page-history" }, Dt = { class: "wx-page-history__number" }, St = { class: "wx-page-history__who" }, Bt = /* @__PURE__ */ K({
+}), Bt = /* @__PURE__ */ re(Ct, [["__scopeId", "data-v-268d0501"]]), Mt = { class: "wx-page-history" }, Dt = { class: "wx-page-history__number" }, St = { class: "wx-page-history__who" }, Nt = /* @__PURE__ */ K({
   name: "WxPageHistory",
   __name: "PageHistory",
-  setup(p) {
+  setup(u) {
     const r = G(), h = Z(r), l = ke();
     H();
-    const s = F("webx-pages"), t = ie(), u = k(null), a = k(!1), d = W(() => l?.page.value ?? null), f = W(() => r.can("pages.manage")), i = W(
-      () => d.value?.published_at ? u.value?.[0]?.number ?? null : null
+    const s = F("webx-pages"), t = ie(), d = k(null), a = k(!1), c = W(() => l?.page.value ?? null), f = W(() => r.can("pages.manage")), i = W(
+      () => c.value?.published_at ? d.value?.[0]?.number ?? null : null
     );
     async function T() {
-      const C = d.value;
+      const C = c.value;
       if (C)
         try {
-          u.value = await h.versions(C.id);
+          d.value = await h.versions(C.id);
         } catch (_) {
-          u.value = [], z.danger(t(_));
+          d.value = [], z.danger(t(_));
         }
     }
     async function x(C) {
-      const _ = d.value;
+      const _ = c.value;
       if (!(!_ || !await O({
         title: s("page.restore-title", { number: C.number }),
         message: s("page.restore-text"),
@@ -625,15 +629,15 @@ const vt = { class: "wx-page-danger" }, ht = {
         a.value = !0;
         try {
           await h.restoreVersion(_.id, C.number), await l?.reload(), z.success(s("page.restored-version", { number: C.number }));
-        } catch (M) {
-          z.danger(t(M));
+        } catch (B) {
+          z.danger(t(B));
         } finally {
           a.value = !1;
         }
       }
     }
     return ae(
-      () => [d.value?.id, d.value?.published_at, d.value?.updated_at],
+      () => [c.value?.id, c.value?.published_at, c.value?.updated_at],
       () => {
         T();
       },
@@ -641,38 +645,39 @@ const vt = { class: "wx-page-danger" }, ht = {
         immediate: !0
       }
     ), (C, _) => (m(), A("div", Mt, [
-      u.value === null ? (m(), V(e(be), {
+      d.value === null ? (m(), V(e(be), {
         key: 0,
+        class: "wx-page-history__ghost",
         rows: 3
-      })) : u.value.length === 0 ? (m(), V(e(rt), {
+      })) : d.value.length === 0 ? (m(), V(e(ut), {
         key: 1,
         description: e(s)("page.history-empty")
-      }, null, 8, ["description"])) : (m(!0), A(j, { key: 2 }, De(u.value, (c) => (m(), A("div", {
-        key: c.number,
-        class: Fe(["wx-page-history__row", { "is-live": c.number === i.value }])
+      }, null, 8, ["description"])) : (m(!0), A(j, { key: 2 }, Me(d.value, (p) => (m(), A("div", {
+        key: p.number,
+        class: Fe(["wx-page-history__row", { "is-live": p.number === i.value }])
       }, [
-        E("code", Dt, b(e(s)("page.version", { number: c.number })), 1),
+        E("code", Dt, b(e(s)("page.version", { number: p.number })), 1),
         E("div", St, [
-          c.created_at ? (m(), V(e(me), {
+          p.created_at ? (m(), V(e(me), {
             key: 0,
-            value: c.created_at,
+            value: p.created_at,
             size: "md",
             tone: "default"
           }, null, 8, ["value"])) : N("", !0),
-          v(e(R), {
+          g(e(R), {
             size: "sm",
             tone: "muted"
           }, {
             default: n(() => [
-              y(b(c.author ?? e(s)(`page.source-${c.source}`)) + " ", 1),
-              c.comment ? (m(), A(j, { key: 0 }, [
-                y(" · " + b(c.comment), 1)
+              y(b(p.author ?? e(s)(`page.source-${p.source}`)) + " ", 1),
+              p.comment ? (m(), A(j, { key: 0 }, [
+                y(" · " + b(p.comment), 1)
               ], 64)) : N("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        c.number === i.value ? (m(), V(e(we), {
+        p.number === i.value ? (m(), V(e(we), {
           key: 0,
           type: "success",
           dot: ""
@@ -682,12 +687,12 @@ const vt = { class: "wx-page-danger" }, ht = {
           ]),
           _: 1
         })) : N("", !0),
-        f.value && c.number !== i.value ? (m(), V(e(I), {
+        f.value && p.number !== i.value ? (m(), V(e(I), {
           key: 1,
           size: "sm",
           variant: "outline",
           loading: a.value,
-          onClick: (M) => x(c)
+          onClick: (B) => x(p)
         }, {
           default: n(() => [
             y(b(e(s)("page.restore")), 1)
@@ -697,7 +702,7 @@ const vt = { class: "wx-page-danger" }, ht = {
       ], 2))), 128))
     ]));
   }
-}), Nt = /* @__PURE__ */ re(Bt, [["__scopeId", "data-v-91e617ec"]]), Te = /* @__PURE__ */ K({
+}), At = /* @__PURE__ */ re(Nt, [["__scopeId", "data-v-41bcd106"]]), Te = /* @__PURE__ */ K({
   __name: "PagePicker",
   props: /* @__PURE__ */ je({
     exclude: { default: () => [] },
@@ -708,13 +713,13 @@ const vt = { class: "wx-page-danger" }, ht = {
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(p) {
-    const r = p, h = He(p, "modelValue"), l = G(), s = Z(l);
+  setup(u) {
+    const r = u, h = He(u, "modelValue"), l = G(), s = Z(l);
     H();
-    const t = F("webx-pages"), u = k([]);
+    const t = F("webx-pages"), d = k([]);
     pe(async () => {
       const f = await s.list();
-      f.home && (u.value = [
+      f.home && (d.value = [
         a(
           f.home,
           f.items.map((i) => a(i))
@@ -730,15 +735,15 @@ const vt = { class: "wx-page-danger" }, ht = {
         ...i ? { children: i } : {}
       };
     }
-    async function d(f) {
+    async function c(f) {
       return (await s.list({ parent: Number(f.id) })).items.map((T) => a(T));
     }
-    return (f, i) => (m(), V(e(ut), {
+    return (f, i) => (m(), V(e(dt), {
       modelValue: h.value,
       "onUpdate:modelValue": i[0] || (i[0] = (T) => h.value = T),
-      nodes: u.value,
+      nodes: d.value,
       lazy: "",
-      load: d,
+      load: c,
       "show-path": "",
       clearable: "",
       "selected-path": r.selected.map((T) => ({
@@ -750,53 +755,53 @@ const vt = { class: "wx-page-danger" }, ht = {
       teleport: ""
     }, null, 8, ["modelValue", "nodes", "selected-path", "placeholder", "aria-label"]));
   }
-}), At = {
+}), Et = {
   key: 0,
   class: "wx-page-place"
-}, Et = /* @__PURE__ */ K({
+}, It = /* @__PURE__ */ K({
   name: "WxPagePlace",
   __name: "PagePlace",
-  setup(p) {
-    const r = G(), h = Z(r), l = ke(), s = Be();
+  setup(u) {
+    const r = G(), h = Z(r), l = ke(), s = Se();
     H();
-    const t = F("webx-pages"), u = ie(), a = k(!1), d = k(null), f = W(() => l?.page.value ?? null), i = W(() => l?.ancestors.value.length === 0 ? null : l?.prefixes.value[s.active.value] ?? null), T = W(() => {
+    const t = F("webx-pages"), d = ie(), a = k(!1), c = k(null), f = W(() => l?.page.value ?? null), i = W(() => l?.ancestors.value.length === 0 ? null : l?.prefixes.value[s.active.value] ?? null), T = W(() => {
       const _ = l?.values.value.slug;
       return typeof _ == "string" ? _ : _?.[s.active.value] ?? "";
     }), x = W(() => f.value?.is_home ? "/" : i.value === null || T.value === "" ? null : `/${[i.value, T.value].filter(Boolean).join("/")}`);
     ae(
       f,
       (_) => {
-        d.value = _?.parent_id ?? null;
+        c.value = _?.parent_id ?? null;
       },
       { immediate: !0 }
     );
     async function C(_) {
-      const c = f.value;
-      if (!c || _ === null || _ === c.parent_id || a.value) return;
-      const M = c.descendants_count + 1;
-      if (M > 1 && !await O({
-        title: t("page.move-title", { title: c.title }),
-        message: t("page.move-branch", { count: M }),
+      const p = f.value;
+      if (!p || _ === null || _ === p.parent_id || a.value) return;
+      const B = p.descendants_count + 1;
+      if (B > 1 && !await O({
+        title: t("page.move-title", { title: p.title }),
+        message: t("page.move-branch", { count: B }),
         confirmText: t("page.move-confirm"),
         cancelText: t("page.cancel")
       })) {
-        d.value = c.parent_id;
+        c.value = p.parent_id;
         return;
       }
       a.value = !0;
       try {
-        const $ = await h.move(c.id, _, "inside");
+        const $ = await h.move(p.id, _, "inside");
         z.success(
           $.addresses_changed > 1 ? t("page.moved", { count: $.addresses_changed }) : t("page.moved-one")
         ), await l?.reload();
       } catch ($) {
-        z.danger(u($)), d.value = c.parent_id;
+        z.danger(d($)), c.value = p.parent_id;
       } finally {
         a.value = !1;
       }
     }
-    return (_, c) => f.value ? (m(), A("div", At, [
-      v(e(oe), {
+    return (_, p) => f.value ? (m(), A("div", Et, [
+      g(e(oe), {
         label: e(t)("page.address")
       }, {
         default: n(() => [
@@ -823,15 +828,15 @@ const vt = { class: "wx-page-danger" }, ht = {
         _: 1
       }, 8, ["label"]),
       f.value.can.move ? (m(), A(j, { key: 0 }, [
-        v(e(oe), {
+        g(e(oe), {
           label: e(t)("page.field-parent"),
           help: e(t)("page.parent-help")
         }, {
           default: n(() => [
-            v(Te, {
-              modelValue: d.value,
+            g(Te, {
+              modelValue: c.value,
               "onUpdate:modelValue": [
-                c[0] || (c[0] = (M) => d.value = M),
+                p[0] || (p[0] = (B) => c.value = B),
                 C
               ],
               exclude: [f.value.id],
@@ -840,7 +845,7 @@ const vt = { class: "wx-page-danger" }, ht = {
           ]),
           _: 1
         }, 8, ["label", "help"]),
-        v(e(xe), {
+        g(e(xe), {
           type: "info",
           variant: "soft",
           description: e(t)("page.parent-warning")
@@ -848,65 +853,65 @@ const vt = { class: "wx-page-danger" }, ht = {
       ], 64)) : N("", !0)
     ])) : N("", !0);
   }
-}), It = /* @__PURE__ */ re(Et, [["__scopeId", "data-v-bf094be2"]]), Ut = /* @__PURE__ */ K({
+}), Ut = /* @__PURE__ */ re(It, [["__scopeId", "data-v-bf094be2"]]), Rt = /* @__PURE__ */ K({
   __name: "PageActions",
   props: {
     page: {},
     inBin: { type: Boolean, default: !1 }
   },
   emits: ["open", "add", "duplicate", "move", "copy", "remove", "restore"],
-  setup(p, { emit: r }) {
-    const h = p, l = r;
+  setup(u, { emit: r }) {
+    const h = u, l = r;
     H();
     const s = F("webx-pages"), t = W(() => {
-      const u = h.page;
+      const d = h.page;
       if (h.inBin)
         return [
           {
             key: "restore",
             icon: "refresh",
             label: s("page.restore"),
-            run: () => l("restore", u)
+            run: () => l("restore", d)
           }
         ];
       const a = [
-        { key: "open", icon: "edit", label: s("page.open"), run: () => l("open", u) },
-        { key: "add", icon: "plus", label: s("page.add-child"), run: () => l("add", u) }
+        { key: "open", icon: "edit", label: s("page.open"), run: () => l("open", d) },
+        { key: "add", icon: "plus", label: s("page.add-child"), run: () => l("add", d) }
       ];
-      return u.is_home || a.push({
+      return d.is_home || a.push({
         key: "duplicate",
         icon: "copy",
         label: s("page.duplicate"),
-        run: () => l("duplicate", u)
-      }), u.can.move && a.push({ key: "move", icon: "drag", label: s("page.move"), run: () => l("move", u) }), a.push(
+        run: () => l("duplicate", d)
+      }), d.can.move && a.push({ key: "move", icon: "drag", label: s("page.move"), run: () => l("move", d) }), a.push(
         {
           key: "copy-address",
           icon: "link",
           label: s("page.copy-address"),
-          disabled: !u.url,
-          run: () => l("copy", u)
+          disabled: !d.url,
+          run: () => l("copy", d)
         },
         {
           key: "on-site",
           icon: "external-link",
           label: s("page.open-on-site"),
-          disabled: !u.url,
-          href: u.url ?? void 0
+          disabled: !d.url,
+          href: d.url ?? void 0
         }
-      ), u.can.delete && a.push({
+      ), d.can.delete && a.push({
         key: "delete",
         icon: "trash",
         label: s("page.delete"),
         danger: !0,
-        run: () => l("remove", u)
+        run: () => l("remove", d)
       }), a;
     });
-    return (u, a) => (m(), V(e(qe), {
+    return (d, a) => (m(), V(e(et), {
       actions: t.value,
       label: h.page.title
     }, null, 8, ["actions", "label"]));
   }
-}), Rt = {
+}), Lt = {
   а: "a",
   б: "b",
   в: "v",
@@ -965,64 +970,64 @@ const vt = { class: "wx-page-danger" }, ht = {
   ź: "z",
   ż: "z"
 };
-function Lt(p) {
-  return p.toLowerCase().split("").map((r) => Rt[r] ?? r).join("").normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+function Ot(u) {
+  return u.toLowerCase().split("").map((r) => Lt[r] ?? r).join("").normalize("NFD").replace(/[̀-ͯ]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
 }
-const Ot = /* @__PURE__ */ K({
+const Kt = /* @__PURE__ */ K({
   __name: "PageCreateDialog",
   props: {
     parent: { default: null }
   },
-  setup(p) {
-    const r = p, { open: h, resolve: l, dismiss: s } = Ne(), t = G(), u = Z(t);
+  setup(u) {
+    const r = u, { open: h, resolve: l, dismiss: s } = Ne(), t = G(), d = Z(t);
     H();
-    const a = F("webx-pages"), d = k(""), f = k(""), i = k(r.parent?.id ?? null), T = k(!1), x = k({}), C = Me("field"), _ = k(!1);
-    ae(d, (M) => {
-      _.value || (f.value = Lt(M));
+    const a = F("webx-pages"), c = k(""), f = k(""), i = k(r.parent?.id ?? null), T = k(!1), x = k({}), C = Be("field"), _ = k(!1);
+    ae(c, (B) => {
+      _.value || (f.value = Ot(B));
     }), pe(async () => {
       await Ge(), C.value?.querySelector("input")?.focus();
     });
-    async function c() {
-      if (!(d.value.trim() === "" || T.value)) {
+    async function p() {
+      if (!(c.value.trim() === "" || T.value)) {
         T.value = !0, x.value = {};
         try {
           l(
-            await u.create({
-              title: d.value.trim(),
+            await d.create({
+              title: c.value.trim(),
               slug: f.value.trim(),
               parent_id: i.value
             })
           );
-        } catch (M) {
-          x.value = M.body?.errors ?? {};
+        } catch (B) {
+          x.value = B.body?.errors ?? {};
         } finally {
           T.value = !1;
         }
       }
     }
-    return (M, $) => (m(), V(e(Ae), {
+    return (B, $) => (m(), V(e(Ae), {
       open: e(h),
-      "onUpdate:open": $[5] || ($[5] = (S) => Se(h) ? h.value = S : null),
+      "onUpdate:open": $[5] || ($[5] = (D) => De(h) ? h.value = D : null),
       title: e(a)("page.new-title"),
       width: 460
     }, {
       footer: n(() => [
-        v(e(_e), { size: "sm" }, {
+        g(e(_e), { size: "sm" }, {
           default: n(() => [
-            v(e(I), {
+            g(e(I), {
               variant: "outline",
-              onClick: $[4] || ($[4] = (S) => e(s)())
+              onClick: $[4] || ($[4] = (D) => e(s)())
             }, {
               default: n(() => [
                 y(b(e(a)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            v(e(I), {
+            g(e(I), {
               type: "primary",
               loading: T.value,
-              disabled: d.value.trim() === "",
-              onClick: c
+              disabled: c.value.trim() === "",
+              onClick: p
             }, {
               default: n(() => [
                 y(b(e(a)("page.create")), 1)
@@ -1034,7 +1039,7 @@ const Ot = /* @__PURE__ */ K({
         })
       ]),
       default: n(() => [
-        v(e(oe), {
+        g(e(oe), {
           label: e(a)("page.field-title"),
           error: x.value.title?.[0],
           required: ""
@@ -1044,40 +1049,40 @@ const Ot = /* @__PURE__ */ K({
               ref_key: "field",
               ref: C
             }, [
-              v(e(Ve), {
-                modelValue: d.value,
-                "onUpdate:modelValue": $[0] || ($[0] = (S) => d.value = S),
+              g(e(Ve), {
+                modelValue: c.value,
+                "onUpdate:modelValue": $[0] || ($[0] = (D) => c.value = D),
                 "aria-label": e(a)("page.field-title"),
-                onKeyup: Pe(c, ["enter"])
+                onKeyup: Pe(p, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
           _: 1
         }, 8, ["label", "error"]),
-        v(e(oe), {
+        g(e(oe), {
           label: e(a)("page.field-slug"),
           error: x.value.slug?.[0],
           help: e(a)("page.slug-help")
         }, {
           default: n(() => [
-            v(e(Ve), {
+            g(e(Ve), {
               modelValue: f.value,
-              "onUpdate:modelValue": $[1] || ($[1] = (S) => f.value = S),
+              "onUpdate:modelValue": $[1] || ($[1] = (D) => f.value = D),
               "aria-label": e(a)("page.field-slug"),
-              onInput: $[2] || ($[2] = (S) => _.value = !0),
-              onKeyup: Pe(c, ["enter"])
+              onInput: $[2] || ($[2] = (D) => _.value = !0),
+              onKeyup: Pe(p, ["enter"])
             }, null, 8, ["modelValue", "aria-label"])
           ]),
           _: 1
         }, 8, ["label", "error", "help"]),
-        v(e(oe), {
+        g(e(oe), {
           label: e(a)("page.field-parent"),
           error: x.value.parent_id?.[0]
         }, {
           default: n(() => [
-            v(Te, {
+            g(Te, {
               modelValue: i.value,
-              "onUpdate:modelValue": $[3] || ($[3] = (S) => i.value = S),
+              "onUpdate:modelValue": $[3] || ($[3] = (D) => i.value = D),
               selected: r.parent ? [r.parent] : []
             }, null, 8, ["modelValue", "selected"])
           ]),
@@ -1087,37 +1092,37 @@ const Ot = /* @__PURE__ */ K({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Kt = /* @__PURE__ */ K({
+}), Ft = /* @__PURE__ */ K({
   __name: "PageMoveDialog",
   props: {
     page: {}
   },
-  setup(p) {
-    const r = p, { open: h, resolve: l, dismiss: s } = Ne();
+  setup(u) {
+    const r = u, { open: h, resolve: l, dismiss: s } = Ne();
     H();
-    const t = F("webx-pages"), u = k(r.page.parent_id);
-    return (a, d) => (m(), V(e(Ae), {
+    const t = F("webx-pages"), d = k(r.page.parent_id);
+    return (a, c) => (m(), V(e(Ae), {
       open: e(h),
-      "onUpdate:open": d[3] || (d[3] = (f) => Se(h) ? h.value = f : null),
+      "onUpdate:open": c[3] || (c[3] = (f) => De(h) ? h.value = f : null),
       title: e(t)("page.move-title", { title: r.page.title }),
       width: 460
     }, {
       footer: n(() => [
-        v(e(_e), { size: "sm" }, {
+        g(e(_e), { size: "sm" }, {
           default: n(() => [
-            v(e(I), {
+            g(e(I), {
               variant: "outline",
-              onClick: d[1] || (d[1] = (f) => e(s)())
+              onClick: c[1] || (c[1] = (f) => e(s)())
             }, {
               default: n(() => [
                 y(b(e(t)("page.cancel")), 1)
               ]),
               _: 1
             }),
-            v(e(I), {
+            g(e(I), {
               type: "primary",
-              disabled: u.value === null || u.value === r.page.parent_id,
-              onClick: d[2] || (d[2] = (f) => e(l)(u.value))
+              disabled: d.value === null || d.value === r.page.parent_id,
+              onClick: c[2] || (c[2] = (f) => e(l)(d.value))
             }, {
               default: n(() => [
                 y(b(e(t)("page.move-confirm")), 1)
@@ -1129,20 +1134,20 @@ const Ot = /* @__PURE__ */ K({
         })
       ]),
       default: n(() => [
-        v(e(_e), {
+        g(e(_e), {
           direction: "vertical",
           size: "md",
           fill: ""
         }, {
           default: n(() => [
-            v(e(xe), {
+            g(e(xe), {
               type: "info",
               variant: "soft",
               description: e(t)("page.move-help")
             }, null, 8, ["description"]),
-            v(Te, {
-              modelValue: u.value,
-              "onUpdate:modelValue": d[0] || (d[0] = (f) => u.value = f),
+            g(Te, {
+              modelValue: d.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (f) => d.value = f),
               exclude: [r.page.id]
             }, null, 8, ["modelValue", "exclude"])
           ]),
@@ -1152,24 +1157,24 @@ const Ot = /* @__PURE__ */ K({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Ft = { class: "wx-pages" }, Ht = { class: "wx-pages__title" }, jt = ["href"], Gt = /* @__PURE__ */ K({
+}), Ht = { class: "wx-pages" }, jt = { class: "wx-pages__title" }, Gt = ["href"], Jt = /* @__PURE__ */ K({
   __name: "PagesPage",
   props: {
     base: { default: "/pages" }
   },
-  setup(p) {
-    const r = p, h = G(), l = Z(h), s = ye();
+  setup(u) {
+    const r = u, h = G(), l = Z(h), s = ye();
     H();
-    const t = F("webx-pages"), u = ie(), a = k(null), d = k([]), f = k(!0), i = k(""), T = k(""), x = ze(Ot), C = ze(Kt), _ = W(() => h.can("pages.manage")), c = W(() => T.value === "trashed"), M = W(() => !c.value && i.value.trim() === ""), $ = W(
+    const t = F("webx-pages"), d = ie(), a = k(null), c = k([]), f = k(!0), i = k(""), T = k(""), x = ze(Kt), C = ze(Ft), _ = W(() => h.can("pages.manage")), p = W(() => T.value === "trashed"), B = W(() => !p.value && i.value.trim() === ""), $ = W(
       () => h.state.manifest?.modules.find((o) => o.id === "pages")?.title ?? t("module.title")
-    ), S = W(() => [
+    ), D = W(() => [
       { 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" }
     ]), le = W(
-      () => M.value && a.value ? [{ ...a.value, children_count: 0 }, ...d.value] : d.value
+      () => B.value && a.value ? [{ ...a.value, children_count: 0 }, ...c.value] : c.value
     ), U = W(() => [
       { key: "title", label: t("page.column-title"), minWidth: 200 },
       { key: "path", label: t("page.column-address"), width: 200, hideBelow: 560 },
@@ -1177,7 +1182,7 @@ const Ot = /* @__PURE__ */ K({
       // way — so the column says when it went in, which is what decides whether to bring it back.
       {
         key: "status",
-        label: c.value ? t("page.column-deleted") : t("page.column-status"),
+        label: p.value ? t("page.column-deleted") : t("page.column-status"),
         align: "center",
         width: 130,
         hideBelow: 620
@@ -1187,11 +1192,11 @@ const Ot = /* @__PURE__ */ K({
         label: t("page.column-updated"),
         width: 180,
         hideBelow: 900,
-        hidden: c.value
+        hidden: p.value
       },
       { key: "actions", label: "", width: 56, align: "right" }
     ]), q = W(
-      () => M.value ? {
+      () => B.value ? {
         childrenKey: "children",
         hasChildrenKey: "children_count",
         lazy: !0,
@@ -1201,26 +1206,26 @@ const Ot = /* @__PURE__ */ K({
         allowDrop: ue
       } : void 0
     );
-    function ue(o, w, g) {
-      return w.is_home ? g === "inside" : o.id !== w.id;
+    function ue(o, w, v) {
+      return w.is_home ? v === "inside" : o.id !== w.id;
     }
-    async function D() {
+    async function M() {
       f.value = !0;
       try {
         const o = await l.list({
           search: i.value.trim(),
-          status: c.value ? "" : T.value,
-          trashed: c.value
+          status: p.value ? "" : T.value,
+          trashed: p.value
         });
-        a.value = o.home, d.value = o.items;
+        a.value = o.home, c.value = o.items;
       } catch (o) {
-        z.danger(u(o));
+        z.danger(d(o));
       } finally {
         f.value = !1;
       }
     }
     function de(o) {
-      o.search !== i.value && (i.value = o.search, D());
+      o.search !== i.value && (i.value = o.search, M());
     }
     function ee(o) {
       const w = `${r.base}/${o.id}`;
@@ -1228,13 +1233,13 @@ const Ot = /* @__PURE__ */ K({
     }
     async function ce(o) {
       const w = await x({ parent: o });
-      w && (await D(), ee(w));
+      w && (await M(), ee(w));
     }
     async function te(o) {
       try {
-        await l.duplicate(o.id), z.success(t("page.duplicated")), await D();
+        await l.duplicate(o.id), z.success(t("page.duplicated")), await M();
       } catch (w) {
-        z.danger(u(w));
+        z.danger(d(w));
       }
     }
     async function L(o) {
@@ -1242,28 +1247,28 @@ const Ot = /* @__PURE__ */ K({
       w != null && await ne(o, w, "inside");
     }
     async function ge(o) {
-      const w = o.zone === "inside" ? o.target.id : o.target.parent_id, g = o.row.descendants_count + 1;
-      if (w !== o.row.parent_id && g > 1 && !await O({
+      const w = o.zone === "inside" ? o.target.id : o.target.parent_id, v = o.row.descendants_count + 1;
+      if (w !== o.row.parent_id && v > 1 && !await O({
         title: t("page.move-title", { title: o.row.title }),
-        message: t("page.move-branch", { count: g }),
+        message: t("page.move-branch", { count: v }),
         confirmText: t("page.move-confirm"),
         cancelText: t("page.cancel")
       })) {
-        await D();
+        await M();
         return;
       }
       await ne(o.row, o.target.id, o.zone);
     }
-    async function ne(o, w, g) {
+    async function ne(o, w, v) {
       try {
-        const X = await l.move(o.id, w, g);
+        const X = await l.move(o.id, w, v);
         z.success(
           X.addresses_changed > 1 ? t("page.moved", { count: X.addresses_changed }) : t("page.moved-one")
         );
       } catch (X) {
-        z.danger(u(X));
+        z.danger(d(X));
       } finally {
-        await D();
+        await M();
       }
     }
     async function ve(o) {
@@ -1279,9 +1284,9 @@ const Ot = /* @__PURE__ */ K({
         tone: "danger"
       }))
         try {
-          await l.remove(o.id), z.success(t("page.deleted")), await D();
-        } catch (g) {
-          z.danger(u(g));
+          await l.remove(o.id), z.success(t("page.deleted")), await M();
+        } catch (v) {
+          z.danger(d(v));
         }
     }
     async function he(o) {
@@ -1292,12 +1297,12 @@ const Ot = /* @__PURE__ */ K({
         cancelText: t("page.cancel")
       }))
         try {
-          const g = await l.restore(o.id);
+          const v = await l.restore(o.id);
           z.success(
-            g > 1 ? t("page.restored-branch", { count: g }) : t("page.restored")
-          ), await D();
-        } catch (g) {
-          z.danger(u(g));
+            v > 1 ? t("page.restored-branch", { count: v }) : t("page.restored")
+          ), await M();
+        } catch (v) {
+          z.danger(d(v));
         }
     }
     async function J(o) {
@@ -1311,39 +1316,39 @@ const Ot = /* @__PURE__ */ K({
       return o === "published" ? "success" : o === "modified" ? "warning" : "default";
     }
     return ae(T, () => {
-      D();
-    }), pe(D), (o, w) => (m(), A("div", Ft, [
-      v(e(et), {
+      M();
+    }), pe(M), (o, w) => (m(), A("div", Ht, [
+      g(e(tt), {
         view: T.value,
-        "onUpdate:view": w[2] || (w[2] = (g) => T.value = g),
+        "onUpdate:view": w[2] || (w[2] = (v) => T.value = v),
         title: $.value,
-        views: S.value
+        views: D.value
       }, Je({
         default: n(() => [
-          v(e(dt), {
+          g(e(ct), {
             data: le.value,
             columns: U.value,
             "row-key": "id",
             tree: q.value,
             searchable: "",
-            clickable: !c.value,
-            hover: !c.value,
+            clickable: !p.value,
+            hover: !p.value,
             flush: "",
             layout: "fixed",
             loading: f.value,
             "cards-below": 0,
             "search-placeholder": e(t)("page.search"),
-            "empty-text": c.value ? e(t)("page.empty-bin") : i.value ? e(t)("page.empty-search") : e(t)("page.empty"),
+            "empty-text": i.value ? e(t)("page.empty-search") : p.value ? e(t)("page.empty-bin") : e(t)("page.empty"),
             "aria-label": $.value,
             onRowClick: ee,
             onStateChange: de,
             onNodeDrop: ge
           }, {
-            "cell-title": n(({ row: g }) => [
-              E("span", Ht, b(g.is_home ? e(t)("pages.home") : g.title), 1)
+            "cell-title": n(({ row: v }) => [
+              E("span", jt, b(v.is_home ? e(t)("pages.home") : v.title), 1)
             ]),
-            "cell-path": n(({ row: g }) => [
-              c.value ? (m(), V(e(R), {
+            "cell-path": n(({ row: v }) => [
+              p.value ? (m(), V(e(R), {
                 key: 0,
                 size: "sm",
                 tone: "muted"
@@ -1352,22 +1357,22 @@ const Ot = /* @__PURE__ */ K({
                   y("—", -1)
                 ])]),
                 _: 1
-              })) : g.url && g.status !== "draft" ? (m(), A("a", {
+              })) : v.url && v.status !== "draft" ? (m(), A("a", {
                 key: 1,
                 class: "wx-pages__address",
-                href: g.url,
+                href: v.url,
                 target: "_blank",
                 rel: "noopener",
                 onClick: w[1] || (w[1] = Qe(() => {
                 }, ["stop"]))
-              }, " /" + b(g.path), 9, jt)) : g.path !== null ? (m(), V(e(R), {
+              }, " /" + b(v.path), 9, Gt)) : v.path !== null ? (m(), V(e(R), {
                 key: 2,
                 mono: "",
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  y("/" + b(g.path), 1)
+                  y("/" + b(v.path), 1)
                 ]),
                 _: 2
               }, 1024)) : (m(), V(e(R), {
@@ -1381,42 +1386,42 @@ const Ot = /* @__PURE__ */ K({
                 _: 1
               }))
             ]),
-            "cell-status": n(({ row: g }) => [
-              c.value ? (m(), V(e(me), {
+            "cell-status": n(({ row: v }) => [
+              p.value ? (m(), V(e(me), {
                 key: 0,
-                value: g.deleted_at
+                value: v.deleted_at
               }, null, 8, ["value"])) : (m(), V(e(we), {
                 key: 1,
-                type: Q(g.status),
+                type: Q(v.status),
                 dot: ""
               }, {
                 default: n(() => [
-                  y(b(e(t)(`page.status-${g.status}`)), 1)
+                  y(b(e(t)(`page.status-${v.status}`)), 1)
                 ]),
                 _: 2
               }, 1032, ["type"]))
             ]),
-            "cell-updated_at": n(({ row: g }) => [
-              v(e(R), {
+            "cell-updated_at": n(({ row: v }) => [
+              g(e(R), {
                 size: "sm",
                 tone: "muted"
               }, {
                 default: n(() => [
-                  v(e(me), {
-                    value: g.updated_at
+                  g(e(me), {
+                    value: v.updated_at
                   }, null, 8, ["value"]),
-                  g.edited_by && !c.value ? (m(), A(j, { key: 0 }, [
-                    y(", " + b(g.edited_by), 1)
+                  v.edited_by && !p.value ? (m(), A(j, { key: 0 }, [
+                    y(", " + b(v.edited_by), 1)
                   ], 64)) : N("", !0)
                 ]),
                 _: 2
               }, 1024)
             ]),
-            "cell-actions": n(({ row: g }) => [
-              _.value ? (m(), V(Ut, {
+            "cell-actions": n(({ row: v }) => [
+              _.value ? (m(), V(Rt, {
                 key: 0,
-                page: g,
-                "in-bin": c.value,
+                page: v,
+                "in-bin": p.value,
                 onOpen: ee,
                 onAdd: ce,
                 onDuplicate: te,
@@ -1434,10 +1439,10 @@ const Ot = /* @__PURE__ */ K({
         _.value ? {
           name: "actions",
           fn: n(() => [
-            v(e(I), {
+            g(e(I), {
               type: "primary",
               icon: "plus",
-              onClick: w[0] || (w[0] = (g) => ce(null))
+              onClick: w[0] || (w[0] = (v) => ce(null))
             }, {
               default: n(() => [
                 y(b(e(t)("page.new")), 1)
@@ -1450,18 +1455,18 @@ const Ot = /* @__PURE__ */ K({
       ]), 1032, ["view", "title", "views"])
     ]));
   }
-}), Jt = /* @__PURE__ */ re(Gt, [["__scopeId", "data-v-6c1123b3"]]);
-function ea(p = {}) {
-  const r = p.path ?? "/pages";
+}), Qt = /* @__PURE__ */ re(Jt, [["__scopeId", "data-v-580089b5"]]);
+function ta(u = {}) {
+  const r = u.path ?? "/pages";
   return {
     id: "pages",
     path: r,
     routes: [
-      { path: r, name: "webx.pages", component: Jt, props: { base: r } },
+      { path: r, name: "webx.pages", component: Qt, props: { base: r } },
       {
         path: `${r}/:id(\\d+)`,
         name: "webx.pages.edit",
-        component: Ct,
+        component: Bt,
         props: { base: r }
       }
     ],
@@ -1474,25 +1479,25 @@ function ea(p = {}) {
      * page from the editor above it rather than from the description.
      */
     types: {
-      "wx-page-place": { component: It, kind: "display" },
-      "wx-page-danger": { component: yt, kind: "display" },
-      "wx-page-history": { component: Nt, kind: "display" }
+      "wx-page-place": { component: Ut, kind: "display" },
+      "wx-page-danger": { component: wt, kind: "display" },
+      "wx-page-history": { component: At, kind: "display" }
     }
   };
 }
 export {
-  yt as WxPageDanger,
-  Ct as WxPageEditorPage,
-  Nt as WxPageHistory,
+  wt as WxPageDanger,
+  Bt as WxPageEditorPage,
+  At as WxPageHistory,
   Te as WxPagePicker,
-  It as WxPagePlace,
-  Jt as WxPagesPage,
+  Ut as WxPagePlace,
+  Qt as WxPagesPage,
   Z as createPagesApi,
   Ee as pageEditorKey,
-  ea as pages,
-  gt as pagesMessages,
-  pt as providePageEditor,
-  Lt as slugify,
+  ta as pages,
+  vt as pagesMessages,
+  gt as providePageEditor,
+  Ot as slugify,
   ke as usePageEditor
 };
 //# sourceMappingURL=index.js.map