@feedmepos/mf-inventory-portal 1.7.9-dev.0 → 1.7.9-dev.2

package/dist/RecipeView-DeR7pqj8.js

@@ -0,0 +1,3625 @@
+import { defineComponent as le, ref as W, onMounted as pt, resolveComponent as G, createElementBlock as V, openBlock as g, Fragment as Q, createElementVNode as y, toDisplayString as U, createVNode as x, createCommentVNode as T, h as re, computed as F, watch as ue, unref as n, withCtx as J, createBlock as Y, renderList as me, isRef as Me, mergeProps as Ie, createTextVNode as mt, withModifiers as ft, normalizeClass as De, normalizeStyle as vt, Teleport as yt, normalizeProps as bt, guardReactiveProps as gt } from "vue";
+import { a as ne, c as Oe, S as _t, F as ge, u as tt, t as kt, v as ht, j as Je } from "./app-BIXJtvvD.js";
+import { useDialog as je, useSnackbar as Le, components as ye, useProxiedModel as Ge, useBreakpoints as xt } from "@feedmepos/ui-library";
+import { i as wt, _ as $t, m as It } from "./menu-usage-module-BdjYEk3s.js";
+import { F as de } from "./form-mode.enum-BKiNVH6A.js";
+import { _ as nt } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-iCpYEneM.js";
+import { defineStore as ot, storeToRefs as Et } from "pinia";
+import { D as He, R as Ve } from "./row-action.enum-ncgDYAjP.js";
+import { c as Vt } from "./component-BmLAdDiY.js";
+import { a as Z, c as Ke } from "./number-CxbQxQwj.js";
+import { useI18n as ie, useCoreStore as St } from "@feedmepos/mf-common";
+import { u as Ct, _ as Bt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DwrLsWX_.js";
+import { b as it, c as qe, I as Rt, A as Ne, U as lt, R as Ft } from "./rules-CurdOAcA.js";
+import { a as At, _ as Tt } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-C8bktmYH.js";
+import { a as Ue } from "./FmMultiselectDialog-Dt54hvqw.js";
+import { d as at } from "./defineDeepModel-C5ncgNxj.js";
+import { L as Ut, P as Pt, D as Mt } from "./app-C39bYJmq.js";
+import { _ as Ce, c as Dt, d as Gt, e as be } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-DtG9Ieo_.js";
+import { u as Nt } from "./FmMultiselectDialog-BjBx94pY.js";
+import { u as zt } from "./vue-i18n-yL99yI4f.js";
+import { F as Ot } from "./inventory-core-dart.default-Cj7CxnpK.js";
+import { _ as jt } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-CG1m-B2p.js";
+import { u as We } from "./feature-BLSNLI5y.js";
+import { F as he } from "./decimal-B8YR17QC.js";
+import { _ as Be } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-C0nunKjx.js";
+import { b as rt, d as st } from "./xlsx.util-B8azJxkS.js";
+import { f as dt } from "./date2-DbYQycSa.js";
+import { _ as Lt, F as Qe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+import { _ as Kt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CMst9tkA.js";
+const qt = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, Wt = { key: 1 }, Yt = { key: 0 }, Jt = /* @__PURE__ */ le({
+  __name: "DeleteDialog",
+  props: {
+    type: {},
+    data: {},
+    message: {},
+    bindedItems: {}
+  },
+  setup(m) {
+    const s = m, l = W(s.bindedItems || []), t = W(!1);
+    pt(() => {
+      o();
+    });
+    async function o() {
+      var a, $;
+      !t.value && ((a = s.data) != null && a._id) && (t.value = !0, l.value = await ne().getAffectedMenu(($ = s.data) == null ? void 0 : $._id), t.value = !1);
+    }
+    return (a, $) => {
+      const d = G("FmSpacer"), r = G("FmCircularProgress");
+      return g(), V(Q, null, [
+        y("p", null, U(a.message), 1),
+        t.value ? (g(), V("div", qt, [
+          x(d),
+          y("div", null, [
+            x(r, { size: "xl" })
+          ]),
+          $[0] || ($[0] = y("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+          x(d)
+        ])) : (g(), V("div", Wt, [
+          $[2] || ($[2] = y("br", null, null, -1)),
+          l.value.length > 0 ? (g(), V("div", Yt, [
+            $[1] || ($[1] = y("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
+            x(nt, {
+              name: "Menu",
+              bindings: l.value
+            }, null, 8, ["bindings"])
+          ])) : T("", !0)
+        ]))
+      ], 64);
+    };
+  }
+}), ze = ot("recipeForm", function() {
+  const s = je(), l = Le(), t = ne(), o = W(!1), a = W();
+  function $() {
+    const i = {
+      recipe: {},
+      mode: de.CREATE,
+      show: !0,
+      "onUpdate:show"(f) {
+        a.value.show = f;
+      }
+    };
+    a.value = i;
+  }
+  async function d(i) {
+    const f = {
+      recipe: Oe(i),
+      mode: de.UPDATE,
+      show: !0,
+      "onUpdate:show"(v) {
+        a.value.show = v;
+      }
+    };
+    a.value = f;
+  }
+  async function r(i) {
+    o.value = !0;
+    try {
+      await t.deleteRecipe(i), l.open({
+        title: "Success",
+        message: `Deleted ${i.name}`,
+        type: "success"
+      });
+    } catch (f) {
+      if (f instanceof _t && wt(f)) {
+        s.open({
+          title: "Cannot delete recipe",
+          contentComponent: $t,
+          contentComponentProps: {
+            subject: (i == null ? void 0 : i.name) ?? "",
+            items: f.errorResponse.errors.map((v) => {
+              var C;
+              return {
+                chain: [
+                  {
+                    itemName: v.name,
+                    moduleKey: (C = v.message) != null && C.startsWith("modules.") ? It(v.message) : v.module
+                  }
+                ]
+              };
+            })
+          },
+          secondaryActions: {
+            text: "Close",
+            close: !0
+          }
+        });
+        return;
+      }
+      l.open({
+        title: `Cannot delete ${i == null ? void 0 : i.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete recipe", f);
+    } finally {
+      o.value = !1;
+    }
+  }
+  function u(i) {
+    s.open({
+      title: `Delete ${(i == null ? void 0 : i.name) ?? "recipe"}?`,
+      closeButton: !1,
+      primaryActions: {
+        text: "Delete",
+        close: !0,
+        variant: "destructive"
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      },
+      contentComponent: Jt,
+      contentComponentProps: {
+        type: "menu",
+        data: i,
+        message: "You may not be able to delete this recipe if it is linked in any of the inventory modules."
+      }
+    }).onPrimary(() => r(i));
+  }
+  return {
+    createRecipe: $,
+    updateRecipe: d,
+    deleteRecipe: u,
+    recipeDialogProps: a,
+    recipeViewLoading: o
+  };
+});
+function Ht() {
+  const { updateRecipe: m, deleteRecipe: s } = ze(), l = ne(), { t } = ie();
+  async function o(i, f) {
+    const v = Oe(f);
+    if (i === Ve.Edit) {
+      await m(v);
+      return;
+    }
+    if (i === Ve.Delete) {
+      await s(v);
+      return;
+    }
+  }
+  function a(i, f) {
+    const v = i.filter((c) => c.type === ge.enum.SKU), C = i.filter(
+      (c) => c.type === ge.enum.SKU_GROUP
+    ), w = i.filter((c) => c.type === ge.enum.RECIPE);
+    return [
+      ...v.map((c) => ({ ...c, recipeIds: [...f] })),
+      ...C.map((c) => ({ ...c, isGroup: !0, recipeIds: [...f] })),
+      ...w.filter((c) => l.recipeById[c.id] && !f.has(c.id)).flatMap(
+        (c) => a(l.recipeById[c.id].contains, /* @__PURE__ */ new Set([...f, c.id]))
+      )
+    ];
+  }
+  const $ = [
+    {
+      accessorKey: "recipe",
+      header: () => t("inventory.recipe.name"),
+      size: 400
+    },
+    {
+      accessorKey: "ingredients",
+      header: () => t("inventory.recipe.ingredients"),
+      size: "auto",
+      // accessor keeps the plain text so filtering still matches; the cell only restyles it
+      cell: (i) => re(
+        "div",
+        { class: "flex flex-col items-start gap-4" },
+        i.row.original.bindings.map(
+          (f) => re(
+            "div",
+            {
+              class: "flex flex-wrap items-center gap-8 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-md px-8 py-4"
+            },
+            [
+              f.parentRecipe ? re(ye.FmChip, { compact: !0 }, f.parentRecipe) : null,
+              f.labels.join(", ")
+            ]
+          )
+        )
+      )
+    },
+    {
+      id: "action",
+      header: "",
+      cell(i) {
+        return Vt(
+          [He[Ve.Edit], He[Ve.Delete]],
+          (f) => {
+            o(f, i.row.original.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ];
+  function d(i) {
+    const f = ne();
+    return a(i.contains, /* @__PURE__ */ new Set([i._id])).map((v) => {
+      var c, k, I;
+      const C = v.recipeIds.slice(1).length ? ((c = f.recipeById[v.recipeIds.at(-1) ?? ""]) == null ? void 0 : c.name) ?? null : null;
+      if (v.isGroup) {
+        const _ = f.skuGroupById[v.id];
+        return _ ? { parentRecipe: C, label: `${_.name} (x${Z(v.amount)})` } : null;
+      }
+      const w = f.skuById[v.id];
+      return w ? {
+        parentRecipe: C,
+        label: `${w.name} (${Z(v.amount)}${((k = v.measurement) == null ? void 0 : k.abbrev) ?? ((I = w == null ? void 0 : w.unit) == null ? void 0 : I.abbrev)})`
+      } : null;
+    }).filter((v) => !!v);
+  }
+  function r(i) {
+    const f = [];
+    for (const v of i) {
+      const C = v.parentRecipe ? f.find((w) => w.parentRecipe === v.parentRecipe) : void 0;
+      C ? C.labels.push(v.label) : f.push({ parentRecipe: v.parentRecipe, labels: [v.label] });
+    }
+    return f;
+  }
+  function u(i) {
+    return i.map((f) => {
+      const v = d(f);
+      return {
+        recipe: f.name,
+        ingredients: v.map((C) => C.parentRecipe ? `(${C.parentRecipe}) ${C.label}` : C.label).join(", "),
+        bindings: r(v),
+        original: f
+      };
+    });
+  }
+  return { columnDefs: $, formatRowData: u };
+}
+function Qt() {
+  const m = ne(), s = je();
+  async function l(a, $, d, r = []) {
+    var w, c;
+    const u = a.filter((k) => k.type === "SKU"), i = a.filter((k) => k.type !== "SKU"), f = /* @__PURE__ */ new Set();
+    if (d)
+      for (const k of m.skus)
+        !r.some((_) => _ === k._id) && k._id !== d && !((c = (w = k.convert) == null ? void 0 : w.inventoryBindings) != null && c.some((_) => _.id === d)) || f.add(k._id);
+    const v = m.skus.map((k) => ({
+      label: k.name,
+      sublabel: `${k.code}${f.has(k._id) ? " (Cannot bind, will cause recursive binding)" : ""}`,
+      value: k,
+      disabled: f.has(k._id)
+    })), C = v.filter(
+      (k) => u.find((I) => I.id === k.value._id) && !f.has(k.value._id)
+    ).map((k) => k.value);
+    s.open({
+      title: "Select ingredients",
+      contentComponent: Ue,
+      contentComponentProps: {
+        items: v,
+        modelValue: C,
+        virtualScroll: !0
+      },
+      primaryActions: {
+        text: "Confirm",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Close",
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((k) => {
+      const I = [
+        ...i,
+        ...a.filter((_) => k.find((e) => e._id === _.id)),
+        ...k.filter((_) => !a.find((e) => e.id === _._id)).map((_) => ({
+          type: "SKU",
+          id: _._id,
+          amount: {
+            amount: 1,
+            precision: 0
+          }
+        }))
+      ];
+      $(I);
+    });
+  }
+  async function t(a, $, d = []) {
+    var C;
+    const r = a.filter((w) => w.type === "RECIPE"), u = a.filter((w) => w.type !== "RECIPE"), i = /* @__PURE__ */ new Set();
+    if (d.length)
+      for (const w of m.recipes) {
+        const c = ((C = m.recipeBindingFlattenCache[w._id]) == null ? void 0 : C.inventoryBindings) ?? [], k = c.some(
+          (e) => e.bindingPaths.some((S) => d.some((p) => p === S.id))
+        ), I = c.some(
+          (e) => "success" in e && d.includes(e.ingredient._id)
+        );
+        (d.some((e) => e === w._id) || k || I) && i.add(w._id);
+      }
+    const f = m.recipes.filter((w) => !d.includes(w._id)).map((w) => ({
+      label: w.name,
+      sublabel: i.has(w._id) ? "(Cannot bind, will cause recursive binding)" : `${w.contains.length} inventory bindings`,
+      value: w,
+      disabled: i.has(w._id)
+    })), v = f.filter(
+      (w) => r.find((c) => c.id === w.value._id) && !i.has(w.value._id)
+    ).map((w) => w.value);
+    s.open({
+      title: "Select recipes",
+      contentComponent: Ue,
+      contentComponentProps: {
+        items: f,
+        modelValue: v,
+        virtualScroll: !0
+      },
+      primaryActions: {
+        text: "Confirm",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Close",
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((w) => {
+      const c = [
+        ...a.filter((k) => w.find((I) => I._id === k.id)),
+        ...w.filter((k) => !a.find((I) => I.id === k._id)).map((k) => ({
+          type: "RECIPE",
+          id: k._id,
+          amount: {
+            amount: 1,
+            precision: 0
+          }
+        })),
+        ...u
+      ];
+      $(c);
+    });
+  }
+  async function o(a, $, d = []) {
+    const r = a.filter((v) => v.type === "SKU_GROUP"), u = a.filter((v) => v.type !== "SKU_GROUP"), i = m.skuGroups.filter((v) => !d.includes(v._id)).map((v) => ({
+      label: v.name,
+      value: v
+    })), f = i.filter((v) => r.find((C) => C.id === v.value._id)).map((v) => v.value);
+    s.open({
+      title: "Select ingredient group",
+      contentComponent: Ue,
+      contentComponentProps: {
+        items: i,
+        modelValue: f,
+        virtualScroll: !0
+      },
+      primaryActions: {
+        text: "Confirm",
+        close: !0
+      },
+      secondaryActions: {
+        text: "Close",
+        close: !0,
+        variant: "tertiary"
+      }
+    }).onPrimary((v) => {
+      const C = [
+        ...a.filter((w) => v.find((c) => c._id === w.id)),
+        ...v.filter((w) => !a.find((c) => c.id === w._id)).map((w) => ({
+          type: "SKU_GROUP",
+          id: w._id,
+          amount: {
+            amount: 1,
+            precision: 0
+          }
+        })),
+        ...u
+      ];
+      $(C);
+    });
+  }
+  return {
+    promptIngredientsBinding: l,
+    promptRecipesBinding: t,
+    promptIngredientGroupsBinding: o
+  };
+}
+const Xt = { class: "flex flex-col" }, Zt = { class: "flex flex-col gap-4" }, Re = /* @__PURE__ */ le({
+  __name: "InventoryBindingRule",
+  props: {
+    disabled: { type: Boolean },
+    modelValue: {},
+    minCount: {},
+    maxCount: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: s }) {
+    const l = m, t = s, { t: o } = ie(), a = St(), $ = tt(), d = F(() => {
+      var w;
+      const v = /* @__PURE__ */ new Map(), C = a.restaurants.value.map((c) => c.customAttributes ?? {});
+      for (const c of C)
+        for (const [k, I] of Object.entries(c))
+          v.has(k) || v.set(k, /* @__PURE__ */ new Set()), I && ((w = v.get(k)) == null || w.add(I));
+      return v;
+    }), r = F(
+      () => a.restaurants.value.filter((v) => {
+        var C;
+        return (C = v.profile) == null ? void 0 : C.code;
+      }).map((v) => ({ value: v.profile.code, label: `${v.profile.name} (${v.profile.code})` }))
+    ), u = F(() => [
+      ...[...d.value.entries()].map(([C, w]) => ({
+        type: "string",
+        key: C,
+        entity: "restaurant",
+        values: [...w]
+      })),
+      {
+        type: "string",
+        key: "state",
+        entity: "restaurant",
+        values: [
+          ...new Set($.locations.map((C) => C.doc.profile.address.state).filter(Boolean))
+        ]
+      },
+      ...r.value.length > 0 ? [
+        {
+          type: "string",
+          key: "outlet",
+          entity: "restaurant",
+          options: r.value
+        }
+      ] : []
+    ]), i = W(null);
+    let f = null;
+    return ue(
+      () => l.modelValue,
+      (v) => {
+        JSON.stringify(v) !== JSON.stringify(f) && (i.value = v ? Ut.build(v) : null);
+      },
+      { immediate: !0 }
+    ), ue(
+      i,
+      (v) => {
+        f = v ? Pt.build(v) : null, t("update:modelValue", f);
+      },
+      { deep: !0 }
+    ), (v, C) => {
+      const w = G("FmLabel"), c = G("FmFormGroup");
+      return g(), V("div", Xt, [
+        y("div", Zt, [
+          x(w, {
+            label: n(o)("inventory.ingredientGroup.form.rules.title"),
+            required: v.minCount != null && v.minCount > 0
+          }, null, 8, ["label", "required"]),
+          x(n(Mt), {
+            modelValue: i.value,
+            "onUpdate:modelValue": C[0] || (C[0] = (k) => i.value = k),
+            attributes: u.value
+          }, null, 8, ["modelValue", "attributes"])
+        ]),
+        x(c, {
+          "model-value": i.value,
+          rules: [
+            (k) => {
+              const I = k ? 1 : 0;
+              return l.minCount !== void 0 && I < l.minCount ? n(o)("inventory.ingredientGroup.form.rules.validation.minCount", {
+                count: l.minCount
+              }) : l.maxCount !== void 0 && I > l.maxCount ? n(o)("inventory.ingredientGroup.form.rules.validation.maxCount", {
+                count: l.maxCount
+              }) : !0;
+            }
+          ]
+        }, null, 8, ["model-value", "rules"])
+      ]);
+    };
+  }
+}), en = { class: "border-1 mx-3 my-1 rounded-md" }, tn = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, nn = {
+  class: "flex items-center",
+  style: { "min-height": "48px" }
+}, on = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, ln = { class: "line-clamp-1" }, an = { class: "w-[200px]" }, rn = {
+  key: 0,
+  class: "w-[52px]"
+}, sn = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
+}, dn = { class: "px-12 pb-4" }, un = /* @__PURE__ */ le({
+  __name: "InventoryRecipeBindingV2Field",
+  props: {
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    modelValue: {},
+    displayName: {},
+    showError: { type: Boolean },
+    allowRecipeDecimal: { type: Boolean }
+  },
+  emits: ["update:modelValue", "delete", "settings"],
+  setup(m, { emit: s }) {
+    const l = s, { t } = ie(), o = at("modelValue"), a = W(Z(o.amount)), $ = F(() => +a.value);
+    ue(
+      () => o.amount,
+      (u) => {
+        const i = Z(u);
+        +a.value != +i && (a.value = i);
+      }
+    );
+    let d = null;
+    function r(u) {
+      a.value = u, d && clearTimeout(d), d = setTimeout(() => {
+        const i = +u;
+        u.length > 0 && isFinite(i) ? o.amount = Ke(i) : o.amount = { amount: 0, precision: 0 };
+      }, 300);
+    }
+    return (u, i) => {
+      const f = G("FmTooltip"), v = G("FmTextField"), C = G("FmFormGroup"), w = G("FmButton"), c = G("FmIcon");
+      return g(), V("div", en, [
+        y("div", tn, [
+          y("div", nn, [
+            y("div", on, [
+              x(f, {
+                zIndex: 51,
+                variant: "plain",
+                placement: "top",
+                content: u.displayName
+              }, {
+                default: J(() => [
+                  y("span", ln, U(u.displayName), 1)
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ]),
+            y("div", an, [
+              x(C, {
+                disabled: u.disabled,
+                modelValue: $.value,
+                rules: [n(it)(u.allowRecipeDecimal ? 5 : 0), n(qe)(-1)]
+              }, {
+                default: J(({ invalid: k }) => [
+                  x(v, {
+                    class: "w-full",
+                    disabled: u.disabled,
+                    modelValue: a.value,
+                    "onUpdate:modelValue": i[0] || (i[0] = (I) => r(I)),
+                    invalid: k
+                  }, null, 8, ["disabled", "modelValue", "invalid"])
+                ]),
+                _: 1
+              }, 8, ["disabled", "modelValue", "rules"])
+            ]),
+            u.readonly ? T("", !0) : (g(), V("div", rn, [
+              x(w, {
+                disabled: u.disabled,
+                type: "button",
+                variant: "plain",
+                icon: "delete",
+                "icon-color": "#000000",
+                onClick: i[1] || (i[1] = () => l("delete", n(o).id))
+              }, null, 8, ["disabled"])
+            ]))
+          ]),
+          x(At, {
+            "recipe-id": n(o).id,
+            multiplier: a.value
+          }, null, 8, ["recipe-id", "multiplier"]),
+          u.showError ? (g(), V("div", sn, [
+            x(c, {
+              name: "error",
+              color: "system-error-300",
+              size: "sm"
+            }),
+            y("div", null, U(n(t)("inventory.inventoryBindings.circularError")), 1)
+          ])) : T("", !0)
+        ]),
+        y("div", dn, [
+          x(Re, {
+            modelValue: n(o).rules,
+            "onUpdate:modelValue": i[2] || (i[2] = (k) => n(o).rules = k),
+            disabled: u.disabled
+          }, null, 8, ["modelValue", "disabled"])
+        ])
+      ]);
+    };
+  }
+});
+function cn(m) {
+  const s = Nt(), { t: l } = zt(), t = ne(), o = F(() => [
+    {
+      id: "delete",
+      header: "",
+      cell(d) {
+        const r = d.row.original;
+        return re(
+          "div",
+          { class: "w-full flex justify-end" },
+          re(ye.FmButton, {
+            class: "delete-button",
+            key: r._id,
+            type: "button",
+            icon: "delete",
+            variant: "tertiary",
+            size: "md",
+            disabled: m.disabled ?? !1,
+            onClick: () => {
+              m.bindingAlternatives = m.bindingAlternatives.filter(
+                (u) => u._id !== r._id
+              );
+            }
+          })
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    },
+    {
+      id: "alternative",
+      header: () => l("inventory.inventoryBindings.alternativeTable.ingredient"),
+      accessorFn: (d) => {
+        var r, u;
+        return `${((r = t.skuById[d._id]) == null ? void 0 : r.name) ?? ""} (${((u = t.skuById[d._id]) == null ? void 0 : u.code) ?? ""})`;
+      },
+      cell: ({ row: d }) => {
+        const r = t.skuById[d.original._id];
+        return re(
+          "div",
+          {
+            class: "w-full flex flex-col"
+          },
+          [
+            re("div", { class: "fm-typo-en-body-lg-400 line-clamp-1" }, r.name),
+            re(
+              "div",
+              { class: "fm-typo-en-body-md-400 line-clamp-1 text-fm-color-typo-secondary" },
+              r.code
+            )
+          ]
+        );
+      },
+      size: "auto",
+      enableSorting: !1
+    },
+    {
+      id: "unit",
+      header: () => l("inventory.inventoryBindings.alternativeTable.unit"),
+      accessorFn: (d) => {
+        const r = t.skuById[d._id];
+        return r.unit.measurements.computeFirst(
+          (u) => u.id === d.trackingMeasurement ? u.name : null
+        ) ?? r.unit.name;
+      },
+      enableSorting: !1
+    },
+    {
+      id: "unitOption",
+      header: () => l("inventory.inventoryBindings.alternativeTable.unit"),
+      accessorKey: "trackingMeasurement",
+      cell(d) {
+        const r = t.skuById[d.row.original._id];
+        if (!r) return null;
+        const u = [
+          {
+            label: r.unit.name,
+            sublabel: r.unit.abbrev,
+            value: null
+          },
+          ...r.unit.measurements.map((i) => ({
+            label: `${i.name} (${i.abbrev})`,
+            sublabel: l("inventory.inventoryBindings.alternativeTable.measurementOption"),
+            value: i.id
+          }))
+        ].filter((i) => !i.label.toLowerCase().includes("inactive"));
+        return re(ye.FmSelect, {
+          modelValue: d.row.original.trackingMeasurement ?? null,
+          items: u,
+          disabled: m.disabled ?? !1,
+          "onUpdate:modelValue": (i) => {
+            m.bindingAlternatives = m.bindingAlternatives.map((f) => f._id === d.row.original._id ? { ...f, trackingMeasurement: i } : f);
+          }
+        });
+      },
+      enableSorting: !1
+    },
+    {
+      id: "priority",
+      header: () => l("inventory.inventoryBindings.alternativeTable.priority"),
+      accessorKey: "priority",
+      enableSorting: !0,
+      cell(d) {
+        const r = d.row.original;
+        return re(ye.FmTextField, {
+          modelValue: r.priority ?? d.row.index + 1,
+          rules: [
+            Rt(),
+            Ne(1),
+            lt(
+              m.bindingAlternatives.filter((u) => u._id !== r._id).map((u) => {
+                const i = t.skuById[u._id];
+                return {
+                  label: i == null ? void 0 : i.name,
+                  value: u.priority
+                };
+              })
+            )
+          ],
+          "onUpdate:modelValue": (u) => {
+            const i = Number(u);
+            isNaN(i) || (m.bindingAlternatives = m.bindingAlternatives.map((f) => f._id === d.row.original._id ? { ...f, priority: i } : f));
+          }
+        });
+      }
+    },
+    {
+      id: "default",
+      header: () => "",
+      accessorKey: "default",
+      cell(d) {
+        const r = t.skuById[d.row.original._id];
+        return r ? re(ye.FmCheckbox, {
+          modelValue: d.row.original.default ?? !1,
+          value: r._id,
+          disabled: m.disabled ?? !1,
+          "onUpdate:modelValue": () => {
+            m.bindingAlternatives = m.bindingAlternatives.map((u) => u._id === d.row.original._id ? { ...u, default: !0 } : { ...u, default: !1 });
+          }
+        }) : null;
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    },
+    {
+      id: "move",
+      header: "",
+      cell(d) {
+        const r = d.row.original;
+        return re("div", { class: "w-full flex justify-end" }, [
+          re(ye.FmButton, {
+            key: r._id,
+            type: "button",
+            icon: "keyboard_arrow_up",
+            variant: "tertiary",
+            size: "md",
+            disabled: m.disabled ?? !1,
+            onClick: () => {
+              const u = [...m.bindingAlternatives], i = u.findIndex((f) => f._id === r._id);
+              if (i > 0) {
+                const f = u[i - 1];
+                u[i - 1] = r, u[i] = f;
+              }
+              m.bindingAlternatives = [...u];
+            }
+          }),
+          re(ye.FmButton, {
+            key: r._id,
+            type: "button",
+            icon: "keyboard_arrow_down",
+            variant: "tertiary",
+            size: "md",
+            disabled: m.disabled ?? !1,
+            onClick: () => {
+              const u = [...m.bindingAlternatives], i = u.findIndex((f) => f._id === r._id);
+              if (i < u.length - 1) {
+                const f = u[i + 1];
+                u[i + 1] = r, u[i] = f;
+              }
+              m.bindingAlternatives = [...u];
+            }
+          })
+        ]);
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ]);
+  return {
+    get columnDefs() {
+      return o.value;
+    },
+    promptAddIngredient: async ($) => {
+      const d = [];
+      for (const i of t.skus)
+        $.includes(i._id) || d.push({
+          label: i.name,
+          sublabel: i.code,
+          value: i._id,
+          disabled: $.includes(i._id)
+        });
+      const r = (m.bindingAlternatives ?? []).map((i) => i._id), u = await s.multiSelect(d, r, (i) => {
+        var v, C, w, c, k, I;
+        const f = (v = m.bindingAlternatives) == null ? void 0 : v.findIndex((_) => _._id === i);
+        return {
+          _id: i,
+          trackingMeasurement: typeof f != "number" || f == -1 ? (C = t.skuById[i]) == null ? void 0 : C.trackingMeasurement : (c = (w = m.bindingAlternatives) == null ? void 0 : w[f]) == null ? void 0 : c.trackingMeasurement,
+          priority: ((I = (k = m.bindingAlternatives) == null ? void 0 : k[f]) == null ? void 0 : I.priority) ?? m.bindingAlternatives.length,
+          default: !1
+        };
+      });
+      m.bindingAlternatives = u ?? m.bindingAlternatives;
+    },
+    columnVisibility: {
+      delete: !0,
+      unit: !1,
+      unitOption: !0,
+      default: !1,
+      // previous demo: sort priority by moving sku element in the array,
+      // new demo: sort priority using priority field.
+      // can reenable if this use case is requested to be restored
+      move: !1
+    }
+  };
+}
+const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, fn = { class: "flex justify-between items-center px-2" }, Se = /* @__PURE__ */ le({
+  __name: "InventoryBindingAlternative",
+  props: {
+    disabled: { type: Boolean },
+    modelValue: {},
+    filterIngredientIds: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: s }) {
+    const l = m, t = s, { t: o } = ie(), a = cn({
+      get disabled() {
+        return l.disabled ?? !1;
+      },
+      get bindingAlternatives() {
+        return l.modelValue ?? [];
+      },
+      set bindingAlternatives(r) {
+        t("update:modelValue", r);
+      }
+    }), $ = (r) => r && r.some((u) => l.filterIngredientIds.includes(u._id)) ? "Contains invalid ingredient" : !0, d = (r) => r && r.length > 5 ? o("inventory.binding.alternative.maximumExceeded", { max: 5 }) : !0;
+    return (r, u) => {
+      var w;
+      const i = G("FmLabel"), f = G("FmButton"), v = G("FmFormGroup"), C = G("FmTable");
+      return g(), V("div", pn, [
+        y("div", mn, [
+          y("div", fn, [
+            x(i, {
+              label: n(o)("inventory.alternatives")
+            }, null, 8, ["label"]),
+            x(f, {
+              disabled: r.disabled,
+              "prepend-icon": "link",
+              variant: "primary",
+              class: "border-1 rounded-lg border-fm-color-primary",
+              onClick: u[0] || (u[0] = (c) => n(a).promptAddIngredient(r.filterIngredientIds)),
+              size: "md"
+            }, null, 8, ["disabled"])
+          ]),
+          x(v, {
+            "model-value": r.modelValue,
+            rules: [$, d]
+          }, null, 8, ["model-value", "rules"])
+        ]),
+        x(C, {
+          "row-data": r.modelValue ?? [],
+          "column-defs": n(a).columnDefs,
+          "page-size": ((w = r.modelValue) == null ? void 0 : w.length) || 0,
+          "shrink-at": 9999,
+          "column-visibility": n(a).columnVisibility,
+          "hide-footer": ""
+        }, null, 8, ["row-data", "column-defs", "page-size", "column-visibility"])
+      ]);
+    };
+  }
+}), vn = { class: "border-1 mx-3 my-1 rounded-md" }, yn = { class: "flex flex-col border-b border-fm-color-neutral-gray-100" }, bn = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, gn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, _n = { class: "line-clamp-1 w-full" }, kn = { class: "w-[150px]" }, hn = {
+  key: 0,
+  class: "w-[52px]"
+}, xn = { class: "flex flex-col px-12 pb-4" }, wn = /* @__PURE__ */ le({
+  __name: "InventorySkuBindingV2Field",
+  props: {
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    modelValue: {},
+    displayName: {},
+    unit: {},
+    showError: { type: Boolean },
+    ableToConfigureAlternative: { type: Boolean },
+    ableToApplyRules: { type: Boolean }
+  },
+  emits: ["update:modelValue", "delete", "settings"],
+  setup(m, { emit: s }) {
+    const l = s, { t } = ie(), o = at("modelValue");
+    function a(d) {
+      d && (o.amount = d.amount, o.measurement = d.measurement);
+    }
+    function $() {
+      return {
+        modelValue: {
+          amount: o.amount,
+          measurement: o.measurement
+        },
+        amountAsString: Ot.toFormatString({
+          value: o.amount
+        })
+      };
+    }
+    return (d, r) => {
+      const u = G("FmTooltip"), i = G("FmButton"), f = G("FmFormGroup");
+      return g(), V("div", vn, [
+        y("div", yn, [
+          y("div", bn, [
+            y("div", gn, [
+              x(u, {
+                zIndex: 51,
+                variant: "plain",
+                placement: "top",
+                content: d.displayName
+              }, {
+                default: J(() => [
+                  y("span", _n, U(d.displayName), 1)
+                ]),
+                _: 1
+              }, 8, ["content"])
+            ]),
+            y("div", kn, [
+              x(Ce, {
+                "model-value": { amount: n(o).amount, measurement: n(o).measurement },
+                "onUpdate:modelValue": a,
+                unit: d.unit,
+                placement: "bottom",
+                "convert-amount-on-change-unit": "",
+                disabled: d.readonly
+              }, null, 8, ["model-value", "unit", "disabled"])
+            ]),
+            d.readonly ? T("", !0) : (g(), V("div", hn, [
+              x(i, {
+                disabled: d.disabled,
+                type: "button",
+                variant: "tertiary",
+                icon: "delete",
+                onClick: r[0] || (r[0] = () => l("delete", n(o).id))
+              }, null, 8, ["disabled"])
+            ]))
+          ]),
+          y("div", xn, [
+            x(f, {
+              modelValue: n(o).amount,
+              rules: [n(qe)(0)]
+            }, null, 8, ["modelValue", "rules"]),
+            x(f, {
+              modelValue: $(),
+              rules: [
+                n(Dt)(),
+                n(Gt)(d.unit),
+                () => d.showError ? n(t)("inventory.inventoryBindings.invalidWarning") : !0
+              ]
+            }, null, 8, ["modelValue", "rules"])
+          ]),
+          d.ableToApplyRules ? (g(), Y(Re, {
+            key: 0,
+            modelValue: n(o).rules,
+            "onUpdate:modelValue": r[1] || (r[1] = (v) => n(o).rules = v),
+            disabled: d.disabled
+          }, null, 8, ["modelValue", "disabled"])) : T("", !0),
+          d.ableToConfigureAlternative ? (g(), Y(Se, {
+            key: 1,
+            modelValue: n(o).alternatives,
+            "onUpdate:modelValue": r[2] || (r[2] = (v) => n(o).alternatives = v),
+            disabled: d.disabled,
+            filterIngredientIds: [n(o).id]
+          }, null, 8, ["modelValue", "disabled", "filterIngredientIds"])) : T("", !0)
+        ])
+      ]);
+    };
+  }
+});
+exports.FfCalculator;
+const $n = { class: "flex flex-col gap-24" }, In = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, En = { class: "flex items-center" }, Vn = { class: "flex-1 fm-typo-en-title-sm-600" }, Sn = { class: "flex flex-col" }, Cn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Bn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Rn = {
+  key: 0,
+  class: "w-[52px]"
+}, Fn = {
+  key: 1,
+  class: "w-[52px]"
+}, An = {
+  key: 1,
+  class: "flex flex-col gap-16"
+}, Tn = { class: "flex items-center" }, Un = { class: "flex-1 fm-typo-en-title-sm-600" }, Pn = { class: "flex flex-col" }, Mn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Dn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Gn = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, Nn = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400"
+}, zn = {
+  class: "flex items-center",
+  style: { "min-height": "48px" }
+}, On = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, jn = { class: "flex flex-col" }, Ln = { class: "w-[200px]" }, Kn = {
+  key: 0,
+  class: "w-[52px]"
+}, qn = { class: "flex flex-col gap-16" }, Wn = { class: "flex items-center" }, Yn = { class: "flex-1 fm-typo-en-title-sm-600" }, Jn = { class: "flex flex-col" }, Hn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Qn = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Xn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, Zn = {
+  key: 0,
+  class: "w-[52px]"
+}, eo = {
+  key: 0,
+  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
+}, to = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, no = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, oo = {
+  key: 0,
+  class: "w-[52px]"
+}, io = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, lo = /* @__PURE__ */ le({
+  __name: "InventoryBindingFormV2",
+  props: {
+    id: {},
+    modelValue: { default: () => [] },
+    excludeBindingId: {},
+    rules: { default: () => [] },
+    iframeMode: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    recipeBindingConfig: { default: () => ({ enabled: !0, ableToApplyRules: !1 }) },
+    skuBindingConfig: { default: () => ({
+      enabled: !0,
+      ableToApplyRules: !1,
+      ableToConfigureAlternative: !1
+    }) },
+    enableIngredientGroup: { type: Boolean },
+    allowRecipeDecimal: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:pick-inventory-bindings"],
+  setup(m, { emit: s }) {
+    const { t: l } = ie(), t = ne(), o = F(() => t.recipeById), a = F(() => t.skuById), $ = F(() => t.skuGroupById), d = m, r = s, u = F(() => kt({
+      parentId: d.id,
+      bindings: d.modelValue,
+      recipes: t.recipes.map((R) => R._id === d.id ? {
+        ...R,
+        contains: d.modelValue
+      } : R),
+      skus: t.skus.map((R) => R._id === d.id ? {
+        ...R,
+        convert: {
+          inventoryBindings: d.modelValue
+        }
+      } : R),
+      skuGroups: t.skuGroups
+    }).inventoryBindings.filter((R) => "error" in R && R.error).map((R) => R).filter((R) => R.reason === ht.enum.circularDependency)), i = F(
+      () => new Set(u.value.map((b) => {
+        var B;
+        return (B = b.bindingPaths[0]) == null ? void 0 : B.id;
+      }))
+    ), f = F(() => d.modelValue.filter((b) => b.type === "RECIPE")), { promptIngredientsBinding: v, promptRecipesBinding: C, promptIngredientGroupsBinding: w } = Qt();
+    async function c() {
+      if (d.iframeMode) {
+        r("click:pick-inventory-bindings", "RECIPE");
+        return;
+      }
+      C(
+        d.modelValue,
+        (b) => r("update:modelValue", b),
+        d.id ? [d.id] : []
+      );
+    }
+    const k = F(() => d.modelValue.filter((b) => b.type === "SKU_GROUP"));
+    async function I() {
+      w(
+        d.modelValue,
+        (b) => r("update:modelValue", b),
+        d.id ? [d.id] : []
+      );
+    }
+    function _(b, B, R) {
+      const A = +B;
+      let P = R;
+      B.length > 0 && isFinite(A) ? P = R.map((K) => (K.id !== b || (K.amount = Ke(A)), K)) : P = R.map((K) => (K.id !== b || (K.amount = { amount: 0, precision: 0 }), K)), r("update:modelValue", P);
+    }
+    const e = F(() => d.modelValue.filter((b) => b.type === "SKU") ?? []);
+    async function S() {
+      if (d.iframeMode) {
+        r("click:pick-inventory-bindings", "SKU");
+        return;
+      }
+      v(
+        d.modelValue,
+        (b) => r("update:modelValue", b),
+        d.excludeBindingId,
+        d.id ? [d.id] : []
+      );
+    }
+    function p(b) {
+      const B = d.modelValue.map((R) => R.id === b.id ? b : R);
+      r("update:modelValue", B);
+    }
+    function h(b) {
+      const B = d.modelValue.filter((R) => R.id !== b);
+      r("update:modelValue", B);
+    }
+    function N(b) {
+      var R, A;
+      if (b.type !== ge.enum.SKU)
+        throw new Error("Non-SKU binding does not have unit");
+      if (!((R = a.value[b.id]) == null ? void 0 : R.unit))
+        throw new Error(`Cannot find ingredient: ${b.id}`);
+      return (A = a.value[b.id]) == null ? void 0 : A.unit;
+    }
+    function z(b) {
+      return !a.value[b.id];
+    }
+    return (b, B) => {
+      var H, ee, O;
+      const R = G("FmFormGroup"), A = G("FmButton"), P = G("FmIcon"), K = G("FmTextField");
+      return g(), V("div", $n, [
+        x(R, {
+          disabled: b.disabled,
+          "model-value": b.modelValue,
+          rules: [
+            ...b.rules,
+            () => u.value.length ? "There is a binding error in your configuration" : !0
+          ]
+        }, {
+          label: J(() => B[4] || (B[4] = [
+            y("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
+          ])),
+          _: 1
+        }, 8, ["disabled", "model-value", "rules"]),
+        ((H = b.recipeBindingConfig) == null ? void 0 : H.enabled) !== !1 ? (g(), V("div", In, [
+          y("div", En, [
+            y("div", Vn, U(n(l)("inventory.inventoryBindings.recipe")), 1),
+            b.readonly ? T("", !0) : (g(), Y(A, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: n(l)("inventory.inventoryBindings.linkRecipe"),
+              "prepend-icon": "link",
+              onClick: c
+            }, null, 8, ["label"]))
+          ]),
+          y("div", Sn, [
+            y("div", Cn, [
+              y("div", Bn, U(n(l)("inventory.inventoryBindings.recipe")), 1),
+              B[5] || (B[5] = y("div", { class: "w-[200px]" }, null, -1)),
+              b.recipeBindingConfig.ableToApplyRules ? (g(), V("div", Rn)) : T("", !0),
+              b.readonly ? T("", !0) : (g(), V("div", Fn))
+            ]),
+            (g(!0), V(Q, null, me(f.value, (M) => {
+              var j;
+              return g(), Y(un, {
+                key: M.id,
+                "model-value": M,
+                "display-name": (j = o.value[M.id]) == null ? void 0 : j.name,
+                "show-error": i.value.has(M.id),
+                readonly: b.readonly,
+                disabled: b.disabled,
+                "allow-recipe-decimal": b.allowRecipeDecimal,
+                "onUpdate:modelValue": B[0] || (B[0] = (q) => p(q)),
+                onDelete: B[1] || (B[1] = (q) => h(q))
+              }, null, 8, ["model-value", "display-name", "show-error", "readonly", "disabled", "allow-recipe-decimal"]);
+            }), 128))
+          ])
+        ])) : T("", !0),
+        b.enableIngredientGroup ? (g(), V("div", An, [
+          y("div", Tn, [
+            y("div", Un, U(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
+            b.readonly ? T("", !0) : (g(), Y(A, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: n(l)("inventory.inventoryBindings.linkIngredientGroup"),
+              "prepend-icon": "link",
+              onClick: I
+            }, null, 8, ["label"]))
+          ]),
+          y("div", Pn, [
+            y("div", Mn, [
+              y("div", Dn, U(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
+              B[6] || (B[6] = y("div", { class: "w-[200px]" }, null, -1)),
+              B[7] || (B[7] = y("div", { class: "w-[52px]" }, null, -1))
+            ]),
+            (g(!0), V(Q, null, me(k.value, (M) => (g(), Y(R, {
+              key: M.id,
+              disabled: b.disabled,
+              modelValue: +n(Z)(M.amount ?? { amount: 1, precision: 0 }),
+              rules: [n(it)(0), n(qe)(0)]
+            }, {
+              default: J(({ invalid: j }) => {
+                var q;
+                return [
+                  y("div", Gn, [
+                    i.value.has(M.id) ? (g(), V("div", Nn, [
+                      x(P, {
+                        name: "error",
+                        color: "system-error-300",
+                        size: "sm"
+                      }),
+                      y("div", null, U(n(l)("inventory.inventoryBindings.circularError")), 1)
+                    ])) : T("", !0),
+                    y("div", zn, [
+                      y("div", On, [
+                        y("div", jn, U((q = $.value[M.id]) == null ? void 0 : q.name), 1)
+                      ]),
+                      y("div", Ln, [
+                        x(K, {
+                          class: "w-full",
+                          disabled: b.disabled,
+                          modelValue: +n(Z)(M.amount ?? { amount: 1, precision: 0 }),
+                          "onUpdate:modelValue": (oe) => _(M.id, oe, b.modelValue),
+                          invalid: j
+                        }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
+                      ]),
+                      b.readonly ? T("", !0) : (g(), V("div", Kn, [
+                        x(A, {
+                          disabled: b.disabled,
+                          type: "button",
+                          variant: "plain",
+                          icon: "delete",
+                          "icon-color": "#000000",
+                          onClick: (oe) => h(M.id)
+                        }, null, 8, ["disabled", "onClick"])
+                      ]))
+                    ])
+                  ])
+                ];
+              }),
+              _: 2
+            }, 1032, ["disabled", "modelValue", "rules"]))), 128))
+          ])
+        ])) : T("", !0),
+        y("div", qn, [
+          y("div", Wn, [
+            y("div", Yn, U(n(l)("inventory.inventoryBindings.ingredient")), 1),
+            b.readonly ? T("", !0) : (g(), Y(A, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: n(l)("inventory.inventoryBindings.linkIngredient"),
+              "prepend-icon": "link",
+              onClick: S
+            }, null, 8, ["label"]))
+          ]),
+          y("div", Jn, [
+            y("div", Hn, [
+              y("div", Qn, U(n(l)("inventory.inventoryBindings.ingredient")), 1),
+              y("div", Xn, U(n(l)("inventory.inventoryBindings.amount")), 1),
+              B[8] || (B[8] = y("div", { class: "w-[52px]" }, null, -1)),
+              (ee = b.skuBindingConfig) != null && ee.ableToApplyRules || (O = b.skuBindingConfig) != null && O.ableToConfigureAlternative ? (g(), V("div", Zn)) : T("", !0)
+            ]),
+            (g(!0), V(Q, null, me(e.value, (M) => {
+              var j, q, oe;
+              return g(), V(Q, {
+                key: M.id
+              }, [
+                z(M) ? (g(), V("div", eo, [
+                  y("div", to, [
+                    y("div", no, U(M.id), 1),
+                    b.readonly ? T("", !0) : (g(), V("div", oo, [
+                      x(A, {
+                        disabled: b.disabled,
+                        type: "button",
+                        variant: "tertiary",
+                        icon: "delete",
+                        onClick: () => h(M.id)
+                      }, null, 8, ["disabled", "onClick"])
+                    ]))
+                  ]),
+                  y("div", io, [
+                    x(P, {
+                      name: "error",
+                      color: "system-error-300",
+                      size: "sm"
+                    }),
+                    y("div", null, U(n(l)("inventory.inventoryBindings.missingIngredient")), 1)
+                  ])
+                ])) : (g(), Y(wn, {
+                  key: 1,
+                  "model-value": M,
+                  "display-name": (j = a.value[M.id]) == null ? void 0 : j.name,
+                  unit: N(M),
+                  "show-error": i.value.has(M.id),
+                  "able-to-apply-rules": ((q = b.skuBindingConfig) == null ? void 0 : q.ableToApplyRules) === !0,
+                  "able-to-configure-alternative": ((oe = b.skuBindingConfig) == null ? void 0 : oe.ableToConfigureAlternative) === !0,
+                  readonly: b.readonly,
+                  disabled: b.disabled,
+                  "onUpdate:modelValue": B[2] || (B[2] = (X) => p(X)),
+                  onDelete: B[3] || (B[3] = (X) => h(X))
+                }, null, 8, ["model-value", "display-name", "unit", "show-error", "able-to-apply-rules", "able-to-configure-alternative", "readonly", "disabled"]))
+              ], 64);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+}), ao = { class: "flex flex-col gap-40" }, ro = {
+  key: 0,
+  class: "flex flex-col gap-16"
+}, so = {
+  key: 0,
+  class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
+}, uo = {
+  key: 0,
+  class: "flex flex-col items-center w-full h-full gap-24"
+}, co = { key: 1 }, po = { class: "mt-32" }, mo = /* @__PURE__ */ le({
+  __name: "RecipeForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(m, { expose: s, emit: l }) {
+    const t = m, o = l, a = We(), { t: $ } = ie(), d = F({
+      get() {
+        var p;
+        return ((p = t.modelValue) == null ? void 0 : p.name) ?? "";
+      },
+      set(p) {
+        const h = t.modelValue ?? {};
+        h.name = p, o("update:modelValue", h);
+      }
+    }), r = F({
+      get() {
+        var p;
+        return ((p = t.modelValue) == null ? void 0 : p.contains) ?? [];
+      },
+      set(p) {
+        const h = t.modelValue ?? {};
+        h.contains = p, o("update:modelValue", h);
+      }
+    }), u = F({
+      get() {
+        var p;
+        return ((p = t.modelValue) == null ? void 0 : p.customAttributes) ?? {};
+      },
+      set(p) {
+        const h = t.modelValue ? {
+          ...t.modelValue
+        } : {};
+        h.customAttributes = p, o("update:modelValue", h);
+      }
+    }), i = F({
+      get() {
+        var p;
+        return ((p = t.modelValue) == null ? void 0 : p.version) ?? null;
+      },
+      set(p) {
+        const h = t.modelValue ? { ...t.modelValue } : {};
+        h.version = p, o("update:modelValue", h);
+      }
+    }), f = F({
+      get() {
+        return i.value === "v2";
+      },
+      set(p) {
+        i.value = p ? "v2" : null;
+      }
+    });
+    function v() {
+      o("click:submit");
+    }
+    const C = W();
+    s({
+      validateInputs: () => {
+        var p, h;
+        (h = (p = C.value) == null ? void 0 : p.validateInputs) == null || h.call(p);
+      },
+      resetInputsValidation: () => {
+        var p, h;
+        (h = (p = C.value) == null ? void 0 : p.resetInputsValidation) == null || h.call(p);
+      },
+      resetInputs: () => {
+        var p, h;
+        (h = (p = C.value) == null ? void 0 : p.resetInputs) == null || h.call(p);
+      }
+    });
+    const w = ne(), c = W([]), k = W(!1), I = W(!1);
+    ue(k, async (p) => {
+      _(p);
+    });
+    async function _(p) {
+      var h, N;
+      p && !I.value && ((h = t.modelValue) != null && h._id) && (I.value = !0, c.value = await w.getAffectedMenu((N = t.modelValue) == null ? void 0 : N._id).delayed(500), I.value = !1);
+    }
+    const e = F(
+      () => w.recipes.map((p) => ({ label: p.name, value: p.name }))
+    ), S = F(() => {
+      var p;
+      return ((p = t.modelValue) == null ? void 0 : p.name) ?? "";
+    });
+    return (p, h) => {
+      const N = G("FmTextField"), z = G("FmSwitch"), b = G("FmCard"), B = G("FmSpacer"), R = G("FmCircularProgress"), A = G("FmForm");
+      return g(), Y(A, {
+        ref_key: "formRef",
+        ref: C,
+        onValidationSuccess: v
+      }, {
+        default: J(() => [
+          y("div", ao, [
+            x(N, {
+              disabled: p.disabled,
+              label: n($)("inventory.recipe.name"),
+              "model-value": d.value,
+              "onUpdate:modelValue": h[0] || (h[0] = (P) => d.value = P),
+              rules: [
+                n(Ft)(),
+                n(lt)(e.value, S.value, (P) => `[${P.value}] already exists`)
+              ],
+              "label-mark": "required"
+            }, null, 8, ["disabled", "label", "model-value", "rules"]),
+            n(a).enableRecipeV2 ? (g(), V("div", ro, [
+              x(z, {
+                modelValue: f.value,
+                "onUpdate:modelValue": h[1] || (h[1] = (P) => f.value = P),
+                value: !0,
+                label: n($)("inventory.recipe.enableRecipeV2"),
+                "label-placement": "right",
+                disabled: p.disabled,
+                sublabel: n($)("inventory.recipe.recipeV2Warning")
+              }, null, 8, ["modelValue", "label", "disabled", "sublabel"])
+            ])) : T("", !0),
+            x(b, {
+              variant: "outlined",
+              class: "p-16"
+            }, {
+              default: J(() => {
+                var P, K;
+                return [
+                  n(a).enableRecipeV2 ? (g(), Y(lo, {
+                    key: 0,
+                    id: (P = p.modelValue) == null ? void 0 : P._id,
+                    disabled: p.disabled,
+                    "model-value": r.value,
+                    "onUpdate:modelValue": h[2] || (h[2] = (H) => r.value = H),
+                    rules: [n(Ne)(1)],
+                    "enable-ingredient-group": n(a).enableIngredientGroup,
+                    "allow-recipe-decimal": "",
+                    "recipe-binding-config": { enabled: !f.value, ableToApplyRules: f.value },
+                    "sku-binding-config": {
+                      ableToConfigureAlternative: f.value
+                    }
+                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group", "recipe-binding-config", "sku-binding-config"])) : (g(), Y(Tt, {
+                    key: 1,
+                    id: (K = p.modelValue) == null ? void 0 : K._id,
+                    disabled: p.disabled,
+                    "model-value": r.value,
+                    "onUpdate:modelValue": h[3] || (h[3] = (H) => r.value = H),
+                    rules: [n(Ne)(1)],
+                    "enable-ingredient-group": n(a).enableIngredientGroup,
+                    "allow-recipe-decimal": ""
+                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group"]))
+                ];
+              }),
+              _: 1
+            })
+          ]),
+          p.mode !== n(de).CREATE ? (g(), V("div", so, [
+            x(z, {
+              label: "Show binded items",
+              modelValue: k.value,
+              "onUpdate:modelValue": h[4] || (h[4] = (P) => k.value = P),
+              "label-placement": "right",
+              disabled: I.value
+            }, null, 8, ["modelValue", "disabled"]),
+            I.value ? (g(), V("div", uo, [
+              x(B),
+              y("div", null, [
+                x(R, { size: "xl" })
+              ]),
+              h[6] || (h[6] = y("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+              x(B)
+            ])) : k.value && c.value.length ? (g(), V("div", co, [
+              x(nt, {
+                name: "Menu",
+                bindings: c.value
+              }, null, 8, ["bindings"])
+            ])) : T("", !0)
+          ])) : T("", !0),
+          y("div", po, [
+            x(jt, {
+              entity: "inventoryRecipe",
+              modelValue: u.value,
+              "onUpdate:modelValue": h[5] || (h[5] = (P) => u.value = P)
+            }, null, 8, ["modelValue"])
+          ])
+        ]),
+        _: 1
+      }, 512);
+    };
+  }
+}), fo = { class: "flex gap-4" }, vo = /* @__PURE__ */ le({
+  __name: "RecipeDialog",
+  props: {
+    show: { type: Boolean },
+    recipe: {},
+    mode: { default: de.READ }
+  },
+  emits: ["update:show"],
+  setup(m) {
+    const s = m, l = ne(), t = Le(), { t: o } = ie(), a = Ge(s, "show"), $ = Ge(s, "recipe"), d = F(() => {
+      switch (s.mode) {
+        case de.READ:
+          return "";
+        case de.UPDATE:
+          return o("inventory.recipe.update.title");
+        case de.CREATE:
+          return o("inventory.recipe.create.title");
+      }
+      return "";
+    }), r = F(() => {
+      switch (s.mode) {
+        case de.READ:
+          return "";
+        case de.UPDATE:
+          return o("common.save");
+        case de.CREATE:
+          return o("common.add");
+      }
+      return "";
+    }), u = W(), i = W(!1);
+    async function f() {
+      i.value = !0;
+      try {
+        const c = Oe($.value);
+        c.precision ?? (c.precision = 0), c.measurements ?? (c.measurements = []), await l.createRecipe(c), a.value = !1, t.open({
+          title: o("inventory.common.success"),
+          message: o("inventory.recipe.create.success", { name: $.value.name }),
+          type: "success"
+        });
+      } catch (c) {
+        c instanceof Je || t.open({
+          title: o("inventory.recipe.create.error.title"),
+          message: o("inventory.recipe.create.error.message"),
+          type: "error"
+        });
+      } finally {
+        i.value = !1;
+      }
+    }
+    async function v() {
+      i.value = !0;
+      try {
+        await l.updateRecipe($.value), a.value = !1, t.open({
+          title: o("inventory.common.success"),
+          message: o("inventory.recipe.update.success", { name: $.value.name }),
+          type: "success"
+        });
+      } catch (c) {
+        c instanceof Je || t.open({
+          title: o("inventory.recipe.update.error.title"),
+          message: o("inventory.recipe.update.error.message"),
+          type: "error"
+        });
+      } finally {
+        i.value = !1;
+      }
+    }
+    function C() {
+      var c, k;
+      (k = (c = u.value) == null ? void 0 : c.validateInputs) == null || k.call(c);
+    }
+    function w() {
+      switch (s.mode) {
+        case de.READ:
+          return;
+        case de.UPDATE:
+          return v();
+        case de.CREATE:
+          return f();
+      }
+    }
+    return (c, k) => {
+      const I = G("FmButton"), _ = G("FmSideSheet");
+      return g(), Y(_, {
+        "model-value": n(a),
+        "onUpdate:modelValue": k[3] || (k[3] = (e) => Me(a) ? a.value = e : null),
+        header: d.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 800
+      }, {
+        "side-sheet-footer": J(() => [
+          y("div", fo, [
+            x(I, {
+              loading: i.value,
+              label: r.value,
+              onClick: C
+            }, null, 8, ["loading", "label"]),
+            x(I, {
+              disabled: i.value,
+              label: n(o)("common.close"),
+              variant: "tertiary",
+              onClick: k[2] || (k[2] = (e) => a.value = !1)
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        default: J(() => [
+          x(mo, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: u,
+            modelValue: n($),
+            "onUpdate:modelValue": k[0] || (k[0] = (e) => Me($) ? $.value = e : null),
+            mode: c.mode,
+            disabled: i.value,
+            "onClick:submit": k[1] || (k[1] = (e) => w())
+          }, null, 8, ["modelValue", "mode", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+});
+function ke(m, s, l) {
+  const t = [];
+  for (const o of m)
+    if (o.type === ge.enum.SKU)
+      t.push({ ...o, recipeIds: [...s] });
+    else if (o.type === ge.enum.SKU_GROUP)
+      t.push({ ...o, isGroup: !0, recipeIds: [...s] });
+    else if (o.type === ge.enum.RECIPE) {
+      const a = l[o.id];
+      a && !s.has(o.id) && t.push(
+        ...ke(a.contains, /* @__PURE__ */ new Set([...s, o.id]), l)
+      );
+    }
+  return t;
+}
+function yo(m, s) {
+  return he.equal(m, s);
+}
+function Fe(m) {
+  if (m == null) return null;
+  const s = m.$and, l = m.$or;
+  return Array.isArray(s) && s.length === 0 || Array.isArray(l) && l.length === 0 || Object.keys(m).length === 0 ? null : JSON.stringify(m);
+}
+function Ae(m) {
+  const s = (m ?? []).map((l) => ({
+    _id: l._id,
+    trackingMeasurement: l.trackingMeasurement ?? null,
+    priority: l.priority ?? null,
+    default: l.default ?? null
+  })).sort((l, t) => l._id.localeCompare(t._id));
+  return JSON.stringify(s);
+}
+function Xe(m) {
+  return m.measurement ? he.multiplyDecimal(m.amount, m.measurement.conversion) : m.amount;
+}
+function Pe(m, s) {
+  var o, a;
+  if (m.type !== s.type || m.id !== s.id || !yo(Xe(m), Xe(s))) return !1;
+  const l = ((o = m.measurement) == null ? void 0 : o.id) ?? null, t = ((a = s.measurement) == null ? void 0 : a.id) ?? null;
+  return !(l !== t || Fe(m.rules) !== Fe(s.rules) || Ae(m.alternatives) !== Ae(s.alternatives));
+}
+function Ze(m, s) {
+  return m.type === s.type && m.id === s.id;
+}
+function bo(m, s) {
+  const l = [];
+  let t = [...m.contains];
+  for (const a of s)
+    switch (a.type) {
+      case "remove-binding": {
+        const $ = t.findIndex(
+          (d) => d.type === a.target.type && d.id === a.target.id
+        );
+        $ === -1 ? l.push({ change: a, outcome: "ignored", reason: "Source binding not found in target" }) : (t = [...t.slice(0, $), ...t.slice($ + 1)], l.push({ change: a, outcome: "applied" }));
+        break;
+      }
+      case "add-binding": {
+        if (t.find((r) => Pe(r, a.binding))) {
+          l.push({ change: a, outcome: "already-satisfied", reason: "Exact binding already present" });
+          break;
+        }
+        if (t.find((r) => Ze(r, a.binding))) {
+          l.push({ change: a, outcome: "blocked", reason: "A similar but non-exact binding already exists" });
+          break;
+        }
+        if (m.version === "v2" && a.binding.type === "RECIPE") {
+          l.push({ change: a, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
+          break;
+        }
+        if (m.version !== "v2" && (a.binding.alternatives ?? []).length > 0) {
+          l.push({ change: a, outcome: "blocked", reason: "Cannot add a binding with alternatives to a non-V2 recipe" });
+          break;
+        }
+        t = [...t, a.binding], l.push({ change: a, outcome: "applied" });
+        break;
+      }
+      case "replace-binding": {
+        const $ = t.findIndex(
+          (u) => u.type === a.from.type && u.id === a.from.id
+        ), d = t.find((u) => Pe(u, a.to)), r = t.find((u, i) => i !== $ && Ze(u, a.to) && !Pe(u, a.to));
+        if ($ === -1) {
+          d ? l.push({ change: a, outcome: "already-satisfied", reason: "Target already has exact replacement" }) : l.push({ change: a, outcome: "ignored", reason: "Source binding not found in target" });
+          break;
+        }
+        if (m.version === "v2" && a.to.type === "RECIPE") {
+          l.push({ change: a, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
+          break;
+        }
+        if (m.version !== "v2" && (a.to.alternatives ?? []).length > 0) {
+          l.push({ change: a, outcome: "blocked", reason: "Cannot apply a binding with alternatives to a non-V2 recipe" });
+          break;
+        }
+        if (r) {
+          l.push({ change: a, outcome: "blocked", reason: "A similar but non-exact replacement binding already exists" });
+          break;
+        }
+        d ? (t = [...t.slice(0, $), ...t.slice($ + 1)], l.push({ change: a, outcome: "applied", reason: "Source removed; replacement already present" })) : (t = [
+          ...t.slice(0, $),
+          a.to,
+          ...t.slice($ + 1)
+        ], l.push({ change: a, outcome: "applied" }));
+        break;
+      }
+      case "update-binding-rule": {
+        const $ = t.findIndex(
+          (i) => i.type === a.target.type && i.id === a.target.id
+        );
+        if ($ === -1) {
+          l.push({ change: a, outcome: "ignored", reason: "Binding not found in target" });
+          break;
+        }
+        const d = t[$], r = d.rules ?? null, u = a.rule ?? null;
+        if (Fe(r) === Fe(u)) {
+          l.push({ change: a, outcome: "already-satisfied", reason: "Rule already matches" });
+          break;
+        }
+        t = [
+          ...t.slice(0, $),
+          { ...d, rules: u },
+          ...t.slice($ + 1)
+        ], l.push({ change: a, outcome: "applied" });
+        break;
+      }
+      case "update-alternatives": {
+        if (m.version !== "v2") {
+          l.push({ change: a, outcome: "blocked", reason: "Cannot update alternatives on a non-V2 recipe" });
+          break;
+        }
+        const $ = t.findIndex(
+          (i) => i.type === a.target.type && i.id === a.target.id
+        );
+        if ($ === -1) {
+          l.push({ change: a, outcome: "ignored", reason: "Binding not found in target" });
+          break;
+        }
+        const d = t[$], r = Ae(d.alternatives), u = Ae(a.alternatives);
+        if (r === u) {
+          l.push({ change: a, outcome: "already-satisfied", reason: "Alternatives already match" });
+          break;
+        }
+        t = [
+          ...t.slice(0, $),
+          { ...d, alternatives: a.alternatives },
+          ...t.slice($ + 1)
+        ], l.push({ change: a, outcome: "applied" });
+        break;
+      }
+    }
+  return { projected: { ...m, contains: t }, results: l };
+}
+function et(m) {
+  switch (m.type) {
+    case "add-binding":
+      return m.binding.id !== "";
+    case "remove-binding":
+      return m.target.id !== "";
+    case "replace-binding":
+      return m.from.id !== "" && m.to.id !== "";
+    case "update-binding-rule":
+      return m.target.id !== "";
+    case "update-alternatives":
+      return m.target.id !== "";
+  }
+}
+function go(m) {
+  if (m.length === 0) return "no-applicable-changes";
+  let s = 0, l = 0, t = 0, o = 0;
+  for (const a of m)
+    a.outcome === "applied" ? s++ : a.outcome === "blocked" ? l++ : a.outcome === "ignored" ? t++ : a.outcome === "already-satisfied" && o++;
+  return l > 0 && s === 0 ? "blocked" : o === m.length ? "already-satisfied" : s > 0 && (t > 0 || l > 0) ? "partially-ignored" : s > 0 ? "will-update" : "no-applicable-changes";
+}
+let _o = 0;
+function ko(m = null) {
+  return {
+    id: String(++_o),
+    type: m,
+    itemId: null,
+    amountModel: be()
+  };
+}
+function ut(m, s, l, t) {
+  for (const o of m)
+    if (o.type === "RECIPE") {
+      if (o.id === s) return !0;
+      if (!l.has(o.id)) {
+        const a = t[o.id];
+        if (a && ut(a.contains, s, /* @__PURE__ */ new Set([...l, o.id]), t))
+          return !0;
+      }
+    }
+  return !1;
+}
+const _e = ot("recipeBulkEditor", function() {
+  const s = ne(), l = Le(), { t } = ie(), o = W(!1), a = W(1), $ = W(null), d = W(/* @__PURE__ */ new Set()), r = W([]), u = W({}), i = W(!1), f = W(/* @__PURE__ */ new Map()), v = W(""), C = W([]), w = F(() => {
+    let O = s.recipes;
+    const M = $.value;
+    if (M != null && M.nameSearch) {
+      const j = M.nameSearch.trim().toLowerCase();
+      j && (O = O.filter((q) => q.name.toLowerCase().includes(j)));
+    }
+    if (M != null && M.filters && M.filters.length > 0) {
+      const j = /* @__PURE__ */ new Map();
+      for (const q of O)
+        j.set(
+          q._id,
+          ke(q.contains, /* @__PURE__ */ new Set([q._id]), s.recipeById)
+        );
+      for (const q of M.filters)
+        if (q.type === "ingredient") {
+          const { itemId: oe, amount: X, measurementId: se } = q;
+          O = O.filter((fe) => (j.get(fe._id) ?? []).some((ae) => {
+            var ce;
+            if (ae.type !== "SKU" || ae.id !== oe) return !1;
+            if (ae.recipeIds.length === 1) {
+              if (X != null) {
+                const Te = ae.measurement ? he.multiplyDecimal(ae.amount, ae.measurement.conversion) : ae.amount;
+                if (!he.equal(Te, X)) return !1;
+              }
+              if (se != null && (((ce = ae.measurement) == null ? void 0 : ce.id) ?? null) !== se)
+                return !1;
+            }
+            return !0;
+          }));
+        } else if (q.type === "recipe") {
+          const oe = q.itemId;
+          O = O.filter(
+            (X) => ut(X.contains, oe, /* @__PURE__ */ new Set([X._id]), s.recipeById)
+          );
+        }
+    }
+    return O;
+  }), c = F(
+    () => w.value.filter((O) => !d.value.has(O._id))
+  ), k = F(() => c.value.length > 0), I = F(() => {
+    const O = r.value.filter(et);
+    if (O.length === 0) {
+      const j = {};
+      for (const q of c.value)
+        j[q._id] = {
+          recipeId: q._id,
+          recipeName: q.name,
+          original: q,
+          projected: null,
+          status: "no-applicable-changes",
+          changes: [],
+          counts: { applied: 0, ignored: 0, blocked: 0, satisfied: 0 }
+        };
+      return j;
+    }
+    const M = {};
+    for (const j of c.value) {
+      const q = JSON.parse(JSON.stringify(j)), { projected: oe, results: X } = bo(q, O), se = go(X);
+      let fe = 0, xe = 0, ae = 0, ve = 0;
+      for (const ce of X)
+        ce.outcome === "applied" ? fe++ : ce.outcome === "ignored" ? xe++ : ce.outcome === "blocked" ? ae++ : ce.outcome === "already-satisfied" && ve++;
+      M[j._id] = {
+        recipeId: j._id,
+        recipeName: j.name,
+        original: q,
+        projected: se === "will-update" || se === "partially-ignored" ? oe : null,
+        status: se,
+        changes: X,
+        counts: { applied: fe, ignored: xe, blocked: ae, satisfied: ve }
+      };
+    }
+    return M;
+  }), _ = F(() => r.value.some(et) ? Object.values(I.value).some(
+    (O) => O.status === "will-update" || O.status === "partially-ignored"
+  ) : !1);
+  function e() {
+    p(), o.value = !0;
+  }
+  function S() {
+    o.value = !1;
+  }
+  function p() {
+    a.value = 1, $.value = null, d.value = /* @__PURE__ */ new Set(), r.value = [], u.value = {}, i.value = !1, f.value = /* @__PURE__ */ new Map(), v.value = "", C.value = [];
+  }
+  function h(O) {
+    $.value = O;
+  }
+  function N(O) {
+    const M = new Set(d.value);
+    M.add(O), d.value = M;
+  }
+  function z() {
+    d.value = /* @__PURE__ */ new Set();
+  }
+  function b(O) {
+    r.value = [...r.value, O];
+  }
+  function B(O, M) {
+    const j = [...r.value];
+    j[O] = M, r.value = j;
+  }
+  function R(O) {
+    r.value = r.value.filter((M, j) => j !== O);
+  }
+  function A(O, M) {
+    const j = [...r.value], [q] = j.splice(O, 1);
+    j.splice(M, 0, q), r.value = j;
+  }
+  function P() {
+    u.value = { ...I.value }, a.value = 3;
+  }
+  function K() {
+    u.value = {}, a.value = 2;
+  }
+  function H() {
+    return Object.values(u.value).filter(
+      (O) => (O.status === "will-update" || O.status === "partially-ignored") && O.projected != null
+    ).map((O) => O.projected);
+  }
+  async function ee() {
+    if (!i.value) {
+      i.value = !0, f.value = /* @__PURE__ */ new Map();
+      try {
+        const O = H(), M = await s.importRecipes({
+          create: [],
+          update: O
+        }), j = (M == null ? void 0 : M.errors) ?? [];
+        if (j.length > 0) {
+          const q = /* @__PURE__ */ new Map();
+          for (const { data: oe, error: X } of j) {
+            const se = typeof X == "string" ? X : (X == null ? void 0 : X.message) ?? t("inventory.recipe.bulkEditor.step3.unknownError");
+            q.set(oe._id, se);
+          }
+          f.value = q, l.open({
+            title: t("inventory.recipe.bulkEditor.step3.partialErrorTitle"),
+            message: t("inventory.recipe.bulkEditor.step3.partialErrorMessage", {
+              count: j.length
+            }),
+            type: "warning"
+          });
+        } else
+          l.open({
+            title: t("inventory.recipe.bulkEditor.step3.successTitle"),
+            message: t("inventory.recipe.bulkEditor.step3.successMessage", {
+              count: O.length
+            }),
+            type: "success"
+          }), o.value = !1, p();
+      } catch (O) {
+        l.open({
+          title: t("inventory.recipe.bulkEditor.step3.errorTitle"),
+          message: t("inventory.recipe.bulkEditor.step3.errorMessage"),
+          type: "error"
+        }), console.error("confirmAndApply failed", O);
+      } finally {
+        i.value = !1;
+      }
+    }
+  }
+  return {
+    // state
+    show: o,
+    currentStep: a,
+    query: $,
+    excludedRecipeIds: d,
+    modifications: r,
+    entries: u,
+    isSaving: i,
+    applyErrors: f,
+    nameSearch: v,
+    filterRows: C,
+    // computed
+    matchedRecipes: w,
+    selectedRecipes: c,
+    livePreviewEntries: I,
+    canGoToStep2: k,
+    canGoToStep3: _,
+    // actions
+    openDialog: e,
+    closeDialog: S,
+    reset: p,
+    updateQuery: h,
+    removeRecipe: N,
+    restoreAllRecipes: z,
+    addModification: b,
+    updateModification: B,
+    removeModification: R,
+    reorderModification: A,
+    goToStep3: P,
+    backToStep2: K,
+    buildPayload: H,
+    confirmAndApply: ee
+  };
+}), ho = { class: "flex flex-col h-full" }, xo = { class: "px-16 pt-16 pb-8 shrink-0 flex items-center justify-between" }, wo = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, $o = { class: "px-16 pt-12 pb-16 border-b border-fm-color-border-default bg-fm-color-surface-default flex flex-col gap-12 shrink-0" }, Io = {
+  key: 0,
+  class: "flex flex-wrap items-center gap-8"
+}, Eo = {
+  type: "button",
+  class: "inline-flex items-center gap-4 h-[30px] pl-8 pr-6 rounded-l-md border border-r-0 border-fm-color-border-default bg-fm-color-surface-secondary hover:bg-fm-color-surface-hover cursor-pointer select-none transition-colors"
+}, Vo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, So = { class: "flex flex-col gap-8 p-12 min-w-[260px]" }, Co = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, Bo = {
+  key: 0,
+  class: "flex flex-col gap-4"
+}, Ro = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Fo = { class: "text-fm-color-typo-placeholder ml-4" }, Ao = ["title", "onClick"], To = { class: "flex-1 overflow-y-auto" }, Uo = {
+  key: 0,
+  class: "flex flex-col items-center justify-center h-full gap-8 px-24 text-center"
+}, Po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mo = {
+  key: 1,
+  class: "divide-y divide-fm-color-border-default"
+}, Do = { class: "flex-1 min-w-0" }, Go = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary truncate" }, No = {
+  key: 0,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-1 whitespace-normal break-words"
+}, zo = { class: "flex items-center gap-4 mt-2" }, Oo = /* @__PURE__ */ le({
+  __name: "RecipeBulkEditorStep1",
+  setup(m) {
+    const { t: s } = ie(), l = ne(), t = _e(), o = F({
+      get: () => t.nameSearch,
+      set: (_) => {
+        t.nameSearch = _;
+      }
+    }), a = F(() => t.filterRows), $ = W({});
+    function d(_) {
+      return $.value[_] ?? !1;
+    }
+    function r(_, e) {
+      $.value = { ...$.value, [_]: e };
+    }
+    const u = F(
+      () => l.skus.map((_) => ({
+        label: _.name,
+        sublabel: _.code,
+        value: _._id
+      }))
+    ), i = F(
+      () => l.recipes.map((_) => ({
+        label: _.name,
+        value: _._id
+      }))
+    );
+    function f(_) {
+      return _.type !== "ingredient" || !_.itemId ? null : l.skuById[_.itemId] ?? null;
+    }
+    function v(_) {
+      var e;
+      if (!_.type) return s("inventory.recipe.bulkEditor.step1.filter");
+      if (_.type === "ingredient") {
+        if (!_.itemId) return s("inventory.recipe.bulkEditor.step1.filterTypeIngredient");
+        const S = l.skuById[_.itemId];
+        if (!S) return s("inventory.recipe.bulkEditor.step1.filterTypeIngredient");
+        const { amount: p, measurement: h } = _.amountModel;
+        if (!(p != null && p.amount > 0)) return S.name;
+        const z = (h == null ? void 0 : h.abbrev) ?? ((e = S.unit) == null ? void 0 : e.abbrev) ?? "", b = Z(p);
+        return `${S.name} (${b}${z})`;
+      }
+      if (_.type === "recipe") {
+        if (!_.itemId) return s("inventory.recipe.bulkEditor.step1.filterTypeRecipe");
+        const S = l.recipeById[_.itemId];
+        return S ? S.name : s("inventory.recipe.bulkEditor.step1.filterTypeRecipe");
+      }
+      return "";
+    }
+    function C(_) {
+      const e = ko(_);
+      t.filterRows.push(e), r(e.id, !0);
+    }
+    function w(_) {
+      t.filterRows = t.filterRows.filter((S) => S.id !== _);
+      const e = { ...$.value };
+      delete e[_], $.value = e;
+    }
+    function c(_) {
+      _.amountModel = be(), r(_.id, !0);
+    }
+    ue(
+      [o, a],
+      () => {
+        const _ = [];
+        for (const p of a.value)
+          if (!(!p.type || !p.itemId))
+            if (p.type === "ingredient") {
+              const h = f(p), { amount: N, measurement: z } = p.amountModel, b = N != null && N.amount > 0;
+              let B, R;
+              h && b && (B = z ? he.multiplyDecimal(N, z.conversion) : N, R = (z == null ? void 0 : z.id) ?? null), _.push({
+                id: p.id,
+                type: "ingredient",
+                itemId: p.itemId,
+                amount: B ?? null,
+                measurementId: R
+              });
+            } else p.type === "recipe" && _.push({
+              id: p.id,
+              type: "recipe",
+              itemId: p.itemId
+            });
+        t.updateQuery({
+          nameSearch: o.value,
+          filters: _
+        });
+        const e = o.value.trim().length > 0, S = _.length > 0;
+        !e && !S && t.restoreAllRecipes();
+      },
+      { deep: !0, immediate: !0 }
+    );
+    function k(_) {
+      var h, N, z, b;
+      if (_.isGroup) {
+        const B = l.skuGroupById[_.id];
+        if (!B) return null;
+        const R = `x${Z(_.amount)}`;
+        return _.recipeIds.slice(1).length ? `(${((h = l.recipeById[_.recipeIds.at(-1) ?? ""]) == null ? void 0 : h.name) ?? ""}) ${B.name} (${R})` : `${B.name} (${R})`;
+      }
+      const e = l.skuById[_.id];
+      if (!e) return null;
+      const S = ((N = _.measurement) == null ? void 0 : N.abbrev) ?? ((z = e.unit) == null ? void 0 : z.abbrev) ?? "", p = `${Z(_.amount)}${S}`;
+      return _.recipeIds.slice(1).length ? `(${((b = l.recipeById[_.recipeIds.at(-1) ?? ""]) == null ? void 0 : b.name) ?? ""}) ${e.name} (${p})` : `${e.name} (${p})`;
+    }
+    function I(_) {
+      return ke(_.contains, /* @__PURE__ */ new Set([_._id]), l.recipeById).map(k).filter((e) => e !== null).join(", ");
+    }
+    return (_, e) => {
+      const S = G("FmButton"), p = G("FmSearch"), h = G("FmSelect"), N = G("FmPopover"), z = G("FmIcon"), b = G("FmMenuItem"), B = G("FmMenu"), R = G("FmChip");
+      return g(), V("div", ho, [
+        y("div", xo, [
+          y("span", wo, U(n(s)("inventory.recipe.bulkEditor.step1.selectedCount", {
+            count: n(t).selectedRecipes.length
+          })), 1),
+          n(t).excludedRecipeIds.size > 0 ? (g(), Y(S, {
+            key: 0,
+            label: n(s)("inventory.recipe.bulkEditor.step1.restoreAll"),
+            variant: "tertiary",
+            size: "md",
+            onClick: e[0] || (e[0] = (A) => n(t).restoreAllRecipes())
+          }, null, 8, ["label"])) : T("", !0)
+        ]),
+        y("div", $o, [
+          x(p, {
+            modelValue: o.value,
+            "onUpdate:modelValue": e[1] || (e[1] = (A) => o.value = A),
+            placeholder: n(s)("inventory.recipe.bulkEditor.query.nameSearchPlaceholder")
+          }, null, 8, ["modelValue", "placeholder"]),
+          a.value.length > 0 ? (g(), V("div", Io, [
+            (g(!0), V(Q, null, me(a.value, (A) => (g(), V("div", {
+              key: A.id,
+              class: "flex items-center"
+            }, [
+              x(N, {
+                "show-popover": d(A.id),
+                "exclude-el-from-click-outside": ["fm-menu"],
+                placement: "bottom-start",
+                onPopoverChanged: (P) => r(A.id, P)
+              }, {
+                "popover-button": J(() => [
+                  y("button", Eo, [
+                    y("span", Vo, U(v(A)), 1)
+                  ])
+                ]),
+                default: J(() => [
+                  y("div", So, [
+                    y("p", Co, U(A.type === "ingredient" ? n(s)("inventory.recipe.bulkEditor.step1.filterTypeIngredient") : n(s)("inventory.recipe.bulkEditor.step1.filterTypeRecipe")), 1),
+                    A.type === "ingredient" ? (g(), V(Q, { key: 0 }, [
+                      x(h, {
+                        modelValue: A.itemId,
+                        "onUpdate:modelValue": [(P) => A.itemId = P, (P) => c(A)],
+                        items: u.value,
+                        placeholder: n(s)("inventory.recipe.bulkEditor.step1.selectIngredient"),
+                        clearable: ""
+                      }, {
+                        "menu-wrapper": J((P) => [
+                          x(Be, Ie({ ref_for: !0 }, P, {
+                            items: u.value,
+                            "model-value": A.itemId
+                          }), null, 16, ["items", "model-value"])
+                        ]),
+                        _: 2
+                      }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"]),
+                      f(A) ? (g(), V("div", Bo, [
+                        y("span", Ro, [
+                          mt(U(n(s)("inventory.recipe.bulkEditor.step1.amountLabel")) + " ", 1),
+                          y("span", Fo, U(n(s)("inventory.recipe.bulkEditor.step1.amountOptional")), 1)
+                        ]),
+                        x(Ce, {
+                          modelValue: A.amountModel,
+                          "onUpdate:modelValue": (P) => A.amountModel = P,
+                          unit: f(A).unit,
+                          placeholder: n(s)("inventory.recipe.bulkEditor.step1.amountPlaceholder"),
+                          "convert-amount-on-change-unit": ""
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "unit", "placeholder"])
+                      ])) : T("", !0)
+                    ], 64)) : A.type === "recipe" ? (g(), Y(h, {
+                      key: 1,
+                      modelValue: A.itemId,
+                      "onUpdate:modelValue": [(P) => A.itemId = P, (P) => c(A)],
+                      items: i.value,
+                      placeholder: n(s)("inventory.recipe.bulkEditor.step1.selectRecipe"),
+                      clearable: ""
+                    }, {
+                      "menu-wrapper": J((P) => [
+                        x(Be, Ie({ ref_for: !0 }, P, {
+                          items: i.value,
+                          "model-value": A.itemId
+                        }), null, 16, ["items", "model-value"])
+                      ]),
+                      _: 2
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"])) : T("", !0)
+                  ])
+                ]),
+                _: 2
+              }, 1032, ["show-popover", "onPopoverChanged"]),
+              y("button", {
+                type: "button",
+                class: "inline-flex items-center justify-center h-[30px] w-[26px] rounded-r-md border border-l-0 border-fm-color-border-default bg-fm-color-surface-secondary hover:bg-fm-color-surface-hover text-fm-color-typo-secondary hover:text-fm-color-typo-primary cursor-pointer transition-colors",
+                title: n(s)("inventory.recipe.bulkEditor.step1.removeFilter"),
+                onClick: (P) => w(A.id)
+              }, [
+                x(z, {
+                  name: "close",
+                  size: "sm"
+                })
+              ], 8, Ao)
+            ]))), 128))
+          ])) : T("", !0),
+          x(B, {
+            "close-on-click": !0,
+            placement: "bottom-start"
+          }, {
+            "menu-button": J(() => [
+              x(S, {
+                label: n(s)("inventory.recipe.bulkEditor.step1.filter"),
+                variant: "secondary",
+                size: "md",
+                "prepend-icon": "add",
+                class: "self-start"
+              }, null, 8, ["label"])
+            ]),
+            default: J(() => [
+              x(b, {
+                label: n(s)("inventory.recipe.bulkEditor.step1.filterTypeIngredient"),
+                icon: "inventory_2",
+                onClick: e[2] || (e[2] = (A) => C("ingredient"))
+              }, null, 8, ["label"]),
+              x(b, {
+                label: n(s)("inventory.recipe.bulkEditor.step1.filterTypeRecipe"),
+                icon: "restaurant_menu",
+                onClick: e[3] || (e[3] = (A) => C("recipe"))
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          })
+        ]),
+        y("div", To, [
+          n(t).selectedRecipes.length === 0 ? (g(), V("div", Uo, [
+            x(z, {
+              name: "search_off",
+              size: "lg",
+              class: "text-fm-color-typo-placeholder"
+            }),
+            y("p", Po, U(n(s)("inventory.recipe.bulkEditor.query.noResults")), 1)
+          ])) : (g(), V("div", Mo, [
+            (g(!0), V(Q, null, me(n(t).selectedRecipes, (A) => (g(), V("div", {
+              key: A._id,
+              class: "flex items-center gap-12 px-16 py-12 hover:bg-fm-color-surface-hover transition-colors"
+            }, [
+              y("div", Do, [
+                y("div", Go, U(A.name), 1),
+                A.contains.length > 0 ? (g(), V("div", No, U(I(A)), 1)) : T("", !0),
+                y("div", zo, [
+                  A.version === "v2" ? (g(), Y(R, {
+                    key: 0,
+                    size: "sm",
+                    label: "V2",
+                    variant: "info"
+                  })) : T("", !0)
+                ])
+              ]),
+              x(S, {
+                variant: "tertiary",
+                icon: "do_not_disturb_on",
+                title: n(s)("inventory.recipe.bulkEditor.step1.removeRecipeTooltip"),
+                onClick: (P) => n(t).removeRecipe(A._id)
+              }, null, 8, ["title", "onClick"])
+            ]))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+}), jo = { class: "flex flex-col gap-0 rounded-lg border border-fm-color-border-default bg-fm-color-surface-default overflow-hidden" }, Lo = { class: "flex items-start gap-12 px-16 py-12" }, Ko = { class: "flex-1" }, qo = { class: "flex-1" }, Wo = {
+  key: 0,
+  class: "border-t border-fm-color-border-default px-16 py-10 flex items-center gap-10"
+}, Yo = {
+  key: 1,
+  class: "border-t border-fm-color-border-default px-16 py-10 flex items-start gap-8 bg-fm-color-surface-warning"
+}, Jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, Ho = {
+  key: 2,
+  class: "border-t border-fm-color-border-default px-16 py-12 flex flex-col gap-12"
+}, Qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, Xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ei = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, ti = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary -mt-8" }, ni = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, oi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ii = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, li = /* @__PURE__ */ le({
+  __name: "ModificationCard",
+  props: {
+    modelValue: {},
+    livePreviewEntries: {}
+  },
+  emits: ["update:modelValue"],
+  setup(m, { emit: s }) {
+    const l = m, t = s, { t: o } = ie(), a = ne(), $ = We();
+    function d(E) {
+      const D = E.type === "replace-binding" ? E.from.type : E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives" ? E.target.type : E.type === "add-binding" ? E.binding.type : null;
+      return D ? D === "RECIPE" ? "recipe" : "ingredient" : null;
+    }
+    function r(E) {
+      return E.type === "update-alternatives" ? !0 : E.type === "add-binding" ? (E.binding.alternatives ?? []).length > 0 : E.type === "replace-binding" ? (E.to.alternatives ?? []).length > 0 : !1;
+    }
+    function u(E) {
+      switch (E.type) {
+        case "add-binding":
+          return "link";
+        case "replace-binding":
+          return E.from.id === E.to.id ? "update" : null;
+        case "remove-binding":
+          return "remove";
+        case "update-binding-rule":
+          return null;
+        case "update-alternatives":
+          return "alts";
+      }
+    }
+    function i(E) {
+      return E.type === "replace-binding" ? E.from.id || null : (E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives") && E.target.id || null;
+    }
+    function f(E) {
+      return E.type === "add-binding" && E.binding.id || null;
+    }
+    function v(E) {
+      const D = E.type === "replace-binding" ? E.to : E.type === "add-binding" ? E.binding : null;
+      return D ? { amount: D.amount, measurement: D.measurement ?? null } : be();
+    }
+    function C(E) {
+      return E.type === "replace-binding" ? E.to.rules ?? null : E.type === "add-binding" ? E.binding.rules ?? null : null;
+    }
+    function w(E) {
+      return E.type === "update-alternatives" ? E.alternatives ?? [] : E.type === "add-binding" ? E.binding.alternatives ?? [] : [];
+    }
+    const c = W(d(l.modelValue)), k = W(u(l.modelValue)), I = W(r(l.modelValue)), _ = W(i(l.modelValue)), e = W(f(l.modelValue)), S = W(v(l.modelValue)), p = W(C(l.modelValue)), h = W(w(l.modelValue)), N = W(
+      (() => {
+        const E = v(l.modelValue);
+        return E.amount ? Z(E.amount) : "";
+      })()
+    );
+    let z = null;
+    function b(E) {
+      N.value = E, z && clearTimeout(z), z = setTimeout(() => {
+        const D = +E;
+        S.value = {
+          amount: E.length > 0 && isFinite(D) ? Ke(D) : { amount: 0, precision: 0 },
+          measurement: null
+        };
+      }, 300);
+    }
+    ue(c, () => {
+      k.value = null, I.value = !1, _.value = null, e.value = null, S.value = be(), p.value = null, h.value = [], N.value = "";
+    }), ue(k, () => {
+      _.value = null, e.value = null, S.value = be(), p.value = null, h.value = [], N.value = "";
+    }), ue(I, (E) => {
+      E || (h.value = [], k.value === "alts" && (k.value = null));
+    });
+    const B = F(() => [
+      { label: o("inventory.recipe.bulkEditor.step2.fieldIngredient"), value: "ingredient" },
+      { label: o("inventory.recipe.bulkEditor.step2.fieldRecipe"), value: "recipe" }
+    ]), R = F(() => {
+      const E = [
+        { label: o("inventory.recipe.bulkEditor.step2.actionLink"), value: "link" },
+        { label: o("inventory.recipe.bulkEditor.step2.actionUpdate"), value: "update" },
+        { label: o("inventory.recipe.bulkEditor.step2.actionRemove"), value: "remove" }
+      ];
+      return c.value === "ingredient" && I.value && $.enableRecipeV2 && E.push({ label: o("inventory.recipe.bulkEditor.step2.actionAlts"), value: "alts" }), E;
+    }), A = F(() => c.value !== null && k.value !== null), P = F(
+      () => k.value === "update" || k.value === "remove" || k.value === "alts"
+    ), K = F(
+      () => k.value === "link"
+    ), H = F(
+      () => k.value === "update" && _.value !== null
+    ), ee = F(
+      () => c.value === "ingredient" && I.value && $.enableRecipeV2
+    ), O = F(
+      () => a.skus.map((E) => ({ label: E.name, sublabel: E.code, value: E._id }))
+    ), M = F(
+      () => a.recipes.map((E) => ({ label: E.name, value: E._id }))
+    ), j = F(() => c.value === "recipe" ? M.value : O.value), q = F(() => c.value === "recipe" ? M.value : O.value), oe = F(() => c.value !== "ingredient" || !e.value ? null : a.skuById[e.value] ?? null), X = F(() => c.value !== "ingredient" || !_.value ? null : a.skuById[_.value] ?? null), se = F(() => {
+      const E = _.value ?? e.value;
+      return E ? [E] : [];
+    }), fe = F(() => ee.value ? Object.values(l.livePreviewEntries).filter(
+      (E) => E.original.version !== "v2"
+    ).length : 0), xe = F(() => Object.values(l.livePreviewEntries).length);
+    ue(
+      () => [k.value, _.value],
+      ([E, D], [te, pe]) => {
+        if (E !== "alts" || D === pe) return;
+        if (!D) {
+          h.value = [];
+          return;
+        }
+        const we = Object.values(l.livePreviewEntries).find(
+          (L) => L.original.version === "v2" && L.original.contains.some(($e) => $e.type === "SKU" && $e.id === D)
+        );
+        if (we) {
+          const L = we.original.contains.find(($e) => $e.type === "SKU" && $e.id === D);
+          h.value = L != null && L.alternatives ? [...L.alternatives] : [];
+        } else
+          h.value = [];
+      }
+    );
+    const ae = F(() => k.value !== "alts" || !_.value ? 0 : Object.values(l.livePreviewEntries).filter(
+      (E) => E.original.version === "v2" && E.original.contains.some((D) => D.type === "SKU" && D.id === _.value)
+    ).length);
+    function ve() {
+      return c.value === "recipe" ? "RECIPE" : "SKU";
+    }
+    function ce() {
+      const E = ve(), D = be().amount, te = {
+        type: E,
+        id: "",
+        amount: D,
+        measurement: null,
+        rules: null,
+        alternatives: []
+      };
+      switch (k.value) {
+        case "update":
+          return { type: "replace-binding", from: { type: E, id: "" }, to: te };
+        case "remove":
+          return { type: "remove-binding", target: { type: E, id: "" } };
+        case "alts":
+          return { type: "update-alternatives", target: { type: E, id: "" }, alternatives: [] };
+        case "link":
+        default:
+          return { type: "add-binding", binding: te };
+      }
+    }
+    function Te() {
+      return _.value ? { type: ve(), id: _.value } : null;
+    }
+    function Ye(E = !1) {
+      const D = E ? _.value : e.value;
+      if (!D) return null;
+      const { amount: te, measurement: pe } = S.value, Ee = pe ? he.multiplyDecimal(te, pe.conversion) : te;
+      return {
+        type: ve(),
+        id: D,
+        amount: Ee,
+        measurement: pe ?? null,
+        rules: c.value === "recipe" ? p.value ?? null : null,
+        alternatives: ee.value ? h.value : []
+      };
+    }
+    function ct() {
+      if (!c.value) return;
+      if (!k.value) {
+        t("update:modelValue", ce());
+        return;
+      }
+      const E = Te(), D = Ye(!1);
+      let te = null;
+      switch (k.value) {
+        case "link":
+          D && (te = { type: "add-binding", binding: D });
+          break;
+        case "update": {
+          const pe = Ye(!0);
+          E && pe && (te = { type: "replace-binding", from: E, to: pe });
+          break;
+        }
+        case "remove":
+          E && (te = { type: "remove-binding", target: E });
+          break;
+        case "alts":
+          E && (te = { type: "update-alternatives", target: E, alternatives: h.value });
+          break;
+      }
+      t("update:modelValue", te ?? ce());
+    }
+    return ue(
+      [c, k, I, _, e, S, p, h],
+      () => ct(),
+      { deep: !0 }
+    ), (E, D) => {
+      const te = G("FmSelect"), pe = G("FmSwitch"), Ee = G("FmIcon"), we = G("FmTextField");
+      return g(), V("div", jo, [
+        y("div", Lo, [
+          y("div", Ko, [
+            x(te, {
+              modelValue: c.value,
+              "onUpdate:modelValue": D[0] || (D[0] = (L) => c.value = L),
+              items: B.value,
+              label: n(o)("inventory.recipe.bulkEditor.step2.sectionField"),
+              placeholder: n(o)("inventory.recipe.bulkEditor.step2.sectionField")
+            }, null, 8, ["modelValue", "items", "label", "placeholder"])
+          ]),
+          y("div", qo, [
+            x(te, {
+              modelValue: k.value,
+              "onUpdate:modelValue": D[1] || (D[1] = (L) => k.value = L),
+              items: R.value,
+              label: n(o)("inventory.recipe.bulkEditor.step2.sectionAction"),
+              placeholder: n(o)("inventory.recipe.bulkEditor.step2.sectionAction")
+            }, null, 8, ["modelValue", "items", "label", "placeholder"])
+          ])
+        ]),
+        c.value === "ingredient" && n($).enableRecipeV2 ? (g(), V("div", Wo, [
+          x(pe, {
+            modelValue: I.value,
+            "onUpdate:modelValue": D[2] || (D[2] = (L) => I.value = L),
+            label: n(o)("inventory.recipe.bulkEditor.step2.includeAlternativesToggle")
+          }, null, 8, ["modelValue", "label"])
+        ])) : T("", !0),
+        ee.value && fe.value > 0 ? (g(), V("div", Yo, [
+          x(Ee, {
+            name: "warning",
+            size: "sm",
+            class: "text-fm-color-typo-warning mt-1 shrink-0"
+          }),
+          y("p", Jo, U(n(o)("inventory.recipe.bulkEditor.step2.v1AlternativesWarning", {
+            v1Count: fe.value,
+            total: xe.value
+          })), 1)
+        ])) : T("", !0),
+        A.value ? (g(), V("div", Ho, [
+          P.value ? (g(), V(Q, { key: 0 }, [
+            y("p", Qo, U(n(o)("inventory.recipe.bulkEditor.addModification.targetLabel")), 1),
+            x(te, {
+              modelValue: _.value,
+              "onUpdate:modelValue": D[3] || (D[3] = (L) => _.value = L),
+              items: j.value,
+              placeholder: c.value === "recipe" ? n(o)("inventory.recipe.bulkEditor.addModification.recipePlaceholder") : n(o)("inventory.recipe.bulkEditor.addModification.skuPlaceholder"),
+              clearable: ""
+            }, {
+              "menu-wrapper": J((L) => [
+                x(Be, Ie(L, {
+                  items: j.value,
+                  "model-value": _.value
+                }), null, 16, ["items", "model-value"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "items", "placeholder"]),
+            H.value ? (g(), V(Q, { key: 0 }, [
+              c.value === "ingredient" && X.value ? (g(), Y(Ce, {
+                key: 0,
+                modelValue: S.value,
+                "onUpdate:modelValue": D[4] || (D[4] = (L) => S.value = L),
+                unit: X.value.unit,
+                placeholder: n(o)("inventory.recipe.bulkEditor.query.amountPlaceholder"),
+                "convert-amount-on-change-unit": ""
+              }, null, 8, ["modelValue", "unit", "placeholder"])) : c.value === "recipe" ? (g(), Y(we, {
+                key: 1,
+                "model-value": N.value,
+                label: n(o)("inventory.recipe.bulkEditor.addModification.amountLabel"),
+                type: "number",
+                "onUpdate:modelValue": D[5] || (D[5] = (L) => b(L))
+              }, null, 8, ["model-value", "label"])) : T("", !0),
+              c.value === "recipe" ? (g(), V(Q, { key: 2 }, [
+                y("p", Xo, U(n(o)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
+                x(Re, {
+                  modelValue: p.value,
+                  "onUpdate:modelValue": D[6] || (D[6] = (L) => p.value = L)
+                }, null, 8, ["modelValue"])
+              ], 64)) : T("", !0),
+              ee.value ? (g(), V(Q, { key: 3 }, [
+                y("p", Zo, U(n(o)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
+                x(Se, {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": D[7] || (D[7] = (L) => h.value = L),
+                  "filter-ingredient-ids": se.value
+                }, null, 8, ["modelValue", "filter-ingredient-ids"])
+              ], 64)) : T("", !0)
+            ], 64)) : T("", !0),
+            k.value === "alts" && _.value ? (g(), V(Q, { key: 1 }, [
+              y("p", ei, U(ae.value > 0 ? n(o)("inventory.recipe.bulkEditor.addModification.altsOverwriteWarning", { count: ae.value }) : n(o)("inventory.recipe.bulkEditor.addModification.altsNotFoundWarning")), 1),
+              y("p", ti, U(n(o)("inventory.recipe.bulkEditor.addModification.altsClearNote")), 1),
+              x(Se, {
+                modelValue: h.value,
+                "onUpdate:modelValue": D[8] || (D[8] = (L) => h.value = L),
+                "filter-ingredient-ids": se.value
+              }, null, 8, ["modelValue", "filter-ingredient-ids"])
+            ], 64)) : T("", !0)
+          ], 64)) : T("", !0),
+          K.value ? (g(), V(Q, { key: 1 }, [
+            y("p", ni, U(n(o)("inventory.recipe.bulkEditor.addModification.bindingLabel")), 1),
+            x(te, {
+              modelValue: e.value,
+              "onUpdate:modelValue": D[9] || (D[9] = (L) => e.value = L),
+              items: q.value,
+              placeholder: c.value === "recipe" ? n(o)("inventory.recipe.bulkEditor.addModification.recipePlaceholder") : n(o)("inventory.recipe.bulkEditor.addModification.skuPlaceholder"),
+              clearable: ""
+            }, {
+              "menu-wrapper": J((L) => [
+                x(Be, Ie(L, {
+                  items: q.value,
+                  "model-value": e.value
+                }), null, 16, ["items", "model-value"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "items", "placeholder"]),
+            e.value ? (g(), V(Q, { key: 0 }, [
+              c.value === "ingredient" && oe.value ? (g(), Y(Ce, {
+                key: 0,
+                modelValue: S.value,
+                "onUpdate:modelValue": D[10] || (D[10] = (L) => S.value = L),
+                unit: oe.value.unit,
+                placeholder: n(o)("inventory.recipe.bulkEditor.query.amountPlaceholder"),
+                "convert-amount-on-change-unit": ""
+              }, null, 8, ["modelValue", "unit", "placeholder"])) : c.value === "recipe" ? (g(), Y(we, {
+                key: 1,
+                "model-value": N.value,
+                label: n(o)("inventory.recipe.bulkEditor.addModification.amountLabel"),
+                type: "number",
+                "onUpdate:modelValue": D[11] || (D[11] = (L) => b(L))
+              }, null, 8, ["model-value", "label"])) : T("", !0),
+              c.value === "recipe" ? (g(), V(Q, { key: 2 }, [
+                y("p", oi, U(n(o)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
+                x(Re, {
+                  modelValue: p.value,
+                  "onUpdate:modelValue": D[12] || (D[12] = (L) => p.value = L)
+                }, null, 8, ["modelValue"])
+              ], 64)) : T("", !0),
+              ee.value ? (g(), V(Q, { key: 3 }, [
+                y("p", ii, U(n(o)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
+                x(Se, {
+                  modelValue: h.value,
+                  "onUpdate:modelValue": D[13] || (D[13] = (L) => h.value = L),
+                  "filter-ingredient-ids": se.value
+                }, null, 8, ["modelValue", "filter-ingredient-ids"])
+              ], 64)) : T("", !0)
+            ], 64)) : T("", !0)
+          ], 64)) : T("", !0)
+        ])) : T("", !0)
+      ]);
+    };
+  }
+}), ai = { class: "flex flex-col gap-8" }, ri = { class: "flex flex-wrap items-center gap-12 px-4" }, si = {
+  key: 0,
+  class: "flex items-center gap-6"
+}, di = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ui = {
+  key: 1,
+  class: "flex items-center gap-6"
+}, ci = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pi = {
+  key: 2,
+  class: "flex items-center gap-6"
+}, mi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fi = { class: "rounded-lg border border-fm-color-border-default overflow-hidden" }, vi = {
+  key: 0,
+  class: "px-16 py-12 text-center fm-typo-en-body-sm-400 text-fm-color-typo-placeholder"
+}, yi = {
+  key: 1,
+  class: "divide-y divide-fm-color-border-default"
+}, bi = { class: "flex items-center gap-12" }, gi = { class: "flex-1 fm-typo-en-body-sm-600 text-fm-color-typo-primary truncate" }, _i = {
+  key: 0,
+  class: "flex flex-col gap-4 pl-8"
+}, ki = { class: "flex-1 fm-typo-en-body-xs-400 text-fm-color-typo-secondary font-mono truncate" }, hi = /* @__PURE__ */ le({
+  __name: "LivePreviewTable",
+  setup(m) {
+    const { t: s } = ie(), l = _e(), t = ne(), o = {
+      "will-update": 0,
+      "partially-ignored": 1,
+      "already-satisfied": 2,
+      blocked: 3,
+      "no-applicable-changes": 4
+    }, a = F(
+      () => Object.values(l.livePreviewEntries).sort(
+        (e, S) => o[e.status] - o[S.status]
+      )
+    ), $ = F(
+      () => a.value.filter((e) => e.status === "will-update").length
+    ), d = F(
+      () => a.value.filter((e) => e.status === "partially-ignored").length
+    ), r = F(
+      () => a.value.filter((e) => e.status === "already-satisfied").length
+    ), u = F(
+      () => a.value.filter((e) => e.status === "blocked").length
+    );
+    function i(e) {
+      switch (e) {
+        case "will-update":
+          return s("inventory.recipe.bulkEditor.status.willUpdate");
+        case "already-satisfied":
+          return s("inventory.recipe.bulkEditor.status.alreadySatisfied");
+        case "partially-ignored":
+          return s("inventory.recipe.bulkEditor.status.partiallyIgnored");
+        case "blocked":
+          return s("inventory.recipe.bulkEditor.status.blocked");
+        case "no-applicable-changes":
+          return s("inventory.recipe.bulkEditor.status.noApplicableChanges");
+        default:
+          return "";
+      }
+    }
+    function f(e) {
+      switch (e) {
+        case "will-update":
+          return "success";
+        case "already-satisfied":
+          return "info";
+        case "partially-ignored":
+          return "warning";
+        case "blocked":
+          return "critical";
+        case "no-applicable-changes":
+          return "neutral";
+        default:
+          return "neutral";
+      }
+    }
+    function v(e, S) {
+      var p, h, N;
+      return e === "SKU" ? ((p = t.skuById[S]) == null ? void 0 : p.name) ?? S : e === "SKU_GROUP" ? ((h = t.skuGroupById[S]) == null ? void 0 : h.name) ?? S : e === "RECIPE" ? ((N = t.recipeById[S]) == null ? void 0 : N.name) ?? S : S;
+    }
+    function C(e) {
+      var p, h;
+      const S = v(e.type, e.id);
+      if (e.type === "SKU") {
+        const N = t.skuById[e.id], z = ((p = e.measurement) == null ? void 0 : p.abbrev) ?? ((h = N == null ? void 0 : N.unit) == null ? void 0 : h.abbrev) ?? "";
+        return `${S} (${Z(e.amount)} ${z})`.trim();
+      }
+      return e.type === "RECIPE" ? `${S} ×${Z(e.amount)}` : S;
+    }
+    function w(e) {
+      return v(e.type, e.id);
+    }
+    function c(e, S) {
+      const p = S.contains.find((h) => h.type === e.type && h.id === e.id);
+      return p ? C(p) : w(e);
+    }
+    function k(e, S) {
+      switch (e.type) {
+        case "add-binding":
+          return `+ ${C(e.binding)}`;
+        case "remove-binding":
+          return `− ${w(e.target)}`;
+        case "replace-binding":
+          return `${c(e.from, S)} → ${C(e.to)}`;
+        case "update-binding-rule":
+          return `Rule: ${w(e.target)}`;
+        case "update-alternatives":
+          return `Alternatives: ${w(e.target)}`;
+      }
+    }
+    function I(e) {
+      switch (e) {
+        case "applied":
+          return "success";
+        case "already-satisfied":
+          return "info";
+        case "ignored":
+          return "neutral";
+        case "blocked":
+          return "critical";
+        default:
+          return "neutral";
+      }
+    }
+    function _(e) {
+      switch (e) {
+        case "applied":
+          return s("inventory.recipe.bulkEditor.livePreview.outcomeApplied");
+        case "already-satisfied":
+          return s("inventory.recipe.bulkEditor.livePreview.outcomeAlreadySatisfied");
+        case "ignored":
+          return s("inventory.recipe.bulkEditor.livePreview.outcomeIgnored");
+        case "blocked":
+          return s("inventory.recipe.bulkEditor.livePreview.outcomeBlocked");
+        default:
+          return e;
+      }
+    }
+    return (e, S) => {
+      const p = G("FmChip");
+      return g(), V("div", ai, [
+        y("div", ri, [
+          $.value + d.value > 0 ? (g(), V("div", si, [
+            x(p, {
+              size: "sm",
+              label: String($.value + d.value),
+              variant: "success"
+            }, null, 8, ["label"]),
+            y("span", di, U(n(s)("inventory.recipe.bulkEditor.livePreview.willUpdate")), 1)
+          ])) : T("", !0),
+          r.value > 0 ? (g(), V("div", ui, [
+            x(p, {
+              size: "sm",
+              label: String(r.value),
+              variant: "info"
+            }, null, 8, ["label"]),
+            y("span", ci, U(n(s)("inventory.recipe.bulkEditor.livePreview.alreadySatisfied")), 1)
+          ])) : T("", !0),
+          u.value > 0 ? (g(), V("div", pi, [
+            x(p, {
+              size: "sm",
+              label: String(u.value),
+              variant: "critical"
+            }, null, 8, ["label"]),
+            y("span", mi, U(n(s)("inventory.recipe.bulkEditor.livePreview.blocked")), 1)
+          ])) : T("", !0)
+        ]),
+        y("div", fi, [
+          a.value.length === 0 ? (g(), V("div", vi, U(n(s)("inventory.recipe.bulkEditor.livePreview.noRecipes")), 1)) : (g(), V("div", yi, [
+            (g(!0), V(Q, null, me(a.value, (h) => (g(), V("div", {
+              key: h.recipeId,
+              class: "flex flex-col gap-6 px-16 py-10"
+            }, [
+              y("div", bi, [
+                y("span", gi, U(h.recipeName), 1),
+                x(p, {
+                  size: "sm",
+                  label: i(h.status),
+                  variant: f(h.status)
+                }, null, 8, ["label", "variant"])
+              ]),
+              h.changes.length > 0 ? (g(), V("div", _i, [
+                (g(!0), V(Q, null, me(h.changes, (N, z) => (g(), V("div", {
+                  key: z,
+                  class: "flex items-center gap-8"
+                }, [
+                  y("span", ki, U(k(N.change, h.original)), 1),
+                  x(p, {
+                    size: "sm",
+                    label: _(N.outcome),
+                    variant: I(N.outcome)
+                  }, null, 8, ["label", "variant"])
+                ]))), 128))
+              ])) : T("", !0)
+            ]))), 128))
+          ]))
+        ])
+      ]);
+    };
+  }
+}), xi = { class: "flex flex-col h-full overflow-hidden" }, wi = { class: "flex flex-col min-h-0 shrink-0" }, $i = { class: "flex items-center gap-8 px-16 pt-12 border-b border-fm-color-border-default" }, Ii = { class: "flex-1 overflow-x-auto min-w-0" }, Ei = {
+  class: "px-16 py-14 overflow-y-auto",
+  style: { "max-height": "45vh" }
+}, Vi = {
+  key: 0,
+  class: "flex flex-col items-center justify-center py-40 gap-8 text-center rounded-lg border border-dashed border-fm-color-border-default"
+}, Si = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ci = { class: "flex-1 overflow-y-auto px-16 py-14 flex flex-col gap-12 min-h-0" }, Bi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary shrink-0" }, Ri = /* @__PURE__ */ le({
+  __name: "RecipeBulkEditorStep2",
+  setup(m) {
+    const { t: s } = ie(), l = _e(), t = W(null);
+    ue(
+      () => l.modifications.length,
+      (r) => {
+        r === 0 ? t.value = null : (t.value === null || t.value >= r) && (t.value = r - 1);
+      },
+      { immediate: !0 }
+    );
+    function o(r, u) {
+      const i = r.type === "replace-binding" ? r.from.type : r.type === "remove-binding" || r.type === "update-binding-rule" || r.type === "update-alternatives" ? r.target.type : r.type === "add-binding" ? r.binding.type : null;
+      return i === "RECIPE" ? s("inventory.recipe.bulkEditor.step2.fieldRecipe") : i === "SKU" || i === "SKU_GROUP" ? s("inventory.recipe.bulkEditor.step2.fieldIngredient") : s("inventory.recipe.bulkEditor.step2.tabLabel", { n: u + 1 });
+    }
+    const a = F(
+      () => l.modifications.map((r, u) => ({
+        label: o(r, u),
+        value: u
+      }))
+    );
+    function $() {
+      const u = {
+        type: "add-binding",
+        binding: {
+          type: "SKU",
+          id: "",
+          amount: be().amount,
+          measurement: null,
+          rules: null,
+          alternatives: []
+        }
+      };
+      l.addModification(u), t.value = l.modifications.length - 1;
+    }
+    function d(r) {
+      l.removeModification(r);
+    }
+    return (r, u) => {
+      const i = G("FmButton"), f = G("FmTab"), v = G("FmTabs"), C = G("FmIcon");
+      return g(), V("div", xi, [
+        y("div", wi, [
+          y("div", $i, [
+            y("div", Ii, [
+              a.value.length > 0 ? (g(), Y(v, {
+                key: 0,
+                "model-value": t.value,
+                items: a.value,
+                "onUpdate:modelValue": u[1] || (u[1] = (w) => t.value = w)
+              }, {
+                default: J((w) => [
+                  x(f, Ie(w, {
+                    "model-value": t.value,
+                    "onUpdate:modelValue": u[0] || (u[0] = (c) => t.value = c)
+                  }), {
+                    append: J(() => [
+                      x(i, {
+                        variant: "tertiary",
+                        icon: "close",
+                        size: "md",
+                        onClick: ft((c) => d(w.value), ["stop"])
+                      }, null, 8, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1040, ["model-value"])
+                ]),
+                _: 1
+              }, 8, ["model-value", "items"])) : T("", !0)
+            ]),
+            x(i, {
+              label: n(s)("inventory.recipe.bulkEditor.step2.addModification"),
+              variant: "secondary",
+              size: "md",
+              "prepend-icon": "add",
+              class: "shrink-0",
+              onClick: $
+            }, null, 8, ["label"])
+          ]),
+          y("div", Ei, [
+            n(l).modifications.length === 0 ? (g(), V("div", Vi, [
+              x(C, {
+                name: "edit_note",
+                size: "lg",
+                class: "text-fm-color-typo-placeholder"
+              }),
+              y("p", Si, U(n(s)("inventory.recipe.bulkEditor.step2.emptyState")), 1)
+            ])) : t.value !== null && n(l).modifications[t.value] ? (g(), Y(li, {
+              key: t.value,
+              "model-value": n(l).modifications[t.value],
+              "live-preview-entries": n(l).livePreviewEntries,
+              "onUpdate:modelValue": u[2] || (u[2] = (w) => n(l).updateModification(t.value, w))
+            }, null, 8, ["model-value", "live-preview-entries"])) : T("", !0)
+          ])
+        ]),
+        u[3] || (u[3] = y("div", { class: "border-t border-fm-color-border-default shrink-0" }, null, -1)),
+        y("div", Ci, [
+          y("span", Bi, U(n(s)("inventory.recipe.bulkEditor.step2.livePreviewTitle")), 1),
+          x(hi)
+        ])
+      ]);
+    };
+  }
+});
+function Fi(m) {
+  return !m || Object.keys(m).length === 0 ? "" : Object.entries(m).map(([s, l]) => `${s}: ${l}`).join(", ");
+}
+function Ai() {
+  const m = ne(), s = _e(), l = m.skuById, t = m.recipeById, o = m.skuGroupById, $ = Object.values(s.entries).filter(
+    (u) => u.status === "will-update" || u.status === "partially-ignored"
+  ).flatMap((u, i) => {
+    var C;
+    const f = u.projected ?? u.original, v = Fi(f.customAttributes);
+    if ((C = f.contains) != null && C.length) {
+      const w = f.contains.filter((I) => I.type === "RECIPE"), c = f.contains.filter((I) => I.type === "SKU"), k = f.contains.filter((I) => I.type === "SKU_GROUP");
+      return [
+        ...i === 0 ? [] : [["", "", "", "", "", "", ""]],
+        ...w.map(
+          (I, _) => {
+            var e;
+            return [
+              _ === 0 ? f.name : "",
+              "RECIPE",
+              "",
+              ((e = t[I.id]) == null ? void 0 : e.name) ?? I.id,
+              Z(I.amount),
+              "UNIT",
+              _ === 0 ? v : ""
+            ];
+          }
+        ),
+        ...c.map(
+          (I, _) => {
+            var e, S, p, h;
+            return [
+              !w.length && _ === 0 ? f.name : "",
+              "INGREDIENT",
+              ((e = l[I.id]) == null ? void 0 : e.code) ?? "",
+              ((S = l[I.id]) == null ? void 0 : S.name) ?? I.id,
+              Z(I.amount),
+              I.measurement ? I.measurement.abbrev : ((h = (p = l[I.id]) == null ? void 0 : p.unit) == null ? void 0 : h.abbrev) ?? "",
+              !w.length && _ === 0 ? v : ""
+            ];
+          }
+        ),
+        ...k.map(
+          (I, _) => {
+            var e, S;
+            return [
+              w.length === 0 && c.length === 0 && _ === 0 ? f.name : "",
+              "SKU_GROUP",
+              ((e = o[I.id]) == null ? void 0 : e.ref) ?? "",
+              ((S = o[I.id]) == null ? void 0 : S.name) ?? I.id,
+              Z(I.amount),
+              "UNIT",
+              w.length === 0 && c.length === 0 && _ === 0 ? v : ""
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...i === 0 ? [] : [["", "", "", "", "", "", ""]],
+      [f.name, "No bindings", "", "", "", "", v]
+    ];
+  }), r = rt($, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  st(r, `RECIPE_BULK_EDIT_${dt(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+}
+const Ti = { class: "flex flex-col gap-16" }, Ui = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, Pi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-8" }, Mi = { class: "flex flex-wrap gap-12" }, Di = { class: "flex items-center gap-6" }, Gi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ni = {
+  key: 0,
+  class: "flex items-center gap-6"
+}, zi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oi = {
+  key: 1,
+  class: "flex items-center gap-6"
+}, ji = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Li = {
+  key: 2,
+  class: "flex items-center gap-6"
+}, Ki = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qi = {
+  key: 3,
+  class: "flex items-center gap-6"
+}, Wi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yi = { class: "mt-12" }, Ji = ["onClick"], Hi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, Qi = {
+  key: 0,
+  class: "px-12 py-8 border-b border-fm-color-border-default"
+}, Xi = { class: "px-12 py-10 leading-relaxed" }, Zi = {
+  key: 2,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder italic"
+}, el = { class: "flex items-center gap-12 px-12 py-8 border-t border-fm-color-border-default bg-fm-color-surface-secondary text-fm-color-typo-secondary fm-typo-en-body-xs-400" }, tl = { key: 0 }, nl = { key: 1 }, ol = {
+  key: 2,
+  class: "text-fm-color-warning"
+}, il = {
+  key: 3,
+  class: "text-fm-color-error"
+}, ll = {
+  key: 4,
+  class: "text-fm-color-typo-placeholder"
+}, al = /* @__PURE__ */ le({
+  __name: "RecipeBulkEditorSummaryStep",
+  setup(m) {
+    const { t: s } = ie(), l = ne(), t = _e(), o = F(() => Object.values(t.entries)), a = F(
+      () => o.value.filter((e) => e.status === "will-update").length
+    ), $ = F(
+      () => o.value.filter((e) => e.status === "partially-ignored").length
+    ), d = F(
+      () => o.value.filter((e) => e.status === "already-satisfied").length
+    ), r = F(
+      () => o.value.filter((e) => e.status === "blocked").length
+    ), u = F(
+      () => o.value.filter((e) => e.status === "no-applicable-changes").length
+    ), i = W(/* @__PURE__ */ new Set());
+    function f(e) {
+      return i.value.has(e);
+    }
+    function v(e) {
+      const S = new Set(i.value);
+      S.has(e) ? S.delete(e) : S.add(e), i.value = S;
+    }
+    function C(e) {
+      var h, N, z;
+      const S = [], p = ke(e.contains, /* @__PURE__ */ new Set([e._id]), l.recipeById);
+      for (let b = 0; b < p.length; b++) {
+        const B = p[b], R = B.recipeIds.slice(1).length > 0, A = R ? ((h = l.recipeById[B.recipeIds.at(-1) ?? ""]) == null ? void 0 : h.name) ?? "" : "";
+        let P;
+        if (B.isGroup) {
+          const K = l.skuGroupById[B.id];
+          if (!K) continue;
+          const H = `x${Z(B.amount)}`;
+          P = R ? `(${A}) ${K.name} (${H})` : `${K.name} (${H})`;
+        } else {
+          const K = l.skuById[B.id];
+          if (!K) continue;
+          const H = ((N = B.measurement) == null ? void 0 : N.abbrev) ?? ((z = K.unit) == null ? void 0 : z.abbrev) ?? "", ee = `${Z(B.amount)}${H}`;
+          P = R ? `(${A}) ${K.name} (${ee})` : `${K.name} (${ee})`;
+        }
+        b > 0 && S.push({ text: ", " }), S.push({ text: P });
+      }
+      return S;
+    }
+    function w(e) {
+      var b, B, R, A;
+      if (e.isGroup) {
+        const P = l.skuGroupById[e.id];
+        if (!P) return "";
+        const K = e.recipeIds.slice(1).length > 0, H = K ? ((b = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : b.name) ?? "" : "", ee = `x${Z(e.amount)}`;
+        return K ? `(${H}) ${P.name} (${ee})` : `${P.name} (${ee})`;
+      }
+      const S = l.skuById[e.id];
+      if (!S) return "";
+      const p = e.recipeIds.slice(1).length > 0, h = p ? ((B = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : B.name) ?? "" : "", N = ((R = e.measurement) == null ? void 0 : R.abbrev) ?? ((A = S.unit) == null ? void 0 : A.abbrev) ?? "", z = `${Z(e.amount)}${N}`;
+      return p ? `(${h}) ${S.name} (${z})` : `${S.name} (${z})`;
+    }
+    function c(e) {
+      if (!e.projected) return [];
+      const S = ke(e.original.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), p = ke(e.projected.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), h = /* @__PURE__ */ new Map();
+      for (const R of S) h.set(`${R.type}:${R.id}`, R);
+      const N = /* @__PURE__ */ new Map();
+      for (const R of p) N.set(`${R.type}:${R.id}`, R);
+      const z = [];
+      let b = !0;
+      function B(R, A) {
+        A && (b || z.push({ kind: "unchanged", text: ", " }), z.push({ kind: R, text: A }), b = !1);
+      }
+      for (const [R, A] of h) {
+        const P = N.get(R);
+        if (!P)
+          B("removed", w(A));
+        else {
+          const K = w(A), H = w(P);
+          K === H ? B("unchanged", K) : (B("removed", K), B("added", H));
+        }
+      }
+      for (const [R, A] of N)
+        h.has(R) || B("added", w(A));
+      return z;
+    }
+    const k = F(() => {
+      const e = /* @__PURE__ */ new Map();
+      for (const S of o.value)
+        e.set(S.recipeId, c(S));
+      return e;
+    });
+    function I(e) {
+      switch (e) {
+        case "will-update":
+          return s("inventory.recipe.bulkEditor.status.willUpdate");
+        case "already-satisfied":
+          return s("inventory.recipe.bulkEditor.status.alreadySatisfied");
+        case "partially-ignored":
+          return s("inventory.recipe.bulkEditor.status.partiallyIgnored");
+        case "blocked":
+          return s("inventory.recipe.bulkEditor.status.blocked");
+        case "no-applicable-changes":
+          return s("inventory.recipe.bulkEditor.status.noApplicableChanges");
+        default:
+          return "";
+      }
+    }
+    function _(e) {
+      switch (e) {
+        case "will-update":
+          return "success";
+        case "already-satisfied":
+          return "info";
+        case "partially-ignored":
+          return "warning";
+        case "blocked":
+          return "critical";
+        case "no-applicable-changes":
+          return "neutral";
+        default:
+          return "neutral";
+      }
+    }
+    return (e, S) => {
+      const p = G("FmChip"), h = G("FmButton"), N = G("FmBanner"), z = G("FmIcon");
+      return g(), V("div", Ti, [
+        y("div", Ui, [
+          y("p", Pi, U(n(s)("inventory.recipe.bulkEditor.summary.title")), 1),
+          y("div", Mi, [
+            y("div", Di, [
+              x(p, {
+                size: "sm",
+                label: String(a.value),
+                variant: "success"
+              }, null, 8, ["label"]),
+              y("span", Gi, U(n(s)("inventory.recipe.bulkEditor.summary.countWillUpdate")), 1)
+            ]),
+            $.value > 0 ? (g(), V("div", Ni, [
+              x(p, {
+                size: "sm",
+                label: String($.value),
+                variant: "warning"
+              }, null, 8, ["label"]),
+              y("span", zi, U(n(s)("inventory.recipe.bulkEditor.summary.countPartiallyIgnored")), 1)
+            ])) : T("", !0),
+            d.value > 0 ? (g(), V("div", Oi, [
+              x(p, {
+                size: "sm",
+                label: String(d.value),
+                variant: "info"
+              }, null, 8, ["label"]),
+              y("span", ji, U(n(s)("inventory.recipe.bulkEditor.summary.countAlreadySatisfied")), 1)
+            ])) : T("", !0),
+            r.value > 0 ? (g(), V("div", Li, [
+              x(p, {
+                size: "sm",
+                label: String(r.value),
+                variant: "critical"
+              }, null, 8, ["label"]),
+              y("span", Ki, U(n(s)("inventory.recipe.bulkEditor.summary.countBlocked")), 1)
+            ])) : T("", !0),
+            u.value > 0 ? (g(), V("div", qi, [
+              x(p, {
+                size: "sm",
+                label: String(u.value),
+                variant: "neutral"
+              }, null, 8, ["label"]),
+              y("span", Wi, U(n(s)("inventory.recipe.bulkEditor.summary.countNoChanges")), 1)
+            ])) : T("", !0)
+          ]),
+          y("div", Yi, [
+            x(h, {
+              label: n(s)("common.export"),
+              variant: "secondary",
+              size: "md",
+              onClick: n(Ai)
+            }, null, 8, ["label", "onClick"])
+          ]),
+          a.value === 0 && $.value === 0 ? (g(), Y(N, {
+            key: 0,
+            class: "mt-12",
+            type: "warning",
+            message: n(s)("inventory.recipe.bulkEditor.summary.nothingToSubmit")
+          }, null, 8, ["message"])) : T("", !0)
+        ]),
+        (g(!0), V(Q, null, me(o.value, (b) => (g(), V("div", {
+          key: b.recipeId,
+          class: "rounded-lg border border-fm-color-border-default overflow-hidden"
+        }, [
+          y("button", {
+            type: "button",
+            class: De(["w-full flex items-center gap-8 px-12 py-10 bg-fm-color-surface-secondary border-b border-fm-color-border-default text-left cursor-pointer", { "border-b-0": !f(b.recipeId) }]),
+            onClick: (B) => v(b.recipeId)
+          }, [
+            x(z, {
+              name: f(b.recipeId) ? "expand_less" : "expand_more",
+              size: "sm",
+              class: "text-fm-color-typo-secondary flex-shrink-0"
+            }, null, 8, ["name"]),
+            y("span", Hi, U(b.recipeName), 1),
+            b.original.version === "v2" ? (g(), Y(p, {
+              key: 0,
+              size: "sm",
+              label: "V2",
+              variant: "info"
+            })) : T("", !0),
+            x(p, {
+              size: "sm",
+              label: I(b.status),
+              variant: _(b.status)
+            }, null, 8, ["label", "variant"])
+          ], 10, Ji),
+          f(b.recipeId) ? (g(), V(Q, { key: 0 }, [
+            n(t).applyErrors.has(b.recipeId) ? (g(), V("div", Qi, [
+              x(N, {
+                type: "error",
+                message: n(t).applyErrors.get(b.recipeId)
+              }, null, 8, ["message"])
+            ])) : T("", !0),
+            y("div", Xi, [
+              b.projected ? (k.value.get(b.recipeId) ?? []).length > 0 ? (g(!0), V(Q, { key: 1 }, me(k.value.get(b.recipeId), (B, R) => (g(), V("span", {
+                key: R,
+                class: De(["fm-typo-en-body-sm-400", {
+                  "text-fm-color-typo-secondary": B.kind === "unchanged",
+                  "line-through text-fm-color-error font-medium": B.kind === "removed",
+                  "text-fm-color-success font-medium": B.kind === "added"
+                }])
+              }, U(B.text), 3))), 128)) : (g(), V("span", Zi, U(n(s)("inventory.recipe.bulkEditor.summary.emptyBindings")), 1)) : (g(!0), V(Q, { key: 0 }, me(C(b.original), (B, R) => (g(), V("span", {
+                key: R,
+                class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder"
+              }, U(B.text), 1))), 128))
+            ]),
+            y("div", el, [
+              b.counts.applied > 0 ? (g(), V("span", tl, U(n(s)("inventory.recipe.bulkEditor.summary.footerApplied", { count: b.counts.applied })), 1)) : T("", !0),
+              b.counts.satisfied > 0 ? (g(), V("span", nl, U(n(s)("inventory.recipe.bulkEditor.summary.footerSatisfied", { count: b.counts.satisfied })), 1)) : T("", !0),
+              b.counts.ignored > 0 ? (g(), V("span", ol, U(n(s)("inventory.recipe.bulkEditor.summary.footerIgnored", { count: b.counts.ignored })), 1)) : T("", !0),
+              b.counts.blocked > 0 ? (g(), V("span", il, U(n(s)("inventory.recipe.bulkEditor.summary.footerBlocked", { count: b.counts.blocked })), 1)) : T("", !0),
+              b.counts.applied === 0 && b.counts.satisfied === 0 && b.counts.ignored === 0 && b.counts.blocked === 0 ? (g(), V("span", ll, U(n(s)("inventory.recipe.bulkEditor.summary.noChangesDetail")), 1)) : T("", !0)
+            ])
+          ], 64)) : T("", !0)
+        ]))), 128))
+      ]);
+    };
+  }
+}), rl = { class: "flex items-center gap-12" }, sl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, dl = {
+  key: 0,
+  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
+}, ul = {
+  key: 1,
+  class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
+}, cl = {
+  key: 2,
+  class: "h-[calc(98vh-120px)] overflow-y-auto px-24 py-20"
+}, pl = {
+  key: 0,
+  class: "flex items-center gap-8 px-4"
+}, ml = {
+  key: 1,
+  class: "flex items-center gap-8 px-4"
+}, fl = {
+  key: 2,
+  class: "flex items-center gap-8 px-4"
+}, vl = /* @__PURE__ */ le({
+  __name: "RecipeBulkEditorDialog",
+  props: {
+    show: { type: Boolean }
+  },
+  emits: ["update:show"],
+  setup(m, { emit: s }) {
+    const l = m, { t } = ie(), o = _e(), a = Ge(l, "show"), $ = je(), d = F(() => o.currentStep === 1), r = F(() => o.currentStep === 2), u = F(() => o.currentStep === 3);
+    function i() {
+      o.currentStep = 2;
+    }
+    function f() {
+      o.currentStep = 1;
+    }
+    function v() {
+      o.goToStep3();
+    }
+    function C() {
+      o.backToStep2();
+    }
+    function w() {
+      $.open({
+        title: t("inventory.recipe.bulkEditor.step3.confirmTitle"),
+        message: t("inventory.recipe.bulkEditor.step3.confirmMessage"),
+        primaryActions: {
+          text: t("inventory.recipe.bulkEditor.step3.confirmButton"),
+          variant: "primary",
+          close: !0
+        },
+        secondaryActions: {
+          text: t("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await o.confirmAndApply();
+      });
+    }
+    function c() {
+      a.value = !1, o.reset();
+    }
+    return (k, I) => {
+      const _ = G("FmChip"), e = G("FmButton"), S = G("FmDialog");
+      return g(), Y(S, {
+        modelValue: n(a),
+        "onUpdate:modelValue": [
+          I[0] || (I[0] = (p) => Me(a) ? a.value = p : null),
+          I[1] || (I[1] = (p) => {
+            p || n(o).reset();
+          })
+        ],
+        overlay: !0,
+        "close-button": "",
+        "max-width": "98vw",
+        "max-height": "98vh"
+      }, {
+        "dialog-header": J(() => [
+          y("div", rl, [
+            y("span", sl, U(n(t)("inventory.recipe.bulkEditor.title")), 1),
+            x(_, {
+              size: "sm",
+              label: n(t)("inventory.recipe.bulkEditor.stepIndicator", { step: n(o).currentStep, total: 3 }),
+              variant: "neutral"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        "dialog-footer": J(() => [
+          d.value ? (g(), V("div", pl, [
+            x(e, {
+              label: n(t)("common.next"),
+              disabled: !n(o).canGoToStep2,
+              onClick: i
+            }, null, 8, ["label", "disabled"]),
+            x(e, {
+              label: n(t)("common.close"),
+              variant: "tertiary",
+              onClick: c
+            }, null, 8, ["label"])
+          ])) : r.value ? (g(), V("div", ml, [
+            x(e, {
+              label: n(t)("inventory.recipe.bulkEditor.step2.reviewButton"),
+              disabled: !n(o).canGoToStep3,
+              onClick: v
+            }, null, 8, ["label", "disabled"]),
+            x(e, {
+              label: n(t)("common.back"),
+              variant: "secondary",
+              onClick: f
+            }, null, 8, ["label"]),
+            x(e, {
+              label: n(t)("common.close"),
+              variant: "tertiary",
+              onClick: c
+            }, null, 8, ["label"])
+          ])) : u.value ? (g(), V("div", fl, [
+            x(e, {
+              label: n(t)("inventory.recipe.bulkEditor.step3.confirmButton"),
+              disabled: n(o).isSaving,
+              loading: n(o).isSaving,
+              onClick: w
+            }, null, 8, ["label", "disabled", "loading"]),
+            x(e, {
+              label: n(t)("common.back"),
+              variant: "secondary",
+              disabled: n(o).isSaving,
+              onClick: C
+            }, null, 8, ["label", "disabled"]),
+            x(e, {
+              label: n(t)("common.close"),
+              variant: "tertiary",
+              disabled: n(o).isSaving,
+              onClick: c
+            }, null, 8, ["label", "disabled"])
+          ])) : T("", !0)
+        ]),
+        default: J(() => [
+          d.value ? (g(), V("div", dl, [
+            x(Oo)
+          ])) : r.value ? (g(), V("div", ul, [
+            x(Ri)
+          ])) : u.value ? (g(), V("div", cl, [
+            x(al)
+          ])) : T("", !0)
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+function yl(m) {
+  return !m || Object.keys(m).length === 0 ? "" : Object.entries(m).map(([s, l]) => `${s}: ${l}`).join(", ");
+}
+function bl() {
+  const m = ne(), s = m.recipes, l = m.recipeById, t = m.skuById, o = m.skuGroupById, a = s.flatMap((r, u) => {
+    var f;
+    const i = yl(r.customAttributes);
+    if ((f = r.contains) != null && f.length) {
+      const v = r.contains.filter((c) => c.type === "RECIPE"), C = r.contains.filter((c) => c.type === "SKU"), w = r.contains.filter((c) => c.type === "SKU_GROUP");
+      return [
+        ...u === 0 ? [] : [["", "", "", "", "", "", ""]],
+        ...v.map(
+          (c, k) => {
+            var I;
+            return [
+              k === 0 ? r.name : "",
+              "RECIPE",
+              "",
+              (I = l[c.id]) == null ? void 0 : I.name,
+              Z(c.amount),
+              "UNIT",
+              k === 0 ? i : ""
+            ];
+          }
+        ),
+        ...C.map(
+          (c, k) => {
+            var I, _, e, S;
+            return [
+              !v.length && k === 0 ? r.name : "",
+              "INGREDIENT",
+              (I = t[c.id]) == null ? void 0 : I.code,
+              (_ = t[c.id]) == null ? void 0 : _.name,
+              Z(c.amount),
+              c.measurement ? c.measurement.abbrev : (S = (e = t[c.id]) == null ? void 0 : e.unit) == null ? void 0 : S.abbrev,
+              !v.length && k === 0 ? i : ""
+            ];
+          }
+        ),
+        ...w.map(
+          (c, k) => {
+            var I, _;
+            return [
+              v.length === 0 && C.length === 0 && k === 0 ? r.name : "",
+              "SKU_GROUP",
+              ((I = o[c.id]) == null ? void 0 : I.ref) || "",
+              (_ = o[c.id]) == null ? void 0 : _.name,
+              Z(c.amount),
+              "UNIT",
+              v.length === 0 && C.length === 0 && k === 0 ? i : ""
+            ];
+          }
+        )
+      ];
+    }
+    return [
+      ...u === 0 ? [] : [["", "", "", "", "", "", ""]],
+      [r.name, "No bindings", "", "", "", "", i]
+    ];
+  }), d = rt(a, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  st(d, `RECIPE_${dt(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+}
+const gl = { class: "flex flex-col py-8" }, _l = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, kl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Hl = /* @__PURE__ */ le({
+  __name: "RecipeView",
+  setup(m) {
+    const s = ne(), l = F(() => s.recipes), t = tt(), { createRecipe: o, updateRecipe: a } = ze(), { recipeDialogProps: $, recipeViewLoading: d } = Et(ze()), { columnDefs: r, formatRowData: u } = Ht(), i = F(() => u(l.value)), f = _e(), v = We();
+    W(!1);
+    function C(p) {
+      if (p === "add")
+        return o();
+      if (p === "export")
+        return bl();
+      p === "bulk-edit" && f.openDialog();
+    }
+    const w = W(""), c = F(() => d.value), { breakpoints: k } = xt(), I = F(() => k.value.xs || k.value.sm), _ = F(() => I.value ? 10 : 20), e = Ct(), { t: S } = ie();
+    return (p, h) => {
+      const N = G("FmTable");
+      return g(), Y(Bt, {
+        title: n(S)("inventory.recipe.title"),
+        actions: [
+          {
+            label: n(S)("inventory.recipe.create.title"),
+            value: "add",
+            isPrimary: !0,
+            prependIcon: "add"
+          },
+          ...n(v).enableBulkEditRecipes ? [{ label: n(S)("inventory.recipe.bulkEditor.title"), value: "bulk-edit", isPrimary: !1 }] : [],
+          { label: n(S)("common.export"), value: "export", isPrimary: !1 }
+        ],
+        "onClick:action": C
+      }, {
+        default: J(() => [
+          y("div", {
+            class: De([
+              "relative flex flex-col gap-8 max-h-full",
+              {
+                "p-0": I.value,
+                "px-24 ": !I.value
+              }
+            ])
+          }, [
+            x(Kt, {
+              searchable: "",
+              search: w.value,
+              "onUpdate:search": h[0] || (h[0] = (z) => w.value = z)
+            }, null, 8, ["search"]),
+            (g(), Y(N, {
+              style: vt(n(e).tableHeight),
+              "column-defs": n(r),
+              "row-data": i.value,
+              "search-value": w.value,
+              loading: !n(t)._currentLocation || c.value,
+              onRowClick: h[1] || (h[1] = (z) => n(a)(z.original.original)),
+              key: l.value.length,
+              "page-size": _.value
+            }, {
+              "list-row": J((z) => [
+                x(Lt, {
+                  row: z,
+                  onRowClick: (b) => n(a)(b.original)
+                }, {
+                  default: J((b) => {
+                    var B, R, A, P, K, H, ee, O, M, j;
+                    return [
+                      y("div", gl, [
+                        y("div", _l, [
+                          x(n(Qe), {
+                            render: (A = (R = (B = b.recipe) == null ? void 0 : B.column) == null ? void 0 : R.columnDef) == null ? void 0 : A.cell,
+                            props: (K = (P = b.recipe) == null ? void 0 : P.getContext) == null ? void 0 : K.call(P)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        y("div", kl, [
+                          x(n(Qe), {
+                            render: (O = (ee = (H = b.ingredients) == null ? void 0 : H.column) == null ? void 0 : ee.columnDef) == null ? void 0 : O.cell,
+                            props: (j = (M = b.ingredients) == null ? void 0 : M.getContext) == null ? void 0 : j.call(M)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
+          ], 2),
+          (g(), Y(yt, { to: "body" }, [
+            x(vo, bt(gt(n($))), null, 16),
+            n(v).enableBulkEditRecipes ? (g(), Y(vl, {
+              key: 0,
+              show: n(f).show,
+              "onUpdate:show": h[2] || (h[2] = (z) => n(f).show = z)
+            }, null, 8, ["show"])) : T("", !0)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Hl as default
+};