@feedmepos/mf-inventory-portal 1.2.30-dev.1 → 1.2.30

package/dist/FmMultiselectDialog-BasrjBFA.js

@@ -0,0 +1,597 @@
+var Le = Object.defineProperty;
+var Ie = (F, o, t) => o in F ? Le(F, o, { enumerable: !0, configurable: !0, writable: !0, value: t }) : F[o] = t;
+var me = (F, o, t) => Ie(F, typeof o != "symbol" ? o + "" : o, t);
+import { defineComponent as ye, computed as S, ref as L, watch as ge, openBlock as c, createElementBlock as h, normalizeStyle as G, Fragment as V, renderList as $, renderSlot as ke, createCommentVNode as O, useSlots as De, onMounted as He, onUnmounted as $e, reactive as q, resolveComponent as B, createElementVNode as I, createVNode as _, toDisplayString as ee, unref as H, createSlots as Oe, withCtx as w, createBlock as M, resolveDynamicComponent as fe, normalizeClass as he, withModifiers as Ue, Transition as Pe } from "vue";
+import { useDialogChild as Ee } from "@feedmepos/ui-library";
+import { x as be } from "./app-EpEEb8EO.js";
+import { d as Ne } from "./index-CFn_9RMm.js";
+/* empty css                                                                             */
+import { useI18n as je } from "@feedmepos/mf-common";
+import { N as Ge, H as ze, b as Ke } from "./app-rgirz_52.js";
+import { _ as We } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Je = /* @__PURE__ */ ye({
+  __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));
+    ge([() => 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: G({ 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: G({
+            top: `${k.itemHeight * C}px`,
+            height: `${k.itemHeight}px`,
+            transition: "opacity 0.5s ease"
+          }),
+          onVnodeMounted: g
+        }, [
+          ke(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__ */ ye({
+  __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: {}
+  },
+  emits: ["update:modelValue", "close"],
+  setup(F, { emit: o }) {
+    var oe, ie, re;
+    const { t } = je(), u = Ee(), s = F, p = De(), 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 ?? []);
+    He(() => {
+      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();
+    }), $e(() => {
+      d("close");
+    }), ge([() => 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 _e = S(
+      () => new Qe(
+        s.items,
+        (e) => [e.label ?? "", e.sublabel ?? "", ...e.searchKeys ?? []].filter((l) => l)
+      )
+    ), P = L(""), z = L(null), y = S(() => {
+      let e = _e.value.search(P.value);
+      if (z.value && s.filterAttributes) {
+        const l = Ge.build(z.value);
+        e = e.filter((n) => ze(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 Se() {
+      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 xe = q(
+      ((oe = s.items) == null ? void 0 : oe.map((e) => ({ value: e.value, disabled: e.disabled ?? !1 }))) ?? []
+    );
+    function we(e, l) {
+      return e.reduce(
+        (n, r) => {
+          const m = l(r);
+          return n[m] || (n[m] = []), n[m].push(r), n;
+        },
+        {}
+      );
+    }
+    const Fe = S(() => we(xe, (e) => {
+      var l;
+      return (l = e.value) == null ? void 0 : l._id;
+    })), Ce = 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 = Ce.find((r) => be(r.value, l))) == null ? void 0 : n.collapsed);
+    }
+    function Ve(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 Ae(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 K = L(0);
+    function ae(e) {
+      var l;
+      K.value = ((l = e.target) == null ? void 0 : l.scrollTop) ?? K;
+    }
+    const Te = S(() => K.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"), Be = B("FmChip"), ue = B("FmButton"), Me = 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
+            }, Oe({ _: 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(Ke), {
+              modelValue: z.value,
+              "onUpdate:modelValue": l[2] || (l[2] = (a) => z.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(Me, { 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) => Se())
+              }, {
+                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: () => Ae(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: Ue(() => Ve(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: (N) => 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": (N) => D(f.value, N),
+                        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: K.value,
+                  prerender: 100
+                }, {
+                  default: w(({ getItem: a, index: f }) => {
+                    var N, ve;
+                    return [
+                      f < y.value.length ? (c(), M(T, {
+                        key: 0,
+                        label: a(y.value).label,
+                        sublabel: a(y.value).sublabel,
+                        onClick: (j) => D(
+                          a(y.value).value,
+                          !g(a(y.value).value)
+                        ),
+                        disabled: (ve = Fe.value[(N = a(y.value).value) == null ? void 0 : N._id][0]) == null ? void 0 : ve.disabled,
+                        style: G({
+                          paddingTop: 4,
+                          paddingBottom: 4,
+                          paddingLeft: e.singleSelect === !0 ? 12 : 32
+                        })
+                      }, {
+                        prepend: w(() => [
+                          _(x, {
+                            "model-value": g(a(y.value).value),
+                            "onUpdate:modelValue": (j) => D(a(y.value).value, j),
+                            value: a(y.value).value,
+                            disabled: a(y.value).disabled
+                          }, null, 8, ["model-value", "onUpdate:modelValue", "value", "disabled"])
+                        ]),
+                        append: w(() => {
+                          var j;
+                          return [
+                            (j = a(y.value)) != null && j.tags ? (c(), h("div", sl, [
+                              (c(!0), h(V, null, $(a(y.value).tags, (pe) => (c(), M(Be, {
+                                key: pe.label,
+                                label: pe,
+                                compact: ""
+                              }, null, 8, ["label"]))), 128))
+                            ])) : O("", !0),
+                            ke(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: G({
+                        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: G({ transform: `translateX(${(((ce = W.value) == null ? void 0 : ce.clientWidth) ?? 0) - 80}px)` })
+        }, [
+          _(Pe, { name: "fade" }, {
+            default: w(() => [
+              Te.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-6f532501"]]);
+export {
+  U as F,
+  fl as a,
+  Qe as b
+};