@feedmepos/mf-hrm-portal 1.1.6-dev → 2.0.1-dev

package/dist/EmployeeList-DJ-Lx4RI.js

@@ -0,0 +1,626 @@
+import { createElementBlock as $, openBlock as g, createElementVNode as m, toRaw as Me, defineComponent as _e, ref as _, computed as w, watch as be, resolveComponent as p, Fragment as G, renderSlot as Ie, createVNode as u, unref as o, withCtx as h, createBlock as D, createCommentVNode as Q, isRef as ne, renderList as Ve, toDisplayString as K, onMounted as $e, h as re, createTextVNode as Oe, withModifiers as Le } from "vue";
+import { useCoreStore as Fe, useI18n as we, RestaurantSelector as ce } from "@feedmepos/mf-common";
+import { useSnackbar as xe, components as Ue, useDialog as Ne, useBreakpoints as Be, FmButtonVariant as De } from "@feedmepos/ui-library";
+import { _ as Pe, S as pe } from "./SelectFilter-NbXrJ4iH.js";
+import { _ as Te } from "./app-BA8Bg7Fs.js";
+import { _ as ze } from "./index.vue_vue_type_script_setup_true_lang-Vc5ARO29.js";
+import { u as ke } from "./useSearch-B6WK1LBB.js";
+import { u as Se, E as Ae } from "./employee-pAypR6MP.js";
+import { l as je } from "./lodash-D4y44Bjw.js";
+import { u as Ke, _ as ve, a as fe, b as Ge } from "./useRestaurantMap-D5BNPLKh.js";
+import { u as qe } from "./useLoading-JdhZp_cM.js";
+import { u as ue } from "./useAppStore-BMisdZ57.js";
+const He = {};
+function Je(S, O) {
+  return g(), $("div", null, [...O[0] || (O[0] = [
+    m("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const We = /* @__PURE__ */ Pe(He, [["render", Je]]);
+function ye(S) {
+  return JSON.parse(JSON.stringify(S));
+}
+function he(S) {
+  if (typeof structuredClone > "u")
+    return ye(S);
+  try {
+    return structuredClone(Me(S));
+  } catch {
+    return ye(S);
+  }
+}
+const Qe = { class: "fm-typo-en-title-md-600" }, Xe = { class: "space-y-40" }, Ye = { class: "flex flex-row gap-16" }, Ze = { class: "space-y-16" }, el = { class: "flex gap-8 items-center justify-start" }, ge = 4, ll = /* @__PURE__ */ _e({
+  __name: "EmployeeForm",
+  props: {
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(S, { expose: O }) {
+    const i = ue(), E = Fe(), c = Se(), q = xe(), H = qe(q), { t: d } = we(), v = _(!1), L = _(!0), R = (l) => {
+      s.value = l ? he(l) : P(), x.value = he(s.value), a.value = [], b.value = s.value.restaurants.map((e) => e.restaurantId), s.value.passcode && (a.value = s.value.passcode.split(""), t.value = !0), L.value = !l, v.value = !0;
+    };
+    function P() {
+      return {
+        code: "",
+        isMasterUser: !1,
+        name: "",
+        passcode: "",
+        restaurants: []
+      };
+    }
+    const T = w(() => L.value ? d("hr.employee.form.add") : d("hr.employee.form.update")), X = w(() => L.value ? d("common.create") : d("common.update")), x = _(P()), s = _(P()), { searchKey: C, filter: z } = ke(), Y = w(() => {
+      const l = {};
+      return i.roles.value.forEach((e) => {
+        l[e._id] = e.name;
+      }), l;
+    });
+    function J(l) {
+      const e = A(l) ?? "";
+      return Y.value[e] || "";
+    }
+    const M = w(() => E.restaurants.value.filter(({ _id: e, profile: n, managable: I }) => I ? z([n.code, n.name, J(e)]) : b.value.includes(e)).map(({ _id: e, profile: n, managable: I }) => {
+      const B = i.roles.value.filter((V) => V.restaurants.some((F) => F.id == e)).map((V) => ({
+        label: V.name,
+        value: V._id,
+        disabled: !V.isUsable
+      }));
+      return {
+        value: e,
+        label: `${n.code ? n.code + "-" : ""}${n.name}`,
+        roleOptions: B,
+        disabled: !I
+      };
+    })), Z = w(() => {
+      const l = {};
+      return s.value.restaurants.forEach((e) => {
+        l[e.restaurantId] = e.roleId;
+      }), l;
+    }), A = (l) => Z.value[l] ?? null, W = (l, e) => {
+      s.value.restaurants = [
+        ...s.value.restaurants.filter((n) => n.restaurantId !== l),
+        {
+          restaurantId: l,
+          roleId: e
+        }
+      ];
+    }, b = _(s.value.restaurants.map((l) => l.restaurantId)), N = w(
+      () => b.value.filter(
+        (l) => M.value.some((e) => e.value === l && !e.disabled)
+      )
+    ), k = w(() => {
+      const l = M.value.filter((e) => !e.disabled).length;
+      return l > 0 && l === N.value.length;
+    }), ee = () => {
+      const l = b.value.filter((e) => !N.value.includes(e));
+      if (k.value === !0)
+        j(l);
+      else {
+        const e = M.value.filter((n) => !n.disabled).map((n) => n.value);
+        j([...e, ...l]);
+      }
+    }, j = (l) => {
+      b.value = l, s.value.restaurants = l.map((e) => {
+        var B, V;
+        const n = M.value.find((F) => F.value === e);
+        if (n != null && n.disabled)
+          return s.value.restaurants.find((F) => F.restaurantId === e) ?? {
+            restaurantId: e,
+            roleId: ""
+          };
+        const I = ((B = n == null ? void 0 : n.roleOptions.find((F) => !F.disabled)) == null ? void 0 : B.value) || "";
+        return {
+          restaurantId: e,
+          roleId: ((V = s.value.restaurants.find((F) => F.restaurantId === e)) == null ? void 0 : V.roleId) || I
+        };
+      });
+    }, a = _([]), t = _(!1);
+    function f() {
+      t.value && (t.value = !1, a.value = []);
+    }
+    async function U() {
+      const l = await Ae.generateEmployeePasscode();
+      t.value = !1, a.value = l.split("");
+    }
+    const y = Ke(
+      () => !je.isEqual(s.value, x.value),
+      () => {
+        v.value = !1;
+      }
+    );
+    async function le() {
+      const l = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode,
+          code: s.value.code
+        },
+        roles: s.value.restaurants
+      };
+      s.value.isMasterUser ? await c.createMasterEmployee(l) : (delete l.user.code, await c.createEmployee(l));
+    }
+    async function ae() {
+      const l = x.value, e = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode
+        },
+        roles: s.value.restaurants
+      };
+      if (!s.value.isMasterUser)
+        await c.updateEmployee(l._id, e);
+      else {
+        const n = {
+          user: {
+            name: s.value.name,
+            passcode: s.value.passcode,
+            code: s.value.code
+          },
+          roles: s.value.restaurants
+        };
+        x.value.isMasterUser ? await c.updateMasterEmployee(l._id, n) : await c.migrateToMasterUser(l._id, n);
+      }
+    }
+    async function te() {
+      L.value ? await H.minor(
+        async () => {
+          await le();
+        },
+        {
+          successMessage: d("hr.employee.create.successMessage")
+        }
+      ) : await H.minor(
+        async () => {
+          await ae();
+        },
+        {
+          successMessage: d("hr.employee.update.successMessage")
+        }
+      ), v.value = !1;
+    }
+    return be(
+      () => v.value,
+      (l) => {
+      }
+    ), O({
+      show: v,
+      trigger: R
+    }), (l, e) => {
+      const n = p("FmSwitch"), I = p("FmTextField"), B = p("FmPinField"), V = p("FmFormGroup"), F = p("FmButton"), Ee = p("FmSearch"), ie = p("FmCheckbox"), Re = p("FmSelect"), de = p("fm-button"), Ce = p("fm-side-sheet");
+      return g(), $(G, null, [
+        Ie(l.$slots, "default", { trigger: R }),
+        u(Ce, {
+          id: "unit-form",
+          modelValue: v.value,
+          "onUpdate:modelValue": e[9] || (e[9] = (r) => v.value = r),
+          "is-container": o(Ue).FmForm,
+          "is-container-props": {
+            onValidationSuccess: te,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560,
+          "onOn:clickedAway": o(y)
+        }, {
+          "side-sheet-header": h(() => [
+            m("p", Qe, K(T.value), 1)
+          ]),
+          "side-sheet-footer": h(() => [
+            m("div", el, [
+              u(de, {
+                label: X.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              u(de, {
+                label: o(d)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: e[8] || (e[8] = () => v.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: h(() => [
+            m("div", Xe, [
+              u(ve, {
+                title: o(d)("hr.employee.form.employeeSetting")
+              }, {
+                default: h(() => [
+                  u(fe, {
+                    label: o(d)("hr.employee.form.masterUserConfig")
+                  }, {
+                    default: h(() => [
+                      u(n, {
+                        modelValue: s.value.isMasterUser,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.value.isMasterUser = r),
+                        value: "masterUser",
+                        label: o(d)("hr.employee.form.masterUser"),
+                        sublabel: o(d)("hr.employee.form.masterUserSublabel"),
+                        "label-placement": "right"
+                      }, null, 8, ["modelValue", "label", "sublabel"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  m("div", Ye, [
+                    s.value.isMasterUser ? (g(), D(I, {
+                      key: 0,
+                      modelValue: s.value.code,
+                      "onUpdate:modelValue": e[1] || (e[1] = (r) => s.value.code = r),
+                      label: o(d)("hr.employee.form.code")
+                    }, null, 8, ["modelValue", "label"])) : Q("", !0),
+                    u(I, {
+                      modelValue: s.value.name,
+                      "onUpdate:modelValue": e[2] || (e[2] = (r) => s.value.name = r),
+                      class: "w-full",
+                      label: o(d)("hr.employee.form.name"),
+                      rules: [(r) => !!r || o(d)("hr.employee.form.required")]
+                    }, null, 8, ["modelValue", "label", "rules"])
+                  ]),
+                  u(fe, {
+                    label: o(d)("hr.employee.form.passcode")
+                  }, {
+                    default: h(() => [
+                      m("div", Ze, [
+                        u(V, {
+                          modelValue: a.value,
+                          "onUpdate:modelValue": e[5] || (e[5] = (r) => a.value = r),
+                          rules: [
+                            (r) => (r == null ? void 0 : r.filter((oe) => !!oe).length) !== ge ? o(d)("hr.employee.form.passcodeRequired") : !0
+                          ]
+                        }, {
+                          default: h(() => [
+                            u(B, {
+                              modelValue: a.value,
+                              "onUpdate:modelValue": e[3] || (e[3] = (r) => a.value = r),
+                              length: ge,
+                              masked: t.value,
+                              onComplete: e[4] || (e[4] = (r) => s.value.passcode = r),
+                              onFocus: f
+                            }, null, 8, ["modelValue", "masked"])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "rules"]),
+                        u(F, {
+                          variant: "secondary",
+                          "text-color": "primary",
+                          "border-color": "primary",
+                          label: o(d)("hr.employee.form.passcodeGenerate"),
+                          size: "md",
+                          onClick: U
+                        }, null, 8, ["label"])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              u(ve, {
+                title: o(d)("hr.employee.form.role")
+              }, {
+                default: h(() => [
+                  u(Ee, {
+                    modelValue: o(C),
+                    "onUpdate:modelValue": e[6] || (e[6] = (r) => ne(C) ? C.value = r : null),
+                    placeholder: o(d)("hr.restaurant.search.placeholder")
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  u(V, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": e[7] || (e[7] = (r) => b.value = r),
+                    rules: [(r) => r.length > 0 || o(d)("hr.employee.form.atLeastOneRestaurant")]
+                  }, {
+                    default: h(() => [
+                      u(ie, {
+                        "model-value": k.value,
+                        label: o(d)("hr.employee.form.all"),
+                        value: "1",
+                        indeterminate: N.value.length > 0,
+                        "onUpdate:modelValue": ee
+                      }, null, 8, ["model-value", "label", "indeterminate"]),
+                      (g(!0), $(G, null, Ve(M.value, (r, oe) => {
+                        var me;
+                        return g(), $(G, { key: oe }, [
+                          u(ie, {
+                            "model-value": b.value,
+                            label: r.label,
+                            value: r.value,
+                            disabled: r.disabled,
+                            "onUpdate:modelValue": j
+                          }, null, 8, ["model-value", "label", "value", "disabled"]),
+                          b.value.includes(r.value) ? (g(), D(Re, {
+                            key: 0,
+                            class: "ml-32 mr-8",
+                            items: r.roleOptions,
+                            "model-value": A(r.value),
+                            multiselect: !1,
+                            placeholder: ((me = r.roleOptions.find((se) => !se.disabled) ?? r.roleOptions[0]) == null ? void 0 : me.label) ?? "",
+                            disabled: r.disabled,
+                            "onUpdate:modelValue": (se) => W(r.value, se)
+                          }, null, 8, ["items", "model-value", "placeholder", "disabled", "onUpdate:modelValue"])) : Q("", !0)
+                        ], 64);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "rules"])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])
+      ], 64);
+    };
+  }
+}), al = {
+  class: "space-y-8"
+}, tl = {
+  class: "xs:hidden flex w-full items-start justify-between"
+}, ol = {
+  class: "flex items-start gap-8"
+}, sl = {
+  class: "flex"
+}, rl = {
+  class: "space-y-4 sm:hidden md:hidden lg:hidden"
+}, nl = {
+  class: "px-16"
+}, ul = {
+  class: "px-16 flex items-start gap-8"
+}, il = {
+  class: "pb-64 sm:hidden md:hidden lg:hidden"
+}, dl = {
+  class: "space-y-4"
+}, ml = {
+  class: "fm-typo-en-body-lg-600"
+}, cl = {
+  key: 0,
+  class: "mr-4"
+}, pl = {
+  class: "text-fm-color-typo-secondary"
+}, kl = /* @__PURE__ */ _e({
+  __name: "EmployeeList",
+  setup(S, {
+    expose: O
+  }) {
+    const {
+      t: i
+    } = we(), E = _(), c = Se(), q = ue(), {
+      sessionUser: H
+    } = Fe(), d = w(() => c.employees.value), {
+      searchKey: v,
+      filter: L
+    } = ke(""), R = w(() => {
+      var a;
+      return (a = d.value) == null ? void 0 : a.filter((t) => {
+        const f = !E.value || t.restaurants.some((y) => E.value.includes(y.restaurantId)), U = !k.value || t.restaurants.some((y) => y.roleId && k.value.includes(y.roleId));
+        return f && U && L([t.code, t.name, `${t.restaurants.map((y) => T(y)).join(" ")}`]);
+      });
+    }), P = Ge(), T = (a) => {
+      const t = P.value[a.restaurantId], f = t == null ? void 0 : t.profile.code;
+      let y = a.restaurantName || (t == null ? void 0 : t.profile.name) || "";
+      return a.roleName && (y = `${f ? f + " - " : ""}${y} (${a.roleName})`), y;
+    }, X = [{
+      accessorKey: "code",
+      size: 100,
+      header: () => i("hr.employee.columns.code")
+    }, {
+      accessorKey: "name",
+      header: () => i("hr.employee.columns.name"),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurants",
+      align: "center",
+      header: () => i("hr.employee.columns.restaurants"),
+      enableSorting: !1,
+      cell(a) {
+        return a.row.original.restaurants.map((t, f) => {
+          const U = T(t);
+          return re("div", (f ? `
+ ` : "") + U);
+        });
+      }
+    }, {
+      accessorKey: "since",
+      header: () => i("hr.employee.columns.since"),
+      enableSorting: !1
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (a) => re("div", {
+        class: "w-full flex justify-end items-center"
+      }, [re(Ue.FmButton, {
+        prependIcon: "delete",
+        variant: De.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (t) => {
+          t.stopPropagation(), A(a.row.original);
+        }
+      })])
+    }], x = xe(), s = Ne(), C = _(), z = _(), Y = w(() => c.restrictEmployeeIds.value);
+    function J(a) {
+      const t = Y.value.includes(a._id);
+      return t && x.open({
+        message: i("hr.employee.cannotUpdateMasterUser", {
+          name: a.name
+        }),
+        type: "error"
+      }), t;
+    }
+    const M = (a) => {
+      var f;
+      a && J(a) || (f = z.value) == null || f.trigger(a);
+    }, {
+      breakpoints: Z
+    } = Be(), A = (a) => {
+      J(a) || s.open({
+        title: i("hr.employee.remove.title"),
+        message: i("hr.employee.remove.message", {
+          name: a.name
+        }),
+        minWidth: Z.value.lg ? 588 : 0,
+        primaryActions: {
+          text: i("common.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: i("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await (a.isMasterUser ? c.deleteMasterEmployee : c.deleteEmployee)(a).then(() => x.open({
+          message: i("hr.employee.remove.successMessage", {
+            name: a.name
+          }),
+          type: "success"
+        })).catch((U) => x.open({
+          message: U,
+          type: "error"
+        })), s.close();
+      });
+    }, W = _("");
+    be(() => C.value && C.value.restaurants, (a) => {
+      a && a.length > 0 && (W.value = "");
+    });
+    function b() {
+      var a;
+      (a = z.value) == null || a.trigger();
+    }
+    const N = w(() => ue().roles.value.map((a) => ({
+      label: a.name,
+      value: a._id
+    }))), k = _();
+    async function ee() {
+      try {
+        await c.syncUsersMeta(), await c.readEmployees(), x.open({
+          message: i("hr.employee.sync.successMessage"),
+          type: "success"
+        });
+      } catch (a) {
+        console.error("Error syncing users:", a), x.open({
+          message: i("hr.employee.sync.errorMessage"),
+          type: "error"
+        });
+      }
+    }
+    async function j() {
+      q.roles.value.length === 0 && await q.readRoles(), c.employees.value.length === 0 && await c.readEmployees();
+    }
+    return $e(() => {
+      j();
+    }), O({
+      create: b,
+      filteredEmployees: R
+    }), (a, t) => {
+      var l;
+      const f = p("FmButton"), U = p("FmTooltip"), y = p("FmSearch"), le = p("FmTable"), ae = p("FmListItem"), te = p("FmList");
+      return g(), $(G, null, [u(ll, {
+        ref_key: "employeeFormRef",
+        ref: z,
+        modelValue: C.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => C.value = e),
+        "role-error-message": W.value,
+        class: "gap-8"
+      }, null, 8, ["modelValue", "role-error-message"]), m("div", al, [m("div", tl, [m("div", ol, [u(o(ce), {
+        modelValue: E.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (e) => E.value = e),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), u(pe, {
+        modelValue: k.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (e) => k.value = e),
+        multiple: "",
+        variant: "dark",
+        items: N.value,
+        "selected-prefix": o(i)("hr.employee.filter.selected_role_prefix"),
+        placeholder: o(i)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), m("div", sl, [(l = o(H)) != null && l.role.isAdmin ? (g(), D(U, {
+        key: 0,
+        content: o(i)("hr.employee.sync.tooltip")
+      }, {
+        default: h(() => [u(f, {
+          icon: "refresh",
+          label: o(i)("hr.employee.sync.tooltip"),
+          variant: "tertiary",
+          onClick: ee
+        }, null, 8, ["label"])]),
+        _: 1
+      }, 8, ["content"])) : Q("", !0), u(y, {
+        modelValue: o(v),
+        "onUpdate:modelValue": t[3] || (t[3] = (e) => ne(v) ? v.value = e : null),
+        autofocus: "",
+        class: "pl-4 w-[320px]",
+        placeholder: o(i)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])]), m("div", rl, [m("div", nl, [u(y, {
+        modelValue: o(v),
+        "onUpdate:modelValue": t[4] || (t[4] = (e) => ne(v) ? v.value = e : null),
+        autofocus: "",
+        placeholder: o(i)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), u(We), m("div", ul, [u(o(ce), {
+        modelValue: E.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (e) => E.value = e),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), u(pe, {
+        modelValue: k.value,
+        "onUpdate:modelValue": t[6] || (t[6] = (e) => k.value = e),
+        multiple: "",
+        items: N.value,
+        variant: "dark",
+        "selected-prefix": o(i)("hr.employee.filter.selected_role_prefix"),
+        placeholder: o(i)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), o(c).employees.value.length > 0 || o(c).isLoading.value ? (g(), D(Te, {
+        key: 0,
+        class: "overflow-auto"
+      }, {
+        default: h(() => [u(le, {
+          class: "xs:hidden",
+          "column-defs": X,
+          "row-data": R.value,
+          "page-size": R.value.length,
+          loading: o(c).isLoading.value,
+          virtual: R.value.length > 0,
+          "pin-header-row": "",
+          "hide-footer": "",
+          onRowClick: t[7] || (t[7] = (e) => M(e.original))
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), m("div", il, [u(te, {
+          separator: ""
+        }, {
+          default: h(() => [(g(!0), $(G, null, Ve(R.value, (e) => (g(), D(ae, {
+            key: e._id,
+            class: "py-12 px-16 items-center justify-between",
+            onClick: (n) => M(e)
+          }, {
+            default: h(() => [m("div", dl, [m("p", ml, [e.code ? (g(), $("span", cl, K(e.code) + ".", 1)) : Q("", !0), Oe(K(e.name), 1)]), m("div", pl, [m("p", null, K(o(i)("hr.employee.restaurants", {
+              restaurants: e.restaurants.map((n) => T(n)).join(", ")
+            })), 1), m("p", null, " Since: " + K(e.since), 1)])]), u(f, {
+              icon: "delete",
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              onClick: Le((n) => A(e), ["stop"])
+            }, null, 8, ["onClick"])]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))]),
+          _: 1
+        })])]),
+        _: 1
+      })) : (g(), D(o(ze), {
+        key: 1,
+        title: o(i)("hr.employee.noData.title"),
+        subtitle: o(i)("hr.employee.noData.subtitle")
+      }, null, 8, ["title", "subtitle"]))])], 64);
+    };
+  }
+});
+export {
+  kl as default
+};