@feedmepos/mf-hrm-portal 2.0.24-dev.13 → 2.0.24-dev.15

package/dist/SelectFilter-DUj7GBtT.js

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