@feedmepos/mf-inventory-portal 0.0.21-dev.4 → 0.0.21-dev.5

package/dist/{IngredientsView-CQYJfAze.js → IngredientsView-CrXPIQme.js}

@@ -1,14 +1,14 @@
-import { ref as z, defineComponent as le, computed as C, resolveComponent as R, openBlock as y, createBlock as B, withCtx as $, createVNode as f, unref as d, createElementBlock as U, Fragment as Q, createElementVNode as c, createCommentVNode as O, onMounted as nt, watch as je, normalizeClass as X, createTextVNode as He, toDisplayString as L, renderList as oe, isRef as Ee, renderSlot as ge, createSlots as Oe, normalizeStyle as ot, Teleport as De, normalizeProps as lt, guardReactiveProps as at } from "vue";
-import { u as ae, c as Ye, S as rt, _ as st, A as _e, a as Ge, g as xe, t as qe, F as ve, R as be, U as it, M as ut, d as Ae, b as We, C as Ce, e as Te, f as dt, h as ct, I as mt, i as pt, j as vt } from "./app-SBnQEeEV.js";
+import { ref as z, defineComponent as le, computed as C, resolveComponent as R, openBlock as y, createBlock as B, withCtx as $, createVNode as f, unref as d, createElementBlock as U, Fragment as X, createElementVNode as c, createCommentVNode as O, onMounted as nt, watch as je, normalizeClass as Q, createTextVNode as He, toDisplayString as L, renderList as oe, isRef as Ee, renderSlot as ge, createSlots as Oe, normalizeStyle as ot, Teleport as De, normalizeProps as lt, guardReactiveProps as at } from "vue";
+import { u as ae, c as Ye, S as rt, _ as st, A as _e, a as Ge, g as xe, t as qe, F as ve, R as be, U as it, M as ut, d as Ae, b as We, C as Ce, e as Te, f as dt, h as ct, I as mt, i as pt, j as vt } from "./app-S6iG6Hux.js";
 import { useDialog as Ke, useSnackbar as Ve, useProxiedModel as Pe, useDialogChild as ft, useBreakpoints as yt } from "@feedmepos/ui-library";
 import { i as gt, _ as bt } from "./is-linked-ingredient-error-fJ2TJb3z.js";
 import { F as K, D as Be, R as he } from "./row-action.enum-PMKMRrZR.js";
 import { useI18n as re, useCoreStore as fe } from "@feedmepos/mf-common";
 import { defineStore as ht, storeToRefs as _t } from "pinia";
 import { c as xt, _ as Vt, F as ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { u as kt, _ as Ct, a as Ft } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DYBTXD_J.js";
+import { u as kt, _ as Ct, a as Ft } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CpN5Kn8b.js";
 import { g as St, _ as Fe, S as Se } from "./StockForecast.vue_vue_type_style_index_0_lang-KLXSWvo5.js";
-import { _ as we, t as Je, d as Qe, s as wt, r as Mt } from "./xlsx.util-Dsf-EgrG.js";
+import { _ as we, t as Je, d as Qe, s as wt, r as Mt } from "./xlsx.util-CODYzgF8.js";
 import { _ as Me } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
 import "./array-ClJzD_Lt.js";
 const $e = ht("ingredientForm", function() {
@@ -192,13 +192,13 @@ const It = /* @__PURE__ */ le({
       return u.measurement ? b.value.find((x) => x.value === u.measurement) ?? null : b.value.find((x) => x.value === null) ?? null;
     });
     return (u, x) => {
-      const D = R("FmSwitch"), S = R("FmSelect"), w = R("FmCard");
-      return y(), B(w, {
+      const D = R("FmSwitch"), w = R("FmSelect"), M = R("FmCard");
+      return y(), B(M, {
         variant: "outlined",
         class: "p-16 flex flex-col gap-16"
       }, {
         default: $(() => {
-          var M, V;
+          var S, V;
           return [
             f(D, {
               value: "",
@@ -208,11 +208,11 @@ const It = /* @__PURE__ */ le({
               sublabel: d(o)("inventory.ingredient.convertible.subtitle"),
               labelPlacement: "right"
             }, null, 8, ["model-value", "label", "sublabel"]),
-            p.value ? (y(), U(Q, { key: 0 }, [
+            p.value ? (y(), U(X, { key: 0 }, [
               c("div", null, [
-                f(S, {
+                f(w, {
                   label: d(o)("inventory.ingredient.convertible.convertTo"),
-                  modelValue: (M = h.value) == null ? void 0 : M.value,
+                  modelValue: (S = h.value) == null ? void 0 : S.value,
                   "onUpdate:modelValue": _,
                   items: b.value
                 }, null, 8, ["label", "modelValue", "items"])
@@ -336,7 +336,7 @@ const on = /* @__PURE__ */ le({
           return T.id === ((I = n.modelValue) == null ? void 0 : I.trackingMeasurement);
         })) == null ? void 0 : k.name) ?? t.name
       } : null;
-    }), S = C(
+    }), w = C(
       () => o.units.flatMap(({ name: t, _id: e, abbrev: v, measurements: k }) => [
         {
           label: `${t}`,
@@ -355,11 +355,11 @@ const on = /* @__PURE__ */ le({
         }))
       ])
     );
-    function w(t) {
+    function M(t) {
       var e, v, k, T, I;
       return ((v = (e = n.modelValue) == null ? void 0 : e.unit) == null ? void 0 : v._id) === ((k = t.value) == null ? void 0 : k._id) && ((T = n.modelValue) == null ? void 0 : T.trackingMeasurement) === ((I = t.value) == null ? void 0 : I.measurement);
     }
-    function M(t) {
+    function S(t) {
       var Y, G;
       if (!t) return;
       const { _id: e, measurement: v } = t, k = v || void 0, T = o.units.find((ie) => ie._id === e);
@@ -565,7 +565,7 @@ const on = /* @__PURE__ */ le({
               f(ie, null, {
                 "menu-button": $(() => [
                   f(T, {
-                    class: X([
+                    class: Q([
                       "fm-typo-en-body-lg-400",
                       {
                         "text-fm-color-typo-primary": !t.disabled,
@@ -589,10 +589,10 @@ const on = /* @__PURE__ */ le({
                     class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
                     onVnodeMounted: ce
                   }, [
-                    (y(!0), U(Q, null, oe(S.value, (q) => (y(), U(Q, {
+                    (y(!0), U(X, null, oe(w.value, (q) => (y(), U(X, {
                       key: q.label
                     }, [
-                      q.displayAsSection ? (y(), U(Q, { key: 0 }, [
+                      q.displayAsSection ? (y(), U(X, { key: 0 }, [
                         f(I, {
                           label: q.label
                         }, null, 8, ["label"]),
@@ -600,9 +600,9 @@ const on = /* @__PURE__ */ le({
                       ], 64)) : (y(), B(G, {
                         key: 1,
                         label: q.label,
-                        "model-value": w(q),
-                        onClick: (Nn) => M(q.value),
-                        "x-should-scroll-into": `${w(q)}`
+                        "model-value": M(q),
+                        onClick: (Ln) => S(q.value),
+                        "x-should-scroll-into": `${M(q)}`
                       }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
                     ], 64))), 128))
                   ], 512)
@@ -696,7 +696,7 @@ const on = /* @__PURE__ */ le({
                   f(I, {
                     label: d(r)("inventory.ingredient.operational.preset")
                   }, null, 8, ["label"]),
-                  (y(!0), U(Q, null, oe(Object.values(Ie), (F) => (y(), B(G, {
+                  (y(!0), U(X, null, oe(Object.values(Ie), (F) => (y(), B(G, {
                     key: F,
                     label: F,
                     "model-value": V.value === F,
@@ -706,7 +706,7 @@ const on = /* @__PURE__ */ le({
                     key: 0,
                     label: d(r)("inventory.ingredient.operational.custom")
                   }, null, 8, ["label"])) : O("", !0),
-                  (y(!0), U(Q, null, oe(H.value, (F) => (y(), B(G, {
+                  (y(!0), U(X, null, oe(H.value, (F) => (y(), B(G, {
                     key: F,
                     label: F,
                     "model-value": V.value === F,
@@ -885,8 +885,8 @@ const on = /* @__PURE__ */ le({
           message: n("inventory.ingredient.create.success", { name: o.value.name }),
           type: "success"
         });
-      } catch (S) {
-        S instanceof Te || r.open({
+      } catch (w) {
+        w instanceof Te || r.open({
           title: n("inventory.ingredient.create.error.title"),
           message: n("inventory.ingredient.create.error.message"),
           type: "error"
@@ -903,8 +903,8 @@ const on = /* @__PURE__ */ le({
           message: n("inventory.ingredient.update.success", { name: o.value.name }),
           type: "success"
         });
-      } catch (S) {
-        S instanceof Te || r.open({
+      } catch (w) {
+        w instanceof Te || r.open({
           title: n("inventory.ingredient.update.error.title"),
           message: n("inventory.ingredient.update.error.message"),
           type: "error"
@@ -914,8 +914,8 @@ const on = /* @__PURE__ */ le({
       }
     }
     function x() {
-      var S, w;
-      (w = (S = _.value) == null ? void 0 : S.validateInputs) == null || w.call(S);
+      var w, M;
+      (M = (w = _.value) == null ? void 0 : w.validateInputs) == null || M.call(w);
     }
     function D() {
       switch (i.mode) {
@@ -927,11 +927,11 @@ const on = /* @__PURE__ */ le({
           return h();
       }
     }
-    return (S, w) => {
-      const M = R("FmButton"), V = R("FmSideSheet");
+    return (w, M) => {
+      const S = R("FmButton"), V = R("FmSideSheet");
       return y(), B(V, {
         "model-value": d(l),
-        "onUpdate:modelValue": w[3] || (w[3] = (H) => Ee(l) ? l.value = H : null),
+        "onUpdate:modelValue": M[3] || (M[3] = (H) => Ee(l) ? l.value = H : null),
         header: p.value,
         "close-button": "",
         "dismiss-away": "",
@@ -939,16 +939,16 @@ const on = /* @__PURE__ */ le({
       }, {
         "side-sheet-footer": $(() => [
           c("div", ln, [
-            f(M, {
+            f(S, {
               loading: g.value,
               label: b.value,
               onClick: x
             }, null, 8, ["loading", "label"]),
-            f(M, {
+            f(S, {
               disabled: g.value,
               label: d(n)("common.close"),
               variant: "tertiary",
-              onClick: w[2] || (w[2] = (H) => l.value = !1)
+              onClick: M[2] || (M[2] = (H) => l.value = !1)
             }, null, 8, ["disabled", "label"])
           ])
         ]),
@@ -958,10 +958,10 @@ const on = /* @__PURE__ */ le({
             ref_key: "hasValidationExpose",
             ref: _,
             modelValue: d(o),
-            "onUpdate:modelValue": w[0] || (w[0] = (H) => Ee(o) ? o.value = H : null),
-            mode: S.mode,
+            "onUpdate:modelValue": M[0] || (M[0] = (H) => Ee(o) ? o.value = H : null),
+            mode: w.mode,
             disabled: g.value,
-            "onClick:submit": w[1] || (w[1] = (H) => D())
+            "onClick:submit": M[1] || (M[1] = (H) => D())
           }, null, 8, ["modelValue", "mode", "disabled"])
         ]),
         _: 1
@@ -1079,9 +1079,9 @@ function vn(s) {
     );
   return p.map((u, x) => {
     const D = {};
-    for (const S in b) {
-      const w = b[S];
-      Object.assign(D, { [w]: u[S] });
+    for (const w in b) {
+      const M = b[w];
+      Object.assign(D, { [M]: u[w] });
     }
     return {
       index: x,
@@ -1090,7 +1090,7 @@ function vn(s) {
   });
 }
 function Le(s, i, m) {
-  var M;
+  var S;
   const n = ae().units, l = new Array(), o = m.filter((V) => V.data.code === s.code);
   o.length > 1 && l.push(
     `Code ${s.code} is already used in row ${o.map((V) => V.index + 6).join()}.`
@@ -1111,7 +1111,7 @@ function Le(s, i, m) {
   const h = fe().currentCountry.value, u = (V) => `${V}`.length && mt()(V) === !0, x = u(`${s.pricePerUnit}`) === !0 ? {
     costPerUnit: {
       ...qe(Number(s.pricePerUnit) || 0),
-      currency: ((M = xe(h)) == null ? void 0 : M.currency) ?? "MYR"
+      currency: ((S = xe(h)) == null ? void 0 : S.currency) ?? "MYR"
     },
     measurement: b
   } : void 0, D = u(`${s.thresholdLow}`) && u(`${s.thresholdMid}`) ? {
@@ -1198,7 +1198,7 @@ const yn = {
     };
     function u(a) {
       if (a)
-        if (p.value = a, l.value = D(a[0]), o.value = S(a[0]), l.value && o.value)
+        if (p.value = a, l.value = D(a[0]), o.value = w(a[0]), l.value && o.value)
           r("file-upload", a[0]);
         else {
           const N = x();
@@ -1217,11 +1217,11 @@ const yn = {
       if (!m.accept) return !0;
       const N = m.accept.split(",").map((W) => W.trim());
       for (const W of N)
-        if (w(W)) {
+        if (M(W)) {
           if (V(W) === V(a.type)) return !0;
-        } else if (M(a) === W || a.type === W) return !0;
+        } else if (S(a) === W || a.type === W) return !0;
       return !1;
-    }, S = (a) => a.size <= m.maxFileSize, w = (a) => a.indexOf("*") !== -1, M = (a) => "." + a.name.split(".").pop(), V = (a) => a.substring(0, a.indexOf("/")), H = C(() => {
+    }, w = (a) => a.size <= m.maxFileSize, M = (a) => a.indexOf("*") !== -1, S = (a) => "." + a.name.split(".").pop(), V = (a) => a.substring(0, a.indexOf("/")), H = C(() => {
       if (n.value) return "Drop file to upload";
       if (l.value) {
         if (!o.value) return `File size exceeds ${m.maxFileSize * 1e-6}mb`;
@@ -1267,7 +1267,7 @@ const yn = {
             }, null, 8, ["label"]))
           ]),
           c("div", {
-            class: X([[
+            class: Q([[
               a.contentClass ? a.contentClass : "w-full h-full",
               {
                 "fm-droppable-field__container--dragging": n.value,
@@ -1282,7 +1282,7 @@ const yn = {
           }, [
             (n.value || J.value) && !a.disabled ? (y(), U("div", {
               key: 0,
-              class: X({
+              class: Q({
                 "fm-typo-en-body-lg-600": !0,
                 "text-fm-color-primary": n.value,
                 "text-fm-color-typo-error": J.value
@@ -1297,7 +1297,7 @@ const yn = {
             ge(a.$slots, "accept-text", {}, () => [
               m.accept ? (y(), U("div", {
                 key: 0,
-                class: X([[a.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-md-400"])
+                class: Q([[a.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-md-400"])
               }, L(`Accepts ${m.accept}`), 3)) : O("", !0)
             ], !0),
             c("input", {
@@ -1310,7 +1310,7 @@ const yn = {
           ], 34),
           ge(a.$slots, "helper-text", {}, () => [
             c("div", {
-              class: X([[a.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-sm-400"])
+              class: Q([[a.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"], "fm-typo-en-body-sm-400"])
             }, L(`Max size ${m.maxFileSize * 1e-6}mb`), 3)
           ], !0)
         ], !0)
@@ -1336,7 +1336,7 @@ const yn = {
         c("div", kn, [
           c("div", Cn, [
             c("div", {
-              class: X({
+              class: Q({
                 "text-fm-color-system-error-300": i.errors.length
               })
             }, [
@@ -1347,7 +1347,7 @@ const yn = {
               f(n, { "z-index": 50 }, {
                 content: $(() => [
                   c("ol", null, [
-                    (y(!0), U(Q, null, oe(i.errors, (l, o) => (y(), U("li", { key: o }, L(l), 1))), 128))
+                    (y(!0), U(X, null, oe(i.errors, (l, o) => (y(), U("li", { key: o }, L(l), 1))), 128))
                   ])
                 ]),
                 default: $(() => [
@@ -1362,7 +1362,7 @@ const yn = {
             ])) : O("", !0)
           ]),
           c("div", {
-            class: X([
+            class: Q([
               "fm-typo-en-body-sm-400",
               {
                 "text-fm-color-system-error-200": i.errors.length,
@@ -1398,22 +1398,22 @@ const yn = {
         const [x] = await Promise.all([
           Mt(u),
           // fake buffer
-          new Promise((w) => setTimeout(w, 1e3))
-        ]), D = x.SheetNames.find((w) => w);
+          new Promise((M) => setTimeout(M, 1e3))
+        ]), D = x.SheetNames.find((M) => M);
         if (!D) {
           l.value.push(g("inventory.ingredient.import.fileError.noSheet"));
           return;
         }
-        const S = fn(x.Sheets[D]);
-        if (S.invalidExcel) {
-          l.value.push(S.invalidExcelMessage ?? g("inventory.ingredient.import.fileError.invalidExcel"));
+        const w = fn(x.Sheets[D]);
+        if (w.invalidExcel) {
+          l.value.push(w.invalidExcelMessage ?? g("inventory.ingredient.import.fileError.invalidExcel"));
           return;
         }
-        if (o.value = S.importCreateResult, p.value = S.importUpdateResult, !o.value.length && !p.value.length) {
+        if (o.value = w.importCreateResult, p.value = w.importUpdateResult, !o.value.length && !p.value.length) {
           l.value.push(g("inventory.ingredient.import.fileError.noData"));
           return;
         }
-        m.emitData(S);
+        m.emitData(w);
       } catch (x) {
         r.open({
           title: g("inventory.ingredient.import.fileError.unableToRead"),
@@ -1430,25 +1430,25 @@ const yn = {
     return je(i, (u) => {
       u && h(u);
     }), (u, x) => {
-      const D = R("FmCircularProgress"), S = R("FmIcon"), w = R("FmButton");
+      const D = R("FmCircularProgress"), w = R("FmIcon"), M = R("FmButton");
       return y(), U("div", wn, [
         c("div", Mn, L(d(g)("inventory.ingredient.import.uploadDescription")), 1),
         f(xn, {
-          class: X({
+          class: Q({
             "w-full": !0,
             "h-[200px]": !i.value
           }),
           accept: ".xlsx",
-          onFileUpload: x[0] || (x[0] = (M) => i.value = M),
+          onFileUpload: x[0] || (x[0] = (S) => i.value = S),
           label: d(g)("inventory.ingredient.import.uploadTemplate"),
           "button-label": d(g)("inventory.ingredient.import.selectFile")
         }, Oe({ _: 2 }, [
           i.value ? {
             name: "default",
-            fn: $(({ openFileDialog: M }) => [
+            fn: $(({ openFileDialog: S }) => [
               c("div", $n, [
                 c("div", {
-                  class: X([
+                  class: Q([
                     "fm-corner-radius-md p-16 flex items-center gap-16",
                     {
                       "border border-fm-color-neutral-gray-100": n.value,
@@ -1461,14 +1461,14 @@ const yn = {
                     key: 0,
                     size: "md",
                     color: "neutral-gray-200"
-                  })) : (y(), B(S, {
+                  })) : (y(), B(w, {
                     key: 1,
                     name: b.value ? "error" : "attach_file",
                     outline: "",
                     color: b.value ? "system-error-300" : void 0
                   }, null, 8, ["name", "color"])),
                   c("div", {
-                    class: X([
+                    class: Q([
                       "fm-typo-en-body-md-400 flex-1 h-[36px] flex items-center",
                       {
                         "text-fm-color-typo-disabled": n.value,
@@ -1479,20 +1479,20 @@ const yn = {
                     c("div", In, L(i.value.name), 1)
                   ], 2),
                   n.value ? O("", !0) : (y(), U("div", Rn, [
-                    f(w, {
+                    f(M, {
                       label: d(g)("inventory.ingredient.import.replaceFile"),
                       variant: b.value ? "destructive" : "secondary",
                       "prepend-icon": b.value ? void 0 : "autorenew",
-                      onClick: M
+                      onClick: S
                     }, null, 8, ["label", "variant", "prepend-icon", "onClick"])
                   ]))
                 ], 2),
                 l.value.length ? (y(), U("div", Un, [
-                  (y(!0), U(Q, null, oe(l.value, (V, H) => (y(), U("div", {
+                  (y(!0), U(X, null, oe(l.value, (V, H) => (y(), U("div", {
                     key: H,
                     class: "flex gap-8 items-center"
                   }, [
-                    f(S, {
+                    f(w, {
                       name: "error",
                       size: "sm",
                       color: "system-error-300"
@@ -1507,25 +1507,25 @@ const yn = {
         ]), 1032, ["class", "label", "button-label"]),
         _.value ? (y(), U("div", Dn, [
           c("div", An, L(d(g)("inventory.ingredient.import.summary")), 1),
-          (y(!0), U(Q, null, oe(o.value, (M) => (y(), B(Ne, {
-            key: M.sku._id,
-            code: M.sku.code,
-            name: M.sku.name,
-            errors: M.errors,
+          (y(!0), U(X, null, oe(o.value, (S) => (y(), B(Ne, {
+            key: S.sku._id,
+            code: S.sku.code,
+            name: S.sku.name,
+            errors: S.errors,
             type: "create"
           }, null, 8, ["code", "name", "errors"]))), 128)),
-          (y(!0), U(Q, null, oe(p.value, (M) => (y(), B(Ne, {
-            key: M.sku._id,
-            code: M.sku.code,
-            name: M.sku.name,
-            errors: M.errors,
+          (y(!0), U(X, null, oe(p.value, (S) => (y(), B(Ne, {
+            key: S.sku._id,
+            code: S.sku.code,
+            name: S.sku.name,
+            errors: S.errors,
             type: "update"
           }, null, 8, ["code", "name", "errors"]))), 128))
         ])) : O("", !0)
       ]);
     };
   }
-}), Pn = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Bn = { class: "flex flex-col py-8" }, zn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ln = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, to = /* @__PURE__ */ le({
+}), Pn = { class: "flex flex-col py-8" }, Bn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, eo = /* @__PURE__ */ le({
   __name: "IngredientsView",
   setup(s) {
     const i = ae(), m = C(() => i.skus), r = vt(), n = Ke(), l = Ve(), { t: o } = re(), { createIngredient: p, updateIngredient: b } = $e(), { ingredientDialogProps: _, ingredientViewLoading: g } = _t($e()), { columnDefs: h } = $t();
@@ -1537,7 +1537,7 @@ const yn = {
           return W();
       }
     }
-    const x = z(""), D = z(!1), S = C(() => D.value || g.value), { breakpoints: w } = yt(), M = C(() => w.value.xs || w.value.sm), V = C(() => M.value ? 10 : 20), H = kt(), J = z(!1), ee = [
+    const x = z(""), D = z(!1), w = C(() => D.value || g.value), { breakpoints: M } = yt(), S = C(() => M.value.xs || M.value.sm), V = C(() => S.value ? 10 : 20), H = kt(), J = z(!1), ee = [
       {
         value: "import",
         label: o("common.import")
@@ -1555,7 +1555,7 @@ const yn = {
           return N();
       }
     }
-    const Z = C(() => M.value ? [{ icon: "more_vert", onClick: te }] : [{ icon: "ios_share", onClick: N }]), a = C(() => {
+    const Z = C(() => S.value ? [{ icon: "more_vert", onClick: te }] : [{ icon: "ios_share", onClick: N }]), a = C(() => {
       const A = [
         {
           label: o("inventory.ingredient.create.title"),
@@ -1564,7 +1564,7 @@ const yn = {
           prependIcon: "add"
         }
       ];
-      return M.value ? A : [...A, { label: o("inventory.ingredient.import.title"), value: "import" }];
+      return S.value ? A : [...A, { label: o("inventory.ingredient.import.title"), value: "import" }];
     });
     function N() {
       const A = mn();
@@ -1666,7 +1666,15 @@ const yn = {
         "onClick:action": u
       }, {
         default: $(() => [
-          c("div", Pn, [
+          c("div", {
+            class: Q([
+              "flex flex-col gap-8 max-h-full",
+              {
+                "p-0": S.value,
+                "px-24 ": !S.value
+              }
+            ])
+          }, [
             f(Ft, {
               searchable: "",
               search: x.value,
@@ -1678,7 +1686,7 @@ const yn = {
               "column-defs": d(h),
               "row-data": m.value,
               "search-value": x.value,
-              loading: !d(r)._currentLocation || S.value,
+              loading: !d(r)._currentLocation || w.value,
               "loading-text": "Loading",
               onRowClick: E[1] || (E[1] = (P) => d(b)(P.original)),
               "page-size": V.value
@@ -1691,14 +1699,14 @@ const yn = {
                   default: $((j) => {
                     var ye, pe, t, e, v, k, T, I, Y, G;
                     return [
-                      c("div", Bn, [
-                        c("div", zn, [
+                      c("div", Pn, [
+                        c("div", Bn, [
                           f(d(ze), {
                             render: (t = (pe = (ye = j.code) == null ? void 0 : ye.column) == null ? void 0 : pe.columnDef) == null ? void 0 : t.cell,
                             props: (v = (e = j.code) == null ? void 0 : e.getContext) == null ? void 0 : v.call(e)
                           }, null, 8, ["render", "props"])
                         ]),
-                        c("div", Ln, [
+                        c("div", zn, [
                           f(d(ze), {
                             render: (I = (T = (k = j.name) == null ? void 0 : k.column) == null ? void 0 : T.columnDef) == null ? void 0 : I.cell,
                             props: (G = (Y = j.name) == null ? void 0 : Y.getContext) == null ? void 0 : G.call(Y)
@@ -1720,7 +1728,7 @@ const yn = {
               ]),
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
-          ]),
+          ], 2),
           (y(), B(De, { to: "body" }, [
             f(an, lt(at(d(_))), null, 16)
           ])),
@@ -1747,5 +1755,5 @@ const yn = {
   }
 });
 export {
-  to as default
+  eo as default
 };