@feedmepos/mf-menu 0.32.37-dev.1 → 0.32.38-dev.1

package/dist/{Thumbnail.vue_vue_type_script_setup_true_lang-c0N8J2_E.js → Thumbnail.vue_vue_type_script_setup_true_lang-CAiNaQMP.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, am as Y, u as y, a as G } from "./index.vue_vue_type_script_setup_true_lang-BF1UnZ5l.js";
-import { u as S } from "./menuV2-DdCaRGqL.js";
-import { C as v, h as N } from "./catalog-CExooVeT.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-HZXySVXs.js";
+import { u as S } from "./menuV2-CfsbyMis.js";
+import { C as v, h as N } from "./catalog-YvUT-JIh.js";
 import { useSnackbar as P, useDialog as z } from "@feedmepos/ui-library";
-import { a as T } from "./LinkProductSideSheet-5r07FaSs.js";
+import { a as T } from "./LinkProductSideSheet-DN5fbJVw.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-BPs9D7Pq.js

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