@feedmepos/mf-common 1.27.4 → 1.27.5

package/dist/{CustomAttributesForm-1d9add0d.js → CustomAttributesForm-a4f037ad.js}

@@ -1,5 +1,5 @@
 import { defineComponent as A, computed as d, resolveComponent as N, openBlock as f, createElementBlock as b, createVNode as S, toDisplayString as C, unref as F, h } from "vue";
-import { t as w, u as O } from "./app-bab0f0ed.js";
+import { t as w, u as O } from "./app-42fbc6b2.js";
 import { components as y } from "@feedmepos/ui-library";
 import { c as x } from "./object-27ce045b.js";
 import "pinia";

package/dist/{ItemSelector-7af4226f.js → ItemSelector-b751ecbd.js}

@@ -1,5 +1,5 @@
 import { ref as At, computed as rt, defineComponent as _i, onMounted as ki, watch as Rn, resolveComponent as hr, openBlock as Re, createElementBlock as it, createElementVNode as Qe, toDisplayString as Ln, unref as We, createVNode as nt, isRef as Ei, createCommentVNode as Bt, Fragment as hn, renderList as fn, createBlock as fr, withCtx as gn, normalizeClass as Un, Transition as Kn } from "vue";
-import { c as mn, l as we, e as Dt, d as _e, f as ct, g as et, h as Fi, u as Tn, i as ji, a as Si, O as Hn, t as Ci, b as zi } from "./app-bab0f0ed.js";
+import { c as mn, l as we, e as Dt, d as _e, f as ct, g as et, h as Fi, u as Tn, i as ji, a as Si, O as Hn, t as Ci, b as zi } from "./app-42fbc6b2.js";
 import { FmButtonVariant as Vt } from "@feedmepos/ui-library";
 import { defineStore as Oi } from "pinia";
 import { c as Gt } from "./object-27ce045b.js";

package/dist/RestaurantSelector-7fa74f07.js

