@feedmepos/mf-inventory-portal 1.7.15-dev.3 → 1.7.16-dev.0

package/dist/FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DAFZz6rG.js

@@ -0,0 +1,243 @@
+import { defineComponent as D, computed as g, ref as O, resolveComponent as w, createElementBlock as i, openBlock as l, createVNode as M, withCtx as N, createElementVNode as m, unref as t, createBlock as d, createCommentVNode as b, Fragment as k, renderList as S, createTextVNode as $, toDisplayString as R, mergeModels as j, useModel as I, renderSlot as H, normalizeClass as T } from "vue";
+import { useCoreStore as W, useI18n as z } from "@feedmepos/mf-common";
+import { u as q } from "./app-CNKD3vjZ.js";
+import { _ as G } from "./FmDateRangePickerChip.vue_vue_type_script_setup_true_lang-Vn94NCmp.js";
+import { useBreakpoints as J } from "@feedmepos/ui-library";
+import { u as K } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
+import { D as A } from "./app-C39bYJmq.js";
+import { F as P } from "./FmAdminBadge-DlplQOHb.js";
+const X = { class: "inline-flex" }, Y = {
+  "data-testid": "inventory-location-selector",
+  class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400"
+}, Z = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, ee = { class: "relative" }, oe = { class: "sticky top-0 py-8 bg-white translate-y-[-12px]" }, le = /* @__PURE__ */ D({
+  __name: "ChangeLocationComponent",
+  props: {
+    showBusiness: { type: Boolean }
+  },
+  setup(_) {
+    const a = q(), y = W(), B = g(() => {
+      var e;
+      return (e = y.currentBusiness.value) == null ? void 0 : e.name;
+    }), { t: c } = z(), v = O(""), u = g({
+      get() {
+        return a.businessLevel;
+      },
+      set(e) {
+        a.businessLevel = e;
+      }
+    }), p = g(
+      () => a.locations.map((e) => ({
+        label: e.name,
+        value: e.dbName,
+        type: e.type,
+        code: e.doc.profile.code ?? "--"
+      })).filter((e) => {
+        var f;
+        if (!v.value) return !0;
+        const o = v.value.toLocaleLowerCase();
+        return e.label.toLocaleLowerCase().includes(o) || ((f = e.code) == null ? void 0 : f.toLocaleLowerCase().includes(o));
+      })
+    ), n = g(
+      () => p.value.filter((e) => e.type === "restaurant")
+    ), s = g(
+      () => p.value.filter((e) => e.type === "warehouse")
+    );
+    function x({ value: e }) {
+      u.value = !1, a.selectLocation(a.locations.find((o) => o.dbName === e));
+    }
+    return (e, o) => {
+      const f = w("FmIcon"), Q = w("FmSearch"), C = w("FmMenuItem"), E = w("FmMenu");
+      return l(), i("div", X, [
+        M(E, { "close-on-click": !0 }, {
+          "menu-button": N(() => [
+            m("div", Y, [
+              M(f, {
+                name: e.showBusiness && u.value ? "store" : "storefront",
+                size: "sm"
+              }, null, 8, ["name"]),
+              m("div", Z, [
+                e.showBusiness && u.value ? (l(), i(k, { key: 0 }, [
+                  $(R(B.value), 1)
+                ], 64)) : t(a)._currentLocation ? (l(), i(k, { key: 1 }, [
+                  $(R(t(a)._currentLocation.name) + " (" + R(t(a)._currentLocation.doc.profile.code ?? "--") + ") ", 1)
+                ], 64)) : (l(), i(k, { key: 2 }, [
+                  $(R(t(c)("inventory.common.noLocationSelected")), 1)
+                ], 64))
+              ]),
+              M(f, {
+                name: "expand_more",
+                size: "sm"
+              })
+            ])
+          ]),
+          default: N(() => [
+            m("div", ee, [
+              m("div", oe, [
+                M(Q, {
+                  "model-value": v.value,
+                  "onUpdate:modelValue": o[0] || (o[0] = (r) => v.value = r),
+                  placeholder: t(c)("inventory.common.table.toolbar.filterItems")
+                }, null, 8, ["model-value", "placeholder"])
+              ]),
+              m("div", null, [
+                e.showBusiness ? (l(), d(C, {
+                  key: 0,
+                  "data-testid": "inventory-business-selector",
+                  "model-value": u.value,
+                  label: B.value,
+                  sublabel: "Business",
+                  onClick: o[1] || (o[1] = (r) => u.value = !0)
+                }, null, 8, ["model-value", "label"])) : b("", !0),
+                (l(!0), i(k, null, S(n.value, (r) => {
+                  var L;
+                  return l(), d(C, {
+                    key: r.value,
+                    "model-value": !u.value && ((L = t(a)._currentLocation) == null ? void 0 : L.dbName) === r.value,
+                    label: `${r.label} (${r.code})`,
+                    sublabel: "Restaurant",
+                    onClick: (h) => x(r),
+                    onVnodeMounted: (h) => {
+                      var V, F, U;
+                      return !u.value && ((V = t(a)._currentLocation) == null ? void 0 : V.dbName) === r.value && ((F = h.el) == null || F.scrollIntoView({ behavior: "instant", block: "end" }), (U = h.el) == null || U.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+                    }
+                  }, null, 8, ["model-value", "label", "onClick", "onVnodeMounted"]);
+                }), 128)),
+                (l(!0), i(k, null, S(s.value, (r) => {
+                  var L;
+                  return l(), d(C, {
+                    key: r.value,
+                    "model-value": !u.value && ((L = t(a)._currentLocation) == null ? void 0 : L.dbName) === r.value,
+                    label: r.label,
+                    sublabel: "Warehouse",
+                    onClick: (h) => x(r),
+                    onVnodeMounted: (h) => {
+                      var V, F;
+                      return !u.value && ((V = t(a)._currentLocation) == null ? void 0 : V.dbName) === r.value && ((F = h.el) == null || F.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+                    }
+                  }, null, 8, ["model-value", "label", "onClick", "onVnodeMounted"]);
+                }), 128)),
+                !e.showBusiness && !n.value.length && !s.value.length ? (l(), d(C, {
+                  key: 1,
+                  disabled: "",
+                  label: t(c)("inventory.common.noResultFound")
+                }, null, 8, ["label"])) : b("", !0)
+              ])
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+}), ne = { class: "flex-1 w-full flex items-center gap-4 xs:flex-col-reverse sm:flex-col-reverse" }, te = {
+  key: 0,
+  class: "flex-1 xs:w-full sm:w-full"
+}, ae = {
+  key: 1,
+  class: "flex-1"
+}, se = { class: "w-full max-w-[343px] xs:max-w-[unset] sm:max-w-[unset]" }, fe = /* @__PURE__ */ D({
+  __name: "FmInventoryTableToolbar",
+  props: /* @__PURE__ */ j({
+    dateRangeQuery: { type: Boolean },
+    predefinedDateRanges: {},
+    changeLocation: { type: Boolean },
+    searchable: { type: Boolean },
+    hideFilterOptions: { type: Boolean },
+    filterable: { type: Boolean },
+    filterAttributes: {},
+    actions: {},
+    usingBusinessHelperText: {},
+    showBusiness: { type: Boolean }
+  }, {
+    search: {},
+    searchModifiers: {},
+    filter: {},
+    filterModifiers: {},
+    dateRange: {},
+    dateRangeModifiers: {}
+  }),
+  emits: ["update:search", "update:filter", "update:dateRange"],
+  setup(_) {
+    const { breakpoints: a } = J(), y = g(() => a.value.xs || a.value.sm), B = I(_, "search"), c = I(_, "filter"), v = I(_, "dateRange"), { t: u } = z(), p = K();
+    return (n, s) => {
+      const x = w("FmTextField"), e = w("FmButton");
+      return l(), i("div", {
+        class: "flex flex-col gap-8",
+        onVnodeMounted: s[4] || (s[4] = //@ts-ignore
+        (...o) => t(p).onMounted && t(p).onMounted(...o)),
+        onVnodeUnmounted: s[5] || (s[5] = //@ts-ignore
+        (...o) => t(p).onUnmounted && t(p).onUnmounted(...o))
+      }, [
+        H(n.$slots, "default"),
+        m("div", {
+          class: T([
+            "flex gap-8 items-center",
+            {
+              "px-8 flex-col-reverse h-[unset]": y.value,
+              "h-48": !y.value
+            }
+          ])
+        }, [
+          n.changeLocation || n.dateRangeQuery ? (l(), i("div", {
+            key: 0,
+            class: T([
+              "flex gap-8 items-center",
+              {
+                "w-full overflow-x-auto": y.value
+              }
+            ])
+          }, [
+            n.changeLocation ? (l(), d(le, {
+              key: 0,
+              "show-business": n.showBusiness
+            }, null, 8, ["show-business"])) : b("", !0),
+            n.dateRangeQuery ? (l(), d(G, {
+              key: 1,
+              "model-value": v.value,
+              "onUpdate:modelValue": s[0] || (s[0] = (o) => v.value = o),
+              "predefined-range": n.predefinedDateRanges
+            }, null, 8, ["model-value", "predefined-range"])) : b("", !0)
+          ], 2)) : b("", !0),
+          m("div", ne, [
+            n.filterable && n.filterAttributes ? (l(), i("div", te, [
+              n.hideFilterOptions ? (l(), d(P, { key: 1 }, {
+                default: N(() => [
+                  M(t(A), {
+                    modelValue: c.value,
+                    "onUpdate:modelValue": s[2] || (s[2] = (o) => c.value = o),
+                    attributes: n.filterAttributes
+                  }, null, 8, ["modelValue", "attributes"])
+                ]),
+                _: 1
+              })) : (l(), d(t(A), {
+                key: 0,
+                modelValue: c.value,
+                "onUpdate:modelValue": s[1] || (s[1] = (o) => c.value = o),
+                attributes: n.filterAttributes
+              }, null, 8, ["modelValue", "attributes"]))
+            ])) : y.value ? b("", !0) : (l(), i("div", ae)),
+            m("div", se, [
+              n.searchable ? (l(), d(x, {
+                key: 0,
+                "model-value": B.value,
+                "onUpdate:modelValue": s[3] || (s[3] = (o) => B.value = o),
+                "prepend-icon": "search",
+                placeholder: t(u)("inventory.common.table.toolbar.filterItems"),
+                class: "w-full"
+              }, null, 8, ["model-value", "placeholder"])) : b("", !0)
+            ]),
+            (l(!0), i(k, null, S(n.actions, (o, f) => (l(), d(e, {
+              key: f,
+              variant: "tertiary",
+              "prepend-icon": o.icon,
+              onClick: o.onClick
+            }, null, 8, ["prepend-icon", "onClick"]))), 128))
+          ])
+        ], 2)
+      ], 512);
+    };
+  }
+});
+export {
+  fe as _
+};

package/dist/{FmMultiselectDialog-4K4U13Fa.js → FmMultiselectDialog-B5gQRKE6.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-CMUU4YMv.js";
+import { a } from "./FmMultiselectDialog-CZr-dX4K.js";
 import { h as S } from "vue";
 const w = p("inventoryMultiSelectDialog", () => {
   const l = y(), { t: n } = v();

package/dist/{FmMultiselectDialog-CMUU4YMv.js → FmMultiselectDialog-CZr-dX4K.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 ye, computed as x, ref as $, watch as ge, createElementBlock as f, openBlock as d, normalizeStyle as z, Fragment as V, renderList as O, createCommentVNode as D, renderSlot as ke, 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-D8j93Oqu.js";
-import { d as Je } from "./index-CTQTVKeu.js";
+import { z as he } from "./app-CNKD3vjZ.js";
+import { d as Je } from "./index-DJQBhZfo.js";
 /* empty css                                                                             */
 import { useI18n as Re } from "@feedmepos/mf-common";
 import { P as We, J as be, D as Qe } from "./app-C39bYJmq.js";

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-CWPYtvi-.js → FmUnitInput.vue_vue_type_script_setup_true_lang-BtZOjqlQ.js}

@@ -1,11 +1,11 @@
-import { defineComponent as ue, mergeModels as W, useModel as re, computed as v, ref as U, watch as H, onBeforeUnmount as me, inject as ce, resolveComponent as x, createElementBlock as y, openBlock as d, createElementVNode as u, createVNode as g, createCommentVNode as A, withCtx as _, renderSlot as Q, withDirectives as de, normalizeClass as q, toDisplayString as h, vModelText as pe, createBlock as R, Fragment as fe, renderList as ve, createSlots as be, createTextVNode as ye } from "vue";
-import { l as he } from "./netsuite-Bawdsy6u.js";
-import { w as D } from "./app-D8j93Oqu.js";
-import { g as O, c as xe, a as b, t as ge, e as G, m as Me, b as _e, u as Fe } from "./number-q25U2atb.js";
-import { I, a as Ae } from "./rules-_M2oshOW.js";
+import { defineComponent as ue, mergeModels as W, useModel as re, computed as v, ref as k, watch as H, onBeforeUnmount as me, inject as ce, resolveComponent as x, createElementBlock as y, openBlock as d, createElementVNode as u, createVNode as M, createCommentVNode as A, withCtx as _, renderSlot as Q, withDirectives as de, normalizeClass as q, toDisplayString as h, vModelText as pe, createBlock as R, Fragment as fe, renderList as ve, createSlots as be, createTextVNode as ye } from "vue";
+import { l as he } from "./netsuite-yzjEuV4c.js";
+import { w as D } from "./app-CNKD3vjZ.js";
+import { g as O, c as xe, a as b, e as G, o as Me, b as ge, u as _e, t as Fe } from "./number-LQ8tdP_1.js";
+import { I as U, a as Ae } from "./rules-BdR1TB3v.js";
 import "@feedmepos/ui-library";
-import { P as Ie } from "./inventory-core-dart.default-BfVqWKxc.js";
-import { u as Pe, a as ke } from "./uom-rules-DeGuMW0s.js";
+import { P as Ue } from "./inventory-core-dart.default-CSFkzl91.js";
+import { u as Be, a as Ie } from "./uom-rules-BP8Vk8Rl.js";
 function Z() {
   return {
     amount: D.reset()
@@ -13,17 +13,17 @@ function Z() {
 }
 function K() {
   return function(p) {
-    return I()(p.amountAsString);
+    return U()(p.amountAsString);
   };
 }
 function tt(r) {
   return function(t) {
-    return I()(t.amountAsString) !== !0 ? !0 : +t.amountAsString < r ? `Must be at least ${r}` : !0;
+    return U()(t.amountAsString) !== !0 ? !0 : +t.amountAsString < r ? `Must be at least ${r}` : !0;
   };
 }
 function nt(r) {
   return function(t) {
-    return I()(t.amountAsString) !== !0 ? !0 : +t.amountAsString > r ? `Must be at most ${r}` : !0;
+    return U()(t.amountAsString) !== !0 ? !0 : +t.amountAsString > r ? `Must be at most ${r}` : !0;
   };
 }
 function J(r, p = !1) {
@@ -31,10 +31,10 @@ function J(r, p = !1) {
     const s = K()(c);
     if (s != !0)
       return p ? s : !0;
-    const P = typeof r == "number" ? r : O(r, c.modelValue.measurement);
-    return xe(+c.amountAsString).precision > P ? `Cannot exceed precision more than ${b({
+    const B = typeof r == "number" ? r : O(r, c.modelValue.measurement);
+    return xe(+c.amountAsString).precision > B ? `Cannot exceed precision more than ${b({
       amount: 1,
-      precision: P
+      precision: B
     })}` : !0;
   };
 }
@@ -46,16 +46,16 @@ function ot(r) {
 }
 function st(r) {
   return function(t) {
-    if (I()(t.amountAsString) !== !0)
+    if (U()(t.amountAsString) !== !0)
       return !0;
-    const s = Ie.validateQuantityAgainstTemplateItem({
+    const s = Ue.validateQuantityAgainstTemplateItem({
       quantity: t.modelValue.amount,
       templateItem: r
     });
     return s.length === 0 ? !0 : s[0];
   };
 }
-const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { class: "flex-1" }, De = { class: "flex items-center gap-4" }, Ce = { class: "flex-1 flex gap-4" }, Se = { class: "shrink-0 grow basis-2/5" }, we = {
+const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { class: "flex-1" }, De = { class: "flex items-center gap-4" }, Ce = { class: "flex-1 flex gap-4" }, Se = { class: "shrink-0 grow basis-2/5" }, we = {
   key: 0,
   class: "text-fm-color-typo-secondary"
 }, Ne = {
@@ -73,7 +73,7 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
 }, He = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-1"
-}, at = /* @__PURE__ */ ue({
+}, it = /* @__PURE__ */ ue({
   __name: "FmUnitInput",
   props: /* @__PURE__ */ W({
     modelValue: {},
@@ -89,6 +89,7 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
     disableUnit: { type: Boolean },
     stepperOnly: { type: Boolean },
     stepper: {},
+    immediateModelUpdate: { type: Boolean },
     placeholder: {},
     minLength: {},
     maxLength: {},
@@ -124,40 +125,42 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
   }),
   emits: /* @__PURE__ */ W(["update:amount", "update:measurement"], ["update:modelValue"]),
   setup(r, { emit: p }) {
-    const t = r, c = p, s = re(r, "modelValue"), P = I(), C = v(() => {
+    const t = r, c = p, s = re(r, "modelValue"), B = U(), C = v(() => {
       var n;
       return O(t.unit, (n = s.value) == null ? void 0 : n.measurement);
-    }), f = U((() => {
-      var a;
-      const e = ((a = s.value) == null ? void 0 : a.amount) ?? D.reset(), n = _e(e), i = t.formatMinimumPrecision ?? n.precision, l = Fe(n, i);
+    }), f = k((() => {
+      var i;
+      const e = ((i = s.value) == null ? void 0 : i.amount) ?? D.reset(), n = ge(e), a = t.formatMinimumPrecision ?? n.precision, l = _e(n, a);
       return b(l);
     })());
     let F = null;
     H(f, (e) => {
-      F && clearTimeout(F), F = setTimeout(() => {
+      const n = () => {
         var o;
-        const n = P(e), i = t.precision ?? C.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
-        if (n == !0) {
-          const M = ge(+e, a);
-          ((o = s.value) == null ? void 0 : o.amount) !== M && (s.value = {
+        const a = t.precision ?? C.value, i = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > a ? t.formatMinimumPrecision : a;
+        if (B(e) == !0) {
+          const g = Fe(+e, i);
+          ((o = s.value) == null ? void 0 : o.amount) !== g && (s.value = {
             ...s.value,
-            amount: M
+            amount: g
           });
         }
-        c("update:amount", e);
+      };
+      t.immediateModelUpdate && n(), F && clearTimeout(F), F = setTimeout(() => {
+        t.immediateModelUpdate || n(), c("update:amount", e);
       }, 500);
     }), me(() => {
       F && clearTimeout(F);
     });
-    const Y = Symbol.for("fm:form-state"), S = ce(Y, null), k = v(() => t.disabled ?? (S == null ? void 0 : S.getDisabled()) ?? !1), ee = U(), w = U(!1), j = U(!1), te = v(() => w.value || j.value), ne = Pe(), oe = v(() => {
-      var a;
-      const e = ne.value, n = t.unit.measurements.filter((o) => !ke(o, e)).filter((o) => o.abbrev !== t.unit.abbrev || +b(o.conversion) != 1), i = he.groupBy(
+    const Y = Symbol.for("fm:form-state"), S = ce(Y, null), I = v(() => t.disabled ?? (S == null ? void 0 : S.getDisabled()) ?? !1), ee = k(), w = k(!1), j = k(!1), te = v(() => w.value || j.value), ne = Be(), oe = v(() => {
+      var i;
+      const e = ne.value, n = t.unit.measurements.filter((o) => !Ie(o, e)).filter((o) => o.abbrev !== t.unit.abbrev || +b(o.conversion) != 1), a = he.groupBy(
         n,
         (o) => `${o.abbrev}${b(o.conversion)}`
-      ), l = Object.values(i).map((o) => o[0]);
+      ), l = Object.values(a).map((o) => o[0]);
       return [
         {
-          label: (a = t.unit) == null ? void 0 : a.abbrev,
+          label: (i = t.unit) == null ? void 0 : i.abbrev,
           value: null,
           isBaseUnit: !0,
           conversionLabel: null
@@ -181,7 +184,7 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
             measurement: null
           }, c("update:measurement", null);
         else {
-          const n = t.unit.measurements.find((i) => i.id === e) ?? null;
+          const n = t.unit.measurements.find((a) => a.id === e) ?? null;
           s.value = {
             ...s.value ?? Z(),
             measurement: n
@@ -193,8 +196,8 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
       var m;
       if (!t.convertAmountOnChangeUnit)
         return;
-      const i = ((m = s.value) == null ? void 0 : m.amount) ?? D.reset(), l = t.unit.measurements.find((B) => B.id === n) ?? null, a = t.unit.measurements.find((B) => B.id === e) ?? null, o = l ? G(i, l.conversion) : i, M = a ? Me(o, a.conversion) : o, $ = O(t.unit, a), L = D.convertPrecision({
-        value: M,
+      const a = ((m = s.value) == null ? void 0 : m.amount) ?? D.reset(), l = t.unit.measurements.find((P) => P.id === n) ?? null, i = t.unit.measurements.find((P) => P.id === e) ?? null, o = l ? G(a, l.conversion) : a, g = i ? Me(o, i.conversion) : o, $ = O(t.unit, i), L = D.convertPrecision({
+        value: g,
         precision: $
       });
       f.value = b(L);
@@ -206,30 +209,30 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
       var e, n;
       return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.abbrev) ?? t.unit.abbrev;
     }), z = v(() => {
-      var l, a;
+      var l, i;
       if (V.value) return null;
       const e = (l = s.value) == null ? void 0 : l.measurement;
       if (!e) return null;
-      const n = (a = s.value) == null ? void 0 : a.amount;
+      const n = (i = s.value) == null ? void 0 : i.amount;
       if (!n) return null;
-      const i = G(n, e.conversion);
-      return `= ${b(i)} ${t.unit.abbrev}`;
+      const a = G(n, e.conversion);
+      return `= ${b(a)} ${t.unit.abbrev}`;
     }), se = v(
       () => {
         var e;
         return ((e = t.rules) == null ? void 0 : e.map(
-          (n) => (i) => typeof n == "function" ? n(i) : n
+          (n) => (a) => typeof n == "function" ? n(a) : n
         )) ?? [];
       }
-    ), ae = v(() => [...t.applyDefaultRules ? [
+    ), ie = v(() => [...t.applyDefaultRules ? [
       K(),
       typeof t.precision == "number" ? J(t.precision) : J(t.unit)
     ] : [], ...se.value]);
     function E(e) {
-      const n = t.precision ?? C.value, l = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, a = e.toFixed(l), o = a.includes(".") ? a.replace(/0+$/, "") : a;
+      const n = t.precision ?? C.value, l = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, i = e.toFixed(l), o = i.includes(".") ? i.replace(/0+$/, "") : i;
       return o.endsWith(".") ? o.slice(0, o.length - 1) : o;
     }
-    function ie() {
+    function ae() {
       if (!t.stepper)
         return;
       const e = +f.value + +b(t.stepper);
@@ -242,18 +245,18 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
       f.value = E(e);
     }
     return (e, n) => {
-      const i = x("FmLabel"), l = x("FmIcon"), a = x("FmMenuItem"), o = x("FmMenu"), M = x("FmTooltip"), $ = x("FmField"), L = x("FmFormGroup");
-      return d(), y("div", Be, [
-        u("div", Ue, [
+      const a = x("FmLabel"), l = x("FmIcon"), i = x("FmMenuItem"), o = x("FmMenu"), g = x("FmTooltip"), $ = x("FmField"), L = x("FmFormGroup");
+      return d(), y("div", Pe, [
+        u("div", ke, [
           u("div", Re, [
-            g(i, {
+            M(a, {
               label: e.label,
               disabled: e.disabled,
               required: e.labelMark === "required",
               optional: e.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          g($, { focused: te.value }, {
+          M($, { focused: te.value }, {
             default: _(() => [
               u("div", De, [
                 Q(e.$slots, "prepend"),
@@ -263,8 +266,8 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
                       key: 0,
                       class: q({
                         "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                        "text-fm-color-typo-primary": !k.value,
-                        "text-fm-color-typo-disabled": k.value
+                        "text-fm-color-typo-primary": !I.value,
+                        "text-fm-color-typo-disabled": I.value
                       })
                     }, h(f.value), 3)) : de((d(), y("input", {
                       key: 1,
@@ -276,8 +279,8 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
                       "onUpdate:modelValue": n[2] || (n[2] = (m) => f.value = m),
                       class: q({
                         "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                        "text-fm-color-typo-primary": !k.value,
-                        "text-fm-color-typo-disabled": k.value
+                        "text-fm-color-typo-primary": !I.value,
+                        "text-fm-color-typo-disabled": I.value
                       })
                     }, null, 34)), [
                       [pe, f.value]
@@ -287,7 +290,7 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
                   u("div", {
                     class: q([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
                   }, [
-                    g(M, { "z-index": 51 }, {
+                    M(g, { "z-index": 51 }, {
                       content: _(() => [
                         ye(h(T.value), 1)
                       ]),
@@ -314,17 +317,17 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
                                 })),
                                 u("div", Le, h(T.value), 1)
                               ]),
-                              g(l, { name: "keyboard_arrow_down" })
+                              M(l, { name: "keyboard_arrow_down" })
                             ])
                           ]),
                           default: _(() => [
                             u("div", qe, [
-                              (d(!0), y(fe, null, ve(oe.value, (m) => (d(), R(a, {
+                              (d(!0), y(fe, null, ve(oe.value, (m) => (d(), R(i, {
                                 key: m.value ?? void 0,
                                 label: m.label,
                                 icon: m.isBaseUnit ? void 0 : "square_foot",
                                 "model-value": m.value == N.value,
-                                onClick: (B) => N.value = m.value
+                                onClick: (P) => N.value = m.value
                               }, be({ _: 2 }, [
                                 m.conversionLabel ? {
                                   name: "label",
@@ -348,10 +351,10 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
                   e.stepper ? (d(), y("div", ze, [
                     u("div", {
                       class: "w-24 h-12 flex items-center justify-center fm-corner-radius-sm bg-fm-color-neutral-gray-100 hover:bg-fm-color-neutral-gray-200",
-                      onClick: ie
+                      onClick: ae
                     }, [
                       u("div", Ee, [
-                        g(l, {
+                        M(l, {
                           name: "expand_less",
                           size: "md"
                         })
@@ -362,7 +365,7 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
                       onClick: le
                     }, [
                       u("div", We, [
-                        g(l, {
+                        M(l, {
                           name: "expand_more",
                           size: "md"
                         })
@@ -376,11 +379,11 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
             _: 3
           }, 8, ["focused"])
         ]),
-        g(L, {
+        M(L, {
           class: "flex-1",
           "model-value": { modelValue: s.value, amountAsString: String(f.value) },
           info: e.labelInfo,
-          rules: ae.value,
+          rules: ie.value,
           "helper-text": e.helperText,
           "helper-state": e.helperState
         }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"]),
@@ -391,7 +394,7 @@ const Be = { class: "flex flex-col" }, Ue = { class: "flex flex-col" }, Re = { c
 });
 export {
   ot as F,
-  at as _,
+  it as _,
   tt as a,
   nt as b,
   K as c,

package/dist/{ImportView-3BL5dbPC.js → ImportView-Htolj46U.js}

@@ -2,15 +2,15 @@ import { defineComponent as Te, ref as F, computed as L, watch as Be, resolveCom
 import { u as je, _ as ke } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
 import { useCoreStore as Re, useI18n as Fe } from "@feedmepos/mf-common";
 import { useDialogChild as Oe, useSnackbar as Ae, useDialog as He, useBreakpoints as ze } from "@feedmepos/ui-library";
-import { u as Ke } from "./feature-BtW2IuYH.js";
-import { a as ie } from "./app-D8j93Oqu.js";
-import "./dayjs.min-jzzpE5jZ.js";
+import { u as Ke } from "./feature-fzePklTK.js";
+import { a as ie } from "./app-CNKD3vjZ.js";
+import "./dayjs.min-DPQzGVmJ.js";
 import "./app-C39bYJmq.js";
 import "./FmAdminBadge-DlplQOHb.js";
-import { s as De, a as Ve, d as We, t as Ce, r as Le } from "./xlsx.util-BjqUaVU_.js";
-import { s as Je, g as Xe, b as qe, d as Ge } from "./import-export.helper-xpElLH-b.js";
+import { s as De, a as Ve, d as We, t as Ce, r as Le } from "./xlsx.util-CZOxuAL-.js";
+import { s as Je, g as Xe, b as qe, d as Ge } from "./import-export.helper-BXXH9AYn.js";
 import { r as Qe } from "./random-CSbEbElR.js";
-import { c as Ne, a as pe } from "./number-q25U2atb.js";
+import { c as Ne, a as pe } from "./number-LQ8tdP_1.js";
 import { F as Ye } from "./FmDroppableField-J0tG_U3w.js";
 function Ee() {
   return `measurement_${(/* @__PURE__ */ new Date()).toISOString()}_${Qe()}`;

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-Gt9-RVuI.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-CTlKy5y-.js}

@@ -1,5 +1,5 @@
 import { defineComponent as p, createElementBlock as s, openBlock 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-q25U2atb.js";
+import { a, e as y } from "./number-LQ8tdP_1.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-CrQr-Wcc.js → IngredientGroupView-zZgJ3F9O.js}

@@ -1,5 +1,5 @@
 import { ref as A, computed as G, h as C, defineComponent as j, watch as re, resolveComponent as R, createElementBlock as B, openBlock as F, createVNode as b, createElementVNode as c, unref as i, 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 L, c as P, j as oe, u as Re } from "./app-D8j93Oqu.js";
+import { a as L, c as P, j as oe, u as Re } from "./app-CNKD3vjZ.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-ncgDYAjP.js";
 import { c as Ve } from "./component-BmLAdDiY.js";
 import { u as Ce, _ as De } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DpwneGOV.js";
 import { _ as Ae, F as le } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-DAMpuZ1X.js";
-import { _ as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-BpACpi1j.js";
-import { d as de } from "./defineDeepModel-DBat73w6.js";
-import { I as Te, A as Ee, U as Me, R as ce } from "./rules-_M2oshOW.js";
+import { _ as $e } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-DAFZz6rG.js";
+import { d as de } from "./defineDeepModel-DPmaWR48.js";
+import { I as Te, A as Ee, U as Me, R as ce } from "./rules-BdR1TB3v.js";
 import { L as Ue, P as Be, D as Pe } from "./app-C39bYJmq.js";
-import { u as Le } from "./FmMultiselectDialog-4K4U13Fa.js";
+import { u as Le } from "./FmMultiselectDialog-B5gQRKE6.js";
 import { r as me } from "./random-CSbEbElR.js";
 import { u as ze, R as Ne } from "./usePromise-CbVUCxhj.js";
 const H = ue(