@feedmepos/mf-inventory-portal 1.7.13-dev.3 → 1.7.13-dev.6

package/dist/ProductionRunView-BsP02jgC.js

@@ -0,0 +1,815 @@
+import { defineComponent as Y, createElementBlock as A, openBlock as f, withModifiers as ae, normalizeClass as j, toDisplayString as p, ref as x, computed as y, watch as re, resolveComponent as V, createCommentVNode as K, createVNode as v, withCtx as U, createElementVNode as a, unref as r, Fragment as le, renderList as ie, createBlock as Q, withKeys as nt, nextTick as Le, onMounted as rt, watchEffect as at, onBeforeUnmount as st, h as q, normalizeStyle as lt } from "vue";
+import { _ as it, F as H } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
+import { useRouter as ut } from "vue-router";
+import { useSnackbar as ct, useBreakpoints as dt } from "@feedmepos/ui-library";
+import { useI18n as Z, useCoreStore as pt } from "@feedmepos/mf-common";
+import { u as mt, _ as vt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { F as Ve } from "./FmAdminBadge-DlplQOHb.js";
+import { _ as ft } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-yBIbCJYy.js";
+import { p as Oe, a as yt, i as gt, P as bt, b as je, u as _t, c as xt, d as ht, m as wt, e as kt, _ as $t, f as St, g as At, h as Ue, j as Ee } from "./ProductionRunTabs.vue_vue_type_script_setup_true_lang-DgtZJgrs.js";
+import { u as Rt, a as Ct, R as Ft } from "./app-BT7hD4az.js";
+import { i as qe, f as Pt, a as zt } from "./production-run-display-DmyfdjHR.js";
+import { _ as Dt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Nt = /* @__PURE__ */ Y({
+  __name: "ProductionRunActionMenuItem",
+  props: {
+    label: {},
+    destructive: { type: Boolean }
+  },
+  emits: ["activate"],
+  setup(I, { emit: t }) {
+    const c = t;
+    function R(d) {
+      d.key !== "Enter" && d.key !== " " || (d.preventDefault(), d.stopPropagation(), d.repeat || c("activate"));
+    }
+    return (d, w) => (f(), A("button", {
+      type: "button",
+      role: "menuitem",
+      tabindex: "-1",
+      class: j(["fm-menu-item fm-menu-item-label fm-typo-en-body-md-400 w-full text-left", d.destructive ? "text-fm-color-typo-error" : "text-fm-color-typo-primary"]),
+      onKeydown: R,
+      onClick: w[0] || (w[0] = ae((h) => d.$emit("activate"), ["stop"]))
+    }, p(d.label), 35));
+  }
+}), Mt = ["aria-label"], It = /* @__PURE__ */ Y({
+  __name: "ProductionRunActionsCell",
+  props: {
+    run: {}
+  },
+  emits: ["action"],
+  setup(I, { emit: t }) {
+    const c = I, R = t, { t: d } = Z(), w = x(null), h = x(null), $ = x(null), _ = x(!1), g = y(
+      () => Oe(c.run, d("inventory.production.run.list.untitled"))
+    ), k = {
+      request: 0,
+      prepare: 0,
+      complete: 0,
+      update: 1,
+      close: 1,
+      cancel: 2
+    }, l = y(
+      () => yt(c.run).filter(({ action: s }) => s !== "request" || c.run.items.length > 0).sort((s, m) => qe(c.run) && s.action === "close" ? -1 : qe(c.run) && m.action === "close" ? 1 : k[s.action] - k[m.action]).map(({ action: s }) => s)
+    );
+    function o(s) {
+      return d(`inventory.production.run.list.rowActions.${s}`);
+    }
+    function u() {
+      var s;
+      return ((s = w.value) == null ? void 0 : s.querySelector("button")) ?? null;
+    }
+    async function i(s) {
+      var m, b;
+      _.value = s, s && (await Le(), (b = (m = h.value) == null ? void 0 : m.querySelector('[role="menuitem"]')) == null || b.focus());
+    }
+    async function N(s = !1) {
+      var b;
+      const m = s ? u() : null;
+      (b = $.value) == null || b.toggleMenu(!1), _.value = !1, await Le(), s && (m == null || m.focus({ preventScroll: !0 }));
+    }
+    function T() {
+      var s;
+      (s = $.value) == null || s.toggleMenu(!1), _.value = !1;
+    }
+    function B(s) {
+      var S;
+      if (s.key === "Escape") {
+        s.preventDefault(), s.stopPropagation(), N(!0);
+        return;
+      }
+      if (!["ArrowDown", "ArrowUp", "Home", "End"].includes(s.key)) return;
+      const m = (S = s.currentTarget) == null ? void 0 : S.closest('[role="menu"]'), b = [...(m == null ? void 0 : m.querySelectorAll('[role="menuitem"]')) ?? []];
+      if (!b.length) return;
+      s.preventDefault(), s.stopPropagation();
+      const z = Math.max(b.indexOf(document.activeElement), 0), M = s.key === "Home" ? 0 : s.key === "End" ? b.length - 1 : s.key === "ArrowDown" ? (z + 1) % b.length : (z - 1 + b.length) % b.length;
+      b[M].focus();
+    }
+    function se(s) {
+      T(), R("action", s);
+    }
+    return re(
+      () => `${c.run._id}:${c.run.status}:${c.run.activityLogs.length}`,
+      () => void N()
+    ), (s, m) => {
+      const b = V("FmButton"), z = V("FmMenu");
+      return l.value.length ? (f(), A("div", {
+        key: 0,
+        class: "production-run-action-interactive relative z-[1] flex items-center justify-center",
+        onClick: m[1] || (m[1] = ae(() => {
+        }, ["stop"]))
+      }, [
+        v(z, {
+          ref_key: "menuController",
+          ref: $,
+          trigger: "click",
+          "close-on-click": !1,
+          placement: "bottom-end",
+          width: 176,
+          "z-index": 100,
+          offset: 4,
+          shift: !0,
+          "flip-padding": { top: 8, bottom: 8 },
+          onMenuChanged: i
+        }, {
+          "menu-button": U(() => [
+            a("span", {
+              ref_key: "triggerRoot",
+              ref: w
+            }, [
+              v(b, {
+                type: "button",
+                variant: "tertiary",
+                icon: "more_horiz",
+                "aria-label": r(d)("inventory.production.run.list.actionsFor", { name: g.value }),
+                "aria-haspopup": "menu",
+                "aria-expanded": _.value,
+                onKeydown: m[0] || (m[0] = nt(ae((M) => N(!0), ["prevent", "stop"]), ["esc"]))
+              }, null, 8, ["aria-label", "aria-expanded"])
+            ], 512)
+          ]),
+          default: U(() => [
+            a("div", {
+              ref_key: "menuContent",
+              ref: h,
+              role: "menu",
+              "data-testid": "run-actions-menu",
+              class: "w-full bg-white p-4",
+              "aria-label": r(d)("inventory.production.run.list.actionsFor", { name: g.value }),
+              onKeydown: B
+            }, [
+              (f(!0), A(le, null, ie(l.value, (M) => (f(), Q(Nt, {
+                key: M,
+                label: o(M),
+                destructive: M === "cancel",
+                onActivate: (S) => se(M)
+              }, null, 8, ["label", "destructive", "onActivate"]))), 128))
+            ], 40, Mt)
+          ]),
+          _: 1
+        }, 512)
+      ])) : K("", !0);
+    };
+  }
+}), Tt = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Lt = {
+  key: 1,
+  class: "production-run-items-interactive relative z-[1] min-w-0"
+}, Ut = ["aria-label"], Et = {
+  "data-testid": "run-items-summary",
+  class: "fm-typo-en-body-md-400 min-w-0 truncate text-fm-color-typo-primary"
+}, qt = {
+  key: 0,
+  "data-testid": "run-items-overflow",
+  class: "fm-typo-en-body-sm-600 shrink-0 rounded-full bg-fm-color-neutral-gray-100 px-6 py-2 text-fm-color-typo-secondary"
+}, Vt = ["aria-label"], Ot = { class: "fm-typo-en-body-sm-600 mb-8 text-fm-color-typo-primary" }, jt = { class: "flex flex-col gap-8 border-t border-fm-color-neutral-gray-100 pt-8" }, Bt = { class: "text-fm-color-typo-primary" }, Ht = { class: "shrink-0 text-fm-color-typo-secondary" }, Kt = /* @__PURE__ */ Y({
+  __name: "ProductionRunItemsCell",
+  props: {
+    run: {},
+    resolveSku: {},
+    rowLinkFocused: { type: Boolean, default: !1 }
+  },
+  setup(I) {
+    const t = I, { t: c } = Z(), R = x(!1), d = y(() => R.value || t.rowLinkFocused), w = x(null), h = `production-run-items-${t.run._id.replace(/[^a-zA-Z0-9_-]/g, "-")}`, $ = y(
+      () => t.run.items.map((l, o) => {
+        const u = t.resolveSku(l.skuId), i = gt(l.measurement) ? l.measurement : null, N = (i == null ? void 0 : i.abbrev) ?? null, T = Pt(l.requestedAmount, N, {
+          precision: l.requestedAmount.precision
+        });
+        return {
+          key: `${l.skuId}-${o}`,
+          name: (u == null ? void 0 : u.name) ?? l.skuId,
+          quantity: N ? T : `${T} · ${c("inventory.production.run.list.itemsUnitUnresolved")}`
+        };
+      })
+    ), _ = y(
+      () => $.value.slice(0, 2).map(({ name: l }) => l).join(", ")
+    ), g = y(() => Math.max(0, $.value.length - 2));
+    function k(l) {
+      var o, u;
+      l !== d.value && (d.value ? (o = w.value) == null || o.show() : (u = w.value) == null || u.hide());
+    }
+    return (l, o) => {
+      const u = V("FmPopover");
+      return $.value.length === 0 ? (f(), A("span", Tt, p(r(c)("inventory.production.run.list.itemsNone")), 1)) : (f(), A("div", Lt, [
+        v(u, {
+          ref_key: "popover",
+          ref: w,
+          "show-popover": d.value,
+          placement: "bottom-start",
+          onPopoverChanged: k
+        }, {
+          "popover-button": U(() => [
+            a("div", {
+              "data-testid": "items-disclosure-container",
+              class: "flex max-w-full items-center gap-4 text-left",
+              "aria-label": r(c)("inventory.production.run.list.itemsLabel", {
+                names: $.value.map(({ name: i }) => i).join(", ")
+              }),
+              onMouseenter: o[0] || (o[0] = (i) => R.value = !0),
+              onMouseleave: o[1] || (o[1] = (i) => R.value = !1)
+            }, [
+              a("span", Et, p(_.value), 1),
+              g.value ? (f(), A("span", qt, " +" + p(g.value), 1)) : K("", !0)
+            ], 40, Ut)
+          ]),
+          default: U(() => [
+            a("div", {
+              id: h,
+              "data-testid": "run-items-disclosure",
+              role: "tooltip",
+              "aria-label": r(c)("inventory.production.run.list.itemsDisclosure"),
+              class: "pointer-events-none min-w-[288px] p-12"
+            }, [
+              a("h3", Ot, p(r(c)("inventory.production.run.list.itemsCount", { count: $.value.length })), 1),
+              a("ul", jt, [
+                (f(!0), A(le, null, ie($.value, (i) => (f(), A("li", {
+                  key: i.key,
+                  class: "fm-typo-en-body-sm-400 flex items-start justify-between gap-16"
+                }, [
+                  a("span", Bt, p(i.name), 1),
+                  a("span", Ht, p(i.quantity), 1)
+                ]))), 128))
+              ])
+            ], 8, Vt)
+          ]),
+          _: 1
+        }, 8, ["show-popover"])
+      ]));
+    };
+  }
+}), Gt = ["aria-label"], Qt = { class: "min-w-0 truncate" }, Yt = /* @__PURE__ */ Y({
+  __name: "ProductionRunSortHeader",
+  props: {
+    columnId: {},
+    label: {},
+    activeColumnId: {},
+    descending: { type: Boolean }
+  },
+  emits: ["toggle"],
+  setup(I, { emit: t }) {
+    const c = I, R = t, { t: d } = Z(), w = y(() => c.activeColumnId === c.columnId), h = y(
+      () => w.value ? d(`inventory.production.run.list.sort.${c.descending ? "descending" : "ascending"}`) : d("inventory.production.run.list.sort.unsorted")
+    ), $ = y(
+      () => w.value ? c.descending ? "arrow_downward" : "arrow_upward" : "unfold_more"
+    ), _ = y(
+      () => d("inventory.production.run.list.sort.label", {
+        column: c.label,
+        direction: h.value
+      })
+    ), g = x(null), k = x(null);
+    return rt(() => {
+      var l;
+      k.value = ((l = g.value) == null ? void 0 : l.closest("th")) ?? null;
+    }), at(() => {
+      k.value && k.value.setAttribute(
+        "aria-sort",
+        w.value ? c.descending ? "descending" : "ascending" : "none"
+      );
+    }), st(() => {
+      var l;
+      return (l = k.value) == null ? void 0 : l.removeAttribute("aria-sort");
+    }), (l, o) => {
+      const u = V("FmIcon");
+      return f(), A("button", {
+        ref_key: "button",
+        ref: g,
+        type: "button",
+        class: "production-run-sort-header flex h-[35px] w-full items-center gap-4 px-16 text-left fm-typo-en-body-sm-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": _.value,
+        onClick: o[0] || (o[0] = ae((i) => R("toggle", l.columnId), ["stop"]))
+      }, [
+        a("span", Qt, p(l.label), 1),
+        v(u, {
+          name: $.value,
+          size: "sm",
+          "aria-hidden": "true",
+          class: "shrink-0"
+        }, null, 8, ["name"])
+      ], 8, Gt);
+    };
+  }
+});
+function Zt(I, t = () => null, c = () => {
+}, R = () => {
+}, d = () => {
+}, w = (h) => `/production-item/${encodeURIComponent(h._id)}`) {
+  var l;
+  const { t: h } = Z(), $ = pt(), _ = x(null), g = (o, u) => {
+    const i = R();
+    return q(Yt, {
+      columnId: o,
+      label: u,
+      activeColumnId: i == null ? void 0 : i.id,
+      descending: i == null ? void 0 : i.desc,
+      onToggle: d
+    });
+  };
+  return { columnDefs: [
+    {
+      id: "runNo",
+      header: () => g("runNo", "#"),
+      enableSorting: !1,
+      size: 80,
+      meta: { headerClass: "p-0" },
+      cell: (o) => q(
+        "span",
+        { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary" },
+        `${o.row.original.runNo}`
+      )
+    },
+    {
+      id: "name",
+      header: () => g("name", h("inventory.production.run.list.columns.name")),
+      enableSorting: !1,
+      minSize: 180,
+      size: 230,
+      maxSize: 230,
+      meta: { headerClass: "p-0" },
+      cell: (o) => q(
+        "a",
+        {
+          href: w(o.row.original),
+          class: "production-run-row-link fm-typo-en-body-md-600 line-clamp-2 text-left text-fm-color-typo-primary hover:underline",
+          onClick: (u) => {
+            u.preventDefault(), u.stopPropagation(), c(o.row.original);
+          },
+          onFocus: () => {
+            _.value = o.row.original._id;
+          },
+          onBlur: () => {
+            _.value === o.row.original._id && (_.value = null);
+          }
+        },
+        Oe(o.row.original, h("inventory.production.run.list.untitled"))
+      )
+    },
+    {
+      id: "items",
+      header: () => h("inventory.production.run.list.columns.items"),
+      enableSorting: !1,
+      minSize: 200,
+      size: 240,
+      maxSize: 240,
+      cell: (o) => q(Kt, {
+        run: o.row.original,
+        resolveSku: t,
+        rowLinkFocused: _.value === o.row.original._id
+      })
+    },
+    ...(l = $.sessionUser.value) != null && l.role.isAdmin ? [
+      {
+        id: "statusForAdmin",
+        header: () => q(Ve, {}, () => h("inventory.production.run.list.columns.status")),
+        cell: (o) => o.row.original.status,
+        enableSorting: !1,
+        size: 160
+      }
+    ] : [],
+    {
+      id: "status",
+      header: () => g("status", h("inventory.production.run.list.columns.status")),
+      enableSorting: !1,
+      size: 160,
+      meta: { headerClass: "p-0" },
+      cell: (o) => q(bt, { status: o.row.original.status })
+    },
+    {
+      id: "updatedAt",
+      header: () => g("updatedAt", h("inventory.production.run.list.columns.updated")),
+      enableSorting: !1,
+      minSize: 200,
+      size: 246,
+      maxSize: 246,
+      meta: { headerClass: "p-0" },
+      cell: (o) => {
+        const u = o.row.original, i = je(u);
+        return q(
+          "span",
+          { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary whitespace-nowrap" },
+          zt((i == null ? void 0 : i.at) ?? u.createdAt)
+        );
+      }
+    },
+    {
+      id: "action",
+      header: "",
+      enableSorting: !1,
+      cell: (o) => q(It, {
+        run: o.row.original,
+        onAction: (u) => I(u, o.row.original)
+      }),
+      size: 64,
+      meta: {
+        cellClass: "",
+        headerClass: ""
+      }
+    }
+  ] };
+}
+const Jt = { class: "sr-only" }, Wt = ["aria-labelledby"], Xt = ["aria-label"], eo = {
+  key: 1,
+  "data-testid": "production-run-list-error",
+  class: "rounded-md border border-fm-color-system-error-200 bg-fm-color-system-error-100 p-32 text-center",
+  role: "alert"
+}, to = { class: "fm-typo-en-body-lg-600 mt-12 text-fm-color-typo-primary" }, oo = { class: "fm-typo-en-body-md-400 mt-4 text-fm-color-typo-secondary" }, no = {
+  key: 2,
+  "data-testid": "production-run-list-empty",
+  class: "rounded-md border border-dashed border-fm-color-neutral-gray-200 p-48 text-center"
+}, ro = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, ao = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, so = {
+  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"
+}, lo = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, io = { class: "mx-auto mt-4 max-w-[25rem] fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, uo = { class: "flex flex-col gap-[8px] py-[8px]" }, co = { class: "flex flex-col gap-[2px]" }, po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary" }, mo = { class: "flex min-w-0 flex-col gap-[2px]" }, vo = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, fo = { class: "fm-typo-en-body-lg-600 line-clamp-2 text-fm-color-typo-primary" }, yo = { class: "flex min-w-0 flex-col gap-[2px]" }, go = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, bo = {
+  "data-testid": "production-run-admin-status",
+  class: "flex flex-col gap-[4px]"
+}, _o = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, xo = { class: "flex flex-col gap-[2px]" }, ho = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, wo = { class: "flex flex-col gap-[2px]" }, ko = { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, $o = {
+  key: 0,
+  class: "flex items-center gap-16"
+}, So = { class: "fm-typo-en-body-md-400 flex items-center gap-6 text-fm-color-typo-secondary" }, Ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = /* @__PURE__ */ Y({
+  __name: "ProductionRunView",
+  setup(I) {
+    const { t } = Z(), c = ut(), R = ct(), d = _t(), w = Rt(), h = Ct(), $ = mt(), _ = x([]), g = x(!1), k = x(null), l = x(""), o = x("all"), u = x([{ id: "updatedAt", desc: !0 }]), i = x(!1), N = x(null);
+    let T = 0;
+    async function B() {
+      const e = ++T;
+      g.value = !0, k.value = null;
+      try {
+        const n = await d.list();
+        if (e !== T) return;
+        _.value = n;
+      } catch (n) {
+        if (e !== T) return;
+        const E = At(n);
+        k.value = E.message, R == null || R.open({
+          title: t("inventory.production.run.list.error.load"),
+          message: E.message,
+          type: "error"
+        });
+      } finally {
+        e === T && (g.value = !1);
+      }
+    }
+    w.watchLocation(B);
+    const se = y(() => xt(_.value)), s = y(
+      () => ht.map((e) => ({
+        label: t(`inventory.production.run.list.tabs.${e.key}`),
+        value: e.key,
+        badge: se.value[e.key],
+        id: `production-run-list-tab-${e.key}`,
+        controls: "production-run-list-panel"
+      }))
+    );
+    function m(e) {
+      var n;
+      return ((n = je(e)) == null ? void 0 : n.at) ?? e.createdAt;
+    }
+    function b(e, n, E) {
+      switch (E) {
+        case "runNo":
+          return e.runNo - n.runNo;
+        case "name":
+          return Ee(e).localeCompare(Ee(n));
+        case "status":
+          return Ue(e.status) - Ue(n.status);
+        case "updatedAt":
+          return Date.parse(m(e)) - Date.parse(m(n));
+        default:
+          return 0;
+      }
+    }
+    const z = y(() => {
+      const e = _.value.filter(
+        (F) => wt(F, o.value) && kt(F, l.value, ce)
+      ), n = u.value[0];
+      if (!n)
+        return e.sort(
+          (F, O) => b(O, F, "updatedAt") || b(O, F, "runNo")
+        );
+      const E = n.desc ? -1 : 1;
+      return e.sort(
+        (F, O) => E * b(F, O, n.id) || b(O, F, "runNo")
+      );
+    }), { breakpoints: M } = dt(), S = y(() => M.value.xs || M.value.sm), L = x(S.value ? 10 : 20), Be = [10, 20, 50].map((e) => ({ label: String(e), value: e })), C = x(0), G = y(() => Math.max(1, Math.ceil(z.value.length / L.value))), He = y(
+      () => Array.from({ length: G.value }, (e, n) => ({
+        label: String(n + 1),
+        value: n + 1
+      }))
+    ), ue = y(() => {
+      const e = C.value * L.value;
+      return z.value.slice(e, e + L.value);
+    }), Ke = y(
+      () => S.value ? ue.value.map((e) => `${e._id}:${e._rev}`).join("|") : "desktop"
+    ), Ge = y(() => z.value.length ? C.value * L.value + 1 : 0), Qe = y(() => Math.min((C.value + 1) * L.value, z.value.length));
+    re([l, o, u], () => C.value = 0), re(S, (e) => {
+      L.value = e ? 10 : 20, C.value = 0;
+    }), re(G, (e) => {
+      C.value = Math.min(C.value, e - 1);
+    });
+    function Ye(e) {
+      L.value = Number(e), C.value = 0;
+    }
+    function Ze(e) {
+      C.value = Math.min(Math.max(Number(e) - 1, 0), G.value - 1);
+    }
+    function Je() {
+      l.value = "", o.value = "all";
+    }
+    function We(e) {
+      const n = u.value[0];
+      u.value = [
+        (n == null ? void 0 : n.id) === e ? { id: e, desc: !n.desc } : { id: e, desc: !1 }
+      ];
+    }
+    function ce(e) {
+      return h.skuById[e];
+    }
+    function J(e) {
+      c.push({ name: Ft.PRODUCTION_RUN_DETAIL, params: { id: e._id } });
+    }
+    function Xe(e, n) {
+      J(n);
+    }
+    const { columnDefs: et } = Zt(
+      Xe,
+      ce,
+      J,
+      () => u.value[0],
+      We
+    );
+    function de(e) {
+      e === "refresh" && B(), e === "create" && (N.value = null, i.value = !0);
+    }
+    const tt = y(() => [
+      {
+        label: t("inventory.common.refresh"),
+        value: "refresh",
+        prependIcon: "refresh"
+      },
+      {
+        label: t("inventory.production.run.list.actions.create"),
+        value: "create",
+        prependIcon: "add",
+        isPrimary: !0
+      }
+    ]);
+    function ot() {
+      N.value = null, B();
+    }
+    return (e, n) => {
+      const E = V("FmIcon"), F = V("FmButton"), O = V("FmTable"), pe = V("FmSelect");
+      return f(), Q(vt, {
+        title: r(t)("inventory.production.run.list.title"),
+        actions: tt.value,
+        "onClick:action": de
+      }, {
+        default: U(() => [
+          a("div", {
+            "data-testid": "production-run-list-content",
+            class: j([
+              "flex w-full max-h-full flex-col gap-12",
+              {
+                "p-0": S.value,
+                "px-24": !S.value
+              }
+            ])
+          }, [
+            a("h1", Jt, p(r(t)("inventory.production.run.list.title")), 1),
+            v(ft, {
+              "change-location": "",
+              searchable: "",
+              search: l.value,
+              "onUpdate:search": n[1] || (n[1] = (P) => l.value = P)
+            }, {
+              default: U(() => [
+                v($t, {
+                  modelValue: o.value,
+                  "onUpdate:modelValue": n[0] || (n[0] = (P) => o.value = P),
+                  items: s.value,
+                  ariaLabel: r(t)("inventory.production.run.list.tabsLabel"),
+                  density: "list"
+                }, null, 8, ["modelValue", "items", "ariaLabel"])
+              ]),
+              _: 1
+            }, 8, ["search"]),
+            a("div", {
+              id: "production-run-list-panel",
+              role: "tabpanel",
+              "aria-labelledby": `production-run-list-tab-${o.value}`,
+              class: j(["flex min-h-0 flex-col", !g.value && !k.value && z.value.length ? "overflow-hidden" : "overflow-y-auto"]),
+              style: lt(r($).tableHeight)
+            }, [
+              g.value ? (f(), A("div", {
+                key: 0,
+                "data-testid": "production-run-list-loading",
+                class: "space-y-12 p-16",
+                "aria-busy": "true",
+                "aria-label": r(t)("inventory.production.run.list.loading")
+              }, [
+                (f(), A(le, null, ie(6, (P) => a("div", {
+                  key: P,
+                  "data-testid": "production-run-list-skeleton-row",
+                  class: "h-80 w-full animate-pulse rounded-md bg-fm-color-neutral-gray-100"
+                })), 64))
+              ], 8, Xt)) : k.value ? (f(), A("div", eo, [
+                v(E, {
+                  name: "error_outline",
+                  size: "lg",
+                  class: "text-fm-color-typo-error"
+                }),
+                a("h2", to, p(r(t)("inventory.production.run.list.error.load")), 1),
+                a("p", oo, p(k.value), 1),
+                v(F, {
+                  "data-testid": "production-run-list-retry",
+                  class: "mx-auto mt-16",
+                  label: r(t)("inventory.production.run.list.error.retry"),
+                  variant: "secondary",
+                  onClick: B
+                }, null, 8, ["label"])
+              ])) : _.value.length === 0 ? (f(), A("div", no, [
+                a("div", ro, p(r(t)("inventory.production.run.list.empty.noneTitle")), 1),
+                a("div", ao, p(r(t)("inventory.production.run.list.empty.noneDescription")), 1),
+                v(F, {
+                  "data-testid": "production-run-list-empty-create",
+                  class: "mx-auto mt-16",
+                  label: r(t)("inventory.production.run.list.empty.create"),
+                  "prepend-icon": "add",
+                  onClick: n[2] || (n[2] = (P) => de("create"))
+                }, null, 8, ["label"])
+              ])) : z.value.length === 0 ? (f(), A("div", so, [
+                a("div", lo, p(r(t)("inventory.production.run.list.empty.noMatchTitle")), 1),
+                a("div", io, p(l.value.trim() ? r(t)("inventory.production.run.list.empty.searchDescription", {
+                  query: l.value.trim()
+                }) : r(t)("inventory.production.run.list.empty.noMatchDescription")), 1),
+                v(F, {
+                  "data-testid": "production-run-list-clear-filters",
+                  class: "mx-auto mt-12",
+                  label: r(t)("inventory.production.run.list.empty.clearFilters"),
+                  "aria-label": r(t)("inventory.production.run.list.empty.clearFilters"),
+                  variant: "tertiary",
+                  onClick: Je
+                }, null, 8, ["label", "aria-label"])
+              ])) : (f(), Q(O, {
+                key: Ke.value,
+                class: "production-run-table min-h-0 flex-1",
+                "column-defs": r(et),
+                "row-data": ue.value,
+                loading: g.value,
+                "page-size": L.value,
+                "pin-header-row": !1,
+                "hide-footer": "",
+                onRowClick: n[3] || (n[3] = (P) => J(P.original))
+              }, {
+                "list-row": U((P) => [
+                  v(it, {
+                    "data-testid": "production-run-mobile-row",
+                    class: "production-run-mobile-row !py-8",
+                    row: P,
+                    onRowClick: J
+                  }, {
+                    default: U((D) => {
+                      var me, ve, fe, W, ye, ge, be, _e, X, xe, he, we, ke, ee, $e, Se, Ae, Re, te, Ce, Fe, Pe, ze, oe, De;
+                      return [
+                        a("div", uo, [
+                          a("div", co, [
+                            n[7] || (n[7] = a("span", { class: "text-[12px] font-medium leading-[18px] text-fm-color-typo-secondary" }, "#", -1)),
+                            a("div", po, [
+                              v(r(H), {
+                                render: (fe = (ve = (me = D.runNo) == null ? void 0 : me.column) == null ? void 0 : ve.columnDef) == null ? void 0 : fe.cell,
+                                props: (ye = (W = D.runNo) == null ? void 0 : W.getContext) == null ? void 0 : ye.call(W)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          a("div", mo, [
+                            a("span", vo, p(r(t)("inventory.production.run.list.columns.name")), 1),
+                            a("div", fo, [
+                              v(r(H), {
+                                render: (_e = (be = (ge = D.name) == null ? void 0 : ge.column) == null ? void 0 : be.columnDef) == null ? void 0 : _e.cell,
+                                props: (xe = (X = D.name) == null ? void 0 : X.getContext) == null ? void 0 : xe.call(X)
+                              }, null, 8, ["render", "props"])
+                            ])
+                          ]),
+                          a("div", yo, [
+                            a("span", go, p(r(t)("inventory.production.run.list.columns.items")), 1),
+                            v(r(H), {
+                              render: (ke = (we = (he = D.items) == null ? void 0 : he.column) == null ? void 0 : we.columnDef) == null ? void 0 : ke.cell,
+                              props: ($e = (ee = D.items) == null ? void 0 : ee.getContext) == null ? void 0 : $e.call(ee)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          D.statusForAdmin ? (f(), Q(Ve, { key: 0 }, {
+                            default: U(() => {
+                              var Ne, Me, Ie, ne, Te;
+                              return [
+                                a("div", bo, [
+                                  a("span", _o, p(r(t)("inventory.production.run.list.columns.status")), 1),
+                                  v(r(H), {
+                                    render: (Ie = (Me = (Ne = D.statusForAdmin) == null ? void 0 : Ne.column) == null ? void 0 : Me.columnDef) == null ? void 0 : Ie.cell,
+                                    props: (Te = (ne = D.statusForAdmin) == null ? void 0 : ne.getContext) == null ? void 0 : Te.call(ne)
+                                  }, null, 8, ["render", "props"])
+                                ])
+                              ];
+                            }),
+                            _: 2
+                          }, 1024)) : K("", !0),
+                          a("div", xo, [
+                            a("span", ho, p(r(t)("inventory.production.run.list.columns.status")), 1),
+                            v(r(H), {
+                              render: (Re = (Ae = (Se = D.status) == null ? void 0 : Se.column) == null ? void 0 : Ae.columnDef) == null ? void 0 : Re.cell,
+                              props: (Ce = (te = D.status) == null ? void 0 : te.getContext) == null ? void 0 : Ce.call(te)
+                            }, null, 8, ["render", "props"])
+                          ]),
+                          a("div", wo, [
+                            a("span", ko, p(r(t)("inventory.production.run.list.columns.updated")), 1),
+                            v(r(H), {
+                              render: (ze = (Pe = (Fe = D.updatedAt) == null ? void 0 : Fe.column) == null ? void 0 : Pe.columnDef) == null ? void 0 : ze.cell,
+                              props: (De = (oe = D.updatedAt) == null ? void 0 : oe.getContext) == null ? void 0 : De.call(oe)
+                            }, null, 8, ["render", "props"])
+                          ])
+                        ])
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["row"])
+                ]),
+                _: 1
+              }, 8, ["column-defs", "row-data", "loading", "page-size"])),
+              !g.value && !k.value && z.value.length ? (f(), A("div", {
+                key: 5,
+                "data-testid": "production-run-pager",
+                class: j([
+                  "flex items-center justify-between gap-8 bg-white px-24",
+                  S.value ? "production-run-mobile-pager sticky bottom-0 z-10 w-full shrink-0" : "basis-72 gap-12"
+                ])
+              }, [
+                S.value ? K("", !0) : (f(), A("div", $o, [
+                  a("label", So, [
+                    a("span", null, p(r(t)("inventory.production.run.list.pagination.itemsPerPageLabel")), 1),
+                    v(pe, {
+                      "model-value": L.value,
+                      items: r(Be),
+                      compact: "",
+                      size: "sm",
+                      class: "w-80",
+                      "aria-label": r(t)("inventory.production.run.list.pagination.itemsPerPage"),
+                      "onUpdate:modelValue": Ye
+                    }, null, 8, ["model-value", "items", "aria-label"])
+                  ]),
+                  a("span", Ao, p(r(t)("inventory.production.run.list.pagination.items", {
+                    start: Ge.value,
+                    end: Qe.value,
+                    total: z.value.length
+                  })), 1)
+                ])),
+                a("div", {
+                  "data-testid": "production-run-pager-controls",
+                  class: j(["flex items-center gap-8", S.value ? "w-full justify-between" : "ml-auto"])
+                }, [
+                  v(pe, {
+                    "model-value": C.value + 1,
+                    items: He.value,
+                    compact: !S.value,
+                    size: S.value ? void 0 : "sm",
+                    class: j(S.value ? void 0 : "w-72"),
+                    "aria-label": r(t)("inventory.production.run.list.pagination.selectPage"),
+                    "onUpdate:modelValue": Ze
+                  }, null, 8, ["model-value", "items", "compact", "size", "class", "aria-label"]),
+                  a("span", {
+                    "data-testid": "production-run-page-count",
+                    class: j(["fm-typo-en-body-lg-400 whitespace-nowrap text-fm-color-typo-primary", { "mr-auto": S.value }])
+                  }, p(r(t)("inventory.production.run.list.pagination.ofPages", { total: G.value })), 3),
+                  v(F, {
+                    variant: "tertiary",
+                    icon: "chevron_left",
+                    "icon-color": "neutral-black",
+                    "aria-label": r(t)("inventory.production.run.list.pagination.previous"),
+                    disabled: C.value === 0,
+                    onClick: n[4] || (n[4] = (P) => C.value--)
+                  }, null, 8, ["aria-label", "disabled"]),
+                  v(F, {
+                    variant: "tertiary",
+                    icon: "chevron_right",
+                    "icon-color": "neutral-black",
+                    "aria-label": r(t)("inventory.production.run.list.pagination.next"),
+                    disabled: C.value >= G.value - 1,
+                    onClick: n[5] || (n[5] = (P) => C.value++)
+                  }, null, 8, ["aria-label", "disabled"])
+                ], 2)
+              ], 2)) : K("", !0)
+            ], 14, Wt)
+          ], 2),
+          i.value ? (f(), Q(St, {
+            key: 0,
+            show: !0,
+            run: N.value,
+            "duplicate-sources": _.value,
+            "onUpdate:show": n[6] || (n[6] = (P) => i.value = P),
+            onSaved: ot
+          }, null, 8, ["run", "duplicate-sources"])) : K("", !0)
+        ]),
+        _: 1
+      }, 8, ["title", "actions"]);
+    };
+  }
+}), qo = /* @__PURE__ */ Dt(Ro, [["__scopeId", "data-v-49c2456a"]]);
+export {
+  qo as default
+};