@feedmepos/mf-hrm-portal 2.3.2-dev.7 → 2.3.2-dev.8

package/dist/{SchedulePositionPage-3rE-O8CG.js → SchedulePositionPage-Ba0iiSRg.js}

@@ -2,9 +2,9 @@ import { defineComponent as S, ref as x, onMounted as N, computed as z, createEl
 import { useRouter as B } from "vue-router";
 import { useSnackbar as I } from "@feedmepos/ui-library";
 import { useI18n as O } from "@feedmepos/mf-common";
-import { R as L, a as T } from "./app-DKUCzcrc.js";
-import { aA as U, aB as H, ai as R, av as h, ax as j } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-C5j3D4eF.js";
-import { u as K, a as q, _ as Q } from "./ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-CggEy3OI.js";
+import { R as L, a as T } from "./app-DXkKrcRn.js";
+import { aA as U, aB as H, ai as R, av as h, ax as j } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-CBDNfiIM.js";
+import { u as K, a as q, _ as Q } from "./ScheduleAddPositionModal.vue_vue_type_script_setup_true_lang-B9NMhw9Z.js";
 const W = { class: "main" }, G = {
   id: "viewPositions",
   class: "view"

package/dist/{SelectFilter-R7ry_GEg.js → SelectFilter-Dpsq165k.js}

@@ -1,7 +1,7 @@
 import { ref as $, computed as v, defineComponent as X, watch as Y, nextTick as Z, resolveComponent as F, createElementBlock as d, openBlock as c, createElementVNode as A, createVNode as b, renderSlot as z, withCtx as O, createCommentVNode as x, normalizeStyle as ee, Fragment as S, createBlock as T, unref as k, renderList as R, toDisplayString as N, normalizeClass as le, withModifiers as te } from "vue";
 import "@feedmepos/ui-library";
 /* empty css                                                                      */
-import { a as ae } from "./app-DKUCzcrc.js";
+import { a as ae } from "./app-DXkKrcRn.js";
 function ue(r, u, _ = r) {
   const t = $(!0), C = v(() => {
     if (!t.value && !u.value)

package/dist/{TeamMemberList-CvDnIILn.js → TeamMemberList-DZ0aRbxg.js}

@@ -2,23 +2,24 @@ import { defineComponent as oe, mergeModels as Qt, useModel as es, createElement
 import { useI18n as ce, useCoreStore as Xe } from "@feedmepos/mf-common";
 import { useSnackbar as ot, useDialog as Rt, useBreakpoints as $t, components as Qe, SnackbarPosition as et } from "@feedmepos/ui-library";
 import { u as ls } from "./useDebounce-B8ZPVS5C.js";
-import { S as ie } from "./SelectFilter-R7ry_GEg.js";
-import { g as be, b as ye, a as Ct, v as ft, k as os, _ as rs, c as ns } from "./app-DKUCzcrc.js";
+import { S as ie } from "./SelectFilter-Dpsq165k.js";
+import { g as be, b as ye, a as Ct, v as ft, k as os, _ as rs, c as ns } from "./app-DXkKrcRn.js";
 import { _ as bt } from "./ResponsiveContextMenu.vue_vue_type_script_setup_true_lang-mSJFKo7r.js";
 import { _ as is } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
 import { s as us, _ as ms, d as ds, e as cs } from "./PasscodePinField.vue_vue_type_script_setup_true_lang-TXPEqa46.js";
-import { u as Dt } from "./useLoading-BS1bnZg1.js";
+import { u as Dt } from "./useLoading-BZXydjer.js";
 import { u as ps } from "./useDiscardConfirm-CzZSPyvh.js";
-import { w as vs, h as fs, b as bs, E as ys, t as gs } from "./member-grant-CEokFI3_.js";
-import { a as Ye, i as rt, t as Me, b as He, D as Nt, E as Et, h as Te, u as hs, s as yt, c as ze, d as xs, e as gt } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-fQyCtDXM.js";
+import { w as vs, h as fs, b as bs, E as ys, t as gs } from "./member-grant-ByAQ1Qja.js";
+import { a as Ye, i as rt, t as Me, b as He, D as Nt, E as Et, h as Te, u as hs, s as yt, c as ze, d as xs, e as gt } from "./PortalUserSearcher.vue_vue_type_style_index_0_scoped_827dfd60_lang-CA87qQ4b.js";
 import { n as nt } from "./string-DZQ1uNjn.js";
-import { c as Ve } from "./iteration-DpHBtiyr.js";
-import { l as Le } from "./lodash-YaHCUo_F.js";
-import { _ as ht } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-y1YcZpGA.js";
-import { t as Pe, u as At, y as tt, q as xt, P as st, a as Ot, p as _t, E as _s, b as Ut, c as Us } from "./rule-xErZqYmH.js";
-import { t as Is, s as ws, a as It, c as ks, r as Ss, b as Vs, d as wt, _ as Ps, p as Ms } from "./RoleForm.vue_vue_type_script_setup_true_lang-3Q8udk43.js";
-import { u as Lt } from "./restaurant-CDFKqEFm.js";
-import { u as Tt } from "./role-DyBVVlEA.js";
+import "./index-TrBkLxJe.js";
+import { l as Le } from "./lodash-DXRsZpTB.js";
+import { _ as ht } from "./PortalPermissionEditor.vue_vue_type_script_setup_true_lang-DkA0XbZw.js";
+import { t as Ve, u as At, y as tt, q as xt, P as st, a as Ot, p as _t, E as _s, b as Ut, c as Us } from "./rule-Bty9eoI3.js";
+import { t as Is, s as ws, a as It, c as ks, r as Ss, b as Vs, d as wt, _ as Ps, p as Ms } from "./RoleForm.vue_vue_type_script_setup_true_lang-B3N3hTcU.js";
+import { c as Pe } from "./iteration-CcXrOMQe.js";
+import { u as Lt } from "./restaurant-COSpCpTQ.js";
+import { u as Tt } from "./role-ZmCd2yG4.js";
 var Ee = /* @__PURE__ */ ((l) => (l.Update = "Update", l.Remove = "Remove", l))(Ee || {});
 const Be = "__unassigned__";
 function kt(l) {
@@ -536,7 +537,7 @@ const Fs = {
     }
     function _(y, d) {
       if (!v.modelValue || y === "passcode" && v.modelValue.passcode === d) return;
-      const h = Ve(v.modelValue);
+      const h = Pe(v.modelValue);
       h[y] = d, t("update:model-value", h);
     }
     const H = c(!1), C = I(() => O.value.length > 0);
@@ -544,7 +545,7 @@ const Fs = {
       if (C.value)
         try {
           const y = await $.custom(
-            () => Pe.generateMasterUserPasscode({
+            () => Ve.generateMasterUserPasscode({
               restaurantIds: O.value,
               excludePosUserId: v.posUserId
             }),
@@ -719,10 +720,10 @@ const Fs = {
           )
         ),
         (n == null ? void 0 : n.permissions) || []
-      ), k.value = n != null && n.posUser ? X(Ve(n.posUser), P.value) : void 0, x.value = !!k.value, U.value = fs(P.value, M.value), W.value = {
+      ), k.value = n != null && n.posUser ? X(Pe(n.posUser), P.value) : void 0, x.value = !!k.value, U.value = fs(P.value, M.value), W.value = {
         permissionSetIds: [...M.value],
-        userPermissions: Ve(P.value),
-        posUser: k.value ? Ve(k.value) : void 0
+        userPermissions: Pe(P.value),
+        posUser: k.value ? Pe(k.value) : void 0
       };
     }
     function ne() {
@@ -784,7 +785,7 @@ const Fs = {
       if (!n) return n;
       const J = Ut(R, { isOwner: y.value }), { roleIds: pe, restaurantIds: he } = J;
       if (pe === null && he === null) return n;
-      const ve = Ve(n);
+      const ve = Pe(n);
       return ve.roles = ve.roles.filter(
         (Z) => (pe === null || pe.includes(Z.roleId)) && (he === null || he.includes(Z.restaurantId))
       ), ve;
@@ -805,9 +806,9 @@ const Fs = {
           N.value = !1, re(n);
           return;
         }
-        n.posUser !== void 0 && !N.value && (k.value = n.posUser ? X(Ve(n.posUser), P.value) : void 0, W.value = {
+        n.posUser !== void 0 && !N.value && (k.value = n.posUser ? X(Pe(n.posUser), P.value) : void 0, W.value = {
           ...W.value,
-          posUser: k.value ? Ve(k.value) : void 0
+          posUser: k.value ? Pe(k.value) : void 0
         });
       },
       { immediate: !0 }
@@ -1263,7 +1264,7 @@ const Fs = {
 var ae = /* @__PURE__ */ function(l) {
   return l[l.ADD = 0] = "ADD", l[l.UPDATE = 1] = "UPDATE", l[l.CLOSED = 2] = "CLOSED", l;
 }(ae || {});
-const Fl = /* @__PURE__ */ oe({
+const Rl = /* @__PURE__ */ oe({
   __name: "TeamMemberList",
   setup(l, {
     expose: A
@@ -1537,7 +1538,7 @@ const Fl = /* @__PURE__ */ oe({
       const a = ++ee;
       X.value = null, Z.value = z(e), J.value = ae.UPDATE, ge.value = e.doc.hasPosUser === !0;
       try {
-        const g = await Pe.readTeamMember(e.id);
+        const g = await Ve.readTeamMember(e.id);
         if (a !== ee) return;
         Z.value = S(g);
       } catch {
@@ -1557,7 +1558,7 @@ const Fl = /* @__PURE__ */ oe({
       }
       const a = ++ee;
       try {
-        const g = await Pe.readTeamMember(e.id);
+        const g = await Ve.readTeamMember(e.id);
         if (a !== ee) return;
         await je(g);
       } catch {
@@ -1606,7 +1607,7 @@ const Fl = /* @__PURE__ */ oe({
         }
       }).onPrimary(async () => {
         Se.value || (await H.minor(async () => {
-          await Pe.deleteTeamMember(e.id), await ke();
+          await Ve.deleteTeamMember(e.id), await ke();
         }, {
           isLoading: Se,
           successMessage: t("team.removeMember.successMessage", {
@@ -1729,7 +1730,7 @@ const Fl = /* @__PURE__ */ oe({
       var a, g, w;
       B.value = !0;
       try {
-        const Y = await Pe.readTeamMembersPage({
+        const Y = await Ve.readTeamMembersPage({
           limit: Ne,
           offset: (e - 1) * Ne,
           search: j.value.trim() || void 0,
@@ -1832,7 +1833,7 @@ const Fl = /* @__PURE__ */ oe({
       }
       const g = a ? null : me.value.readEdits();
       await H.minor(async () => {
-        await (a ? Pe.createTeamMember(e) : Pe.updateTeamMember(Z.value.id, {
+        await (a ? Ve.createTeamMember(e) : Ve.updateTeamMember(Z.value.id, {
           ...gs(e, Z.value.posUser),
           // '' clears it; the owner's sheet has no field, so it is left out
           ...g ? {
@@ -2082,5 +2083,5 @@ const Fl = /* @__PURE__ */ oe({
   }
 });
 export {
-  Fl as default
+  Rl as default
 };

package/dist/TimesheetList-DO5T__dL.js

@@ -0,0 +1,437 @@
+import { ref as m, computed as v, defineComponent as fe, onMounted as pe, watch as X, resolveComponent as d, createElementBlock as P, openBlock as L, Fragment as Z, createVNode as s, createElementVNode as i, unref as n, withCtx as w, createCommentVNode as ve, toDisplayString as T, createTextVNode as he, isRef as ge, renderList as De, createBlock as ee, nextTick as we } from "vue";
+import { d as l } from "./dayjs.min-BAz84JAQ.js";
+import { useI18n as Ye } from "@feedmepos/mf-common";
+import { useSnackbar as be, components as ye } from "@feedmepos/ui-library";
+import { S as _e } from "./SelectFilter-Dpsq165k.js";
+import { _ as Me } from "./app-DXkKrcRn.js";
+import { _ as xe } from "./TableEmptyState.vue_vue_type_script_setup_true_lang-IfAZmWr0.js";
+import { u as ke } from "./useLoading-BZXydjer.js";
+import { g as Se, s as Ve } from "./iteration-CcXrOMQe.js";
+import { f as Ce } from "./utils-BZkjJbju.js";
+import { n as Fe } from "./string-DZQ1uNjn.js";
+import { u as Le } from "./restaurant-COSpCpTQ.js";
+import { u as Te } from "./timesheet-CFD6XPiG.js";
+function Oe(Y, a) {
+  return ["years", "months"].find((y) => {
+    const _ = Y.startOf(y), p = Y.endOf(y);
+    return Y.isSame(_, "day") && a.isSame(p, "day");
+  }) || "days";
+}
+function Re() {
+  const Y = {
+    startDate: l().format("YYYY-MM-DD"),
+    endDate: l().format("YYYY-MM-DD")
+  }, a = m(Y), b = v(() => {
+    if (!a.value) return "No dates selected.";
+    const p = a.value.startDate ?? "Start", g = a.value.endDate ?? "End";
+    return `${p} - ${g}`;
+  }), y = v(() => ({
+    startDate: new Date(a.value.startDate),
+    endDate: new Date(a.value.endDate)
+  }));
+  function _(p) {
+    const g = l(a.value.startDate), c = l(a.value.endDate), h = Oe(g, c), M = h === "days" ? c.diff(g, "days") + 1 : 1, O = p === "subtract" ? (D) => D.subtract(M, h) : (D) => D.add(M, h);
+    a.value = {
+      startDate: O(g).startOf(h).format("YYYY-MM-DD"),
+      endDate: O(c).endOf(h).format("YYYY-MM-DD")
+    };
+  }
+  return { dateRange: a, parsedDateRange: y, dateRangeLabel: b, setRange: _ };
+}
+const Ie = {
+  class: "my-16 flex w-[350px] flex-col gap-40"
+}, $e = {
+  class: "flex gap-16"
+}, Ae = {
+  class: "flex flex-col gap-4"
+}, Ee = {
+  class: "fm-typo-body-md-400 text-fm-color-typo-secondary"
+}, Ke = {
+  class: "fm-typo-body-md-700 text-fm-color-typo-primary"
+}, Ne = {
+  class: "flex flex-col gap-8"
+}, Ue = {
+  class: "fm-typo-body-xl-700"
+}, ze = {
+  class: "flex flex-col gap-24"
+}, Be = {
+  class: "flex flex-col gap-8"
+}, Pe = {
+  class: "fm-typo-body-xl-700"
+}, je = {
+  class: "flex flex-col gap-24"
+}, He = {
+  key: 0,
+  class: "fm-typo-body-sm-400 text-fm-color-typo-error mt-1 flex items-center gap-4"
+}, Ge = {
+  class: "flex items-center justify-start gap-8"
+}, qe = {
+  class: "space-y-8"
+}, Je = {
+  class: "flex items-start gap-8 flex-wrap xs:px-16"
+}, Qe = {
+  class: "flex items-center gap-8"
+}, We = {
+  class: "flex h-full flex-col overflow-auto"
+}, ct = /* @__PURE__ */ fe({
+  __name: "TimesheetList",
+  setup(Y) {
+    const {
+      t: a
+    } = Ye(), b = be(), y = ke(b), _ = [{
+      label: a("hr.timesheet.listView"),
+      value: "listView"
+    }, {
+      label: a("hr.timesheet.userView"),
+      value: "userView"
+    }], p = m("listView"), g = v(() => {
+      var t;
+      return (t = _.find((e) => e.value === p.value)) == null ? void 0 : t.label;
+    }), c = m(""), h = Te(), M = Le(), O = v(() => new Map(M.restaurants.value.map((t) => [t._id, t.profile.code]))), D = v(() => h.timesheets.value.map((r) => {
+      const u = O.value.get(r.restaurantId);
+      return {
+        ...r,
+        restaurantCode: u
+      };
+    })), R = v(() => D.value.filter((t) => {
+      var e, r;
+      return t.user.name.toLowerCase().includes(c.value.toLowerCase()) || t.restaurantName.toLowerCase().includes(c.value.toLowerCase()) || ((e = t.restaurantCode) == null ? void 0 : e.toLowerCase().includes(c.value.toLowerCase())) || ((r = t.user.code) == null ? void 0 : r.toLowerCase().includes(c.value.toLowerCase()));
+    })), j = v(() => {
+      const t = Se(D.value, (r) => r.user.name), e = Object.entries(t).map(([r, u]) => ({
+        key: r,
+        user: u[0].user.name,
+        code: u[0].user.code || "",
+        timesheets: u,
+        total: Ce(u.reduce((A, B) => A + B.totalMin, 0))
+      }));
+      return Ve(e, {
+        selector: "user"
+      });
+    }), H = v(() => j.value.filter((t) => {
+      var e;
+      return t.user.toLowerCase().includes(c.value.toLowerCase()) || ((e = t.code) == null ? void 0 : e.toLowerCase().includes(c.value.toLowerCase()));
+    })), K = m(!1), N = v(() => K.value && D.value.length === 0), U = async () => {
+      const {
+        startDate: t,
+        endDate: e
+      } = x.value;
+      K.value = !0;
+      try {
+        await h.readTimesheet(new Date(t), new Date(e), I.value), await we(), z.value = Object.fromEntries(Object.entries(new Array(j.value.length).fill(!0)));
+      } catch (r) {
+        b.open({
+          title: r instanceof Error ? r.message : `${r}`,
+          type: "error"
+        });
+      } finally {
+        K.value = !1;
+      }
+    };
+    pe(async () => {
+      try {
+        await M.readRestaurants();
+      } catch (t) {
+        console.error("Failed to load timesheet dependencies:", t), b.open({
+          message: t instanceof Error ? t.message : String(t),
+          type: "error"
+        });
+      }
+      U();
+    });
+    const I = m(), te = v(() => M.restaurants.value.filter((t) => t.managable).map((t) => ({
+      label: `${t.profile.code ? `${t.profile.code} - ` : ""}${t.profile.name}`,
+      value: t._id
+    }))), {
+      dateRange: x,
+      dateRangeLabel: ae,
+      setRange: G
+    } = Re(), oe = [{
+      label: "Today",
+      value: {
+        startDate: l().format("YYYY-MM-DD"),
+        endDate: l().format("YYYY-MM-DD")
+      }
+    }, {
+      label: "Yesterday",
+      value: {
+        startDate: l().subtract(1, "day").format("YYYY-MM-DD"),
+        endDate: l().subtract(1, "day").format("YYYY-MM-DD")
+      }
+    }, {
+      label: "This week",
+      value: {
+        startDate: l().startOf("week").format("YYYY-MM-DD"),
+        endDate: l().endOf("week").format("YYYY-MM-DD")
+      }
+    }, {
+      label: "Last week",
+      value: {
+        startDate: l().subtract(1, "week").startOf("week").format("YYYY-MM-DD"),
+        endDate: l().subtract(1, "week").endOf("week").format("YYYY-MM-DD")
+      }
+    }, {
+      label: "Last 7 days",
+      value: {
+        startDate: l().subtract(7, "day").format("YYYY-MM-DD"),
+        endDate: l().subtract(1, "day").format("YYYY-MM-DD")
+      }
+    }, {
+      label: "This month",
+      value: {
+        startDate: l().startOf("month").format("YYYY-MM-DD"),
+        endDate: l().endOf("month").format("YYYY-MM-DD")
+      }
+    }, {
+      label: "Last month",
+      value: {
+        startDate: l().subtract(1, "month").startOf("month").format("YYYY-MM-DD"),
+        endDate: l().subtract(1, "month").endOf("month").format("YYYY-MM-DD")
+      }
+    }];
+    X([x, I], async () => {
+      U();
+    });
+    const se = [{
+      accessorKey: "user.code",
+      size: 100,
+      header: () => a("hr.employee.columns.code"),
+      cell: (t) => t.row.original.user.code || "--",
+      enableSorting: !0
+    }, {
+      accessorKey: "user",
+      header: () => a("hr.timesheet.columns.name"),
+      cell: (t) => t.row.original.user.name,
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurantName",
+      header: () => a("hr.timesheet.columns.restaurant"),
+      cell: (t) => {
+        const e = t.row.original.restaurantCode, r = t.row.original.restaurantName;
+        return `${e ? e + " - " : ""}${r}`;
+      },
+      enableSorting: !0
+    }, {
+      accessorKey: "start",
+      header: () => a("hr.timesheet.columns.start"),
+      cell: (t) => t.row.original.start || "--",
+      enableSorting: !0
+    }, {
+      accessorKey: "end",
+      header: () => a("hr.timesheet.columns.end"),
+      cell: (t) => t.row.original.end || "--",
+      enableSorting: !0
+    }, {
+      name: "duration",
+      accessorKey: "duration",
+      header: () => a("hr.timesheet.columns.duration"),
+      cell: (t) => t.row.original.duration || "--",
+      enableSorting: !0
+    }], z = m({}), le = [{
+      accessorKey: "code",
+      size: 100,
+      header: () => a("hr.employee.columns.code"),
+      cell: (t) => t.row.original.code,
+      enableSorting: !1
+    }, {
+      accessorKey: "user",
+      header: () => a("hr.timesheet.columns.name"),
+      cell: (t) => {
+        const e = t.row.original;
+        if (typeof e.user == "string") {
+          const r = t.row.getIsExpanded();
+          return s("div", {
+            class: "flex items-center gap-8"
+          }, [s("div", {
+            onClick: (u) => {
+              u.stopPropagation(), t.row.getToggleExpandedHandler()(u);
+            }
+          }, [s(ye.FmButton, {
+            variant: "tertiary",
+            icon: r ? "keyboard_arrow_up" : "keyboard_arrow_down"
+          }, null)]), e.user]);
+        }
+      },
+      enableSorting: !1
+    }, {
+      accessorKey: "start",
+      header: () => a("hr.timesheet.columns.start"),
+      cell: (t) => {
+        const e = t.row.original;
+        return (e == null ? void 0 : e.start) || "--";
+      },
+      enableSorting: !1
+    }, {
+      accessorKey: "end",
+      header: () => a("hr.timesheet.columns.end"),
+      cell: (t) => {
+        const e = t.row.original;
+        return (e == null ? void 0 : e.end) || "--";
+      },
+      enableSorting: !1
+    }, {
+      name: "duration",
+      accessorKey: "duration",
+      header: () => a("hr.timesheet.columns.hourMinute"),
+      cell: (t) => {
+        const e = t.row.original;
+        return e.total ? `Total: ${e.total}` : e.duration;
+      },
+      enableSorting: !1
+    }], k = m(!1);
+    function q(t) {
+      f.value = t, S.value = l(f.value.startedAt).format("YYYY-MM-DD"), C.value = l(f.value.endedAt || f.value.startedAt).format("YYYY-MM-DD"), V.value = l(f.value.startedAt).format("HH:mm"), F.value = l(f.value.endedAt || f.value.startedAt).format("HH:mm"), k.value = !0;
+    }
+    const S = m(), V = m(), C = m(), F = m(), f = m(), $ = m("");
+    async function re() {
+      const t = J(S.value, V.value), e = J(C.value, F.value);
+      if (l(t).isAfter(e)) {
+        $.value = a("hr.timesheet.checkOutMustBeforeCheckIn");
+        return;
+      }
+      y.minor(async () => {
+        await h.updateTimesheet(f.value, t, e);
+      }, {
+        successMessage: a("hr.timesheet.update.successMessage")
+      }), U(), k.value = !1;
+    }
+    const J = (t, e) => l(t).set("h", parseInt(e.split(":")[0])).set("m", parseInt(e.split(":")[1])).toISOString();
+    return X([S, C, V, F], ([t, e, r, u]) => {
+      (t || e || r || u) && ($.value = "");
+    }), (t, e) => {
+      const r = d("FmAvatar"), u = d("FmDatePicker"), A = d("FmTimePicker"), B = d("FmIcon"), E = d("FmButton"), ne = d("FmSideSheet"), Q = d("FmChip"), ie = d("FmDateRangePicker"), ue = d("FmMenuItem"), de = d("FmMenu"), me = d("FmSpacer"), ce = d("FmSearch"), W = d("FmTable");
+      return L(), P(Z, null, [s(ne, {
+        modelValue: k.value,
+        "onUpdate:modelValue": e[5] || (e[5] = (o) => k.value = o),
+        "dismiss-away": "",
+        header: n(a)("hr.timesheet.update.title")
+      }, {
+        "side-sheet-footer": w(() => [i("div", Ge, [s(E, {
+          label: n(a)("common.update"),
+          size: "md",
+          variant: "primary",
+          onClick: re
+        }, null, 8, ["label"]), s(E, {
+          label: n(a)("common.cancel"),
+          size: "md",
+          variant: "secondary",
+          onClick: e[4] || (e[4] = (o) => k.value = !1)
+        }, null, 8, ["label"])])]),
+        default: w(() => [i("div", Ie, [i("div", $e, [s(r, {
+          name: f.value.user.name,
+          initials: n(Fe)(f.value.user.name),
+          size: "lg"
+        }, null, 8, ["name", "initials"]), i("div", Ae, [i("div", Ee, T(n(a)("hr.timesheet.employeeName")), 1), i("div", Ke, T(f.value.user.name), 1)])]), i("div", Ne, [i("div", Ue, T(n(a)("hr.timesheet.update.checkIn")), 1), i("div", ze, [s(u, {
+          modelValue: S.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (o) => S.value = o),
+          disabled: !1,
+          label: n(a)("hr.timesheet.update.date")
+        }, null, 8, ["modelValue", "label"]), s(A, {
+          modelValue: V.value,
+          "onUpdate:modelValue": e[1] || (e[1] = (o) => V.value = o),
+          label: n(a)("hr.timesheet.update.time")
+        }, null, 8, ["modelValue", "label"])])]), i("div", Be, [i("div", Pe, T(n(a)("hr.timesheet.update.checkOut")), 1), i("div", je, [s(u, {
+          modelValue: C.value,
+          "onUpdate:modelValue": e[2] || (e[2] = (o) => C.value = o),
+          disabled: !1,
+          label: n(a)("hr.timesheet.update.date")
+        }, null, 8, ["modelValue", "label"]), s(A, {
+          modelValue: F.value,
+          "onUpdate:modelValue": e[3] || (e[3] = (o) => F.value = o),
+          label: n(a)("hr.timesheet.update.time")
+        }, null, 8, ["modelValue", "label"])])]), $.value ? (L(), P("div", He, [s(B, {
+          color: "#FF3B30",
+          name: "error",
+          size: "sm"
+        }), he(" " + T($.value), 1)])) : ve("", !0)])]),
+        _: 1
+      }, 8, ["modelValue", "header"]), i("div", qe, [i("div", Je, [s(_e, {
+        modelValue: I.value,
+        "onUpdate:modelValue": e[6] || (e[6] = (o) => I.value = o),
+        multiple: "",
+        items: te.value,
+        variant: "dark",
+        "selected-prefix": n(a)("hr.role.columns.restaurants"),
+        placeholder: n(a)("hr.role.columns.restaurants"),
+        class: "!w-auto pt-[3px]"
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"]), i("div", Qe, [s(ie, {
+        modelValue: n(x),
+        "onUpdate:modelValue": e[7] || (e[7] = (o) => ge(x) ? x.value = o : null),
+        "show-predefined-range": "",
+        "predefined-range": oe
+      }, {
+        "trigger-button": w(() => [s(Q, {
+          label: n(ae)
+        }, null, 8, ["label"])]),
+        _: 1
+      }, 8, ["modelValue"]), s(E, {
+        icon: "chevron_left",
+        variant: "tertiary",
+        onClick: e[8] || (e[8] = (o) => n(G)("subtract"))
+      }), s(E, {
+        icon: "chevron_right",
+        variant: "tertiary",
+        onClick: e[9] || (e[9] = (o) => n(G)("add"))
+      })]), s(de, {
+        class: "pt-[3px]"
+      }, {
+        "menu-button": w(() => [s(Q, {
+          label: g.value,
+          "right-icon": "keyboard_arrow_down"
+        }, null, 8, ["label"])]),
+        default: w(() => [(L(), P(Z, null, De(_, (o) => s(ue, {
+          key: o.value,
+          label: o.label,
+          onClick: (Xe) => p.value = o.value
+        }, null, 8, ["label", "onClick"])), 64))]),
+        _: 1
+      }), s(me), s(ce, {
+        modelValue: c.value,
+        "onUpdate:modelValue": e[10] || (e[10] = (o) => c.value = o),
+        class: "w-[320px]",
+        placeholder: n(a)("hr.timesheet.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), s(Me, {
+        class: "w-full xs:px-16"
+      }, {
+        default: w(() => [i("div", We, [s(xe, {
+          "is-loading": N.value,
+          "is-empty": p.value === "listView" ? R.value.length === 0 : H.value.length === 0,
+          "collapse-at": !1,
+          title: n(a)("hr.timesheet.noData.title"),
+          subtitle: ""
+        }, {
+          default: w(() => [p.value === "listView" ? (L(), ee(W, {
+            key: 0,
+            class: "min-w-[640px]",
+            "column-defs": se,
+            "row-data": R.value,
+            "page-size": R.value.length,
+            loading: N.value,
+            virtual: R.value.length > 0,
+            "pin-header-row": "",
+            "hide-footer": "",
+            "shrink-at": !1,
+            onRowClick: e[11] || (e[11] = (o) => q(o.original))
+          }, null, 8, ["row-data", "page-size", "loading", "virtual"])) : (L(), ee(W, {
+            key: 1,
+            class: "min-w-[640px]",
+            "column-defs": le,
+            "row-data": H.value,
+            "page-size": 100,
+            loading: N.value,
+            "pin-header-row": "",
+            "shrink-at": !1,
+            "expanded-state": z.value,
+            "get-sub-row": (o) => o.timesheets,
+            "onUpdate:expandedState": e[12] || (e[12] = (o) => z.value = o),
+            onRowClick: e[13] || (e[13] = (o) => q(o.original))
+          }, null, 8, ["row-data", "loading", "expanded-state", "get-sub-row"]))]),
+          _: 1
+        }, 8, ["is-loading", "is-empty", "title"])])]),
+        _: 1
+      })])], 64);
+    };
+  }
+});
+export {
+  ct as default
+};