@webx-ui/module-recipes 0.1.12 → 0.2.0

package/dist/index.js

@@ -1,37 +1,37 @@
-import { reorderItems as Ue, useAdmin as oe, useDates as Be, useTranslate as ne, useErrorText as Te, provideRelationOwner as Le, provideRecordAddress as Oe, WxScreenHead as He, WxScreen as Fe, WxSaveState as Ke, WxDate as Ge, WxListScreen as Je, WxRowMenu as je, WxAddressNote as Qe, categoryRoutes as Re } from "@webx-ui/module-admin";
-import { provide as Xe, inject as Ye, defineComponent as ce, computed as f, ref as x, watch as le, onMounted as Ve, onBeforeUnmount as ze, openBlock as v, createElementBlock as N, Fragment as te, createVNode as h, unref as e, withCtx as d, createTextVNode as _, toDisplayString as w, createBlock as k, createCommentVNode as q, renderList as Ie, normalizeClass as ke, createElementVNode as E, useTemplateRef as Ze, nextTick as et, isRef as tt, withKeys as at, resolveDynamicComponent as it, mergeProps as rt } from "vue";
-import { useRoute as Ne, useRouter as qe, onBeforeRouteLeave as st } from "vue-router";
-import { useLocales as nt, localizedValue as lt, confirm as Y, WxSkeleton as ue, WxCard as ot, WxBadge as Z, WxBreadcrumb as ut, WxBreadcrumbItem as We, WxAlert as Ae, WxButton as ee, WxActionBar as ct, toast as $, WxEmpty as De, WxText as dt, useModal as pt, WxDialog as vt, WxFormItem as ht, WxInput as Me, WxSpace as ft, createModal as yt, WxIcon as xe, WxSelect as _e, WxSortableList as mt, WxTooltip as gt } from "@webx-ui/core";
-const Se = "recipes";
-function de(l) {
-  const n = `${l.apiPath}/${Se}`, y = (t) => t.data;
+import { reorderItems as Ue, useAdmin as oe, useDates as Be, useTranslate as se, useErrorText as $e, useEditing as Le, provideRelationOwner as He, provideRecordAddress as Fe, WxScreenHead as Ke, WxEditingAlerts as Je, WxScreen as Ge, WxSaveState as je, WxDate as Qe, WxDrafts as Xe, WxListScreen as Ye, WxRowMenu as Ze, WxAddressNote as et, categoryRoutes as Se } from "@webx-ui/module-admin";
+import { provide as tt, inject as at, defineComponent as he, computed as f, ref as _, watch as ne, onMounted as Ne, onBeforeUnmount as ze, openBlock as p, createElementBlock as q, Fragment as ee, createVNode as y, unref as e, withCtx as v, createTextVNode as $, toDisplayString as x, createBlock as k, createCommentVNode as D, createElementVNode as A, renderList as qe, normalizeClass as Te, useTemplateRef as it, nextTick as rt, isRef as st, withKeys as nt, resolveDynamicComponent as lt, mergeProps as ot } from "vue";
+import { useRoute as Ae, useRouter as De, onBeforeRouteLeave as ut } from "vue-router";
+import { useLocales as ct, localizedValue as dt, confirm as ae, WxSkeleton as ve, WxCard as pt, WxBadge as Z, WxBreadcrumb as vt, WxBreadcrumbItem as Ve, WxActionBar as ht, WxButton as le, toast as S, WxEmpty as Ee, WxText as ft, useModal as yt, WxDialog as mt, WxFormItem as bt, WxInput as Pe, WxSpace as gt, createModal as wt, WxIcon as _e, WxSelect as ke, WxSortableList as xt, WxTooltip as _t, WxAlert as kt } from "@webx-ui/core";
+const Ce = "recipes";
+function fe(u) {
+  const l = `${u.apiPath}/${Ce}`, m = (t) => t.data;
   return {
     list: (t = {}) => {
-      const u = new URLSearchParams();
-      return t.q && u.set("q", t.q), t.category != null && u.set("category", String(t.category)), t.nutrient != null && u.set("nutrient", String(t.nutrient)), t.service != null && u.set("service", String(t.service)), t.status && u.set("status", t.status), t.trashed && u.set("trashed", "1"), l.http.get(u.size > 0 ? `${n}?${u}` : n);
+      const o = new URLSearchParams();
+      return t.q && o.set("q", t.q), t.category != null && o.set("category", String(t.category)), t.nutrient != null && o.set("nutrient", String(t.nutrient)), t.service != null && o.set("service", String(t.service)), t.status && o.set("status", t.status), t.trashed && o.set("trashed", "1"), u.http.get(o.size > 0 ? `${l}?${o}` : l);
     },
-    get: (t) => l.http.get(`${n}/${t}`).then(y),
-    create: (t) => l.http.post(n, t).then(y),
-    save: (t, u) => l.http.put(`${n}/${t}`, u).then(y),
-    discard: (t) => l.http.post(`${n}/${t}/discard`, {}).then(y),
-    publish: (t) => l.http.post(`${n}/${t}/publish`, {}).then(y),
-    unpublish: (t) => l.http.post(`${n}/${t}/unpublish`, {}).then(y),
-    remove: (t) => l.http.delete(`${n}/${t}`).then(() => {
+    get: (t) => u.http.get(`${l}/${t}`).then(m),
+    create: (t) => u.http.post(l, t).then(m),
+    save: (t, o) => u.http.put(`${l}/${t}`, o).then(m),
+    discard: (t) => u.http.post(`${l}/${t}/discard`, {}).then(m),
+    publish: (t, o) => u.http.post(`${l}/${t}/publish`, o ? { revision: o } : {}).then(m),
+    unpublish: (t) => u.http.post(`${l}/${t}/unpublish`, {}).then(m),
+    remove: (t) => u.http.delete(`${l}/${t}`).then(() => {
     }),
-    restore: (t) => l.http.post(`${n}/${t}/restore`, {}).then(y),
-    versions: (t) => l.http.get(`${n}/${t}/versions`).then(y),
-    restoreVersion: (t, u) => l.http.post(`${n}/${t}/versions/${u}/restore`, {}).then(y),
-    reorder: (t) => Ue(l, Se, t, null)
+    restore: (t) => u.http.post(`${l}/${t}/restore`, {}).then(m),
+    versions: (t) => u.http.get(`${l}/${t}/versions`).then(m),
+    restoreVersion: (t, o) => u.http.post(`${l}/${t}/versions/${o}/restore`, {}).then(m),
+    reorder: (t) => Ue(u, Ce, t, null)
   };
 }
-const Ee = /* @__PURE__ */ Symbol("wx-recipe-editor");
-function bt(l) {
-  Xe(Ee, l);
+const Me = /* @__PURE__ */ Symbol("wx-recipe-editor");
+function Tt(u) {
+  tt(Me, u);
 }
-function wt() {
-  return Ye(Ee, null);
+function $t() {
+  return at(Me, null);
 }
-const xt = {
+const Rt = {
   module: {
     group: "Recipes",
     recipes: "Recipes",
@@ -151,245 +151,270 @@ const xt = {
     saved: "Saved.",
     "field-title": "Title"
   }
-}, Ce = /* @__PURE__ */ new WeakSet();
-function pe() {
+}, Ie = /* @__PURE__ */ new WeakSet();
+function ye() {
   try {
-    const { i18n: l } = oe();
-    Ce.has(l) || (l.defaults("webx-recipes", xt), Ce.add(l));
+    const { i18n: u } = oe();
+    Ie.has(u) || (u.defaults("webx-recipes", Rt), Ie.add(u));
   } catch {
   }
 }
-const _t = 1200, kt = /* @__PURE__ */ ce({
+const Wt = 1200, St = /* @__PURE__ */ he({
   __name: "RecipeEditorPage",
   props: {
     base: { default: "/recipes" }
   },
-  setup(l) {
-    const n = l, y = oe(), t = de(y), u = Ne(), A = qe(), i = nt(), S = Be();
-    pe();
-    const r = ne("webx-recipes"), b = ne("webx-admin"), T = Te(), B = f(() => Number(u.params.id)), z = f(() => n.base), o = x(null), g = x({}), m = x(""), P = x(null), L = x(null), O = x(!0), U = x(!1), V = x(!1), J = x({}), I = x(null), H = x(""), D = f(() => y.can("recipes.manage")), ve = f(() => !D.value || V.value), F = f(() => JSON.stringify(g.value)), R = f(() => H.value !== "" && F.value !== H.value), ie = f(() => U.value ? "saving" : R.value ? "unsaved" : "saved"), j = f(() => {
-      const s = g.value.title;
-      return lt(s, i.active.value, o.value?.title ?? "");
-    }), re = f(() => {
-      const s = o.value;
-      return !s || s.status !== "published" && s.status !== "modified" ? "" : r("recipe.live-since", { date: S.short(s.published_at) });
+  setup(u) {
+    const l = u, m = oe(), t = fe(m), o = Ae(), E = De(), i = ct(), V = Be();
+    ye();
+    const r = se("webx-recipes"), g = se("webx-admin"), R = $e(), P = f(() => Number(o.params.id)), N = f(() => l.base), n = _(null), b = _({}), h = _(""), M = _(null), B = _(null), F = _(!0), O = _(!1), I = _(!1), j = _({}), Q = _(""), z = f(() => m.can("recipes.manage")), T = Le({
+      entity: "recipes",
+      id: () => n.value?.id,
+      values: b,
+      revision: h,
+      read: async () => {
+        const s = await t.get(P.value);
+        return { values: s.values, revision: s.revision };
+      },
+      adopt: (s) => {
+        Q.value = JSON.stringify(s.values);
+      },
+      // Published or restored by somebody else: the badge and the address follow, and the form
+      // stays as it is.
+      refresh: () => be(),
+      restore: async () => {
+        n.value && await t.restore(n.value.id);
+      },
+      canWrite: () => z.value,
+      busy: () => O.value || G !== void 0,
+      screen: "recipes.form"
+    }), K = T.conflict, me = f(() => !z.value || I.value), U = f(() => JSON.stringify(b.value)), C = f(() => Q.value !== "" && U.value !== Q.value), ie = f(() => O.value ? "saving" : C.value ? "unsaved" : "saved"), X = f(() => {
+      const s = b.value.title;
+      return dt(s, i.active.value, n.value?.title ?? "");
+    }), ue = f(() => {
+      const s = n.value;
+      return !s || s.status !== "published" && s.status !== "modified" ? "" : r("recipe.live-since", { date: V.short(s.published_at) });
     });
-    Le({ type: "recipe", id: f(() => o.value?.id ?? null) }), Oe({
-      values: g,
-      prefix: P,
-      path: f(() => o.value?.path),
+    He({ type: "recipe", id: f(() => n.value?.id ?? null) }), Fe({
+      values: b,
+      prefix: M,
+      path: f(() => n.value?.path),
       moving: () => r("recipe.address-moving")
-    }), bt({ recipe: o, canManage: D.value, reload: () => K(!0) });
-    function se(s) {
-      o.value = s.recipe, g.value = s.values, m.value = s.revision, P.value = s.prefix, L.value = s.preview_url, H.value = JSON.stringify(s.values), I.value = null;
+    }), Tt({ recipe: n, canManage: z.value, reload: () => J(!0) });
+    function ce(s) {
+      n.value = s.recipe, b.value = s.values, h.value = s.revision, M.value = s.prefix, B.value = s.preview_url, Q.value = JSON.stringify(s.values), T.opened(s.values), K.value = null;
     }
-    async function K(s = !1) {
-      s || (O.value = !0);
+    async function J(s = !1) {
+      s || (F.value = !0);
       try {
-        se(await t.get(B.value));
-      } catch (W) {
-        $.danger(T(W)), A.push(z.value);
+        ce(await t.get(P.value));
+      } catch (w) {
+        S.danger(R(w)), E.push(N.value);
       } finally {
-        O.value = !1;
+        F.value = !1;
+      }
+    }
+    async function be() {
+      try {
+        const s = await t.get(P.value);
+        n.value = s.recipe, M.value = s.prefix, B.value = s.preview_url;
+      } catch {
       }
     }
-    let Q;
-    function he() {
-      !D.value || I.value || !R.value || (clearTimeout(Q), Q = setTimeout(() => {
-        M();
-      }, _t));
+    let Y;
+    function ge() {
+      !z.value || K.value || !C.value || T.stopped.value || (clearTimeout(Y), Y = setTimeout(() => {
+        H();
+      }, Wt));
     }
-    function fe() {
-      !D.value || I.value || !R.value || U.value || (clearTimeout(Q), M());
+    function te() {
+      !z.value || K.value || !C.value || O.value || T.stopped.value || (clearTimeout(Y), H());
     }
-    let X;
-    async function M() {
-      for (; X; ) {
-        const { carried: C, done: G } = X;
-        if (await G, !R.value || I.value || F.value === C) return;
+    let G;
+    async function H() {
+      for (; G; ) {
+        const { carried: W, done: L } = G;
+        if (await L, !C.value || K.value || U.value === W) return;
       }
-      const s = F.value, W = ye();
-      X = { carried: s, done: W };
+      const s = U.value, w = we();
+      G = { carried: s, done: w };
       try {
-        await W;
+        await w;
       } finally {
-        X?.done === W && (X = void 0);
+        G?.done === w && (G = void 0);
       }
     }
-    async function ye() {
-      if (!o.value || !D.value) return;
-      clearTimeout(Q);
-      const s = F.value, W = g.value;
-      U.value = !0, J.value = {};
+    async function we() {
+      if (!n.value || !z.value) return;
+      clearTimeout(Y);
+      const s = U.value, w = b.value;
+      O.value = !0, j.value = {};
       try {
-        const C = await t.save(o.value.id, { values: W, revision: m.value });
-        o.value = C.recipe, m.value = C.revision, P.value = C.prefix, L.value = C.preview_url, I.value = null, F.value === s && (H.value = s);
-      } catch (C) {
-        const G = C;
-        G.status === 409 && G.body?.data ? I.value = G.body : G.body?.errors ? (J.value = G.body.errors, $.danger(r("recipe.save-failed"))) : $.danger(T(C));
+        const W = await t.save(n.value.id, { values: w, revision: h.value });
+        n.value = W.recipe, h.value = W.revision, M.value = W.prefix, B.value = W.preview_url, K.value = null, U.value === s && (Q.value = s), T.opened(w);
+      } catch (W) {
+        const L = W;
+        if (L.status === 409 && L.body?.data) {
+          const pe = L.body.data;
+          T.refused({
+            values: pe.values,
+            revision: pe.revision,
+            changed: L.body.changed
+          }) && (n.value = pe.recipe, H());
+        } else L.body?.errors ? (j.value = L.body.errors, S.danger(r("recipe.save-failed"))) : await T.failed(W) || S.danger(R(W));
       } finally {
-        U.value = !1;
+        O.value = !1;
       }
     }
-    async function me() {
-      await Y({
-        title: r("recipe.conflict-theirs-title"),
-        message: r("recipe.conflict-theirs-text"),
-        confirmText: r("recipe.conflict-theirs"),
-        cancelText: r("panel.cancel"),
-        tone: "danger"
-      }) && await K(!0);
-    }
-    async function ge() {
-      const s = I.value;
-      s && (m.value = s.data.revision, I.value = null, await M());
+    async function xe() {
+      await J(!0);
     }
-    async function be() {
-      if (!(!o.value || !await Y({
-        title: b("editor.discard-title"),
-        message: b("editor.discard-text"),
+    async function a() {
+      if (!(!n.value || !await ae({
+        title: g("editor.discard-title"),
+        message: g("editor.discard-text"),
         confirmText: r("recipe.discard"),
         // Not «Cancel»: beside «Discard changes» the two read as the same word.
-        cancelText: b("editor.keep-changes"),
+        cancelText: g("editor.keep-changes"),
         tone: "danger"
       }))) {
-        V.value = !0;
+        I.value = !0;
         try {
-          se(await t.discard(o.value.id)), $.success(r("recipe.discarded"));
-        } catch (W) {
-          $.danger(T(W));
+          ce(await t.discard(n.value.id)), S.success(r("recipe.discarded"));
+        } catch (w) {
+          S.danger(R(w));
         } finally {
-          V.value = !1;
+          I.value = !1;
         }
       }
     }
-    async function a() {
-      if (R.value && await M(), I.value || R.value) return;
-      const s = o.value;
+    async function d() {
+      if (C.value && await H(), K.value || C.value || !n.value) return;
+      const s = await T.beforePublish();
       if (!s) return;
-      const W = s.next_path ?? s.path, C = s.next_path != null && s.path !== null ? ` ${b("editor.publish-moves", { old: `/${s.path}` })}` : "";
-      if (await Y({
-        title: r("recipe.publish-title", { title: j.value || s.title }),
-        message: W === null ? r("recipe.publish-nowhere") : r("recipe.publish-text", { address: `/${W}` }) + C,
+      const w = n.value, W = w.next_path ?? w.path, L = w.next_path != null && w.path !== null ? ` ${g("editor.publish-moves", { old: `/${w.path}` })}` : "";
+      if (s.asked || await ae({
+        title: r("recipe.publish-title", { title: X.value || w.title }),
+        message: W === null ? r("recipe.publish-nowhere") : r("recipe.publish-text", { address: `/${W}` }) + L,
         confirmText: r("panel.publish"),
         cancelText: r("panel.cancel")
       })) {
-        V.value = !0;
+        I.value = !0;
         try {
-          await t.publish(s.id), await K(!0), $.success(r("panel.published"));
-        } catch (Pe) {
-          $.danger(T(Pe));
+          await t.publish(w.id, s.revision), await J(!0), S.success(r("panel.published"));
+        } catch (We) {
+          await T.failed(We) || S.danger(R(We));
         } finally {
-          V.value = !1;
+          I.value = !1;
         }
       }
     }
-    async function p() {
-      const s = o.value;
-      if (!(!s || !await Y({
-        title: b("editor.unpublish-title"),
-        message: b("editor.unpublish-text"),
-        confirmText: b("editor.unpublish"),
-        cancelText: b("editor.keep-published")
+    async function c() {
+      const s = n.value;
+      if (!(!s || !await ae({
+        title: g("editor.unpublish-title"),
+        message: g("editor.unpublish-text"),
+        confirmText: g("editor.unpublish"),
+        cancelText: g("editor.keep-published")
       }))) {
-        V.value = !0;
+        I.value = !0;
         try {
-          await t.unpublish(s.id), await K(!0), $.success(b("editor.unpublished"));
-        } catch (C) {
-          $.danger(T(C));
+          await t.unpublish(s.id), await J(!0), S.success(g("editor.unpublished"));
+        } catch (W) {
+          S.danger(R(W));
         } finally {
-          V.value = !1;
+          I.value = !1;
         }
       }
     }
-    function c() {
-      const s = o.value?.status;
+    function re() {
+      const s = n.value?.status;
       return s === "published" || s === "modified" ? "success" : "default";
     }
-    function ae(s) {
-      R.value && s.preventDefault();
+    function de(s) {
+      C.value && s.preventDefault();
     }
-    le(F, he), le(B, () => {
-      K();
-    }), Ve(() => {
-      K(), window.addEventListener("beforeunload", ae);
+    ne(U, ge), ne(P, () => {
+      J();
+    }), Ne(() => {
+      J(), window.addEventListener("beforeunload", de);
     }), ze(() => {
-      clearTimeout(Q), window.removeEventListener("beforeunload", ae);
-    }), st(async () => !R.value || !D.value || (await M(), !R.value) ? !0 : await Y({
+      clearTimeout(Y), window.removeEventListener("beforeunload", de);
+    }), ut(async () => !C.value || !z.value || (await H(), !C.value) ? !0 : await ae({
       title: r("recipe.leave-title"),
       message: r("recipe.leave-text"),
       confirmText: r("recipe.leave"),
       cancelText: r("panel.cancel"),
       tone: "danger"
     }));
-    const we = f(() => {
+    const Oe = f(() => {
       const s = [];
-      return L.value && s.push({ key: "preview", label: r("recipe.preview"), icon: "eye", href: L.value }), o.value?.url && o.value.status !== "draft" && s.push({
+      return B.value && s.push({ key: "preview", label: r("recipe.preview"), icon: "eye", href: B.value }), n.value?.url && n.value.status !== "draft" && s.push({
         key: "site",
         label: r("panel.open-on-site"),
         icon: "link",
-        href: o.value.url
-      }), D.value && (o.value?.status === "published" || o.value?.status === "modified") && s.push({
+        href: n.value.url
+      }), z.value && (n.value?.status === "published" || n.value?.status === "modified") && s.push({
         key: "unpublish",
-        label: b("editor.unpublish"),
+        label: g("editor.unpublish"),
         icon: "eye-off",
         run: () => {
-          p();
+          c();
         }
-      }), o.value?.status === "modified" && s.push({
+      }), n.value?.status === "modified" && s.push({
         key: "discard",
         label: r("recipe.discard"),
         icon: "refresh",
         danger: !0,
         menu: !0,
         run: () => {
-          be();
+          a();
         }
       }), s;
     });
-    return (s, W) => (v(), N("div", {
+    return (s, w) => (p(), q("div", {
       class: "wx-recipe-editor",
-      onFocusout: fe
+      onFocusout: te
     }, [
-      O.value || !o.value ? (v(), N(te, { key: 0 }, [
-        h(e(ue), {
+      F.value || !n.value ? (p(), q(ee, { key: 0 }, [
+        y(e(ve), {
           class: "wx-recipe-editor__ghost",
           title: "",
           rows: 1
         }),
-        h(e(ot), null, {
-          default: d(() => [
-            h(e(ue), { rows: 8 })
+        y(e(pt), null, {
+          default: v(() => [
+            y(e(ve), { rows: 8 })
           ]),
           _: 1
         })
-      ], 64)) : (v(), N(te, { key: 1 }, [
-        h(e(He), {
+      ], 64)) : (p(), q(ee, { key: 1 }, [
+        y(e(Ke), {
           divider: "",
-          back: z.value,
+          back: N.value,
           "back-label": e(r)("module.recipes"),
-          title: j.value || e(r)("recipe.untitled"),
-          subtitle: re.value,
-          actions: we.value
+          title: X.value || e(r)("recipe.untitled"),
+          subtitle: ue.value,
+          actions: Oe.value
         }, {
-          trail: d(() => [
-            h(e(ut), {
+          trail: v(() => [
+            y(e(vt), {
               size: "sm",
               label: e(r)("recipe.trail")
             }, {
-              default: d(() => [
-                h(e(We), {
+              default: v(() => [
+                y(e(Ve), {
                   as: "router-link",
-                  to: z.value
+                  to: N.value
                 }, {
-                  default: d(() => [
-                    _(w(e(r)("module.recipes")), 1)
+                  default: v(() => [
+                    $(x(e(r)("module.recipes")), 1)
                   ]),
                   _: 1
                 }, 8, ["to"]),
-                h(e(We), { current: "" }, {
-                  default: d(() => [
-                    _(w(j.value || e(r)("recipe.untitled")), 1)
+                y(e(Ve), { current: "" }, {
+                  default: v(() => [
+                    $(x(X.value || e(r)("recipe.untitled")), 1)
                   ]),
                   _: 1
                 })
@@ -397,257 +422,247 @@ const _t = 1200, kt = /* @__PURE__ */ ce({
               _: 1
             }, 8, ["label"])
           ]),
-          "title-after": d(() => [
-            h(e(Z), {
-              type: c(),
+          "title-after": v(() => [
+            y(e(Z), {
+              type: re(),
               dot: ""
             }, {
-              default: d(() => [
-                _(w(e(r)(`panel.status-${o.value.status}`)), 1)
+              default: v(() => [
+                $(x(e(r)(`panel.status-${n.value.status}`)), 1)
               ]),
               _: 1
             }, 8, ["type"]),
-            o.value.status === "modified" ? (v(), k(e(Z), {
+            n.value.status === "modified" ? (p(), k(e(Z), {
               key: 0,
               type: "primary",
               round: ""
             }, {
-              default: d(() => [
-                _(w(e(r)("panel.edits")), 1)
+              default: v(() => [
+                $(x(e(r)("panel.edits")), 1)
               ]),
               _: 1
-            })) : q("", !0)
+            })) : D("", !0)
           ]),
           _: 1
         }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
-        I.value ? (v(), k(e(Ae), {
-          key: 0,
-          type: "warning",
-          title: e(r)("recipe.conflict-title"),
-          description: I.value.message
-        }, {
-          actions: d(() => [
-            h(e(ee), {
-              size: "sm",
-              variant: "outline",
-              onClick: me
-            }, {
-              default: d(() => [
-                _(w(e(r)("recipe.conflict-theirs")), 1)
-              ]),
-              _: 1
-            }),
-            h(e(ee), {
-              size: "sm",
-              type: "primary",
-              onClick: ge
-            }, {
-              default: d(() => [
-                _(w(e(r)("recipe.conflict-mine")), 1)
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }, 8, ["title", "description"])) : q("", !0),
-        h(e(Fe), {
-          modelValue: g.value,
-          "onUpdate:modelValue": W[0] || (W[0] = (C) => g.value = C),
+        y(e(Je), {
+          editing: e(T),
+          onSave: H,
+          onTheirs: xe
+        }, null, 8, ["editing"]),
+        y(e(Ge), {
+          modelValue: b.value,
+          "onUpdate:modelValue": w[0] || (w[0] = (W) => b.value = W),
           name: "recipes.form",
-          errors: J.value,
-          disabled: ve.value
+          errors: j.value,
+          disabled: me.value
         }, null, 8, ["modelValue", "errors", "disabled"]),
-        D.value ? (v(), k(e(ct), { key: 1 }, {
-          state: d(() => [
-            h(e(Ke), { state: ie.value }, null, 8, ["state"])
+        z.value ? (p(), k(e(ht), { key: 0 }, {
+          state: v(() => [
+            e(T).stopped.value ? D("", !0) : (p(), k(e(je), {
+              key: 0,
+              state: ie.value
+            }, null, 8, ["state"]))
           ]),
-          default: d(() => [
-            h(e(ee), {
+          default: v(() => [
+            y(e(le), {
               variant: "outline",
-              loading: U.value,
-              disabled: !R.value,
-              onClick: M
+              loading: O.value,
+              disabled: !C.value || e(T).stopped.value,
+              title: e(T).blocked.value,
+              onClick: H
             }, {
-              default: d(() => [
-                _(w(e(r)("recipe.save")), 1)
+              default: v(() => [
+                $(x(e(r)("recipe.save")), 1)
               ]),
               _: 1
-            }, 8, ["loading", "disabled"]),
-            h(e(ee), {
+            }, 8, ["loading", "disabled", "title"]),
+            y(e(le), {
               type: "primary",
-              loading: V.value,
-              disabled: o.value.status === "published" && !R.value,
-              onClick: a
+              loading: I.value,
+              disabled: e(T).stopped.value || n.value.status === "published" && !C.value,
+              title: e(T).blocked.value,
+              onClick: d
             }, {
-              default: d(() => [
-                _(w(e(r)("panel.publish")), 1)
+              default: v(() => [
+                $(x(e(r)("panel.publish")), 1)
               ]),
               _: 1
-            }, 8, ["loading", "disabled"])
+            }, 8, ["loading", "disabled", "title"])
           ]),
           _: 1
-        })) : q("", !0)
+        })) : D("", !0)
       ], 64))
     ], 32));
   }
-}), $e = (l, n) => {
-  const y = l.__vccOpts || l;
-  for (const [t, u] of n)
-    y[t] = u;
-  return y;
-}, Tt = /* @__PURE__ */ $e(kt, [["__scopeId", "data-v-77110321"]]), $t = { class: "wx-recipe-history" }, Rt = { class: "wx-recipe-history__number" }, Wt = { class: "wx-recipe-history__who" }, St = /* @__PURE__ */ ce({
+}), Re = (u, l) => {
+  const m = u.__vccOpts || u;
+  for (const [t, o] of l)
+    m[t] = o;
+  return m;
+}, Vt = /* @__PURE__ */ Re(St, [["__scopeId", "data-v-253e5134"]]), Ct = { class: "wx-recipe-history-tab" }, It = { class: "wx-recipe-history" }, Nt = { class: "wx-recipe-history__number" }, zt = { class: "wx-recipe-history__who" }, qt = /* @__PURE__ */ he({
   name: "WxRecipeHistory",
   __name: "RecipeHistory",
-  setup(l) {
-    const n = oe(), y = de(n), t = wt();
-    pe();
-    const u = ne("webx-recipes"), A = Te(), i = x(null), S = x(!1), r = f(() => t?.recipe.value ?? null), b = f(() => t?.canManage ?? !1), T = f(
+  setup(u) {
+    const l = oe(), m = fe(l), t = $t();
+    ye();
+    const o = se("webx-recipes"), E = $e(), i = _(null), V = _(!1), r = f(() => t?.recipe.value ?? null), g = f(() => t?.canManage ?? !1), R = f(
       () => r.value?.status === "published" || r.value?.status === "modified" ? i.value?.[0]?.number ?? null : null
     );
-    async function B() {
-      const o = r.value;
-      if (o)
+    async function P() {
+      const n = r.value;
+      if (n)
         try {
-          i.value = await y.versions(o.id);
-        } catch (g) {
-          i.value = [], $.danger(A(g));
+          i.value = await m.versions(n.id);
+        } catch (b) {
+          i.value = [], S.danger(E(b));
         }
     }
-    async function z(o) {
-      const g = r.value;
-      if (!(!g || !await Y({
-        title: u("recipe.restore-title", { number: o.number }),
-        message: u("recipe.restore-text"),
-        confirmText: u("recipe.restore-version"),
-        cancelText: u("panel.cancel")
+    async function N(n) {
+      const b = r.value;
+      if (!(!b || !await ae({
+        title: o("recipe.restore-title", { number: n.number }),
+        message: o("recipe.restore-text"),
+        confirmText: o("recipe.restore-version"),
+        cancelText: o("panel.cancel")
       }))) {
-        S.value = !0;
+        V.value = !0;
         try {
-          await y.restoreVersion(g.id, o.number), await t?.reload(), $.success(u("recipe.restored-version", { number: o.number }));
-        } catch (P) {
-          $.danger(A(P));
+          await m.restoreVersion(b.id, n.number), await t?.reload(), S.success(o("recipe.restored-version", { number: n.number }));
+        } catch (M) {
+          S.danger(E(M));
         } finally {
-          S.value = !1;
+          V.value = !1;
         }
       }
     }
-    return le(
+    return ne(
       () => [r.value?.id, r.value?.published_at, r.value?.updated_at],
       () => {
-        B();
+        P();
       },
       { immediate: !0 }
-    ), (o, g) => (v(), N("div", $t, [
-      i.value === null ? (v(), k(e(ue), {
-        key: 0,
-        class: "wx-recipe-history__ghost",
-        rows: 3
-      })) : i.value.length === 0 ? (v(), k(e(De), {
-        key: 1,
-        description: e(u)("recipe.history-empty")
-      }, null, 8, ["description"])) : (v(!0), N(te, { key: 2 }, Ie(i.value, (m) => (v(), N("div", {
-        key: m.number,
-        class: ke(["wx-recipe-history__row", { "is-live": m.number === T.value }])
-      }, [
-        E("code", Rt, w(e(u)("recipe.version", { number: m.number })), 1),
-        E("div", Wt, [
-          m.created_at ? (v(), k(e(Ge), {
+    ), (n, b) => (p(), q("div", Ct, [
+      A("div", It, [
+        i.value === null ? (p(), k(e(ve), {
+          key: 0,
+          class: "wx-recipe-history__ghost",
+          rows: 3
+        })) : i.value.length === 0 ? (p(), k(e(Ee), {
+          key: 1,
+          description: e(o)("recipe.history-empty")
+        }, null, 8, ["description"])) : (p(!0), q(ee, { key: 2 }, qe(i.value, (h) => (p(), q("div", {
+          key: h.number,
+          class: Te(["wx-recipe-history__row", { "is-live": h.number === R.value }])
+        }, [
+          A("code", Nt, x(e(o)("recipe.version", { number: h.number })), 1),
+          A("div", zt, [
+            h.created_at ? (p(), k(e(Qe), {
+              key: 0,
+              value: h.created_at,
+              size: "md",
+              tone: "default"
+            }, null, 8, ["value"])) : D("", !0),
+            y(e(ft), {
+              size: "sm",
+              tone: "muted"
+            }, {
+              default: v(() => [
+                $(x(h.author ?? e(o)(`recipe.source-${h.source}`)) + " ", 1),
+                h.comment ? (p(), q(ee, { key: 0 }, [
+                  $(" · " + x(h.comment), 1)
+                ], 64)) : D("", !0)
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          h.number === R.value ? (p(), k(e(Z), {
             key: 0,
-            value: m.created_at,
-            size: "md",
-            tone: "default"
-          }, null, 8, ["value"])) : q("", !0),
-          h(e(dt), {
+            type: "success",
+            dot: ""
+          }, {
+            default: v(() => [
+              $(x(e(o)("recipe.version-live")), 1)
+            ]),
+            _: 1
+          })) : D("", !0),
+          g.value && h.number !== R.value ? (p(), k(e(le), {
+            key: 1,
             size: "sm",
-            tone: "muted"
+            variant: "outline",
+            loading: V.value,
+            onClick: (M) => N(h)
           }, {
-            default: d(() => [
-              _(w(m.author ?? e(u)(`recipe.source-${m.source}`)) + " ", 1),
-              m.comment ? (v(), N(te, { key: 0 }, [
-                _(" · " + w(m.comment), 1)
-              ], 64)) : q("", !0)
+            default: v(() => [
+              $(x(e(o)("recipe.restore-version")), 1)
             ]),
-            _: 2
-          }, 1024)
-        ]),
-        m.number === T.value ? (v(), k(e(Z), {
-          key: 0,
-          type: "success",
-          dot: ""
-        }, {
-          default: d(() => [
-            _(w(e(u)("recipe.version-live")), 1)
-          ]),
-          _: 1
-        })) : q("", !0),
-        b.value && m.number !== T.value ? (v(), k(e(ee), {
-          key: 1,
-          size: "sm",
-          variant: "outline",
-          loading: S.value,
-          onClick: (P) => z(m)
-        }, {
-          default: d(() => [
-            _(w(e(u)("recipe.restore-version")), 1)
-          ]),
-          _: 1
-        }, 8, ["loading", "onClick"])) : q("", !0)
-      ], 2))), 128))
+            _: 1
+          }, 8, ["loading", "onClick"])) : D("", !0)
+        ], 2))), 128))
+      ]),
+      y(e(Xe), {
+        id: r.value?.id,
+        entity: "recipes",
+        screen: "recipes.form",
+        "can-restore": g.value,
+        stamp: [r.value?.published_at, r.value?.updated_at],
+        onRestored: b[0] || (b[0] = (h) => e(t)?.reload())
+      }, null, 8, ["id", "can-restore", "stamp"])
     ]));
   }
-}), Ct = /* @__PURE__ */ $e(St, [["__scopeId", "data-v-dcd71040"]]);
-function Vt(l, n) {
-  if (l == null || l <= 0) return "";
-  const y = Math.floor(l / 60), t = l % 60;
-  return y === 0 ? n("panel.minutes", { count: t }) : t === 0 ? n("panel.hours", { hours: y }) : n("panel.hours-minutes", { hours: y, minutes: t });
+}), At = /* @__PURE__ */ Re(qt, [["__scopeId", "data-v-23c74649"]]);
+function Dt(u, l) {
+  if (u == null || u <= 0) return "";
+  const m = Math.floor(u / 60), t = u % 60;
+  return m === 0 ? l("panel.minutes", { count: t }) : t === 0 ? l("panel.hours", { hours: m }) : l("panel.hours-minutes", { hours: m, minutes: t });
 }
-const zt = /* @__PURE__ */ ce({
+const Et = /* @__PURE__ */ he({
   __name: "RecipeCreateDialog",
-  setup(l) {
-    const { open: n, resolve: y, dismiss: t } = pt(), u = oe(), A = de(u);
-    pe();
-    const i = ne("webx-recipes"), S = x(""), r = x(!1), b = x({}), T = Ze("field");
-    Ve(async () => {
-      await et(), T.value?.querySelector("input")?.focus();
+  setup(u) {
+    const { open: l, resolve: m, dismiss: t } = yt(), o = oe(), E = fe(o);
+    ye();
+    const i = se("webx-recipes"), V = _(""), r = _(!1), g = _({}), R = it("field");
+    Ne(async () => {
+      await rt(), R.value?.querySelector("input")?.focus();
     });
-    async function B() {
-      if (!(S.value.trim() === "" || r.value)) {
-        r.value = !0, b.value = {};
+    async function P() {
+      if (!(V.value.trim() === "" || r.value)) {
+        r.value = !0, g.value = {};
         try {
-          y((await A.create({ title: S.value.trim() })).recipe);
-        } catch (z) {
-          b.value = z.body?.errors ?? {};
+          m((await E.create({ title: V.value.trim() })).recipe);
+        } catch (N) {
+          g.value = N.body?.errors ?? {};
         } finally {
           r.value = !1;
         }
       }
     }
-    return (z, o) => (v(), k(e(vt), {
-      open: e(n),
-      "onUpdate:open": o[2] || (o[2] = (g) => tt(n) ? n.value = g : null),
+    return (N, n) => (p(), k(e(mt), {
+      open: e(l),
+      "onUpdate:open": n[2] || (n[2] = (b) => st(l) ? l.value = b : null),
       title: e(i)("panel.new-title"),
       width: 440
     }, {
-      footer: d(() => [
-        h(e(ft), { size: "sm" }, {
-          default: d(() => [
-            h(e(ee), {
+      footer: v(() => [
+        y(e(gt), { size: "sm" }, {
+          default: v(() => [
+            y(e(le), {
               variant: "outline",
-              onClick: o[1] || (o[1] = (g) => e(t)())
+              onClick: n[1] || (n[1] = (b) => e(t)())
             }, {
-              default: d(() => [
-                _(w(e(i)("panel.cancel")), 1)
+              default: v(() => [
+                $(x(e(i)("panel.cancel")), 1)
               ]),
               _: 1
             }),
-            h(e(ee), {
+            y(e(le), {
               type: "primary",
               loading: r.value,
-              disabled: S.value.trim() === "",
-              onClick: B
+              disabled: V.value.trim() === "",
+              onClick: P
             }, {
-              default: d(() => [
-                _(w(e(i)("panel.create")), 1)
+              default: v(() => [
+                $(x(e(i)("panel.create")), 1)
               ]),
               _: 1
             }, 8, ["loading", "disabled"])
@@ -655,22 +670,22 @@ const zt = /* @__PURE__ */ ce({
           _: 1
         })
       ]),
-      default: d(() => [
-        h(e(ht), {
+      default: v(() => [
+        y(e(bt), {
           label: e(i)("panel.field-title"),
-          error: b.value.title?.[0] ?? b.value.slug?.[0],
+          error: g.value.title?.[0] ?? g.value.slug?.[0],
           required: ""
         }, {
-          default: d(() => [
-            E("div", {
+          default: v(() => [
+            A("div", {
               ref_key: "field",
-              ref: T
+              ref: R
             }, [
-              h(e(Me), {
-                modelValue: S.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (g) => S.value = g),
+              y(e(Pe), {
+                modelValue: V.value,
+                "onUpdate:modelValue": n[0] || (n[0] = (b) => V.value = b),
                 "aria-label": e(i)("panel.field-title"),
-                onKeyup: at(B, ["enter"])
+                onKeyup: nt(P, ["enter"])
               }, null, 8, ["modelValue", "aria-label"])
             ], 512)
           ]),
@@ -680,388 +695,388 @@ const zt = /* @__PURE__ */ ce({
       _: 1
     }, 8, ["open", "title"]));
   }
-}), It = { class: "wx-recipes" }, Nt = { class: "wx-recipes__bar" }, qt = ["src"], At = { class: "wx-recipe-row__name" }, Dt = { class: "wx-recipe-row__title" }, Mt = { class: "wx-recipe-row__address" }, Et = { class: "wx-recipe-row__facts" }, Pt = { class: "wx-recipe-row__chips" }, Ut = { class: "wx-recipe-row__state" }, Bt = {
+}), Pt = { class: "wx-recipes" }, Mt = { class: "wx-recipes__bar" }, Ot = ["src"], Ut = { class: "wx-recipe-row__name" }, Bt = { class: "wx-recipe-row__title" }, Lt = { class: "wx-recipe-row__address" }, Ht = { class: "wx-recipe-row__facts" }, Ft = { class: "wx-recipe-row__chips" }, Kt = { class: "wx-recipe-row__state" }, Jt = {
   key: 0,
   class: "wx-recipe-row__time"
-}, Lt = /* @__PURE__ */ ce({
+}, Gt = /* @__PURE__ */ he({
   __name: "RecipesPage",
   props: {
     base: { default: "/recipes" }
   },
-  setup(l) {
-    const n = l, y = oe(), t = de(y), u = Ne(), A = qe();
-    pe();
-    const i = ne("webx-recipes"), S = Te(), r = x([]), b = x({ categories: [], nutrients: [], services: null }), T = x(!0), B = yt(zt), z = f(() => y.can("recipes.manage")), o = f(
-      () => y.state.manifest?.modules.find((a) => a.id === "recipes")?.title ?? i("module.recipes")
-    ), g = f({
-      get: () => typeof u.query.view == "string" ? u.query.view : "",
+  setup(u) {
+    const l = u, m = oe(), t = fe(m), o = Ae(), E = De();
+    ye();
+    const i = se("webx-recipes"), V = $e(), r = _([]), g = _({ categories: [], nutrients: [], services: null }), R = _(!0), P = wt(Et), N = f(() => m.can("recipes.manage")), n = f(
+      () => m.state.manifest?.modules.find((a) => a.id === "recipes")?.title ?? i("module.recipes")
+    ), b = f({
+      get: () => typeof o.query.view == "string" ? o.query.view : "",
       set: (a) => {
-        A.replace({
-          query: { ...u.query, view: a === "" ? void 0 : String(a) }
+        E.replace({
+          query: { ...o.query, view: a === "" ? void 0 : String(a) }
         });
       }
-    }), m = f(() => g.value === "trashed");
-    function P(a) {
-      const p = u.query[a];
-      return typeof p == "string" && p !== "" && Number(p) || null;
+    }), h = f(() => b.value === "trashed");
+    function M(a) {
+      const d = o.query[a];
+      return typeof d == "string" && d !== "" && Number(d) || null;
     }
-    const L = f(() => P("category")), O = f(() => P("nutrient")), U = f(() => P("service")), V = f(() => typeof u.query.q == "string" ? u.query.q : ""), J = x(V.value), I = f(() => [
+    const B = f(() => M("category")), F = f(() => M("nutrient")), O = f(() => M("service")), I = f(() => typeof o.query.q == "string" ? o.query.q : ""), j = _(I.value), Q = f(() => [
       { value: "", label: i("panel.view-all") },
       { value: "published", label: i("panel.view-published") },
       { value: "draft", label: i("panel.view-draft") },
       { value: "unpublished", label: i("panel.view-unpublished") },
       { value: "trashed", label: i("panel.bin"), icon: "trash" }
-    ]), H = f(
-      () => g.value === "" && V.value.trim() === "" && L.value === null && O.value === null && U.value === null
-    ), D = f(() => z.value && H.value), ve = f(() => i(H.value ? "panel.order-all" : "panel.order-locked")), F = f(() => V.value !== "" ? i("panel.empty-search") : m.value ? i("panel.empty-bin") : i("panel.empty"));
-    async function R() {
-      T.value = !0;
+    ]), z = f(
+      () => b.value === "" && I.value.trim() === "" && B.value === null && F.value === null && O.value === null
+    ), T = f(() => N.value && z.value), K = f(() => i(z.value ? "panel.order-all" : "panel.order-locked")), me = f(() => I.value !== "" ? i("panel.empty-search") : h.value ? i("panel.empty-bin") : i("panel.empty"));
+    async function U() {
+      R.value = !0;
       try {
         const a = await t.list({
-          q: V.value,
-          category: L.value,
-          nutrient: O.value,
-          service: U.value,
-          status: m.value ? "" : g.value,
-          trashed: m.value
+          q: I.value,
+          category: B.value,
+          nutrient: F.value,
+          service: O.value,
+          status: h.value ? "" : b.value,
+          trashed: h.value
         });
-        r.value = a.data, b.value = a.filters;
+        r.value = a.data, g.value = a.filters;
       } catch (a) {
-        $.danger(S(a));
+        S.danger(V(a));
       } finally {
-        T.value = !1;
+        R.value = !1;
       }
     }
-    le(
-      () => [g.value, L.value, O.value, U.value, V.value],
+    ne(
+      () => [b.value, B.value, F.value, O.value, I.value],
       () => {
-        R();
+        U();
       }
-    ), R();
-    let ie;
-    le(J, (a) => {
-      clearTimeout(ie), ie = setTimeout(() => {
-        A.replace({ query: { ...u.query, q: a.trim() === "" ? void 0 : a } });
+    ), U();
+    let C;
+    ne(j, (a) => {
+      clearTimeout(C), C = setTimeout(() => {
+        E.replace({ query: { ...o.query, q: a.trim() === "" ? void 0 : a } });
       }, 300);
-    }), ze(() => clearTimeout(ie));
-    function j(a, p) {
-      A.replace({
-        query: { ...u.query, [a]: typeof p == "number" ? String(p) : void 0 }
+    }), ze(() => clearTimeout(C));
+    function ie(a, d) {
+      E.replace({
+        query: { ...o.query, [a]: typeof d == "number" ? String(d) : void 0 }
       });
     }
-    const re = (a) => (a ?? []).map((p) => ({ value: p.id, label: p.title }));
-    function se(a) {
-      A.push({ path: `${n.base}/${a.id}`, query: { ...u.query } });
+    const X = (a) => (a ?? []).map((d) => ({ value: d.id, label: d.title }));
+    function ue(a) {
+      E.push({ path: `${l.base}/${a.id}`, query: { ...o.query } });
     }
-    async function K() {
-      const a = await B({});
-      a && se(a);
+    async function ce() {
+      const a = await P({});
+      a && ue(a);
     }
-    async function Q() {
+    async function J() {
       try {
         await t.reorder(r.value.map((a) => a.id));
       } catch (a) {
-        $.danger(S(a, i("panel.reorder-failed"))), await R();
+        S.danger(V(a, i("panel.reorder-failed"))), await U();
       }
     }
-    function he(a) {
-      if (!z.value) return [];
-      if (m.value)
+    function be(a) {
+      if (!N.value) return [];
+      if (h.value)
         return [
           {
             key: "restore",
             icon: "refresh",
             label: i("panel.restore"),
             run: () => {
-              X(a);
+              ge(a);
             }
           }
         ];
-      const p = [
-        { key: "open", icon: "edit", label: i("panel.open"), run: () => se(a) }
+      const d = [
+        { key: "open", icon: "edit", label: i("panel.open"), run: () => ue(a) }
       ];
-      return a.url && a.status !== "draft" && p.push({
+      return a.url && a.status !== "draft" && d.push({
         key: "site",
         icon: "external-link",
         label: i("panel.open-on-site"),
         href: a.url
-      }), a.url && p.push({
+      }), a.url && d.push({
         key: "copy",
         icon: "copy",
         label: i("panel.copy-address"),
         run: () => {
-          ye(a);
+          G(a);
         }
-      }), p.push(
+      }), d.push(
         a.status === "published" || a.status === "modified" ? {
           key: "unpublish",
           icon: "eye-off",
           label: i("panel.unpublish"),
           run: () => {
-            M(() => t.unpublish(a.id), i("panel.unpublished-done"));
+            te(() => t.unpublish(a.id), i("panel.unpublished-done"));
           }
         } : {
           key: "publish",
           icon: "upload",
           label: i("panel.publish"),
           run: () => {
-            M(() => t.publish(a.id), i("panel.published"));
+            te(() => t.publish(a.id), i("panel.published"));
           }
         }
-      ), p.push({
+      ), d.push({
         key: "delete",
         icon: "trash",
         label: i("panel.delete"),
         danger: !0,
         run: () => {
-          fe(a);
+          Y(a);
         }
-      }), p;
+      }), d;
     }
-    async function fe(a) {
-      await Y({
+    async function Y(a) {
+      await ae({
         title: i("panel.delete-title", { title: a.title }),
         message: i("panel.delete-text"),
         confirmText: i("panel.delete"),
         cancelText: i("panel.cancel"),
         tone: "danger"
-      }) && await M(() => t.remove(a.id), i("panel.deleted"));
+      }) && await te(() => t.remove(a.id), i("panel.deleted"));
     }
-    async function X(a) {
-      await M(() => t.restore(a.id), i("panel.restored"));
+    async function ge(a) {
+      await te(() => t.restore(a.id), i("panel.restored"));
     }
-    async function M(a, p) {
+    async function te(a, d) {
       try {
-        await a(), $.success(p);
+        await a(), S.success(d);
       } catch (c) {
-        $.danger(S(c));
+        S.danger(V(c));
       } finally {
-        await R();
+        await U();
       }
     }
-    async function ye(a) {
+    async function G(a) {
       if (a.url)
         try {
-          await navigator.clipboard.writeText(a.url), $.success(i("panel.address-copied"));
+          await navigator.clipboard.writeText(a.url), S.success(i("panel.address-copied"));
         } catch {
         }
     }
-    function me(a) {
+    function H(a) {
       return a === "published" || a === "modified" ? "success" : "default";
     }
-    function ge(a) {
-      return m.value ? "—" : a.path === null ? i("panel.no-address") : `/${a.path}`;
+    function we(a) {
+      return h.value ? "—" : a.path === null ? i("panel.no-address") : `/${a.path}`;
     }
-    const be = f(
-      () => z.value ? [{ key: "new", label: i("panel.new"), icon: "plus", primary: !0, run: () => {
-        K();
+    const xe = f(
+      () => N.value ? [{ key: "new", label: i("panel.new"), icon: "plus", primary: !0, run: () => {
+        ce();
       } }] : []
     );
-    return (a, p) => (v(), N("div", It, [
-      h(e(Je), {
-        view: g.value,
-        "onUpdate:view": p[5] || (p[5] = (c) => g.value = c),
-        title: o.value,
-        views: I.value,
-        actions: be.value,
+    return (a, d) => (p(), q("div", Pt, [
+      y(e(Ye), {
+        view: b.value,
+        "onUpdate:view": d[5] || (d[5] = (c) => b.value = c),
+        title: n.value,
+        views: Q.value,
+        actions: xe.value,
         padding: "sm"
       }, {
-        default: d(() => [
-          E("div", Nt, [
-            h(e(Me), {
-              modelValue: J.value,
-              "onUpdate:modelValue": p[0] || (p[0] = (c) => J.value = c),
+        default: v(() => [
+          A("div", Mt, [
+            y(e(Pe), {
+              modelValue: j.value,
+              "onUpdate:modelValue": d[0] || (d[0] = (c) => j.value = c),
               class: "wx-recipes__search",
               size: "sm",
               clearable: "",
               placeholder: e(i)("panel.search"),
               "aria-label": e(i)("panel.search")
             }, {
-              prefix: d(() => [
-                h(e(xe), {
+              prefix: v(() => [
+                y(e(_e), {
                   name: "search",
                   size: "sm"
                 })
               ]),
               _: 1
             }, 8, ["modelValue", "placeholder", "aria-label"]),
-            h(e(_e), {
-              "model-value": L.value,
-              options: re(b.value.categories),
+            y(e(ke), {
+              "model-value": B.value,
+              options: X(g.value.categories),
               placeholder: e(i)("panel.any-category"),
               "aria-label": e(i)("panel.filter-category"),
               clearable: "",
               size: "sm",
-              "onUpdate:modelValue": p[1] || (p[1] = (c) => j("category", c))
+              "onUpdate:modelValue": d[1] || (d[1] = (c) => ie("category", c))
             }, null, 8, ["model-value", "options", "placeholder", "aria-label"]),
-            h(e(_e), {
-              "model-value": O.value,
-              options: re(b.value.nutrients),
+            y(e(ke), {
+              "model-value": F.value,
+              options: X(g.value.nutrients),
               placeholder: e(i)("panel.any-nutrient"),
               "aria-label": e(i)("panel.filter-nutrient"),
               clearable: "",
               size: "sm",
-              "onUpdate:modelValue": p[2] || (p[2] = (c) => j("nutrient", c))
+              "onUpdate:modelValue": d[2] || (d[2] = (c) => ie("nutrient", c))
             }, null, 8, ["model-value", "options", "placeholder", "aria-label"]),
-            b.value.services !== null ? (v(), k(e(_e), {
+            g.value.services !== null ? (p(), k(e(ke), {
               key: 0,
-              "model-value": U.value,
-              options: re(b.value.services),
+              "model-value": O.value,
+              options: X(g.value.services),
               placeholder: e(i)("panel.any-service"),
               "aria-label": e(i)("panel.filter-service"),
               clearable: "",
               size: "sm",
-              "onUpdate:modelValue": p[3] || (p[3] = (c) => j("service", c))
-            }, null, 8, ["model-value", "options", "placeholder", "aria-label"])) : q("", !0)
+              "onUpdate:modelValue": d[3] || (d[3] = (c) => ie("service", c))
+            }, null, 8, ["model-value", "options", "placeholder", "aria-label"])) : D("", !0)
           ]),
-          T.value && r.value.length === 0 ? (v(), k(e(ue), {
+          R.value && r.value.length === 0 ? (p(), k(e(ve), {
             key: 0,
             class: "wx-recipes__loading",
             rows: 5
-          })) : r.value.length === 0 ? (v(), k(e(De), {
+          })) : r.value.length === 0 ? (p(), k(e(Ee), {
             key: 1,
-            title: F.value,
-            description: H.value ? e(i)("panel.empty-help") : void 0
-          }, null, 8, ["title", "description"])) : (v(), N(te, { key: 2 }, [
-            h(e(mt), {
+            title: me.value,
+            description: z.value ? e(i)("panel.empty-help") : void 0
+          }, null, 8, ["title", "description"])) : (p(), q(ee, { key: 2 }, [
+            y(e(xt), {
               modelValue: r.value,
-              "onUpdate:modelValue": p[4] || (p[4] = (c) => r.value = c),
-              class: ke(["wx-recipes__list", { "is-loading": T.value }]),
+              "onUpdate:modelValue": d[4] || (d[4] = (c) => r.value = c),
+              class: Te(["wx-recipes__list", { "is-loading": R.value }]),
               plain: "",
               "item-key": "id",
-              handle: D.value ? "grip" : "row",
+              handle: T.value ? "grip" : "row",
               "item-label": (c) => c.title,
-              disabled: !D.value,
-              onMove: Q
+              disabled: !T.value,
+              onMove: J
             }, {
-              default: d(({ item: c }) => [
-                (v(), k(it(m.value ? "div" : "router-link"), rt({ class: "wx-recipe-row" }, m.value ? {} : { to: { path: `${n.base}/${c.id}`, query: e(u).query } }), {
-                  default: d(() => [
-                    E("span", {
-                      class: ke(["wx-recipe-row__cover", { "is-empty": !c.cover?.thumb }])
+              default: v(({ item: c }) => [
+                (p(), k(lt(h.value ? "div" : "router-link"), ot({ class: "wx-recipe-row" }, h.value ? {} : { to: { path: `${l.base}/${c.id}`, query: e(o).query } }), {
+                  default: v(() => [
+                    A("span", {
+                      class: Te(["wx-recipe-row__cover", { "is-empty": !c.cover?.thumb }])
                     }, [
-                      c.cover?.thumb ? (v(), N("img", {
+                      c.cover?.thumb ? (p(), q("img", {
                         key: 0,
                         src: c.cover.thumb,
                         alt: "",
                         loading: "lazy"
-                      }, null, 8, qt)) : (v(), k(e(xe), {
+                      }, null, 8, Ot)) : (p(), k(e(_e), {
                         key: 1,
                         name: "image",
                         size: "sm"
                       }))
                     ], 2),
-                    E("span", At, [
-                      E("span", Dt, w(c.title), 1),
-                      E("span", Mt, [
-                        _(w(ge(c)), 1),
-                        m.value ? q("", !0) : (v(), k(e(Qe), {
+                    A("span", Ut, [
+                      A("span", Bt, x(c.title), 1),
+                      A("span", Lt, [
+                        $(x(we(c)), 1),
+                        h.value ? D("", !0) : (p(), k(e(et), {
                           key: 0,
                           locale: c.address_locale
                         }, null, 8, ["locale"]))
                       ])
                     ]),
-                    E("span", Et, [
-                      E("span", Pt, [
-                        (v(!0), N(te, null, Ie(c.categories, (ae, we) => (v(), N(te, {
-                          key: ae.id
+                    A("span", Ht, [
+                      A("span", Ft, [
+                        (p(!0), q(ee, null, qe(c.categories, (re, de) => (p(), q(ee, {
+                          key: re.id
                         }, [
-                          we === 0 ? (v(), k(e(gt), {
+                          de === 0 ? (p(), k(e(_t), {
                             key: 0,
                             content: e(i)("panel.main-category")
                           }, {
-                            default: d(() => [
-                              h(e(Z), {
+                            default: v(() => [
+                              y(e(Z), {
                                 size: "sm",
                                 round: "",
                                 type: "primary"
                               }, {
-                                default: d(() => [
-                                  _(w(ae.title), 1)
+                                default: v(() => [
+                                  $(x(re.title), 1)
                                 ]),
                                 _: 2
                               }, 1024)
                             ]),
                             _: 2
-                          }, 1032, ["content"])) : (v(), k(e(Z), {
+                          }, 1032, ["content"])) : (p(), k(e(Z), {
                             key: 1,
                             size: "sm",
                             round: ""
                           }, {
-                            default: d(() => [
-                              _(w(ae.title), 1)
+                            default: v(() => [
+                              $(x(re.title), 1)
                             ]),
                             _: 2
                           }, 1024))
                         ], 64))), 128))
                       ]),
-                      E("span", Ut, [
-                        c.minutes ? (v(), N("span", Bt, [
-                          h(e(xe), {
+                      A("span", Kt, [
+                        c.minutes ? (p(), q("span", Jt, [
+                          y(e(_e), {
                             name: "clock",
                             size: "sm"
                           }),
-                          _(w(e(Vt)(c.minutes, e(i))), 1)
-                        ])) : q("", !0),
-                        h(e(Z), {
-                          type: me(c.status),
+                          $(x(e(Dt)(c.minutes, e(i))), 1)
+                        ])) : D("", !0),
+                        y(e(Z), {
+                          type: H(c.status),
                           dot: "",
                           size: "sm"
                         }, {
-                          default: d(() => [
-                            _(w(e(i)(`panel.status-${c.status}`)), 1)
+                          default: v(() => [
+                            $(x(e(i)(`panel.status-${c.status}`)), 1)
                           ]),
                           _: 2
                         }, 1032, ["type"]),
-                        c.status === "modified" ? (v(), k(e(Z), {
+                        c.status === "modified" ? (p(), k(e(Z), {
                           key: 1,
                           type: "primary",
                           size: "sm",
                           round: ""
                         }, {
-                          default: d(() => [
-                            _(w(e(i)("panel.edits")), 1)
+                          default: v(() => [
+                            $(x(e(i)("panel.edits")), 1)
                           ]),
                           _: 1
-                        })) : q("", !0)
+                        })) : D("", !0)
                       ])
                     ])
                   ]),
                   _: 2
                 }, 1040))
               ]),
-              actions: d(({ item: c }) => [
-                h(e(je), {
-                  actions: he(c),
+              actions: v(({ item: c }) => [
+                y(e(Ze), {
+                  actions: be(c),
                   label: c.title
                 }, null, 8, ["actions", "label"])
               ]),
               _: 1
             }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
-            z.value && !m.value ? (v(), k(e(Ae), {
+            N.value && !h.value ? (p(), k(e(kt), {
               key: 0,
               class: "wx-recipes__note",
               type: "info",
-              description: ve.value
-            }, null, 8, ["description"])) : q("", !0)
+              description: K.value
+            }, null, 8, ["description"])) : D("", !0)
           ], 64))
         ]),
         _: 1
       }, 8, ["view", "title", "views", "actions"])
     ]));
   }
-}), Ot = /* @__PURE__ */ $e(Lt, [["__scopeId", "data-v-27e46b1b"]]);
-function Ht(l = "/recipes") {
+}), jt = /* @__PURE__ */ Re(Gt, [["__scopeId", "data-v-27e46b1b"]]);
+function Qt(u = "/recipes") {
   return {
     api: "recipes/categories",
-    path: `${l}/categories`,
+    path: `${u}/categories`,
     name: "webx.recipes.categories",
     module: "recipe-categories",
     screen: "recipes.category-form",
     manage: "recipes.categories.manage",
     count: "recipes_count",
     // A category has no order of its own inside it (decision 4): the link shows what is in it.
-    items: (n) => ({ path: l, query: { category: String(n) } }),
+    items: (l) => ({ path: u, query: { category: String(l) } }),
     words: {
       new: "webx-recipes::category.new",
       empty: "webx-recipes::category.empty",
@@ -1081,16 +1096,16 @@ function Ht(l = "/recipes") {
     }
   };
 }
-function Ft(l = "/recipes") {
+function Xt(u = "/recipes") {
   return {
     api: "recipes/nutrients",
-    path: `${l}/nutrients`,
+    path: `${u}/nutrients`,
     name: "webx.recipes.nutrients",
     module: "recipe-nutrients",
     screen: "recipes.nutrient-form",
     manage: "recipes.categories.manage",
     count: "recipes_count",
-    items: (n) => ({ path: l, query: { nutrient: String(n) } }),
+    items: (l) => ({ path: u, query: { nutrient: String(l) } }),
     words: {
       new: "webx-recipes::nutrient.new",
       empty: "webx-recipes::nutrient.empty",
@@ -1107,19 +1122,19 @@ function Ft(l = "/recipes") {
     }
   };
 }
-function Qt(l = {}) {
-  const n = l.path ?? "/recipes";
+function aa(u = {}) {
+  const l = u.path ?? "/recipes";
   return [
     {
       id: "recipes",
-      path: n,
+      path: l,
       routes: [
-        { path: n, name: "webx.recipes", component: Ot, props: { base: n } },
+        { path: l, name: "webx.recipes", component: jt, props: { base: l } },
         {
-          path: `${n}/:id(\\d+)`,
+          path: `${l}/:id(\\d+)`,
           name: "webx.recipes.edit",
-          component: Tt,
-          props: { base: n }
+          component: Vt,
+          props: { base: l }
         }
       ],
       /*
@@ -1127,35 +1142,35 @@ function Qt(l = {}) {
        * panel's (`wx-slug`, `wx-categories`, `wx-relations`, `wx-gallery`, `wx-rich-text`).
        */
       types: {
-        "wx-recipe-history": { component: Ct, kind: "display" }
+        "wx-recipe-history": { component: At, kind: "display" }
       }
     },
     {
       id: "recipe-categories",
-      path: `${n}/categories`,
-      routes: Re(Ht(n))
+      path: `${l}/categories`,
+      routes: Se(Qt(l))
     },
     {
       id: "recipe-nutrients",
-      path: `${n}/nutrients`,
-      routes: Re(Ft(n))
+      path: `${l}/nutrients`,
+      routes: Se(Xt(l))
     }
   ];
 }
 export {
-  Se as RECIPES_API,
-  zt as WxRecipeCreateDialog,
-  Tt as WxRecipeEditorPage,
-  Ct as WxRecipeHistory,
-  Ot as WxRecipesPage,
-  de as createRecipesApi,
-  Vt as formatMinutes,
-  bt as provideRecipeEditor,
-  Ht as recipeCategoriesOptions,
-  Ee as recipeEditorKey,
-  Ft as recipeNutrientsOptions,
-  Qt as recipes,
-  xt as recipesMessages,
-  wt as useRecipeEditor
+  Ce as RECIPES_API,
+  Et as WxRecipeCreateDialog,
+  Vt as WxRecipeEditorPage,
+  At as WxRecipeHistory,
+  jt as WxRecipesPage,
+  fe as createRecipesApi,
+  Dt as formatMinutes,
+  Tt as provideRecipeEditor,
+  Qt as recipeCategoriesOptions,
+  Me as recipeEditorKey,
+  Xt as recipeNutrientsOptions,
+  aa as recipes,
+  Rt as recipesMessages,
+  $t as useRecipeEditor
 };
 //# sourceMappingURL=index.js.map