@webx-ui/module-recipes 0.1.0

package/dist/index.js

@@ -0,0 +1,1114 @@
+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;
+  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);
+    },
+    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(() => {
+    }),
+    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)
+  };
+}
+const qe = /* @__PURE__ */ Symbol("wx-recipe-editor");
+function vt(l) {
+  Fe(qe, l);
+}
+function ht() {
+  return Ke(qe, null);
+}
+const ft = {
+  module: {
+    group: "Recipes",
+    recipes: "Recipes",
+    categories: "Categories",
+    nutrients: "Rich in"
+  },
+  panel: {
+    new: "New recipe",
+    "new-title": "New recipe",
+    "field-title": "Title",
+    create: "Create",
+    cancel: "Cancel",
+    search: "Search by title or address",
+    empty: "No recipes yet.",
+    "empty-help": "A recipe is a page of the site with a gallery, ingredients, a method and nutrition, filed under categories.",
+    "empty-search": "Nothing matches that.",
+    "empty-bin": "The bin is empty.",
+    "status-draft": "Draft",
+    "status-published": "Live",
+    "status-modified": "Live",
+    "status-unpublished": "Off the site",
+    edits: "edits",
+    "no-address": "No address in this language",
+    "main-category": "The main category: it goes in the breadcrumbs",
+    minutes: ":count min",
+    "hours-minutes": ":hours h :minutes min",
+    hours: ":hours h",
+    "view-all": "All",
+    "view-published": "Live",
+    "view-draft": "Drafts",
+    "view-unpublished": "Off the site",
+    bin: "Bin",
+    "filter-category": "Category",
+    "any-category": "Any category",
+    "filter-nutrient": "Rich in",
+    "any-nutrient": "Rich in anything",
+    "filter-service": "Service",
+    "any-service": "Any service",
+    "order-all": "Drag to change the order on the site. It is the one order recipes have.",
+    "order-locked": "Recipes have one order, the same in every category and on every page of the site. Clear the search and the filters to drag it.",
+    open: "Open",
+    "open-on-site": "Open on the site",
+    "copy-address": "Copy the address",
+    "address-copied": "The address is on the clipboard.",
+    publish: "Publish",
+    unpublish: "Take off the site",
+    delete: "Delete",
+    restore: "Restore",
+    "delete-title": "Delete “:title”?",
+    "delete-text": "It goes to the bin and comes off the site, and its address is free again.",
+    deleted: "The recipe is in the bin.",
+    restored: "The recipe is back.",
+    published: "The recipe is on the site.",
+    "unpublished-done": "The recipe is off the site.",
+    "reorder-failed": "The new order was not saved."
+  },
+  recipe: {
+    trail: "Where this recipe sits",
+    untitled: "Untitled",
+    save: "Save",
+    "save-failed": "The recipe was not saved.",
+    "publish-title": "Put “:title” on the site?",
+    "publish-text": "It answers at :address from the moment you do, for everyone — with its categories, services and similar recipes as they are chosen now.",
+    "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",
+    "conflict-theirs": "Take the newer version",
+    "conflict-theirs-title": "Give up what you wrote?",
+    "conflict-theirs-text": "The recipe is read again as it now is, and what you have typed since goes.",
+    leave: "Leave",
+    "leave-title": "Leave without saving?",
+    "leave-text": "The recipe could not be saved, and what you wrote is not on the server.",
+    "live-since": "On the site since :date",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one.",
+    "history-empty": "This recipe has never been published.",
+    version: "#:number",
+    "version-live": "On the site",
+    "source-panel": "From the panel",
+    "source-mcp": "By an agent",
+    "source-import": "Imported",
+    "restore-title": "Restore version :number?",
+    "restore-text": "It becomes the draft. The site keeps showing what is published until you publish this.",
+    "restore-version": "Restore",
+    "restored-version": "Version :number is now the draft."
+  },
+  category: {
+    new: "New category",
+    empty: "No categories yet.",
+    "empty-help": "A category is a section of the recipes with a page of its own.",
+    order: "Drag to change the order of the categories on the site.",
+    hidden: "Hidden from the site",
+    "no-address": "No address in this language",
+    recipes: "Recipes: :count",
+    "show-recipes": "Show its recipes",
+    "delete-blocked": "This category still holds recipes. Move them first.",
+    "delete-text": "It goes to the bin and its page comes off the site. Its recipes stay.",
+    deleted: "The category is in the bin.",
+    saved: "The category is saved.",
+    "field-title": "Title",
+    "field-slug": "Address",
+    "address-moving": "The address is changing. The old one keeps working and leads to the new one."
+  },
+  nutrient: {
+    new: "New nutrient",
+    empty: "Nothing here yet.",
+    "empty-help": "What a recipe is rich in — iron, fibre, protein. A chip on the recipe and a filter of the catalogue, with no page of its own.",
+    order: "Drag to change the order of the chips and of the filter on the site.",
+    hidden: "Hidden from the site",
+    recipes: "Recipes: :count",
+    "show-recipes": "Show its recipes",
+    "delete-blocked": "Recipes are still marked with this. Take it off them first.",
+    "delete-text": "It goes to the bin and drops out of the filter. The recipes stay.",
+    deleted: "It is in the bin.",
+    saved: "Saved.",
+    "field-title": "Title"
+  }
+}, $e = /* @__PURE__ */ new WeakSet();
+function ue() {
+  try {
+    const { i18n: l } = ie();
+    $e.has(l) || (l.defaults("webx-recipes", ft), $e.add(l));
+  } catch {
+  }
+}
+const mt = 1200, yt = /* @__PURE__ */ oe({
+  __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) });
+    });
+    Ae({ type: "recipe", id: h(() => d.value?.id ?? null) }), Ee({
+      values: y,
+      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;
+    }
+    async function B(t = !1) {
+      t || (U.value = !0);
+      try {
+        Y(await a.get(W.value));
+      } catch (o) {
+        R.danger(k(o)), V.push(E.value);
+      } finally {
+        U.value = !1;
+      }
+    }
+    let H;
+    function de() {
+      !q.value || S.value || !D.value || (clearTimeout(H), H = setTimeout(() => {
+        L();
+      }, mt));
+    }
+    function pe() {
+      !q.value || S.value || !D.value || I.value || (clearTimeout(H), L());
+    }
+    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 = {};
+      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($));
+      } finally {
+        I.value = !1;
+      }
+    }
+    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"),
+        tone: "danger"
+      }) && await B(!0);
+    }
+    async function Z() {
+      const t = S.value;
+      t && (g.value = t.data.revision, S.value = null, await L());
+    }
+    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"),
+        tone: "danger"
+      }))) {
+        N.value = !0;
+        try {
+          Y(await a.discard(d.value.id)), R.success(s("recipe.discarded"));
+        } catch (o) {
+          R.danger(k(o));
+        } finally {
+          N.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;
+        try {
+          await a.publish(t.id), await B(!0), R.success(s("panel.published"));
+        } catch ($) {
+          R.danger(k($));
+        } finally {
+          N.value = !1;
+        }
+      }
+    }
+    function me() {
+      const t = d.value?.status;
+      return t === "published" || t === "modified" ? "success" : "default";
+    }
+    function se(t) {
+      D.value && t.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"),
+      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({
+        key: "site",
+        label: s("panel.open-on-site"),
+        icon: "link",
+        href: d.value.url
+      }), d.value?.status === "modified" && t.push({
+        key: "discard",
+        label: s("recipe.discard"),
+        icon: "refresh",
+        danger: !0,
+        menu: !0,
+        run: () => {
+          he();
+        }
+      }), t;
+    });
+    return (t, o) => (p(), C("div", {
+      class: "wx-recipe-editor",
+      onFocusout: pe
+    }, [
+      U.value || !d.value ? (p(), C(J, { key: 0 }, [
+        v(e(ne), {
+          class: "wx-recipe-editor__ghost",
+          title: "",
+          rows: 1
+        }),
+        v(e(at), null, {
+          default: u(() => [
+            v(e(ne), { rows: 8 })
+          ]),
+          _: 1
+        })
+      ], 64)) : (p(), C(J, { key: 1 }, [
+        v(e(Pe), {
+          divider: "",
+          back: E.value,
+          "back-label": e(s)("module.recipes"),
+          title: O.value || e(s)("recipe.untitled"),
+          subtitle: te.value,
+          actions: i.value
+        }, {
+          trail: u(() => [
+            v(e(it), {
+              size: "sm",
+              label: e(s)("recipe.trail")
+            }, {
+              default: u(() => [
+                v(e(ke), {
+                  as: "router-link",
+                  to: E.value
+                }, {
+                  default: u(() => [
+                    x(w(e(s)("module.recipes")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["to"]),
+                v(e(ke), { current: "" }, {
+                  default: u(() => [
+                    x(w(O.value || e(s)("recipe.untitled")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["label"])
+          ]),
+          "title-after": u(() => [
+            v(e(K), {
+              type: me(),
+              dot: ""
+            }, {
+              default: u(() => [
+                x(w(e(s)(`panel.status-${d.value.status}`)), 1)
+              ]),
+              _: 1
+            }, 8, ["type"]),
+            d.value.status === "modified" ? (p(), _(e(K), {
+              key: 0,
+              type: "primary",
+              round: ""
+            }, {
+              default: u(() => [
+                x(w(e(s)("panel.edits")), 1)
+              ]),
+              _: 1
+            })) : A("", !0)
+          ]),
+          _: 1
+        }, 8, ["back", "back-label", "title", "subtitle", "actions"]),
+        S.value ? (p(), _(e(ze), {
+          key: 0,
+          type: "warning",
+          title: e(s)("recipe.conflict-title"),
+          description: S.value.message
+        }, {
+          actions: u(() => [
+            v(e(G), {
+              size: "sm",
+              variant: "outline",
+              onClick: ve
+            }, {
+              default: u(() => [
+                x(w(e(s)("recipe.conflict-theirs")), 1)
+              ]),
+              _: 1
+            }),
+            v(e(G), {
+              size: "sm",
+              type: "primary",
+              onClick: Z
+            }, {
+              default: u(() => [
+                x(w(e(s)("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 = $),
+          name: "recipes.form",
+          errors: P.value,
+          disabled: re.value
+        }, null, 8, ["modelValue", "errors", "disabled"]),
+        q.value ? (p(), _(e(rt), { key: 1 }, {
+          state: u(() => [
+            v(e(Be), { state: X.value }, null, 8, ["state"])
+          ]),
+          default: u(() => [
+            v(e(G), {
+              variant: "outline",
+              loading: I.value,
+              disabled: !D.value,
+              onClick: L
+            }, {
+              default: u(() => [
+                x(w(e(s)("recipe.save")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"]),
+            v(e(G), {
+              type: "primary",
+              loading: N.value,
+              disabled: d.value.status === "published" && !D.value,
+              onClick: fe
+            }, {
+              default: u(() => [
+                x(w(e(s)("panel.publish")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })) : A("", !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({
+  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
+    );
+    async function E() {
+      const y = s.value;
+      if (y)
+        try {
+          r.value = await f.versions(y.id);
+        } catch (g) {
+          r.value = [], R.danger(V(g));
+        }
+    }
+    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")
+      }))) {
+        T.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));
+        } finally {
+          T.value = !1;
+        }
+      }
+    }
+    return ae(
+      () => [s.value?.id, s.value?.published_at, s.value?.updated_at],
+      () => {
+        E();
+      },
+      { immediate: !0 }
+    ), (y, g) => (p(), C("div", wt, [
+      r.value === null ? (p(), _(e(ne), {
+        key: 0,
+        class: "wx-recipe-history__ghost",
+        rows: 3
+      })) : r.value.length === 0 ? (p(), _(e(Ie), {
+        key: 1,
+        description: e(c)("recipe.history-empty")
+      }, null, 8, ["description"])) : (p(!0), C(J, { key: 2 }, Se(r.value, (m) => (p(), C("div", {
+        key: m.number,
+        class: we(["wx-recipe-history__row", { "is-live": m.number === W.value }])
+      }, [
+        M("code", bt, w(e(c)("recipe.version", { number: m.number })), 1),
+        M("div", xt, [
+          m.created_at ? (p(), _(e(Le), {
+            key: 0,
+            value: m.created_at,
+            size: "md",
+            tone: "default"
+          }, null, 8, ["value"])) : A("", !0),
+          v(e(st), {
+            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)
+            ]),
+            _: 2
+          }, 1024)
+        ]),
+        m.number === W.value ? (p(), _(e(K), {
+          key: 0,
+          type: "success",
+          dot: ""
+        }, {
+          default: u(() => [
+            x(w(e(c)("recipe.version-live")), 1)
+          ]),
+          _: 1
+        })) : A("", !0),
+        k.value && m.number !== W.value ? (p(), _(e(G), {
+          key: 1,
+          size: "sm",
+          variant: "outline",
+          loading: T.value,
+          onClick: (z) => d(m)
+        }, {
+          default: u(() => [
+            x(w(e(c)("recipe.restore-version")), 1)
+          ]),
+          _: 1
+        }, 8, ["loading", "onClick"])) : A("", !0)
+      ], 2))), 128))
+    ]));
+  }
+}), kt = /* @__PURE__ */ xe(_t, [["__scopeId", "data-v-dcd71040"]]);
+function Tt(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 $t = /* @__PURE__ */ oe({
+  __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();
+    });
+    async function E() {
+      if (!(T.value.trim() === "" || s.value)) {
+        s.value = !0, k.value = {};
+        try {
+          f((await V.create({ title: T.value.trim() })).recipe);
+        } catch (d) {
+          k.value = d.body?.errors ?? {};
+        } finally {
+          s.value = !1;
+        }
+      }
+    }
+    return (d, y) => (p(), _(e(lt), {
+      open: e(n),
+      "onUpdate:open": y[2] || (y[2] = (g) => je(n) ? n.value = g : null),
+      title: e(r)("panel.new-title"),
+      width: 440
+    }, {
+      footer: u(() => [
+        v(e(ct), { size: "sm" }, {
+          default: u(() => [
+            v(e(G), {
+              variant: "outline",
+              onClick: y[1] || (y[1] = (g) => e(a)())
+            }, {
+              default: u(() => [
+                x(w(e(r)("panel.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            v(e(G), {
+              type: "primary",
+              loading: s.value,
+              disabled: T.value.trim() === "",
+              onClick: E
+            }, {
+              default: u(() => [
+                x(w(e(r)("panel.create")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: u(() => [
+        v(e(ot), {
+          label: e(r)("panel.field-title"),
+          error: k.value.title?.[0] ?? k.value.slug?.[0],
+          required: ""
+        }, {
+          default: u(() => [
+            M("div", {
+              ref_key: "field",
+              ref: W
+            }, [
+              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"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "error"])
+      ]),
+      _: 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 = {
+  key: 0,
+  class: "wx-recipe-row__time"
+}, Mt = /* @__PURE__ */ oe({
+  __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) }
+        });
+      }
+    }), m = h(() => g.value === "trashed");
+    function z(i) {
+      const t = c.query[i];
+      return typeof t == "string" && t !== "" && Number(t) || 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;
+      try {
+        const i = await a.list({
+          q: P.value,
+          category: U.value,
+          nutrient: I.value,
+          service: N.value,
+          status: m.value ? "" : g.value,
+          trashed: m.value
+        });
+        s.value = i.data, k.value = i.filters;
+      } catch (i) {
+        R.danger(T(i));
+      } finally {
+        W.value = !1;
+      }
+    }
+    ae(
+      () => [g.value, U.value, I.value, N.value, P.value],
+      () => {
+        X();
+      }
+    ), X();
+    let O;
+    ae(S, (i) => {
+      clearTimeout(O), O = setTimeout(() => {
+        V.replace({ query: { ...c.query, q: i.trim() === "" ? void 0 : i } });
+      }, 300);
+    }), We(() => clearTimeout(O));
+    function te(i, t) {
+      V.replace({
+        query: { ...c.query, [i]: typeof t == "number" ? String(t) : 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 } });
+    }
+    async function H() {
+      const i = await E({});
+      i && B(i);
+    }
+    async function de() {
+      try {
+        await a.reorder(s.value.map((i) => i.id));
+      } catch (i) {
+        R.danger(T(i, r("panel.reorder-failed"))), await X();
+      }
+    }
+    function pe(i) {
+      if (!d.value) return [];
+      if (m.value)
+        return [
+          {
+            key: "restore",
+            icon: "refresh",
+            label: r("panel.restore"),
+            run: () => {
+              ve(i);
+            }
+          }
+        ];
+      const t = [
+        { key: "open", icon: "edit", label: r("panel.open"), run: () => B(i) }
+      ];
+      return i.url && i.status !== "draft" && t.push({
+        key: "site",
+        icon: "external-link",
+        label: r("panel.open-on-site"),
+        href: i.url
+      }), i.url && t.push({
+        key: "copy",
+        icon: "copy",
+        label: r("panel.copy-address"),
+        run: () => {
+          he(i);
+        }
+      }), t.push(
+        i.status === "published" || i.status === "modified" ? {
+          key: "unpublish",
+          icon: "eye-off",
+          label: r("panel.unpublish"),
+          run: () => {
+            Z(() => a.unpublish(i.id), r("panel.unpublished-done"));
+          }
+        } : {
+          key: "publish",
+          icon: "upload",
+          label: r("panel.publish"),
+          run: () => {
+            Z(() => a.publish(i.id), r("panel.published"));
+          }
+        }
+      ), t.push({
+        key: "delete",
+        icon: "trash",
+        label: r("panel.delete"),
+        danger: !0,
+        run: () => {
+          L(i);
+        }
+      }), t;
+    }
+    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"),
+        tone: "danger"
+      }) && await Z(() => a.remove(i.id), r("panel.deleted"));
+    }
+    async function ve(i) {
+      await Z(() => a.restore(i.id), r("panel.restored"));
+    }
+    async function Z(i, t) {
+      try {
+        await i(), R.success(t);
+      } catch (o) {
+        R.danger(T(o));
+      } finally {
+        await X();
+      }
+    }
+    async function he(i) {
+      if (i.url)
+        try {
+          await navigator.clipboard.writeText(i.url), R.success(r("panel.address-copied"));
+        } catch {
+        }
+    }
+    function fe(i) {
+      return i === "published" || i === "modified" ? "success" : "default";
+    }
+    function me(i) {
+      return m.value ? "—" : i.path === null ? r("panel.no-address") : `/${i.path}`;
+    }
+    const se = h(
+      () => d.value ? [{ key: "new", label: r("panel.new"), icon: "plus", primary: !0, run: () => {
+        H();
+      } }] : []
+    );
+    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,
+        padding: "sm"
+      }, {
+        default: u(() => [
+          M("div", Wt, [
+            v(e(Ne), {
+              modelValue: S.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (o) => S.value = o),
+              class: "wx-recipes__search",
+              size: "sm",
+              clearable: "",
+              placeholder: e(r)("panel.search"),
+              "aria-label": e(r)("panel.search")
+            }, {
+              prefix: u(() => [
+                v(e(ye), {
+                  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"),
+              clearable: "",
+              size: "sm",
+              "onUpdate:modelValue": t[1] || (t[1] = (o) => te("category", o))
+            }, 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"),
+              clearable: "",
+              size: "sm",
+              "onUpdate:modelValue": t[2] || (t[2] = (o) => te("nutrient", o))
+            }, null, 8, ["model-value", "options", "placeholder", "aria-label"]),
+            k.value.services !== null ? (p(), _(e(ge), {
+              key: 0,
+              "model-value": N.value,
+              options: Y(k.value.services),
+              placeholder: e(r)("panel.any-service"),
+              "aria-label": e(r)("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)
+          ]),
+          W.value && s.value.length === 0 ? (p(), _(e(ne), {
+            key: 0,
+            class: "wx-recipes__loading",
+            rows: 5
+          })) : s.value.length === 0 ? (p(), _(e(Ie), {
+            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 }]),
+              plain: "",
+              "item-key": "id",
+              handle: re.value ? "grip" : "row",
+              "item-label": (o) => o.title,
+              disabled: !re.value,
+              onMove: de
+            }, {
+              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(() => [
+                    M("span", {
+                      class: we(["wx-recipe-row__cover", { "is-empty": !o.cover?.thumb }])
+                    }, [
+                      o.cover?.thumb ? (p(), C("img", {
+                        key: 0,
+                        src: o.cover.thumb,
+                        alt: "",
+                        loading: "lazy"
+                      }, null, 8, St)) : (p(), _(e(ye), {
+                        key: 1,
+                        name: "image",
+                        size: "sm"
+                      }))
+                    ], 2),
+                    M("span", Ct, [
+                      M("span", Vt, w(o.title), 1),
+                      M("span", zt, w(me(o)), 1)
+                    ]),
+                    M("span", It, [
+                      M("span", Nt, [
+                        (p(!0), C(J, null, Se(o.categories, ($, F) => (p(), C(J, {
+                          key: $.id
+                        }, [
+                          F === 0 ? (p(), _(e(pt), {
+                            key: 0,
+                            content: e(r)("panel.main-category")
+                          }, {
+                            default: u(() => [
+                              v(e(K), {
+                                size: "sm",
+                                round: "",
+                                type: "primary"
+                              }, {
+                                default: u(() => [
+                                  x(w($.title), 1)
+                                ]),
+                                _: 2
+                              }, 1024)
+                            ]),
+                            _: 2
+                          }, 1032, ["content"])) : (p(), _(e(K), {
+                            key: 1,
+                            size: "sm",
+                            round: ""
+                          }, {
+                            default: u(() => [
+                              x(w($.title), 1)
+                            ]),
+                            _: 2
+                          }, 1024))
+                        ], 64))), 128))
+                      ]),
+                      M("span", qt, [
+                        o.minutes ? (p(), C("span", Dt, [
+                          v(e(ye), {
+                            name: "clock",
+                            size: "sm"
+                          }),
+                          x(w(e(Tt)(o.minutes, e(r))), 1)
+                        ])) : A("", !0),
+                        v(e(K), {
+                          type: fe(o.status),
+                          dot: "",
+                          size: "sm"
+                        }, {
+                          default: u(() => [
+                            x(w(e(r)(`panel.status-${o.status}`)), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["type"]),
+                        o.status === "modified" ? (p(), _(e(K), {
+                          key: 1,
+                          type: "primary",
+                          size: "sm",
+                          round: ""
+                        }, {
+                          default: u(() => [
+                            x(w(e(r)("panel.edits")), 1)
+                          ]),
+                          _: 1
+                        })) : A("", !0)
+                      ])
+                    ])
+                  ]),
+                  _: 2
+                }, 1040))
+              ]),
+              actions: u(({ item: o }) => [
+                v(e(He), {
+                  actions: pe(o),
+                  label: o.title
+                }, null, 8, ["actions", "label"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "class", "handle", "item-label", "disabled"]),
+            d.value && !m.value ? (p(), _(e(ze), {
+              key: 0,
+              class: "wx-recipes__note",
+              type: "info",
+              description: Q.value
+            }, null, 8, ["description"])) : A("", !0)
+          ], 64))
+        ]),
+        _: 1
+      }, 8, ["view", "title", "views", "actions"])
+    ]));
+  }
+}), At = /* @__PURE__ */ xe(Mt, [["__scopeId", "data-v-aa51858d"]]);
+function Et(l = "/recipes") {
+  return {
+    api: "recipes/categories",
+    path: `${l}/categories`,
+    name: "webx.recipes.categories",
+    module: "recipe-categories",
+    screen: "recipes.category-form",
+    manage: "recipes.categories.manage",
+    count: "recipes_count",
+    // A category has no order of its own inside it (decision 4): the link shows what is in it.
+    items: (n) => ({ path: l, query: { category: String(n) } }),
+    words: {
+      new: "webx-recipes::category.new",
+      empty: "webx-recipes::category.empty",
+      "empty-help": "webx-recipes::category.empty-help",
+      order: "webx-recipes::category.order",
+      hidden: "webx-recipes::category.hidden",
+      "no-address": "webx-recipes::category.no-address",
+      count: "webx-recipes::category.recipes",
+      "show-items": "webx-recipes::category.show-recipes",
+      "delete-blocked": "webx-recipes::category.delete-blocked",
+      "delete-text": "webx-recipes::category.delete-text",
+      deleted: "webx-recipes::category.deleted",
+      saved: "webx-recipes::category.saved",
+      "field-title": "webx-recipes::category.field-title",
+      "field-slug": "webx-recipes::category.field-slug",
+      "address-moving": "webx-recipes::category.address-moving"
+    }
+  };
+}
+function Pt(l = "/recipes") {
+  return {
+    api: "recipes/nutrients",
+    path: `${l}/nutrients`,
+    name: "webx.recipes.nutrients",
+    module: "recipe-nutrients",
+    screen: "recipes.nutrient-form",
+    manage: "recipes.categories.manage",
+    count: "recipes_count",
+    items: (n) => ({ path: l, query: { nutrient: String(n) } }),
+    words: {
+      new: "webx-recipes::nutrient.new",
+      empty: "webx-recipes::nutrient.empty",
+      "empty-help": "webx-recipes::nutrient.empty-help",
+      order: "webx-recipes::nutrient.order",
+      hidden: "webx-recipes::nutrient.hidden",
+      count: "webx-recipes::nutrient.recipes",
+      "show-items": "webx-recipes::nutrient.show-recipes",
+      "delete-blocked": "webx-recipes::nutrient.delete-blocked",
+      "delete-text": "webx-recipes::nutrient.delete-text",
+      deleted: "webx-recipes::nutrient.deleted",
+      saved: "webx-recipes::nutrient.saved",
+      "field-title": "webx-recipes::nutrient.field-title"
+    }
+  };
+}
+function Ht(l = {}) {
+  const n = l.path ?? "/recipes";
+  return [
+    {
+      id: "recipes",
+      path: n,
+      routes: [
+        { path: n, name: "webx.recipes", component: At, props: { base: n } },
+        {
+          path: `${n}/:id(\\d+)`,
+          name: "webx.recipes.edit",
+          component: gt,
+          props: { base: n }
+        }
+      ],
+      /*
+       * The one part of `recipes.form` only this module can draw. Everything else on it is the
+       * panel's (`wx-slug`, `wx-categories`, `wx-relations`, `wx-gallery`, `wx-rich-text`).
+       */
+      types: {
+        "wx-recipe-history": { component: kt, kind: "display" }
+      }
+    },
+    {
+      id: "recipe-categories",
+      path: `${n}/categories`,
+      routes: _e(Et(n))
+    },
+    {
+      id: "recipe-nutrients",
+      path: `${n}/nutrients`,
+      routes: _e(Pt(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
+};
+//# sourceMappingURL=index.js.map