@feedmepos/mf-hrm-portal 2.0.15-dev → 2.0.15-dev.3

package/dist/EmployeeList-BOSxLZbY.js

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