@feedmepos/mf-menu 0.31.74 → 0.31.75-prod

package/dist/{LinkProductSideSheet-CAPIdf6P.js → LinkProductSideSheet-DrSKOBLg.js}

@@ -1,24 +1,24 @@
-import { defineComponent as be, ref as g, computed as A, watch as ve, resolveComponent as I, createElementBlock as S, openBlock as v, Fragment as M, renderSlot as _e, createVNode as u, unref as l, withCtx as p, createBlock as T, createCommentVNode as z, createElementVNode as _, toDisplayString as Y, renderList as Re } from "vue";
-import { H as F, Q as ye, u as q, z as Ae, I as J } from "./menu-DAac726D.js";
-import { b as U } from "./app-5fxKLAzS.js";
+import { defineComponent as be, ref as g, computed as A, watch as ve, resolveComponent as I, createElementBlock as S, openBlock as v, Fragment as L, renderSlot as _e, createVNode as u, unref as l, withCtx as p, createBlock as M, createCommentVNode as T, createElementVNode as _, toDisplayString as Y, renderList as Re } from "vue";
+import { H as F, Q as ye, u as q, z as Ae, I as J } from "./menu-3XEn1C9F.js";
+import { b as U } from "./app-CzXxFrl1.js";
 import { useI18n as ke, useCustomAttributes as K, useCoreStore as Ce, ItemSelector as he, EMPTY_RULE as B, isEmptyRule as W } from "@feedmepos/mf-common";
 import { components as Ve, FmButtonVariant as X } from "@feedmepos/ui-library";
-import { c as ge, u as Ie, a as h, m as O, f as E } from "./customAttributes-BkqKM_KW.js";
+import { c as ge, u as Ie, a as h, m as O, f as E } from "./customAttributes-DrA0YC82.js";
 import { u as Se } from "./discardConfirm-BHni0LNu.js";
-import { u as we } from "./menuV2-DZj_FPqR.js";
+import { u as we } from "./menuV2-cXg54GYW.js";
 import { c as Fe } from "./check-C9mY6LiX.js";
 /* empty css                                                                              */
