@feedmepos/mf-inventory-portal 0.0.5

package/dist/IngredientsView-2ZKdzsgI.js

@@ -0,0 +1,739 @@
+import { ref as B, defineComponent as J, computed as d, resolveComponent as b, openBlock as k, createBlock as R, withCtx as x, createVNode as i, createElementBlock as z, Fragment as j, createElementVNode as D, createCommentVNode as G, onMounted as pe, watch as ve, unref as h, normalizeClass as fe, createTextVNode as ge, toDisplayString as be, renderList as Ve, isRef as ee, normalizeStyle as _e, Teleport as ye, normalizeProps as Fe, guardReactiveProps as he } from "vue";
+import { u as Q, c as ae, S as Se, F as L, a as ne, b as ke } from "./app-BzDhmCVx.js";
+import { useDialog as we, useSnackbar as se, useProxiedModel as te, useBreakpoints as Ie } from "@feedmepos/ui-library";
+import { i as xe, _ as Ce } from "./is-linked-ingredient-error-C6AghEwR.js";
+import { F as I, D as le, R as Y } from "./row-action.enum-BwQbURNh.js";
+import { c as Ee, _ as Me, F as oe, u as Ae } from "./layout-BvUjg6JS.js";
+import { _ as De } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
+import { R as X, U as Ue } from "./rules-DHfAMDW3.js";
+import { g as Re } from "./use-inventory-binding-dialog-B6JO7050.js";
+import { _ as $e } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CnsDmPTe.js";
+import { _ as Z } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-CD89qCIa.js";
+function Te() {
+  const C = we(), y = se(), p = Q(), t = B(!1), l = B();
+  function o() {
+    const s = {
+      unit: {},
+      mode: I.CREATE,
+      show: !0,
+      "onUpdate:show"(v) {
+        l.value.show = v;
+      }
+    };
+    l.value = s;
+  }
+  async function m(s) {
+    const v = {
+      unit: ae(s),
+      mode: I.UPDATE,
+      show: !0,
+      "onUpdate:show"(u) {
+        l.value.show = u;
+      }
+    };
+    l.value = v;
+  }
+  async function w(s) {
+    t.value = !0;
+    try {
+      await p.deleteSku(s), y.open({
+        title: "Success",
+        message: `Deleted ${s.name}`,
+        type: "success"
+      });
+    } catch (v) {
+      v instanceof Se && xe(v) ? C.open({
+        title: "Cannot delete ingredient",
+        contentComponent: Ce,
+        contentComponentProps: {
+          subject: (s == null ? void 0 : s.name) ?? "",
+          items: v.errorResponse.message
+        },
+        secondaryActions: {
+          text: "Close",
+          close: !0
+        }
+      }) : console.log("unable to delete ingredient", v), y.open({
+        title: `Cannot delete ${s.name}`,
+        message: "Please try again.",
+        type: "error"
+      }), console.error("failed to delete ingredient", v);
+    } finally {
+      t.value = !1;
+    }
+  }
+  function E(s) {
+    C.open({
+      title: `Delete ${(s == null ? void 0 : s.name) ?? "ingredient"}?`,
+      closeButton: !1,
+      message: "You may not be able to delete this ingredient if it is linked in any of the inventory modules.",
+      primaryActions: {
+        text: "Delete",
+        close: !0,
+        variant: "destructive"
+      },
+      secondaryActions: {
+        text: "Cancel",
+        close: !0
+      }
+    }).onPrimary(() => w(s));
+  }
+  return {
+    createIngredient: o,
+    updateIngredient: m,
+    deleteIngredient: E,
+    ingredientDialogProps: l,
+    ingredientViewLoading: t
+  };
+}
+function Be({
+  updateIngredient: C,
+  deleteIngredient: y
+}) {
+  async function p(l, o) {
+    const m = ae(o);
+    if (l === Y.Edit) {
+      await C(m);
+      return;
+    }
+    if (l === Y.Delete) {
+      await y(m);
+      return;
+    }
+  }
+  return { columnDefs: [
+    {
+      accessorKey: "code",
+      header: "Code",
+      enableSorting: !0,
+      size: 300
+    },
+    {
+      accessorKey: "name",
+      header: "Name",
+      enableSorting: !0,
+      size: 300
+    },
+    {
+      accessorFn: (l) => {
+        var o;
+        if (l.trackingMeasurement) {
+          const m = (o = l.unit.measurements) == null ? void 0 : o.find(
+            (w) => w.id === l.trackingMeasurement
+          );
+          if (m)
+            return `${m.name} (${m.abbrev})`;
+        }
+        return `${l.unit.name} (${l.unit.abbrev})`;
+      },
+      header: "Unit",
+      enableSorting: !1,
+      size: "auto"
+    },
+    {
+      id: "action",
+      header: "",
+      cell(l) {
+        return Ee(
+          [le[Y.Edit], le[Y.Delete]],
+          (o) => {
+            p(o, l.row.original);
+          }
+        );
+      },
+      enableSorting: !1,
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+const Pe = /* @__PURE__ */ J({
+  __name: "ConvertForm",
+  props: {
+    modelValue: {},
+    rootValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(C, { emit: y }) {
+    const p = C, t = d(() => {
+      var u;
+      return (u = p.rootValue) == null ? void 0 : u.unit;
+    }), l = d(() => {
+      var u;
+      return (u = p.rootValue) == null ? void 0 : u._id;
+    }), o = y, m = d({
+      get() {
+        return !!p.modelValue;
+      },
+      set(u) {
+        u ? o("update:modelValue", {
+          measurement: null,
+          inventoryBindings: []
+        }) : o("update:modelValue", null);
+      }
+    }), w = d(() => Re(t.value));
+    function E(u) {
+      const c = p.modelValue ?? {};
+      c.measurement = u ? `${u}` : null, o("update:modelValue", c);
+    }
+    function s(u) {
+      const c = p.modelValue ?? {};
+      c.inventoryBindings = u, o("update:modelValue", c);
+    }
+    const v = d(() => {
+      if (!p.modelValue) return null;
+      const u = p.modelValue;
+      return u.measurement ? w.value.find((c) => c.value === u.measurement) ?? null : w.value.find((c) => c.value === null) ?? null;
+    });
+    return (u, c) => {
+      const $ = b("FmSwitch"), V = b("FmSelect"), _ = b("FmCard");
+      return k(), R(_, {
+        variant: "outlined",
+        class: "p-16 flex flex-col gap-16"
+      }, {
+        default: x(() => {
+          var M, S;
+          return [
+            i($, {
+              value: "",
+              "model-value": m.value,
+              "onUpdate:modelValue": c[0] || (c[0] = (F) => m.value = F),
+              label: "Convertible",
+              sublabel: "Convertible from other recipe or ingredients",
+              labelPlacement: "right"
+            }, null, 8, ["model-value"]),
+            m.value ? (k(), z(j, { key: 0 }, [
+              D("div", null, [
+                i(V, {
+                  label: "Recipes and ingredients convert to",
+                  modelValue: (M = v.value) == null ? void 0 : M.value,
+                  "onUpdate:modelValue": E,
+                  items: w.value
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              i($e, {
+                id: l.value,
+                "model-value": ((S = u.modelValue) == null ? void 0 : S.inventoryBindings) ?? [],
+                "onUpdate:modelValue": s,
+                "exclude-binding-id": l.value
+              }, null, 8, ["id", "model-value", "exclude-binding-id"])
+            ], 64)) : G("", !0)
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+}), Oe = { class: "col-span-2 mt-16" }, Le = {
+  key: 0,
+  class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
+}, Ne = /* @__PURE__ */ J({
+  __name: "IngredientForm",
+  props: {
+    mode: {},
+    modelValue: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:submit"],
+  setup(C, { expose: y, emit: p }) {
+    var O;
+    const t = C, l = p, o = Q();
+    function m(e) {
+      if (e.length === 0) return;
+      const n = e[0], a = t.modelValue ?? {
+        unit: o.units.find((r) => r)
+      };
+      a.unit || (a.unit = n, l("update:modelValue", a));
+    }
+    pe(() => {
+      m(o.units);
+    }), ve([() => o.units], ([e]) => {
+      m(e);
+    });
+    function w() {
+      l("click:submit");
+    }
+    const E = d({
+      get() {
+        var e;
+        return ((e = t.modelValue) == null ? void 0 : e.code) ?? "";
+      },
+      set(e) {
+        const n = t.modelValue ? {
+          ...t.modelValue
+        } : {};
+        n.code = e, l("update:modelValue", n);
+      }
+    }), s = d({
+      get() {
+        var e;
+        return ((e = t.modelValue) == null ? void 0 : e.name) ?? "";
+      },
+      set(e) {
+        const n = t.modelValue ? {
+          ...t.modelValue
+        } : {};
+        n.name = e, l("update:modelValue", n);
+      }
+    }), v = d(() => {
+      var n, a, r;
+      const e = ((n = t.modelValue) == null ? void 0 : n.unit) ?? o.units.find((f) => f);
+      return e ? {
+        _id: e._id,
+        measurement: (a = t.modelValue) == null ? void 0 : a.trackingMeasurement,
+        name: ((r = e.measurements.find((f) => {
+          var g;
+          return f.id === ((g = t.modelValue) == null ? void 0 : g.trackingMeasurement);
+        })) == null ? void 0 : r.name) ?? e.name
+      } : null;
+    }), u = d(
+      () => o.units.flatMap(({ name: e, _id: n, abbrev: a, measurements: r }) => [
+        {
+          label: `${e}`,
+          value: null,
+          displayAsSection: !0
+        },
+        {
+          label: `${e} (${a})`,
+          value: { _id: n },
+          displayAsSection: !1
+        },
+        ...r.map(({ id: f, name: g, abbrev: N }) => ({
+          label: `${g} (${N})`,
+          value: { _id: n, measurement: f },
+          displayAsSection: !1
+        }))
+      ])
+    );
+    function c(e) {
+      var n, a, r, f, g;
+      return ((a = (n = t.modelValue) == null ? void 0 : n.unit) == null ? void 0 : a._id) === ((r = e.value) == null ? void 0 : r._id) && ((f = t.modelValue) == null ? void 0 : f.trackingMeasurement) === ((g = e.value) == null ? void 0 : g.measurement);
+    }
+    function $(e) {
+      if (!e) return;
+      const { _id: n, measurement: a } = e, r = a || void 0, f = o.units.find((N) => N._id === n);
+      if (!f)
+        return;
+      const g = t.modelValue ?? {};
+      g.unit = f, g.trackingMeasurement = r, g.convert && (g.convert.measurement = r || null), l("update:modelValue", g);
+    }
+    const V = d({
+      get() {
+        var e;
+        return ((e = t.modelValue) == null ? void 0 : e.convert) ?? null;
+      },
+      set(e) {
+        const n = t.modelValue ? {
+          ...t.modelValue
+        } : {};
+        e ? n.convert = e : n.convert = null, l("update:modelValue", n);
+      }
+    }), _ = d(() => L.options.filter(
+      (e) => e === L.enum.FIFO || e === L.enum.WAVG
+    ).map((e) => {
+      function n(a) {
+        switch (a) {
+          case L.enum.WAVG:
+            return "Weighted Average (WAVG)";
+          case L.enum.FIFO:
+            return "First In First Out (FIFO)";
+          case L.enum.LIFO:
+            return "Last In First Out (LIFO)";
+          case L.enum.FEFO:
+            return "First Expired First Out (FEFO)";
+        }
+        return "";
+      }
+      return {
+        label: n(e),
+        value: e
+      };
+    })), M = d({
+      get() {
+        var e;
+        return ((e = t.modelValue) == null ? void 0 : e.valuation) ?? "WAVG";
+      },
+      set(e) {
+        const n = t.modelValue ? {
+          ...t.modelValue
+        } : {};
+        n.valuation = e, l("update:modelValue", n);
+      }
+    }), S = B();
+    y({
+      validateInputs: () => {
+        var e, n;
+        (n = (e = S.value) == null ? void 0 : e.validateInputs) == null || n.call(e);
+      },
+      resetInputsValidation: () => {
+        var e, n;
+        (n = (e = S.value) == null ? void 0 : e.resetInputsValidation) == null || n.call(e);
+      },
+      resetInputs: () => {
+        var e, n;
+        (n = (e = S.value) == null ? void 0 : e.resetInputs) == null || n.call(e);
+      }
+    });
+    const F = B(!1), q = d(
+      () => {
+        var e, n, a;
+        return (e = t.modelValue) != null && e._id ? ((a = o.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : a.filter(
+          (r) => r.from === "INGREDIENT"
+        )) ?? [] : [];
+      }
+    ), T = d(
+      () => {
+        var e, n, a;
+        return (e = t.modelValue) != null && e._id ? ((a = o.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : a.filter(
+          (r) => r.from === "RECIPE"
+        )) ?? [] : [];
+      }
+    ), P = d(
+      () => {
+        var e, n, a;
+        return (e = t.modelValue) != null && e._id ? ((a = o.menu.bindedBySkuId[(n = t.modelValue) == null ? void 0 : n._id]) == null ? void 0 : a.filter((r) => r.from === "MENU")) ?? [] : [];
+      }
+    ), H = d(
+      () => o.skus.map((e) => ({ label: e.name, value: e.code }))
+    ), W = B((O = t.modelValue) == null ? void 0 : O.code);
+    function K(e) {
+      var a;
+      const n = e.el;
+      n && ((a = n.querySelector("[x-should-scroll-into=true]")) == null || a.scrollIntoView());
+    }
+    return (e, n) => {
+      const a = b("FmTextField"), r = b("FmSelect"), f = b("FmLabel"), g = b("FmField"), N = b("FmMenuHeader"), ue = b("FmMenuDivider"), re = b("FmMenuItem"), ie = b("FmMenu"), de = b("FmFormGroup"), me = b("FmSwitch"), ce = b("FmForm");
+      return k(), R(ce, {
+        disabled: e.disabled,
+        ref_key: "formRef",
+        ref: S,
+        class: "grid grid-cols-2 gap-24",
+        onValidationSuccess: w
+      }, {
+        default: x(() => [
+          i(a, {
+            label: "Code",
+            "model-value": E.value,
+            "onUpdate:modelValue": n[0] || (n[0] = (A) => E.value = A),
+            rules: [h(X)(), h(Ue)(H.value, W.value)],
+            "label-mark": "required"
+          }, null, 8, ["model-value", "rules"]),
+          i(a, {
+            label: "Name",
+            "model-value": s.value,
+            "onUpdate:modelValue": n[1] || (n[1] = (A) => s.value = A),
+            rules: [h(X)()],
+            "label-mark": "required"
+          }, null, 8, ["model-value", "rules"]),
+          i(r, {
+            class: "col-span-2",
+            "model-value": M.value,
+            "onUpdate:modelValue": n[2] || (n[2] = (A) => M.value = A),
+            label: "Valuation Method",
+            items: _.value
+          }, null, 8, ["model-value", "items"]),
+          i(de, {
+            class: "col-span-2",
+            "model-value": v.value,
+            rules: [h(X)()],
+            "label-mark": "required"
+          }, {
+            label: x(() => [
+              i(f, { label: "Unit" })
+            ]),
+            default: x(({ invalid: A }) => [
+              i(ie, null, {
+                "menu-button": x(() => [
+                  i(g, {
+                    class: fe([
+                      "fm-typo-en-body-lg-400",
+                      {
+                        "text-fm-color-typo-primary": !e.disabled,
+                        "text-fm-color-typo-disabled": e.disabled
+                      }
+                    ]),
+                    invalid: A,
+                    "append-icon": "expand_more"
+                  }, {
+                    default: x(() => {
+                      var U;
+                      return [
+                        ge(be((U = v.value) == null ? void 0 : U.name), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class", "invalid"])
+                ]),
+                default: x(() => [
+                  D("div", {
+                    class: "overflow-x-hidden overflow-y-auto max-h-[300px]",
+                    onVnodeMounted: K
+                  }, [
+                    (k(!0), z(j, null, Ve(u.value, (U) => (k(), z(j, {
+                      key: U.label
+                    }, [
+                      U.displayAsSection ? (k(), z(j, { key: 0 }, [
+                        i(N, {
+                          label: U.label
+                        }, null, 8, ["label"]),
+                        i(ue)
+                      ], 64)) : (k(), R(re, {
+                        key: 1,
+                        label: U.label,
+                        "model-value": c(U),
+                        onClick: (Je) => $(U.value),
+                        "x-should-scroll-into": `${c(U)}`
+                      }, null, 8, ["label", "model-value", "onClick", "x-should-scroll-into"]))
+                    ], 64))), 128))
+                  ], 512)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 1
+          }, 8, ["model-value", "rules"]),
+          D("div", Oe, [
+            i(Pe, {
+              "model-value": V.value,
+              "onUpdate:modelValue": n[3] || (n[3] = (A) => V.value = A),
+              "root-value": e.modelValue
+            }, null, 8, ["model-value", "root-value"])
+          ]),
+          e.mode !== h(I).CREATE ? (k(), z("div", Le, [
+            D("div", null, [
+              i(me, {
+                label: "Show binded items",
+                modelValue: F.value,
+                "onUpdate:modelValue": n[4] || (n[4] = (A) => F.value = A),
+                "label-placement": "right"
+              }, null, 8, ["modelValue"])
+            ]),
+            F.value && q.value.length ? (k(), R(Z, {
+              key: 0,
+              name: "Ingredient",
+              bindings: q.value
+            }, null, 8, ["bindings"])) : G("", !0),
+            F.value && T.value.length ? (k(), R(Z, {
+              key: 1,
+              name: "Recipe",
+              bindings: T.value
+            }, null, 8, ["bindings"])) : G("", !0),
+            F.value && P.value.length ? (k(), R(Z, {
+              key: 2,
+              name: "Menu",
+              bindings: P.value
+            }, null, 8, ["bindings"])) : G("", !0)
+          ])) : G("", !0)
+        ]),
+        _: 1
+      }, 8, ["disabled"]);
+    };
+  }
+}), ze = { class: "flex gap-4" }, Ge = /* @__PURE__ */ J({
+  __name: "IngredientDialog",
+  props: {
+    show: { type: Boolean },
+    unit: {},
+    mode: { default: I.READ }
+  },
+  emits: ["update:show"],
+  setup(C) {
+    const y = C, p = Q(), t = se(), l = te(y, "show"), o = te(y, "unit"), m = d(() => {
+      switch (y.mode) {
+        case I.READ:
+          return "View Ingredient";
+        case I.UPDATE:
+          return "Edit Ingredient";
+        case I.CREATE:
+          return "Add Ingredient";
+      }
+      return "";
+    }), w = d(() => {
+      switch (y.mode) {
+        case I.READ:
+          return "";
+        case I.UPDATE:
+          return "Save";
+        case I.CREATE:
+          return "Add";
+      }
+      return "";
+    }), E = B(), s = B(!1);
+    async function v() {
+      s.value = !0;
+      try {
+        await p.createSku(o.value), l.value = !1, t.open({
+          title: "Success",
+          message: "Created " + o.value.name,
+          type: "success"
+        });
+      } catch (V) {
+        V instanceof ne || t.open({
+          title: "Failed to create ingredient",
+          message: "Please try again",
+          type: "error"
+        });
+      } finally {
+        s.value = !1;
+      }
+    }
+    async function u() {
+      s.value = !0;
+      try {
+        await p.updateSku(o.value), s.value = !1, l.value = !1, t.open({
+          title: "Success",
+          message: "Updated " + o.value.name,
+          type: "success"
+        });
+      } catch (V) {
+        V instanceof ne || t.open({
+          title: "Failed to update ingredient",
+          message: "Please try again",
+          type: "error"
+        });
+      } finally {
+        s.value = !1;
+      }
+    }
+    function c() {
+      var V, _;
+      (_ = (V = E.value) == null ? void 0 : V.validateInputs) == null || _.call(V);
+    }
+    function $() {
+      switch (y.mode) {
+        case I.READ:
+          return;
+        case I.UPDATE:
+          return u();
+        case I.CREATE:
+          return v();
+      }
+    }
+    return (V, _) => {
+      const M = b("FmButton"), S = b("FmSideSheet");
+      return k(), R(S, {
+        "model-value": h(l),
+        "onUpdate:modelValue": _[3] || (_[3] = (F) => ee(l) ? l.value = F : null),
+        header: m.value,
+        "close-button": "",
+        "dismiss-away": "",
+        "max-width": 500
+      }, {
+        "side-sheet-footer": x(() => [
+          D("div", ze, [
+            i(M, {
+              loading: s.value,
+              label: w.value,
+              onClick: c
+            }, null, 8, ["loading", "label"]),
+            i(M, {
+              disabled: s.value,
+              label: "Close",
+              variant: "tertiary",
+              onClick: _[2] || (_[2] = (F) => l.value = !1)
+            }, null, 8, ["disabled"])
+          ])
+        ]),
+        default: x(() => [
+          i(Ne, {
+            class: "w-full",
+            ref_key: "hasValidationExpose",
+            ref: E,
+            modelValue: h(o),
+            "onUpdate:modelValue": _[0] || (_[0] = (F) => ee(o) ? o.value = F : null),
+            mode: V.mode,
+            disabled: s.value,
+            "onClick:submit": _[1] || (_[1] = (F) => $())
+          }, null, 8, ["modelValue", "mode", "disabled"])
+        ]),
+        _: 1
+      }, 8, ["model-value", "header"]);
+    };
+  }
+}), qe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, He = { 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" }, Ke = { class: "flex flex-col py-8" }, Ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, je = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, rn = /* @__PURE__ */ J({
+  __name: "IngredientsView",
+  setup(C) {
+    const y = Q(), p = d(() => y.skus), t = ke(), {
+      createIngredient: l,
+      updateIngredient: o,
+      deleteIngredient: m,
+      ingredientDialogProps: w,
+      ingredientViewLoading: E
+    } = Te(), { columnDefs: s } = Be({ updateIngredient: o, deleteIngredient: m });
+    function v(M) {
+      M === "add" && l();
+    }
+    const u = B(""), c = d(() => E.value), { breakpoints: $ } = Ie(), V = d(() => $.value.xs || $.value.sm ? 10 : 20), _ = Ae();
+    return (M, S) => {
+      const F = b("FmTableToolbar"), q = b("FmTable");
+      return k(), R(De, {
+        title: "Ingredient",
+        actions: [{ label: "Add ingredient", value: "add", isPrimary: !0, prependIcon: "add" }],
+        "onClick:action": v
+      }, {
+        default: x(() => [
+          D("div", qe, [
+            D("div", He, [
+              D("div", We, [
+                i(F, {
+                  searchable: "",
+                  "search-model": u.value,
+                  "onUpdate:searchModel": S[0] || (S[0] = (T) => u.value = T)
+                }, null, 8, ["search-model"])
+              ])
+            ]),
+            i(q, {
+              style: _e(h(_).tableHeight),
+              "column-defs": h(s),
+              "row-data": p.value,
+              "search-value": u.value,
+              loading: !h(t)._currentLocation || c.value,
+              onRowClick: S[1] || (S[1] = (T) => h(o)(T.original)),
+              "page-size": V.value
+            }, {
+              "list-row": x((T) => [
+                i(Me, {
+                  row: T,
+                  onRowClick: h(o)
+                }, {
+                  default: x((P) => {
+                    var H, W, K, O, e, n, a, r, f, g;
+                    return [
+                      D("div", Ke, [
+                        D("div", Ye, [
+                          i(h(oe), {
+                            render: (K = (W = (H = P.code) == null ? void 0 : H.column) == null ? void 0 : W.columnDef) == null ? void 0 : K.cell,
+                            props: (e = (O = P.code) == null ? void 0 : O.getContext) == null ? void 0 : e.call(O)
+                          }, null, 8, ["render", "props"])
+                        ]),
+                        D("div", je, [
+                          i(h(oe), {
+                            render: (r = (a = (n = P.name) == null ? void 0 : n.column) == null ? void 0 : a.columnDef) == null ? void 0 : r.cell,
+                            props: (g = (f = P.name) == null ? void 0 : f.getContext) == null ? void 0 : g.call(f)
+                          }, null, 8, ["render", "props"])
+                        ])
+                      ])
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["row", "onRowClick"])
+              ]),
+              _: 1
+            }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"])
+          ]),
+          (k(), R(ye, { to: "body" }, [
+            i(Ge, Fe(he(h(w))), null, 16)
+          ]))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  rn as default
+};