@feedmepos/mf-hrm-portal 2.2.5 → 2.3.0-dev.2

package/dist/ScheduleGeneralPage-Cd5AlY4z.js

@@ -0,0 +1,666 @@
+import { ref as f, reactive as V, computed as I, defineComponent as P, createBlock as T, openBlock as u, withCtx as g, createElementVNode as e, createVNode as b, createElementBlock as p, Fragment as D, createTextVNode as w, toDisplayString as y, withDirectives as S, vModelText as R, createCommentVNode as E, renderList as B, onMounted as z, unref as o, normalizeClass as U } from "vue";
+import { useRouter as Y } from "vue-router";
+import { useSnackbar as q } from "@feedmepos/ui-library";
+import { R as G } from "./app-DSsdRLHg.js";
+import { b as h, o as H, K as N, am as F, ak as C, an as j, ao as W, a7 as J, al as K } from "./ScheduleModal.vue_vue_type_script_setup_true_lang-Cf0l2MRg.js";
+import "./iteration-B34AvpNC.js";
+import "@feedmepos/mf-common";
+import "./employee-hMhzuqk1.js";
+const Q = [
+  { key: "payrates", label: "Pay rates" },
+  { key: "overtime", label: "Overtime" }
+];
+function A() {
+  return structuredClone({
+    // RULES is reactive, so spreading each rate tier first gives structuredClone plain
+    // objects instead of Vue Proxy instances, which structuredClone cannot clone.
+    payRate: {
+      NORMAL: { ...h.payRate.NORMAL },
+      REST_DAY: { ...h.payRate.REST_DAY },
+      PUBLIC_HOLIDAY: { ...h.payRate.PUBLIC_HOLIDAY }
+    },
+    otCapHours: h.otCapHours
+  });
+}
+function X() {
+  const l = f(!1), v = f("payrates"), s = V(A()), i = f(!1);
+  let a = 0;
+  async function d() {
+    if (!H.value) return;
+    const m = ++a, O = H.value;
+    i.value = !0;
+    try {
+      const n = await N.getSettings(O);
+      if (m !== a || H.value !== O) return;
+      h.payRate = structuredClone(n.payRate), h.otCapHours = n.overtime.maxMonthlyHours;
+    } finally {
+      m === a && (i.value = !1);
+    }
+  }
+  function k(m) {
+    Object.assign(s, A()), v.value = m ?? "payrates", l.value = !0;
+  }
+  const c = I(() => JSON.stringify(s) !== JSON.stringify(A()));
+  function x() {
+    return c.value ? !1 : (l.value = !1, !0);
+  }
+  function $() {
+    Object.assign(s, A()), l.value = !1;
+  }
+  async function L() {
+    if (!H.value) throw new Error("No outlet selected");
+    const m = await N.saveSettings(H.value, {
+      payRate: s.payRate,
+      overtime: { maxMonthlyHours: s.otCapHours }
+    });
+    h.payRate = structuredClone(m.payRate), h.otCapHours = m.overtime.maxMonthlyHours, l.value = !1;
+  }
+  return { isOpen: l, activeSection: v, draft: s, dirty: c, loading: i, load: d, open: k, close: x, discard: $, save: L };
+}
+function Z(l, v = {}) {
+  const s = f(!1), i = f(""), a = f(/* @__PURE__ */ new Set()), d = f(!1), k = f(null), c = I(
+    () => {
+      var n;
+      return ((n = l.options.value.find((t) => t.value === l.outletId.value)) == null ? void 0 : n.label) ?? "";
+    }
+  ), x = I(() => {
+    const n = i.value.trim().toLowerCase();
+    return l.options.value.filter(
+      (t) => t.value !== l.outletId.value && (!n || t.label.toLowerCase().includes(n))
+    );
+  });
+  function $() {
+    i.value = "", a.value = /* @__PURE__ */ new Set(), d.value = !1, k.value = null, s.value = !0;
+  }
+  function L() {
+    s.value = !1;
+  }
+  function m(n) {
+    const t = new Set(a.value);
+    t.has(n) ? t.delete(n) : t.add(n), a.value = t;
+  }
+  async function O() {
+    var t, r;
+    const n = [...a.value];
+    if (!(!n.length || d.value)) {
+      d.value = !0;
+      try {
+        await Promise.all(
+          n.map(
+            (M) => N.saveSettings(M, {
+              payRate: h.payRate,
+              overtime: { maxMonthlyHours: h.otCapHours }
+            })
+          )
+        ), k.value = n.length, (t = v.notify) == null || t.call(
+          v,
+          `Setup copied to ${n.length} outlet${n.length === 1 ? "" : "s"}`,
+          "success"
+        );
+      } catch (M) {
+        (r = v.notify) == null || r.call(
+          v,
+          M instanceof Error ? M.message : "Could not clone outlet setup",
+          "error"
+        );
+      } finally {
+        d.value = !1;
+      }
+    }
+  }
+  return {
+    open: s,
+    query: i,
+    selected: a,
+    saving: d,
+    done: k,
+    sourceLabel: c,
+    targets: x,
+    openModal: $,
+    close: L,
+    toggle: m,
+    confirm: O
+  };
+}
+const _ = { class: "am-head" }, ee = { class: "ce-body" }, te = {
+  class: "ce-hint",
+  style: { "margin-bottom": "var(--fm-spacing-10)" }
+}, se = { class: "sch-search" }, ae = { class: "asg-list" }, le = ["checked", "onChange"], oe = { class: "asg-id" }, ne = { class: "asg-nm" }, ie = {
+  key: 0,
+  class: "asg-empty"
+}, re = {
+  key: 1,
+  class: "cg-done"
+}, de = { class: "cg-st-main" }, ue = { class: "am-foot" }, ve = { class: "am-cost-preview" }, ce = { class: "am-foot-btns" }, pe = /* @__PURE__ */ P({
+  __name: "ScheduleCloneOutletModal",
+  props: {
+    modal: {}
+  },
+  setup(l) {
+    return (v, s) => (u(), T(F, {
+      open: l.modal.open.value,
+      "panel-class": "ce-modal",
+      "panel-style": "width: min(460px, 95vw)",
+      "labelled-by": "schedule-clone-title",
+      onClose: s[5] || (s[5] = (i) => l.modal.close())
+    }, {
+      default: g(() => [
+        e("div", _, [
+          s[7] || (s[7] = e("div", {
+            id: "schedule-clone-title",
+            class: "am-title"
+          }, "Clone outlet setup", -1)),
+          b(C, {
+            hierarchy: "ghost",
+            size: "xs",
+            "icon-only": "",
+            class: "ce-close-x",
+            type: "button",
+            "aria-label": "Close",
+            onClick: s[0] || (s[0] = (i) => l.modal.close())
+          }, {
+            default: g(() => [...s[6] || (s[6] = [
+              e("svg", {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 20 20",
+                fill: "none",
+                stroke: "currentColor",
+                "stroke-width": "1.8",
+                "stroke-linecap": "round",
+                "aria-hidden": "true"
+              }, [
+                e("path", { d: "M5.5 5.5l9 9M14.5 5.5l-9 9" })
+              ], -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        e("div", ee, [
+          l.modal.done.value === null ? (u(), p(D, { key: 0 }, [
+            e("div", te, [
+              s[8] || (s[8] = w(" Copy ", -1)),
+              e("b", null, y(l.modal.sourceLabel.value), 1),
+              s[9] || (s[9] = w("'s pay rates to: ", -1))
+            ]),
+            e("div", se, [
+              s[10] || (s[10] = e("svg", {
+                width: "16",
+                height: "16",
+                viewBox: "0 0 16 16",
+                fill: "none",
+                "aria-hidden": "true"
+              }, [
+                e("circle", {
+                  cx: "7",
+                  cy: "7",
+                  r: "4.5",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5"
+                }),
+                e("path", {
+                  d: "M10.5 10.5L14 14",
+                  stroke: "currentColor",
+                  "stroke-width": "1.5",
+                  "stroke-linecap": "round"
+                })
+              ], -1)),
+              S(e("input", {
+                "onUpdate:modelValue": s[1] || (s[1] = (i) => l.modal.query.value = i),
+                type: "search",
+                placeholder: "Search outlets",
+                "aria-label": "Search outlets",
+                autocomplete: "off"
+              }, null, 512), [
+                [R, l.modal.query.value]
+              ])
+            ]),
+            e("div", ae, [
+              (u(!0), p(D, null, B(l.modal.targets.value, (i) => (u(), p("label", {
+                key: i.value,
+                class: "asg-row"
+              }, [
+                e("input", {
+                  type: "checkbox",
+                  class: "sch-checkbox",
+                  "data-platform": "desktop",
+                  checked: l.modal.selected.value.has(i.value),
+                  onChange: (a) => l.modal.toggle(i.value)
+                }, null, 40, le),
+                e("span", oe, [
+                  e("span", ne, y(i.label), 1)
+                ])
+              ]))), 128)),
+              l.modal.targets.value.length ? E("", !0) : (u(), p("div", ie, y(l.modal.query.value ? "No outlet matches that search." : "No other outlets."), 1))
+            ]),
+            s[11] || (s[11] = e("div", {
+              class: "ce-hint",
+              style: { "margin-top": "var(--fm-spacing-10)" }
+            }, " Copies this outlet's pay rates to the outlets you tick. Their current pay rates are replaced. ", -1))
+          ], 64)) : (u(), p("div", re, [
+            s[13] || (s[13] = e("span", {
+              class: "cg-done-tick",
+              "aria-hidden": "true"
+            }, "✓", -1)),
+            e("div", de, [
+              s[12] || (s[12] = e("b", null, "Pay rates copied", -1)),
+              e("small", null, "Sent to " + y(l.modal.done.value) + " outlet" + y(l.modal.done.value === 1 ? "" : "s"), 1)
+            ])
+          ]))
+        ]),
+        e("div", ue, [
+          e("div", ve, y(l.modal.done.value === null && l.modal.selected.value.size ? `${l.modal.selected.value.size} outlet${l.modal.selected.value.size === 1 ? "" : "s"} selected` : ""), 1),
+          e("div", ce, [
+            l.modal.done.value === null ? (u(), p(D, { key: 0 }, [
+              b(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "am-btn am-btn-sec",
+                type: "button",
+                onClick: s[2] || (s[2] = (i) => l.modal.close())
+              }, {
+                default: g(() => [...s[14] || (s[14] = [
+                  w(" Cancel ", -1)
+                ])]),
+                _: 1
+              }),
+              b(C, {
+                hierarchy: "primary",
+                size: "sm",
+                class: "am-btn am-btn-primary",
+                type: "button",
+                disabled: !l.modal.selected.value.size || l.modal.saving.value,
+                onClick: s[3] || (s[3] = (i) => l.modal.confirm())
+              }, {
+                default: g(() => [
+                  w(y(l.modal.saving.value ? "Copying…" : "Copy setup"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"])
+            ], 64)) : (u(), T(C, {
+              key: 1,
+              hierarchy: "primary",
+              size: "sm",
+              class: "am-btn am-btn-primary",
+              type: "button",
+              onClick: s[4] || (s[4] = (i) => l.modal.close())
+            }, {
+              default: g(() => [...s[15] || (s[15] = [
+                w(" Done ", -1)
+              ])]),
+              _: 1
+            }))
+          ])
+        ])
+      ]),
+      _: 1
+    }, 8, ["open"]));
+  }
+}), me = { class: "main" }, ye = {
+  id: "viewSettings",
+  class: "view"
+}, fe = { class: "sp-head" }, he = { class: "outlet-bar" }, be = { class: "sp-body" }, ge = { class: "sp-tabs" }, we = ["onClick"], ke = { class: "sp-content" }, Ce = { class: "sp-panel" }, Se = {
+  key: 0,
+  id: "sp-payrates",
+  class: "sp-sec"
+}, Re = { class: "sp-card" }, Oe = { class: "sp-row" }, xe = { class: "sp-field" }, $e = { class: "sp-row" }, Le = { class: "sp-field" }, Me = { class: "sp-row" }, He = { class: "sp-field" }, Ae = { class: "sp-card" }, De = { class: "sp-row" }, Ie = { class: "sp-field" }, Ee = { class: "sp-row" }, Ne = { class: "sp-field" }, Te = {
+  key: 1,
+  id: "sp-overtime",
+  class: "sp-sec"
+}, Ue = { class: "sp-card" }, Pe = { class: "sp-row" }, Be = { class: "sp-save-txt" }, Ve = { key: 0 }, Ke = /* @__PURE__ */ P({
+  __name: "ScheduleGeneralPage",
+  setup(l) {
+    const v = f(null);
+    j(v);
+    const s = Y(), i = q(), a = X(), d = W(), k = Z(d, {
+      notify: (n, t) => i.open({ message: n, type: t })
+    }), c = f(!1);
+    z(async () => {
+      await d.resolve() && await J(/* @__PURE__ */ new Date()), await a.load(), a.open();
+    });
+    const x = I(
+      () => d.options.value.length ? d.options.value : [{ value: "", label: "No outlet selected", disabled: !0 }]
+    );
+    async function $(n) {
+      a.dirty.value || await d.switchTo(n, /* @__PURE__ */ new Date()) && (await a.load(), a.open());
+    }
+    function L() {
+      a.close() && s.push({ name: G.SCHEDULE });
+    }
+    function m() {
+      if (!c.value) {
+        c.value = !0;
+        return;
+      }
+      c.value = !1, a.discard();
+    }
+    async function O() {
+      try {
+        await a.save(), i.open({ message: "General settings saved", type: "success" });
+      } catch (n) {
+        i.open({
+          message: n instanceof Error ? n.message : "Could not save general settings",
+          type: "error"
+        });
+      }
+    }
+    return (n, t) => (u(), p("div", {
+      ref_key: "rootEl",
+      ref: v,
+      class: "sch"
+    }, [
+      e("div", me, [
+        e("div", ye, [
+          e("div", fe, [
+            b(C, {
+              hierarchy: "ghost",
+              size: "sm",
+              class: "sp-back",
+              type: "button",
+              onClick: L
+            }, {
+              default: g(() => [...t[9] || (t[9] = [
+                e("svg", {
+                  width: "12",
+                  height: "12",
+                  viewBox: "0 0 16 16",
+                  fill: "none",
+                  "aria-hidden": "true"
+                }, [
+                  e("path", {
+                    d: "M10 3.5L5.5 8l4.5 4.5",
+                    stroke: "currentColor",
+                    "stroke-width": "1.7",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  })
+                ], -1),
+                e("span", null, "Back to schedule", -1)
+              ])]),
+              _: 1
+            }),
+            t[12] || (t[12] = e("div", { class: "sp-title" }, "General Settings", -1)),
+            t[13] || (t[13] = e("div", { class: "sp-sub" }, "Pay multipliers and overtime limit for this outlet.", -1)),
+            e("div", he, [
+              t[11] || (t[11] = e("span", { class: "outlet-bar-lbl" }, "Outlet", -1)),
+              b(K, {
+                class: "outlet-sel",
+                "aria-label": "Outlet being configured",
+                searchable: "",
+                disabled: o(a).dirty.value || o(a).loading.value,
+                title: o(a).dirty.value ? "Save or discard changes before switching outlets" : "Which outlet these pay rates apply to",
+                "model-value": o(d).outletId.value,
+                options: x.value,
+                "onUpdate:modelValue": $
+              }, null, 8, ["disabled", "title", "model-value", "options"]),
+              b(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "outlet-clone",
+                type: "button",
+                disabled: o(a).dirty.value || o(a).loading.value || !o(d).outletId.value,
+                title: o(a).dirty.value ? "Save or discard changes before cloning" : "Copy this outlet's pay rates to other outlets",
+                onClick: t[0] || (t[0] = (r) => o(k).openModal())
+              }, {
+                default: g(() => [...t[10] || (t[10] = [
+                  e("svg", {
+                    width: "12",
+                    height: "12",
+                    viewBox: "0 0 16 16",
+                    fill: "none",
+                    "aria-hidden": "true"
+                  }, [
+                    e("rect", {
+                      x: "5.5",
+                      y: "5.5",
+                      width: "8.5",
+                      height: "8.5",
+                      rx: "1.5",
+                      stroke: "currentColor",
+                      "stroke-width": "1.4"
+                    }),
+                    e("path", {
+                      d: "M10.5 5.5V3.2A1.6 1.6 0 0 0 8.9 1.6H3.2A1.6 1.6 0 0 0 1.6 3.2v5.7a1.6 1.6 0 0 0 1.6 1.6h2.3",
+                      stroke: "currentColor",
+                      "stroke-width": "1.4",
+                      "stroke-linecap": "round"
+                    })
+                  ], -1),
+                  w(" Clone setup to… ", -1)
+                ])]),
+                _: 1
+              }, 8, ["disabled", "title"])
+            ])
+          ]),
+          e("div", be, [
+            e("nav", ge, [
+              (u(!0), p(D, null, B(o(Q), (r) => (u(), p("button", {
+                key: r.key,
+                type: "button",
+                class: U(["sch-tab sp-tab", { active: o(a).activeSection.value === r.key }]),
+                "data-active": "false",
+                onClick: (M) => o(a).activeSection.value = r.key
+              }, y(r.label), 11, we))), 128))
+            ]),
+            e("div", ke, [
+              e("div", Ce, [
+                o(a).activeSection.value === "payrates" ? (u(), p("section", Se, [
+                  t[26] || (t[26] = e("div", { class: "sp-sec-head" }, [
+                    e("div", { class: "sp-panel-title" }, "Pay rates")
+                  ], -1)),
+                  t[27] || (t[27] = e("div", { class: "sp-panel-desc" }, "Pay multipliers by kind of day.", -1)),
+                  e("div", Re, [
+                    t[20] || (t[20] = e("div", { class: "sp-card-head" }, [
+                      e("div", { class: "sp-card-title" }, "Overtime rate"),
+                      e("div", { class: "sp-card-note" }, "Multiplier on every OT hour")
+                    ], -1)),
+                    e("div", Oe, [
+                      t[15] || (t[15] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Normal operations day"),
+                        e("div", { class: "sp-row-hint" }, " Multiplier on their rate for hours past the weekly contract. ")
+                      ], -1)),
+                      e("div", xe, [
+                        S(e("input", {
+                          "onUpdate:modelValue": t[1] || (t[1] = (r) => o(a).draft.payRate.NORMAL.overtime = r),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on a normal day"
+                        }, null, 512), [
+                          [
+                            R,
+                            o(a).draft.payRate.NORMAL.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        t[14] || (t[14] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", $e, [
+                      t[17] || (t[17] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Off day"),
+                        e("div", { class: "sp-row-hint" }, " For a shift on the person's off day, weekly or booked. Check the rate with HR. ")
+                      ], -1)),
+                      e("div", Le, [
+                        S(e("input", {
+                          "onUpdate:modelValue": t[2] || (t[2] = (r) => o(a).draft.payRate.REST_DAY.overtime = r),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on an off day"
+                        }, null, 512), [
+                          [
+                            R,
+                            o(a).draft.payRate.REST_DAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        t[16] || (t[16] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", Me, [
+                      t[19] || (t[19] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Public holiday"),
+                        e("div", { class: "sp-row-hint" }, " For dates on the holiday calendar. Wins over an off day on the same date. ")
+                      ], -1)),
+                      e("div", He, [
+                        S(e("input", {
+                          "onUpdate:modelValue": t[3] || (t[3] = (r) => o(a).draft.payRate.PUBLIC_HOLIDAY.overtime = r),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Overtime rate on a public holiday"
+                        }, null, 512), [
+                          [
+                            R,
+                            o(a).draft.payRate.PUBLIC_HOLIDAY.overtime,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        t[18] || (t[18] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ])
+                  ]),
+                  e("div", Ae, [
+                    t[25] || (t[25] = e("div", { class: "sp-card-head" }, [
+                      e("div", { class: "sp-card-title" }, "Regular rate"),
+                      e("div", { class: "sp-card-note" }, "Multiplier on ordinary hours")
+                    ], -1)),
+                    e("div", De, [
+                      t[22] || (t[22] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Off day"),
+                        e("div", { class: "sp-row-hint" }, "Ordinary hours worked on the person's off day.")
+                      ], -1)),
+                      e("div", Ie, [
+                        S(e("input", {
+                          "onUpdate:modelValue": t[4] || (t[4] = (r) => o(a).draft.payRate.REST_DAY.regular = r),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Regular rate on an off day"
+                        }, null, 512), [
+                          [
+                            R,
+                            o(a).draft.payRate.REST_DAY.regular,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        t[21] || (t[21] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ]),
+                    e("div", Ee, [
+                      t[24] || (t[24] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Public holiday"),
+                        e("div", { class: "sp-row-hint" }, " Ordinary hours worked on a date on the holiday calendar. ")
+                      ], -1)),
+                      e("div", Ne, [
+                        S(e("input", {
+                          "onUpdate:modelValue": t[5] || (t[5] = (r) => o(a).draft.payRate.PUBLIC_HOLIDAY.regular = r),
+                          class: "sch-input sp-num",
+                          type: "number",
+                          min: "1",
+                          max: "4",
+                          step: "0.1",
+                          "aria-label": "Regular rate on a public holiday"
+                        }, null, 512), [
+                          [
+                            R,
+                            o(a).draft.payRate.PUBLIC_HOLIDAY.regular,
+                            void 0,
+                            { number: !0 }
+                          ]
+                        ]),
+                        t[23] || (t[23] = e("span", { class: "sp-unit" }, "×", -1))
+                      ])
+                    ])
+                  ])
+                ])) : o(a).activeSection.value === "overtime" ? (u(), p("section", Te, [
+                  t[30] || (t[30] = e("div", { class: "sp-sec-head" }, [
+                    e("div", { class: "sp-panel-title" }, "Overtime")
+                  ], -1)),
+                  t[31] || (t[31] = e("div", { class: "sp-panel-desc" }, "The monthly statutory cap on overtime hours.", -1)),
+                  e("div", Ue, [
+                    t[29] || (t[29] = e("div", { class: "sp-card-head" }, [
+                      e("div", { class: "sp-card-title" }, "Maximum OT Hours"),
+                      e("div", { class: "sp-card-note" }, "Enforced")
+                    ], -1)),
+                    e("div", Pe, [
+                      t[28] || (t[28] = e("div", { class: "sp-row-main" }, [
+                        e("div", { class: "sp-row-label" }, "Monthly OT cap"),
+                        e("div", { class: "sp-row-hint" }, " Hours per person per month. Auto-Schedule never exceeds it. ")
+                      ], -1)),
+                      S(e("input", {
+                        "onUpdate:modelValue": t[6] || (t[6] = (r) => o(a).draft.otCapHours = r),
+                        class: "sch-input sp-num",
+                        type: "number",
+                        min: "0",
+                        max: "300",
+                        step: "1",
+                        "aria-label": "Monthly OT cap in hours"
+                      }, null, 512), [
+                        [
+                          R,
+                          o(a).draft.otCapHours,
+                          void 0,
+                          { number: !0 }
+                        ]
+                      ])
+                    ])
+                  ])
+                ])) : E("", !0)
+              ])
+            ]),
+            e("div", {
+              class: U(["sp-save", { dirty: o(a).dirty.value, arming: c.value }])
+            }, [
+              e("div", Be, [
+                w(y(c.value ? "Discard unsaved changes?" : "Unsaved changes") + " ", 1),
+                c.value ? E("", !0) : (u(), p("span", Ve, "— save or discard before leaving."))
+              ]),
+              b(C, {
+                hierarchy: "secondary",
+                size: "sm",
+                class: "am-btn am-btn-sec",
+                type: "button",
+                onClick: t[7] || (t[7] = (r) => m())
+              }, {
+                default: g(() => [
+                  w(y(c.value ? "Confirm discard" : "Discard"), 1)
+                ]),
+                _: 1
+              }),
+              b(C, {
+                hierarchy: "primary",
+                size: "sm",
+                class: "am-btn am-btn-primary",
+                type: "button",
+                onClick: t[8] || (t[8] = (r) => O())
+              }, {
+                default: g(() => [...t[32] || (t[32] = [
+                  w(" Save changes ", -1)
+                ])]),
+                _: 1
+              })
+            ], 2)
+          ])
+        ])
+      ]),
+      b(pe, { modal: o(k) }, null, 8, ["modal"])
+    ], 512));
+  }
+});
+export {
+  Ke as default
+};