@feedmepos/mf-inventory-portal 1.7.15-dev.0 → 1.7.15-dev.2

package/dist/UnitView-DIw9i7R4.js

@@ -0,0 +1,694 @@
+import { defineComponent as W, computed as b, createElementBlock as F, openBlock as y, createElementVNode as l, createCommentVNode as K, Fragment as G, renderList as O, toDisplayString as U, ref as D, watch as ne, resolveComponent as I, createBlock as P, withCtx as M, createVNode as x, unref as s, isRef as le, normalizeClass as ce, normalizeStyle as pe, Teleport as ve, normalizeProps as fe, guardReactiveProps as ye } from "vue";
+import { a as Y, S as be, c as ie, w as ge, j as se, u as xe } from "./app-D9Xbf8WU.js";
+import { useDialog as ue, useSnackbar as Z, useProxiedModel as ae, useBreakpoints as _e } from "@feedmepos/ui-library";
+import { i as he, _ as Ve, m as Ue } from "./menu-usage-module-BdjYEk3s.js";
+import { F as C } from "./form-mode.enum-BKiNVH6A.js";
+import { defineStore as we, storeToRefs as Se } from "pinia";
+import { D as re, R as q } from "./row-action.enum-ncgDYAjP.js";
+import { c as Ce } from "./component-BmLAdDiY.js";
+import { useI18n as J } from "@feedmepos/mf-common";
+import { u as Fe, _ as ke } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { R as H, A as Ee, c as $e } from "./rules-DDPqCQKN.js";
+import { a as Q, c as Ie } from "./number-DuxVRDti.js";
+import { F as De } from "./decimal-Va-1UYBr.js";
+import { _ as Ae } from "./NumberPrecisionInput.vue_vue_type_script_setup_true_lang-DvtxH9pL.js";
+import { u as de } from "./netsuite-COpwngIC.js";
+import { _ as Re, F as Me } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+import { _ as Pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BSQXO3d-.js";
+const Te = { class: "flex flex-col gap-8" }, Be = {
+  key: 0,
+  class: "flex flex-col"
+}, Ne = { class: "flex-1 py-8 px-16" }, Le = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "240px" }
+}, ze = {
+  key: 1,
+  class: "flex flex-col"
+}, je = { class: "flex-1 py-8 px-16" }, qe = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "240px" }
+}, He = {
+  key: 2,
+  class: "flex flex-col"
+}, Ke = { class: "flex-1 py-8 px-16" }, Ge = {
+  class: "flex-0 py-8 px-16",
+  style: { "flex-basis": "240px" }
+}, Oe = /* @__PURE__ */ W({
+  __name: "UnitUsedBy",
+  props: {
+    unit: {}
+  },
+  setup(k) {
+    const p = k, _ = Y(), v = b(() => _.validateUnitUsage(p.unit)), d = b(() => v.value.filter((t) => t.from === "INGREDIENT")), n = b(() => v.value.filter((t) => t.from === "RECIPE")), c = b(() => v.value.filter((t) => t.from === "MENU"));
+    return (t, f) => (y(), F("div", Te, [
+      f[3] || (f[3] = l("div", { class: "fm-typo-en-body-md-400" }, "Sorry, this unit is used in the following modules:", -1)),
+      d.value.length ? (y(), F("div", Be, [
+        f[0] || (f[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)),
+        (y(!0), F(G, null, O(d.value, (a) => {
+          var o;
+          return y(), F("div", {
+            key: a.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", Ne, U(a.code) + " " + U(a.name), 1),
+            l("div", Le, U((o = a.bindedIngredient) != null && o.length ? "Convert binding" : "Item unit"), 1)
+          ]);
+        }), 128))
+      ])) : K("", !0),
+      n.value.length ? (y(), F("div", ze, [
+        f[1] || (f[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)),
+        (y(!0), F(G, null, O(n.value, (a) => {
+          var o, r, m;
+          return y(), F("div", {
+            key: a.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", je, U(a.code) + " " + U(a.name), 1),
+            l("div", qe, U((o = a.bindedIngredient) == null ? void 0 : o.slice(0, 3).map((w) => w.code).join(", ")) + " " + U(a.bindedIngredient && ((r = a.bindedIngredient) == null ? void 0 : r.length) > 3 ? `and ${((m = a.bindedIngredient) == null ? void 0 : m.length) - 3} more` : ""), 1)
+          ]);
+        }), 128))
+      ])) : K("", !0),
+      c.value.length ? (y(), F("div", He, [
+        f[2] || (f[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)),
+        (y(!0), F(G, null, O(c.value, (a) => {
+          var o, r, m;
+          return y(), F("div", {
+            key: a.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", Ke, U(a.code) + " " + U(a.name), 1),
+            l("div", Ge, U((o = a.bindedIngredient) == null ? void 0 : o.slice(0, 3).map((w) => w.code).join(", ")) + " " + U(a.bindedIngredient && ((r = a.bindedIngredient) == null ? void 0 : r.length) > 3 ? `and ${((m = a.bindedIngredient) == null ? void 0 : m.length) - 3} more` : ""), 1)
+          ]);
+        }), 128))
+      ])) : K("", !0)
+    ]));
+  }
+}), X = we("unitForm", function() {
+  const p = ue(), _ = Z(), v = Y(), d = D(!1), n = D();
+  function c() {
+    const o = {
+      unit: {},
+      mode: C.CREATE,
+      show: !0,
+      "onUpdate:show"(r) {
+        n.value.show = r;
+      }
+    };
+    n.value = o;
+  }
+  async function t(o) {
+    const r = {
+      unit: o,
+      mode: C.UPDATE,
+      show: !0,
+      "onUpdate:show"(m) {
+        n.value.show = m;
+      }
+    };
+    n.value = r;
+  }
+  async function f(o) {
+    d.value = !0;
+    try {
+      await v.deleteUnit(o), _.open({
+        title: "Success",
+        message: `Deleted ${o.name}`,
+        type: "success"
+      });
+    } catch (r) {
+      r instanceof be && he(r) ? p.open({
+        title: "Cannot delete unit",
+        contentComponent: Ve,
+        contentComponentProps: {
+          subject: (o == null ? void 0 : o.name) ?? "",
+          items: r.errorResponse.errors.map((m) => {
+            var w;
+            return {
+              chain: [
+                {
+                  itemName: m.name,
+                  moduleKey: (w = m.message) != null && w.startsWith("modules.") ? Ue(m.message) : m.module
+                }
+              ]
+            };
+          })
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0
+        }
+      }) : console.log("unable to delete unit", r), _.open({
+        title: `Cannot delete ${o.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete unit", r);
+    } finally {
+      d.value = !1;
+    }
+  }
+  function a(o) {
+    if (v.validateUnitUsage(o).length) {
+      p.open({
+        title: `Cannot delete ${(o == null ? void 0 : o.name) ?? "unit"}`,
+        overlay: !0,
+        dismissAway: !0,
+        closeButton: !0,
+        contentComponent: Oe,
+        contentComponentProps: {
+          unit: o
+        },
+        primaryActions: {
+          text: "Confirm",
+          close: !0
+        }
+      });
+      return;
+    }
+    p.open({
+      title: `Delete ${(o == null ? void 0 : o.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: {
+        text: "Delete",
+        close: !0,
+        variant: "destructive"
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      }
+    }).onPrimary(() => f(o));
+  }
+  return {
+    createUnit: c,
+    updateUnit: t,
+    deleteUnit: a,
+    unitDialogProps: n,
+    unitViewLoading: d
+  };
+});
+function We() {
+  const { updateUnit: k, deleteUnit: p } = X(), { t: _ } = J();
+  async function v(n, c) {
+    const t = ie(c);
+    if (n === q.Edit) {
+      await k(t);
+      return;
+    }
+    if (n === q.Delete) {
+      await p(t);
+      return;
+    }
+  }
+  return { columnDefs: [
+    {
+      accessorKey: "name",
+      header: _("inventory.unit.table.name"),
+      enableSorting: !0,
+      size: 300
+    },
+    {
+      accessorKey: "abbrev",
+      header: _("inventory.unit.table.symbol"),
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(n) {
+        return Ce(
+          [re[q.Edit], re[q.Delete]],
+          (c) => {
+            v(c, n.row.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+const Ye = { class: "flex flex-col gap-24" }, Je = { class: "flex gap-24" }, Qe = { class: "flex-1" }, Xe = { class: "flex-1" }, Ze = { class: "flex" }, et = { class: "flex items-center" }, tt = { class: "fm-typo-en-body-lg-600 flex-grow" }, ot = { class: "flex flex-col gap-24" }, nt = { class: "flex gap-24" }, lt = { class: "flex-1" }, st = { class: "flex-1" }, at = /* @__PURE__ */ W({
+  __name: "UnitForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(k, { expose: p, emit: _ }) {
+    const v = k, d = _, { t: n } = J();
+    function c() {
+      d("click:submit");
+    }
+    const t = D(v.modelValue);
+    ne(
+      () => v.modelValue,
+      (e) => {
+        t.value = e;
+      }
+    );
+    const f = b({
+      get() {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.name) ?? "";
+      },
+      set(e) {
+        t.value.name = e, d("update:modelValue", t.value);
+      }
+    }), a = b({
+      get() {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.abbrev) ?? "";
+      },
+      set(e) {
+        t.value.abbrev = e, d("update:modelValue", t.value);
+      }
+    }), o = b({
+      get() {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.precision) ?? 0;
+      },
+      set(e) {
+        t.value.precision = e, d("update:modelValue", t.value);
+      }
+    }), r = b({
+      get() {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.measurements) ?? [];
+      },
+      set(e) {
+        t.value.measurements = e, d("update:modelValue", t.value);
+      }
+    });
+    ne(
+      () => o.value,
+      (e) => {
+        if (typeof e == "number" && !isNaN(e)) {
+          const u = r.value.map((i) => ({
+            ...i,
+            conversion: ge.convertPrecision({
+              value: i.conversion,
+              precision: e
+            })
+          }));
+          t.value.measurements = u, d("update:modelValue", t.value);
+        }
+      },
+      { immediate: !0 }
+    );
+    function m() {
+      const e = t.value.measurements ?? [];
+      t.value.measurements = [
+        ...e,
+        {
+          id: `measurement_${(/* @__PURE__ */ new Date()).toISOString()}_${Math.random().toString(16).slice(2, 8)}`,
+          name: "",
+          abbrev: "",
+          conversion: {
+            amount: 1,
+            precision: 0
+          }
+        }
+      ], d("update:modelValue", t.value);
+    }
+    function w(e) {
+      const u = t.value.measurements ?? [];
+      u.splice(e, 1), t.value.measurements = u, d("update:modelValue", t.value);
+    }
+    const $ = D();
+    return p({
+      validateInputs: () => {
+        var e, u;
+        (u = (e = $.value) == null ? void 0 : e.validateInputs) == null || u.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, u;
+        (u = (e = $.value) == null ? void 0 : e.resetInputsValidation) == null || u.call(e);
+      },
+      resetInputs: () => {
+        var e, u;
+        (u = (e = $.value) == null ? void 0 : e.resetInputs) == null || u.call(e);
+      }
+    }), (e, u) => {
+      const i = I("FmTextField"), g = I("FmStepperField"), A = I("FmButton"), R = I("FmCard"), S = I("FmForm");
+      return y(), P(S, {
+        ref_key: "formRef",
+        ref: $,
+        class: "flex flex-col gap-40",
+        onValidationSuccess: c
+      }, {
+        default: M(() => {
+          var B;
+          return [
+            l("div", Ye, [
+              l("div", Je, [
+                l("div", Qe, [
+                  x(i, {
+                    disabled: e.disabled,
+                    label: s(n)("inventory.unit.name"),
+                    modelValue: f.value,
+                    "onUpdate:modelValue": u[0] || (u[0] = (h) => f.value = h),
+                    rules: [s(H)()],
+                    "label-mark": "required"
+                  }, null, 8, ["disabled", "label", "modelValue", "rules"])
+                ]),
+                l("div", Xe, [
+                  x(i, {
+                    disabled: e.disabled,
+                    label: s(n)("inventory.unit.symbol"),
+                    modelValue: a.value,
+                    "onUpdate:modelValue": u[1] || (u[1] = (h) => a.value = h),
+                    rules: [s(H)()],
+                    "label-mark": "required"
+                  }, null, 8, ["disabled", "label", "modelValue", "rules"])
+                ])
+              ]),
+              l("div", null, [
+                x(g, {
+                  disabled: e.disabled,
+                  class: "col-span-3",
+                  label: s(n)("inventory.unit.precision"),
+                  modelValue: o.value,
+                  "onUpdate:modelValue": u[2] || (u[2] = (h) => o.value = h),
+                  rules: [s(Ee)(0)]
+                }, null, 8, ["disabled", "label", "modelValue", "rules"])
+              ])
+            ]),
+            l("div", Ze, [
+              x(A, {
+                disabled: e.disabled,
+                type: "button",
+                "prepend-icon": "add",
+                label: s(n)("inventory.unit.measurement.addMeasurement"),
+                variant: "plain",
+                onClick: m
+              }, null, 8, ["disabled", "label"])
+            ]),
+            (y(!0), F(G, null, O((B = e.modelValue) == null ? void 0 : B.measurements, (h, V) => (y(), P(R, {
+              class: "flex flex-col gap-16 p-16",
+              variant: "outlined",
+              key: h.id
+            }, {
+              default: M(() => [
+                l("div", et, [
+                  l("div", tt, U(s(n)("inventory.unit.measurement.measurementDefault", [V + 1])), 1),
+                  x(A, {
+                    disabled: e.disabled,
+                    variant: "tertiary",
+                    "prepend-icon": "delete",
+                    onClick: (E) => w(V)
+                  }, null, 8, ["disabled", "onClick"])
+                ]),
+                l("div", ot, [
+                  l("div", nt, [
+                    l("div", lt, [
+                      x(i, {
+                        disabled: e.disabled,
+                        class: "col-span-2",
+                        label: s(n)("inventory.unit.measurement.name"),
+                        modelValue: e.modelValue.measurements[V].name,
+                        "onUpdate:modelValue": (E) => e.modelValue.measurements[V].name = E,
+                        rules: [s(H)()],
+                        "label-mark": "required"
+                      }, null, 8, ["disabled", "label", "modelValue", "onUpdate:modelValue", "rules"])
+                    ]),
+                    l("div", st, [
+                      x(i, {
+                        disabled: e.disabled,
+                        label: s(n)("inventory.unit.measurement.symbol"),
+                        modelValue: e.modelValue.measurements[V].abbrev,
+                        "onUpdate:modelValue": (E) => e.modelValue.measurements[V].abbrev = E,
+                        rules: [s(H)()],
+                        "label-mark": "required"
+                      }, null, 8, ["disabled", "label", "modelValue", "onUpdate:modelValue", "rules"])
+                    ])
+                  ]),
+                  x(Ae, {
+                    disabled: e.disabled,
+                    class: "col-span-3",
+                    label: s(n)("inventory.unit.measurement.conversion"),
+                    "model-value": +s(Q)(e.modelValue.measurements[V].conversion),
+                    "onUpdate:modelValue": (E) => r.value = r.value.map(
+                      (T, N) => N === V ? {
+                        ...T,
+                        conversion: s(De).toPrecision(
+                          s(Ie)(E),
+                          o.value
+                        )
+                      } : T
+                    ),
+                    rules: [s($e)(0)],
+                    step: +s(Q)({ amount: 1, precision: o.value }),
+                    "helper-text": s(n)("inventory.unit.measurement.conversionHelper", {
+                      measurementSymbol: e.modelValue.measurements[V].name || " measurement unit",
+                      conversion: +s(Q)(e.modelValue.measurements[V].conversion),
+                      unitSymbol: a.value || "base unit"
+                    })
+                  }, null, 8, ["disabled", "label", "model-value", "onUpdate:modelValue", "rules", "step", "helper-text"])
+                ])
+              ]),
+              _: 2
+            }, 1024))), 128))
+          ];
+        }),
+        _: 1
+      }, 512);
+    };
+  }
+}), rt = { class: "flex gap-4" }, it = /* @__PURE__ */ W({
+  __name: "UnitDialog",
+  props: {
+    show: { type: Boolean },
+    unit: {},
+    mode: { default: C.READ }
+  },
+  emits: ["update:show"],
+  setup(k) {
+    const p = k, _ = Y(), v = de(), d = Z(), { t: n } = J(), c = ae(p, "show"), t = ae(p, "unit"), f = b(() => {
+      switch (p.mode) {
+        case C.READ:
+          return "";
+        case C.UPDATE:
+          return n("inventory.unit.update.title");
+        case C.CREATE:
+          return n("inventory.unit.create.title");
+      }
+      return "";
+    }), a = b(() => {
+      switch (p.mode) {
+        case C.READ:
+          return "";
+        case C.UPDATE:
+          return n("common.save");
+        case C.CREATE:
+          return n("common.add");
+      }
+      return "";
+    }), o = D(), r = D(!1), m = b(() => r.value || v.isEnabled);
+    async function w() {
+      r.value = !0;
+      try {
+        const i = ie(t.value);
+        i.precision ?? (i.precision = 0), i.measurements ?? (i.measurements = []), await _.createUnit(i), c.value = !1, d.open({
+          title: n("inventory.common.success"),
+          message: n("inventory.unit.create.success", { name: t.value.name }),
+          type: "success"
+        });
+      } catch (i) {
+        i instanceof se || d.open({
+          title: n("inventory.unit.create.error.title"),
+          message: n("inventory.unit.create.error.message"),
+          type: "error"
+        });
+      } finally {
+        r.value = !1;
+      }
+    }
+    async function $() {
+      r.value = !0;
+      try {
+        await _.updateUnit(t.value), c.value = !1, d.open({
+          title: n("inventory.common.success"),
+          message: n("inventory.unit.update.success", { name: t.value.name }),
+          type: "success"
+        });
+      } catch (i) {
+        i instanceof se || d.open({
+          title: n("inventory.unit.update.error.title"),
+          message: n("inventory.unit.update.error.message"),
+          type: "error"
+        });
+      } finally {
+        r.value = !1;
+      }
+    }
+    function e() {
+      var i, g;
+      (g = (i = o.value) == null ? void 0 : i.validateInputs) == null || g.call(i);
+    }
+    function u() {
+      switch (p.mode) {
+        case C.READ:
+          return;
+        case C.UPDATE:
+          return $();
+        case C.CREATE:
+          return w();
+      }
+    }
+    return (i, g) => {
+      const A = I("FmButton"), R = I("FmSideSheet");
+      return y(), P(R, {
+        "model-value": s(c),
+        "onUpdate:modelValue": g[3] || (g[3] = (S) => le(c) ? c.value = S : null),
+        header: f.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-footer": M(() => [
+          l("div", rt, [
+            s(v).isEnabled ? K("", !0) : (y(), P(A, {
+              key: 0,
+              loading: r.value,
+              label: a.value,
+              onClick: e
+            }, null, 8, ["loading", "label"])),
+            x(A, {
+              disabled: r.value,
+              label: s(n)("common.close"),
+              variant: "tertiary",
+              onClick: g[2] || (g[2] = (S) => c.value = !1)
+            }, null, 8, ["disabled", "label"])
+          ])
+        ]),
+        default: M(() => [
+          x(at, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: o,
+            modelValue: s(t),
+            "onUpdate:modelValue": g[0] || (g[0] = (S) => le(t) ? t.value = S : null),
+            mode: i.mode,
+            disabled: m.value,
+            "onClick:submit": g[1] || (g[1] = (S) => u())
+          }, null, 8, ["modelValue", "mode", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), ut = { class: "flex flex-col py-8" }, dt = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, mt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Et = /* @__PURE__ */ W({
+  __name: "UnitView",
+  setup(k) {
+    const p = Y(), _ = xe(), v = de();
+    ue(), Z();
+    const { t: d } = J(), n = b(() => p.units), { createUnit: c, updateUnit: t } = X(), { unitDialogProps: f, unitViewLoading: a } = Se(X()), { columnDefs: o } = We();
+    function r(R) {
+      switch (R) {
+        case "add":
+          return v.isEnabled ? void 0 : c();
+      }
+    }
+    const m = D(""), w = D(!1), $ = b(() => w.value || a.value), { breakpoints: e } = _e(), u = b(() => e.value.xs || e.value.sm), i = b(() => u.value ? 10 : 20), g = Fe(), A = b(() => [
+      ...v.isEnabled ? [] : [
+        {
+          label: d("inventory.unit.create.title"),
+          value: "add",
+          isPrimary: !0,
+          prependIcon: "add"
+        }
+      ]
+    ]);
+    return (R, S) => {
+      const B = I("FmTable");
+      return y(), P(ke, {
+        title: s(d)("inventory.unit.title"),
+        actions: A.value,
+        "onClick:action": r
+      }, {
+        default: M(() => [
+          l("div", {
+            class: ce([
+              "relative flex flex-col gap-8 max-h-full",
+              {
+                "p-0": u.value,
+                "px-24 ": !u.value
+              }
+            ])
+          }, [
+            x(Pe, {
+              searchable: "",
+              search: m.value,
+              "onUpdate:search": S[0] || (S[0] = (h) => m.value = h)
+            }, null, 8, ["search"]),
+            x(B, {
+              style: pe(s(g).tableHeight),
+              "column-defs": s(o),
+              "row-data": n.value,
+              "search-value": m.value,
+              loading: !s(_)._currentLocation || $.value,
+              onRowClick: S[1] || (S[1] = (h) => s(t)(h.original)),
+              "page-size": i.value
+            }, {
+              "list-row": M((h) => [
+                x(Re, {
+                  row: h,
+                  onRowClick: s(t)
+                }, {
+                  default: M((V) => {
+                    var E, T, N, L, ee, z, te, j, oe;
+                    return [
+                      l("div", ut, [
+                        l("div", dt, [
+                          x(s(Me), {
+                            render: (N = (T = (E = V.name) == null ? void 0 : E.column) == null ? void 0 : T.columnDef) == null ? void 0 : N.cell,
+                            props: (ee = (L = V.name) == null ? void 0 : L.getContext) == null ? void 0 : ee.call(L)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        l("div", mt, U((oe = (j = (te = (z = h.original.measurements) == null ? void 0 : z.map) == null ? void 0 : te.call(z, (me) => me.name)) == null ? void 0 : j.join) == null ? void 0 : oe.call(j, ", ")), 1)
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ], 2),
+          (y(), P(ve, { to: "body" }, [
+            x(it, fe(ye(s(f))), null, 16)
+          ]))
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+});
+export {
+  Et as default
+};