@feedmepos/mf-menu 0.32.42-dev.3 → 0.32.43-dev.1

package/dist/{Subcategory-DbjLfXvf.js → Subcategory-W9faZY7n.js}

@@ -2,17 +2,17 @@ import { defineComponent as A, ref as x, computed as V, watch as te, resolveComp
 import { useI18n as R } from "@feedmepos/mf-common";
 import { useSnackbar as P, components as W, useDialog as X, FmButtonVariant as G, useBreakpoints as se, FmButtonColorThemeVariant as ie } from "@feedmepos/ui-library";
 import { _ as re } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { B as Y, u as J, O as K, J as Z, y as ee, a2 as ce } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { B as Y, u as J, O as K, J as Z, y as ee, a2 as ce } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
 import { _ as ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as me } from "./app-B6laFmet.js";
+import { _ as me } from "./app-0m01R0SM.js";
 import { c as de } from "./createForm-BoUQeZTd.js";
 import { u as pe } from "./discardConfirm-BHni0LNu.js";
 import { c as H } from "./object-DVUNCr7w.js";
-import { r as _e, u as ae } from "./rules-DD816lrT.js";
-import { _ as fe } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-CXGsdChM.js";
+import { r as _e, u as ae } from "./rules-DGRdKiV6.js";
+import { _ as fe } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-DZp38dX4.js";
 import { c as ve } from "./check-C9mY6LiX.js";
-import { g as z } from "./translation-Cdap0IVg.js";
-import { a as ge } from "./menu-BduvULfe.js";
+import { g as z } from "./translation-BCZ1Ruvv.js";
+import { a as ge } from "./menu-CAmS3pcT.js";
 const ye = {
   class: "fm-typo-en-title-md-600"
 }, be = {

package/dist/{Takeaway-DNu6jYFC.js → Takeaway-5DKxdpZ3.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-Dvm8Lfp3.js";
+import { _ as f } from "./Takeaway.vue_vue_type_script_setup_true_lang-BhiFnON_.js";
 export {
   f as default
 };

package/dist/{Takeaway-D4axornr.js → Takeaway-fijUedLA.js}

@@ -1,12 +1,12 @@
 import { defineComponent as f, computed as y, ref as k, createBlock as i, openBlock as d, unref as a, withCtx as s, createElementVNode as t, toDisplayString as b, createCommentVNode as g, createVNode as m } from "vue";
-import { B as x, u as v, O as w, J as E, y as M } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
+import { B as x, u as v, O as w, J as E, y as M } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
 import { useI18n as T } from "@feedmepos/mf-common";
 import { useSnackbar as V } from "@feedmepos/ui-library";
 import { _ as h } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as C } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
-import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-Dvm8Lfp3.js";
-import { T as O, l as S } from "./index-Cx1Nqii7.js";
-import { a as B } from "./menu-BduvULfe.js";
+import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-BhiFnON_.js";
+import { T as O, l as S } from "./index-3wsuY29D.js";
+import { a as B } from "./menu-CAmS3pcT.js";
 const L = { class: "flex-1 flex justify-between gap-8 pl-8" }, U = { class: "flex items-center" }, F = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, D = { class: "fm-typo-en-body-md-600 font-semibold" }, G = /* @__PURE__ */ f({
   __name: "Takeaway",
   setup(I) {

package/dist/Takeaway.vue_vue_type_script_setup_true_lang-BhiFnON_.js

@@ -0,0 +1,324 @@
+import { getCurrentInstance as te, defineComponent as ne, computed as T, watch as oe, h as M, resolveComponent as O, createElementBlock as V, openBlock as w, Fragment as L, normalizeClass as D, createElementVNode as g, createVNode as I, unref as i, isRef as j, withCtx as P, renderList as ie, createBlock as G, createCommentVNode as $, toDisplayString as B, withModifiers as q } from "vue";
+import { B as H, u as Q, O as W, J as z, y as N, G as Y, z as se, am as J, a2 as re } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.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 me } from "@feedmepos/ui-library";
+import { _ as ue } from "./app-0m01R0SM.js";
+import { a as ye, l as ee, T as pe } from "./index-3wsuY29D.js";
+import { u as fe } from "./search-BAPEUu1R.js";
+import { f as F } from "./currency-Cma3AX0v.js";
+import { defineStore as _e } from "pinia";
+import { C as ke } from "./catalog-Bs3SNL7n.js";
+import { c as ve } from "./createComponentProgrammatically-Bt2rn1IQ.js";
+import { g as we } from "./translation-BCZ1Ruvv.js";
+function ge(b, _, l, m) {
+  var y, p, k;
+  if (m >= 0) {
+    const u = (y = b.override.items[_._id][m]) == null ? void 0 : y.takeawayUsed;
+    return u == null ? void 0 : Y(u);
+  }
+  const e = l.find((u) => u._id === _._id);
+  return _.combinationKey ? ((k = (p = e == null ? void 0 : e.variant) == null ? void 0 : p.variantCombinations.find((u) => u.combinationKey === _.combinationKey)) == null ? void 0 : k.takeawayUsed) ?? (e == null ? void 0 : e.takeawayUsed) : e == null ? void 0 : e.takeawayUsed;
+}
+function be(b, _, l, m) {
+  var k, u;
+  const e = Y(b);
+  e.override.takeaway[l._id] = { price: l.price || void 0 };
+  const y = [...l.usedBy, ..._.usedBy];
+  for (const o of y) {
+    const c = l.usedBy.some(
+      (s) => s._id === o._id && s.combinationKey === o.combinationKey
+    ) ? l._id : "", a = (e.override.items[o._id] || []).findIndex(
+      (s) => s.combinationKey === o.combinationKey
+    ), d = ge(e, o, m, a);
+    if (a >= 0)
+      e.override.items[o._id][a].takeawayUsed = c;
+    else if (d !== c) {
+      const s = {
+        _id: o._id,
+        combinationKey: o.combinationKey,
+        takeawayUsed: c
+      };
+      e.override.items[o._id] = [...e.override.items[o._id] || [], s];
+    }
+  }
+  const p = [...new Set(y.map((o) => o._id))];
+  for (const o of p) {
+    const v = m.find((d) => d._id === o);
+    if (!((u = (k = v == null ? void 0 : v.variant) == null ? void 0 : k.variantCombinations) != null && u.length)) continue;
+    const c = (e.override.items[o] || []).findIndex(
+      (d) => !d.combinationKey
+    );
+    if (c < 0) continue;
+    l.usedBy.some((d) => d._id === o) || (e.override.items[o][c].takeawayUsed = "");
+  }
+  return e;
+}
+const he = _e("takeaway-manager", () => {
+  const b = ce(), _ = Z(), l = H(_), m = W(l), e = Q(), y = te(), { t: p } = X(), k = (a) => {
+    var s, h;
+    const { vNode: d } = ve(
+      ye,
+      y,
+      a
+    );
+    (h = (s = d.component) == null ? void 0 : s.exposed) == null || h.trigger();
+  };
+  async function u(a) {
+    var h, E;
+    const s = ((E = (h = e.currentCatalog) == null ? void 0 : h.override.takeaway[a._id]) == null ? void 0 : E.price) ? null : e.state.menu.modules.takeaway.find((x) => x._id === a._id);
+    k({
+      initialValue: a,
+      applyProduct: !0,
+      bindToVariant: e.rules.item.bindToVariant,
+      fallback: s,
+      action: "update",
+      "onUpdate:takeaway": async (x) => {
+        let n = Y(e.currentCatalog);
+        x.price ? n.override.takeaway[a._id] = { price: x.price } : delete n.override.takeaway[a._id], n = be(n, a, x, e.state.menu.modules.item), await new ke(n, e, m.updateMenu, b).update();
+      }
+    });
+  }
+  async function o(a) {
+    k({
+      initialValue: a,
+      bindToVariant: e.rules.item.bindToVariant,
+      applyProduct: !0,
+      action: "update",
+      "onUpdate:takeaway": async (d) => {
+        await m.updateMenu(
+          {
+            module: N.F_MENU_MODULE_V4_KEY.enum.takeaway,
+            operation: z.F_OPERATION_TYPE.update,
+            data: d,
+            link: ee(d.usedBy || [])
+          },
+          d.name
+        );
+      }
+    });
+  }
+  async function v(a) {
+    e.currentCatalog ? await u(a) : await o(a);
+  }
+  async function c(a) {
+    b.open({
+      title: p("menu.common.dialog.remove.takeaway.title"),
+      message: p("menu.common.dialog.remove.takeaway.message", { name: a.name }),
+      primaryActions: {
+        text: p("menu.common.actions.remove"),
+        close: !0,
+        variant: A.Destructive
+      },
+      secondaryActions: {
+        text: p("menu.common.actions.cancel"),
+        close: !0
+      }
+    }).onPrimary(async () => {
+      await m.updateMenu(
+        {
+          module: N.F_MENU_MODULE_V4_KEY.enum.takeaway,
+          operation: z.F_OPERATION_TYPE.delete,
+          data: a._id
+        },
+        a.name,
+        !0
+      );
+    });
+  }
+  return {
+    deleteTakeaway: c,
+    updateTakeaway: v
+  };
+}), xe = {
+  key: 0,
+  class: /* @__PURE__ */ D(["flex-1 overflow-hidden", "space-y-16", "flex flex-col", "overflow-hidden", "pt-16"])
+}, Ce = {
+  class: "flex items-center space-x-8 justify-end"
+}, Te = {
+  class: "w-[320px]"
+}, Ve = {
+  class: "px-16 pt-8"
+}, Ie = {
+  class: /* @__PURE__ */ D(["flex-1", "overflow-scroll", "divide-y divide-fm-color-neutral-gray-100"])
+}, Ue = ["onClick"], Me = {
+  class: "flex-1"
+}, Ee = {
+  class: "fm-typo-en-body-lg-600 mb-4"
+}, Ke = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Se = {
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, Be = {
+  key: 1,
+  class: "xs:pt-24"
+}, $e = /* @__PURE__ */ ne({
+  __name: "Takeaway",
+  emits: ["update:count"],
+  setup(b, {
+    emit: _
+  }) {
+    const l = Q(), m = he(), e = T(() => l.rules.item.bindToVariant), y = T(() => l.rules.takeaway), p = W(H(Z())), k = le(), u = T(() => se.Country.getCountry(k.currentCountry.value).currency), o = T(() => l.takeaways.map((n) => ({
+      ...n,
+      usedBy: l.items.reduce((r, f) => {
+        var t, K, R;
+        const C = f.takeawayUsed === n._id;
+        if ((!e.value || !((K = (t = f.variant) == null ? void 0 : t.variantGroupIds) != null && K.length)) && C)
+          r.push({
+            _id: f._id
+          });
+        else {
+          const ae = (((R = f.variant) == null ? void 0 : R.variantCombinations) || []).filter((S) => S.takeawayUsed === n._id || S.takeawayUsed == null && C).map((S) => ({
+            _id: f._id,
+            combinationKey: S.combinationKey
+          }));
+          r = [...r, ...ae];
+        }
+        return r;
+      }, [])
+    }))), {
+      filter: v,
+      searchKey: c
+    } = fe(), a = T(() => o.value.filter((n) => v([n.name, F(n.price, !1)]))), d = _;
+    oe(() => a.value.length, (n) => {
+      d("update:count", n);
+    }, {
+      immediate: !0
+    });
+    const {
+      t: s
+    } = X(), h = T(() => [{
+      accessorKey: "name",
+      header: () => s("menu.takeaway.table.columns.name"),
+      enableSorting: !1,
+      size: 700,
+      cell: (n) => {
+        const r = n.row.original, f = n.getValue(), U = Object.keys(r.name_locale ?? {}).map((t) => we(t));
+        return M("div", {
+          class: "flex items-center gap-8"
+        }, [M("span", {
+          class: "break-all"
+        }, f), ...U.map((t) => M("div", {
+          class: "rounded-lg border border-fm-color-primary text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600 px-8"
+        }, t))]);
+      }
+    }, {
+      accessorKey: "price",
+      header: () => s("menu.takeaway.table.columns.price", {
+        symbol: u.value.symbol
+      }),
+      enableSorting: !1,
+      size: 200,
+      meta: {
+        textAlign: "right"
+      },
+      cell: (n) => {
+        const r = n.getValue();
+        return F(r, !1);
+      }
+    }, {
+      accessorKey: "usedBy",
+      header: () => s("menu.takeaway.table.columns.products"),
+      enableSorting: !1,
+      size: 200,
+      cell: (n) => {
+        const r = n.getValue(), f = J(l.categorizedItems, r).flatMap((C) => C.items).length ?? 0;
+        return s("menu.takeaway.table.items_linked", {
+          count: f
+        });
+      }
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (n) => M("div", {
+        class: "flex justify-end items-center"
+      }, [y.value.delete ? M(de.FmButton, {
+        prependIcon: "delete",
+        variant: A.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (r) => {
+          r.stopPropagation(), m.deleteTakeaway(n.row.original);
+        }
+      }) : null])
+    }]), E = me(), x = T(() => E.breakpoints.value.xs);
+    return (n, r) => {
+      const f = O("fm-search"), C = O("fm-table"), U = O("fm-button");
+      return o.value.length ? (w(), V(L, {
+        key: 0
+      }, [x.value ? (w(), V(L, {
+        key: 1
+      }, [g("div", Ve, [I(f, {
+        class: "w-full",
+        autofocus: "",
+        modelValue: i(c),
+        "onUpdate:modelValue": r[2] || (r[2] = (t) => j(c) ? c.value = t : null),
+        placeholder: i(s)("menu.takeaway.table.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), g("div", Ie, [(w(!0), V(L, null, ie(a.value, (t) => (w(), V("div", {
+        key: t._id,
+        class: D(["py-12 px-16", "flex  space-x-8", "items-center"]),
+        onClick: () => {
+          y.value.edit && i(m).updateTakeaway(t);
+        }
+      }, [g("div", Me, [g("p", Ee, B(t.name), 1), g("p", Ke, B(`${i(J)(i(l).categorizedItems, t.usedBy).flatMap((K) => K.items).length ?? 0} items linked`), 1), g("p", Se, " Price: " + B(u.value.symbol) + B(i(F)(t.price, !1)), 1)]), y.value.delete ? (w(), G(U, {
+        key: 0,
+        variant: i(A).Tertiary,
+        "text-color": "neutral-gray-400",
+        "prepend-icon": "delete",
+        onClick: q(() => i(m).deleteTakeaway(t), ["stop"])
+      }, null, 8, ["variant", "onClick"])) : $("", !0)], 8, Ue))), 128))])], 64)) : (w(), V("div", xe, [g("div", Ce, [g("div", Te, [I(f, {
+        autofocus: "",
+        modelValue: i(c),
+        "onUpdate:modelValue": r[0] || (r[0] = (t) => j(c) ? c.value = t : null),
+        placeholder: i(s)("menu.takeaway.table.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])]), I(ue, null, {
+        default: P(() => [I(C, {
+          "column-defs": h.value,
+          loading: i(p).checkMenuIsLoading(),
+          "page-size": a.value.length,
+          "row-data": a.value,
+          "search-value": i(c),
+          "shrink-at": !1,
+          class: "flex-1 overflow-hidden",
+          "hide-footer": "",
+          "pin-header-row": "",
+          onRowClick: r[1] || (r[1] = (t) => {
+            y.value.edit && i(m).updateTakeaway(t.original);
+          })
+        }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
+        _: 1
+      })]))], 64)) : (w(), V("div", Be, [I(i(re), {
+        subtitle: i(s)("menu.takeaway.empty.subtitle"),
+        title: i(s)("menu.takeaway.empty.title")
+      }, {
+        action: P(() => [y.value.create ? (w(), G(i(pe), {
+          key: 0,
+          "bind-to-variant": e.value,
+          action: "add",
+          "apply-product": "",
+          "onUpdate:takeaway": r[3] || (r[3] = (t) => i(p).updateMenu({
+            module: i(N.F_MENU_MODULE_V4_KEY).enum.takeaway,
+            operation: i(z.F_OPERATION_TYPE).create,
+            data: t,
+            link: i(ee)(t.usedBy || [])
+          }, t.name))
+        }, {
+          default: P(({
+            trigger: t
+          }) => [I(U, {
+            "prepend-icon": "add",
+            label: i(s)("menu.takeaway.empty.action"),
+            onClick: q(t, ["stop"])
+          }, null, 8, ["label", "onClick"])]),
+          _: 1
+        }, 8, ["bind-to-variant"])) : $("", !0)]),
+        _: 1
+      }, 8, ["subtitle", "title"])]));
+    };
+  }
+});
+export {
+  $e as _
+};

package/dist/{Thumbnail.vue_vue_type_script_setup_true_lang-BjPOOURv.js → Thumbnail.vue_vue_type_script_setup_true_lang-BUNPf1OD.js}

@@ -1,9 +1,9 @@
 import { computed as d, defineComponent as x, ref as F, resolveComponent as b, createElementBlock as L, openBlock as w, normalizeClass as O, createVNode as K, normalizeStyle as B, withCtx as $, createBlock as U, createCommentVNode as j } from "vue";
-import { y as h, J as E, B as R, O as C, ai as z, u as y, c as J } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
-import { u as S } from "./menuV2-Da1zBhkS.js";
-import { C as v, h as N } from "./catalog-CXcQ-QmP.js";
+import { y as h, J as E, B as R, O as C, ai as z, u as y, c as J } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
+import { u as S } from "./menuV2-COwLB3e1.js";
+import { C as v, h as N } from "./catalog-Bs3SNL7n.js";
 import { useSnackbar as P, useDialog as A } from "@feedmepos/ui-library";
-import { a as T } from "./LinkProductSideSheet-BS-MEIOG.js";
+import { a as T } from "./LinkProductSideSheet-BQQtUuCr.js";
 import { useI18n as q } from "@feedmepos/mf-common";
 function G() {
   const t = S(), o = d(() => t.categorizedRawMenuItems.filter((u) => u.items.length > 0)), i = d(() => {

package/dist/{TranslationSideSheet.vue_vue_type_script_setup_true_lang-CXGsdChM.js → TranslationSideSheet.vue_vue_type_script_setup_true_lang-DZp38dX4.js}

@@ -1,12 +1,12 @@
-import { defineComponent as K, ref as y, watch as E, computed as F, unref as a, resolveComponent as _, createBlock as T, openBlock as i, withCtx as v, createElementVNode as t, toDisplayString as m, createElementBlock as p, createCommentVNode as B, Fragment as x, renderList as C, createVNode as r } from "vue";
-import { H as D } from "./index.vue_vue_type_script_setup_true_lang-CA1qH7Vf.js";
-import { useI18n as P, useLocale as Q } from "@feedmepos/mf-common";
-import { u as R } from "./discardConfirm-BHni0LNu.js";
-import { g as V, a as I, _ as W, b as X } from "./translation-Cdap0IVg.js";
-const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }, ee = { class: "flex flex-col gap-8" }, oe = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, le = { class: "flex items-center gap-8 flex-wrap" }, te = { class: "w-24 h-24 rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600" }, ae = { class: "fm-typo-en-body-md-600" }, ne = ["onClick"], se = { class: "flex items-center gap-8" }, ce = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, me = { class: "fm-typo-en-body-md-400" }, ie = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, de = { class: "flex items-center gap-16" }, re = { class: "fm-typo-en-body-lg-600" }, ue = { class: "flex flex-col gap-32 pl-32" }, pe = {
+import { defineComponent as J, ref as h, watch as O, computed as j, resolveComponent as _, createBlock as T, openBlock as d, unref as a, withCtx as v, createElementVNode as t, toDisplayString as m, createElementBlock as p, createCommentVNode as F, Fragment as x, renderList as C, createVNode as r } from "vue";
+import { H as I } from "./index.vue_vue_type_script_setup_true_lang-DotsunNI.js";
+import { useI18n as K, ALL_LOCALE_OPTIONS as y } from "@feedmepos/mf-common";
+import { u as Q } from "./discardConfirm-BHni0LNu.js";
+import { g as V, a as S, _ as R, b as W } from "./translation-BCZ1Ruvv.js";
+const X = { class: "fm-typo-en-title-md-600" }, Y = { class: "pt-8 space-y-24" }, Z = { class: "flex flex-col gap-8" }, ee = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, oe = { class: "flex items-center gap-8 flex-wrap" }, le = { class: "w-24 h-24 rounded-full bg-fm-color-primary-oats text-fm-color-primary flex items-center justify-center fm-typo-en-body-sm-600" }, te = { class: "fm-typo-en-body-md-600" }, ae = ["onClick"], ne = { class: "flex items-center gap-8" }, se = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, ce = { class: "fm-typo-en-body-md-400" }, me = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, de = { class: "flex items-center gap-16" }, ie = { class: "fm-typo-en-body-lg-600" }, re = { class: "flex flex-col gap-32 pl-32" }, ue = {
   key: 0,
   class: "space-y-8"
-}, fe = { class: "flex w-[100px] items-center gap-8" }, _e = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, ve = { class: "fm-typo-en-body-md-400" }, he = { class: "flex-1" }, ye = { class: "flex gap-8 items-center justify-start" }, ke = /* @__PURE__ */ K({
+}, pe = { class: "flex w-[100px] items-center gap-8" }, fe = { class: "w-24 h-24 rounded-full bg-fm-color-opacity-sm flex items-center justify-center fm-typo-en-body-sm-600" }, _e = { class: "fm-typo-en-body-md-400" }, ve = { class: "flex-1" }, he = { class: "flex gap-8 items-center justify-start" }, Ve = /* @__PURE__ */ J({
   __name: "TranslationSideSheet",
   props: {
     modelValue: { type: Boolean },
@@ -15,47 +15,49 @@ const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }
     nameLocale: {}
   },
   emits: ["update:modelValue", "update:name", "update:nameLocale"],
-  setup(O, { emit: S }) {
-    const s = O, f = S, { t: d } = P(), { localeList: h } = Q(), c = y([]), k = y([]), u = y(s.name), L = y(s.name);
-    E(
+  setup(A, { emit: B }) {
+    const s = A, f = B, { t: i } = K(), c = h([]), k = h([]), u = h(s.name), L = h(s.name);
+    O(
       () => s.name,
       (e) => {
         u.value = e;
       }
     );
-    function U() {
+    function D() {
       return !s.nameLocale || Object.keys(s.nameLocale).length === 0 ? [] : Object.entries(s.nameLocale).map(([e, o]) => ({
         localeCode: e,
         value: o
       }));
     }
-    E(
+    O(
       () => [s.modelValue, s.nameLocale],
       ([e]) => {
-        e && (c.value = U(), k.value = D.clone(c.value), u.value = s.name, L.value = s.name);
+        e && (c.value = D(), k.value = I.clone(c.value), u.value = s.name, L.value = s.name);
       },
       { immediate: !0 }
     );
-    const w = F(() => {
+    const w = j(() => {
       const e = new Set(c.value.map((n) => n.localeCode));
-      return a(h).filter((n) => !e.has(n.code)).map((n) => ({
-        code: n.code,
-        name: n.name,
-        icon: V(n.code)
-      }));
+      return y.filter((n) => !e.has(n.code)).map(
+        (n) => ({
+          code: n.code,
+          name: n.name,
+          icon: V(n.code)
+        })
+      );
     });
-    function $(e) {
-      const o = a(h).find((n) => n.code === e);
+    function U(e) {
+      const o = y.find((n) => n.code === e);
       o && c.value.push({
         localeCode: o.code,
         value: ""
       });
     }
-    function z(e) {
+    function $(e) {
       c.value = c.value.filter((o) => o.localeCode !== e);
     }
-    function A() {
-      const e = u.value !== L.value, o = !D.isEqual(c.value, k.value);
+    function z() {
+      const e = u.value !== L.value, o = !I.isEqual(c.value, k.value);
       return e || o;
     }
     function M() {
@@ -74,31 +76,31 @@ const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }
     function q() {
       f("update:modelValue", !1);
     }
-    const N = R(A, q), j = F({
+    const N = Q(z, q), E = j({
       get: () => s.modelValue,
       set: (e) => f("update:modelValue", e)
     });
     return (e, o) => {
-      const n = _("FmIcon"), g = _("fm-button"), H = _("FmMenu"), G = _("fm-text-field"), J = _("fm-side-sheet");
-      return i(), T(J, {
-        modelValue: j.value,
-        "onUpdate:modelValue": o[1] || (o[1] = (l) => j.value = l),
+      const n = _("FmIcon"), g = _("fm-button"), H = _("FmMenu"), P = _("fm-text-field"), G = _("fm-side-sheet");
+      return d(), T(G, {
+        modelValue: E.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (l) => E.value = l),
         "max-width": 720,
         "onOn:clickedAway": a(N)
       }, {
         "side-sheet-header": v(() => [
-          t("p", Y, m(e.title) + " " + m(a(d)("menu.common.translation.title_suffix")), 1)
+          t("p", X, m(e.title) + " " + m(a(i)("menu.common.translation.title_suffix")), 1)
         ]),
         "side-sheet-footer": v(() => [
-          t("div", ye, [
+          t("div", he, [
             r(g, {
-              label: a(d)("common.save"),
+              label: a(i)("common.save"),
               size: "lg",
               variant: "primary",
               onClick: M
             }, null, 8, ["label"]),
             r(g, {
-              label: a(d)("common.cancel"),
+              label: a(i)("common.cancel"),
               size: "lg",
               variant: "tertiary",
               onClick: a(N)
@@ -106,24 +108,24 @@ const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }
           ])
         ]),
         default: v(() => [
-          t("div", Z, [
-            t("div", ee, [
-              t("p", oe, m(a(d)("menu.common.translation.language")), 1),
-              t("div", le, [
-                (i(!0), p(x, null, C(c.value, (l) => (i(), p("div", {
+          t("div", Y, [
+            t("div", Z, [
+              t("p", ee, m(a(i)("menu.common.translation.language")), 1),
+              t("div", oe, [
+                (d(!0), p(x, null, C(c.value, (l) => (d(), p("div", {
                   key: l.localeCode,
                   class: "flex items-center gap-8 p-8 border border-fm-color-primary text-fm-color-primary rounded-full"
                 }, [
-                  t("div", te, m(a(V)(l.localeCode)), 1),
-                  t("span", ae, m(a(I)(l.localeCode, a(h))), 1),
+                  t("div", le, m(a(V)(l.localeCode)), 1),
+                  t("span", te, m(a(S)(l.localeCode, a(y))), 1),
                   r(n, {
                     name: "close",
                     class: "cursor-pointer",
                     variant: "secondary",
-                    onClick: (b) => z(l.localeCode)
+                    onClick: (b) => $(l.localeCode)
                   }, null, 8, ["onClick"])
                 ]))), 128)),
-                w.value.length > 0 ? (i(), T(H, { key: 0 }, {
+                w.value.length > 0 ? (d(), T(H, { key: 0 }, {
                   "menu-button": v(() => [
                     r(g, {
                       variant: "secondary",
@@ -133,53 +135,53 @@ const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }
                     })
                   ]),
                   default: v(() => [
-                    (i(!0), p(x, null, C(w.value, (l) => (i(), p("div", {
+                    (d(!0), p(x, null, C(w.value, (l) => (d(), p("div", {
                       class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
                       key: l.code,
-                      onClick: (b) => $(l.code)
+                      onClick: (b) => U(l.code)
                     }, [
-                      t("div", se, [
-                        t("div", ce, m(l.icon), 1),
-                        t("span", me, m(l.name), 1)
+                      t("div", ne, [
+                        t("div", se, m(l.icon), 1),
+                        t("span", ce, m(l.name), 1)
                       ])
-                    ], 8, ne))), 128))
+                    ], 8, ae))), 128))
                   ]),
                   _: 1
-                })) : B("", !0)
+                })) : F("", !0)
               ])
             ]),
-            t("div", ie, [
+            t("div", me, [
               t("div", de, [
                 r(n, { name: "keyboard_arrow_down" }),
-                t("p", re, m(a(d)("menu.common.translation.name_section", { entity: e.title })), 1)
+                t("p", ie, m(a(i)("menu.common.translation.name_section", { entity: e.title })), 1)
               ]),
-              t("div", ue, [
-                r(W, {
-                  label: a(d)("menu.common.translation.default"),
+              t("div", re, [
+                r(R, {
+                  label: a(i)("menu.common.translation.default"),
                   modelValue: u.value,
                   "onUpdate:modelValue": o[0] || (o[0] = (l) => u.value = l)
                 }, null, 8, ["label", "modelValue"]),
-                c.value.length > 0 ? (i(), p("div", pe, [
-                  r(X, {
-                    label: a(d)("menu.common.translation.translation_label")
+                c.value.length > 0 ? (d(), p("div", ue, [
+                  r(W, {
+                    label: a(i)("menu.common.translation.translation_label")
                   }, null, 8, ["label"]),
-                  (i(!0), p(x, null, C(c.value, (l) => (i(), p("div", {
+                  (d(!0), p(x, null, C(c.value, (l) => (d(), p("div", {
                     key: l.localeCode,
                     class: "flex items-center gap-16"
                   }, [
-                    t("div", fe, [
-                      t("div", _e, m(a(V)(l.localeCode)), 1),
-                      t("span", ve, m(a(I)(l.localeCode, a(h))), 1)
+                    t("div", pe, [
+                      t("div", fe, m(a(V)(l.localeCode)), 1),
+                      t("span", _e, m(a(S)(l.localeCode, a(y))), 1)
                     ]),
-                    t("div", he, [
-                      r(G, {
+                    t("div", ve, [
+                      r(P, {
                         modelValue: l.value,
                         "onUpdate:modelValue": (b) => l.value = b,
-                        placeholder: a(d)("menu.group.translation.placeholder")
+                        placeholder: a(i)("menu.group.translation.placeholder")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
                     ])
                   ]))), 128))
-                ])) : B("", !0)
+                ])) : F("", !0)
               ])
             ])
           ])
@@ -190,5 +192,5 @@ const Y = { class: "fm-typo-en-title-md-600" }, Z = { class: "pt-8 space-y-24" }
   }
 });
 export {
-  ke as _
+  Ve as _
 };