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

package/dist/{Subcategory-CnlrVwCy.js → Subcategory-B06yMcuE.js}

@@ -1,59 +1,57 @@
-import { defineComponent as ce, computed as g, ref as K, shallowRef as ne, h as ue, withModifiers as ie, onUnmounted as he, resolveComponent as y, openBlock as u, createBlock as h, unref as e, withCtx as v, createElementBlock as p, toDisplayString as f, createVNode as i, createElementVNode as c, Fragment as $, renderList as Q, createCommentVNode as _, mergeProps as re } from "vue";
-import { useI18n as ke } from "@feedmepos/mf-common";
-import { useDialog as xe, useBreakpoints as we, components as G, FmButtonVariant as Ce } from "@feedmepos/ui-library";
+import { defineComponent as ce, computed as y, ref as K, shallowRef as ne, h as ue, withModifiers as re, onUnmounted as ke, resolveComponent as g, openBlock as u, createBlock as _, unref as e, withCtx as c, createElementBlock as p, toDisplayString as f, createVNode as r, createElementVNode as m, Fragment as j, renderList as Q, createCommentVNode as h, mergeProps as ie } from "vue";
+import { useI18n as xe } from "@feedmepos/mf-common";
+import { useDialog as we, useBreakpoints as Ce, components as G, FmButtonVariant as Fe } from "@feedmepos/ui-library";
+import { _ as Se } from "./PhoneFab.vue_vue_type_script_setup_true_lang-CipbTqbp.js";
 import { _ as de } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Fe } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
