@feedmepos/mf-menu-portal 1.0.4-dev.2 → 1.0.4-dev.4

package/dist/ProductList.vue_vue_type_script_setup_true_lang-BwKQESr3.js

@@ -0,0 +1,2765 @@
+import { defineComponent as $e, resolveComponent as U, openBlock as o, createBlock as F, createSlots as Jt, withCtx as A, createElementVNode as u, normalizeStyle as Qt, unref as a, createElementBlock as y, createVNode as v, isRef as Zt, createCommentVNode as M, Fragment as Q, renderList as ie, toDisplayString as O, renderSlot as Ze, computed as b, ref as H, watch as ge, h as V, normalizeClass as _e, withModifiers as we, withKeys as wt, shallowRef as xe, onUnmounted as el, createTextVNode as tl, nextTick as ll } from "vue";
+import { _ as Ct } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
+import { useI18n as Se, useCoreStore as al } from "@feedmepos/mf-common";
+import { _ as Ft, R as ol, A as $t, h as Ge } from "./app-BWwwHsWi.js";
+import { _ as qe, a as nl } from "./ProductAttributeFilter.vue_vue_type_script_setup_true_lang-B2KdolJS.js";
+import { a as St, b as sl, _ as rl } from "./TreeEditorOpenner.vue_vue_type_script_setup_true_lang-CshqYpc9.js";
+import { u as il, a as ul } from "./ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-0UwUcA2L.js";
+import { components as re, useDialog as cl, useBreakpoints as ml, FmButtonVariant as fe, FmButtonColorThemeVariant as ye } from "@feedmepos/ui-library";
+import { _ as dl } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { _ as He } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-cG47Pu-6.js";
+import { _ as pl } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-CAkLEmSA.js";
+import { _ as vl } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
+import { b as Ot, u as je, d as fl } from "./provide-CDmXzkhz.js";
+import { _ as bl } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-D8NQTCLx.js";
+import { _ as yl } from "./ProductEditorHost.vue_vue_type_script_setup_true_lang-CBlDEjqF.js";
+import { _ as It } from "./ProductFilterMenu.vue_vue_type_script_setup_true_lang-Cgc0Ms_n.js";
+import { O as Ne, a as gl, _ as _l } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CnI80Ojd.js";
+import { u as Mt } from "./useActionFeedback-Dm2HDa_2.js";
+import { _ as hl } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
+import { _ as kl } from "./vuedraggable-CBtQLb_S.js";
+import { u as xl } from "./useEditorValidation-Ctef5Bxt.js";
+import { useRouter as wl } from "vue-router";
+const Cl = {
+  key: 0,
+  class: "sticky top-0 z-10 px-8 pb-8 bg-fm-color-neutral-white"
+}, Fl = {
+  key: 1,
+  class: "py-8 px-12 fm-typo-en-body-md-400 text-fm-color-typo-tertiary"
+}, $l = /* @__PURE__ */ $e({
+  __name: "BulkCategorySelect",
+  props: {
+    items: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C, { emit: m }) {
+    const t = C, L = m, { t: n } = Se(), { search: R, filtered: g, noMatches: h, reset: B } = il(
+      () => t.items,
+      (w) => w.label
+    ), { content: K, contentStyle: _, onMenuChanged: D } = ul();
+    function G(w) {
+      w || B(), D(w);
+    }
+    return (w, W) => {
+      const X = U("FmSearch"), Z = U("FmMenuItem"), r = U("FmSelect");
+      return o(), F(r, {
+        items: w.items,
+        multiselect: "",
+        "keep-selection-order": "",
+        "model-value": w.modelValue,
+        "onUpdate:modelValue": W[1] || (W[1] = (se) => L("update:modelValue", se ?? [])),
+        onDropdownChanged: G
+      }, Jt({
+        "menu-wrapper": A(({ handleItemChange: se }) => [
+          u("div", {
+            ref_key: "content",
+            ref: K,
+            class: "shrink-0",
+            style: Qt(a(_))
+          }, [
+            w.items.length ? (o(), y("div", Cl, [
+              v(X, {
+                modelValue: a(R),
+                "onUpdate:modelValue": W[0] || (W[0] = (ee) => Zt(R) ? R.value = ee : null),
+                autofocus: "",
+                placeholder: a(n)("menu.common.actions.search")
+              }, null, 8, ["modelValue", "placeholder"])
+            ])) : M("", !0),
+            (o(!0), y(Q, null, ie(a(g), (ee) => (o(), F(Z, {
+              key: ee.value,
+              label: ee.label,
+              "has-checkbox": "",
+              class: "scroll-mt-56",
+              "data-checked": w.modelValue.includes(ee.value),
+              "model-value": w.modelValue.includes(ee.value),
+              "onUpdate:modelValue": (S) => se(S, ee)
+            }, null, 8, ["label", "data-checked", "model-value", "onUpdate:modelValue"]))), 128)),
+            a(h) ? (o(), y("p", Fl, O(a(n)("menu.product.form.detail.category.no_results")), 1)) : M("", !0)
+          ], 4)
+        ]),
+        _: 2
+      }, [
+        w.$slots.default ? {
+          name: "default",
+          fn: A(() => [
+            Ze(w.$slots, "default")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["items", "model-value"]);
+    };
+  }
+}), Sl = { class: "flex items-center gap-8" }, Il = { class: "fm-typo-en-title-md-600" }, Vl = {
+  key: 0,
+  class: "space-y-16"
+}, Pl = { class: "flex items-center gap-8" }, Ll = { class: "w-[72px] h-[72px] rounded-md border border-fm-color-neutral-gray-200 flex items-center justify-center overflow-hidden" }, El = ["src", "alt"], Ol = { class: "space-y-4" }, Ml = { class: "fm-typo-en-title-md-600" }, Ul = { class: "text-fm-color-typo-secondary" }, Al = { class: "flex" }, Rl = { class: "w-[260px] space-y-16" }, Tl = { class: "flex items-center gap-4 px-8" }, Dl = { class: "fm-typo-en-title-sm-600" }, jl = { class: "flex-1 min-w-0 overflow-x-auto" }, Nl = {
+  key: 1,
+  class: "p-24 text-fm-color-typo-secondary"
+}, zl = {
+  key: 2,
+  class: "flex justify-center p-24"
+}, Bl = /* @__PURE__ */ $e({
+  __name: "ProductOverviewSheet",
+  props: {
+    modelValue: { type: Boolean },
+    state: {}
+  },
+  emits: ["update:modelValue"],
+  setup(C, { emit: m }) {
+    const t = C, L = m, { t: n, n: R } = Se(), g = b(
+      () => {
+        var c;
+        return ((c = t.state) == null ? void 0 : c.status) === "ready" ? t.state.value : null;
+      }
+    ), h = b(() => {
+      var c, p;
+      return ((c = t.state) == null ? void 0 : c.status) === "error" ? n("menu.product.overview.read_error") : ((p = t.state) == null ? void 0 : p.status) === "unavailable" ? n("menu.product.overview.unavailable") : null;
+    }), B = b({
+      get: () => t.modelValue,
+      set: (c) => L("update:modelValue", c)
+    }), K = H("product"), _ = H(null);
+    ge(
+      () => {
+        var c;
+        return (c = g.value) == null ? void 0 : c.itemId;
+      },
+      () => {
+        _.value = null, K.value = "product";
+      }
+    );
+    const D = b(() => {
+      var c;
+      return ((c = g.value) == null ? void 0 : c.scopes) ?? [];
+    }), G = b(
+      () => D.value.find(
+        (c) => c.catalogId === _.value
+      ) ?? D.value[0]
+    ), w = b(
+      () => {
+        var c;
+        return (((c = g.value) == null ? void 0 : c.groupScopes) ?? []).find(
+          (p) => p.catalogId === _.value
+        );
+      }
+    ), W = (c, p) => c === null ? n("menu.product.overview.master_product") : p;
+    function X(c, p) {
+      return c == null ? n("menu.common.labels.empty_value") : p ? R(c, {
+        style: "currency",
+        currency: p,
+        currencyDisplay: "narrowSymbol"
+      }) : R(c, { minimumFractionDigits: 2 });
+    }
+    const Z = b(
+      () => [
+        {
+          accessorKey: "schedulerLabel",
+          header: () => n("menu.common.labels.scheduler"),
+          enableSorting: !1,
+          cell: (c) => c.getValue() ?? n("menu.scheduler.dialog.sections.period.all_day")
+        },
+        {
+          accessorKey: "code",
+          header: () => n("menu.product.table.columns.code"),
+          enableSorting: !1,
+          cell: (c) => c.getValue() ?? n("menu.common.labels.empty_value")
+        },
+        {
+          accessorKey: "name",
+          header: () => n("menu.product.table.columns.name"),
+          enableSorting: !1
+        },
+        {
+          accessorKey: "price",
+          header: () => n("menu.product.form.variant.columns.price"),
+          enableSorting: !1,
+          cell: (c) => {
+            const p = c.getValue();
+            return X((p == null ? void 0 : p.amount) ?? null, null);
+          }
+        },
+        {
+          accessorKey: "orderFrom",
+          header: () => n("menu.product.table.columns.order_from"),
+          enableSorting: !1,
+          cell: (c) => {
+            const p = c.getValue();
+            return p === null ? n("menu.common.labels.empty_value") : V(
+              re.FmChip,
+              { compact: !0, class: "fm-typo-en-body-md-600" },
+              () => n(Ne[p])
+            );
+          }
+        }
+      ]
+    ), r = b({
+      get: () => _.value ?? "",
+      set: (c) => {
+        _.value = c || null;
+      }
+    });
+    ge(K, () => {
+      _.value = null;
+    });
+    const se = b(
+      () => {
+        var c;
+        return K.value === "product" ? D.value.map((p) => ({
+          value: p.catalogId ?? "",
+          label: W(p.catalogId, p.label),
+          badge: p.badge,
+          disabled: !p.linked
+        })) : (((c = g.value) == null ? void 0 : c.groupScopes) ?? []).map((p) => ({
+          value: p.catalogId ?? "",
+          label: W(p.catalogId, p.label),
+          badge: p.groups.length,
+          disabled: p.groups.length === 0
+        }));
+      }
+    ), ee = b(
+      () => {
+        var c;
+        return (((c = w.value) == null ? void 0 : c.groups) ?? []).map((p) => ({
+          groupName: p.groupName,
+          subRows: [...p.rows]
+        }));
+      }
+    ), S = H({});
+    ge(
+      ee,
+      (c) => {
+        S.value = Object.fromEntries(c.map((p, I) => [I, !0]));
+      },
+      { immediate: !0 }
+    );
+    const J = b(() => [
+      {
+        accessorKey: "code",
+        header: () => n("menu.product.table.columns.code"),
+        enableSorting: !1,
+        cell: ({ row: c }) => c.original.subRows ? V(
+          "div",
+          {
+            class: "flex items-center gap-2 fm-typo-en-body-md-600 text-fm-color-typo-secondary"
+          },
+          [
+            V(re.FmButton, {
+              icon: "keyboard_arrow_up",
+              variant: "tertiary",
+              "aria-label": n("menu.product.overview.toggle_group", {
+                name: c.original.groupName
+              }),
+              class: [
+                "cursor-pointer transition-transform",
+                c.getIsExpanded() ? "transform rotate-180" : ""
+              ],
+              onClick: c.getToggleExpandedHandler()
+            }),
+            n("menu.product.overview.found_in_group", {
+              name: c.original.groupName
+            })
+          ]
+        ) : c.original.code,
+        meta: {
+          colspan: (c) => c.original.subRows ? 5 : 1
+        }
+      },
+      ...[
+        {
+          accessorKey: "name",
+          header: () => n("menu.product.table.columns.name")
+        },
+        {
+          accessorKey: "combinationLabel",
+          header: () => n("menu.common.labels.variant")
+        },
+        {
+          accessorKey: "price",
+          header: () => n("menu.product.form.variant.columns.price"),
+          cell: ({ row: c }) => {
+            var p;
+            return X((p = c.original.price) == null ? void 0 : p.amount, null);
+          }
+        },
+        {
+          accessorKey: "orderFrom",
+          header: () => n("menu.product.table.columns.order_from"),
+          cell: ({ row: c }) => c.original.orderFrom ? V(
+            re.FmChip,
+            { compact: !0, class: "fm-typo-en-body-md-600" },
+            () => n(Ne[c.original.orderFrom])
+          ) : n("menu.common.labels.empty_value")
+        }
+      ].map((c) => ({
+        ...c,
+        enableSorting: !1,
+        meta: {
+          colspan: (p) => p.original.subRows ? 0 : 1
+        }
+      }))
+    ]);
+    return (c, p) => {
+      const I = U("FmCircularProgress"), $ = U("FmIcon"), N = U("FmTabs"), i = U("FmBadge"), f = U("FmCollapsibleTabs"), j = U("FmTable"), ae = U("FmSideSheet");
+      return o(), F(ae, {
+        modelValue: B.value,
+        "onUpdate:modelValue": p[3] || (p[3] = (z) => B.value = z),
+        "max-width": 1200,
+        "dismiss-away": ""
+      }, {
+        "side-sheet-header": A(() => {
+          var z;
+          return [
+            u("div", Sl, [
+              u("p", Il, O(a(n)("menu.product.overview.title")), 1),
+              ((z = c.state) == null ? void 0 : z.status) === "ready" && c.state.stale ? (o(), F(I, {
+                key: 0,
+                size: "md"
+              })) : M("", !0)
+            ])
+          ];
+        }),
+        default: A(() => {
+          var z, Y, x;
+          return [
+            g.value ? (o(), y("div", Vl, [
+              u("div", Pl, [
+                u("div", Ll, [
+                  g.value.thumbnailUrl ? (o(), y("img", {
+                    key: 0,
+                    src: g.value.thumbnailUrl,
+                    alt: g.value.name,
+                    class: "w-full h-full object-cover"
+                  }, null, 8, El)) : (o(), F($, {
+                    key: 1,
+                    name: "image",
+                    outline: "",
+                    color: "neutral-gray-300"
+                  }))
+                ]),
+                u("div", Ol, [
+                  u("p", Ml, O(g.value.code ? a(n)("menu.group.list.product_code_name", {
+                    code: g.value.code,
+                    name: g.value.name
+                  }) : g.value.name), 1),
+                  u("p", Ul, O(a(n)("menu.common.labels.a11y_labelled_name", {
+                    label: a(n)("menu.product.overview.base_price"),
+                    name: X(
+                      ((z = g.value.basePrice) == null ? void 0 : z.amount) ?? null,
+                      ((Y = g.value.basePrice) == null ? void 0 : Y.currency) ?? null
+                    )
+                  })), 1)
+                ])
+              ]),
+              v(N, {
+                modelValue: K.value,
+                "onUpdate:modelValue": p[0] || (p[0] = (T) => K.value = T),
+                items: [
+                  { value: "product", label: a(n)("menu.common.labels.product") },
+                  { value: "group", label: a(n)("menu.group.title") }
+                ]
+              }, null, 8, ["modelValue", "items"]),
+              u("div", Al, [
+                u("div", Rl, [
+                  u("div", Tl, [
+                    u("p", Dl, O(a(n)("menu.common.labels.catalog")), 1),
+                    v(i, {
+                      inline: "",
+                      variant: "neutral",
+                      value: K.value === "product" ? g.value.catalogCount : g.value.groupCount,
+                      class: "!rounded-md !bg-fm-color-neutral-gray-100 !text-fm-color-typo-primary"
+                    }, null, 8, ["value"])
+                  ]),
+                  v(Ft, null, {
+                    default: A(() => [
+                      v(f, {
+                        modelValue: r.value,
+                        "onUpdate:modelValue": p[1] || (p[1] = (T) => r.value = T),
+                        items: se.value
+                      }, null, 8, ["modelValue", "items"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                p[4] || (p[4] = u("div", { class: "w-[1px] min-h-full ml-4 mr-12 bg-fm-color-neutral-gray-100 self-stretch" }, null, -1)),
+                u("div", jl, [
+                  K.value === "product" && G.value ? (o(), F(j, {
+                    key: 0,
+                    "column-defs": Z.value,
+                    "row-data": [...G.value.rows],
+                    "page-size": Math.max(G.value.rows.length, 1),
+                    "hide-footer": "",
+                    "shrink-at": !1
+                  }, null, 8, ["column-defs", "row-data", "page-size"])) : K.value === "group" ? (o(), F(Ft, { key: 1 }, {
+                    default: A(() => [
+                      v(j, {
+                        "column-defs": J.value,
+                        "row-data": ee.value,
+                        "get-sub-row": (T) => T.subRows,
+                        "expanded-state": S.value,
+                        "page-size": 1e6,
+                        "hide-footer": "",
+                        "shrink-at": !1,
+                        "onUpdate:expandedState": p[2] || (p[2] = (T) => S.value = T)
+                      }, null, 8, ["column-defs", "row-data", "get-sub-row", "expanded-state"])
+                    ]),
+                    _: 1
+                  })) : M("", !0)
+                ])
+              ])
+            ])) : h.value ? (o(), y("p", Nl, O(h.value), 1)) : ((x = c.state) == null ? void 0 : x.status) === "loading" ? (o(), y("div", zl, [
+              v(I, { size: "lg" })
+            ])) : M("", !0)
+          ];
+        }),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Kl = { class: "flex flex-col w-full h-full" }, Gl = {
+  key: 0,
+  class: "mx-16 mb-8 flex items-center gap-8 rounded-lg bg-fm-color-system-info-100 p-16"
+}, ql = { class: "fm-typo-en-body-lg-400" }, Hl = { class: "fm-typo-en-body-lg-400" }, Wl = { class: "xs:overflow-x-auto xs:shrink-0" }, Xl = {
+  key: 1,
+  class: "flex-1 flex overflow-hidden xs:flex-col"
+}, Yl = { class: "w-[300px] overflow-y-auto xs:w-full xs:max-h-[40%] xs:shrink-0 xs:border-b xs:border-fm-color-neutral-gray-200" }, Jl = { class: "flex min-w-0 w-full items-center gap-8" }, Ql = { class: "flex min-w-0 w-full items-center gap-8 pl-16" }, Zl = { class: "flex min-w-0 w-full items-center gap-8 pl-32" }, ea = { class: "flex-1 flex flex-col overflow-auto px-16 pb-16 pt-8 xs:px-0" }, ta = {
+  key: 0,
+  class: "border border-fm-color-neutral-gray-200 fm-corner-radius-md p-16"
+}, la = { class: "flex items-center gap-8 pb-8" }, aa = { class: "fm-typo-en-title-sm-600" }, oa = { class: "fm-typo-en-title-sm-600 pb-8" }, na = {
+  key: 2,
+  class: "mt-8 px-16 fm-typo-en-body-lg-600"
+}, Vt = "line-clamp-2 w-full xs:!line-clamp-none", sa = /* @__PURE__ */ $e({
+  __name: "ImportDiffPreview",
+  props: {
+    show: { type: Boolean },
+    diff: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(C, { emit: m }) {
+    var $, N;
+    const t = C, L = m, { t: n, n: R } = Se(), g = H(((N = ($ = t.diff) == null ? void 0 : $.tabs[0]) == null ? void 0 : N.id) ?? "product"), h = H(null), B = H(/* @__PURE__ */ new Set());
+    function K(i) {
+      const f = new Set(B.value);
+      f.has(i) ? f.delete(i) : f.add(i), B.value = f;
+    }
+    const _ = b(
+      () => {
+        var i;
+        return (((i = t.diff) == null ? void 0 : i.tabs) ?? []).map((f) => ({
+          value: f.id,
+          label: n(`menu.import_export.diff.tabs.${f.id}`)
+        }));
+      }
+    ), D = b(
+      () => {
+        var i;
+        return ((i = t.diff) == null ? void 0 : i.tabs.find((f) => f.id === g.value)) ?? null;
+      }
+    ), G = b(() => {
+      var i;
+      return ((i = D.value) == null ? void 0 : i.entities) ?? [];
+    }), w = b(
+      () => G.value.find((i) => i.key === h.value) ?? null
+    );
+    ge(
+      [g, G],
+      () => {
+        var i;
+        G.value.some((f) => f.key === h.value) || (h.value = ((i = G.value[0]) == null ? void 0 : i.key) ?? null);
+      },
+      { immediate: !0 }
+    );
+    const W = b(
+      () => {
+        var i;
+        return (((i = D.value) == null ? void 0 : i.groups) ?? []).map((f) => {
+          const j = G.value.find((x) => x.isHeading && x.groupId === f.id) ?? null, ae = G.value.filter(
+            (x) => x.groupId === f.id && !x.isHeading
+          ), z = [], Y = /* @__PURE__ */ new Map();
+          for (const x of ae)
+            Y.has(x.id) || (Y.set(x.id, []), z.push(x.id)), Y.get(x.id).push(x);
+          return {
+            ...f,
+            heading: j,
+            products: z.map((x) => {
+              const T = Y.get(x), te = T.find((ue) => ue.variantName === null);
+              return {
+                id: x,
+                name: T[0].name,
+                base: te ?? null,
+                variants: T.filter((ue) => ue.variantName !== null)
+              };
+            })
+          };
+        });
+      }
+    ), X = {
+      ADDON: "menu.import_export.diff.groups.addon",
+      takeaway: "menu.import_export.diff.tabs.takeaway",
+      addonGroup: "menu.import_export.diff.tabs.addonGroup",
+      category: "menu.import_export.diff.tabs.category",
+      subcategory: "menu.import_export.diff.tabs.subcategory"
+    };
+    function Z(i) {
+      if (i.name !== null) return i.name;
+      const f = X[i.id];
+      return f ? n(f) : i.id;
+    }
+    function r(i) {
+      switch (i.kind) {
+        case "money":
+          return R(i.amount / 10 ** i.precision, {
+            minimumFractionDigits: i.precision,
+            maximumFractionDigits: i.precision
+          });
+        case "moneyList":
+          return `[${i.items.map(
+            (f) => R(f.amount / 10 ** f.precision, {
+              minimumFractionDigits: f.precision,
+              maximumFractionDigits: f.precision
+            })
+          ).join(", ")}]`;
+        case "statutoryCharges":
+          return i.charges.map((f) => `${f.code} × ${R(f.unitCount)}`).join(", ");
+        case "absent":
+          return n("menu.import_export.diff.values.absent");
+        case "followDefault":
+          return n("menu.import_export.diff.values.follow_default");
+        default:
+          return i.text;
+      }
+    }
+    function se(i, f) {
+      const j = i.cells[f];
+      return j ? j.before === null ? r(j.after) : `${r(j.before)} > ${r(j.after)}` : n("menu.import_export.diff.values.no_change");
+    }
+    const ee = b(
+      () => {
+        var i, f;
+        return (((i = w.value) == null ? void 0 : i.columns) ?? ((f = D.value) == null ? void 0 : f.columns) ?? []).map(
+          (j) => j.id === "default" && j.name === null ? {
+            id: j.id,
+            header: () => n("menu.import_export.diff.columns.default"),
+            cell: (ae) => se(ae.row.original, j.id),
+            // Legacy's 300px floor (`PreviewProduct2.vue:96`) is wider than
+            // the table's whole card on a phone, where it wrapped every long
+            // value at 300px and left the end of each line off screen. Below
+            // `xs` the column takes the width the card has instead.
+            meta: {
+              headerClass: "min-w-[300px] xs:min-w-0",
+              cellSpanClass: Vt
+            }
+          } : {
+            id: j.id,
+            header: () => j.name ?? "",
+            cell: (ae) => se(ae.row.original, j.id),
+            meta: { cellSpanClass: Vt }
+          }
+        );
+      }
+    ), S = b(() => [
+      {
+        id: "field",
+        header: () => n("menu.import_export.diff.columns.field"),
+        cell: (i) => i.row.original.field
+      },
+      ...ee.value
+    ]), J = (i) => i ? "T" : "F", c = [
+      {
+        id: "product",
+        header: () => n("menu.group.list.columns.products"),
+        cell: (i) => i.row.original.name
+      },
+      {
+        id: "linked",
+        header: () => n("menu.import_export.diff.columns.default"),
+        cell: (i) => {
+          const f = i.row.original;
+          return `${J(f.before)} > ${J(f.after)}`;
+        }
+      }
+    ], p = b(() => {
+      var i;
+      return [
+        ...((i = w.value) == null ? void 0 : i.linkedProducts) ?? []
+      ];
+    }), I = b(
+      () => n("menu.import_export.diff.empty", {
+        tab: n(`menu.import_export.diff.tabs.${g.value}`)
+      })
+    );
+    return (i, f) => {
+      const j = U("FmIcon"), ae = U("FmTabs"), z = U("FmChip"), Y = U("FmListItem"), x = U("FmList"), T = U("FmTable");
+      return o(), F(He, {
+        show: i.show,
+        title: a(n)("menu.import_export.diff.title"),
+        "primary-action": { label: a(n)("menu.import_export.preview.actions.confirm") },
+        "secondary-actions": [
+          {
+            label: a(n)("menu.import_export.preview.actions.cancel"),
+            click: () => L("cancel")
+          }
+        ],
+        onOnPrimary: f[1] || (f[1] = (te) => L("confirm")),
+        onOnCancel: f[2] || (f[2] = (te) => L("cancel"))
+      }, {
+        default: A(() => {
+          var te, ue;
+          return [
+            u("div", Kl, [
+              (te = i.diff) != null && te.newCatalogs.length ? (o(), y("div", Gl, [
+                v(j, {
+                  name: "info",
+                  color: "system-info-300"
+                }),
+                u("div", null, [
+                  u("p", ql, O(a(n)("menu.import_export.diff.new_catalogs")), 1),
+                  u("ul", Hl, [
+                    (o(!0), y(Q, null, ie(i.diff.newCatalogs, (E) => (o(), y("li", {
+                      key: E.id
+                    }, O(E.name), 1))), 128))
+                  ])
+                ])
+              ])) : M("", !0),
+              u("div", Wl, [
+                v(ae, {
+                  "model-value": g.value,
+                  items: _.value,
+                  "onUpdate:modelValue": f[0] || (f[0] = (E) => g.value = E)
+                }, null, 8, ["model-value", "items"])
+              ]),
+              G.value.length ? (o(), y("div", Xl, [
+                u("div", Yl, [
+                  v(x, null, {
+                    default: A(() => [
+                      (o(!0), y(Q, null, ie(W.value, (E) => (o(), y(Q, {
+                        key: E.id
+                      }, [
+                        v(Y, {
+                          "data-testid": `import-diff-heading-${E.id}`,
+                          onClick: (q) => E.heading && !E.heading.isDeleted ? h.value = E.heading.key : void 0
+                        }, {
+                          default: A(() => {
+                            var q, he, ne;
+                            return [
+                              u("span", Jl, [
+                                v(j, {
+                                  name: "keyboard_arrow_down",
+                                  size: "sm"
+                                }),
+                                u("span", {
+                                  class: _e(["fm-typo-en-body-lg-400 truncate", {
+                                    "text-fm-color-typo-disabled": (q = E.heading) == null ? void 0 : q.isDeleted
+                                  }])
+                                }, O(Z(E)), 3),
+                                (he = E.heading) != null && he.isDeleted ? (o(), F(z, {
+                                  key: 0,
+                                  label: a(n)("menu.import_export.diff.deleted"),
+                                  variant: "critical",
+                                  class: "ml-auto"
+                                }, null, 8, ["label"])) : (ne = E.heading) != null && ne.isCreate ? (o(), F(z, {
+                                  key: 1,
+                                  label: a(n)("menu.import_export.diff.created"),
+                                  variant: "success",
+                                  class: "ml-auto"
+                                }, null, 8, ["label"])) : E.heading ? (o(), F(z, {
+                                  key: 2,
+                                  label: a(n)("menu.import_export.diff.updated"),
+                                  variant: "neutral",
+                                  class: "ml-auto"
+                                }, null, 8, ["label"])) : M("", !0)
+                              ])
+                            ];
+                          }),
+                          _: 2
+                        }, 1032, ["data-testid", "onClick"]),
+                        (o(!0), y(Q, null, ie(E.products, (q) => {
+                          var he;
+                          return o(), y(Q, {
+                            key: q.id
+                          }, [
+                            v(Y, {
+                              "data-testid": `import-diff-entry-${((he = q.base) == null ? void 0 : he.key) ?? `${E.id}/${q.id}`}`,
+                              onClick: (ne) => q.base ? h.value = q.base.key : K(q.id)
+                            }, {
+                              default: A(() => {
+                                var ne, Pe, Ce;
+                                return [
+                                  u("span", Ql, [
+                                    v(j, {
+                                      name: q.variants.length ? "keyboard_arrow_down" : "subdirectory_arrow_right",
+                                      size: "sm",
+                                      onClick: we((et) => q.variants.length ? K(q.id) : void 0, ["stop"])
+                                    }, null, 8, ["name", "onClick"]),
+                                    u("span", {
+                                      class: _e(["fm-typo-en-body-lg-400 truncate", {
+                                        "text-fm-color-typo-disabled": (ne = q.base) == null ? void 0 : ne.isDeleted
+                                      }])
+                                    }, O(q.name), 3),
+                                    (Pe = q.base) != null && Pe.isDeleted ? (o(), F(z, {
+                                      key: 0,
+                                      label: a(n)("menu.import_export.diff.deleted"),
+                                      variant: "critical",
+                                      class: "ml-auto"
+                                    }, null, 8, ["label"])) : (Ce = q.base) != null && Ce.isCreate ? (o(), F(z, {
+                                      key: 1,
+                                      label: a(n)("menu.import_export.diff.created"),
+                                      variant: "success",
+                                      class: "ml-auto"
+                                    }, null, 8, ["label"])) : M("", !0)
+                                  ])
+                                ];
+                              }),
+                              _: 2
+                            }, 1032, ["data-testid", "onClick"]),
+                            (o(!0), y(Q, null, ie(B.value.has(q.id) ? q.variants : [], (ne) => (o(), F(Y, {
+                              key: ne.key,
+                              "data-testid": `import-diff-entry-${ne.key}`,
+                              onClick: (Pe) => h.value = ne.key
+                            }, {
+                              default: A(() => [
+                                u("span", Zl, [
+                                  u("span", {
+                                    class: _e(["fm-typo-en-body-lg-400 truncate", {
+                                      "text-fm-color-typo-disabled": ne.isDeleted
+                                    }])
+                                  }, O(ne.variantName), 3),
+                                  ne.isDeleted ? (o(), F(z, {
+                                    key: 0,
+                                    label: a(n)("menu.import_export.diff.deleted"),
+                                    variant: "critical",
+                                    class: "ml-auto"
+                                  }, null, 8, ["label"])) : ne.isCreate ? (o(), F(z, {
+                                    key: 1,
+                                    label: a(n)("menu.import_export.diff.created"),
+                                    variant: "success",
+                                    class: "ml-auto"
+                                  }, null, 8, ["label"])) : M("", !0)
+                                ])
+                              ]),
+                              _: 2
+                            }, 1032, ["data-testid", "onClick"]))), 128))
+                          ], 64);
+                        }), 128))
+                      ], 64))), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                u("div", ea, [
+                  w.value && (!w.value.isHeading || w.value.changes.length) ? (o(), y("div", ta, [
+                    u("div", la, [
+                      u("p", aa, O(w.value.variantName ?? w.value.name), 1),
+                      w.value.isDeleted ? (o(), F(z, {
+                        key: 0,
+                        "data-testid": "import-diff-selected-deleted",
+                        label: a(n)("menu.import_export.diff.deleted"),
+                        variant: "critical"
+                      }, null, 8, ["label"])) : w.value.isCreate ? (o(), F(z, {
+                        key: 1,
+                        "data-testid": "import-diff-selected-created",
+                        label: a(n)("menu.import_export.diff.created"),
+                        variant: "success"
+                      }, null, 8, ["label"])) : M("", !0)
+                    ]),
+                    v(T, {
+                      "column-defs": S.value,
+                      "row-data": [...w.value.changes],
+                      "hide-footer": "",
+                      "shrink-at": !1,
+                      "page-size": w.value.changes.length || 1
+                    }, null, 8, ["column-defs", "row-data", "page-size"])
+                  ])) : M("", !0),
+                  p.value.length ? (o(), y("div", {
+                    key: 1,
+                    "data-testid": "import-diff-linked-products",
+                    class: _e(["border border-fm-color-neutral-gray-200 fm-corner-radius-md p-16", { "mt-16": (ue = w.value) == null ? void 0 : ue.changes.length }])
+                  }, [
+                    u("p", oa, O(a(n)("menu.group.list.products_linked", {
+                      count: p.value.length
+                    })), 1),
+                    v(T, {
+                      "column-defs": c,
+                      "row-data": p.value,
+                      "hide-footer": "",
+                      "shrink-at": !1,
+                      "page-size": p.value.length
+                    }, null, 8, ["row-data", "page-size"])
+                  ], 2)) : M("", !0)
+                ])
+              ])) : (o(), y("p", na, O(I.value), 1))
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["show", "title", "primary-action", "secondary-actions"]);
+    };
+  }
+}), ra = new RegExp("([\\p{Ll}\\d])(\\p{Lu})", "gu"), ia = new RegExp("(\\p{Lu})([\\p{Lu}][\\p{Ll}])", "gu"), ua = new RegExp("(\\d)\\p{Ll}|(\\p{L})\\d", "u"), ca = /[^\p{L}\d]+/giu, Pt = "$1\0$2", Lt = "";
+function Ut(C) {
+  let m = C.trim();
+  m = m.replace(ra, Pt).replace(ia, Pt), m = m.replace(ca, "\0");
+  let t = 0, L = m.length;
+  for (; m.charAt(t) === "\0"; )
+    t++;
+  if (t === L)
+    return [];
+  for (; m.charAt(L - 1) === "\0"; )
+    L--;
+  return m.slice(t, L).split(/\0/g);
+}
+function ma(C) {
+  const m = Ut(C);
+  for (let t = 0; t < m.length; t++) {
+    const L = m[t], n = ua.exec(L);
+    if (n) {
+      const R = n.index + (n[1] ?? n[2]).length;
+      m.splice(t, 1, L.slice(0, R), L.slice(R));
+    }
+  }
+  return m;
+}
+function da(C, m) {
+  const [t, L, n] = ba(C, m), R = pa(m == null ? void 0 : m.locale), g = va(m == null ? void 0 : m.locale), h = fa(R, g);
+  return t + L.map((B, K) => K === 0 ? h(B) : R(B)).join((m == null ? void 0 : m.delimiter) ?? " ") + n;
+}
+function pa(C) {
+  return C === !1 ? (m) => m.toLowerCase() : (m) => m.toLocaleLowerCase(C);
+}
+function va(C) {
+  return C === !1 ? (m) => m.toUpperCase() : (m) => m.toLocaleUpperCase(C);
+}
+function fa(C, m) {
+  return (t) => `${m(t[0])}${C(t.slice(1))}`;
+}
+function ba(C, m = {}) {
+  const t = m.split ?? (m.separateNumbers ? ma : Ut), L = m.prefixCharacters ?? Lt, n = m.suffixCharacters ?? Lt;
+  let R = 0, g = C.length;
+  for (; R < C.length; ) {
+    const h = C.charAt(R);
+    if (!L.includes(h))
+      break;
+    R++;
+  }
+  for (; g > R; ) {
+    const h = g - 1, B = C.charAt(h);
+    if (!n.includes(B))
+      break;
+    g = h;
+  }
+  return [
+    C.slice(0, R),
+    t(C.slice(R, g)),
+    C.slice(g)
+  ];
+}
+const ya = { class: "py-16 flex flex-col w-full h-full" }, ga = { class: "border border-fm-color-neutral-gray-100 p-16 fm-corner-radius-md" }, _a = { class: "w-[160px]" }, ha = { class: "flex-1" }, ka = { class: "truncate" }, xa = { class: "flex-1" }, wa = { class: "truncate" }, Ca = { key: 1 }, Fa = /* @__PURE__ */ $e({
+  __name: "ImportV3DiffPreview",
+  props: {
+    show: { type: Boolean },
+    diff: {}
+  },
+  emits: ["confirm", "cancel"],
+  setup(C, { emit: m }) {
+    const t = C, L = m, { t: n } = Se(), R = H(""), g = b(() => t.diff ?? []);
+    function h(_) {
+      return `${_.code} ${_.name}`.trim();
+    }
+    const B = b(
+      () => g.value.filter(
+        (_) => [
+          h(_),
+          ..._.fields.flatMap((D) => [D.before, D.after])
+        ].join(" ").toLowerCase().includes(R.value.toLowerCase())
+      )
+    );
+    function K(_) {
+      return _ || n("menu.import_export.v3_diff.empty_cell");
+    }
+    return (_, D) => {
+      const G = U("FmSearch");
+      return o(), F(He, {
+        show: _.show,
+        title: a(n)("menu.import_export.v3_diff.title"),
+        "primary-action": { label: a(n)("menu.import_export.preview.actions.confirm") },
+        "secondary-actions": [
+          {
+            label: a(n)("menu.import_export.preview.actions.cancel"),
+            click: () => L("cancel")
+          }
+        ],
+        onOnPrimary: D[1] || (D[1] = (w) => L("confirm")),
+        onOnCancel: D[2] || (D[2] = (w) => L("cancel"))
+      }, {
+        default: A(() => [
+          u("div", ya, [
+            v(kl, {
+              title: a(n)("menu.import_export.v3_diff.section")
+            }, {
+              "append-title": A(() => [
+                v(G, {
+                  modelValue: R.value,
+                  "onUpdate:modelValue": D[0] || (D[0] = (w) => R.value = w)
+                }, null, 8, ["modelValue"])
+              ]),
+              default: A(() => [
+                g.value.length > 0 ? (o(!0), y(Q, { key: 0 }, ie(B.value, (w) => (o(), F(hl, {
+                  key: `${w.id}/${w.variantKey}`,
+                  label: h(w)
+                }, {
+                  default: A(() => [
+                    u("div", ga, [
+                      (o(!0), y(Q, null, ie(w.fields, (W, X) => (o(), y("div", {
+                        key: W.key,
+                        class: _e(["flex items-center gap-8", { "mb-8": X < w.fields.length - 1 }])
+                      }, [
+                        u("div", _a, O(a(da)(W.key)), 1),
+                        u("div", ha, [
+                          u("div", ka, [
+                            v(St, {
+                              variant: "error",
+                              label: K(W.before)
+                            }, null, 8, ["label"])
+                          ])
+                        ]),
+                        u("div", xa, [
+                          u("div", wa, [
+                            v(St, {
+                              variant: "success",
+                              label: K(W.after)
+                            }, null, 8, ["label"])
+                          ])
+                        ])
+                      ], 2))), 128))
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["label"]))), 128)) : (o(), y("div", Ca, O(a(n)("menu.import_export.v3_diff.empty")), 1))
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["show", "title", "primary-action", "secondary-actions"]);
+    };
+  }
+}), $a = { class: "flex flex-col w-full h-full" }, Sa = { class: "flex-1 flex overflow-hidden" }, Ia = { class: "w-[150px] overflow-y-auto my-8" }, Va = { class: "fm-typo-en-body-lg-400 truncate" }, Pa = { class: "fm-typo-en-body-lg-400 truncate" }, La = { class: "fm-typo-en-body-lg-400 truncate" }, Ea = { class: "flex-1 flex flex-col overflow-auto p-16" }, Oa = { class: "fm-typo-en-title-sm-600 mb-16" }, Ma = { class: "fm-typo-en-title-sm-600 mb-16" }, Ua = { class: "flex gap-16 flex-wrap" }, Aa = { class: "fm-typo-en-title-sm-600 mb-16" }, Ra = /* @__PURE__ */ $e({
+  __name: "PreviewImportTable",
+  props: {
+    show: {
+      type: Boolean,
+      required: !0
+    },
+    tables: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["confirm", "cancel"],
+  setup(C, { emit: m }) {
+    const t = C, L = m, { t: n, n: R } = Se(), g = H("products"), h = b(() => [
+      { value: "products", label: n("menu.import_export.preview.tabs.products") },
+      { value: "variants", label: n("menu.import_export.preview.tabs.variants") },
+      { value: "addons", label: n("menu.import_export.preview.tabs.addons") }
+    ]), B = b(
+      () => {
+        var S;
+        return ((S = t.tables) == null ? void 0 : S.categories) ?? [];
+      }
+    ), K = b(
+      () => {
+        var S;
+        return ((S = t.tables) == null ? void 0 : S.variantGroups) ?? [];
+      }
+    ), _ = b(
+      () => {
+        var S;
+        return ((S = t.tables) == null ? void 0 : S.addonGroups) ?? [];
+      }
+    ), D = H(""), G = b(
+      () => B.value.find(
+        (S) => S.id === D.value
+      ) ?? B.value[0]
+    ), w = H(""), W = b(
+      () => K.value.find(
+        (S) => S.id === w.value
+      ) ?? K.value[0]
+    ), X = H(""), Z = b(
+      () => _.value.find(
+        (S) => S.id === X.value
+      ) ?? _.value[0]
+    );
+    function r(S) {
+      return S === null ? n("menu.catalog.empty_value") : R(S.amount, {
+        style: "currency",
+        currency: S.currency,
+        currencyDisplay: "narrowSymbol"
+      }).replace(/^(\D+)\s+/, "$1");
+    }
+    const se = b(
+      () => [
+        {
+          id: "image",
+          header: () => n("menu.import_export.preview.columns.image"),
+          size: 72,
+          enableSorting: !1,
+          cell: (S) => {
+            const J = S.row.original;
+            return V(
+              "div",
+              { class: "my-8 mx-12 flex items-center justify-center" },
+              [
+                V(
+                  re.FmCard,
+                  {
+                    variant: "outlined",
+                    // `!` on the height only: `.h-40` and
+                    // `.fm-card--outlined { height: fit-content }` are both a
+                    // single class, and the design-system sheet loads last in
+                    // the app, so an unforced `h-40` loses and the frame
+                    // collapses to its content — letterboxing every thumbnail.
+                    // Nothing in the library sets `width`. Same defect as
+                    // ProductList's 72px frame; see the note there.
+                    class: "w-40 !h-40 flex shrink-0 items-center justify-center rounded-md overflow-hidden"
+                  },
+                  () => J.thumbnailUrl ? V("img", {
+                    src: J.thumbnailUrl,
+                    alt: J.name,
+                    class: "w-full h-full object-cover"
+                  }) : V(re.FmIcon, {
+                    name: "image",
+                    outline: !0,
+                    color: "neutral-gray-300"
+                  })
+                )
+              ]
+            );
+          }
+        },
+        {
+          accessorKey: "name",
+          header: () => n("menu.import_export.preview.columns.name"),
+          enableSorting: !1
+        },
+        {
+          accessorKey: "price",
+          header: () => n("menu.import_export.preview.columns.price"),
+          enableSorting: !1,
+          meta: { textAlign: "right" },
+          cell: (S) => r(S.row.original.price)
+        }
+      ]
+    ), ee = b(() => [
+      {
+        accessorKey: "name",
+        header: () => n("menu.import_export.preview.columns.name"),
+        enableSorting: !1
+      },
+      {
+        accessorKey: "price",
+        header: () => n("menu.import_export.preview.columns.price"),
+        enableSorting: !1,
+        meta: { textAlign: "right" },
+        cell: (S) => r(S.row.original.price)
+      },
+      {
+        id: "status",
+        header: () => n("menu.import_export.preview.columns.status"),
+        enableSorting: !1,
+        cell: (S) => {
+          const J = S.row.original.active;
+          return V(re.FmChip, {
+            variant: J ? "success" : "neutral",
+            label: n(J ? "menu.import_export.preview.status.active" : "menu.import_export.preview.status.inactive")
+          });
+        }
+      }
+    ]);
+    return (S, J) => {
+      const c = U("FmTabs"), p = U("FmListItem"), I = U("FmList"), $ = U("FmTable"), N = U("FmChip");
+      return o(), F(He, {
+        show: C.show,
+        title: a(n)("menu.import_export.preview.title"),
+        "primary-action": { label: a(n)("menu.import_export.preview.actions.confirm") },
+        "secondary-actions": [
+          {
+            label: a(n)("menu.import_export.preview.actions.cancel"),
+            click: () => L("cancel")
+          }
+        ],
+        onOnPrimary: J[1] || (J[1] = (i) => L("confirm")),
+        onOnCancel: J[2] || (J[2] = (i) => L("cancel"))
+      }, {
+        default: A(() => {
+          var i, f, j, ae, z, Y;
+          return [
+            u("div", $a, [
+              u("div", null, [
+                v(c, {
+                  "model-value": g.value,
+                  items: h.value,
+                  "onUpdate:modelValue": J[0] || (J[0] = (x) => g.value = x)
+                }, null, 8, ["model-value", "items"])
+              ]),
+              u("div", Sa, [
+                u("div", Ia, [
+                  v(I, { separator: "" }, {
+                    default: A(() => [
+                      g.value === "products" ? (o(!0), y(Q, { key: 0 }, ie(B.value, (x) => {
+                        var T;
+                        return o(), F(p, {
+                          key: x.id,
+                          class: _e(["!py-12 !px-16", {
+                            "text-fm-color-primary": ((T = G.value) == null ? void 0 : T.id) === x.id
+                          }]),
+                          onClick: (te) => D.value = x.id
+                        }, {
+                          default: A(() => [
+                            u("span", Va, O(x.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["class", "onClick"]);
+                      }), 128)) : g.value === "variants" ? (o(!0), y(Q, { key: 1 }, ie(K.value, (x) => {
+                        var T;
+                        return o(), F(p, {
+                          key: x.id,
+                          class: _e(["!py-12 !px-16", {
+                            "text-fm-color-primary": ((T = W.value) == null ? void 0 : T.id) === x.id
+                          }]),
+                          onClick: (te) => w.value = x.id
+                        }, {
+                          default: A(() => [
+                            u("span", Pa, O(x.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["class", "onClick"]);
+                      }), 128)) : (o(!0), y(Q, { key: 2 }, ie(_.value, (x) => {
+                        var T;
+                        return o(), F(p, {
+                          key: x.id,
+                          class: _e(["!py-12 !px-16", {
+                            "text-fm-color-primary": ((T = Z.value) == null ? void 0 : T.id) === x.id
+                          }]),
+                          onClick: (te) => X.value = x.id
+                        }, {
+                          default: A(() => [
+                            u("span", La, O(x.name), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["class", "onClick"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                u("div", Ea, [
+                  g.value === "products" ? (o(), y(Q, { key: 0 }, [
+                    u("p", Oa, O(((i = G.value) == null ? void 0 : i.name) ?? a(n)("menu.catalog.empty_value")), 1),
+                    v($, {
+                      "column-defs": se.value,
+                      "row-data": ((f = G.value) == null ? void 0 : f.products) ?? [],
+                      "shrink-at": !1
+                    }, null, 8, ["column-defs", "row-data"])
+                  ], 64)) : g.value === "variants" ? (o(), y(Q, { key: 1 }, [
+                    u("p", Ma, O(((j = W.value) == null ? void 0 : j.name) ?? a(n)("menu.catalog.empty_value")), 1),
+                    u("div", Ua, [
+                      (o(!0), y(Q, null, ie(((ae = W.value) == null ? void 0 : ae.options) ?? [], (x) => (o(), F(N, {
+                        key: x.name,
+                        label: x.name
+                      }, null, 8, ["label"]))), 128))
+                    ])
+                  ], 64)) : (o(), y(Q, { key: 2 }, [
+                    u("p", Aa, O(((z = Z.value) == null ? void 0 : z.name) ?? a(n)("menu.catalog.empty_value")), 1),
+                    v($, {
+                      "column-defs": ee.value,
+                      "row-data": ((Y = Z.value) == null ? void 0 : Y.addons) ?? [],
+                      "shrink-at": !1
+                    }, null, 8, ["column-defs", "row-data"])
+                  ], 64))
+                ])
+              ])
+            ])
+          ];
+        }),
+        _: 1
+      }, 8, ["show", "title", "primary-action", "secondary-actions"]);
+    };
+  }
+}), Ta = { class: "flex w-full items-center justify-between" }, Da = ["aria-label"], ja = { class: "flex items-center gap-8 rounded-lg bg-fm-color-system-info-100 p-16 pl-24" }, Na = { class: "fm-typo-en-body-lg-400" }, za = {
+  key: 0,
+  class: "upload-area w-full cursor-pointer rounded-md outline-2 outline-dashed outline-fm-color-neutral-gray-300 hover:outline-fm-color-neutral-black"
+}, Ba = { class: "flex h-full w-full flex-col items-center justify-center p-16" }, Ka = { class: "fm-typo-en-body-md-400 mt-4 text-fm-color-neutral-gray-300" }, Ga = ["aria-label"], qa = { class: "mb-8 rounded-md outline-dashed outline-2 outline-fm-color-neutral-gray-300" }, Ha = { class: "p-16" }, Wa = { class: "flex w-[36px] shrink-0 items-center justify-center" }, Xa = { class: "fm-typo-en-body-lg-400 flex-1" }, Ya = {
+  key: 2,
+  class: "text-fm-color-typo-error",
+  role: "alert"
+}, Ja = {
+  key: 3,
+  class: "rounded-md bg-fm-color-neutral-gray-100 p-16",
+  "aria-live": "polite"
+}, Qa = { class: "fm-typo-en-body-md-600" }, Za = { class: "fm-typo-en-body-md-400" }, eo = {
+  key: 0,
+  class: "mt-8 flex flex-col gap-4"
+}, to = /* @__PURE__ */ $e({
+  __name: "ImportExport",
+  props: {
+    sdk: {}
+  },
+  setup(C, { expose: m }) {
+    const { t } = Se(), { run: L } = Mt(), n = Ot(), R = je(C.sdk.menuImportExport.view), g = H(!1), h = H(null), B = H(null), K = H("replace"), _ = b(
+      () => R.value.status === "ready" ? R.value.value : null
+    ), D = b(
+      () => {
+        var I, $, N, i;
+        return !!(($ = (I = _.value) == null ? void 0 : I.preview) != null && $.ok) && !!((N = _.value) != null && N.preview.tables) && ((i = _.value) == null ? void 0 : i.previewSurface) === "vendor";
+      }
+    ), G = b(
+      () => {
+        var I, $, N, i;
+        return !!(($ = (I = _.value) == null ? void 0 : I.preview) != null && $.ok) && !!((N = _.value) != null && N.preview.diff) && ((i = _.value) == null ? void 0 : i.previewSurface) === "diff";
+      }
+    ), w = b(
+      () => {
+        var I, $, N, i;
+        return !!(($ = (I = _.value) == null ? void 0 : I.preview) != null && $.ok) && !!((N = _.value) != null && N.preview.v3Diff) && ((i = _.value) == null ? void 0 : i.previewSurface) === "v3Diff";
+      }
+    );
+    function W(I) {
+      return typeof File < "u" && I instanceof File;
+    }
+    function X(I) {
+      return Array.isArray(I) ? I.filter(W) : typeof FileList < "u" && I instanceof FileList ? [...I] : W(I) ? [I] : [];
+    }
+    function Z() {
+      h.value = null, C.sdk.menuImportExport.openImport(), g.value = !0;
+    }
+    m({ openImport: Z });
+    function r() {
+      C.sdk.menuImportExport.cancelImport(), h.value = null, g.value = !1;
+    }
+    async function se(I, $ = !1) {
+      const N = X(I), i = await Promise.all(
+        N.map(async (j) => ({
+          name: j.name,
+          data: await j.arrayBuffer()
+        }))
+      ), f = $ ? C.sdk.menuImportExport.addFiles(i) : C.sdk.menuImportExport.selectFiles(i);
+      if (f.kind === "rejected") {
+        h.value = n(f.issues[0]);
+        return;
+      }
+      h.value = null;
+    }
+    function ee(I) {
+      var $;
+      K.value = I, ($ = B.value) == null || $.click();
+    }
+    function S(I) {
+      var N;
+      const $ = I.target;
+      !($ instanceof HTMLInputElement) || !((N = $.files) != null && N.length) || (se($.files, K.value === "append"), $.value = "");
+    }
+    function J(I) {
+      C.sdk.menuImportExport.removeFile(I);
+    }
+    async function c() {
+      await L(() => C.sdk.menuImportExport.previewImport(), {
+        successMessage: t("menu.import_export.actions.preview_ready"),
+        showLoading: !1,
+        // Every client-side preview rejection here is a raw parser exception
+        // or a raw parser-adjacent cross-reference check, not a validation
+        // guard — legacy passes both through as `title` (see
+        // `useActionFeedback`'s `rejectedPresentation` doc comment).
+        rejectedPresentation: "title"
+      });
+    }
+    async function p() {
+      var $;
+      if (!(($ = _.value) != null && $.preview) && (await L(
+        () => C.sdk.menuImportExport.previewImport(),
+        { showLoading: !1, rejectedPresentation: "title" }
+      )).kind !== "success")
+        return;
+      (await L(
+        () => C.sdk.menuImportExport.confirmImport(),
+        { successMessage: t("menu.import_export.feedback.success") }
+      )).kind === "success" && r();
+    }
+    return (I, $) => {
+      var z, Y, x, T, te, ue;
+      const N = U("FmIcon"), i = U("FmSelect"), f = U("FmButton"), j = U("FmSpacer"), ae = U("FmDialog");
+      return o(), y(Q, null, [
+        v(Ra, {
+          show: D.value,
+          tables: ((Y = (z = _.value) == null ? void 0 : z.preview) == null ? void 0 : Y.tables) ?? null,
+          onConfirm: p,
+          onCancel: r
+        }, null, 8, ["show", "tables"]),
+        v(sa, {
+          show: G.value,
+          diff: ((T = (x = _.value) == null ? void 0 : x.preview) == null ? void 0 : T.diff) ?? null,
+          onConfirm: p,
+          onCancel: r
+        }, null, 8, ["show", "diff"]),
+        v(Fa, {
+          show: w.value,
+          diff: ((ue = (te = _.value) == null ? void 0 : te.preview) == null ? void 0 : ue.v3Diff) ?? null,
+          onConfirm: p,
+          onCancel: r
+        }, null, 8, ["show", "diff"]),
+        v(ae, {
+          "model-value": g.value && !D.value && !G.value && !w.value,
+          overlay: !0,
+          "max-width": 560,
+          "close-button": !1,
+          "onUpdate:modelValue": $[3] || ($[3] = (E) => E ? g.value = !0 : r())
+        }, {
+          "dialog-header": A(() => [
+            u("div", Ta, [
+              u("span", null, O(a(t)("menu.import_export.dialog.title")), 1),
+              v(N, {
+                "aria-label": a(t)("menu.import_export.actions.cancel"),
+                class: "relative -mr-24 cursor-pointer",
+                name: "close",
+                role: "button",
+                tabindex: "0",
+                onClick: r,
+                onKeydown: [
+                  wt(r, ["enter"]),
+                  wt(we(r, ["prevent"]), ["space"])
+                ]
+              }, null, 8, ["aria-label", "onKeydown"])
+            ])
+          ]),
+          "dialog-footer": A(() => [
+            v(j),
+            v(f, {
+              label: a(t)("menu.import_export.actions.cancel"),
+              variant: "tertiary",
+              onClick: r
+            }, null, 8, ["label"]),
+            v(f, {
+              label: a(t)("menu.import_export.actions.import"),
+              variant: "primary",
+              onClick: c
+            }, null, 8, ["label"])
+          ]),
+          default: A(() => [
+            _.value ? (o(), y("div", {
+              key: 0,
+              role: "dialog",
+              "aria-label": a(t)("menu.import_export.dialog.title"),
+              class: "flex flex-col gap-24"
+            }, [
+              u("div", ja, [
+                v(N, {
+                  color: "system-info-300",
+                  name: "info"
+                }),
+                u("p", Na, O(a(t)("menu.import.dialog.info")), 1)
+              ]),
+              v(i, {
+                items: _.value.importerOptions.map((E) => ({
+                  value: E.value,
+                  label: a(t)(E.labelKey)
+                })),
+                label: a(t)("menu.import.dialog.fields.type"),
+                "model-value": _.value.importer,
+                "onUpdate:modelValue": $[0] || ($[0] = (E) => I.sdk.menuImportExport.selectImporter(String(E)))
+              }, null, 8, ["items", "label", "model-value"]),
+              _.value.files.length === 0 ? (o(), y("div", za, [
+                u("div", Ba, [
+                  u("input", {
+                    ref_key: "fileInput",
+                    ref: B,
+                    class: "hidden",
+                    type: "file",
+                    accept: ".xlsx,.xls,.json",
+                    multiple: "",
+                    onChange: S
+                  }, null, 544),
+                  v(f, {
+                    label: a(t)("menu.import.dialog.button.label"),
+                    variant: "secondary",
+                    onClick: $[1] || ($[1] = (E) => ee("replace"))
+                  }, null, 8, ["label"]),
+                  u("p", Ka, O(a(t)("menu.import.dialog.subtitle")), 1)
+                ])
+              ])) : (o(), y("div", {
+                key: 1,
+                class: "flex flex-col",
+                "aria-label": a(t)("menu.import_export.labels.selected_files")
+              }, [
+                u("div", qa, [
+                  u("div", Ha, [
+                    (o(!0), y(Q, null, ie(_.value.files, (E, q) => (o(), y("div", {
+                      key: `${E}-${q}`,
+                      class: "flex items-center"
+                    }, [
+                      u("span", Wa, [
+                        v(N, { name: "attach_file" })
+                      ]),
+                      u("p", Xa, O(E), 1),
+                      v(f, {
+                        "aria-label": a(t)("menu.common.actions.remove"),
+                        "icon-color": "primary",
+                        "prepend-icon": "close",
+                        variant: "plain",
+                        onClick: (he) => J(q)
+                      }, null, 8, ["aria-label", "onClick"])
+                    ]))), 128))
+                  ]),
+                  u("input", {
+                    ref_key: "fileInput",
+                    ref: B,
+                    class: "hidden",
+                    type: "file",
+                    accept: ".xlsx,.xls,.json",
+                    multiple: "",
+                    onChange: S
+                  }, null, 544),
+                  v(f, {
+                    label: a(t)("menu.import_export.actions.add_new_files"),
+                    "prepend-icon": "add",
+                    variant: "plain",
+                    onClick: $[2] || ($[2] = (E) => ee("append"))
+                  }, null, 8, ["label"])
+                ])
+              ], 8, Ga)),
+              h.value ? (o(), y("p", Ya, O(h.value), 1)) : M("", !0),
+              _.value.preview ? (o(), y("section", Ja, [
+                u("p", Qa, O(_.value.preview.ok ? a(t)("menu.import_export.labels.ready") : a(t)("menu.import_export.labels.has_errors")), 1),
+                u("p", Za, O(a(t)("menu.import_export.labels.change_count", {
+                  count: _.value.preview.changes.length
+                })), 1),
+                _.value.preview.issues.length ? (o(), y("ul", eo, [
+                  (o(!0), y(Q, null, ie(_.value.preview.issues, (E, q) => (o(), y("li", {
+                    key: `${E.code}-${q}`
+                  }, O(a(n)(E)), 1))), 128))
+                ])) : M("", !0)
+              ])) : M("", !0)
+            ], 8, Da)) : M("", !0)
+          ]),
+          _: 1
+        }, 8, ["model-value"])
+      ], 64);
+    };
+  }
+}), lo = { class: "flex-1 flex justify-between gap-8 pl-8" }, ao = {
+  key: 0,
+  class: "flex items-center"
+}, oo = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, no = { class: "fm-typo-en-body-md-600 font-semibold" }, so = { class: "flex items-center gap-8 ml-auto" }, ro = {
+  key: 0,
+  role: "alert",
+  class: "text-fm-color-typo-secondary"
+}, io = {
+  key: 1,
+  class: "text-fm-color-typo-secondary"
+}, uo = {
+  key: 2,
+  class: "flex flex-1 items-center justify-center"
+}, co = {
+  key: 3,
+  class: "relative flex flex-col flex-1 min-h-0 space-y-8 overflow-hidden pt-16"
+}, mo = { class: "flex justify-between items-center gap-8" }, po = { class: "flex items-center gap-8" }, vo = ["aria-label"], fo = {
+  key: 0,
+  class: "w-[320px]"
+}, bo = { class: "flex space-x-8" }, yo = {
+  key: 2,
+  class: "flex items-center p-4"
+}, go = { class: "mr-8 fm-typo-en-body-md-400" }, _o = {
+  key: 4,
+  class: "flex flex-col flex-1 overflow-auto divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, ho = { class: "flex-1 min-w-0" }, ko = { class: "flex items-center justify-between gap-8 pb-4" }, xo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, wo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Co = {
+  key: 5,
+  class: "absolute inset-0 flex items-center justify-center bg-white/50"
+}, Fo = { class: "w-full overflow-x-auto py-24" }, $o = "fixed right-16 bottom-[72px] z-10", Et = 37, Xo = /* @__PURE__ */ $e({
+  __name: "ProductList",
+  props: {
+    sdk: {},
+    catalogPage: { type: Boolean }
+  },
+  setup(C) {
+    const m = C, { t, n: L } = Se(), n = wl(), R = je(m.sdk.productBatchImage.entry), g = b(() => {
+      const e = [], l = R.value;
+      return l.status === "ready" && l.value.state === "allowed" && e.push({
+        id: "product-internal-tools",
+        label: t("menu.productInternalTools.title"),
+        run: () => void n.push({ name: ol.PRODUCT_INTERNAL_TOOLS })
+      }), e;
+    }), h = Ot(), B = (e) => e.labelMessage ? h(e.labelMessage) : e.label, K = cl(), _ = ml(), D = b(() => _.breakpoints.value.xs), G = H(!1), w = H(
+      null
+    );
+    async function W() {
+      var e;
+      G.value = !G.value, G.value && (await ll(), (e = w.value) == null || e.toggleProperty(!0));
+    }
+    const { run: X } = Mt(), Z = je(m.sdk.item.list), r = b(
+      () => Z.value.status === "ready" ? Z.value.value : null
+    ), se = je(m.sdk.item.linkCatalogue), ee = b(
+      () => se.value.status === "ready" ? se.value.value : null
+    ), S = je(m.sdk.menuImportExport.view), J = b(() => {
+      const e = S.value;
+      return e.status === "ready" && e.value.canImport;
+    }), c = H(null);
+    function p() {
+      var e;
+      (e = c.value) == null || e.openImport();
+    }
+    const I = b(
+      () => D.value && !m.catalogPage
+    ), $ = b(
+      () => I.value ? fe.Fab : fe.Primary
+    ), N = H(!1);
+    ge(D, (e) => {
+      e || (N.value = !1);
+    });
+    const i = al(), f = b(() => {
+      var l;
+      const e = ((l = i.sessionUser.value) == null ? void 0 : l.permissions) ?? [];
+      return $t(
+        [
+          {
+            action: Ge.Action.manage,
+            subject: Ge.Subject.Business.menu_importExport
+          }
+        ],
+        e
+      ).granted;
+    }), j = b(() => {
+      var l;
+      const e = ((l = i.sessionUser.value) == null ? void 0 : l.permissions) ?? [];
+      return $t(
+        [
+          {
+            action: Ge.Action.manage,
+            subject: Ge.Subject.Business.menu_menuManagement
+          }
+        ],
+        e
+      ).granted;
+    });
+    async function ae() {
+      await X(
+        async () => {
+          const e = await m.sdk.menuImportExport.exportMenu();
+          if (e.kind !== "success") return e;
+          try {
+            await fl(e.value);
+          } catch {
+            return {
+              kind: "failure",
+              error: {
+                kind: "unexpected",
+                retryable: !1,
+                message: { code: "menu.error.unexpected" }
+              }
+            };
+          }
+          return e;
+        },
+        { successMessage: t("menu.import_export.feedback.exported") }
+      );
+    }
+    const z = H(!1), Y = xe(null), x = xe(
+      null
+    ), T = xe({
+      status: "loading"
+    });
+    let te = null;
+    function ue() {
+      var e, l;
+      te == null || te(), te = null, (e = Y.value) == null || e.dispose(), Y.value = null, (l = x.value) == null || l.dispose(), x.value = null, T.value = { status: "loading" };
+    }
+    function E() {
+      var l;
+      ue(), x.value = m.sdk.linkProduct.selection(
+        ((l = r.value) == null ? void 0 : l.availableItemIds) ?? [],
+        (s) => m.sdk.item.linkProducts(s)
+      );
+      const e = m.sdk.linkProduct.rules();
+      Y.value = e, T.value = e.get(), te = e.subscribe((s) => {
+        T.value = s;
+      }), z.value = !0;
+    }
+    function q() {
+      z.value = !1, ue();
+    }
+    ge(z, (e) => {
+      e || ue();
+    });
+    async function he(e) {
+      (await X(
+        () => {
+          var s;
+          return ((s = x.value) == null ? void 0 : s.submit()) ?? Promise.resolve({ kind: "cancelled" });
+        },
+        {
+          successMessage: r.value ? h(r.value.linkSaveMessage) : ""
+        }
+      )).kind === "success" && q();
+    }
+    async function ne() {
+      const e = Y.value;
+      if (!e) return;
+      (await X(() => e.submit(), {
+        showLoading: () => T.value.status === "ready" && T.value.value.status === "submitting",
+        successMessage: r.value ? h(r.value.linkSaveMessage) : ""
+      })).kind === "success" && q();
+    }
+    const Pe = b(() => {
+      var e;
+      return ((e = r.value) == null ? void 0 : e.headerCount) ?? 0;
+    }), Ce = b(() => {
+      var e;
+      return ((e = r.value) == null ? void 0 : e.rows) ?? [];
+    }), et = b(() => {
+      var e;
+      return ((e = r.value) == null ? void 0 : e.currency) ?? null;
+    }), At = b(() => {
+      var e;
+      return ((e = r.value) == null ? void 0 : e.currencySymbol) ?? "";
+    }), Rt = b(() => {
+      var e;
+      return ((e = r.value) == null ? void 0 : e.taxSystemCode) ?? null;
+    }), Tt = b(() => [...Ce.value]);
+    function tt(e, l) {
+      return e == null ? t("menu.catalog.empty_value") : L(e, { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    }
+    function lt(e) {
+      return e === null ? t("menu.catalog.empty_value") : L(e / 100, { style: "percent", minimumFractionDigits: 2 });
+    }
+    const Fe = b(() => {
+      var e;
+      return ((e = r.value) == null ? void 0 : e.empty) ?? !1;
+    }), ze = H({}), Be = b(
+      () => Object.entries(ze.value).filter(([, e]) => e).map(([e]) => e)
+    ), Le = b(() => m.sdk.item.removeManyCapability(Be.value));
+    function We() {
+      ze.value = {};
+    }
+    ge(
+      () => {
+        var e, l;
+        return [(e = r.value) == null ? void 0 : e.rows, (l = r.value) == null ? void 0 : l.attributeRule];
+      },
+      () => We()
+    );
+    const Ie = H(!1), ve = xe(null), at = xl(() => ve.value);
+    let be = null;
+    const Ee = xe({
+      status: "loading"
+    });
+    let ke = null;
+    const Oe = b(
+      () => Ee.value.status === "ready" ? Ee.value.value : null
+    ), Xe = H(!1), ce = xe(null), Me = xe(null);
+    let Ue = null;
+    const le = b(
+      () => {
+        var e;
+        return ((e = Me.value) == null ? void 0 : e.status) === "ready" ? Me.value.value : null;
+      }
+    );
+    function Ae() {
+      var e;
+      Ue == null || Ue(), (e = ce.value) == null || e.dispose(), Ue = null, ce.value = null, Me.value = null, Xe.value = !1;
+    }
+    function ot() {
+      var l;
+      if (!((l = le.value) != null && l.dirty)) return Ae();
+      const e = ce.value;
+      K.open({
+        title: t("menu.product.table.bulk_edit.discard.title"),
+        message: t("menu.product.table.bulk_edit.discard.message"),
+        primaryActions: {
+          text: t("menu.common.actions.discard"),
+          close: !0,
+          variant: fe.Destructive
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => {
+        ce.value === e && Ae();
+      });
+    }
+    function Dt() {
+      Ae();
+      const e = m.sdk.item.bulkEditor();
+      ce.value = e, Me.value = e.get(), Ue = e.subscribe((l) => {
+        Me.value = l;
+      }), Xe.value = !0;
+    }
+    async function jt() {
+      var d;
+      const e = ce.value;
+      if (!e) return;
+      const l = ((d = le.value) == null ? void 0 : d.dirty) ?? !1;
+      (await X(() => e.submit(), {
+        showLoading: () => {
+          var P;
+          return ((P = le.value) == null ? void 0 : P.status) === "submitting";
+        },
+        successMessage: l && le.value ? h(le.value.saveMessage) : ""
+      })).kind === "success" && Ae();
+    }
+    function Ye(e) {
+      var l;
+      ke == null || ke(), (l = ve.value) == null || l.dispose(), ve.value = m.sdk.item.editor(e), Ee.value = ve.value.get(), ke = ve.value.subscribe((s) => {
+        Ee.value = s;
+      });
+    }
+    function nt() {
+      be = m.sdk.item.editorScope(), Ye(), Ie.value = !0;
+    }
+    function st(e) {
+      be = m.sdk.item.editorScope(), Ye(e.id), Ie.value = !0;
+    }
+    async function Nt() {
+      const e = ve.value;
+      if (!e) return;
+      (await X(
+        () => at.submit(() => e.submit()),
+        {
+          showLoading: () => {
+            var s;
+            return ((s = Oe.value) == null ? void 0 : s.status) === "submitting";
+          },
+          successMessage: Oe.value ? h(Oe.value.saveMessage) : ""
+        }
+      )).kind === "success" && ve.value === e && (Ie.value = !1);
+    }
+    function zt(e) {
+      var s;
+      const l = ((s = Oe.value) == null ? void 0 : s.itemId) ?? void 0;
+      be == null || be.select(e), Ye(l);
+    }
+    const Ke = H(!1), Je = xe(null);
+    let Re = null, Te = null;
+    function Qe() {
+      Te == null || Te(), Re == null || Re.dispose(), Te = null, Re = null;
+    }
+    function Bt(e) {
+      Qe();
+      const l = m.sdk.item.overview(e.id);
+      Je.value = l.get(), Re = l, Te = l.subscribe((s) => {
+        Je.value = s;
+      }), Ke.value = !0;
+    }
+    function rt(e) {
+      if (!e.removeRequiresConfirmation) {
+        X(() => m.sdk.item.remove(e.id), {
+          successMessage: h(e.removeMessage)
+        });
+        return;
+      }
+      K.open({
+        title: t("menu.common.dialog.remove.product.title"),
+        message: t("menu.common.dialog.remove.product.message", {
+          name: e.name
+        }),
+        primaryActions: {
+          text: t("menu.common.actions.remove"),
+          close: !0,
+          variant: fe.Destructive
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await X(() => m.sdk.item.remove(e.id), {
+          successMessage: h(e.removeMessage)
+        });
+      });
+    }
+    function Kt() {
+      var P, de;
+      const e = Be.value;
+      if (e.length === 0 || Le.value.state !== "allowed") return;
+      const l = (P = r.value) == null ? void 0 : P.rows.find((me) => e.includes(me.id)), s = () => X(() => m.sdk.item.removeMany(e), {
+        successMessage: l ? h(l.removeMessage) : t("menu.common.dialog.remove.product.success")
+      }).then((me) => {
+        me.kind === "success" && We();
+      });
+      if (!((de = r.value) == null ? void 0 : de.rows.filter((me) => e.includes(me.id)).some((me) => me.removeRequiresConfirmation))) {
+        s();
+        return;
+      }
+      K.open({
+        title: t("menu.common.dialog.remove.product.title"),
+        message: t("menu.common.dialog.remove.product.message", {
+          name: (l == null ? void 0 : l.name) ?? ""
+        }),
+        primaryActions: {
+          text: t("menu.common.actions.remove"),
+          close: !0,
+          variant: fe.Destructive
+        },
+        secondaryActions: {
+          text: t("menu.common.actions.cancel"),
+          close: !0
+        }
+      }).onPrimary(() => s());
+    }
+    const it = b(() => {
+      var e;
+      return [
+        { label: t("menu.category.selector.all"), value: null },
+        ...(((e = r.value) == null ? void 0 : e.categoryOptions) ?? []).map((l) => ({
+          label: B(l),
+          value: l.id
+        }))
+      ];
+    }), Gt = b(() => {
+      var e;
+      return [
+        { label: t("menu.common.labels.summary"), value: null },
+        ...(((e = r.value) == null ? void 0 : e.scope.schedulerOptions) ?? []).map((l) => ({
+          label: l.label,
+          value: l.id
+        }))
+      ];
+    });
+    function ut(e) {
+      return e.length === 0 ? [] : [
+        V(pl, {
+          nameLocale: Object.fromEntries(
+            e.map((l) => [l.locale, l.value])
+          ),
+          showNumber: 1
+        })
+      ];
+    }
+    function ct(e) {
+      return e.isAddon ? [t("menu.tree_editor.labels.addon"), ...e.categoryNames] : e.categoryNames;
+    }
+    const qt = b(() => {
+      var e, l;
+      return [
+        {
+          id: "image",
+          header: "",
+          size: 110,
+          meta: {
+            // The table may shrink other columns, but this column must always
+            // accommodate the 72px product image and its horizontal margins.
+            cellClass: "px-0 min-w-[110px]",
+            headerClass: "px-0 min-w-[110px]",
+            headerContentClass: "px-0"
+          },
+          enableSorting: !1,
+          // A placeholder only where the product has no image. Uploading belongs to
+          // product-image-management, an undiscovered unit that also reaches
+          // media-service — rendering the frame keeps the golden comparable without
+          // pulling that unit into scope.
+          cell: (s) => {
+            const d = s.row.original;
+            return V(
+              "div",
+              { class: "my-8 mx-12 flex items-center justify-center" },
+              [
+                V(
+                  re.FmCard,
+                  {
+                    variant: "outlined",
+                    // Keeps the card square even when the child image has an
+                    // intrinsic ratio; legacy Thumbnail is the same fixed 72px box.
+                    // `w-72 h-72` IS 72px on the FeedMe scale, which is why the
+                    // inline `style: {width:'72px', height:'72px'}` that used to
+                    // sit here was removed as a restatement (ADR-0003 §2).
+                    //
+                    // The HEIGHT needs `!` and the width does not. `.h-72` and
+                    // `.fm-card--outlined { height: fit-content }` are both a
+                    // single class, so specificity ties and source order decides —
+                    // and the ui-library sheet loads after the utilities in the
+                    // app, so the card collapsed to its content: 72x26, which
+                    // stretched every product thumbnail into a letterbox. Nothing
+                    // in the library sets `width`, so `w-72` needs no help.
+                    //
+                    // A mount that loads the two sheets in the opposite order
+                    // renders this square, which is how every list screenshot once
+                    // compared clean while the real app was wrong. Do not drop the
+                    // `!` on the strength of a green visual comparison.
+                    class: "flex shrink-0 w-72 !h-72 items-center justify-center rounded-md overflow-hidden"
+                  },
+                  () => d.thumbnailUrl ? V("img", {
+                    src: d.thumbnailUrl,
+                    alt: d.name,
+                    class: "w-full h-full object-cover"
+                  }) : V(re.FmIcon, {
+                    name: "image",
+                    outline: !0,
+                    color: "neutral-gray-300"
+                  })
+                )
+              ]
+            );
+          }
+        },
+        {
+          accessorKey: "code",
+          header: () => t("menu.product.table.columns.code"),
+          enableSorting: !1,
+          size: 100,
+          cell: (s) => s.getValue() ?? t("menu.catalog.empty_value")
+        },
+        {
+          accessorKey: "name",
+          header: () => t("menu.product.table.columns.name"),
+          enableSorting: !1,
+          size: 250,
+          cell: (s) => {
+            const d = s.row.original, P = d.translatedNames;
+            return V("div", { class: "flex items-center gap-8" }, [
+              V("span", { class: "text-wrap" }, d.name),
+              ...ut(P)
+            ]);
+          }
+        },
+        {
+          accessorKey: "price",
+          header: () => V(
+            "div",
+            { class: "flex flex-1 justify-end" },
+            t("menu.product.table.columns.price", {
+              currency: At.value
+            })
+          ),
+          enableSorting: !1,
+          size: 140,
+          meta: { textAlign: "right" },
+          cell: (s) => {
+            const d = s.getValue();
+            return tt((d == null ? void 0 : d.amount) ?? null, (d == null ? void 0 : d.currency) ?? null);
+          }
+        },
+        {
+          accessorKey: "taxRatePercent",
+          // The header is DATA, not copy: legacy renders the business's tax system
+          // code here (ProductTable.vue:366), which is why no locale key exists.
+          header: () => V(
+            "div",
+            { class: "flex flex-1 justify-end" },
+            Rt.value ?? ""
+          ),
+          enableSorting: !1,
+          size: 80,
+          meta: { textAlign: "right" },
+          cell: (s) => lt(s.getValue())
+        },
+        {
+          accessorKey: "categoryNames",
+          header: () => t("menu.product.table.columns.category"),
+          enableSorting: !1,
+          size: 140,
+          cell: (s) => {
+            const d = ct(s.row.original);
+            return d.length === 0 ? t("menu.catalog.empty_value") : V(qe, {
+              kind: "category",
+              chips: d.map((P) => ({ key: P, label: P }))
+            });
+          }
+        },
+        ...((e = r.value) == null ? void 0 : e.subcategoryPathColumn.state) === "allowed" ? [
+          {
+            accessorKey: "subcategoryPath",
+            header: () => t("menu.product.table.columns.subcategory"),
+            enableSorting: !1,
+            size: 180,
+            cell: (s) => s.getValue() ?? t("menu.catalog.empty_value")
+          }
+        ] : [],
+        ...(l = r.value) != null && l.attributeColumnVisible ? [
+          {
+            id: "tagging",
+            accessorKey: "attributeTags",
+            header: () => t("menu.product.table.columns.tagging"),
+            enableSorting: !1,
+            size: 140,
+            cell: (s) => V(qe, {
+              kind: "tagging",
+              chips: s.row.original.attributeTags
+            })
+          }
+        ] : [],
+        {
+          accessorKey: "orderFrom",
+          header: () => t("menu.product.table.columns.order_from"),
+          // The ONLY sortable column in the golden.
+          enableSorting: !0,
+          sortingFn: (s, d) => s.original.orderFromSortIndex - d.original.orderFromSortIndex,
+          size: 140,
+          cell: (s) => {
+            const d = s.getValue();
+            return d === null ? t("menu.catalog.empty_value") : V(
+              re.FmChip,
+              { compact: !0, class: "fm-typo-en-body-md-600 !px-4" },
+              () => t(Ne[d])
+            );
+          }
+        },
+        {
+          id: "actions",
+          header: () => {
+            var s;
+            return V("div", { class: "w-full px-4 flex justify-end" }, [
+              V(re.FmButton, {
+                prependIcon: "edit",
+                variant: fe.Tertiary,
+                textColor: ye.NeutralGray400,
+                disabled: ((s = r.value) == null ? void 0 : s.bulkEdit.state) !== "allowed",
+                "aria-label": t("menu.product.table.bulk_edit.title"),
+                onClick: Dt
+              })
+            ]);
+          },
+          size: 100,
+          enableSorting: !1,
+          meta: { textAlign: "right", headerClass: "py-4", cellClass: "pl-16" },
+          cell: (s) => {
+            const d = s.row.original, P = [
+              V(re.FmButton, {
+                icon: "overview",
+                variant: "tertiary",
+                textColor: "neutral-gray-400",
+                "aria-label": t("menu.common.labels.a11y_labelled_name", {
+                  label: t("menu.product.overview.title"),
+                  name: d.name
+                }),
+                onClick: we(() => Bt(d), ["stop"])
+              })
+            ];
+            return d.remove.state !== "hidden" && P.push(
+              V(re.FmButton, {
+                icon: "delete",
+                variant: "tertiary",
+                textColor: "neutral-gray-400",
+                disabled: d.remove.state !== "allowed",
+                title: d.remove.state === "disabled" ? h(d.remove.reason) : void 0,
+                "aria-label": t("menu.common.labels.a11y_labelled_name", {
+                  label: t("menu.common.actions.remove"),
+                  name: d.name
+                }),
+                onClick: we(() => rt(d), ["stop"])
+              })
+            ), V("div", { class: "flex justify-end gap-4" }, P);
+          }
+        }
+      ];
+    }), Ht = b(() => [
+      {
+        accessorKey: "code",
+        header: () => t("menu.product.table.columns.code"),
+        enableSorting: !1,
+        size: 100,
+        cell: (e) => {
+          var s;
+          const l = e.row.original;
+          return V(Ct, {
+            modelValue: l.code,
+            disabled: l.editCode.state !== "allowed",
+            errorMessages: l.codeIssue ? [h(l.codeIssue)] : [],
+            placeholder: ((s = l.inherited) == null ? void 0 : s.code) ?? "",
+            "aria-label": t("menu.common.labels.a11y_labelled_name", {
+              label: t("menu.product.table.columns.code"),
+              name: l.committedName
+            }),
+            "onUpdate:modelValue": (d) => {
+              var P;
+              return (P = ce.value) == null ? void 0 : P.setCode(l.id, String(d ?? ""));
+            }
+          });
+        }
+      },
+      {
+        accessorKey: "name",
+        header: () => t("menu.product.table.columns.name"),
+        enableSorting: !1,
+        size: 250,
+        cell: (e) => {
+          const l = e.row.original;
+          return V("div", { class: "flex items-center gap-8" }, [
+            V(Ct, {
+              modelValue: l.name,
+              disabled: l.editName.state !== "allowed",
+              errorMessages: l.nameIssue ? [h(l.nameIssue)] : [],
+              "aria-label": t("menu.common.labels.a11y_labelled_name", {
+                label: t("menu.product.table.columns.name"),
+                name: l.committedName
+              }),
+              "onUpdate:modelValue": (s) => {
+                var d;
+                return (d = ce.value) == null ? void 0 : d.setName(l.id, String(s ?? ""));
+              }
+            }),
+            ...ut(l.translatedNames)
+          ]);
+        }
+      },
+      {
+        accessorKey: "priceAmount",
+        meta: { textAlign: "right" },
+        header: () => {
+          var e;
+          return V(
+            "div",
+            { class: "w-full flex justify-end" },
+            t("menu.product.table.columns.price", {
+              currency: ((e = le.value) == null ? void 0 : e.currencySymbol) ?? ""
+            })
+          );
+        },
+        enableSorting: !1,
+        size: 140,
+        cell: (e) => {
+          const l = e.row.original;
+          return V(
+            bl,
+            {
+              modelValue: l.priceAmount,
+              commitOnInput: !0,
+              inputmode: "decimal",
+              disabled: l.editPrice.state !== "allowed",
+              helperState: l.priceIssue ? "error" : "none",
+              // The bulk editor's control is the same selling-price intent as
+              // the item form. Keep its accessible name on that domain label;
+              // the table header remains the localized currency column title.
+              "aria-label": t("menu.common.labels.a11y_labelled_name", {
+                label: t("menu.product.form.price.fields.selling_price.label"),
+                name: l.committedName
+              }),
+              "onUpdate:modelValue": (s) => {
+                var d;
+                return (d = ce.value) == null ? void 0 : d.setPriceAmount(
+                  l.id,
+                  s === "" || s === null || s === void 0 ? null : Number(s)
+                );
+              }
+            },
+            l.priceIssue ? {
+              "helper-text": () => [
+                V("span", { class: "block" }, h(l.priceIssue)),
+                V(
+                  "span",
+                  { class: "block" },
+                  t("menu.product.table.validation.price_min")
+                )
+              ]
+            } : void 0
+          );
+        }
+      },
+      {
+        accessorKey: "taxCode",
+        meta: { textAlign: "right" },
+        header: () => {
+          var e;
+          return V(
+            "div",
+            { class: "w-full flex justify-end" },
+            ((e = le.value) == null ? void 0 : e.taxSystemCode) ?? ""
+          );
+        },
+        enableSorting: !1,
+        size: 120,
+        cell: (e) => {
+          var s, d;
+          const l = e.row.original;
+          return V(re.FmSelect, {
+            items: (((s = le.value) == null ? void 0 : s.taxOptions) ?? []).map((P) => ({
+              label: t("menu.product.table.tax_option_label", {
+                name: P.name,
+                percent: lt(P.percent)
+              }),
+              value: P.value
+            })),
+            modelValue: l.taxCode,
+            disabled: l.editTax.state !== "allowed",
+            shiftMenu: !0,
+            "aria-label": t("menu.common.labels.a11y_labelled_name", {
+              label: ((d = le.value) == null ? void 0 : d.taxSystemCode) ?? "",
+              name: l.committedName
+            }),
+            "onUpdate:modelValue": (P) => {
+              var de;
+              return (de = ce.value) == null ? void 0 : de.setTaxCode(l.id, P ?? null);
+            }
+          });
+        }
+      },
+      {
+        accessorKey: "categoryIds",
+        header: () => t("menu.product.table.columns.category"),
+        enableSorting: !1,
+        size: 140,
+        cell: (e) => {
+          var s;
+          const l = e.row.original;
+          return V(
+            $l,
+            {
+              items: (((s = le.value) == null ? void 0 : s.categoryOptions) ?? []).map((d) => ({
+                label: B(d),
+                value: d.id
+              })),
+              hideChips: !0,
+              modelValue: l.categoryIds.length ? [...l.categoryIds] : [""],
+              disabled: l.editCategories.state !== "allowed",
+              shiftMenu: !0,
+              "aria-label": t("menu.common.labels.a11y_labelled_name", {
+                label: t("menu.product.table.columns.category"),
+                name: l.committedName
+              }),
+              "onUpdate:modelValue": (d) => {
+                var P;
+                return (P = ce.value) == null ? void 0 : P.setCategories(l.id, d ?? []);
+              }
+            },
+            {
+              default: () => V(
+                "div",
+                {
+                  class: [
+                    "break-all fm-typo-en-body-lg-400 line-clamp-1",
+                    l.editCategories.state === "allowed" ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-200"
+                  ]
+                },
+                l.categoryIds.length ? l.categoryIds.map((d) => {
+                  var de;
+                  const P = (de = le.value) == null ? void 0 : de.categoryOptions.find(
+                    (me) => me.id === d
+                  );
+                  return P ? B(P) : "";
+                }).join(t("menu.catalog.list_separator")) : t("menu.product.form.summary.fields.addon")
+              )
+            }
+          );
+        }
+      },
+      {
+        accessorKey: "subcategoryIds",
+        header: () => t("menu.product.table.columns.subcategory"),
+        enableSorting: !1,
+        size: 180,
+        cell: (e) => {
+          var s;
+          const l = e.row.original;
+          return V(
+            re.FmSelect,
+            {
+              items: (((s = le.value) == null ? void 0 : s.subcategoryOptions) ?? []).map((d) => ({
+                label: B(d),
+                value: d.id
+              })),
+              multiselect: !0,
+              hideChips: !0,
+              keepSelectionOrder: !0,
+              modelValue: [...l.subcategoryIds],
+              disabled: l.editSubcategories.state !== "allowed",
+              shiftMenu: !0,
+              placeholder: t("menu.product.form.detail.path.placeholder"),
+              "aria-label": t("menu.common.labels.a11y_labelled_name", {
+                label: t("menu.product.table.columns.subcategory"),
+                name: l.committedName
+              }),
+              "onUpdate:modelValue": (d) => {
+                var P;
+                return (P = ce.value) == null ? void 0 : P.setSubcategories(l.id, d ?? []);
+              }
+            },
+            l.subcategoryIds.length ? {
+              default: () => V(
+                "div",
+                {
+                  class: [
+                    "break-all fm-typo-en-body-lg-400 line-clamp-1",
+                    l.editSubcategories.state === "allowed" ? "text-fm-color-typo-primary" : "text-fm-color-neutral-gray-200"
+                  ]
+                },
+                l.subcategoryIds.map((d) => {
+                  var de;
+                  const P = (de = le.value) == null ? void 0 : de.subcategoryOptions.find(
+                    (me) => me.id === d
+                  );
+                  return P ? B(P) : "";
+                }).filter(Boolean).join("/")
+              )
+            } : void 0
+          );
+        }
+      },
+      {
+        accessorKey: "orderFrom",
+        header: () => t("menu.product.table.columns.order_from"),
+        enableSorting: !0,
+        sortingFn: (e, l) => e.original.orderFromSortIndex - l.original.orderFromSortIndex,
+        size: 140,
+        cell: (e) => {
+          var s;
+          const l = e.row.original;
+          return V(re.FmSelect, {
+            items: (((s = le.value) == null ? void 0 : s.orderFromOptions) ?? []).map((d) => ({
+              label: t(Ne[d]),
+              value: d
+            })),
+            modelValue: l.orderFrom,
+            disabled: l.editOrderFrom.state !== "allowed",
+            shiftMenu: !0,
+            "aria-label": t("menu.common.labels.a11y_labelled_name", {
+              label: t("menu.product.table.columns.order_from"),
+              name: l.committedName
+            }),
+            "onUpdate:modelValue": (d) => {
+              var P;
+              return (P = ce.value) == null ? void 0 : P.setOrderFrom(l.id, d ?? null);
+            }
+          });
+        }
+      }
+    ]);
+    function mt() {
+      var e;
+      ke == null || ke(), ke = null, (e = ve.value) == null || e.dispose(), ve.value = null, be == null || be.dispose(), be = null, Ee.value = { status: "loading" };
+    }
+    return ge(Ie, (e) => {
+      e || mt();
+    }), ge(Ke, (e) => {
+      e || Qe();
+    }), el(() => {
+      ue(), mt(), Qe(), Ae();
+    }), (e, l) => {
+      var pt;
+      const s = U("FmButton"), d = U("FmMenuItem"), P = U("FmBottomSheet"), de = U("FmMenu"), me = U("FmCircularProgress"), Wt = U("FmIcon"), Xt = U("FmSearch"), dt = U("FmTable"), Yt = U("FmChip");
+      return o(), F(vl, {
+        class: "h-[calc(100dvh-56px)]",
+        heading: e.catalogPage ? ((pt = r.value) == null ? void 0 : pt.scope.catalogLabel) ?? a(t)("menu.common.labels.main") : a(t)("menu.products.title")
+      }, {
+        "prepend-heading": A(() => [
+          Ze(e.$slots, "prepend-heading")
+        ]),
+        "append-heading": A(() => [
+          u("div", lo, [
+            e.catalogPage ? M("", !0) : (o(), y("div", ao, [
+              u("div", oo, [
+                u("p", no, O(a(L)(Pe.value)), 1)
+              ])
+            ])),
+            u("div", so, [
+              !D.value && !e.catalogPage && j.value ? (o(), F(rl, {
+                key: 0,
+                "can-open": j.value,
+                "listen-for-message": !1
+              }, {
+                default: A(({ trigger: pe }) => [
+                  v(s, {
+                    "bg-color": a(ye).NeutralGray100,
+                    label: a(t)("menu.tree_editor.title"),
+                    "text-color": a(ye).TypoSecondary,
+                    variant: a(fe).Primary,
+                    onClick: pe
+                  }, null, 8, ["bg-color", "label", "text-color", "variant", "onClick"])
+                ]),
+                _: 1
+              }, 8, ["can-open"])) : M("", !0),
+              !D.value && !e.catalogPage && f.value ? (o(), y(Q, { key: 1 }, [
+                v(s, {
+                  label: a(t)("menu.products.actions.export"),
+                  "bg-color": a(ye).NeutralGray100,
+                  "text-color": a(ye).TypoSecondary,
+                  variant: a(fe).Primary,
+                  onClick: ae
+                }, null, 8, ["label", "bg-color", "text-color", "variant"]),
+                v(s, {
+                  label: a(t)("menu.products.actions.import"),
+                  "bg-color": a(ye).NeutralGray100,
+                  "text-color": a(ye).TypoSecondary,
+                  variant: a(fe).Primary,
+                  onClick: p
+                }, null, 8, ["label", "bg-color", "text-color", "variant"])
+              ], 64)) : M("", !0),
+              D.value && !e.catalogPage && f.value ? (o(), F(P, {
+                key: 2,
+                modelValue: N.value,
+                "onUpdate:modelValue": l[2] || (l[2] = (pe) => N.value = pe),
+                "dismiss-away": "",
+                "no-header": "",
+                "z-index": 1001
+              }, {
+                "bottom-sheet-button": A(() => [
+                  v(s, {
+                    "aria-label": a(t)("menu.products.actions.more"),
+                    icon: "more_vert",
+                    variant: "tertiary",
+                    onClick: l[0] || (l[0] = we((pe) => N.value = !N.value, ["stop"]))
+                  }, null, 8, ["aria-label"])
+                ]),
+                default: A(() => [
+                  u("div", {
+                    onClick: l[1] || (l[1] = (pe) => N.value = !1)
+                  }, [
+                    v(d, {
+                      label: a(t)("menu.products.actions.export"),
+                      onClick: ae
+                    }, null, 8, ["label"]),
+                    v(d, {
+                      label: a(t)("menu.products.actions.import"),
+                      onClick: p
+                    }, null, 8, ["label"])
+                  ])
+                ]),
+                _: 1
+              }, 8, ["modelValue"])) : M("", !0),
+              !D.value && !e.catalogPage && g.value.length ? (o(), F(de, {
+                key: 3,
+                "close-on-click": ""
+              }, {
+                "menu-button": A(() => [
+                  v(s, {
+                    label: a(t)("menu.products.actions.more"),
+                    "append-icon": "keyboard_arrow_down",
+                    "bg-color": a(ye).NeutralGray100,
+                    "text-color": a(ye).TypoSecondary,
+                    variant: a(fe).Primary
+                  }, null, 8, ["label", "bg-color", "text-color", "variant"])
+                ]),
+                default: A(() => [
+                  (o(!0), y(Q, null, ie(g.value, (pe) => (o(), F(d, {
+                    key: pe.id,
+                    class: "px-16 py-8",
+                    label: pe.label,
+                    onClick: pe.run
+                  }, null, 8, ["label", "onClick"]))), 128))
+                ]),
+                _: 1
+              })) : M("", !0),
+              u("div", {
+                class: _e(I.value ? $o : "contents")
+              }, [
+                r.value && !Fe.value && r.value.create.state !== "hidden" ? (o(), F(s, {
+                  key: 0,
+                  disabled: r.value.create.state !== "allowed",
+                  label: a(t)("menu.products.actions.add"),
+                  "prepend-icon": "add",
+                  variant: $.value,
+                  onClick: nt
+                }, null, 8, ["disabled", "label", "variant"])) : r.value && (!Fe.value || e.catalogPage) && r.value.link.state === "allowed" ? (o(), F(s, {
+                  key: 1,
+                  label: a(t)("menu.products.actions.link"),
+                  "prepend-icon": "link",
+                  variant: $.value,
+                  onClick: E
+                }, null, 8, ["label", "variant"])) : r.value && (!Fe.value || e.catalogPage) && r.value.applyScheduler.state === "allowed" ? (o(), F(s, {
+                  key: 2,
+                  label: a(t)("menu.products.actions.apply_scheduler"),
+                  variant: $.value,
+                  onClick: E
+                }, null, 8, ["label", "variant"])) : M("", !0)
+              ], 2)
+            ])
+          ])
+        ]),
+        default: A(() => {
+          var pe, vt, ft, bt, yt, gt, _t, ht, kt, xt;
+          return [
+            Ze(e.$slots, "navigation"),
+            a(Z).status === "error" ? (o(), y("p", ro, O(a(h)(a(Z).error.message)), 1)) : a(Z).status === "unavailable" ? (o(), y("p", io, O(a(h)(a(Z).reason)), 1)) : a(Z).status === "loading" ? (o(), y("div", uo, [
+              v(me, { size: "lg" })
+            ])) : r.value ? (o(), y("div", co, [
+              u("div", mo, [
+                u("div", po, [
+                  v(It, {
+                    options: it.value,
+                    "model-value": ((pe = r.value) == null ? void 0 : pe.categoryFilterId) ?? null,
+                    "selected-values": ((vt = r.value) == null ? void 0 : vt.categoryFilterIds) ?? null,
+                    title: a(t)("menu.category.selector.title", {
+                      label: !((bt = (ft = r.value) == null ? void 0 : ft.categoryFilterIds) != null && bt.length) || r.value.categoryFilterIds.length === r.value.categoryOptions.length ? a(t)("menu.category.selector.all") : r.value.categoryFilterIds.length === 1 ? (yt = it.value.find(
+                        (k) => {
+                          var oe;
+                          return k.value === ((oe = r.value) == null ? void 0 : oe.categoryFilterId);
+                        }
+                      )) == null ? void 0 : yt.label : a(L)(r.value.categoryFilterIds.length)
+                    }),
+                    checkbox: "",
+                    "onUpdate:selectedValues": l[3] || (l[3] = (k) => e.sdk.item.filterByCategories(k))
+                  }, {
+                    default: A(() => {
+                      var k;
+                      return [
+                        (k = r.value) != null && k.attributeOptions.length ? (o(), y("button", {
+                          key: 0,
+                          type: "button",
+                          class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
+                          "aria-label": a(t)("menu.product.attributes.filter"),
+                          onClick: we(W, ["stop"])
+                        }, [
+                          v(Wt, {
+                            name: "filter_alt",
+                            outline: "",
+                            color: "neutral-gray-400",
+                            size: "sm"
+                          })
+                        ], 8, vo)) : M("", !0)
+                      ];
+                    }),
+                    _: 1
+                  }, 8, ["options", "model-value", "selected-values", "title"]),
+                  r.value && r.value.scope.schedulerSelector.state === "allowed" ? (o(), F(It, {
+                    key: 0,
+                    options: Gt.value,
+                    "model-value": r.value.scope.schedulerId,
+                    title: a(t)("menu.common.labels.scheduler_title", {
+                      label: r.value.scope.schedulerLabel ?? a(t)("menu.common.labels.summary")
+                    }),
+                    "onUpdate:modelValue": l[4] || (l[4] = (k) => {
+                      var oe;
+                      return e.sdk.item.selectScope({
+                        catalogId: ((oe = r.value) == null ? void 0 : oe.scope.catalogId) ?? null,
+                        schedulerId: k
+                      });
+                    })
+                  }, null, 8, ["options", "model-value", "title"])) : M("", !0),
+                  v(sl, {
+                    filter: (gt = r.value) == null ? void 0 : gt.restaurantFilter,
+                    onConfirm: l[5] || (l[5] = (k) => e.sdk.item.setRestaurantFilter(k))
+                  }, null, 8, ["filter"])
+                ]),
+                !Fe.value || (_t = r.value) != null && _t.emptyState.showSearch ? (o(), y("div", fo, [
+                  v(Xt, {
+                    autofocus: "",
+                    "model-value": ((ht = r.value) == null ? void 0 : ht.query) ?? "",
+                    placeholder: a(t)("menu.product.table.search.placeholder"),
+                    "aria-label": a(t)("menu.common.labels.search"),
+                    "onUpdate:modelValue": l[6] || (l[6] = (k) => m.sdk.item.search(String(k ?? ""), {
+                      formatPrice: (oe) => oe ? a(L)(oe.amount, {
+                        style: "currency",
+                        currency: oe.currency,
+                        currencyDisplay: "narrowSymbol"
+                      }) : "",
+                      labelOrderFrom: (oe) => a(t)(a(Ne)[oe])
+                    }))
+                  }, null, 8, ["model-value", "placeholder", "aria-label"])
+                ])) : M("", !0)
+              ]),
+              Fe.value && r.value ? (o(), F(a(dl), {
+                key: 0,
+                title: a(h)(r.value.emptyState.title),
+                subtitle: a(h)(r.value.emptyState.subtitle)
+              }, {
+                action: A(() => [
+                  u("div", bo, [
+                    r.value.create.state === "allowed" ? (o(), F(s, {
+                      key: 0,
+                      label: a(t)("menu.product.table.empty.actions.add"),
+                      "prepend-icon": "add",
+                      onClick: nt
+                    }, null, 8, ["label"])) : r.value.link.state === "allowed" ? (o(), F(s, {
+                      key: 1,
+                      label: a(t)("menu.common.actions.link_product"),
+                      "prepend-icon": "link",
+                      onClick: E
+                    }, null, 8, ["label"])) : r.value.applyScheduler.state === "allowed" ? (o(), F(s, {
+                      key: 2,
+                      label: a(t)("menu.common.actions.apply_product"),
+                      onClick: E
+                    }, null, 8, ["label"])) : M("", !0),
+                    r.value.emptyState.showImport && f.value ? (o(), F(s, {
+                      key: 3,
+                      label: a(t)("menu.product.table.empty.actions.import"),
+                      "prepend-icon": "download",
+                      variant: "secondary",
+                      disabled: !J.value,
+                      onClick: p
+                    }, null, 8, ["label", "disabled"])) : M("", !0)
+                  ])
+                ]),
+                _: 1
+              }, 8, ["title", "subtitle"])) : M("", !0),
+              G.value && r.value ? (o(), F(nl, {
+                key: 1,
+                ref_key: "filterControl",
+                ref: w,
+                attributes: r.value.attributeOptions,
+                rule: r.value.attributeRule,
+                "onUpdate:rule": l[7] || (l[7] = (k) => e.sdk.item.setAttributeFilter(k))
+              }, null, 8, ["attributes", "rule"])) : M("", !0),
+              Be.value.length > 0 ? (o(), y("div", yo, [
+                u("p", go, O(a(t)("menu.product.table.selection.count", {
+                  count: Be.value.length
+                })), 1),
+                v(s, {
+                  label: a(t)("menu.product.table.selection.actions.deselect_all"),
+                  variant: "plain",
+                  onClick: We
+                }, null, 8, ["label"]),
+                Le.value.state !== "hidden" ? (o(), F(s, {
+                  key: 0,
+                  class: "ml-auto",
+                  label: a(t)("menu.product.table.selection.actions.remove"),
+                  "aria-label": a(t)("menu.product.table.selection.actions.remove"),
+                  "prepend-icon": "delete",
+                  variant: "secondary",
+                  "border-color": "system-error-300",
+                  "text-color": "system-error-300",
+                  disabled: Le.value.state !== "allowed",
+                  title: Le.value.state === "disabled" ? a(h)(Le.value.reason) : void 0,
+                  onClick: Kt
+                }, null, 8, ["label", "aria-label", "disabled", "title"])) : M("", !0)
+              ])) : M("", !0),
+              !D.value && !Fe.value ? (o(), F(dt, {
+                key: 3,
+                modelValue: ze.value,
+                "onUpdate:modelValue": l[8] || (l[8] = (k) => ze.value = k),
+                class: "min-h-0 flex-1",
+                "column-defs": qt.value,
+                "row-data": Tt.value,
+                "page-size": Ce.value.length,
+                "get-row-id": (k) => k.id,
+                selection: "multiple",
+                virtual: Ce.value.length > Et,
+                "virtual-row-height": 91,
+                "hide-footer": "",
+                "pin-header-row": "",
+                "shrink-at": !1,
+                onRowClick: l[9] || (l[9] = (k) => st(k.original))
+              }, null, 8, ["modelValue", "column-defs", "row-data", "page-size", "get-row-id", "virtual"])) : Fe.value ? M("", !0) : (o(), y("div", _o, [
+                (o(!0), y(Q, null, ie(Ce.value, (k) => {
+                  var oe, De;
+                  return o(), y("div", {
+                    key: k.id,
+                    class: "max-w-full py-12 px-16 flex items-center gap-16"
+                  }, [
+                    u("div", ho, [
+                      u("div", ko, [
+                        v(s, {
+                          label: k.name,
+                          variant: "plain",
+                          onClick: we((Ve) => st(k), ["stop"])
+                        }, null, 8, ["label", "onClick"]),
+                        k.orderFrom ? (o(), F(Yt, { key: 0 }, {
+                          default: A(() => [
+                            tl(O(a(t)(a(gl)[k.orderFrom])), 1)
+                          ]),
+                          _: 2
+                        }, 1024)) : M("", !0)
+                      ]),
+                      u("p", xo, O(tt((oe = k.price) == null ? void 0 : oe.amount, ((De = k.price) == null ? void 0 : De.currency) ?? et.value)), 1),
+                      u("p", wo, O(a(t)("menu.common.labels.a11y_labelled_name", {
+                        label: a(t)("menu.product.table.columns.code"),
+                        name: k.code || a(t)("menu.catalog.empty_value")
+                      })), 1),
+                      v(qe, {
+                        kind: "category",
+                        chips: ct(k).map((Ve) => ({
+                          key: Ve,
+                          label: Ve
+                        }))
+                      }, null, 8, ["chips"]),
+                      v(qe, {
+                        kind: "tagging",
+                        chips: k.attributeTags
+                      }, null, 8, ["chips"])
+                    ]),
+                    k.remove.state !== "hidden" ? (o(), F(s, {
+                      key: 0,
+                      disabled: k.remove.state !== "allowed",
+                      title: k.remove.state === "disabled" ? a(h)(k.remove.reason) : void 0,
+                      "prepend-icon": "delete",
+                      variant: "tertiary",
+                      "aria-label": a(t)("menu.common.labels.a11y_labelled_name", {
+                        label: a(t)("menu.common.actions.remove"),
+                        name: k.name
+                      }),
+                      onClick: we((Ve) => rt(k), ["stop"])
+                    }, null, 8, ["disabled", "title", "aria-label", "onClick"])) : M("", !0)
+                  ]);
+                }), 128))
+              ])),
+              a(Z).status === "ready" && a(Z).stale ? (o(), y("div", Co, [
+                v(me, { size: "lg" })
+              ])) : M("", !0)
+            ])) : M("", !0),
+            v(_l, {
+              modelValue: z.value,
+              "onUpdate:modelValue": l[10] || (l[10] = (k) => z.value = k),
+              catalogue: ee.value,
+              "selected-product-ids": ((kt = r.value) == null ? void 0 : kt.availableItemIds) ?? [],
+              "rules-session": Y.value,
+              "selection-session": x.value,
+              "rules-view": T.value.status === "ready" ? T.value.value : null,
+              title: a(t)("menu.link_product.title"),
+              onSubmit: he,
+              onSubmitRules: ne
+            }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "rules-session", "selection-session", "rules-view", "title"]),
+            v(yl, {
+              open: Ie.value,
+              "onUpdate:open": l[11] || (l[11] = (k) => Ie.value = k),
+              sdk: e.sdk,
+              session: ve.value,
+              validation: a(at),
+              view: Oe.value,
+              onSelectScope: zt,
+              onSubmit: Nt
+            }, null, 8, ["open", "sdk", "session", "validation", "view"]),
+            v(He, {
+              show: Xe.value,
+              title: a(t)("menu.product.table.bulk_edit.title"),
+              "primary-action": {
+                label: a(t)("menu.product.table.bulk_edit.actions.save"),
+                disabled: ((xt = le.value) == null ? void 0 : xt.submit.state) !== "allowed"
+              },
+              "secondary-actions": [
+                {
+                  label: a(t)("menu.product.table.bulk_edit.actions.reset_all"),
+                  click: () => {
+                    var k;
+                    return (k = ce.value) == null ? void 0 : k.reset();
+                  }
+                },
+                { label: a(t)("menu.common.actions.cancel"), click: ot }
+              ],
+              onOnPrimary: jt,
+              onOnCancel: ot
+            }, {
+              default: A(() => {
+                var k, oe, De;
+                return [
+                  u("div", Fo, [
+                    v(dt, {
+                      class: "min-w-[1280px]",
+                      "column-defs": Ht.value,
+                      "row-data": [...((k = le.value) == null ? void 0 : k.rows) ?? []],
+                      "page-size": ((oe = le.value) == null ? void 0 : oe.rows.length) ?? 0,
+                      "get-row-id": (Ve) => Ve.id,
+                      virtual: (((De = le.value) == null ? void 0 : De.rows.length) ?? 0) > Et,
+                      "virtual-row-height": 48,
+                      "hide-footer": "",
+                      "pin-header-row": "",
+                      "shrink-at": !1
+                    }, null, 8, ["column-defs", "row-data", "page-size", "get-row-id", "virtual"])
+                  ])
+                ];
+              }),
+              _: 1
+            }, 8, ["show", "title", "primary-action", "secondary-actions"]),
+            v(Bl, {
+              modelValue: Ke.value,
+              "onUpdate:modelValue": l[12] || (l[12] = (k) => Ke.value = k),
+              state: Je.value
+            }, null, 8, ["modelValue", "state"]),
+            v(to, {
+              ref_key: "importExport",
+              ref: c,
+              sdk: e.sdk
+            }, null, 8, ["sdk"])
+          ];
+        }),
+        _: 3
+      }, 8, ["heading"]);
+    };
+  }
+});
+export {
+  Xo as _
+};