@feedmepos/mf-hrm-portal 2.0.12-dev → 2.0.12

package/dist/EmployeeList-00LF0l6U.js

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