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

package/dist/{BindingTable.vue_vue_type_script_setup_true_lang-CoHlJwpz.js → BindingTable.vue_vue_type_script_setup_true_lang-DACfW6SY.js}

@@ -1,7 +1,7 @@
 import { defineComponent as T, computed as c, h as a, resolveComponent as y, openBlock as w, createElementBlock as z, createElementVNode as V, toDisplayString as D, createVNode as f, unref as p, withDirectives as M } from "vue";
 import { useI18n as A } from "@feedmepos/mf-common";
 import { components as l, FmButtonVariant as g, FmButtonColorThemeVariant as h } from "@feedmepos/ui-library";
-import { b as N } from "./provide-dbE6Qt1z.js";
+import { b as N } from "./provide-UZbVvMqZ.js";
 const K = { class: "space-y-8" }, q = { class: "fm-typo-en-title-sm-600" }, j = /* @__PURE__ */ T({
   __name: "BindingTable",
   props: {

package/dist/{Catalog-DjAubC9s.js → Catalog-B6mXH-Ez.js}

@@ -3,11 +3,11 @@ import { useRouter as se } from "vue-router";
 import { useI18n as W } from "@feedmepos/mf-common";
 import { components as E, useDialog as ne, FmButtonVariant as $ } from "@feedmepos/ui-library";
 import { _ as re } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { R as B, _ as ue } from "./app-BlTv5xag.js";
+import { R as B, _ as ue } from "./app-DnIyFwTs.js";
 import { _ as ce } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as ie } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-CkF7O_V-.js";
-import { b as H, u as de, a as me } from "./provide-dbE6Qt1z.js";
-import { u as pe } from "./useActionFeedback-CdY_C_HX.js";
+import { _ as ie } from "./CatalogEditor.vue_vue_type_script_setup_true_lang-owNQUf8y.js";
+import { b as H, u as de, a as me } from "./provide-UZbVvMqZ.js";
+import { u as pe } from "./useActionFeedback-CfPMryOm.js";
 const ge = /* @__PURE__ */ P({
   __name: "CatalogUsage",
   props: {

package/dist/{CatalogBinding-5JNRTbyZ.js → CatalogBinding-CZbbxQCa.js}

@@ -2,10 +2,10 @@ import { defineComponent as N, computed as p, h as P, withModifiers as R, watch
 import { useI18n as ne } from "@feedmepos/mf-common";
 import { useSnackbar as oe, useDialog as se, components as ie } from "@feedmepos/ui-library";
 import { _ as D } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as ue } from "./app-BlTv5xag.js";
+import { _ as ue } from "./app-DnIyFwTs.js";
 import { _ as de } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as ce } from "./useActionFeedback-CdY_C_HX.js";
-import { b as me, u as re, a as ge } from "./provide-dbE6Qt1z.js";
+import { u as ce } from "./useActionFeedback-CfPMryOm.js";
+import { b as me, u as re, a as ge } from "./provide-UZbVvMqZ.js";
 const be = { class: "fm-typo-en-body-md-400 mb-16 text-fm-color-typo-secondary" }, fe = { class: "flex grow flex-col gap-4" }, pe = { class: "fm-typo-en-body-lg-600" }, ve = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, _e = { class: "fm-typo-en-title-md-600" }, ye = {
   key: 1,
   class: "text-fm-color-typo-secondary",

package/dist/{CatalogEditTabs.vue_vue_type_script_setup_true_lang-BorOjk1k.js → CatalogEditTabs.vue_vue_type_script_setup_true_lang-CFjBkgkl.js}

@@ -1,9 +1,9 @@
 import { defineComponent as k, ref as I, computed as O, resolveComponent as C, openBlock as p, createElementBlock as T, Fragment as L, withDirectives as R, createVNode as A, unref as g } from "vue";
 import { useRoute as h, useRouter as w } from "vue-router";
 import { useI18n as D } from "@feedmepos/mf-common";
-import { _ as G } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-vmxVZ2ya.js";
-import { R as u } from "./app-BlTv5xag.js";
-import { a as S } from "./provide-dbE6Qt1z.js";
+import { _ as G } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-BTJwvrlT.js";
+import { R as u } from "./app-DnIyFwTs.js";
+import { a as S } from "./provide-UZbVvMqZ.js";
 const K = /* @__PURE__ */ k({
   __name: "CatalogEditTabs",
   setup(M) {

package/dist/{CatalogEditor.vue_vue_type_script_setup_true_lang-CkF7O_V-.js → CatalogEditor.vue_vue_type_script_setup_true_lang-owNQUf8y.js}

@@ -5,12 +5,12 @@ import { components as T, FmButtonColorThemeVariant as F } from "@feedmepos/ui-l
 import { _ as ie } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
 import { _ as h } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
 import { _ as de } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as pe } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CgTDkHle.js";
-import { _ as ce } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-3fL43MuR.js";
-import { _ as be } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BorOjk1k.js";
-import { b as ve, u as z } from "./provide-dbE6Qt1z.js";
-import { u as fe } from "./useActionFeedback-CdY_C_HX.js";
-import { R as ke } from "./app-BlTv5xag.js";
+import { _ as pe } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-ChDd6vJd.js";
+import { _ as ce } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-DJLjbLGK.js";
+import { _ as be } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CFjBkgkl.js";
+import { b as ve, u as z } from "./provide-UZbVvMqZ.js";
+import { u as fe } from "./useActionFeedback-CfPMryOm.js";
+import { R as ke } from "./app-DnIyFwTs.js";
 const ge = {
   key: 1,
   role: "alert"

package/dist/{CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-3fL43MuR.js → CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-DJLjbLGK.js}

@@ -1,8 +1,8 @@
 import { defineComponent as N, shallowRef as m, computed as M, ref as A, watch as E, onUnmounted as U, resolveComponent as z, openBlock as f, createElementBlock as O, Fragment as $, createElementVNode as j, normalizeClass as g, createBlock as R, unref as b, createCommentVNode as q, createVNode as x } from "vue";
 import { useI18n as D } from "@feedmepos/mf-common";
-import { _ as G } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CgTDkHle.js";
-import { u as H } from "./useActionFeedback-CdY_C_HX.js";
-import { b as J, u as K } from "./provide-dbE6Qt1z.js";
+import { _ as G } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-ChDd6vJd.js";
+import { u as H } from "./useActionFeedback-CfPMryOm.js";
+import { b as J, u as K } from "./provide-UZbVvMqZ.js";
 const Z = /* @__PURE__ */ N({
   __name: "CatalogLinkProductAction",
   props: {

package/dist/{Category-COug7fz8.js → Category-B37n9Row.js}

@@ -1,6 +1,6 @@
 import { defineComponent as o, openBlock as r, createBlock as n, unref as t } from "vue";
-import { _ as s } from "./CategoryList.vue_vue_type_script_setup_true_lang-B_9aPMIN.js";
-import { a } from "./provide-dbE6Qt1z.js";
+import { _ as s } from "./CategoryList.vue_vue_type_script_setup_true_lang-_Ux8uXwn.js";
+import { a } from "./provide-UZbVvMqZ.js";
 const d = /* @__PURE__ */ o({
   __name: "Category",
   setup(_) {

package/dist/{Category-BbiN4hd7.js → Category-DHGrowud.js}

@@ -1,11 +1,11 @@
 import { defineComponent as l, computed as d, resolveComponent as p, openBlock as _, createBlock as f, unref as a, withCtx as e, createVNode as t } from "vue";
 import { useRoute as g, RouterLink as k } from "vue-router";
 import { useI18n as h } from "@feedmepos/mf-common";
-import { _ as v } from "./CategoryList.vue_vue_type_script_setup_true_lang-B_9aPMIN.js";
-import { _ as b } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-3fL43MuR.js";
-import { R as C } from "./app-BlTv5xag.js";
-import { a as R, u as B } from "./provide-dbE6Qt1z.js";
-import { _ as w } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-BorOjk1k.js";
+import { _ as v } from "./CategoryList.vue_vue_type_script_setup_true_lang-_Ux8uXwn.js";
+import { _ as b } from "./CatalogLinkProductAction.vue_vue_type_script_setup_true_lang-DJLjbLGK.js";
+import { R as C } from "./app-DnIyFwTs.js";
+import { a as R, u as B } from "./provide-UZbVvMqZ.js";
+import { _ as w } from "./CatalogEditTabs.vue_vue_type_script_setup_true_lang-CFjBkgkl.js";
 const G = /* @__PURE__ */ l({
   __name: "Category",
   setup(x) {

package/dist/{CategoryList.vue_vue_type_script_setup_true_lang-B_9aPMIN.js → CategoryList.vue_vue_type_script_setup_true_lang-_Ux8uXwn.js}

@@ -1,17 +1,17 @@
-import { defineComponent as Re, computed as P, ref as X, watch as ee, onMounted as Ge, onUnmounted as Pe, openBlock as h, createElementBlock as ae, createElementVNode as b, createTextVNode as Le, toDisplayString as A, unref as o, isRef as he, createVNode as _, createBlock as V, createCommentVNode as q, withCtx as F, shallowRef as W, h as ve, withModifiers as Ue, resolveComponent as ne, renderSlot as ge, Fragment as We, normalizeClass as qe, withDirectives as He } from "vue";
+import { defineComponent as Re, computed as P, ref as X, watch as ee, onMounted as Ge, onUnmounted as Pe, openBlock as h, createElementBlock as ae, createElementVNode as b, createTextVNode as Le, toDisplayString as A, unref as o, isRef as ye, createVNode as C, createBlock as V, createCommentVNode as q, withCtx as F, shallowRef as W, h as ge, withModifiers as Ue, resolveComponent as ne, renderSlot as pe, Fragment as We, normalizeClass as qe, withDirectives as He } from "vue";
 import { useI18n as Ee } from "@feedmepos/mf-common";
-import { components as te, useDialog as Je, FmButtonVariant as be } from "@feedmepos/ui-library";
+import { components as te, useDialog as Je, FmButtonVariant as he } from "@feedmepos/ui-library";
 import { _ as Qe } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { f as Xe } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-BMAtAK9D.js";
+import { f as Xe } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-yZSYrcYe.js";
 import { useAppStore as Ye } from "@feedmepos/mf-remy-panel";
 import { _ as Ze } from "./ListCountTag.vue_vue_type_script_setup_true_lang-0bjk8Aly.js";
 import { _ as ea } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
 import { _ as Fe } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
 import { _ as aa } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { _ as ta } from "./ProductEditorHost.vue_vue_type_script_setup_true_lang-Tpp8MBYS.js";
+import { _ as ta } from "./ProductEditorHost.vue_vue_type_script_setup_true_lang-B4qpB-yA.js";
 import { _ as oa } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { u as la } from "./useActionFeedback-CdY_C_HX.js";
-import { b as na, u as sa } from "./provide-dbE6Qt1z.js";
+import { u as la } from "./useActionFeedback-CfPMryOm.js";
+import { b as na, u as sa } from "./provide-UZbVvMqZ.js";
 import { v as ra } from "./tableSemantics-C9WFO_I_.js";
 const ia = {
   key: 0,
@@ -24,8 +24,8 @@ const ia = {
     disabled: { type: Boolean }
   },
   emits: ["select", "clear", "encoding"],
-  setup(pe, { emit: C }) {
-    const t = pe, D = C, { t: U } = Ee(), B = Ye(), M = P(() => !!B.showRemy), u = X(t.thumbnailUrl);
+  setup(fe, { emit: k }) {
+    const t = fe, D = k, { t: U } = Ee(), B = Ye(), M = P(() => !!B.showRemy), u = X(t.thumbnailUrl);
     let E = null, p = 0, N = !1, m = !1, $ = !1, w = !1;
     function f(n) {
       w !== n && (w = n, D("encoding", n));
@@ -142,11 +142,11 @@ const ia = {
       ]),
       b("div", {
         class: "relative h-[150px] w-[200px] overflow-hidden rounded-md border-2 border-dashed border-fm-color-neutral-gray-300",
-        onPointerdown: r[0] || (r[0] = (i) => he(m) ? m.value = !0 : m = !0),
-        onWheel: r[1] || (r[1] = (i) => he(m) ? m.value = !0 : m = !0),
-        onKeydown: r[2] || (r[2] = (i) => he(m) ? m.value = !0 : m = !0)
+        onPointerdown: r[0] || (r[0] = (i) => ye(m) ? m.value = !0 : m = !0),
+        onWheel: r[1] || (r[1] = (i) => ye(m) ? m.value = !0 : m = !0),
+        onKeydown: r[2] || (r[2] = (i) => ye(m) ? m.value = !0 : m = !0)
       }, [
-        _(o(Xe), {
+        C(o(Xe), {
           class: "h-[150px] w-[200px]",
           src: u.value,
           "stencil-props": { handlers: {}, movable: !1, scalable: !1 },
@@ -155,7 +155,7 @@ const ia = {
           onChange: T,
           onError: H
         }, null, 8, ["src"]),
-        _(o(te).FmButton, {
+        C(o(te).FmButton, {
           "aria-label": o(U)("menu.category.image.remove"),
           disabled: n.disabled,
           label: o(U)("menu.category.image.remove"),
@@ -216,14 +216,14 @@ const ia = {
     catalogPage: { type: Boolean, default: !1 },
     heading: { default: "" }
   },
-  setup(pe) {
-    const C = pe, { t } = Ee(), D = na(), U = Je(), { run: B } = la(), M = sa(C.sdk.category.list), u = P(
+  setup(fe) {
+    const k = fe, { t } = Ee(), D = na(), U = Je(), { run: B } = la(), M = sa(k.sdk.category.list), u = P(
       () => M.value.status === "ready" ? M.value.value : null
     ), E = P(() => {
       var e;
       return ((e = u.value) == null ? void 0 : e.query) ?? "";
     }), p = X(!1), N = X(0), m = X(!1), $ = X(""), w = W(
-      C.sdk.category.editor()
+      k.sdk.category.editor()
     ), f = W(
       w.value.get()
     );
@@ -248,20 +248,20 @@ const ia = {
     }
     function j(e, a) {
       var s;
-      c == null || c(), (s = n.value) == null || s.dispose(), n.value = C.sdk.item.editor(e, {
+      c == null || c(), (s = n.value) == null || s.dispose(), n.value = k.sdk.item.editor(e, {
         initialCategoryId: a
-      }), r.value = n.value.get(), c = n.value.subscribe((k) => {
-        r.value = k;
+      }), r.value = n.value.get(), c = n.value.subscribe((_) => {
+        r.value = _;
       });
     }
     function se() {
       var a, s;
       const e = (a = l.value) == null ? void 0 : a.categoryId;
-      !e || ((s = l.value) == null ? void 0 : s.products.state) !== "allowed" || (y(), v = C.sdk.item.editorScope(), j(void 0, e), I.value = !0);
+      !e || ((s = l.value) == null ? void 0 : s.products.state) !== "allowed" || (y(), v = k.sdk.item.editorScope(), j(void 0, e), I.value = !0);
     }
     function oe(e) {
       var a;
-      ((a = l.value) == null ? void 0 : a.products.state) === "allowed" && (y(), v = C.sdk.item.editorScope(), j(e.id), I.value = !0);
+      ((a = l.value) == null ? void 0 : a.products.state) === "allowed" && (y(), v = k.sdk.item.editorScope(), j(e.id), I.value = !0);
     }
     function Q(e) {
       var s;
@@ -293,8 +293,8 @@ const ia = {
       }), Y.value = !0;
     }
     function ie(e) {
-      var k;
-      const a = T.value, s = (k = K.value) == null ? void 0 : k.nameLocale;
+      var _;
+      const a = T.value, s = (_ = K.value) == null ? void 0 : _.nameLocale;
       if (!(!a || !s)) {
         for (const g of Object.keys(s))
           g in e || a.removeLocale(g);
@@ -309,48 +309,49 @@ const ia = {
         showLoading: !1
       })).kind === "success" && x(!1);
     }
-    function we() {
+    function be() {
       x(!0);
     }
     function Ie(e) {
-      e ? Y.value = !0 : we();
+      e ? Y.value = !0 : be();
     }
-    function ke(e) {
-      x(!0), z(), w.value.dispose(), w.value = C.sdk.category.editor(e), N.value++, m.value = !1, f.value = w.value.get(), z = w.value.subscribe((a) => {
+    function we(e) {
+      x(!0), z(), w.value.dispose(), w.value = k.sdk.category.editor(e), N.value++, m.value = !1, f.value = w.value.get(), z = w.value.subscribe((a) => {
         f.value = a;
       });
     }
-    function _e() {
-      ke(), p.value = !0;
+    function ke() {
+      we(), p.value = !0;
     }
     function Ve(e) {
-      !e.id && !e.isSynthetic || (ke(e.isSynthetic ? null : e.id), p.value = !0);
+      !e.id && !e.isSynthetic || (we(e.isSynthetic ? null : e.id), p.value = !0);
     }
-    function fe() {
+    function ue() {
       x(!0), p.value = !1;
     }
-    function ye() {
+    function _e() {
       var e;
       if (!((e = l.value) != null && e.dirty)) {
-        fe();
+        ue();
         return;
       }
       U.open({
+        zIndex: 101,
         title: t("menu.common.dialog.dismiss.title"),
         message: t("menu.common.dialog.dismiss.message"),
         primaryActions: {
           text: t("menu.common.dialog.dismiss.discard"),
           close: !0,
-          variant: be.Destructive
+          variant: he.Destructive
         },
         secondaryActions: {
           text: t("menu.common.actions.cancel"),
           close: !0
         }
-      }).onPrimary(fe);
+      }).onPrimary(ue);
     }
     function De(e) {
-      e ? p.value = !0 : ye();
+      e ? p.value = !0 : _e();
     }
     ee(p, (e) => {
       e || x(!0);
@@ -360,9 +361,9 @@ const ia = {
       T.value && (e.status !== "ready" || e.value.translation.state !== "allowed") && x(!0);
     });
     async function Be() {
-      var k, g, S;
+      var _, g, S;
       if (m.value) return;
-      const e = (k = l.value) == null ? void 0 : k.mode, a = ((S = (g = l.value) == null ? void 0 : g.name) == null ? void 0 : S.trim()) ?? "";
+      const e = (_ = l.value) == null ? void 0 : _.mode, a = ((S = (g = l.value) == null ? void 0 : g.name) == null ? void 0 : S.trim()) ?? "";
       (await B(() => w.value.submit(), {
         successMessage: e === "update" ? t("menu.category.manager.dialog.update.success", { name: a }) : t("menu.category.manager.dialog.add.success", { name: a }),
         showLoading: () => {
@@ -372,7 +373,7 @@ const ia = {
         // The approved Storage 403 baseline closes Loading but leaves the image
         // preview and sheet open without a settled snackbar.
         silentFailureCodes: ["menu.category.image.upload_failed"]
-      })).kind === "success" && fe();
+      })).kind === "success" && ue();
     }
     function Me(e) {
       e.remove.state !== "allowed" || !e.id || U.open({
@@ -383,14 +384,14 @@ const ia = {
         primaryActions: {
           text: t("menu.common.actions.remove"),
           close: !0,
-          variant: be.Destructive
+          variant: he.Destructive
         },
         secondaryActions: {
           text: t("menu.common.actions.cancel"),
           close: !0
         }
       }).onPrimary(async () => {
-        await B(() => C.sdk.category.remove(e.id), {
+        await B(() => k.sdk.category.remove(e.id), {
           successMessage: t("menu.category.dialog.remove.success", {
             name: e.name
           })
@@ -400,14 +401,14 @@ const ia = {
     const ze = P(() => {
       var e;
       return E.value || ((e = u.value) == null ? void 0 : e.reorder.state) !== "allowed" ? () => !1 : (a) => !a.isSynthetic;
-    }), ue = W([]);
+    }), ce = W([]);
     ee(
       () => {
         var e;
         return (e = u.value) == null ? void 0 : e.rows;
       },
       (e) => {
-        e && (ue.value = [...e]);
+        e && (ce.value = [...e]);
       },
       { immediate: !0 }
     );
@@ -416,13 +417,13 @@ const ia = {
       if (E.value || ((g = u.value) == null ? void 0 : g.reorder.state) !== "allowed") return;
       const a = e.map((d) => d.id).filter((d) => !!d);
       if (a.length === 0) return;
-      const s = ue.value;
-      (await B(() => C.sdk.category.reorder(a), {
+      const s = ce.value;
+      (await B(() => k.sdk.category.reorder(a), {
         successMessage: ((S = u.value) == null ? void 0 : S.reorderScope) === "catalog" ? t("menu.catalog.saved", { name: t("menu.category.entity") }) : t("menu.category.reorder.success")
-      })).kind !== "success" && (ue.value = [...((O = u.value) == null ? void 0 : O.rows) ?? s]);
+      })).kind !== "success" && (ce.value = [...((O = u.value) == null ? void 0 : O.rows) ?? s]);
     }
     function je(e) {
-      C.sdk.category.search(e);
+      k.sdk.category.search(e);
     }
     const Oe = P(() => [
       {
@@ -446,7 +447,7 @@ const ia = {
       // 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.
-      ...C.catalogPage ? [] : [
+      ...k.catalogPage ? [] : [
         {
           id: "actions",
           size: 52,
@@ -454,8 +455,8 @@ const ia = {
           header: "",
           cell: (e) => {
             const a = e.row.original;
-            return ve("div", { class: "flex justify-end" }, [
-              ve(te.FmButton, {
+            return ge("div", { class: "flex justify-end" }, [
+              ge(te.FmButton, {
                 icon: "delete",
                 disabled: a.remove.state !== "allowed",
                 variant: "tertiary",
@@ -470,32 +471,32 @@ const ia = {
           }
         }
       ]
-    ]), ce = P(() => {
+    ]), de = P(() => {
       var s;
       const e = ((s = l.value) == null ? void 0 : s.productRows) ?? [], a = $.value.trim().toLocaleLowerCase();
       return a ? e.filter(
-        (k) => k.name.toLocaleLowerCase().includes(a) || (k.code ?? "").toLocaleLowerCase().includes(a)
+        (_) => _.name.toLocaleLowerCase().includes(a) || (_.code ?? "").toLocaleLowerCase().includes(a)
       ) : e;
-    }), de = W([]);
+    }), me = W([]);
     ee(
-      ce,
+      de,
       (e) => {
-        de.value = [...e];
+        me.value = [...e];
       },
       { immediate: !0 }
     );
     const Ae = P(() => {
       var e, a;
-      return ce.value.length === 0 ? !1 : $.value || ((e = l.value) == null ? void 0 : e.products.state) !== "allowed" || ce.value.length < 2 ? () => !1 : (a = l.value) != null && a.synthetic ? () => !1 : () => !0;
+      return de.value.length === 0 ? !1 : $.value || ((e = l.value) == null ? void 0 : e.products.state) !== "allowed" || de.value.length < 2 ? () => !1 : (a = l.value) != null && a.synthetic ? () => !1 : () => !0;
     });
     async function Ne(e) {
       var g, S;
       const a = (g = l.value) == null ? void 0 : g.categoryId;
       if (!a || $.value || ((S = l.value) == null ? void 0 : S.products.state) !== "allowed")
         return;
-      const s = de.value;
+      const s = me.value;
       (await B(
-        () => C.sdk.item.reorderForCategory(
+        () => k.sdk.item.reorderForCategory(
           a,
           e.map((O) => O.id)
         ),
@@ -504,7 +505,7 @@ const ia = {
             count: e.length
           })
         }
-      )).kind !== "success" && (de.value = [...ce.value ?? s]);
+      )).kind !== "success" && (me.value = [...de.value ?? s]);
     }
     const Ke = P(() => [
       {
@@ -522,10 +523,10 @@ const ia = {
         size: 52,
         meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
         header: "",
-        cell: (e) => ve("div", { class: "flex justify-end" }, [
-          ve(te.FmButton, {
+        cell: (e) => ge("div", { class: "flex justify-end" }, [
+          ge(te.FmButton, {
             icon: "edit",
-            variant: be.Tertiary,
+            variant: he.Tertiary,
             textColor: "neutral-gray-400",
             "aria-label": t("menu.common.labels.a11y_labelled_name", {
               label: t("menu.common.actions.edit"),
@@ -540,21 +541,21 @@ const ia = {
       }
     ]);
     return Pe(() => {
-      x(!0), y(), z(), w.value.dispose();
+      k.sdk.category.search(""), x(!0), y(), z(), w.value.dispose();
     }), (e, a) => {
-      const s = ne("FmButton"), k = ne("FmCircularProgress"), g = ne("FmSearch"), S = ne("FmTable"), O = ne("FmSideSheet");
+      const s = ne("FmButton"), _ = ne("FmCircularProgress"), g = ne("FmSearch"), S = ne("FmTable"), O = ne("FmSideSheet");
       return h(), V(aa, {
         heading: e.catalogPage ? e.heading : o(t)("menu.category.title")
       }, {
         "prepend-heading": F(() => [
-          ge(e.$slots, "prepend-heading")
+          pe(e.$slots, "prepend-heading")
         ]),
         "append-heading": F(() => {
           var d;
           return [
             e.catalogPage ? q("", !0) : (h(), ae("div", pa, [
               b("div", fa, [
-                _(Ze, {
+                C(Ze, {
                   value: ((d = u.value) == null ? void 0 : d.totalCount) ?? 0
                 }, null, 8, ["value"])
               ]),
@@ -563,19 +564,19 @@ const ia = {
                 disabled: u.value.create.state !== "allowed",
                 label: o(t)("menu.category.add"),
                 "prepend-icon": "add",
-                onClick: _e
+                onClick: ke
               }, null, 8, ["disabled", "label"])) : q("", !0)
             ])),
             e.catalogPage ? (h(), ae("div", ya, [
-              ge(e.$slots, "append-heading")
-            ])) : ge(e.$slots, "append-heading", { key: 2 })
+              pe(e.$slots, "append-heading")
+            ])) : pe(e.$slots, "append-heading", { key: 2 })
           ];
         }),
         default: F(() => [
-          ge(e.$slots, "navigation"),
-          o(M).status === "error" ? (h(), ae("p", ha, A(o(D)(o(M).error.message)), 1)) : o(M).status === "unavailable" ? (h(), ae("p", ba, A(o(D)(o(M).reason)), 1)) : o(M).status === "loading" ? (h(), V(k, { key: 2 })) : u.value && u.value.rows.length === 0 && !E.value ? (h(), V(o(Qe), {
+          pe(e.$slots, "navigation"),
+          o(M).status === "error" ? (h(), ae("p", ha, A(o(D)(o(M).error.message)), 1)) : o(M).status === "unavailable" ? (h(), ae("p", ba, A(o(D)(o(M).reason)), 1)) : o(M).status === "loading" ? (h(), V(_, { key: 2 })) : u.value && u.value.rows.length === 0 && !E.value ? (h(), V(o(Qe), {
             key: 3,
-            action: e.catalogPage ? void 0 : { text: o(t)("menu.category.add"), callback: _e },
+            action: e.catalogPage ? void 0 : { text: o(t)("menu.category.add"), callback: ke },
             subtitle: o(t)("menu.category.empty.subtitle"),
             title: o(t)("menu.category.empty.title")
           }, null, 8, ["action", "subtitle", "title"])) : u.value ? (h(), ae(We, { key: 4 }, [
@@ -583,7 +584,7 @@ const ia = {
               class: qe(["flex justify-end items-center", { "pt-16": e.catalogPage }])
             }, [
               b("div", wa, [
-                _(g, {
+                C(g, {
                   class: "mb-8",
                   "model-value": E.value,
                   placeholder: o(t)("menu.common.labels.search_placeholder", {
@@ -593,11 +594,11 @@ const ia = {
                 }, null, 8, ["model-value", "placeholder"])
               ])
             ], 2),
-            He(_(S, {
+            He(C(S, {
               "column-defs": Oe.value,
               draggable: ze.value,
               "page-size": u.value.rows.length,
-              "row-data": ue.value,
+              "row-data": ce.value,
               "shrink-at": !1,
               "hide-footer": "",
               "pin-header-row": "",
@@ -607,13 +608,13 @@ const ia = {
               [o(ra), o(t)("menu.category.columns.title")]
             ])
           ], 64)) : q("", !0),
-          _(O, {
+          C(O, {
             "model-value": p.value && !I.value,
             "is-container": o(te).FmForm,
             "is-container-props": { onValidationSuccess: Be },
             "max-width": 560,
             "z-index": 100,
-            "onOn:clickedAway": ye,
+            "onOn:clickedAway": _e,
             "onUpdate:modelValue": De
           }, {
             "side-sheet-header": F(() => {
@@ -634,11 +635,11 @@ const ia = {
                     type: "submit",
                     variant: "primary"
                   }, null, 8, ["disabled", "label"])) : q("", !0),
-                  _(s, {
+                  C(s, {
                     label: o(t)("menu.common.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
-                    onClick: ye
+                    onClick: ue
                   }, null, 8, ["label"])
                 ])
               ];
@@ -647,24 +648,24 @@ const ia = {
               var d, R, le;
               return [
                 b("div", _a, [
-                  _(Fe, {
+                  C(Fe, {
                     title: o(t)("menu.category.detail")
                   }, {
                     default: F(() => {
                       var L, Z, Ce, xe;
                       return [
-                        _(ea, {
+                        C(ea, {
                           "helper-state": (L = l.value) != null && L.nameIssue ? "error" : "none",
                           "helper-text": (Z = l.value) != null && Z.nameIssue ? o(D)(l.value.nameIssue) : "",
                           label: o(t)("menu.category.name"),
                           readonly: (Ce = l.value) == null ? void 0 : Ce.synthetic,
                           "model-value": ((xe = l.value) == null ? void 0 : xe.name) ?? "",
-                          "onUpdate:modelValue": a[1] || (a[1] = (me) => w.value.setName(me))
+                          "onUpdate:modelValue": a[1] || (a[1] = (ve) => w.value.setName(ve))
                         }, {
                           append: F(() => {
-                            var me, Se;
+                            var ve, Se;
                             return [
-                              ((me = l.value) == null ? void 0 : me.translation.state) !== "hidden" ? (h(), V(s, {
+                              ((ve = l.value) == null ? void 0 : ve.translation.state) !== "hidden" ? (h(), V(s, {
                                 key: 0,
                                 "aria-label": o(t)("menu.common.translation.translation_label"),
                                 disabled: ((Se = l.value) == null ? void 0 : Se.translation.state) !== "allowed",
@@ -690,7 +691,7 @@ const ia = {
                     onClear: a[3] || (a[3] = (L) => w.value.clearImage()),
                     onEncoding: a[4] || (a[4] = (L) => m.value = L)
                   }, null, 8, ["thumbnail-url", "change", "disabled"])) : q("", !0),
-                  _(Fe, {
+                  C(Fe, {
                     class: "flex-1 min-h-0",
                     shrinkable: !0,
                     title: o(t)("menu.category.products.title")
@@ -698,7 +699,7 @@ const ia = {
                     "append-title": F(() => {
                       var L;
                       return [
-                        _(s, {
+                        C(s, {
                           "border-color": "primary",
                           disabled: ((L = l.value) == null ? void 0 : L.products.state) !== "allowed",
                           label: o(t)("menu.category.products.add"),
@@ -717,7 +718,7 @@ const ia = {
                             count: ((L = l.value) == null ? void 0 : L.productRows.length) ?? 0
                           })), 1),
                           b("div", Sa, [
-                            _(g, {
+                            C(g, {
                               modelValue: $.value,
                               "onUpdate:modelValue": a[5] || (a[5] = (Z) => $.value = Z),
                               placeholder: o(t)("menu.common.actions.search")
@@ -725,12 +726,12 @@ const ia = {
                           ])
                         ]),
                         b("div", La, [
-                          _(S, {
+                          C(S, {
                             "column-defs": Ke.value,
                             draggable: Ae.value,
                             "hide-footer": "",
                             "pin-header-row": "",
-                            "row-data": de.value,
+                            "row-data": me.value,
                             "shrink-at": !1,
                             onDndChanged: Ne,
                             onRowClick: a[6] || (a[6] = (Z) => oe(Z.original))
@@ -745,7 +746,7 @@ const ia = {
             }),
             _: 1
           }, 8, ["model-value", "is-container", "is-container-props"]),
-          _(ta, {
+          C(ta, {
             open: I.value,
             "onUpdate:open": a[7] || (a[7] = (d) => I.value = d),
             sdk: e.sdk,
@@ -768,7 +769,7 @@ const ia = {
               entity: o(t)("menu.category.entity")
             }),
             "z-index": 200,
-            onDiscard: we,
+            onDiscard: be,
             onSave: $e,
             "onUpdate:modelValue": Ie,
             "onUpdate:name": a[8] || (a[8] = (d) => {