@feedmepos/mf-inventory-portal 0.0.19-dev.9 → 0.0.20-dev.1

package/dist/{UnitView-C_tAxIpq.js → UnitView-DlmlVNOx.js}

@@ -1,146 +1,146 @@
-import { defineComponent as H, computed as h, openBlock as f, createElementBlock as C, Fragment as N, renderList as q, createElementVNode as s, toDisplayString as x, createCommentVNode as O, ref as R, resolveComponent as E, createBlock as T, withCtx as I, createVNode as v, unref as a, isRef as X, normalizeStyle as le, Teleport as ae, normalizeProps as re, guardReactiveProps as ie } from "vue";
-import { u as K, S as ue, c as oe, R as z, A as de, a as Y, l as me, m as ce, e as Z, j as pe } from "./app-CeUU5Gd8.js";
-import { useDialog as fe, useSnackbar as ne, useProxiedModel as ee, useBreakpoints as ve } from "@feedmepos/ui-library";
-import { i as ye, _ as be } from "./is-linked-ingredient-error-C6AghEwR.js";
-import { F as U, D as te, R as j } from "./row-action.enum-7jVyol1k.js";
-import { defineStore as _e, storeToRefs as ge } from "pinia";
-import { c as xe, _ as he, F as Ve, u as Ue } from "./layout-2zzAZIVO.js";
+import { defineComponent as H, computed as V, openBlock as v, createElementBlock as k, createElementVNode as l, Fragment as N, renderList as q, toDisplayString as h, createCommentVNode as O, ref as R, resolveComponent as E, createBlock as T, withCtx as I, createVNode as y, unref as a, isRef as X, normalizeStyle as se, Teleport as ae, normalizeProps as re, guardReactiveProps as ie } from "vue";
+import { u as K, S as ue, c as ne, R as z, A as de, a as Y, l as me, m as ce, e as Z, j as pe } from "./app-P7rGzGsF.js";
+import { useDialog as fe, useSnackbar as oe, useProxiedModel as ee, useBreakpoints as ve } from "@feedmepos/ui-library";
+import { i as ye, _ as be } from "./is-linked-ingredient-error-fJ2TJb3z.js";
+import { F as w, D as te, R as j } from "./row-action.enum-PMKMRrZR.js";
+import { defineStore as ge, storeToRefs as xe } from "pinia";
+import { c as _e, _ as he, F as Ve, u as Ue } from "./layout-D-zXtsSp.js";
 import { useI18n as G } from "@feedmepos/mf-common";
