@webx-ui/module-recipes 0.1.1 → 0.1.3

package/dist/index.js

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