@feedmepos/mf-inventory-portal 1.3.16-dev.2 → 1.3.16

package/dist/{App-BckRpjrE.js → App-JcVy7z89.js}

@@ -1,11 +1,11 @@
 import { ref as k, onUnmounted as H, computed as y, defineComponent as N, watch as P, onMounted as $, resolveComponent as h, openBlock as m, createElementBlock as g, unref as x, createVNode as _, createElementVNode as n, toDisplayString as b, createBlock as C, createCommentVNode as U, withCtx as R, withDirectives as O, vModelText as j, Fragment as q, renderList as z, createTextVNode as A } from "vue";
 import { _ as K } from "./empty-placeholder-B0QU467o.js";
-import { u as Q, a as J, R as w, b as W } from "./app-CaGW5ogt.js";
+import { u as Q, a as J, R as w, b as W } from "./app-DAjgWaIt.js";
 import { useCoreStore as T, useI18n as X } from "@feedmepos/mf-common";
 import { useRouter as V, useRoute as Y } from "vue-router";
-import { u as Z, a as ee, I as te } from "./feature-Dqme8-Xr.js";
-import { u as ne } from "./netsuite-NcBlI9QO.js";
-import { u as D } from "./useNavigationMenu-C7F5h-H5.js";
+import { u as Z, a as ee, I as te } from "./feature-DDNuIU5x.js";
+import { u as ne } from "./netsuite-Fuewxz8C.js";
+import { u as D } from "./useNavigationMenu-DAk6M_hW.js";
 import { u as oe } from "./useTabStorage-BkIVScW_.js";
 import { F as se } from "./FmAdminBadge-DjnBAgyv.js";
 import { u as re } from "./googlemap-BGi_aKUA.js";

package/dist/{ApprovalView-C5rVI_O7.js → ApprovalView-TTCe-eqc.js}

@@ -1,16 +1,16 @@
 import { defineComponent as ce, ref as y, watch as de, computed as c, resolveComponent as fe, openBlock as x, createBlock as Z, unref as a, withCtx as T, createElementVNode as p, normalizeClass as ve, createVNode as u, normalizeStyle as he, toDisplayString as _e, createElementBlock as De, createCommentVNode as ge, Teleport as ye, mergeProps as be, isRef as Re } from "vue";
