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

package/dist/{CategoryList.vue_vue_type_script_setup_true_lang-B3Ts1O-9.js → CategoryList.vue_vue_type_script_setup_true_lang-DyhW52Df.js}

@@ -1,23 +1,25 @@
-import { defineComponent as Ve, computed as U, ref as Y, watch as ae, onMounted as Qe, onUnmounted as Ie, openBlock as g, createElementBlock as z, createElementVNode as v, createTextVNode as Pe, toDisplayString as D, unref as o, isRef as be, createVNode as b, createBlock as T, createCommentVNode as N, withCtx as E, shallowRef as J, h as ge, withModifiers as he, resolveComponent as ie, renderSlot as pe, Fragment as Re, renderList as Xe, normalizeClass as Ye, withDirectives as Ze, mergeProps as ea } from "vue";
-import { useI18n as De } from "@feedmepos/mf-common";
-import { components as te, useDialog as aa, useBreakpoints as ta, FmButtonVariant as we } from "@feedmepos/ui-library";
-import { _ as oa } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { f as la } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-cG47Pu-6.js";
-import { useAppStore as na } from "@feedmepos/mf-remy-panel";
-import { _ as sa } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
-import { _ as ia } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
-import { _ as Ee } from "./vuedraggable-CBtQLb_S.js";
-import { _ as ra } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as ua } from "./ProductEditorHost.vue_vue_type_script_setup_true_lang-CBlDEjqF.js";
-import { _ as ca } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as da } from "./useActionFeedback-Dm2HDa_2.js";
-import { u as $e } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as ma, u as va } from "./provide-CDmXzkhz.js";
-import { v as ga } from "./tableSemantics-C9WFO_I_.js";
-const pa = {
+import { defineComponent as De, computed as U, ref as Y, watch as ae, onMounted as Xe, onUnmounted as Ie, openBlock as m, createElementBlock as N, createElementVNode as g, createTextVNode as Re, toDisplayString as M, unref as o, isRef as be, createVNode as b, createBlock as F, createCommentVNode as T, withCtx as x, shallowRef as J, h as ge, withModifiers as he, resolveComponent as ie, renderSlot as pe, normalizeClass as we, Fragment as Ee, renderList as Ye, resolveDynamicComponent as Ze, withDirectives as ea, mergeProps as aa } from "vue";
+import { useI18n as Me } from "@feedmepos/mf-common";
+import { components as te, useDialog as ta, useBreakpoints as oa, FmButtonVariant as ke } from "@feedmepos/ui-library";
+import { _ as la } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
+import { _ as na } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
+import { f as sa } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-B3bShTjM.js";
+import { useAppStore as ia } from "@feedmepos/mf-remy-panel";
+import { _ as ra } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
+import { _ as ua } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
+import { _ as $e } from "./vuedraggable-CBtQLb_S.js";
+import { _ as ca } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as da } from "./app-CxJjx2ma.js";
+import { _ as ma } from "./ProductEditorHost.vue_vue_type_script_setup_true_lang-DsIGLKNS.js";
+import { _ as va } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { u as ga } from "./useActionFeedback-CElXij1W.js";
+import { u as Ve } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as pa, u as fa } from "./provide-BGLSDsuJ.js";
+import { v as ya } from "./tableSemantics-C9WFO_I_.js";
+const ba = {
   key: 0,
   class: "space-y-4"
-}, fa = { class: "fm-typo-en-body-lg-600" }, ya = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, ba = { class: "fm-typo-en-body-lg-600 pb-4" }, ha = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _a = /* @__PURE__ */ Ve({
+}, ha = { class: "fm-typo-en-body-lg-600" }, wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, ka = { class: "fm-typo-en-body-lg-600 pb-4" }, _a = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Ca = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xa = /* @__PURE__ */ De({
   __name: "CategoryImageField",
   props: {
     thumbnailUrl: {},
@@ -25,19 +27,19 @@ const pa = {
     disabled: { type: Boolean }
   },
   emits: ["select", "clear", "encoding"],
-  setup(fe, { emit: h }) {
-    const a = fe, M = h, { t: F } = De(), j = na(), O = U(() => !!j.showRemy), r = Y(a.thumbnailUrl);
-    let $ = null, P = 0, K = !1, m = !1, Q = !1, X = !1;
-    function w(i) {
-      X !== i && (X = i, M("encoding", i));
+  setup(fe, { emit: w }) {
+    const a = fe, B = w, { t: R } = Me(), j = ia(), O = U(() => !!j.showRemy), r = Y(a.thumbnailUrl);
+    let V = null, E = 0, K = !1, v = !1, Q = !1, X = !1;
+    function h(i) {
+      X !== i && (X = i, B("encoding", i));
     }
     function p() {
-      $ && URL.revokeObjectURL($), $ = null;
+      V && URL.revokeObjectURL(V), V = null;
     }
     ae(
       () => [a.thumbnailUrl, a.change],
       () => {
-        a.change !== "selected" && (P++, w(!1), K = !1, m = !1, p(), r.value = a.change === "cleared" ? null : a.thumbnailUrl);
+        a.change !== "selected" && (E++, h(!1), K = !1, v = !1, p(), r.value = a.change === "cleared" ? null : a.thumbnailUrl);
       }
     );
     function G(i) {
@@ -45,13 +47,13 @@ const pa = {
         const y = URL.createObjectURL(i), d = new Image();
         d.onload = () => {
           URL.revokeObjectURL(y);
-          const _ = d.naturalWidth, V = d.naturalHeight;
-          if (!_ || !V) {
+          const k = d.naturalWidth, D = d.naturalHeight;
+          if (!k || !D) {
             c(new Error("Empty category image"));
             return;
           }
-          const W = Math.max(_, V * 16 / 9), R = Math.max(V, _ * 9 / 16), k = 2e3 / W, I = document.createElement("canvas");
-          I.width = 2e3, I.height = Math.round(R * k);
+          const W = Math.max(k, D * 16 / 9), $ = Math.max(D, k * 9 / 16), _ = 2e3 / W, I = document.createElement("canvas");
+          I.width = 2e3, I.height = Math.round($ * _);
           const q = I.getContext("2d");
           if (!q) {
             c(new Error("Category image canvas unavailable"));
@@ -64,10 +66,10 @@ const pa = {
           }
           q.fillStyle = ue, q.fillRect(0, 0, I.width, I.height), q.drawImage(
             d,
-            (W - _) / 2 * k,
-            (R - V) / 2 * k,
-            _ * k,
-            V * k
+            (W - k) / 2 * _,
+            ($ - D) / 2 * _,
+            k * _,
+            D * _
           ), I.toBlob(
             (ne) => ne ? u(ne) : c(new Error("Category image encoding failed")),
             "image/png"
@@ -80,37 +82,37 @@ const pa = {
     async function oe(i) {
       const u = Array.isArray(i) ? i[0] : i;
       if (!u || a.disabled) return;
-      const c = ++P;
-      w(!0);
+      const c = ++E;
+      h(!0);
       try {
         const y = await G(u);
-        if (c !== P) return;
-        p(), $ = URL.createObjectURL(y), K = !0, m = !1, r.value = $;
+        if (c !== E) return;
+        p(), V = URL.createObjectURL(y), K = !0, v = !1, r.value = V;
       } catch {
-        c === P && w(!1);
+        c === E && h(!1);
       }
     }
     function l(i) {
-      if (!K && !m || a.disabled || !i.canvas) return;
-      const u = ++P, { width: c, height: y } = i.canvas;
-      w(!0), i.canvas.toBlob(
+      if (!K && !v || a.disabled || !i.canvas) return;
+      const u = ++E, { width: c, height: y } = i.canvas;
+      h(!0), i.canvas.toBlob(
         (d) => {
-          u === P && (d && M("select", {
+          u === E && (d && B("select", {
             bytes: d,
             contentType: d.type || "image/jpeg",
             width: c,
             height: y
-          }), w(!1));
+          }), h(!1));
         },
         "image/jpeg",
         0.75
       );
     }
     function le() {
-      P++, w(!1);
+      E++, h(!1);
     }
     function re() {
-      a.disabled || (P++, w(!1), K = !1, m = !1, Q = !1, p(), r.value = null, M("clear"));
+      a.disabled || (E++, h(!1), K = !1, v = !1, Q = !1, p(), r.value = null, B("clear"));
     }
     async function Z() {
       if (a.disabled || !r.value) return;
@@ -120,34 +122,34 @@ const pa = {
         if (u.ok) {
           const c = await u.blob();
           i = await new Promise((y, d) => {
-            const _ = new FileReader();
-            _.onload = () => y(String(_.result)), _.onerror = () => d(_.error), _.readAsDataURL(c);
+            const k = new FileReader();
+            k.onload = () => y(String(k.result)), k.onerror = () => d(k.error), k.readAsDataURL(c);
           });
         }
       } catch {
       }
       Q = !0, j.activate({ imageData: i, command: "modifyImage" });
     }
-    function B(i) {
+    function z(i) {
       var c;
       if (!Q || a.disabled) return;
       const u = (c = i.detail) == null ? void 0 : c.imageData;
-      typeof u != "string" || !u || (Q = !1, P++, w(!0), K = !0, m = !1, p(), r.value = u);
-    }
-    return Qe(() => window.addEventListener("apply-image", B)), Ie(() => {
-      window.removeEventListener("apply-image", B), P++, w(!1), p();
-    }), (i, u) => r.value ? (g(), z("div", pa, [
-      v("p", fa, [
-        Pe(D(o(F)("menu.common.labels.category_image")) + " ", 1),
-        v("span", ya, D(o(F)("menu.common.labels.optional")), 1)
+      typeof u != "string" || !u || (Q = !1, E++, h(!0), K = !0, v = !1, p(), r.value = u);
+    }
+    return Xe(() => window.addEventListener("apply-image", z)), Ie(() => {
+      window.removeEventListener("apply-image", z), E++, h(!1), p();
+    }), (i, u) => r.value ? (m(), N("div", ba, [
+      g("p", ha, [
+        Re(M(o(R)("menu.common.labels.category_image")) + " ", 1),
+        g("span", wa, M(o(R)("menu.common.labels.optional")), 1)
       ]),
-      v("div", {
+      g("div", {
         class: "relative h-[150px] w-[200px] overflow-hidden rounded-md border-2 border-dashed border-fm-color-neutral-gray-300",
-        onPointerdown: u[0] || (u[0] = (c) => be(m) ? m.value = !0 : m = !0),
-        onWheel: u[1] || (u[1] = (c) => be(m) ? m.value = !0 : m = !0),
-        onKeydown: u[2] || (u[2] = (c) => be(m) ? m.value = !0 : m = !0)
+        onPointerdown: u[0] || (u[0] = (c) => be(v) ? v.value = !0 : v = !0),
+        onWheel: u[1] || (u[1] = (c) => be(v) ? v.value = !0 : v = !0),
+        onKeydown: u[2] || (u[2] = (c) => be(v) ? v.value = !0 : v = !0)
       }, [
-        b(o(la), {
+        b(o(sa), {
           class: "h-[150px] w-[200px]",
           src: r.value,
           "stencil-props": { handlers: {}, movable: !1, scalable: !1 },
@@ -157,66 +159,60 @@ const pa = {
           onError: le
         }, null, 8, ["src"]),
         b(o(te).FmButton, {
-          "aria-label": o(F)("menu.category.image.remove"),
+          "aria-label": o(R)("menu.category.image.remove"),
           disabled: i.disabled,
-          label: o(F)("menu.category.image.remove"),
+          label: o(R)("menu.category.image.remove"),
           class: "!absolute right-12 top-12 z-10 !h-24 !w-24 !rounded-full !p-0",
           "bg-color": "neutral-white",
           icon: "close",
           variant: "tertiary",
           onClick: re
         }, null, 8, ["aria-label", "disabled", "label"]),
-        O.value ? (g(), T(o(te).FmButton, {
+        O.value ? (m(), F(o(te).FmButton, {
           key: 0,
-          "aria-label": o(F)("menu.remy.title"),
+          "aria-label": o(R)("menu.remy.title"),
           disabled: i.disabled,
-          label: o(F)("menu.remy.title"),
+          label: o(R)("menu.remy.title"),
           class: "!absolute right-12 top-[44px] z-10 !h-24 !w-24 !rounded-full !p-0",
           "bg-color": "neutral-white",
           icon: "auto_awesome",
           variant: "tertiary",
           onClick: Z
-        }, null, 8, ["aria-label", "disabled", "label"])) : N("", !0)
+        }, null, 8, ["aria-label", "disabled", "label"])) : T("", !0)
       ], 32)
-    ])) : (g(), T(o(te).FmDropField, {
+    ])) : (m(), F(o(te).FmDropField, {
       key: 1,
       accept: ".jpg, .jpeg, .png, .gif, .JPG, .JPEG, .PNG, .GIF",
       "content-class": "h-[150px] w-[200px]",
       disabled: i.disabled,
       onFileUpload: oe
     }, {
-      label: E(() => [
-        v("p", ba, [
-          Pe(D(o(F)("menu.common.labels.category_image")) + " ", 1),
-          v("span", ha, D(o(F)("menu.common.labels.optional")), 1)
+      label: x(() => [
+        g("p", ka, [
+          Re(M(o(R)("menu.common.labels.category_image")) + " ", 1),
+          g("span", _a, M(o(R)("menu.common.labels.optional")), 1)
         ])
       ]),
-      "accept-text": E(() => [
-        v("p", wa, D(o(F)("menu.common.file.accepts")), 1)
+      "accept-text": x(() => [
+        g("p", Ca, M(o(R)("menu.common.file.accepts")), 1)
       ]),
       _: 1
     }, 8, ["disabled"]));
   }
-}), ka = {
+}), Sa = {
   key: 0,
   class: "flex-1 flex justify-between gap-8 pl-8"
-}, Ca = { class: "flex items-center" }, xa = {
+}, Pa = { class: "flex items-center" }, La = {
   key: 1,
   class: "flex items-center gap-8 ml-auto"
-}, Sa = {
+}, Ua = {
   key: 0,
   class: "text-fm-color-typo-secondary",
   role: "alert"
-}, La = {
+}, Fa = {
   key: 1,
   class: "text-fm-color-typo-secondary"
-}, Ua = {
-  key: 4,
-  class: "flex-1 flex flex-col min-h-0"
-}, Fa = { class: "p-8" }, Pa = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, Ra = ["onClick"], Ea = { class: "min-w-0 flex-1 space-y-4" }, $a = { class: "fm-typo-en-body-lg-600 break-words" }, Va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ia = {
-  key: 0,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, Da = { class: "w-[320px]" }, Ma = { class: "fm-typo-en-title-md-600" }, Ba = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, za = { class: "flex gap-24 items-center" }, Ta = { class: "text-fm-color-typo-secondary" }, ja = { class: "flex-1" }, Oa = { class: "flex-1 overflow-hidden min-h-[300px]" }, Aa = { class: "flex gap-8 items-center justify-start" }, nt = /* @__PURE__ */ Ve({
+}, Ra = { class: "p-8" }, Ea = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, $a = ["onClick"], Va = { class: "min-w-0 flex-1 space-y-4" }, Da = { class: "fm-typo-en-body-lg-600 break-words" }, Ia = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ma = { class: "w-[320px]" }, Ba = { class: "fm-typo-en-title-md-600" }, za = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Ta = { class: "flex gap-24 items-center" }, ja = { class: "text-fm-color-typo-secondary" }, Oa = { class: "flex-1" }, Aa = { class: "flex-1 overflow-hidden min-h-[300px]" }, Na = { class: "flex gap-8 items-center justify-start" }, rt = /* @__PURE__ */ De({
   __name: "CategoryList",
   props: {
     sdk: {},
@@ -224,13 +220,13 @@ const pa = {
     heading: { default: "" }
   },
   setup(fe) {
-    const h = fe, { t: a } = De(), M = ma(), F = aa(), { run: j } = da(), O = va(h.sdk.category.list), r = U(
+    const w = fe, { t: a } = Me(), B = pa(), R = ta(), { run: j } = ga(), O = fa(w.sdk.category.list), r = U(
       () => O.value.status === "ready" ? O.value.value : null
-    ), $ = U(() => {
+    ), V = U(() => {
       var e;
       return ((e = r.value) == null ? void 0 : e.query) ?? "";
-    }), { breakpoints: P } = ta(), K = U(() => P.value.xs && !h.catalogPage), m = Y(!1), Q = Y(0), X = Y(!1), w = Y(""), p = J(
-      h.sdk.category.editor()
+    }), { breakpoints: E } = oa(), K = U(() => E.value.xs), v = Y(!1), Q = Y(0), X = Y(!1), h = Y(""), p = J(
+      w.sdk.category.editor()
     ), G = J(
       p.value.get()
     );
@@ -239,83 +235,83 @@ const pa = {
     });
     const l = U(
       () => G.value.status === "ready" ? G.value.value : null
-    ), le = $e(() => p.value), re = U(
+    ), le = Ve(() => p.value), re = U(
       () => l.value ? le.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
-    ), Z = Y(!1), B = J(null), i = J({ status: "loading" });
+    ), Z = Y(!1), z = J(null), i = J({ status: "loading" });
     let u = null;
     const c = U(
       () => i.value.status === "ready" ? i.value.value : null
-    ), y = Y(!1), d = J(null), _ = $e(() => d.value), V = J({
+    ), y = Y(!1), d = J(null), k = Ve(() => d.value), D = J({
       status: "loading"
     }), W = U(
-      () => V.value.status === "ready" ? V.value.value : null
+      () => D.value.status === "ready" ? D.value.value : null
     );
-    let R = null, k = null;
+    let $ = null, _ = null;
     function I() {
       var e;
-      k == null || k(), k = null, (e = d.value) == null || e.dispose(), d.value = null, R == null || R.dispose(), R = null, V.value = { status: "loading" };
+      _ == null || _(), _ = null, (e = d.value) == null || e.dispose(), d.value = null, $ == null || $.dispose(), $ = null, D.value = { status: "loading" };
     }
     function q(e, t) {
       var n;
-      k == null || k(), (n = d.value) == null || n.dispose(), d.value = h.sdk.item.editor(e, {
+      _ == null || _(), (n = d.value) == null || n.dispose(), d.value = w.sdk.item.editor(e, {
         initialCategoryId: t
-      }), V.value = d.value.get(), k = d.value.subscribe((C) => {
-        V.value = C;
+      }), D.value = d.value.get(), _ = d.value.subscribe((C) => {
+        D.value = C;
       });
     }
     function ue() {
       var t, n;
       const e = (t = l.value) == null ? void 0 : t.categoryId;
-      !e || ((n = l.value) == null ? void 0 : n.products.state) !== "allowed" || (I(), R = h.sdk.item.editorScope(), q(void 0, e), y.value = !0);
+      !e || ((n = l.value) == null ? void 0 : n.products.state) !== "allowed" || (I(), $ = w.sdk.item.editorScope(), q(void 0, e), y.value = !0);
     }
     function ne(e) {
       var t;
-      ((t = l.value) == null ? void 0 : t.products.state) === "allowed" && (I(), R = h.sdk.item.editorScope(), q(e.id), y.value = !0);
+      ((t = l.value) == null ? void 0 : t.products.state) === "allowed" && (I(), $ = w.sdk.item.editorScope(), q(e.id), y.value = !0);
     }
-    function Me(e) {
+    function Be(e) {
       var n;
       const t = ((n = W.value) == null ? void 0 : n.itemId) ?? void 0;
-      R == null || R.select(e), q(t);
+      $ == null || $.select(e), q(t);
     }
-    async function Be() {
+    async function ze() {
       const e = d.value;
       if (!e) return;
       (await j(
-        () => _.submit(() => e.submit()),
+        () => k.submit(() => e.submit()),
         {
           showLoading: () => {
             var n;
             return ((n = W.value) == null ? void 0 : n.status) === "submitting";
           },
-          successMessage: W.value ? M(W.value.saveMessage) : ""
+          successMessage: W.value ? B(W.value.saveMessage) : ""
         }
       )).kind === "success" && d.value === e && (y.value = !1);
     }
     function H(e) {
       var t;
-      u == null || u(), u = null, e && ((t = B.value) == null || t.dispose()), B.value = null, i.value = { status: "loading" }, Z.value = !1;
+      u == null || u(), u = null, e && ((t = z.value) == null || t.dispose()), z.value = null, i.value = { status: "loading" }, Z.value = !1;
     }
-    function ze() {
+    function Te() {
       var t;
       if (((t = l.value) == null ? void 0 : t.translation.state) !== "allowed") return;
       H(!0);
       const e = p.value.translationEditor();
-      B.value = e, i.value = e.get(), u = e.subscribe((n) => {
+      z.value = e, i.value = e.get(), u = e.subscribe((n) => {
         i.value = n;
       }), Z.value = !0;
     }
-    function Te(e) {
+    function je(e) {
       var C;
-      const t = B.value, n = (C = c.value) == null ? void 0 : C.nameLocale;
+      const t = z.value, n = (C = c.value) == null ? void 0 : C.nameLocale;
       if (!(!t || !n)) {
         for (const f of Object.keys(n))
           f in e || t.removeLocale(f);
-        for (const [f, x] of Object.entries(e))
-          f in n || t.addLocale(f), t.setNameLocale(f, x);
+        for (const [f, S] of Object.entries(e))
+          f in n || t.addLocale(f), t.setNameLocale(f, S);
       }
     }
-    async function je() {
-      const e = B.value;
+    async function Oe() {
+      const e = z.value;
       if (!e) return;
       (await j(async () => e.apply(), {
         showLoading: !1
@@ -324,37 +320,37 @@ const pa = {
     function _e() {
       H(!0);
     }
-    function Oe(e) {
+    function Ae(e) {
       e ? Z.value = !0 : _e();
     }
-    function ke(e) {
-      H(!0), oe(), p.value.dispose(), p.value = h.sdk.category.editor(e), Q.value++, X.value = !1, G.value = p.value.get(), oe = p.value.subscribe((t) => {
+    function Ce(e) {
+      H(!0), oe(), p.value.dispose(), p.value = w.sdk.category.editor(e), Q.value++, X.value = !1, G.value = p.value.get(), oe = p.value.subscribe((t) => {
         G.value = t;
       });
     }
     function ye() {
-      ke(), m.value = !0;
+      Ce(), v.value = !0;
     }
-    function Ce(e) {
-      !e.id && !e.isSynthetic || (ke(e.isSynthetic ? null : e.id), m.value = !0);
+    function xe(e) {
+      !e.id && !e.isSynthetic || (Ce(e.isSynthetic ? null : e.id), v.value = !0);
     }
     function ce() {
-      H(!0), m.value = !1;
+      H(!0), v.value = !1;
     }
-    function xe() {
+    function Se() {
       var e;
       if (!((e = l.value) != null && e.dirty)) {
         ce();
         return;
       }
-      F.open({
+      R.open({
         zIndex: 101,
         title: a("menu.common.dialog.dismiss.title"),
         message: a("menu.common.dialog.dismiss.message"),
         primaryActions: {
           text: a("menu.common.dialog.dismiss.discard"),
           close: !0,
-          variant: we.Destructive
+          variant: ke.Destructive
         },
         secondaryActions: {
           text: a("menu.common.actions.cancel"),
@@ -362,20 +358,20 @@ const pa = {
         }
       }).onPrimary(ce);
     }
-    function Ae(e) {
-      e ? m.value = !0 : xe();
+    function Ne(e) {
+      e ? v.value = !0 : Se();
     }
-    ae(m, (e) => {
+    ae(v, (e) => {
       e || H(!0);
     }), ae(y, (e) => {
       e || I();
     }), ae(G, (e) => {
-      B.value && (e.status !== "ready" || e.value.translation.state !== "allowed") && H(!0);
+      z.value && (e.status !== "ready" || e.value.translation.state !== "allowed") && H(!0);
     });
-    async function Ne() {
-      var C, f, x;
+    async function Ke() {
+      var C, f, S;
       if (X.value) return;
-      const e = (C = l.value) == null ? void 0 : C.mode, t = ((x = (f = l.value) == null ? void 0 : f.name) == null ? void 0 : x.trim()) ?? "";
+      const e = (C = l.value) == null ? void 0 : C.mode, t = ((S = (f = l.value) == null ? void 0 : f.name) == null ? void 0 : S.trim()) ?? "";
       (await j(
         () => le.submit(() => p.value.submit()),
         {
@@ -390,8 +386,8 @@ const pa = {
         }
       )).kind === "success" && ce();
     }
-    function Se(e) {
-      e.remove.state !== "allowed" || !e.id || F.open({
+    function Pe(e) {
+      e.remove.state !== "allowed" || !e.id || R.open({
         title: a("menu.category.dialog.remove.title"),
         message: a("menu.common.dialog.remove_confirmation", {
           name: e.name
@@ -399,23 +395,23 @@ const pa = {
         primaryActions: {
           text: a("menu.common.actions.remove"),
           close: !0,
-          variant: we.Destructive
+          variant: ke.Destructive
         },
         secondaryActions: {
           text: a("menu.common.actions.cancel"),
           close: !0
         }
       }).onPrimary(async () => {
-        await j(() => h.sdk.category.remove(e.id), {
+        await j(() => w.sdk.category.remove(e.id), {
           successMessage: a("menu.category.dialog.remove.success", {
             name: e.name
           })
         });
       });
     }
-    const Ke = U(() => {
+    const Ge = U(() => {
       var e;
-      return $.value || ((e = r.value) == null ? void 0 : e.reorder.state) !== "allowed" ? () => !1 : (t) => !t.isSynthetic;
+      return V.value || ((e = r.value) == null ? void 0 : e.reorder.state) !== "allowed" ? () => !1 : (t) => !t.isSynthetic;
     }), de = J([]);
     ae(
       () => {
@@ -427,26 +423,26 @@ const pa = {
       },
       { immediate: !0 }
     );
-    async function Ge(e) {
-      var f, x, A;
-      if ($.value || ((f = r.value) == null ? void 0 : f.reorder.state) !== "allowed") return;
+    async function We(e) {
+      var f, S, A;
+      if (V.value || ((f = r.value) == null ? void 0 : f.reorder.state) !== "allowed") return;
       const t = e.map((s) => s.id).filter((s) => !!s);
       if (t.length === 0) return;
       const n = de.value;
-      (await j(() => h.sdk.category.reorder(t), {
-        successMessage: ((x = r.value) == null ? void 0 : x.reorderScope) === "catalog" ? a("menu.catalog.saved", { name: a("menu.category.entity") }) : a("menu.category.reorder.success")
+      (await j(() => w.sdk.category.reorder(t), {
+        successMessage: ((S = r.value) == null ? void 0 : S.reorderScope) === "catalog" ? a("menu.catalog.saved", { name: a("menu.category.entity") }) : a("menu.category.reorder.success")
       })).kind !== "success" && (de.value = [...((A = r.value) == null ? void 0 : A.rows) ?? n]);
     }
     function Le(e) {
-      h.sdk.category.search(e);
+      w.sdk.category.search(e);
     }
-    const We = U(() => [
+    const qe = U(() => [
       {
         accessorKey: "name",
         header: () => a("menu.category.columns.title"),
         enableSorting: !1,
         meta: { width: "auto" },
-        cell: (e) => e.row.original.nameMessage ? M(e.row.original.nameMessage) : e.row.original.name
+        cell: (e) => e.row.original.nameMessage ? B(e.row.original.nameMessage) : e.row.original.name
       },
       {
         accessorKey: "linkedProductCount",
@@ -463,7 +459,7 @@ const pa = {
       // Catalog scope only changes membership/order. Categories remain master
       // entities, so the scoped table deliberately has no destructive action
       // column — the legacy editor renders just its two data columns there.
-      ...h.catalogPage ? [] : [
+      ...w.catalogPage ? [] : [
         {
           id: "actions",
           size: 52,
@@ -479,7 +475,7 @@ const pa = {
                 textColor: "neutral-gray-400",
                 "aria-label": a("menu.category.dialog.remove.title"),
                 onClick: he(
-                  () => Se(t),
+                  () => Pe(t),
                   ["stop", "prevent"]
                 )
               })
@@ -489,7 +485,7 @@ const pa = {
       ]
     ]), me = U(() => {
       var n;
-      const e = ((n = l.value) == null ? void 0 : n.productRows) ?? [], t = w.value.trim().toLocaleLowerCase();
+      const e = ((n = l.value) == null ? void 0 : n.productRows) ?? [], t = h.value.trim().toLocaleLowerCase();
       return t ? e.filter(
         (C) => C.name.toLocaleLowerCase().includes(t) || (C.code ?? "").toLocaleLowerCase().includes(t)
       ) : e;
@@ -501,18 +497,18 @@ const pa = {
       },
       { immediate: !0 }
     );
-    const qe = U(() => {
+    const He = U(() => {
       var e, t;
-      return me.value.length === 0 ? !1 : w.value || ((e = l.value) == null ? void 0 : e.products.state) !== "allowed" || me.value.length < 2 ? () => !1 : (t = l.value) != null && t.synthetic ? () => !1 : () => !0;
+      return me.value.length === 0 ? !1 : h.value || ((e = l.value) == null ? void 0 : e.products.state) !== "allowed" || me.value.length < 2 ? () => !1 : (t = l.value) != null && t.synthetic ? () => !1 : () => !0;
     });
-    async function He(e) {
-      var f, x;
+    async function Je(e) {
+      var f, S;
       const t = (f = l.value) == null ? void 0 : f.categoryId;
-      if (!t || w.value || ((x = l.value) == null ? void 0 : x.products.state) !== "allowed")
+      if (!t || h.value || ((S = l.value) == null ? void 0 : S.products.state) !== "allowed")
         return;
       const n = ve.value;
       (await j(
-        () => h.sdk.item.reorderForCategory(
+        () => w.sdk.item.reorderForCategory(
           t,
           e.map((A) => A.id)
         ),
@@ -523,7 +519,7 @@ const pa = {
         }
       )).kind !== "success" && (ve.value = [...me.value ?? n]);
     }
-    const Je = U(() => [
+    const Qe = U(() => [
       {
         accessorKey: "name",
         header: () => a("menu.category.products.columns.name"),
@@ -542,7 +538,7 @@ const pa = {
         cell: (e) => ge("div", { class: "flex justify-end" }, [
           ge(te.FmButton, {
             icon: "edit",
-            variant: we.Tertiary,
+            variant: ke.Tertiary,
             textColor: "neutral-gray-400",
             "aria-label": a("menu.common.labels.a11y_labelled_name", {
               label: a("menu.common.actions.edit"),
@@ -557,95 +553,104 @@ const pa = {
       }
     ]);
     return Ie(() => {
-      h.sdk.category.search(""), H(!0), I(), oe(), p.value.dispose();
+      w.sdk.category.search(""), H(!0), I(), oe(), p.value.dispose();
     }), (e, t) => {
-      const n = ie("FmButton"), C = ie("FmCircularProgress"), f = ie("FmSearch"), x = ie("FmTable"), A = ie("FmSideSheet");
-      return g(), T(ra, {
+      const n = ie("FmButton"), C = ie("FmCircularProgress"), f = ie("FmSearch"), S = ie("FmTable"), A = ie("FmSideSheet");
+      return m(), F(ca, {
         heading: e.catalogPage ? e.heading : o(a)("menu.category.title")
       }, {
-        "prepend-heading": E(() => [
+        "prepend-heading": x(() => [
           pe(e.$slots, "prepend-heading")
         ]),
-        "append-heading": E(() => {
+        "append-heading": x(() => {
           var s;
           return [
-            e.catalogPage ? N("", !0) : (g(), z("div", ka, [
-              v("div", Ca, [
-                b(sa, {
+            e.catalogPage ? T("", !0) : (m(), N("div", Sa, [
+              g("div", Pa, [
+                b(ra, {
                   value: ((s = r.value) == null ? void 0 : s.totalCount) ?? 0
                 }, null, 8, ["value"])
               ]),
-              r.value && r.value.totalCount > 0 && !K.value ? (g(), T(n, {
+              r.value && r.value.totalCount > 0 && !K.value ? (m(), F(n, {
                 key: 0,
                 disabled: r.value.create.state !== "allowed",
                 label: o(a)("menu.category.add"),
                 "prepend-icon": "add",
                 onClick: ye
-              }, null, 8, ["disabled", "label"])) : N("", !0)
+              }, null, 8, ["disabled", "label"])) : T("", !0)
             ])),
-            e.catalogPage ? (g(), z("div", xa, [
+            e.catalogPage ? (m(), N("div", La, [
               pe(e.$slots, "append-heading")
             ])) : pe(e.$slots, "append-heading", { key: 2 })
           ];
         }),
-        default: E(() => [
+        default: x(() => [
           pe(e.$slots, "navigation"),
-          o(O).status === "error" ? (g(), z("p", Sa, D(o(M)(o(O).error.message)), 1)) : o(O).status === "unavailable" ? (g(), z("p", La, D(o(M)(o(O).reason)), 1)) : o(O).status === "loading" ? (g(), T(C, { key: 2 })) : r.value && r.value.rows.length === 0 && !$.value ? (g(), T(o(oa), {
+          o(O).status === "error" ? (m(), N("p", Ua, M(o(B)(o(O).error.message)), 1)) : o(O).status === "unavailable" ? (m(), N("p", Fa, M(o(B)(o(O).reason)), 1)) : o(O).status === "loading" ? (m(), F(C, { key: 2 })) : r.value && r.value.rows.length === 0 && !V.value ? (m(), F(o(na), {
             key: 3,
             action: e.catalogPage ? void 0 : { text: o(a)("menu.category.add"), callback: ye },
             subtitle: o(a)("menu.category.empty.subtitle"),
             title: o(a)("menu.category.empty.title")
-          }, null, 8, ["action", "subtitle", "title"])) : r.value && K.value ? (g(), z("div", Ua, [
-            v("div", Fa, [
+          }, null, 8, ["action", "subtitle", "title"])) : r.value && K.value ? (m(), N("div", {
+            key: 4,
+            class: we(["flex-1 flex flex-col min-h-0", { "pt-16": e.catalogPage }])
+          }, [
+            g("div", Ra, [
               b(f, {
+                autofocus: "",
                 class: "w-full",
-                "model-value": $.value,
+                "model-value": V.value,
                 placeholder: o(a)("menu.common.labels.search_placeholder", {
                   type: o(a)("menu.category.title")
                 }),
                 "onUpdate:modelValue": Le
               }, null, 8, ["model-value", "placeholder"])
             ]),
-            v("div", Pa, [
-              (g(!0), z(Re, null, Xe(r.value.rows, (s) => (g(), z("div", {
+            g("div", Ea, [
+              (m(!0), N(Ee, null, Ye(r.value.rows, (s) => (m(), N("div", {
                 key: s.id ?? "",
                 class: "flex flex-row py-12 px-16",
-                onClick: (S) => Ce(s)
+                "data-test": "category-phone-row",
+                onClick: (P) => !e.catalogPage && xe(s)
               }, [
-                v("div", Ea, [
-                  v("p", $a, D(s.nameMessage ? o(M)(s.nameMessage) : s.name), 1),
-                  v("p", Va, D(o(a)("menu.common.labels.product_linked", {
+                g("div", Va, [
+                  g("p", Da, M(s.nameMessage ? o(B)(s.nameMessage) : s.name), 1),
+                  g("p", Ia, M(o(a)("menu.common.labels.product_linked", {
                     count: s.linkedProductCount
                   })), 1)
                 ]),
-                b(n, {
+                e.catalogPage ? T("", !0) : (m(), F(n, {
+                  key: 0,
                   class: "shrink-0",
                   "aria-label": o(a)("menu.category.dialog.remove.title"),
                   disabled: s.remove.state !== "allowed",
                   "prepend-icon": "delete",
                   "text-color": "neutral-gray-400",
                   variant: "tertiary",
-                  onClick: he((S) => Se(s), ["stop"])
-                }, null, 8, ["aria-label", "disabled", "onClick"])
-              ], 8, Ra))), 128))
+                  onClick: he((P) => Pe(s), ["stop"])
+                }, null, 8, ["aria-label", "disabled", "onClick"]))
+              ], 8, $a))), 128))
             ]),
-            r.value.totalCount > 0 ? (g(), z("div", Ia, [
-              b(n, {
-                disabled: r.value.create.state !== "allowed",
-                label: o(a)("menu.category.add"),
-                "prepend-icon": "add",
-                variant: "fab",
-                onClick: ye
-              }, null, 8, ["disabled", "label"])
-            ])) : N("", !0)
-          ])) : r.value ? (g(), z(Re, { key: 5 }, [
-            v("div", {
-              class: Ye(["flex justify-end items-center", { "pt-16": e.catalogPage }])
+            !e.catalogPage && r.value.totalCount > 0 ? (m(), F(la, { key: 0 }, {
+              default: x(() => [
+                b(n, {
+                  disabled: r.value.create.state !== "allowed",
+                  label: o(a)("menu.category.add"),
+                  "prepend-icon": "add",
+                  variant: "fab",
+                  onClick: ye
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            })) : T("", !0)
+          ], 2)) : r.value ? (m(), N(Ee, { key: 5 }, [
+            g("div", {
+              class: we(["flex justify-end items-center", { "pt-16": e.catalogPage }])
             }, [
-              v("div", Da, [
+              g("div", Ma, [
                 b(f, {
                   class: "mb-8",
-                  "model-value": $.value,
+                  "model-value": V.value,
                   placeholder: o(a)("menu.common.labels.search_placeholder", {
                     type: o(a)("menu.category.title")
                   }),
@@ -653,47 +658,54 @@ const pa = {
                 }, null, 8, ["model-value", "placeholder"])
               ])
             ], 2),
-            Ze(b(x, {
-              "column-defs": We.value,
-              draggable: Ke.value,
-              "page-size": r.value.rows.length,
-              "row-data": de.value,
-              "shrink-at": !1,
-              "hide-footer": "",
-              "pin-header-row": "",
-              onDndChanged: Ge,
-              onRowClick: t[0] || (t[0] = (s) => Ce(s.original))
-            }, null, 8, ["column-defs", "draggable", "page-size", "row-data"]), [
-              [o(ga), o(a)("menu.category.columns.title")]
-            ])
-          ], 64)) : N("", !0),
+            (m(), F(Ze(e.catalogPage ? da : "div"), {
+              class: we({ contents: !e.catalogPage })
+            }, {
+              default: x(() => [
+                ea(b(S, {
+                  "column-defs": qe.value,
+                  draggable: Ge.value,
+                  "page-size": r.value.rows.length,
+                  "row-data": de.value,
+                  "shrink-at": !1,
+                  "hide-footer": "",
+                  "pin-header-row": "",
+                  onDndChanged: We,
+                  onRowClick: t[0] || (t[0] = (s) => xe(s.original))
+                }, null, 8, ["column-defs", "draggable", "page-size", "row-data"]), [
+                  [o(ya), o(a)("menu.category.columns.title")]
+                ])
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ], 64)) : T("", !0),
           b(A, {
-            "model-value": m.value && !y.value,
+            "model-value": v.value && !y.value,
             "is-container": o(te).FmForm,
-            "is-container-props": { onValidationSuccess: Ne },
+            "is-container-props": { onValidationSuccess: Ke },
             "max-width": 560,
             "z-index": 100,
-            "onOn:clickedAway": xe,
-            "onUpdate:modelValue": Ae
+            "onOn:clickedAway": Se,
+            "onUpdate:modelValue": Ne
           }, {
-            "side-sheet-header": E(() => {
-              var s, S;
+            "side-sheet-header": x(() => {
+              var s, P;
               return [
-                v("p", Ma, D((s = l.value) != null && s.synthetic ? o(a)("menu.category.entity") : ((S = l.value) == null ? void 0 : S.mode) === "update" ? o(a)("menu.category.manager.dialog.update.title") : o(a)("menu.category.manager.dialog.add.title")), 1)
+                g("p", Ba, M((s = l.value) != null && s.synthetic ? o(a)("menu.category.entity") : ((P = l.value) == null ? void 0 : P.mode) === "update" ? o(a)("menu.category.manager.dialog.update.title") : o(a)("menu.category.manager.dialog.add.title")), 1)
               ];
             }),
-            "side-sheet-footer": E(() => {
-              var s, S, se;
+            "side-sheet-footer": x(() => {
+              var s, P, se;
               return [
-                v("div", Aa, [
-                  ((s = l.value) == null ? void 0 : s.submit.state) !== "hidden" ? (g(), T(n, {
+                g("div", Na, [
+                  ((s = l.value) == null ? void 0 : s.submit.state) !== "hidden" ? (m(), F(n, {
                     key: 0,
-                    disabled: ((S = l.value) == null ? void 0 : S.submit.state) !== "allowed" || X.value,
+                    disabled: ((P = l.value) == null ? void 0 : P.submit.state) !== "allowed" || X.value,
                     label: ((se = l.value) == null ? void 0 : se.mode) === "update" ? o(a)("menu.common.actions.update") : o(a)("menu.category.manager.dialog.add.action"),
                     size: "lg",
                     type: "submit",
                     variant: "primary"
-                  }, null, 8, ["disabled", "label"])) : N("", !0),
+                  }, null, 8, ["disabled", "label"])) : T("", !0),
                   b(n, {
                     label: o(a)("menu.common.actions.cancel"),
                     size: "lg",
@@ -703,34 +715,34 @@ const pa = {
                 ])
               ];
             }),
-            default: E(() => {
-              var s, S, se;
+            default: x(() => {
+              var s, P, se;
               return [
-                v("div", Ba, [
-                  b(Ee, {
+                g("div", za, [
+                  b($e, {
                     title: o(a)("menu.category.detail")
                   }, {
-                    default: E(() => {
+                    default: x(() => {
                       var L, ee;
                       return [
-                        b(ia, ea({
-                          "error-messages": re.value ? [o(M)(re.value)] : [],
+                        b(ua, aa({
+                          "error-messages": re.value ? [o(B)(re.value)] : [],
                           label: o(a)("menu.category.name"),
                           readonly: (L = l.value) == null ? void 0 : L.synthetic,
                           "model-value": ((ee = l.value) == null ? void 0 : ee.name) ?? ""
                         }, o(le).field("name", p.value.setName)), {
-                          append: E(() => {
+                          append: x(() => {
                             var Ue, Fe;
                             return [
-                              ((Ue = l.value) == null ? void 0 : Ue.translation.state) !== "hidden" ? (g(), T(n, {
+                              ((Ue = l.value) == null ? void 0 : Ue.translation.state) !== "hidden" ? (m(), F(n, {
                                 key: 0,
                                 "aria-label": o(a)("menu.common.translation.translation_label"),
                                 disabled: ((Fe = l.value) == null ? void 0 : Fe.translation.state) !== "allowed",
                                 class: "!p-0",
                                 icon: "g_translate",
                                 variant: "tertiary",
-                                onClick: ze
-                              }, null, 8, ["aria-label", "disabled"])) : N("", !0)
+                                onClick: Te
+                              }, null, 8, ["aria-label", "disabled"])) : T("", !0)
                             ];
                           }),
                           _: 1
@@ -739,21 +751,21 @@ const pa = {
                     }),
                     _: 1
                   }, 8, ["title"]),
-                  l.value && l.value.image.capability.state !== "hidden" ? (g(), T(_a, {
+                  l.value && l.value.image.capability.state !== "hidden" ? (m(), F(xa, {
                     key: Q.value,
                     "thumbnail-url": ((s = l.value) == null ? void 0 : s.image.thumbnailUrl) ?? null,
-                    change: ((S = l.value) == null ? void 0 : S.image.change) ?? "unchanged",
+                    change: ((P = l.value) == null ? void 0 : P.image.change) ?? "unchanged",
                     disabled: ((se = l.value) == null ? void 0 : se.image.capability.state) !== "allowed",
                     onSelect: t[1] || (t[1] = (L) => p.value.setImage(L)),
                     onClear: t[2] || (t[2] = (L) => p.value.clearImage()),
                     onEncoding: t[3] || (t[3] = (L) => X.value = L)
-                  }, null, 8, ["thumbnail-url", "change", "disabled"])) : N("", !0),
-                  b(Ee, {
+                  }, null, 8, ["thumbnail-url", "change", "disabled"])) : T("", !0),
+                  b($e, {
                     class: "flex-1 min-h-0",
                     shrinkable: !0,
                     title: o(a)("menu.category.products.title")
                   }, {
-                    "append-title": E(() => {
+                    "append-title": x(() => {
                       var L;
                       return [
                         b(n, {
@@ -767,30 +779,30 @@ const pa = {
                         }, null, 8, ["disabled", "label"])
                       ];
                     }),
-                    default: E(() => {
+                    default: x(() => {
                       var L;
                       return [
-                        v("div", za, [
-                          v("div", Ta, D(o(a)("menu.category.products.linked_count", {
+                        g("div", Ta, [
+                          g("div", ja, M(o(a)("menu.category.products.linked_count", {
                             count: ((L = l.value) == null ? void 0 : L.productRows.length) ?? 0
                           })), 1),
-                          v("div", ja, [
+                          g("div", Oa, [
                             b(f, {
-                              modelValue: w.value,
-                              "onUpdate:modelValue": t[4] || (t[4] = (ee) => w.value = ee),
+                              modelValue: h.value,
+                              "onUpdate:modelValue": t[4] || (t[4] = (ee) => h.value = ee),
                               placeholder: o(a)("menu.common.actions.search")
                             }, null, 8, ["modelValue", "placeholder"])
                           ])
                         ]),
-                        v("div", Oa, [
-                          b(x, {
-                            "column-defs": Je.value,
-                            draggable: qe.value,
+                        g("div", Aa, [
+                          b(S, {
+                            "column-defs": Qe.value,
+                            draggable: He.value,
                             "hide-footer": "",
                             "pin-header-row": "",
                             "row-data": ve.value,
                             "shrink-at": !1,
-                            onDndChanged: He,
+                            onDndChanged: Je,
                             onRowClick: t[5] || (t[5] = (ee) => ne(ee.original))
                           }, null, 8, ["column-defs", "draggable", "row-data"])
                         ])
@@ -803,17 +815,17 @@ const pa = {
             }),
             _: 1
           }, 8, ["model-value", "is-container", "is-container-props"]),
-          b(ua, {
+          b(ma, {
             open: y.value,
             "onUpdate:open": t[6] || (t[6] = (s) => y.value = s),
             sdk: e.sdk,
             session: d.value,
-            validation: o(_),
+            validation: o(k),
             view: W.value,
-            onSelectScope: Me,
-            onSubmit: Be
+            onSelectScope: Be,
+            onSubmit: ze
           }, null, 8, ["open", "sdk", "session", "validation", "view"]),
-          c.value ? (g(), T(ca, {
+          c.value ? (m(), F(va, {
             key: 6,
             "model-value": Z.value,
             dirty: c.value.dirty,
@@ -828,14 +840,14 @@ const pa = {
             }),
             "z-index": 200,
             onDiscard: _e,
-            onSave: je,
-            "onUpdate:modelValue": Oe,
+            onSave: Oe,
+            "onUpdate:modelValue": Ae,
             "onUpdate:name": t[7] || (t[7] = (s) => {
-              var S;
-              return (S = B.value) == null ? void 0 : S.setName(s);
+              var P;
+              return (P = z.value) == null ? void 0 : P.setName(s);
             }),
-            "onUpdate:nameLocale": Te
-          }, null, 8, ["model-value", "dirty", "name", "name-locale", "supported-locales", "title", "name-section-label"])) : N("", !0)
+            "onUpdate:nameLocale": je
+          }, null, 8, ["model-value", "dirty", "name", "name-locale", "supported-locales", "title", "name-section-label"])) : T("", !0)
         ]),
         _: 3
       }, 8, ["heading"]);
@@ -843,5 +855,5 @@ const pa = {
   }
 });
 export {
-  nt as _
+  rt as _
 };