@feedmepos/mf-hrm-portal 2.3.2-dev → 2.3.2-dev.11

package/dist/SelectFilter-ATOm0hdn.js

@@ -1,269 +0,0 @@
-import { ref as $, computed as v, defineComponent as X, watch as Y, nextTick as Z, resolveComponent as A, createElementBlock as d, openBlock as c, createElementVNode as _, createVNode as k, renderSlot as z, withCtx as H, createCommentVNode as S, normalizeStyle as ee, Fragment as w, createBlock as T, unref as C, renderList as R, toDisplayString as N, normalizeClass as le, withModifiers as te } from "vue";
-import "@feedmepos/ui-library";
-/* empty css                                                                      */
-function ae(u, n, h = u) {
-  const l = $(!0), p = v(() => {
-    if (!l.value && !n.value)
-      return !0;
-    if (n.value && n.value.length > 0) {
-      const r = h.value.map((o) => o.value);
-      return n.value.length === r.length && n.value.every((o) => r.includes(o));
-    }
-    return !1;
-  }), t = v(() => {
-    var r, o, y, b;
-    return !!((r = n.value) != null && r.length && ((o = n.value) == null ? void 0 : o.length) > 0 && ((y = n.value) == null ? void 0 : y.length) < ((b = u.value) == null ? void 0 : b.length));
-  });
-  return { allCleared: l, allSelected: p, indeterminate: t, toggleAll: () => {
-    if (p.value) {
-      n.value = void 0, l.value = !0;
-      return;
-    }
-    const r = h.value.map((o) => o.value);
-    r.length === u.value.length ? (n.value = void 0, l.value = !1) : (n.value = r, l.value = !1);
-  }, toggleOption: (r) => {
-    var y, b, B;
-    let o;
-    n.value === void 0 && l.value ? o = [r] : n.value === void 0 && !l.value ? o = (y = u.value.map((m) => m.value)) == null ? void 0 : y.filter((m) => m !== r) : (b = n.value) != null && b.includes(r) ? o = (B = n.value) == null ? void 0 : B.filter((m) => m !== r) : o = [...n.value || [], r], o.length === 0 ? (n.value = void 0, l.value = !0) : o.length === u.value.length ? (n.value = void 0, l.value = !1) : n.value = o;
-  } };
-}
-const ue = { class: "w-full flex flex-col gap-8" }, ne = { class: "flex items-center gap-8" }, re = { class: "inline-flex items-center" }, oe = { class: "flex flex-col w-[360px] min-h-0 gap-8" }, se = {
-  key: 0,
-  class: "flex gap-4 px-[6px] pt-4"
-}, ie = { class: "flex-1" }, ce = {
-  key: 0,
-  class: "px-12 pt-8 pb-4 text-xs font-semibold text-fm-color-typo-secondary select-none"
-}, ve = /* @__PURE__ */ X({
-  __name: "SelectFilter",
-  props: {
-    items: { default: () => [] },
-    modelValue: {},
-    multiple: { type: Boolean, default: !1 },
-    placeholder: { default: "Select..." },
-    searchPlaceholder: { default: "Search" },
-    disabled: { type: Boolean, default: !1 },
-    variant: { default: "default" },
-    clearable: { type: Boolean, default: !1 },
-    searchable: { type: Boolean, default: !0 },
-    autoSelectFirst: { type: Boolean, default: !1 },
-    chipIcon: { default: "filter_list" },
-    showSelectAll: { type: Boolean, default: !0 },
-    maxHeight: { default: 300 },
-    selectedPrefix: { default: "Selected: " },
-    filterFn: {}
-  },
-  emits: ["update:modelValue", "change"],
-  setup(u, { expose: n, emit: h }) {
-    const l = u, p = h, t = v({
-      get: () => l.modelValue,
-      set: (e) => {
-        p("update:modelValue", e), p("change", e);
-      }
-    }), V = $(""), f = v(() => l.items), r = v(() => {
-      const e = V.value.trim();
-      if (!l.searchable || !e) return f.value;
-      if (l.filterFn)
-        return f.value.filter((s) => l.filterFn(s, e));
-      const a = e.toLowerCase();
-      return f.value.filter((s) => s.label.toLowerCase().includes(a));
-    }), o = v(() => f.value.some((e) => !!e.group)), y = v(() => {
-      if (!o.value)
-        return [{ group: "", options: r.value }];
-      const e = [], a = /* @__PURE__ */ new Map();
-      for (const s of r.value) {
-        const F = s.group ?? "";
-        let x = a.get(F);
-        x || (x = [], a.set(F, x), e.push({ group: F, options: x })), x.push(s);
-      }
-      return e;
-    }), b = v(() => {
-      if (!t.value || Array.isArray(t.value) && t.value.length === 0)
-        return l.placeholder;
-      if (Array.isArray(t.value) && t.value.length === 1) {
-        const a = f.value.find((s) => s.value === t.value[0]);
-        return (a == null ? void 0 : a.label) || l.placeholder;
-      }
-      const e = Array.isArray(t.value) ? t.value.length : 0;
-      return `${l.selectedPrefix}${e}`;
-    }), B = v(() => {
-      if (t.value === void 0 || t.value === null || t.value === "")
-        return l.placeholder;
-      const e = f.value.find((a) => a.value === t.value);
-      return (e == null ? void 0 : e.label) || l.placeholder;
-    }), m = v(
-      () => l.multiple ? b.value : B.value
-    ), I = v(() => l.disabled ? "neutral-gray-200" : l.variant === "dark" ? "neutral-black" : "neutral-gray-400"), U = v(() => l.disabled ? "text-fm-color-neutral-gray-200" : l.variant === "dark" ? "text-fm-color-neutral-black" : "text-fm-color-neutral-gray-400"), L = $(void 0), j = new Proxy(L, {
-      get(e, a) {
-        return a === "value" ? Array.isArray(t.value) ? t.value : t.value === void 0 ? void 0 : [t.value] : L[a];
-      },
-      set(e, a, s) {
-        return a === "value" ? (t.value = s, !0) : (L[a] = s, !0);
-      }
-    }), { allSelected: O, toggleAll: q, toggleOption: E, indeterminate: J } = ae(
-      f,
-      j,
-      r
-    );
-    function G(e) {
-      var a;
-      l.multiple || (t.value = e, (a = M.value) == null || a.toggleMenu(!1));
-    }
-    function Q(e) {
-      e.stopPropagation(), !l.disabled && (t.value = null);
-    }
-    Y(
-      () => l.autoSelectFirst,
-      async (e) => {
-        if (e && !l.multiple && (t.value === void 0 || t.value === null)) {
-          await Z();
-          const a = f.value[0];
-          a && (t.value = a.value);
-        }
-      },
-      { immediate: !0 }
-    );
-    const M = $(null);
-    return n({
-      open: () => {
-        var e;
-        return (e = M.value) == null ? void 0 : e.toggleMenu(!0);
-      },
-      close: () => {
-        var e;
-        return (e = M.value) == null ? void 0 : e.toggleMenu(!1);
-      }
-    }), (e, a) => {
-      const s = A("FmIcon"), F = A("FmChip"), x = A("FmSearch"), P = A("FmMenuItem"), W = A("FmMenu");
-      return c(), d("div", ue, [
-        _("div", ne, [
-          k(W, {
-            ref_key: "menuRef",
-            ref: M,
-            "close-on-click": !1,
-            disabled: u.disabled,
-            "z-index": 50,
-            "selector-for-dismiss-away-event-exclusion": ".fm-dialog, .fm-select__menu__wrapper"
-          }, {
-            "menu-button": H(() => [
-              z(e.$slots, "menu-button", {}, () => [
-                _("div", re, [
-                  k(F, { disabled: u.disabled }, {
-                    default: H(() => [
-                      k(s, {
-                        color: I.value,
-                        name: u.chipIcon,
-                        outline: "",
-                        size: "sm"
-                      }, null, 8, ["color", "name"]),
-                      m.value ? (c(), d("div", {
-                        key: 0,
-                        class: le([
-                          "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap",
-                          U.value
-                        ])
-                      }, N(m.value), 3)) : S("", !0),
-                      k(s, {
-                        color: I.value,
-                        name: "keyboard_arrow_down",
-                        size: "sm"
-                      }, null, 8, ["color"]),
-                      u.clearable && !u.multiple && t.value != null && t.value !== "" && !u.disabled ? (c(), d("button", {
-                        key: 1,
-                        class: "ml-4 focus:outline-none",
-                        type: "button",
-                        "aria-label": "Clear selection",
-                        onClick: te(Q, ["stop"])
-                      }, [
-                        k(s, {
-                          name: "close",
-                          size: "sm",
-                          color: I.value
-                        }, null, 8, ["color"])
-                      ])) : S("", !0)
-                    ]),
-                    _: 1
-                  }, 8, ["disabled"])
-                ])
-              ], !0)
-            ]),
-            default: H(() => [
-              _("div", oe, [
-                u.searchable ? (c(), d("div", se, [
-                  _("div", ie, [
-                    k(x, {
-                      modelValue: V.value,
-                      "onUpdate:modelValue": a[0] || (a[0] = (i) => V.value = i),
-                      placeholder: u.searchPlaceholder
-                    }, null, 8, ["modelValue", "placeholder"])
-                  ])
-                ])) : S("", !0),
-                _("div", {
-                  class: "flex-1 overflow-y-auto min-h-0",
-                  style: ee({ maxHeight: typeof u.maxHeight == "number" ? u.maxHeight + "px" : u.maxHeight })
-                }, [
-                  u.multiple ? (c(), d(w, { key: 0 }, [
-                    u.showSelectAll ? (c(), T(P, {
-                      key: 0,
-                      label: "All",
-                      "has-checkbox": "",
-                      "model-value": C(O),
-                      indeterminate: C(J),
-                      onClick: C(q)
-                    }, null, 8, ["model-value", "indeterminate", "onClick"])) : S("", !0),
-                    r.value.length ? (c(!0), d(w, { key: 1 }, R(y.value, (i) => (c(), d(w, {
-                      key: i.group
-                    }, [
-                      i.group ? (c(), d("div", ce, N(i.group) + " (" + N(i.options.length) + ") ", 1)) : S("", !0),
-                      (c(!0), d(w, null, R(i.options, (g) => {
-                        var K;
-                        return z(e.$slots, "option", {
-                          key: g.value,
-                          option: g,
-                          selected: C(O) || Array.isArray(t.value) && ((K = t.value) == null ? void 0 : K.includes(g.value)),
-                          toggle: () => C(E)(g.value)
-                        }, () => {
-                          var D;
-                          return [
-                            k(P, {
-                              label: g.label,
-                              "has-checkbox": "",
-                              "model-value": C(O) || Array.isArray(t.value) && ((D = t.value) == null ? void 0 : D.includes(g.value)),
-                              onClick: (fe) => C(E)(g.value)
-                            }, null, 8, ["label", "model-value", "onClick"])
-                          ];
-                        }, !0);
-                      }), 128))
-                    ], 64))), 128)) : S("", !0)
-                  ], 64)) : (c(), d(w, { key: 1 }, [
-                    r.value.length ? (c(!0), d(w, { key: 0 }, R(r.value, (i) => z(e.$slots, "option", {
-                      option: i,
-                      selected: t.value === i.value,
-                      toggle: () => G(i.value)
-                    }, () => [
-                      (c(), T(P, {
-                        key: i.value,
-                        label: i.label,
-                        onClick: (g) => G(i.value)
-                      }, null, 8, ["label", "onClick"]))
-                    ], !0)), 256)) : S("", !0)
-                  ], 64))
-                ], 4)
-              ])
-            ]),
-            _: 3
-          }, 8, ["disabled"]),
-          z(e.$slots, "append-right", {}, void 0, !0)
-        ])
-      ]);
-    };
-  }
-}), de = (u, n) => {
-  const h = u.__vccOpts || u;
-  for (const [l, p] of n)
-    h[l] = p;
-  return h;
-}, pe = /* @__PURE__ */ de(ve, [["__scopeId", "data-v-81cde2b9"]]);
-export {
-  pe as S,
-  de as _
-};