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

package/dist/EmployeeList-CK7KmG5w.js

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