@feedmepos/mf-menu 0.32.39-dev.1 → 0.32.40-dev

package/dist/Subcategory-BgTadpyj.js

@@ -0,0 +1,349 @@
+import { defineComponent as z, ref as x, computed as V, watch as te, resolveComponent as C, createElementBlock as k, openBlock as p, Fragment as A, renderSlot as oe, createVNode as m, unref as n, withCtx as y, createElementVNode as c, renderList as H, toDisplayString as T, h as N, withModifiers as J, getCurrentInstance as ne, createBlock as U, createCommentVNode as le } from "vue";
+import { useI18n as R } from "@feedmepos/mf-common";
+import { useSnackbar as P, components as W, useDialog as X, FmButtonVariant as q, 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 { G as Y, u as K, Q as G, M as Z, A as ee, a4 as ce } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
+import { _ as ue } from "./PageLayout.vue_vue_type_script_setup_true_lang-2f0QfweQ.js";
+import { _ as me } from "./app-b4ZmiMK2.js";
+import { c as de } from "./createForm-BoUQeZTd.js";
+import { u as pe } from "./discardConfirm-BHni0LNu.js";
+import { c as Q } from "./object-DVUNCr7w.js";
+import { r as _e, u as ae } from "./rules-BDtO9_2x.js";
+import { _ as fe } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-wnFIuSpr.js";
+import { c as ve } from "./check-C9mY6LiX.js";
+import { g as I } from "./translation-Cdap0IVg.js";
+import { a as ge } from "./menu-CGK50Gwb.js";
+const ye = {
+  class: "fm-typo-en-title-md-600"
+}, be = {
+  class: "flex flex-col gap-32 h-full min-h-0 py-16"
+}, he = {
+  class: "py-12 px-16 space-y-4"
+}, xe = {
+  class: "flex gap-8 items-center justify-start"
+}, Ce = /* @__PURE__ */ z({
+  __name: "Form",
+  props: {
+    initialValue: {}
+  },
+  setup(D, {
+    expose: w
+  }) {
+    const h = D, S = P(), F = Y(S), E = G(F), d = K(), {
+      t: l
+    } = R(), L = x(!1), o = x(!1), $ = x(!1), u = x(void 0), M = (e) => {
+      ve.isBoolean(e) ? o.value = e : o.value = !o.value;
+    }, s = x(Q(h.initialValue)), O = V(() => !!s.value.name), B = V(() => {
+      var b;
+      const e = [], t = "en-US", a = (b = u.value) == null ? void 0 : b[t];
+      return s.value.name && !a && e.push({
+        locale: t,
+        name: s.value.name,
+        localeDisplay: I(t)
+      }), u.value && Object.entries(u.value).filter(([g, f]) => f && f.trim()).sort(([g], [f]) => g.localeCompare(f)).forEach(([g, f]) => {
+        e.push({
+          locale: g,
+          name: f,
+          localeDisplay: I(g)
+        });
+      }), e;
+    });
+    function j(e) {
+      u.value = e;
+    }
+    function i(e) {
+      s.value.name = e;
+    }
+    const r = pe(() => {
+      const e = d.subcategories.find((f) => f._id === s.value._id), t = s.value.name !== (e == null ? void 0 : e.name), a = (e == null ? void 0 : e.name_locale) || {}, b = u.value || {}, g = JSON.stringify(a) !== JSON.stringify(b);
+      return t || g;
+    }, () => {
+      o.value = !1;
+    });
+    async function _() {
+      const e = d.subcategories.find((a) => a._id === s.value._id), {
+        updateMenu: t
+      } = E;
+      await t({
+        module: ee.F_MENU_MODULE_V4_KEY.enum.subCategory,
+        operation: Z.F_OPERATION_TYPE.update,
+        // @ts-ignore FIXME: The backend hasn't exported SubcategoryRequest yet. Fix this once it's available.
+        data: {
+          ...e,
+          name: s.value.name ?? (e == null ? void 0 : e.name),
+          ...u.value && {
+            name_locale: u.value
+          }
+        }
+      }, s.value.name), M(!1);
+    }
+    return te(() => o.value, () => {
+      if (!o.value) return;
+      s.value = Q(h.initialValue);
+      const e = d.subcategories.find((t) => t._id === s.value._id);
+      u.value = e == null ? void 0 : e.name_locale;
+    }), w({
+      trigger: M,
+      show: o
+    }), (e, t) => {
+      const a = C("fm-button"), b = C("FmTooltip"), g = C("FmTextField"), f = C("fm-side-sheet");
+      return p(), k(A, null, [oe(e.$slots, "default", {
+        trigger: M
+      }), m(f, {
+        id: "group-form",
+        modelValue: o.value,
+        "onUpdate:modelValue": t[3] || (t[3] = (v) => o.value = v),
+        "is-container": n(W).FmForm,
+        "is-container-props": {
+          onValidationSuccess: _,
+          blameFormChildOnValidationFailed: !0
+        },
+        "max-width": 560,
+        "onOn:clickedAway": n(r)
+      }, {
+        "side-sheet-header": y(() => [c("p", ye, T(n(l)("menu.subcategory.title")), 1)]),
+        "side-sheet-footer": y(() => [c("div", xe, [m(a, {
+          label: n(l)("menu.common.actions.update"),
+          loading: L.value,
+          size: "lg",
+          type: "submit",
+          variant: "primary",
+          disabled: !s.value._id
+        }, null, 8, ["label", "loading", "disabled"]), m(a, {
+          label: n(l)("menu.common.actions.cancel"),
+          size: "lg",
+          variant: "tertiary",
+          onClick: t[2] || (t[2] = () => o.value = !1)
+        }, null, 8, ["label"])])]),
+        default: y(() => [c("div", be, [m(g, {
+          label: n(l)("menu.subcategory.name"),
+          modelValue: s.value.name,
+          "onUpdate:modelValue": t[1] || (t[1] = (v) => s.value.name = v),
+          disabled: !s.value._id,
+          rules: [n(_e)]
+        }, {
+          append: y(() => [m(b, {
+            variant: "plain",
+            placement: "top",
+            "z-index": 999
+          }, {
+            content: y(() => [c("div", he, [(p(!0), k(A, null, H(B.value, (v) => (p(), k("div", {
+              key: v.locale
+            }, T(v.name) + " (" + T(v.localeDisplay) + ") ", 1))), 128))])]),
+            default: y(() => [m(a, {
+              variant: "tertiary",
+              icon: "g_translate",
+              onClick: t[0] || (t[0] = (v) => $.value = !0),
+              disabled: !O.value
+            }, null, 8, ["disabled"])]),
+            _: 1
+          })]),
+          _: 1
+        }, 8, ["label", "modelValue", "disabled", "rules"])])]),
+        _: 1
+      }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"]), m(fe, {
+        modelValue: $.value,
+        "onUpdate:modelValue": t[4] || (t[4] = (v) => $.value = v),
+        title: n(l)("menu.subcategory.title"),
+        name: s.value.name,
+        "name-locale": u.value,
+        "onUpdate:name": i,
+        "onUpdate:nameLocale": j
+      }, null, 8, ["modelValue", "title", "name", "name-locale"])], 64);
+    };
+  }
+}), ke = Ce, Ve = {
+  key: 0
+}, we = {
+  class: "flex justify-end items-center"
+}, Fe = {
+  class: "w-[320px]"
+}, Le = {
+  key: 1,
+  class: "flex-1 flex flex-col min-h-0"
+}, $e = {
+  class: "p-8"
+}, Se = {
+  class: "flex flex-1 flex-col min-h-0 overflow-scroll divide-y divide-fm-color-neutral-gray-100 pb-64"
+}, Ee = ["onClick"], Me = {
+  class: "flex-1 space-y-4"
+}, Ne = {
+  class: "fm-typo-en-body-lg-600"
+}, Te = /* @__PURE__ */ z({
+  __name: "SubcategoryTable",
+  setup(D) {
+    const w = X(), h = P(), S = Y(h), F = G(S), E = ae({
+      dialog: w,
+      menuLoader: F
+    }), d = V(() => K().subcategories), l = x(""), L = V(() => d.value.filter((i) => i.name.toLowerCase().includes(l.value.toLowerCase()))), {
+      t: o
+    } = R(), $ = x([{
+      accessorKey: "name",
+      header: () => o("menu.subcategory.columns.title"),
+      enableSorting: !1,
+      meta: {
+        width: "auto"
+      },
+      cell: (i) => {
+        const r = i.row.original, _ = i.getValue(), t = Object.keys(r.name_locale ?? {}).map((a) => I(a));
+        return N("div", {
+          class: "flex items-center gap-8"
+        }, [N("span", {
+          class: "break-all"
+        }, _), ...t.map((a) => N("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"
+        }, a))]);
+      }
+    }, {
+      id: "actions",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      header: "",
+      cell: (i) => {
+        const r = i.row.original;
+        return N("div", {
+          class: "flex justify-end"
+        }, [N(W.FmButton, {
+          icon: "delete",
+          disabled: !r._id,
+          variant: "tertiary",
+          textColor: "neutral-gray-400",
+          onClick: J(async () => {
+            await u(r);
+          }, ["stop", "prevent"])
+        })]);
+      }
+    }]);
+    async function u(i) {
+      if (!i._id) {
+        h.open({
+          message: o("menu.subcategory.dialog.remove.error"),
+          type: "warning"
+        });
+        return;
+      }
+      w.open({
+        title: o("menu.subcategory.dialog.remove.title"),
+        message: o("menu.common.dialog.remove_confirmation", {
+          name: i.name
+        }),
+        primaryActions: {
+          text: "Remove",
+          close: !0,
+          variant: q.Destructive
+        },
+        secondaryActions: {
+          text: "Cancel",
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await F.updateMenu({
+          module: ee.F_MENU_MODULE_V4_KEY.enum.subCategory,
+          operation: Z.F_OPERATION_TYPE.delete,
+          data: i._id
+        }, i.name, !0);
+      });
+    }
+    async function M(i) {
+      const r = i.map((_) => _._id).filter((_) => !!_);
+      await E.rearrange(r);
+    }
+    const s = ne();
+    async function O(i) {
+      de(s, ke, {
+        initialValue: i
+      });
+    }
+    const B = se(), j = V(() => B.breakpoints.value.xs);
+    return (i, r) => {
+      const _ = C("FmSearch"), e = C("FmTable"), t = C("FmButton");
+      return j.value ? (p(), k("div", Le, [c("div", $e, [m(_, {
+        autofocus: "",
+        modelValue: l.value,
+        "onUpdate:modelValue": r[2] || (r[2] = (a) => l.value = a),
+        class: "w-full",
+        placeholder: n(o)("menu.common.labels.search_placeholder", {
+          type: "categories"
+        })
+      }, null, 8, ["modelValue", "placeholder"])]), c("div", Se, [(p(!0), k(A, null, H(L.value, (a) => (p(), k("div", {
+        key: a._id || "",
+        class: "flex flex-row py-12 px-16",
+        onClick: (b) => O(a)
+      }, [c("div", Me, [c("p", Ne, T(a.name), 1)]), m(t, {
+        "text-color": n(ie).NeutralGray400,
+        variant: n(q).Tertiary,
+        "prepend-icon": "delete",
+        disabled: !a._id,
+        onClick: J((b) => u(a), ["stop"])
+      }, null, 8, ["text-color", "variant", "disabled", "onClick"])], 8, Ee))), 128))])])) : (p(), k("div", Ve, [c("div", we, [c("div", Fe, [m(_, {
+        modelValue: l.value,
+        "onUpdate:modelValue": r[0] || (r[0] = (a) => l.value = a),
+        autofocus: "",
+        class: "mb-8",
+        placeholder: n(o)("menu.common.labels.search_placeholder", {
+          type: n(o)("menu.subcategory.title")
+        })
+      }, null, 8, ["modelValue", "placeholder"])])]), m(me, null, {
+        default: y(() => [m(e, {
+          "column-defs": $.value,
+          draggable: !0,
+          "page-size": d.value.length,
+          "row-data": d.value,
+          "search-value": l.value,
+          "shrink-at": !1,
+          "hide-footer": "",
+          "pin-header-row": "",
+          onDndChanged: M,
+          onRowClick: r[1] || (r[1] = (a) => O(a.original))
+        }, null, 8, ["column-defs", "page-size", "row-data", "search-value"])]),
+        _: 1
+      })]));
+    };
+  }
+}), Oe = { class: "flex-1 flex justify-between gap-8 pl-8" }, Ue = { class: "flex items-center" }, De = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, Be = { class: "fm-typo-en-body-md-600 font-semibold" }, Ze = /* @__PURE__ */ z({
+  __name: "Subcategory",
+  setup(D) {
+    const w = X(), h = P(), S = Y(h), F = G(S), E = ae({ dialog: w, menuLoader: F }), d = V(() => K().subcategories), { t: l } = R();
+    function L() {
+      E.create();
+    }
+    const o = V(() => d.value.length);
+    return ge().resetOnMount(), ($, u) => (p(), U(ue, {
+      heading: n(l)("menu.subcategory.title")
+    }, {
+      default: y(() => [
+        d.value.length > 0 ? (p(), U(Te, { key: 0 })) : (p(), U(n(ce), {
+          key: 1,
+          action: {
+            text: n(l)("menu.subcategory.add"),
+            callback: L
+          },
+          subtitle: n(l)("menu.subcategory.empty.subtitle"),
+          title: n(l)("menu.subcategory.empty.title")
+        }, null, 8, ["action", "subtitle", "title"]))
+      ]),
+      "append-heading": y(() => [
+        c("div", Oe, [
+          c("div", Ue, [
+            c("div", De, [
+              c("p", Be, T(o.value), 1)
+            ])
+          ]),
+          d.value.length > 0 ? (p(), U(re, {
+            key: 0,
+            label: n(l)("menu.subcategory.add"),
+            "prepend-icon": "add",
+            onClick: L
+          }, null, 8, ["label"])) : le("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["heading"]));
+  }
+});
+export {
+  Ze as default
+};

package/dist/{Takeaway-CWNo49PD.js → Takeaway-C9bpWn4s.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 { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-CbdGF_YP.js";
+import { G as x, u as v, Q as w, M as E, A as M } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.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-CpUGSiIF.js";
-import { T as S, l as L } from "./index-BWlfJ1Hv.js";
-import { a as O } from "./menu-DZhJl6lE.js";
+import { _ as N } from "./Takeaway.vue_vue_type_script_setup_true_lang-aFnWB49Z.js";
+import { T as S, l as L } from "./index-WFUD7oh5.js";
+import { a as O } from "./menu-CGK50Gwb.js";
 const U = { class: "flex-1 flex justify-between gap-8 pl-8" }, B = { class: "flex items-center" }, F = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, A = { class: "fm-typo-en-body-md-600 font-semibold" }, z = /* @__PURE__ */ f({
   __name: "Takeaway",
   setup(D) {

package/dist/{Takeaway-C9dqWzrT.js → Takeaway-DyJrzpN-.js}

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

package/dist/{Takeaway.vue_vue_type_script_setup_true_lang-CpUGSiIF.js → Takeaway.vue_vue_type_script_setup_true_lang-aFnWB49Z.js}

@@ -1,15 +1,15 @@
 import { getCurrentInstance as te, defineComponent as oe, computed as x, watch as ne, h as E, resolveComponent as O, createElementBlock as C, openBlock as _, Fragment as P, normalizeClass as Y, createElementVNode as k, createVNode as V, unref as n, isRef as j, withCtx as F, renderList as ie, createBlock as G, createCommentVNode as $, 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 A, B as se, ap as q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-CbdGF_YP.js";
+import { G as H, u as J, Q as W, M as N, A as z, I as A, B as se, ap as q, a4 as re } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.js";
 import { useI18n as X, useCoreStore as le } from "@feedmepos/mf-common";
 import { useDialog as ce, useSnackbar as Z, FmButtonVariant as D, components as de, useBreakpoints as me } from "@feedmepos/ui-library";
-import { _ as ue } from "./app-CImDLyt0.js";
-import { a as pe, l as ee, T as ye } from "./index-BWlfJ1Hv.js";
+import { _ as ue } from "./app-b4ZmiMK2.js";
+import { a as pe, l as ee, T as ye } from "./index-WFUD7oh5.js";
 import { u as fe } from "./search-BAPEUu1R.js";
-import { f as L } from "./currency-CPC6-Naj.js";
+import { f as L } from "./currency-hq_koFDw.js";
 import { defineStore as _e } from "pinia";
-import { C as ke } from "./catalog-RXap_5ft.js";
+import { C as ke } from "./catalog-Ce7o_N7a.js";
 import { c as ve } from "./createComponentProgrammatically-Bt2rn1IQ.js";
-import { g as we } from "./translation-BeqjfyEb.js";
+import { g as we } from "./translation-Cdap0IVg.js";
 function ge(T, M, l, p) {
   var y, v, w, g;
   const s = A(T);

package/dist/{Thumbnail.vue_vue_type_script_setup_true_lang-D8oVVt5f.js → Thumbnail.vue_vue_type_script_setup_true_lang-MKl8NdrG.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-CbdGF_YP.js";
-import { u as S } from "./menuV2-B1fegOdA.js";
-import { C as v, h as N } from "./catalog-RXap_5ft.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-DOhr-m71.js";
+import { u as S } from "./menuV2-DiyUO2p3.js";
+import { C as v, h as N } from "./catalog-Ce7o_N7a.js";
 import { useSnackbar as P, useDialog as z } from "@feedmepos/ui-library";
-import { a as T } from "./LinkProductSideSheet-D6Mqf5Hl.js";
+import { a as T } from "./LinkProductSideSheet-DdyUWMWm.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/TranslationSideSheet.vue_vue_type_script_setup_true_lang-wnFIuSpr.js

@@ -0,0 +1,194 @@
+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 { J as D } from "./index.vue_vue_type_script_setup_true_lang-DOhr-m71.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 = {
+  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({
+  __name: "TranslationSideSheet",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    name: {},
+    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(
+      () => s.name,
+      (e) => {
+        u.value = e;
+      }
+    );
+    function U() {
+      return !s.nameLocale || Object.keys(s.nameLocale).length === 0 ? [] : Object.entries(s.nameLocale).map(([e, o]) => ({
+        localeCode: e,
+        value: o
+      }));
+    }
+    E(
+      () => [s.modelValue, s.nameLocale],
+      ([e]) => {
+        e && (c.value = U(), k.value = D.clone(c.value), u.value = s.name, L.value = s.name);
+      },
+      { immediate: !0 }
+    );
+    const w = F(() => {
+      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)
+      }));
+    });
+    function $(e) {
+      const o = a(h).find((n) => n.code === e);
+      o && c.value.push({
+        localeCode: o.code,
+        value: ""
+      });
+    }
+    function z(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);
+      return e || o;
+    }
+    function M() {
+      u.value !== s.name && f("update:name", u.value);
+      const e = c.value.filter((o) => o.value.trim());
+      if (e.length === 0)
+        f("update:nameLocale", void 0);
+      else {
+        const o = {};
+        e.forEach((n) => {
+          o[n.localeCode] = n.value.trim();
+        }), f("update:nameLocale", o);
+      }
+      f("update:modelValue", !1);
+    }
+    function q() {
+      f("update:modelValue", !1);
+    }
+    const N = R(A, q), j = F({
+      get: () => s.modelValue,
+      set: (e) => f("update:modelValue", e)
+    });
+    return (e, o) => {
+      const n = _("FmIcon"), g = _("fm-button"), J = _("FmMenu"), G = _("fm-text-field"), H = _("fm-side-sheet");
+      return i(), T(H, {
+        modelValue: j.value,
+        "onUpdate:modelValue": o[1] || (o[1] = (l) => j.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)
+        ]),
+        "side-sheet-footer": v(() => [
+          t("div", ye, [
+            r(g, {
+              label: a(d)("common.save"),
+              size: "lg",
+              variant: "primary",
+              onClick: M
+            }, null, 8, ["label"]),
+            r(g, {
+              label: a(d)("common.cancel"),
+              size: "lg",
+              variant: "tertiary",
+              onClick: a(N)
+            }, null, 8, ["label", "onClick"])
+          ])
+        ]),
+        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", {
+                  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),
+                  r(n, {
+                    name: "close",
+                    class: "cursor-pointer",
+                    variant: "secondary",
+                    onClick: (b) => z(l.localeCode)
+                  }, null, 8, ["onClick"])
+                ]))), 128)),
+                w.value.length > 0 ? (i(), T(J, { key: 0 }, {
+                  "menu-button": v(() => [
+                    r(g, {
+                      variant: "secondary",
+                      "border-color": "neutral-gray-300",
+                      "text-color": "neutral-gray-400",
+                      icon: "add"
+                    })
+                  ]),
+                  default: v(() => [
+                    (i(!0), p(x, null, C(w.value, (l) => (i(), p("div", {
+                      class: "p-12 cursor-pointer hover:bg-fm-color-opacity-md rounded-sm",
+                      key: l.code,
+                      onClick: (b) => $(l.code)
+                    }, [
+                      t("div", se, [
+                        t("div", ce, m(l.icon), 1),
+                        t("span", me, m(l.name), 1)
+                      ])
+                    ], 8, ne))), 128))
+                  ]),
+                  _: 1
+                })) : B("", !0)
+              ])
+            ]),
+            t("div", ie, [
+              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("div", ue, [
+                r(W, {
+                  label: a(d)("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")
+                  }, null, 8, ["label"]),
+                  (i(!0), p(x, null, C(c.value, (l) => (i(), 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", he, [
+                      r(G, {
+                        modelValue: l.value,
+                        "onUpdate:modelValue": (b) => l.value = b,
+                        placeholder: a(d)("menu.group.translation.placeholder")
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                    ])
+                  ]))), 128))
+                ])) : B("", !0)
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "onOn:clickedAway"]);
+    };
+  }
+});
+export {
+  ke as _
+};