@feedmepos/mf-menu-portal 1.0.3 → 1.0.4-dev.1

package/dist/{ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-CP6pVd3b.js → ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-UeIB15M8.js}

@@ -1,40 +1,40 @@
-import { defineComponent as W, computed as U, toDisplayString as $, ref as oe, watch as fe, openBlock as m, createBlock as O, withKeys as Le, createSlots as ye, withCtx as d, renderSlot as se, createElementBlock as h, createVNode as r, createCommentVNode as B, nextTick as Ae, resolveComponent as y, unref as n, createElementVNode as v, Fragment as G, renderList as Q, shallowRef as Ie, onBeforeUnmount as xe, h as _, mergeProps as ae } from "vue";
-import { useI18n as X, CustomAttributesForm as ve } from "@feedmepos/mf-common";
-import { useDialog as he, components as K } from "@feedmepos/ui-library";
-import { RemyButton as _e } from "@feedmepos/mf-remy-panel";
-import { _ as ze } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
+import { defineComponent as W, computed as E, toDisplayString as T, ref as oe, watch as se, openBlock as c, createBlock as O, createSlots as ye, withCtx as p, renderSlot as ue, createElementBlock as w, createVNode as s, createCommentVNode as N, nextTick as Le, resolveComponent as y, unref as n, createElementVNode as v, Fragment as K, renderList as Q, shallowRef as Ae, onBeforeUnmount as xe, h as _, mergeProps as ae } from "vue";
+import { useI18n as X, CustomAttributesForm as _e } from "@feedmepos/mf-common";
+import { useDialog as he, components as M } from "@feedmepos/ui-library";
+import { RemyButton as fe } from "@feedmepos/mf-remy-panel";
+import { _ as Ie } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
 import { u as we } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as ke, u as ue } from "./provide-B20ds2De.js";
-import { _ as Ne } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { _ as J, b as Ue } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
-import { a as Be, _ as le } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { b as ke, u as me } from "./provide-Qt5LApQe.js";
+import { _ as ze } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { _ as J, b as Ee } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
+import { a as Ne, _ as le } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
 import { _ as re } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
