@feedmepos/mf-inventory-portal 0.0.7-dev.2 → 0.0.7-dev.4

package/dist/{IngredientsView--902oYCN.js → IngredientsView-Cx189ZUR.js}

@@ -1,18 +1,19 @@
-import { ref as L, defineComponent as te, computed as m, resolveComponent as y, openBlock as k, createBlock as P, withCtx as w, createVNode as d, createElementBlock as J, Fragment as ne, createElementVNode as I, createCommentVNode as G, onMounted as Ie, watch as xe, unref as i, normalizeClass as pe, createTextVNode as Ae, toDisplayString as ae, renderList as Ue, isRef as ve, normalizeStyle as Ee, Teleport as Re, normalizeProps as De, guardReactiveProps as $e } from "vue";
-import { u as le, c as Fe, S as Pe, g as fe, F as N, d as ge, a as Te, C as ue, b as be, e as Be } from "./app-D-4-R23d.js";
-import { useDialog as Le, useSnackbar as Ce, useProxiedModel as Ve, useBreakpoints as Oe } from "@feedmepos/ui-library";
-import { i as Ne, _ as ze } from "./is-linked-ingredient-error-C6AghEwR.js";
+import { ref as L, defineComponent as te, computed as m, resolveComponent as _, openBlock as w, createBlock as P, withCtx as y, createVNode as r, createElementBlock as J, Fragment as ne, createElementVNode as x, createCommentVNode as G, onMounted as Ie, watch as Ae, unref as d, normalizeClass as pe, createTextVNode as Ue, toDisplayString as ae, renderList as Ee, isRef as ve, normalizeStyle as Re, Teleport as De, normalizeProps as $e, guardReactiveProps as Pe } from "vue";
+import { u as le, c as Ce, S as Te, g as fe, F as N, d as ge, a as Be, C as ue, b as be, e as Le } from "./app-kk-I7El6.js";
+import { useDialog as Oe, useSnackbar as he, useProxiedModel as Ve, useBreakpoints as Ne } from "@feedmepos/ui-library";
+import { i as ze, _ as Ge } from "./is-linked-ingredient-error-C6AghEwR.js";
 import { F as M, D as ye, R as ee } from "./row-action.enum-BwQbURNh.js";
