@feedmepos/mf-inventory-portal 0.0.17-dev.9 → 0.0.18-dev.2

package/dist/{RecipeView-B9NcEw7x.js → RecipeView-Do3LgdfI.js}

@@ -1,18 +1,19 @@
-import { defineComponent as N, ref as R, onMounted as se, resolveComponent as x, openBlock as w, createElementBlock as A, Fragment as le, createElementVNode as _, toDisplayString as ie, createVNode as p, createCommentVNode as H, computed as k, watch as re, createBlock as T, withCtx as $, unref as b, isRef as X, normalizeStyle as ce, Teleport as de, normalizeProps as ue, guardReactiveProps as me } from "vue";
-import { u as P, c as q, S as pe, b as Z, f as fe } from "./app-BbXzmbBO.js";
-import { useDialog as ve, useSnackbar as ne, useProxiedModel as ee, useBreakpoints as _e } from "@feedmepos/ui-library";
-import { i as ye, _ as ge } from "./is-linked-ingredient-error-C6AghEwR.js";
-import { F as h, D as te, R as z } from "./row-action.enum-BwQbURNh.js";
-import { _ as ae, t as be, d as he } from "./xlsx.util-BNXjhkYU.js";
-import { c as we, _ as xe, F as oe, u as Re } from "./layout-DACHKQ9G.js";
-import { a as j, f as Ce } from "./date2-DFqSdEvG.js";
-import { _ as Ee } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
-import { R as Fe, U as ke } from "./rules-ldw61cGA.js";
-import { _ as Se } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CUj9Mnt6.js";
+import { defineComponent as z, ref as R, onMounted as ne, resolveComponent as E, openBlock as w, createElementBlock as A, Fragment as ae, createElementVNode as b, toDisplayString as se, createVNode as f, createCommentVNode as Y, computed as k, watch as le, createBlock as T, withCtx as $, unref as g, isRef as Q, normalizeStyle as ie, Teleport as re, normalizeProps as ce, guardReactiveProps as ue } from "vue";
+import { u as P, c as j, S as de, b as W, f as me } from "./app-UpgZo4xX.js";
+import { useDialog as pe, useSnackbar as te, useProxiedModel as X, useBreakpoints as fe } from "@feedmepos/ui-library";
+import { i as ve, _ as _e } from "./is-linked-ingredient-error-C6AghEwR.js";
+import { F as h, D as Z, R as L } from "./row-action.enum-BwQbURNh.js";
+import { _ as oe, t as ye, d as ge } from "./xlsx.util-DL8p0Kzi.js";
+import { c as be, _ as he, F as ee, u as we } from "./layout-DxcK0DGS.js";
+import { a as H } from "./number-BSqhQaRy.js";
+import { _ as Re, a as Ce } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DLc1nCIY.js";
+import { R as xe, U as Ee } from "./rules-7WxBNkDE.js";
+import { _ as Fe } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BObjqgU-.js";
+import { f as Se } from "./date2-BfOl_Gio.js";
 const Ve = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, De = /* @__PURE__ */ _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), Ae = { key: 1 }, $e = /* @__PURE__ */ _("br", null, null, -1), Pe = { key: 0 }, Ie = /* @__PURE__ */ _("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1), Te = /* @__PURE__ */ N({
+}, ke = /* @__PURE__ */ b("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), De = { key: 1 }, Ae = /* @__PURE__ */ b("br", null, null, -1), $e = { key: 0 }, Pe = /* @__PURE__ */ b("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1), Ie = /* @__PURE__ */ z({
   __name: "DeleteDialog",
   props: {
     type: {},
@@ -20,42 +21,42 @@ const Ve = {
     message: {},
     bindedItems: {}
   },
-  setup(y) {
-    const u = y, v = R(u.bindedItems || []), n = R(!1);
-    se(() => {
+  setup(_) {
+    const d = _, v = R(d.bindedItems || []), n = R(!1);
+    ne(() => {
       l();
     });
     async function l() {
       var a, m;
-      !n.value && ((a = u.data) != null && a._id) && (n.value = !0, v.value = await P().getAffectedMenu((m = u.data) == null ? void 0 : m._id), n.value = !1);
+      !n.value && ((a = d.data) != null && a._id) && (n.value = !0, v.value = await P().getAffectedMenu((m = d.data) == null ? void 0 : m._id), n.value = !1);
     }
     return (a, m) => {
-      const i = x("FmSpacer"), d = x("FmCircularProgress");
-      return w(), A(le, null, [
-        _("p", null, ie(a.message), 1),
+      const i = E("FmSpacer"), u = E("FmCircularProgress");
+      return w(), A(ae, null, [
+        b("p", null, se(a.message), 1),
         n.value ? (w(), A("div", Ve, [
-          p(i),
-          _("div", null, [
-            p(d, { size: "xl" })
+          f(i),
+          b("div", null, [
+            f(u, { size: "xl" })
           ]),
-          De,
-          p(i)
-        ])) : (w(), A("div", Ae, [
-          $e,
-          v.value.length > 0 ? (w(), A("div", Pe, [
-            Ie,
-            p(ae, {
+          ke,
+          f(i)
+        ])) : (w(), A("div", De, [
+          Ae,
+          v.value.length > 0 ? (w(), A("div", $e, [
+            Pe,
+            f(oe, {
               name: "Menu",
               bindings: v.value
             }, null, 8, ["bindings"])
-          ])) : H("", !0)
+          ])) : Y("", !0)
         ]))
       ], 64);
     };
   }
 });
-function Me() {
-  const y = ve(), u = ne(), v = P(), n = R(!1), l = R();
+function Te() {
+  const _ = pe(), d = te(), v = P(), n = R(!1), l = R();
   function a() {
     const t = {
       recipe: {},
@@ -69,11 +70,11 @@ function Me() {
   }
   async function m(t) {
     const r = {
-      recipe: q(t),
+      recipe: j(t),
       mode: h.UPDATE,
       show: !0,
-      "onUpdate:show"(g) {
-        l.value.show = g;
+      "onUpdate:show"(y) {
+        l.value.show = y;
       }
     };
     l.value = r;
@@ -81,15 +82,15 @@ function Me() {
   async function i(t) {
     n.value = !0;
     try {
-      await v.deleteRecipe(t), u.open({
+      await v.deleteRecipe(t), d.open({
         title: "Success",
         message: `Deleted ${t.name}`,
         type: "success"
       });
     } catch (r) {
-      r instanceof pe && ye(r) ? y.open({
+      r instanceof de && ve(r) ? _.open({
         title: "Cannot delete recipe",
-        contentComponent: ge,
+        contentComponent: _e,
         contentComponentProps: {
           subject: (t == null ? void 0 : t.name) ?? "",
           items: r.errorResponse.message
@@ -98,7 +99,7 @@ function Me() {
           text: "Close",
           close: !0
         }
-      }) : console.log("unable to delete recipe", r), u.open({
+      }) : console.log("unable to delete recipe", r), d.open({
         title: `Cannot delete ${t == null ? void 0 : t.name}`,
         message: "Please try again.",
         type: "error"
@@ -107,8 +108,8 @@ function Me() {
       n.value = !1;
     }
   }
-  function d(t) {
-    y.open({
+  function u(t) {
+    _.open({
       title: `Delete ${(t == null ? void 0 : t.name) ?? "recipe"}?`,
       closeButton: !1,
       primaryActions: {
@@ -120,7 +121,7 @@ function Me() {
         text: "Cancel",
         close: !0
       },
-      contentComponent: Te,
+      contentComponent: Ie,
       contentComponentProps: {
         type: "menu",
         data: t,
@@ -131,23 +132,23 @@ function Me() {
   return {
     createRecipe: a,
     updateRecipe: m,
-    deleteRecipe: d,
+    deleteRecipe: u,
     recipeDialogProps: l,
     recipeViewLoading: n
   };
 }
 function Ue({
-  updateRecipe: y,
-  deleteRecipe: u
+  updateRecipe: _,
+  deleteRecipe: d
 }) {
   async function v(a, m) {
-    const i = q(m);
-    if (a === z.Edit) {
-      await y(i);
+    const i = j(m);
+    if (a === L.Edit) {
+      await _(i);
       return;
     }
-    if (a === z.Delete) {
-      await u(i);
+    if (a === L.Delete) {
+      await d(i);
       return;
     }
   }
@@ -166,8 +167,8 @@ function Ue({
       id: "action",
       header: "",
       cell(a) {
-        return we(
-          [te[z.Edit], te[z.Delete]],
+        return be(
+          [Z[L.Edit], Z[L.Delete]],
           (m) => {
             v(m, a.row.original.original);
           }
@@ -185,23 +186,23 @@ function Ue({
     const m = P();
     return a.map((i) => ({
       recipe: i.name,
-      ingredients: i.contains.map((d) => {
-        var r, g;
-        const t = m.skuById[d.id];
-        return t ? `${t.name} (${j(d.amount)}${((r = d.measurement) == null ? void 0 : r.abbrev) ?? ((g = t == null ? void 0 : t.unit) == null ? void 0 : g.abbrev)})` : null;
-      }).filter((d) => d).join(", "),
+      ingredients: i.contains.map((u) => {
+        var r, y;
+        const t = m.skuById[u.id];
+        return t ? `${t.name} (${H(u.amount)}${((r = u.measurement) == null ? void 0 : r.abbrev) ?? ((y = t == null ? void 0 : t.unit) == null ? void 0 : y.abbrev)})` : null;
+      }).filter((u) => u).join(", "),
       original: i
     }));
   }
   return { columnDefs: n, formatRowData: l };
 }
-const Be = { class: "flex flex-col gap-40" }, Le = {
+const Me = { class: "flex flex-col gap-40" }, Be = {
   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"
-}, ze = {
+}, Le = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, Ne = /* @__PURE__ */ _("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), Ye = { key: 1 }, He = /* @__PURE__ */ N({
+}, ze = /* @__PURE__ */ b("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1), Ne = { key: 1 }, Ye = /* @__PURE__ */ z({
   __name: "RecipeForm",
   props: {
     mode: {},
@@ -209,9 +210,9 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "click:submit"],
-  setup(y, { expose: u, emit: v }) {
-    var E;
-    const n = y, l = v, a = k({
+  setup(_, { expose: d, emit: v }) {
+    var F;
+    const n = _, l = v, a = k({
       get() {
         var e;
         return ((e = n.modelValue) == null ? void 0 : e.name) ?? "";
@@ -233,101 +234,101 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
     function i() {
       l("click:submit");
     }
-    const d = R();
-    u({
+    const u = R();
+    d({
       validateInputs: () => {
         var e, o;
-        (o = (e = d.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
+        (o = (e = u.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
       },
       resetInputsValidation: () => {
         var e, o;
-        (o = (e = d.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
+        (o = (e = u.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
       },
       resetInputs: () => {
         var e, o;
-        (o = (e = d.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
+        (o = (e = u.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
       }
     });
-    const t = P(), r = R([]), g = R(!1), c = R(!1);
-    re(g, async (e) => {
+    const t = P(), r = R([]), y = R(!1), c = R(!1);
+    le(y, async (e) => {
       C(e);
     });
     async function C(e) {
-      var o, V;
-      e && !c.value && ((o = n.modelValue) != null && o._id) && (c.value = !0, r.value = await t.getAffectedMenu((V = n.modelValue) == null ? void 0 : V._id), c.value = !1);
+      var o, S;
+      e && !c.value && ((o = n.modelValue) != null && o._id) && (c.value = !0, r.value = await t.getAffectedMenu((S = n.modelValue) == null ? void 0 : S._id), c.value = !1);
     }
     const s = k(
       () => t.recipes.map((e) => ({ label: e.name, value: e.name }))
-    ), f = R((E = n.modelValue) == null ? void 0 : E.name);
+    ), p = R((F = n.modelValue) == null ? void 0 : F.name);
     return (e, o) => {
-      const V = x("FmTextField"), I = x("FmCard"), Y = x("FmSwitch"), M = x("FmSpacer"), D = x("FmCircularProgress"), S = x("FmForm");
-      return w(), T(S, {
+      const S = E("FmTextField"), N = E("FmCard"), D = E("FmSwitch"), V = E("FmSpacer"), U = E("FmCircularProgress"), M = E("FmForm");
+      return w(), T(M, {
         ref_key: "formRef",
-        ref: d,
+        ref: u,
         onValidationSuccess: i
       }, {
         default: $(() => [
-          _("div", Be, [
-            p(V, {
+          b("div", Me, [
+            f(S, {
               disabled: e.disabled,
               label: "Name",
               "model-value": a.value,
-              "onUpdate:modelValue": o[0] || (o[0] = (F) => a.value = F),
+              "onUpdate:modelValue": o[0] || (o[0] = (x) => a.value = x),
               rules: [
-                b(Fe)(),
-                b(ke)(s.value, f.value, (F) => `[${F.value}] already exists`)
+                g(xe)(),
+                g(Ee)(s.value, p.value, (x) => `[${x.value}] already exists`)
               ],
               "label-mark": "required"
             }, null, 8, ["disabled", "model-value", "rules"]),
-            p(I, {
+            f(N, {
               variant: "outlined",
               class: "p-16"
             }, {
               default: $(() => {
-                var F;
+                var x;
                 return [
-                  p(Se, {
-                    id: (F = e.modelValue) == null ? void 0 : F._id,
+                  f(Fe, {
+                    id: (x = e.modelValue) == null ? void 0 : x._id,
                     disabled: e.disabled,
                     "model-value": m.value,
-                    "onUpdate:modelValue": o[1] || (o[1] = (U) => m.value = U)
+                    "onUpdate:modelValue": o[1] || (o[1] = (I) => m.value = I)
                   }, null, 8, ["id", "disabled", "model-value"])
                 ];
               }),
               _: 1
             })
           ]),
-          e.mode !== b(h).CREATE ? (w(), A("div", Le, [
-            _("div", null, [
-              p(Y, {
+          e.mode !== g(h).CREATE ? (w(), A("div", Be, [
+            b("div", null, [
+              f(D, {
                 label: "Show binded items",
-                modelValue: g.value,
-                "onUpdate:modelValue": o[2] || (o[2] = (F) => g.value = F),
+                modelValue: y.value,
+                "onUpdate:modelValue": o[2] || (o[2] = (x) => y.value = x),
                 "label-placement": "right",
                 disabled: c.value
               }, null, 8, ["modelValue", "disabled"])
             ]),
-            c.value ? (w(), A("div", ze, [
-              p(M),
-              _("div", null, [
-                p(D, { size: "xl" })
+            c.value ? (w(), A("div", Le, [
+              f(V),
+              b("div", null, [
+                f(U, { size: "xl" })
               ]),
-              Ne,
-              p(M)
-            ])) : (w(), A("div", Ye, [
-              g.value && r.value.length ? (w(), T(ae, {
+              ze,
+              f(V)
+            ])) : (w(), A("div", Ne, [
+              y.value && r.value.length ? (w(), T(oe, {
                 key: 0,
                 name: "Menu",
                 bindings: r.value
-              }, null, 8, ["bindings"])) : H("", !0)
+              }, null, 8, ["bindings"])) : Y("", !0)
             ]))
-          ])) : H("", !0)
+          ])) : Y("", !0)
         ]),
         _: 1
       }, 512);
     };
   }
-}), je = { class: "flex gap-4" }, qe = /* @__PURE__ */ N({
+}), He = { class: "flex gap-4" }, je = /* @__PURE__ */ z({
   __name: "RecipeDialog",
   props: {
     show: { type: Boolean },
@@ -335,9 +336,9 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
     mode: { default: h.READ }
   },
   emits: ["update:show"],
-  setup(y) {
-    const u = y, v = P(), n = ne(), l = ee(u, "show"), a = ee(u, "recipe"), m = k(() => {
-      switch (u.mode) {
+  setup(_) {
+    const d = _, v = P(), n = te(), l = X(d, "show"), a = X(d, "recipe"), m = k(() => {
+      switch (d.mode) {
         case h.READ:
           return "View recipe";
         case h.UPDATE:
@@ -347,7 +348,7 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
       }
       return "";
     }), i = k(() => {
-      switch (u.mode) {
+      switch (d.mode) {
         case h.READ:
           return "";
         case h.UPDATE:
@@ -356,18 +357,18 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
           return "Add";
       }
       return "";
-    }), d = R(), t = R(!1);
+    }), u = R(), t = R(!1);
     async function r() {
       t.value = !0;
       try {
-        const s = q(a.value);
+        const s = j(a.value);
         s.precision ?? (s.precision = 0), s.measurements ?? (s.measurements = []), await v.createRecipe(s), l.value = !1, n.open({
           title: "Success",
           message: "Created " + a.value.name,
           type: "success"
         });
       } catch (s) {
-        s instanceof Z || n.open({
+        s instanceof W || n.open({
           title: "Failed to create recipe",
           message: "Please try again",
           type: "error"
@@ -376,7 +377,7 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
         t.value = !1;
       }
     }
-    async function g() {
+    async function y() {
       t.value = !0;
       try {
         await v.updateRecipe(a.value), l.value = !1, n.open({
@@ -385,7 +386,7 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
           type: "success"
         });
       } catch (s) {
-        s instanceof Z || n.open({
+        s instanceof W || n.open({
           title: "Failed to update recipe",
           message: "Please try again",
           type: "error"
@@ -395,54 +396,54 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
       }
     }
     function c() {
-      var s, f;
-      (f = (s = d.value) == null ? void 0 : s.validateInputs) == null || f.call(s);
+      var s, p;
+      (p = (s = u.value) == null ? void 0 : s.validateInputs) == null || p.call(s);
     }
     function C() {
-      switch (u.mode) {
+      switch (d.mode) {
         case h.READ:
           return;
         case h.UPDATE:
-          return g();
+          return y();
         case h.CREATE:
           return r();
       }
     }
-    return (s, f) => {
-      const E = x("FmButton"), e = x("FmSideSheet");
+    return (s, p) => {
+      const F = E("FmButton"), e = E("FmSideSheet");
       return w(), T(e, {
-        "model-value": b(l),
-        "onUpdate:modelValue": f[3] || (f[3] = (o) => X(l) ? l.value = o : null),
+        "model-value": g(l),
+        "onUpdate:modelValue": p[3] || (p[3] = (o) => Q(l) ? l.value = o : null),
         header: m.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 500
       }, {
         "side-sheet-footer": $(() => [
-          _("div", je, [
-            p(E, {
+          b("div", He, [
+            f(F, {
               loading: t.value,
               label: i.value,
               onClick: c
             }, null, 8, ["loading", "label"]),
-            p(E, {
+            f(F, {
               disabled: t.value,
               label: "Close",
               variant: "tertiary",
-              onClick: f[2] || (f[2] = (o) => l.value = !1)
+              onClick: p[2] || (p[2] = (o) => l.value = !1)
             }, null, 8, ["disabled"])
           ])
         ]),
         default: $(() => [
-          p(He, {
+          f(Ye, {
             class: "w-full",
             ref_key: "hasValidationExpose",
-            ref: d,
-            modelValue: b(a),
-            "onUpdate:modelValue": f[0] || (f[0] = (o) => X(a) ? a.value = o : null),
+            ref: u,
+            modelValue: g(a),
+            "onUpdate:modelValue": p[0] || (p[0] = (o) => Q(a) ? a.value = o : null),
             mode: s.mode,
             disabled: t.value,
-            "onClick:submit": f[1] || (f[1] = (o) => C())
+            "onClick:submit": p[1] || (p[1] = (o) => C())
           }, null, 8, ["modelValue", "mode", "disabled"])
         ]),
         _: 1
@@ -450,13 +451,13 @@ const Be = { class: "flex flex-col gap-40" }, Le = {
     };
   }
 });
-function Ke() {
-  const y = P(), u = y.recipes, v = y.recipeById, n = y.skuById, l = u.flatMap((i, d) => {
+function qe() {
+  const _ = P(), d = _.recipes, v = _.recipeById, n = _.skuById, l = d.flatMap((i, u) => {
     var t;
     if ((t = i.contains) != null && t.length) {
-      const r = i.contains.filter((c) => c.type === "RECIPE"), g = i.contains.filter((c) => c.type === "SKU");
+      const r = i.contains.filter((c) => c.type === "RECIPE"), y = i.contains.filter((c) => c.type === "SKU");
       return [
-        ...d === 0 ? [] : [["", "", "", "", "", ""]],
+        ...u === 0 ? [] : [["", "", "", "", "", ""]],
         ...r.map(
           (c, C) => {
             var s;
@@ -465,97 +466,88 @@ function Ke() {
               "RECIPE",
               "",
               (s = v[c.id]) == null ? void 0 : s.name,
-              j(c.amount),
+              H(c.amount),
               "UNIT"
             ];
           }
         ),
-        ...g.map(
+        ...y.map(
           (c, C) => {
-            var s, f, E, e;
+            var s, p, F, e;
             return [
               !r.length && C === 0 ? i.name : "",
               "INGREDIENT",
               (s = n[c.id]) == null ? void 0 : s.code,
-              (f = n[c.id]) == null ? void 0 : f.name,
-              j(c.amount),
-              c.measurement ? c.measurement.abbrev : (e = (E = n[c.id]) == null ? void 0 : E.unit) == null ? void 0 : e.abbrev
+              (p = n[c.id]) == null ? void 0 : p.name,
+              H(c.amount),
+              c.measurement ? c.measurement.abbrev : (e = (F = n[c.id]) == null ? void 0 : F.unit) == null ? void 0 : e.abbrev
             ];
           }
         )
       ];
     }
     return [
-      ...d === 0 ? [] : [["", "", "", "", "", ""]],
+      ...u === 0 ? [] : [["", "", "", "", "", ""]],
       [i.name, "No bindings", "", "", "", ""]
     ];
-  }), m = be(l, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
-  he(m, `RECIPE_${Ce(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
+  }), m = ye(l, ["Name", "Type", "Code", "Item", "Amount", "Unit"]);
+  ge(m, `RECIPE_${Se(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
 }
-const Ge = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Je = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, Oe = { class: "flex-1 w-full" }, Qe = { class: "flex flex-col py-8" }, We = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, dt = /* @__PURE__ */ N({
+const Ke = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Ge = { class: "flex flex-col py-8" }, Je = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Oe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, rt = /* @__PURE__ */ z({
   __name: "RecipeView",
-  setup(y) {
-    const u = P(), v = k(() => u.recipes), n = fe(), { createRecipe: l, updateRecipe: a, deleteRecipe: m, recipeDialogProps: i, recipeViewLoading: d } = Me(), { columnDefs: t, formatRowData: r } = Ue({
+  setup(_) {
+    const d = P(), v = k(() => d.recipes), n = me(), { createRecipe: l, updateRecipe: a, deleteRecipe: m, recipeDialogProps: i, recipeViewLoading: u } = Te(), { columnDefs: t, formatRowData: r } = Ue({
       updateRecipe: a,
       deleteRecipe: m
-    }), g = k(() => r(v.value));
-    function c(V) {
-      V === "add" && l();
+    }), y = k(() => r(v.value));
+    function c(o) {
+      o === "add" && l();
     }
-    const C = R(""), s = k(() => d.value), f = {
-      label: "Export",
-      icon: "ios_share",
-      key: "export"
-    }, { breakpoints: E } = _e(), e = k(() => E.value.xs || E.value.sm ? 10 : 20), o = Re();
-    return (V, I) => {
-      const Y = x("FmTableToolbar"), M = x("FmTable");
-      return w(), T(Ee, {
+    const C = R(""), s = k(() => u.value), { breakpoints: p } = fe(), F = k(() => p.value.xs || p.value.sm ? 10 : 20), e = we();
+    return (o, S) => {
+      const N = E("FmTable");
+      return w(), T(Re, {
         title: "Recipe",
         actions: [{ label: "Add recipe", value: "add", isPrimary: !0, prependIcon: "add" }],
         "onClick:action": c
       }, {
         default: $(() => [
-          _("div", Ge, [
-            _("div", Je, [
-              _("div", Oe, [
-                p(Y, {
-                  searchable: "",
-                  "search-model": C.value,
-                  "onUpdate:searchModel": I[0] || (I[0] = (D) => C.value = D),
-                  actions: [f],
-                  "onClick:actionExport": b(Ke)
-                }, null, 8, ["search-model", "actions", "onClick:actionExport"])
-              ])
-            ]),
-            (w(), T(M, {
-              style: ce(b(o).tableHeight),
-              "column-defs": b(t),
-              "row-data": g.value,
+          b("div", Ke, [
+            f(Ce, {
+              searchable: "",
+              search: C.value,
+              "onUpdate:search": S[0] || (S[0] = (D) => C.value = D),
+              actions: [{ icon: "ios_share", onClick: g(qe) }]
+            }, null, 8, ["search", "actions"]),
+            (w(), T(N, {
+              style: ie(g(e).tableHeight),
+              "column-defs": g(t),
+              "row-data": y.value,
               "search-value": C.value,
-              loading: !b(n)._currentLocation || s.value,
-              onRowClick: I[1] || (I[1] = (D) => b(a)(D.original.original)),
+              loading: !g(n)._currentLocation || s.value,
+              onRowClick: S[1] || (S[1] = (D) => g(a)(D.original.original)),
               key: v.value.length,
-              "page-size": e.value
+              "page-size": F.value
             }, {
               "list-row": $((D) => [
-                p(xe, {
+                f(he, {
                   row: D,
-                  onRowClick: (S) => b(a)(S.original)
+                  onRowClick: (V) => g(a)(V.original)
                 }, {
-                  default: $((S) => {
-                    var F, U, K, B, G, J, O, Q, L, W;
+                  default: $((V) => {
+                    var U, M, x, I, q, K, G, J, B, O;
                     return [
-                      _("div", Qe, [
-                        _("div", We, [
-                          p(b(oe), {
-                            render: (K = (U = (F = S.recipe) == null ? void 0 : F.column) == null ? void 0 : U.columnDef) == null ? void 0 : K.cell,
-                            props: (G = (B = S.recipe) == null ? void 0 : B.getContext) == null ? void 0 : G.call(B)
+                      b("div", Ge, [
+                        b("div", Je, [
+                          f(g(ee), {
+                            render: (x = (M = (U = V.recipe) == null ? void 0 : U.column) == null ? void 0 : M.columnDef) == null ? void 0 : x.cell,
+                            props: (q = (I = V.recipe) == null ? void 0 : I.getContext) == null ? void 0 : q.call(I)
                           }, null, 8, ["render", "props"])
                         ]),
-                        _("div", Xe, [
-                          p(b(oe), {
-                            render: (Q = (O = (J = S.ingredients) == null ? void 0 : J.column) == null ? void 0 : O.columnDef) == null ? void 0 : Q.cell,
-                            props: (W = (L = S.ingredients) == null ? void 0 : L.getContext) == null ? void 0 : W.call(L)
+                        b("div", Oe, [
+                          f(g(ee), {
+                            render: (J = (G = (K = V.ingredients) == null ? void 0 : K.column) == null ? void 0 : G.columnDef) == null ? void 0 : J.cell,
+                            props: (O = (B = V.ingredients) == null ? void 0 : B.getContext) == null ? void 0 : O.call(B)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -567,8 +559,8 @@ const Ge = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Je =
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
           ]),
-          (w(), T(de, { to: "body" }, [
-            p(qe, ue(me(b(i))), null, 16)
+          (w(), T(re, { to: "body" }, [
+            f(je, ce(ue(g(i))), null, 16)
           ]))
         ]),
         _: 1
@@ -577,5 +569,5 @@ const Ge = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Je =
   }
 });
 export {
-  dt as default
+  rt as default
 };