-import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { a as Ee, A as Me, _ as Ke } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-DsfztmtZ.js";
-import { u as Re } from "./useActionFeedback-DVUPq042.js";
+import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { a as Be, A as De, _ as Me } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-C2pNO1hF.js";
+import { u as Re } from "./useActionFeedback-CtMJLWBu.js";
 const Fe = /* @__PURE__ */ W({
   __name: "LocalizedCurrencySymbol",
   props: {
     currency: {}
   },
   setup(I) {
-    const S = I, { n: g } = X(), f = U(() => {
-      if (!S.currency) return "";
-      const e = g(0, {
+    const P = I, { n: b } = X(), f = E(() => {
+      if (!P.currency) return "";
+      const e = b(0, {
         useGrouping: !1,
         minimumFractionDigits: 0,
         maximumFractionDigits: 0
       });
-      return g(0, {
+      return b(0, {
         style: "currency",
-        currency: S.currency,
+        currency: P.currency,
         currencyDisplay: "narrowSymbol",
         useGrouping: !1,
         minimumFractionDigits: 0,
         maximumFractionDigits: 0
-      }).replace(e, "").trim() || S.currency;
+      }).replace(e, "").trim() || P.currency;
     });
-    return (e, k) => $(f.value);
+    return (e, F) => T(f.value);
   }
 }), Ge = { key: 0 }, ie = /* @__PURE__ */ W({
   __name: "ProductMoneyField",
@@ -44,66 +44,77 @@ const Fe = /* @__PURE__ */ W({
     commitOnInput: { type: Boolean }
   },
   emits: ["update:modelValue"],
-  setup(I, { expose: S, emit: g }) {
-    const f = I, e = g, { n: k, locale: L } = X(), T = oe();
-    S({
-      inputEl: U(() => {
-        var b;
-        return ((b = T.value) == null ? void 0 : b.inputEl) ?? null;
+  setup(I, { expose: P, emit: b }) {
+    const f = I, e = b, { n: F, locale: L } = X(), C = oe();
+    P({
+      inputEl: E(() => {
+        var u;
+        return ((u = C.value) == null ? void 0 : u.inputEl) ?? null;
       }),
       focus: () => {
-        var b, C;
-        return (C = (b = T.value) == null ? void 0 : b.inputEl) == null ? void 0 : C.focus();
+        var u, S;
+        return (S = (u = C.value) == null ? void 0 : u.inputEl) == null ? void 0 : S.focus();
       }
     });
-    const p = U(
-      () => f.modelValue === null ? "" : k(f.modelValue, {
+    const g = E(
+      () => f.modelValue === null ? "" : F(f.modelValue, {
         minimumFractionDigits: 2,
         maximumFractionDigits: 2,
         useGrouping: !1
       })
-    ), a = oe(p.value);
-    fe(p, (b) => {
-      a.value = b;
+    ), a = oe(g.value);
+    se(g, (u) => {
+      a.value = u;
     });
     async function j() {
-      var z, E, q;
-      const b = ((E = (z = T.value) == null ? void 0 : z.inputEl) == null ? void 0 : E.value) ?? "", C = ((q = new Intl.NumberFormat(L.value).formatToParts(1.5).find((i) => i.type === "decimal")) == null ? void 0 : q.value) ?? ".", P = b.trim() === "" ? null : Number(b.replace(C, "."));
-      (P === null || Number.isFinite(P)) && e("update:modelValue", P), await Ae(), a.value = p.value;
+      var U, Y, i;
+      const u = ((Y = (U = C.value) == null ? void 0 : U.inputEl) == null ? void 0 : Y.value) ?? "", S = ((i = new Intl.NumberFormat(L.value).formatToParts(1.5).find((r) => r.type === "decimal")) == null ? void 0 : i.value) ?? ".", x = u.trim() === "" ? null : Number(u.replace(S, "."));
+      (x === null || Number.isFinite(x)) && e("update:modelValue", x), await Le(), a.value = g.value;
     }
-    async function l(b) {
-      var z;
-      if (a.value = String(b ?? ""), !f.commitOnInput) return;
-      const C = ((z = new Intl.NumberFormat(L.value).formatToParts(1.5).find((E) => E.type === "decimal")) == null ? void 0 : z.value) ?? ".", P = a.value.trim() === "" ? null : Number(a.value.replace(C, "."));
-      (P === null || Number.isFinite(P)) && e("update:modelValue", P);
+    async function l(u) {
+      var U;
+      if (a.value = String(u ?? ""), !f.commitOnInput) return;
+      const S = ((U = new Intl.NumberFormat(L.value).formatToParts(1.5).find((Y) => Y.type === "decimal")) == null ? void 0 : U.value) ?? ".", x = a.value.trim() === "" ? null : Number(a.value.replace(S, "."));
+      (x === null || Number.isFinite(x)) && e("update:modelValue", x);
     }
-    function F(b) {
-      var C, P;
-      b ? (P = (C = T.value) == null ? void 0 : C.inputEl) == null || P.select() : j();
+    function $(u) {
+      var S, x;
+      u ? (x = (S = C.value) == null ? void 0 : S.inputEl) == null || x.select() : j();
     }
-    return (b, C) => (m(), O(J, {
+    function R(u) {
+      u.key === "Enter" && !u.isComposing && j();
+    }
+    return se(
+      () => {
+        var u;
+        return ((u = C.value) == null ? void 0 : u.inputEl) ?? null;
+      },
+      (u, S, x) => {
+        u && (u.addEventListener("keydown", R), x(() => u.removeEventListener("keydown", R)));
+      },
+      { immediate: !0, flush: "post" }
+    ), (u, S) => (c(), O(J, {
       ref_key: "field",
-      ref: T,
+      ref: C,
       "model-value": a.value,
       inputmode: "decimal",
       "onUpdate:modelValue": l,
-      onFocusChanged: F,
-      onKeydown: Le(j, ["enter"])
+      onFocusChanged: $
     }, ye({
-      prepend: d(() => [
-        b.currency ? (m(), h("span", Ge, [
-          r(Fe, { currency: b.currency }, null, 8, ["currency"])
-        ])) : B("", !0)
+      prepend: p(() => [
+        u.currency ? (c(), w("span", Ge, [
+          s(Fe, { currency: u.currency }, null, 8, ["currency"])
+        ])) : N("", !0)
       ]),
-      append: d(() => [
-        se(b.$slots, "append")
+      append: p(() => [
+        ue(u.$slots, "append")
       ]),
       _: 2
     }, [
-      b.$slots["helper-text"] ? {
+      u.$slots["helper-text"] ? {
         name: "helper-text",
-        fn: d(() => [
-          se(b.$slots, "helper-text")
+        fn: p(() => [
+          ue(u.$slots, "helper-text")
         ]),
         key: "0"
       } : void 0
@@ -117,68 +128,68 @@ const Fe = /* @__PURE__ */ W({
     disabled: { type: Boolean }
   },
   emits: ["open"],
-  setup(I, { emit: S }) {
-    const g = S, { t: f } = X();
-    return (e, k) => {
-      const L = y("FmButton"), T = y("FmTooltip");
-      return m(), O(T, {
+  setup(I, { emit: P }) {
+    const b = P, { t: f } = X();
+    return (e, F) => {
+      const L = y("FmButton"), C = y("FmTooltip");
+      return c(), O(C, {
         content: n(f)("menu.price_tier.price_tier_config"),
         "z-index": 999,
         placement: "top"
       }, {
-        default: d(() => [
-          r(L, {
+        default: p(() => [
+          s(L, {
             icon: "price_change",
             variant: "tertiary",
             "text-color": "neutral-gray-400",
             "overwrite-icon-outline": e.configured ? "filled" : "outline",
             "aria-label": e.label,
             disabled: e.disabled,
-            onClick: k[0] || (k[0] = (p) => g("open"))
+            onClick: F[0] || (F[0] = (g) => b("open"))
           }, null, 8, ["overwrite-icon-outline", "aria-label", "disabled"])
         ]),
         _: 1
       }, 8, ["content"]);
     };
   }
-}), je = { class: "flex flex-col gap-8 p-8" }, Ye = { class: "fm-typo-en-body-md-600" }, He = { class: "flex flex-col gap-4" }, qe = { key: 0 }, Je = /* @__PURE__ */ W({
+}), Ke = { class: "flex flex-col gap-8 p-8" }, je = { class: "fm-typo-en-body-md-600" }, Ye = { class: "flex flex-col gap-4" }, He = { key: 0 }, qe = /* @__PURE__ */ W({
   __name: "ProductMemberPriceTooltip",
   props: {
     prices: {},
     currency: {}
   },
   setup(I) {
-    const S = I, { t: g, n: f } = X(), e = U(
-      () => Object.entries(S.prices).flatMap(
-        ([k, L]) => L === null ? [] : [{ name: k, amount: L }]
+    const P = I, { t: b, n: f } = X(), e = E(
+      () => Object.entries(P.prices).flatMap(
+        ([F, L]) => L === null ? [] : [{ name: F, amount: L }]
       )
     );
-    return (k, L) => {
-      const T = y("FmIcon"), p = y("FmTooltip");
-      return m(), O(p, {
+    return (F, L) => {
+      const C = y("FmIcon"), g = y("FmTooltip");
+      return c(), O(g, {
         variant: "plain",
         placement: "right",
         "z-index": 100
       }, {
-        default: d(() => [
-          r(T, {
+        default: p(() => [
+          s(C, {
             name: "info",
             outline: ""
           })
         ]),
-        content: d(() => [
-          v("div", je, [
-            v("p", Ye, $(n(g)("menu.member_pricing.title")), 1),
-            v("ul", He, [
-              e.value.length === 0 ? (m(), h("li", qe, $(n(g)("menu.member_pricing.tooltip.no_member_price")), 1)) : B("", !0),
-              (m(!0), h(G, null, Q(e.value, (a) => (m(), h("li", {
+        content: p(() => [
+          v("div", Ke, [
+            v("p", je, T(n(b)("menu.member_pricing.title")), 1),
+            v("ul", Ye, [
+              e.value.length === 0 ? (c(), w("li", He, T(n(b)("menu.member_pricing.tooltip.no_member_price")), 1)) : N("", !0),
+              (c(!0), w(K, null, Q(e.value, (a) => (c(), w("li", {
                 key: a.name,
                 class: "fm-typo-en-body-md-400"
-              }, $(n(g)("menu.common.labels.a11y_labelled_name", {
+              }, T(n(b)("menu.common.labels.a11y_labelled_name", {
                 label: a.name,
                 name: n(f)(
                   a.amount,
-                  k.currency ? { style: "currency", currency: k.currency, minimumFractionDigits: 2 } : { minimumFractionDigits: 2 }
+                  F.currency ? { style: "currency", currency: F.currency, minimumFractionDigits: 2 } : { minimumFractionDigits: 2 }
                 )
               })), 1))), 128))
             ])
@@ -188,16 +199,16 @@ const Fe = /* @__PURE__ */ W({
       });
     };
   }
-}), Qe = { class: "fm-typo-en-title-md-600" }, We = {
+}), Je = { class: "fm-typo-en-title-md-600" }, Qe = {
   key: 0,
   class: "flex flex-col gap-32"
-}, Xe = { class: "flex flex-col fm-corner-radius-lg p-16 border border-fm-color-neutral-gray-100 gap-4" }, Ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, eo = {
+}, We = { class: "flex flex-col fm-corner-radius-lg p-16 border border-fm-color-neutral-gray-100 gap-4" }, Xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ze = {
   key: 0,
   class: "fm-typo-en-body-lg-600"
-}, oo = { class: "flex flex-col gap-24" }, no = { class: "fm-typo-en-title-sm-600" }, to = { class: "flex flex-col gap-16" }, lo = { class: "flex flex-col gap-4" }, ao = { class: "fm-typo-en-body-lg-600" }, io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ro = {
+}, eo = { class: "flex flex-col gap-24" }, oo = { class: "fm-typo-en-title-sm-600" }, no = { class: "flex flex-col gap-16" }, to = { class: "flex flex-col gap-4" }, lo = { class: "fm-typo-en-body-lg-600" }, ao = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, io = {
   key: 1,
   class: "py-16 space-y-32"
-}, so = { class: "space-y-8" }, uo = { class: "flex items-center justify-between" }, mo = { class: "space-y-8" }, co = { class: "fm-typo-en-body-lg-600" }, po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, go = { class: "flex gap-8" }, Go = /* @__PURE__ */ W({
+}, ro = { class: "space-y-8" }, so = { class: "flex items-center justify-between" }, uo = { class: "space-y-8" }, mo = { class: "fm-typo-en-body-lg-600" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, po = { class: "flex gap-8" }, Go = /* @__PURE__ */ W({
   __name: "ProductPricingSheet",
   props: {
     session: {},
@@ -206,33 +217,33 @@ const Fe = /* @__PURE__ */ W({
     mainPricingLabel: { type: Boolean, default: !0 }
   },
   emits: ["close", "suggest"],
-  setup(I, { emit: S }) {
-    const g = I, f = S, { t: e } = X(), k = he(), L = ke(), T = ue(g.session), p = U(
-      () => T.value.status === "ready" ? T.value.value : null
-    ), a = we(() => g.session);
-    function j(i, s) {
-      var w;
-      const x = a.issue(((w = p.value) == null ? void 0 : w.fieldIssues) ?? {}, `rows.${i}.amount`) ?? s.issue;
-      return x ? [L(x)] : [];
+  setup(I, { emit: P }) {
+    const b = I, f = P, { t: e } = X(), F = he(), L = ke(), C = me(b.session), g = E(
+      () => C.value.status === "ready" ? C.value.value : null
+    ), a = we(() => b.session);
+    function j(i, r) {
+      var k;
+      const h = a.issue(((k = g.value) == null ? void 0 : k.fieldIssues) ?? {}, `rows.${i}.amount`) ?? r.issue;
+      return h ? [L(h)] : [];
     }
     function l(i) {
-      var x;
-      const s = a.issue(
-        ((x = p.value) == null ? void 0 : x.fieldIssues) ?? {},
+      var h;
+      const r = a.issue(
+        ((h = g.value) == null ? void 0 : h.fieldIssues) ?? {},
         `rows.0.members.${i.key}`
       ) ?? i.issue;
-      return s ? [L(s)] : [];
+      return r ? [L(r)] : [];
     }
-    const F = Ie(null);
-    function b() {
+    const $ = Ae(null);
+    function R() {
       var i;
-      (i = F.value) == null || i.dispose(), F.value = null;
+      (i = $.value) == null || i.dispose(), $.value = null;
     }
-    function C(i) {
-      b(), F.value = g.session.memberEditor(i);
+    function u(i) {
+      R(), $.value = b.session.memberEditor(i);
     }
-    xe(b);
-    const P = U(() => [
+    xe(R);
+    const S = E(() => [
       {
         accessorKey: "key",
         header: () => e(
@@ -255,20 +266,20 @@ const Fe = /* @__PURE__ */ W({
             errorMessages: l(i.original),
             ...a.field(
               `rows.0.members.${i.original.key}`,
-              (s) => {
-                var x, w;
-                return g.session.setAmount(
-                  ((w = (x = p.value) == null ? void 0 : x.rows[0]) == null ? void 0 : w.tier) ?? null,
+              (r) => {
+                var h, k;
+                return b.session.setAmount(
+                  ((k = (h = g.value) == null ? void 0 : h.rows[0]) == null ? void 0 : k.tier) ?? null,
                   i.original.key,
-                  s
+                  r
                 );
               }
             )
           },
           {
             append: () => {
-              var s;
-              return (s = p.value) != null && s.showSuggestion ? _(_e, {
+              var r;
+              return (r = g.value) != null && r.showSuggestion ? _(fe, {
                 pureStyling: !0,
                 class: "shrink-0 scale-75",
                 "aria-label": e("menu.product.remy.pricing"),
@@ -278,7 +289,7 @@ const Fe = /* @__PURE__ */ W({
           }
         )
       }
-    ]), z = U(() => [
+    ]), x = E(() => [
       {
         accessorKey: "tier",
         header: () => e("menu.price_tier.form.table.columns.name"),
@@ -306,7 +317,7 @@ const Fe = /* @__PURE__ */ W({
           errorMessages: j(i.index, i.original),
           ...a.field(
             `rows.${i.index}.amount`,
-            (s) => g.session.setAmount(i.original.tier, null, s)
+            (r) => b.session.setAmount(i.original.tier, null, r)
           )
         })
       },
@@ -315,64 +326,64 @@ const Fe = /* @__PURE__ */ W({
         header: () => e("menu.price_tier.form.table.columns.member_price"),
         enableSorting: !1,
         cell: ({ row: i }) => {
-          var w;
-          const s = i.original.members.filter(
-            (D) => D.amount !== null
-          ).length, x = s ? e("menu.product.form.member_price.configure.title_with_tier", {
-            num: s
+          var k;
+          const r = i.original.members.filter(
+            (B) => B.amount !== null
+          ).length, h = r ? e("menu.product.form.member_price.configure.title_with_tier", {
+            num: r
           }) : e("menu.product.form.member_price.configure.title");
           return _("div", { class: "flex items-center justify-between" }, [
             _(
-              K.FmButton,
+              M.FmButton,
               {
                 variant: "plain",
-                label: x,
+                label: h,
                 // This is the nested pricing-sheet action. Keep it distinct from
                 // the product form's row-level "Member price" action while
                 // qualifying the tier, so both independently reachable surfaces
                 // stay semantic.
-                "aria-label": s ? x : i.original.tier ? e("menu.common.labels.a11y_labelled_name", {
+                "aria-label": r ? h : i.original.tier ? e("menu.common.labels.a11y_labelled_name", {
                   label: e(
                     "menu.product.form.member_price.configure.title"
                   ),
                   name: i.original.tier
                 }) : void 0,
-                onClick: () => i.original.tier && C(i.original.tier)
+                onClick: () => i.original.tier && u(i.original.tier)
               },
               {
                 default: () => _(
                   "span",
                   { class: "underline line-clamp-2 break-all" },
-                  x
+                  h
                 )
               }
             ),
-            _(Je, {
+            _(qe, {
               prices: Object.fromEntries(
-                i.original.members.map((D) => [D.key, D.amount])
+                i.original.members.map((B) => [B.key, B.amount])
               ),
-              currency: (w = p.value) == null ? void 0 : w.currency
+              currency: (k = g.value) == null ? void 0 : k.currency
             })
           ]);
         }
       }
     ]);
-    function E() {
-      var s;
-      if (g.session.apply()) {
+    function U() {
+      var r;
+      if (b.session.apply()) {
         f("close");
         return;
       }
-      const i = Object.entries(((s = p.value) == null ? void 0 : s.fieldIssues) ?? {}).flatMap(
-        ([x, w]) => (w ?? []).map((D) => ({ ...D, field: x }))
+      const i = Object.entries(((r = g.value) == null ? void 0 : r.fieldIssues) ?? {}).flatMap(
+        ([h, k]) => (k ?? []).map((B) => ({ ...B, field: h }))
       );
       a.submit(async () => ({ kind: "rejected", issues: i }));
     }
-    function q() {
-      g.onCreatePriceGroup && k.open({
+    function Y() {
+      b.onCreatePriceGroup && F.open({
         zIndex: 200,
         title: e("menu.price_tier.add_price_group"),
-        contentComponent: ze,
+        contentComponent: Ie,
         primaryActions: {
           text: e("menu.category.manager.dialog.add.action"),
           close: !1
@@ -382,167 +393,167 @@ const Fe = /* @__PURE__ */ W({
           close: !0
         }
       }).onPrimary(async (i) => {
-        const s = String(i ?? "");
-        await g.onCreatePriceGroup(s) && (g.session.addTier(s), k.close());
+        const r = String(i ?? "");
+        await b.onCreatePriceGroup(r) && (b.session.addTier(r), F.close());
       });
     }
-    return (i, s) => {
-      var R;
-      const x = y("FmTable"), w = y("FmButton"), D = y("FmSideSheet"), Z = y("ProductPricingSheet", !0);
-      return m(), h(G, null, [
-        r(D, {
+    return (i, r) => {
+      var G;
+      const h = y("FmTable"), k = y("FmButton"), B = y("FmSideSheet"), Z = y("ProductPricingSheet", !0);
+      return c(), w(K, null, [
+        s(B, {
           "model-value": !0,
-          "z-index": g.zIndex ?? 300,
-          "max-width": ((R = p.value) == null ? void 0 : R.mode) === "members" ? 720 : 560,
-          "is-container": n(K).FmForm,
+          "z-index": b.zIndex ?? 300,
+          "max-width": ((G = g.value) == null ? void 0 : G.mode) === "members" ? 720 : 560,
+          "is-container": n(M).FmForm,
           "is-container-props": {
-            onValidationSuccess: E,
+            onValidationSuccess: U,
             blameFormChildOnValidationFailed: !0
           },
-          "onUpdate:modelValue": s[2] || (s[2] = (N) => !N && f("close"))
+          "onUpdate:modelValue": r[2] || (r[2] = (z) => !z && f("close"))
         }, {
-          "side-sheet-header": d(() => {
-            var N;
+          "side-sheet-header": p(() => {
+            var z;
             return [
-              v("p", Qe, $(n(e)(
-                ((N = p.value) == null ? void 0 : N.mode) === "tiers" ? "menu.price_tier.price_tier_config" : "menu.product.form.member_price.configure.title"
+              v("p", Je, T(n(e)(
+                ((z = g.value) == null ? void 0 : z.mode) === "tiers" ? "menu.price_tier.price_tier_config" : "menu.product.form.member_price.configure.title"
               )), 1)
             ];
           }),
-          "side-sheet-footer": d(() => {
-            var N, Y, M;
+          "side-sheet-footer": p(() => {
+            var z, H, D;
             return [
-              v("div", go, [
-                r(w, {
-                  label: ((N = p.value) == null ? void 0 : N.mode) === "tiers" ? n(e)("menu.common.actions.update") : n(e)("menu.common.actions.apply"),
-                  "aria-label": ((Y = p.value) == null ? void 0 : Y.mode) === "tiers" ? n(e)("menu.price_tier.action.update") : void 0,
+              v("div", po, [
+                s(k, {
+                  label: ((z = g.value) == null ? void 0 : z.mode) === "tiers" ? n(e)("menu.common.actions.update") : n(e)("menu.common.actions.apply"),
+                  "aria-label": ((H = g.value) == null ? void 0 : H.mode) === "tiers" ? n(e)("menu.price_tier.action.update") : void 0,
                   variant: "primary",
                   size: "lg",
                   type: "button",
-                  onClick: E
+                  onClick: U
                 }, null, 8, ["label", "aria-label"]),
-                r(w, {
+                s(k, {
                   label: n(e)("menu.common.actions.cancel"),
-                  "aria-label": ((M = p.value) == null ? void 0 : M.mode) === "tiers" ? n(e)("menu.price_tier.action.cancel") : n(e)("menu.product.form.member_price.configure.cancel"),
+                  "aria-label": ((D = g.value) == null ? void 0 : D.mode) === "tiers" ? n(e)("menu.price_tier.action.cancel") : n(e)("menu.product.form.member_price.configure.cancel"),
                   variant: "tertiary",
                   size: "lg",
-                  onClick: s[1] || (s[1] = (ee) => f("close"))
+                  onClick: r[1] || (r[1] = (ee) => f("close"))
                 }, null, 8, ["label", "aria-label"])
               ])
             ];
           }),
-          default: d(() => {
-            var N, Y;
+          default: p(() => {
+            var z, H;
             return [
-              ((N = p.value) == null ? void 0 : N.mode) === "members" ? (m(), h("div", We, [
-                v("div", Xe, [
-                  v("p", Ze, $(n(e)("menu.product.form.member_price.configure.current_configuration")), 1),
-                  p.value.configurationName || i.mainPricingLabel ? (m(), h("p", eo, $(p.value.configurationName ?? n(e)("menu.product.form.member_price.configure.main_pricing")), 1)) : B("", !0)
+              ((z = g.value) == null ? void 0 : z.mode) === "members" ? (c(), w("div", Qe, [
+                v("div", We, [
+                  v("p", Xe, T(n(e)("menu.product.form.member_price.configure.current_configuration")), 1),
+                  g.value.configurationName || i.mainPricingLabel ? (c(), w("p", Ze, T(g.value.configurationName ?? n(e)("menu.product.form.member_price.configure.main_pricing")), 1)) : N("", !0)
                 ]),
-                v("div", oo, [
-                  v("p", no, $(n(e)("menu.product.form.member_price.configure.pricing_grid")), 1),
-                  (m(!0), h(G, null, Q(p.value.rows, (M, ee) => (m(), O(ie, ae(
+                v("div", eo, [
+                  v("p", oo, T(n(e)("menu.product.form.member_price.configure.pricing_grid")), 1),
+                  (c(!0), w(K, null, Q(g.value.rows, (D, ee) => (c(), O(ie, ae(
                     {
-                      key: M.tier ?? "base",
+                      key: D.tier ?? "base",
                       class: "w-[258px] xs:w-full",
                       label: n(e)("menu.product.form.member_price.configure.default_selling_price"),
-                      "model-value": M.amount,
+                      "model-value": D.amount,
                       "commit-on-input": "",
-                      currency: p.value.currency,
-                      "error-messages": j(ee, M)
+                      currency: g.value.currency,
+                      "error-messages": j(ee, D)
                     },
                     { ref_for: !0 },
                     n(a).field(
                       `rows.${ee}.amount`,
-                      (ne) => i.session.setAmount(M.tier, null, ne)
+                      (ne) => i.session.setAmount(D.tier, null, ne)
                     )
                   ), {
-                    append: d(() => [
-                      p.value.showSuggestion ? (m(), O(n(_e), {
+                    append: p(() => [
+                      g.value.showSuggestion ? (c(), O(n(fe), {
                         key: 0,
                         "pure-styling": "",
                         class: "shrink-0 scale-75",
                         "aria-label": n(e)("menu.product.remy.pricing"),
-                        onClick: s[0] || (s[0] = (ne) => f("suggest"))
-                      }, null, 8, ["aria-label"])) : B("", !0)
+                        onClick: r[0] || (r[0] = (ne) => f("suggest"))
+                      }, null, 8, ["aria-label"])) : N("", !0)
                     ]),
                     _: 2
                   }, 1040, ["label", "model-value", "currency", "error-messages"]))), 128))
                 ]),
-                v("div", to, [
-                  v("div", lo, [
-                    v("p", ao, $(n(e)(
+                v("div", no, [
+                  v("div", to, [
+                    v("p", lo, T(n(e)(
                       "menu.product.form.member_price.configure.member_selling_price.label"
                     )), 1),
-                    v("p", io, $(n(e)(
+                    v("p", ao, T(n(e)(
                       "menu.product.form.member_price.configure.member_selling_price.sublabel"
                     )), 1)
                   ]),
-                  r(x, {
-                    "column-defs": P.value,
-                    "row-data": [...((Y = p.value.rows[0]) == null ? void 0 : Y.members) ?? []],
+                  s(h, {
+                    "column-defs": S.value,
+                    "row-data": [...((H = g.value.rows[0]) == null ? void 0 : H.members) ?? []],
                     "hide-footer": ""
                   }, null, 8, ["column-defs", "row-data"])
                 ])
-              ])) : p.value ? (m(), h("div", ro, [
-                v("div", so, [
-                  v("div", uo, [
-                    v("div", mo, [
-                      v("p", co, $(n(e)("menu.price_tier.price_group")), 1),
-                      v("p", po, $(n(e)("menu.price_tier.description")), 1)
+              ])) : g.value ? (c(), w("div", io, [
+                v("div", ro, [
+                  v("div", so, [
+                    v("div", uo, [
+                      v("p", mo, T(n(e)("menu.price_tier.price_group")), 1),
+                      v("p", co, T(n(e)("menu.price_tier.description")), 1)
                     ]),
-                    g.onCreatePriceGroup ? (m(), O(w, {
+                    b.onCreatePriceGroup ? (c(), O(k, {
                       key: 0,
                       class: "min-w-fit",
                       label: n(e)("menu.price_tier.add_price_group"),
                       icon: "add",
                       variant: "secondary",
-                      onClick: q
-                    }, null, 8, ["label"])) : B("", !0)
+                      onClick: Y
+                    }, null, 8, ["label"])) : N("", !0)
                   ]),
-                  r(x, {
-                    "column-defs": z.value,
-                    "row-data": [...p.value.rows],
+                  s(h, {
+                    "column-defs": x.value,
+                    "row-data": [...g.value.rows],
                     "hide-footer": ""
                   }, null, 8, ["column-defs", "row-data"])
                 ])
-              ])) : B("", !0)
+              ])) : N("", !0)
             ];
           }),
           _: 1
         }, 8, ["z-index", "max-width", "is-container", "is-container-props"]),
-        F.value ? (m(), O(Z, {
+        $.value ? (c(), O(Z, {
           key: 0,
-          session: F.value,
-          "z-index": (g.zIndex ?? 300) + 100,
+          session: $.value,
+          "z-index": (b.zIndex ?? 300) + 100,
           "main-pricing-label": i.mainPricingLabel,
-          onClose: b
-        }, null, 8, ["session", "z-index", "main-pricing-label"])) : B("", !0)
+          onClose: R
+        }, null, 8, ["session", "z-index", "main-pricing-label"])) : N("", !0)
       ], 64);
     };
   }
-}), bo = {}, vo = { class: "flex gap-16" };
-function _o(I, S) {
-  return m(), h("div", vo, [
-    se(I.$slots, "default")
+}), go = {}, bo = { class: "flex gap-16" };
+function vo(I, P) {
+  return c(), w("div", bo, [
+    ue(I.$slots, "default")
   ]);
 }
-const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-title-md-600" }, xo = {
+const _o = /* @__PURE__ */ Ue(go, [["render", vo]]), fo = { class: "fm-typo-en-title-md-600" }, yo = {
   key: 0,
   class: "pt-8 space-y-32"
-}, ho = { class: "xs:overflow-x-scroll" }, wo = { class: "xs:min-w-[640px]" }, ko = { class: "flex gap-8 items-center justify-start" }, Fo = { class: "fm-typo-en-title-md-600" }, Co = { class: "pt-8 space-y-24" }, $o = { class: "flex gap-8 flex-wrap" }, So = { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, To = { class: "flex gap-8" }, jo = /* @__PURE__ */ W({
+}, xo = { class: "xs:overflow-x-scroll" }, ho = { class: "xs:min-w-[640px]" }, wo = { class: "flex gap-8 items-center justify-start" }, ko = { class: "fm-typo-en-title-md-600" }, Fo = { class: "pt-8 space-y-24" }, Co = { class: "flex gap-8 flex-wrap" }, $o = { class: "fm-typo-en-body-md-600 text-fm-color-primary" }, So = { class: "flex gap-8" }, Ko = /* @__PURE__ */ W({
   __name: "ProductGroupCreateSheet",
   props: {
     sdk: {},
     presentation: {}
   },
   emits: ["close", "created"],
-  setup(I, { emit: S }) {
-    const g = I, f = S, { t: e } = X(), k = y("i18n-t"), L = ke(), { run: T } = Re(), p = he(), a = g.sdk.group.creationEditor(
-      g.presentation === "tree" ? { surface: "editor" } : void 0
-    ), j = ue(a), l = U(
+  setup(I, { emit: P }) {
+    const b = I, f = P, { t: e } = X(), F = y("i18n-t"), L = ke(), { run: C } = Re(), g = he(), a = b.sdk.group.creationEditor(
+      b.presentation === "tree" ? { surface: "editor" } : void 0
+    ), j = me(a), l = E(
       () => j.value.status === "ready" ? j.value.value : null
-    ), F = we(() => a), b = U(
+    ), $ = we(() => a), R = E(
       () => {
         var o;
         return Object.fromEntries(
@@ -551,9 +562,9 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
           )
         );
       }
-    ), C = ue(g.sdk.linkProduct.catalogue), P = U(
-      () => C.value.status === "ready" ? C.value.value : null
-    ), z = oe(!1), E = oe({}), q = U(
+    ), u = me(b.sdk.linkProduct.catalogue), S = E(
+      () => u.value.status === "ready" ? u.value.value : null
+    ), x = oe(!1), U = oe({}), Y = E(
       () => {
         var o;
         return (((o = l.value) == null ? void 0 : o.options) ?? []).map((t) => ({
@@ -561,23 +572,23 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
           subRows: t.variants
         }));
       }
-    ), i = (o) => o.combinationKey ? `${o.id}:${o.combinationKey}` : o.id, s = (o, t, V, H) => o.combinationKey ? e("menu.common.labels.a11y_labelled_name", {
+    ), i = (o) => o.combinationKey ? `${o.id}:${o.combinationKey}` : o.id, r = (o, t, V, q) => o.combinationKey ? e("menu.common.labels.a11y_labelled_name", {
       label: e(V),
       name: o.name || o.inheritedName
-    }) : H ? e(H, { index: t + 1 }) : e("menu.group.a11y.row", { label: e(V), index: t + 1 });
-    function x(o) {
-      a.setProducts([...o]), z.value = !1;
+    }) : q ? e(q, { index: t + 1 }) : e("menu.group.a11y.row", { label: e(V), index: t + 1 });
+    function h(o) {
+      a.setProducts([...o]), x.value = !1;
     }
-    function w() {
+    function k() {
       a.cancelTranslation();
     }
-    function D() {
+    function B() {
       var o;
       if (!((o = l.value) != null && o.translationDirty)) {
         a.cancelTranslation();
         return;
       }
-      p.open({
+      g.open({
         title: e("menu.common.dialog.discard.title"),
         message: e("menu.common.dialog.discard.message"),
         primaryActions: {
@@ -592,38 +603,38 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
       }).onPrimary(() => a.cancelTranslation());
     }
     xe(() => a.dispose());
-    const Z = (o) => l.value ? F.issue(l.value.fieldIssues, o) ?? l.value.issues.find((t) => t.field === o) : void 0, R = (o) => {
+    const Z = (o) => l.value ? $.issue(l.value.fieldIssues, o) ?? l.value.issues.find((t) => t.field === o) : void 0, G = (o) => {
       const t = Z(o);
       return t ? L(t) : "";
-    }, N = ["NORMAL", "PRODUCT", "DYNAMIC"], Y = oe(0);
-    function M() {
-      a.confirmTypeChange(!1), Y.value += 1;
+    }, z = ["NORMAL", "PRODUCT", "DYNAMIC"], H = oe(0);
+    function D() {
+      a.confirmTypeChange(!1), H.value += 1;
     }
-    fe(
+    se(
       () => {
         var o;
         return (o = l.value) == null ? void 0 : o.typeChange;
       },
       (o) => {
-        o && p.open({
+        o && g.open({
           title: e("menu.common.dialog.change_type.title"),
           message: e("menu.common.dialog.change_type.message"),
           primaryActions: { text: e("menu.common.actions.yes"), close: !0 },
           secondaryActions: { text: e("menu.common.actions.no"), close: !0 }
-        }).onPrimary(() => a.confirmTypeChange(!0)).onSecondary(() => M()).onClose(() => M());
+        }).onPrimary(() => a.confirmTypeChange(!0)).onSecondary(() => D()).onClose(() => D());
       }
     );
     async function ee() {
       var V;
       const o = ((V = l.value) == null ? void 0 : V.name) ?? "";
-      (await T(() => F.submit(() => a.submit()), {
+      (await C(() => $.submit(() => a.submit()), {
         showLoading: () => {
-          var H;
-          return ((H = l.value) == null ? void 0 : H.status) === "submitting";
+          var q;
+          return ((q = l.value) == null ? void 0 : q.status) === "submitting";
         }
       })).kind === "success" && (f("created", o), f("close"));
     }
-    const ne = U(() => [
+    const ne = E(() => [
       {
         accessorKey: "isDefault",
         size: 35,
@@ -632,10 +643,10 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
         cell: (o) => (
           // A product with variants has no default of its own; its
           // combinations do (OptionTable.vue:143-145).
-          o.row.original.variants.length ? null : _(K.FmCheckbox, {
+          o.row.original.variants.length ? null : _(M.FmCheckbox, {
             modelValue: o.row.original.isDefault,
             value: i(o.row.original),
-            "aria-label": s(
+            "aria-label": r(
               o.row.original,
               o.row.index,
               "menu.group.option.is_default"
@@ -645,7 +656,7 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
                 o.row.original.id,
                 { isDefault: t },
                 o.row.original.combinationKey
-              ), F.touch("options");
+              ), $.touch("options");
             }
           })
         )
@@ -663,7 +674,7 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
           var o;
           return _("div", { class: "flex items-center w-full gap-8" }, [
             _("span", e("menu.group.option.product_title")),
-            ((o = l.value) == null ? void 0 : o.showTranslation) === !1 ? null : _(K.FmButton, {
+            ((o = l.value) == null ? void 0 : o.showTranslation) === !1 ? null : _(M.FmButton, {
               icon: "g_translate",
               variant: "tertiary",
               textColor: "neutral-gray-400",
@@ -690,7 +701,7 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
             class: "min-w-[300px]",
             modelValue: o.row.original.name,
             placeholder: o.row.original.inheritedName,
-            errorMessages: Z(`option.${o.row.original.id}.name`) ? [R(`option.${o.row.original.id}.name`)] : [],
+            errorMessages: Z(`option.${o.row.original.id}.name`) ? [G(`option.${o.row.original.id}.name`)] : [],
             // Named PER ROW: "Option 1 title", "Option 2 title", …
             //
             // The accessible name is an addition the MIGRATED app owns — legacy
@@ -707,13 +718,13 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
             //
             // The visible column header stays "Title", which is what the golden
             // shows; this is the accessible name only.
-            "aria-label": s(
+            "aria-label": r(
               o.row.original,
               o.row.index,
               "menu.group.option.product_title",
               "menu.group.option.option_title_numbered"
             ),
-            ...F.field(
+            ...$.field(
               `option.${o.row.original.id}.name`,
               (t) => a.setOption(
                 o.row.original.id,
@@ -738,7 +749,7 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
                 ),
                 onClick: o.row.getToggleExpandedHandler()
               },
-              _(K.FmIcon, {
+              _(M.FmIcon, {
                 name: "keyboard_arrow_up",
                 class: [
                   "cursor-pointer transition-transform",
@@ -753,7 +764,7 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
         accessorKey: "priceAmount",
         size: 400,
         header: () => _(
-          k,
+          F,
           { keypath: "menu.group.option.price", tag: "span" },
           {
             symbol: () => {
@@ -774,7 +785,7 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
               modelValue: o.row.original.priceAmount,
               // Indexed for the same reason as the title above; the visible
               // header keeps its currency symbol.
-              "aria-label": s(
+              "aria-label": r(
                 o.row.original,
                 o.row.index,
                 "menu.group.option.price",
@@ -794,17 +805,17 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
         size: 100,
         header: () => e("menu.common.labels.order_from"),
         enableSorting: !1,
-        cell: (o) => _(K.FmSelect, {
+        cell: (o) => _(M.FmSelect, {
           modelValue: o.row.original.orderFrom,
           disabled: !o.row.original.editOrderFrom,
-          "aria-label": s(
+          "aria-label": r(
             o.row.original,
             o.row.index,
             "menu.common.labels.order_from"
           ),
           items: ["ALL", "POS_ONLY", "NONE"].map((t) => ({
             value: t,
-            label: e(Ee[t])
+            label: e(Be[t])
           })),
           "onUpdate:modelValue": (t) => a.setOption(
             o.row.original.id,
@@ -829,12 +840,12 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
             // `group/v3-create/form-normal` layout — it is what narrows the Price
             // column to the width the golden shows.
             ...(t = l.value) != null && t.showInventory ? [
-              _(K.FmButton, {
+              _(M.FmButton, {
                 prependIcon: "inventory_2",
                 variant: "tertiary",
                 textColor: "neutral-gray-400",
                 disabled: !0,
-                "aria-label": s(
+                "aria-label": r(
                   o.row.original,
                   o.row.index,
                   "menu.group.option.inventory"
@@ -844,23 +855,23 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
             // Legacy retains the disabled nested-group affordance on empty rows.
             // There is no nested edit intent when the product links no groups.
             ...o.row.original.nestedGroupCount ? [] : [
-              _(K.FmButton, {
+              _(M.FmButton, {
                 prependIcon: "arrow_split",
                 variant: "tertiary",
                 textColor: "neutral-gray-400",
                 disabled: !0,
-                "aria-label": s(
+                "aria-label": r(
                   o.row.original,
                   o.row.index,
                   "menu.group.nested.title"
                 )
               })
             ],
-            _(K.FmButton, {
+            _(M.FmButton, {
               prependIcon: "delete",
               variant: "tertiary",
               textColor: "neutral-gray-400",
-              "aria-label": s(
+              "aria-label": r(
                 o.row.original,
                 o.row.index,
                 "menu.common.actions.remove"
@@ -874,66 +885,66 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
       }
     ]);
     return (o, t) => {
-      var pe, ge, be;
-      const V = y("FmButton"), H = y("FmTooltip"), me = y("FmStepperField"), ce = y("FmFormGroup"), Ce = y("FmRadio"), $e = y("FmRadioGroup"), Se = y("FmSwitch"), Te = y("FmTable"), de = y("FmSideSheet"), Pe = y("FmChip"), Ve = y("FmSelect");
-      return m(), h(G, null, [
-        r(de, {
+      var ge, be, ve;
+      const V = y("FmButton"), q = y("FmTooltip"), ce = y("FmStepperField"), de = y("FmFormGroup"), Ce = y("FmRadio"), $e = y("FmRadioGroup"), Se = y("FmSwitch"), Te = y("FmTable"), pe = y("FmSideSheet"), Pe = y("FmChip"), Ve = y("FmSelect");
+      return c(), w(K, null, [
+        s(pe, {
           "model-value": !0,
           "max-width": o.presentation === "tree" ? 720 : 800,
-          "is-container": n(K).FmForm,
+          "is-container": n(M).FmForm,
           "is-container-props": { onValidationSuccess: ee },
-          "onUpdate:modelValue": t[9] || (t[9] = (u) => !u && f("close"))
+          "onUpdate:modelValue": t[9] || (t[9] = (m) => !m && f("close"))
         }, {
-          "side-sheet-header": d(() => [
-            v("p", yo, $(n(e)("menu.group.add")), 1)
+          "side-sheet-header": p(() => [
+            v("p", fo, T(n(e)("menu.group.add")), 1)
           ]),
-          "side-sheet-footer": d(() => {
-            var u;
+          "side-sheet-footer": p(() => {
+            var m;
             return [
-              v("div", ko, [
-                r(V, {
+              v("div", wo, [
+                s(V, {
                   label: n(e)("menu.common.actions.add"),
-                  disabled: ((u = l.value) == null ? void 0 : u.submit.state) !== "allowed",
+                  disabled: ((m = l.value) == null ? void 0 : m.submit.state) !== "allowed",
                   size: "lg",
                   type: "submit",
                   variant: "primary"
                 }, null, 8, ["label", "disabled"]),
-                r(V, {
+                s(V, {
                   label: n(e)("menu.common.actions.cancel"),
                   size: "lg",
                   variant: "tertiary",
-                  onClick: t[8] || (t[8] = (c) => f("close"))
+                  onClick: t[8] || (t[8] = (d) => f("close"))
                 }, null, 8, ["label"])
               ])
             ];
           }),
-          default: d(() => [
-            l.value ? (m(), h("div", xo, [
-              r(Be, null, {
-                default: d(() => {
-                  var u;
+          default: p(() => [
+            l.value ? (c(), w("div", yo, [
+              s(Ne, null, {
+                default: p(() => {
+                  var m;
                   return [
-                    r(J, ae({
+                    s(J, ae({
                       autofocus: "",
                       label: n(e)("menu.common.labels.group_name"),
                       "model-value": l.value.name,
-                      "error-messages": Z("name") ? [R("name")] : []
-                    }, n(F).field("name", n(a).setName)), ye({ _: 2 }, [
+                      "error-messages": Z("name") ? [G("name")] : []
+                    }, n($).field("name", n(a).setName)), ye({ _: 2 }, [
                       l.value.showTranslation !== !1 ? {
                         name: "append",
-                        fn: d(() => [
-                          r(H, {
+                        fn: p(() => [
+                          s(q, {
                             variant: "plain",
                             placement: "top",
                             "z-index": 999
                           }, {
-                            default: d(() => [
-                              r(V, {
+                            default: p(() => [
+                              s(V, {
                                 variant: "tertiary",
                                 icon: "g_translate",
                                 disabled: !l.value.canTranslateName,
                                 "aria-label": n(e)("menu.group.translation.translate_name"),
-                                onClick: t[0] || (t[0] = (c) => n(a).beginTranslation("group"))
+                                onClick: t[0] || (t[0] = (d) => n(a).beginTranslation("group"))
                               }, null, 8, ["disabled", "aria-label"])
                             ]),
                             _: 1
@@ -942,111 +953,111 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
                         key: "0"
                       } : void 0
                     ]), 1040, ["label", "model-value", "error-messages"]),
-                    r(ce, {
+                    s(de, {
                       "model-value": `${l.value.min} ${l.value.max}`,
-                      invalid: !!R("bounds"),
-                      "helper-text": R("bounds")
+                      invalid: !!G("bounds"),
+                      "helper-text": G("bounds")
                     }, {
-                      default: d(() => [
-                        r(fo, null, {
-                          default: d(() => [
-                            r(me, ae({
+                      default: p(() => [
+                        s(_o, null, {
+                          default: p(() => [
+                            s(ce, ae({
                               class: "flex-1",
                               min: 0,
                               label: n(e)("menu.common.labels.min_select"),
                               "model-value": l.value.min
-                            }, n(F).field("bounds", n(a).setMin)), null, 16, ["label", "model-value"]),
-                            r(me, ae({
+                            }, n($).field("bounds", n(a).setMin)), null, 16, ["label", "model-value"]),
+                            s(ce, ae({
                               class: "flex-1",
                               min: l.value.min,
                               label: n(e)("menu.common.labels.max_select"),
                               "model-value": l.value.max
-                            }, n(F).field("bounds", n(a).setMax)), null, 16, ["min", "label", "model-value"])
+                            }, n($).field("bounds", n(a).setMax)), null, 16, ["min", "label", "model-value"])
                           ]),
                           _: 1
                         })
                       ]),
                       _: 1
                     }, 8, ["model-value", "invalid", "helper-text"]),
-                    l.value.showType ? (m(), O(re, {
+                    l.value.showType ? (c(), O(re, {
                       key: 0,
                       label: n(e)("menu.common.labels.group_type")
                     }, {
-                      default: d(() => [
-                        (m(), O($e, {
-                          key: Y.value,
+                      default: p(() => [
+                        (c(), O($e, {
+                          key: H.value,
                           "model-value": l.value.type,
-                          "onUpdate:modelValue": t[1] || (t[1] = (c) => n(a).setType(c))
+                          "onUpdate:modelValue": t[1] || (t[1] = (d) => n(a).setType(d))
                         }, {
-                          default: d(() => [
-                            (m(), h(G, null, Q(N, (c) => r(Ce, {
-                              key: c,
-                              value: c,
-                              label: n(e)(n(Me)[c])
+                          default: p(() => [
+                            (c(), w(K, null, Q(z, (d) => s(Ce, {
+                              key: d,
+                              value: d,
+                              label: n(e)(n(De)[d])
                             }, null, 8, ["value", "label"])), 64))
                           ]),
                           _: 1
                         }, 8, ["model-value"]))
                       ]),
                       _: 1
-                    }, 8, ["label"])) : B("", !0),
-                    r(re, {
+                    }, 8, ["label"])) : N("", !0),
+                    s(re, {
                       label: n(e)("menu.common.labels.configuration")
                     }, {
-                      default: d(() => [
-                        r(Se, {
+                      default: p(() => [
+                        s(Se, {
                           "model-value": l.value.stackable,
                           label: n(e)("menu.common.labels.stackable"),
                           "label-placement": "right",
                           sublabel: n(e)("menu.common.labels.stackable_sublabel"),
-                          "onUpdate:modelValue": t[2] || (t[2] = (c) => n(a).setStackable(c))
+                          "onUpdate:modelValue": t[2] || (t[2] = (d) => n(a).setStackable(d))
                         }, null, 8, ["model-value", "label", "sublabel"])
                       ]),
                       _: 1
                     }, 8, ["label"]),
-                    (u = l.value.tagging) != null && u.visible ? (m(), h(G, { key: 1 }, [
-                      o.presentation === "tree" ? (m(), O(n(ve), {
+                    (m = l.value.tagging) != null && m.visible ? (c(), w(K, { key: 1 }, [
+                      o.presentation === "tree" ? (c(), O(n(_e), {
                         key: 0,
                         entity: "group",
                         "model-value": l.value.customAttributes ?? {},
-                        "value-options": b.value,
-                        "onUpdate:modelValue": t[3] || (t[3] = (c) => n(a).setCustomAttributes(c ?? null))
-                      }, null, 8, ["model-value", "value-options"])) : (m(), O(le, {
+                        "value-options": R.value,
+                        "onUpdate:modelValue": t[3] || (t[3] = (d) => n(a).setCustomAttributes(d ?? null))
+                      }, null, 8, ["model-value", "value-options"])) : (c(), O(le, {
                         key: 1,
                         title: n(e)("menu.group.form.tagging.title"),
                         "sub-title": n(e)("menu.group.form.tagging.subtitle")
                       }, {
-                        default: d(() => [
-                          r(n(ve), {
+                        default: p(() => [
+                          s(n(_e), {
                             entity: "group",
                             "model-value": l.value.customAttributes ?? {},
-                            "value-options": b.value,
-                            "onUpdate:modelValue": t[4] || (t[4] = (c) => n(a).setCustomAttributes(c ?? null))
+                            "value-options": R.value,
+                            "onUpdate:modelValue": t[4] || (t[4] = (d) => n(a).setCustomAttributes(d ?? null))
                           }, null, 8, ["model-value", "value-options"])
                         ]),
                         _: 1
                       }, 8, ["title", "sub-title"]))
-                    ], 64)) : B("", !0)
+                    ], 64)) : N("", !0)
                   ];
                 }),
                 _: 1
               }),
-              r(ce, {
+              s(de, {
                 tag: "div",
                 "model-value": l.value.options,
-                invalid: !!R("options"),
-                "helper-text": R("options") || n(e)("menu.common.validation.default_items_tip", {
+                invalid: !!G("options"),
+                "helper-text": G("options") || n(e)("menu.common.validation.default_items_tip", {
                   count: l.value.defaultCount,
                   max: l.value.max
                 })
               }, {
-                default: d(() => [
-                  r(le, {
+                default: p(() => [
+                  s(le, {
                     title: n(e)("menu.group.option.title"),
                     "sub-title": l.value.linkProducts && o.presentation !== "tree" ? n(e)("menu.group.option.subtitle") : ""
                   }, {
-                    "append-title": d(() => [
-                      r(V, {
+                    "append-title": p(() => [
+                      s(V, {
                         variant: "secondary",
                         "text-color": "primary",
                         "border-color": "primary",
@@ -1054,16 +1065,16 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
                         label: n(e)(
                           l.value.linkProducts ? "menu.group.option.link_products" : "menu.group.option.add_option"
                         ),
-                        onClick: t[5] || (t[5] = (u) => l.value.linkProducts ? z.value = !0 : n(a).addOption())
+                        onClick: t[5] || (t[5] = (m) => l.value.linkProducts ? x.value = !0 : n(a).addOption())
                       }, null, 8, ["prepend-icon", "label"])
                     ]),
-                    default: d(() => [
-                      v("div", ho, [
-                        v("div", wo, [
-                          r(Te, {
+                    default: p(() => [
+                      v("div", xo, [
+                        v("div", ho, [
+                          s(Te, {
                             draggable: "",
-                            onDndChanged: t[6] || (t[6] = (u) => n(a).reorderOptions(
-                              u.map((c) => c.id)
+                            onDndChanged: t[6] || (t[6] = (m) => n(a).reorderOptions(
+                              m.map((d) => d.id)
                             )),
                             "column-defs": ne.value,
                             "column-visibility": {
@@ -1071,10 +1082,10 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
                               priceAmount: l.value.showPrice,
                               orderFrom: l.value.showOrderFrom
                             },
-                            "row-data": q.value,
+                            "row-data": Y.value,
                             "get-row-id": i,
-                            "expanded-state": E.value,
-                            "onUpdate:expandedState": t[7] || (t[7] = (u) => E.value = u),
+                            "expanded-state": U.value,
+                            "onUpdate:expandedState": t[7] || (t[7] = (m) => U.value = m),
                             "page-size": Math.max(l.value.options.length, 1),
                             "shrink-at": !1,
                             "hide-footer": ""
@@ -1087,11 +1098,11 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
                 ]),
                 _: 1
               }, 8, ["model-value", "invalid", "helper-text"])
-            ])) : B("", !0)
+            ])) : N("", !0)
           ]),
           _: 1
         }, 8, ["max-width", "is-container", "is-container-props"]),
-        ((pe = l.value) == null ? void 0 : pe.translationMode) === "group" ? (m(), O(Ne, {
+        ((ge = l.value) == null ? void 0 : ge.translationMode) === "group" ? (c(), O(ze, {
           key: 0,
           "model-value": !0,
           name: l.value.name,
@@ -1102,69 +1113,69 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
           "name-section-label": n(e)("menu.common.translation.name_section", {
             entity: n(e)("menu.group.title")
           }),
-          "onUpdate:modelValue": t[10] || (t[10] = (u) => !u && w()),
-          "onUpdate:name": t[11] || (t[11] = (u) => n(a).setName(u)),
-          "onUpdate:nameLocale": t[12] || (t[12] = (u) => n(a).setNameLocale(u)),
-          onSave: t[13] || (t[13] = (u) => n(a).applyTranslation()),
-          onDiscard: t[14] || (t[14] = (u) => n(a).cancelTranslation())
-        }, null, 8, ["name", "name-locale", "supported-locales", "dirty", "title", "name-section-label"])) : B("", !0),
-        ((ge = l.value) == null ? void 0 : ge.translationMode) === "options" ? (m(), O(de, {
+          "onUpdate:modelValue": t[10] || (t[10] = (m) => !m && k()),
+          "onUpdate:name": t[11] || (t[11] = (m) => n(a).setName(m)),
+          "onUpdate:nameLocale": t[12] || (t[12] = (m) => n(a).setNameLocale(m)),
+          onSave: t[13] || (t[13] = (m) => n(a).applyTranslation()),
+          onDiscard: t[14] || (t[14] = (m) => n(a).cancelTranslation())
+        }, null, 8, ["name", "name-locale", "supported-locales", "dirty", "title", "name-section-label"])) : N("", !0),
+        ((be = l.value) == null ? void 0 : be.translationMode) === "options" ? (c(), O(pe, {
           key: 1,
           "model-value": !0,
           "max-width": 720,
-          "onUpdate:modelValue": t[17] || (t[17] = (u) => !u && w()),
-          "onOn:clickedAway": D
+          "onUpdate:modelValue": t[17] || (t[17] = (m) => !m && k()),
+          "onOn:clickedAway": B
         }, {
-          "side-sheet-header": d(() => [
-            v("p", Fo, $(n(e)("menu.group.translation.title")), 1)
+          "side-sheet-header": p(() => [
+            v("p", ko, T(n(e)("menu.group.translation.title")), 1)
           ]),
-          "side-sheet-footer": d(() => [
-            v("div", To, [
-              r(V, {
+          "side-sheet-footer": p(() => [
+            v("div", So, [
+              s(V, {
                 label: n(e)("menu.common.actions.save"),
                 size: "lg",
-                onClick: t[16] || (t[16] = (u) => n(a).applyTranslation())
+                onClick: t[16] || (t[16] = (m) => n(a).applyTranslation())
               }, null, 8, ["label"]),
-              r(V, {
+              s(V, {
                 label: n(e)("menu.common.actions.cancel"),
                 variant: "tertiary",
                 size: "lg",
-                onClick: D
+                onClick: B
               }, null, 8, ["label"])
             ])
           ]),
-          default: d(() => [
-            v("div", Co, [
-              r(re, {
+          default: p(() => [
+            v("div", Fo, [
+              s(re, {
                 label: n(e)("menu.group.translation.language")
               }, {
-                default: d(() => {
-                  var u;
+                default: p(() => {
+                  var m;
                   return [
-                    v("div", $o, [
-                      (m(!0), h(G, null, Q(l.value.optionTranslationLocales, (c) => {
+                    v("div", Co, [
+                      (c(!0), w(K, null, Q(l.value.optionTranslationLocales, (d) => {
                         var A;
-                        return m(), O(Pe, {
-                          key: c,
+                        return c(), O(Pe, {
+                          key: d,
                           removable: "",
-                          label: ((A = l.value.supportedLocales.find((te) => te.code === c)) == null ? void 0 : A.name) ?? c,
+                          label: ((A = l.value.supportedLocales.find((te) => te.code === d)) == null ? void 0 : A.name) ?? d,
                           onChipClosed: (te) => n(a).setOptionTranslationLocales(
-                            l.value.optionTranslationLocales.filter((Oe) => Oe !== c)
+                            l.value.optionTranslationLocales.filter((Oe) => Oe !== d)
                           )
                         }, null, 8, ["label", "onChipClosed"]);
                       }), 128)),
-                      r(Ve, {
-                        items: (((u = l.value) == null ? void 0 : u.supportedLocales) ?? []).filter(
-                          (c) => {
+                      s(Ve, {
+                        items: (((m = l.value) == null ? void 0 : m.supportedLocales) ?? []).filter(
+                          (d) => {
                             var A;
-                            return !(((A = l.value) == null ? void 0 : A.optionTranslationLocales) ?? []).includes(c.code);
+                            return !(((A = l.value) == null ? void 0 : A.optionTranslationLocales) ?? []).includes(d.code);
                           }
-                        ).map((c) => ({ value: c.code, label: c.name })),
+                        ).map((d) => ({ value: d.code, label: d.name })),
                         placeholder: n(e)("menu.group.translation.add_language"),
                         "model-value": null,
-                        "onUpdate:modelValue": t[15] || (t[15] = (c) => n(a).setOptionTranslationLocales([
+                        "onUpdate:modelValue": t[15] || (t[15] = (d) => n(a).setOptionTranslationLocales([
                           ...l.value.optionTranslationLocales,
-                          c
+                          d
                         ]))
                       }, null, 8, ["items", "placeholder"])
                     ])
@@ -1172,46 +1183,46 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
                 }),
                 _: 1
               }, 8, ["label"]),
-              r(le, {
+              s(le, {
                 title: n(e)("menu.group.translation.group_name")
               }, {
-                default: d(() => [
-                  r(J, {
+                default: p(() => [
+                  s(J, {
                     "model-value": l.value.name,
                     readonly: ""
                   }, null, 8, ["model-value"])
                 ]),
                 _: 1
               }, 8, ["title"]),
-              r(le, {
+              s(le, {
                 title: n(e)("menu.group.translation.product_name")
               }, {
-                default: d(() => [
-                  (m(!0), h(G, null, Q(l.value.options, (u, c) => (m(), h("div", {
-                    key: u.id,
+                default: p(() => [
+                  (c(!0), w(K, null, Q(l.value.options, (m, d) => (c(), w("div", {
+                    key: m.id,
                     class: "space-y-8"
                   }, [
-                    v("p", So, $(n(e)("menu.group.translation.option", { number: c + 1 })), 1),
-                    r(J, {
-                      label: n(e)("menu.group.translation.option_default", { number: c + 1 }),
-                      "model-value": u.name,
-                      "onUpdate:modelValue": (A) => n(a).setOption(u.id, { name: A })
+                    v("p", $o, T(n(e)("menu.group.translation.option", { number: d + 1 })), 1),
+                    s(J, {
+                      label: n(e)("menu.group.translation.option_default", { number: d + 1 }),
+                      "model-value": m.name,
+                      "onUpdate:modelValue": (A) => n(a).setOption(m.id, { name: A })
                     }, null, 8, ["label", "model-value", "onUpdate:modelValue"]),
-                    (m(!0), h(G, null, Q(l.value.optionTranslationLocales, (A) => (m(), h("div", {
+                    (c(!0), w(K, null, Q(l.value.optionTranslationLocales, (A) => (c(), w("div", {
                       key: A,
                       class: "flex gap-8 items-center"
                     }, [
-                      r(Ue, { code: A }, null, 8, ["code"]),
-                      r(J, {
+                      s(Ee, { code: A }, null, 8, ["code"]),
+                      s(J, {
                         class: "flex-1",
                         "aria-label": n(e)("menu.group.translation.option_translation", {
-                          number: c + 1,
+                          number: d + 1,
                           language: A
                         }),
-                        "model-value": u.nameLocale[A] ?? "",
+                        "model-value": m.nameLocale[A] ?? "",
                         placeholder: n(e)("menu.group.translation.placeholder"),
-                        "onUpdate:modelValue": (te) => n(a).setOptionNameLocale(u.id, {
-                          ...u.nameLocale,
+                        "onUpdate:modelValue": (te) => n(a).setOptionNameLocale(m.id, {
+                          ...m.nameLocale,
                           [A]: te
                         })
                       }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
@@ -1223,24 +1234,24 @@ const fo = /* @__PURE__ */ De(bo, [["render", _o]]), yo = { class: "fm-typo-en-t
             ])
           ]),
           _: 1
-        })) : B("", !0),
-        r(Ke, {
-          modelValue: z.value,
-          "onUpdate:modelValue": t[18] || (t[18] = (u) => z.value = u),
-          catalogue: P.value,
-          "selected-product-ids": ((be = l.value) == null ? void 0 : be.selectedProductIds) ?? [],
+        })) : N("", !0),
+        s(Me, {
+          modelValue: x.value,
+          "onUpdate:modelValue": t[18] || (t[18] = (m) => x.value = m),
+          catalogue: S.value,
+          "selected-product-ids": ((ve = l.value) == null ? void 0 : ve.selectedProductIds) ?? [],
           title: n(e)("menu.group.option.link_products"),
-          onSubmit: x
+          onSubmit: h
         }, null, 8, ["modelValue", "catalogue", "selected-product-ids", "title"])
       ], 64);
     };
   }
 });
 export {
-  fo as F,
+  _o as F,
   ie as _,
-  Je as a,
+  qe as a,
   Go as b,
   Ro as c,
-  jo as d
+  Ko as d
 };