@webx-ui/module-services 0.1.6 → 0.1.8

package/dist/index.js

@@ -1,19 +1,19 @@
-import { reorderItems as Ne, useAdmin as ae, useDates as Be, useTranslate as le, useErrorText as me, provideRecordAddress as De, WxScreenHead as Oe, WxScreen as Pe, WxSaveState as Ae, WxDate as Me, useItemOrder as Le, WxListScreen as Re, WxRowMenu as Ue, categoryRoutes as He } from "@webx-ui/module-admin";
-import { provide as Fe, inject as Ke, defineComponent as ne, computed as f, ref as b, watch as se, onMounted as Te, onBeforeUnmount as Se, openBlock as d, createElementBlock as I, Fragment as Q, createVNode as p, unref as e, withCtx as o, createTextVNode as _, toDisplayString as w, createBlock as k, createCommentVNode as L, createElementVNode as q, renderList as $e, normalizeClass as ye, useTemplateRef as Ge, nextTick as Je, isRef as je, withKeys as Qe, resolveDynamicComponent as Xe, mergeProps as Ye } from "vue";
-import { useRoute as We, useRouter as Ce, onBeforeRouteLeave as Ze } from "vue-router";
-import { provideBlocksPreview as et } from "@webx-ui/module-blocks";
-import { useLocales as tt, localizedValue as st, confirm as Y, WxSkeleton as ie, WxCard as at, WxBadge as J, WxBreadcrumb as rt, WxBreadcrumbItem as _e, WxAlert as Ve, WxButton as j, WxActionBar as it, toast as S, WxEmpty as qe, WxText as lt, useModal as nt, WxDialog as ot, WxFormItem as ct, WxInput as Ie, WxSpace as ut, createModal as dt, WxIcon as xe, WxSelect as vt, WxSortableList as pt, WxTooltip as ht } from "@webx-ui/core";
+import { reorderItems as De, useAdmin as ae, useDates as Oe, useTranslate as le, useErrorText as me, provideRecordAddress as Pe, WxScreenHead as Ae, WxScreen as Me, WxSaveState as Le, WxDate as Re, useItemOrder as Ue, WxListScreen as He, WxRowMenu as Fe, categoryRoutes as Ke } from "@webx-ui/module-admin";
+import { provide as Ge, inject as Je, defineComponent as ne, computed as f, ref as b, watch as se, onMounted as Te, onBeforeUnmount as Se, openBlock as d, createElementBlock as N, Fragment as X, createVNode as p, unref as e, withCtx as o, createTextVNode as _, toDisplayString as w, createBlock as k, createCommentVNode as R, createElementVNode as E, renderList as $e, normalizeClass as ye, useTemplateRef as je, nextTick as Qe, isRef as Xe, withKeys as Ye, resolveDynamicComponent as Ze, mergeProps as et } from "vue";
+import { useRoute as We, useRouter as Ce, onBeforeRouteLeave as tt } from "vue-router";
+import { provideBlocksPreview as st } from "@webx-ui/module-blocks";
+import { useLocales as at, localizedValue as rt, confirm as Z, WxSkeleton as ie, WxCard as it, WxBadge as j, WxBreadcrumb as lt, WxBreadcrumbItem as _e, WxAlert as Ve, WxButton as Q, WxActionBar as nt, toast as S, WxEmpty as qe, WxText as ot, useModal as ct, WxDialog as ut, WxFormItem as dt, WxInput as Ie, WxSpace as vt, createModal as pt, WxIcon as xe, WxSelect as ht, WxSortableList as ft, WxTooltip as yt } from "@webx-ui/core";
 const ge = "services";
 function oe(c) {
   const n = `${c.apiPath}/${ge}`, y = (r) => r.data;
   return {
     list: (r = {}) => {
-      const i = new URLSearchParams();
-      return r.q && i.set("q", r.q), r.category != null && i.set("category", String(r.category)), r.status && i.set("status", r.status), r.trashed && i.set("trashed", "1"), c.http.get(i.size > 0 ? `${n}?${i}` : n);
+      const l = new URLSearchParams();
+      return r.q && l.set("q", r.q), r.category != null && l.set("category", String(r.category)), r.status && l.set("status", r.status), r.trashed && l.set("trashed", "1"), c.http.get(l.size > 0 ? `${n}?${l}` : n);
     },
     get: (r) => c.http.get(`${n}/${r}`).then(y),
     create: (r) => c.http.post(n, r).then(y),
-    save: (r, i) => c.http.put(`${n}/${r}`, i).then(y),
+    save: (r, l) => c.http.put(`${n}/${r}`, l).then(y),
     discard: (r) => c.http.post(`${n}/${r}/discard`, {}).then(y),
     publish: (r) => c.http.post(`${n}/${r}/publish`, {}).then(y),
     unpublish: (r) => c.http.post(`${n}/${r}/unpublish`, {}).then(y),
@@ -21,18 +21,18 @@ function oe(c) {
     }),
     restore: (r) => c.http.post(`${n}/${r}/restore`, {}).then(y),
     versions: (r) => c.http.get(`${n}/${r}/versions`).then(y),
-    restoreVersion: (r, i) => c.http.post(`${n}/${r}/versions/${i}/restore`, {}).then(y),
-    reorder: (r, i = null) => Ne(c, ge, r, i)
+    restoreVersion: (r, l) => c.http.post(`${n}/${r}/versions/${l}/restore`, {}).then(y),
+    reorder: (r, l = null) => De(c, ge, r, l)
   };
 }
 const ze = /* @__PURE__ */ Symbol("wx-service-editor");
