@feedmepos/mf-inventory-portal 0.0.23-dev.1 → 0.0.23-dev.10

package/dist/{ClosingTemplateView-9s7vmwaT.js → ClosingTemplateView-DkpHmTtx.js}

@@ -1,20 +1,21 @@
-import { ref as M, h as F, defineComponent as j, resolveComponent as R, openBlock as k, createElementBlock as I, createElementVNode as _, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as v, createCommentVNode as G, createVNode as T, withCtx as P, Fragment as H, renderList as J, computed as E, watch as Re, createSlots as Pe, createBlock as V, isRef as Oe, normalizeStyle as Ye, Teleport as Ke, normalizeProps as Ge, guardReactiveProps as Je, mergeProps as We } from "vue";
-import { u as qe, _ as Qe, a as Xe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-5DINn0ZB.js";
+import { ref as M, h as F, defineComponent as O, resolveComponent as R, openBlock as k, createElementBlock as I, createElementVNode as _, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as v, createCommentVNode as G, createVNode as T, withCtx as P, Fragment as H, renderList as J, computed as E, watch as Re, createSlots as Pe, createBlock as V, isRef as je, normalizeStyle as Ye, Teleport as Ke, normalizeProps as Ge, guardReactiveProps as Je, mergeProps as We } from "vue";
+import { u as qe, _ as Qe, a as Xe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CBC214tP.js";
 import { useCoreStore as le, useI18n as B } from "@feedmepos/mf-common";
 import { useDialogChild as Ze, useSnackbar as Z, useDialog as ae, FmButtonVariant as Se, components as L, useProxiedModel as et, useBreakpoints as tt } from "@feedmepos/ui-library";
 import { defineStore as Ae, storeToRefs as Ee } from "pinia";
-import { D as Me, R as N, F as z } from "./row-action.enum-PMKMRrZR.js";
-import { j as nt, u as re, c as Ue, a as ie, i as ot } from "./app-GUbzqEtW.js";
-import { a as oe, b as Ve, d as Ne, s as Be, r as st } from "./xlsx.util-BLftcF4q.js";
+import { F as z } from "./form-mode.enum-BKiNVH6A.js";
+import { k as nt, u as re, c as Ue, a as ie, i as ot } from "./app-BaOENyRY.js";
+import { a as oe, b as Ve, d as Ne, s as Be, r as st } from "./xlsx.util-BqsQd9YP.js";
 import { F as lt } from "./FmDroppableField-8RzKjEdL.js";
-import { f as at, d as ne } from "./date2-CLE9fB2R.js";
-import { c as rt, F as O, _ as Le } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
-import { f as it } from "./format-time-from-id-CcFsBXmk.js";
-import { u as ct } from "./netsuite-DAKRv7zr.js";
-import { R as mt, A as ut } from "./rules-DlnN8IP3.js";
-import { F as dt } from "./FmMultiselectDialog-7hok9sJP.js";
-import { d as pt } from "./defineDeepModel-l40rX7kr.js";
-import { u as ft } from "./use-template-enabled-locations-2-z-b-UXef.js";
+import { f as at, d as ne } from "./date2-CfGU3sHq.js";
+import { D as Me, R as N } from "./row-action.enum-7rGLGZ5v.js";
+import { c as rt, F as j, _ as Le } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DlNJ6kRg.js";
+import { f as it } from "./format-time-from-id-96hwVl9P.js";
+import { u as ct } from "./netsuite-D3VPLW8O.js";
+import { R as mt, A as ut } from "./rules-DxLLla7a.js";
+import { F as dt } from "./FmMultiselectDialog-CK6xwOeG.js";
+import { d as pt } from "./defineDeepModel-Cy-_HBnw.js";
+import { u as ft } from "./use-template-enabled-locations-2-Bof9JMYI.js";
 import { _ as vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ee = nt((r, s) => {
   function o() {
@@ -537,7 +538,7 @@ function kt(r) {
 const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-col" }, Ct = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary flex items-center gap-4" }, It = {
   key: 0,
   class: "text-fm-color-typo-secondary fm-typo-en-body-sm-400"
-}, St = { key: 0 }, De = /* @__PURE__ */ j({
+}, St = { key: 0 }, De = /* @__PURE__ */ O({
   __name: "ClosingTemplateImportItem",
   props: {
     type: {},
@@ -606,7 +607,7 @@ const Tt = { class: "flex items-center gap-12 pl-8" }, $t = { class: "flex flex-
 }, Vt = { class: "text-fm-color-system-error-300 fm-typo-en-body-sm-400" }, Nt = {
   key: 0,
   class: "max-h-[200px] overflow-y-auto flex flex-col gap-8"
-}, Bt = { class: "fm-typo-en-body-lg-600" }, Lt = /* @__PURE__ */ j({
+}, Bt = { class: "fm-typo-en-body-lg-600" }, Lt = /* @__PURE__ */ O({
   __name: "ClosingTemplateImport",
   setup(r) {
     const s = M(null), o = Ze(), l = Z(), e = M(!1), t = M(!1), y = M(new Array()), p = M([]), f = M([]), i = E(
@@ -1149,7 +1150,7 @@ function zt(r) {
     })
   };
 }
-const Ht = { class: "flex flex-col gap-16 py-12" }, jt = { class: "flex" }, Ot = { class: "flex-1 flex flex-col" }, Yt = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Kt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Gt = { class: "flex flex-col gap-4" }, Jt = /* @__PURE__ */ j({
+const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt = { class: "flex-1 flex flex-col" }, Yt = { class: "fm-typo-en-title-sm-600 text-fm-color-typo-primary" }, Kt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Gt = { class: "flex flex-col gap-4" }, Jt = /* @__PURE__ */ O({
   __name: "ClosingTemplateItem",
   props: {
     cellByColId: {},
@@ -1162,13 +1163,13 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, jt = { class: "flex" }, Ot =
     return (e, t) => {
       var y, p, f, i, d;
       return k(), I("div", Ht, [
-        _("div", jt, [
-          _("div", Ot, [
+        _("div", Ot, [
+          _("div", jt, [
             _("div", Yt, C(o.value.original.sku.name), 1),
             _("div", Kt, C(o.value.original.sku.code), 1)
           ]),
           _("div", null, [
-            T(v(O), {
+            T(v(j), {
               render: (f = (p = (y = e.cellByColId[v(K).Delete]) == null ? void 0 : y.column) == null ? void 0 : p.columnDef) == null ? void 0 : f.cell,
               props: (d = (i = e.cellByColId[v(K).Delete]) == null ? void 0 : i.getContext) == null ? void 0 : d.call(i)
             }, null, 8, ["render", "props"])
@@ -1181,7 +1182,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, jt = { class: "flex" }, Ot =
             return k(), I("div", {
               key: m.id
             }, [
-              T(v(O), {
+              T(v(j), {
                 render: (h = (g = m.column) == null ? void 0 : g.columnDef) == null ? void 0 : h.cell,
                 props: (u = m.getContext) == null ? void 0 : u.call(m)
               }, null, 8, ["render", "props"])
@@ -1191,7 +1192,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, jt = { class: "flex" }, Ot =
       ]);
     };
   }
-}), Wt = { class: "flex flex-col gap-16" }, qt = { class: "flex flex-col gap-24" }, Qt = { class: "flex flex-col gap-16" }, Xt = { class: "flex items-center" }, Zt = { class: "flex-1 fm-typo-en-title-sm-600" }, en = { class: "flex flex-col gap-16" }, tn = { class: "flex items-center" }, nn = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, on = /* @__PURE__ */ j({
+}), Wt = { class: "flex flex-col gap-16" }, qt = { class: "flex flex-col gap-24" }, Qt = { class: "flex flex-col gap-16" }, Xt = { class: "flex items-center" }, Zt = { class: "flex-1 fm-typo-en-title-sm-600" }, en = { class: "flex flex-col gap-16" }, tn = { class: "flex items-center" }, nn = { class: "flex-1 gap-8 fm-typo-en-title-sm-600" }, on = /* @__PURE__ */ O({
   __name: "ClosingTemplateForm",
   props: {
     modelValue: {},
@@ -1385,7 +1386,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, jt = { class: "flex" }, Ot =
       }, 8, ["disabled"]);
     };
   }
-}), sn = { class: "flex items-center" }, ln = { class: "fm-typo-en-title-md-600" }, an = { class: "flex gap-4" }, rn = /* @__PURE__ */ j({
+}), sn = { class: "flex items-center" }, ln = { class: "fm-typo-en-title-md-600" }, an = { class: "flex gap-4" }, rn = /* @__PURE__ */ O({
   __name: "ClosingTemplateDialog",
   props: {
     mode: {},
@@ -1497,7 +1498,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, jt = { class: "flex" }, Ot =
       const A = R("FmButton"), D = R("FmSideSheet");
       return k(), V(D, {
         modelValue: v(f),
-        "onUpdate:modelValue": w[2] || (w[2] = (S) => Oe(f) ? f.value = S : null),
+        "onUpdate:modelValue": w[2] || (w[2] = (S) => je(f) ? f.value = S : null),
         "dismiss-away": "",
         "close-button": "",
         "max-width": 800
@@ -1551,7 +1552,7 @@ const un = /* @__PURE__ */ vt(cn, [["render", mn]]), dn = { class: "flex flex-co
 }, yn = {
   key: 3,
   class: "fm-typo-en-body-lg-400 text-fm-color-typo-primary flex flex-col gap-12"
-}, hn = { class: "fm-typo-en-body-md-600" }, bn = { class: "fm-typo-en-body-md-600" }, _n = { key: 4 }, xn = { class: "fm-typo-en-body-md-600" }, wn = { class: "fm-typo-en-body-md-600" }, kn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Tn = /* @__PURE__ */ j({
+}, hn = { class: "fm-typo-en-body-md-600" }, bn = { class: "fm-typo-en-body-md-600" }, _n = { key: 4 }, xn = { class: "fm-typo-en-body-md-600" }, wn = { class: "fm-typo-en-body-md-600" }, kn = { class: "flex sm:flex-col xs:flex-col justify-end gap-8 w-full mb-16" }, Tn = /* @__PURE__ */ O({
   __name: "ClosingTemplatePublish",
   emits: ["close"],
   setup(r, { emit: s }) {
@@ -1643,7 +1644,7 @@ const un = /* @__PURE__ */ vt(cn, [["render", mn]]), dn = { class: "flex flex-co
       ]);
     };
   }
-}), $n = { class: "flex-1 flex flex-col gap-8" }, Cn = { class: "flex flex-col" }, In = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Mn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Dn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, Wn = /* @__PURE__ */ j({
+}), $n = { class: "flex-1 flex flex-col gap-8" }, Cn = { class: "flex flex-col" }, In = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Sn = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Mn = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary line-clamp-2" }, Dn = { class: "fm-typo-en-body-lg-400 line-clamp-2" }, qn = /* @__PURE__ */ O({
   __name: "ClosingTemplateView",
   setup(r) {
     const { t: s } = B(), { createTemplate: o, updateTemplate: l, exportTemplates: e, importTemplates: t } = se(), { templateDialogProps: y, templateDetailsProps: p } = Ee(se()), f = re(), i = ae(), d = te(), m = qe(), { breakpoints: g } = tt();
@@ -1775,13 +1776,13 @@ const un = /* @__PURE__ */ vt(cn, [["render", mn]]), dn = { class: "flex flex-co
                         _("div", $n, [
                           _("div", Cn, [
                             _("div", In, [
-                              T(v(O), {
+                              T(v(j), {
                                 render: (de = (ue = (me = U._id) == null ? void 0 : me.column) == null ? void 0 : ue.columnDef) == null ? void 0 : de.cell,
                                 props: (pe = (W = U._id) == null ? void 0 : W.getContext) == null ? void 0 : pe.call(W)
                               }, null, 8, ["render", "props"])
                             ]),
                             _("div", Sn, [
-                              T(v(O), {
+                              T(v(j), {
                                 render: (ge = (ve = (fe = U.name) == null ? void 0 : fe.column) == null ? void 0 : ve.columnDef) == null ? void 0 : ge.cell,
                                 props: (ye = (q = U.name) == null ? void 0 : q.getContext) == null ? void 0 : ye.call(q)
                               }, null, 8, ["render", "props"])
@@ -1790,18 +1791,18 @@ const un = /* @__PURE__ */ vt(cn, [["render", mn]]), dn = { class: "flex flex-co
                               count: ((be = S.original.locations) == null ? void 0 : be.length) ?? 0
                             }) : v(s)("inventory.closing.table.enabledForAll")), 1),
                             _("div", Mn, C([
-                              ...S.original.items.slice(0, 3).map((je) => je.sku.name),
+                              ...S.original.items.slice(0, 3).map((Oe) => Oe.sku.name),
                               ...S.original.items.length >= 3 ? [`and ${S.original.items.length - 3} more items`] : []
                             ].join(", ")), 1),
                             _("div", Dn, [
-                              T(v(O), {
+                              T(v(j), {
                                 render: (we = (xe = (_e = U.ref) == null ? void 0 : _e.column) == null ? void 0 : xe.columnDef) == null ? void 0 : we.cell,
                                 props: (ke = (Q = U.ref) == null ? void 0 : Q.getContext) == null ? void 0 : ke.call(Q)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           _("div", null, [
-                            T(v(O), {
+                            T(v(j), {
                               render: (Ce = ($e = (Te = U.status) == null ? void 0 : Te.column) == null ? void 0 : $e.columnDef) == null ? void 0 : Ce.cell,
                               props: (Ie = (X = U.status) == null ? void 0 : X.getContext) == null ? void 0 : Ie.call(X)
                             }, null, 8, ["render", "props"])
@@ -1829,5 +1830,5 @@ const un = /* @__PURE__ */ vt(cn, [["render", mn]]), dn = { class: "flex flex-co
   }
 });
 export {
-  Wn as default
+  qn as default
 };

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DjBiov5r.js

@@ -0,0 +1,283 @@
+import { w as V, u as E, I, B as H, D as M } from "./app-BaOENyRY.js";
+import { a as k, t as R } from "./rules-DxLLla7a.js";
+import { u as j } from "./supplier-gGovyyjr.js";
+import { P as S } from "./format-unit-display-Cp0DBbM8.js";
+import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as U, openBlock as T, createElementBlock as A, normalizeStyle as K, createElementVNode as D, createVNode as Q, withCtx as X, createBlock as w, createCommentVNode as N, Fragment as Y, renderList as Z, unref as x } from "vue";
+function z(l, r, e) {
+  var s;
+  if (!!r.measurement === !!e && ((s = r.measurement) == null ? void 0 : s.id) === e)
+    return r;
+  if (!e)
+    return {
+      costPerUnit: r.costPerUnit
+    };
+  const o = l.measurements.find((i) => i.id === e);
+  return o ? {
+    costPerUnit: r.costPerUnit,
+    measurement: o
+  } : {
+    costPerUnit: r.costPerUnit
+  };
+}
+function re(l, r, e, n) {
+  var b, g, u;
+  if (n != null && n.manualTotalCost)
+    return n == null ? void 0 : n.manualTotalCost;
+  const t = (u = (g = (b = n == null ? void 0 : n.supplier) == null ? void 0 : b.supplyItems) == null ? void 0 : g.find(
+    (a) => a.skuId === l._id
+  )) == null ? void 0 : u.defaultCost, o = l.defaultCost ? z(l.unit, l.defaultCost, l.trackingMeasurement) : void 0, s = t ?? o, i = s == null ? void 0 : s.costPerUnit, c = i ? s != null && s.measurement ? +k(i) / +k(s == null ? void 0 : s.measurement.conversion) : +k(i) : void 0, p = c ? e ? c * +k(e.conversion) : c : void 0, f = p ? +k(r) * p : void 0;
+  return f ? {
+    ...R(f ?? 0, 2),
+    currency: V()
+  } : {
+    amount: 0,
+    precision: 0,
+    currency: V()
+  };
+}
+function F(l) {
+  return H.parse(l);
+}
+function C(l) {
+  return {
+    _id: l.doc._id,
+    internal: l.type,
+    contactName: l.doc.profile.name,
+    name: l.doc.profile.name ?? "",
+    email: l.doc.profile.email,
+    phoneNumber: l.doc.profile.phoneNo,
+    registrationNumber: l.doc.profile.regNo,
+    address: l.doc.profile.address ?? {
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    }
+  };
+}
+function ie(l, r, e = !1, n = !1) {
+  const t = j(), o = E();
+  o.watchLocation(async () => {
+    var v;
+    await t.readSuppliers();
+    const u = l();
+    if ((v = u.supplier) != null && v._id) return;
+    const a = n ? t.suppliers[0] : t.businessSuppliers[0], d = (e ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations)[0];
+    r({
+      ...u,
+      supplier: a ? F(a) : d ? C(d) : u.supplier
+    });
+  });
+  const s = y(
+    () => {
+      var u, a;
+      return typeof ((a = (u = l()) == null ? void 0 : u.supplier) == null ? void 0 : a.internal) == "string" ? S.TRANSFER : S.PURCHASE;
+    }
+  ), i = y({
+    get() {
+      var u, a;
+      return (a = (u = l()) == null ? void 0 : u.supplier) == null ? void 0 : a._id;
+    },
+    set(u) {
+      const a = l() ?? {};
+      if (s.value === S.PURCHASE) {
+        const _ = (n ? t.suppliers : t.businessSuppliers).find((B) => B._id === u);
+        r({
+          ...a,
+          supplier: _ ? F(_) : a.supplier
+        });
+        return;
+      }
+      const v = (e ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === u);
+      r({
+        ...a,
+        supplier: v ? C(v) : a.supplier
+      });
+    }
+  }), c = y(() => t.locationSuppliers.map(F)), p = y(() => t.businessSuppliers.map(F)), f = y(() => {
+    const u = [...c.value], a = [...p.value];
+    return n ? [...a, ...u] : a;
+  }), L = y(() => {
+    var h;
+    const u = ((h = o._currentLocation) == null ? void 0 : h.type) === I.warehouse;
+    return (e ? o.locations.filter((d) => d.doc._id !== o.currentLocation.doc._id) : o.locations).filter((d) => u || d.acceptRequest).map(C);
+  }), b = y(() => {
+    if (s.value === S.PURCHASE) {
+      const a = c.value.map((d) => ({
+        label: d.name,
+        value: d._id
+      })), h = p.value.map((d) => ({
+        label: d.name,
+        sublabel: "Business supplier",
+        value: d._id
+      }));
+      return n ? [...a, ...h] : h;
+    }
+    return L.value.map((a) => ({
+      label: a.name,
+      sublabel: a.internal ? `${a.internal}` : void 0,
+      value: a._id
+    }));
+  }), g = y(() => {
+    var d, v;
+    const u = (v = (d = l()) == null ? void 0 : d.supplier) == null ? void 0 : v._id;
+    if (s.value === S.PURCHASE) {
+      const m = t.suppliers.find((_) => _._id === u);
+      return m ? F(m) : null;
+    }
+    const h = o.locations.find((m) => m.doc._id);
+    return h ? C(h) : null;
+  });
+  return {
+    transferLocationModel: i,
+    transferLocationOptions: b,
+    locationOptionsTypePurchase: f,
+    locationOptionsTypePurchaseLocationLevel: c,
+    locationOptionsTypeTransfer: L,
+    selectedLocation: g
+  };
+}
+class O {
+  static getDescendantProperty(r, e, n = []) {
+    let t, o, s, i, c, p;
+    if (e) {
+      if (s = e.indexOf("."), s === -1 ? t = e : (t = e.slice(0, s), o = e.slice(s + 1)), i = r[t], i !== null && typeof i < "u")
+        if (!o && (typeof i == "string" || typeof i == "number"))
+          n.push(i);
+        else if (Object.prototype.toString.call(i) === "[object Array]")
+          for (c = 0, p = i.length; c < p; c++)
+            O.getDescendantProperty(i[c], o, n);
+        else o && O.getDescendantProperty(i, o, n);
+    } else
+      n.push(r);
+    return n;
+  }
+}
+class P {
+  constructor(r = [], e = [], n = {}) {
+    Array.isArray(e) || (n = e, e = []), this.haystack = r, this.keys = e, this.options = Object.assign({
+      caseSensitive: !1,
+      sort: !1
+    }, n);
+  }
+  search(r = "") {
+    if (r === "")
+      return this.haystack;
+    const e = [];
+    for (let n = 0; n < this.haystack.length; n++) {
+      const t = this.haystack[n];
+      if (this.keys.length === 0) {
+        const o = P.isMatch(t, r, this.options.caseSensitive);
+        o && e.push({ item: t, score: o });
+      } else
+        for (let o = 0; o < this.keys.length; o++) {
+          const s = O.getDescendantProperty(t, this.keys[o]);
+          let i = !1;
+          for (let c = 0; c < s.length; c++) {
+            const p = P.isMatch(s[c], r, this.options.caseSensitive);
+            if (p) {
+              i = !0, e.push({ item: t, score: p });
+              break;
+            }
+          }
+          if (i)
+            break;
+        }
+    }
+    return this.options.sort && e.sort((n, t) => n.score - t.score), e.map((n) => n.item);
+  }
+  static isMatch(r, e, n) {
+    r = String(r), e = String(e), n || (r = r.toLocaleLowerCase(), e = e.toLocaleLowerCase());
+    const t = P.nearestIndexesFor(r, e);
+    return t ? r === e ? 1 : t.length > 1 ? 2 + (t[t.length - 1] - t[0]) : 2 + t[0] : !1;
+  }
+  static nearestIndexesFor(r, e) {
+    const n = e.split("");
+    let t = [];
+    return P.indexesOfFirstLetter(r, e).forEach((s, i) => {
+      let c = s + 1;
+      t[i] = [s];
+      for (let p = 1; p < n.length; p++) {
+        const f = n[p];
+        if (c = r.indexOf(f, c), c === -1) {
+          t[i] = !1;
+          break;
+        }
+        t[i].push(c), c++;
+      }
+    }), t = t.filter((s) => s !== !1), t.length ? t.sort((s, i) => s.length === 1 ? s[0] - i[0] : (s = s[s.length - 1] - s[0], i = i[i.length - 1] - i[0], s - i))[0] : !1;
+  }
+  static indexesOfFirstLetter(r, e) {
+    const n = e[0];
+    return r.split("").map((t, o) => t !== n ? !1 : o).filter((t) => t !== !1);
+  }
+}
+const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto pb-8" }, le = /* @__PURE__ */ $({
+  __name: "FmFilterableMenuOptions",
+  props: /* @__PURE__ */ W({
+    modelValue: {},
+    maxHeight: {},
+    width: {},
+    handleItemChange: { type: Function },
+    items: {},
+    options: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: ["update:search"],
+  setup(l) {
+    const r = l, e = J(l, "search"), n = y(
+      () => new P(r.items, ["label", "sublabel"], r.options)
+    ), t = y(() => n.value.search(e.value));
+    return (o, s) => {
+      const i = U("FmButton"), c = U("FmTextField"), p = U("FmMenuItem");
+      return T(), A("div", {
+        class: "relative",
+        style: K({ maxHeight: `${o.maxHeight}px`, width: o.width })
+      }, [
+        D("div", G, [
+          Q(c, {
+            modelValue: e.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (f) => e.value = f),
+            placeholder: "Filter options"
+          }, {
+            append: X(() => [
+              e.value ? (T(), w(i, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "close",
+                onClick: s[0] || (s[0] = (f) => e.value = "")
+              })) : N("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        D("div", q, [
+          (T(!0), A(Y, null, Z(t.value, (f, L) => (T(), w(p, {
+            key: L,
+            label: f.label,
+            sublabel: f.sublabel,
+            "model-value": x(M)(o.modelValue, f.value),
+            onClick: () => o.handleItemChange(x(M)(o.modelValue, f.value), f),
+            onVnodeMounted: (b) => {
+              var g;
+              return x(M)(o.modelValue, f.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
+            }
+          }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
+          t.value.length ? N("", !0) : (T(), w(p, {
+            key: 0,
+            disabled: "",
+            label: "No options available"
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  le as _,
+  re as c,
+  ie as u
+};

package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-5DINn0ZB.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-CBC214tP.js}

@@ -1,8 +1,8 @@
 import { reactive as W, onUnmounted as q, defineComponent as T, ref as H, computed as _, resolveComponent as k, openBlock as o, createElementBlock as w, Fragment as V, createElementVNode as f, normalizeClass as D, unref as g, toDisplayString as R, createCommentVNode as b, createBlock as d, withCtx as I, createVNode as M, renderList as S, renderSlot as G, Teleport as z, watch as J, mergeModels as K, useModel as P } from "vue";
 import { useBreakpoints as Y } from "@feedmepos/ui-library";
-import { u as j } from "./app-GUbzqEtW.js";
+import { u as j } from "./app-BaOENyRY.js";
 import { useCoreStore as X, useI18n as Q } from "@feedmepos/mf-common";
-import { c as O } from "./date2-CLE9fB2R.js";
+import { c as O } from "./date2-CfGU3sHq.js";
 const N = W({});
 function E() {
   const v = `${Math.random()}`, l = new ResizeObserver((s) => {