@feedmepos/mf-menu 0.32.17 → 0.32.18-dev.1

package/dist/{Takeaway.vue_vue_type_script_setup_true_lang-BLpiJlk2.js → Takeaway.vue_vue_type_script_setup_true_lang-D-R5_S5G.js}

@@ -1,22 +1,17 @@
-import { getCurrentInstance as te, defineComponent as oe, computed as h, watch as ne, h as R, resolveComponent as S, createElementBlock as C, openBlock as _, Fragment as O, normalizeClass as D, createElementVNode as k, createVNode as V, unref as t, isRef as j, withCtx as P, renderList as ie, createBlock as G, createCommentVNode as $, toDisplayString as I, withModifiers as Q } from "vue";
-import { G as H, u as J, Q as W, M as N, A as z, I as L, B as se, ao as q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-DCBYExNb.js";
-import { useI18n as X, useCoreStore as le } from "@feedmepos/mf-common";
-import { useDialog as ce, useSnackbar as Z, FmButtonVariant as A, components as de, useBreakpoints as ue } from "@feedmepos/ui-library";
-import { _ as me } from "./app-BNrAos5Z.js";
-import { a as ye, l as ee, T as pe } from "./index-B0nhvuxR.js";
-import { u as fe } from "./search-BAPEUu1R.js";
-import { f as F } from "./currency-DxC5zyZB.js";
-import { defineStore as _e } from "pinia";
-import { C as ke } from "./catalog-BO2nXwe5.js";
-import { c as ve } from "./createComponentProgrammatically-Bt2rn1IQ.js";
+import { getCurrentInstance as te, defineComponent as ne, computed as h, watch as oe, h as R, resolveComponent as S, createElementBlock as C, openBlock as f, Fragment as O, normalizeClass as D, createElementVNode as k, createVNode as V, unref as t, isRef as j, withCtx as P, renderList as ie, createBlock as $, createCommentVNode as G, toDisplayString as I, withModifiers as J } from "vue";
+import { a as H, u as Q, d as W, m as N, e as z, h as se, aJ as re, c as L, a9 as le, M as X, i as ce, f as de, al as F, aK as q, _ as ue, T as me } from "./App-Cfl37TTw.js";
+import { useI18n as Z, useCoreStore as ye } from "@feedmepos/mf-common";
+import { useDialog as pe, useSnackbar as ee, FmButtonVariant as A, components as _e, useBreakpoints as fe } from "@feedmepos/ui-library";
+import { _ as ke } from "./app-Z0KWH9-d.js";
+import { defineStore as ve } from "pinia";
 function we(T, M, l, m) {
   var y, v, w, g;
   const i = L(T);
   i.override.takeaway[l._id] = {
     price: l.price || void 0
   };
-  const f = [...l.usedBy, ...M.usedBy];
-  for (const r of f) {
+  const _ = [...l.usedBy, ...M.usedBy];
+  for (const r of _) {
     const c = l.usedBy.some(
       (e) => e._id == r._id && e.combinationKey == r.combinationKey
     ) ? l._id : null, a = (i.override.items[r._id] || []).findIndex(
@@ -44,12 +39,12 @@ function we(T, M, l, m) {
   }
   return i;
 }
-const ge = _e("takeaway-manager", () => {
-  const T = ce(), M = Z(), l = H(M), m = W(l), i = J(), f = te(), { t: y } = X(), v = (a) => {
+const ge = ve("takeaway-manager", () => {
+  const T = pe(), M = ee(), l = H(M), m = W(l), i = Q(), _ = te(), { t: y } = Z(), v = (a) => {
     var e, u;
-    const { vNode: d } = ve(
-      ye,
-      f,
+    const { vNode: d } = se(
+      re,
+      _,
       a
     );
     (u = (e = d.component) == null ? void 0 : e.exposed) == null || u.trigger();
@@ -64,8 +59,8 @@ const ge = _e("takeaway-manager", () => {
       fallback: e,
       action: "update",
       "onUpdate:takeaway": async (b) => {
-        let o = L(i.currentCatalog);
-        b.price ? o.override.takeaway[a._id] = { price: b.price } : delete o.override.takeaway[a._id], o = we(o, a, b, i.state.menu.modules.item), await new ke(o, i, m.updateMenu, T).update();
+        let n = L(i.currentCatalog);
+        b.price ? n.override.takeaway[a._id] = { price: b.price } : delete n.override.takeaway[a._id], n = we(n, a, b, i.state.menu.modules.item), await new le(n, i, m.updateMenu, T).update();
       }
     });
   }
@@ -81,7 +76,7 @@ const ge = _e("takeaway-manager", () => {
             module: z.F_MENU_MODULE_V4_KEY.enum.takeaway,
             operation: N.F_OPERATION_TYPE.update,
             data: d,
-            link: ee(d.usedBy || [])
+            link: X(d.usedBy || [])
           },
           d.name
         );
@@ -142,23 +137,23 @@ const ge = _e("takeaway-manager", () => {
 }, Ie = {
   key: 1,
   class: "xs:pt-24"
-}, Re = /* @__PURE__ */ oe({
+}, ze = /* @__PURE__ */ ne({
   __name: "Takeaway",
   emits: ["update:count"],
   setup(T, {
     emit: M
   }) {
-    const l = J(), m = ge(), i = h(() => l.rules.item.bindToVariant), f = h(() => l.rules.takeaway), y = W(H(Z())), v = le(), w = h(() => se.Country.getCountry(v.currentCountry.value).currency), g = h(() => l.takeaways.map((o) => ({
-      ...o,
+    const l = Q(), m = ge(), i = h(() => l.rules.item.bindToVariant), _ = h(() => l.rules.takeaway), y = W(H(ee())), v = ye(), w = h(() => ce.Country.getCountry(v.currentCountry.value).currency), g = h(() => l.takeaways.map((n) => ({
+      ...n,
       usedBy: l.items.reduce((s, p) => {
-        var n, E, Y;
-        const x = p.takeawayUsed === o._id;
-        if ((!i.value || !((E = (n = p.variant) == null ? void 0 : n.variantGroupIds) != null && E.length)) && x)
+        var o, E, Y;
+        const x = p.takeawayUsed === n._id;
+        if ((!i.value || !((E = (o = p.variant) == null ? void 0 : o.variantGroupIds) != null && E.length)) && x)
           s.push({
             _id: p._id
           });
         else {
-          const ae = (((Y = p.variant) == null ? void 0 : Y.variantCombinations) || []).filter((K) => K.takeawayUsed === o._id || !K.takeawayUsed && x).map((K) => ({
+          const ae = (((Y = p.variant) == null ? void 0 : Y.variantCombinations) || []).filter((K) => K.takeawayUsed === n._id || !K.takeawayUsed && x).map((K) => ({
             _id: p._id,
             combinationKey: K.combinationKey
           }));
@@ -169,15 +164,15 @@ const ge = _e("takeaway-manager", () => {
     }))), {
       filter: r,
       searchKey: c
-    } = fe(), a = h(() => g.value.filter((o) => r([o.name, F(o.price, !1)]))), d = M;
-    ne(() => a.value.length, (o) => {
-      d("update:count", o);
+    } = de(), a = h(() => g.value.filter((n) => r([n.name, F(n.price, !1)]))), d = M;
+    oe(() => a.value.length, (n) => {
+      d("update:count", n);
     }, {
       immediate: !0
     });
     const {
       t: e
-    } = X(), u = h(() => [{
+    } = Z(), u = h(() => [{
       accessorKey: "name",
       header: () => e("menu.takeaway.table.columns.name"),
       enableSorting: !1,
@@ -192,8 +187,8 @@ const ge = _e("takeaway-manager", () => {
       meta: {
         textAlign: "right"
       },
-      cell: (o) => {
-        const s = o.getValue();
+      cell: (n) => {
+        const s = n.getValue();
         return F(s, !1);
       }
     }, {
@@ -201,8 +196,8 @@ const ge = _e("takeaway-manager", () => {
       header: () => e("menu.takeaway.table.columns.products"),
       enableSorting: !1,
       size: 200,
-      cell: (o) => {
-        const s = o.getValue(), p = q(l.categorizedItems, s).flatMap((x) => x.items).length ?? 0;
+      cell: (n) => {
+        const s = n.getValue(), p = q(l.categorizedItems, s).flatMap((x) => x.items).length ?? 0;
         return e("menu.takeaway.table.items_linked", {
           count: p
         });
@@ -214,47 +209,47 @@ const ge = _e("takeaway-manager", () => {
         cellClass: "pl-16",
         headerContentClass: "-mx-16"
       },
-      cell: (o) => R("div", {
+      cell: (n) => R("div", {
         class: "flex justify-end items-center"
-      }, [f.value.delete ? R(de.FmButton, {
+      }, [_.value.delete ? R(_e.FmButton, {
         prependIcon: "delete",
         variant: A.Tertiary,
         textColor: "neutral-gray-400",
         onClick: (s) => {
-          s.stopPropagation(), m.deleteTakeaway(o.row.original);
+          s.stopPropagation(), m.deleteTakeaway(n.row.original);
         }
       }) : null])
-    }]), U = ue(), b = h(() => U.breakpoints.value.xs);
-    return (o, s) => {
+    }]), U = fe(), b = h(() => U.breakpoints.value.xs);
+    return (n, s) => {
       const p = S("fm-search"), x = S("fm-table"), B = S("fm-button");
-      return g.value.length ? (_(), C(O, {
+      return g.value.length ? (f(), C(O, {
         key: 0
-      }, [b.value ? (_(), C(O, {
+      }, [b.value ? (f(), C(O, {
         key: 1
       }, [k("div", Ce, [V(p, {
         class: "w-full",
         autofocus: "",
         modelValue: t(c),
-        "onUpdate:modelValue": s[2] || (s[2] = (n) => j(c) ? c.value = n : null),
+        "onUpdate:modelValue": s[2] || (s[2] = (o) => j(c) ? c.value = o : null),
         placeholder: t(e)("menu.takeaway.table.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), k("div", Ve, [(_(!0), C(O, null, ie(a.value, (n) => (_(), C("div", {
-        key: n._id,
+      }, null, 8, ["modelValue", "placeholder"])]), k("div", Ve, [(f(!0), C(O, null, ie(a.value, (o) => (f(), C("div", {
+        key: o._id,
         class: D(["py-12 px-16", "flex  space-x-8", "items-center"]),
         onClick: () => {
-          f.value.edit && t(m).updateTakeaway(n);
+          _.value.edit && t(m).updateTakeaway(o);
         }
-      }, [k("div", Me, [k("p", Ue, I(n.name), 1), k("p", Ee, I(`${t(q)(t(l).categorizedItems, n.usedBy).flatMap((E) => E.items).length ?? 0} items linked`), 1), k("p", Ke, " Price: " + I(w.value.symbol) + I(t(F)(n.price, !1)), 1)]), f.value.delete ? (_(), G(B, {
+      }, [k("div", Me, [k("p", Ue, I(o.name), 1), k("p", Ee, I(`${t(q)(t(l).categorizedItems, o.usedBy).flatMap((E) => E.items).length ?? 0} items linked`), 1), k("p", Ke, " Price: " + I(w.value.symbol) + I(t(F)(o.price, !1)), 1)]), _.value.delete ? (f(), $(B, {
         key: 0,
         variant: t(A).Tertiary,
         "text-color": "neutral-gray-400",
         "prepend-icon": "delete",
-        onClick: Q(() => t(m).deleteTakeaway(n), ["stop"])
-      }, null, 8, ["variant", "onClick"])) : $("", !0)], 8, Te))), 128))])], 64)) : (_(), C("div", be, [k("div", he, [k("div", xe, [V(p, {
+        onClick: J(() => t(m).deleteTakeaway(o), ["stop"])
+      }, null, 8, ["variant", "onClick"])) : G("", !0)], 8, Te))), 128))])], 64)) : (f(), C("div", be, [k("div", he, [k("div", xe, [V(p, {
         autofocus: "",
         modelValue: t(c),
-        "onUpdate:modelValue": s[0] || (s[0] = (n) => j(c) ? c.value = n : null),
+        "onUpdate:modelValue": s[0] || (s[0] = (o) => j(c) ? c.value = o : null),
         placeholder: t(e)("menu.takeaway.table.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])])]), V(me, null, {
+      }, null, 8, ["modelValue", "placeholder"])])]), V(ke, null, {
         default: P(() => [V(x, {
           "column-defs": u.value,
           loading: t(y).checkMenuIsLoading(),
@@ -265,41 +260,41 @@ const ge = _e("takeaway-manager", () => {
           class: "flex-1 overflow-hidden",
           "hide-footer": "",
           "pin-header-row": "",
-          onRowClick: s[1] || (s[1] = (n) => {
-            f.value.edit && t(m).updateTakeaway(n.original);
+          onRowClick: s[1] || (s[1] = (o) => {
+            _.value.edit && t(m).updateTakeaway(o.original);
           })
         }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
         _: 1
-      })]))], 64)) : (_(), C("div", Ie, [V(t(re), {
+      })]))], 64)) : (f(), C("div", Ie, [V(t(ue), {
         subtitle: t(e)("menu.takeaway.empty.subtitle"),
         title: t(e)("menu.takeaway.empty.title")
       }, {
-        action: P(() => [f.value.create ? (_(), G(t(pe), {
+        action: P(() => [_.value.create ? (f(), $(t(me), {
           key: 0,
           "bind-to-variant": i.value,
           action: "add",
           "apply-product": "",
-          "onUpdate:takeaway": s[3] || (s[3] = (n) => t(y).updateMenu({
+          "onUpdate:takeaway": s[3] || (s[3] = (o) => t(y).updateMenu({
             module: t(z.F_MENU_MODULE_V4_KEY).enum.takeaway,
             operation: t(N.F_OPERATION_TYPE).create,
-            data: n,
-            link: t(ee)(n.usedBy || [])
-          }, n.name))
+            data: o,
+            link: t(X)(o.usedBy || [])
+          }, o.name))
         }, {
           default: P(({
-            trigger: n
+            trigger: o
           }) => [V(B, {
             "prepend-icon": "add",
             label: t(e)("menu.takeaway.empty.action"),
-            onClick: Q(n, ["stop"])
+            onClick: J(o, ["stop"])
           }, null, 8, ["label", "onClick"])]),
           _: 1
-        }, 8, ["bind-to-variant"])) : $("", !0)]),
+        }, 8, ["bind-to-variant"])) : G("", !0)]),
         _: 1
       }, 8, ["subtitle", "title"])]));
     };
   }
 });
 export {
-  Re as _
+  ze as _
 };

package/dist/{Unit-joU7vZZu.js → Unit-DXDox2Ut.js}

@@ -1,10 +1,10 @@
 import { defineComponent as L, computed as d, ref as g, h as k, withModifiers as x, resolveComponent as p, createBlock as b, openBlock as a, unref as e, withCtx as h, createElementVNode as o, createVNode as r, toDisplayString as f, createCommentVNode as N, createElementBlock as u, Fragment as v, normalizeClass as C, renderList as T } from "vue";
 import { useI18n as E } from "@feedmepos/mf-common";
-import { useSnackbar as K, components as R, useBreakpoints as D, FmButtonVariant as G } from "@feedmepos/ui-library";
-import { _ as I } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { G as q, u as A, a4 as H } from "./index.vue_vue_type_script_setup_true_lang-DCBYExNb.js";
+import { useSnackbar as K, components as R, useBreakpoints as D, FmButtonVariant as I } from "@feedmepos/ui-library";
+import { _ as q } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { a as A, u as G, _ as H } from "./App-Cfl37TTw.js";
 import { _ as J } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as O, U as P } from "./unit-D6QOkMoM.js";
+import { u as O, U as P } from "./unit-wYPYkm33.js";
 const Q = {
   key: 0,
   class: "h-[600px]"
@@ -32,8 +32,8 @@ const Q = {
   __name: "Unit",
   setup(re) {
     const w = K();
-    q(w);
-    const S = A(), i = O(), {
+    A(w);
+    const S = G(), i = O(), {
       t: n
     } = E(), m = d(() => S.units), _ = d(() => m.value.filter((s) => `${s.name} ${s.abbrev}`.toLowerCase().includes(c.value.toLowerCase()))), c = g(""), U = g([{
       accessorKey: "name",
@@ -101,7 +101,7 @@ const Q = {
           class: C(["py-12 px-16", "flex  space-x-8", "items-center"]),
           onClick: () => e(i).updateUnit(t)
         }, [o("div", ee, [o("p", te, f(t.name), 1), o("p", ne, f(e(n)("menu.common.labels.symbol")) + ": " + f(t.abbrev), 1)]), r(j, {
-          variant: e(G).Tertiary,
+          variant: e(I).Tertiary,
           "prepend-icon": "delete",
           "text-color": "neutral-gray-400",
           onClick: x(() => e(i).deleteUnit(t), ["stop"])
@@ -125,7 +125,7 @@ const Q = {
         "append-heading": h(() => [o("div", oe, [o("div", le, [o("div", ae, [o("p", se, f(F.value), 1)])]), r(z), r(e(P), null, {
           default: h(({
             trigger: t
-          }) => [m.value.length > 0 ? (a(), b(I, {
+          }) => [m.value.length > 0 ? (a(), b(q, {
             key: 0,
             label: e(n)("menu.unit.add"),
             "prepend-icon": "add",

package/dist/{Variant-D8YjRJ6N.js → Variant-DbJVwgm5.js}

@@ -1,25 +1,22 @@
-import { getCurrentInstance as U, defineComponent as $, computed as g, onMounted as O, h as z, resolveComponent as k, createBlock as F, openBlock as u, unref as t, withCtx as p, createElementBlock as f, Fragment as V, createElementVNode as r, createVNode as i, isRef as I, normalizeClass as L, renderList as R, toDisplayString as C, withModifiers as w, createCommentVNode as G } from "vue";
+import { getCurrentInstance as $, defineComponent as A, computed as g, onMounted as O, h as z, resolveComponent as k, createBlock as F, openBlock as d, unref as n, withCtx as p, createElementBlock as f, Fragment as V, createElementVNode as r, createVNode as i, isRef as I, normalizeClass as L, renderList as R, toDisplayString as C, withModifiers as w, createCommentVNode as Y } from "vue";
 import { useI18n as N } from "@feedmepos/mf-common";
-import { useDialog as Y, useSnackbar as D, FmButtonVariant as M, components as Q, useBreakpoints as q } from "@feedmepos/ui-library";
-import { _ as H } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as J } from "./app-BNrAos5Z.js";
-import { G as K, u as P, Q as j, M as W, A as X, a4 as Z } from "./index.vue_vue_type_script_setup_true_lang-DCBYExNb.js";
-import { V as S } from "./index-C2zPvt64.js";
-import { _ as ee } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { u as te } from "./search-BAPEUu1R.js";
-import { defineStore as ne } from "pinia";
-import { c as oe } from "./createComponentProgrammatically-Bt2rn1IQ.js";
-const ae = ne("variant-manager", () => {
-  const B = Y(), o = D(), _ = K(o), h = j(_);
+import { useDialog as G, useSnackbar as D, FmButtonVariant as M, components as q, useBreakpoints as H } from "@feedmepos/ui-library";
+import { _ as J } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
+import { _ as Q } from "./app-Z0KWH9-d.js";
+import { a as K, u as P, d as j, m as W, e as X, h as Z, V as S, f as ee, _ as ne } from "./App-Cfl37TTw.js";
+import { _ as te } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { defineStore as ae } from "pinia";
+const oe = ae("variant-manager", () => {
+  const B = G(), a = D(), _ = K(a), h = j(_);
   P();
-  const d = U(), { t: c } = N(), x = (l) => {
-    var y, a;
-    const { vNode: b } = oe(
+  const u = $(), { t: c } = N(), x = (l) => {
+    var y, o;
+    const { vNode: b } = Z(
       S,
-      d,
+      u,
       l
     );
-    (a = (y = b.component) == null ? void 0 : y.exposed) == null || a.trigger();
+    (o = (y = b.component) == null ? void 0 : y.exposed) == null || o.trigger();
   };
   async function m(l) {
     x({
@@ -66,9 +63,9 @@ const ae = ne("variant-manager", () => {
   class: "px-16 py-8"
 }, ce = {
   class: /* @__PURE__ */ L(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100", "pb-64"])
-}, me = ["onClick"], ue = {
+}, me = ["onClick"], de = {
   class: "flex-1 space-y-4"
-}, de = {
+}, ue = {
   class: "fm-typo-en-body-lg-600"
 }, pe = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
@@ -77,16 +74,16 @@ const ae = ne("variant-manager", () => {
 }, _e = {
   key: 1,
   class: "xs:pt-16"
-}, Se = /* @__PURE__ */ $({
+}, Ce = /* @__PURE__ */ A({
   __name: "Variant",
   setup(B) {
     const {
-      t: o
-    } = N(), _ = P(), h = j(K(D())), d = ae(), c = g(() => _.variants.map((a) => ({
-      ...a,
+      t: a
+    } = N(), _ = P(), h = j(K(D())), u = oe(), c = g(() => _.variants.map((o) => ({
+      ...o,
       usedBy: _.items.filter((e) => {
         var s;
-        return (s = e.variant) == null ? void 0 : s.variantGroupIds.includes(a._id);
+        return (s = e.variant) == null ? void 0 : s.variantGroupIds.includes(o._id);
       }).map(({
         _id: e
       }) => ({
@@ -95,32 +92,32 @@ const ae = ne("variant-manager", () => {
     }))), {
       filter: x,
       searchKey: m
-    } = te(), v = g(() => c.value.filter((a) => {
+    } = ee(), v = g(() => c.value.filter((o) => {
       var e;
-      return x([a.name, ...((e = a.options) == null ? void 0 : e.map((s) => s.name)) ?? []]);
+      return x([o.name, ...((e = o.options) == null ? void 0 : e.map((s) => s.name)) ?? []]);
     }));
     O(() => _.selectCatalog(null));
     const l = g(() => [{
       accessorKey: "name",
-      header: () => o("menu.variant.columns.name"),
+      header: () => a("menu.variant.columns.name"),
       size: 360,
       enableSorting: !1
     }, {
       accessorKey: "options",
-      header: () => o("menu.variant.columns.options"),
+      header: () => a("menu.variant.columns.options"),
       size: 560,
       enableSorting: !1,
-      cell: (a) => {
+      cell: (o) => {
         var e;
-        return (e = a.getValue()) == null ? void 0 : e.map((s) => s.name).join(", ");
+        return (e = o.getValue()) == null ? void 0 : e.map((s) => s.name).join(", ");
       }
     }, {
       accessorKey: "usedBy",
-      header: () => o("menu.variant.columns.applied_products"),
+      header: () => a("menu.variant.columns.applied_products"),
       enableSorting: !1,
       size: 180,
-      cell: (a) => o("menu.common.labels.items_linked", {
-        count: a.getValue().length
+      cell: (o) => a("menu.common.labels.items_linked", {
+        count: o.getValue().length
       })
     }, {
       id: "action",
@@ -129,92 +126,92 @@ const ae = ne("variant-manager", () => {
         cellClass: "pl-16",
         headerContentClass: "-mx-16"
       },
-      cell: (a) => z("div", {
+      cell: (o) => z("div", {
         class: "w-full flex justify-end items-center"
-      }, [z(Q.FmButton, {
+      }, [z(q.FmButton, {
         prependIcon: "delete",
         variant: M.Tertiary,
         textColor: "neutral-gray-400",
         onClick: (e) => {
-          e.stopPropagation(), d.deleteVariant(a.row.original);
+          e.stopPropagation(), u.deleteVariant(o.row.original);
         }
       })])
-    }]), b = q(), y = g(() => b.breakpoints.value.xs);
-    return (a, e) => {
-      const s = k("fm-search"), A = k("fm-table"), E = k("fm-button");
-      return u(), F(ee, {
-        heading: t(o)("menu.variant.title")
+    }]), b = H(), y = g(() => b.breakpoints.value.xs);
+    return (o, e) => {
+      const s = k("fm-search"), T = k("fm-table"), E = k("fm-button");
+      return d(), F(te, {
+        heading: n(a)("menu.variant.title")
       }, {
-        "append-heading": p(() => [c.value.length ? (u(), F(t(S), {
+        "append-heading": p(() => [c.value.length ? (d(), F(n(S), {
           key: 0
         }, {
           default: p(({
-            trigger: n
-          }) => [i(H, {
+            trigger: t
+          }) => [i(J, {
             class: "ml-auto",
-            label: t(o)("menu.variant.add"),
+            label: n(a)("menu.variant.add"),
             "prepend-icon": "add",
-            onClick: w(n, ["stop"])
+            onClick: w(t, ["stop"])
           }, null, 8, ["label", "onClick"])]),
           _: 1
-        })) : G("", !0)]),
-        default: p(() => [c.value.length ? (u(), f(V, {
+        })) : Y("", !0)]),
+        default: p(() => [c.value.length ? (d(), f(V, {
           key: 0
-        }, [y.value ? (u(), f(V, {
+        }, [y.value ? (d(), f(V, {
           key: 1
         }, [r("div", ie, [i(s, {
           autofocus: "",
-          modelValue: t(m),
-          "onUpdate:modelValue": e[2] || (e[2] = (n) => I(m) ? m.value = n : null),
-          placeholder: t(o)("menu.common.labels.search_placeholder", {
+          modelValue: n(m),
+          "onUpdate:modelValue": e[2] || (e[2] = (t) => I(m) ? m.value = t : null),
+          placeholder: n(a)("menu.common.labels.search_placeholder", {
             type: "variants"
           })
-        }, null, 8, ["modelValue", "placeholder"])]), r("div", ce, [(u(!0), f(V, null, R(v.value, (n) => (u(), f("div", {
-          key: n._id,
+        }, null, 8, ["modelValue", "placeholder"])]), r("div", ce, [(d(!0), f(V, null, R(v.value, (t) => (d(), f("div", {
+          key: t._id,
           class: L(["py-12 px-16", "flex  space-x-8", "items-center", "cursor-pointer"]),
-          onClick: () => t(d).updateVariant(n)
-        }, [r("div", ue, [r("p", de, C(n.name), 1), r("div", null, [r("p", pe, C(t(o)("menu.common.labels.items_linked", {
-          count: n.usedBy.length
-        })), 1), r("p", fe, C(t(o)("menu.variant.mobile.value", {
-          values: n.options.map((T) => T.name).join(", ")
+          onClick: () => n(u).updateVariant(t)
+        }, [r("div", de, [r("p", ue, C(t.name), 1), r("div", null, [r("p", pe, C(n(a)("menu.common.labels.items_linked", {
+          count: t.usedBy.length
+        })), 1), r("p", fe, C(n(a)("menu.variant.mobile.value", {
+          values: t.options.map((U) => U.name).join(", ")
         })), 1)])]), i(E, {
-          variant: t(M).Tertiary,
+          variant: n(M).Tertiary,
           "prepend-icon": "delete",
           "text-color": "neutral-gray-400",
-          onClick: w(() => t(d).deleteVariant(n), ["stop"])
-        }, null, 8, ["variant", "onClick"])], 8, me))), 128))])], 64)) : (u(), f("div", le, [r("div", se, [r("div", re, [i(s, {
+          onClick: w(() => n(u).deleteVariant(t), ["stop"])
+        }, null, 8, ["variant", "onClick"])], 8, me))), 128))])], 64)) : (d(), f("div", le, [r("div", se, [r("div", re, [i(s, {
           autofocus: "",
-          modelValue: t(m),
-          "onUpdate:modelValue": e[0] || (e[0] = (n) => I(m) ? m.value = n : null),
-          placeholder: t(o)("menu.common.labels.search_placeholder", {
+          modelValue: n(m),
+          "onUpdate:modelValue": e[0] || (e[0] = (t) => I(m) ? m.value = t : null),
+          placeholder: n(a)("menu.common.labels.search_placeholder", {
             type: "variants"
           })
-        }, null, 8, ["modelValue", "placeholder"])])]), i(J, null, {
-          default: p(() => [i(A, {
+        }, null, 8, ["modelValue", "placeholder"])])]), i(Q, null, {
+          default: p(() => [i(T, {
             "column-defs": l.value,
-            loading: t(h).checkMenuIsLoading(),
+            loading: n(h).checkMenuIsLoading(),
             "page-size": v.value.length,
             "row-data": v.value,
             "shrink-at": !1,
             class: "flex-1 overflow-hidden",
             "hide-footer": "",
             "pin-header-row": "",
-            onRowClick: e[1] || (e[1] = (n) => {
-              t(d).updateVariant(n.original);
+            onRowClick: e[1] || (e[1] = (t) => {
+              n(u).updateVariant(t.original);
             })
           }, null, 8, ["column-defs", "loading", "page-size", "row-data"])]),
           _: 1
-        })]))], 64)) : (u(), f("div", _e, [i(Z, {
-          subtitle: t(o)("menu.variant.empty.subtitle"),
-          title: t(o)("menu.variant.empty.title")
+        })]))], 64)) : (d(), f("div", _e, [i(ne, {
+          subtitle: n(a)("menu.variant.empty.subtitle"),
+          title: n(a)("menu.variant.empty.title")
         }, {
-          action: p(() => [i(t(S), null, {
+          action: p(() => [i(n(S), null, {
             default: p(({
-              trigger: n
+              trigger: t
             }) => [i(E, {
               "prepend-icon": "add",
-              label: t(o)("menu.variant.add"),
-              onClick: w(n, ["stop"])
+              label: n(a)("menu.variant.add"),
+              onClick: w(t, ["stop"])
             }, null, 8, ["label", "onClick"])]),
             _: 1
           })]),
@@ -226,5 +223,5 @@ const ae = ne("variant-manager", () => {
   }
 });
 export {
-  Se as default
+  Ce as default
 };