@@ -0,0 +1,242 @@
+import { ref as S, computed as s, defineComponent as le, mergeModels as te, useModel as ae, watch as U, resolveComponent as C, openBlock as d, createElementBlock as y, createElementVNode as k, createVNode as g, withCtx as z, normalizeClass as ne, toDisplayString as ue, createCommentVNode as $, withModifiers as j, unref as h, isRef as re, Fragment as I, renderList as K, createBlock as P, renderSlot as oe, nextTick as se } from "vue";
+import { t as ie, u as ce, a as ve, O as N, b as de } from "./app-42fbc6b2.js";
+import "@feedmepos/ui-library";
+import "pinia";
+import "vue-router";
+function fe(f, e, i = f) {
+  const a = S(!0), m = s(() => {
+    if (!a.value && !e.value)
+      return !0;
+    if (e.value && e.value.length > 0) {
+      const u = new Set(i.value.map((n) => n.value));
+      return e.value.length === i.value.length && e.value.every((n) => u.has(n));
+    }
+    return !1;
+  }), w = s(() => {
+    var u, n, p, b;
+    return !!((u = e.value) != null && u.length && ((n = e.value) == null ? void 0 : n.length) > 0 && ((p = e.value) == null ? void 0 : p.length) < ((b = f.value) == null ? void 0 : b.length));
+  });
+  return { allCleared: a, allSelected: m, indeterminate: w, toggleAll: () => {
+    if (m.value) {
+      e.value = void 0, a.value = !0;
+      return;
+    }
+    const u = i.value.map((n) => n.value);
+    u.length === f.value.length ? (e.value = void 0, a.value = !1) : (e.value = u, a.value = !1);
+  }, toggleOption: (u) => {
+    var p, b, x;
+    let n;
+    e.value === void 0 && a.value ? n = [u] : e.value === void 0 && !a.value ? n = (p = f.value.map((c) => c.value)) == null ? void 0 : p.filter((c) => c !== u) : (b = e.value) != null && b.includes(u) ? n = (x = e.value) == null ? void 0 : x.filter((c) => c !== u) : n = [...e.value || [], u], n.length === 0 ? (e.value = void 0, a.value = !0) : n.length === f.value.length ? (e.value = void 0, a.value = !1) : e.value = n;
+  } };
+}
+const me = { class: "w-full flex flex-col gap-8" }, pe = { class: "flex items-center gap-8" }, ge = { class: "inline-flex items-center" }, he = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, be = { class: "flex gap-4 px-[6px]" }, ye = { class: "flex-1" }, _e = { class: "flex-1 overflow-y-auto min-h-0" }, ke = { key: 0 }, Oe = /* @__PURE__ */ le({
+  __name: "RestaurantSelector",
+  props: /* @__PURE__ */ te({
+    multiple: { type: Boolean, default: !1 },
+    excludeRestaurants: {},
+    managableOnly: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    variant: { default: "default" },
+    autoSelectFirst: { type: Boolean, default: !1 }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(f) {
+    const e = f, { t: i } = ie(), a = ae(f, "modelValue"), { restaurants: m, restaurantAttributeSettings: w } = ce();
+    function Q(l) {
+      const t = m.value.map((_) => {
+        var A;
+        return (A = _.customAttributes) == null ? void 0 : A[l];
+      }).filter((_) => typeof _ == "string" && !!_);
+      return [...new Set(t)];
+    }
+    const E = s(() => w.value.map((l) => {
+      const t = Q(l.key);
+      return {
+        ...l,
+        values: t
+      };
+    })), { searchKey: u, filter: n } = ve(), p = S(null);
+    function b(l) {
+      var t;
+      if (e.multiple)
+        throw new Error("Single selection is not supported for multiple selection");
+      a.value = l, (t = p.value) == null || t.toggleMenu(!1);
+    }
+    const x = (l) => {
+      const { name: t, code: r } = l.profile;
+      return {
+        label: `${t} (${r ?? "--"})`,
+        value: l._id
+      };
+    }, c = s(() => m.value.map(x)), F = s(
+      () => m.value.filter((l) => e.managableOnly ? l.managable : !0).filter((l) => e.multiple ? !0 : N(l.customAttributes || {}, v.value)).map(x).filter(({ label: l }) => n([l])).filter((l) => {
+        var t;
+        return !((t = e.excludeRestaurants) != null && t.includes(l.value));
+      })
+    ), T = s(() => {
+      var l;
+      return a.value ? a.value.length === 1 ? (l = c.value.find((t) => {
+        var r;
+        return t.value === ((r = a.value) == null ? void 0 : r[0]);
+      })) == null ? void 0 : l.label : i("portalshell.components.restaurantSelector.restaurantCount", {
+        count: a.value.length
+      }) : i("portalshell.components.restaurantSelector.allRestaurants");
+    }), W = s(() => {
+      var l;
+      return a.value ? ((l = c.value.find((t) => t.value === a.value)) == null ? void 0 : l.label) || i("portalshell.components.restaurantSelector.unknownRestaurant") : i("portalshell.components.restaurantSelector.selectRestaurant");
+    }), L = s(() => e.multiple ? T.value : W.value), O = s(() => e.disabled ? "neutral-gray-200" : e.variant === "dark" ? "neutral-black" : "neutral-gray-400"), q = s(() => e.disabled ? "text-fm-color-neutral-gray-200" : e.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), { allSelected: D, toggleAll: G, toggleOption: H, indeterminate: J } = fe(
+      c,
+      a,
+      F
+    ), V = S(!1), X = s(() => w.value.length > 0), R = S(null);
+    async function Y() {
+      e.disabled || (V.value ? V.value = !1 : (V.value = !0, await se(), R.value && R.value.toggleProperty(!0)));
+    }
+    const v = S((() => ({
+      logic: "AND",
+      rules: []
+    }))()), Z = s(() => {
+      var l, t;
+      return ((t = (l = v.value) == null ? void 0 : l.rules) == null ? void 0 : t.length) || 0;
+    });
+    return U(
+      v,
+      () => {
+        var l;
+        if (e.multiple) {
+          if (!v.value || v.value.rules.length === 0) {
+            a.value = null;
+            return;
+          }
+          const t = m.value.filter((r) => N(r.customAttributes || {}, v.value));
+          a.value = t.map((r) => r._id);
+        } else {
+          const t = m.value.filter((r) => N(r.customAttributes || {}, v.value));
+          t.length === 0 ? a.value = null : a.value = (l = t[0]) == null ? void 0 : l._id;
+        }
+      },
+      {
+        deep: !0
+      }
+    ), U(
+      [() => e.autoSelectFirst, F],
+      ([l, t]) => {
+        l && t.length > 0 && !a.value && (a.value = t[0].value);
+      },
+      { immediate: !0 }
+    ), (l, t) => {
+      const r = C("FmIcon"), _ = C("FmChip"), A = C("FmSearch"), M = C("FmMenuItem"), ee = C("FmMenu");
+      return d(), y("div", me, [
+        k("div", pe, [
+          g(ee, {
+            "close-on-click": !1,
+            disabled: e.disabled,
+            ref_key: "menuRef",
+            ref: p,
+            "z-index": 50,
+            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
+          }, {
+            "menu-button": z(() => [
+              k("div", ge, [
+                g(_, {
+                  disabled: e.disabled
+                }, {
+                  default: z(() => [
+                    g(r, {
+                      color: O.value,
+                      name: "storefront",
+                      outline: "",
+                      size: "sm"
+                    }, null, 8, ["color"]),
+                    L.value ? (d(), y("div", {
+                      key: 0,
+                      class: ne([
+                        "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
+                        q.value
+                      ])
+                    }, ue(L.value), 3)) : $("", !0),
+                    g(r, {
+                      color: O.value,
+                      name: "keyboard_arrow_down",
+                      size: "sm"
+                    }, null, 8, ["color"]),
+                    X.value ? (d(), y("div", {
+                      key: 1,
+                      class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
+                      onClick: j(Y, ["stop"])
+                    }, [
+                      g(r, {
+                        name: "filter_alt",
+                        size: "sm",
+                        outline: Z.value === 0,
+                        color: O.value,
+                        onClick: t[0] || (t[0] = j(() => {
+                        }, ["prevent"]))
+                      }, null, 8, ["outline", "color"])
+                    ])) : $("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ]),
+            default: z(() => [
+              k("div", he, [
+                k("div", be, [
+                  k("div", ye, [
+                    g(A, {
+                      modelValue: h(u),
+                      "onUpdate:modelValue": t[1] || (t[1] = (o) => re(u) ? u.value = o : null),
+                      placeholder: h(i)("common.search")
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])
+                ]),
+                k("div", _e, [
+                  l.multiple ? (d(), y(I, { key: 0 }, [
+                    g(M, {
+                      label: "All",
+                      "has-checkbox": "",
+                      "model-value": h(D),
+                      indeterminate: h(J),
+                      onClick: h(G)
+                    }, null, 8, ["model-value", "indeterminate", "onClick"]),
+                    (d(!0), y(I, null, K(F.value, (o) => {
+                      var B;
+                      return d(), P(M, {
+                        key: o.value,
+                        label: o.label,
+                        "has-checkbox": "",
+                        "model-value": h(D) || ((B = a.value) == null ? void 0 : B.includes(o.value)),
+                        onClick: (Ce) => h(H)(o.value)
+                      }, null, 8, ["label", "model-value", "onClick"]);
+                    }), 128))
+                  ], 64)) : (d(!0), y(I, { key: 1 }, K(F.value, (o) => (d(), P(M, {
+                    key: o.value,
+                    label: o.label,
+                    onClick: (B) => b(o.value)
+                  }, null, 8, ["label", "onClick"]))), 128))
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          oe(l.$slots, "append-right")
+        ]),
+        V.value ? (d(), y("div", ke, [
+          g(h(de), {
+            ref_key: "filterRef",
+            ref: R,
+            attributes: E.value,
+            modelValue: v.value,
+            "onUpdate:modelValue": t[2] || (t[2] = (o) => v.value = o)
+          }, null, 8, ["attributes", "modelValue"])
+        ])) : $("", !0)
+      ]);
+    };
+  }
+});
+export {
+  Oe as default
+};

package/dist/{app-bab0f0ed.js → app-42fbc6b2.js}

@@ -49485,10 +49485,10 @@ const kO = /* @__PURE__ */ Ad(SO, [["__scopeId", "data-v-318fbbc5"]]), fO = { cl
     }, 8, ["dropdown-opened", "apps", "businesses", "countries", "current-app", "current-business", "current-country", "user", "embedded", "hide-app-drawer"]));
   }
 }), Qx = JN(
-  () => import("./CustomAttributesForm-1d9add0d.js")
+  () => import("./CustomAttributesForm-a4f037ad.js")
 ), gx = JN(
-  () => import("./RestaurantSelector-c9dc3511.js")
-), vx = JN(() => import("./ItemSelector-7af4226f.js")), zO = {
+  () => import("./RestaurantSelector-7fa74f07.js")
+), vx = JN(() => import("./ItemSelector-b751ecbd.js")), zO = {
   yes: "Yes",
   no: "No",
   ok: "OK",

package/dist/app.js

@@ -1,5 +1,5 @@
-import { d as s } from "./app-bab0f0ed.js";
-import { C as u, E as M, s as m, H as E, J as S, F as p, z as P, k as d, I as c, P as C, _, R as g, i as h, K as F, B as R, p as A, A as y, n as O, j as I, q as L, M as T, x as b, v as G, w as N, o as Q, L as U, D as w, N as x, u as B, m as D, r as Y, t as f, G as v, y as z } from "./app-bab0f0ed.js";
+import { d as s } from "./app-42fbc6b2.js";
+import { C as u, E as M, s as m, H as E, J as S, F as p, z as P, k as d, I as c, P as C, _, R as g, i as h, K as F, B as R, p as A, A as y, n as O, j as I, q as L, M as T, x as b, v as G, w as N, o as Q, L as U, D as w, N as x, u as B, m as D, r as Y, t as f, G as v, y as z } from "./app-42fbc6b2.js";
 import "pinia";
 import "vue";
 import "vue-router";

package/dist/components/RestaurantSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RestaurantSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RestaurantSelector.vue.ts"],"names":[],"mappings":"AAkBA,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAijBD,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"RestaurantSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/RestaurantSelector.vue.ts"],"names":[],"mappings":"AAkBA,MAAM,WAAW,KAAK;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyjBD,wBAAwG;AAUxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/composables/filterSelector.d.ts

@@ -2,7 +2,7 @@ import { type Ref } from "vue";
 interface Option<T> {
     value: T;
 }
-export declare function useFilterSelector<T>(options: Ref<Option<T>[]>, model: Ref<T[] | undefined | null>): {
+export declare function useFilterSelector<T>(options: Ref<Option<T>[]>, model: Ref<T[] | undefined | null>, filteredOptions?: Ref<Option<T>[]>): {
     allCleared: Ref<boolean, boolean>;
     allSelected: import("vue").ComputedRef<boolean>;
     indeterminate: import("vue").ComputedRef<boolean>;

package/dist/composables/filterSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterSelector.d.ts","sourceRoot":"","sources":["../../../src/composables/filterSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE7C,UAAU,MAAM,CAAC,CAAC;IAChB,KAAK,EAAE,CAAC,CAAA;CACT;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;;;;;0BAkBnE,CAAC;EAwB/B"}
+{"version":3,"file":"filterSelector.d.ts","sourceRoot":"","sources":["../../../src/composables/filterSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAE7C,UAAU,MAAM,CAAC,CAAC;IAChB,KAAK,EAAE,CAAC,CAAA;CACT;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EACjC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EACzB,KAAK,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,EAClC,eAAe,GAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAW;;;;;0BA8Cd,CAAC;EAwB/B"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-common",
-  "version": "1.27.4",
+  "version": "1.27.5",
   "type": "module",
   "files": [
     "dist"

package/dist/RestaurantSelector-c9dc3511.js

@@ -1,231 +0,0 @@
-import { ref as C, computed as i, defineComponent as le, mergeModels as te, useModel as ae, watch as U, resolveComponent as x, openBlock as d, createElementBlock as y, createElementVNode as k, createVNode as m, withCtx as z, normalizeClass as ne, toDisplayString as re, createCommentVNode as $, withModifiers as j, unref as p, isRef as ue, Fragment as I, renderList as K, createBlock as P, renderSlot as oe, nextTick as se } from "vue";
-import { t as ie, u as ce, a as de, O as N, b as ve } from "./app-bab0f0ed.js";
-import "@feedmepos/ui-library";
-import "pinia";
-import "vue-router";
-function fe(g, t) {
-  const u = C(!0), a = i(() => {
-    var o, n;
-    return !u.value && (!t.value || ((o = t.value) == null ? void 0 : o.length) === ((n = g.value) == null ? void 0 : n.length));
-  }), b = i(() => {
-    var o, n, h, v;
-    return !!((o = t.value) != null && o.length && ((n = t.value) == null ? void 0 : n.length) > 0 && ((h = t.value) == null ? void 0 : h.length) < ((v = g.value) == null ? void 0 : v.length));
-  });
-  return { allCleared: u, allSelected: a, indeterminate: b, toggleAll: () => {
-    t.value = void 0, u.value = !u.value;
-  }, toggleOption: (o) => {
-    var h, v, S;
-    let n;
-    t.value === void 0 && u.value ? n = [o] : t.value === void 0 && !u.value ? n = (h = g.value.map((f) => f.value)) == null ? void 0 : h.filter((f) => f !== o) : (v = t.value) != null && v.includes(o) ? n = (S = t.value) == null ? void 0 : S.filter((f) => f !== o) : n = [...t.value || [], o], n.length === 0 ? (t.value = void 0, u.value = !0) : n.length === g.value.length ? (t.value = void 0, u.value = !1) : t.value = n;
-  } };
-}
-const me = { class: "w-full flex flex-col gap-8" }, pe = { class: "flex items-center gap-8" }, ge = { class: "inline-flex items-center" }, be = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, he = { class: "flex gap-4 px-[6px]" }, ye = { class: "flex-1" }, _e = { class: "flex-1 overflow-y-auto min-h-0" }, ke = { key: 0 }, Ve = /* @__PURE__ */ le({
-  __name: "RestaurantSelector",
-  props: /* @__PURE__ */ te({
-    multiple: { type: Boolean, default: !1 },
-    excludeRestaurants: {},
-    managableOnly: { type: Boolean, default: !0 },
-    disabled: { type: Boolean, default: !1 },
-    variant: { default: "default" },
-    autoSelectFirst: { type: Boolean, default: !1 }
-  }, {
-    modelValue: {},
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(g) {
-    const t = g, { t: u } = ie(), a = ae(g, "modelValue"), { restaurants: b, restaurantAttributeSettings: O } = ce();
-    function Q(e) {
-      const l = b.value.map((_) => {
-        var A;
-        return (A = _.customAttributes) == null ? void 0 : A[e];
-      }).filter((_) => typeof _ == "string" && !!_);
-      return [...new Set(l)];
-    }
-    const o = i(() => O.value.map((e) => {
-      const l = Q(e.key);
-      return {
-        ...e,
-        values: l
-      };
-    })), { searchKey: n, filter: h } = de(), v = C(null);
-    function S(e) {
-      var l;
-      if (t.multiple)
-        throw new Error("Single selection is not supported for multiple selection");
-      a.value = e, (l = v.value) == null || l.toggleMenu(!1);
-    }
-    const f = (e) => {
-      const { name: l, code: r } = e.profile;
-      return {
-        label: `${l} (${r ?? "--"})`,
-        value: e._id
-      };
-    }, E = i(() => b.value.map(f)), w = i(
-      () => b.value.filter((e) => t.managableOnly ? e.managable : !0).filter((e) => t.multiple ? !0 : N(e.customAttributes || {}, c.value)).map(f).filter(({ label: e }) => h([e])).filter((e) => {
-        var l;
-        return !((l = t.excludeRestaurants) != null && l.includes(e.value));
-      })
-    ), T = i(() => {
-      var e;
-      return a.value ? a.value.length === 1 ? (e = E.value.find((l) => {
-        var r;
-        return l.value === ((r = a.value) == null ? void 0 : r[0]);
-      })) == null ? void 0 : e.label : u("portalshell.components.restaurantSelector.restaurantCount", {
-        count: a.value.length
-      }) : u("portalshell.components.restaurantSelector.allRestaurants");
-    }), W = i(() => {
-      var e;
-      return a.value ? ((e = E.value.find((l) => l.value === a.value)) == null ? void 0 : e.label) || u("portalshell.components.restaurantSelector.unknownRestaurant") : u("portalshell.components.restaurantSelector.selectRestaurant");
-    }), L = i(() => t.multiple ? T.value : W.value), V = i(() => t.disabled ? "neutral-gray-200" : t.variant === "dark" ? "neutral-black" : "neutral-gray-400"), q = i(() => t.disabled ? "text-fm-color-neutral-gray-200" : t.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), { allSelected: D, toggleAll: G, toggleOption: H, indeterminate: J } = fe(
-      w,
-      a
-    ), F = C(!1), X = i(() => O.value.length > 0), R = C(null);
-    async function Y() {
-      t.disabled || (F.value ? F.value = !1 : (F.value = !0, await se(), R.value && R.value.toggleProperty(!0)));
-    }
-    const c = C((() => ({
-      logic: "AND",
-      rules: []
-    }))()), Z = i(() => {
-      var e, l;
-      return ((l = (e = c.value) == null ? void 0 : e.rules) == null ? void 0 : l.length) || 0;
-    });
-    return U(
-      c,
-      () => {
-        var e;
-        if (t.multiple) {
-          if (!c.value || c.value.rules.length === 0) {
-            a.value = null;
-            return;
-          }
-          const l = b.value.filter((r) => N(r.customAttributes || {}, c.value));
-          a.value = l.map((r) => r._id);
-        } else {
-          const l = b.value.filter((r) => N(r.customAttributes || {}, c.value));
-          l.length === 0 ? a.value = null : a.value = (e = l[0]) == null ? void 0 : e._id;
-        }
-      },
-      {
-        deep: !0
-      }
-    ), U(
-      [() => t.autoSelectFirst, w],
-      ([e, l]) => {
-        e && l.length > 0 && !a.value && (a.value = l[0].value);
-      },
-      { immediate: !0 }
-    ), (e, l) => {
-      const r = x("FmIcon"), _ = x("FmChip"), A = x("FmSearch"), M = x("FmMenuItem"), ee = x("FmMenu");
-      return d(), y("div", me, [
-        k("div", pe, [
-          m(ee, {
-            "close-on-click": !1,
-            disabled: t.disabled,
-            ref_key: "menuRef",
-            ref: v,
-            "z-index": 50,
-            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
-          }, {
-            "menu-button": z(() => [
-              k("div", ge, [
-                m(_, {
-                  disabled: t.disabled
-                }, {
-                  default: z(() => [
-                    m(r, {
-                      color: V.value,
-                      name: "storefront",
-                      outline: "",
-                      size: "sm"
-                    }, null, 8, ["color"]),
-                    L.value ? (d(), y("div", {
-                      key: 0,
-                      class: ne([
-                        "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
-                        q.value
-                      ])
-                    }, re(L.value), 3)) : $("", !0),
-                    m(r, {
-                      color: V.value,
-                      name: "keyboard_arrow_down",
-                      size: "sm"
-                    }, null, 8, ["color"]),
-                    X.value ? (d(), y("div", {
-                      key: 1,
-                      class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
-                      onClick: j(Y, ["stop"])
-                    }, [
-                      m(r, {
-                        name: "filter_alt",
-                        size: "sm",
-                        outline: Z.value === 0,
-                        color: V.value,
-                        onClick: l[0] || (l[0] = j(() => {
-                        }, ["prevent"]))
-                      }, null, 8, ["outline", "color"])
-                    ])) : $("", !0)
-                  ]),
-                  _: 1
-                }, 8, ["disabled"])
-              ])
-            ]),
-            default: z(() => [
-              k("div", be, [
-                k("div", he, [
-                  k("div", ye, [
-                    m(A, {
-                      modelValue: p(n),
-                      "onUpdate:modelValue": l[1] || (l[1] = (s) => ue(n) ? n.value = s : null),
-                      placeholder: p(u)("common.search")
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])
-                ]),
-                k("div", _e, [
-                  e.multiple ? (d(), y(I, { key: 0 }, [
-                    m(M, {
-                      label: "All",
-                      "has-checkbox": "",
-                      "model-value": p(D),
-                      indeterminate: p(J),
-                      onClick: p(G)
-                    }, null, 8, ["model-value", "indeterminate", "onClick"]),
-                    (d(!0), y(I, null, K(w.value, (s) => {
-                      var B;
-                      return d(), P(M, {
-                        key: s.value,
-                        label: s.label,
-                        "has-checkbox": "",
-                        "model-value": p(D) || ((B = a.value) == null ? void 0 : B.includes(s.value)),
-                        onClick: (Ce) => p(H)(s.value)
-                      }, null, 8, ["label", "model-value", "onClick"]);
-                    }), 128))
-                  ], 64)) : (d(!0), y(I, { key: 1 }, K(w.value, (s) => (d(), P(M, {
-                    key: s.value,
-                    label: s.label,
-                    onClick: (B) => S(s.value)
-                  }, null, 8, ["label", "onClick"]))), 128))
-                ])
-              ])
-            ]),
-            _: 1
-          }, 8, ["disabled"]),
-          oe(e.$slots, "append-right")
-        ]),
-        F.value ? (d(), y("div", ke, [
-          m(p(ve), {
-            ref_key: "filterRef",
-            ref: R,
-            attributes: o.value,
-            modelValue: c.value,
-            "onUpdate:modelValue": l[2] || (l[2] = (s) => c.value = s)
-          }, null, 8, ["attributes", "modelValue"])
-        ])) : $("", !0)
-      ]);
-    };
-  }
-});
-export {
-  Ve as default
-};