@feedmepos/mf-menu-portal 1.0.0 → 1.0.1-dev.2

package/dist/{GroupList.vue_vue_type_script_setup_true_lang-y1VnbQxW.js → GroupList.vue_vue_type_script_setup_true_lang-D7Cq_9MB.js}

@@ -1,35 +1,35 @@
-import { defineComponent as Vl, ref as $, watch as Ye, resolveComponent as F, openBlock as c, createBlock as k, withCtx as m, createElementVNode as d, createVNode as o, normalizeClass as vl, toDisplayString as y, unref as t, createElementBlock as b, Fragment as j, renderList as Y, createCommentVNode as w, defineAsyncComponent as Jl, computed as h, shallowRef as U, h as r, withModifiers as R, onUnmounted as Wl, renderSlot as Te, withDirectives as Xl, mergeProps as gl } from "vue";
+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-BBupd5Ol.js";
+import { A as wl, _ as xl } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-BpComTui.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 hl, a as kl, c as Cl, F as Ke, b as na, d as sa } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-D1K1ulzK.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-CvIZC8P6.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-aPnN1RvF.js";
+import { u as ca } from "./useActionFeedback-B277Ko3J.js";
 import { u as pa } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as va, u as Fl } from "./provide-HnPEucJi.js";
+import { b as va, u as Fl } from "./provide-Cb7Ocf83.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" }, ha = {
+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"
-}, ka = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Ca = {
+}, 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" }, za = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-4" }, Ia = { class: "-mt-px" }, Da = {
+}, 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"
-}, Aa = { 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({
+}, 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 },
@@ -41,14 +41,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
     const Ee = Ne, H = Ue, { t: g } = Ol(), l = $(!1), T = $(!0);
     return Ye(
       () => Ee.modelValue,
-      (_) => {
-        _ && (l.value = !1, T.value = !0);
+      (f) => {
+        f && (l.value = !1, T.value = !0);
       },
       { immediate: !0 }
-    ), (_, C) => {
-      const z = F("FmIcon"), I = F("FmTextField"), ve = F("FmButton"), D = F("FmSideSheet");
-      return c(), k(D, {
-        "model-value": _.modelValue,
+    ), (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" },
@@ -56,8 +56,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         "onUpdate:modelValue": C[7] || (C[7] = (u) => !u && H("discard"))
       }, {
         "side-sheet-header": m(() => [
-          d("span", ba, y(t(g)("menu.group.translation.translate_options")), 1),
-          d("p", fa, y(t(g)("menu.group.translation.title")), 1)
+          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, [
@@ -78,11 +78,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         default: m(() => [
           d("div", ya, [
             o(oa, {
-              selected: _.view.optionTranslationView.locales,
-              available: _.view.optionTranslationView.availableLocales,
+              selected: f.view.optionTranslationView.locales,
+              available: f.view.optionTranslationView.availableLocales,
               "menu-z-index": 201,
-              onAdd: C[0] || (C[0] = (u) => _.session.addOptionTranslationLocale(u)),
-              onRemove: C[1] || (C[1] = (u) => _.session.removeOptionTranslationLocale(u))
+              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", {
@@ -91,26 +91,26 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                 "aria-expanded": l.value,
                 onClick: C[2] || (C[2] = (u) => l.value = !l.value)
               }, [
-                o(z, {
+                o(I, {
                   name: "keyboard_arrow_down",
                   class: vl([
                     "transition-transform",
                     l.value ? "transform rotate-180" : ""
                   ])
                 }, null, 8, ["class"]),
-                d("p", xa, y(t(g)("menu.group.translation.group_name")), 1)
+                d("p", xa, w(t(g)("menu.group.translation.group_name")), 1)
               ], 8, wa),
-              l.value ? (c(), b("div", ha, [
+              l.value ? (c(), b("div", ka, [
                 d("div", null, [
-                  d("p", ka, y(t(g)("menu.group.translation.default")), 1),
-                  o(I, {
-                    "model-value": _.view.name,
+                  d("p", ha, w(t(g)("menu.group.translation.default")), 1),
+                  o(z, {
+                    "model-value": f.view.name,
                     readonly: ""
                   }, null, 8, ["model-value"])
                 ]),
-                _.view.optionTranslationView.groupNameTranslations.length > 0 ? (c(), b("div", Ca, [
-                  d("p", Fa, y(t(g)("menu.group.translation.translation")), 1),
-                  (c(!0), b(j, null, Y(_.view.optionTranslationView.groupNameTranslations, (u) => (c(), b("div", {
+                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"
                   }, [
@@ -118,7 +118,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       o(_l, {
                         code: u.code
                       }, null, 8, ["code"]),
-                      d("span", Oa, y(u.label), 1)
+                      d("span", Oa, w(u.label), 1)
                     ]),
                     d("div", $a, [
                       o(q, {
@@ -127,8 +127,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       }, null, 8, ["model-value"])
                     ])
                   ]))), 128))
-                ])) : w("", !0)
-              ])) : w("", !0)
+                ])) : x("", !0)
+              ])) : x("", !0)
             ]),
             d("div", Sa, [
               d("button", {
@@ -137,37 +137,37 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                 "aria-expanded": T.value,
                 onClick: C[3] || (C[3] = (u) => T.value = !T.value)
               }, [
-                o(z, {
+                o(I, {
                   name: "keyboard_arrow_down",
                   class: vl([
                     "transition-transform",
                     T.value ? "transform rotate-180" : ""
                   ])
                 }, null, 8, ["class"]),
-                d("p", Ta, y(t(g)("menu.group.translation.product_name")), 1)
+                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(_.view.optionTranslationView.options, (u, ne) => (c(), b("div", {
+                (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, y(t(g)("menu.group.translation.option", { number: ne + 1 })), 1),
+                  d("p", Ua, w(t(g)("menu.group.translation.option", { number: ne + 1 })), 1),
                   d("div", Ea, [
                     d("div", null, [
-                      d("p", za, y(t(g)("menu.group.translation.default")), 1),
-                      d("div", Ia, [
+                      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) => _.session.setOptionName(u.id, O, u.target)
+                          "onUpdate:modelValue": (O) => f.session.setOptionName(u.id, O, u.target)
                         }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
                       ])
                     ]),
-                    _.view.optionTranslationLocales.length > 0 ? (c(), b("div", Da, [
-                      d("p", Aa, y(t(g)("menu.group.translation.translation")), 1),
+                    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"
@@ -176,7 +176,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                           o(_l, {
                             code: O.code
                           }, null, 8, ["code"]),
-                          d("span", Ma, y(O.label), 1)
+                          d("span", Ma, w(O.label), 1)
                         ]),
                         d("div", Ba, [
                           o(q, {
@@ -186,18 +186,18 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                               number: ne + 1,
                               language: O.label
                             }),
-                            "onUpdate:modelValue": (A) => _.session.setOptionTranslation(
+                            "onUpdate:modelValue": (D) => f.session.setOptionTranslation(
                               u.id,
                               O.code,
-                              A
+                              D
                             )
                           }, null, 8, ["model-value", "placeholder", "aria-label", "onUpdate:modelValue"])
                         ])
                       ]))), 128))
-                    ])) : w("", !0)
+                    ])) : x("", !0)
                   ])
                 ]))), 128))
