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

package/dist/FmMultiselectDialog-NSDOnWEh.js

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

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-BN9OeQF3.js → FmUnitInput.vue_vue_type_script_setup_true_lang-DWwF_0sR.js}

@@ -1,7 +1,7 @@
 import { defineComponent as ie, mergeModels as W, useModel as le, computed as v, ref as B, watch as E, onBeforeUnmount as ae, inject as ue, resolveComponent as b, openBlock as d, createElementBlock as y, createElementVNode as u, createVNode as h, withCtx as F, renderSlot as G, normalizeClass as j, toDisplayString as _, withDirectives as re, vModelText as me, createCommentVNode as I, createTextVNode as ce, createBlock as U, Fragment as de, renderList as pe } from "vue";
-import { l as fe } from "./lodash-DNLSknxF.js";
-import { s as D } from "./app-C0a15lwm.js";
-import { I as R, g as O, d as ve, a as M, c as be, t as ye, f as he, p as Me, b as ge, u as xe } from "./rules-DQNuaKK6.js";
+import { l as fe } from "./lodash-CBzRp2rs.js";
+import { s as D } from "./app-DavdITF-.js";
+import { I as R, g as O, d as ve, a as M, c as be, t as ye, f as he, p as Me, b as ge, u as xe } from "./rules-nrlXpIxl.js";
 import "@feedmepos/ui-library";
 function H() {
   return {

package/dist/{ImportView-CRdvYxW3.js → ImportView-COQQTu8N.js}

@@ -2,14 +2,14 @@ import { defineComponent as De, ref as F, computed as J, watch as ze, resolveCom
 import { u as Ve, _ as ke } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CWZkVCAj.js";
 import { useCoreStore as Re, useI18n as je } from "@feedmepos/mf-common";
 import { useDialogChild as We, useSnackbar as Oe, useDialog as Le, useBreakpoints as Je } from "@feedmepos/ui-library";
-import { u as Xe } from "./feature-D2GGGVQh.js";
-import { a as ie } from "./app-C0a15lwm.js";
-import "./dayjs.min-CvewwBuM.js";
-import "./app-uBuHtW8m.js";
-import { s as He, a as qe, d as Qe, t as Ce, r as Ye } from "./xlsx.util-DMCjqrHn.js";
-import { s as Ze, g as et, b as tt, d as Fe } from "./import-export.helper-ejk_vT2V.js";
+import { u as Xe } from "./feature-Cw8ehb86.js";
+import { a as ie } from "./app-DavdITF-.js";
+import "./dayjs.min-BlY4XBqj.js";
+import "./app-DiX-EfV6.js";
+import { s as He, a as qe, d as Qe, t as Ce, r as Ye } from "./xlsx.util-BCW4ouE2.js";
+import { s as Ze, g as et, b as tt, d as Fe } from "./import-export.helper-BquBG7Ja.js";
 import { r as nt } from "./random-CSbEbElR.js";
-import { d as Ae, a as pe } from "./rules-DQNuaKK6.js";
+import { d as Ae, a as pe } from "./rules-nrlXpIxl.js";
 import { F as ot } from "./FmDroppableField-J0xUsOTV.js";
 function Ee() {
   return `measurement_${(/* @__PURE__ */ new Date()).toISOString()}_${nt()}`;

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-D6J1wcU6.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-BeXoFMVr.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, unref as l, Fragment as d, renderList as x } from "vue";
-import { a, f as y } from "./rules-DQNuaKK6.js";
+import { a, f as y } from "./rules-nrlXpIxl.js";
 import { useI18n as _ } from "@feedmepos/mf-common";
 const v = { class: "flex flex-col" }, g = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, h = { class: "flex-1 py-8 px-16" }, b = {
   class: "flex-0 py-8 px-16",