@feedmepos/mf-common 1.29.11 → 1.29.13

package/dist/CustomAttributesForm-4bae8623.js

@@ -0,0 +1,128 @@
+import { defineComponent as C, computed as y, resolveComponent as N, openBlock as h, createElementBlock as v, createVNode as S, toDisplayString as F, unref as w, h as c } from "vue";
+import { t as x, u as B } from "./app-279f08b9.js";
+import { components as p } from "@feedmepos/ui-library";
+import { c as O } from "./object-27ce045b.js";
+import "pinia";
+import "vue-router";
+const U = { key: 0 }, z = {
+  key: 1,
+  class: "text-fm-color-neutral-gray-500"
+}, L = /* @__PURE__ */ C({
+  __name: "CustomAttributesForm",
+  props: {
+    entity: {},
+    modelValue: {},
+    valueOptions: {}
+  },
+  emits: ["update:modelValue"],
+  setup(g, { emit: k }) {
+    const n = g, V = k, { t: u } = x(), f = B();
+    function _(t) {
+      var e;
+      if ((e = n.valueOptions) != null && e[t] && n.valueOptions[t].length > 0)
+        return n.valueOptions[t];
+      if (n.entity === "restaurant") {
+        const a = f.restaurants.value.map((i) => {
+          var o;
+          return (o = i.customAttributes) == null ? void 0 : o[t];
+        }).filter((i) => typeof i == "string" && !!i), s = [...new Set(a)];
+        return s.length > 0 ? s : void 0;
+      }
+    }
+    const b = y(() => {
+      var t, e;
+      return ((e = (t = f.currentBusiness.value) == null ? void 0 : t.attributeSettings) == null ? void 0 : e.filter(
+        (a) => a.entity === n.entity
+      )) || [];
+    }), d = y(() => b.value.map((t) => {
+      var s;
+      const e = _(t.key), a = t.type === "boolean" ? !1 : "";
+      return {
+        key: t.key,
+        type: t.type,
+        value: ((s = n.modelValue) == null ? void 0 : s[t.key]) ?? a,
+        options: e
+      };
+    }) || []), A = [
+      {
+        header: () => u("portalshell.customAttributes.form.key"),
+        accessorKey: "key",
+        enableSorting: !1
+      },
+      {
+        header: () => u("portalshell.customAttributes.form.value"),
+        accessorKey: "value",
+        enableSorting: !1,
+        cell: (t) => {
+          var i;
+          const e = t.row.original, a = (o) => {
+            const l = O(n.modelValue), r = l[e.key] = typeof o == "string" ? o.trim() : o;
+            if (e.type === "number")
+              if (r === "" || r === null || r === void 0)
+                l[e.key] = "";
+              else {
+                if (typeof r == "boolean" || isNaN(Number(r)))
+                  return;
+                l[e.key] = Number(r);
+              }
+            if (e.type === "boolean")
+              if (r === "" || r === null || r === void 0)
+                l[e.key] = "";
+              else if (typeof r == "string") {
+                const m = r.toLowerCase();
+                if (m === "true")
+                  l[e.key] = !0;
+                else if (m === "false")
+                  l[e.key] = !1;
+                else
+                  return;
+              } else if (typeof r == "boolean")
+                l[e.key] = r;
+              else
+                return;
+            Object.keys(l).forEach((m) => {
+              (l[m] === "" || l[m] === null || l[m] === void 0) && delete l[m];
+            }), V("update:modelValue", l);
+          }, s = ((i = b.value.find((o) => o.key === e.key)) == null ? void 0 : i.options) || [];
+          return s != null && s.length ? c(p.FmSelect, {
+            modelValue: e.value,
+            placeholder: u("portalshell.customAttributes.form.valuePlaceholder"),
+            items: s.map((o) => ({ label: o, value: o })),
+            "onUpdate:modelValue": a
+          }) : e.type === "boolean" ? c(p.FmCheckbox, {
+            modelValue: e.value,
+            value: !0,
+            "onUpdate:modelValue": a
+          }) : e.type === "date" ? c(p.FmDatePicker, {
+            modelValue: e.value,
+            placeholder: u("portalshell.customAttributes.form.valuePlaceholder"),
+            "onUpdate:modelValue": a
+          }) : c(p.FmTextField, {
+            modelValue: e.value,
+            placeholder: u("portalshell.customAttributes.form.valuePlaceholder"),
+            datalist: e.options,
+            rules: [
+              (o) => e.type === "number" && isNaN(Number(o)) ? u("portalshell.customAttributes.form.attributeValueMustBeNumber") : !0
+            ],
+            "onUpdate:modelValue": a
+          });
+        }
+      }
+    ];
+    return (t, e) => {
+      const a = N("FmTable");
+      return d.value.length > 0 ? (h(), v("div", U, [
+        S(a, {
+          "column-defs": A,
+          "row-data": d.value,
+          "shrink-at": !1,
+          "page-size": d.value.length,
+          "hide-footer": ""
+        }, null, 8, ["row-data", "page-size"])
+      ])) : (h(), v("p", z, F(w(u)("portalshell.customAttributes.form.noCustomAttributes")), 1));
+    };
+  }
+});
+export {
+  L as default
+};