-import { u as Oe, V as b } from "./app-CaGW5ogt.js";
-import { a as Se, _ as Pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-q8fQfbEV.js";
-import { a as xe, P as w, b as Te, _ as we, c as ke } from "./TransferDetails.vue_vue_type_script_setup_true_lang-BC0PNCtM.js";
-import { b as I } from "./date2-fQDP1Rtk.js";
+import { u as Oe, V as b } from "./app-DAjgWaIt.js";
+import { a as Se, _ as Pe } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C2VqHIzn.js";
+import { a as xe, P as w, b as Te, _ as we, c as ke } from "./TransferDetails.vue_vue_type_script_setup_true_lang-CIs8k2X-.js";
+import { b as I } from "./date2-Dc-LkH4Q.js";
 import { u as qe, _ as Ve } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
 import { _ as Ce, F as R } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
 import { useBreakpoints as Ne } from "@feedmepos/ui-library";
 import { useI18n as Ae } from "@feedmepos/mf-common";
 import { P as Me, J as Fe } from "./app-DiX-EfV6.js";
-import { u as Le } from "./netsuite-NcBlI9QO.js";
-import { f as $e } from "./predefined-templates-zYAuXO9-.js";
-import "./inventory-core-dart.default-Bgq3Sd7C.js";
+import { u as Le } from "./netsuite-Fuewxz8C.js";
+import { f as $e } from "./predefined-templates-DwR19gNy.js";
+import "./inventory-core-dart.default-Cy3rCrre.js";
 const ze = { class: "flex flex-col py-8" }, Ee = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ue = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, He = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1"

package/dist/{BindingsDialog-Y530TN7D.js → BindingsDialog-lrqjnmk3.js}

@@ -1,6 +1,6 @@
 import { defineComponent as C, ref as t, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
-import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-Dc0sxYMV.js";
-import { a as L, ao as S } from "./app-CaGW5ogt.js";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BDS8xAAy.js";
+import { a as L, ao as S } from "./app-DAjgWaIt.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"

package/dist/{BindingsPicker-BbQ9Ygep.js → BindingsPicker-B_ks2aoD.js}

@@ -1,6 +1,6 @@
 import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { a as M } from "./FmMultiselectDialog-BEkAAZZp.js";
-import { a as x, ao as z } from "./app-CaGW5ogt.js";
+import { a as M } from "./FmMultiselectDialog-Bf5LoETU.js";
+import { a as x, ao as z } from "./app-DAjgWaIt.js";
 const F = {
   key: 0,
   class: "flex flex-col gap-16"

package/dist/{BindingsTable-ClHmMFLP.js → BindingsTable-BTzb7bl6.js}

@@ -1,11 +1,11 @@
 import { defineComponent as x, ref as r, provide as C, computed as g, resolveComponent as h, openBlock as l, createElementBlock as u, createStaticVNode as F, Fragment as L, renderList as I, createElementVNode as p, toDisplayString as v, createVNode as w, withModifiers as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
-import { F as b, a as P, ao as R } from "./app-CaGW5ogt.js";
-import "./dayjs.min-UwaUKDHA.js";
+import { F as b, a as P, ao as R } from "./app-DAjgWaIt.js";
+import "./dayjs.min-C6TKmoSA.js";
 import "@feedmepos/ui-library";
 /* empty css                                                                             */
 import "@feedmepos/mf-common";
 import "./app-DiX-EfV6.js";
-import "./lodash-B15PREHg.js";
+import "./lodash-BqVoI4i-.js";
 const U = { class: "" }, D = ["onClick"], O = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, V = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, T = /* @__PURE__ */ x({
   __name: "binding-ui",
   props: {

package/dist/{ClosingDraftView-Dn16j97_.js → ClosingDraftView-CT3BYmhy.js}

@@ -2,25 +2,25 @@ import { defineComponent as je, ref as K, computed as U, onMounted as ct, resolv
 import { u as Xt, _ as en } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
 import { useCoreStore as It, useI18n as tt } from "@feedmepos/mf-common";
 import { useSnackbar as nt, useDialog as tn, components as _e, useProxiedModel as Tt, useBreakpoints as nn } from "@feedmepos/ui-library";
-import { m as an, u as Oe, L as se, w as ee, q as jt, s as Ie, M as xe, B as Te, c as on, a as dt, j as sn } from "./app-CaGW5ogt.js";
+import { m as an, u as Oe, L as se, w as ee, q as jt, s as Ie, M as xe, B as Te, c as on, a as dt, j as sn } from "./app-DAjgWaIt.js";
 import { defineStore as Pt, storeToRefs as rn } from "pinia";
-import { b as Xe, e as Vt, f as ln, a as Ce } from "./date2-fQDP1Rtk.js";
-import { R as cn } from "./rules-CxC7ePEb.js";
-import { e as mt, a as it, t as Mt, c as ze, l as Ut, m as Rt, j as Nt, k as Et, o as ne } from "./number-DQ-rkxYN.js";
-import { b as un, d as dn } from "./xlsx.util-CyLHh8k-.js";
-import { u as mn } from "./stock-Bqk5_C4b.js";
-import { u as at } from "./stock-Bly2vXJq.js";
+import { b as Xe, e as Vt, f as ln, a as Ce } from "./date2-Dc-LkH4Q.js";
+import { R as cn } from "./rules-BT_bX_zP.js";
+import { e as mt, a as it, t as Mt, c as ze, l as Ut, m as Rt, j as Nt, k as Et, o as ne } from "./number-TlKuaioM.js";
+import { b as un, d as dn } from "./xlsx.util-DXzmppo9.js";
+import { u as mn } from "./stock-D9jClHC1.js";
+import { u as at } from "./stock-Do-AQ1Rj.js";
 import { D as St, R as Re } from "./row-action.enum-DQ9bJ_uv.js";
 import { c as fn } from "./component-kqxARxvM.js";
-import { f as pn } from "./format-time-from-id-DsRN_JB-.js";
-import { f as vn } from "./recalculationUtils-MW6hf5oz.js";
-import { _ as yn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-q8fQfbEV.js";
+import { f as pn } from "./format-time-from-id-CZFp1tYB.js";
+import { f as vn } from "./recalculationUtils-blkN0S5G.js";
+import { _ as yn } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C2VqHIzn.js";
 import { _ as gn } from "./empty-placeholder-B0QU467o.js";
 import { F as $t } from "./FmAdminBadge-DjnBAgyv.js";
-import { u as bn } from "./vue-i18n-BuXEP0EQ.js";
-import { F as hn } from "./decimal-CKysiOcn.js";
-import { r as _n, u as Ze, w as kn } from "./xlsx-C0BSmeBh.js";
-import { d as wn } from "./dayjs.min-UwaUKDHA.js";
+import { u as bn } from "./vue-i18n-CdJcBjBL.js";
+import { F as hn } from "./decimal-BiUxwHW1.js";
+import { r as _n, u as Ze, w as kn } from "./xlsx-CWLyQh30.js";
+import { d as wn } from "./dayjs.min-C6TKmoSA.js";
 import { F as xn } from "./FmDroppableField-J0xUsOTV.js";
 import { _ as Dn } from "./FmConfirmationButton.vue_vue_type_script_setup_true_lang-DLrMEGFR.js";
 import { _ as An, F as Qe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";

package/dist/{ClosingHistoryView-BK7KJbbf.js → ClosingHistoryView-D22YN948.js}

@@ -1,13 +1,13 @@
 import { defineComponent as ne, ref as g, computed as D, watch as de, resolveComponent as w, openBlock as n, createElementBlock as p, createBlock as M, withModifiers as ue, createCommentVNode as b, createVNode as _, withCtx as T, createElementVNode as o, toDisplayString as l, unref as i, Fragment as z, createTextVNode as Z, renderList as le, normalizeClass as me, h as X, Teleport as pe } from "vue";
 import { _ as ve } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
 import { useI18n as se, useCoreStore as ge } from "@feedmepos/mf-common";
-import { E as ie, B as P, a as he, u as _e } from "./app-CaGW5ogt.js";
+import { E as ie, B as P, a as he, u as _e } from "./app-DAjgWaIt.js";
 import { F as re } from "./FmAdminBadge-DjnBAgyv.js";
-import { _ as be } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-q8fQfbEV.js";
+import { _ as be } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C2VqHIzn.js";
 import { useSnackbar as ce, useDialog as ke } from "@feedmepos/ui-library";
-import { u as fe } from "./stock-Bly2vXJq.js";
-import { g as ye, f as xe } from "./recalculationUtils-MW6hf5oz.js";
-import { _ as De } from "./UnitDisplayControl.vue_vue_type_script_setup_true_lang-BDzz91rl.js";
+import { u as fe } from "./stock-Do-AQ1Rj.js";
+import { g as ye, f as xe } from "./recalculationUtils-blkN0S5G.js";
+import { _ as De } from "./UnitDisplayControl.vue_vue_type_script_setup_true_lang-DvHmw68v.js";
 const we = { class: "fm-typo-en-heading-lg-600" }, Se = { class: "flex flex-col gap-16" }, Ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "flex flex-col gap-8" }, $e = { class: "fm-typo-en-body-md-600" }, Ae = { class: "flex flex-col gap-8" }, Fe = { class: "fm-typo-en-body-md-600" }, Re = { class: "flex items-center gap-8 mb-8" }, Ie = {
   key: 2,
   class: "text-red-500 text-sm mt-2"

package/dist/{ClosingTemplateView-D2petgop.js → ClosingTemplateView-DWZlbRNR.js}

@@ -4,24 +4,24 @@ import { useI18n as W, useCoreStore as de } from "@feedmepos/mf-common";
 import { useDialog as pe, useDialogChild as Ze, useSnackbar as ce, FmButtonVariant as oe, components as Y, FmAdvancedSort as et, useProxiedModel as tt, useBreakpoints as nt } from "@feedmepos/ui-library";
 import { defineStore as Ve, storeToRefs as Ne } from "pinia";
 import { F as G } from "./form-mode.enum-BKiNVH6A.js";
-import { a as me } from "./closing-template-CUgXd6Na.js";
-import { u as fe, c as Ue, a as ve, l as ot } from "./app-CaGW5ogt.js";
-import { t as re, a as ge, d as ye, s as Le, r as st } from "./xlsx.util-CyLHh8k-.js";
+import { a as me } from "./closing-template-Cr5yjIGk.js";
+import { u as fe, c as Ue, a as ve, l as ot } from "./app-DAjgWaIt.js";
+import { t as re, a as ge, d as ye, s as Le, r as st } from "./xlsx.util-DXzmppo9.js";
 import { F as lt } from "./FmDroppableField-J0xUsOTV.js";
-import { f as Be, a as le } from "./date2-fQDP1Rtk.js";
+import { f as Be, a as le } from "./date2-Dc-LkH4Q.js";
 import { D as se, R as z } from "./row-action.enum-DQ9bJ_uv.js";
 import { c as at } from "./component-kqxARxvM.js";
-import { f as rt } from "./format-time-from-id-DsRN_JB-.js";
-import { _ as it } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-DHKDRFgr.js";
-import { u as ct } from "./netsuite-NcBlI9QO.js";
-import { u as mt } from "./duplicate-template-Bb5b_40t.js";
-import { _ as ut } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-q8fQfbEV.js";
-import { R as dt, A as pt } from "./rules-CxC7ePEb.js";
-import { u as ft } from "./use-ingredient-select-dialog-BGPPfGO-.js";
-import { d as vt } from "./defineDeepModel-CwM7TJuT.js";
+import { f as rt } from "./format-time-from-id-CZFp1tYB.js";
+import { _ as it } from "./TemplatePublishDialog.vue_vue_type_script_setup_true_lang-DDgl-JA-.js";
+import { u as ct } from "./netsuite-Fuewxz8C.js";
+import { u as mt } from "./duplicate-template-D2C8HFBF.js";
+import { _ as ut } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C2VqHIzn.js";
+import { R as dt, A as pt } from "./rules-BT_bX_zP.js";
+import { u as ft } from "./use-ingredient-select-dialog-CKFmldHx.js";
+import { d as vt } from "./defineDeepModel-DgkjK79L.js";
 import { F as X, _ as ze } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-import { u as gt } from "./use-template-enabled-locations-D2EWKhWK.js";
-import { _ as yt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-95m2qnoM.js";
+import { u as gt } from "./use-template-enabled-locations-CEeVrUI2.js";
+import { _ as yt } from "./SystemTrailDialog.vue_vue_type_script_setup_true_lang-DDq5fRab.js";
 import { _ as ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ue = Ve(
   "closingTemplateTable",

package/dist/{DefaultView-CdCpGT5n.js → DefaultView-B55cXPDQ.js}

@@ -1,8 +1,8 @@
 import { defineComponent as p, computed as f, watchEffect as d, resolveComponent as n, openBlock as _, createElementBlock as v, createVNode as o, createElementVNode as c } from "vue";
 import { useRouter as g } from "vue-router";
 import { useCoreStore as x } from "@feedmepos/mf-common";
-import { u as S } from "./useNavigationMenu-C7F5h-H5.js";
-import { u as y } from "./feature-Dqme8-Xr.js";
+import { u as S } from "./useNavigationMenu-DAk6M_hW.js";
+import { u as y } from "./feature-DDNuIU5x.js";
 const C = { class: "flex flex-col items-center w-full h-full gap-24" }, V = /* @__PURE__ */ p({
   __name: "DefaultView",
   setup(F) {

package/dist/{DeliveryOrderPrintPreview-C_S4SG8h.js → DeliveryOrderPrintPreview-C2OsEmYL.js}

@@ -1,7 +1,7 @@
 import { defineComponent as x, computed as g, ref as h, onMounted as _, openBlock as i, createElementBlock as u, createElementVNode as t, createTextVNode as n, toDisplayString as l, createCommentVNode as d, Fragment as o, renderList as p, normalizeClass as c } from "vue";
 import { useRoute as w } from "vue-router";
-import { P as b } from "./app-CaGW5ogt.js";
-import { L as k } from "./lz-string-DdnEcXDA.js";
+import { P as b } from "./app-DAjgWaIt.js";
+import { L as k } from "./lz-string-CCV8vJiL.js";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = { class: "purchase-box" }, A = { valign: "bottom" }, E = { class: "sub-header" }, C = ["src"], D = { style: { "padding-left": "10px" } }, O = { class: "address" }, R = { class: "text-right" }, S = {
   key: 0,

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-vYqITtJe.js

@@ -0,0 +1,188 @@
+import { u as B, r as h, Q as E, W as R, z as V } from "./app-DAjgWaIt.js";
+import { u as z } from "./supplier-DI8witR9.js";
+import { computed as u, defineComponent as A, mergeModels as q, useModel as D, ref as H, resolveComponent as g, openBlock as y, createElementBlock as O, normalizeStyle as U, createElementVNode as M, createVNode as W, withCtx as $, createBlock as I, createCommentVNode as C, Fragment as x, renderList as Q, unref as N } from "vue";
+import { F as Y } from "./FmMultiselectDialog-Bf5LoETU.js";
+function _(o) {
+  const c = R.safeParse(o);
+  if (c.success) return c.data;
+  throw new Error("Invalid supplier data");
+}
+function S(o) {
+  return {
+    _id: o.doc._id,
+    internal: o.type,
+    contactName: o.doc.profile.name,
+    name: o.doc.profile.name ?? "",
+    email: o.doc.profile.email,
+    phoneNumber: o.doc.profile.phoneNo,
+    registrationNumber: o.doc.profile.regNo,
+    address: o.doc.profile.address ?? {
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    },
+    preparationTime: o.preparationTime
+  };
+}
+function G(o, c, p = !1, f = !1) {
+  const r = z(), n = B();
+  n.watchLocation(async () => {
+    var m;
+    await r.readSuppliers();
+    const s = o();
+    if ((m = s.supplier) != null && m._id) return;
+    const e = f ? r.suppliers[0] : r.businessSuppliers[0], t = (p ? n.locations.filter((a) => a.doc._id !== n.currentLocation.doc._id) : n.locations)[0];
+    c({
+      ...s,
+      supplier: e ? _(e) : t ? S(t) : s.supplier
+    });
+  });
+  const d = u(
+    () => {
+      var s, e;
+      return typeof ((e = (s = o()) == null ? void 0 : s.supplier) == null ? void 0 : e.internal) == "string" ? h.enum.transfer : h.enum.purchase;
+    }
+  ), v = u({
+    get() {
+      var s, e;
+      return (e = (s = o()) == null ? void 0 : s.supplier) == null ? void 0 : e._id;
+    },
+    set(s) {
+      const e = o() ?? {};
+      if (d.value === h.enum.purchase) {
+        const k = (f ? r.suppliers : r.businessSuppliers).find((P) => P._id === s);
+        c({
+          ...e,
+          supplier: k ? _(k) : e.supplier
+        });
+        return;
+      }
+      const m = (p ? n.allLocations.filter(
+        (a) => a.doc._id !== n.currentLocation.doc._id
+      ) : n.allLocations).find((a) => a.doc._id === s);
+      c({
+        ...e,
+        supplier: m ? S(m) : e.supplier
+      });
+    }
+  }), b = u(() => r.locationSuppliers.map(_)), L = u(() => r.businessSuppliers.map(_)), F = u(() => {
+    const s = [...b.value], e = [...L.value];
+    return f ? [...e, ...s] : e;
+  }), l = u(() => {
+    var i;
+    const s = ((i = n._currentLocation) == null ? void 0 : i.type) === E.warehouse;
+    return (p ? n.allLocations.filter(
+      (t) => t.doc._id !== n.currentLocation.doc._id
+    ) : n.allLocations).filter((t) => s || t.acceptRequest).map(S);
+  }), w = u(() => {
+    if (d.value === h.enum.purchase) {
+      const e = b.value.map((t) => ({
+        label: t.name,
+        value: t._id
+      })), i = L.value.map((t) => ({
+        label: t.name,
+        sublabel: "Business supplier",
+        value: t._id
+      }));
+      return f ? [...e, ...i] : i;
+    }
+    return l.value.map((e) => ({
+      label: e.name,
+      sublabel: e.internal ? `${e.internal}` : void 0,
+      value: e._id
+    }));
+  }), T = u(() => {
+    var t, m;
+    const s = (m = (t = o()) == null ? void 0 : t.supplier) == null ? void 0 : m._id;
+    if (d.value === h.enum.purchase) {
+      const a = r.suppliers.find((k) => k._id === s);
+      return a ? _(a) : null;
+    }
+    const i = n.allLocations.find((a) => a.doc._id);
+    return i ? S(i) : null;
+  });
+  return {
+    transferLocationModel: v,
+    transferLocationOptions: w,
+    locationOptionsTypePurchase: F,
+    locationOptionsTypePurchaseLocationLevel: b,
+    locationOptionsTypeTransfer: l,
+    selectedLocation: T
+  };
+}
+const j = { class: "overflow-y-auto h-full pb-8" }, ee = /* @__PURE__ */ A({
+  __name: "FmFilterableMenuOptions",
+  props: /* @__PURE__ */ q({
+    modelValue: {},
+    maxHeight: {},
+    width: {},
+    handleItemChange: { type: Function },
+    items: {},
+    options: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: ["update:search"],
+  setup(o) {
+    const c = o, p = D(o, "search"), f = u(
+      () => new Y(c.items, ["label", "sublabel"], {
+        caseSensitive: !1,
+        sort: !0
+      })
+    ), r = u(() => f.value.search(p.value)), n = H();
+    return console.log({ stickyRef: n }), (d, v) => {
+      const b = g("FmButton"), L = g("FmTextField"), F = g("FmMenuItem");
+      return y(), O("div", {
+        class: "relative",
+        style: U({ width: d.width })
+      }, [
+        M("div", {
+          class: "sticky top-0 bg-white mb-8",
+          ref_key: "stickyRef",
+          ref: n
+        }, [
+          W(L, {
+            modelValue: p.value,
+            "onUpdate:modelValue": v[1] || (v[1] = (l) => p.value = l),
+            placeholder: "Filter options"
+          }, {
+            append: $(() => [
+              p.value ? (y(), I(b, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "close",
+                onClick: v[0] || (v[0] = (l) => p.value = "")
+              })) : C("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ], 512),
+        M("div", j, [
+          (y(!0), O(x, null, Q(r.value, (l, w) => (y(), I(F, {
+            key: w,
+            label: l.label,
+            sublabel: l.sublabel,
+            "model-value": N(V)(d.modelValue, l.value),
+            onClick: () => d.handleItemChange(N(V)(d.modelValue, l.value), l),
+            onVnodeMounted: (T) => {
+              var s, e;
+              return N(V)(d.modelValue, l.value) && ((s = T.el) == null || s.scrollIntoView({ behavior: "instant", block: "end" }), (e = T.el) == null || e.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+            }
+          }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
+          r.value.length ? C("", !0) : (y(), I(F, {
+            key: 0,
+            disabled: "",
+            label: "No options available"
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  ee as _,
+  G as u
+};

package/dist/{FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-q8fQfbEV.js → FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C2VqHIzn.js}

@@ -1,7 +1,7 @@
 import { defineComponent as S, computed as w, ref as P, resolveComponent as h, openBlock as n, createElementBlock as p, createVNode as x, withCtx as $, createElementVNode as b, Fragment as V, createTextVNode as R, toDisplayString as D, unref as r, createBlock as v, createCommentVNode as k, renderList as N, watch as O, mergeModels as H, useModel as I, renderSlot as W, normalizeClass as A } from "vue";
 import { useCoreStore as q, useI18n as Q } from "@feedmepos/mf-common";
-import { u as G } from "./app-CaGW5ogt.js";
-import { b as T } from "./date2-fQDP1Rtk.js";
+import { u as G } from "./app-DAjgWaIt.js";
+import { b as T } from "./date2-Dc-LkH4Q.js";
 import { useBreakpoints as J } from "@feedmepos/ui-library";
 import { u as K } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
 import { D as z } from "./app-DiX-EfV6.js";

package/dist/{FmMultiselectDialog-BEkAAZZp.js → FmMultiselectDialog-Bf5LoETU.js}

@@ -3,8 +3,8 @@ var Pe = (F, i, l) => i in F ? He(F, i, { enumerable: !0, configurable: !0, writ
 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 f, normalizeStyle as z, 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 ze } from "vue";
 import { useDialogChild as Ge } from "@feedmepos/ui-library";
-import { z as he } from "./app-CaGW5ogt.js";
-import { d as Je } from "./index-CbwjQK_M.js";
+import { z as he } from "./app-DAjgWaIt.js";
+import { d as Je } from "./index-BjGCVl4C.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";

package/dist/{FmMultiselectDialog-6JADZ5xC.js → FmMultiselectDialog-CtqcYKez.js}

@@ -1,7 +1,7 @@
 import { defineStore as p } from "pinia";
 import { useDialog as y } from "@feedmepos/ui-library";
 import { useI18n as v } from "@feedmepos/mf-common";
-import { a } from "./FmMultiselectDialog-BEkAAZZp.js";
+import { a } from "./FmMultiselectDialog-Bf5LoETU.js";
 import { h as S } from "vue";
 const w = p("inventoryMultiSelectDialog", () => {
   const l = y(), { t: n } = v();

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-kaW8FwP5.js → FmUnitInput.vue_vue_type_script_setup_true_lang-D0fbjDen.js}

@@ -1,8 +1,8 @@
 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-B15PREHg.js";
-import { w as D } from "./app-CaGW5ogt.js";
-import { g as O, c as ve, a as M, t as be, e as ye, m as he, b as Me, u as ge } from "./number-DQ-rkxYN.js";
-import { I as R, a as xe } from "./rules-CxC7ePEb.js";
+import { l as fe } from "./lodash-BqVoI4i-.js";
+import { w as D } from "./app-DAjgWaIt.js";
+import { g as O, c as ve, a as M, t as be, e as ye, m as he, b as Me, u as ge } from "./number-TlKuaioM.js";
+import { I as R, a as xe } from "./rules-BT_bX_zP.js";
 import "@feedmepos/ui-library";
 function H() {
   return {
@@ -356,6 +356,5 @@ export {
   We as a,
   Ee as b,
   J as c,
-  Z as d,
-  H as e
+  Z as d
 };

package/dist/{ImportView-D8i5_GO9.js → ImportView-C6VMwns6.js}

@@ -2,15 +2,15 @@ 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-sUxHOj47.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-Dqme8-Xr.js";
-import { a as ie } from "./app-CaGW5ogt.js";
-import "./dayjs.min-UwaUKDHA.js";
+import { u as Xe } from "./feature-DDNuIU5x.js";
+import { a as ie } from "./app-DAjgWaIt.js";
+import "./dayjs.min-C6TKmoSA.js";
 import "./app-DiX-EfV6.js";
 import "./FmAdminBadge-DjnBAgyv.js";
-import { s as He, a as qe, d as Qe, t as Ce, r as Ye } from "./xlsx.util-CyLHh8k-.js";
-import { s as Ze, g as et, b as tt, d as Fe } from "./import-export.helper-QInnTLhY.js";
+import { s as He, a as qe, d as Qe, t as Ce, r as Ye } from "./xlsx.util-DXzmppo9.js";
+import { s as Ze, g as et, b as tt, d as Fe } from "./import-export.helper-CvnY5IpI.js";
 import { r as nt } from "./random-CSbEbElR.js";
-import { c as Ae, a as pe } from "./number-DQ-rkxYN.js";
+import { c as Ae, a as pe } from "./number-TlKuaioM.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-baV8qK0P.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-Bbp6FwaC.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, e as y } from "./number-DQ-rkxYN.js";
+import { a, e as y } from "./number-TlKuaioM.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",

package/dist/{IngredientGroupView-BiqFuJx0.js → IngredientGroupView-Cq6HSE9I.js}

@@ -1,5 +1,5 @@
 import { ref as A, computed as G, h as C, defineComponent as j, watch as re, resolveComponent as R, openBlock as F, createElementBlock as B, createVNode as b, unref as i, createElementVNode as c, toDisplayString as $, createBlock as M, withCtx as T, Fragment as pe, renderList as ve, createTextVNode as ye, createCommentVNode as se, isRef as ge, normalizeClass as _e, normalizeStyle as be, createSlots as ke, Teleport as xe, normalizeProps as he, guardReactiveProps as we } from "vue";
-import { a as P, c as L, i as oe, u as Re } from "./app-CaGW5ogt.js";
+import { a as P, c as L, i as oe, u as Re } from "./app-DAjgWaIt.js";
 import { useDialog as Ie, useSnackbar as Y, components as U, useProxiedModel as Se, useBreakpoints as Fe } from "@feedmepos/ui-library";
 import { F as S } from "./form-mode.enum-BKiNVH6A.js";
 import { useI18n as z, useCoreStore as Ge } from "@feedmepos/mf-common";
@@ -8,11 +8,11 @@ import { D as ie, R as K } from "./row-action.enum-DQ9bJ_uv.js";
 import { c as Ve } from "./component-kqxARxvM.js";
 import { u as Ce, _ as De } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
 import { _ as Ae, F as le } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-import { _ as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-q8fQfbEV.js";
-import { d as de } from "./defineDeepModel-CwM7TJuT.js";
-import { I as Te, A as Ee, U as Me, R as ce } from "./rules-CxC7ePEb.js";
+import { _ as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C2VqHIzn.js";
+import { d as de } from "./defineDeepModel-DgkjK79L.js";
+import { I as Te, A as Ee, U as Me, R as ce } from "./rules-BT_bX_zP.js";
 import { L as Ue, P as Be, D as Le } from "./app-DiX-EfV6.js";
-import { u as Pe } from "./FmMultiselectDialog-6JADZ5xC.js";
+import { u as Pe } from "./FmMultiselectDialog-CtqcYKez.js";
 import { r as me } from "./random-CSbEbElR.js";
 import { u as ze, R as Ne } from "./usePromise-CbVUCxhj.js";
 const H = ue(

package/dist/{IngredientsView-CQHobUvF.js → IngredientsView-g_VlbWO3.js}

@@ -1,5 +1,5 @@
 import { ref as B, defineComponent as pe, computed as b, resolveComponent as C, openBlock as c, createElementBlock as T, Fragment as X, unref as l, createVNode as s, withModifiers as Bt, createCommentVNode as L, withCtx as g, createElementVNode as n, toDisplayString as F, normalizeClass as te, renderList as ue, createBlock as O, h as Q, renderSlot as xe, createSlots as He, createTextVNode as Ye, mergeModels as dt, onMounted as Dt, watch as Tt, useModel as Ot, isRef as ut, normalizeStyle as Nt, Teleport as ct, normalizeProps as zt, guardReactiveProps as Lt } from "vue";
-import { a as Ce, c as wt, S as jt, g as mt, d as pt, e as Wt, f as vt, h as ft, i as yt, j as gt, u as qt, k as Ht } from "./app-CaGW5ogt.js";
+import { a as Ce, c as wt, S as jt, g as mt, d as pt, e as Wt, f as vt, h as ft, i as yt, j as gt, u as qt, k as Ht } from "./app-DAjgWaIt.js";
 import { useDialog as Ge, useSnackbar as Fe, components as Oe, useProxiedModel as bt, useDialogChild as Yt, useBreakpoints as Gt } from "@feedmepos/ui-library";
 import { i as Kt, _ as Jt } from "./is-linked-ingredient-error-fJ2TJb3z.js";
 import { F as q } from "./form-mode.enum-BKiNVH6A.js";
@@ -7,26 +7,26 @@ import { useI18n as ve, useCoreStore as Ke } from "@feedmepos/mf-common";
 import { defineStore as Zt, storeToRefs as Qt } from "pinia";
 import { D as ht, R as Me } from "./row-action.enum-DQ9bJ_uv.js";
 import { c as Xt } from "./component-kqxARxvM.js";
-import { u as Ae, _ as en } from "./netsuite-NcBlI9QO.js";
+import { u as Ae, _ as en } from "./netsuite-Fuewxz8C.js";
 import { F as Re } from "./FmAdminBadge-DjnBAgyv.js";
 import { u as tn, _ as nn } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-sUxHOj47.js";
-import { A as Pe, R as Ne, U as on, M as ln } from "./rules-CxC7ePEb.js";
-import { g as an, _ as ze, S as Le, a as sn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-Btor1W6X.js";
-import { _ as rn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-Dc0sxYMV.js";
-import { _ as je } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-baV8qK0P.js";
-import { u as Vt } from "./feature-Dqme8-Xr.js";
-import { a as dn, t as un, g as cn } from "./number-DQ-rkxYN.js";
+import { A as Pe, R as Ne, U as on, M as ln } from "./rules-BT_bX_zP.js";
+import { g as an, _ as ze, S as Le, a as sn } from "./SubsidiaryTreeDialog.vue_vue_type_script_setup_true_lang-DmAHd2Ma.js";
+import { _ as rn } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-BDS8xAAy.js";
+import { _ as je } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-Bbp6FwaC.js";
+import { u as Vt } from "./feature-DDNuIU5x.js";
+import { a as dn, t as un, g as cn } from "./number-TlKuaioM.js";
 import { _ as he } from "./PreviewBadge.vue_vue_type_script_setup_true_lang-CRZiQHjx.js";
-import { d as Ue, g as mn, e as pn, a as vn } from "./import-export.helper-QInnTLhY.js";
+import { d as Ue, g as mn, e as pn, a as vn } from "./import-export.helper-CvnY5IpI.js";
 import { _ as fn } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
-import { F as yn, a as We } from "./FmMultiselectDialog-BEkAAZZp.js";
-import { u as It } from "./purchase-order-template-DcoKKoiW.js";
-import { u as St, a as Ct } from "./closing-template-CUgXd6Na.js";
+import { F as yn, a as We } from "./FmMultiselectDialog-Bf5LoETU.js";
+import { u as It } from "./purchase-order-template-DAkHu-9-.js";
+import { u as St, a as Ct } from "./closing-template-Cr5yjIGk.js";
 import { _ as gn, F as _t } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-import { r as bn } from "./xlsx.util-CyLHh8k-.js";
+import { r as bn } from "./xlsx.util-DXzmppo9.js";
 import { F as hn } from "./FmDroppableField-J0xUsOTV.js";
-import { _ as _n } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-q8fQfbEV.js";
-import { u as xn } from "./FmMultiselectDialog-6JADZ5xC.js";
+import { _ as _n } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-C2VqHIzn.js";
+import { u as xn } from "./FmMultiselectDialog-CtqcYKez.js";
 import { P as kn, J as Tn } from "./app-DiX-EfV6.js";
 const qe = Zt("ingredientForm", function() {
   const r = Ge(), k = Fe(), d = Ce(), h = B(!1), { t: I } = ve(), E = B();