-function ft(c) {
-  Fe(ze, c);
+function gt(c) {
+  Ge(ze, c);
 }
-function yt() {
-  return Ke(ze, null);
+function mt() {
+  return Je(ze, null);
 }
-const gt = {
+const bt = {
   module: {
     group: "Services",
     services: "Services",
@@ -143,70 +143,84 @@ const gt = {
 function ce() {
   try {
     const { i18n: c } = ae();
-    ke.has(c) || (c.defaults("webx-services", gt), ke.add(c));
+    ke.has(c) || (c.defaults("webx-services", bt), ke.add(c));
   } catch {
   }
 }
-const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__ */ ne({
+const wt = { class: "wx-service-editor__screen" }, _t = 1200, xt = /* @__PURE__ */ ne({
   __name: "ServiceEditorPage",
   props: {
     base: { default: "/services" }
   },
   setup(c) {
-    const n = c, y = ae(), r = oe(y), i = We(), z = Ce(), a = tt(), T = Be();
+    const n = c, y = ae(), r = oe(y), l = We(), B = Ce(), a = at(), T = Oe();
     ce();
-    const s = le("webx-services"), $ = me(), W = f(() => Number(i.params.id)), D = f(() => n.base), u = b(null), g = b({}), m = b(""), h = b(null), C = b(null), O = b(!0), P = b(!1), R = b(!1), H = b({}), V = b(null), X = b(""), F = b(0), E = f(() => y.can("services.manage")), ue = f(() => !E.value || R.value), K = f(() => JSON.stringify(g.value)), N = f(() => X.value !== "" && K.value !== X.value), de = f(() => P.value ? "saving" : N.value ? "unsaved" : "saved"), Z = f(() => {
-      const l = g.value.title;
-      return st(l, a.active.value, u.value?.title ?? "");
+    const s = le("webx-services"), $ = me(), W = f(() => Number(l.params.id)), O = f(() => n.base), u = b(null), g = b({}), m = b(""), h = b(null), C = b(null), P = b(!0), M = b(!1), U = b(!1), H = b({}), V = b(null), Y = b(""), F = b(0), D = f(() => y.can("services.manage")), ue = f(() => !D.value || U.value), L = f(() => JSON.stringify(g.value)), z = f(() => Y.value !== "" && L.value !== Y.value), de = f(() => M.value ? "saving" : z.value ? "unsaved" : "saved"), ee = f(() => {
+      const i = g.value.title;
+      return rt(i, a.active.value, u.value?.title ?? "");
     }), ve = f(() => {
-      const l = u.value;
-      return !l || l.status !== "published" && l.status !== "modified" ? "" : s("service.live-since", { date: T.short(l.published_at) });
+      const i = u.value;
+      return !i || i.status !== "published" && i.status !== "modified" ? "" : s("service.live-since", { date: T.short(i.published_at) });
     });
-    et({ url: f(() => C.value), reload: F }), De({
+    st({ url: f(() => C.value), reload: F }), Pe({
       values: g,
       prefix: h,
       path: f(() => u.value?.path),
       moving: () => s("service.address-moving")
-    }), ft({ service: u, canManage: E.value, reload: () => A(!0) });
-    function re(l) {
-      u.value = l.service, g.value = l.values, m.value = l.revision, h.value = l.prefix, C.value = l.preview_url, X.value = JSON.stringify(l.values), V.value = null;
+    }), gt({ service: u, canManage: D.value, reload: () => A(!0) });
+    function re(i) {
+      u.value = i.service, g.value = i.values, m.value = i.revision, h.value = i.prefix, C.value = i.preview_url, Y.value = JSON.stringify(i.values), V.value = null;
     }
-    async function A(l = !1) {
-      l || (O.value = !0);
+    async function A(i = !1) {
+      i || (P.value = !0);
       try {
         re(await r.get(W.value));
-      } catch (M) {
-        S.danger($(M)), z.push(D.value);
+      } catch (q) {
+        S.danger($(q)), B.push(O.value);
       } finally {
-        O.value = !1;
+        P.value = !1;
       }
     }
-    let G;
+    let K;
     function pe() {
-      !E.value || V.value || !N.value || (clearTimeout(G), G = setTimeout(() => {
-        U();
-      }, bt));
+      !D.value || V.value || !z.value || (clearTimeout(K), K = setTimeout(() => {
+        t();
+      }, _t));
     }
     function he() {
-      !E.value || V.value || !N.value || P.value || (clearTimeout(G), U());
+      !D.value || V.value || !z.value || M.value || (clearTimeout(K), t());
     }
-    async function U() {
-      if (!u.value || P.value || !E.value) return;
-      clearTimeout(G);
-      const l = K.value, M = g.value;
-      P.value = !0, H.value = {};
+    let G;
+    async function t() {
+      for (; G; ) {
+        const { carried: I, done: J } = G;
+        if (await J, !z.value || V.value || L.value === I) return;
+      }
+      const i = L.value, q = x();
+      G = { carried: i, done: q };
       try {
-        const B = await r.save(u.value.id, { values: M, revision: m.value });
-        u.value = B.service, m.value = B.revision, h.value = B.prefix, C.value = B.preview_url, V.value = null, K.value === l && (X.value = l), F.value += 1;
-      } catch (B) {
-        const te = B;
-        te.status === 409 && te.body?.data ? V.value = te.body : te.body?.errors ? (H.value = te.body.errors, S.danger(s("service.save-failed"))) : S.danger($(B));
+        await q;
       } finally {
-        P.value = !1;
+        G?.done === q && (G = void 0);
       }
     }
-    async function t() {
-      await Y({
+    async function x() {
+      if (!u.value || !D.value) return;
+      clearTimeout(K);
+      const i = L.value, q = g.value;
+      M.value = !0, H.value = {};
+      try {
+        const I = await r.save(u.value.id, { values: q, revision: m.value });
+        u.value = I.service, m.value = I.revision, h.value = I.prefix, C.value = I.preview_url, V.value = null, L.value === i && (Y.value = i), F.value += 1;
+      } catch (I) {
+        const J = I;
+        J.status === 409 && J.body?.data ? V.value = J.body : J.body?.errors ? (H.value = J.body.errors, S.danger(s("service.save-failed"))) : S.danger($(I));
+      } finally {
+        M.value = !1;
+      }
+    }
+    async function v() {
+      await Z({
         title: s("service.conflict-theirs-title"),
         message: s("service.conflict-theirs-text"),
         confirmText: s("service.conflict-theirs"),
@@ -214,118 +228,118 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
         tone: "danger"
       }) && await A(!0);
     }
-    async function x() {
-      const l = V.value;
-      l && (m.value = l.data.revision, V.value = null, await U());
+    async function te() {
+      const i = V.value;
+      i && (m.value = i.data.revision, V.value = null, await t());
     }
-    async function v() {
-      if (!(!u.value || !await Y({
+    async function fe() {
+      if (!(!u.value || !await Z({
         title: s("service.discard-title"),
         message: s("service.discard-text"),
         confirmText: s("service.discard"),
         cancelText: s("panel.cancel"),
         tone: "danger"
       }))) {
-        R.value = !0;
+        U.value = !0;
         try {
           re(await r.discard(u.value.id)), S.success(s("service.discarded"));
-        } catch (M) {
-          S.danger($(M));
+        } catch (q) {
+          S.danger($(q));
         } finally {
-          R.value = !1;
+          U.value = !1;
         }
       }
     }
-    async function ee() {
-      const l = u.value;
-      if (!(!l || !await Y({
-        title: s("service.publish-title", { title: Z.value || l.title }),
-        message: l.path === null ? s("service.publish-nowhere") : s("service.publish-text", { address: `/${l.path}` }),
+    async function Ee() {
+      const i = u.value;
+      if (!(!i || !await Z({
+        title: s("service.publish-title", { title: ee.value || i.title }),
+        message: i.path === null ? s("service.publish-nowhere") : s("service.publish-text", { address: `/${i.path}` }),
         confirmText: s("panel.publish"),
         cancelText: s("panel.cancel")
-      })) && (N.value && await U(), !V.value)) {
-        R.value = !0;
+      })) && (z.value && await t(), !V.value)) {
+        U.value = !0;
         try {
-          await r.publish(l.id), await A(!0), S.success(s("panel.published"));
-        } catch (B) {
-          S.danger($(B));
+          await r.publish(i.id), await A(!0), S.success(s("panel.published"));
+        } catch (I) {
+          S.danger($(I));
         } finally {
-          R.value = !1;
+          U.value = !1;
         }
       }
     }
-    function fe() {
-      const l = u.value?.status;
-      return l === "published" || l === "modified" ? "success" : "default";
+    function Ne() {
+      const i = u.value?.status;
+      return i === "published" || i === "modified" ? "success" : "default";
     }
-    function we(l) {
-      N.value && l.preventDefault();
+    function we(i) {
+      z.value && i.preventDefault();
     }
-    se(K, pe), se(W, () => {
+    se(L, pe), se(W, () => {
       A();
     }), Te(() => {
       A(), window.addEventListener("beforeunload", we);
     }), Se(() => {
-      clearTimeout(G), window.removeEventListener("beforeunload", we);
-    }), Ze(async () => !N.value || !E.value || (await U(), !N.value) ? !0 : await Y({
+      clearTimeout(K), window.removeEventListener("beforeunload", we);
+    }), tt(async () => !z.value || !D.value || (await t(), !z.value) ? !0 : await Z({
       title: s("service.leave-title"),
       message: s("service.leave-text"),
       confirmText: s("service.leave"),
       cancelText: s("panel.cancel"),
       tone: "danger"
     }));
-    const Ee = f(() => {
-      const l = [];
-      return C.value && l.push({ key: "preview", label: s("service.preview"), icon: "eye", href: C.value }), u.value?.url && u.value.status !== "draft" && l.push({
+    const Be = f(() => {
+      const i = [];
+      return C.value && i.push({ key: "preview", label: s("service.preview"), icon: "eye", href: C.value }), u.value?.url && u.value.status !== "draft" && i.push({
         key: "site",
         label: s("panel.open-on-site"),
         icon: "link",
         href: u.value.url
-      }), u.value?.status === "modified" && l.push({
+      }), u.value?.status === "modified" && i.push({
         key: "discard",
         label: s("service.discard"),
         icon: "refresh",
         danger: !0,
         menu: !0,
         run: () => {
-          v();
+          fe();
         }
-      }), l;
+      }), i;
     });
-    return (l, M) => (d(), I("div", {
+    return (i, q) => (d(), N("div", {
       class: "wx-service-editor",
       onFocusout: he
     }, [
-      O.value || !u.value ? (d(), I(Q, { key: 0 }, [
+      P.value || !u.value ? (d(), N(X, { key: 0 }, [
         p(e(ie), {
           class: "wx-service-editor__ghost",
           title: "",
           rows: 1
         }),
-        p(e(at), null, {
+        p(e(it), null, {
           default: o(() => [
             p(e(ie), { rows: 8 })
           ]),
           _: 1
         })
-      ], 64)) : (d(), I(Q, { key: 1 }, [
-        p(e(Oe), {
+      ], 64)) : (d(), N(X, { key: 1 }, [
+        p(e(Ae), {
           divider: "",
-          back: D.value,
+          back: O.value,
           "back-label": e(s)("module.services"),
-          title: Z.value || e(s)("service.untitled"),
+          title: ee.value || e(s)("service.untitled"),
           subtitle: ve.value,
-          actions: Ee.value
+          actions: Be.value
         }, {
           trail: o(() => [
-            p(e(rt), {
+            p(e(lt), {
               size: "sm",
               label: e(s)("service.trail")
             }, {
               default: o(() => [
                 p(e(_e), {
                   as: "router-link",
-                  to: D.value
+                  to: O.value
                 }, {
                   default: o(() => [
                     _(w(e(s)("module.services")), 1)
@@ -334,7 +348,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
                 }, 8, ["to"]),
                 p(e(_e), { current: "" }, {
                   default: o(() => [
-                    _(w(Z.value || e(s)("service.untitled")), 1)
+                    _(w(ee.value || e(s)("service.untitled")), 1)
                   ]),
                   _: 1
                 })
@@ -343,8 +357,8 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
             }, 8, ["label"])
           ]),
           "title-after": o(() => [
-            p(e(J), {
-              type: fe(),
+            p(e(j), {
+              type: Ne(),
               dot: ""
             }, {
               default: o(() => [
@@ -352,7 +366,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
               ]),
               _: 1
             }, 8, ["type"]),
-            u.value.status === "modified" ? (d(), k(e(J), {
+            u.value.status === "modified" ? (d(), k(e(j), {
               key: 0,
               type: "primary",
               round: ""
@@ -361,7 +375,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
                 _(w(e(s)("panel.edits")), 1)
               ]),
               _: 1
-            })) : L("", !0)
+            })) : R("", !0)
           ]),
           _: 1
         }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
@@ -372,20 +386,20 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
           description: V.value.message
         }, {
           actions: o(() => [
-            p(e(j), {
+            p(e(Q), {
               size: "sm",
               variant: "outline",
-              onClick: t
+              onClick: v
             }, {
               default: o(() => [
                 _(w(e(s)("service.conflict-theirs")), 1)
               ]),
               _: 1
             }),
-            p(e(j), {
+            p(e(Q), {
               size: "sm",
               type: "primary",
-              onClick: x
+              onClick: te
             }, {
               default: o(() => [
                 _(w(e(s)("service.conflict-mine")), 1)
@@ -394,37 +408,37 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
             })
           ]),
           _: 1
-        }, 8, ["title", "description"])) : L("", !0),
-        q("div", mt, [
-          p(e(Pe), {
+        }, 8, ["title", "description"])) : R("", !0),
+        E("div", wt, [
+          p(e(Me), {
             modelValue: g.value,
-            "onUpdate:modelValue": M[0] || (M[0] = (B) => g.value = B),
+            "onUpdate:modelValue": q[0] || (q[0] = (I) => g.value = I),
             name: "services.form",
             errors: H.value,
             disabled: ue.value
           }, null, 8, ["modelValue", "errors", "disabled"])
         ]),
-        E.value ? (d(), k(e(it), { key: 1 }, {
+        D.value ? (d(), k(e(nt), { key: 1 }, {
           state: o(() => [
-            p(e(Ae), { state: de.value }, null, 8, ["state"])
+            p(e(Le), { state: de.value }, null, 8, ["state"])
           ]),
           default: o(() => [
-            p(e(j), {
+            p(e(Q), {
               variant: "outline",
-              loading: P.value,
-              disabled: !N.value,
-              onClick: U
+              loading: M.value,
+              disabled: !z.value,
+              onClick: t
             }, {
               default: o(() => [
                 _(w(e(s)("service.save")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"]),
-            p(e(j), {
+            p(e(Q), {
               type: "primary",
-              loading: R.value,
-              disabled: u.value.status === "published" && !N.value,
-              onClick: ee
+              loading: U.value,
+              disabled: u.value.status === "published" && !z.value,
+              onClick: Ee
             }, {
               default: o(() => [
                 _(w(e(s)("panel.publish")), 1)
@@ -433,46 +447,46 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
             }, 8, ["loading", "disabled"])
           ]),
           _: 1
-        })) : L("", !0)
+        })) : R("", !0)
       ], 64))
     ], 32));
   }
 }), be = (c, n) => {
   const y = c.__vccOpts || c;
-  for (const [r, i] of n)
-    y[r] = i;
+  for (const [r, l] of n)
+    y[r] = l;
   return y;
-}, _t = /* @__PURE__ */ be(wt, [["__scopeId", "data-v-c1092685"]]), xt = { class: "wx-service-history" }, kt = { class: "wx-service-history__number" }, Tt = { class: "wx-service-history__who" }, St = /* @__PURE__ */ ne({
+}, kt = /* @__PURE__ */ be(xt, [["__scopeId", "data-v-15dec02d"]]), Tt = { class: "wx-service-history" }, St = { class: "wx-service-history__number" }, $t = { class: "wx-service-history__who" }, Wt = /* @__PURE__ */ ne({
   name: "WxServiceHistory",
   __name: "ServiceHistory",
   setup(c) {
-    const n = ae(), y = oe(n), r = yt();
+    const n = ae(), y = oe(n), r = mt();
     ce();
-    const i = le("webx-services"), z = me(), a = b(null), T = b(!1), s = f(() => r?.service.value ?? null), $ = f(() => r?.canManage ?? !1), W = f(
+    const l = le("webx-services"), B = me(), a = b(null), T = b(!1), s = f(() => r?.service.value ?? null), $ = f(() => r?.canManage ?? !1), W = f(
       () => s.value?.status === "published" || s.value?.status === "modified" ? a.value?.[0]?.number ?? null : null
     );
-    async function D() {
+    async function O() {
       const g = s.value;
       if (g)
         try {
           a.value = await y.versions(g.id);
         } catch (m) {
-          a.value = [], S.danger(z(m));
+          a.value = [], S.danger(B(m));
         }
     }
     async function u(g) {
       const m = s.value;
-      if (!(!m || !await Y({
-        title: i("service.restore-title", { number: g.number }),
-        message: i("service.restore-text"),
-        confirmText: i("service.restore-version"),
-        cancelText: i("panel.cancel")
+      if (!(!m || !await Z({
+        title: l("service.restore-title", { number: g.number }),
+        message: l("service.restore-text"),
+        confirmText: l("service.restore-version"),
+        cancelText: l("panel.cancel")
       }))) {
         T.value = !0;
         try {
-          await y.restoreVersion(m.id, g.number), await r?.reload(), S.success(i("service.restored-version", { number: g.number }));
+          await y.restoreVersion(m.id, g.number), await r?.reload(), S.success(l("service.restored-version", { number: g.number }));
         } catch (C) {
-          S.danger(z(C));
+          S.danger(B(C));
         } finally {
           T.value = !1;
         }
@@ -481,53 +495,53 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
     return se(
       () => [s.value?.id, s.value?.published_at, s.value?.updated_at],
       () => {
-        D();
+        O();
       },
       { immediate: !0 }
-    ), (g, m) => (d(), I("div", xt, [
+    ), (g, m) => (d(), N("div", Tt, [
       a.value === null ? (d(), k(e(ie), {
         key: 0,
         class: "wx-service-history__ghost",
         rows: 3
       })) : a.value.length === 0 ? (d(), k(e(qe), {
         key: 1,
-        description: e(i)("service.history-empty")
-      }, null, 8, ["description"])) : (d(!0), I(Q, { key: 2 }, $e(a.value, (h) => (d(), I("div", {
+        description: e(l)("service.history-empty")
+      }, null, 8, ["description"])) : (d(!0), N(X, { key: 2 }, $e(a.value, (h) => (d(), N("div", {
         key: h.number,
         class: ye(["wx-service-history__row", { "is-live": h.number === W.value }])
       }, [
-        q("code", kt, w(e(i)("service.version", { number: h.number })), 1),
-        q("div", Tt, [
-          h.created_at ? (d(), k(e(Me), {
+        E("code", St, w(e(l)("service.version", { number: h.number })), 1),
+        E("div", $t, [
+          h.created_at ? (d(), k(e(Re), {
             key: 0,
             value: h.created_at,
             size: "md",
             tone: "default"
-          }, null, 8, ["value"])) : L("", !0),
-          p(e(lt), {
+          }, null, 8, ["value"])) : R("", !0),
+          p(e(ot), {
             size: "sm",
             tone: "muted"
           }, {
             default: o(() => [
-              _(w(h.author ?? e(i)(`service.source-${h.source}`)) + " ", 1),
-              h.comment ? (d(), I(Q, { key: 0 }, [
+              _(w(h.author ?? e(l)(`service.source-${h.source}`)) + " ", 1),
+              h.comment ? (d(), N(X, { key: 0 }, [
                 _(" · " + w(h.comment), 1)
-              ], 64)) : L("", !0)
+              ], 64)) : R("", !0)
             ]),
             _: 2
           }, 1024)
         ]),
-        h.number === W.value ? (d(), k(e(J), {
+        h.number === W.value ? (d(), k(e(j), {
           key: 0,
           type: "success",
           dot: ""
         }, {
           default: o(() => [
-            _(w(e(i)("service.version-live")), 1)
+            _(w(e(l)("service.version-live")), 1)
           ]),
           _: 1
-        })) : L("", !0),
-        $.value && h.number !== W.value ? (d(), k(e(j), {
+        })) : R("", !0),
+        $.value && h.number !== W.value ? (d(), k(e(Q), {
           key: 1,
           size: "sm",
           variant: "outline",
@@ -535,27 +549,27 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
           onClick: (C) => u(h)
         }, {
           default: o(() => [
-            _(w(e(i)("service.restore-version")), 1)
+            _(w(e(l)("service.restore-version")), 1)
           ]),
           _: 1
-        }, 8, ["loading", "onClick"])) : L("", !0)
+        }, 8, ["loading", "onClick"])) : R("", !0)
       ], 2))), 128))
     ]));
   }
-}), $t = /* @__PURE__ */ be(St, [["__scopeId", "data-v-72dccbb1"]]), Wt = /* @__PURE__ */ ne({
+}), Ct = /* @__PURE__ */ be(Wt, [["__scopeId", "data-v-72dccbb1"]]), Vt = /* @__PURE__ */ ne({
   __name: "ServiceCreateDialog",
   setup(c) {
-    const { open: n, resolve: y, dismiss: r } = nt(), i = ae(), z = oe(i);
+    const { open: n, resolve: y, dismiss: r } = ct(), l = ae(), B = oe(l);
     ce();
-    const a = le("webx-services"), T = b(""), s = b(!1), $ = b({}), W = Ge("field");
+    const a = le("webx-services"), T = b(""), s = b(!1), $ = b({}), W = je("field");
     Te(async () => {
-      await Je(), W.value?.querySelector("input")?.focus();
+      await Qe(), W.value?.querySelector("input")?.focus();
     });
-    async function D() {
+    async function O() {
       if (!(T.value.trim() === "" || s.value)) {
         s.value = !0, $.value = {};
         try {
-          y(await z.create({ title: T.value.trim() }));
+          y(await B.create({ title: T.value.trim() }));
         } catch (u) {
           $.value = u.body?.errors ?? {};
         } finally {
@@ -563,16 +577,16 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
         }
       }
     }
-    return (u, g) => (d(), k(e(ot), {
+    return (u, g) => (d(), k(e(ut), {
       open: e(n),
-      "onUpdate:open": g[2] || (g[2] = (m) => je(n) ? n.value = m : null),
+      "onUpdate:open": g[2] || (g[2] = (m) => Xe(n) ? n.value = m : null),
       title: e(a)("panel.new-title"),
       width: 440
     }, {
       footer: o(() => [
-        p(e(ut), { size: "sm" }, {
+        p(e(vt), { size: "sm" }, {
           default: o(() => [
-            p(e(j), {
+            p(e(Q), {
               variant: "outline",
               onClick: g[1] || (g[1] = (m) => e(r)())
             }, {
@@ -581,11 +595,11 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
               ]),
               _: 1
             }),
-            p(e(j), {
+            p(e(Q), {
               type: "primary",
               loading: s.value,
               disabled: T.value.trim() === "",
-              onClick: D
+              onClick: O
             }, {
               default: o(() => [
                 _(w(e(a)("panel.create")), 1)
@@ -597,13 +611,13 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
         })
       ]),
       default: o(() => [
-        p(e(ct), {
+        p(e(dt), {
           label: e(a)("panel.field-title"),
           error: $.value.title?.[0] ?? $.value.slug?.[0],
           required: ""
         }, {
           default: o(() => [
-            q("div", {
+            E("div", {
               ref_key: "field",
               ref: W
             }, [
@@ -611,7 +625,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
                 modelValue: T.value,
                 "onUpdate:modelValue": g[0] || (g[0] = (m) => T.value = m),
                 "aria-label": e(a)("panel.field-title"),
-                onKeyup: Qe(D, ["enter"])
+                onKeyup: Ye(O, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -621,42 +635,42 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
       _: 1
     }, 8, ["open", "title"]));
   }
-}), Ct = { class: "wx-services" }, Vt = { class: "wx-services__bar" }, qt = ["src"], It = { class: "wx-service-row__name" }, zt = { class: "wx-service-row__title" }, Et = { class: "wx-service-row__address" }, Nt = { class: "wx-service-row__facts" }, Bt = { class: "wx-service-row__chips" }, Dt = { class: "wx-service-row__state" }, Ot = /* @__PURE__ */ ne({
+}), qt = { class: "wx-services" }, It = { class: "wx-services__bar" }, zt = ["src"], Et = { class: "wx-service-row__name" }, Nt = { class: "wx-service-row__title" }, Bt = { class: "wx-service-row__address" }, Dt = { class: "wx-service-row__facts" }, Ot = { class: "wx-service-row__chips" }, Pt = { class: "wx-service-row__state" }, At = /* @__PURE__ */ ne({
   __name: "ServicesPage",
   props: {
     base: { default: "/services" }
   },
   setup(c) {
-    const n = c, y = ae(), r = oe(y), i = We(), z = Ce();
+    const n = c, y = ae(), r = oe(y), l = We(), B = Ce();
     ce();
-    const a = le("webx-services"), T = me(), s = b([]), $ = b([]), W = b(!0), D = dt(Wt), u = f(() => y.can("services.manage")), g = f(
+    const a = le("webx-services"), T = me(), s = b([]), $ = b([]), W = b(!0), O = pt(Vt), u = f(() => y.can("services.manage")), g = f(
       () => y.state.manifest?.modules.find((t) => t.id === "services")?.title ?? a("module.services")
     ), m = f({
-      get: () => typeof i.query.view == "string" ? i.query.view : "",
+      get: () => typeof l.query.view == "string" ? l.query.view : "",
       set: (t) => {
-        z.replace({
-          query: { ...i.query, view: t === "" ? void 0 : String(t) }
+        B.replace({
+          query: { ...l.query, view: t === "" ? void 0 : String(t) }
         });
       }
     }), h = f(() => m.value === "trashed"), C = f(() => {
-      const t = i.query.category;
+      const t = l.query.category;
       return typeof t == "string" && t !== "" && Number(t) || null;
-    }), O = f(() => typeof i.query.q == "string" ? i.query.q : ""), P = b(O.value), R = f(() => [
+    }), P = f(() => typeof l.query.q == "string" ? l.query.q : ""), M = b(P.value), U = f(() => [
       { value: "", label: a("panel.view-all") },
       { value: "published", label: a("panel.view-published") },
       { value: "draft", label: a("panel.view-draft") },
       { value: "unpublished", label: a("panel.view-unpublished") },
       { value: "trashed", label: a("panel.bin"), icon: "trash" }
-    ]), H = Le(ge, () => ({
-      q: O.value,
+    ]), H = Ue(ge, () => ({
+      q: P.value,
       category: C.value,
       filtered: m.value !== ""
-    })), V = f(() => u.value && H.sortable.value), X = f(() => O.value !== "" ? a("panel.empty-search") : h.value ? a("panel.empty-bin") : a("panel.empty"));
+    })), V = f(() => u.value && H.sortable.value), Y = f(() => P.value !== "" ? a("panel.empty-search") : h.value ? a("panel.empty-bin") : a("panel.empty"));
     async function F() {
       W.value = !0;
       try {
         const t = await r.list({
-          q: O.value,
+          q: P.value,
           category: C.value,
           status: h.value ? "" : m.value,
           trashed: h.value
@@ -669,28 +683,28 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
       }
     }
     se(
-      () => [m.value, C.value, O.value],
+      () => [m.value, C.value, P.value],
       () => {
         F();
       }
     ), F();
-    let E;
-    se(P, (t) => {
-      clearTimeout(E), E = setTimeout(() => {
-        z.replace({ query: { ...i.query, q: t.trim() === "" ? void 0 : t } });
+    let D;
+    se(M, (t) => {
+      clearTimeout(D), D = setTimeout(() => {
+        B.replace({ query: { ...l.query, q: t.trim() === "" ? void 0 : t } });
       }, 300);
-    }), Se(() => clearTimeout(E));
+    }), Se(() => clearTimeout(D));
     function ue(t) {
-      z.replace({
-        query: { ...i.query, category: typeof t == "number" ? String(t) : void 0 }
+      B.replace({
+        query: { ...l.query, category: typeof t == "number" ? String(t) : void 0 }
       });
     }
-    function K(t) {
-      z.push({ path: `${n.base}/${t.id}`, query: { ...i.query } });
+    function L(t) {
+      B.push({ path: `${n.base}/${t.id}`, query: { ...l.query } });
     }
-    async function N() {
-      const t = await D({});
-      t && K(t);
+    async function z() {
+      const t = await O({});
+      t && L(t);
     }
     async function de() {
       try {
@@ -699,7 +713,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
         S.danger(T(t, a("panel.reorder-failed"))), await F();
       }
     }
-    function Z(t) {
+    function ee(t) {
       if (!u.value) return [];
       if (h.value)
         return [
@@ -713,7 +727,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
           }
         ];
       const x = [
-        { key: "open", icon: "edit", label: a("panel.open"), run: () => K(t) }
+        { key: "open", icon: "edit", label: a("panel.open"), run: () => L(t) }
       ];
       return t.url && t.status !== "draft" && x.push({
         key: "site",
@@ -725,7 +739,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
         icon: "copy",
         label: a("panel.copy-address"),
         run: () => {
-          G(t);
+          K(t);
         }
       }), x.push(
         t.status === "published" || t.status === "modified" ? {
@@ -754,7 +768,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
       }), x;
     }
     async function ve(t) {
-      await Y({
+      await Z({
         title: a("panel.delete-title", { title: t.title }),
         message: a("panel.delete-text"),
         confirmText: a("panel.delete"),
@@ -774,7 +788,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
         await F();
       }
     }
-    async function G(t) {
+    async function K(t) {
       if (t.url)
         try {
           await navigator.clipboard.writeText(t.url), S.success(a("panel.address-copied"));
@@ -787,25 +801,25 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
     function he(t) {
       return h.value ? "—" : t.path === null ? a("panel.no-address") : `/${t.path}`;
     }
-    const U = f(
+    const G = f(
       () => u.value ? [{ key: "new", label: a("panel.new"), icon: "plus", primary: !0, run: () => {
-        N();
+        z();
       } }] : []
     );
-    return (t, x) => (d(), I("div", Ct, [
-      p(e(Re), {
+    return (t, x) => (d(), N("div", qt, [
+      p(e(He), {
         view: m.value,
         "onUpdate:view": x[2] || (x[2] = (v) => m.value = v),
         title: g.value,
-        views: R.value,
-        actions: U.value,
+        views: U.value,
+        actions: G.value,
         padding: "sm"
       }, {
         default: o(() => [
-          q("div", Vt, [
+          E("div", It, [
             p(e(Ie), {
-              modelValue: P.value,
-              "onUpdate:modelValue": x[0] || (x[0] = (v) => P.value = v),
+              modelValue: M.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (v) => M.value = v),
               class: "wx-services__search",
               size: "sm",
               clearable: "",
@@ -820,7 +834,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder", "aria-label"]),
-            p(e(vt), {
+            p(e(ht), {
               class: "wx-services__category",
               "model-value": C.value,
               options: $.value.map((v) => ({ value: v.id, label: v.title })),
@@ -837,10 +851,10 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
             rows: 5
           })) : s.value.length === 0 ? (d(), k(e(qe), {
             key: 1,
-            title: X.value,
-            description: m.value === "" && O.value === "" && C.value === null ? e(a)("panel.empty-help") : void 0
-          }, null, 8, ["title", "description"])) : (d(), I(Q, { key: 2 }, [
-            p(e(pt), {
+            title: Y.value,
+            description: m.value === "" && P.value === "" && C.value === null ? e(a)("panel.empty-help") : void 0
+          }, null, 8, ["title", "description"])) : (d(), N(X, { key: 2 }, [
+            p(e(ft), {
               modelValue: s.value,
               "onUpdate:modelValue": x[1] || (x[1] = (v) => s.value = v),
               class: ye(["wx-services__list", { "is-loading": W.value }]),
@@ -852,62 +866,62 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
               onMove: de
             }, {
               default: o(({ item: v }) => [
-                (d(), k(Xe(h.value ? "div" : "router-link"), Ye({ class: "wx-service-row" }, h.value ? {} : { to: { path: `${n.base}/${v.id}`, query: e(i).query } }), {
+                (d(), k(Ze(h.value ? "div" : "router-link"), et({ class: "wx-service-row" }, h.value ? {} : { to: { path: `${n.base}/${v.id}`, query: e(l).query } }), {
                   default: o(() => [
-                    q("span", {
+                    E("span", {
                       class: ye(["wx-service-row__cover", { "is-empty": !v.cover }])
                     }, [
-                      v.cover?.thumb ? (d(), I("img", {
+                      v.cover?.thumb ? (d(), N("img", {
                         key: 0,
                         src: v.cover.thumb,
                         alt: "",
                         loading: "lazy"
-                      }, null, 8, qt)) : (d(), k(e(xe), {
+                      }, null, 8, zt)) : (d(), k(e(xe), {
                         key: 1,
                         name: "image",
                         size: "sm"
                       }))
                     ], 2),
-                    q("span", It, [
-                      q("span", zt, w(v.title), 1),
-                      q("span", Et, w(he(v)), 1)
+                    E("span", Et, [
+                      E("span", Nt, w(v.title), 1),
+                      E("span", Bt, w(he(v)), 1)
                     ]),
-                    q("span", Nt, [
-                      q("span", Bt, [
-                        (d(!0), I(Q, null, $e(v.categories, (ee, fe) => (d(), I(Q, {
-                          key: ee.id
+                    E("span", Dt, [
+                      E("span", Ot, [
+                        (d(!0), N(X, null, $e(v.categories, (te, fe) => (d(), N(X, {
+                          key: te.id
                         }, [
-                          fe === 0 ? (d(), k(e(ht), {
+                          fe === 0 ? (d(), k(e(yt), {
                             key: 0,
                             content: e(a)("panel.main-category")
                           }, {
                             default: o(() => [
-                              p(e(J), {
+                              p(e(j), {
                                 size: "sm",
                                 round: "",
                                 type: "primary"
                               }, {
                                 default: o(() => [
-                                  _(w(ee.title), 1)
+                                  _(w(te.title), 1)
                                 ]),
                                 _: 2
                               }, 1024)
                             ]),
                             _: 2
-                          }, 1032, ["content"])) : (d(), k(e(J), {
+                          }, 1032, ["content"])) : (d(), k(e(j), {
                             key: 1,
                             size: "sm",
                             round: ""
                           }, {
                             default: o(() => [
-                              _(w(ee.title), 1)
+                              _(w(te.title), 1)
                             ]),
                             _: 2
                           }, 1024))
                         ], 64))), 128))
                       ]),
-                      q("span", Dt, [
-                        p(e(J), {
+                      E("span", Pt, [
+                        p(e(j), {
                           type: pe(v.status),
                           dot: "",
                           size: "sm"
@@ -917,7 +931,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
                           ]),
                           _: 2
                         }, 1032, ["type"]),
-                        v.status === "modified" ? (d(), k(e(J), {
+                        v.status === "modified" ? (d(), k(e(j), {
                           key: 0,
                           type: "primary",
                           size: "sm",
@@ -927,7 +941,7 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
                             _(w(e(a)("panel.edits")), 1)
                           ]),
                           _: 1
-                        })) : L("", !0)
+                        })) : R("", !0)
                       ])
                     ])
                   ]),
@@ -935,8 +949,8 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
                 }, 1040))
               ]),
               actions: o(({ item: v }) => [
-                p(e(Ue), {
-                  actions: Z(v),
+                p(e(Fe), {
+                  actions: ee(v),
                   label: v.title
                 }, null, 8, ["actions", "label"])
               ]),
@@ -947,15 +961,15 @@ const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__PURE__
               class: "wx-services__note",
               type: "info",
               description: e(H).hint.value
-            }, null, 8, ["description"])) : L("", !0)
+            }, null, 8, ["description"])) : R("", !0)
           ], 64))
         ]),
         _: 1
       }, 8, ["view", "title", "views", "actions"])
     ]));
   }
-}), Pt = /* @__PURE__ */ be(Ot, [["__scopeId", "data-v-f99d37d6"]]);
-function At(c = "/services") {
+}), Mt = /* @__PURE__ */ be(At, [["__scopeId", "data-v-f99d37d6"]]);
+function Lt(c = "/services") {
   return {
     api: "services/categories",
     path: `${c}/categories`,
@@ -985,18 +999,18 @@ function At(c = "/services") {
     }
   };
 }
-function Ft(c = {}) {
+function Gt(c = {}) {
   const n = c.path ?? "/services";
   return [
     {
       id: "services",
       path: n,
       routes: [
-        { path: n, name: "webx.services", component: Pt, props: { base: n } },
+        { path: n, name: "webx.services", component: Mt, props: { base: n } },
         {
           path: `${n}/:id(\\d+)`,
           name: "webx.services.edit",
-          component: _t,
+          component: kt,
           props: { base: n }
         }
       ],
@@ -1006,28 +1020,28 @@ function Ft(c = {}) {
        * particular is shared, and reads the prefix from the editor hosting the screen.
        */
       types: {
-        "wx-service-history": { component: $t, kind: "display" }
+        "wx-service-history": { component: Ct, kind: "display" }
       }
     },
     {
       id: "service-categories",
       path: `${n}/categories`,
-      routes: He(At(n))
+      routes: Ke(Lt(n))
     }
   ];
 }
 export {
   ge as SERVICES_API,
-  Wt as WxServiceCreateDialog,
-  _t as WxServiceEditorPage,
-  $t as WxServiceHistory,
-  Pt as WxServicesPage,
+  Vt as WxServiceCreateDialog,
+  kt as WxServiceEditorPage,
+  Ct as WxServiceHistory,
+  Mt as WxServicesPage,
   oe as createServicesApi,
-  ft as provideServiceEditor,
-  At as serviceCategoriesOptions,
+  gt as provideServiceEditor,
+  Lt as serviceCategoriesOptions,
   ze as serviceEditorKey,
-  Ft as services,
-  gt as servicesMessages,
-  yt as useServiceEditor
+  Gt as services,
+  bt as servicesMessages,
+  mt as useServiceEditor
 };
 //# sourceMappingURL=index.js.map