package/dist/{ItemSelector-9f03ca6f.js → ItemSelector-748617a0.js}

@@ -1,5 +1,5 @@
 import { ref as pr, computed as Ut, defineComponent as dd, onMounted as cd, watch as ks, resolveComponent as ii, openBlock as jt, createElementBlock as an, createElementVNode as At, toDisplayString as js, unref as Tt, createVNode as Kt, isRef as fd, createCommentVNode as Lr, Fragment as so, renderList as lo, createBlock as ui, withCtx as co, normalizeClass as Go, Transition as Ms } from "vue";
-import { c as gr, l as U, d as Me, e as Qe, f as $d, u as Ho, g as hd, a as pd, O as Ss, t as gd, b as bd } from "./app-99703ecc.js";
+import { f as gr, l as U, g as Me, h as Qe, j as $d, u as Ho, k as hd, d as pd, O as Ss, t as gd, e as bd } from "./app-279f08b9.js";
 import { FmButtonVariant as Vr } from "@feedmepos/ui-library";
 import { defineStore as md } from "pinia";
 import { c as Hr } from "./object-27ce045b.js";
@@ -50295,7 +50295,7 @@ const n$ = md("mf-common-menu", () => {
                                 class: "flex-1",
                                 "onUpdate:modelValue": (b) => H(c, b)
                               }, null, 8, ["indeterminate", "label", "model-value", "value", "onUpdate:modelValue"]),