-              ])) : w("", !0)
+              ])) : x("", !0)
             ])
           ])
         ]),
@@ -234,7 +234,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
 }, 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" }, ht = { class: "fm-typo-en-title-md-600" }, kt = { 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({
+}, 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: {},
@@ -243,13 +243,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
   },
   setup(Ne) {
     const Ue = Jl(
-      () => import("./ProductInventoryDialog-jzsjBJzo.js")
+      () => import("./ProductInventoryDialog-CYVzgOZ0.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(), _ = va(), C = ea();
-    function z(e) {
+    }, g = Ne, { t: l, n: T } = Ol(), f = va(), C = ea();
+    function I(e) {
       if (!e) return "";
       const a = T(0, {
         useGrouping: !1,
@@ -265,9 +265,9 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         maximumFractionDigits: 0
       }).replace(a, "").trim() || e;
     }
-    const { run: I } = ca(), ve = la(), D = Fl(g.sdk.group.list), u = h(
-      () => D.value.status === "ready" ? D.value.value : null
-    ), ne = h(() => {
+    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 },
@@ -276,35 +276,35 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           value: a.id
         }))
       ];
-    }), O = $(!1), A = $(!1), Q = $(!1), ze = $(!1), Z = $(!1), K = U(null), N = U({
+    }), O = $(!1), D = $(!1), Q = $(!1), Ie = $(!1), Z = $(!1), K = U(null), N = U({
       status: "loading"
     });
