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

package/dist/UnitView-DSdn__9m.js

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