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

package/dist/GroupList.vue_vue_type_script_setup_true_lang-Dgya_JLB.js

@@ -1,2183 +0,0 @@
-import { defineComponent as Vl, ref as $, watch as Ye, resolveComponent as V, openBlock as c, createBlock as h, withCtx as m, createElementVNode as d, createVNode as o, normalizeClass as vl, toDisplayString as w, unref as t, createElementBlock as b, Fragment as j, renderList as Y, createCommentVNode as x, defineAsyncComponent as Jl, computed as k, shallowRef as U, h as i, withModifiers as R, onUnmounted as Wl, renderSlot as Te, withDirectives as Xl, mergeProps as gl } from "vue";
-import { useI18n as Ol, CustomAttributesForm as bl } from "@feedmepos/mf-common";
-import { useDialog as ea, useSnackbar as la, components as v, SnackbarPosition as aa, FmButtonVariant as fl } from "@feedmepos/ui-library";
-import { _ as ta } from "./ApplyProduct.vue_vue_type_script_setup_true_lang-C9OSr8ft.js";
-import { _ as yl } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { a as oa, b as _l, _ as q } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
-import { A as wl, _ as xl } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-0tCpJlOf.js";
-import { a as Re, _ as pe } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
-import { _ as je } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
-import { _ as kl, a as hl, c as Cl, F as Ke, b as na, d as sa } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-J6LpJ5wT.js";
-import { _ as ia } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
-import { _ as ra } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as ua } from "./ProductChipSummary.vue_vue_type_script_setup_true_lang-D8DygCBl.js";
-import { _ as da } from "./ProductFilterMenu.vue_vue_type_script_setup_true_lang-Cgc0Ms_n.js";
-import { _ as ma } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as ca } from "./useActionFeedback-DyUCQl2x.js";
-import { u as pa } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as va, u as Fl } from "./provide-CfF0FmUz.js";
-import { v as ga } from "./tableSemantics-C9WFO_I_.js";
-const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "fm-typo-en-title-md-600" }, ya = { class: "pt-8 space-y-24" }, _a = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, wa = ["aria-expanded"], xa = { class: "fm-typo-en-body-lg-600" }, ka = {
-  key: 0,
-  class: "flex flex-col gap-32 pl-32"
-}, ha = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Ca = {
-  key: 0,
-  class: "space-y-8"
-}, Fa = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Va = { class: "flex w-[100px] items-center gap-8" }, Oa = { class: "fm-typo-en-body-md-400" }, $a = { class: "flex-1" }, Sa = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Pa = ["aria-expanded"], Ta = { class: "fm-typo-en-body-lg-600" }, Na = {
-  key: 0,
-  class: "flex flex-col gap-32 pl-32"
-}, Ua = { class: "fm-typo-en-body-md-600 text-fm-color-primary border border-fm-color-primary inline-block rounded-md px-8 py-4" }, Ea = { class: "space-y-32" }, Ia = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-4" }, za = { class: "-mt-px" }, Aa = {
-  key: 0,
-  class: "space-y-8"
-}, Da = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-4" }, La = { class: "flex w-[100px] items-center gap-8" }, Ma = { class: "fm-typo-en-body-md-400" }, Ba = { class: "flex-1" }, Ga = { class: "flex gap-8 items-center justify-start" }, Ra = /* @__PURE__ */ Vl({
-  __name: "GroupTranslationSideSheet",
-  props: {
-    modelValue: { type: Boolean },
-    view: {},
-    session: {}
-  },
-  emits: ["save", "discard"],
-  setup(Ne, { emit: Ue }) {
-    const Ee = Ne, H = Ue, { t: g } = Ol(), l = $(!1), T = $(!0);
-    return Ye(
-      () => Ee.modelValue,
-      (f) => {
-        f && (l.value = !1, T.value = !0);
-      },
-      { immediate: !0 }
-    ), (f, C) => {
-      const I = V("FmIcon"), z = V("FmTextField"), ve = V("FmButton"), A = V("FmSideSheet");
-      return c(), h(A, {
-        "model-value": f.modelValue,
-        "max-width": 720,
-        "z-index": 200,
-        "is-container-props": { class: "group-translation-sheet" },
-        "onOn:clickedAway": C[6] || (C[6] = (u) => H("discard")),
-        "onUpdate:modelValue": C[7] || (C[7] = (u) => !u && H("discard"))
-      }, {
-        "side-sheet-header": m(() => [
-          d("span", ba, w(t(g)("menu.group.translation.translate_options")), 1),
-          d("p", fa, w(t(g)("menu.group.translation.title")), 1)
-        ]),
-        "side-sheet-footer": m(() => [
-          d("div", Ga, [
-            o(ve, {
-              label: t(g)("menu.common.actions.save"),
-              size: "lg",
-              variant: "primary",
-              onClick: C[4] || (C[4] = (u) => H("save"))
-            }, null, 8, ["label"]),
-            o(ve, {
-              label: t(g)("menu.common.actions.cancel"),
-              size: "lg",
-              variant: "tertiary",
-              onClick: C[5] || (C[5] = (u) => H("discard"))
-            }, null, 8, ["label"])
-          ])
-        ]),
-        default: m(() => [
-          d("div", ya, [
-            o(oa, {
-              selected: f.view.optionTranslationView.locales,
-              available: f.view.optionTranslationView.availableLocales,
-              "menu-z-index": 201,
-              onAdd: C[0] || (C[0] = (u) => f.session.addOptionTranslationLocale(u)),
-              onRemove: C[1] || (C[1] = (u) => f.session.removeOptionTranslationLocale(u))
-            }, null, 8, ["selected", "available"]),
-            d("div", _a, [
-              d("button", {
-                type: "button",
-                class: "flex items-center gap-16 cursor-pointer appearance-none border-0 bg-transparent p-0 text-left",
-                "aria-expanded": l.value,
-                onClick: C[2] || (C[2] = (u) => l.value = !l.value)
-              }, [
-                o(I, {
-                  name: "keyboard_arrow_down",
-                  class: vl([
-                    "transition-transform",
-                    l.value ? "transform rotate-180" : ""
-                  ])
-                }, null, 8, ["class"]),
-                d("p", xa, w(t(g)("menu.group.translation.group_name")), 1)
-              ], 8, wa),
-              l.value ? (c(), b("div", ka, [
-                d("div", null, [
-                  d("p", ha, w(t(g)("menu.group.translation.default")), 1),
-                  o(z, {
-                    "model-value": f.view.name,
-                    readonly: ""
-                  }, null, 8, ["model-value"])
-                ]),
-                f.view.optionTranslationView.groupNameTranslations.length > 0 ? (c(), b("div", Ca, [
-                  d("p", Fa, w(t(g)("menu.group.translation.translation")), 1),
-                  (c(!0), b(j, null, Y(f.view.optionTranslationView.groupNameTranslations, (u) => (c(), b("div", {
-                    key: u.code,
-                    class: "flex gap-16 items-center"
-                  }, [
-                    d("div", Va, [
-                      o(_l, {
-                        code: u.code
-                      }, null, 8, ["code"]),
-                      d("span", Oa, w(u.label), 1)
-                    ]),
-                    d("div", $a, [
-                      o(q, {
-                        "model-value": u.value,
-                        readonly: ""
-                      }, null, 8, ["model-value"])
-                    ])
-                  ]))), 128))
-                ])) : x("", !0)
-              ])) : x("", !0)
-            ]),
-            d("div", Sa, [
-              d("button", {
-                type: "button",
-                class: "flex items-center gap-16 cursor-pointer appearance-none border-0 bg-transparent p-0 text-left",
-                "aria-expanded": T.value,
-                onClick: C[3] || (C[3] = (u) => T.value = !T.value)
-              }, [
-                o(I, {
-                  name: "keyboard_arrow_down",
-                  class: vl([
-                    "transition-transform",
-                    T.value ? "transform rotate-180" : ""
-                  ])
-                }, null, 8, ["class"]),
-                d("p", Ta, w(t(g)("menu.group.translation.product_name")), 1)
-              ], 8, Pa),
-              T.value ? (c(), b("div", Na, [
-                (c(!0), b(j, null, Y(f.view.optionTranslationView.options, (u, ne) => (c(), b("div", {
-                  key: u.id,
-                  class: "space-y-8"
-                }, [
-                  d("p", Ua, w(t(g)("menu.group.translation.option", { number: ne + 1 })), 1),
-                  d("div", Ea, [
-                    d("div", null, [
-                      d("p", Ia, w(t(g)("menu.group.translation.default")), 1),
-                      d("div", za, [
-                        o(q, {
-                          "model-value": u.name,
-                          placeholder: u.placeholder,
-                          "aria-label": t(g)("menu.group.translation.option_default", {
-                            number: ne + 1
-                          }),
-                          "onUpdate:modelValue": (O) => f.session.setOptionName(u.id, O, u.target)
-                        }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
-                      ])
-                    ]),
-                    f.view.optionTranslationLocales.length > 0 ? (c(), b("div", Aa, [
-                      d("p", Da, w(t(g)("menu.group.translation.translation")), 1),
-                      (c(!0), b(j, null, Y(u.translations, (O) => (c(), b("div", {
-                        key: O.code,
-                        class: "flex gap-16 items-center"
-                      }, [
-                        d("div", La, [
-                          o(_l, {
-                            code: O.code
-                          }, null, 8, ["code"]),
-                          d("span", Ma, w(O.label), 1)
-                        ]),
-                        d("div", Ba, [
-                          o(q, {
-                            "model-value": O.value,
-                            placeholder: u.name,
-                            "aria-label": t(g)("menu.group.translation.option_translation", {
-                              number: ne + 1,
-                              language: O.label
-                            }),
-                            "onUpdate:modelValue": (D) => f.session.setOptionTranslation(
-                              u.id,
-                              O.code,
-                              D
-                            )
-                          }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
-                        ])
-                      ]))), 128))
-                    ])) : x("", !0)
-                  ])
-                ]))), 128))
-              ])) : x("", !0)
-            ])
-          ])
-        ]),
-        _: 1
-      }, 8, ["model-value"]);
-    };
-  }
-}), ja = {
-  key: 0,
-  class: "flex-1 flex justify-between gap-8 pl-8"
-}, Ka = { class: "flex items-center" }, Ya = {
-  key: 1,
-  class: "flex items-center gap-8 ml-auto"
-}, qa = {
-  key: 0,
-  class: "text-fm-color-typo-secondary",
-  role: "alert"
-}, Ha = {
-  key: 1,
-  "data-menu-state": "unavailable"
-}, Qa = { class: "flex justify-between items-center gap-8 mt-16 mb-8" }, Za = {
-  key: 1,
-  "aria-hidden": "true"
-}, Ja = { class: "w-[320px]" }, Wa = { class: "fm-typo-en-title-md-600" }, Xa = { class: "space-y-32 pt-8" }, et = { key: 0 }, lt = { key: 1 }, at = { class: "xs:overflow-x-scroll" }, tt = { class: "xs:min-w-[640px]" }, ot = { class: "flex gap-8 items-center justify-start" }, nt = {
-  key: 0,
-  role: "alert"
-}, st = {
-  key: 1,
-  "data-menu-state": "unavailable"
-}, it = { class: "flex gap-8 items-center justify-start" }, rt = {
-  key: 0,
-  class: "group-list-nested-sheet-marker sr-only",
-  "aria-hidden": "true"
-}, ut = { class: "mr-auto fm-typo-en-title-md-600" }, dt = { class: "space-y-24 pt-16" }, mt = { class: "rounded-md border border-fm-color-neutral-gray-200 px-16 py-12" }, ct = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pt = { class: "fm-typo-en-title-sm-600" }, vt = { class: "space-y-16" }, gt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, bt = {
-  key: 0,
-  class: "nested-group-editor-sheet-marker sr-only"
-}, ft = { class: "fm-typo-en-title-md-600" }, yt = { class: "pt-8 space-y-32" }, _t = { class: "xs:overflow-x-scroll" }, wt = { class: "xs:min-w-[640px]" }, xt = { class: "flex gap-8" }, kt = { class: "fm-typo-en-title-md-600" }, ht = { class: "space-y-32 pt-8" }, Ct = { class: "xs:overflow-x-scroll" }, Ft = { class: "xs:min-w-[640px]" }, Vt = { class: "flex gap-8" }, Yt = /* @__PURE__ */ Vl({
-  __name: "GroupList",
-  props: {
-    sdk: {},
-    catalogPage: { type: Boolean, default: !1 },
-    heading: { default: "" }
-  },
-  setup(Ne) {
-    const Ue = Jl(
-      () => import("./ProductInventoryDialog-DYcKdKHi.js")
-    ), Ee = ["NORMAL", "PRODUCT", "DYNAMIC"], H = {
-      NORMAL: "menu.group.type.normal",
-      PRODUCT: "menu.group.type.product",
-      DYNAMIC: "menu.group.type.dynamic"
-    }, g = Ne, { t: l, n: T } = Ol(), f = va(), C = ea();
-    function I(e) {
-      if (!e) return "";
-      const a = T(0, {
-        useGrouping: !1,
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-      });
-      return T(0, {
-        style: "currency",
-        currency: e,
-        currencyDisplay: "narrowSymbol",
-        useGrouping: !1,
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-      }).replace(a, "").trim() || e;
-    }
-    const { run: z } = ca(), ve = la(), A = Fl(g.sdk.group.list), u = k(
-      () => A.value.status === "ready" ? A.value.value : null
-    ), ne = k(() => {
-      var e;
-      return [
-        { label: l("menu.common.labels.summary"), value: null },
-        ...(((e = u.value) == null ? void 0 : e.scope.schedulerOptions) ?? []).map((a) => ({
-          label: a.label,
-          value: a.id
-        }))
-      ];
-    }), O = $(!1), D = $(!1), Q = $(!1), Ie = $(!1), Z = $(!1), K = U(null), N = U({
-      status: "loading"
-    });
-    let ze = () => {
-    };
-    const J = U(null), W = U(null), ge = $(""), X = $(!1), ee = $(!1), qe = Fl(
-      g.sdk.linkProduct.catalogue
-    ), He = k(
-      () => qe.value.status === "ready" ? qe.value.value : null
-    ), be = $(!1), le = $(!1), fe = U(null), ye = U({
-      status: "loading"
-    }), S = U(null), _e = U({
-      status: "loading"
-    });
-    let Ae = () => {
-    }, se = () => {
-    };
-    const p = U(g.sdk.group.editor()), ie = U(
-      p.value.get()
-    );
-    let De = p.value.subscribe(
-      (e) => ie.value = e
-    );
-    const r = k(
-      () => ie.value.status === "ready" ? ie.value.value : null
-    ), ae = pa(() => p.value), we = k(
-      () => r.value ? ae.issue(r.value.fieldIssues, "name") ?? r.value.nameIssue : null
-    ), Qe = k(() => {
-      const e = r.value;
-      return e ? [
-        ...ae.issues(e.fieldIssues, "bounds"),
-        ...ae.issues(e.fieldIssues, "options"),
-        ...e.issues.filter(
-          (a) => a.field !== "name" && a.field !== "bounds" && a.field !== "options"
-        )
-      ] : [];
-    }), xe = $({}), Ze = k(() => {
-      var e;
-      return (((e = r.value) == null ? void 0 : e.options) ?? []).map((a) => ({
-        ...a,
-        subRows: a.variants
-      }));
-    }), L = k(
-      () => N.value.status === "ready" ? N.value.value : null
-    );
-    Ye(
-      () => N.value.status,
-      (e) => {
-        e !== "ready" && (Z.value = !1);
-      }
-    );
-    const Je = k(
-      () => ye.value.status === "ready" ? ye.value.value : null
-    ), M = k(
-      () => _e.value.status === "ready" ? _e.value.value : null
-    ), ke = k(() => {
-      var e;
-      return [
-        ...((e = M.value) == null ? void 0 : e.options) ?? []
-      ];
-    }), We = k(() => {
-      var e;
-      return [
-        ...((e = Je.value) == null ? void 0 : e.groups) ?? []
-      ];
-    }), $l = k(() => [
-      {
-        accessorKey: "name",
-        header: () => l("menu.group.list.columns.name"),
-        enableSorting: !1
-      },
-      {
-        id: "products",
-        header: () => l("menu.group.list.columns.products"),
-        enableSorting: !1,
-        size: 200,
-        cell: (e) => i(
-          "div",
-          { class: "line-clamp-2 break-all" },
-          e.row.original.products.join(", ")
-        )
-      },
-      {
-        id: "actions",
-        header: "",
-        size: 52,
-        enableSorting: !1,
-        cell: (e) => i("div", { class: "flex justify-end" }, [
-          i(v.FmButton, {
-            "aria-label": l("menu.group.a11y.row", {
-              label: l("menu.common.actions.edit"),
-              index: e.row.index + 1
-            }),
-            prependIcon: "edit",
-            textColor: "neutral-gray-400",
-            variant: "tertiary",
-            onClick: () => Gl(e.row.original.id)
-          })
-        ])
-      }
-    ]), Sl = k(
-      () => [
-        {
-          id: "default",
-          size: 35,
-          header: () => l("menu.group.option.is_default"),
-          enableSorting: !1,
-          cell: (e) => i(v.FmCheckbox, {
-            "aria-label": l("menu.group.a11y.row", {
-              label: l("menu.group.option.is_default"),
-              index: e.row.index + 1
-            }),
-            disabled: e.row.original.orderFrom === "NONE",
-            modelValue: e.row.original.isDefault,
-            value: e.row.original.id,
-            "onUpdate:modelValue": (a) => {
-              var s;
-              return (s = S.value) == null ? void 0 : s.setOptionDefault(
-                e.row.original.id,
-                a
-              );
-            }
-          })
-        },
-        {
-          accessorKey: "code",
-          size: 100,
-          header: () => l("menu.group.option.code"),
-          enableSorting: !1
-        },
-        {
-          id: "title",
-          header: () => i("div", { class: "flex items-center w-full gap-8" }, [
-            i("span", l("menu.group.option.product_title")),
-            // `groupConfig().name` is off for an override, which disables the
-            // option translation trigger rather than removing it.
-            i(v.FmButton, {
-              disabled: !0,
-              icon: "g_translate",
-              textColor: "neutral-gray-400",
-              variant: "tertiary"
-            })
-          ]),
-          enableSorting: !1,
-          cell: (e) => i(
-            "div",
-            i(q, {
-              "aria-label": l("menu.group.a11y.row", {
-                label: l("menu.group.option.product_title"),
-                index: e.row.index + 1
-              }),
-              class: "min-w-[300px]",
-              disabled: !0,
-              modelValue: e.row.original.name
-            })
-          )
-        },
-        {
-          id: "price",
-          size: 400,
-          header: () => {
-            var e;
-            return l("menu.group.option.price", {
-              symbol: I((e = r.value) == null ? void 0 : e.currencyCode)
-            });
-          },
-          enableSorting: !1,
-          cell: (e) => {
-            const a = e.row.original;
-            return i("div", { class: "flex items-center gap-8" }, [
-              i(kl, {
-                class: "min-w-[88px]",
-                commitOnInput: !0,
-                disabled: a.orderFrom === "NONE",
-                inputmode: "decimal",
-                "aria-label": l("menu.group.a11y.row", {
-                  label: l("menu.group.option.price", {
-                    symbol: I(a.currency)
-                  }),
-                  index: e.row.index + 1
-                }),
-                modelValue: a.priceAmount,
-                // Legacy's `formatCurrency(fallback)` strips Dinero's space after
-                // the symbol, so the placeholder reads "RM5.00".
-                placeholder: a.inheritedPriceAmount === null ? "" : T(a.inheritedPriceAmount, {
-                  style: "currency",
-                  currency: a.currency,
-                  currencyDisplay: "narrowSymbol"
-                }).replaceAll(/\s/g, ""),
-                "onUpdate:modelValue": (s) => {
-                  var y;
-                  return (y = S.value) == null ? void 0 : y.setOptionPrice(a.id, s);
-                }
-              }),
-              ...a.editPricing.state === "hidden" ? [] : [
-                i("div", { class: "flex items-center gap-4" }, [
-                  i(
-                    v.FmButton,
-                    {
-                      variant: "plain",
-                      label: l(
-                        "menu.product.form.member_price.configure.title"
-                      ),
-                      "aria-label": l("menu.group.a11y.row", {
-                        label: l(
-                          "menu.product.form.member_price.configure.title"
-                        ),
-                        index: e.row.index + 1
-                      }),
-                      disabled: a.editPricing.state !== "allowed",
-                      onClick: () => al(a, "members")
-                    },
-                    {
-                      default: () => i(
-                        "span",
-                        { class: "underline line-clamp-2 break-all" },
-                        a.memberPriceCount ? l(
-                          "menu.product.form.member_price.configure.title_with_tier",
-                          { num: a.memberPriceCount }
-                        ) : l(
-                          "menu.product.form.member_price.configure.title"
-                        )
-                      )
-                    }
-                  ),
-                  i(hl, { prices: a.memberPrices })
-                ])
-              ]
-            ]);
-          }
-        },
-        {
-          id: "orderFrom",
-          size: 100,
-          header: () => l("menu.common.labels.order_from"),
-          enableSorting: !1,
-          cell: (e) => i(v.FmSelect, {
-            "aria-label": l("menu.group.a11y.row", {
-              label: l("menu.common.labels.order_from"),
-              index: e.row.index + 1
-            }),
-            items: Xe.value,
-            // FmSelect teleports its menu below this z-index-200 sheet unless
-            // it is pinned one above it (as ProductGroupSheet does).
-            menuZIndex: 201,
-            modelValue: e.row.original.orderFrom,
-            shiftMenu: !0,
-            "onUpdate:modelValue": (a) => {
-              var s;
-              a && ((s = S.value) == null || s.setOptionOrderFrom(
-                e.row.original.id,
-                a
-              ));
-            }
-          })
-        },
-        {
-          id: "actions",
-          size: 80,
-          header: "",
-          enableSorting: !1,
-          meta: { cellClass: "" },
-          cell: (e) => {
-            const a = e.row.original;
-            return i("div", { class: "flex items-center justify-end" }, [
-              ...a.editPricing.state === "hidden" ? [] : [
-                i(Cl, {
-                  configured: a.hasPriceTiers,
-                  disabled: a.editPricing.state !== "allowed",
-                  label: l("menu.group.a11y.row", {
-                    label: l("menu.price_tier.price_tier_config"),
-                    index: e.row.index + 1
-                  }),
-                  onOpen: () => al(a, "tiers")
-                })
-              ],
-              i(v.FmButton, {
-                "aria-label": l("menu.group.a11y.row", {
-                  label: l("menu.inventory.title"),
-                  index: e.row.index + 1
-                }),
-                disabled: a.orderFrom === "NONE",
-                icon: "inventory_2",
-                overwriteIconOutline: a.inventory.bindings.length ? "filled" : "outline",
-                textColor: "neutral-gray-400",
-                variant: "tertiary",
-                onClick: () => Nl(a)
-              }),
-              // A deeper nesting level is outside the approved nested-override
-              // scope, so the trigger stays in legacy's disabled state.
-              i(v.FmButton, {
-                "aria-label": l("menu.group.a11y.row", {
-                  label: l("menu.group.nested.title"),
-                  index: e.row.index + 1
-                }),
-                disabled: !0,
-                icon: "arrow_split",
-                textColor: "neutral-gray-400",
-                variant: "tertiary"
-              })
-            ]);
-          }
-        }
-      ]
-    ), Xe = k(() => [
-      { label: l("menu.order.from.options.all"), value: "ALL" },
-      { label: l("menu.order.from.options.pos_only"), value: "POS_ONLY" },
-      { label: l("menu.order.from.options.none"), value: "NONE" }
-    ]);
-    function el(e) {
-      return Object.fromEntries(
-        Object.entries(e).map(([a, s]) => [a, [...s]])
-      );
-    }
-    function he() {
-      var e;
-      (e = J.value) == null || e.dispose(), J.value = null;
-    }
-    function ll(e, a) {
-      he(), J.value = p.value.pricingEditor(
-        e.id,
-        a,
-        e.target
-      );
-    }
-    async function Pl(e) {
-      return (await z(() => g.sdk.priceTier.create(e), {
-        successMessage: l("menu.price_tier.add_price_group_success")
-      })).kind === "success";
-    }
-    function Ce() {
-      var e;
-      (e = W.value) == null || e.dispose(), W.value = null, ge.value = "";
-    }
-    function Tl(e) {
-      Ce(), ge.value = e.name || e.placeholder, W.value = p.value.inventoryEditor(e.id);
-    }
-    function al(e, a) {
-      var s;
-      he(), J.value = ((s = S.value) == null ? void 0 : s.pricingEditor(e.id, a)) ?? null;
-    }
-    function Nl(e) {
-      var a;
-      Ce(), ge.value = e.name, W.value = ((a = S.value) == null ? void 0 : a.inventoryEditor(e.id)) ?? null;
-    }
-    function Ul() {
-      var e, a;
-      ((a = (e = r.value) == null ? void 0 : e.translation) == null ? void 0 : a.state) === "allowed" && (p.value.beginOptionTranslationEdit(), X.value = !0);
-    }
-    function tl() {
-      var e, a;
-      ((a = (e = r.value) == null ? void 0 : e.translation) == null ? void 0 : a.state) === "allowed" && (p.value.beginGroupTranslationEdit(), ee.value = !0);
-    }
-    function El() {
-      p.value.saveGroupTranslationEdit(), ee.value = !1;
-    }
-    function Fe() {
-      p.value.discardGroupTranslationEdit(), ee.value = !1;
-    }
-    function Il() {
-      p.value.saveOptionTranslationEdit(), X.value = !1;
-    }
-    function Le() {
-      p.value.discardOptionTranslationEdit(), X.value = !1;
-    }
-    const Me = k(() => [
-      {
-        accessorKey: "isDefault",
-        size: 35,
-        header: () => l("menu.group.option.is_default"),
-        enableSorting: !1,
-        cell: (e) => i(v.FmCheckbox, {
-          modelValue: e.row.original.isDefault,
-          value: "default",
-          disabled: e.row.original.edit.state !== "allowed",
-          "aria-label": l("menu.group.a11y.row", {
-            label: l("menu.group.option.is_default"),
-            index: e.row.index + 1
-          }),
-          "onUpdate:modelValue": (a) => p.value.setOptionDefault(
-            e.row.original.id,
-            a,
-            e.row.original.target
-          )
-        })
-      },
-      {
-        accessorKey: "code",
-        size: 100,
-        header: () => l("menu.group.option.code"),
-        enableSorting: !1,
-        cell: (e) => i("div", { class: "break-all max-w-[100px]" }, e.row.original.code)
-      },
-      {
-        accessorKey: "name",
-        header: () => {
-          var e, a;
-          return i("div", { class: "flex items-center w-full gap-8" }, [
-            i("span", l("menu.group.option.product_title")),
-            i(v.FmButton, {
-              "aria-label": l("menu.group.translation.translate_options"),
-              disabled: ((a = (e = r.value) == null ? void 0 : e.translation) == null ? void 0 : a.state) !== "allowed",
-              icon: "g_translate",
-              textColor: "neutral-gray-400",
-              variant: "tertiary",
-              onClick: Ul
-            })
-          ]);
-        },
-        enableSorting: !1,
-        cell: (e) => {
-          const a = e.row.original, s = [a.code, a.name || a.placeholder].filter(Boolean).join(" "), y = e.row.getIsExpanded();
-          return i("div", { class: "flex items-center gap-8" }, [
-            ...e.row.getCanExpand() ? [
-              i(v.FmButton, {
-                icon: "keyboard_arrow_up",
-                class: y ? "rotate-180" : "",
-                "aria-label": y ? l("menu.apply_product.table.collapse_combinations", {
-                  name: s
-                }) : l("menu.apply_product.table.expand_combinations", {
-                  name: s
-                }),
-                variant: "tertiary",
-                onClick: e.row.getToggleExpandedHandler()
-              })
-            ] : [],
-            i(v.FmTextField, {
-              class: "min-w-[300px]",
-              modelValue: a.name,
-              placeholder: a.placeholder,
-              disabled: a.edit.state !== "allowed",
-              "aria-label": l("menu.group.a11y.row", {
-                label: l("menu.group.option.product_title"),
-                index: e.row.index + 1
-              }),
-              "onUpdate:modelValue": (F) => p.value.setOptionName(a.id, F, a.target)
-            })
-          ]);
-        }
-      },
-      {
-        accessorKey: "priceAmount",
-        size: 400,
-        header: () => {
-          var e;
-          return l("menu.group.option.price", {
-            symbol: I((e = r.value) == null ? void 0 : e.currencyCode)
-          });
-        },
-        enableSorting: !1,
-        cell: (e) => i("div", { class: "flex items-center gap-8" }, [
-          i(kl, {
-            class: "min-w-[88px]",
-            modelValue: e.row.original.priceAmount,
-            disabled: e.row.original.edit.state !== "allowed",
-            // Legacy exposes the first option price as the form's plain
-            // "Price (RM)" field. Keep that stable semantic control for the
-            // catalog editor, while later rows remain uniquely named.
-            "aria-label": e.row.index === 0 ? l("menu.group.option.price", {
-              symbol: I(e.row.original.currency)
-            }) : l("menu.group.a11y.row", {
-              label: l("menu.group.option.price", {
-                symbol: I(e.row.original.currency)
-              }),
-              index: e.row.index + 1
-            }),
-            "onUpdate:modelValue": (a) => p.value.setOptionPrice(
-              e.row.original.id,
-              a,
-              e.row.original.target
-            )
-          }),
-          ...e.row.original.editPricing.state === "allowed" ? [
-            i("div", { class: "flex items-center gap-4" }, [
-              i(
-                v.FmButton,
-                {
-                  variant: "plain",
-                  label: l(
-                    "menu.product.form.member_price.configure.title"
-                  ),
-                  "aria-label": l("menu.group.a11y.row", {
-                    label: l(
-                      "menu.product.form.member_price.configure.title"
-                    ),
-                    index: e.row.index + 1
-                  }),
-                  onClick: () => ll(e.row.original, "members")
-                },
-                {
-                  default: () => i(
-                    "span",
-                    { class: "underline line-clamp-2 break-all" },
-                    e.row.original.memberPriceCount ? l(
-                      "menu.product.form.member_price.configure.title_with_tier",
-                      { num: e.row.original.memberPriceCount }
-                    ) : l(
-                      "menu.product.form.member_price.configure.title"
-                    )
-                  )
-                }
-              ),
-              i(hl, {
-                prices: e.row.original.memberPrices
-              })
-            ])
-          ] : []
-        ])
-      },
-      {
-        accessorKey: "orderFrom",
-        size: 100,
-        header: () => l("menu.common.labels.order_from"),
-        enableSorting: !1,
-        cell: (e) => {
-          const a = e.row.original.edit, s = i(v.FmSelect, {
-            modelValue: e.row.original.orderFrom,
-            items: Xe.value,
-            disabled: a.state !== "allowed",
-            "aria-label": l("menu.group.a11y.row", {
-              label: l("menu.common.labels.order_from"),
-              index: e.row.index + 1
-            }),
-            "onUpdate:modelValue": (F) => {
-              F && p.value.setOptionOrderFrom(
-                e.row.original.id,
-                F,
-                e.row.original.target
-              );
-            }
-          }), y = e.row.original.unavailableInCatalog;
-          return !y || a.state !== "disabled" ? s : i("div", { class: "flex items-center gap-4" }, [
-            s,
-            i(
-              v.FmTooltip,
-              {
-                content: f(a.reason),
-                placement: "top",
-                zIndex: 999
-              },
-              () => i(v.FmIcon, {
-                name: y === "NOT_FOR_SALE" ? "block" : "link_off",
-                size: "sm",
-                color: "system-warning-400"
-              })
-            )
-          ]);
-        }
-      },
-      {
-        id: "actions",
-        size: 80,
-        header: "",
-        enableSorting: !1,
-        meta: { cellClass: "" },
-        cell: (e) => i("div", { class: "flex items-center justify-end" }, [
-          ...e.row.original.editPricing.state === "allowed" ? [
-            i(Cl, {
-              configured: e.row.original.hasPriceTiers,
-              label: l("menu.group.a11y.row", {
-                label: l("menu.price_tier.price_tier_config"),
-                index: e.row.index + 1
-              }),
-              onOpen: () => ll(e.row.original, "tiers")
-            })
-          ] : [],
-          i(v.FmButton, {
-            icon: "inventory_2",
-            overwriteIconOutline: e.row.original.inventory.bindings.length ? "filled" : "outline",
-            variant: "tertiary",
-            textColor: "neutral-gray-400",
-            disabled: e.row.original.edit.state !== "allowed",
-            "aria-label": l("menu.group.a11y.row", {
-              label: l("menu.inventory.title"),
-              index: e.row.index + 1
-            }),
-            onClick: () => Tl(e.row.original)
-          }),
-          ...e.row.original.nestedGroupCount ? [
-            i(
-              v.FmBadge,
-              {
-                class: "bg-fm-color-primary text-fm-color-neutral-white !right-0 !top-0",
-                value: e.row.original.nestedGroupCount
-              },
-              {
-                default: () => i(v.FmButton, {
-                  "aria-label": l("menu.group.a11y.row", {
-                    label: l("menu.group.nested.title"),
-                    index: e.row.index + 1
-                  }),
-                  icon: "arrow_split",
-                  textColor: "neutral-gray-400",
-                  variant: "tertiary",
-                  disabled: e.row.original.edit.state !== "allowed",
-                  onClick: () => Bl(
-                    e.row.original.id,
-                    e.row.original.target
-                  )
-                })
-              }
-            )
-          ] : [
-            i(v.FmButton, {
-              "aria-label": l("menu.group.a11y.row", {
-                label: l("menu.group.nested.title"),
-                index: e.row.index + 1
-              }),
-              disabled: !0,
-              icon: "arrow_split",
-              textColor: "neutral-gray-400",
-              variant: "tertiary"
-            })
-          ],
-          i(v.FmButton, {
-            "aria-label": l("menu.group.a11y.row", {
-              label: l("menu.common.actions.delete"),
-              index: e.row.index + 1
-            }),
-            icon: "delete",
-            variant: "tertiary",
-            onClick: () => p.value.removeOption(e.row.original.id)
-          })
-        ])
-      }
-    ]), zl = k(
-      () => {
-        var e;
-        return (e = r.value) != null && e.options.length ? Me.value : Me.value.slice(0, 4);
-      }
-    );
-    function ol(e) {
-      De(), p.value.dispose(), xe.value = {}, p.value = g.sdk.group.editor(e), ie.value = p.value.get(), De = p.value.subscribe(
-        (a) => ie.value = a
-      );
-    }
-    const Be = k(() => {
-      var e;
-      return ((e = u.value) == null ? void 0 : e.showType) === !0;
-    });
-    function nl() {
-      var e;
-      if (((e = u.value) == null ? void 0 : e.create.state) === "allowed") {
-        if (Be.value) {
-          D.value = !0;
-          return;
-        }
-        ol(), D.value = !0;
-      }
-    }
-    function sl(e) {
-      e.update.state === "allowed" && (ol(e.id), O.value = !0);
-    }
-    function Al(e) {
-      ve.open({
-        type: "success",
-        title: l("menu.product.manager.action.saved", { name: e }),
-        position: aa.BOTTOM
-      });
-    }
-    function Ve() {
-      te(), ee.value && Fe(), X.value && Le(), O.value = !1, D.value = !1, Q.value = !1;
-    }
-    function re() {
-      var e;
-      ze(), ze = () => {
-      }, (e = K.value) == null || e.dispose(), K.value = null, Ie.value = !1, Z.value = !1;
-    }
-    function Dl(e) {
-      p.value.setOptionLinks(e), xe.value = {}, Q.value = !1;
-    }
-    function Ll(e) {
-      var a;
-      (a = K.value) == null || a.setLinkedProducts(e), Z.value = !1;
-    }
-    function il(e) {
-      re();
-      const a = g.sdk.group.applyProduct(e.id);
-      a && (K.value = a, N.value = a.get(), ze = a.subscribe(
-        (s) => N.value = s
-      ), Ie.value = !0);
-    }
-    async function Ml() {
-      var a;
-      (await z(
-        () => K.value.submit(),
-        {
-          successMessage: l("menu.variant.form.saved", {
-            name: ((a = L.value) == null ? void 0 : a.groupName) ?? ""
-          }),
-          showLoading: () => {
-            var s;
-            return ((s = L.value) == null ? void 0 : s.status) === "submitting";
-          }
-        }
-      )).kind === "success" && re();
-    }
-    function Oe() {
-      var e, a;
-      se(), se = () => {
-      }, (e = S.value) == null || e.discard(), (a = S.value) == null || a.dispose(), S.value = null, le.value = !1;
-    }
-    function te() {
-      var e;
-      Oe(), Ae(), Ae = () => {
-      }, (e = fe.value) == null || e.dispose(), fe.value = null, be.value = !1;
-    }
-    function Bl(e, a) {
-      te();
-      const s = p.value.nestedOverrides(e, a);
-      s && (fe.value = s, ye.value = s.get(), Ae = s.subscribe((y) => ye.value = y), be.value = !0);
-    }
-    function Gl(e) {
-      var s;
-      Oe();
-      const a = (s = fe.value) == null ? void 0 : s.editor(e);
-      a && (S.value = a, _e.value = a.get(), se = a.subscribe(
-        (y) => _e.value = y
-      ), le.value = !0);
-    }
-    function Rl() {
-      var a;
-      const e = (a = S.value) == null ? void 0 : a.submit();
-      (e == null ? void 0 : e.kind) === "success" && jl();
-    }
-    function jl() {
-      var e;
-      se(), se = () => {
-      }, (e = S.value) == null || e.dispose(), S.value = null, le.value = !1;
-    }
-    async function rl() {
-      var y, F, B, Se;
-      const e = ((y = r.value) == null ? void 0 : y.name) ?? "", a = (F = u.value) != null && F.scope.schedulerId ? u.value.scope.schedulerLabel ?? e : g.catalogPage && (((B = u.value) == null ? void 0 : B.scope.catalogLabel) ?? g.heading) || e;
-      (await z(
-        () => ae.submit(() => p.value.submit()),
-        {
-          // A catalog's Group editor still writes the default-menu group, but the
-          // legacy shell attributes the completed action to the active catalog.
-          successMessage: g.catalogPage || (Se = u.value) != null && Se.scope.schedulerId ? l("menu.catalog.saved", { name: a }) : l("menu.variant.form.saved", { name: a }),
-          // submit() publishes `submitting` synchronously only when it will perform
-          // a write. Local required-name rejection must not flash a loading toast;
-          // the approved required-field baseline contains only the field issue.
-          showLoading: () => {
-            var Pe;
-            return ((Pe = r.value) == null ? void 0 : Pe.status) === "submitting";
-          }
-        }
-      )).kind === "success" && Ve();
-    }
-    function Kl(e) {
-      e.duplicate.state === "allowed" && C.open({
-        title: l("menu.group.actions.duplicate.title"),
-        message: l("menu.group.actions.duplicate.message", { name: e.name }),
-        primaryActions: {
-          text: l("menu.common.actions.yes"),
-          close: !0,
-          variant: fl.Primary
-        },
-        secondaryActions: {
-          text: l("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await z(() => g.sdk.group.duplicate(e.id), {
-          // Legacy names the SOURCE group here, not the clone: `duplicateGroup`
-          // passes `res.group.name` to `updateMenu`, and only `req.data.name`
-          // carries the ` clone` suffix (portal manager/menu/group.ts:365 @
-          // 7dfeb122). Re-observed against the real portal on 2026-08-19 — the
-          // toast reads "Set saved" while the created row reads "Set clone" —
-          // and the baseline was refreshed with the user's approval after having
-          // frozen the row's name as the toast text.
-          //
-          // `row.name` is the row the user acted on, so this is not the domain
-          // rule the SDK owns; the clone's own name still comes back on the ref
-          // for any caller that needs the created entity.
-          successMessage: l("menu.variant.form.saved", { name: e.name })
-        });
-      });
-    }
-    function Yl(e) {
-      e.remove.state === "allowed" && C.open({
-        title: l("menu.group.dialogs.delete.title"),
-        // Mirrors the legacy dialog's structure rather than composing a
-        // sentence here: message, then — only when something is linked — the
-        // warning heading and the affected names as a list
-        // (`portal .../GroupManager/DeleteGroupDialog.vue` @ `7dfeb122`). Each
-        // t() returns a complete string, so nothing is interpolated or
-        // assembled by a template expression (ADR-0003 §3). The names are what
-        // the frozen `group/delete/linked-confirmation` text ends in ("… will
-        // be unlinked: Hot Pot"); concatenating the two keys instead left the
-        // sentence on a dangling colon.
-        //
-        // These are the APPLIED items — the menu items referencing this group,
-        // which the delete unlinks — not the group's own option products. The
-        // frozen text names one item for "Add on", a group holding three
-        // options, so the two are not interchangeable.
-        contentComponent: i("div", { class: "space-y-4" }, [
-          i("p", l("menu.group.dialogs.delete.message", { name: e.name })),
-          ...e.appliedItemNames.length ? [
-            i("div", [
-              i(
-                "p",
-                { class: "text-fm-color-typo-secondary mb-2" },
-                l("menu.group.dialogs.delete.unlink_warning", {
-                  count: e.appliedItemNames.length
-                })
-              ),
-              // FmList/FmListItem, the ADR-0003 §1 component of record.
-              // An earlier revision of this slice hand-rolled a
-              // `list-disc` <ul> because legacy's hollow disc differs from
-              // FmListItem's filled `fiber_manual_record` prepend and the
-              // 431px cost failed `group/v3-delete/linked-confirmation`.
-              // ADR-0003 §5 refuses that reasoning outright — a diff that
-              // cannot be closed while complying with §§1-4 is a finding to
-              // report, never a licence to hand-roll — and the raw list
-              // also falsified the premise of the V4 case's own approved
-              // region, which reads "the list is now implemented with the
-              // required design-system FmList/FmListItem primitives".
-              // Restored to FmList; the marker variance against legacy's
-              // hollow disc is an approved difference on this dialog.
-              i(
-                v.FmList,
-                { class: "text-fm-color-typo-secondary ml-4" },
-                {
-                  default: () => e.appliedItemNames.map(
-                    (a) => i(
-                      v.FmListItem,
-                      {
-                        key: a,
-                        class: "!p-0 !gap-4",
-                        clickable: !1
-                      },
-                      {
-                        default: () => i(
-                          "span",
-                          {
-                            class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
-                          },
-                          a
-                        ),
-                        prepend: () => i(v.FmIcon, {
-                          color: "neutral-gray-400",
-                          name: "fiber_manual_record",
-                          size: "sm"
-                        })
-                      }
-                    )
-                  )
-                }
-              )
-            ])
-          ] : []
-        ]),
-        primaryActions: {
-          text: l("menu.common.actions.delete"),
-          close: !0,
-          variant: fl.Destructive
-        },
-        secondaryActions: {
-          text: l("menu.common.actions.cancel"),
-          close: !0
-        }
-      }).onPrimary(async () => {
-        await z(() => g.sdk.group.remove(e.id), {
-          // "saved", not "removed": legacy's `deleteGroup` calls
-          // `updateMenu(req, group.name)` without the `isDelete` flag, and
-          // `updateMenu` derives `action = isDelete ? "removed" : "saved"`
-          // (`portal helper/menu.ts:56-58`) — byte-identical at the V4 capture
-          // commit `7dfeb122` and the V3 pin `9dd9aa5`, with exactly one
-          // `deleteGroup` call path in the app. Both V3 frozen groups record
-          // `<name> saved` and the frozen golden
-          // `group/v3-delete/success` shows it. The V4 baseline had transcribed
-          // it as "Add on removed" with no image behind it, and this page was
-          // built to match; corrected on the owner's decision 2026-09-08, so
-          // `group/delete`'s parity is owed a re-run.
-          successMessage: l("menu.variant.form.saved", { name: e.name })
-        });
-      });
-    }
-    const $e = U([]);
-    Ye(
-      () => {
-        var e;
-        return (e = u.value) == null ? void 0 : e.rows;
-      },
-      (e) => {
-        e && ($e.value = [...e]);
-      },
-      { immediate: !0 }
-    );
-    const ql = k(
-      () => {
-        var e;
-        return (
-          // `showReorderHandle`, not `reorder.state`: the affordance's existence and
-          // the write's acceptance are two different questions, and the SDK answers
-          // both. Binding the handle to `reorder` deleted FmTable's 60px drag column
-          // whenever a filter narrowed the list — and again on every in-flight write
-          // — which moved every other column 110px; `group/list/search-ege` shipped
-          // that shift, and the V3 list's first legacy frame reported 4768 differing
-          // pixels. Reading `reorder.reason.code` to tell those refusals apart put
-          // the same rule in two places coupled by a message string; the rule is
-          // the SDK's.
-          (e = u.value) != null && e.showReorderHandle ? () => {
-            var a;
-            return ((a = u.value) == null ? void 0 : a.reorder.state) === "allowed";
-          } : !1
-        );
-      }
-    );
-    async function Hl(e) {
-      var y;
-      const a = $e.value;
-      (await z(
-        () => g.sdk.group.reorder(e.map((F) => F.id)),
-        {
-          successMessage: l("menu.group.reorder.success")
-        }
-      )).kind !== "success" && ($e.value = [...((y = u.value) == null ? void 0 : y.rows) ?? a]);
-    }
-    const Ql = k(() => {
-      var e;
-      return [
-        {
-          accessorKey: "name",
-          header: () => l("menu.group.list.columns.name"),
-          enableSorting: !1
-        },
-        {
-          accessorKey: "optionProducts",
-          header: () => l("menu.group.list.columns.products"),
-          enableSorting: !1,
-          // Legacy's own cell (`portal views/Catalog/Edit/Group.vue:427-437`): one
-          // entry per distinct item, suffixed `(N variant)` when that item
-          // contributes more than one variant row, and capped at five with an
-          // `& N more` tail. The SDK collapses and counts; the counted nouns are
-          // localized here, because this is the layer with an i18n instance
-          // (ADR-0003 §3) — nothing is assembled from a template expression.
-          cell: (a) => {
-            const s = a.row.original.optionProducts.map(
-              (F) => F.variantCount > 1 ? l("menu.group.list.product_variants", {
-                name: F.name,
-                variants: l("menu.group.list.variants", {
-                  count: F.variantCount
-                })
-              }) : F.name
-            ), y = s.slice(0, 5).reduce(
-              (F, B) => F ? l("menu.group.list.join_products", { list: F, item: B }) : B,
-              ""
-            );
-            return s.length > 5 ? l("menu.group.list.products_more", {
-              products: y,
-              more: l("menu.group.list.more_items", {
-                count: s.length - 5
-              })
-            }) : y;
-          }
-        },
-        {
-          // V3 only. Legacy declares this column unconditionally and hides it
-          // through `columnVisibility.type = rule.group.type`
-          // (`portal views/Catalog/Edit/Group.vue:505-509`), which is the version
-          // flag, so a V4 business renders the same table without it. It sits
-          // between "Products" and "Applied products" because that is legacy's
-          // declaration order (`:406` name, `:424` items, `:441` type, `:458`
-          // tagging, `:473` itemsLinked) and carries legacy's own 80px width. A
-          // type that maps to nothing renders "-" (`:451`).
-          id: "type",
-          header: () => l("menu.group.list.columns.type"),
-          enableSorting: !1,
-          meta: { width: "80px" },
-          cell: (a) => {
-            const s = wl[a.row.original.type];
-            return l(s || "menu.common.labels.unknown");
-          }
-        },
-        ...(e = u.value) != null && e.attributeColumnVisible ? [
-          {
-            id: "tagging",
-            accessorKey: "attributeTags",
-            header: () => l("menu.product.table.columns.tagging"),
-            enableSorting: !1,
-            size: 140,
-            cell: (a) => i(ua, {
-              kind: "tagging",
-              chips: a.row.original.attributeTags
-            })
-          }
-        ] : [],
-        {
-          // Legacy's third column, and the one this table shipped without: the
-          // frozen visual baseline (human-approved-legacy-chrome) carries
-          // "Applied products" with an "N items linked" cell per row, and both keys
-          // were already in every locale — only the column def was missing, which
-          // is why the list diffed at 0.56% with the Products column wrapping into
-          // the space this should occupy.
-          //
-          // Legacy does not pluralise ("1 items linked"), and the count goes through
-          // the i18n layer rather than being assembled here (ADR-0003 §3).
-          id: "appliedProducts",
-          header: () => l("menu.group.list.columns.applied_products"),
-          enableSorting: !1,
-          cell: (a) => i(
-            v.FmButton,
-            {
-              // This is the design-system button equivalent of legacy's clickable
-              // dashed text trigger. Its compact neutral treatment preserves the
-              // table-cell geometry while retaining native button semantics.
-              class: "w-fit !min-h-0 !px-0 !py-0 !font-normal border-b border-dashed !border-fm-color-neutral-gray-300 hover:!border-fm-color-neutral-gray-400",
-              borderColor: "neutral-gray-300",
-              label: l("menu.group.list.items_linked", {
-                count: a.row.original.appliedItemNames.length
-              }),
-              // Keep the legacy rendered count while adding the row name to the
-              // accessible control name so equal counts remain distinguishable.
-              "aria-label": l("menu.common.labels.a11y_labelled_name", {
-                label: l("menu.group.list.items_linked", {
-                  count: a.row.original.appliedItemNames.length
-                }),
-                name: a.row.original.name
-              }),
-              textColor: "typo-primary",
-              variant: "plain",
-              onClick: R(
-                () => il(a.row.original),
-                ["stop", "prevent"]
-              )
-            },
-            {
-              // FmButton's default label is body-lg 600. Legacy's compact table
-              // trigger is body-md 400, so use its supported content slot while
-              // retaining the library's button and accessibility behaviour.
-              default: () => i(
-                "span",
-                { class: "fm-typo-en-body-md-400" },
-                l("menu.group.list.items_linked", {
-                  count: a.row.original.appliedItemNames.length
-                })
-              )
-            }
-          )
-        },
-        {
-          // Keep the legacy row-action shell: one overflow trigger containing the
-          // approved intents, including the now-observed apply-product path.
-          id: "actions",
-          header: "",
-          meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
-          cell: (a) => {
-            const s = a.row.original;
-            return i(
-              "div",
-              { class: "flex justify-end" },
-              i(
-                v.FmMenu,
-                {
-                  closeOnClick: !0,
-                  placement: "bottom-end",
-                  stopClickPropagation: !0,
-                  onClick: R(() => {
-                  }, ["stop"])
-                },
-                {
-                  "menu-button": () => i(v.FmButton, {
-                    type: "button",
-                    variant: "tertiary",
-                    icon: "more_vert",
-                    "aria-label": l("menu.common.labels.a11y_labelled_name", {
-                      label: l("menu.group.a11y.actions"),
-                      name: s.name
-                    })
-                  }),
-                  default: () => [
-                    i(v.FmMenuItem, {
-                      label: l("menu.common.actions.edit"),
-                      disabled: s.update.state !== "allowed",
-                      onClick: R(
-                        () => sl(s),
-                        ["stop", "prevent"]
-                      )
-                    }),
-                    i(v.FmMenuItem, {
-                      label: l("menu.group.actions.apply_product"),
-                      onClick: R(
-                        () => il(s),
-                        ["stop", "prevent"]
-                      )
-                    }),
-                    i(v.FmMenuItem, {
-                      label: l("menu.group.actions.duplicate_action"),
-                      disabled: s.duplicate.state !== "allowed",
-                      onClick: R(
-                        () => Kl(s),
-                        ["stop", "prevent"]
-                      )
-                    }),
-                    i(v.FmMenuItem, {
-                      label: l("menu.common.actions.delete"),
-                      disabled: s.remove.state !== "allowed",
-                      onClick: R(
-                        () => Yl(s),
-                        ["stop", "prevent"]
-                      )
-                    })
-                  ]
-                }
-              )
-            );
-          }
-        }
-      ];
-    });
-    return Wl(() => {
-      re(), he(), Ce(), ee.value && Fe(), X.value && Le(), te(), De(), p.value.dispose();
-    }), (e, a) => {
-      const s = V("FmButton"), y = V("FmCircularProgress"), F = V("FmChip"), B = V("FmMenuItem"), Se = V("FmMenu"), Pe = V("FmSearch"), ue = V("FmTable"), ul = V("FmTooltip"), oe = V("FmStepperField"), de = V("FmFormGroup"), Ge = V("FmSwitch"), me = V("FmSideSheet"), Zl = V("FmHelperText");
-      return c(), h(ra, {
-        heading: e.heading || t(l)("menu.group.title")
-      }, {
-        "prepend-heading": m(() => [
-          Te(e.$slots, "prepend-heading")
-        ]),
-        "append-heading": m(() => {
-          var ce;
-          return [
-            e.catalogPage ? x("", !0) : (c(), b("div", ja, [
-              d("div", Ka, [
-                o(ia, {
-                  value: t(T)(((ce = u.value) == null ? void 0 : ce.filteredCount) ?? 0)
-                }, null, 8, ["value"])
-              ]),
-              u.value && u.value.filteredCount > 0 ? (c(), h(s, {
-                key: 0,
-                disabled: u.value.create.state !== "allowed",
-                label: t(l)("menu.group.actions.add"),
-                "prepend-icon": "add",
-                onClick: nl
-              }, null, 8, ["disabled", "label"])) : x("", !0)
-            ])),
-            e.catalogPage ? (c(), b("div", Ya, [
-              Te(e.$slots, "append-heading")
-            ])) : Te(e.$slots, "append-heading", { key: 2 })
-          ];
-        }),
-        default: m(() => {
-          var ce, dl, ml, cl;
-          return [
-            Te(e.$slots, "navigation"),
-            t(A).status === "error" ? (c(), b("p", qa, w(t(f)(t(A).error.message)), 1)) : t(A).status === "unavailable" ? (c(), b("div", Ha, [
-              o(t(yl), {
-                title: t(l)("menu.group.empty.title"),
-                subtitle: t(l)("menu.group.empty.subtitle")
-              }, null, 8, ["title", "subtitle"])
-            ])) : t(A).status === "loading" ? (c(), h(y, { key: 2 })) : u.value && u.value.totalCount === 0 ? (c(), h(t(yl), {
-              key: 3,
-              action: u.value.create.state === "allowed" ? { text: t(l)("menu.group.actions.add"), callback: nl } : void 0,
-              title: t(l)("menu.group.empty.title"),
-              subtitle: t(l)("menu.group.empty.subtitle")
-            }, null, 8, ["action", "title", "subtitle"])) : u.value ? (c(), b(j, { key: 4 }, [
-              d("div", Qa, [
-                u.value.scope.schedulerSelector.state === "allowed" ? (c(), h(da, {
-                  key: 0,
-                  options: ne.value,
-                  "model-value": u.value.scope.schedulerId,
-                  title: t(l)("menu.common.labels.scheduler_title", {
-                    label: u.value.scope.schedulerLabel ?? t(l)("menu.common.labels.summary")
-                  }),
-                  "onUpdate:modelValue": a[0] || (a[0] = (n) => e.sdk.item.selectScope({
-                    catalogId: u.value.scope.catalogId,
-                    schedulerId: n
-                  }))
-                }, null, 8, ["options", "model-value", "title"])) : u.value.showType ? x("", !0) : (c(), b("div", Za)),
-                u.value.showType ? (c(), h(Se, {
-                  key: 2,
-                  "close-on-click": ""
-                }, {
-                  "menu-button": m(() => [
-                    o(F, {
-                      class: "text-fm-color-typo-secondary",
-                      label: t(l)("menu.group.type.title", {
-                        type: u.value.typeFilter ? t(l)(t(wl)[u.value.typeFilter]) : t(l)("menu.common.labels.all")
-                      }),
-                      "right-icon": "keyboard_arrow_down"
-                    }, null, 8, ["label"])
-                  ]),
-                  default: m(() => [
-                    o(B, {
-                      class: "px-16 py-8",
-                      label: t(l)("menu.group.type.all"),
-                      onClick: a[1] || (a[1] = (n) => g.sdk.group.setTypeFilter(null))
-                    }, null, 8, ["label"]),
-                    (c(), b(j, null, Y(Ee, (n) => o(B, {
-                      key: n,
-                      class: "px-16 py-8",
-                      label: t(l)(H[n]),
-                      onClick: (_) => g.sdk.group.setTypeFilter(n)
-                    }, null, 8, ["label", "onClick"])), 64))
-                  ]),
-                  _: 1
-                })) : x("", !0),
-                d("div", Ja, [
-                  o(Pe, {
-                    autofocus: "",
-                    "model-value": u.value.query,
-                    placeholder: t(l)("menu.group.search.placeholder"),
-                    "aria-label": t(l)("menu.common.labels.search_groups"),
-                    "onUpdate:modelValue": g.sdk.group.search
-                  }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
-                ])
-              ]),
-              Xl(o(ue, {
-                "column-defs": Ql.value,
-                "column-visibility": { type: u.value.showType },
-                draggable: ql.value,
-                "page-size": u.value.rows.length,
-                "row-data": $e.value,
-                "shrink-at": !1,
-                "hide-footer": "",
-                "pin-header-row": "",
-                onDndChanged: Hl,
-                onRowClick: a[2] || (a[2] = (n) => sl(n.original))
-              }, null, 8, ["column-defs", "column-visibility", "draggable", "page-size", "row-data"]), [
-                [t(ga), t(l)("menu.group.list.columns.name")]
-              ])
-            ], 64)) : x("", !0),
-            ((ce = r.value) == null ? void 0 : ce.mode) === "update" ? (c(), h(me, {
-              key: 5,
-              modelValue: O.value,
-              "onUpdate:modelValue": a[8] || (a[8] = (n) => O.value = n),
-              "is-container": t(v).FmForm,
-              "is-container-props": { onValidationSuccess: rl },
-              "max-width": 800
-            }, {
-              "side-sheet-header": m(() => [
-                d("p", Wa, w(t(l)("menu.group.update")), 1)
-              ]),
-              "side-sheet-footer": m(() => [
-                d("div", ot, [
-                  o(s, {
-                    disabled: r.value.submit.state !== "allowed",
-                    label: t(l)("menu.common.actions.update"),
-                    size: "lg",
-                    type: "submit"
-                  }, null, 8, ["disabled", "label"]),
-                  o(s, {
-                    label: t(l)("menu.common.actions.cancel"),
-                    size: "lg",
-                    variant: "tertiary",
-                    onClick: Ve
-                  }, null, 8, ["label"])
-                ])
-              ]),
-              default: m(() => [
-                d("div", Xa, [
-                  o(Re, null, {
-                    default: m(() => {
-                      var n;
-                      return [
-                        o(q, gl({
-                          autofocus: "",
-                          "error-messages": we.value ? [t(f)(we.value)] : [],
-                          label: t(l)("menu.common.labels.group_name"),
-                          "model-value": r.value.name
-                        }, t(ae).field("name", p.value.setName)), {
-                          append: m(() => [
-                            o(ul, {
-                              placement: "top",
-                              variant: "plain",
-                              "z-index": 999
-                            }, {
-                              default: m(() => {
-                                var _;
-                                return [
-                                  o(s, {
-                                    "aria-label": t(l)("menu.group.translation.translate_name"),
-                                    disabled: ((_ = r.value.translation) == null ? void 0 : _.state) !== "allowed",
-                                    icon: "g_translate",
-                                    variant: "tertiary",
-                                    onClick: tl
-                                  }, null, 8, ["aria-label", "disabled"])
-                                ];
-                              }),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 16, ["error-messages", "label", "model-value"]),
-                        o(de, {
-                          "model-value": `${r.value.min} ${r.value.max}`
-                        }, {
-                          default: m(() => [
-                            o(Ke, null, {
-                              default: m(() => [
-                                o(oe, {
-                                  class: "flex-1",
-                                  label: t(l)("menu.common.labels.min_select"),
-                                  min: 0,
-                                  "model-value": r.value.min,
-                                  "onUpdate:modelValue": p.value.setMin
-                                }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
-                                o(oe, {
-                                  class: "flex-1",
-                                  label: t(l)("menu.common.labels.max_select"),
-                                  min: r.value.min,
-                                  "model-value": r.value.max,
-                                  "onUpdate:modelValue": p.value.setMax
-                                }, null, 8, ["label", "min", "model-value", "onUpdate:modelValue"])
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["model-value"]),
-                        o(je, {
-                          label: t(l)("menu.common.labels.configuration")
-                        }, {
-                          default: m(() => [
-                            o(Ge, {
-                              label: t(l)("menu.common.labels.stackable"),
-                              "label-placement": "right",
-                              "model-value": r.value.stackable,
-                              sublabel: t(l)("menu.common.labels.stackable_sublabel"),
-                              "onUpdate:modelValue": p.value.setStackable
-                            }, null, 8, ["label", "model-value", "sublabel", "onUpdate:modelValue"])
-                          ]),
-                          _: 1
-                        }, 8, ["label"]),
-                        (n = r.value.tagging) != null && n.visible ? (c(), h(pe, {
-                          key: 0,
-                          "sub-title": t(l)("menu.group.form.tagging.subtitle"),
-                          title: t(l)("menu.group.form.tagging.title")
-                        }, {
-                          default: m(() => [
-                            o(t(bl), {
-                              entity: "group",
-                              "model-value": r.value.customAttributes ?? {},
-                              "value-options": el(r.value.attributeValueOptions),
-                              "onUpdate:modelValue": a[3] || (a[3] = (_) => p.value.setCustomAttributes(_ ?? null))
-                            }, null, 8, ["model-value", "value-options"])
-                          ]),
-                          _: 1
-                        }, 8, ["sub-title", "title"])) : x("", !0)
-                      ];
-                    }),
-                    _: 1
-                  }),
-                  o(de, {
-                    tag: "div",
-                    "helper-text": t(l)("menu.common.validation.default_items_tip", {
-                      count: r.value.options.filter((n) => n.isDefault).length,
-                      max: r.value.max
-                    }),
-                    "model-value": r.value.options
-                  }, {
-                    default: m(() => [
-                      o(pe, {
-                        class: "mb-8",
-                        "sub-title": r.value.linkOptions.state !== "hidden" ? t(l)("menu.group.option.subtitle") : "",
-                        title: t(l)("menu.group.option.title")
-                      }, {
-                        "append-title": m(() => [
-                          r.value.linkOptions.state !== "hidden" ? (c(), b("div", et, [
-                            o(s, {
-                              disabled: r.value.linkOptions.state !== "allowed",
-                              "border-color": "primary",
-                              label: t(l)("menu.group.option.link_products"),
-                              "prepend-icon": "link",
-                              "text-color": "primary",
-                              variant: "secondary",
-                              onClick: a[4] || (a[4] = (n) => Q.value = !0)
-                            }, null, 8, ["disabled", "label"])
-                          ])) : r.value.addOption.state !== "hidden" ? (c(), b("div", lt, [
-                            o(s, {
-                              disabled: r.value.addOption.state !== "allowed",
-                              "border-color": "primary",
-                              label: t(l)("menu.group.option.add_option"),
-                              "prepend-icon": "add",
-                              "text-color": "primary",
-                              variant: "secondary",
-                              onClick: a[5] || (a[5] = (n) => p.value.addOption())
-                            }, null, 8, ["disabled", "label"])
-                          ])) : x("", !0)
-                        ]),
-                        default: m(() => [
-                          d("div", at, [
-                            d("div", tt, [
-                              o(ue, {
-                                "column-defs": Me.value,
-                                draggable: Ze.value.length > 1,
-                                "expanded-state": xe.value,
-                                "get-row-can-expand": (n) => n.original.variants.length > 0,
-                                "get-row-id": (n) => n.target === "base" ? n.id : `${n.id}:${n.target}`,
-                                "page-size": Math.max(r.value.options.length, 1),
-                                "row-data": Ze.value,
-                                "shrink-at": !1,
-                                "hide-footer": "",
-                                "onUpdate:expandedState": a[6] || (a[6] = (n) => xe.value = n),
-                                onDndChanged: a[7] || (a[7] = (n) => p.value.reorderOptions(
-                                  n.map((_) => _.id)
-                                ))
-                              }, null, 8, ["column-defs", "draggable", "expanded-state", "get-row-can-expand", "get-row-id", "page-size", "row-data"])
-                            ])
-                          ])
-                        ]),
-                        _: 1
-                      }, 8, ["sub-title", "title"])
-                    ]),
-                    _: 1
-                  }, 8, ["helper-text", "model-value"]),
-                  (c(!0), b(j, null, Y(Qe.value, (n, _) => (c(), b("p", {
-                    key: `${n.code}-${_}`,
-                    class: "fm-typo-en-body-sm-400 text-fm-color-status-error",
-                    role: "alert"
-                  }, w(t(f)(n)), 1))), 128))
-                ])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "is-container", "is-container-props"])) : x("", !0),
-            o(me, {
-              "model-value": Ie.value,
-              "is-container": t(v).FmForm,
-              "is-container-props": { onValidationSuccess: Ml },
-              "max-width": 560,
-              "onUpdate:modelValue": a[12] || (a[12] = (n) => !n && re())
-            }, {
-              "side-sheet-footer": m(() => {
-                var n;
-                return [
-                  d("div", it, [
-                    o(s, {
-                      disabled: ((n = L.value) == null ? void 0 : n.submit.state) !== "allowed",
-                      label: t(l)("menu.common.actions.save"),
-                      size: "lg",
-                      type: "submit"
-                    }, null, 8, ["disabled", "label"]),
-                    o(s, {
-                      label: t(l)("menu.common.actions.cancel"),
-                      size: "lg",
-                      variant: "tertiary",
-                      onClick: re
-                    }, null, 8, ["label"])
-                  ])
-                ];
-              }),
-              default: m(() => {
-                var n, _, E;
-                return [
-                  N.value.status === "error" ? (c(), b("p", nt, w(t(f)(N.value.error.message)), 1)) : N.value.status === "unavailable" ? (c(), b("p", st, w(t(f)(N.value.reason)), 1)) : N.value.status === "loading" ? (c(), h(y, { key: 2 })) : L.value ? (c(), h(ta, {
-                    key: 3,
-                    "applied-count": ((n = L.value) == null ? void 0 : n.appliedProductCount) ?? 0,
-                    groups: ((_ = L.value) == null ? void 0 : _.linkedGroups) ?? [],
-                    query: ((E = L.value) == null ? void 0 : E.linkedProductQuery) ?? "",
-                    title: t(l)("menu.group.option.title"),
-                    onUnapply: a[10] || (a[10] = (P) => {
-                      var G;
-                      return (G = K.value) == null ? void 0 : G.unlinkProduct(P);
-                    }),
-                    "onUpdate:query": a[11] || (a[11] = (P) => {
-                      var G;
-                      return (G = K.value) == null ? void 0 : G.setLinkedProductQuery(P);
-                    })
-                  }, {
-                    "append-title": m(() => [
-                      o(s, {
-                        label: t(l)("menu.group.actions.apply_product"),
-                        "prepend-icon": "link",
-                        variant: "secondary",
-                        onClick: a[9] || (a[9] = (P) => Z.value = !0)
-                      }, null, 8, ["label"])
-                    ]),
-                    _: 1
-                  }, 8, ["applied-count", "groups", "query", "title"])) : x("", !0)
-                ];
-              }),
-              _: 1
-            }, 8, ["model-value", "is-container", "is-container-props"]),
-            N.value.status === "ready" ? (c(), h(xl, {
-              key: 6,
-              modelValue: Z.value,
-              "onUpdate:modelValue": a[13] || (a[13] = (n) => Z.value = n),
-              catalogue: He.value,
-              "selected-product-ids": ((dl = L.value) == null ? void 0 : dl.linkedProductIds) ?? [],
-              title: t(l)("menu.common.actions.link_product"),
-              onSubmit: Ll
-            }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])) : x("", !0),
-            o(xl, {
-              modelValue: Q.value,
-              "onUpdate:modelValue": a[14] || (a[14] = (n) => Q.value = n),
-              catalogue: He.value,
-              "selected-products": ((ml = r.value) == null ? void 0 : ml.optionLinks) ?? [],
-              "select-variant": !0,
-              title: t(l)("menu.group.option.link_products"),
-              onSubmitLinks: Dl
-            }, null, 8, ["modelValue", "catalogue", "selected-products", "title"]),
-            ee.value && r.value ? (c(), h(ma, {
-              key: 7,
-              dirty: r.value.translationDirty,
-              "model-value": !0,
-              name: r.value.name,
-              "name-locale": r.value.nameLocale,
-              "name-section-label": t(l)("menu.common.translation.name_section", {
-                entity: t(l)("menu.group.title")
-              }),
-              "supported-locales": r.value.supportedLocales,
-              title: t(l)("menu.group.translation.title"),
-              onDiscard: Fe,
-              onSave: El,
-              "onUpdate:modelValue": a[15] || (a[15] = (n) => !n && Fe()),
-              "onUpdate:name": a[16] || (a[16] = (n) => p.value.setName(n)),
-              "onUpdate:nameLocale": a[17] || (a[17] = (n) => p.value.setNameLocale(n))
-            }, null, 8, ["dirty", "name", "name-locale", "name-section-label", "supported-locales", "title"])) : x("", !0),
-            r.value ? (c(), h(Ra, {
-              key: 8,
-              "model-value": X.value,
-              session: p.value,
-              view: r.value,
-              onDiscard: Le,
-              onSave: Il
-            }, null, 8, ["model-value", "session", "view"])) : x("", !0),
-            J.value ? (c(), h(na, {
-              key: 9,
-              session: J.value,
-              "on-create-price-group": Pl,
-              onClose: he
-            }, null, 8, ["session"])) : x("", !0),
-            W.value ? (c(), h(t(Ue), {
-              key: 10,
-              "product-name": ge.value,
-              session: W.value,
-              onClose: Ce
-            }, null, 8, ["product-name", "session"])) : x("", !0),
-            o(me, {
-              "model-value": be.value,
-              "close-button": !1,
-              "max-width": 800,
-              "z-index": 100,
-              "dismiss-away": !le.value,
-              "onUpdate:modelValue": a[18] || (a[18] = (n) => !n && te())
-            }, {
-              "side-sheet-header": m(() => [
-                o(s, {
-                  "aria-label": t(l)("menu.common.actions.back"),
-                  icon: "arrow_back",
-                  variant: "tertiary",
-                  onClick: te
-                }, null, 8, ["aria-label"]),
-                be.value ? (c(), b("span", rt)) : x("", !0),
-                d("p", ut, w(t(l)("menu.group.nested.title")), 1)
-              ]),
-              "side-sheet-footer": m(() => [
-                o(s, {
-                  label: t(l)("menu.common.actions.ok"),
-                  size: "lg",
-                  onClick: te
-                }, null, 8, ["label"])
-              ]),
-              default: m(() => {
-                var n;
-                return [
-                  d("div", dt, [
-                    d("div", mt, [
-                      d("p", ct, w(t(l)("menu.group.nested.currently_configuring")), 1),
-                      d("p", pt, w((n = Je.value) == null ? void 0 : n.optionName), 1)
-                    ]),
-                    d("div", vt, [
-                      d("p", gt, w(t(l)("menu.group.nested.subtitle")), 1),
-                      o(ue, {
-                        "column-defs": $l.value,
-                        "page-size": We.value.length,
-                        "row-data": We.value,
-                        "shrink-at": !1,
-                        "hide-footer": "",
-                        "pin-header-row": ""
-                      }, null, 8, ["column-defs", "page-size", "row-data"])
-                    ])
-                  ])
-                ];
-              }),
-              _: 1
-            }, 8, ["model-value", "dismiss-away"]),
-            o(me, {
-              "model-value": le.value,
-              "max-width": 800,
-              "z-index": 200,
-              "onUpdate:modelValue": a[19] || (a[19] = (n) => !n && Oe())
-            }, {
-              "side-sheet-header": m(() => [
-                le.value ? (c(), b("span", bt, w(t(l)("menu.common.labels.nested_group_override")), 1)) : x("", !0),
-                d("p", ft, w(t(l)("menu.group.update")), 1)
-              ]),
-              "side-sheet-footer": m(() => [
-                d("div", xt, [
-                  o(s, {
-                    label: t(l)("menu.common.actions.update"),
-                    size: "lg",
-                    onClick: R(Rl, ["stop"])
-                  }, null, 8, ["label"]),
-                  o(s, {
-                    label: t(l)("menu.common.actions.cancel"),
-                    size: "lg",
-                    variant: "tertiary",
-                    onClick: R(Oe, ["stop"])
-                  }, null, 8, ["label"])
-                ])
-              ]),
-              default: m(() => {
-                var n, _;
-                return [
-                  d("div", yt, [
-                    o(Re, null, {
-                      default: m(() => {
-                        var E;
-                        return [
-                          o(q, {
-                            disabled: "",
-                            label: t(l)("menu.common.labels.group_name"),
-                            placeholder: ((E = M.value) == null ? void 0 : E.groupName) ?? ""
-                          }, {
-                            append: m(() => [
-                              o(s, {
-                                disabled: "",
-                                icon: "g_translate",
-                                variant: "tertiary"
-                              })
-                            ]),
-                            _: 1
-                          }, 8, ["label", "placeholder"]),
-                          o(Ke, null, {
-                            default: m(() => {
-                              var P, G, pl;
-                              return [
-                                o(oe, {
-                                  class: "flex-1",
-                                  disabled: "",
-                                  label: t(l)("menu.common.labels.min_select"),
-                                  min: 0,
-                                  "model-value": ((P = M.value) == null ? void 0 : P.min) ?? 0
-                                }, null, 8, ["label", "model-value"]),
-                                o(oe, {
-                                  class: "flex-1",
-                                  disabled: "",
-                                  label: t(l)("menu.common.labels.max_select"),
-                                  min: ((G = M.value) == null ? void 0 : G.min) ?? 0,
-                                  "model-value": ((pl = M.value) == null ? void 0 : pl.max) ?? 0
-                                }, null, 8, ["label", "min", "model-value"])
-                              ];
-                            }),
-                            _: 1
-                          }),
-                          o(je, {
-                            label: t(l)("menu.common.labels.configuration")
-                          }, {
-                            default: m(() => {
-                              var P;
-                              return [
-                                o(Ge, {
-                                  disabled: "",
-                                  label: t(l)("menu.common.labels.stackable"),
-                                  "model-value": ((P = M.value) == null ? void 0 : P.stackable) ?? !1,
-                                  sublabel: t(l)("menu.common.labels.stackable_sublabel"),
-                                  "label-placement": "right"
-                                }, null, 8, ["label", "model-value", "sublabel"])
-                              ];
-                            }),
-                            _: 1
-                          }, 8, ["label"])
-                        ];
-                      }),
-                      _: 1
-                    }),
-                    o(de, {
-                      class: "!gap-16",
-                      tag: "div",
-                      "helper-text": t(l)("menu.common.validation.default_items_tip", {
-                        count: ke.value.filter((E) => E.isDefault).length,
-                        max: ((n = M.value) == null ? void 0 : n.max) ?? 0
-                      }),
-                      "model-value": ke.value
-                    }, {
-                      default: m(() => [
-                        o(pe, {
-                          title: t(l)("menu.group.option.title")
-                        }, {
-                          default: m(() => [
-                            d("div", _t, [
-                              d("div", wt, [
-                                o(ue, {
-                                  "column-defs": Sl.value,
-                                  "page-size": Math.max(ke.value.length, 1),
-                                  "row-data": ke.value,
-                                  "shrink-at": !1,
-                                  "hide-footer": ""
-                                }, null, 8, ["column-defs", "page-size", "row-data"])
-                              ])
-                            ])
-                          ]),
-                          _: 1
-                        }, 8, ["title"])
-                      ]),
-                      _: 1
-                    }, 8, ["helper-text", "model-value"]),
-                    (c(!0), b(j, null, Y(((_ = M.value) == null ? void 0 : _.issues) ?? [], (E, P) => (c(), h(Zl, {
-                      key: `${E.code}-${P}`,
-                      state: "error",
-                      text: t(f)(E)
-                    }, null, 8, ["text"]))), 128))
-                  ])
-                ];
-              }),
-              _: 1
-            }, 8, ["model-value"]),
-            D.value && Be.value ? (c(), h(sa, {
-              key: 11,
-              sdk: g.sdk,
-              onClose: Ve,
-              onCreated: Al
-            }, null, 8, ["sdk"])) : x("", !0),
-            ((cl = r.value) == null ? void 0 : cl.mode) === "create" && !Be.value ? (c(), h(me, {
-              key: 12,
-              modelValue: D.value,
-              "onUpdate:modelValue": a[23] || (a[23] = (n) => D.value = n),
-              "is-container": t(v).FmForm,
-              "is-container-props": { onValidationSuccess: rl },
-              "max-width": 800
-            }, {
-              "side-sheet-header": m(() => [
-                d("p", kt, w(t(l)("menu.group.add")), 1)
-              ]),
-              "side-sheet-footer": m(() => [
-                d("div", Vt, [
-                  o(s, {
-                    disabled: r.value.submit.state !== "allowed",
-                    label: t(l)("menu.common.actions.add"),
-                    size: "lg",
-                    type: "submit"
-                  }, null, 8, ["disabled", "label"]),
-                  o(s, {
-                    label: t(l)("menu.common.actions.cancel"),
-                    size: "lg",
-                    variant: "tertiary",
-                    onClick: Ve
-                  }, null, 8, ["label"])
-                ])
-              ]),
-              default: m(() => [
-                d("div", ht, [
-                  o(Re, null, {
-                    default: m(() => {
-                      var n;
-                      return [
-                        o(q, gl({
-                          autofocus: "",
-                          "error-messages": we.value ? [t(f)(we.value)] : [],
-                          label: t(l)("menu.common.labels.group_name"),
-                          "model-value": r.value.name
-                        }, t(ae).field("name", p.value.setName)), {
-                          append: m(() => [
-                            o(ul, {
-                              placement: "top",
-                              variant: "plain",
-                              "z-index": 999
-                            }, {
-                              default: m(() => {
-                                var _;
-                                return [
-                                  o(s, {
-                                    "aria-label": t(l)("menu.group.translation.translate_name"),
-                                    disabled: ((_ = r.value.translation) == null ? void 0 : _.state) !== "allowed",
-                                    icon: "g_translate",
-                                    variant: "tertiary",
-                                    onClick: tl
-                                  }, null, 8, ["aria-label", "disabled"])
-                                ];
-                              }),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 16, ["error-messages", "label", "model-value"]),
-                        o(de, {
-                          "model-value": `${r.value.min} ${r.value.max}`
-                        }, {
-                          default: m(() => [
-                            o(Ke, null, {
-                              default: m(() => [
-                                o(oe, {
-                                  class: "flex-1",
-                                  label: t(l)("menu.common.labels.min_select"),
-                                  min: 0,
-                                  "model-value": r.value.min,
-                                  "onUpdate:modelValue": p.value.setMin
-                                }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
-                                o(oe, {
-                                  class: "flex-1",
-                                  label: t(l)("menu.common.labels.max_select"),
-                                  min: r.value.min,
-                                  "model-value": r.value.max,
-                                  "onUpdate:modelValue": p.value.setMax
-                                }, null, 8, ["label", "min", "model-value", "onUpdate:modelValue"])
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["model-value"]),
-                        o(je, {
-                          label: t(l)("menu.common.labels.configuration")
-                        }, {
-                          default: m(() => [
-                            o(Ge, {
-                              label: t(l)("menu.common.labels.stackable"),
-                              "label-placement": "right",
-                              "model-value": r.value.stackable,
-                              sublabel: t(l)("menu.common.labels.stackable_sublabel"),
-                              "onUpdate:modelValue": p.value.setStackable
-                            }, null, 8, ["label", "model-value", "sublabel", "onUpdate:modelValue"])
-                          ]),
-                          _: 1
-                        }, 8, ["label"]),
-                        (n = r.value.tagging) != null && n.visible ? (c(), h(pe, {
-                          key: 0,
-                          "sub-title": t(l)("menu.group.form.tagging.subtitle"),
-                          title: t(l)("menu.group.form.tagging.title")
-                        }, {
-                          default: m(() => [
-                            o(t(bl), {
-                              entity: "group",
-                              "model-value": r.value.customAttributes ?? {},
-                              "value-options": el(r.value.attributeValueOptions),
-                              "onUpdate:modelValue": a[20] || (a[20] = (_) => p.value.setCustomAttributes(_ ?? null))
-                            }, null, 8, ["model-value", "value-options"])
-                          ]),
-                          _: 1
-                        }, 8, ["sub-title", "title"])) : x("", !0)
-                      ];
-                    }),
-                    _: 1
-                  }),
-                  o(de, {
-                    tag: "div",
-                    "helper-text": t(l)("menu.common.validation.default_items_tip", {
-                      count: r.value.options.filter((n) => n.isDefault).length,
-                      max: r.value.max
-                    }),
-                    "model-value": r.value.options
-                  }, {
-                    default: m(() => [
-                      o(pe, {
-                        class: "mb-8",
-                        "sub-title": t(l)("menu.group.option.subtitle"),
-                        title: t(l)("menu.group.option.title")
-                      }, {
-                        "append-title": m(() => [
-                          d("div", null, [
-                            o(s, {
-                              "border-color": "primary",
-                              label: t(l)("menu.group.option.link_products"),
-                              "prepend-icon": "link",
-                              "text-color": "primary",
-                              variant: "secondary",
-                              onClick: a[21] || (a[21] = (n) => Q.value = !0)
-                            }, null, 8, ["label"])
-                          ])
-                        ]),
-                        default: m(() => [
-                          d("div", Ct, [
-                            d("div", Ft, [
-                              o(ue, {
-                                "column-defs": zl.value,
-                                draggable: r.value.options.length > 1,
-                                "page-size": Math.max(r.value.options.length, 1),
-                                "row-data": [...r.value.options],
-                                "shrink-at": !1,
-                                "hide-footer": "",
-                                onDndChanged: a[22] || (a[22] = (n) => p.value.reorderOptions(
-                                  n.map((_) => _.id)
-                                ))
-                              }, null, 8, ["column-defs", "draggable", "page-size", "row-data"])
-                            ])
-                          ])
-                        ]),
-                        _: 1
-                      }, 8, ["sub-title", "title"])
-                    ]),
-                    _: 1
-                  }, 8, ["helper-text", "model-value"]),
-                  (c(!0), b(j, null, Y(Qe.value, (n, _) => (c(), b("p", {
-                    key: `${n.code}-${_}`,
-                    class: "fm-typo-en-body-sm-400 text-fm-color-status-error",
-                    role: "alert"
-                  }, w(t(f)(n)), 1))), 128))
-                ])
-              ]),
-              _: 1
-            }, 8, ["modelValue", "is-container", "is-container-props"])) : x("", !0)
-          ];
-        }),
-        _: 3
-      }, 8, ["heading"]);
-    };
-  }
-});
-export {
-  Yt as _
-};