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

package/dist/{UnitView-zTo6Jwgy.js → UnitView-DVrscPTQ.js}

@@ -1,32 +1,32 @@
-import { defineComponent as q, computed as x, openBlock as m, createElementBlock as w, Fragment as z, renderList as j, createElementVNode as s, toDisplayString as _, createCommentVNode as G, ref as R, resolveComponent as A, createBlock as T, withCtx as I, createVNode as c, unref as d, isRef as W, normalizeStyle as se, Teleport as ae, normalizeProps as ne, guardReactiveProps as re } from "vue";
-import { u as H, S as ie, c as te, b as X, e as de } from "./app-D_R27XfK.js";
-import { useDialog as ue, useSnackbar as oe, useProxiedModel as Z, useBreakpoints as me } from "@feedmepos/ui-library";
-import { i as ce, _ as pe } from "./is-linked-ingredient-error-C6AghEwR.js";
-import { F as U, D as ee, R as N } from "./row-action.enum-BwQbURNh.js";
-import { c as fe, _ as ve, F as be, u as ye } from "./layout-Cf3iZuvk.js";
-import { _ as ge } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { R as L, A as _e, a as xe } from "./rules-QzzL5oLu.js";
-import { a as O, c as he } from "./date2-CsVyh2xw.js";
-import { F as Ve } from "./decimal-esXdd4p7.js";
-import { _ as Ue } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-DZshbzqT.js";
-const we = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ s("div", { class: "fm-typo-en-body-md-400" }, "Sorry, this unit is used in the following modules:", -1), Se = {
+import { defineComponent as q, computed as x, openBlock as c, createElementBlock as U, Fragment as z, renderList as j, createElementVNode as l, toDisplayString as g, createCommentVNode as G, ref as R, resolveComponent as A, createBlock as T, withCtx as I, createVNode as m, unref as d, isRef as W, normalizeStyle as se, Teleport as ae, normalizeProps as ne, guardReactiveProps as re } from "vue";
+import { u as H, S as ie, c as te, b as X, e as de } from "./app-D-4-R23d.js";
+import { useDialog as ue, useSnackbar as oe, useProxiedModel as Z, useBreakpoints as ce } from "@feedmepos/ui-library";
+import { i as me, _ as pe } from "./is-linked-ingredient-error-C6AghEwR.js";
+import { F as w, D as ee, R as N } from "./row-action.enum-BwQbURNh.js";
+import { c as fe, _ as ve, F as be, u as ye } from "./layout-C7Dvo6EU.js";
+import { _ as _e } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
+import { R as L, A as ge, a as xe } from "./rules-D4pouPya.js";
+import { a as O, c as he } from "./date2-B0vvvXGT.js";
+import { F as Ve } from "./decimal-MudMBQgK.js";
+import { _ as we } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-VIcbJgay.js";
+const Ue = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ l("div", { class: "fm-typo-en-body-md-400" }, "Sorry, this unit is used in the following modules:", -1), $e = {
   key: 0,
   class: "flex flex-col"
-}, Fe = /* @__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", {
+}, Se = /* @__PURE__ */ 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" }, [
+  /* @__PURE__ */ l("div", { class: "flex-1 py-8 px-16" }, "Ingredient"),
+  /* @__PURE__ */ l("div", {
     class: "flex-0 py-8 px-16",
     style: { "flex-basis": "240px" }
   }, "Used in")
-], -1), ke = { class: "flex-1 py-8 px-16" }, $e = {
+], -1), Fe = { class: "flex-1 py-8 px-16" }, ke = {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "240px" }
 }, Ae = {
   key: 1,
   class: "flex flex-col"
-}, Ee = /* @__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", {
+}, Ee = /* @__PURE__ */ 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" }, [
+  /* @__PURE__ */ l("div", { class: "flex-1 py-8 px-16" }, "Recipe"),
+  /* @__PURE__ */ l("div", {
     class: "flex-0 py-8 px-16",
     style: { "flex-basis": "240px" }
   }, "Used in")