-import { _ as we, a as Ce } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DFPkUHl-.js";
-import { F as ke } from "./decimal-D3KXLC4T.js";
-import { _ as Fe } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-XXoPyhlc.js";
-const Se = { class: "flex flex-col gap-8" }, $e = /* @__PURE__ */ s("div", { class: "fm-typo-en-body-md-400" }, "Sorry, this unit is used in the following modules:", -1), Ee = {
+import { _ as we, a as Ce } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-6yg6_JPe.js";
+import { F as ke } from "./decimal-4ONRlhOO.js";
+import { _ as Fe } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-HcOKpAlW.js";
+const Se = { class: "flex flex-col gap-8" }, $e = {
   key: 0,
   class: "flex flex-col"
-}, Ie = /* @__PURE__ */ s("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
-  /* @__PURE__ */ s("div", { class: "flex-1 py-8 px-16" }, "Ingredient"),
-  /* @__PURE__ */ s("div", {
-    class: "flex-0 py-8 px-16",
-    style: { "flex-basis": "240px" }
-  }, "Used in")
-], -1), De = { class: "flex-1 py-8 px-16" }, Ae = {
+}, Ee = { class: "flex-1 py-8 px-16" }, Ie = {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "240px" }
-}, Re = {
+}, De = {
   key: 1,
   class: "flex flex-col"
-}, Me = /* @__PURE__ */ s("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
-  /* @__PURE__ */ s("div", { class: "flex-1 py-8 px-16" }, "Recipe"),
-  /* @__PURE__ */ s("div", {
-    class: "flex-0 py-8 px-16",
-    style: { "flex-basis": "240px" }
-  }, "Used in")
-], -1), Pe = { class: "flex-1 py-8 px-16" }, Te = {
+}, Ae = { class: "flex-1 py-8 px-16" }, Re = {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "240px" }
-}, Be = {
+}, Me = {
   key: 2,
   class: "flex flex-col"
-}, Le = /* @__PURE__ */ s("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
-  /* @__PURE__ */ s("div", { class: "flex-1 py-8 px-16" }, "Menu"),
-  /* @__PURE__ */ s("div", {
-    class: "flex-0 py-8 px-16",
-    style: { "flex-basis": "240px" }
-  }, "Used in")
-], -1), ze = { class: "flex-1 py-8 px-16" }, je = {
+}, Pe = { class: "flex-1 py-8 px-16" }, Te = {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "240px" }
-}, Ne = /* @__PURE__ */ H({
+}, Be = /* @__PURE__ */ H({
   __name: "UnitUsedBy",
   props: {
     unit: {}
   },
   setup(S) {
-    const p = S, y = K(), i = h(() => y.validateUnitUsage(p.unit)), r = h(() => i.value.filter((c) => c.from === "INGREDIENT")), n = h(() => i.value.filter((c) => c.from === "RECIPE")), m = h(() => i.value.filter((c) => c.from === "MENU"));
-    return (c, k) => (f(), C("div", Se, [
-      $e,
-      r.value.length ? (f(), C("div", Ee, [
-        Ie,
-        (f(!0), C(N, null, q(r.value, (l) => {
-          var o;
-          return f(), C("div", {
-            key: l.code,
+    const f = S, b = K(), i = V(() => b.validateUnitUsage(f.unit)), r = V(() => i.value.filter((c) => c.from === "INGREDIENT")), o = V(() => i.value.filter((c) => c.from === "RECIPE")), m = V(() => i.value.filter((c) => c.from === "MENU"));
+    return (c, p) => (v(), k("div", Se, [
+      p[3] || (p[3] = l("div", { class: "fm-typo-en-body-md-400" }, "Sorry, this unit is used in the following modules:", -1)),
+      r.value.length ? (v(), k("div", $e, [
+        p[0] || (p[0] = l("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
+          l("div", { class: "flex-1 py-8 px-16" }, "Ingredient"),
+          l("div", {
+            class: "flex-0 py-8 px-16",
+            style: { "flex-basis": "240px" }
+          }, "Used in")
+        ], -1)),
+        (v(!0), k(N, null, q(r.value, (s) => {
+          var n;
+          return v(), k("div", {
+            key: s.code,
             class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
           }, [
-            s("div", De, x(l.code) + " " + x(l.name), 1),
-            s("div", Ae, x((o = l.bindedIngredient) != null && o.length ? "Convert binding" : "Item unit"), 1)
+            l("div", Ee, h(s.code) + " " + h(s.name), 1),
+            l("div", Ie, h((n = s.bindedIngredient) != null && n.length ? "Convert binding" : "Item unit"), 1)
           ]);
         }), 128))
       ])) : O("", !0),
-      n.value.length ? (f(), C("div", Re, [
-        Me,
-        (f(!0), C(N, null, q(n.value, (l) => {
-          var o, u, b;
-          return f(), C("div", {
-            key: l.code,
+      o.value.length ? (v(), k("div", De, [
+        p[1] || (p[1] = l("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
+          l("div", { class: "flex-1 py-8 px-16" }, "Recipe"),
+          l("div", {
+            class: "flex-0 py-8 px-16",
+            style: { "flex-basis": "240px" }
+          }, "Used in")
+        ], -1)),
+        (v(!0), k(N, null, q(o.value, (s) => {
+          var n, u, g;
+          return v(), k("div", {
+            key: s.code,
             class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
           }, [
-            s("div", Pe, x(l.code) + " " + x(l.name), 1),
-            s("div", Te, x((o = l.bindedIngredient) == null ? void 0 : o.slice(0, 3).map((V) => V.code).join(", ")) + " " + x(l.bindedIngredient && ((u = l.bindedIngredient) == null ? void 0 : u.length) > 3 ? `and ${((b = l.bindedIngredient) == null ? void 0 : b.length) - 3} more` : ""), 1)
+            l("div", Ae, h(s.code) + " " + h(s.name), 1),
+            l("div", Re, h((n = s.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((U) => U.code).join(", ")) + " " + h(s.bindedIngredient && ((u = s.bindedIngredient) == null ? void 0 : u.length) > 3 ? `and ${((g = s.bindedIngredient) == null ? void 0 : g.length) - 3} more` : ""), 1)
           ]);
         }), 128))
       ])) : O("", !0),
-      m.value.length ? (f(), C("div", Be, [
-        Le,
-        (f(!0), C(N, null, q(m.value, (l) => {
-          var o, u, b;
-          return f(), C("div", {
-            key: l.code,
+      m.value.length ? (v(), k("div", Me, [
+        p[2] || (p[2] = l("div", { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, [
+          l("div", { class: "flex-1 py-8 px-16" }, "Menu"),
+          l("div", {
+            class: "flex-0 py-8 px-16",
+            style: { "flex-basis": "240px" }
+          }, "Used in")
+        ], -1)),
+        (v(!0), k(N, null, q(m.value, (s) => {
+          var n, u, g;
+          return v(), k("div", {
+            key: s.code,
             class: "flex flex-row fm-typo-en-body-md-400 h-48 items-center border-b border-b-fm-color-neutral-gray-100"
           }, [
-            s("div", ze, x(l.code) + " " + x(l.name), 1),
-            s("div", je, x((o = l.bindedIngredient) == null ? void 0 : o.slice(0, 3).map((V) => V.code).join(", ")) + " " + x(l.bindedIngredient && ((u = l.bindedIngredient) == null ? void 0 : u.length) > 3 ? `and ${((b = l.bindedIngredient) == null ? void 0 : b.length) - 3} more` : ""), 1)
+            l("div", Pe, h(s.code) + " " + h(s.name), 1),
+            l("div", Te, h((n = s.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((U) => U.code).join(", ")) + " " + h(s.bindedIngredient && ((u = s.bindedIngredient) == null ? void 0 : u.length) > 3 ? `and ${((g = s.bindedIngredient) == null ? void 0 : g.length) - 3} more` : ""), 1)
           ]);
         }), 128))
       ])) : O("", !0)
     ]));
   }
-}), J = _e("unitForm", function() {
-  const p = fe(), y = ne(), i = K(), r = R(!1), n = R();
+}), J = ge("unitForm", function() {
+  const f = fe(), b = oe(), i = K(), r = R(!1), o = R();
   function m() {
-    const o = {
+    const n = {
       unit: {},
-      mode: U.CREATE,
+      mode: w.CREATE,
       show: !0,
       "onUpdate:show"(u) {
-        n.value.show = u;
+        o.value.show = u;
       }
     };
-    n.value = o;
+    o.value = n;
   }
-  async function c(o) {
+  async function c(n) {
     const u = {
-      unit: o,
-      mode: U.UPDATE,
+      unit: n,
+      mode: w.UPDATE,
       show: !0,
-      "onUpdate:show"(b) {
-        n.value.show = b;
+      "onUpdate:show"(g) {
+        o.value.show = g;
       }
     };
-    n.value = u;
+    o.value = u;
   }
-  async function k(o) {
+  async function p(n) {
     r.value = !0;
     try {
-      await i.deleteUnit(o), y.open({
+      await i.deleteUnit(n), b.open({
         title: "Success",
-        message: `Deleted ${o.name}`,
+        message: `Deleted ${n.name}`,
         type: "success"
       });
     } catch (u) {
-      u instanceof ue && ye(u) ? p.open({
+      u instanceof ue && ye(u) ? f.open({
         title: "Cannot delete unit",
         contentComponent: be,
         contentComponentProps: {
-          subject: (o == null ? void 0 : o.name) ?? "",
+          subject: (n == null ? void 0 : n.name) ?? "",
           items: u.errorResponse.message
         },
         secondaryActions: {
           text: "Close",
           close: !0
         }
-      }) : console.log("unable to delete unit", u), y.open({
-        title: `Cannot delete ${o.name}`,
+      }) : console.log("unable to delete unit", u), b.open({
+        title: `Cannot delete ${n.name}`,
         message: "Please try again.",
         type: "error"
       }), console.error("failed to delete unit", u);
@@ -148,16 +148,16 @@ const Se = { class: "flex flex-col gap-8" }, $e = /* @__PURE__ */ s("div", { cla
       r.value = !1;
     }
   }
-  function l(o) {
-    if (i.validateUnitUsage(o).length) {
-      p.open({
-        title: `Cannot delete ${(o == null ? void 0 : o.name) ?? "unit"}`,
+  function s(n) {
+    if (i.validateUnitUsage(n).length) {
+      f.open({
+        title: `Cannot delete ${(n == null ? void 0 : n.name) ?? "unit"}`,
         overlay: !0,
         dismissAway: !0,
         closeButton: !0,
-        contentComponent: Ne,
+        contentComponent: Be,
         contentComponentProps: {
-          unit: o
+          unit: n
         },
         primaryActions: {
           text: "Confirm",
@@ -166,8 +166,8 @@ const Se = { class: "flex flex-col gap-8" }, $e = /* @__PURE__ */ s("div", { cla
       });
       return;
     }
-    p.open({
-      title: `Delete ${(o == null ? void 0 : o.name) ?? "unit"}?`,
+    f.open({
+      title: `Delete ${(n == null ? void 0 : n.name) ?? "unit"}?`,
       closeButton: !1,
       message: "You may not be able to delete this unit if it is linked in any of the inventory modules.",
       primaryActions: {
@@ -179,50 +179,50 @@ const Se = { class: "flex flex-col gap-8" }, $e = /* @__PURE__ */ s("div", { cla
         text: "Cancel",
         close: !0
       }
-    }).onPrimary(() => k(o));
+    }).onPrimary(() => p(n));
   }
   return {
     createUnit: m,
     updateUnit: c,
-    deleteUnit: l,
-    unitDialogProps: n,
+    deleteUnit: s,
+    unitDialogProps: o,
     unitViewLoading: r
   };
 });
-function qe() {
-  const { updateUnit: S, deleteUnit: p } = J(), { t: y } = G();
-  async function i(n, m) {
-    const c = oe(m);
-    if (n === j.Edit) {
+function Le() {
+  const { updateUnit: S, deleteUnit: f } = J(), { t: b } = G();
+  async function i(o, m) {
+    const c = ne(m);
+    if (o === j.Edit) {
       await S(c);
       return;
     }
-    if (n === j.Delete) {
-      await p(c);
+    if (o === j.Delete) {
+      await f(c);
       return;
     }
   }
   return { columnDefs: [
     {
       accessorKey: "name",
-      header: y("inventory.unit.table.name"),
+      header: b("inventory.unit.table.name"),
       enableSorting: !0,
       size: 300
     },
     {
       accessorKey: "abbrev",
-      header: y("inventory.unit.table.symbol"),
+      header: b("inventory.unit.table.symbol"),
       enableSorting: !1,
       size: "auto"
     },
     {
       id: "action",
       header: "",
-      cell(n) {
-        return xe(
+      cell(o) {
+        return _e(
           [te[j.Edit], te[j.Delete]],
           (m) => {
-            i(m, n.row.original);
+            i(m, o.row.original);
           }
         );
       },
@@ -235,7 +235,7 @@ function qe() {
     }
   ] };
 }
-const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge = { class: "flex-1" }, Oe = { class: "flex-1" }, Ye = { class: "flex" }, Je = { class: "flex items-center" }, Qe = { class: "fm-typo-en-body-lg-600 flex-grow" }, We = { class: "flex flex-col gap-24" }, Xe = { class: "flex gap-24" }, Ze = { class: "flex-1" }, et = { class: "flex-1" }, tt = /* @__PURE__ */ H({
+const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, Ne = { class: "flex-1" }, qe = { class: "flex-1" }, He = { class: "flex" }, Ke = { class: "flex items-center" }, Ge = { class: "fm-typo-en-body-lg-600 flex-grow" }, Oe = { class: "flex flex-col gap-24" }, Ye = { class: "flex gap-24" }, Je = { class: "flex-1" }, Qe = { class: "flex-1" }, We = /* @__PURE__ */ H({
   __name: "UnitForm",
   props: {
     mode: {},
@@ -243,12 +243,12 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "click:submit"],
-  setup(S, { expose: p, emit: y }) {
-    const i = S, r = y, { t: n } = G();
+  setup(S, { expose: f, emit: b }) {
+    const i = S, r = b, { t: o } = G();
     function m() {
       r("click:submit");
     }
-    const c = h({
+    const c = V({
       get() {
         var e;
         return ((e = i.modelValue) == null ? void 0 : e.name) ?? "";
@@ -257,7 +257,7 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
         const t = i.modelValue ?? {};
         t.name = e, r("update:modelValue", t);
       }
-    }), k = h({
+    }), p = V({
       get() {
         var e;
         return ((e = i.modelValue) == null ? void 0 : e.abbrev) ?? "";
@@ -266,7 +266,7 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
         const t = i.modelValue ?? {};
         t.abbrev = e, r("update:modelValue", t);
       }
-    }), l = h({
+    }), s = V({
       get() {
         var e;
         return ((e = i.modelValue) == null ? void 0 : e.precision) ?? 0;
@@ -275,7 +275,7 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
         const t = i.modelValue ?? {};
         t.precision = e, r("update:modelValue", t);
       }
-    }), o = h({
+    }), n = V({
       get() {
         var e;
         return ((e = i.modelValue) == null ? void 0 : e.measurements) ?? [];
@@ -300,138 +300,138 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
         }
       ], r("update:modelValue", e);
     }
-    function b(e) {
+    function g(e) {
       const t = i.modelValue ?? {}, d = t.measurements ?? [];
       d.splice(e, 1), t.measurements = d, r("update:modelValue", t);
     }
-    const V = R();
-    return p({
+    const U = R();
+    return f({
       validateInputs: () => {
         var e, t;
-        (t = (e = V.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
+        (t = (e = U.value) == null ? void 0 : e.validateInputs) == null || t.call(e);
       },
       resetInputsValidation: () => {
         var e, t;
-        (t = (e = V.value) == null ? void 0 : e.resetInputsValidation) == null || t.call(e);
+        (t = (e = U.value) == null ? void 0 : e.resetInputsValidation) == null || t.call(e);
       },
       resetInputs: () => {
         var e, t;
-        (t = (e = V.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
+        (t = (e = U.value) == null ? void 0 : e.resetInputs) == null || t.call(e);
       }
     }), (e, t) => {
-      const d = E("FmTextField"), $ = E("FmStepperField"), D = E("FmButton"), _ = E("FmCard"), B = E("FmForm");
-      return f(), T(B, {
+      const d = E("FmTextField"), $ = E("FmStepperField"), D = E("FmButton"), x = E("FmCard"), B = E("FmForm");
+      return v(), T(B, {
         ref_key: "formRef",
-        ref: V,
+        ref: U,
         class: "flex flex-col gap-40",
         onValidationSuccess: m
       }, {
         default: I(() => {
           var M;
           return [
-            s("div", He, [
-              s("div", Ke, [
-                s("div", Ge, [
-                  v(d, {
+            l("div", ze, [
+              l("div", je, [
+                l("div", Ne, [
+                  y(d, {
                     disabled: e.disabled,
-                    label: a(n)("inventory.unit.name"),
+                    label: a(o)("inventory.unit.name"),
                     modelValue: c.value,
                     "onUpdate:modelValue": t[0] || (t[0] = (F) => c.value = F),
                     rules: [a(z)()],
                     "label-mark": "required"
                   }, null, 8, ["disabled", "label", "modelValue", "rules"])
                 ]),
-                s("div", Oe, [
-                  v(d, {
+                l("div", qe, [
+                  y(d, {
                     disabled: e.disabled,
-                    label: a(n)("inventory.unit.symbol"),
-                    modelValue: k.value,
-                    "onUpdate:modelValue": t[1] || (t[1] = (F) => k.value = F),
+                    label: a(o)("inventory.unit.symbol"),
+                    modelValue: p.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (F) => p.value = F),
                     rules: [a(z)()],
                     "label-mark": "required"
                   }, null, 8, ["disabled", "label", "modelValue", "rules"])
                 ])
               ]),
-              s("div", null, [
-                v($, {
+              l("div", null, [
+                y($, {
                   disabled: e.disabled,
                   class: "col-span-3",
-                  label: a(n)("inventory.unit.precision"),
-                  modelValue: l.value,
-                  "onUpdate:modelValue": t[2] || (t[2] = (F) => l.value = F),
+                  label: a(o)("inventory.unit.precision"),
+                  modelValue: s.value,
+                  "onUpdate:modelValue": t[2] || (t[2] = (F) => s.value = F),
                   rules: [a(de)(0)]
                 }, null, 8, ["disabled", "label", "modelValue", "rules"])
               ])
             ]),
-            s("div", Ye, [
-              v(D, {
+            l("div", He, [
+              y(D, {
                 disabled: e.disabled,
                 type: "button",
                 "prepend-icon": "add",
-                label: a(n)("inventory.unit.measurement.addMeasurement"),
+                label: a(o)("inventory.unit.measurement.addMeasurement"),
                 variant: "plain",
                 onClick: u
               }, null, 8, ["disabled", "label"])
             ]),
-            (f(!0), C(N, null, q((M = e.modelValue) == null ? void 0 : M.measurements, (F, g) => (f(), T(_, {
+            (v(!0), k(N, null, q((M = e.modelValue) == null ? void 0 : M.measurements, (F, _) => (v(), T(x, {
               class: "flex flex-col gap-16 p-16",
               variant: "outlined",
               key: F.id
             }, {
               default: I(() => [
-                s("div", Je, [
-                  s("div", Qe, x(a(n)("inventory.unit.measurement.measurementDefault", [g + 1])), 1),
-                  v(D, {
+                l("div", Ke, [
+                  l("div", Ge, h(a(o)("inventory.unit.measurement.measurementDefault", [_ + 1])), 1),
+                  y(D, {
                     disabled: e.disabled,
                     variant: "tertiary",
                     "prepend-icon": "delete",
-                    onClick: (w) => b(g)
+                    onClick: (C) => g(_)
                   }, null, 8, ["disabled", "onClick"])
                 ]),
-                s("div", We, [
-                  s("div", Xe, [
-                    s("div", Ze, [
-                      v(d, {
+                l("div", Oe, [
+                  l("div", Ye, [
+                    l("div", Je, [
+                      y(d, {
                         disabled: e.disabled,
                         class: "col-span-2",
-                        label: a(n)("inventory.unit.measurement.name"),
-                        modelValue: e.modelValue.measurements[g].name,
-                        "onUpdate:modelValue": (w) => e.modelValue.measurements[g].name = w,
+                        label: a(o)("inventory.unit.measurement.name"),
+                        modelValue: e.modelValue.measurements[_].name,
+                        "onUpdate:modelValue": (C) => e.modelValue.measurements[_].name = C,
                         rules: [a(z)()],
                         "label-mark": "required"
                       }, null, 8, ["disabled", "label", "modelValue", "onUpdate:modelValue", "rules"])
                     ]),
-                    s("div", et, [
-                      v(d, {
+                    l("div", Qe, [
+                      y(d, {
                         disabled: e.disabled,
-                        label: a(n)("inventory.unit.measurement.symbol"),
-                        modelValue: e.modelValue.measurements[g].abbrev,
-                        "onUpdate:modelValue": (w) => e.modelValue.measurements[g].abbrev = w,
+                        label: a(o)("inventory.unit.measurement.symbol"),
+                        modelValue: e.modelValue.measurements[_].abbrev,
+                        "onUpdate:modelValue": (C) => e.modelValue.measurements[_].abbrev = C,
                         rules: [a(z)()],
                         "label-mark": "required"
                       }, null, 8, ["disabled", "label", "modelValue", "onUpdate:modelValue", "rules"])
                     ])
                   ]),
-                  v(Fe, {
+                  y(Fe, {
                     disabled: e.disabled,
                     class: "col-span-3",
-                    label: a(n)("inventory.unit.measurement.conversion"),
-                    "model-value": +a(Y)(e.modelValue.measurements[g].conversion),
-                    "onUpdate:modelValue": (w) => o.value = o.value.map(
-                      (P, A) => A === g ? {
+                    label: a(o)("inventory.unit.measurement.conversion"),
+                    "model-value": +a(Y)(e.modelValue.measurements[_].conversion),
+                    "onUpdate:modelValue": (C) => n.value = n.value.map(
+                      (P, A) => A === _ ? {
                         ...P,
                         conversion: a(ke).toPrecision(
-                          a(me)(w),
-                          l.value
+                          a(me)(C),
+                          s.value
                         )
                       } : P
                     ),
                     rules: [a(ce)(0)],
-                    step: +a(Y)({ amount: 1, precision: l.value }),
-                    "helper-text": a(n)("inventory.unit.measurement.conversionHelper", {
-                      measurementSymbol: e.modelValue.measurements[g].name || " measurement unit",
-                      conversion: +a(Y)(e.modelValue.measurements[g].conversion),
-                      unitSymbol: k.value || "base unit"
+                    step: +a(Y)({ amount: 1, precision: s.value }),
+                    "helper-text": a(o)("inventory.unit.measurement.conversionHelper", {
+                      measurementSymbol: e.modelValue.measurements[_].name || " measurement unit",
+                      conversion: +a(Y)(e.modelValue.measurements[_].conversion),
+                      unitSymbol: p.value || "base unit"
                     })
                   }, null, 8, ["disabled", "label", "model-value", "onUpdate:modelValue", "rules", "step", "helper-text"])
                 ])
@@ -444,41 +444,41 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
       }, 512);
     };
   }
-}), ot = { class: "flex gap-4" }, nt = /* @__PURE__ */ H({
+}), Xe = { class: "flex gap-4" }, Ze = /* @__PURE__ */ H({
   __name: "UnitDialog",
   props: {
     show: { type: Boolean },
     unit: {},
-    mode: { default: U.READ }
+    mode: { default: w.READ }
   },
   emits: ["update:show"],
   setup(S) {
-    const p = S, y = K(), i = ne(), { t: r } = G(), n = ee(p, "show"), m = ee(p, "unit"), c = h(() => {
-      switch (p.mode) {
-        case U.READ:
+    const f = S, b = K(), i = oe(), { t: r } = G(), o = ee(f, "show"), m = ee(f, "unit"), c = V(() => {
+      switch (f.mode) {
+        case w.READ:
           return "";
-        case U.UPDATE:
+        case w.UPDATE:
           return r("inventory.unit.update.title");
-        case U.CREATE:
+        case w.CREATE:
           return r("inventory.unit.create.title");
       }
       return "";
-    }), k = h(() => {
-      switch (p.mode) {
-        case U.READ:
+    }), p = V(() => {
+      switch (f.mode) {
+        case w.READ:
           return "";
-        case U.UPDATE:
+        case w.UPDATE:
           return r("common.save");
-        case U.CREATE:
+        case w.CREATE:
           return r("common.add");
       }
       return "";
-    }), l = R(), o = R(!1);
+    }), s = R(), n = R(!1);
     async function u() {
-      o.value = !0;
+      n.value = !0;
       try {
-        const t = oe(m.value);
-        t.precision ?? (t.precision = 0), t.measurements ?? (t.measurements = []), await y.createUnit(t), n.value = !1, i.open({
+        const t = ne(m.value);
+        t.precision ?? (t.precision = 0), t.measurements ?? (t.measurements = []), await b.createUnit(t), o.value = !1, i.open({
           title: r("common.success"),
           message: r("inventory.unit.create.success", { name: m.value.name }),
           type: "success"
@@ -490,13 +490,13 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
           type: "error"
         });
       } finally {
-        o.value = !1;
+        n.value = !1;
       }
     }
-    async function b() {
-      o.value = !0;
+    async function g() {
+      n.value = !0;
       try {
-        await y.updateUnit(m.value), n.value = !1, i.open({
+        await b.updateUnit(m.value), o.value = !1, i.open({
           title: r("common.success"),
           message: r("inventory.unit.update.success", { name: m.value.name }),
           type: "success"
@@ -508,113 +508,113 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
           type: "error"
         });
       } finally {
-        o.value = !1;
+        n.value = !1;
       }
     }
-    function V() {
+    function U() {
       var t, d;
-      (d = (t = l.value) == null ? void 0 : t.validateInputs) == null || d.call(t);
+      (d = (t = s.value) == null ? void 0 : t.validateInputs) == null || d.call(t);
     }
     function e() {
-      switch (p.mode) {
-        case U.READ:
+      switch (f.mode) {
+        case w.READ:
           return;
-        case U.UPDATE:
-          return b();
-        case U.CREATE:
+        case w.UPDATE:
+          return g();
+        case w.CREATE:
           return u();
       }
     }
     return (t, d) => {
       const $ = E("FmButton"), D = E("FmSideSheet");
-      return f(), T(D, {
-        "model-value": a(n),
-        "onUpdate:modelValue": d[3] || (d[3] = (_) => X(n) ? n.value = _ : null),
+      return v(), T(D, {
+        "model-value": a(o),
+        "onUpdate:modelValue": d[3] || (d[3] = (x) => X(o) ? o.value = x : null),
         header: c.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 500
       }, {
         "side-sheet-footer": I(() => [
-          s("div", ot, [
-            v($, {
-              loading: o.value,
-              label: k.value,
-              onClick: V
+          l("div", Xe, [
+            y($, {
+              loading: n.value,
+              label: p.value,
+              onClick: U
             }, null, 8, ["loading", "label"]),
-            v($, {
-              disabled: o.value,
+            y($, {
+              disabled: n.value,
               label: a(r)("common.close"),
               variant: "tertiary",
-              onClick: d[2] || (d[2] = (_) => n.value = !1)
+              onClick: d[2] || (d[2] = (x) => o.value = !1)
             }, null, 8, ["disabled", "label"])
           ])
         ]),
         default: I(() => [
-          v(tt, {
+          y(We, {
             class: "w-full",
             ref_key: "hasValidationExpose",
-            ref: l,
+            ref: s,
             modelValue: a(m),
-            "onUpdate:modelValue": d[0] || (d[0] = (_) => X(m) ? m.value = _ : null),
+            "onUpdate:modelValue": d[0] || (d[0] = (x) => X(m) ? m.value = x : null),
             mode: t.mode,
-            disabled: o.value,
-            "onClick:submit": d[1] || (d[1] = (_) => e())
+            disabled: n.value,
+            "onClick:submit": d[1] || (d[1] = (x) => e())
           }, null, 8, ["modelValue", "mode", "disabled"])
         ]),
         _: 1
       }, 8, ["model-value", "header"]);
     };
   }
-}), st = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, lt = { class: "flex flex-col py-8" }, at = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gt = /* @__PURE__ */ H({
+}), et = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, tt = { class: "flex flex-col py-8" }, nt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ot = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, vt = /* @__PURE__ */ H({
   __name: "UnitView",
   setup(S) {
-    const p = K(), y = pe(), i = h(() => p.units), { createUnit: r, updateUnit: n } = J(), { unitDialogProps: m, unitViewLoading: c } = ge(J()), { columnDefs: k } = qe();
-    function l(d) {
+    const f = K(), b = pe(), i = V(() => f.units), { createUnit: r, updateUnit: o } = J(), { unitDialogProps: m, unitViewLoading: c } = xe(J()), { columnDefs: p } = Le();
+    function s(d) {
       d === "add" && r();
     }
-    const o = R(""), u = h(() => c.value), { breakpoints: b } = ve(), V = h(() => b.value.xs || b.value.sm ? 10 : 20), e = Ue(), { t } = G();
+    const n = R(""), u = V(() => c.value), { breakpoints: g } = ve(), U = V(() => g.value.xs || g.value.sm ? 10 : 20), e = Ue(), { t } = G();
     return (d, $) => {
       const D = E("FmTable");
-      return f(), T(we, {
+      return v(), T(we, {
         title: a(t)("inventory.unit.title"),
         actions: [
           { label: a(t)("inventory.unit.create.title"), value: "add", isPrimary: !0, prependIcon: "add" }
         ],
-        "onClick:action": l
+        "onClick:action": s
       }, {
         default: I(() => [
-          s("div", st, [
-            v(Ce, {
+          l("div", et, [
+            y(Ce, {
               searchable: "",
-              search: o.value,
-              "onUpdate:search": $[0] || ($[0] = (_) => o.value = _)
+              search: n.value,
+              "onUpdate:search": $[0] || ($[0] = (x) => n.value = x)
             }, null, 8, ["search"]),
-            v(D, {
-              style: le(a(e).tableHeight),
-              "column-defs": a(k),
+            y(D, {
+              style: se(a(e).tableHeight),
+              "column-defs": a(p),
               "row-data": i.value,
-              "search-value": o.value,
-              loading: !a(y)._currentLocation || u.value,
-              onRowClick: $[1] || ($[1] = (_) => a(n)(_.original)),
-              "page-size": V.value
+              "search-value": n.value,
+              loading: !a(b)._currentLocation || u.value,
+              onRowClick: $[1] || ($[1] = (x) => a(o)(x.original)),
+              "page-size": U.value
             }, {
-              "list-row": I((_) => [
-                v(he, {
-                  row: _,
-                  onRowClick: a(n)
+              "list-row": I((x) => [
+                y(he, {
+                  row: x,
+                  onRowClick: a(o)
                 }, {
                   default: I((B) => {
-                    var M, F, g, w, P, A, Q, L, W;
+                    var M, F, _, C, P, A, Q, L, W;
                     return [
-                      s("div", lt, [
-                        s("div", at, [
-                          v(a(Ve), {
-                            render: (g = (F = (M = B.name) == null ? void 0 : M.column) == null ? void 0 : F.columnDef) == null ? void 0 : g.cell,
-                            props: (P = (w = B.name) == null ? void 0 : w.getContext) == null ? void 0 : P.call(w)
+                      l("div", tt, [
+                        l("div", nt, [
+                          y(a(Ve), {
+                            render: (_ = (F = (M = B.name) == null ? void 0 : M.column) == null ? void 0 : F.columnDef) == null ? void 0 : _.cell,
+                            props: (P = (C = B.name) == null ? void 0 : C.getContext) == null ? void 0 : P.call(C)
                           }, null, 8, ["render", "props"])
                         ]),
-                        s("div", rt, x((W = (L = (Q = (A = _.original.measurements) == null ? void 0 : A.map) == null ? void 0 : Q.call(A, (se) => se.name)) == null ? void 0 : L.join) == null ? void 0 : W.call(L, ", ")), 1)
+                        l("div", ot, h((W = (L = (Q = (A = x.original.measurements) == null ? void 0 : A.map) == null ? void 0 : Q.call(A, (le) => le.name)) == null ? void 0 : L.join) == null ? void 0 : W.call(L, ", ")), 1)
                       ])
                     ];
                   }),
@@ -624,8 +624,8 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ]),
-          (f(), T(ae, { to: "body" }, [
-            v(nt, re(ie(a(m))), null, 16)
+          (v(), T(ae, { to: "body" }, [
+            y(Ze, re(ie(a(m))), null, 16)
           ]))
         ]),
         _: 1
@@ -634,5 +634,5 @@ const He = { class: "flex flex-col gap-24" }, Ke = { class: "flex gap-24" }, Ge
   }
 });
 export {
-  gt as default
+  vt as default
 };