@feedmepos/mf-inventory-portal 1.2.49 → 1.2.50-dev.2

package/dist/FmMultiselectDialog-IU5C9o_F.js

@@ -1,598 +0,0 @@
-var Ie = Object.defineProperty;
-var De = (F, o, t) => o in F ? Ie(F, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : F[o] = t;
-var me = (F, o, t) => De(F, typeof o != "symbol" ? o + "" : o, t);
-import { defineComponent as ge, computed as S, ref as L, watch as ke, openBlock as c, createElementBlock as h, normalizeStyle as j, Fragment as V, renderList as $, renderSlot as _e, createCommentVNode as O, useSlots as He, onMounted as $e, onUnmounted as Oe, reactive as q, resolveComponent as B, createElementVNode as I, createVNode as _, toDisplayString as ee, unref as H, createSlots as Ue, withCtx as w, createBlock as M, resolveDynamicComponent as fe, normalizeClass as he, withModifiers as Pe, Transition as Ee } from "vue";
-import { useDialogChild as Ke } from "@feedmepos/ui-library";
-import { y as be } from "./app-C0a15lwm.js";
-import { d as Ne } from "./index-Cy-YW3O0.js";
-/* empty css                                                                             */
-import { useI18n as je } from "@feedmepos/mf-common";
-import { N as Ge, H as ye, b as ze } from "./app-uBuHtW8m.js";
-import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Je = /* @__PURE__ */ ge({
-  __name: "VirtualScroll",
-  props: {
-    itemHeight: {},
-    length: {},
-    scrollTop: {},
-    prerender: {}
-  },
-  emits: ["changed:minHeight"],
-  setup(F, { emit: o }) {
-    const t = F, u = o, s = S(() => {
-      const k = t.itemHeight * t.length;
-      return u("changed:minHeight", k), `${k}px`;
-    }), p = L(0), v = S(
-      () => Array.from({ length: t.prerender }).map((k, b) => b + p.value)
-    );
-    function d() {
-      p.value = Math.floor(t.scrollTop / t.itemHeight) - Math.floor(t.prerender / 2);
-    }
-    const i = L(Ne(d, 10));
-    ke([() => t.scrollTop], () => {
-      i.value();
-    });
-    function g(k) {
-      const b = k.el;
-      b && (b.style.opacity = "0", setTimeout(() => {
-        b.style.opacity = "1";
-      }, 0));
-    }
-    return (k, b) => (c(), h("div", {
-      class: "relative",
-      style: j({ minHeight: s.value })
-    }, [
-      (c(!0), h(V, null, $(v.value, (C) => (c(), h(V, { key: C }, [
-        C >= 0 && C < k.length ? (c(), h("div", {
-          key: 0,
-          class: "absolute w-full left-0 bg-white",
-          style: j({
-            top: `${k.itemHeight * C}px`,
-            height: `${k.itemHeight}px`,
-            transition: "opacity 0.5s ease"
-          }),
-          onVnodeMounted: g
-        }, [
-          _e(k.$slots, "default", {
-            key: C,
-            index: C,
-            getItem: (A) => A[C]
-          })
-        ], 4)) : O("", !0)
-      ], 64))), 128))
-    ], 4));
-  }
-});
-class J {
-  static getDescendantProperty(o, t, u = []) {
-    let s, p, v, d, i, g;
-    if (t) {
-      if (v = t.indexOf("."), v === -1 ? s = t : (s = t.slice(0, v), p = t.slice(v + 1)), d = o[s], d !== null && typeof d < "u")
-        if (!p && (typeof d == "string" || typeof d == "number"))
-          u.push(d);
-        else if (Object.prototype.toString.call(d) === "[object Array]")
-          for (i = 0, g = d.length; i < g; i++)
-            J.getDescendantProperty(d[i], p, u);
-        else p && J.getDescendantProperty(d, p, u);
-    } else
-      u.push(o);
-    return u;
-  }
-}
-class U {
-  constructor(o = [], t = [], u = {}) {
-    Array.isArray(t) || (u = t, t = []), this.haystack = o, this.keys = t, this.options = Object.assign({
-      caseSensitive: !1,
-      sort: !1
-    }, u);
-  }
-  search(o = "") {
-    if (o === "")
-      return this.haystack;
-    const t = [];
-    for (let u = 0; u < this.haystack.length; u++) {
-      const s = this.haystack[u];
-      if (this.keys.length === 0) {
-        const p = U.isMatch(s, o, this.options.caseSensitive);
-        p && t.push({ item: s, score: p });
-      } else
-        for (let p = 0; p < this.keys.length; p++) {
-          const v = J.getDescendantProperty(s, this.keys[p]);
-          let d = !1;
-          for (let i = 0; i < v.length; i++) {
-            const g = U.isMatch(v[i], o, this.options.caseSensitive);
-            if (g) {
-              d = !0, t.push({ item: s, score: g });
-              break;
-            }
-          }
-          if (d)
-            break;
-        }
-    }
-    return this.options.sort && t.sort((u, s) => u.score - s.score), t.map((u) => u.item);
-  }
-  static isMatch(o, t, u) {
-    o = String(o), t = String(t), u || (o = o.toLocaleLowerCase(), t = t.toLocaleLowerCase());
-    const s = U.nearestIndexesFor(o, t);
-    return s ? o === t ? 1 : s.length > 1 ? 2 + (s[s.length - 1] - s[0]) : 2 + s[0] : !1;
-  }
-  static nearestIndexesFor(o, t) {
-    const u = t.split("");
-    let s = [];
-    return U.indexesOfFirstLetter(o, t).forEach((v, d) => {
-      let i = v + 1;
-      s[d] = [v];
-      for (let g = 1; g < u.length; g++) {
-        const k = u[g];
-        if (i = o.indexOf(k, i), i === -1) {
-          s[d] = !1;
-          break;
-        }
-        s[d].push(i), i++;
-      }
-    }), s = s.filter((v) => v !== !1), s.length ? s.sort((v, d) => v.length === 1 ? v[0] - d[0] : (v = v[v.length - 1] - v[0], d = d[d.length - 1] - d[0], v - d))[0] : !1;
-  }
-  static indexesOfFirstLetter(o, t) {
-    const u = t[0];
-    return o.split("").map((s, p) => s !== u ? !1 : p).filter((s) => s !== !1);
-  }
-}
-class Qe {
-  constructor(o, t) {
-    me(this, "searcher");
-    this.candidates = o, t ?? (t = (u) => [String(u)]), this.searcher = new U(
-      o.flatMap(
-        (u, s) => (t == null ? void 0 : t(u).map((p) => ({ key: p, index: s }))) ?? []
-      ),
-      ["key"],
-      { caseSensitive: !1, sort: !0 }
-    );
-  }
-  search(o) {
-    return [...new Set(this.searcher.search(o).map((t) => t.index))].map(
-      (t) => this.candidates[t]
-    );
-  }
-}
-const Xe = { class: "sticky top-0 bg-white z-50" }, Re = {
-  key: 0,
-  class: "h-12 bg-white absolute top-[-12px] left-[-24px] w-lvw z-50",
-  style: { "max-width": "min(100vw - 48px, 560px)" }
-}, Ye = { class: "flex justify-between items-center" }, Ze = { class: "flex gap-16 basis-1/2" }, qe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, el = {
-  key: 1,
-  class: "pt-8 pb-8"
-}, ll = {
-  key: 0,
-  class: "flex items-center gap-8 justify-center py-32"
-}, tl = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, sl = {
-  key: 0,
-  class: "flex gap-4 items-center"
-}, al = {
-  key: 2,
-  class: "p-16 text-fm-color-typo-disabled fm-typo-en-body-lg-400 text-center"
-}, nl = /* @__PURE__ */ ge({
-  __name: "FmMultiselectDialog",
-  props: {
-    modelValue: {},
-    items: {},
-    groups: {},
-    singleSelect: { type: Boolean },
-    placeholder: {},
-    showValidBorder: { type: Boolean },
-    maxHeight: {},
-    width: {},
-    noShadow: { type: Boolean },
-    loading: { type: Boolean },
-    virtualScroll: { type: Boolean },
-    filterAttributes: {},
-    attributeKey: {}
-  },
-  emits: ["update:modelValue", "close"],
-  setup(F, { emit: o }) {
-    var oe, ie, re;
-    const { t } = je(), u = Ke(), s = F, p = He(), v = S(() => {
-      var l;
-      const e = (l = p.appendList) == null ? void 0 : l.call(p);
-      return Array.isArray(e) ? e : e ? [e] : [];
-    }), d = o, i = L(s.modelValue ?? []);
-    $e(() => {
-      var l, n, r, m;
-      u.emitData(i.value);
-      const e = (l = s.modelValue) != null && l.length ? s.items.findIndex((x) => {
-        var T;
-        return be(x.value, (T = s.modelValue) == null ? void 0 : T[0]);
-      }) : 0;
-      (n = W.value) == null || n.scrollTo({ top: e * 64 - 64, behavior: "smooth" }), (m = (r = ne.value) == null ? void 0 : r.inputEl) == null || m.focus();
-    }), Oe(() => {
-      d("close");
-    }), ke([() => i.value], ([e]) => {
-      u.emitData(e), d("update:modelValue", e);
-    });
-    function g(e) {
-      return A.value.has(b(e));
-    }
-    const k = /* @__PURE__ */ new WeakMap();
-    function b(e) {
-      if (e && typeof e == "object") {
-        if ("_id" in e && e._id) return String(e._id);
-        const l = k.get(e);
-        if (l) return l;
-        const n = JSON.stringify(e);
-        return k.set(e, n), n;
-      }
-      return String(e);
-    }
-    const C = S(() => {
-      const e = /* @__PURE__ */ new Map();
-      for (const l of s.items) e.set(b(l.value), l);
-      return e;
-    }), A = S(() => new Set(i.value.map((e) => b(e)))), Q = S(
-      () => new Set(y.value.map((e) => b(e.value)))
-    );
-    function D(e, l) {
-      if (s.singleSelect) {
-        i.value = l ? [e] : [];
-        return;
-      }
-      const n = b(e), r = A.value.has(n);
-      l && r || !l && !r || (l ? i.value = [...i.value, e] : i.value = i.value.filter((m) => b(m) !== n));
-    }
-    const Se = S(
-      () => new Qe(
-        s.items,
-        (e) => [e.label ?? "", e.sublabel ?? "", ...e.searchKeys ?? []].filter((l) => l)
-      )
-    ), P = L(""), G = L(null), y = S(() => {
-      let e = Se.value.search(P.value);
-      if (G.value && s.filterAttributes) {
-        const l = Ge.build(G.value);
-        e = s.attributeKey ? e.filter((n) => ye(n[s.attributeKey] ?? {}, l)) : e.filter((n) => ye(n, l));
-      }
-      return e;
-    }), le = S(() => {
-      const e = [], l = C.value, n = Q.value;
-      for (const r of i.value) {
-        const m = b(r), x = l.get(m);
-        x && !x.disabled && n.has(m) && e.push(r);
-      }
-      return e;
-    }), E = S(() => {
-      const e = y.value.filter((l) => !l.disabled);
-      return le.value.length === e.length;
-    }), te = S(() => le.value.length > 0 && !E.value);
-    function xe() {
-      if (E.value) {
-        const e = Q.value;
-        i.value = i.value.filter((l) => {
-          const n = b(l), r = C.value.get(n);
-          return (r == null ? void 0 : r.disabled) && !e.has(n);
-        });
-      } else {
-        const e = A.value, l = Q.value;
-        i.value = s.items.filter(
-          (n) => !n.disabled && (e.has(b(n.value)) || l.has(b(n.value)))
-        ).map((n) => n.value);
-      }
-    }
-    const we = q(
-      ((oe = s.items) == null ? void 0 : oe.map((e) => ({ value: e.value, disabled: e.disabled ?? !1 }))) ?? []
-    );
-    function Fe(e, l) {
-      return e.reduce(
-        (n, r) => {
-          const m = l(r);
-          return n[m] || (n[m] = []), n[m].push(r), n;
-        },
-        {}
-      );
-    }
-    const Ce = S(() => Fe(we, (e) => {
-      var l;
-      return (l = e.value) == null ? void 0 : l._id;
-    })), Ve = q(
-      ((ie = s.items) == null ? void 0 : ie.map((e) => ({ value: e.value, collapsed: e.collapsed ?? !1 }))) ?? []
-    ), X = q(
-      ((re = s.groups) == null ? void 0 : re.reduce(
-        (e, l) => (e[l.id] = l.collapse ?? !1, e),
-        {}
-      )) ?? {}
-    );
-    function R({ groupId: e, value: l }) {
-      var n;
-      return e && X[e] || ((n = Ve.find((r) => be(r.value, l))) == null ? void 0 : n.collapsed);
-    }
-    function Ae(e) {
-      X[e] = !X[e];
-    }
-    const Y = S(() => {
-      const e = /* @__PURE__ */ new Map();
-      for (const l of s.items)
-        if (l.groupId) {
-          const n = b(l.value), r = e.get(l.groupId) ?? [];
-          r.push(n), e.set(l.groupId, r);
-        }
-      return e;
-    });
-    function Z(e) {
-      const l = Y.value.get(e) || [], n = A.value;
-      return l.length > 0 && l.every((r) => n.has(r));
-    }
-    function se(e) {
-      const l = Y.value.get(e) || [], n = A.value;
-      return l.some((r) => n.has(r)) && !Z(e);
-    }
-    function Te(e) {
-      const l = Y.value.get(e) || [];
-      if (!l.length) return;
-      const n = A.value;
-      if (Z(e))
-        i.value = i.value.filter((r) => !l.includes(b(r)));
-      else if (se(e)) {
-        const r = [];
-        for (const m of s.items)
-          if (m.groupId === e) {
-            const x = b(m.value);
-            n.has(x) || r.push(m.value);
-          }
-        r.length && (i.value = [...i.value, ...r]);
-      } else {
-        const r = s.items.filter((m) => m.groupId === e).map((m) => m.value);
-        i.value = [...i.value, ...r];
-      }
-    }
-    const z = L(0);
-    function ae(e) {
-      var l;
-      z.value = ((l = e.target) == null ? void 0 : l.scrollTop) ?? z;
-    }
-    const Be = S(() => z.value > 100), W = L(), ne = L();
-    return (e, l) => {
-      var de, ce;
-      const n = B("FmIcon"), r = B("FmTextField"), m = B("FmCircularProgress"), x = B("FmCheckbox"), T = B("FmListItem"), Me = B("FmChip"), ue = B("FmButton"), Le = B("FmList");
-      return c(), h("div", {
-        class: "relative max-h-[380px] overflow-y-auto overflow-x-hidden",
-        onScroll: ae,
-        onScrollend: ae,
-        ref_key: "scrollable",
-        ref: W
-      }, [
-        I("div", Xe, [
-          e.noShadow ? O("", !0) : (c(), h("div", Re)),
-          I("div", Ye, [
-            I("div", Ze, [
-              _(n, { name: "autorenew" }),
-              I("span", qe, ee(H(t)("inventory.formField.itemsSelected", { count: ((de = i.value) == null ? void 0 : de.length) ?? 0 })), 1)
-            ]),
-            _(r, {
-              class: "basis-1/2",
-              modelValue: P.value,
-              "onUpdate:modelValue": l[1] || (l[1] = (a) => P.value = a),
-              "prepend-icon": "search",
-              placeholder: e.placeholder,
-              ref_key: "searchTextField",
-              ref: ne
-            }, Ue({ _: 2 }, [
-              P.value.length ? {
-                name: "append",
-                fn: w(() => [
-                  _(n, {
-                    class: "cursor-pointer",
-                    name: "close",
-                    onClick: l[0] || (l[0] = (a) => P.value = "")
-                  })
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["modelValue", "placeholder"])
-          ]),
-          e.filterAttributes && e.filterAttributes.length > 0 ? (c(), h("div", el, [
-            _(H(ze), {
-              modelValue: G.value,
-              "onUpdate:modelValue": l[2] || (l[2] = (a) => G.value = a),
-              attributes: e.filterAttributes
-            }, null, 8, ["modelValue", "attributes"])
-          ])) : O("", !0)
-        ]),
-        I("div", null, [
-          e.loading ? (c(), h("div", ll, [
-            _(m, {
-              size: "md",
-              color: "neutral-gray-400"
-            }),
-            I("div", tl, ee(H(t)("inventory.formField.loading")), 1)
-          ])) : y.value.length ? (c(), M(Le, { key: 1 }, {
-            default: w(() => [
-              e.singleSelect ? O("", !0) : (c(), M(T, {
-                key: 0,
-                "model-value": E.value,
-                indeterminate: te.value,
-                value: "",
-                onClick: l[3] || (l[3] = (a) => xe())
-              }, {
-                prepend: w(() => [
-                  _(x, {
-                    "model-value": E.value,
-                    indeterminate: te.value,
-                    label: E.value ? H(t)("inventory.formField.select.removeAll") : H(t)("inventory.formField.select.selectAll"),
-                    value: ""
-                  }, null, 8, ["model-value", "indeterminate", "label"])
-                ]),
-                _: 1
-              }, 8, ["model-value", "indeterminate"])),
-              e.groups ? (c(!0), h(V, { key: 2 }, $(e.groups, (a) => (c(), h(V, {
-                key: a.id
-              }, [
-                _(T, {
-                  label: a.label,
-                  sublabel: a.sublabel,
-                  style: { "padding-top": "4px", "padding-bottom": "4px", "padding-left": "32px" },
-                  disabled: a.disabled
-                }, {
-                  prepend: w(() => [
-                    _(x, {
-                      "model-value": Z(a.id),
-                      indeterminate: se(a.id),
-                      onClick: () => Te(a.id),
-                      value: a.id,
-                      disabled: a.disabled
-                    }, null, 8, ["model-value", "indeterminate", "onClick", "value", "disabled"])
-                  ]),
-                  append: w(() => [
-                    _(ue, {
-                      "prepend-icon": R({ groupId: a.id }) ? "expand_less" : "expand_more",
-                      size: "md",
-                      variant: "tertiary",
-                      onClick: Pe(() => Ae(a.id), ["stop"])
-                    }, null, 8, ["prepend-icon", "onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["label", "sublabel", "disabled"]),
-                (c(!0), h(V, null, $(y.value.filter((f) => f.groupId === a.id), (f) => (c(), h("div", {
-                  key: f.value,
-                  class: he([
-                    "transition-all overflow-y-clip",
-                    R({ groupId: a.id, value: f.value }) ? "max-h-0 opacity-0" : "max-h-[64px] opacity-100"
-                  ])
-                }, [
-                  _(T, {
-                    label: f.label,
-                    sublabel: f.sublabel,
-                    disabled: f.disabled,
-                    onClick: (K) => D(f.value, !g(f.value)),
-                    style: { "padding-top": "4px", "padding-bottom": "4px", "padding-left": "64px" }
-                  }, {
-                    prepend: w(() => [
-                      _(x, {
-                        "model-value": g(f.value),
-                        "onUpdate:modelValue": (K) => D(f.value, K),
-                        value: f.value,
-                        disabled: f.disabled
-                      }, null, 8, ["model-value", "onUpdate:modelValue", "value", "disabled"])
-                    ]),
-                    _: 2
-                  }, 1032, ["label", "sublabel", "disabled", "onClick"])
-                ], 2))), 128))
-              ], 64))), 128)) : (c(), h(V, { key: 1 }, [
-                e.virtualScroll ? (c(), M(Je, {
-                  key: 0,
-                  length: y.value.length + v.value.length,
-                  "item-height": 64,
-                  scrollTop: z.value,
-                  prerender: 100
-                }, {
-                  default: w(({ getItem: a, index: f }) => {
-                    var K, ve;
-                    return [
-                      f < y.value.length ? (c(), M(T, {
-                        key: 0,
-                        label: a(y.value).label,
-                        sublabel: a(y.value).sublabel,
-                        onClick: (N) => D(
-                          a(y.value).value,
-                          !g(a(y.value).value)
-                        ),
-                        disabled: (ve = Ce.value[(K = a(y.value).value) == null ? void 0 : K._id][0]) == null ? void 0 : ve.disabled,
-                        style: j({
-                          paddingTop: 4,
-                          paddingBottom: 4,
-                          paddingLeft: e.singleSelect === !0 ? 12 : 32
-                        })
-                      }, {
-                        prepend: w(() => [
-                          _(x, {
-                            "model-value": g(a(y.value).value),
-                            "onUpdate:modelValue": (N) => D(a(y.value).value, N),
-                            value: a(y.value).value,
-                            disabled: a(y.value).disabled
-                          }, null, 8, ["model-value", "onUpdate:modelValue", "value", "disabled"])
-                        ]),
-                        append: w(() => {
-                          var N;
-                          return [
-                            (N = a(y.value)) != null && N.tags ? (c(), h("div", sl, [
-                              (c(!0), h(V, null, $(a(y.value).tags, (pe) => (c(), M(Me, {
-                                key: pe.label,
-                                label: pe,
-                                compact: ""
-                              }, null, 8, ["label"]))), 128))
-                            ])) : O("", !0),
-                            _e(e.$slots, "appendListItem", {
-                              item: a(y.value)
-                            }, void 0, !0)
-                          ];
-                        }),
-                        _: 2
-                      }, 1032, ["label", "sublabel", "onClick", "disabled", "style"])) : (c(), M(fe(v.value[f - y.value.length]), { key: 1 }))
-                    ];
-                  }),
-                  _: 3
-                }, 8, ["length", "scrollTop"])) : (c(), h(V, { key: 1 }, [
-                  (c(!0), h(V, null, $(y.value, (a) => (c(), h("div", {
-                    key: a.value,
-                    class: he([
-                      "transition-all overflow-y-clip",
-                      R({ value: a.value }) ? "max-h-0 opacity-0" : "max-h-[64px] opacity-100"
-                    ])
-                  }, [
-                    _(T, {
-                      label: a.label,
-                      sublabel: a.sublabel,
-                      onClick: (f) => D(a.value, !g(a.value)),
-                      disabled: a.disabled,
-                      style: j({
-                        paddingTop: 4,
-                        paddingBottom: 4,
-                        paddingLeft: e.singleSelect === !0 ? 12 : 32
-                      })
-                    }, {
-                      prepend: w(() => [
-                        _(x, {
-                          "model-value": g(a.value),
-                          "onUpdate:modelValue": (f) => D(a.value, f),
-                          value: a.value,
-                          disabled: a.disabled
-                        }, null, 8, ["model-value", "onUpdate:modelValue", "value", "disabled"])
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "sublabel", "onClick", "disabled", "style"])
-                  ], 2))), 128)),
-                  (c(!0), h(V, null, $(v.value, (a, f) => (c(), h("div", { key: f }, [
-                    (c(), M(fe(a)))
-                  ]))), 128))
-                ], 64))
-              ], 64))
-            ]),
-            _: 3
-          })) : (c(), h("div", al, ee(H(t)("inventory.formField.noItemsFound")), 1))
-        ]),
-        I("div", {
-          class: "sticky bottom-24",
-          style: j({ transform: `translateX(${(((ce = W.value) == null ? void 0 : ce.clientWidth) ?? 0) - 80}px)` })
-        }, [
-          _(Ee, { name: "fade" }, {
-            default: w(() => [
-              Be.value ? (c(), M(ue, {
-                key: 0,
-                variant: "fab",
-                class: "bg-white",
-                "text-color": "neutral-gray-400",
-                "prepend-icon": "keyboard_arrow_up",
-                onClick: l[4] || (l[4] = () => {
-                  var a;
-                  return (a = W.value) == null ? void 0 : a.scrollTo({ top: 0, behavior: "smooth" });
-                })
-              })) : O("", !0)
-            ]),
-            _: 1
-          })
-        ], 4)
-      ], 544);
-    };
-  }
-}), fl = /* @__PURE__ */ We(nl, [["__scopeId", "data-v-fbf9b924"]]);
-export {
-  U as F,
-  fl as a,
-  Qe as b
-};