@feedmepos/mf-menu 1.0.1-dev.2 → 1.0.1-dev.3

package/dist/{Subcategory-DBCnIP0b.js → Subcategory-wbHw1iCU.js}

@@ -1,78 +1,78 @@
-import { defineComponent as se, computed as w, ref as O, shallowRef as te, h as le, withModifiers as ye, onUnmounted as fe, resolveComponent as f, openBlock as u, createBlock as h, unref as e, withCtx as d, createElementBlock as b, toDisplayString as _, createVNode as i, Fragment as $, createElementVNode as c, createCommentVNode as F, renderList as oe } from "vue";
+import { defineComponent as se, computed as C, ref as O, shallowRef as te, h as le, withModifiers as ye, onUnmounted as fe, resolveComponent as f, openBlock as r, createBlock as k, unref as e, withCtx as c, createElementBlock as g, toDisplayString as h, createVNode as d, Fragment as $, createElementVNode as p, createCommentVNode as F, renderList as oe } from "vue";
 import { useI18n as _e } from "@feedmepos/mf-common";
 import { useDialog as he, components as R, FmButtonVariant as ke } from "@feedmepos/ui-library";
 import { _ as ne } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
 import { _ as xe } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
 import { _ as we } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as Fe } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as Ce } from "./useActionFeedback-CdY_C_HX.js";