-import { c as Ge, _ as Ye, F as _e, u as qe } from "./layout-C7Dvo6EU.js";
-import { _ as We } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { R as se, U as He, A as je, M as Ke } from "./rules-D4pouPya.js";
-import { g as Je } from "./use-inventory-binding-dialog-C-4l8D01.js";
-import { _ as Qe } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-jBbeI4Xr.js";
-import { _ as re } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-CDi5O9gb.js";
-import { a as Xe, t as Ze } from "./date2-B0vvvXGT.js";
-import { useCoreStore as en } from "@feedmepos/mf-common";
-function nn() {
-  const A = Le(), F = Ce(), g = le(), t = L(!1), l = L();
+import { c as Ye, _ as qe, F as _e, u as We } from "./layout-Uo3EuS0G.js";
+import { _ as He } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
+import { R as se, U as je, A as Ke, M as Je } from "./rules-DMCipsmW.js";
+import { g as Qe } from "./use-inventory-binding-dialog-Bn0GdfHQ.js";
+import { _ as Xe } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CN1SVuzj.js";
+import { _ as re } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-cNMSS0Ji.js";
+import { a as Ze, t as en } from "./date2-C_MxkBzJ.js";
+import { useCoreStore as nn } from "@feedmepos/mf-common";
+import { _ as Fe } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-BvadeWUz.js";
+function tn() {
+  const A = Oe(), C = he(), g = le(), t = L(!1), l = L();
   function a() {
     const u = {
       unit: {},
@@ -26,7 +27,7 @@ function nn() {
   }
   async function c(u) {
     const b = {
-      unit: Fe(u),
+      unit: Ce(u),
       mode: M.UPDATE,
       show: !0,
       "onUpdate:show"(s) {
@@ -35,18 +36,18 @@ function nn() {
     };
     l.value = b;
   }
-  async function S(u) {
+  async function k(u) {
     t.value = !0;
     try {
-      await g.deleteSku(u), F.open({
+      await g.deleteSku(u), C.open({
         title: "Success",
         message: `Deleted ${u.name}`,
         type: "success"
       });
     } catch (b) {
-      b instanceof Pe && Ne(b) ? A.open({
+      b instanceof Te && ze(b) ? A.open({
         title: "Cannot delete ingredient",
-        contentComponent: ze,
+        contentComponent: Ge,
         contentComponentProps: {
           subject: (u == null ? void 0 : u.name) ?? "",
           items: b.errorResponse.message
@@ -55,7 +56,7 @@ function nn() {
           text: "Close",
           close: !0
         }
-      }) : console.log("unable to delete ingredient", b), F.open({
+      }) : console.log("unable to delete ingredient", b), C.open({
         title: `Cannot delete ${u.name}`,
         message: "Please try again.",
         type: "error"
@@ -78,7 +79,7 @@ function nn() {
         text: "Cancel",
         close: !0
       }
-    }).onPrimary(() => S(u));
+    }).onPrimary(() => k(u));
   }
   return {
     createIngredient: a,
@@ -88,18 +89,18 @@ function nn() {
     ingredientViewLoading: t
   };
 }
-function tn({
+function ln({
   updateIngredient: A,
-  deleteIngredient: F
+  deleteIngredient: C
 }) {
   async function g(l, a) {
-    const c = Fe(a);
+    const c = Ce(a);
     if (l === ee.Edit) {
       await A(c);
       return;
     }
     if (l === ee.Delete) {
-      await F(c);
+      await C(c);
       return;
     }
   }
@@ -121,7 +122,7 @@ function tn({
         var a;
         if (l.trackingMeasurement) {
           const c = (a = l.unit.measurements) == null ? void 0 : a.find(
-            (S) => S.id === l.trackingMeasurement
+            (k) => k.id === l.trackingMeasurement
           );
           if (c)
             return `${c.name} (${c.abbrev})`;
@@ -136,7 +137,7 @@ function tn({
       id: "action",
       header: "",
       cell(l) {
-        return Ge(
+        return Ye(
           [ye[ee.Edit], ye[ee.Delete]],
           (a) => {
             g(a, l.row.original);
@@ -152,7 +153,7 @@ function tn({
     }
   ] };
 }
-const ln = /* @__PURE__ */ te({
+const on = /* @__PURE__ */ te({
   __name: "ConvertForm",
   props: {
     modelValue: {},
@@ -160,14 +161,14 @@ const ln = /* @__PURE__ */ te({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(A, { emit: F }) {
+  setup(A, { emit: C }) {
     const g = A, t = m(() => {
       var s;
       return (s = g.rootValue) == null ? void 0 : s.unit;
     }), l = m(() => {
       var s;
       return (s = g.rootValue) == null ? void 0 : s._id;
-    }), a = F, c = m({
+    }), a = C, c = m({
       get() {
         return !!g.modelValue;
       },
@@ -177,7 +178,7 @@ const ln = /* @__PURE__ */ te({
           inventoryBindings: []
         }) : a("update:modelValue", null);
       }
-    }), S = m(() => Je(t.value));
+    }), k = m(() => Qe(t.value));
     function U(s) {
       const v = g.modelValue ?? {};
       v.measurement = s ? `${s}` : null, a("update:modelValue", v);
@@ -189,18 +190,18 @@ const ln = /* @__PURE__ */ te({
     const b = m(() => {
       if (!g.modelValue) return null;
       const s = g.modelValue;
-      return s.measurement ? S.value.find((v) => v.value === s.measurement) ?? null : S.value.find((v) => v.value === null) ?? null;
+      return s.measurement ? k.value.find((v) => v.value === s.measurement) ?? null : k.value.find((v) => v.value === null) ?? null;
     });
     return (s, v) => {
-      const T = y("FmSwitch"), C = y("FmSelect"), V = y("FmCard");
-      return k(), P(V, {
+      const T = _("FmSwitch"), h = _("FmSelect"), V = _("FmCard");
+      return w(), P(V, {
         variant: "outlined",
         class: "p-16 flex flex-col gap-16"
       }, {
-        default: w(() => {
-          var R, x;
+        default: y(() => {
+          var R, I;
           return [
-            d(T, {
+            r(T, {
               value: "",
               "model-value": c.value,
               "onUpdate:modelValue": v[0] || (v[0] = (E) => c.value = E),
@@ -208,18 +209,18 @@ const ln = /* @__PURE__ */ te({
               sublabel: "Convertible from other recipe or ingredients",
               labelPlacement: "right"
             }, null, 8, ["model-value"]),
-            c.value ? (k(), J(ne, { key: 0 }, [
-              I("div", null, [
-                d(C, {
+            c.value ? (w(), J(ne, { key: 0 }, [
+              x("div", null, [
+                r(h, {
                   label: "Recipes and ingredients convert to",
                   modelValue: (R = b.value) == null ? void 0 : R.value,
                   "onUpdate:modelValue": U,
-                  items: S.value
+                  items: k.value
                 }, null, 8, ["modelValue", "items"])
               ]),
-              d(Qe, {
+              r(Xe, {
                 id: l.value,
-                "model-value": ((x = s.modelValue) == null ? void 0 : x.inventoryBindings) ?? [],
+                "model-value": ((I = s.modelValue) == null ? void 0 : I.inventoryBindings) ?? [],
                 "onUpdate:modelValue": u,
                 "exclude-binding-id": l.value
               }, null, 8, ["id", "model-value", "exclude-binding-id"])
@@ -230,10 +231,10 @@ const ln = /* @__PURE__ */ te({
       });
     };
   }
-}), on = { class: "text-fm-color-typo-secondary" }, an = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, un = { class: "col-span-2 mt-16" }, sn = {
+}), an = { class: "text-fm-color-typo-secondary" }, un = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, sn = { class: "col-span-2 mt-16" }, rn = {
   key: 1,
   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"
-}, rn = /* @__PURE__ */ te({
+}, dn = /* @__PURE__ */ te({
   __name: "IngredientForm",
   props: {
     mode: {},
@@ -241,19 +242,19 @@ const ln = /* @__PURE__ */ te({
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "click:submit"],
-  setup(A, { expose: F, emit: g }) {
+  setup(A, { expose: C, emit: g }) {
     var j;
-    const t = A, l = g, a = le(), c = en(), S = Te();
+    const t = A, l = g, a = le(), c = nn(), k = Be();
     function U(e) {
       if (e.length === 0) return;
       const n = e[0], o = t.modelValue ?? {
-        unit: a.units.find((r) => r)
+        unit: a.units.find((i) => i)
       };
       o.unit || (o.unit = n, l("update:modelValue", o));
     }
     Ie(() => {
       U(a.units);
-    }), xe([() => a.units], ([e]) => {
+    }), Ae([() => a.units], ([e]) => {
       U(e);
     });
     function u() {
@@ -285,10 +286,10 @@ const ln = /* @__PURE__ */ te({
       get() {
         var n, o;
         const e = (o = (n = t.modelValue) == null ? void 0 : n.defaultCost) == null ? void 0 : o.costPerUnit;
-        return e ? +Xe(e) : 0;
+        return e ? +Ze(e) : 0;
       },
       set(e) {
-        var o, r, _, p;
+        var o, i, F, p;
         const n = t.modelValue ? {
           ...t.modelValue
         } : {};
@@ -298,7 +299,7 @@ const ln = /* @__PURE__ */ te({
             precision: 2,
             currency: ((o = fe(c.currentCountry.value)) == null ? void 0 : o.currency) ?? "MYR"
           },
-          measurement: (p = (_ = (r = t.modelValue) == null ? void 0 : r.unit) == null ? void 0 : _.measurements) == null ? void 0 : p.find(
+          measurement: (p = (F = (i = t.modelValue) == null ? void 0 : i.unit) == null ? void 0 : F.measurements) == null ? void 0 : p.find(
             (B) => {
               var O;
               return B.id === ((O = t.modelValue) == null ? void 0 : O.trackingMeasurement);
@@ -306,22 +307,22 @@ const ln = /* @__PURE__ */ te({
           )
         }), n.defaultCost.costPerUnit = {
           ...n.defaultCost.costPerUnit,
-          ...Ze(+e, 4)
+          ...en(+e, 4)
         }, l("update:modelValue", n);
       }
     }), T = m(() => {
-      var n, o, r;
-      const e = ((n = t.modelValue) == null ? void 0 : n.unit) ?? a.units.find((_) => _);
+      var n, o, i;
+      const e = ((n = t.modelValue) == null ? void 0 : n.unit) ?? a.units.find((F) => F);
       return e ? {
         _id: e._id,
         measurement: (o = t.modelValue) == null ? void 0 : o.trackingMeasurement,
-        name: ((r = e.measurements.find((_) => {
+        name: ((i = e.measurements.find((F) => {
           var p;
-          return _.id === ((p = t.modelValue) == null ? void 0 : p.trackingMeasurement);
-        })) == null ? void 0 : r.name) ?? e.name
+          return F.id === ((p = t.modelValue) == null ? void 0 : p.trackingMeasurement);
+        })) == null ? void 0 : i.name) ?? e.name
       } : null;
-    }), C = m(
-      () => a.units.flatMap(({ name: e, _id: n, abbrev: o, measurements: r }) => [
+    }), h = m(
+      () => a.units.flatMap(({ name: e, _id: n, abbrev: o, measurements: i }) => [
         {
           label: `${e}`,
           value: null,
@@ -332,26 +333,26 @@ const ln = /* @__PURE__ */ te({
           value: { _id: n },
           displayAsSection: !1
         },
-        ...r.map(({ id: _, name: p, abbrev: B }) => ({
+        ...i.map(({ id: F, name: p, abbrev: B }) => ({
           label: `${p} (${B})`,
-          value: { _id: n, measurement: _ },
+          value: { _id: n, measurement: F },
           displayAsSection: !1
         }))
       ])
     );
     function V(e) {
-      var n, o, r, _, p;
-      return ((o = (n = t.modelValue) == null ? void 0 : n.unit) == null ? void 0 : o._id) === ((r = e.value) == null ? void 0 : r._id) && ((_ = t.modelValue) == null ? void 0 : _.trackingMeasurement) === ((p = e.value) == null ? void 0 : p.measurement);
+      var n, o, i, F, p;
+      return ((o = (n = t.modelValue) == null ? void 0 : n.unit) == null ? void 0 : o._id) === ((i = e.value) == null ? void 0 : i._id) && ((F = t.modelValue) == null ? void 0 : F.trackingMeasurement) === ((p = e.value) == null ? void 0 : p.measurement);
     }
     function R(e) {
       var B, O;
       if (!e) return;
-      const { _id: n, measurement: o } = e, r = o || void 0, _ = a.units.find((K) => K._id === n);
-      if (!_)
+      const { _id: n, measurement: o } = e, i = o || void 0, F = a.units.find((K) => K._id === n);
+      if (!F)
         return;
       const p = t.modelValue ?? {};
-      p.unit = _, p.trackingMeasurement = r, p.convert && (p.convert.measurement = r || null), S.enableTotalCost && (p.defaultCost = {
-        measurement: _.measurements.find((K) => K.id === r),
+      p.unit = F, p.trackingMeasurement = i, p.convert && (p.convert.measurement = i || null), k.enableTotalCost && (p.defaultCost = {
+        measurement: F.measurements.find((K) => K.id === i),
         costPerUnit: {
           ...((B = p.defaultCost) == null ? void 0 : B.costPerUnit) ?? {
             amount: 0,
@@ -361,7 +362,7 @@ const ln = /* @__PURE__ */ te({
         }
       }), l("update:modelValue", p);
     }
-    const x = m({
+    const I = m({
       get() {
         var e;
         return ((e = t.modelValue) == null ? void 0 : e.convert) ?? null;
@@ -404,7 +405,7 @@ const ln = /* @__PURE__ */ te({
         n.valuation = e, l("update:modelValue", n);
       }
     }), D = L();
-    F({
+    C({
       validateInputs: () => {
         var e, n;
         (n = (e = D.value) == null ? void 0 : e.validateInputs) == null || n.call(e);
@@ -422,20 +423,20 @@ const ln = /* @__PURE__ */ te({
       () => {
         var e, n, o;
         return (e = t.modelValue) != null && e._id ? ((o = a.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : o.filter(
-          (r) => r.from === "INGREDIENT"
+          (i) => i.from === "INGREDIENT"
         )) ?? [] : [];
       }
     ), q = m(
       () => {
         var e, n, o;
         return (e = t.modelValue) != null && e._id ? ((o = a.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : o.filter(
-          (r) => r.from === "RECIPE"
+          (i) => i.from === "RECIPE"
         )) ?? [] : [];
       }
     ), W = m(
       () => {
         var e, n, o;
-        return (e = t.modelValue) != null && e._id ? ((o = a.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : o.filter((r) => r.from === "MENU")) ?? [] : [];
+        return (e = t.modelValue) != null && e._id ? ((o = a.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : o.filter((i) => i.from === "MENU")) ?? [] : [];
       }
     ), z = m(
       () => a.skus.map((e) => ({ label: e.name, value: e.code }))
@@ -458,49 +459,58 @@ const ln = /* @__PURE__ */ te({
       }
     }
     return (e, n) => {
-      const o = y("FmTextField"), r = y("FmSelect"), _ = y("FmLabel"), p = y("FmField"), B = y("FmMenuHeader"), O = y("FmMenuDivider"), K = y("FmMenuItem"), he = y("FmMenu"), Se = y("FmFormGroup"), ke = y("FmSwitch"), we = y("FmForm");
-      return k(), P(we, {
+      const o = _("FmTextField"), i = _("FmLabel"), F = _("FmSelect"), p = _("FmField"), B = _("FmMenuHeader"), O = _("FmMenuDivider"), K = _("FmMenuItem"), Se = _("FmMenu"), ke = _("FmFormGroup"), we = _("FmSwitch"), Me = _("FmForm");
+      return w(), P(Me, {
         disabled: e.disabled,
         ref_key: "formRef",
         ref: D,
         class: "grid grid-cols-2 gap-24",
         onValidationSuccess: u
       }, {
-        default: w(() => [
-          d(o, {
+        default: y(() => [
+          r(o, {
             label: "Code",
             "model-value": b.value,
             "onUpdate:modelValue": n[0] || (n[0] = (f) => b.value = f),
-            rules: [i(se)(), i(He)(z.value, X.value)],
+            rules: [d(se)(), d(je)(z.value, X.value)],
             "label-mark": "required"
           }, null, 8, ["model-value", "rules"]),
-          d(o, {
+          r(o, {
             label: "Name",
             "model-value": s.value,
             "onUpdate:modelValue": n[1] || (n[1] = (f) => s.value = f),
-            rules: [i(se)()],
+            rules: [d(se)()],
             "label-mark": "required"
           }, null, 8, ["model-value", "rules"]),
-          d(r, {
+          r(F, {
             class: "col-span-2",
             "model-value": Q.value,
             "onUpdate:modelValue": n[2] || (n[2] = (f) => Q.value = f),
-            label: "Valuation Method",
             items: E.value
-          }, null, 8, ["model-value", "items"]),
-          d(Se, {
-            class: pe([i(S).enableTotalCost ? "col-span-1" : "col-span-2"]),
+          }, {
+            label: y(() => [
+              r(Fe, { "z-index": 50 }, {
+                default: y(() => [
+                  r(i, { label: "Valuation Method" })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["model-value", "items"]),
+          r(ke, {
+            class: pe([d(k).enableTotalCost ? "col-span-1" : "col-span-2"]),
             "model-value": T.value,
-            rules: [i(se)()],
+            rules: [d(se)()],
             "label-mark": "required"
           }, {
-            label: w(() => [
-              d(_, { label: "Unit" })
+            label: y(() => [
+              r(i, { label: "Unit" })
             ]),
-            default: w(({ invalid: f }) => [
-              d(he, null, {
-                "menu-button": w(() => [
-                  d(p, {
+            default: y(({ invalid: f }) => [
+              r(Se, null, {
+                "menu-button": y(() => [
+                  r(p, {
                     class: pe([
                       "fm-typo-en-body-lg-400",
                       {
@@ -511,34 +521,34 @@ const ln = /* @__PURE__ */ te({
                     invalid: f,
                     "append-icon": "expand_more"
                   }, {
-                    default: w(() => {
-                      var h;
+                    default: y(() => {
+                      var S;
                       return [
-                        Ae(ae((h = T.value) == null ? void 0 : h.name), 1)
+                        Ue(ae((S = T.value) == null ? void 0 : S.name), 1)
                       ];
                     }),
                     _: 2
                   }, 1032, ["class", "invalid"])
                 ]),
-                default: w(() => [
-                  I("div", {
+                default: y(() => [
+                  x("div", {
                     class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
                     onVnodeMounted: Z
                   }, [
-                    (k(!0), J(ne, null, Ue(C.value, (h) => (k(), J(ne, {
-                      key: h.label
+                    (w(!0), J(ne, null, Ee(h.value, (S) => (w(), J(ne, {
+                      key: S.label
                     }, [
-                      h.displayAsSection ? (k(), J(ne, { key: 0 }, [
-                        d(B, {
-                          label: h.label
+                      S.displayAsSection ? (w(), J(ne, { key: 0 }, [
+                        r(B, {
+                          label: S.label
                         }, null, 8, ["label"]),
-                        d(O)
-                      ], 64)) : (k(), P(K, {
+                        r(O)
+                      ], 64)) : (w(), P(K, {
                         key: 1,
-                        label: h.label,
-                        "model-value": V(h),
-                        onClick: (oe) => R(h.value),
-                        "x-should-scroll-into": `${V(h)}`
+                        label: S.label,
+                        "model-value": V(S),
+                        onClick: (oe) => R(S.value),
+                        "x-should-scroll-into": `${V(S)}`
                       }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
                     ], 64))), 128))
                   ], 512)
@@ -548,57 +558,64 @@ const ln = /* @__PURE__ */ te({
             ]),
             _: 1
           }, 8, ["class", "model-value", "rules"]),
-          i(S).enableTotalCost ? (k(), P(o, {
+          d(k).enableTotalCost ? (w(), P(o, {
             key: 0,
-            label: "Price per unit",
             "model-value": v.value,
             "onUpdate:modelValue": n[3] || (n[3] = (f) => v.value = f),
-            rules: [i(je)(0), i(Ke)(2)]
+            rules: [d(Ke)(0), d(Je)(2)]
           }, {
-            prepend: w(() => {
-              var f, h;
+            label: y(() => [
+              r(Fe, { "z-index": 50 }, {
+                default: y(() => [
+                  r(i, { label: "Price per unit" })
+                ]),
+                _: 1
+              })
+            ]),
+            prepend: y(() => {
+              var f, S;
               return [
-                I("div", on, ae(H(((f = i(c).currentCountry) == null ? void 0 : f.value) ?? i(ge)) === "MYR" ? "RM" : H(((h = i(c).currentCountry) == null ? void 0 : h.value) ?? i(ge))), 1)
+                x("div", an, ae(H(((f = d(c).currentCountry) == null ? void 0 : f.value) ?? d(ge)) === "MYR" ? "RM" : H(((S = d(c).currentCountry) == null ? void 0 : S.value) ?? d(ge))), 1)
               ];
             }),
-            append: w(() => {
-              var f, h, oe, ie, de, me;
+            append: y(() => {
+              var f, S, oe, ie, de, me;
               return [
-                I("div", an, " / " + ae(((ie = (oe = (h = (f = e.modelValue) == null ? void 0 : f.unit) == null ? void 0 : h.measurements) == null ? void 0 : oe.find((Me) => {
+                x("div", un, " / " + ae(((ie = (oe = (S = (f = e.modelValue) == null ? void 0 : f.unit) == null ? void 0 : S.measurements) == null ? void 0 : oe.find((xe) => {
                   var ce;
-                  return Me.id === ((ce = e.modelValue) == null ? void 0 : ce.trackingMeasurement);
+                  return xe.id === ((ce = e.modelValue) == null ? void 0 : ce.trackingMeasurement);
                 })) == null ? void 0 : ie.abbrev) ?? ((me = (de = e.modelValue) == null ? void 0 : de.unit) == null ? void 0 : me.abbrev)), 1)
               ];
             }),
             _: 1
           }, 8, ["model-value", "rules"])) : G("", !0),
-          I("div", un, [
-            d(ln, {
-              "model-value": x.value,
-              "onUpdate:modelValue": n[4] || (n[4] = (f) => x.value = f),
+          x("div", sn, [
+            r(on, {
+              "model-value": I.value,
+              "onUpdate:modelValue": n[4] || (n[4] = (f) => I.value = f),
               "root-value": e.modelValue
             }, null, 8, ["model-value", "root-value"])
           ]),
-          e.mode !== i(M).CREATE ? (k(), J("div", sn, [
-            I("div", null, [
-              d(ke, {
+          e.mode !== d(M).CREATE ? (w(), J("div", rn, [
+            x("div", null, [
+              r(we, {
                 label: "Show binded items",
                 modelValue: $.value,
                 "onUpdate:modelValue": n[5] || (n[5] = (f) => $.value = f),
                 "label-placement": "right"
               }, null, 8, ["modelValue"])
             ]),
-            $.value && Y.value.length ? (k(), P(re, {
+            $.value && Y.value.length ? (w(), P(re, {
               key: 0,
               name: "Ingredient",
               bindings: Y.value
             }, null, 8, ["bindings"])) : G("", !0),
-            $.value && q.value.length ? (k(), P(re, {
+            $.value && q.value.length ? (w(), P(re, {
               key: 1,
               name: "Recipe",
               bindings: q.value
             }, null, 8, ["bindings"])) : G("", !0),
-            $.value && W.value.length ? (k(), P(re, {
+            $.value && W.value.length ? (w(), P(re, {
               key: 2,
               name: "Menu",
               bindings: W.value
@@ -609,7 +626,7 @@ const ln = /* @__PURE__ */ te({
       }, 8, ["disabled"]);
     };
   }
-}), dn = { class: "flex gap-4" }, mn = /* @__PURE__ */ te({
+}), mn = { class: "flex gap-4" }, cn = /* @__PURE__ */ te({
   __name: "IngredientDialog",
   props: {
     show: { type: Boolean },
@@ -618,8 +635,8 @@ const ln = /* @__PURE__ */ te({
   },
   emits: ["update:show"],
   setup(A) {
-    const F = A, g = le(), t = Ce(), l = Ve(F, "show"), a = Ve(F, "unit"), c = m(() => {
-      switch (F.mode) {
+    const C = A, g = le(), t = he(), l = Ve(C, "show"), a = Ve(C, "unit"), c = m(() => {
+      switch (C.mode) {
         case M.READ:
           return "View ingredient";
         case M.UPDATE:
@@ -628,8 +645,8 @@ const ln = /* @__PURE__ */ te({
           return "Add ingredient";
       }
       return "";
-    }), S = m(() => {
-      switch (F.mode) {
+    }), k = m(() => {
+      switch (C.mode) {
         case M.READ:
           return "";
         case M.UPDATE:
@@ -647,8 +664,8 @@ const ln = /* @__PURE__ */ te({
           message: "Created " + a.value.name,
           type: "success"
         });
-      } catch (C) {
-        C instanceof be || t.open({
+      } catch (h) {
+        h instanceof be || t.open({
           title: "Failed to create ingredient",
           message: "Please try again",
           type: "error"
@@ -665,8 +682,8 @@ const ln = /* @__PURE__ */ te({
           message: "Updated " + a.value.name,
           type: "success"
         });
-      } catch (C) {
-        C instanceof be || t.open({
+      } catch (h) {
+        h instanceof be || t.open({
           title: "Failed to update ingredient",
           message: "Please try again",
           type: "error"
@@ -676,11 +693,11 @@ const ln = /* @__PURE__ */ te({
       }
     }
     function v() {
-      var C, V;
-      (V = (C = U.value) == null ? void 0 : C.validateInputs) == null || V.call(C);
+      var h, V;
+      (V = (h = U.value) == null ? void 0 : h.validateInputs) == null || V.call(h);
     }
     function T() {
-      switch (F.mode) {
+      switch (C.mode) {
         case M.READ:
           return;
         case M.UPDATE:
@@ -689,24 +706,24 @@ const ln = /* @__PURE__ */ te({
           return b();
       }
     }
-    return (C, V) => {
-      const R = y("FmButton"), x = y("FmSideSheet");
-      return k(), P(x, {
-        "model-value": i(l),
+    return (h, V) => {
+      const R = _("FmButton"), I = _("FmSideSheet");
+      return w(), P(I, {
+        "model-value": d(l),
         "onUpdate:modelValue": V[3] || (V[3] = (E) => ve(l) ? l.value = E : null),
         header: c.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 500
       }, {
-        "side-sheet-footer": w(() => [
-          I("div", dn, [
-            d(R, {
+        "side-sheet-footer": y(() => [
+          x("div", mn, [
+            r(R, {
               loading: u.value,
-              label: S.value,
+              label: k.value,
               onClick: v
             }, null, 8, ["loading", "label"]),
-            d(R, {
+            r(R, {
               disabled: u.value,
               label: "Close",
               variant: "tertiary",
@@ -714,14 +731,14 @@ const ln = /* @__PURE__ */ te({
             }, null, 8, ["disabled"])
           ])
         ]),
-        default: w(() => [
-          d(rn, {
+        default: y(() => [
+          r(dn, {
             class: "w-full",
             ref_key: "hasValidationExpose",
             ref: U,
-            modelValue: i(a),
+            modelValue: d(a),
             "onUpdate:modelValue": V[0] || (V[0] = (E) => ve(a) ? a.value = E : null),
-            mode: C.mode,
+            mode: h.mode,
             disabled: u.value,
             "onClick:submit": V[1] || (V[1] = (E) => T())
           }, null, 8, ["modelValue", "mode", "disabled"])
@@ -730,64 +747,64 @@ const ln = /* @__PURE__ */ te({
       }, 8, ["model-value", "header"]);
     };
   }
-}), cn = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, pn = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, vn = { class: "flex-1 w-full" }, fn = { class: "flex flex-col py-8" }, gn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, bn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Un = /* @__PURE__ */ te({
+}), pn = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, vn = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, fn = { class: "flex-1 w-full" }, gn = { class: "flex flex-col py-8" }, bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Vn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Rn = /* @__PURE__ */ te({
   __name: "IngredientsView",
   setup(A) {
-    const F = le(), g = m(() => F.skus), t = Be(), {
+    const C = le(), g = m(() => C.skus), t = Le(), {
       createIngredient: l,
       updateIngredient: a,
       deleteIngredient: c,
-      ingredientDialogProps: S,
+      ingredientDialogProps: k,
       ingredientViewLoading: U
-    } = nn(), { columnDefs: u } = tn({ updateIngredient: a, deleteIngredient: c });
+    } = tn(), { columnDefs: u } = ln({ updateIngredient: a, deleteIngredient: c });
     function b(R) {
       R === "add" && l();
     }
-    const s = L(""), v = m(() => U.value), { breakpoints: T } = Oe(), C = m(() => T.value.xs || T.value.sm ? 10 : 20), V = qe();
-    return (R, x) => {
-      const E = y("FmTableToolbar"), Q = y("FmTable");
-      return k(), P(We, {
+    const s = L(""), v = m(() => U.value), { breakpoints: T } = Ne(), h = m(() => T.value.xs || T.value.sm ? 10 : 20), V = We();
+    return (R, I) => {
+      const E = _("FmTableToolbar"), Q = _("FmTable");
+      return w(), P(He, {
         title: "Ingredient",
         actions: [{ label: "Add ingredient", value: "add", isPrimary: !0, prependIcon: "add" }],
         "onClick:action": b
       }, {
-        default: w(() => [
-          I("div", cn, [
-            I("div", pn, [
-              I("div", vn, [
-                d(E, {
+        default: y(() => [
+          x("div", pn, [
+            x("div", vn, [
+              x("div", fn, [
+                r(E, {
                   searchable: "",
                   "search-model": s.value,
-                  "onUpdate:searchModel": x[0] || (x[0] = (D) => s.value = D)
+                  "onUpdate:searchModel": I[0] || (I[0] = (D) => s.value = D)
                 }, null, 8, ["search-model"])
               ])
             ]),
-            d(Q, {
-              style: Ee(i(V).tableHeight),
-              "column-defs": i(u),
+            r(Q, {
+              style: Re(d(V).tableHeight),
+              "column-defs": d(u),
               "row-data": g.value,
               "search-value": s.value,
-              loading: !i(t)._currentLocation || v.value,
-              onRowClick: x[1] || (x[1] = (D) => i(a)(D.original)),
-              "page-size": C.value
+              loading: !d(t)._currentLocation || v.value,
+              onRowClick: I[1] || (I[1] = (D) => d(a)(D.original)),
+              "page-size": h.value
             }, {
-              "list-row": w((D) => [
-                d(Ye, {
+              "list-row": y((D) => [
+                r(qe, {
                   row: D,
-                  onRowClick: i(a)
+                  onRowClick: d(a)
                 }, {
-                  default: w(($) => {
+                  default: y(($) => {
                     var Y, q, W, z, X, Z, H, j, e, n;
                     return [
-                      I("div", fn, [
-                        I("div", gn, [
-                          d(i(_e), {
+                      x("div", gn, [
+                        x("div", bn, [
+                          r(d(_e), {
                             render: (W = (q = (Y = $.code) == null ? void 0 : Y.column) == null ? void 0 : q.columnDef) == null ? void 0 : W.cell,
                             props: (X = (z = $.code) == null ? void 0 : z.getContext) == null ? void 0 : X.call(z)
                           }, null, 8, ["render", "props"])
                         ]),
-                        I("div", bn, [
-                          d(i(_e), {
+                        x("div", Vn, [
+                          r(d(_e), {
                             render: (j = (H = (Z = $.name) == null ? void 0 : Z.column) == null ? void 0 : H.columnDef) == null ? void 0 : j.cell,
                             props: (n = (e = $.name) == null ? void 0 : e.getContext) == null ? void 0 : n.call(e)
                           }, null, 8, ["render", "props"])
@@ -801,8 +818,8 @@ const ln = /* @__PURE__ */ te({
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ]),
-          (k(), P(Re, { to: "body" }, [
-            d(mn, De($e(i(S))), null, 16)
+          (w(), P(De, { to: "body" }, [
+            r(cn, $e(Pe(d(k))), null, 16)
           ]))
         ]),
         _: 1
@@ -811,5 +828,5 @@ const ln = /* @__PURE__ */ te({
   }
 });
 export {
-  Un as default
+  Rn as default
 };