@feedmepos/mf-menu 0.32.44 → 0.32.45

package/dist/{Takeaway.vue_vue_type_script_setup_true_lang-oA0e9oI5.js → Takeaway.vue_vue_type_script_setup_true_lang-Cbz7Qt_g.js}

@@ -1,15 +1,15 @@
-import { getCurrentInstance as te, defineComponent as ne, computed as T, watch as oe, h as U, resolveComponent as L, createElementBlock as V, openBlock as w, Fragment as O, 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 { G as H, u as J, Q as W, M as N, A as z, I as Y, B as se, ap as Q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
+import { getCurrentInstance as te, defineComponent as ne, computed as C, watch as oe, h as M, resolveComponent as L, createElementBlock as V, openBlock as w, Fragment as P, normalizeClass as D, createElementVNode as g, createVNode as I, unref as i, isRef as $, withCtx as O, renderList as ie, createBlock as j, createCommentVNode as G, toDisplayString as S, withModifiers as q } from "vue";
+import { G as H, u as J, Q as W, M as N, A as z, I as Y, B as se, ap as Q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.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-CfCYl2pO.js";
-import { a as ye, l as ee, T as pe } from "./index-Cq-czJjU.js";
-import { u as fe } from "./search-BAPEUu1R.js";
-import { f as F } from "./currency-Nxod6uwl.js";
-import { defineStore as _e } from "pinia";
-import { C as ke } from "./catalog-CvN9Wu8V.js";
-import { c as ve } from "./createComponentProgrammatically-Bt2rn1IQ.js";
-import { g as we } from "./translation-Cdap0IVg.js";
+import { _ as me } from "./app-CA4g3v2n.js";
+import { a as ye, l as ee, T as pe } from "./index-BlLRjkMF.js";
+import { _ as fe } from "./TranslationViewChip.vue_vue_type_script_setup_true_lang-CHT7Xozn.js";
+import { u as _e } from "./search-BAPEUu1R.js";
+import { f as F } from "./currency-DDxFMjAI.js";
+import { defineStore as ke } from "pinia";
+import { C as ve } from "./catalog-D7Jjqj3-.js";
+import { c as we } from "./createComponentProgrammatically-Bt2rn1IQ.js";
 function ge(b, _, l, u) {
   var y, p, k;
   if (u >= 0) {
@@ -24,39 +24,39 @@ function be(b, _, l, 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) {
+  for (const n 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, u, a);
+      (s) => s._id === n._id && s.combinationKey === n.combinationKey
+    ) ? l._id : "", a = (e.override.items[n._id] || []).findIndex(
+      (s) => s.combinationKey === n.combinationKey
+    ), d = ge(e, n, u, a);
     if (a >= 0)
-      e.override.items[o._id][a].takeawayUsed = c;
+      e.override.items[n._id][a].takeawayUsed = c;
     else if (d !== c) {
       const s = {
-        _id: o._id,
-        combinationKey: o.combinationKey,
+        _id: n._id,
+        combinationKey: n.combinationKey,
         takeawayUsed: c
       };
-      e.override.items[o._id] = [...e.override.items[o._id] || [], s];
+      e.override.items[n._id] = [...e.override.items[n._id] || [], s];
     }
   }
-  const p = [...new Set(y.map((o) => o._id))];
-  for (const o of p) {
-    const v = u.find((d) => d._id === o);
+  const p = [...new Set(y.map((n) => n._id))];
+  for (const n of p) {
+    const v = u.find((d) => d._id === n);
     if (!((m = (k = v == null ? void 0 : v.variant) == null ? void 0 : k.variantCombinations) != null && m.length)) continue;
-    const c = (e.override.items[o] || []).findIndex(
+    const c = (e.override.items[n] || []).findIndex(
       (d) => !d.combinationKey
     );
     if (c < 0) continue;
-    l.usedBy.some((d) => d._id === o) || (e.override.items[o][c].takeawayUsed = "");
+    l.usedBy.some((d) => d._id === n) || (e.override.items[n][c].takeawayUsed = "");
   }
   return e;
 }
-const he = _e("takeaway-manager", () => {
+const he = ke("takeaway-manager", () => {
   const b = ce(), _ = Z(), l = H(_), u = W(l), e = J(), y = te(), { t: p } = X(), k = (a) => {
     var s, h;
-    const { vNode: d } = ve(
+    const { vNode: d } = we(
       ye,
       y,
       a
@@ -64,8 +64,8 @@ const he = _e("takeaway-manager", () => {
     (h = (s = d.component) == null ? void 0 : s.exposed) == null || h.trigger();
   };
   async function m(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);
+    var h, U;
+    const s = ((U = (h = e.currentCatalog) == null ? void 0 : h.override.takeaway[a._id]) == null ? void 0 : U.price) ? null : e.state.menu.modules.takeaway.find((x) => x._id === a._id);
     k({
       initialValue: a,
       applyProduct: !0,
@@ -73,12 +73,12 @@ const he = _e("takeaway-manager", () => {
       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, u.updateMenu, b).update();
+        let t = Y(e.currentCatalog);
+        x.price ? t.override.takeaway[a._id] = { price: x.price } : delete t.override.takeaway[a._id], t = be(t, a, x, e.state.menu.modules.item), await new ve(t, e, u.updateMenu, b).update();
       }
     });
   }
-  async function o(a) {
+  async function n(a) {
     k({
       initialValue: a,
       bindToVariant: e.rules.item.bindToVariant,
@@ -98,7 +98,7 @@ const he = _e("takeaway-manager", () => {
     });
   }
   async function v(a) {
-    e.currentCatalog ? await m(a) : await o(a);
+    e.currentCatalog ? await m(a) : await n(a);
   }
   async function c(a) {
     b.open({
@@ -151,55 +151,55 @@ const he = _e("takeaway-manager", () => {
 }, Be = {
   key: 1,
   class: "xs:pt-24"
-}, $e = /* @__PURE__ */ ne({
+}, Ge = /* @__PURE__ */ ne({
   __name: "Takeaway",
   emits: ["update:count"],
   setup(b, {
     emit: _
   }) {
-    const l = J(), u = he(), e = T(() => l.rules.item.bindToVariant), y = T(() => l.rules.takeaway), p = W(H(Z())), k = le(), m = 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({
+    const l = J(), u = he(), e = C(() => l.rules.item.bindToVariant), y = C(() => l.rules.takeaway), p = W(H(Z())), k = le(), m = C(() => se.Country.getCountry(k.currentCountry.value).currency), n = C(() => l.takeaways.map((t) => ({
+      ...t,
+      usedBy: l.items.reduce((o, f) => {
+        var r, E, R;
+        const T = f.takeawayUsed === t._id;
+        if ((!e.value || !((E = (r = f.variant) == null ? void 0 : r.variantGroupIds) != null && E.length)) && T)
+          o.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) => ({
+          const ae = (((R = f.variant) == null ? void 0 : R.variantCombinations) || []).filter((K) => K.takeawayUsed === t._id || K.takeawayUsed == null && T).map((K) => ({
             _id: f._id,
-            combinationKey: S.combinationKey
+            combinationKey: K.combinationKey
           }));
-          r = [...r, ...ae];
+          o = [...o, ...ae];
         }
-        return r;
+        return o;
       }, [])
     }))), {
       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);
+    } = _e(), a = C(() => n.value.filter((t) => v([t.name, F(t.price, !1)]))), d = _;
+    oe(() => a.value.length, (t) => {
+      d("update:count", t);
     }, {
       immediate: !0
     });
     const {
       t: s
-    } = X(), h = T(() => [{
+    } = X(), h = C(() => [{
       accessorKey: "name",
       header: () => s("menu.takeaway.table.columns.name"),
       enableSorting: !1,
       size: 700,
-      cell: (n) => {
-        const r = n.row.original, f = n.getValue(), M = Object.keys(r.name_locale ?? {}).map((t) => we(t));
-        return U("div", {
+      cell: (t) => {
+        const o = t.row.original, f = t.getValue();
+        return M("div", {
           class: "flex items-center gap-8"
-        }, [U("span", {
+        }, [M("span", {
           class: "break-all"
-        }, f), ...M.map((t) => U("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))]);
+        }, f), o.name_locale ? M(fe, {
+          nameLocale: o.name_locale ?? {}
+        }) : null]);
       }
     }, {
       accessorKey: "price",
@@ -211,17 +211,17 @@ const he = _e("takeaway-manager", () => {
       meta: {
         textAlign: "right"
       },
-      cell: (n) => {
-        const r = n.getValue();
-        return F(r, !1);
+      cell: (t) => {
+        const o = t.getValue();
+        return F(o, !1);
       }
     }, {
       accessorKey: "usedBy",
       header: () => s("menu.takeaway.table.columns.products"),
       enableSorting: !1,
       size: 200,
-      cell: (n) => {
-        const r = n.getValue(), f = Q(l.categorizedItems, r).flatMap((C) => C.items).length ?? 0;
+      cell: (t) => {
+        const o = t.getValue(), f = Q(l.categorizedItems, o).flatMap((T) => T.items).length ?? 0;
         return s("menu.takeaway.table.items_linked", {
           count: f
         });
@@ -233,48 +233,48 @@ const he = _e("takeaway-manager", () => {
         cellClass: "pl-16",
         headerContentClass: "-mx-16"
       },
-      cell: (n) => U("div", {
+      cell: (t) => M("div", {
         class: "flex justify-end items-center"
-      }, [y.value.delete ? U(de.FmButton, {
+      }, [y.value.delete ? M(de.FmButton, {
         prependIcon: "delete",
         variant: A.Tertiary,
         textColor: "neutral-gray-400",
-        onClick: (r) => {
-          r.stopPropagation(), u.deleteTakeaway(n.row.original);
+        onClick: (o) => {
+          o.stopPropagation(), u.deleteTakeaway(t.row.original);
         }
       }) : null])
-    }]), E = ue(), x = T(() => E.breakpoints.value.xs);
-    return (n, r) => {
-      const f = L("fm-search"), C = L("fm-table"), M = L("fm-button");
-      return o.value.length ? (w(), V(O, {
+    }]), U = ue(), x = C(() => U.breakpoints.value.xs);
+    return (t, o) => {
+      const f = L("fm-search"), T = L("fm-table"), B = L("fm-button");
+      return n.value.length ? (w(), V(P, {
         key: 0
-      }, [x.value ? (w(), V(O, {
+      }, [x.value ? (w(), V(P, {
         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),
+        "onUpdate:modelValue": o[2] || (o[2] = (r) => $(c) ? c.value = r : null),
         placeholder: i(s)("menu.takeaway.table.search.placeholder")
-      }, null, 8, ["modelValue", "placeholder"])]), g("div", Ie, [(w(!0), V(O, null, ie(a.value, (t) => (w(), V("div", {
-        key: t._id,
+      }, null, 8, ["modelValue", "placeholder"])]), g("div", Ie, [(w(!0), V(P, null, ie(a.value, (r) => (w(), V("div", {
+        key: r._id,
         class: D(["py-12 px-16", "flex  space-x-8", "items-center"]),
         onClick: () => {
-          y.value.edit && i(u).updateTakeaway(t);
+          y.value.edit && i(u).updateTakeaway(r);
         }
-      }, [g("div", Ue, [g("p", Ee, B(t.name), 1), g("p", Ke, B(`${i(Q)(i(l).categorizedItems, t.usedBy).flatMap((K) => K.items).length ?? 0} items linked`), 1), g("p", Se, " Price: " + B(m.value.symbol) + B(i(F)(t.price, !1)), 1)]), y.value.delete ? (w(), G(M, {
+      }, [g("div", Ue, [g("p", Ee, S(r.name), 1), g("p", Ke, S(`${i(Q)(i(l).categorizedItems, r.usedBy).flatMap((E) => E.items).length ?? 0} items linked`), 1), g("p", Se, " Price: " + S(m.value.symbol) + S(i(F)(r.price, !1)), 1)]), y.value.delete ? (w(), j(B, {
         key: 0,
         variant: i(A).Tertiary,
         "text-color": "neutral-gray-400",
         "prepend-icon": "delete",
-        onClick: q(() => i(u).deleteTakeaway(t), ["stop"])
-      }, null, 8, ["variant", "onClick"])) : $("", !0)], 8, Me))), 128))])], 64)) : (w(), V("div", xe, [g("div", Ce, [g("div", Te, [I(f, {
+        onClick: q(() => i(u).deleteTakeaway(r), ["stop"])
+      }, null, 8, ["variant", "onClick"])) : G("", !0)], 8, Me))), 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),
+        "onUpdate:modelValue": o[0] || (o[0] = (r) => $(c) ? c.value = r : null),
         placeholder: i(s)("menu.takeaway.table.search.placeholder")
       }, null, 8, ["modelValue", "placeholder"])])]), I(me, null, {
-        default: P(() => [I(C, {
+        default: O(() => [I(T, {
           "column-defs": h.value,
           loading: i(p).checkMenuIsLoading(),
           "page-size": a.value.length,
@@ -284,8 +284,8 @@ const he = _e("takeaway-manager", () => {
           class: "flex-1 overflow-hidden",
           "hide-footer": "",
           "pin-header-row": "",
-          onRowClick: r[1] || (r[1] = (t) => {
-            y.value.edit && i(u).updateTakeaway(t.original);
+          onRowClick: o[1] || (o[1] = (r) => {
+            y.value.edit && i(u).updateTakeaway(r.original);
           })
         }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
         _: 1
@@ -293,32 +293,32 @@ const he = _e("takeaway-manager", () => {
         subtitle: i(s)("menu.takeaway.empty.subtitle"),
         title: i(s)("menu.takeaway.empty.title")
       }, {
-        action: P(() => [y.value.create ? (w(), G(i(pe), {
+        action: O(() => [y.value.create ? (w(), j(i(pe), {
           key: 0,
           "bind-to-variant": e.value,
           action: "add",
           "apply-product": "",
-          "onUpdate:takeaway": r[3] || (r[3] = (t) => i(p).updateMenu({
+          "onUpdate:takeaway": o[3] || (o[3] = (r) => i(p).updateMenu({
             module: i(z.F_MENU_MODULE_V4_KEY).enum.takeaway,
             operation: i(N.F_OPERATION_TYPE).create,
-            data: t,
-            link: i(ee)(t.usedBy || [])
-          }, t.name))
+            data: r,
+            link: i(ee)(r.usedBy || [])
+          }, r.name))
         }, {
-          default: P(({
-            trigger: t
-          }) => [I(M, {
+          default: O(({
+            trigger: r
+          }) => [I(B, {
             "prepend-icon": "add",
             label: i(s)("menu.takeaway.empty.action"),
-            onClick: q(t, ["stop"])
+            onClick: q(r, ["stop"])
           }, null, 8, ["label", "onClick"])]),
           _: 1
-        }, 8, ["bind-to-variant"])) : $("", !0)]),
+        }, 8, ["bind-to-variant"])) : G("", !0)]),
         _: 1
       }, 8, ["subtitle", "title"])]));
     };
   }
 });
 export {
-  $e as _
+  Ge as _
 };

package/dist/{Thumbnail.vue_vue_type_script_setup_true_lang-T40ChY7j.js → Thumbnail.vue_vue_type_script_setup_true_lang-CPM_muXB.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 R, createVNode as K, normalizeStyle as $, withCtx as B, createBlock as U, createCommentVNode as j } from "vue";
-import { A as h, M as E, G as C, Q as O, al as Y, u as y, a as G } from "./index.vue_vue_type_script_setup_true_lang-YXKayPEp.js";
-import { u as S } from "./menuV2-BGEYgQ8-.js";
-import { C as v, h as N } from "./catalog-CvN9Wu8V.js";
+import { A as h, M as E, G as C, Q as O, al as Y, u as y, a as G } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
+import { u as S } from "./menuV2-DBkrmeha.js";
+import { C as v, h as N } from "./catalog-D7Jjqj3-.js";
 import { useSnackbar as P, useDialog as z } from "@feedmepos/ui-library";
-import { a as T } from "./LinkProductSideSheet-DazOkwkd.js";
+import { a as T } from "./LinkProductSideSheet-DY32g33Q.js";
 import { useI18n as Q } from "@feedmepos/mf-common";
 function q() {
   const t = S(), o = d(() => t.categorizedRawMenuItems.filter((u) => u.items.length > 0)), i = d(() => {

package/dist/TranslationFieldSection.vue_vue_type_script_setup_true_lang-BpL8UrFY.js

@@ -0,0 +1,278 @@
+import { defineComponent as v, createElementBlock as c, openBlock as t, normalizeClass as h, toDisplayString as y, unref as i, resolveComponent as u, createVNode as _, createElementVNode as d, computed as b, createBlock as g, createCommentVNode as B, Fragment as k, renderList as F, withCtx as x } from "vue";
+import { useI18n as N } from "@feedmepos/mf-common";
+import { u as S } from "./index.vue_vue_type_script_setup_true_lang-C6IVvAua.js";
+const T = {
+  "en-US": {
+    icon: "EN",
+    name: "English"
+  },
+  "zh-CN": {
+    icon: "简",
+    name: "简体中文"
+  },
+  "th-TH": {
+    icon: "TH",
+    name: "ไทย"
+  },
+  "ja-JP": {
+    icon: "JP",
+    name: "日本語"
+  },
+  "zh-Hant": {
+    icon: "繁",
+    name: "繁體中文"
+  },
+  "id-ID": {
+    icon: "ID",
+    name: "Bahasa Indonesia"
+  },
+  "vi-VN": {
+    icon: "VN",
+    name: "Tiếng Việt"
+  },
+  "ms-MY": {
+    icon: "MY",
+    name: "Bahasa Melayu"
+  },
+  "ph-PH": {
+    icon: "PH",
+    name: "Filipino"
+  },
+  "ko-KR": {
+    icon: "KR",
+    name: "한국어"
+  },
+  "fr-MA": {
+    icon: "MA",
+    name: "Français (Maroc)"
+  }
+};
+function w(n) {
+  var o, e;
+  const l = ((o = n.split("-")[1]) == null ? void 0 : o.toUpperCase()) ?? "";
+  return ((e = T[n]) == null ? void 0 : e.icon) || l;
+}
+function L(n) {
+  var l;
+  return ((l = T[n]) == null ? void 0 : l.name) || n;
+}
+const C = /* @__PURE__ */ v({
+  __name: "LocaleIconBadge",
+  props: {
+    localeCode: {},
+    variant: { default: "neutral" }
+  },
+  setup(n) {
+    const l = {
+      primary: "bg-fm-color-primary-oats text-fm-color-primary",
+      secondary: "bg-fm-color-opacity-sm text-fm-color-typo-primary",
+      neutral: "bg-fm-color-opacity-sm text-fm-color-typo-primary"
+    };
+    return (o, e) => (t(), c("div", {
+      class: h([
+        "w-24 h-24 rounded-full flex items-center justify-center fm-typo-en-body-sm-600",
+        l[o.variant]
+      ])
+    }, y(i(w)(o.localeCode)), 3));
+  }
+}), U = { class: "flex items-center gap-8 p-8 border border-fm-color-primary text-fm-color-primary rounded-full" }, E = { class: "fm-typo-en-body-md-600" }, H = /* @__PURE__ */ v({
+  __name: "LanguageChip",
+  props: {
+    localeCode: {}
+  },
+  emits: ["remove"],
+  setup(n, { emit: l }) {
+    const o = l;
+    return (e, a) => {
+      const s = u("FmIcon");
+      return t(), c("div", U, [
+        _(C, {
+          "locale-code": e.localeCode,
+          variant: "primary"
+        }, null, 8, ["locale-code"]),
+        d("span", E, y(i(L)(e.localeCode)), 1),
+        _(s, {
+          name: "close",
+          class: "cursor-pointer",
+          variant: "secondary",
+          onClick: a[0] || (a[0] = (m) => o("remove", e.localeCode))
+        })
+      ]);
+    };
+  }
+});
+function P(n) {
+  const l = S(), o = b(() => l.state.featureFlags.supportedLocales.map((a) => ({
+    code: a,
+    name: L(a)
+  }))), e = b(() => {
+    const a = new Set(n.value);
+    return o.value.filter((s) => !a.has(s.code));
+  });
+  return {
+    localeList: o,
+    availableLocales: e
+  };
+}
+const R = { class: "flex flex-col gap-8" }, A = { class: "text-fm-color-typo-primary fm-typo-en-body-lg-600" }, z = { class: "flex items-center gap-8 flex-wrap" }, D = ["onClick"], j = { class: "flex items-center gap-8" }, J = { class: "fm-typo-en-body-md-400" }, X = /* @__PURE__ */ v({
+  __name: "LanguageSelector",
+  props: {
+    selectedLocales: {},
+    label: { default: "" }
+  },
+  emits: ["update:selectedLocales"],
+  setup(n, { emit: l }) {
+    const o = n, e = l, { t: a } = N(), s = b(() => o.selectedLocales), { availableLocales: m } = P(s);
+    function r(f) {
+      e("update:selectedLocales", [...o.selectedLocales, f]);
+    }
+    function $(f) {
+      e(
+        "update:selectedLocales",
+        o.selectedLocales.filter((V) => V !== f)
+      );
+    }
+    return (f, V) => {
+      const I = u("fm-button"), M = u("FmMenu");
+      return t(), c("div", R, [
+        d("p", A, y(f.label || i(a)("menu.common.translation.language")), 1),
+        d("div", z, [
+          (t(!0), c(k, null, F(f.selectedLocales, (p) => (t(), g(H, {
+            key: p,
+            "locale-code": p,
+            onRemove: $
+          }, null, 8, ["locale-code"]))), 128)),
+          i(m).length > 0 ? (t(), g(M, { key: 0 }, {
+            "menu-button": x(() => [
+              _(I, {
+                variant: "secondary",
+                "border-color": "neutral-gray-300",
+                "text-color": "neutral-gray-400",
+                icon: "add"
+              })
+            ]),
+            default: x(() => [
+              (t(!0), c(k, null, F(i(m), (p) => (t(), c("div", {
+                class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
+                key: p.code,
+                onClick: (q) => r(p.code)
+              }, [
+                d("div", j, [
+                  _(C, {
+                    "locale-code": p.code,
+                    variant: "secondary"
+                  }, null, 8, ["locale-code"]),
+                  d("span", J, y(p.name), 1)
+                ])
+              ], 8, D))), 128))
+            ]),
+            _: 1
+          })) : B("", !0)
+        ])
+      ]);
+    };
+  }
+}), K = /* @__PURE__ */ v({
+  __name: "TranslationBadge",
+  props: {
+    label: {},
+    spacing: { default: "md" }
+  },
+  setup(n) {
+    const o = n.spacing === "sm" ? "mb-4" : "mb-8";
+    return (e, a) => (t(), c("p", {
+      class: h([
+        "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4",
+        i(o)
+      ])
+    }, y(e.label), 3));
+  }
+}), O = { class: "fm-typo-en-body-md-400" }, Y = { class: "flex-1" }, Z = /* @__PURE__ */ v({
+  __name: "TranslationFieldRow",
+  props: {
+    localeCode: {},
+    modelValue: {},
+    placeholder: {},
+    readonly: { type: Boolean, default: !1 },
+    inputType: { default: "text" }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: l }) {
+    const o = l;
+    return (e, a) => {
+      const s = u("fm-text-field"), m = u("fm-textarea");
+      return t(), c("div", {
+        class: h(["flex gap-16", e.inputType === "textarea" ? "items-start" : "items-center"])
+      }, [
+        d("div", {
+          class: h(["flex w-[100px] items-center gap-8", e.inputType === "textarea" ? "pt-12" : ""])
+        }, [
+          _(C, {
+            "locale-code": e.localeCode,
+            variant: "secondary"
+          }, null, 8, ["locale-code"]),
+          d("span", O, y(i(L)(e.localeCode)), 1)
+        ], 2),
+        d("div", Y, [
+          e.inputType === "text" ? (t(), g(s, {
+            key: 0,
+            "model-value": e.modelValue,
+            placeholder: e.placeholder,
+            readonly: e.readonly,
+            "onUpdate:modelValue": a[0] || (a[0] = (r) => o("update:modelValue", r))
+          }, null, 8, ["model-value", "placeholder", "readonly"])) : (t(), g(m, {
+            key: 1,
+            "model-value": e.modelValue,
+            placeholder: e.placeholder,
+            readonly: e.readonly,
+            "onUpdate:modelValue": a[1] || (a[1] = (r) => o("update:modelValue", r))
+          }, null, 8, ["model-value", "placeholder", "readonly"]))
+        ])
+      ], 2);
+    };
+  }
+}), ee = /* @__PURE__ */ v({
+  __name: "TranslationFieldSection",
+  props: {
+    label: {},
+    modelValue: {},
+    type: { default: "text" },
+    spacing: { default: "md" },
+    placeholder: {},
+    readonly: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: l }) {
+    const o = l;
+    return (e, a) => {
+      const s = u("FmTextField"), m = u("fm-textarea");
+      return t(), c("div", null, [
+        _(K, {
+          label: e.label,
+          spacing: e.spacing
+        }, null, 8, ["label", "spacing"]),
+        e.type === "text" ? (t(), g(s, {
+          key: 0,
+          "model-value": e.modelValue,
+          placeholder: e.placeholder,
+          readonly: e.readonly,
+          "onUpdate:modelValue": a[0] || (a[0] = (r) => o("update:modelValue", r))
+        }, null, 8, ["model-value", "placeholder", "readonly"])) : (t(), g(m, {
+          key: 1,
+          "model-value": e.modelValue,
+          placeholder: e.placeholder,
+          readonly: e.readonly,
+          "onUpdate:modelValue": a[1] || (a[1] = (r) => o("update:modelValue", r))
+        }, null, 8, ["model-value", "placeholder", "readonly"]))
+      ]);
+    };
+  }
+});
+export {
+  X as _,
+  ee as a,
+  K as b,
+  Z as c,
+  L as d,
+  w as g
+};