@feedmepos/mf-inventory-portal 1.8.0-dev.14 → 1.8.0-dev.16

package/dist/ProductionRunPage-CuXzmWMc.js

@@ -0,0 +1,953 @@
+import { defineComponent as oe, computed as m, createElementBlock as k, createCommentVNode as H, openBlock as p, withModifiers as rt, createVNode as $, unref as r, ref as _, watch as ye, onMounted as Re, onBeforeUnmount as Ie, resolveComponent as ne, Fragment as J, createElementVNode as s, createTextVNode as ge, toDisplayString as b, withCtx as B, renderList as we, normalizeClass as ae, nextTick as st, watchEffect as wt, h as Q, createBlock as X, normalizeStyle as kt } from "vue";
+import { _ as Rt, a as It } from "./FeaturePageGate.vue_vue_type_script_setup_true_lang-D4G6i1D6.js";
+import { F as te } from "./index-eGvSlWMU.js";
+import { useRouter as $t } from "vue-router";
+import { useDialog as St, useSnackbar as At, useBreakpoints as Ct } from "@feedmepos/ui-library";
+import { useI18n as ie, useCoreStore as Nt } from "@feedmepos/mf-common";
+import { u as Ft, _ as Pt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { _ as Dt } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-gJQQKKAC.js";
+import { F as at } from "./FmAdminBadge-DlplQOHb.js";
+import { _ as Tt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BqHtzo20.js";
+import { p as $e, a as Mt, i as ke, _ as zt, h as Lt, b as Vt, f as Ot, c as Et, d as it, e as qt, u as Ut, g as jt, j as Wt, P as Ht, m as Bt, k as Yt, l as Qt, n as Gt, o as xe, q as tt, r as nt, s as ot, t as Kt } from "./ProductionRunLifecycleDialogs.vue_vue_type_script_setup_true_lang-4aYz5NwS.js";
+import { u as Jt, a as Xt } from "./app-Bb5HLWTu.js";
+import { _ as lt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Zt = /* @__PURE__ */ oe({
+  __name: "ProductionRunActionsCell",
+  props: {
+    run: {}
+  },
+  emits: ["action"],
+  setup(V, { emit: o }) {
+    const i = V, F = o, { t: c } = ie(), R = m(
+      () => $e(i.run, c("inventory.production.run.list.untitled"))
+    ), g = {
+      request: 0,
+      prepare: 0,
+      complete: 0,
+      update: 1,
+      close: 1,
+      cancel: 2
+    }, f = m(
+      () => Mt(i.run).filter(({ action: n }) => n !== "request" || i.run.plan.items.length > 0).sort((n, d) => ke(i.run) && n.action === "close" ? -1 : ke(i.run) && d.action === "close" ? 1 : g[n.action] - g[d.action]).map(({ action: n }) => n)
+    );
+    function w(n) {
+      return n === "complete" && Lt(i.run) ? c("inventory.production.run.detail.pendingStock.resume") : c(`inventory.production.run.list.rowActions.${n}`);
+    }
+    const l = m(
+      () => f.value.map((n) => ({
+        id: n,
+        label: w(n),
+        destructive: n === "cancel"
+      }))
+    );
+    function v(n) {
+      F("action", n);
+    }
+    return (n, d) => f.value.length ? (p(), k("div", {
+      key: 0,
+      class: "production-run-action-interactive relative flex items-center justify-center",
+      onClick: d[0] || (d[0] = rt(() => {
+      }, ["stop"]))
+    }, [
+      $(zt, {
+        items: l.value,
+        placement: "bottom-end",
+        "menu-testid": "run-actions-menu",
+        "accessible-label": r(c)("inventory.production.run.list.actionsFor", { name: R.value }),
+        onSelect: v
+      }, null, 8, ["items", "accessible-label"])
+    ])) : H("", !0);
+  }
+}), en = ["id"], tn = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, nn = {
+  key: 1,
+  class: "production-run-items-interactive relative min-w-0"
+}, on = { class: "min-w-0 overflow-hidden whitespace-nowrap" }, rn = {
+  key: 0,
+  class: "shrink-0",
+  "aria-hidden": "true"
+}, sn = ["data-hidden-count"], an = ["aria-label"], ln = { class: "fm-typo-en-body-sm-600 mb-8 text-fm-color-typo-primary" }, un = { class: "flex flex-col gap-8 border-t border-fm-color-neutral-gray-100 pt-8" }, cn = { class: "text-fm-color-typo-primary" }, dn = { class: "shrink-0 text-fm-color-typo-secondary" };
+let pn = 0;
+const mn = /* @__PURE__ */ oe({
+  __name: "ProductionRunItemsCell",
+  props: {
+    run: {},
+    resolveSku: {},
+    rowLinkFocused: { type: Boolean, default: !1 },
+    descriptionId: {},
+    wrap: { type: Boolean, default: !1 }
+  },
+  setup(V) {
+    const o = V, { t: i } = ie(), F = _(!1), c = m(() => F.value || o.rowLinkFocused), R = _(null), g = _(null), f = _(null), w = _(Number.POSITIVE_INFINITY), l = _(!1), v = typeof navigator < "u" && /safari/i.test(navigator.userAgent) && !/(chrome|chromium|crios|android)/i.test(navigator.userAgent), n = ++pn, d = `production-run-items-tooltip-${n}`, T = `production-run-items-description-${n}`, P = m(() => o.descriptionId ?? T), u = 44;
+    let h = null, x = null, O = null, Y = !1;
+    const I = m(
+      () => o.run.plan.items.map((a, S) => {
+        const D = o.resolveSku(a.skuId), A = Vt(a.measurement) ? a.measurement : null, j = (A == null ? void 0 : A.abbrev) ?? null, W = Ot(a.requestedAmount, j, {
+          precision: a.requestedAmount.precision
+        });
+        return {
+          key: `${a.skuId}-${S}`,
+          name: (D == null ? void 0 : D.name) ?? a.skuId,
+          quantity: j ? W : `${W} · ${i("inventory.production.run.list.itemsUnitUnresolved")}`
+        };
+      })
+    ), z = m(() => I.value.slice(0, w.value)), G = m(() => I.value.map(({ name: a }) => a).join(", ")), E = m(() => z.value.map(({ name: a }) => a).join(", ")), L = m(
+      () => o.wrap ? 0 : Math.max(0, I.value.length - z.value.length)
+    ), Z = m(() => L.value > 99 ? "99+" : `+${L.value}`), _e = m(
+      () => I.value.map(({ name: a, quantity: S }) => `${a}: ${S}`).join(", ")
+    );
+    function be() {
+      if (o.wrap) {
+        w.value = I.value.length, l.value = !1;
+        return;
+      }
+      const a = g.value, S = f.value;
+      if (!a || !S || a.clientWidth <= 0) return;
+      const D = Array.from(S.children).map((q) => q.offsetWidth);
+      if (!D.length || D.reduce((q, ue) => q + ue, 0) <= a.clientWidth) {
+        w.value = I.value.length, l.value = !1;
+        return;
+      }
+      l.value = !0;
+      const A = Math.max(0, a.clientWidth - u);
+      let j = 0, W = 0;
+      for (const q of D) {
+        if (j + q > A) break;
+        j += q, W++;
+      }
+      w.value = Math.min(I.value.length, Math.max(1, W + 1));
+    }
+    function K() {
+      Y || (Y = !0, st(() => {
+        Y = !1, be();
+      }));
+    }
+    function re() {
+      h && (x !== g.value && (x && h.unobserve(x), x = g.value, x && h.observe(x)), O !== f.value && (O && h.unobserve(O), O = f.value, O && h.observe(O)), K());
+    }
+    ye(
+      () => I.value.map(({ name: a }) => a).join("\0"),
+      () => {
+        w.value = Number.POSITIVE_INFINITY, K();
+      },
+      { flush: "post" }
+    ), ye(
+      () => o.wrap,
+      () => {
+        w.value = Number.POSITIVE_INFINITY, K();
+      },
+      { flush: "post" }
+    ), ye([g, f], re, { flush: "post" }), Re(() => {
+      typeof ResizeObserver < "u" && (h = new ResizeObserver(K), re()), K();
+    }), Ie(() => h == null ? void 0 : h.disconnect());
+    function le(a) {
+      var S, D;
+      a !== c.value && (c.value ? (S = R.value) == null || S.show() : (D = R.value) == null || D.hide());
+    }
+    return (a, S) => {
+      const D = ne("FmPopover");
+      return p(), k(J, null, [
+        s("span", {
+          id: P.value,
+          "data-testid": "run-items-a11y-description",
+          class: "sr-only"
+        }, [
+          L.value ? (p(), k(J, { key: 0 }, [
+            ge(b(r(i)("inventory.production.run.list.itemsHidden", { count: L.value })) + ". ", 1)
+          ], 64)) : H("", !0),
+          ge(" " + b(I.value.length ? r(i)("inventory.production.run.list.itemsLabel", { names: _e.value }) : r(i)("inventory.production.run.list.itemsNone")), 1)
+        ], 8, en),
+        I.value.length === 0 ? (p(), k("span", tn, b(r(i)("inventory.production.run.list.itemsNone")), 1)) : (p(), k("div", nn, [
+          $(D, {
+            ref_key: "popover",
+            ref: R,
+            "show-popover": c.value,
+            placement: "bottom-start",
+            onPopoverChanged: le
+          }, {
+            "popover-button": B(() => [
+              s("div", {
+                ref_key: "disclosureContainer",
+                ref: g,
+                "data-testid": "items-disclosure-container",
+                class: ae(["flex w-full max-w-full min-w-0 gap-4 text-left", a.wrap ? "items-start overflow-visible" : "items-center overflow-hidden"]),
+                onMouseenter: S[0] || (S[0] = (A) => F.value = !0),
+                onMouseleave: S[1] || (S[1] = (A) => F.value = !1)
+              }, [
+                s("span", {
+                  "data-testid": "run-items-summary",
+                  class: ae([
+                    "fm-typo-en-body-md-400 min-w-0 flex-1 text-fm-color-typo-primary",
+                    a.wrap ? "whitespace-normal break-words" : r(v) ? "flex overflow-hidden whitespace-nowrap" : "truncate"
+                  ])
+                }, [
+                  r(v) && !a.wrap ? (p(), k(J, { key: 0 }, [
+                    s("span", on, b(E.value), 1),
+                    l.value ? (p(), k("span", rn, "…")) : H("", !0)
+                  ], 64)) : (p(), k(J, { key: 1 }, [
+                    ge(b(G.value), 1)
+                  ], 64))
+                ], 2),
+                L.value ? (p(), k("span", {
+                  key: 0,
+                  "data-testid": "run-items-overflow",
+                  "data-hidden-count": L.value,
+                  "data-production-info-size": "sm",
+                  "aria-hidden": "true",
+                  class: "inline-flex h-[20px] shrink-0 items-center justify-center whitespace-nowrap rounded-full bg-fm-color-neutral-gray-100 px-[8px] text-[12px] font-normal leading-[18px] text-fm-color-typo-primary"
+                }, b(Z.value), 9, sn)) : H("", !0),
+                s("span", {
+                  ref_key: "measureRail",
+                  ref: f,
+                  "data-testid": "run-items-measure",
+                  "aria-hidden": "true",
+                  class: "fm-typo-en-body-md-400 pointer-events-none invisible absolute w-max whitespace-nowrap"
+                }, [
+                  (p(!0), k(J, null, we(I.value, (A, j) => (p(), k("span", {
+                    key: A.key,
+                    "data-testid": "run-item-measure"
+                  }, b(j ? `, ${A.name}` : A.name), 1))), 128))
+                ], 512)
+              ], 34)
+            ]),
+            default: B(() => [
+              s("div", {
+                id: d,
+                "data-testid": "run-items-disclosure",
+                role: "tooltip",
+                "aria-label": r(i)("inventory.production.run.list.itemsDisclosure"),
+                class: "pointer-events-none min-w-[288px] p-12"
+              }, [
+                s("h3", ln, b(r(i)("inventory.production.run.list.itemsCount", { count: I.value.length })), 1),
+                s("ul", un, [
+                  (p(!0), k(J, null, we(I.value, (A) => (p(), k("li", {
+                    key: A.key,
+                    class: "fm-typo-en-body-sm-400 flex items-start justify-between gap-16"
+                  }, [
+                    s("span", cn, b(A.name), 1),
+                    s("span", dn, b(A.quantity), 1)
+                  ]))), 128))
+                ])
+              ], 8, an)
+            ]),
+            _: 1
+          }, 8, ["show-popover"])
+        ]))
+      ], 64);
+    };
+  }
+}), vn = ["href", "aria-describedby"], fn = /* @__PURE__ */ oe({
+  __name: "ProductionRunNameCell",
+  props: {
+    name: {},
+    href: {},
+    descriptionId: {},
+    wrap: { type: Boolean, default: !1 }
+  },
+  emits: ["open", "focus", "blur"],
+  setup(V, { emit: o }) {
+    const i = V, F = o, c = _(null), R = _(!1);
+    let g = null, f = !1;
+    function w() {
+      const n = c.value;
+      R.value = !i.wrap && !!n && n.scrollWidth > n.clientWidth;
+    }
+    function l() {
+      f || (f = !0, st(() => {
+        f = !1, w();
+      }));
+    }
+    ye(() => [i.name, i.wrap], l, { flush: "post" }), Re(() => {
+      typeof ResizeObserver < "u" && c.value && (g = new ResizeObserver(l), g.observe(c.value)), l();
+    }), Ie(() => g == null ? void 0 : g.disconnect());
+    function v(n) {
+      n.preventDefault(), n.stopPropagation(), F("open");
+    }
+    return (n, d) => {
+      const T = ne("FmTooltip");
+      return p(), k("a", {
+        href: n.href,
+        "aria-describedby": n.descriptionId,
+        class: "production-run-row-link fm-typo-en-body-md-600 block min-w-0 max-w-full text-left text-fm-color-typo-primary",
+        onClick: v,
+        onFocus: d[0] || (d[0] = (P) => F("focus")),
+        onBlur: d[1] || (d[1] = (P) => F("blur"))
+      }, [
+        $(T, {
+          content: n.name,
+          disabled: !R.value,
+          placement: "top",
+          "z-index": 51,
+          "content-class": "production-run-name-tooltip-reference"
+        }, {
+          default: B(() => [
+            s("span", {
+              ref_key: "label",
+              ref: c,
+              "data-testid": "run-name-label",
+              class: ae(["block min-w-0", n.wrap ? "whitespace-normal break-words" : "truncate"])
+            }, b(n.name), 3)
+          ]),
+          _: 1
+        }, 8, ["content", "disabled"])
+      ], 40, vn);
+    };
+  }
+}), yn = /* @__PURE__ */ lt(fn, [["__scopeId", "data-v-4d06048a"]]), _n = ["aria-label"], bn = { class: "min-w-0 truncate" }, hn = /* @__PURE__ */ oe({
+  __name: "ProductionRunSortHeader",
+  props: {
+    columnId: {},
+    label: {},
+    activeColumnId: {},
+    descending: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(V, { emit: o }) {
+    const i = V, F = o, { t: c } = ie(), R = m(() => i.activeColumnId === i.columnId), g = m(
+      () => R.value ? c(`inventory.production.run.list.sort.${i.descending ? "descending" : "ascending"}`) : c("inventory.production.run.list.sort.unsorted")
+    ), f = m(
+      () => R.value ? i.descending ? "arrow_downward" : "arrow_upward" : "unfold_more"
+    ), w = m(
+      () => c("inventory.production.run.list.sort.label", {
+        column: i.label,
+        direction: g.value
+      })
+    ), l = _(null), v = _(null);
+    return Re(() => {
+      var n;
+      v.value = ((n = l.value) == null ? void 0 : n.closest("th")) ?? null;
+    }), wt(() => {
+      v.value && v.value.setAttribute(
+        "aria-sort",
+        R.value ? i.descending ? "descending" : "ascending" : "none"
+      );
+    }), Ie(() => {
+      var n;
+      return (n = v.value) == null ? void 0 : n.removeAttribute("aria-sort");
+    }), (n, d) => {
+      const T = ne("FmIcon");
+      return p(), k("button", {
+        ref_key: "button",
+        ref: l,
+        type: "button",
+        class: "production-run-sort-header flex h-[35px] w-full items-center gap-4 px-16 text-left fm-typo-en-body-md-600 text-fm-color-typo-secondary hover:text-fm-color-typo-primary focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-[-2px] focus-visible:outline-fm-color-primary",
+        "aria-label": w.value,
+        onClick: d[0] || (d[0] = rt((P) => F("toggle", n.columnId), ["stop"]))
+      }, [
+        s("span", bn, b(n.label), 1),
+        $(T, {
+          name: f.value,
+          size: "sm",
+          "aria-hidden": "true",
+          class: "shrink-0"
+        }, null, 8, ["name"])
+      ], 8, _n);
+    };
+  }
+});
+let gn = 0;
+function xn(V, o = () => null, i = () => {
+}, F = () => {
+}, c = () => {
+}, R = () => !1, g = (f) => `/production-run/${encodeURIComponent(f._id)}`) {
+  var P;
+  const { t: f } = ie(), w = Nt(), l = ++gn, v = _(null), n = (u) => `production-run-table-${l}-items-${encodeURIComponent(u._id)}`, d = (u, h) => {
+    const x = F();
+    return Q(hn, {
+      columnId: u,
+      label: h,
+      activeColumnId: x == null ? void 0 : x.id,
+      descending: x == null ? void 0 : x.desc,
+      onToggle: c
+    });
+  };
+  return { columnDefs: [
+    {
+      id: "runNo",
+      header: () => d("runNo", "#"),
+      enableSorting: !1,
+      size: 80,
+      meta: { headerClass: "p-0" },
+      cell: (u) => Q(
+        "span",
+        { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
+        `${u.row.original.runNo}`
+      )
+    },
+    {
+      id: "name",
+      header: () => d("name", f("inventory.production.run.list.columns.name")),
+      enableSorting: !1,
+      minSize: 240,
+      size: 320,
+      maxSize: 320,
+      meta: { headerClass: "p-0" },
+      cell: (u) => Q(yn, {
+        name: $e(
+          u.row.original,
+          f("inventory.production.run.list.untitled")
+        ),
+        href: g(u.row.original),
+        descriptionId: n(u.row.original),
+        wrap: R(),
+        onOpen: () => i(u.row.original),
+        onFocus: () => {
+          v.value = u.row.original._id;
+        },
+        onBlur: () => {
+          v.value === u.row.original._id && (v.value = null);
+        }
+      })
+    },
+    {
+      id: "items",
+      header: () => f("inventory.production.run.list.columns.items"),
+      enableSorting: !1,
+      minSize: 220,
+      size: 280,
+      maxSize: 280,
+      cell: (u) => Q(mn, {
+        run: u.row.original,
+        resolveSku: o,
+        descriptionId: n(u.row.original),
+        wrap: R(),
+        rowLinkFocused: v.value === u.row.original._id
+      })
+    },
+    ...(P = w.sessionUser.value) != null && P.role.isAdmin ? [
+      {
+        id: "statusForAdmin",
+        header: () => Q(at, {}, () => f("inventory.production.run.list.columns.status")),
+        cell: (u) => u.row.original.status,
+        enableSorting: !1,
+        size: 120
+      }
+    ] : [],
+    {
+      id: "status",
+      header: () => d("status", f("inventory.production.run.list.columns.status")),
+      enableSorting: !1,
+      size: 120,
+      meta: { headerClass: "p-0" },
+      cell: (u) => Q(Et, { status: u.row.original.status })
+    },
+    {
+      id: "updatedAt",
+      header: () => d("updatedAt", f("inventory.production.run.list.columns.updated")),
+      enableSorting: !1,
+      minSize: 180,
+      size: 200,
+      maxSize: 200,
+      meta: { headerClass: "p-0" },
+      cell: (u) => {
+        const h = u.row.original, x = it(h);
+        return Q(
+          "span",
+          { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary whitespace-nowrap" },
+          qt((x == null ? void 0 : x.at) ?? h.createdAt)
+        );
+      }
+    },
+    {
+      id: "action",
+      header: "",
+      enableSorting: !1,
+      cell: (u) => Q(Zt, {
+        run: u.row.original,
+        onAction: (h) => V(h, u.row.original)
+      }),
+      size: 40,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+const wn = { class: "sr-only" }, kn = ["aria-label"], Rn = {
+  key: 0,
+  "data-testid": "production-run-history-scope",
+  class: "flex shrink-0 flex-wrap items-center justify-between gap-8"
+}, In = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, $n = {
+  key: 1,
+  role: "alert",
+  class: "w-full fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
+}, Sn = ["aria-label"], An = ["aria-label"], Cn = {
+  key: 2,
+  "data-testid": "production-run-list-empty",
+  class: "rounded-md border border-dashed border-fm-color-neutral-gray-200 p-48 text-center"
+}, Nn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Fn = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pn = {
+  key: 3,
+  "data-testid": "production-run-list-no-match",
+  class: "rounded-md border border-dashed border-fm-color-neutral-gray-200 p-40 text-center"
+}, Dn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Tn = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mn = { class: "flex flex-col gap-[8px] py-[8px]" }, zn = {
+  "data-testid": "production-run-mobile-run-number",
+  class: "flex items-center gap-[4px]"
+}, Ln = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, Vn = { class: "flex min-w-0 flex-col gap-[2px]" }, On = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, En = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, qn = { class: "flex min-w-0 flex-col gap-[2px]" }, Un = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, jn = {
+  "data-testid": "production-run-admin-status",
+  class: "flex flex-col gap-[4px]"
+}, Wn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Hn = { class: "flex flex-col gap-[2px]" }, Bn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Yn = { class: "flex flex-col gap-[2px]" }, Qn = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, Gn = /* @__PURE__ */ oe({
+  __name: "ProductionRunView",
+  setup(V) {
+    const { t: o } = ie(), i = $t(), F = St(), c = At(), R = Ut(), g = Jt(), f = Xt(), w = Ft();
+    jt();
+    const l = _([]), v = _(!1), n = _(null), d = _(null), T = _(!1), P = _(null), u = m(() => ({
+      loading: v.value || T.value,
+      loaded: !v.value && !n.value,
+      hasMore: d.value !== null,
+      error: P.value ?? n.value
+    })), h = _(""), x = _("all"), O = _([{ id: "updatedAt", desc: !0 }]), Y = _(!1), I = _(null), z = _(null), G = _(null);
+    let E = 0, L = 0;
+    const Z = m(
+      () => l.value.find((e) => e._id === z.value) ?? null
+    ), _e = Wt(() => Z.value), be = m(() => !!Z.value && ke(Z.value)), K = m(
+      () => _e.ingredientLines.value.map((e) => ({
+        skuId: e.skuId,
+        name: e.name,
+        unit: e.unit,
+        unitRef: e.unitRef,
+        outputSkuIds: e.outputSkuIds
+      }))
+    );
+    function re() {
+      return n.value ? a() : S();
+    }
+    function le() {
+      L++, G.value = null, z.value = null, I.value = null, Y.value = !1;
+    }
+    async function a() {
+      const e = ++E;
+      v.value = !0, n.value = null, d.value = null, T.value = !1, P.value = null;
+      try {
+        const t = await R.list();
+        if (e !== E) return;
+        l.value = t.items, d.value = t.nextCursor;
+      } catch (t) {
+        if (e !== E) return;
+        const y = xe(t);
+        n.value = y.message, c == null || c.open({
+          title: o("inventory.production.run.list.error.load"),
+          message: y.message,
+          type: "error"
+        });
+      } finally {
+        e === E && (v.value = !1);
+      }
+    }
+    async function S() {
+      const e = d.value;
+      if (!e || v.value || T.value) return;
+      const t = E;
+      T.value = !0, P.value = null;
+      try {
+        const y = await R.list({ cursor: e });
+        if (t !== E || e !== d.value) return;
+        if (y.nextCursor === e)
+          throw new Error(o("inventory.production.run.list.history.cursorError"));
+        const C = new Set(l.value.map((U) => U._id));
+        l.value = [...l.value, ...y.items.filter((U) => !C.has(U._id))], d.value = y.nextCursor;
+      } catch (y) {
+        t === E && (P.value = xe(y).message);
+      } finally {
+        t === E && (T.value = !1);
+      }
+    }
+    let D;
+    g.watchLocation(async () => {
+      var t;
+      const e = ((t = g._currentLocation) == null ? void 0 : t.dbName) ?? null;
+      if (e !== D) {
+        if (D = e, le(), !e) {
+          E++, l.value = [];
+          return;
+        }
+        await a();
+      }
+    });
+    const A = m(
+      () => Ht.map((e) => ({
+        label: o(`inventory.production.run.list.tabs.${e.key}`),
+        value: e.key
+      }))
+    );
+    function j(e) {
+      var t;
+      return ((t = it(e)) == null ? void 0 : t.at) ?? e.createdAt;
+    }
+    function W(e, t, y) {
+      switch (y) {
+        case "runNo":
+          return e.runNo - t.runNo;
+        case "name":
+          return nt(e).localeCompare(nt(t));
+        case "status":
+          return tt(e.status) - tt(t.status);
+        case "updatedAt":
+          return Date.parse(j(e)) - Date.parse(j(t));
+        default:
+          return 0;
+      }
+    }
+    const q = m(() => {
+      const e = l.value.filter(
+        (C) => Bt(C, x.value) && Yt(C, h.value, Se)
+      ), t = O.value[0];
+      if (!t)
+        return e.sort(
+          (C, U) => W(U, C, "updatedAt") || W(U, C, "runNo")
+        );
+      const y = t.desc ? -1 : 1;
+      return e.sort(
+        (C, U) => y * W(C, U, t.id) || W(U, C, "runNo")
+      );
+    }), { breakpoints: ue } = Ct(), ee = m(() => ue.value.xs || ue.value.sm), ut = m(() => ee.value ? 10 : 20), ct = m(() => ee.value ? { height: `calc(${w.tableHeight.height} - 16px)` } : w.tableHeight), dt = m(
+      () => ee.value ? q.value.map((e) => `${e._id}:${e._rev}`).join("|") : "desktop"
+    );
+    function pt() {
+      h.value = "", x.value = "all";
+    }
+    function mt(e) {
+      const t = O.value[0];
+      O.value = [
+        (t == null ? void 0 : t.id) === e ? { id: e, desc: !t.desc } : { id: e, desc: !1 }
+      ];
+    }
+    function Se(e) {
+      return f.skuById[e];
+    }
+    function he(e) {
+      i.push(ot(e._id));
+    }
+    function vt(e) {
+      return i.resolve(ot(e._id)).href;
+    }
+    function ft(e, t) {
+      const y = ++L;
+      if (z.value = t._id, G.value = null, e === "request") {
+        F.open(Kt(o)).onPrimary(() => void yt(t._id, y));
+        return;
+      }
+      G.value = e;
+    }
+    async function yt(e, t) {
+      if (!(t !== L || z.value !== e))
+        try {
+          const y = await R.request(e);
+          if (t !== L || z.value !== e || !Ae(y)) return;
+          c == null || c.open({
+            title: o("inventory.production.run.list.request.success"),
+            message: o("inventory.production.run.list.request.successMessage", {
+              name: $e(y, o("inventory.production.run.list.untitled"))
+            }),
+            type: "success"
+          }), z.value = null;
+        } catch (y) {
+          if (t !== L || z.value !== e) return;
+          c == null || c.open({
+            title: o("inventory.production.run.list.error.action", {
+              action: o("inventory.production.run.list.rowActions.request")
+            }),
+            message: xe(y).message,
+            type: "error"
+          });
+        }
+    }
+    function Ae(e) {
+      const t = l.value.findIndex((C) => C._id === e._id);
+      if (t < 0) return !1;
+      const y = [...l.value];
+      return y[t] = e, l.value = y, !0;
+    }
+    function se(e) {
+      z.value === e._id && Ae(e);
+    }
+    function _t(e) {
+      e === null && (G.value = null, z.value = null);
+    }
+    function bt() {
+      le(), a();
+    }
+    const { columnDefs: ht } = xn(
+      ft,
+      Se,
+      he,
+      () => O.value[0],
+      mt,
+      () => ee.value,
+      vt
+    );
+    function Ce(e) {
+      e === "refresh" && a(), e === "create" && (I.value = null, Y.value = !0);
+    }
+    const gt = m(() => [
+      {
+        label: o("inventory.common.refresh"),
+        value: "refresh",
+        prependIcon: "refresh"
+      },
+      {
+        label: o("inventory.production.run.list.actions.create"),
+        value: "create",
+        prependIcon: "add",
+        testId: "production-run-mobile-create",
+        isPrimary: !0
+      }
+    ]);
+    function xt() {
+      I.value = null, a();
+    }
+    return (e, t) => {
+      const y = ne("FmTabs"), C = ne("FmButton"), U = ne("FmTable");
+      return p(), X(Pt, {
+        title: r(o)("inventory.production.run.list.title"),
+        "helper-text": r(o)("inventory.production.run.list.caption"),
+        actions: gt.value,
+        "onClick:action": Ce
+      }, {
+        default: B(() => {
+          var Ne;
+          return [
+            s("div", {
+              "data-testid": "production-run-list-content",
+              class: ae([
+                "flex w-full max-h-full flex-col gap-12",
+                {
+                  "p-0": ee.value,
+                  "px-24": !ee.value
+                }
+              ])
+            }, [
+              s("h1", wn, b(r(o)("inventory.production.run.list.title")), 1),
+              $(Tt, {
+                "change-location": "",
+                searchable: "",
+                search: h.value,
+                "onUpdate:search": t[0] || (t[0] = (N) => h.value = N)
+              }, null, 8, ["search"]),
+              s("div", {
+                class: "flex min-w-0 shrink-0 flex-col gap-12",
+                "data-testid": "production-run-list-controls",
+                onVnodeMounted: t[2] || (t[2] = //@ts-ignore
+                (...N) => r(w).onMounted && r(w).onMounted(...N)),
+                onVnodeUnmounted: t[3] || (t[3] = //@ts-ignore
+                (...N) => r(w).onUnmounted && r(w).onUnmounted(...N))
+              }, [
+                s("nav", {
+                  class: "min-w-0 overflow-x-auto",
+                  "aria-label": r(o)("inventory.production.run.list.tabsLabel")
+                }, [
+                  $(y, {
+                    "model-value": x.value,
+                    "onUpdate:modelValue": t[1] || (t[1] = (N) => x.value = N),
+                    items: A.value
+                  }, null, 8, ["model-value", "items"])
+                ], 8, kn),
+                !v.value && !n.value && (d.value || P.value) ? (p(), k("div", Rn, [
+                  s("p", In, b(r(o)("inventory.production.run.list.history.scope", { count: l.value.length })), 1),
+                  d.value ? (p(), X(C, {
+                    key: 0,
+                    "data-testid": "production-run-load-more",
+                    variant: "secondary",
+                    label: r(o)("inventory.production.run.list.history.loadMore"),
+                    loading: T.value,
+                    disabled: T.value,
+                    onClick: S
+                  }, null, 8, ["label", "loading", "disabled"])) : H("", !0),
+                  P.value ? (p(), k("p", $n, b(P.value), 1)) : H("", !0)
+                ])) : H("", !0)
+              ], 512),
+              s("div", {
+                id: "production-run-list-panel",
+                role: "region",
+                "aria-label": r(o)("inventory.production.run.list.tabsLabel"),
+                class: ae(["flex min-h-0 flex-col", !v.value && !n.value && q.value.length ? "" : "overflow-y-auto"])
+              }, [
+                v.value ? (p(), k("div", {
+                  key: 0,
+                  "data-testid": "production-run-list-loading",
+                  role: "status",
+                  class: "w-full space-y-12",
+                  "aria-busy": "true",
+                  "aria-label": r(o)("inventory.production.run.list.loading")
+                }, [
+                  (p(), k(J, null, we(6, (N) => s("div", {
+                    key: N,
+                    "data-testid": "production-run-list-skeleton-row",
+                    class: "h-80 w-full animate-pulse rounded-md bg-fm-color-neutral-gray-100"
+                  })), 64))
+                ], 8, An)) : n.value ? (p(), X(Rt, {
+                  key: 1,
+                  "data-testid": "production-run-list-error",
+                  class: "m-16",
+                  role: "alert",
+                  tone: "critical",
+                  title: r(o)("inventory.production.run.list.error.load"),
+                  message: n.value
+                }, {
+                  actions: B(() => [
+                    $(C, {
+                      "data-testid": "production-run-list-retry",
+                      label: r(o)("inventory.production.run.list.error.retry"),
+                      variant: "secondary",
+                      onClick: a
+                    }, null, 8, ["label"])
+                  ]),
+                  _: 1
+                }, 8, ["title", "message"])) : l.value.length === 0 ? (p(), k("div", Cn, [
+                  s("div", Nn, b(r(o)("inventory.production.run.list.empty.noneTitle")), 1),
+                  s("div", Fn, b(r(o)("inventory.production.run.list.empty.noneDescription")), 1),
+                  $(C, {
+                    "data-testid": "production-run-list-empty-create",
+                    class: "mx-auto mt-16",
+                    label: r(o)("inventory.production.run.list.empty.create"),
+                    "prepend-icon": "add",
+                    onClick: t[4] || (t[4] = (N) => Ce("create"))
+                  }, null, 8, ["label"])
+                ])) : q.value.length === 0 ? (p(), k("div", Pn, [
+                  s("div", Dn, b(r(o)("inventory.production.run.list.empty.noMatchTitle")), 1),
+                  s("div", Tn, b(h.value.trim() ? r(o)("inventory.production.run.list.empty.searchDescription", {
+                    query: h.value.trim()
+                  }) : r(o)("inventory.production.run.list.empty.noMatchDescription")), 1),
+                  $(C, {
+                    "data-testid": "production-run-list-clear-filters",
+                    class: "mx-auto mt-12",
+                    label: r(o)("inventory.production.run.list.empty.clearFilters"),
+                    "aria-label": r(o)("inventory.production.run.list.empty.clearFilters"),
+                    variant: "tertiary",
+                    onClick: pt
+                  }, null, 8, ["label", "aria-label"])
+                ])) : (p(), X(U, {
+                  key: dt.value,
+                  class: "production-run-table",
+                  style: kt(ct.value),
+                  "column-defs": r(ht),
+                  "row-data": q.value,
+                  loading: v.value,
+                  "page-size": ut.value,
+                  "pin-header-row": !1,
+                  onRowClick: t[5] || (t[5] = (N) => he(N.original))
+                }, {
+                  "list-row": B((N) => [
+                    $(Dt, {
+                      "data-testid": "production-run-mobile-row",
+                      class: "production-run-mobile-row !py-8",
+                      row: N,
+                      onRowClick: he
+                    }, {
+                      default: B((M) => {
+                        var Fe, Pe, De, ce, Te, Me, ze, Le, de, Ve, Oe, Ee, qe, pe, Ue, je, We, He, me, Be, Ye, Qe, Ge, ve, Ke;
+                        return [
+                          s("div", Mn, [
+                            s("div", zn, [
+                              t[7] || (t[7] = s("span", { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, "#", -1)),
+                              s("div", Ln, [
+                                $(r(te), {
+                                  render: (De = (Pe = (Fe = M.runNo) == null ? void 0 : Fe.column) == null ? void 0 : Pe.columnDef) == null ? void 0 : De.cell,
+                                  props: (Te = (ce = M.runNo) == null ? void 0 : ce.getContext) == null ? void 0 : Te.call(ce)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            s("div", Vn, [
+                              s("span", On, b(r(o)("inventory.production.run.list.columns.name")), 1),
+                              s("div", En, [
+                                $(r(te), {
+                                  render: (Le = (ze = (Me = M.name) == null ? void 0 : Me.column) == null ? void 0 : ze.columnDef) == null ? void 0 : Le.cell,
+                                  props: (Ve = (de = M.name) == null ? void 0 : de.getContext) == null ? void 0 : Ve.call(de)
+                                }, null, 8, ["render", "props"])
+                              ])
+                            ]),
+                            s("div", qn, [
+                              s("span", Un, b(r(o)("inventory.production.run.list.columns.items")), 1),
+                              $(r(te), {
+                                render: (qe = (Ee = (Oe = M.items) == null ? void 0 : Oe.column) == null ? void 0 : Ee.columnDef) == null ? void 0 : qe.cell,
+                                props: (Ue = (pe = M.items) == null ? void 0 : pe.getContext) == null ? void 0 : Ue.call(pe)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            M.statusForAdmin ? (p(), X(at, { key: 0 }, {
+                              default: B(() => {
+                                var Je, Xe, Ze, fe, et;
+                                return [
+                                  s("div", jn, [
+                                    s("span", Wn, b(r(o)("inventory.production.run.list.columns.status")), 1),
+                                    $(r(te), {
+                                      render: (Ze = (Xe = (Je = M.statusForAdmin) == null ? void 0 : Je.column) == null ? void 0 : Xe.columnDef) == null ? void 0 : Ze.cell,
+                                      props: (et = (fe = M.statusForAdmin) == null ? void 0 : fe.getContext) == null ? void 0 : et.call(fe)
+                                    }, null, 8, ["render", "props"])
+                                  ])
+                                ];
+                              }),
+                              _: 2
+                            }, 1024)) : H("", !0),
+                            s("div", Hn, [
+                              s("span", Bn, b(r(o)("inventory.production.run.list.columns.status")), 1),
+                              $(r(te), {
+                                render: (He = (We = (je = M.status) == null ? void 0 : je.column) == null ? void 0 : We.columnDef) == null ? void 0 : He.cell,
+                                props: (Be = (me = M.status) == null ? void 0 : me.getContext) == null ? void 0 : Be.call(me)
+                              }, null, 8, ["render", "props"])
+                            ]),
+                            s("div", Yn, [
+                              s("span", Qn, b(r(o)("inventory.production.run.list.columns.updated")), 1),
+                              $(r(te), {
+                                render: (Ge = (Qe = (Ye = M.updatedAt) == null ? void 0 : Ye.column) == null ? void 0 : Qe.columnDef) == null ? void 0 : Ge.cell,
+                                props: (Ke = (ve = M.updatedAt) == null ? void 0 : ve.getContext) == null ? void 0 : Ke.call(ve)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ])
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["row"])
+                  ]),
+                  _: 1
+                }, 8, ["style", "column-defs", "row-data", "loading", "page-size"]))
+              ], 10, Sn)
+            ], 2),
+            Y.value ? (p(), X(Qt, {
+              key: 0,
+              show: !0,
+              run: I.value,
+              "duplicate-sources": l.value,
+              "duplicate-source-state": u.value,
+              onLoadMoreDuplicateSources: re,
+              "onUpdate:show": t[6] || (t[6] = (N) => Y.value = N),
+              onSaved: xt
+            }, null, 8, ["run", "duplicate-sources", "duplicate-source-state"])) : H("", !0),
+            $(Gt, {
+              action: G.value,
+              run: Z.value,
+              "location-name": ((Ne = r(g)._currentLocation) == null ? void 0 : Ne.name) ?? null,
+              "duplicate-sources": l.value,
+              "duplicate-source-state": u.value,
+              onLoadMoreDuplicateSources: re,
+              "at-target": be.value,
+              ingredients: K.value,
+              "onUpdate:action": _t,
+              onEdited: se,
+              onIssued: se,
+              onRecorded: se,
+              onClosed: se,
+              onCancelled: se,
+              onReload: bt
+            }, null, 8, ["action", "run", "location-name", "duplicate-sources", "duplicate-source-state", "at-target", "ingredients"])
+          ];
+        }),
+        _: 1
+      }, 8, ["title", "helper-text", "actions"]);
+    };
+  }
+}), Kn = /* @__PURE__ */ lt(Gn, [["__scopeId", "data-v-7dab6ed2"]]), co = /* @__PURE__ */ oe({
+  __name: "ProductionRunPage",
+  setup(V) {
+    return (o, i) => (p(), X(It, { "feature-key": "production-runs" }, {
+      default: B(() => [
+        $(Kn)
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  co as default
+};