-                              h.showVariant && ((f = c.variant) != null && f.length) ? (jt(), ui(i, {
+                              n.showVariant && ((f = c.variant) != null && f.length) ? (jt(), ui(i, {
                                 key: 0,
                                 class: Go([
                                   de.value.includes(c.value) ? "rotate-180" : "",
@@ -50309,7 +50309,7 @@ const n$ = md("mf-common-menu", () => {
                           ]),
                           Kt(Ms, { name: "expand" }, {
                             default: co(() => [
-                              h.showVariant && de.value.includes(c.value) ? (jt(), an("div", b$, [
+                              n.showVariant && de.value.includes(c.value) ? (jt(), an("div", b$, [
                                 (jt(!0), an(so, null, lo(c.variant, (b) => (jt(), ui(u, {
                                   key: b.value,
                                   label: b.label,

package/dist/RestaurantSelector-0c185f47.js

@@ -0,0 +1,461 @@
+import { computed as m, ref as k, shallowRef as ye, watch as B, getCurrentInstance as we, onMounted as _e, defineComponent as xe, mergeModels as ke, useModel as Ce, resolveComponent as L, openBlock as x, createElementBlock as S, createElementVNode as R, createVNode as V, withCtx as D, normalizeClass as Re, toDisplayString as Se, createCommentVNode as G, createBlock as H, withModifiers as X, unref as y, isRef as Ve, Fragment as N, mergeProps as q, normalizeProps as J, guardReactiveProps as Z, renderList as ee, renderSlot as Fe, nextTick as Oe } from "vue";
+import { a as Le, b as Me, c as Ae, i as ze, t as Be, u as Te, d as Pe, O as Q, e as He } from "./app-279f08b9.js";
+import "@feedmepos/ui-library";
+import "pinia";
+import "vue-router";
+function M(l) {
+  var e;
+  const n = Me(l);
+  return (e = n == null ? void 0 : n.$el) != null ? e : n;
+}
+const te = ze ? window : void 0;
+function $e() {
+  const l = k(!1), e = we();
+  return e && _e(() => {
+    l.value = !0;
+  }, e), l;
+}
+function We(l) {
+  const e = $e();
+  return m(() => (e.value, !!l()));
+}
+function Ee(l, e, n = {}) {
+  const { window: t = te, ...r } = n;
+  let s;
+  const f = We(() => t && "ResizeObserver" in t), c = () => {
+    s && (s.disconnect(), s = void 0);
+  }, v = m(() => Array.isArray(l) ? l.map((o) => M(o)) : [M(l)]), a = B(
+    v,
+    (o) => {
+      if (c(), f.value && t) {
+        s = new ResizeObserver(e);
+        for (const p of o)
+          p && s.observe(p, r);
+      }
+    },
+    { immediate: !0, flush: "post" }
+  ), h = () => {
+    c(), a();
+  };
+  return Ae(h), {
+    isSupported: f,
+    stop: h
+  };
+}
+function Ie(l, e = { width: 0, height: 0 }, n = {}) {
+  const { window: t = te, box: r = "content-box" } = n, s = m(() => {
+    var o, p;
+    return (p = (o = M(l)) == null ? void 0 : o.namespaceURI) == null ? void 0 : p.includes("svg");
+  }), f = k(e.width), c = k(e.height), { stop: v } = Ee(
+    l,
+    ([o]) => {
+      const p = r === "border-box" ? o.borderBoxSize : r === "content-box" ? o.contentBoxSize : o.devicePixelContentBoxSize;
+      if (t && s.value) {
+        const d = M(l);
+        if (d) {
+          const g = d.getBoundingClientRect();
+          f.value = g.width, c.value = g.height;
+        }
+      } else if (p) {
+        const d = Array.isArray(p) ? p : [p];
+        f.value = d.reduce((g, { inlineSize: w }) => g + w, 0), c.value = d.reduce((g, { blockSize: w }) => g + w, 0);
+      } else
+        f.value = o.contentRect.width, c.value = o.contentRect.height;
+    },
+    n
+  );
+  Le(() => {
+    const o = M(l);
+    o && (f.value = "offsetWidth" in o ? o.offsetWidth : e.width, c.value = "offsetHeight" in o ? o.offsetHeight : e.height);
+  });
+  const a = B(
+    () => M(l),
+    (o) => {
+      f.value = o ? e.width : 0, c.value = o ? e.height : 0;
+    }
+  );
+  function h() {
+    v(), a();
+  }
+  return {
+    width: f,
+    height: c,
+    stop: h
+  };
+}
+function De(l, e) {
+  const { containerStyle: n, wrapperProps: t, scrollTo: r, calculateRange: s, currentList: f, containerRef: c } = "itemHeight" in e ? Qe(e, l) : Ne(e, l);
+  return {
+    list: f,
+    scrollTo: r,
+    containerProps: {
+      ref: c,
+      onScroll: () => {
+        s();
+      },
+      style: n
+    },
+    wrapperProps: t
+  };
+}
+function le(l) {
+  const e = k(null), n = Ie(e), t = k([]), r = ye(l);
+  return { state: k({ start: 0, end: 10 }), source: r, currentList: t, size: n, containerRef: e };
+}
+function ne(l, e, n) {
+  return (t) => {
+    if (typeof n == "number")
+      return Math.ceil(t / n);
+    const { start: r = 0 } = l.value;
+    let s = 0, f = 0;
+    for (let c = r; c < e.value.length; c++) {
+      const v = n(c);
+      if (s += v, f = c, s > t)
+        break;
+    }
+    return f - r;
+  };
+}
+function re(l, e) {
+  return (n) => {
+    if (typeof e == "number")
+      return Math.floor(n / e) + 1;
+    let t = 0, r = 0;
+    for (let s = 0; s < l.value.length; s++) {
+      const f = e(s);
+      if (t += f, t >= n) {
+        r = s;
+        break;
+      }
+    }
+    return r + 1;
+  };
+}
+function ae(l, e, n, t, { containerRef: r, state: s, currentList: f, source: c }) {
+  return () => {
+    const v = r.value;
+    if (v) {
+      const a = n(l === "vertical" ? v.scrollTop : v.scrollLeft), h = t(l === "vertical" ? v.clientHeight : v.clientWidth), o = a - e, p = a + h + e;
+      s.value = {
+        start: o < 0 ? 0 : o,
+        end: p > c.value.length ? c.value.length : p
+      }, f.value = c.value.slice(s.value.start, s.value.end).map((d, g) => ({
+        data: d,
+        index: g + s.value.start
+      }));
+    }
+  };
+}
+function oe(l, e) {
+  return (n) => typeof l == "number" ? n * l : e.value.slice(0, n).reduce((r, s, f) => r + l(f), 0);
+}
+function ue(l, e, n, t) {
+  B([l.width, l.height, e, n], () => {
+    t();
+  });
+}
+function se(l, e) {
+  return m(() => typeof l == "number" ? e.value.length * l : e.value.reduce((n, t, r) => n + l(r), 0));
+}
+const Ge = {
+  horizontal: "scrollLeft",
+  vertical: "scrollTop"
+};
+function ie(l, e, n, t) {
+  return (r) => {
+    t.value && (t.value[Ge[l]] = n(r), e());
+  };
+}
+function Ne(l, e) {
+  const n = le(e), { state: t, source: r, currentList: s, size: f, containerRef: c } = n, v = { overflowX: "auto" }, { itemWidth: a, overscan: h = 5 } = l, o = ne(t, r, a), p = re(r, a), d = ae("horizontal", h, p, o, n), g = oe(a, r), w = m(() => g(t.value.start)), A = se(a, r);
+  ue(f, e, c, d);
+  const z = ie("horizontal", d, g, c), F = m(() => ({
+    style: {
+      height: "100%",
+      width: `${A.value - w.value}px`,
+      marginLeft: `${w.value}px`,
+      display: "flex"
+    }
+  }));
+  return {
+    scrollTo: z,
+    calculateRange: d,
+    wrapperProps: F,
+    containerStyle: v,
+    currentList: s,
+    containerRef: c
+  };
+}
+function Qe(l, e) {
+  const n = le(e), { state: t, source: r, currentList: s, size: f, containerRef: c } = n, v = { overflowY: "auto" }, { itemHeight: a, overscan: h = 5 } = l, o = ne(t, r, a), p = re(r, a), d = ae("vertical", h, p, o, n), g = oe(a, r), w = m(() => g(t.value.start)), A = se(a, r);
+  ue(f, e, c, d);
+  const z = ie("vertical", d, g, c), F = m(() => ({
+    style: {
+      width: "100%",
+      height: `${A.value - w.value}px`,
+      marginTop: `${w.value}px`
+    }
+  }));
+  return {
+    calculateRange: d,
+    scrollTo: z,
+    containerStyle: v,
+    wrapperProps: F,
+    currentList: s,
+    containerRef: c
+  };
+}
+function Ue(l, e, n = l) {
+  const t = k(!0), r = m(() => {
+    if (!t.value && !e.value)
+      return !0;
+    if (e.value && e.value.length > 0) {
+      const v = new Set(n.value.map((a) => a.value));
+      return e.value.length === n.value.length && e.value.every((a) => v.has(a));
+    }
+    return !1;
+  }), s = m(() => {
+    var v, a, h, o;
+    return !!((v = e.value) != null && v.length && ((a = e.value) == null ? void 0 : a.length) > 0 && ((h = e.value) == null ? void 0 : h.length) < ((o = l.value) == null ? void 0 : o.length));
+  });
+  return { allCleared: t, allSelected: r, indeterminate: s, toggleAll: () => {
+    if (r.value) {
+      e.value = void 0, t.value = !0;
+      return;
+    }
+    const v = n.value.map((a) => a.value);
+    v.length === l.value.length ? (e.value = void 0, t.value = !1) : (e.value = v, t.value = !1);
+  }, toggleOption: (v) => {
+    var h, o, p;
+    let a;
+    e.value === void 0 && t.value ? a = [v] : e.value === void 0 && !t.value ? a = (h = l.value.map((d) => d.value)) == null ? void 0 : h.filter((d) => d !== v) : (o = e.value) != null && o.includes(v) ? a = (p = e.value) == null ? void 0 : p.filter((d) => d !== v) : a = [...e.value || [], v], a.length === 0 ? (e.value = void 0, t.value = !0) : a.length === l.value.length ? (e.value = void 0, t.value = !1) : e.value = a;
+  } };
+}
+const Ye = { class: "w-full flex flex-col gap-8" }, Ke = { class: "flex items-center gap-8" }, je = { class: "inline-flex items-center" }, Xe = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, qe = { class: "flex gap-4 px-[6px]" }, Je = { class: "flex-1" }, Ze = { class: "flex-1 min-h-0" }, et = { key: 0 }, tt = 40, it = /* @__PURE__ */ xe({
+  __name: "RestaurantSelector",
+  props: /* @__PURE__ */ ke({
+    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(l) {
+    const e = l, { t: n } = Be(), t = Ce(l, "modelValue"), { restaurants: r, restaurantAttributeSettings: s } = Te(), f = m(() => r.value.length === 0);
+    function c(u) {
+      const i = r.value.map((O) => {
+        var P;
+        return (P = O.customAttributes) == null ? void 0 : P[u];
+      }).filter((O) => typeof O == "string" && !!O);
+      return [...new Set(i)];
+    }
+    const v = m(() => s.value.map((u) => {
+      const i = c(u.key);
+      return {
+        ...u,
+        values: i
+      };
+    })), { searchKey: a, filter: h } = Pe(), o = k(null);
+    function p(u) {
+      var i;
+      if (e.multiple)
+        throw new Error("Single selection is not supported for multiple selection");
+      t.value = u, (i = o.value) == null || i.toggleMenu(!1);
+    }
+    const d = (u) => {
+      const { name: i, code: b } = u.profile;
+      return {
+        label: `${i} (${b ?? "--"})`,
+        value: u._id
+      };
+    }, g = m(() => r.value.map(d)), w = m(
+      () => r.value.filter((u) => e.managableOnly ? u.managable : !0).filter((u) => e.multiple ? !0 : Q(u.customAttributes || {}, C.value)).map(d).filter(({ label: u }) => h([u])).filter((u) => {
+        var i;
+        return !((i = e.excludeRestaurants) != null && i.includes(u.value));
+      })
+    ), A = m(() => {
+      var u;
+      return t.value ? t.value.length === 1 ? (u = g.value.find((i) => {
+        var b;
+        return i.value === ((b = t.value) == null ? void 0 : b[0]);
+      })) == null ? void 0 : u.label : n("portalshell.components.restaurantSelector.restaurantCount", {
+        count: t.value.length
+      }) : n("portalshell.components.restaurantSelector.allRestaurants");
+    }), z = m(() => {
+      var u;
+      return t.value ? ((u = g.value.find((i) => i.value === t.value)) == null ? void 0 : u.label) || n("portalshell.components.restaurantSelector.unknownRestaurant") : n("portalshell.components.restaurantSelector.selectRestaurant");
+    }), F = m(() => e.multiple ? A.value : z.value), $ = m(() => e.disabled ? "neutral-gray-200" : e.variant === "dark" ? "neutral-black" : "neutral-gray-400"), ce = m(() => e.disabled ? "text-fm-color-neutral-gray-200" : e.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), { allSelected: U, toggleAll: ve, toggleOption: fe, indeterminate: de } = Ue(
+      g,
+      t,
+      w
+    ), {
+      list: Y,
+      containerProps: K,
+      wrapperProps: j
+    } = De(w, {
+      itemHeight: tt,
+      overscan: 10
+    }), T = k(!1), pe = m(() => s.value.length > 0), W = k(null);
+    async function me() {
+      e.disabled || (T.value ? T.value = !1 : (T.value = !0, await Oe(), W.value && W.value.toggleProperty(!0)));
+    }
+    const C = k((() => ({
+      logic: "AND",
+      rules: []
+    }))()), he = m(() => {
+      var u, i;
+      return ((i = (u = C.value) == null ? void 0 : u.rules) == null ? void 0 : i.length) || 0;
+    });
+    return B(
+      [C, r],
+      () => {
+        var u;
+        if (e.multiple) {
+          if (!C.value || C.value.rules.length === 0) {
+            t.value = null;
+            return;
+          }
+          const i = r.value.filter((b) => Q(b.customAttributes || {}, C.value));
+          t.value = i.map((b) => b._id);
+        } else {
+          const i = r.value.filter((b) => Q(b.customAttributes || {}, C.value));
+          i.length === 0 ? t.value = null : t.value = (u = i[0]) == null ? void 0 : u._id;
+        }
+      },
+      {
+        deep: !0
+      }
+    ), B(
+      [() => e.autoSelectFirst, w],
+      ([u, i]) => {
+        u && i.length > 0 && !t.value && (t.value = i[0].value);
+      },
+      { immediate: !0 }
+    ), (u, i) => {
+      const b = L("FmIcon"), O = L("FmCircularProgress"), P = L("FmChip"), ge = L("FmSearch"), E = L("FmMenuItem"), be = L("FmMenu");
+      return x(), S("div", Ye, [
+        R("div", Ke, [
+          V(be, {
+            "close-on-click": !1,
+            disabled: u.disabled || f.value,
+            ref_key: "menuRef",
+            ref: o,
+            "z-index": 50,
+            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
+          }, {
+            "menu-button": D(() => [
+              R("div", je, [
+                V(P, { disabled: u.disabled }, {
+                  default: D(() => [
+                    V(b, {
+                      color: $.value,
+                      name: "storefront",
+                      outline: "",
+                      size: "sm"
+                    }, null, 8, ["color"]),
+                    F.value ? (x(), S("div", {
+                      key: 0,
+                      class: Re([
+                        "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
+                        ce.value
+                      ])
+                    }, Se(F.value), 3)) : G("", !0),
+                    f.value ? (x(), H(O, {
+                      key: 1,
+                      size: "md"
+                    })) : (x(), H(b, {
+                      key: 2,
+                      color: $.value,
+                      name: "keyboard_arrow_down",
+                      size: "sm"
+                    }, null, 8, ["color"])),
+                    pe.value ? (x(), S("div", {
+                      key: 3,
+                      class: "pl-8 flex items-center justify-center border-l border-fm-color-neutral-gray-200",
+                      onClick: X(me, ["stop"])
+                    }, [
+                      V(b, {
+                        name: "filter_alt",
+                        size: "sm",
+                        outline: he.value === 0,
+                        color: $.value,
+                        onClick: i[0] || (i[0] = X(() => {
+                        }, ["prevent"]))
+                      }, null, 8, ["outline", "color"])
+                    ])) : G("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])
+              ])
+            ]),
+            default: D(() => [
+              R("div", Xe, [
+                R("div", qe, [
+                  R("div", Je, [
+                    V(ge, {
+                      modelValue: y(a),
+                      "onUpdate:modelValue": i[1] || (i[1] = (_) => Ve(a) ? a.value = _ : null),
+                      placeholder: y(n)("common.search")
+                    }, null, 8, ["modelValue", "placeholder"])
+                  ])
+                ]),
+                R("div", Ze, [
+                  u.multiple ? (x(), S(N, { key: 0 }, [
+                    V(E, {
+                      label: "All",
+                      "has-checkbox": "",
+                      "model-value": y(U),
+                      indeterminate: y(de),
+                      onClick: y(ve)
+                    }, null, 8, ["model-value", "indeterminate", "onClick"]),
+                    R("div", q(y(K), { style: { maxHeight: "320px", overflowY: "auto" } }), [
+                      R("div", J(Z(y(j))), [
+                        (x(!0), S(N, null, ee(y(Y), ({ data: _ }) => {
+                          var I;
+                          return x(), H(E, {
+                            key: _.value,
+                            label: _.label,
+                            "has-checkbox": "",
+                            "model-value": y(U) || ((I = t.value) == null ? void 0 : I.includes(_.value)),
+                            onClick: (nt) => y(fe)(_.value)
+                          }, null, 8, ["label", "model-value", "onClick"]);
+                        }), 128))
+                      ], 16)
+                    ], 16)
+                  ], 64)) : (x(), S("div", q({ key: 1 }, y(K), { style: { maxHeight: "320px", overflowY: "auto" } }), [
+                    R("div", J(Z(y(j))), [
+                      (x(!0), S(N, null, ee(y(Y), ({ data: _ }) => (x(), H(E, {
+                        key: _.value,
+                        label: _.label,
+                        onClick: (I) => p(_.value)
+                      }, null, 8, ["label", "onClick"]))), 128))
+                    ], 16)
+                  ], 16))
+                ])
+              ])
+            ]),
+            _: 1
+          }, 8, ["disabled"]),
+          Fe(u.$slots, "append-right")
+        ]),
+        T.value ? (x(), S("div", et, [
+          V(y(He), {
+            ref_key: "filterRef",
+            ref: W,
+            attributes: v.value,
+            modelValue: C.value,
+            "onUpdate:modelValue": i[2] || (i[2] = (_) => C.value = _)
+          }, null, 8, ["attributes", "modelValue"])
+        ])) : G("", !0)
+      ]);
+    };
+  }
+});
+export {
+  it as default
+};