-    let Ie = () => {
+    let ze = () => {
     };
     const J = U(null), W = U(null), ge = $(""), X = $(!1), ee = $(!1), qe = Fl(
       g.sdk.linkProduct.catalogue
-    ), He = h(
+    ), 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 De = () => {
+    let Ae = () => {
     }, se = () => {
     };
     const p = U(g.sdk.group.editor()), ie = U(
       p.value.get()
     );
-    let Ae = p.value.subscribe(
+    let De = p.value.subscribe(
       (e) => ie.value = e
     );
-    const i = h(
+    const r = k(
       () => ie.value.status === "ready" ? ie.value.value : null
-    ), ae = pa(() => p.value), we = h(
-      () => i.value ? ae.issue(i.value.fieldIssues, "name") ?? i.value.nameIssue : null
-    ), Qe = h(() => {
-      const e = i.value;
+    ), 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"),
@@ -312,13 +312,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           (a) => a.field !== "name" && a.field !== "bounds" && a.field !== "options"
         )
       ] : [];
-    }), xe = $({}), Ze = h(() => {
+    }), xe = $({}), Ze = k(() => {
       var e;
-      return (((e = i.value) == null ? void 0 : e.options) ?? []).map((a) => ({
+      return (((e = r.value) == null ? void 0 : e.options) ?? []).map((a) => ({
         ...a,
         subRows: a.variants
       }));
-    }), L = h(
+    }), L = k(
       () => N.value.status === "ready" ? N.value.value : null
     );
     Ye(
@@ -327,21 +327,21 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         e !== "ready" && (Z.value = !1);
       }
     );
-    const Je = h(
+    const Je = k(
       () => ye.value.status === "ready" ? ye.value.value : null
-    ), M = h(
+    ), M = k(
       () => _e.value.status === "ready" ? _e.value.value : null
-    ), he = h(() => {
+    ), ke = k(() => {
       var e;
       return [
         ...((e = M.value) == null ? void 0 : e.options) ?? []
       ];
-    }), We = h(() => {
+    }), We = k(() => {
       var e;
       return [
         ...((e = Je.value) == null ? void 0 : e.groups) ?? []
       ];
-    }), $l = h(() => [
+    }), $l = k(() => [
       {
         accessorKey: "name",
         header: () => l("menu.group.list.columns.name"),
@@ -352,7 +352,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         header: () => l("menu.group.list.columns.products"),
         enableSorting: !1,
         size: 200,
-        cell: (e) => r(
+        cell: (e) => i(
           "div",
           { class: "line-clamp-2 break-all" },
           e.row.original.products.join(", ")
@@ -363,8 +363,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         header: "",
         size: 52,
         enableSorting: !1,
-        cell: (e) => r("div", { class: "flex justify-end" }, [
-          r(v.FmButton, {
+        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
@@ -376,14 +376,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           })
         ])
       }
-    ]), Sl = h(
+    ]), Sl = k(
       () => [
         {
           id: "default",
           size: 35,
           header: () => l("menu.group.option.is_default"),
           enableSorting: !1,
-          cell: (e) => r(v.FmCheckbox, {
+          cell: (e) => i(v.FmCheckbox, {
             "aria-label": l("menu.group.a11y.row", {
               label: l("menu.group.option.is_default"),
               index: e.row.index + 1
@@ -408,11 +408,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         },
         {
           id: "title",
-          header: () => r("div", { class: "flex items-center w-full gap-8" }, [
-            r("span", l("menu.group.option.product_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.
-            r(v.FmButton, {
+            i(v.FmButton, {
               disabled: !0,
               icon: "g_translate",
               textColor: "neutral-gray-400",
@@ -420,9 +420,9 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
             })
           ]),
           enableSorting: !1,
-          cell: (e) => r(
+          cell: (e) => i(
             "div",
-            r(q, {
+            i(q, {
               "aria-label": l("menu.group.a11y.row", {
                 label: l("menu.group.option.product_title"),
                 index: e.row.index + 1
@@ -439,21 +439,21 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           header: () => {
             var e;
             return l("menu.group.option.price", {
-              symbol: z((e = i.value) == null ? void 0 : e.currencyCode)
+              symbol: I((e = r.value) == null ? void 0 : e.currencyCode)
             });
           },
           enableSorting: !1,
           cell: (e) => {
             const a = e.row.original;
-            return r("div", { class: "flex items-center gap-8" }, [
-              r(hl, {
+            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: z(a.currency)
+                    symbol: I(a.currency)
                   }),
                   index: e.row.index + 1
                 }),
@@ -466,13 +466,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   currencyDisplay: "narrowSymbol"
                 }).replaceAll(/\s/g, ""),
                 "onUpdate:modelValue": (s) => {
-                  var x;
-                  return (x = S.value) == null ? void 0 : x.setOptionPrice(a.id, s);
+                  var y;
+                  return (y = S.value) == null ? void 0 : y.setOptionPrice(a.id, s);
                 }
               }),
               ...a.editPricing.state === "hidden" ? [] : [
-                r("div", { class: "flex items-center gap-4" }, [
-                  r(
+                i("div", { class: "flex items-center gap-4" }, [
+                  i(
                     v.FmButton,
                     {
                       variant: "plain",
@@ -489,7 +489,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       onClick: () => al(a, "members")
                     },
                     {
-                      default: () => r(
+                      default: () => i(
                         "span",
                         { class: "underline line-clamp-2 break-all" },
                         a.memberPriceCount ? l(
@@ -501,7 +501,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       )
                     }
                   ),
-                  r(kl, { prices: a.memberPrices })
+                  i(hl, { prices: a.memberPrices })
                 ])
               ]
             ]);
@@ -512,7 +512,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           size: 100,
           header: () => l("menu.common.labels.order_from"),
           enableSorting: !1,
-          cell: (e) => r(v.FmSelect, {
+          cell: (e) => i(v.FmSelect, {
             "aria-label": l("menu.group.a11y.row", {
               label: l("menu.common.labels.order_from"),
               index: e.row.index + 1
@@ -540,9 +540,9 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           meta: { cellClass: "" },
           cell: (e) => {
             const a = e.row.original;
-            return r("div", { class: "flex items-center justify-end" }, [
+            return i("div", { class: "flex items-center justify-end" }, [
               ...a.editPricing.state === "hidden" ? [] : [
-                r(Cl, {
+                i(Cl, {
                   configured: a.hasPriceTiers,
                   disabled: a.editPricing.state !== "allowed",
                   label: l("menu.group.a11y.row", {
@@ -552,7 +552,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   onOpen: () => al(a, "tiers")
                 })
               ],
-              r(v.FmButton, {
+              i(v.FmButton, {
                 "aria-label": l("menu.group.a11y.row", {
                   label: l("menu.inventory.title"),
                   index: e.row.index + 1
@@ -566,7 +566,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               }),
               // A deeper nesting level is outside the approved nested-override
               // scope, so the trigger stays in legacy's disabled state.
-              r(v.FmButton, {
+              i(v.FmButton, {
                 "aria-label": l("menu.group.a11y.row", {
                   label: l("menu.group.nested.title"),
                   index: e.row.index + 1
@@ -580,7 +580,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           }
         }
       ]
-    ), Xe = h(() => [
+    ), 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" }
@@ -590,19 +590,19 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         Object.entries(e).map(([a, s]) => [a, [...s]])
       );
     }
-    function ke() {
+    function he() {
       var e;
       (e = J.value) == null || e.dispose(), J.value = null;
     }
     function ll(e, a) {
-      ke(), J.value = p.value.pricingEditor(
+      he(), J.value = p.value.pricingEditor(
         e.id,
         a,
         e.target
       );
     }
     async function Pl(e) {
-      return (await I(() => g.sdk.priceTier.create(e), {
+      return (await z(() => g.sdk.priceTier.create(e), {
         successMessage: l("menu.price_tier.add_price_group_success")
       })).kind === "success";
     }
@@ -615,7 +615,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
     }
     function al(e, a) {
       var s;
-      ke(), J.value = ((s = S.value) == null ? void 0 : s.pricingEditor(e.id, a)) ?? null;
+      he(), J.value = ((s = S.value) == null ? void 0 : s.pricingEditor(e.id, a)) ?? null;
     }
     function Nl(e) {
       var a;
@@ -623,11 +623,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
     }
     function Ul() {
       var e, a;
-      ((a = (e = i.value) == null ? void 0 : e.translation) == null ? void 0 : a.state) === "allowed" && (p.value.beginOptionTranslationEdit(), X.value = !0);
+      ((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 = i.value) == null ? void 0 : e.translation) == null ? void 0 : a.state) === "allowed" && (p.value.beginGroupTranslationEdit(), ee.value = !0);
+      ((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;
@@ -635,21 +635,22 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
     function Fe() {
       p.value.discardGroupTranslationEdit(), ee.value = !1;
     }
-    function zl() {
+    function Il() {
       p.value.saveOptionTranslationEdit(), X.value = !1;
     }
     function Le() {
       p.value.discardOptionTranslationEdit(), X.value = !1;
     }
-    const Me = h(() => [
+    const Me = k(() => [
       {
         accessorKey: "isDefault",
         size: 35,
         header: () => l("menu.group.option.is_default"),
         enableSorting: !1,
-        cell: (e) => r(v.FmCheckbox, {
+        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
@@ -666,17 +667,17 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         size: 100,
         header: () => l("menu.group.option.code"),
         enableSorting: !1,
-        cell: (e) => r("div", { class: "break-all max-w-[100px]" }, e.row.original.code)
+        cell: (e) => i("div", { class: "break-all max-w-[100px]" }, e.row.original.code)
       },
       {
         accessorKey: "name",
         header: () => {
           var e, a;
-          return r("div", { class: "flex items-center w-full gap-8" }, [
-            r("span", l("menu.group.option.product_title")),
-            r(v.FmButton, {
+          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 = i.value) == null ? void 0 : e.translation) == null ? void 0 : a.state) !== "allowed",
+              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",
@@ -686,13 +687,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         },
         enableSorting: !1,
         cell: (e) => {
-          const a = e.row.original, s = [a.code, a.name || a.placeholder].filter(Boolean).join(" "), x = e.row.getIsExpanded();
-          return r("div", { class: "flex items-center gap-8" }, [
+          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() ? [
-              r(v.FmButton, {
+              i(v.FmButton, {
                 icon: "keyboard_arrow_up",
-                class: x ? "rotate-180" : "",
-                "aria-label": x ? l("menu.apply_product.table.collapse_combinations", {
+                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
@@ -701,15 +702,16 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                 onClick: e.row.getToggleExpandedHandler()
               })
             ] : [],
-            r(v.FmTextField, {
+            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": (V) => p.value.setOptionName(a.id, V, a.target)
+              "onUpdate:modelValue": (F) => p.value.setOptionName(a.id, F, a.target)
             })
           ]);
         }
@@ -720,22 +722,23 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         header: () => {
           var e;
           return l("menu.group.option.price", {
-            symbol: z((e = i.value) == null ? void 0 : e.currencyCode)
+            symbol: I((e = r.value) == null ? void 0 : e.currencyCode)
           });
         },
         enableSorting: !1,
-        cell: (e) => r("div", { class: "flex items-center gap-8" }, [
-          r(hl, {
+        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: z(e.row.original.currency)
+              symbol: I(e.row.original.currency)
             }) : l("menu.group.a11y.row", {
               label: l("menu.group.option.price", {
-                symbol: z(e.row.original.currency)
+                symbol: I(e.row.original.currency)
               }),
               index: e.row.index + 1
             }),
@@ -746,8 +749,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
             )
           }),
           ...e.row.original.editPricing.state === "allowed" ? [
-            r("div", { class: "flex items-center gap-4" }, [
-              r(
+            i("div", { class: "flex items-center gap-4" }, [
+              i(
                 v.FmButton,
                 {
                   variant: "plain",
@@ -763,7 +766,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   onClick: () => ll(e.row.original, "members")
                 },
                 {
-                  default: () => r(
+                  default: () => i(
                     "span",
                     { class: "underline line-clamp-2 break-all" },
                     e.row.original.memberPriceCount ? l(
@@ -775,7 +778,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   )
                 }
               ),
-              r(kl, {
+              i(hl, {
                 prices: e.row.original.memberPrices
               })
             ])
@@ -787,21 +790,40 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         size: 100,
         header: () => l("menu.common.labels.order_from"),
         enableSorting: !1,
-        cell: (e) => r(v.FmSelect, {
-          modelValue: e.row.original.orderFrom,
-          items: Xe.value,
-          "aria-label": l("menu.group.a11y.row", {
-            label: l("menu.common.labels.order_from"),
-            index: e.row.index + 1
-          }),
-          "onUpdate:modelValue": (a) => {
-            a && p.value.setOptionOrderFrom(
-              e.row.original.id,
-              a,
-              e.row.original.target
-            );
-          }
-        })
+        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",
@@ -809,9 +831,9 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         header: "",
         enableSorting: !1,
         meta: { cellClass: "" },
-        cell: (e) => r("div", { class: "flex items-center justify-end" }, [
+        cell: (e) => i("div", { class: "flex items-center justify-end" }, [
           ...e.row.original.editPricing.state === "allowed" ? [
-            r(Cl, {
+            i(Cl, {
               configured: e.row.original.hasPriceTiers,
               label: l("menu.group.a11y.row", {
                 label: l("menu.price_tier.price_tier_config"),
@@ -820,11 +842,12 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               onOpen: () => ll(e.row.original, "tiers")
             })
           ] : [],
-          r(v.FmButton, {
+          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
@@ -832,14 +855,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
             onClick: () => Tl(e.row.original)
           }),
           ...e.row.original.nestedGroupCount ? [
-            r(
+            i(
               v.FmBadge,
               {
                 class: "bg-fm-color-primary text-fm-color-neutral-white !right-0 !top-0",
                 value: e.row.original.nestedGroupCount
               },
               {
-                default: () => r(v.FmButton, {
+                default: () => i(v.FmButton, {
                   "aria-label": l("menu.group.a11y.row", {
                     label: l("menu.group.nested.title"),
                     index: e.row.index + 1
@@ -847,6 +870,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   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
@@ -855,7 +879,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               }
             )
           ] : [
-            r(v.FmButton, {
+            i(v.FmButton, {
               "aria-label": l("menu.group.a11y.row", {
                 label: l("menu.group.nested.title"),
                 index: e.row.index + 1
@@ -866,7 +890,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               variant: "tertiary"
             })
           ],
-          r(v.FmButton, {
+          i(v.FmButton, {
             "aria-label": l("menu.group.a11y.row", {
               label: l("menu.common.actions.delete"),
               index: e.row.index + 1
@@ -877,18 +901,18 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           })
         ])
       }
-    ]), Il = h(
+    ]), zl = k(
       () => {
         var e;
-        return (e = i.value) != null && e.options.length ? Me.value : Me.value.slice(0, 4);
+        return (e = r.value) != null && e.options.length ? Me.value : Me.value.slice(0, 4);
       }
     );
     function ol(e) {
-      Ae(), p.value.dispose(), xe.value = {}, p.value = g.sdk.group.editor(e), ie.value = p.value.get(), Ae = p.value.subscribe(
+      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 = h(() => {
+    const Be = k(() => {
       var e;
       return ((e = u.value) == null ? void 0 : e.showType) === !0;
     });
@@ -896,16 +920,16 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
       var e;
       if (((e = u.value) == null ? void 0 : e.create.state) === "allowed") {
         if (Be.value) {
-          A.value = !0;
+          D.value = !0;
           return;
         }
-        ol(), A.value = !0;
+        ol(), D.value = !0;
       }
     }
     function sl(e) {
       e.update.state === "allowed" && (ol(e.id), O.value = !0);
     }
-    function Dl(e) {
+    function Al(e) {
       ve.open({
         type: "success",
         title: l("menu.product.manager.action.saved", { name: e }),
@@ -913,14 +937,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
       });
     }
     function Ve() {
-      te(), ee.value && Fe(), X.value && Le(), O.value = !1, A.value = !1, Q.value = !1;
+      te(), ee.value && Fe(), X.value && Le(), O.value = !1, D.value = !1, Q.value = !1;
     }
     function re() {
       var e;
-      Ie(), Ie = () => {
-      }, (e = K.value) == null || e.dispose(), K.value = null, ze.value = !1, Z.value = !1;
+      ze(), ze = () => {
+      }, (e = K.value) == null || e.dispose(), K.value = null, Ie.value = !1, Z.value = !1;
     }
-    function Al(e) {
+    function Dl(e) {
       p.value.setOptionLinks(e), xe.value = {}, Q.value = !1;
     }
     function Ll(e) {
@@ -930,13 +954,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
     function il(e) {
       re();
       const a = g.sdk.group.applyProduct(e.id);
-      a && (K.value = a, N.value = a.get(), Ie = a.subscribe(
+      a && (K.value = a, N.value = a.get(), ze = a.subscribe(
         (s) => N.value = s
-      ), ze.value = !0);
+      ), Ie.value = !0);
     }
     async function Ml() {
       var a;
-      (await I(
+      (await z(
         () => K.value.submit(),
         {
           successMessage: l("menu.variant.form.saved", {
@@ -956,20 +980,20 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
     }
     function te() {
       var e;
-      Oe(), De(), De = () => {
+      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(), De = s.subscribe((x) => ye.value = x), be.value = !0);
+      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(
-        (x) => _e.value = x
+        (y) => _e.value = y
       ), le.value = !0);
     }
     function Rl() {
@@ -983,9 +1007,9 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
       }, (e = S.value) == null || e.dispose(), S.value = null, le.value = !1;
     }
     async function rl() {
-      var x, V, B, Se;
-      const e = ((x = i.value) == null ? void 0 : x.name) ?? "", a = (V = u.value) != null && V.scope.schedulerId ? u.value.scope.schedulerLabel ?? e : g.catalogPage && (((B = u.value) == null ? void 0 : B.scope.catalogLabel) ?? g.heading) || e;
-      (await I(
+      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
@@ -996,7 +1020,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           // the approved required-field baseline contains only the field issue.
           showLoading: () => {
             var Pe;
-            return ((Pe = i.value) == null ? void 0 : Pe.status) === "submitting";
+            return ((Pe = r.value) == null ? void 0 : Pe.status) === "submitting";
           }
         }
       )).kind === "success" && Ve();
@@ -1015,7 +1039,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           close: !0
         }
       }).onPrimary(async () => {
-        await I(() => g.sdk.group.duplicate(e.id), {
+        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 @
@@ -1048,11 +1072,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         // 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: r("div", { class: "space-y-4" }, [
-          r("p", l("menu.group.dialogs.delete.message", { name: e.name })),
+        contentComponent: i("div", { class: "space-y-4" }, [
+          i("p", l("menu.group.dialogs.delete.message", { name: e.name })),
           ...e.appliedItemNames.length ? [
-            r("div", [
-              r(
+            i("div", [
+              i(
                 "p",
                 { class: "text-fm-color-typo-secondary mb-2" },
                 l("menu.group.dialogs.delete.unlink_warning", {
@@ -1072,12 +1096,12 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               // required design-system FmList/FmListItem primitives".
               // Restored to FmList; the marker variance against legacy's
               // hollow disc is an approved difference on this dialog.
-              r(
+              i(
                 v.FmList,
                 { class: "text-fm-color-typo-secondary ml-4" },
                 {
                   default: () => e.appliedItemNames.map(
-                    (a) => r(
+                    (a) => i(
                       v.FmListItem,
                       {
                         key: a,
@@ -1085,14 +1109,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                         clickable: !1
                       },
                       {
-                        default: () => r(
+                        default: () => i(
                           "span",
                           {
                             class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
                           },
                           a
                         ),
-                        prepend: () => r(v.FmIcon, {
+                        prepend: () => i(v.FmIcon, {
                           color: "neutral-gray-400",
                           name: "fiber_manual_record",
                           size: "sm"
@@ -1115,7 +1139,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           close: !0
         }
       }).onPrimary(async () => {
-        await I(() => g.sdk.group.remove(e.id), {
+        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"`
@@ -1142,7 +1166,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
       },
       { immediate: !0 }
     );
-    const ql = h(
+    const ql = k(
       () => {
         var e;
         return (
@@ -1163,16 +1187,16 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
       }
     );
     async function Hl(e) {
-      var x;
+      var y;
       const a = $e.value;
-      (await I(
-        () => g.sdk.group.reorder(e.map((V) => V.id)),
+      (await z(
+        () => g.sdk.group.reorder(e.map((F) => F.id)),
         {
           successMessage: l("menu.group.reorder.success")
         }
-      )).kind !== "success" && ($e.value = [...((x = u.value) == null ? void 0 : x.rows) ?? a]);
+      )).kind !== "success" && ($e.value = [...((y = u.value) == null ? void 0 : y.rows) ?? a]);
     }
-    const Ql = h(() => {
+    const Ql = k(() => {
       var e;
       return [
         {
@@ -1192,22 +1216,22 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           // (ADR-0003 §3) — nothing is assembled from a template expression.
           cell: (a) => {
             const s = a.row.original.optionProducts.map(
-              (V) => V.variantCount > 1 ? l("menu.group.list.product_variants", {
-                name: V.name,
+              (F) => F.variantCount > 1 ? l("menu.group.list.product_variants", {
+                name: F.name,
                 variants: l("menu.group.list.variants", {
-                  count: V.variantCount
+                  count: F.variantCount
                 })
-              }) : V.name
-            ), x = s.slice(0, 5).reduce(
-              (V, B) => V ? l("menu.group.list.join_products", { list: V, item: B }) : B,
+              }) : 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: x,
+              products: y,
               more: l("menu.group.list.more_items", {
                 count: s.length - 5
               })
-            }) : x;
+            }) : y;
           }
         },
         {
@@ -1235,7 +1259,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
             header: () => l("menu.product.table.columns.tagging"),
             enableSorting: !1,
             size: 140,
-            cell: (a) => r(ua, {
+            cell: (a) => i(ua, {
               kind: "tagging",
               chips: a.row.original.attributeTags
             })
@@ -1254,7 +1278,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           id: "appliedProducts",
           header: () => l("menu.group.list.columns.applied_products"),
           enableSorting: !1,
-          cell: (a) => r(
+          cell: (a) => i(
             v.FmButton,
             {
               // This is the design-system button equivalent of legacy's clickable
@@ -1284,7 +1308,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               // 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: () => r(
+              default: () => i(
                 "span",
                 { class: "fm-typo-en-body-md-400" },
                 l("menu.group.list.items_linked", {
@@ -1302,10 +1326,10 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
           cell: (a) => {
             const s = a.row.original;
-            return r(
+            return i(
               "div",
               { class: "flex justify-end" },
-              r(
+              i(
                 v.FmMenu,
                 {
                   closeOnClick: !0,
@@ -1315,7 +1339,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   }, ["stop"])
                 },
                 {
-                  "menu-button": () => r(v.FmButton, {
+                  "menu-button": () => i(v.FmButton, {
                     type: "button",
                     variant: "tertiary",
                     icon: "more_vert",
@@ -1325,7 +1349,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                     })
                   }),
                   default: () => [
-                    r(v.FmMenuItem, {
+                    i(v.FmMenuItem, {
                       label: l("menu.common.actions.edit"),
                       disabled: s.update.state !== "allowed",
                       onClick: R(
@@ -1333,14 +1357,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                         ["stop", "prevent"]
                       )
                     }),
-                    r(v.FmMenuItem, {
+                    i(v.FmMenuItem, {
                       label: l("menu.group.actions.apply_product"),
                       onClick: R(
                         () => il(s),
                         ["stop", "prevent"]
                       )
                     }),
-                    r(v.FmMenuItem, {
+                    i(v.FmMenuItem, {
                       label: l("menu.group.actions.duplicate_action"),
                       disabled: s.duplicate.state !== "allowed",
                       onClick: R(
@@ -1348,7 +1372,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                         ["stop", "prevent"]
                       )
                     }),
-                    r(v.FmMenuItem, {
+                    i(v.FmMenuItem, {
                       label: l("menu.common.actions.delete"),
                       disabled: s.remove.state !== "allowed",
                       onClick: R(
@@ -1365,10 +1389,10 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
       ];
     });
     return Wl(() => {
-      re(), ke(), Ce(), ee.value && Fe(), X.value && Le(), te(), Ae(), p.value.dispose();
+      re(), he(), Ce(), ee.value && Fe(), X.value && Le(), te(), De(), p.value.dispose();
     }), (e, a) => {
-      const s = F("FmButton"), x = F("FmCircularProgress"), V = F("FmChip"), B = F("FmMenuItem"), Se = F("FmMenu"), Pe = F("FmSearch"), ue = F("FmTable"), ul = F("FmTooltip"), oe = F("FmStepperField"), de = F("FmFormGroup"), Ge = F("FmSwitch"), me = F("FmSideSheet"), Zl = F("FmHelperText");
-      return c(), k(ra, {
+      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(() => [
@@ -1377,19 +1401,19 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
         "append-heading": m(() => {
           var ce;
           return [
-            e.catalogPage ? w("", !0) : (c(), b("div", ja, [
+            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(), k(s, {
+              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"])) : w("", !0)
+              }, null, 8, ["disabled", "label"])) : x("", !0)
             ])),
             e.catalogPage ? (c(), b("div", Ya, [
               Te(e.$slots, "append-heading")
@@ -1400,19 +1424,19 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
           var ce, dl, ml, cl;
           return [
             Te(e.$slots, "navigation"),
-            t(D).status === "error" ? (c(), b("p", qa, y(t(_)(t(D).error.message)), 1)) : t(D).status === "unavailable" ? (c(), b("div", Ha, [
+            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(D).status === "loading" ? (c(), k(x, { key: 2 })) : u.value && u.value.totalCount === 0 ? (c(), k(t(yl), {
+            ])) : 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(), k(da, {
+                u.value.scope.schedulerSelector.state === "allowed" ? (c(), h(da, {
                   key: 0,
                   options: ne.value,
                   "model-value": u.value.scope.schedulerId,
@@ -1423,13 +1447,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                     catalogId: u.value.scope.catalogId,
                     schedulerId: n
                   }))
-                }, null, 8, ["options", "model-value", "title"])) : u.value.showType ? w("", !0) : (c(), b("div", Za)),
-                u.value.showType ? (c(), k(Se, {
+                }, 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(V, {
+                    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")
@@ -1447,11 +1471,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       key: n,
                       class: "px-16 py-8",
                       label: t(l)(H[n]),
-                      onClick: (f) => g.sdk.group.setTypeFilter(n)
+                      onClick: (_) => g.sdk.group.setTypeFilter(n)
                     }, null, 8, ["label", "onClick"])), 64))
                   ]),
                   _: 1
-                })) : w("", !0),
+                })) : x("", !0),
                 d("div", Ja, [
                   o(Pe, {
                     autofocus: "",
@@ -1476,8 +1500,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               }, null, 8, ["column-defs", "column-visibility", "draggable", "page-size", "row-data"]), [
                 [t(ga), t(l)("menu.group.list.columns.name")]
               ])
-            ], 64)) : w("", !0),
-            ((ce = i.value) == null ? void 0 : ce.mode) === "update" ? (c(), k(me, {
+            ], 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),
@@ -1486,12 +1510,12 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               "max-width": 800
             }, {
               "side-sheet-header": m(() => [
-                d("p", Wa, y(t(l)("menu.group.update")), 1)
+                d("p", Wa, w(t(l)("menu.group.update")), 1)
               ]),
               "side-sheet-footer": m(() => [
                 d("div", ot, [
                   o(s, {
-                    disabled: i.value.submit.state !== "allowed",
+                    disabled: r.value.submit.state !== "allowed",
                     label: t(l)("menu.common.actions.update"),
                     size: "lg",
                     type: "submit"
@@ -1512,9 +1536,9 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       return [
                         o(q, gl({
                           autofocus: "",
-                          "error-messages": we.value ? [t(_)(we.value)] : [],
+                          "error-messages": we.value ? [t(f)(we.value)] : [],
                           label: t(l)("menu.common.labels.group_name"),
-                          "model-value": i.value.name
+                          "model-value": r.value.name
                         }, t(ae).field("name", p.value.setName)), {
                           append: m(() => [
                             o(ul, {
@@ -1523,11 +1547,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                               "z-index": 999
                             }, {
                               default: m(() => {
-                                var f;
+                                var _;
                                 return [
                                   o(s, {
                                     "aria-label": t(l)("menu.group.translation.translate_name"),
-                                    disabled: ((f = i.value.translation) == null ? void 0 : f.state) !== "allowed",
+                                    disabled: ((_ = r.value.translation) == null ? void 0 : _.state) !== "allowed",
                                     icon: "g_translate",
                                     variant: "tertiary",
                                     onClick: tl
@@ -1540,7 +1564,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                           _: 1
                         }, 16, ["error-messages", "label", "model-value"]),
                         o(de, {
-                          "model-value": `${i.value.min} ${i.value.max}`
+                          "model-value": `${r.value.min} ${r.value.max}`
                         }, {
                           default: m(() => [
                             o(Ke, null, {
@@ -1549,14 +1573,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                                   class: "flex-1",
                                   label: t(l)("menu.common.labels.min_select"),
                                   min: 0,
-                                  "model-value": i.value.min,
+                                  "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: i.value.min,
-                                  "model-value": i.value.max,
+                                  min: r.value.min,
+                                  "model-value": r.value.max,
                                   "onUpdate:modelValue": p.value.setMax
                                 }, null, 8, ["label", "min", "model-value", "onUpdate:modelValue"])
                               ]),
@@ -1572,14 +1596,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                             o(Ge, {
                               label: t(l)("menu.common.labels.stackable"),
                               "label-placement": "right",
-                              "model-value": i.value.stackable,
+                              "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 = i.value.tagging) != null && n.visible ? (c(), k(pe, {
+                        (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")
@@ -1587,13 +1611,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                           default: m(() => [
                             o(t(bl), {
                               entity: "group",
-                              "model-value": i.value.customAttributes ?? {},
-                              "value-options": el(i.value.attributeValueOptions),
-                              "onUpdate:modelValue": a[3] || (a[3] = (f) => p.value.setCustomAttributes(f ?? null))
+                              "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"])) : w("", !0)
+                        }, 8, ["sub-title", "title"])) : x("", !0)
                       ];
                     }),
                     _: 1
@@ -1601,21 +1625,21 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   o(de, {
                     tag: "div",
                     "helper-text": t(l)("menu.common.validation.default_items_tip", {
-                      count: i.value.options.filter((n) => n.isDefault).length,
-                      max: i.value.max
+                      count: r.value.options.filter((n) => n.isDefault).length,
+                      max: r.value.max
                     }),
-                    "model-value": i.value.options
+                    "model-value": r.value.options
                   }, {
                     default: m(() => [
                       o(pe, {
                         class: "mb-8",
-                        "sub-title": i.value.linkOptions.state !== "hidden" ? t(l)("menu.group.option.subtitle") : "",
+                        "sub-title": r.value.linkOptions.state !== "hidden" ? t(l)("menu.group.option.subtitle") : "",
                         title: t(l)("menu.group.option.title")
                       }, {
                         "append-title": m(() => [
-                          i.value.linkOptions.state !== "hidden" ? (c(), b("div", et, [
+                          r.value.linkOptions.state !== "hidden" ? (c(), b("div", et, [
                             o(s, {
-                              disabled: i.value.linkOptions.state !== "allowed",
+                              disabled: r.value.linkOptions.state !== "allowed",
                               "border-color": "primary",
                               label: t(l)("menu.group.option.link_products"),
                               "prepend-icon": "link",
@@ -1623,9 +1647,9 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                               variant: "secondary",
                               onClick: a[4] || (a[4] = (n) => Q.value = !0)
                             }, null, 8, ["disabled", "label"])
-                          ])) : i.value.addOption.state !== "hidden" ? (c(), b("div", lt, [
+                          ])) : r.value.addOption.state !== "hidden" ? (c(), b("div", lt, [
                             o(s, {
-                              disabled: i.value.addOption.state !== "allowed",
+                              disabled: r.value.addOption.state !== "allowed",
                               "border-color": "primary",
                               label: t(l)("menu.group.option.add_option"),
                               "prepend-icon": "add",
@@ -1633,7 +1657,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                               variant: "secondary",
                               onClick: a[5] || (a[5] = (n) => p.value.addOption())
                             }, null, 8, ["disabled", "label"])
-                          ])) : w("", !0)
+                          ])) : x("", !0)
                         ]),
                         default: m(() => [
                           d("div", at, [
@@ -1644,13 +1668,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                                 "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(i.value.options.length, 1),
+                                "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((f) => f.id)
+                                  n.map((_) => _.id)
                                 ))
                               }, null, 8, ["column-defs", "draggable", "expanded-state", "get-row-can-expand", "get-row-id", "page-size", "row-data"])
                             ])
@@ -1661,17 +1685,17 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                     ]),
                     _: 1
                   }, 8, ["helper-text", "model-value"]),
-                  (c(!0), b(j, null, Y(Qe.value, (n, f) => (c(), b("p", {
-                    key: `${n.code}-${f}`,
+                  (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"
-                  }, y(t(_)(n)), 1))), 128))
+                  }, w(t(f)(n)), 1))), 128))
                 ])
               ]),
               _: 1
-            }, 8, ["modelValue", "is-container", "is-container-props"])) : w("", !0),
+            }, 8, ["modelValue", "is-container", "is-container-props"])) : x("", !0),
             o(me, {
-              "model-value": ze.value,
+              "model-value": Ie.value,
               "is-container": t(v).FmForm,
               "is-container-props": { onValidationSuccess: Ml },
               "max-width": 560,
@@ -1697,12 +1721,12 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                 ];
               }),
               default: m(() => {
-                var n, f, E;
+                var n, _, E;
                 return [
-                  N.value.status === "error" ? (c(), b("p", nt, y(t(_)(N.value.error.message)), 1)) : N.value.status === "unavailable" ? (c(), b("p", st, y(t(_)(N.value.reason)), 1)) : N.value.status === "loading" ? (c(), k(x, { key: 2 })) : L.value ? (c(), k(ta, {
+                  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: ((f = L.value) == null ? void 0 : f.linkedGroups) ?? [],
+                    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) => {
@@ -1723,12 +1747,12 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       }, null, 8, ["label"])
                     ]),
                     _: 1
-                  }, 8, ["applied-count", "groups", "query", "title"])) : w("", !0)
+                  }, 8, ["applied-count", "groups", "query", "title"])) : x("", !0)
                 ];
               }),
               _: 1
             }, 8, ["model-value", "is-container", "is-container-props"]),
-            N.value.status === "ready" ? (c(), k(xl, {
+            N.value.status === "ready" ? (c(), h(xl, {
               key: 6,
               modelValue: Z.value,
               "onUpdate:modelValue": a[13] || (a[13] = (n) => Z.value = n),
@@ -1736,53 +1760,53 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               "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"])) : w("", !0),
+            }, 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 = i.value) == null ? void 0 : ml.optionLinks) ?? [],
+              "selected-products": ((ml = r.value) == null ? void 0 : ml.optionLinks) ?? [],
               "select-variant": !0,
               title: t(l)("menu.group.option.link_products"),
-              onSubmitLinks: Al
+              onSubmitLinks: Dl
             }, null, 8, ["modelValue", "catalogue", "selected-products", "title"]),
-            ee.value && i.value ? (c(), k(ma, {
+            ee.value && r.value ? (c(), h(ma, {
               key: 7,
-              dirty: i.value.translationDirty,
+              dirty: r.value.translationDirty,
               "model-value": !0,
-              name: i.value.name,
-              "name-locale": i.value.nameLocale,
+              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": i.value.supportedLocales,
+              "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"])) : w("", !0),
-            i.value ? (c(), k(Ra, {
+            }, 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: i.value,
+              view: r.value,
               onDiscard: Le,
-              onSave: zl
-            }, null, 8, ["model-value", "session", "view"])) : w("", !0),
-            J.value ? (c(), k(na, {
+              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: ke
-            }, null, 8, ["session"])) : w("", !0),
-            W.value ? (c(), k(t(Ue), {
+              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"])) : w("", !0),
+            }, null, 8, ["product-name", "session"])) : x("", !0),
             o(me, {
               "model-value": be.value,
               "close-button": !1,
@@ -1798,8 +1822,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   variant: "tertiary",
                   onClick: te
                 }, null, 8, ["aria-label"]),
-                be.value ? (c(), b("span", rt)) : w("", !0),
-                d("p", ut, y(t(l)("menu.group.nested.title")), 1)
+                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, {
@@ -1813,11 +1837,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                 return [
                   d("div", dt, [
                     d("div", mt, [
-                      d("p", ct, y(t(l)("menu.group.nested.currently_configuring")), 1),
-                      d("p", pt, y((n = Je.value) == null ? void 0 : n.optionName), 1)
+                      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, y(t(l)("menu.group.nested.subtitle")), 1),
+                      d("p", gt, w(t(l)("menu.group.nested.subtitle")), 1),
                       o(ue, {
                         "column-defs": $l.value,
                         "page-size": We.value.length,
@@ -1839,8 +1863,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
               "onUpdate:modelValue": a[19] || (a[19] = (n) => !n && Oe())
             }, {
               "side-sheet-header": m(() => [
-                le.value ? (c(), b("span", bt, y(t(l)("menu.common.labels.nested_group_override")), 1)) : w("", !0),
-                d("p", ft, y(t(l)("menu.group.update")), 1)
+                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, [
@@ -1858,7 +1882,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                 ])
               ]),
               default: m(() => {
-                var n, f;
+                var n, _;
                 return [
                   d("div", yt, [
                     o(Re, null, {
@@ -1926,10 +1950,10 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       class: "!gap-16",
                       tag: "div",
                       "helper-text": t(l)("menu.common.validation.default_items_tip", {
-                        count: he.value.filter((E) => E.isDefault).length,
+                        count: ke.value.filter((E) => E.isDefault).length,
                         max: ((n = M.value) == null ? void 0 : n.max) ?? 0
                       }),
-                      "model-value": he.value
+                      "model-value": ke.value
                     }, {
                       default: m(() => [
                         o(pe, {
@@ -1940,8 +1964,8 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                               d("div", wt, [
                                 o(ue, {
                                   "column-defs": Sl.value,
-                                  "page-size": Math.max(he.value.length, 1),
-                                  "row-data": he.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"])
@@ -1953,37 +1977,37 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                       ]),
                       _: 1
                     }, 8, ["helper-text", "model-value"]),
-                    (c(!0), b(j, null, Y(((f = M.value) == null ? void 0 : f.issues) ?? [], (E, P) => (c(), k(Zl, {
+                    (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(_)(E)
+                      text: t(f)(E)
                     }, null, 8, ["text"]))), 128))
                   ])
                 ];
               }),
               _: 1
             }, 8, ["model-value"]),
-            A.value && Be.value ? (c(), k(sa, {
+            D.value && Be.value ? (c(), h(sa, {
               key: 11,
               sdk: g.sdk,
               onClose: Ve,
-              onCreated: Dl
-            }, null, 8, ["sdk"])) : w("", !0),
-            ((cl = i.value) == null ? void 0 : cl.mode) === "create" && !Be.value ? (c(), k(me, {
+              onCreated: Al
+            }, null, 8, ["sdk"])) : x("", !0),
+            ((cl = r.value) == null ? void 0 : cl.mode) === "create" && !Be.value ? (c(), h(me, {
               key: 12,
-              modelValue: A.value,
-              "onUpdate:modelValue": a[23] || (a[23] = (n) => A.value = n),
+              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", ht, y(t(l)("menu.group.add")), 1)
+                d("p", kt, w(t(l)("menu.group.add")), 1)
               ]),
               "side-sheet-footer": m(() => [
                 d("div", Vt, [
                   o(s, {
-                    disabled: i.value.submit.state !== "allowed",
+                    disabled: r.value.submit.state !== "allowed",
                     label: t(l)("menu.common.actions.add"),
                     size: "lg",
                     type: "submit"
@@ -1997,16 +2021,16 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                 ])
               ]),
               default: m(() => [
-                d("div", kt, [
+                d("div", ht, [
                   o(Re, null, {
                     default: m(() => {
                       var n;
                       return [
                         o(q, gl({
                           autofocus: "",
-                          "error-messages": we.value ? [t(_)(we.value)] : [],
+                          "error-messages": we.value ? [t(f)(we.value)] : [],
                           label: t(l)("menu.common.labels.group_name"),
-                          "model-value": i.value.name
+                          "model-value": r.value.name
                         }, t(ae).field("name", p.value.setName)), {
                           append: m(() => [
                             o(ul, {
@@ -2015,11 +2039,11 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                               "z-index": 999
                             }, {
                               default: m(() => {
-                                var f;
+                                var _;
                                 return [
                                   o(s, {
                                     "aria-label": t(l)("menu.group.translation.translate_name"),
-                                    disabled: ((f = i.value.translation) == null ? void 0 : f.state) !== "allowed",
+                                    disabled: ((_ = r.value.translation) == null ? void 0 : _.state) !== "allowed",
                                     icon: "g_translate",
                                     variant: "tertiary",
                                     onClick: tl
@@ -2032,7 +2056,7 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                           _: 1
                         }, 16, ["error-messages", "label", "model-value"]),
                         o(de, {
-                          "model-value": `${i.value.min} ${i.value.max}`
+                          "model-value": `${r.value.min} ${r.value.max}`
                         }, {
                           default: m(() => [
                             o(Ke, null, {
@@ -2041,14 +2065,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                                   class: "flex-1",
                                   label: t(l)("menu.common.labels.min_select"),
                                   min: 0,
-                                  "model-value": i.value.min,
+                                  "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: i.value.min,
-                                  "model-value": i.value.max,
+                                  min: r.value.min,
+                                  "model-value": r.value.max,
                                   "onUpdate:modelValue": p.value.setMax
                                 }, null, 8, ["label", "min", "model-value", "onUpdate:modelValue"])
                               ]),
@@ -2064,14 +2088,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                             o(Ge, {
                               label: t(l)("menu.common.labels.stackable"),
                               "label-placement": "right",
-                              "model-value": i.value.stackable,
+                              "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 = i.value.tagging) != null && n.visible ? (c(), k(pe, {
+                        (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")
@@ -2079,13 +2103,13 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                           default: m(() => [
                             o(t(bl), {
                               entity: "group",
-                              "model-value": i.value.customAttributes ?? {},
-                              "value-options": el(i.value.attributeValueOptions),
-                              "onUpdate:modelValue": a[20] || (a[20] = (f) => p.value.setCustomAttributes(f ?? null))
+                              "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"])) : w("", !0)
+                        }, 8, ["sub-title", "title"])) : x("", !0)
                       ];
                     }),
                     _: 1
@@ -2093,10 +2117,10 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                   o(de, {
                     tag: "div",
                     "helper-text": t(l)("menu.common.validation.default_items_tip", {
-                      count: i.value.options.filter((n) => n.isDefault).length,
-                      max: i.value.max
+                      count: r.value.options.filter((n) => n.isDefault).length,
+                      max: r.value.max
                     }),
-                    "model-value": i.value.options
+                    "model-value": r.value.options
                   }, {
                     default: m(() => [
                       o(pe, {
@@ -2120,14 +2144,14 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                           d("div", Ct, [
                             d("div", Ft, [
                               o(ue, {
-                                "column-defs": Il.value,
-                                draggable: i.value.options.length > 1,
-                                "page-size": Math.max(i.value.options.length, 1),
-                                "row-data": [...i.value.options],
+                                "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((f) => f.id)
+                                  n.map((_) => _.id)
                                 ))
                               }, null, 8, ["column-defs", "draggable", "page-size", "row-data"])
                             ])
@@ -2138,15 +2162,15 @@ const ba = { class: "option-translation-sheet-marker sr-only" }, fa = { class: "
                     ]),
                     _: 1
                   }, 8, ["helper-text", "model-value"]),
-                  (c(!0), b(j, null, Y(Qe.value, (n, f) => (c(), b("p", {
-                    key: `${n.code}-${f}`,
+                  (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"
-                  }, y(t(_)(n)), 1))), 128))
+                  }, w(t(f)(n)), 1))), 128))
                 ])
               ]),
               _: 1
-            }, 8, ["modelValue", "is-container", "is-container-props"])) : w("", !0)
+            }, 8, ["modelValue", "is-container", "is-container-props"])) : x("", !0)
           ];
         }),
         _: 3