@webx-ui/module-services 0.1.0

package/dist/index.js

@@ -0,0 +1,1034 @@
+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";
+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);
+    },
+    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),
+    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),
+    remove: (r) => c.http.delete(`${n}/${r}`).then(() => {
+    }),
+    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)
+  };
+}
+const ze = /* @__PURE__ */ Symbol("wx-service-editor");
+function ft(c) {
+  Fe(ze, c);
+}
+function yt() {
+  return Ke(ze, null);
+}
+const gt = {
+  module: {
+    group: "Services",
+    services: "Services",
+    categories: "Categories"
+  },
+  panel: {
+    new: "New service",
+    "new-title": "New service",
+    "field-title": "Title",
+    create: "Create",
+    cancel: "Cancel",
+    search: "Search by title or address",
+    empty: "No services yet.",
+    "empty-help": "A service is a page of the site made of blocks, filed under categories.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    "status-draft": "Draft",
+    "status-published": "Live",
+    "status-modified": "Live",
+    "status-unpublished": "Off the site",
+    edits: "edits",
+    "no-address": "No address in this language",
+    "no-category": "In no category",
+    "main-category": "The main category: it goes in the breadcrumbs",
+    "view-all": "All",
+    "view-published": "Live",
+    "view-draft": "Drafts",
+    "view-unpublished": "Off the site",
+    bin: "Bin",
+    "filter-category": "Category",
+    "any-category": "Any category",
+    open: "Open",
+    "open-on-site": "Open on the site",
+    "copy-address": "Copy the address",
+    "address-copied": "The address is on the clipboard.",
+    publish: "Publish",
+    unpublish: "Take off the site",
+    delete: "Delete",
+    restore: "Restore",
+    "delete-title": "Delete “:title”?",
+    "delete-text": "It goes to the bin and comes off the site, and its address is free again.",
+    deleted: "The service is in the bin.",
+    restored: "The service is back.",
+    published: "The service is on the site.",
+    "unpublished-done": "The service is off the site.",
+    "reorder-failed": "The new order was not saved."
+  },
+  service: {
+    trail: "Where this service sits",
+    untitled: "Untitled",
+    save: "Save",
+    "save-failed": "The service was not saved.",
+    "publish-title": "Put “:title” on the site?",
+    "publish-text": "It answers at :address from the moment you do, for everyone.",
+    "publish-nowhere": "It has no address in this language yet, so nothing will answer.",
+    preview: "Preview",
+    discard: "Discard changes",
+    "discard-title": "Discard what is waiting?",
+    "discard-text": "The service goes back to what the site is showing. What was written since is not listed anywhere.",
+    discarded: "The service is back to what is published.",
+    "conflict-title": "The service changed while you were editing",
+    "conflict-mine": "Keep mine",
+    "conflict-theirs": "Take the newer version",
+    "conflict-theirs-title": "Give up what you wrote?",
+    "conflict-theirs-text": "The service is read again as it now is, and what you have typed since goes.",
+    leave: "Leave",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The service could not be saved, and what you wrote is not on the server.",
+    "live-since": "On the site since :date",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    "history-empty": "This service has never been published.",
+    version: "#:number",
+    "version-live": "On the site",
+    "source-panel": "From the panel",
+    "source-mcp": "By an agent",
+    "source-import": "Imported",
+    "restore-title": "Restore version :number?",
+    "restore-text": "It becomes the draft. The site keeps showing what is published until you publish this.",
+    "restore-version": "Restore",
+    "restored-version": "Version :number is now the draft."
+  },
+  category: {
+    "tab-content": "Content",
+    "tab-blocks": "Blocks",
+    "tab-cover": "Image",
+    "tab-seo": "SEO",
+    "field-title": "Title",
+    "field-slug": "Address",
+    "field-lead": "Introduction",
+    "lead-help": "Above the list of services on the category page.",
+    visible: "Shown on the site",
+    "visible-help": "Hidden, its page answers 404 and it drops out of the index; its services go on answering at their own addresses.",
+    "cover-help": "On the category card, and in social networks when the SEO card has no picture of its own.",
+    new: "New category",
+    empty: "No categories yet.",
+    "empty-help": "A category is a section of the catalogue with a page of its own.",
+    order: "Drag to change the order of the catalogue on the site.",
+    hidden: "Hidden from the site",
+    "no-address": "No address in this language",
+    services: "Services: :count",
+    "show-services": "Show its services",
+    "delete-blocked": "This category still holds services. Move them first.",
+    "delete-text": "It goes to the bin and its page comes off the site. Its services stay.",
+    deleted: "The category is in the bin.",
+    saved: "The category is saved.",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one."
+  }
+}, ke = /* @__PURE__ */ new WeakSet();
+function ce() {
+  try {
+    const { i18n: c } = ae();
+    ke.has(c) || (c.defaults("webx-services", gt), ke.add(c));
+  } catch {
+  }
+}
+const mt = { class: "wx-service-editor__screen" }, bt = 1200, wt = /* @__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();
+    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 ?? "");
+    }), ve = f(() => {
+      const l = u.value;
+      return !l || l.status !== "published" && l.status !== "modified" ? "" : s("service.live-since", { date: T.short(l.published_at) });
+    });
+    et({ url: f(() => C.value), reload: F }), De({
+      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;
+    }
+    async function A(l = !1) {
+      l || (O.value = !0);
+      try {
+        re(await r.get(W.value));
+      } catch (M) {
+        S.danger($(M)), z.push(D.value);
+      } finally {
+        O.value = !1;
+      }
+    }
+    let G;
+    function pe() {
+      !E.value || V.value || !N.value || (clearTimeout(G), G = setTimeout(() => {
+        U();
+      }, bt));
+    }
+    function he() {
+      !E.value || V.value || !N.value || P.value || (clearTimeout(G), U());
+    }
+    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 = {};
+      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));
+      } finally {
+        P.value = !1;
+      }
+    }
+    async function t() {
+      await Y({
+        title: s("service.conflict-theirs-title"),
+        message: s("service.conflict-theirs-text"),
+        confirmText: s("service.conflict-theirs"),
+        cancelText: s("panel.cancel"),
+        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 v() {
+      if (!(!u.value || !await Y({
+        title: s("service.discard-title"),
+        message: s("service.discard-text"),
+        confirmText: s("service.discard"),
+        cancelText: s("panel.cancel"),
+        tone: "danger"
+      }))) {
+        R.value = !0;
+        try {
+          re(await r.discard(u.value.id)), S.success(s("service.discarded"));
+        } catch (M) {
+          S.danger($(M));
+        } finally {
+          R.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}` }),
+        confirmText: s("panel.publish"),
+        cancelText: s("panel.cancel")
+      })) && (N.value && await U(), !V.value)) {
+        R.value = !0;
+        try {
+          await r.publish(l.id), await A(!0), S.success(s("panel.published"));
+        } catch (B) {
+          S.danger($(B));
+        } finally {
+          R.value = !1;
+        }
+      }
+    }
+    function fe() {
+      const l = u.value?.status;
+      return l === "published" || l === "modified" ? "success" : "default";
+    }
+    function we(l) {
+      N.value && l.preventDefault();
+    }
+    se(K, 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({
+      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({
+        key: "site",
+        label: s("panel.open-on-site"),
+        icon: "link",
+        href: u.value.url
+      }), u.value?.status === "modified" && l.push({
+        key: "discard",
+        label: s("service.discard"),
+        icon: "refresh",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          v();
+        }
+      }), l;
+    });
+    return (l, M) => (d(), I("div", {
+      class: "wx-service-editor",
+      onFocusout: he
+    }, [
+      O.value || !u.value ? (d(), I(Q, { key: 0 }, [
+        p(e(ie), {
+          class: "wx-service-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        p(e(at), null, {
+          default: o(() => [
+            p(e(ie), { rows: 8 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (d(), I(Q, { key: 1 }, [
+        p(e(Oe), {
+          divider: "",
+          back: D.value,
+          "back-label": e(s)("module.services"),
+          title: Z.value || e(s)("service.untitled"),
+          subtitle: ve.value,
+          actions: Ee.value
+        }, {
+          trail: o(() => [
+            p(e(rt), {
+              size: "sm",
+              label: e(s)("service.trail")
+            }, {
+              default: o(() => [
+                p(e(_e), {
+                  as: "router-link",
+                  to: D.value
+                }, {
+                  default: o(() => [
+                    _(w(e(s)("module.services")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                p(e(_e), { current: "" }, {
+                  default: o(() => [
+                    _(w(Z.value || e(s)("service.untitled")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          "title-after": o(() => [
+            p(e(J), {
+              type: fe(),
+              dot: ""
+            }, {
+              default: o(() => [
+                _(w(e(s)(`panel.status-${u.value.status}`)), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            u.value.status === "modified" ? (d(), k(e(J), {
+              key: 0,
+              type: "primary",
+              round: ""
+            }, {
+              default: o(() => [
+                _(w(e(s)("panel.edits")), 1)
+              ]),
+              _: 1
+            })) : L("", !0)
+          ]),
+          _: 1
+        }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
+        V.value ? (d(), k(e(Ve), {
+          key: 0,
+          type: "warning",
+          title: e(s)("service.conflict-title"),
+          description: V.value.message
+        }, {
+          actions: o(() => [
+            p(e(j), {
+              size: "sm",
+              variant: "outline",
+              onClick: t
+            }, {
+              default: o(() => [
+                _(w(e(s)("service.conflict-theirs")), 1)
+              ]),
+              _: 1
+            }),
+            p(e(j), {
+              size: "sm",
+              type: "primary",
+              onClick: x
+            }, {
+              default: o(() => [
+                _(w(e(s)("service.conflict-mine")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["title", "description"])) : L("", !0),
+        q("div", mt, [
+          p(e(Pe), {
+            modelValue: g.value,
+            "onUpdate:modelValue": M[0] || (M[0] = (B) => g.value = B),
+            name: "services.form",
+            errors: H.value,
+            disabled: ue.value
+          }, null, 8, ["modelValue", "errors", "disabled"])
+        ]),
+        E.value ? (d(), k(e(it), { key: 1 }, {
+          state: o(() => [
+            p(e(Ae), { state: de.value }, null, 8, ["state"])
+          ]),
+          default: o(() => [
+            p(e(j), {
+              variant: "outline",
+              loading: P.value,
+              disabled: !N.value,
+              onClick: U
+            }, {
+              default: o(() => [
+                _(w(e(s)("service.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"]),
+            p(e(j), {
+              type: "primary",
+              loading: R.value,
+              disabled: u.value.status === "published" && !N.value,
+              onClick: ee
+            }, {
+              default: o(() => [
+                _(w(e(s)("panel.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : L("", !0)
+      ], 64))
+    ], 32));
+  }
+}), be = (c, n) => {
+  const y = c.__vccOpts || c;
+  for (const [r, i] of n)
+    y[r] = i;
+  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({
+  name: "WxServiceHistory",
+  __name: "ServiceHistory",
+  setup(c) {
+    const n = ae(), y = oe(n), r = yt();
+    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(
+      () => s.value?.status === "published" || s.value?.status === "modified" ? a.value?.[0]?.number ?? null : null
+    );
+    async function D() {
+      const g = s.value;
+      if (g)
+        try {
+          a.value = await y.versions(g.id);
+        } catch (m) {
+          a.value = [], S.danger(z(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")
+      }))) {
+        T.value = !0;
+        try {
+          await y.restoreVersion(m.id, g.number), await r?.reload(), S.success(i("service.restored-version", { number: g.number }));
+        } catch (C) {
+          S.danger(z(C));
+        } finally {
+          T.value = !1;
+        }
+      }
+    }
+    return se(
+      () => [s.value?.id, s.value?.published_at, s.value?.updated_at],
+      () => {
+        D();
+      },
+      { immediate: !0 }
+    ), (g, m) => (d(), I("div", xt, [
+      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", {
+        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), {
+            key: 0,
+            value: h.created_at,
+            size: "md",
+            tone: "default"
+          }, null, 8, ["value"])) : L("", !0),
+          p(e(lt), {
+            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.comment), 1)
+              ], 64)) : L("", !0)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        h.number === W.value ? (d(), k(e(J), {
+          key: 0,
+          type: "success",
+          dot: ""
+        }, {
+          default: o(() => [
+            _(w(e(i)("service.version-live")), 1)
+          ]),
+          _: 1
+        })) : L("", !0),
+        $.value && h.number !== W.value ? (d(), k(e(j), {
+          key: 1,
+          size: "sm",
+          variant: "outline",
+          loading: T.value,
+          onClick: (C) => u(h)
+        }, {
+          default: o(() => [
+            _(w(e(i)("service.restore-version")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "onClick"])) : L("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}), $t = /* @__PURE__ */ be(St, [["__scopeId", "data-v-72dccbb1"]]), Wt = /* @__PURE__ */ ne({
+  __name: "ServiceCreateDialog",
+  setup(c) {
+    const { open: n, resolve: y, dismiss: r } = nt(), i = ae(), z = oe(i);
+    ce();
+    const a = le("webx-services"), T = b(""), s = b(!1), $ = b({}), W = Ge("field");
+    Te(async () => {
+      await Je(), W.value?.querySelector("input")?.focus();
+    });
+    async function D() {
+      if (!(T.value.trim() === "" || s.value)) {
+        s.value = !0, $.value = {};
+        try {
+          y(await z.create({ title: T.value.trim() }));
+        } catch (u) {
+          $.value = u.body?.errors ?? {};
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    return (u, g) => (d(), k(e(ot), {
+      open: e(n),
+      "onUpdate:open": g[2] || (g[2] = (m) => je(n) ? n.value = m : null),
+      title: e(a)("panel.new-title"),
+      width: 440
+    }, {
+      footer: o(() => [
+        p(e(ut), { size: "sm" }, {
+          default: o(() => [
+            p(e(j), {
+              variant: "outline",
+              onClick: g[1] || (g[1] = (m) => e(r)())
+            }, {
+              default: o(() => [
+                _(w(e(a)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            p(e(j), {
+              type: "primary",
+              loading: s.value,
+              disabled: T.value.trim() === "",
+              onClick: D
+            }, {
+              default: o(() => [
+                _(w(e(a)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: o(() => [
+        p(e(ct), {
+          label: e(a)("panel.field-title"),
+          error: $.value.title?.[0] ?? $.value.slug?.[0],
+          required: ""
+        }, {
+          default: o(() => [
+            q("div", {
+              ref_key: "field",
+              ref: W
+            }, [
+              p(e(Ie), {
+                modelValue: T.value,
+                "onUpdate:modelValue": g[0] || (g[0] = (m) => T.value = m),
+                "aria-label": e(a)("panel.field-title"),
+                onKeyup: Qe(D, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 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({
+  __name: "ServicesPage",
+  props: {
+    base: { default: "/services" }
+  },
+  setup(c) {
+    const n = c, y = ae(), r = oe(y), i = We(), z = 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(
+      () => y.state.manifest?.modules.find((t) => t.id === "services")?.title ?? a("module.services")
+    ), m = f({
+      get: () => typeof i.query.view == "string" ? i.query.view : "",
+      set: (t) => {
+        z.replace({
+          query: { ...i.query, view: t === "" ? void 0 : String(t) }
+        });
+      }
+    }), h = f(() => m.value === "trashed"), C = f(() => {
+      const t = i.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(() => [
+      { 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,
+      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"));
+    async function F() {
+      W.value = !0;
+      try {
+        const t = await r.list({
+          q: O.value,
+          category: C.value,
+          status: h.value ? "" : m.value,
+          trashed: h.value
+        });
+        s.value = t.data, $.value = t.filters.categories;
+      } catch (t) {
+        S.danger(T(t));
+      } finally {
+        W.value = !1;
+      }
+    }
+    se(
+      () => [m.value, C.value, O.value],
+      () => {
+        F();
+      }
+    ), F();
+    let E;
+    se(P, (t) => {
+      clearTimeout(E), E = setTimeout(() => {
+        z.replace({ query: { ...i.query, q: t.trim() === "" ? void 0 : t } });
+      }, 300);
+    }), Se(() => clearTimeout(E));
+    function ue(t) {
+      z.replace({
+        query: { ...i.query, category: typeof t == "number" ? String(t) : void 0 }
+      });
+    }
+    function K(t) {
+      z.push({ path: `${n.base}/${t.id}`, query: { ...i.query } });
+    }
+    async function N() {
+      const t = await D({});
+      t && K(t);
+    }
+    async function de() {
+      try {
+        await H.move(s.value.map((t) => t.id));
+      } catch (t) {
+        S.danger(T(t, a("panel.reorder-failed"))), await F();
+      }
+    }
+    function Z(t) {
+      if (!u.value) return [];
+      if (h.value)
+        return [
+          {
+            key: "restore",
+            icon: "refresh",
+            label: a("panel.restore"),
+            run: () => {
+              re(t);
+            }
+          }
+        ];
+      const x = [
+        { key: "open", icon: "edit", label: a("panel.open"), run: () => K(t) }
+      ];
+      return t.url && t.status !== "draft" && x.push({
+        key: "site",
+        icon: "external-link",
+        label: a("panel.open-on-site"),
+        href: t.url
+      }), t.url && x.push({
+        key: "copy",
+        icon: "copy",
+        label: a("panel.copy-address"),
+        run: () => {
+          G(t);
+        }
+      }), x.push(
+        t.status === "published" || t.status === "modified" ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: a("panel.unpublish"),
+          run: () => {
+            A(() => r.unpublish(t.id), a("panel.unpublished-done"));
+          }
+        } : {
+          key: "publish",
+          icon: "upload",
+          label: a("panel.publish"),
+          run: () => {
+            A(() => r.publish(t.id), a("panel.published"));
+          }
+        }
+      ), x.push({
+        key: "delete",
+        icon: "trash",
+        label: a("panel.delete"),
+        danger: !0,
+        run: () => {
+          ve(t);
+        }
+      }), x;
+    }
+    async function ve(t) {
+      await Y({
+        title: a("panel.delete-title", { title: t.title }),
+        message: a("panel.delete-text"),
+        confirmText: a("panel.delete"),
+        cancelText: a("panel.cancel"),
+        tone: "danger"
+      }) && await A(() => r.remove(t.id), a("panel.deleted"));
+    }
+    async function re(t) {
+      await A(() => r.restore(t.id), a("panel.restored"));
+    }
+    async function A(t, x) {
+      try {
+        await t(), S.success(x);
+      } catch (v) {
+        S.danger(T(v));
+      } finally {
+        await F();
+      }
+    }
+    async function G(t) {
+      if (t.url)
+        try {
+          await navigator.clipboard.writeText(t.url), S.success(a("panel.address-copied"));
+        } catch {
+        }
+    }
+    function pe(t) {
+      return t === "published" || t === "modified" ? "success" : "default";
+    }
+    function he(t) {
+      return h.value ? "—" : t.path === null ? a("panel.no-address") : `/${t.path}`;
+    }
+    const U = f(
+      () => u.value ? [{ key: "new", label: a("panel.new"), icon: "plus", primary: !0, run: () => {
+        N();
+      } }] : []
+    );
+    return (t, x) => (d(), I("div", Ct, [
+      p(e(Re), {
+        view: m.value,
+        "onUpdate:view": x[2] || (x[2] = (v) => m.value = v),
+        title: g.value,
+        views: R.value,
+        actions: U.value,
+        padding: "sm"
+      }, {
+        default: o(() => [
+          q("div", Vt, [
+            p(e(Ie), {
+              modelValue: P.value,
+              "onUpdate:modelValue": x[0] || (x[0] = (v) => P.value = v),
+              class: "wx-services__search",
+              size: "sm",
+              clearable: "",
+              placeholder: e(a)("panel.search"),
+              "aria-label": e(a)("panel.search")
+            }, {
+              prefix: o(() => [
+                p(e(xe), {
+                  name: "search",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "placeholder", "aria-label"]),
+            p(e(vt), {
+              class: "wx-services__category",
+              "model-value": C.value,
+              options: $.value.map((v) => ({ value: v.id, label: v.title })),
+              placeholder: e(a)("panel.any-category"),
+              "aria-label": e(a)("panel.filter-category"),
+              clearable: "",
+              size: "sm",
+              "onUpdate:modelValue": ue
+            }, null, 8, ["model-value", "options", "placeholder", "aria-label"])
+          ]),
+          W.value && s.value.length === 0 ? (d(), k(e(ie), {
+            key: 0,
+            class: "wx-services__loading",
+            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), {
+              modelValue: s.value,
+              "onUpdate:modelValue": x[1] || (x[1] = (v) => s.value = v),
+              class: ye(["wx-services__list", { "is-loading": W.value }]),
+              plain: "",
+              "item-key": "id",
+              handle: V.value ? "grip" : "row",
+              "item-label": (v) => v.title,
+              disabled: !V.value,
+              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 } }), {
+                  default: o(() => [
+                    q("span", {
+                      class: ye(["wx-service-row__cover", { "is-empty": !v.cover }])
+                    }, [
+                      v.cover?.thumb ? (d(), I("img", {
+                        key: 0,
+                        src: v.cover.thumb,
+                        alt: "",
+                        loading: "lazy"
+                      }, null, 8, qt)) : (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)
+                    ]),
+                    q("span", Nt, [
+                      q("span", Bt, [
+                        (d(!0), I(Q, null, $e(v.categories, (ee, fe) => (d(), I(Q, {
+                          key: ee.id
+                        }, [
+                          fe === 0 ? (d(), k(e(ht), {
+                            key: 0,
+                            content: e(a)("panel.main-category")
+                          }, {
+                            default: o(() => [
+                              p(e(J), {
+                                size: "sm",
+                                round: "",
+                                type: "primary"
+                              }, {
+                                default: o(() => [
+                                  _(w(ee.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1032, ["content"])) : (d(), k(e(J), {
+                            key: 1,
+                            size: "sm",
+                            round: ""
+                          }, {
+                            default: o(() => [
+                              _(w(ee.title), 1)
+                            ]),
+                            _: 2
+                          }, 1024))
+                        ], 64))), 128))
+                      ]),
+                      q("span", Dt, [
+                        p(e(J), {
+                          type: pe(v.status),
+                          dot: "",
+                          size: "sm"
+                        }, {
+                          default: o(() => [
+                            _(w(e(a)(`panel.status-${v.status}`)), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["type"]),
+                        v.status === "modified" ? (d(), k(e(J), {
+                          key: 0,
+                          type: "primary",
+                          size: "sm",
+                          round: ""
+                        }, {
+                          default: o(() => [
+                            _(w(e(a)("panel.edits")), 1)
+                          ]),
+                          _: 1
+                        })) : L("", !0)
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1040))
+              ]),
+              actions: o(({ item: v }) => [
+                p(e(Ue), {
+                  actions: Z(v),
+                  label: v.title
+                }, null, 8, ["actions", "label"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
+            u.value && !h.value ? (d(), k(e(Ve), {
+              key: 0,
+              class: "wx-services__note",
+              type: "info",
+              description: e(H).hint.value
+            }, null, 8, ["description"])) : L("", !0)
+          ], 64))
+        ]),
+        _: 1
+      }, 8, ["view", "title", "views", "actions"])
+    ]));
+  }
+}), Pt = /* @__PURE__ */ be(Ot, [["__scopeId", "data-v-f99d37d6"]]);
+function At(c = "/services") {
+  return {
+    api: "services/categories",
+    path: `${c}/categories`,
+    name: "webx.services.categories",
+    module: "service-categories",
+    screen: "services.category-form",
+    manage: "services.categories.manage",
+    count: "services_count",
+    // The list narrowed to one category is also where its own order is dragged.
+    items: (n) => ({ path: c, query: { category: String(n) } }),
+    words: {
+      new: "webx-services::category.new",
+      empty: "webx-services::category.empty",
+      "empty-help": "webx-services::category.empty-help",
+      order: "webx-services::category.order",
+      hidden: "webx-services::category.hidden",
+      "no-address": "webx-services::category.no-address",
+      count: "webx-services::category.services",
+      "show-items": "webx-services::category.show-services",
+      "delete-blocked": "webx-services::category.delete-blocked",
+      "delete-text": "webx-services::category.delete-text",
+      deleted: "webx-services::category.deleted",
+      saved: "webx-services::category.saved",
+      "field-title": "webx-services::category.field-title",
+      "field-slug": "webx-services::category.field-slug",
+      "address-moving": "webx-services::category.address-moving"
+    }
+  };
+}
+function Ft(c = {}) {
+  const n = c.path ?? "/services";
+  return [
+    {
+      id: "services",
+      path: n,
+      routes: [
+        { path: n, name: "webx.services", component: Pt, props: { base: n } },
+        {
+          path: `${n}/:id(\\d+)`,
+          name: "webx.services.edit",
+          component: _t,
+          props: { base: n }
+        }
+      ],
+      /*
+       * The one part of `services.form` only this module can draw. Everything else on it is the
+       * panel's (`wx-slug`, `wx-categories`, `wx-media`, `wx-blocks`) — the address field in
+       * particular is shared, and reads the prefix from the editor hosting the screen.
+       */
+      types: {
+        "wx-service-history": { component: $t, kind: "display" }
+      }
+    },
+    {
+      id: "service-categories",
+      path: `${n}/categories`,
+      routes: He(At(n))
+    }
+  ];
+}
+export {
+  ge as SERVICES_API,
+  Wt as WxServiceCreateDialog,
+  _t as WxServiceEditorPage,
+  $t as WxServiceHistory,
+  Pt as WxServicesPage,
+  oe as createServicesApi,
+  ft as provideServiceEditor,
+  At as serviceCategoriesOptions,
+  ze as serviceEditorKey,
+  Ft as services,
+  gt as servicesMessages,
+  yt as useServiceEditor
+};
+//# sourceMappingURL=index.js.map