@webx-ui/module-recipes 0.2.5 → 0.3.0

package/dist/index.js

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