-const Ue = (c, N) => {
-  const s = c.__vccOpts || c;
-  for (const [w, i] of N)
-    s[w] = i;
-  return s;
+const Ue = (s, N) => {
+  const o = s.__vccOpts || s;
+  for (const [w, m] of N)
+    o[w] = m;
+  return o;
 };
-var d = /* @__PURE__ */ ((c) => (c[c.Normal = 0] = "Normal", c[c.Rules = 1] = "Rules", c))(d || {});
+var c = /* @__PURE__ */ ((s) => (s[s.Normal = 0] = "Normal", s[s.Rules = 1] = "Rules", s))(c || {});
 const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
   key: 1,
   class: "flex items-center gap-12"
-}, Ee = { class: "flex items-center gap-8" }, Ne = { class: "text-neutral-600 fm-typo-body-sm" }, Le = { class: "grid md:grid-cols-3 gap-16" }, Me = { class: "md:col-span-2 space-y-16" }, Te = { class: "flex justify-end" }, ze = { class: "flex gap-8 items-center justify-start" }, De = /* @__PURE__ */ be({
+}, Ee = { class: "flex items-center gap-8" }, Ne = { class: "text-neutral-600 fm-typo-body-sm" }, xe = { class: "grid md:grid-cols-3 gap-16" }, Le = { class: "md:col-span-2 space-y-16" }, Me = { class: "flex justify-end" }, Te = { class: "flex gap-8 items-center justify-start" }, ze = /* @__PURE__ */ be({
   __name: "LinkProductSideSheet",
   props: {
     initialValue: { default: () => [] },
@@ -35,103 +35,103 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
     useCloseBtn: { type: Boolean }
   },
   emits: ["submit"],
-  setup(c, { emit: N }) {
-    const s = c, w = N, { t: i } = ke(), k = g(d.Normal);
-    function Z(e) {
-      k.value = e;
+  setup(s, { emit: N }) {
+    const o = s, w = N, { t: m } = ke(), k = g(c.Normal);
+    function Z(t) {
+      k.value = t;
     }
-    const f = g(!1), D = (e) => {
-      Fe.isBoolean(e) ? f.value = e : f.value = !f.value;
+    const f = g(!1), z = (t) => {
+      Fe.isBoolean(t) ? f.value = t : f.value = !f.value;
     };
-    function L(e) {
-      return e.reduce((t, a) => (t[a._id] = [...t[a._id] ?? [], a], t), {});
+    function x(t) {
+      return t.reduce((e, a) => (e[a._id] = [...e[a._id] ?? [], a], e), {});
     }
-    const ee = s.initialValue, V = g(L(F(ee))), Q = A(() => Object.values(V.value).flatMap((e) => e)), { itemAttributes: te, convertCategoryIdToName: le, convertCategoryNameToId: ae } = ge({
-      menuItems: A(() => s.menuItems || []),
-      categories: A(() => s.categories || [])
-    }), j = g(
-      F(s.linkItemRules)
-    ), r = g();
-    function x() {
-      var e;
-      return (e = j.value) == null ? void 0 : e.map((t) => {
-        var a, n, b, R;
+    const ee = o.initialValue, V = g(x(F(ee))), D = A(() => Object.values(V.value).flatMap((t) => t)), { itemAttributes: te, convertCategoryIdToName: le, convertCategoryNameToId: ae } = ge({
+      menuItems: A(() => o.menuItems || []),
+      categories: A(() => o.categories || [])
+    }), Q = g(
+      F(o.linkItemRules)
+    ), n = g();
+    function j() {
+      var t;
+      return (t = Q.value) == null ? void 0 : t.map((e) => {
+        var a, i, b, R;
         return {
-          ...t,
+          ...e,
           restaurantRule: {
-            restaurantAttributes: O((a = t.restaurantRule) == null ? void 0 : a.restaurantAttributes),
-            restaurantCustomAttributes: O((n = t.restaurantRule) == null ? void 0 : n.restaurantCustomAttributes)
+            restaurantAttributes: O((a = e.restaurantRule) == null ? void 0 : a.restaurantAttributes),
+            restaurantCustomAttributes: O((i = e.restaurantRule) == null ? void 0 : i.restaurantCustomAttributes)
           },
           itemRule: {
-            itemAttributes: le(O((b = t.itemRule) == null ? void 0 : b.itemAttributes)),
-            itemCustomAttributes: O((R = t.itemRule) == null ? void 0 : R.itemCustomAttributes)
+            itemAttributes: le(O((b = e.itemRule) == null ? void 0 : b.itemAttributes)),
+            itemCustomAttributes: O((R = e.itemRule) == null ? void 0 : R.itemCustomAttributes)
           }
         };
       });
     }
-    r.value = x();
+    n.value = j();
     function G() {
-      var e;
-      return (e = r.value) == null ? void 0 : e.map((t) => {
-        var a, n, b, R;
+      var t;
+      return (t = n.value) == null ? void 0 : t.map((e) => {
+        var a, i, b, R;
         return {
-          ...t,
+          ...e,
           restaurantRule: {
-            restaurantAttributes: E((a = t.restaurantRule) == null ? void 0 : a.restaurantAttributes),
-            restaurantCustomAttributes: E((n = t.restaurantRule) == null ? void 0 : n.restaurantCustomAttributes)
+            restaurantAttributes: E((a = e.restaurantRule) == null ? void 0 : a.restaurantAttributes),
+            restaurantCustomAttributes: E((i = e.restaurantRule) == null ? void 0 : i.restaurantCustomAttributes)
           },
           itemRule: {
-            itemAttributes: E(ae((b = t.itemRule) == null ? void 0 : b.itemAttributes)),
-            itemCustomAttributes: E((R = t.itemRule) == null ? void 0 : R.itemCustomAttributes)
+            itemAttributes: E(ae((b = e.itemRule) == null ? void 0 : b.itemAttributes)),
+            itemCustomAttributes: E((R = e.itemRule) == null ? void 0 : R.itemCustomAttributes)
           }
         };
       });
     }
     const ue = Se(
       () => {
-        const e = G() ?? null;
-        return !J.isEqual(L(s.initialValue), V.value) || !J.isEqual(s.linkItemRules, e);
+        const t = G() ?? null;
+        return !J.isEqual(x(o.initialValue), V.value) || !J.isEqual(o.linkItemRules, t);
       },
       () => {
         f.value = !1;
       }
     );
     function se() {
-      k.value === d.Rules ? w("submit", {
-        mode: d.Rules,
+      k.value === c.Rules ? w("submit", {
+        mode: c.Rules,
         linkItemRules: G() ?? []
       }) : w("submit", {
-        mode: d.Normal,
-        items: Q.value
+        mode: c.Normal,
+        items: D.value
       }), f.value = !1;
     }
     ve(
       () => f.value,
       () => {
-        V.value = L(F(s.initialValue)), j.value = F(s.linkItemRules), r.value = x(), k.value = s.noScheduler && s.linkItemRules && s.linkItemRules.length > 0 ? d.Rules : d.Normal;
+        V.value = x(F(o.initialValue)), Q.value = F(o.linkItemRules), n.value = j(), k.value = o.noScheduler && o.linkItemRules && o.linkItemRules.length > 0 ? c.Rules : c.Normal;
       }
     );
     const oe = A(() => {
-      const e = ye();
-      return Object.values(e).sort((t, a) => a.sortingIndex - t.sortingIndex).map((t) => ({ label: t.label, value: t.value }));
+      const t = ye();
+      return Object.values(t).sort((e, a) => a.sortingIndex - e.sortingIndex).map((e) => ({ label: e.label, value: e.value }));
     }), re = A(
       () => {
-        var e;
-        return (((e = q().state.menu.ruleGroupSettings) == null ? void 0 : e.groups) || []).map((t) => ({
-          label: t.name,
-          value: t._id
+        var t;
+        return (((t = q().state.menu.ruleGroupSettings) == null ? void 0 : t.groups) || []).map((e) => ({
+          label: e.name,
+          value: e._id
         }));
       }
     ), { attributes: ne } = K({
       valueSource: Ce().restaurants,
       entity: "restaurant"
-    }), { restaurantAttributes: ie } = Ie(), me = A(() => s.menuItems || []), { attributes: de } = K({
+    }), { restaurantAttributes: ie } = Ie(), me = A(() => o.menuItems || []), { attributes: de } = K({
       valueSource: me,
       entity: "item"
     });
     function ce() {
-      const e = [
-        ...r.value || [],
+      const t = [
+        ...n.value || [],
         {
           orderFrom: Ae.F_ORDER_FROM.enum.ALL,
           restaurantRule: {
@@ -144,36 +144,36 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
           }
         }
       ];
-      r.value = e;
+      n.value = t;
     }
-    function pe(e) {
-      if (!r.value) return;
-      const t = [...r.value];
-      t.splice(e, 1), r.value = t.length ? t : [];
+    function pe(t) {
+      if (!n.value) return;
+      const e = [...n.value];
+      e.splice(t, 1), n.value = e.length ? e : [];
     }
-    function $(e, t, a) {
-      if (!r.value) return;
-      const n = [...r.value];
-      W(t) ? n[e].restaurantRule[a] = null : n[e].restaurantRule[a] = t, r.value = n;
+    function $(t, e, a) {
+      if (!n.value) return;
+      const i = [...n.value];
+      W(e) ? i[t].restaurantRule[a] = null : i[t].restaurantRule[a] = e, n.value = i;
     }
-    function P(e, t, a) {
-      if (!r.value) return;
-      const n = [...r.value];
-      W(t) ? n[e].itemRule[a] = null : n[e].itemRule[a] = t, r.value = n;
+    function P(t, e, a) {
+      if (!n.value) return;
+      const i = [...n.value];
+      W(e) ? i[t].itemRule[a] = null : i[t].itemRule[a] = e, n.value = i;
     }
     const H = A(() => {
-      const e = s.isLocalOnly ? we() : q();
-      return s.noScheduler && e.currentCatalog;
+      const t = o.isLocalOnly ? we() : q();
+      return o.noScheduler && t.currentCatalog;
     });
-    return (e, t) => {
-      const a = I("fm-button"), n = I("fm-switch"), b = I("FmSelect"), R = I("FmCard"), fe = I("fm-side-sheet");
-      return v(), S(M, null, [
-        _e(e.$slots, "default", { trigger: D }, void 0, !0),
+    return (t, e) => {
+      const a = I("fm-button"), i = I("fm-switch"), b = I("FmSelect"), R = I("FmCard"), fe = I("fm-side-sheet");
+      return v(), S(L, null, [
+        _e(t.$slots, "default", { trigger: z }, void 0, !0),
         u(fe, {
           id: "group-form",
           modelValue: f.value,
-          "onUpdate:modelValue": t[3] || (t[3] = (m) => f.value = m),
-          "close-button": e.useCloseBtn,
+          "onUpdate:modelValue": e[3] || (e[3] = (d) => f.value = d),
+          "close-button": s.useCloseBtn,
           "is-container": l(Ve).FmForm,
           "is-container-props": {
             onValidationSuccess: se,
@@ -183,37 +183,37 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
           "onOn:clickedAway": l(ue)
         }, {
           "side-sheet-header": p(() => [
-            e.useCloseBtn ? z("", !0) : (v(), T(a, {
+            s.useCloseBtn ? T("", !0) : (v(), M(a, {
               key: 0,
               variant: l(X).Tertiary,
               class: "cursor-pointer mr-4",
               "prepend-icon": "arrow_back",
-              onClick: D
+              onClick: z
             }, null, 8, ["variant"])),
-            _("p", Be, Y(e.title || l(i)("menu.link_product.title")), 1),
+            _("p", Be, Y(s.title || l(m)("menu.link_product.title")), 1),
             H.value ? (v(), S("div", Oe, [
               _("div", Ee, [
-                u(n, {
-                  label: l(i)("menu.link_product.rules.section_title"),
-                  "model-value": k.value === l(d).Rules,
-                  "onUpdate:modelValue": t[0] || (t[0] = (m) => Z(m ? l(d).Rules : l(d).Normal))
+                u(i, {
+                  label: l(m)("menu.link_product.rules.section_title"),
+                  "model-value": k.value === l(c).Rules,
+                  "onUpdate:modelValue": e[0] || (e[0] = (d) => Z(d ? l(c).Rules : l(c).Normal))
                 }, null, 8, ["label", "model-value"])
               ])
-            ])) : z("", !0)
+            ])) : T("", !0)
           ]),
           "side-sheet-footer": p(() => [
-            _("div", ze, [
+            _("div", Te, [
               u(a, {
-                label: l(i)("menu.common.actions.confirm"),
+                label: l(m)("menu.common.actions.confirm"),
                 size: "lg",
                 type: "submit",
                 variant: "primary"
               }, null, 8, ["label"]),
               u(a, {
-                label: l(i)("menu.common.actions.cancel"),
+                label: l(m)("menu.common.actions.cancel"),
                 size: "lg",
                 variant: "tertiary",
-                onClick: t[2] || (t[2] = () => f.value = !1)
+                onClick: e[2] || (e[2] = () => f.value = !1)
               }, null, 8, ["label"])
             ])
           ]),
@@ -222,60 +222,60 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
               class: "py-8 px-8 overflow-y-auto space-y-24",
               key: k.value
             }, [
-              k.value === l(d).Normal ? (v(), T(l(he), {
+              k.value === l(c).Normal ? (v(), M(l(he), {
                 key: 0,
                 "auto-focus-search": !0,
-                "categorized-items": e.categorizedItems,
+                "categorized-items": s.categorizedItems,
                 data: V.value,
-                "select-variant": e.selectVariant,
-                "selected-items": Q.value,
-                "show-variant": e.showVariant,
-                "show-addon": e.showAddon,
-                "onUpdate:data": t[1] || (t[1] = (m) => V.value = m)
-              }, null, 8, ["categorized-items", "data", "select-variant", "selected-items", "show-variant", "show-addon"])) : H.value ? (v(), S(M, { key: 1 }, [
-                _("p", Ne, Y(l(i)("menu.link_product.rules.hint")), 1),
-                (v(!0), S(M, null, Re(r.value, (m, C) => (v(), T(R, {
+                "select-variant": s.selectVariant,
+                "selected-items": D.value,
+                "show-variant": s.showVariant,
+                "show-addon": s.showAddon,
+                "onUpdate:data": e[1] || (e[1] = (d) => V.value = d)
+              }, null, 8, ["categorized-items", "data", "select-variant", "selected-items", "show-variant", "show-addon"])) : H.value ? (v(), S(L, { key: 1 }, [
+                _("p", Ne, Y(l(m)("menu.link_product.rules.hint")), 1),
+                (v(!0), S(L, null, Re(n.value, (d, C) => (v(), M(R, {
                   key: C,
                   class: "p-16 space-y-16",
                   variant: "outlined"
                 }, {
                   default: p(() => [
-                    _("div", Le, [
+                    _("div", xe, [
                       u(h, {
-                        label: l(i)("menu.link_product.rules.order_from")
+                        label: l(m)("menu.link_product.rules.order_from")
                       }, {
                         default: p(() => [
                           u(b, {
                             items: oe.value,
-                            modelValue: m.orderFrom,
-                            "onUpdate:modelValue": (o) => m.orderFrom = o
+                            modelValue: d.orderFrom,
+                            "onUpdate:modelValue": (r) => d.orderFrom = r
                           }, null, 8, ["items", "modelValue", "onUpdate:modelValue"])
                         ]),
                         _: 2
                       }, 1032, ["label"]),
                       u(h, {
-                        label: l(i)("menu.rule_groups.title")
+                        label: l(m)("menu.rule_groups.title")
                       }, {
                         default: p(() => [
                           u(b, {
                             items: re.value,
                             multiselect: "",
-                            "model-value": m.ruleGroupIds || [],
-                            "onUpdate:modelValue": (o) => m.ruleGroupIds = o
+                            "model-value": d.ruleGroupIds || [],
+                            "onUpdate:modelValue": (r) => d.ruleGroupIds = r
                           }, null, 8, ["items", "model-value", "onUpdate:modelValue"])
                         ]),
                         _: 2
                       }, 1032, ["label"]),
-                      _("div", Me, [
+                      _("div", Le, [
                         u(h, {
-                          label: l(i)("menu.link_product.rules.restaurant_filter")
+                          label: l(m)("menu.link_product.rules.restaurant_filter")
                         }, {
                           default: p(() => {
-                            var o;
+                            var r;
                             return [
                               u(l(U), {
                                 attributes: l(ie),
-                                "model-value": ((o = m.restaurantRule) == null ? void 0 : o.restaurantAttributes) || l(B),
+                                "model-value": ((r = d.restaurantRule) == null ? void 0 : r.restaurantAttributes) || l(B),
                                 "onUpdate:modelValue": (y) => $(C, y, "restaurantAttributes")
                               }, null, 8, ["attributes", "model-value", "onUpdate:modelValue"])
                             ];
@@ -283,14 +283,14 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
                           _: 2
                         }, 1032, ["label"]),
                         u(h, {
-                          label: l(i)("menu.link_product.rules.restaurant_custom_attributes_filter")
+                          label: l(m)("menu.link_product.rules.restaurant_custom_attributes_filter")
                         }, {
                           default: p(() => {
-                            var o;
+                            var r;
                             return [
                               u(l(U), {
                                 attributes: l(ne),
-                                "model-value": ((o = m.restaurantRule) == null ? void 0 : o.restaurantCustomAttributes) || l(B),
+                                "model-value": ((r = d.restaurantRule) == null ? void 0 : r.restaurantCustomAttributes) || l(B),
                                 "onUpdate:modelValue": (y) => $(C, y, "restaurantCustomAttributes")
                               }, null, 8, ["attributes", "model-value", "onUpdate:modelValue"])
                             ];
@@ -298,14 +298,14 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
                           _: 2
                         }, 1032, ["label"]),
                         u(h, {
-                          label: l(i)("menu.link_product.rules.item_filter")
+                          label: l(m)("menu.link_product.rules.item_filter")
                         }, {
                           default: p(() => {
-                            var o;
+                            var r;
                             return [
                               u(l(U), {
                                 attributes: l(te),
-                                "model-value": ((o = m.itemRule) == null ? void 0 : o.itemAttributes) || l(B),
+                                "model-value": ((r = d.itemRule) == null ? void 0 : r.itemAttributes) || l(B),
                                 "onUpdate:modelValue": (y) => P(C, y, "itemAttributes")
                               }, null, 8, ["attributes", "model-value", "onUpdate:modelValue"])
                             ];
@@ -313,14 +313,14 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
                           _: 2
                         }, 1032, ["label"]),
                         u(h, {
-                          label: l(i)("menu.link_product.rules.item_custom_attributes_filter")
+                          label: l(m)("menu.link_product.rules.item_custom_attributes_filter")
                         }, {
                           default: p(() => {
-                            var o;
+                            var r;
                             return [
                               u(l(U), {
                                 attributes: l(de),
-                                "model-value": ((o = m.itemRule) == null ? void 0 : o.itemCustomAttributes) || l(B),
+                                "model-value": ((r = d.itemRule) == null ? void 0 : r.itemCustomAttributes) || l(B),
                                 "onUpdate:modelValue": (y) => P(C, y, "itemCustomAttributes")
                               }, null, 8, ["attributes", "model-value", "onUpdate:modelValue"])
                             ];
@@ -329,11 +329,11 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
                         }, 1032, ["label"])
                       ])
                     ]),
-                    _("div", Te, [
+                    _("div", Me, [
                       u(a, {
                         variant: l(X).Tertiary,
                         "prepend-icon": "delete",
-                        onClick: (o) => pe(C)
+                        onClick: (r) => pe(C)
                       }, null, 8, ["variant", "onClick"])
                     ])
                   ]),
@@ -341,11 +341,11 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
                 }, 1024))), 128)),
                 _("div", null, [
                   u(a, {
-                    label: l(i)("menu.link_product.rules.add_rule"),
+                    label: l(m)("menu.link_product.rules.add_rule"),
                     onClick: ce
                   }, null, 8, ["label"])
                 ])
-              ], 64)) : z("", !0)
+              ], 64)) : T("", !0)
             ]))
           ]),
           _: 1
@@ -353,9 +353,9 @@ const Be = { class: "fm-typo-en-title-md-600 mr-auto" }, Oe = {
       ], 64);
     };
   }
-}), Ke = /* @__PURE__ */ Ue(De, [["__scopeId", "data-v-469403ff"]]);
+}), Ke = /* @__PURE__ */ Ue(ze, [["__scopeId", "data-v-469403ff"]]);
 export {
   Ke as L,
   Ue as _,
-  d as a
+  c as a
 };

package/dist/MenuSelector.vue_vue_type_script_setup_true_lang-Bm_hSelC.js

@@ -0,0 +1,69 @@
+import { defineComponent as k, computed as i, ref as x, resolveComponent as t, createBlock as p, openBlock as s, withCtx as u, createElementVNode as c, createVNode as r, createElementBlock as I, Fragment as L, renderList as M, renderSlot as S, toDisplayString as g } from "vue";
+import { useI18n as B } from "@feedmepos/mf-common";
+const E = { class: "w-full flex items-center justify-between" }, N = { class: "p-4" }, P = { class: "flex-1 overflow-y-auto min-h-0" }, K = /* @__PURE__ */ k({
+  __name: "MenuSelector",
+  props: {
+    modelValue: {},
+    items: {},
+    placeholder: { default: "" },
+    searchPlaceholder: { default: "" },
+    title: { default: "" },
+    customLabel: {}
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: f }) {
+    const o = l, h = f, { t: $ } = B(), d = i(() => {
+      const e = o.items.find((n) => n.value === o.modelValue);
+      return e ? e.label : o.placeholder;
+    }), _ = i(() => o.items.filter(
+      (e) => e.label.toLowerCase().includes(m.value.toLowerCase())
+    )), m = x("");
+    function v(e) {
+      h("update:modelValue", e);
+    }
+    return (e, n) => {
+      const b = t("FmIcon"), F = t("FmChip"), C = t("FmSearch"), V = t("FmMenuItem"), w = t("FmMenu");
+      return s(), p(w, { width: 220 }, {
+        "menu-button": u(() => [
+          r(F, {
+            label: d.value,
+            class: "w-full fm-typo-en-body-md-600 text-fm-color-neutral-gray-400"
+          }, {
+            default: u(() => [
+              c("div", E, [
+                c("p", null, g(l.customLabel || l.title || d.value), 1),
+                r(b, {
+                  name: "expand_more",
+                  size: "sm"
+                }),
+                S(e.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["label"])
+        ]),
+        default: u(() => [
+          c("div", N, [
+            r(C, {
+              autofocus: "",
+              modelValue: m.value,
+              "onUpdate:modelValue": n[0] || (n[0] = (a) => m.value = a),
+              placeholder: l.searchPlaceholder
+            }, null, 8, ["modelValue", "placeholder"])
+          ]),
+          c("div", P, [
+            (s(!0), I(L, null, M(_.value, (a, y) => (s(), p(V, {
+              key: y,
+              label: a.label,
+              onClick: (j) => v(a.value)
+            }, null, 8, ["label", "onClick"]))), 128))
+          ])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  K as _
+};