@feedmepos/mf-inventory-portal 1.2.12-dev.3 → 1.2.12

package/dist/UnitView-C3gJq1Mt.js

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