-import { _ as Se } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as Ve } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as Le } from "./useActionFeedback-CXx7dOVc.js";
-import { u as Ue } from "./useEditorValidation-Ctef5Bxt.js";
-import { b as De, u as Te, a as ze } from "./provide-Bwf3KcOV.js";
-import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "flex items-center" }, Me = {
+import { _ as Ve } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
+import { _ as Le } from "./PageLayout.vue_vue_type_script_setup_true_lang-DrhsROXo.js";
+import { _ as Ue } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { u as De } from "./useActionFeedback-CElXij1W.js";
+import { u as Te } from "./useEditorValidation-Ctef5Bxt.js";
+import { b as ze, u as Ee, a as Be } from "./provide-BGLSDsuJ.js";
+import { _ as Me } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ne = { class: "flex-1 flex justify-between gap-8 pl-8" }, $e = { class: "flex items-center" }, je = {
   key: 0,
   class: "text-fm-color-typo-secondary",
   role: "alert"
-}, Ne = {
+}, Oe = {
   key: 1,
   "data-menu-state": "unavailable"
-}, $e = {
+}, Ie = {
   key: 4,
   class: "flex-1 flex flex-col min-h-0"
-}, Oe = { class: "p-8" }, Ie = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, Pe = ["onClick"], Re = { class: "min-w-0 flex-1 space-y-4" }, Ae = { class: "fm-typo-en-body-lg-600 break-words" }, qe = {
-  key: 0,
-  class: "fixed right-16 bottom-[72px] z-[100]"
-}, Ke = { class: "flex justify-end items-center" }, Qe = { class: "w-[320px]" }, Ge = { class: "fm-typo-en-title-md-600" }, He = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Je = { "data-testid": "subcategory-translation-button" }, We = { class: "py-12 px-16 space-y-4" }, Xe = { key: 0 }, Ye = { class: "flex gap-8 items-center justify-start" }, Ze = { class: "fm-typo-en-title-sm-600" }, ea = { class: "py-12 px-16 space-y-4" }, aa = { key: 0 }, ta = { class: "flex w-full gap-8 items-center justify-end px-0 pb-0" }, la = /* @__PURE__ */ ce({
+}, Pe = { class: "p-8" }, Re = { class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64" }, Ae = ["onClick"], qe = { class: "min-w-0 flex-1 space-y-4" }, Ke = { class: "fm-typo-en-body-lg-600 break-words" }, Qe = { class: "flex justify-end items-center" }, Ge = { class: "w-[320px]" }, He = { class: "fm-typo-en-title-md-600" }, Je = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, We = { "data-testid": "subcategory-translation-button" }, Xe = { class: "py-12 px-16 space-y-4" }, Ye = { key: 0 }, Ze = { class: "flex gap-8 items-center justify-start" }, ea = { class: "fm-typo-en-title-sm-600" }, aa = { class: "py-12 px-16 space-y-4" }, ta = { key: 0 }, la = /* @__PURE__ */ ce({
   __name: "SubcategoryList",
   props: {
     sdk: {}
   },
   setup(H) {
-    const b = H, { t: a, n: J } = ke(), O = De(), me = xe(), { run: I } = Le(), k = Te(b.sdk.subCategory.list), s = g(
+    const b = H, { t: a, n: J } = xe(), O = ze(), me = we(), { run: I } = De(), k = Ee(b.sdk.subCategory.list), s = y(
       () => k.value.status === "ready" ? k.value.value : null
-    ), x = K(!1), w = K(!1), T = K(!1), P = g(() => {
+    ), x = K(!1), w = K(!1), T = K(!1), P = y(() => {
       var t;
       return ((t = s.value) == null ? void 0 : t.query) ?? "";
-    }), { breakpoints: ve } = we(), W = g(() => ve.value.xs), r = ne(
+    }), { breakpoints: ve } = Ce(), W = y(() => ve.value.xs), i = ne(
       b.sdk.subCategory.editor()
     ), C = ne(
-      r.value.get()
+      i.value.get()
     );
-    let R = r.value.subscribe(
+    let R = i.value.subscribe(
       (t) => C.value = t
     );
-    const l = g(
+    const l = y(
       () => C.value.status === "ready" ? C.value.value : null
-    ), z = Ue(() => r.value), E = g(
+    ), z = Te(() => i.value), E = y(
       () => l.value ? z.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
     );
     function X(t) {
-      var n, m;
-      return ((m = (n = l.value) == null ? void 0 : n.supportedLocales.find(
-        (B) => B.code === t
-      )) == null ? void 0 : m.name) ?? t;
+      var n, v;
+      return ((v = (n = l.value) == null ? void 0 : n.supportedLocales.find(
+        (M) => M.code === t
+      )) == null ? void 0 : v.name) ?? t;
     }
     function Y(t) {
-      R(), r.value.dispose(), r.value = b.sdk.subCategory.editor(t), C.value = r.value.get(), R = r.value.subscribe(
+      R(), i.value.dispose(), i.value = b.sdk.subCategory.editor(t), C.value = i.value.get(), R = i.value.subscribe(
         (n) => C.value = n
       );
     }
@@ -63,33 +61,33 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
     function Z(t) {
       Y(t.id), x.value = !0;
     }
-    function j() {
+    function B() {
       x.value = !1, T.value = !1, w.value = !1;
     }
     function ee() {
       var t;
-      ((t = l.value) == null ? void 0 : t.translation.state) === "allowed" && (r.value.beginTranslationEdit(), w.value = !0);
+      ((t = l.value) == null ? void 0 : t.translation.state) === "allowed" && (i.value.beginTranslationEdit(), w.value = !0);
     }
     function pe() {
-      r.value.saveTranslationEdit(), w.value = !1;
+      i.value.saveTranslationEdit(), w.value = !1;
     }
     function ae() {
-      r.value.discardTranslationEdit(), w.value = !1;
+      i.value.discardTranslationEdit(), w.value = !1;
     }
     async function te() {
-      var F, M, S, V;
-      const t = (F = l.value) == null ? void 0 : F.mode, n = ((S = (M = l.value) == null ? void 0 : M.name) == null ? void 0 : S.trim()) ?? "", m = Object.keys(((V = l.value) == null ? void 0 : V.fieldIssues) ?? {}).length > 0;
-      t === "update" && !m && j(), (await I(
-        () => z.submit(() => r.value.submit()),
+      var F, N, S, V;
+      const t = (F = l.value) == null ? void 0 : F.mode, n = ((S = (N = l.value) == null ? void 0 : N.name) == null ? void 0 : S.trim()) ?? "", v = Object.keys(((V = l.value) == null ? void 0 : V.fieldIssues) ?? {}).length > 0;
+      t === "update" && !v && B(), (await I(
+        () => z.submit(() => i.value.submit()),
         {
           // A draft refused locally never reaches `submitting`: no spinner.
           showLoading: () => {
-            var N;
-            return ((N = l.value) == null ? void 0 : N.status) === "submitting";
+            var $;
+            return (($ = l.value) == null ? void 0 : $.status) === "submitting";
           },
           successMessage: t === "update" ? a("menu.subcategory.manager.dialog.update.success", { name: n }) : a("menu.subcategory.manager.dialog.add.success", { name: n })
         }
-      )).kind === "success" ? j() : t === "update" && (x.value = !0);
+      )).kind === "success" ? B() : t === "update" && (x.value = !0);
     }
     function le(t) {
       t.remove.state === "allowed" && me.open({
@@ -100,7 +98,7 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
         primaryActions: {
           text: a("menu.common.actions.remove"),
           close: !0,
-          variant: Ce.Destructive
+          variant: Fe.Destructive
         },
         secondaryActions: {
           text: a("menu.common.actions.cancel"),
@@ -114,10 +112,10 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
         });
       });
     }
-    const be = g(() => {
+    const be = y(() => {
       var t;
       return [...((t = s.value) == null ? void 0 : t.rows) ?? []];
-    }), ge = g(() => !s.value || s.value.reorder.state !== "allowed" ? !1 : () => !0);
+    }), ge = y(() => !s.value || s.value.reorder.state !== "allowed" ? !1 : () => !0);
     function ye(t) {
       !s.value || s.value.reorder.state !== "allowed" || I(
         () => b.sdk.subCategory.reorder(t.map((n) => n.id)),
@@ -126,7 +124,7 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
         }
       );
     }
-    const fe = g(() => [
+    const fe = y(() => [
       {
         accessorKey: "name",
         header: () => a("menu.subcategory.columns.title"),
@@ -147,7 +145,7 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
               variant: "tertiary",
               textColor: "neutral-gray-400",
               "aria-label": a("menu.subcategory.dialog.remove.title"),
-              onClick: ie(
+              onClick: re(
                 () => le(t.row.original),
                 ["stop", "prevent"]
               )
@@ -156,48 +154,48 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
         }
       }
     ]);
-    return he(() => {
-      b.sdk.subCategory.search(""), R(), r.value.dispose();
+    return ke(() => {
+      b.sdk.subCategory.search(""), R(), i.value.dispose();
     }), (t, n) => {
-      const m = y("FmButton"), B = y("FmCircularProgress"), F = y("FmSearch"), M = y("FmTable"), S = y("FmTooltip"), V = y("FmTextField"), N = y("FmSideSheet"), _e = y("FmDialog");
-      return u(), h(Se, {
+      const v = g("FmButton"), M = g("FmCircularProgress"), F = g("FmSearch"), N = g("FmTable"), S = g("FmTooltip"), V = g("FmTextField"), $ = g("FmSideSheet"), _e = g("FmSpacer"), he = g("FmDialog");
+      return u(), _(Le, {
         heading: e(a)("menu.subcategory.title")
       }, {
-        "append-heading": v(() => {
+        "append-heading": c(() => {
           var L;
           return [
-            c("div", je, [
-              c("div", Be, [
-                i(Fe, {
+            m("div", Ne, [
+              m("div", $e, [
+                r(Ve, {
                   value: e(J)(((L = s.value) == null ? void 0 : L.totalCount) ?? 0)
                 }, null, 8, ["value"])
               ]),
-              s.value && s.value.totalCount > 0 && !W.value ? (u(), h(m, {
+              s.value && s.value.totalCount > 0 && !W.value ? (u(), _(v, {
                 key: 0,
                 disabled: s.value.create.state !== "allowed",
                 label: e(a)("menu.subcategory.add"),
                 "prepend-icon": "add",
                 onClick: A
-              }, null, 8, ["disabled", "label"])) : _("", !0)
+              }, null, 8, ["disabled", "label"])) : h("", !0)
             ])
           ];
         }),
-        default: v(() => {
+        default: c(() => {
           var L, oe, se;
           return [
-            e(k).status === "error" ? (u(), p("p", Me, f(e(O)(e(k).error.message)), 1)) : e(k).status === "unavailable" ? (u(), p("div", Ne, [
-              i(e(de), {
+            e(k).status === "error" ? (u(), p("p", je, f(e(O)(e(k).error.message)), 1)) : e(k).status === "unavailable" ? (u(), p("div", Oe, [
+              r(e(de), {
                 title: e(a)("menu.subcategory.empty.title"),
                 subtitle: e(a)("menu.subcategory.empty.subtitle")
               }, null, 8, ["title", "subtitle"])
-            ])) : e(k).status === "loading" ? (u(), h(B, { key: 2 })) : s.value && s.value.rows.length === 0 && !P.value ? (u(), h(e(de), {
+            ])) : e(k).status === "loading" ? (u(), _(M, { key: 2 })) : s.value && s.value.rows.length === 0 && !P.value ? (u(), _(e(de), {
               key: 3,
               action: s.value.create.state === "allowed" ? { text: e(a)("menu.subcategory.add"), callback: A } : void 0,
               subtitle: e(a)("menu.subcategory.empty.subtitle"),
               title: e(a)("menu.subcategory.empty.title")
-            }, null, 8, ["action", "subtitle", "title"])) : s.value && W.value ? (u(), p("div", $e, [
-              c("div", Oe, [
-                i(F, {
+            }, null, 8, ["action", "subtitle", "title"])) : s.value && W.value ? (u(), p("div", Ie, [
+              m("div", Pe, [
+                r(F, {
                   autofocus: "",
                   class: "w-full",
                   "model-value": P.value,
@@ -207,39 +205,42 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
                   "onUpdate:modelValue": b.sdk.subCategory.search
                 }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
               ]),
-              c("div", Ie, [
-                (u(!0), p($, null, Q(s.value.rows, (o) => (u(), p("div", {
+              m("div", Re, [
+                (u(!0), p(j, null, Q(s.value.rows, (o) => (u(), p("div", {
                   key: o.id,
                   class: "flex flex-row py-12 px-16",
                   onClick: (d) => Z(o)
                 }, [
-                  c("div", Re, [
-                    c("p", Ae, f(o.name), 1)
+                  m("div", qe, [
+                    m("p", Ke, f(o.name), 1)
                   ]),
-                  i(m, {
+                  r(v, {
                     class: "shrink-0",
                     "aria-label": e(a)("menu.subcategory.dialog.remove.title"),
                     disabled: o.remove.state !== "allowed",
                     "prepend-icon": "delete",
                     "text-color": "neutral-gray-400",
                     variant: "tertiary",
-                    onClick: ie((d) => le(o), ["stop"])
+                    onClick: re((d) => le(o), ["stop"])
                   }, null, 8, ["aria-label", "disabled", "onClick"])
-                ], 8, Pe))), 128))
+                ], 8, Ae))), 128))
               ]),
-              s.value.totalCount > 0 ? (u(), p("div", qe, [
-                i(m, {
-                  disabled: s.value.create.state !== "allowed",
-                  label: e(a)("menu.subcategory.add"),
-                  "prepend-icon": "add",
-                  variant: "fab",
-                  onClick: A
-                }, null, 8, ["disabled", "label"])
-              ])) : _("", !0)
-            ])) : s.value ? (u(), p($, { key: 5 }, [
-              c("div", Ke, [
-                c("div", Qe, [
-                  i(F, {
+              s.value.totalCount > 0 ? (u(), _(Se, { key: 0 }, {
+                default: c(() => [
+                  r(v, {
+                    disabled: s.value.create.state !== "allowed",
+                    label: e(a)("menu.subcategory.add"),
+                    "prepend-icon": "add",
+                    variant: "fab",
+                    onClick: A
+                  }, null, 8, ["disabled", "label"])
+                ]),
+                _: 1
+              })) : h("", !0)
+            ])) : s.value ? (u(), p(j, { key: 5 }, [
+              m("div", Qe, [
+                m("div", Ge, [
+                  r(F, {
                     autofocus: "",
                     class: "mb-8",
                     "model-value": P.value,
@@ -250,7 +251,7 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ])
               ]),
-              i(M, {
+              r(N, {
                 class: "subcategory-table",
                 "column-defs": fe.value,
                 draggable: ge.value,
@@ -262,8 +263,8 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
                 onDndChanged: ye,
                 onRowClick: n[0] || (n[0] = (o) => Z(o.original))
               }, null, 8, ["column-defs", "draggable", "page-size", "row-data"])
-            ], 64)) : _("", !0),
-            ((L = l.value) == null ? void 0 : L.mode) === "update" ? (u(), h(N, {
+            ], 64)) : h("", !0),
+            ((L = l.value) == null ? void 0 : L.mode) === "update" ? (u(), _($, {
               key: 6,
               modelValue: x.value,
               "onUpdate:modelValue": n[1] || (n[1] = (o) => x.value = o),
@@ -272,65 +273,65 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
               "max-width": 560,
               "z-index": 100
             }, {
-              "side-sheet-header": v(() => {
+              "side-sheet-header": c(() => {
                 var o;
                 return [
-                  c("p", Ge, f(((o = l.value) == null ? void 0 : o.mode) === "update" ? e(a)("menu.subcategory.title") : e(a)("menu.subcategory.manager.dialog.add.title")), 1)
+                  m("p", He, f(((o = l.value) == null ? void 0 : o.mode) === "update" ? e(a)("menu.subcategory.title") : e(a)("menu.subcategory.manager.dialog.add.title")), 1)
                 ];
               }),
-              "side-sheet-footer": v(() => {
+              "side-sheet-footer": c(() => {
                 var o, d;
                 return [
-                  c("div", Ye, [
-                    i(m, {
+                  m("div", Ze, [
+                    r(v, {
                       disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
                       label: ((d = l.value) == null ? void 0 : d.mode) === "update" ? e(a)("menu.subcategory.manager.dialog.update.action") : e(a)("menu.subcategory.manager.dialog.add.action"),
                       size: "lg",
                       type: "submit",
                       variant: "primary"
                     }, null, 8, ["disabled", "label"]),
-                    i(m, {
+                    r(v, {
                       label: e(a)("menu.common.actions.cancel"),
                       size: "lg",
                       variant: "tertiary",
-                      onClick: j
+                      onClick: B
                     }, null, 8, ["label"])
                   ])
                 ];
               }),
-              default: v(() => {
+              default: c(() => {
                 var o;
                 return [
-                  c("div", He, [
-                    i(V, re({
+                  m("div", Je, [
+                    r(V, ie({
                       "error-messages": E.value ? [e(O)(E.value)] : [],
                       label: e(a)("menu.subcategory.name"),
                       "model-value": ((o = l.value) == null ? void 0 : o.name) ?? "",
                       placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder")
-                    }, e(z).field("name", r.value.setName)), {
-                      append: v(() => [
-                        c("div", Je, [
-                          i(S, {
+                    }, e(z).field("name", i.value.setName)), {
+                      append: c(() => [
+                        m("div", We, [
+                          r(S, {
                             variant: "plain",
                             placement: "top",
                             "z-index": 999
                           }, {
-                            content: v(() => {
+                            content: c(() => {
                               var d, U;
                               return [
-                                c("div", We, [
-                                  Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (u(), p("div", Xe, f(e(a)("menu.common.translation.translation_label")), 1)) : _("", !0),
-                                  (u(!0), p($, null, Q((U = l.value) == null ? void 0 : U.nameLocale, (q, D) => (u(), p("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
+                                m("div", Xe, [
+                                  Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (u(), p("div", Ye, f(e(a)("menu.common.translation.translation_label")), 1)) : h("", !0),
+                                  (u(!0), p(j, null, Q((U = l.value) == null ? void 0 : U.nameLocale, (q, D) => (u(), p("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
                                     value: q,
                                     locale: X(D)
                                   })), 1))), 128))
                                 ])
                               ];
                             }),
-                            default: v(() => {
+                            default: c(() => {
                               var d;
                               return [
-                                i(m, {
+                                r(v, {
                                   icon: "g_translate",
                                   "aria-label": e(a)("menu.common.translation.translation_label"),
                                   variant: "tertiary",
@@ -349,8 +350,8 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
                 ];
               }),
               _: 1
-            }, 8, ["modelValue", "is-container", "is-container-props"])) : _("", !0),
-            ((oe = l.value) == null ? void 0 : oe.mode) === "update" || ((se = l.value) == null ? void 0 : se.mode) === "create" ? (u(), h(Ve, {
+            }, 8, ["modelValue", "is-container", "is-container-props"])) : h("", !0),
+            ((oe = l.value) == null ? void 0 : oe.mode) === "update" || ((se = l.value) == null ? void 0 : se.mode) === "create" ? (u(), _(Ue, {
               key: 7,
               "model-value": w.value,
               "onUpdate:modelValue": n[2] || (n[2] = (o) => o || ae()),
@@ -359,71 +360,73 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
               "supported-locales": l.value.supportedLocales,
               dirty: l.value.translationDirty,
               "z-index": 200,
-              "onUpdate:name": r.value.setName,
-              "onUpdate:nameLocale": r.value.setNameLocale,
+              "onUpdate:name": i.value.setName,
+              "onUpdate:nameLocale": i.value.setNameLocale,
               onSave: pe,
               onDiscard: ae
-            }, null, 8, ["model-value", "name", "name-locale", "supported-locales", "dirty", "onUpdate:name", "onUpdate:nameLocale"])) : _("", !0),
-            i(_e, {
+            }, null, 8, ["model-value", "name", "name-locale", "supported-locales", "dirty", "onUpdate:name", "onUpdate:nameLocale"])) : h("", !0),
+            r(he, {
               modelValue: T.value,
               "onUpdate:modelValue": n[3] || (n[3] = (o) => T.value = o),
               "is-component": e(G).FmForm,
-              "is-component-props": { onValidationSuccess: te },
-              "max-width": 560
+              "is-component-props": { onValidationSuccess: te }
             }, {
-              "dialog-header": v(() => [
-                c("p", Ze, f(e(a)("menu.subcategory.manager.dialog.add.title")), 1)
+              "dialog-header": c(() => [
+                m("p", ea, f(e(a)("menu.subcategory.manager.dialog.add.title")), 1)
               ]),
-              "dialog-footer": v(() => {
+              "dialog-footer": c(() => {
                 var o;
                 return [
-                  c("div", ta, [
-                    i(m, {
-                      label: e(a)("menu.common.actions.cancel"),
-                      variant: "tertiary",
-                      onClick: j
-                    }, null, 8, ["label"]),
-                    i(m, {
-                      disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
-                      label: e(a)("menu.subcategory.manager.dialog.add.action"),
-                      type: "submit",
-                      variant: "primary"
-                    }, null, 8, ["disabled", "label"])
-                  ])
+                  r(_e, { class: "sm:hidden xs:hidden" }),
+                  r(v, {
+                    class: "sm:w-full xs:w-full",
+                    label: e(a)("menu.common.actions.cancel"),
+                    size: "md",
+                    variant: "tertiary",
+                    onClick: B
+                  }, null, 8, ["label"]),
+                  r(v, {
+                    class: "sm:w-full xs:w-full",
+                    disabled: ((o = l.value) == null ? void 0 : o.submit.state) !== "allowed",
+                    label: e(a)("menu.subcategory.manager.dialog.add.action"),
+                    size: "md",
+                    type: "submit",
+                    variant: "primary"
+                  }, null, 8, ["disabled", "label"])
                 ];
               }),
-              default: v(() => {
+              default: c(() => {
                 var o;
                 return [
-                  i(V, re({
+                  r(V, ie({
                     autofocus: "",
                     "error-messages": E.value ? [e(O)(E.value)] : [],
                     label: e(a)("menu.subcategory.name"),
                     "model-value": ((o = l.value) == null ? void 0 : o.name) ?? "",
                     placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder")
-                  }, e(z).field("name", r.value.setName)), {
-                    append: v(() => [
-                      i(S, {
+                  }, e(z).field("name", i.value.setName)), {
+                    append: c(() => [
+                      r(S, {
                         variant: "plain",
                         placement: "top",
                         "z-index": 999
                       }, {
-                        content: v(() => {
+                        content: c(() => {
                           var d, U;
                           return [
-                            c("div", ea, [
-                              Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (u(), p("div", aa, f(e(a)("menu.common.translation.translation_label")), 1)) : _("", !0),
-                              (u(!0), p($, null, Q((U = l.value) == null ? void 0 : U.nameLocale, (q, D) => (u(), p("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
+                            m("div", aa, [
+                              Object.keys(((d = l.value) == null ? void 0 : d.nameLocale) ?? {}).length === 0 ? (u(), p("div", ta, f(e(a)("menu.common.translation.translation_label")), 1)) : h("", !0),
+                              (u(!0), p(j, null, Q((U = l.value) == null ? void 0 : U.nameLocale, (q, D) => (u(), p("div", { key: D }, f(e(a)("menu.subcategory.translation.tooltip_value", {
                                 value: q,
                                 locale: X(D)
                               })), 1))), 128))
                             ])
                           ];
                         }),
-                        default: v(() => {
+                        default: c(() => {
                           var d;
                           return [
-                            i(m, {
+                            r(v, {
                               icon: "g_translate",
                               "aria-label": e(a)("menu.common.translation.translation_label"),
                               variant: "tertiary",
@@ -447,13 +450,13 @@ const je = { class: "flex-1 flex justify-between gap-8 pl-8" }, Be = { class: "f
       }, 8, ["heading"]);
     };
   }
-}), oa = /* @__PURE__ */ Ee(la, [["__scopeId", "data-v-98d71a60"]]), ga = /* @__PURE__ */ ce({
+}), oa = /* @__PURE__ */ Me(la, [["__scopeId", "data-v-527107b4"]]), ya = /* @__PURE__ */ ce({
   __name: "Subcategory",
   setup(H) {
-    const b = ze();
-    return (a, J) => (u(), h(oa, { sdk: e(b) }, null, 8, ["sdk"]));
+    const b = Be();
+    return (a, J) => (u(), _(oa, { sdk: e(b) }, null, 8, ["sdk"]));
   }
 });
 export {
-  ga as default
+  ya as default
 };

package/dist/{Takeaway-D8FzvC2w.js → Takeaway-CFATfy-6.js}

@@ -1,6 +1,6 @@
 import { defineComponent as o, openBlock as n, createBlock as r, unref as a } from "vue";
-import { _ as s } from "./TakeawayList.vue_vue_type_script_setup_true_lang-igS-FXq5.js";
-import { a as t } from "./provide-Bwf3KcOV.js";
+import { _ as s } from "./TakeawayList.vue_vue_type_script_setup_true_lang-CUHB-g9I.js";
+import { a as t } from "./provide-BGLSDsuJ.js";
 const k = /* @__PURE__ */ o({
   __name: "Takeaway",
   setup(_) {

package/dist/{Takeaway-BWVzwWnh.js → Takeaway-DFqOtls7.js}

@@ -1,29 +1,30 @@
-import { defineComponent as m, resolveComponent as i, openBlock as s, createBlock as c, unref as a, withCtx as t, createVNode as e } from "vue";
+import { defineComponent as m, resolveComponent as i, openBlock as s, createBlock as c, unref as a, withCtx as e, createVNode as t } from "vue";
 import { RouterLink as p } from "vue-router";
 import { useI18n as _ } from "@feedmepos/mf-common";
-import { _ as l } from "./TakeawayList.vue_vue_type_script_setup_true_lang-igS-FXq5.js";
-import { _ as d } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-P59vHZEn.js";
-import { R as u } from "./app-C_XNYz8_.js";
-import { a as f } from "./provide-Bwf3KcOV.js";
-import { _ as k } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-doB3hsWD.js";
+import { _ as l } from "./TakeawayList.vue_vue_type_script_setup_true_lang-CUHB-g9I.js";
+import { _ as d } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-CMyubLvP.js";
+import { R as f } from "./app-CxJjx2ma.js";
+import { a as u } from "./provide-BGLSDsuJ.js";
+import { _ as k } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CraEwqCY.js";
 const A = /* @__PURE__ */ m({
   __name: "Takeaway",
   setup(g) {
-    const o = f(), { t: n } = _();
+    const o = u(), { t: n } = _();
     return (b, h) => {
       const r = i("FmButton");
       return s(), c(l, {
+        class: "xs:overflow-hidden",
         "catalog-page": "",
         sdk: a(o)
       }, {
-        "prepend-heading": t(() => [
-          e(a(p), {
-            to: { name: a(u).CATALOG },
+        "prepend-heading": e(() => [
+          t(a(p), {
+            to: { name: a(f).CATALOG },
             class: "mr-8",
             title: a(n)("menu.catalog.edit.back")
           }, {
-            default: t(() => [
-              e(r, {
+            default: e(() => [
+              t(r, {
                 "prepend-icon": "arrow_back",
                 variant: "tertiary",
                 "aria-label": a(n)("menu.catalog.edit.back")
@@ -32,11 +33,11 @@ const A = /* @__PURE__ */ m({
             _: 1
           }, 8, ["to", "title"])
         ]),
-        navigation: t(() => [
-          e(k)
+        navigation: e(() => [
+          t(k)
         ]),
-        "append-heading": t(() => [
-          e(d, { sdk: a(o) }, null, 8, ["sdk"])
+        "append-heading": e(() => [
+          t(d, { sdk: a(o) }, null, 8, ["sdk"])
         ]),
         _: 1
       }, 8, ["sdk"]);