@webx-ui/module-recipes 0.1.9 → 0.1.11

package/dist/index.js

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