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

package/dist/{UnitView-BvbaRHxG.js → UnitView-AfEMV9Qr.js}

@@ -1,24 +1,24 @@
-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, f as de } from "./app-BbXzmbBO.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-DACHKQ9G.js";
-import { _ as _e } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
-import { R as L, A as ge, a as xe } from "./rules-ldw61cGA.js";
-import { a as O, c as he } from "./date2-DFqSdEvG.js";
-import { F as Ve } from "./decimal-S-jYTEL5.js";
-import { _ as we } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-CW0h41FP.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 = {
+import { defineComponent as H, computed as x, openBlock as c, createElementBlock as w, Fragment as j, renderList as q, createElementVNode as l, toDisplayString as g, createCommentVNode as G, ref as R, resolveComponent as A, createBlock as M, withCtx as D, createVNode as m, unref as d, isRef as Q, normalizeStyle as le, Teleport as se, normalizeProps as ae, guardReactiveProps as ne } from "vue";
+import { u as K, S as re, c as ee, b as W, f as ie } from "./app-UpgZo4xX.js";
+import { useDialog as de, useSnackbar as te, useProxiedModel as X, useBreakpoints as ue } from "@feedmepos/ui-library";
+import { i as ce, _ as me } from "./is-linked-ingredient-error-C6AghEwR.js";
+import { F as U, D as Z, R as L } from "./row-action.enum-BwQbURNh.js";
+import { c as pe, _ as fe, F as ve, u as ye } from "./layout-DxcK0DGS.js";
+import { _ as be, a as _e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DLc1nCIY.js";
+import { R as z, A as ge, a as xe } from "./rules-7WxBNkDE.js";
+import { a as O, c as he } from "./number-BSqhQaRy.js";
+import { F as Ve } from "./decimal-CTa5OWKK.js";
+import { _ as Ue } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-DClJGGeY.js";
+const we = { 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), Se = {
   key: 0,
   class: "flex flex-col"
-}, 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" }, [
+}, $e = /* @__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), Fe = { class: "flex-1 py-8 px-16" }, ke = {
+], -1), ke = { class: "flex-1 py-8 px-16" }, Fe = {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "240px" }
 }, Ae = {
@@ -42,54 +42,54 @@ const Ue = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ l("div", { cla
     class: "flex-0 py-8 px-16",
     style: { "flex-basis": "240px" }
   }, "Used in")
-], -1), Te = { class: "flex-1 py-8 px-16" }, Me = {
+], -1), Me = { class: "flex-1 py-8 px-16" }, Te = {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "240px" }
-}, Be = /* @__PURE__ */ q({
+}, Be = /* @__PURE__ */ H({
   __name: "UnitUsedBy",
   props: {
     unit: {}
   },
   setup(h) {
-    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, [
+    const u = h, b = K(), a = x(() => b.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(), w("div", we, [
       Ce,
-      s.value.length ? (c(), U("div", $e, [
-        Se,
-        (c(!0), U(z, null, j(s.value, (t) => {
+      s.value.length ? (c(), w("div", Se, [
+        $e,
+        (c(!0), w(j, null, q(s.value, (t) => {
           var n;
-          return c(), U("div", {
+          return c(), w("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"
           }, [
-            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)
+            l("div", ke, g(t.code) + " " + g(t.name), 1),
+            l("div", Fe, g((n = t.bindedIngredient) != null && n.length ? "Convert binding" : "Item unit"), 1)
           ]);
         }), 128))
       ])) : G("", !0),
-      r.value.length ? (c(), U("div", Ae, [
+      r.value.length ? (c(), w("div", Ae, [
         Ee,
-        (c(!0), U(z, null, j(r.value, (t) => {
-          var n, v, b;
-          return c(), U("div", {
+        (c(!0), w(j, null, q(r.value, (t) => {
+          var n, v, y;
+          return c(), w("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"
           }, [
             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)
+            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 ${((y = t.bindedIngredient) == null ? void 0 : y.length) - 3} more` : ""), 1)
           ]);
         }), 128))
       ])) : G("", !0),
-      p.value.length ? (c(), U("div", Re, [
+      p.value.length ? (c(), w("div", Re, [
         Pe,
-        (c(!0), U(z, null, j(p.value, (t) => {
-          var n, v, b;
-          return c(), U("div", {
+        (c(!0), w(j, null, q(p.value, (t) => {
+          var n, v, y;
+          return c(), w("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"
           }, [
-            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)
+            l("div", Me, g(t.code) + " " + g(t.name), 1),
+            l("div", Te, 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 ${((y = t.bindedIngredient) == null ? void 0 : y.length) - 3} more` : ""), 1)
           ]);
         }), 128))
       ])) : G("", !0)
@@ -97,11 +97,11 @@ const Ue = { class: "flex flex-col gap-8" }, Ce = /* @__PURE__ */ l("div", { cla
   }
 });
 function Ne() {
-  const h = ue(), u = oe(), y = H(), a = R(!1), s = R();
+  const h = de(), u = te(), b = K(), a = R(!1), s = R();
   function r() {
     const t = {
       unit: {},
-      mode: w.CREATE,
+      mode: U.CREATE,
       show: !0,
       "onUpdate:show"(n) {
         s.value.show = n;
@@ -112,7 +112,7 @@ function Ne() {
   async function p(t) {
     const n = {
       unit: t,
-      mode: w.UPDATE,
+      mode: U.UPDATE,
       show: !0,
       "onUpdate:show"(v) {
         s.value.show = v;
@@ -123,15 +123,15 @@ function Ne() {
   async function f(t) {
     a.value = !0;
     try {
-      await y.deleteUnit(t), u.open({
+      await b.deleteUnit(t), u.open({
         title: "Success",
         message: `Deleted ${t.name}`,
         type: "success"
       });
     } catch (n) {
-      n instanceof ie && me(n) ? h.open({
+      n instanceof re && ce(n) ? h.open({
         title: "Cannot delete unit",
-        contentComponent: pe,
+        contentComponent: me,
         contentComponentProps: {
           subject: (t == null ? void 0 : t.name) ?? "",
           items: n.errorResponse.message
@@ -150,7 +150,7 @@ function Ne() {
     }
   }
   function V(t) {
-    if (y.validateUnitUsage(t).length) {
+    if (b.validateUnitUsage(t).length) {
       h.open({
         title: `Cannot delete ${(t == null ? void 0 : t.name) ?? "unit"}`,
         overlay: !0,
@@ -194,13 +194,13 @@ function Le({
   updateUnit: h,
   deleteUnit: u
 }) {
-  async function y(s, r) {
-    const p = te(r);
-    if (s === N.Edit) {
+  async function b(s, r) {
+    const p = ee(r);
+    if (s === L.Edit) {
       await h(p);
       return;
     }
-    if (s === N.Delete) {
+    if (s === L.Delete) {
       await u(p);
       return;
     }
@@ -222,10 +222,10 @@ function Le({
       id: "action",
       header: "",
       cell(s) {
-        return fe(
-          [ee[N.Edit], ee[N.Delete]],
+        return pe(
+          [Z[L.Edit], Z[L.Delete]],
           (r) => {
-            y(r, s.row.original);
+            b(r, s.row.original);
           }
         );
       },
@@ -238,7 +238,7 @@ function Le({
     }
   ] };
 }
-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({
+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__ */ H({
   __name: "UnitForm",
   props: {
     mode: {},
@@ -246,8 +246,8 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
     disabled: { type: Boolean }
   },
   emits: ["update:modelValue", "click:submit"],
-  setup(h, { expose: u, emit: y }) {
-    const a = h, s = y;
+  setup(h, { expose: u, emit: b }) {
+    const a = h, s = b;
     function r() {
       s("click:submit");
     }
@@ -307,30 +307,30 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
       const o = a.modelValue ?? {}, i = o.measurements ?? [];
       i.splice(e, 1), o.measurements = i, s("update:modelValue", o);
     }
-    const b = R();
+    const y = R();
     return u({
       validateInputs: () => {
         var e, o;
-        (o = (e = b.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
+        (o = (e = y.value) == null ? void 0 : e.validateInputs) == null || o.call(e);
       },
       resetInputsValidation: () => {
         var e, o;
-        (o = (e = b.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
+        (o = (e = y.value) == null ? void 0 : e.resetInputsValidation) == null || o.call(e);
       },
       resetInputs: () => {
         var e, o;
-        (o = (e = b.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
+        (o = (e = y.value) == null ? void 0 : e.resetInputs) == null || o.call(e);
       }
     }), (e, o) => {
-      const i = A("FmTextField"), E = A("FmStepperField"), $ = A("FmButton"), S = A("FmCard"), K = A("FmForm");
-      return c(), T(K, {
+      const i = A("FmTextField"), E = A("FmStepperField"), S = A("FmButton"), $ = A("FmCard"), F = A("FmForm");
+      return c(), M(F, {
         ref_key: "formRef",
-        ref: b,
+        ref: y,
         class: "flex flex-col gap-40",
         onValidationSuccess: r
       }, {
-        default: I(() => {
-          var F;
+        default: D(() => {
+          var P;
           return [
             l("div", ze, [
               l("div", je, [
@@ -340,7 +340,7 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
                     label: "Name",
                     modelValue: p.value,
                     "onUpdate:modelValue": o[0] || (o[0] = (C) => p.value = C),
-                    rules: [d(L)()],
+                    rules: [d(z)()],
                     "label-mark": "required"
                   }, null, 8, ["disabled", "modelValue", "rules"])
                 ]),
@@ -350,7 +350,7 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
                     label: "Symbol",
                     modelValue: f.value,
                     "onUpdate:modelValue": o[1] || (o[1] = (C) => f.value = C),
-                    rules: [d(L)()],
+                    rules: [d(z)()],
                     "label-mark": "required"
                   }, null, 8, ["disabled", "modelValue", "rules"])
                 ])
@@ -367,7 +367,7 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
               ])
             ]),
             l("div", Ke, [
-              m($, {
+              m(S, {
                 disabled: e.disabled,
                 type: "button",
                 "prepend-icon": "add",
@@ -376,15 +376,15 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
                 onClick: n
               }, null, 8, ["disabled"])
             ]),
-            (c(!0), U(z, null, j((F = e.modelValue) == null ? void 0 : F.measurements, (C, _) => (c(), T(S, {
+            (c(!0), w(j, null, q((P = e.modelValue) == null ? void 0 : P.measurements, (C, _) => (c(), M($, {
               class: "flex flex-col gap-16 p-16",
               variant: "outlined",
               key: C.id
             }, {
-              default: I(() => [
+              default: D(() => [
                 l("div", Ge, [
                   l("div", Oe, "Measurement " + g(_ + 1), 1),
-                  m($, {
+                  m(S, {
                     disabled: e.disabled,
                     variant: "tertiary",
                     "prepend-icon": "delete",
@@ -400,7 +400,7 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
                         label: "Name",
                         modelValue: e.modelValue.measurements[_].name,
                         "onUpdate:modelValue": (k) => e.modelValue.measurements[_].name = k,
-                        rules: [d(L)()],
+                        rules: [d(z)()],
                         "label-mark": "required"
                       }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"])
                     ]),
@@ -410,24 +410,24 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
                         label: "Symbol",
                         modelValue: e.modelValue.measurements[_].abbrev,
                         "onUpdate:modelValue": (k) => e.modelValue.measurements[_].abbrev = k,
-                        rules: [d(L)()],
+                        rules: [d(z)()],
                         "label-mark": "required"
                       }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "rules"])
                     ])
                   ]),
-                  m(we, {
+                  m(Ue, {
                     disabled: e.disabled,
                     class: "col-span-3",
                     label: "Conversion",
                     "model-value": +d(O)(e.modelValue.measurements[_].conversion),
                     "onUpdate:modelValue": (k) => t.value = t.value.map(
-                      (P, D) => D === _ ? {
-                        ...P,
+                      (I, T) => T === _ ? {
+                        ...I,
                         conversion: d(Ve).toPrecision(
                           d(he)(k),
                           V.value
                         )
-                      } : P
+                      } : I
                     ),
                     rules: [d(xe)(0)],
                     step: +d(O)({ amount: 1, precision: V.value }),
@@ -443,32 +443,32 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
       }, 512);
     };
   }
-}), Ze = { class: "flex gap-4" }, et = /* @__PURE__ */ q({
+}), Ze = { class: "flex gap-4" }, et = /* @__PURE__ */ H({
   __name: "UnitDialog",
   props: {
     show: { type: Boolean },
     unit: {},
-    mode: { default: w.READ }
+    mode: { default: U.READ }
   },
   emits: ["update:show"],
   setup(h) {
-    const u = h, y = H(), a = oe(), s = Z(u, "show"), r = Z(u, "unit"), p = x(() => {
+    const u = h, b = K(), a = te(), s = X(u, "show"), r = X(u, "unit"), p = x(() => {
       switch (u.mode) {
-        case w.READ:
+        case U.READ:
           return "View unit";
-        case w.UPDATE:
+        case U.UPDATE:
           return "Edit unit";
-        case w.CREATE:
+        case U.CREATE:
           return "Add unit";
       }
       return "";
     }), f = x(() => {
       switch (u.mode) {
-        case w.READ:
+        case U.READ:
           return "";
-        case w.UPDATE:
+        case U.UPDATE:
           return "Save";
-        case w.CREATE:
+        case U.CREATE:
           return "Add";
       }
       return "";
@@ -476,14 +476,14 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
     async function n() {
       t.value = !0;
       try {
-        const o = te(r.value);
-        o.precision ?? (o.precision = 0), o.measurements ?? (o.measurements = []), await y.createUnit(o), s.value = !1, a.open({
+        const o = ee(r.value);
+        o.precision ?? (o.precision = 0), o.measurements ?? (o.measurements = []), await b.createUnit(o), s.value = !1, a.open({
           title: "Success",
           message: "Created " + r.value.name,
           type: "success"
         });
       } catch (o) {
-        o instanceof X || a.open({
+        o instanceof W || a.open({
           title: "Failed to create unit",
           message: "Please try again",
           type: "error"
@@ -495,13 +495,13 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
     async function v() {
       t.value = !0;
       try {
-        await y.updateUnit(r.value), s.value = !1, a.open({
+        await b.updateUnit(r.value), s.value = !1, a.open({
           title: "Success",
           message: "Updated " + r.value.name,
           type: "success"
         });
       } catch (o) {
-        o instanceof X || a.open({
+        o instanceof W || a.open({
           title: "Failed to update unit",
           message: "Please try again",
           type: "error"
@@ -510,112 +510,108 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
         t.value = !1;
       }
     }
-    function b() {
+    function y() {
       var o, i;
       (i = (o = V.value) == null ? void 0 : o.validateInputs) == null || i.call(o);
     }
     function e() {
       switch (u.mode) {
-        case w.READ:
+        case U.READ:
           return;
-        case w.UPDATE:
+        case U.UPDATE:
           return v();
-        case w.CREATE:
+        case U.CREATE:
           return n();
       }
     }
     return (o, i) => {
-      const E = A("FmButton"), $ = A("FmSideSheet");
-      return c(), T($, {
+      const E = A("FmButton"), S = A("FmSideSheet");
+      return c(), M(S, {
         "model-value": d(s),
-        "onUpdate:modelValue": i[3] || (i[3] = (S) => W(s) ? s.value = S : null),
+        "onUpdate:modelValue": i[3] || (i[3] = ($) => Q(s) ? s.value = $ : null),
         header: p.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 500
       }, {
-        "side-sheet-footer": I(() => [
+        "side-sheet-footer": D(() => [
           l("div", Ze, [
             m(E, {
               loading: t.value,
               label: f.value,
-              onClick: b
+              onClick: y
             }, null, 8, ["loading", "label"]),
             m(E, {
               disabled: t.value,
               label: "Close",
               variant: "tertiary",
-              onClick: i[2] || (i[2] = (S) => s.value = !1)
+              onClick: i[2] || (i[2] = ($) => s.value = !1)
             }, null, 8, ["disabled"])
           ])
         ]),
-        default: I(() => [
+        default: D(() => [
           m(Xe, {
             class: "w-full",
             ref_key: "hasValidationExpose",
             ref: V,
             modelValue: d(r),
-            "onUpdate:modelValue": i[0] || (i[0] = (S) => W(r) ? r.value = S : null),
+            "onUpdate:modelValue": i[0] || (i[0] = ($) => Q(r) ? r.value = $ : null),
             mode: o.mode,
             disabled: t.value,
-            "onClick:submit": i[1] || (i[1] = (S) => e())
+            "onClick:submit": i[1] || (i[1] = ($) => e())
           }, null, 8, ["modelValue", "mode", "disabled"])
         ]),
         _: 1
       }, 8, ["model-value", "header"]);
     };
   }
-}), 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({
+}), tt = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, ot = { class: "flex flex-col py-8" }, lt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, st = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, yt = /* @__PURE__ */ H({
   __name: "UnitView",
   setup(h) {
-    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 });
+    const u = K(), b = ie(), 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" && s();
     }
-    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, {
+    const v = R(""), y = x(() => V.value), { breakpoints: e } = ue(), o = x(() => e.value.xs || e.value.sm ? 10 : 20), i = ye();
+    return (E, S) => {
+      const $ = A("FmTable");
+      return c(), M(be, {
         title: "Unit",
         actions: [{ label: "Add unit", value: "add", isPrimary: !0, prependIcon: "add" }],
         "onClick:action": n
       }, {
-        default: I(() => [
+        default: D(() => [
           l("div", tt, [
-            l("div", ot, [
-              l("div", lt, [
-                m(S, {
-                  searchable: "",
-                  "search-model": v.value,
-                  "onUpdate:searchModel": $[0] || ($[0] = (F) => v.value = F)
-                }, null, 8, ["search-model"])
-              ])
-            ]),
-            m(K, {
-              style: se(d(i).tableHeight),
+            m(_e, {
+              searchable: "",
+              search: v.value,
+              "onUpdate:search": S[0] || (S[0] = (F) => v.value = F)
+            }, null, 8, ["search"]),
+            m($, {
+              style: le(d(i).tableHeight),
               "column-defs": d(t),
               "row-data": a.value,
               "search-value": v.value,
-              loading: !d(y)._currentLocation || b.value,
-              onRowClick: $[1] || ($[1] = (F) => d(r)(F.original)),
+              loading: !d(b)._currentLocation || y.value,
+              onRowClick: S[1] || (S[1] = (F) => d(r)(F.original)),
               "page-size": o.value
             }, {
-              "list-row": I((F) => [
-                m(ve, {
+              "list-row": D((F) => [
+                m(fe, {
                   row: F,
                   onRowClick: d(r)
                 }, {
-                  default: I((C) => {
-                    var _, k, P, D, Y, M, J, B, Q;
+                  default: D((P) => {
+                    var C, _, k, I, T, B, Y, N, J;
                     return [
-                      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)
+                      l("div", ot, [
+                        l("div", lt, [
+                          m(d(ve), {
+                            render: (k = (_ = (C = P.name) == null ? void 0 : C.column) == null ? void 0 : _.columnDef) == null ? void 0 : k.cell,
+                            props: (T = (I = P.name) == null ? void 0 : I.getContext) == null ? void 0 : T.call(I)
                           }, null, 8, ["render", "props"])
                         ]),
-                        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)
+                        l("div", st, g((J = (N = (Y = (B = F.original.measurements) == null ? void 0 : B.map) == null ? void 0 : Y.call(B, (oe) => oe.name)) == null ? void 0 : N.join) == null ? void 0 : J.call(N, ", ")), 1)
                       ])
                     ];
                   }),
@@ -625,8 +621,8 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
           ]),
-          (c(), T(ae, { to: "body" }, [
-            m(et, ne(re(d(f))), null, 16)
+          (c(), M(se, { to: "body" }, [
+            m(et, ae(ne(d(f))), null, 16)
           ]))
         ]),
         _: 1
@@ -635,5 +631,5 @@ const ze = { class: "flex flex-col gap-24" }, je = { class: "flex gap-24" }, qe
   }
 });
 export {
-  _t as default
+  yt as default
 };