@@ -36,9 +36,9 @@ const we = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ s("div", { cla
 }, Re = {
   key: 2,
   class: "flex flex-col"
-}, Pe = /* @__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", {
+}, Pe = /* @__PURE__ */ 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" }, [
+  /* @__PURE__ */ l("div", { class: "flex-1 py-8 px-16" }, "Menu"),
+  /* @__PURE__ */ l("div", {
     class: "flex-0 py-8 px-16",
     style: { "flex-basis": "240px" }
   }, "Used in")
@@ -51,45 +51,45 @@ const we = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ s("div", { cla
     unit: {}
   },
   setup(h) {
-    const u = h, y = H(), a = x(() => y.validateUnitUsage(u.unit)), l = x(() => a.value.filter((f) => f.from === "INGREDIENT")), r = x(() => a.value.filter((f) => f.from === "RECIPE")), p = x(() => a.value.filter((f) => f.from === "MENU"));
-    return (f, V) => (m(), w("div", we, [
+    const u = h, y = H(), a = x(() => y.validateUnitUsage(u.unit)), s = x(() => a.value.filter((f) => f.from === "INGREDIENT")), r = x(() => a.value.filter((f) => f.from === "RECIPE")), p = x(() => a.value.filter((f) => f.from === "MENU"));
+    return (f, V) => (c(), U("div", Ue, [
       Ce,
-      l.value.length ? (m(), w("div", Se, [
-        Fe,
-        (m(!0), w(z, null, j(l.value, (t) => {
+      s.value.length ? (c(), U("div", $e, [
+        Se,
+        (c(!0), U(z, null, j(s.value, (t) => {
           var n;
-          return m(), w("div", {
+          return c(), U("div", {
             key: t.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", ke, _(t.code) + " " + _(t.name), 1),
-            s("div", $e, _((n = t.bindedIngredient) != null && n.length ? "Convert binding" : "Item unit"), 1)
+            l("div", Fe, g(t.code) + " " + g(t.name), 1),
+            l("div", ke, g((n = t.bindedIngredient) != null && n.length ? "Convert binding" : "Item unit"), 1)
           ]);
         }), 128))
       ])) : G("", !0),
-      r.value.length ? (m(), w("div", Ae, [
+      r.value.length ? (c(), U("div", Ae, [
         Ee,
-        (m(!0), w(z, null, j(r.value, (t) => {
+        (c(!0), U(z, null, j(r.value, (t) => {
           var n, v, b;
-          return m(), w("div", {
+          return c(), U("div", {
             key: t.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", Ie, _(t.code) + " " + _(t.name), 1),
-            s("div", De, _((n = t.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((e) => e.code).join(", ")) + " " + _(t.bindedIngredient && ((v = t.bindedIngredient) == null ? void 0 : v.length) > 3 ? `and ${((b = t.bindedIngredient) == null ? void 0 : b.length) - 3} more` : ""), 1)
+            l("div", Ie, g(t.code) + " " + g(t.name), 1),
+            l("div", De, g((n = t.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((e) => e.code).join(", ")) + " " + g(t.bindedIngredient && ((v = t.bindedIngredient) == null ? void 0 : v.length) > 3 ? `and ${((b = t.bindedIngredient) == null ? void 0 : b.length) - 3} more` : ""), 1)
           ]);
         }), 128))
       ])) : G("", !0),
-      p.value.length ? (m(), w("div", Re, [
+      p.value.length ? (c(), U("div", Re, [
         Pe,
-        (m(!0), w(z, null, j(p.value, (t) => {
+        (c(!0), U(z, null, j(p.value, (t) => {
           var n, v, b;
-          return m(), w("div", {
+          return c(), U("div", {
             key: t.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", Te, _(t.code) + " " + _(t.name), 1),
-            s("div", Me, _((n = t.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((e) => e.code).join(", ")) + " " + _(t.bindedIngredient && ((v = t.bindedIngredient) == null ? void 0 : v.length) > 3 ? `and ${((b = t.bindedIngredient) == null ? void 0 : b.length) - 3} more` : ""), 1)
+            l("div", Te, g(t.code) + " " + g(t.name), 1),
+            l("div", Me, g((n = t.bindedIngredient) == null ? void 0 : n.slice(0, 3).map((e) => e.code).join(", ")) + " " + g(t.bindedIngredient && ((v = t.bindedIngredient) == null ? void 0 : v.length) > 3 ? `and ${((b = t.bindedIngredient) == null ? void 0 : b.length) - 3} more` : ""), 1)
           ]);
         }), 128))
       ])) : G("", !0)
@@ -97,28 +97,28 @@ const we = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ s("div", { cla
   }
 });
 function Ne() {
-  const h = ue(), u = oe(), y = H(), a = R(!1), l = R();
+  const h = ue(), u = oe(), y = H(), a = R(!1), s = R();
   function r() {
     const t = {
       unit: {},
-      mode: U.CREATE,
+      mode: w.CREATE,
       show: !0,
       "onUpdate:show"(n) {
-        l.value.show = n;
+        s.value.show = n;
       }
     };
-    l.value = t;
+    s.value = t;
   }
   async function p(t) {
     const n = {
       unit: t,
-      mode: U.UPDATE,
+      mode: w.UPDATE,
       show: !0,
       "onUpdate:show"(v) {
-        l.value.show = v;
+        s.value.show = v;
       }
     };
-    l.value = n;
+    s.value = n;
   }
   async function f(t) {
     a.value = !0;
@@ -129,7 +129,7 @@ function Ne() {
         type: "success"
       });
     } catch (n) {
-      n instanceof ie && ce(n) ? h.open({
+      n instanceof ie && me(n) ? h.open({
         title: "Cannot delete unit",
         contentComponent: pe,
         contentComponentProps: {
@@ -186,7 +186,7 @@ function Ne() {
     createUnit: r,
     updateUnit: p,
     deleteUnit: V,
-    unitDialogProps: l,
+    unitDialogProps: s,
     unitViewLoading: a
   };
 }
@@ -194,13 +194,13 @@ function Le({
   updateUnit: h,
   deleteUnit: u
 }) {
-  async function y(l, r) {
+  async function y(s, r) {
     const p = te(r);
-    if (l === N.Edit) {
+    if (s === N.Edit) {
       await h(p);
       return;
     }
-    if (l === N.Delete) {
+    if (s === N.Delete) {
       await u(p);
       return;
     }
@@ -221,11 +221,11 @@ function Le({
     {
       id: "action",
       header: "",
-      cell(l) {
+      cell(s) {
         return fe(
           [ee[N.Edit], ee[N.Delete]],
           (r) => {
-            y(r, l.row.original);
+            y(r, s.row.original);
           }
         );
       },
@@ -238,7 +238,7 @@ function Le({
     }
   ] };
 }
-const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = { class: "flex items-center" }, He = { class: "fm-typo-en-body-lg-600 flex-grow" }, Ke = { class: "grid grid-cols-3 gap-24" }, Ge = /* @__PURE__ */ q({
+const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe = { class: "flex-1" }, He = { class: "flex-1" }, Ke = { class: "flex" }, Ge = { class: "flex items-center" }, Oe = { class: "fm-typo-en-body-lg-600 flex-grow" }, Ye = { class: "flex flex-col gap-24" }, Je = { class: "flex gap-24" }, Qe = { class: "flex-1" }, We = { class: "flex-1" }, Xe = /* @__PURE__ */ q({
   __name: "UnitForm",
   props: {
     mode: {},
@@ -247,9 +247,9 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
   },
   emits: ["update:modelValue", "click:submit"],
   setup(h, { expose: u, emit: y }) {
-    const a = h, l = y;
+    const a = h, s = y;
     function r() {
-      l("click:submit");
+      s("click:submit");
     }
     const p = x({
       get() {
@@ -258,7 +258,7 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
       },
       set(e) {
         const o = a.modelValue ?? {};
-        o.name = e, l("update:modelValue", o);
+        o.name = e, s("update:modelValue", o);
       }
     }), f = x({
       get() {
@@ -267,7 +267,7 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
       },
       set(e) {
         const o = a.modelValue ?? {};
-        o.abbrev = e, l("update:modelValue", o);
+        o.abbrev = e, s("update:modelValue", o);
       }
     }), V = x({
       get() {
@@ -276,7 +276,7 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
       },
       set(e) {
         const o = a.modelValue ?? {};
-        o.precision = e, l("update:modelValue", o);
+        o.precision = e, s("update:modelValue", o);
       }
     }), t = x({
       get() {
@@ -285,7 +285,7 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
       },
       set(e) {
         const o = a.modelValue ?? {};
-        o.measurements = e, l("update:modelValue", o);
+        o.measurements = e, s("update:modelValue", o);
       }
     });
     function n() {
@@ -301,11 +301,11 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
             precision: 0
           }
         }
-      ], l("update:modelValue", e);
+      ], s("update:modelValue", e);
     }
     function v(e) {
       const o = a.modelValue ?? {}, i = o.measurements ?? [];
-      i.splice(e, 1), o.measurements = i, l("update:modelValue", o);
+      i.splice(e, 1), o.measurements = i, s("update:modelValue", o);
     }
     const b = R();
     return u({
@@ -322,45 +322,52 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
         (o = (e = b.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
       }
     }), (e, o) => {
-      const i = A("FmTextField"), E = A("FmStepperField"), S = A("FmButton"), F = A("FmCard"), K = A("FmForm");
-      return m(), T(K, {
+      const i = A("FmTextField"), E = A("FmStepperField"), $ = A("FmButton"), S = A("FmCard"), K = A("FmForm");
+      return c(), T(K, {
         ref_key: "formRef",
         ref: b,
         class: "flex flex-col gap-40",
         onValidationSuccess: r
       }, {
         default: I(() => {
-          var k;
+          var F;
           return [
-            s("div", ze, [
-              c(i, {
-                disabled: e.disabled,
-                class: "col-span-2",
-                label: "Name",
-                modelValue: p.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (C) => p.value = C),
-                rules: [d(L)()],
-                "label-mark": "required"
-              }, null, 8, ["disabled", "modelValue", "rules"]),
-              c(i, {
-                disabled: e.disabled,
-                label: "Symbol",
-                modelValue: f.value,
-                "onUpdate:modelValue": o[1] || (o[1] = (C) => f.value = C),
-                rules: [d(L)()],
-                "label-mark": "required"
-              }, null, 8, ["disabled", "modelValue", "rules"]),
-              c(E, {
-                disabled: e.disabled,
-                class: "col-span-3",
-                label: "Precision",
-                modelValue: V.value,
-                "onUpdate:modelValue": o[2] || (o[2] = (C) => V.value = C),
-                rules: [d(_e)(0)]
-              }, null, 8, ["disabled", "modelValue", "rules"])
+            l("div", ze, [
+              l("div", je, [
+                l("div", qe, [
+                  m(i, {
+                    disabled: e.disabled,
+                    label: "Name",
+                    modelValue: p.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (C) => p.value = C),
+                    rules: [d(L)()],
+                    "label-mark": "required"
+                  }, null, 8, ["disabled", "modelValue", "rules"])
+                ]),
+                l("div", He, [
+                  m(i, {
+                    disabled: e.disabled,
+                    label: "Symbol",
+                    modelValue: f.value,
+                    "onUpdate:modelValue": o[1] || (o[1] = (C) => f.value = C),
+                    rules: [d(L)()],
+                    "label-mark": "required"
+                  }, null, 8, ["disabled", "modelValue", "rules"])
+                ])
+              ]),
+              l("div", null, [
+                m(E, {
+                  disabled: e.disabled,
+                  class: "col-span-3",
+                  label: "Precision",
+                  modelValue: V.value,
+                  "onUpdate:modelValue": o[2] || (o[2] = (C) => V.value = C),
+                  rules: [d(ge)(0)]
+                }, null, 8, ["disabled", "modelValue", "rules"])
+              ])
             ]),
-            s("div", je, [
-              c(S, {
+            l("div", Ke, [
+              m($, {
                 disabled: e.disabled,
                 type: "button",
                 "prepend-icon": "add",
@@ -369,56 +376,62 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
                 onClick: n
               }, null, 8, ["disabled"])
             ]),
-            (m(!0), w(z, null, j((k = e.modelValue) == null ? void 0 : k.measurements, (C, g) => (m(), T(F, {
+            (c(!0), U(z, null, j((F = e.modelValue) == null ? void 0 : F.measurements, (C, _) => (c(), T(S, {
               class: "flex flex-col gap-16 p-16",
               variant: "outlined",
               key: C.id
             }, {
               default: I(() => [
-                s("div", qe, [
-                  s("div", He, "Measurement " + _(g + 1), 1),
-                  c(S, {
+                l("div", Ge, [
+                  l("div", Oe, "Measurement " + g(_ + 1), 1),
+                  m($, {
                     disabled: e.disabled,
                     variant: "tertiary",
                     "prepend-icon": "delete",
-                    onClick: ($) => v(g)
+                    onClick: (k) => v(_)
                   }, null, 8, ["disabled", "onClick"])
                 ]),
-                s("div", Ke, [
-                  c(i, {
-                    disabled: e.disabled,
-                    class: "col-span-2",
-                    label: "Name",
-                    modelValue: e.modelValue.measurements[g].name,
-                    "onUpdate:modelValue": ($) => e.modelValue.measurements[g].name = $,
-                    rules: [d(L)()],
-                    "label-mark": "required"
-                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"]),
-                  c(i, {
-                    disabled: e.disabled,
-                    label: "Symbol",
-                    modelValue: e.modelValue.measurements[g].abbrev,
-                    "onUpdate:modelValue": ($) => e.modelValue.measurements[g].abbrev = $,
-                    rules: [d(L)()],
-                    "label-mark": "required"
-                  }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"]),
-                  c(Ue, {
+                l("div", Ye, [
+                  l("div", Je, [
+                    l("div", Qe, [
+                      m(i, {
+                        disabled: e.disabled,
+                        class: "col-span-2",
+                        label: "Name",
+                        modelValue: e.modelValue.measurements[_].name,
+                        "onUpdate:modelValue": (k) => e.modelValue.measurements[_].name = k,
+                        rules: [d(L)()],
+                        "label-mark": "required"
+                      }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"])
+                    ]),
+                    l("div", We, [
+                      m(i, {
+                        disabled: e.disabled,
+                        label: "Symbol",
+                        modelValue: e.modelValue.measurements[_].abbrev,
+                        "onUpdate:modelValue": (k) => e.modelValue.measurements[_].abbrev = k,
+                        rules: [d(L)()],
+                        "label-mark": "required"
+                      }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"])
+                    ])
+                  ]),
+                  m(we, {
                     disabled: e.disabled,
                     class: "col-span-3",
                     label: "Conversion",
-                    "model-value": +d(O)(e.modelValue.measurements[g].conversion),
-                    "onUpdate:modelValue": ($) => t.value = t.value.map(
-                      (P, D) => D === g ? {
+                    "model-value": +d(O)(e.modelValue.measurements[_].conversion),
+                    "onUpdate:modelValue": (k) => t.value = t.value.map(
+                      (P, D) => D === _ ? {
                         ...P,
                         conversion: d(Ve).toPrecision(
-                          d(he)($),
+                          d(he)(k),
                           V.value
                         )
                       } : P
                     ),
                     rules: [d(xe)(0)],
                     step: +d(O)({ amount: 1, precision: V.value }),
-                    "helper-text": `1 ${e.modelValue.measurements[g].name || "measurement unit"} equal to ${+d(O)(e.modelValue.measurements[g].conversion)} ${p.value || "base unit"}`
+                    "helper-text": `1 ${e.modelValue.measurements[_].name || "measurement unit"} equal to ${+d(O)(e.modelValue.measurements[_].conversion)} ${p.value || "base unit"}`
                   }, null, 8, ["disabled", "model-value", "onUpdate:modelValue", "rules", "step", "helper-text"])
                 ])
               ]),
@@ -430,32 +443,32 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
       }, 512);
     };
   }
-}), Oe = { class: "flex gap-4" }, Ye = /* @__PURE__ */ q({
+}), Ze = { class: "flex gap-4" }, et = /* @__PURE__ */ q({
   __name: "UnitDialog",
   props: {
     show: { type: Boolean },
     unit: {},
-    mode: { default: U.READ }
+    mode: { default: w.READ }
   },
   emits: ["update:show"],
   setup(h) {
-    const u = h, y = H(), a = oe(), l = Z(u, "show"), r = Z(u, "unit"), p = x(() => {
+    const u = h, y = H(), a = oe(), s = Z(u, "show"), r = Z(u, "unit"), p = x(() => {
       switch (u.mode) {
-        case U.READ:
-          return "View Unit";
-        case U.UPDATE:
-          return "Edit Unit";
-        case U.CREATE:
-          return "Add Unit";
+        case w.READ:
+          return "View unit";
+        case w.UPDATE:
+          return "Edit unit";
+        case w.CREATE:
+          return "Add unit";
       }
       return "";
     }), f = x(() => {
       switch (u.mode) {
-        case U.READ:
+        case w.READ:
           return "";
-        case U.UPDATE:
+        case w.UPDATE:
           return "Save";
-        case U.CREATE:
+        case w.CREATE:
           return "Add";
       }
       return "";
@@ -464,7 +477,7 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
       t.value = !0;
       try {
         const o = te(r.value);
-        o.precision ?? (o.precision = 0), o.measurements ?? (o.measurements = []), await y.createUnit(o), l.value = !1, a.open({
+        o.precision ?? (o.precision = 0), o.measurements ?? (o.measurements = []), await y.createUnit(o), s.value = !1, a.open({
           title: "Success",
           message: "Created " + r.value.name,
           type: "success"
@@ -482,7 +495,7 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
     async function v() {
       t.value = !0;
       try {
-        await y.updateUnit(r.value), l.value = !1, a.open({
+        await y.updateUnit(r.value), s.value = !1, a.open({
           title: "Success",
           message: "Updated " + r.value.name,
           type: "success"
@@ -503,106 +516,106 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
     }
     function e() {
       switch (u.mode) {
-        case U.READ:
+        case w.READ:
           return;
-        case U.UPDATE:
+        case w.UPDATE:
           return v();
-        case U.CREATE:
+        case w.CREATE:
           return n();
       }
     }
     return (o, i) => {
-      const E = A("FmButton"), S = A("FmSideSheet");
-      return m(), T(S, {
-        "model-value": d(l),
-        "onUpdate:modelValue": i[3] || (i[3] = (F) => W(l) ? l.value = F : null),
+      const E = A("FmButton"), $ = A("FmSideSheet");
+      return c(), T($, {
+        "model-value": d(s),
+        "onUpdate:modelValue": i[3] || (i[3] = (S) => W(s) ? s.value = S : null),
         header: p.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 500
       }, {
         "side-sheet-footer": I(() => [
-          s("div", Oe, [
-            c(E, {
+          l("div", Ze, [
+            m(E, {
               loading: t.value,
               label: f.value,
               onClick: b
             }, null, 8, ["loading", "label"]),
-            c(E, {
+            m(E, {
               disabled: t.value,
               label: "Close",
               variant: "tertiary",
-              onClick: i[2] || (i[2] = (F) => l.value = !1)
+              onClick: i[2] || (i[2] = (S) => s.value = !1)
             }, null, 8, ["disabled"])
           ])
         ]),
         default: I(() => [
-          c(Ge, {
+          m(Xe, {
             class: "w-full",
             ref_key: "hasValidationExpose",
             ref: V,
             modelValue: d(r),
-            "onUpdate:modelValue": i[0] || (i[0] = (F) => W(r) ? r.value = F : null),
+            "onUpdate:modelValue": i[0] || (i[0] = (S) => W(r) ? r.value = S : null),
             mode: o.mode,
             disabled: t.value,
-            "onClick:submit": i[1] || (i[1] = (F) => e())
+            "onClick:submit": i[1] || (i[1] = (S) => e())
           }, null, 8, ["modelValue", "mode", "disabled"])
         ]),
         _: 1
       }, 8, ["model-value", "header"]);
     };
   }
-}), Je = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, Qe = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, We = { class: "flex-1 w-full" }, Xe = { class: "flex flex-col py-8" }, Ze = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, et = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ct = /* @__PURE__ */ q({
+}), tt = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, ot = { class: "px-8 flex items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, lt = { class: "flex-1 w-full" }, st = { class: "flex flex-col py-8" }, at = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, nt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _t = /* @__PURE__ */ q({
   __name: "UnitView",
   setup(h) {
-    const u = H(), y = de(), a = x(() => u.units), { createUnit: l, updateUnit: r, deleteUnit: p, unitDialogProps: f, unitViewLoading: V } = Ne(), { columnDefs: t } = Le({ updateUnit: r, deleteUnit: p });
+    const u = H(), y = de(), a = x(() => u.units), { createUnit: s, updateUnit: r, deleteUnit: p, unitDialogProps: f, unitViewLoading: V } = Ne(), { columnDefs: t } = Le({ updateUnit: r, deleteUnit: p });
     function n(E) {
-      E === "add" && l();
+      E === "add" && s();
     }
-    const v = R(""), b = x(() => V.value), { breakpoints: e } = me(), o = x(() => e.value.xs || e.value.sm ? 10 : 20), i = ye();
-    return (E, S) => {
-      const F = A("FmTableToolbar"), K = A("FmTable");
-      return m(), T(ge, {
+    const v = R(""), b = x(() => V.value), { breakpoints: e } = ce(), o = x(() => e.value.xs || e.value.sm ? 10 : 20), i = ye();
+    return (E, $) => {
+      const S = A("FmTableToolbar"), K = A("FmTable");
+      return c(), T(_e, {
         title: "Unit",
         actions: [{ label: "Add unit", value: "add", isPrimary: !0, prependIcon: "add" }],
         "onClick:action": n
       }, {
         default: I(() => [
-          s("div", Je, [
-            s("div", Qe, [
-              s("div", We, [
-                c(F, {
+          l("div", tt, [
+            l("div", ot, [
+              l("div", lt, [
+                m(S, {
                   searchable: "",
                   "search-model": v.value,
-                  "onUpdate:searchModel": S[0] || (S[0] = (k) => v.value = k)
+                  "onUpdate:searchModel": $[0] || ($[0] = (F) => v.value = F)
                 }, null, 8, ["search-model"])
               ])
             ]),
-            c(K, {
+            m(K, {
               style: se(d(i).tableHeight),
               "column-defs": d(t),
               "row-data": a.value,
               "search-value": v.value,
               loading: !d(y)._currentLocation || b.value,
-              onRowClick: S[1] || (S[1] = (k) => d(r)(k.original)),
+              onRowClick: $[1] || ($[1] = (F) => d(r)(F.original)),
               "page-size": o.value
             }, {
-              "list-row": I((k) => [
-                c(ve, {
-                  row: k,
+              "list-row": I((F) => [
+                m(ve, {
+                  row: F,
                   onRowClick: d(r)
                 }, {
                   default: I((C) => {
-                    var g, $, P, D, Y, M, J, B, Q;
+                    var _, k, P, D, Y, M, J, B, Q;
                     return [
-                      s("div", Xe, [
-                        s("div", Ze, [
-                          c(d(be), {
-                            render: (P = ($ = (g = C.name) == null ? void 0 : g.column) == null ? void 0 : $.columnDef) == null ? void 0 : P.cell,
+                      l("div", st, [
+                        l("div", at, [
+                          m(d(be), {
+                            render: (P = (k = (_ = C.name) == null ? void 0 : _.column) == null ? void 0 : k.columnDef) == null ? void 0 : P.cell,
                             props: (Y = (D = C.name) == null ? void 0 : D.getContext) == null ? void 0 : Y.call(D)
                           }, null, 8, ["render", "props"])
                         ]),
-                        s("div", et, _((Q = (B = (J = (M = k.original.measurements) == null ? void 0 : M.map) == null ? void 0 : J.call(M, (le) => le.name)) == null ? void 0 : B.join) == null ? void 0 : Q.call(B, ", ")), 1)
+                        l("div", nt, g((Q = (B = (J = (M = F.original.measurements) == null ? void 0 : M.map) == null ? void 0 : J.call(M, (le) => le.name)) == null ? void 0 : B.join) == null ? void 0 : Q.call(B, ", ")), 1)
                       ])
                     ];
                   }),
@@ -612,8 +625,8 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ]),
-          (m(), T(ae, { to: "body" }, [
-            c(Ye, ne(re(d(f))), null, 16)
+          (c(), T(ae, { to: "body" }, [
+            m(et, ne(re(d(f))), null, 16)
           ]))
         ]),
         _: 1
@@ -622,5 +635,5 @@ const ze = { class: "grid grid-cols-3 gap-24" }, je = { class: "flex" }, qe = {
   }
 });
 export {
-  ct as default
+  _t as default
 };