-import { b as Se, u as Ve, a as Le } from "./provide-dbE6Qt1z.js";
+import { _ as Ce } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
+import { u as Fe } from "./useActionFeedback-CfPMryOm.js";
+import { b as Se, u as Ve, a as Le } from "./provide-UZbVvMqZ.js";
 import { _ as Ue } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "flex items-center" }, ze = {
+const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "flex items-center" }, Ne = {
   key: 0,
   class: "text-fm-color-typo-secondary",
   role: "alert"
-}, Ee = {
+}, ze = {
   key: 1,
   "data-menu-state": "unavailable"
-}, Ie = { class: "flex justify-end items-center" }, Ne = { class: "w-[320px]" }, je = { class: "fm-typo-en-title-md-600" }, Be = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Me = { "data-testid": "subcategory-translation-button" }, Oe = { class: "py-12 px-16 space-y-4" }, $e = { key: 0 }, Re = { class: "flex gap-8 items-center justify-start" }, Ae = { class: "fm-typo-en-title-sm-600" }, Pe = { class: "py-12 px-16 space-y-4" }, qe = { key: 0 }, Ke = { class: "flex w-full gap-8 items-center justify-end px-0 pb-0" }, Qe = /* @__PURE__ */ se({
+}, Ee = { class: "flex justify-end items-center" }, Ie = { class: "w-[320px]" }, je = { class: "fm-typo-en-title-md-600" }, Be = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Me = { "data-testid": "subcategory-translation-button" }, Oe = { class: "py-12 px-16 space-y-4" }, $e = { key: 0 }, Re = { class: "flex gap-8 items-center justify-start" }, Ae = { class: "fm-typo-en-title-sm-600" }, Pe = { class: "py-12 px-16 space-y-4" }, qe = { key: 0 }, Ke = { class: "flex w-full gap-8 items-center justify-end px-0 pb-0" }, Qe = /* @__PURE__ */ se({
   __name: "SubcategoryList",
   props: {
     sdk: {}
   },
   setup(A) {
-    const g = A, { t: a, n: P } = _e(), j = Se(), ue = he(), { run: B } = Ce(), k = Ve(g.sdk.subCategory.list), s = w(
-      () => k.value.status === "ready" ? k.value.value : null
-    ), C = O(!1), S = O(!1), D = O(!1), q = w(() => {
+    const b = A, { t: a, n: P } = _e(), S = Se(), ue = he(), { run: B } = Fe(), x = Ve(b.sdk.subCategory.list), s = C(
+      () => x.value.status === "ready" ? x.value.value : null
+    ), V = O(!1), L = O(!1), N = O(!1), q = C(() => {
       var t;
       return ((t = s.value) == null ? void 0 : t.query) ?? "";
-    }), r = te(
-      g.sdk.subCategory.editor()
-    ), V = te(
-      r.value.get()
+    }), u = te(
+      b.sdk.subCategory.editor()
+    ), U = te(
+      u.value.get()
     );
-    let M = r.value.subscribe(
-      (t) => V.value = t
+    let M = u.value.subscribe(
+      (t) => U.value = t
     );
-    const l = w(
-      () => V.value.status === "ready" ? V.value.value : null
+    const l = C(
+      () => U.value.status === "ready" ? U.value.value : null
     );
     function K(t) {
-      var o, m;
-      return ((m = (o = l.value) == null ? void 0 : o.supportedLocales.find(
-        (x) => x.code === t
-      )) == null ? void 0 : m.name) ?? t;
+      var o, v;
+      return ((v = (o = l.value) == null ? void 0 : o.supportedLocales.find(
+        (w) => w.code === t
+      )) == null ? void 0 : v.name) ?? t;
     }
     function Q(t) {
-      M(), r.value.dispose(), r.value = g.sdk.subCategory.editor(t), V.value = r.value.get(), M = r.value.subscribe(
-        (o) => V.value = o
+      M(), u.value.dispose(), u.value = b.sdk.subCategory.editor(t), U.value = u.value.get(), M = u.value.subscribe(
+        (o) => U.value = o
       );
     }
     function G() {
-      !s.value || s.value.create.state !== "allowed" || (Q(), D.value = !0);
+      !s.value || s.value.create.state !== "allowed" || (Q(), N.value = !0);
     }
     function re(t) {
-      Q(t.id), C.value = !0;
+      Q(t.id), V.value = !0;
     }
-    function T() {
-      C.value = !1, D.value = !1, S.value = !1;
+    function z() {
+      V.value = !1, N.value = !1, L.value = !1;
     }
     function H() {
       var t;
-      ((t = l.value) == null ? void 0 : t.translation.state) === "allowed" && (r.value.beginTranslationEdit(), S.value = !0);
+      ((t = l.value) == null ? void 0 : t.translation.state) === "allowed" && (u.value.beginTranslationEdit(), L.value = !0);
     }
     function ie() {
-      r.value.saveTranslationEdit(), S.value = !1;
+      u.value.saveTranslationEdit(), L.value = !1;
     }
     function J() {
-      r.value.discardTranslationEdit(), S.value = !1;
+      u.value.discardTranslationEdit(), L.value = !1;
     }
     async function W() {
-      var x, z, E;
-      const t = (x = l.value) == null ? void 0 : x.mode, o = ((E = (z = l.value) == null ? void 0 : z.name) == null ? void 0 : E.trim()) ?? "";
-      t === "update" && T(), (await B(() => r.value.submit(), {
+      var w, E, I;
+      const t = (w = l.value) == null ? void 0 : w.mode, o = ((I = (E = l.value) == null ? void 0 : E.name) == null ? void 0 : I.trim()) ?? "";
+      t === "update" && z(), (await B(() => u.value.submit(), {
         successMessage: t === "update" ? a("menu.subcategory.manager.dialog.update.success", { name: o }) : a("menu.subcategory.manager.dialog.add.success", { name: o })
-      })).kind === "success" ? T() : t === "update" && (C.value = !0);
+      })).kind === "success" ? z() : t === "update" && (V.value = !0);
     }
     function de(t) {
       t.remove.state === "allowed" && ue.open({
@@ -90,26 +90,26 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
           close: !0
         }
       }).onPrimary(async () => {
-        await B(() => g.sdk.subCategory.remove(t.id), {
+        await B(() => b.sdk.subCategory.remove(t.id), {
           successMessage: a("menu.subcategory.dialog.remove.success", {
             name: t.name
           })
         });
       });
     }
-    const ce = w(() => {
+    const ce = C(() => {
       var t;
       return [...((t = s.value) == null ? void 0 : t.rows) ?? []];
-    }), me = w(() => !s.value || s.value.reorder.state !== "allowed" ? !1 : () => !0);
+    }), me = C(() => !s.value || s.value.reorder.state !== "allowed" ? !1 : () => !0);
     function pe(t) {
       !s.value || s.value.reorder.state !== "allowed" || B(
-        () => g.sdk.subCategory.reorder(t.map((o) => o.id)),
+        () => b.sdk.subCategory.reorder(t.map((o) => o.id)),
         {
           successMessage: a("menu.subcategory.rearrange.success")
         }
       );
     }
-    const ve = w(() => [
+    const ve = C(() => [
       {
         accessorKey: "name",
         header: () => a("menu.subcategory.columns.title"),
@@ -140,22 +140,22 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
       }
     ]);
     return fe(() => {
-      M(), r.value.dispose();
+      b.sdk.subCategory.search(""), M(), u.value.dispose();
     }), (t, o) => {
-      const m = f("FmButton"), x = f("FmCircularProgress"), z = f("FmSearch"), E = f("FmTable"), X = f("FmTooltip"), Y = f("FmTextField"), be = f("FmSideSheet"), ge = f("FmDialog");
-      return u(), h(we, {
+      const v = f("FmButton"), w = f("FmCircularProgress"), E = f("FmSearch"), I = f("FmTable"), X = f("FmTooltip"), Y = f("FmTextField"), be = f("FmSideSheet"), ge = f("FmDialog");
+      return r(), k(we, {
         heading: e(a)("menu.subcategory.title")
       }, {
-        "append-heading": d(() => {
-          var L;
+        "append-heading": c(() => {
+          var D;
           return [
-            c("div", De, [
-              c("div", Te, [
-                i(xe, {
-                  value: e(P)(((L = s.value) == null ? void 0 : L.totalCount) ?? 0)
+            p("div", De, [
+              p("div", Te, [
+                d(xe, {
+                  value: e(P)(((D = s.value) == null ? void 0 : D.totalCount) ?? 0)
                 }, null, 8, ["value"])
               ]),
-              s.value && s.value.totalCount > 0 ? (u(), h(m, {
+              s.value && s.value.totalCount > 0 ? (r(), k(v, {
                 key: 0,
                 disabled: s.value.create.state !== "allowed",
                 label: e(a)("menu.subcategory.add"),
@@ -165,34 +165,34 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
             ])
           ];
         }),
-        default: d(() => {
-          var L, Z, ee;
+        default: c(() => {
+          var D, Z, ee;
           return [
-            e(k).status === "error" ? (u(), b("p", ze, _(e(j)(e(k).error.message)), 1)) : e(k).status === "unavailable" ? (u(), b("div", Ee, [
-              i(e(ne), {
+            e(x).status === "error" ? (r(), g("p", Ne, h(e(S)(e(x).error.message)), 1)) : e(x).status === "unavailable" ? (r(), g("div", ze, [
+              d(e(ne), {
                 title: e(a)("menu.subcategory.empty.title"),
                 subtitle: e(a)("menu.subcategory.empty.subtitle")
               }, null, 8, ["title", "subtitle"])
-            ])) : e(k).status === "loading" ? (u(), h(x, { key: 2 })) : s.value && s.value.rows.length === 0 && !q.value ? (u(), h(e(ne), {
+            ])) : e(x).status === "loading" ? (r(), k(w, { key: 2 })) : s.value && s.value.rows.length === 0 && !q.value ? (r(), k(e(ne), {
               key: 3,
               action: s.value.create.state === "allowed" ? { text: e(a)("menu.subcategory.add"), callback: G } : void 0,
               subtitle: e(a)("menu.subcategory.empty.subtitle"),
               title: e(a)("menu.subcategory.empty.title")
-            }, null, 8, ["action", "subtitle", "title"])) : s.value ? (u(), b($, { key: 4 }, [
-              c("div", Ie, [
-                c("div", Ne, [
-                  i(z, {
+            }, null, 8, ["action", "subtitle", "title"])) : s.value ? (r(), g($, { key: 4 }, [
+              p("div", Ee, [
+                p("div", Ie, [
+                  d(E, {
                     autofocus: "",
                     class: "mb-8",
                     "model-value": q.value,
                     placeholder: e(a)("menu.common.labels.search_placeholder", {
                       type: e(a)("menu.subcategory.title")
                     }),
-                    "onUpdate:modelValue": g.sdk.subCategory.search
+                    "onUpdate:modelValue": b.sdk.subCategory.search
                   }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])
                 ])
               ]),
-              i(E, {
+              d(I, {
                 class: "subcategory-table",
                 "column-defs": ve.value,
                 draggable: me.value,
@@ -205,80 +205,86 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
                 onRowClick: o[0] || (o[0] = (n) => re(n.original))
               }, null, 8, ["column-defs", "draggable", "page-size", "row-data"])
             ], 64)) : F("", !0),
-            ((L = l.value) == null ? void 0 : L.mode) === "update" ? (u(), h(be, {
+            ((D = l.value) == null ? void 0 : D.mode) === "update" ? (r(), k(be, {
               key: 5,
-              modelValue: C.value,
-              "onUpdate:modelValue": o[2] || (o[2] = (n) => C.value = n),
+              modelValue: V.value,
+              "onUpdate:modelValue": o[2] || (o[2] = (n) => V.value = n),
               "is-container": e(R).FmForm,
               "is-container-props": { onValidationSuccess: W },
               "max-width": 560,
               "z-index": 100
             }, {
-              "side-sheet-header": d(() => {
+              "side-sheet-header": c(() => {
                 var n;
                 return [
-                  c("p", je, _(((n = l.value) == null ? void 0 : n.mode) === "update" ? e(a)("menu.subcategory.title") : e(a)("menu.subcategory.manager.dialog.add.title")), 1)
+                  p("p", je, h(((n = l.value) == null ? void 0 : n.mode) === "update" ? e(a)("menu.subcategory.title") : e(a)("menu.subcategory.manager.dialog.add.title")), 1)
                 ];
               }),
-              "side-sheet-footer": d(() => {
+              "side-sheet-footer": c(() => {
                 var n, y;
                 return [
-                  c("div", Re, [
-                    i(m, {
+                  p("div", Re, [
+                    d(v, {
                       disabled: ((n = l.value) == null ? void 0 : n.submit.state) !== "allowed",
                       label: ((y = l.value) == null ? void 0 : y.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, {
+                    d(v, {
                       label: e(a)("menu.common.actions.cancel"),
                       size: "lg",
                       variant: "tertiary",
-                      onClick: T
+                      onClick: z
                     }, null, 8, ["label"])
                   ])
                 ];
               }),
-              default: d(() => {
-                var n, y, U;
+              default: c(() => {
+                var n, y, T;
                 return [
-                  c("div", Be, [
-                    i(Y, {
+                  p("div", Be, [
+                    d(Y, {
+                      rules: [
+                        (m) => {
+                          const i = u.value.validateName(String(m ?? ""));
+                          return i ? e(S)(i) : !0;
+                        }
+                      ],
                       "helper-state": (n = l.value) != null && n.nameIssue ? "error" : "none",
-                      "helper-text": (y = l.value) != null && y.nameIssue ? e(j)(l.value.nameIssue) : "",
+                      "helper-text": (y = l.value) != null && y.nameIssue ? e(S)(l.value.nameIssue) : "",
                       label: e(a)("menu.subcategory.name"),
-                      "model-value": ((U = l.value) == null ? void 0 : U.name) ?? "",
+                      "model-value": ((T = l.value) == null ? void 0 : T.name) ?? "",
                       placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder"),
-                      "onUpdate:modelValue": o[1] || (o[1] = (p) => r.value.setName(p))
+                      "onUpdate:modelValue": o[1] || (o[1] = (m) => u.value.setName(m))
                     }, {
-                      append: d(() => [
-                        c("div", Me, [
-                          i(X, {
+                      append: c(() => [
+                        p("div", Me, [
+                          d(X, {
                             variant: "plain",
                             placement: "top",
                             "z-index": 999
                           }, {
-                            content: d(() => {
-                              var p, v;
+                            content: c(() => {
+                              var m, i;
                               return [
-                                c("div", Oe, [
-                                  Object.keys(((p = l.value) == null ? void 0 : p.nameLocale) ?? {}).length === 0 ? (u(), b("div", $e, _(e(a)("menu.common.translation.translation_label")), 1)) : F("", !0),
-                                  (u(!0), b($, null, oe((v = l.value) == null ? void 0 : v.nameLocale, (I, N) => (u(), b("div", { key: N }, _(e(a)("menu.subcategory.translation.tooltip_value", {
-                                    value: I,
-                                    locale: K(N)
+                                p("div", Oe, [
+                                  Object.keys(((m = l.value) == null ? void 0 : m.nameLocale) ?? {}).length === 0 ? (r(), g("div", $e, h(e(a)("menu.common.translation.translation_label")), 1)) : F("", !0),
+                                  (r(!0), g($, null, oe((i = l.value) == null ? void 0 : i.nameLocale, (_, j) => (r(), g("div", { key: j }, h(e(a)("menu.subcategory.translation.tooltip_value", {
+                                    value: _,
+                                    locale: K(j)
                                   })), 1))), 128))
                                 ])
                               ];
                             }),
-                            default: d(() => {
-                              var p;
+                            default: c(() => {
+                              var m;
                               return [
-                                i(m, {
+                                d(v, {
                                   icon: "g_translate",
                                   "aria-label": e(a)("menu.common.translation.translation_label"),
                                   variant: "tertiary",
-                                  disabled: ((p = l.value) == null ? void 0 : p.translation.state) !== "allowed",
+                                  disabled: ((m = l.value) == null ? void 0 : m.translation.state) !== "allowed",
                                   onClick: H
                                 }, null, 8, ["aria-label", "disabled"])
                               ];
@@ -288,46 +294,46 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
                         ])
                       ]),
                       _: 1
-                    }, 8, ["helper-state", "helper-text", "label", "model-value", "placeholder"])
+                    }, 8, ["rules", "helper-state", "helper-text", "label", "model-value", "placeholder"])
                   ])
                 ];
               }),
               _: 1
             }, 8, ["modelValue", "is-container", "is-container-props"])) : F("", !0),
-            ((Z = l.value) == null ? void 0 : Z.mode) === "update" || ((ee = l.value) == null ? void 0 : ee.mode) === "create" ? (u(), h(Fe, {
+            ((Z = l.value) == null ? void 0 : Z.mode) === "update" || ((ee = l.value) == null ? void 0 : ee.mode) === "create" ? (r(), k(Ce, {
               key: 6,
-              "model-value": S.value,
+              "model-value": L.value,
               "onUpdate:modelValue": o[3] || (o[3] = (n) => n || J()),
               name: l.value.name,
               "name-locale": l.value.nameLocale,
               "supported-locales": l.value.supportedLocales,
               dirty: l.value.translationDirty,
               "z-index": 200,
-              "onUpdate:name": r.value.setName,
-              "onUpdate:nameLocale": r.value.setNameLocale,
+              "onUpdate:name": u.value.setName,
+              "onUpdate:nameLocale": u.value.setNameLocale,
               onSave: ie,
               onDiscard: J
             }, null, 8, ["model-value", "name", "name-locale", "supported-locales", "dirty", "onUpdate:name", "onUpdate:nameLocale"])) : F("", !0),
-            i(ge, {
-              modelValue: D.value,
-              "onUpdate:modelValue": o[5] || (o[5] = (n) => D.value = n),
+            d(ge, {
+              modelValue: N.value,
+              "onUpdate:modelValue": o[5] || (o[5] = (n) => N.value = n),
               "is-component": e(R).FmForm,
               "is-component-props": { onValidationSuccess: W },
               "max-width": 560
             }, {
-              "dialog-header": d(() => [
-                c("p", Ae, _(e(a)("menu.subcategory.manager.dialog.add.title")), 1)
+              "dialog-header": c(() => [
+                p("p", Ae, h(e(a)("menu.subcategory.manager.dialog.add.title")), 1)
               ]),
-              "dialog-footer": d(() => {
+              "dialog-footer": c(() => {
                 var n;
                 return [
-                  c("div", Ke, [
-                    i(m, {
+                  p("div", Ke, [
+                    d(v, {
                       label: e(a)("menu.common.actions.cancel"),
                       variant: "tertiary",
-                      onClick: T
+                      onClick: z
                     }, null, 8, ["label"]),
-                    i(m, {
+                    d(v, {
                       disabled: ((n = l.value) == null ? void 0 : n.submit.state) !== "allowed",
                       label: e(a)("menu.subcategory.manager.dialog.add.action"),
                       type: "submit",
@@ -336,45 +342,51 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
                   ])
                 ];
               }),
-              default: d(() => {
-                var n, y, U, p;
+              default: c(() => {
+                var n, y, T, m;
                 return [
-                  i(Y, {
+                  d(Y, {
                     autofocus: "",
                     invalid: !!((n = l.value) != null && n.nameIssue),
+                    rules: [
+                      (i) => {
+                        const _ = u.value.validateName(String(i ?? ""));
+                        return _ ? e(S)(_) : !0;
+                      }
+                    ],
                     "helper-state": (y = l.value) != null && y.nameIssue ? "error" : "none",
-                    "helper-text": (U = l.value) != null && U.nameIssue ? e(j)(l.value.nameIssue) : "",
+                    "helper-text": (T = l.value) != null && T.nameIssue ? e(S)(l.value.nameIssue) : "",
                     label: e(a)("menu.subcategory.name"),
-                    "model-value": ((p = l.value) == null ? void 0 : p.name) ?? "",
+                    "model-value": ((m = l.value) == null ? void 0 : m.name) ?? "",
                     placeholder: e(a)("menu.subcategory.dialog.add.name.placeholder"),
-                    "onUpdate:modelValue": o[4] || (o[4] = (v) => r.value.setName(v))
+                    "onUpdate:modelValue": o[4] || (o[4] = (i) => u.value.setName(i))
                   }, {
-                    append: d(() => [
-                      i(X, {
+                    append: c(() => [
+                      d(X, {
                         variant: "plain",
                         placement: "top",
                         "z-index": 999
                       }, {
-                        content: d(() => {
-                          var v, I;
+                        content: c(() => {
+                          var i, _;
                           return [
-                            c("div", Pe, [
-                              Object.keys(((v = l.value) == null ? void 0 : v.nameLocale) ?? {}).length === 0 ? (u(), b("div", qe, _(e(a)("menu.common.translation.translation_label")), 1)) : F("", !0),
-                              (u(!0), b($, null, oe((I = l.value) == null ? void 0 : I.nameLocale, (N, ae) => (u(), b("div", { key: ae }, _(e(a)("menu.subcategory.translation.tooltip_value", {
-                                value: N,
+                            p("div", Pe, [
+                              Object.keys(((i = l.value) == null ? void 0 : i.nameLocale) ?? {}).length === 0 ? (r(), g("div", qe, h(e(a)("menu.common.translation.translation_label")), 1)) : F("", !0),
+                              (r(!0), g($, null, oe((_ = l.value) == null ? void 0 : _.nameLocale, (j, ae) => (r(), g("div", { key: ae }, h(e(a)("menu.subcategory.translation.tooltip_value", {
+                                value: j,
                                 locale: K(ae)
                               })), 1))), 128))
                             ])
                           ];
                         }),
-                        default: d(() => {
-                          var v;
+                        default: c(() => {
+                          var i;
                           return [
-                            i(m, {
+                            d(v, {
                               icon: "g_translate",
                               "aria-label": e(a)("menu.common.translation.translation_label"),
                               variant: "tertiary",
-                              disabled: ((v = l.value) == null ? void 0 : v.translation.state) !== "allowed",
+                              disabled: ((i = l.value) == null ? void 0 : i.translation.state) !== "allowed",
                               onClick: H
                             }, null, 8, ["aria-label", "disabled"])
                           ];
@@ -383,7 +395,7 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
                       })
                     ]),
                     _: 1
-                  }, 8, ["invalid", "helper-state", "helper-text", "label", "model-value", "placeholder"])
+                  }, 8, ["invalid", "rules", "helper-state", "helper-text", "label", "model-value", "placeholder"])
                 ];
               }),
               _: 1
@@ -394,11 +406,11 @@ const De = { class: "flex-1 flex justify-between gap-8 pl-8" }, Te = { class: "f
       }, 8, ["heading"]);
     };
   }
-}), Ge = /* @__PURE__ */ Ue(Qe, [["__scopeId", "data-v-d2f87493"]]), oa = /* @__PURE__ */ se({
+}), Ge = /* @__PURE__ */ Ue(Qe, [["__scopeId", "data-v-f7188357"]]), oa = /* @__PURE__ */ se({
   __name: "Subcategory",
   setup(A) {
-    const g = Le();
-    return (a, P) => (u(), h(Ge, { sdk: e(g) }, null, 8, ["sdk"]));
+    const b = Le();
+    return (a, P) => (r(), k(Ge, { sdk: e(b) }, null, 8, ["sdk"]));
   }
 });
 export {

package/dist/{Takeaway-VBkdW1DM.js → Takeaway-CIqSThUQ.js}

@@ -1,11 +1,11 @@
 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 { 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-DvX3k0Jg.js";
-import { _ as d } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-3fL43MuR.js";
-import { R as u } from "./app-BlTv5xag.js";
-import { a as f } from "./provide-dbE6Qt1z.js";
-import { _ as k } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BorOjk1k.js";
+import { _ as l } from "./TakeawayList.vue_vue_type_script_setup_true_lang-HZP5jmAy.js";
+import { _ as d } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-DJLjbLGK.js";
+import { R as u } from "./app-DnIyFwTs.js";
+import { a as f } from "./provide-UZbVvMqZ.js";
+import { _ as k } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CFjBkgkl.js";
 const A = /* @__PURE__ */ m({
   __name: "Takeaway",
   setup(g) {

package/dist/{Takeaway-GNRHR5kN.js → Takeaway-DM7weBPk.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-DvX3k0Jg.js";
-import { a as t } from "./provide-dbE6Qt1z.js";
+import { _ as s } from "./TakeawayList.vue_vue_type_script_setup_true_lang-HZP5jmAy.js";
+import { a as t } from "./provide-UZbVvMqZ.js";
 const k = /* @__PURE__ */ o({
   __name: "Takeaway",
   setup(_) {