@feedmepos/mf-inventory-portal 1.0.5 → 1.0.7-dev.1

package/dist/{ClosingTemplateView-C_X0J-M4.js → ClosingTemplateView-BsW-nPec.js}

@@ -1,9 +1,9 @@
 import { ref as D, h as F, defineComponent as O, resolveComponent as R, openBlock as T, createElementBlock as I, createElementVNode as _, normalizeClass as Y, createTextVNode as Fe, toDisplayString as C, unref as v, createCommentVNode as K, createVNode as $, 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 Ge, normalizeProps as Ke, guardReactiveProps as Je, mergeProps as We } from "vue";
-import { Y as qe, u as le, aa as Qe, D as Se, i as N, h as Xe, f as Ae, ab as oe, s as Ze, ac as Ee, v as Ue, a as ae, b as et, w as tt, x as Ve, y as nt, z as ot, e as z, G as j, H as st, ad as lt, m as at, E as Ne, A as rt, ae as it, af as ne, B as ct, _ as mt, C as ut } from "./app-ByZGP6to.js";
+import { X as qe, u as le, a9 as Xe, D as Se, h as N, f as Qe, e as Ae, aa as oe, r as Ze, ab as Ee, s as Ue, a as ae, b as et, v as tt, w as Ve, x as nt, y as ot, d as z, E as j, G as st, ac as lt, l as at, C as Ne, A as rt, ad as it, ae as ne, z as ct, _ as mt, B as ut } from "./app-DqrcGlGd.js";
 import { useCoreStore as re, useI18n as B } from "@feedmepos/mf-common";
 import { useDialogChild as dt, useSnackbar as Z, useDialog as ie, FmButtonVariant as De, components as L, useProxiedModel as pt, useBreakpoints as ft } from "@feedmepos/ui-library";
 import { defineStore as Be, storeToRefs as Le } from "pinia";
-import { u as vt } from "./use-ingredient-select-dialog-Cs5SmNLE.js";
+import { u as vt } from "./use-ingredient-select-dialog-CpnJoeWb.js";
 const ee = qe((i, o) => {
   function s() {
     var t;
@@ -96,7 +96,7 @@ const ee = qe((i, o) => {
           accessorKey: "_id",
           header: () => o("inventory.closing.table.createdAt"),
           cell(y) {
-            return Qe(`${y.getValue()}`);
+            return Xe(`${y.getValue()}`);
           },
           enableSorting: !0
         },
@@ -171,7 +171,7 @@ const ee = qe((i, o) => {
               Se[N.Edit],
               Se[N.Delete]
             ];
-            return Xe(u, (n) => m(n, b));
+            return Qe(u, (n) => m(n, b));
           },
           enableSorting: !1,
           size: 40,
@@ -1178,7 +1178,7 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
       ]);
     };
   }
-}), 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({
+}), Wt = { class: "flex flex-col gap-16" }, qt = { class: "flex flex-col gap-24" }, Xt = { class: "flex flex-col gap-16" }, Qt = { 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: {},
@@ -1272,8 +1272,8 @@ const Ht = { class: "flex flex-col gap-16 py-12" }, Ot = { class: "flex" }, jt =
               }, null, 8, ["label", "modelValue"])
             ])
           ]),
-          _("div", Qt, [
-            _("div", Xt, [
+          _("div", Xt, [
+            _("div", Qt, [
               _("div", Zt, C(v(e)("inventory.closing.form.locations")), 1),
               $(c, {
                 disabled: n.disabled,
@@ -1741,7 +1741,7 @@ const un = /* @__PURE__ */ it(cn, [["render", mn]]), dn = { class: "flex flex-co
                     onRowClick: (U) => v(l)(U)
                   }, {
                     default: P((U) => {
-                      var me, ue, de, W, pe, fe, ve, ge, q, ye, he, be, _e, xe, we, Q, ke, Te, $e, Ce, X, Ie;
+                      var me, ue, de, W, pe, fe, ve, ge, q, ye, he, be, _e, xe, we, X, ke, Te, $e, Ce, Q, Ie;
                       return [
                         _("div", $n, [
                           _("div", Cn, [
@@ -1767,14 +1767,14 @@ const un = /* @__PURE__ */ it(cn, [["render", mn]]), dn = { class: "flex flex-co
                             _("div", Mn, [
                               $(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)
+                                props: (ke = (X = U.ref) == null ? void 0 : X.getContext) == null ? void 0 : ke.call(X)
                               }, null, 8, ["render", "props"])
                             ])
                           ]),
                           _("div", null, [
                             $(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)
+                              props: (Ie = (Q = U.status) == null ? void 0 : Q.getContext) == null ? void 0 : Ie.call(Q)
                             }, null, 8, ["render", "props"])
                           ])
                         ])

package/dist/{DeliveryOrderPrintPreview-BneNiMcQ.js → DeliveryOrderPrintPreview-DQ4msDpJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as x, computed as f, ref as h, onMounted as g, openBlock as u, createElementBlock as i, createElementVNode as t, createTextVNode as n, toDisplayString as e, createCommentVNode as d, Fragment as o, renderList as p, normalizeClass as _ } from "vue";
 import { useRoute as k } from "vue-router";
-import { ar as y, ae as w } from "./app-ByZGP6to.js";
+import { aq as y, ad as w } from "./app-DqrcGlGd.js";
 const c = { class: "purchase-box" }, A = { valign: "bottom" }, N = { class: "sub-header" }, O = ["src"], P = { style: { "padding-left": "10px" } }, C = { class: "address" }, D = { class: "text-right" }, R = {
   key: 0,
   class: "subtitle"

package/dist/{FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-BJWjd3-f.js → FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-TnVI2vdF.js}

@@ -1,30 +1,30 @@
-import { j as T, t as I, ao as w, u as R, at as B, aE as H, aF as z, aG as U } from "./app-ByZGP6to.js";
-import { u as D } from "./supplier-DfKwECUI.js";
-import { P as F } from "./format-unit-display-Bixr5QQV.js";
+import { i as T, t as I, an as w, u as R, as as B, aD as H, aE as D, aF as U } from "./app-DqrcGlGd.js";
+import { u as z } from "./supplier-CnrH580K.js";
+import { P as F } from "./format-unit-display-DUWzu8vU.js";
 import { computed as f, defineComponent as j, mergeModels as q, useModel as x, ref as W, resolveComponent as V, openBlock as S, createElementBlock as N, normalizeStyle as $, createElementVNode as O, createVNode as J, withCtx as K, createBlock as g, createCommentVNode as A, Fragment as Q, renderList as X, unref as M } from "vue";
 function Y(t, i, a) {
-  var o;
-  if (!!i.measurement === !!a && ((o = i.measurement) == null ? void 0 : o.id) === a)
+  var s;
+  if (!!i.measurement === !!a && ((s = i.measurement) == null ? void 0 : s.id) === a)
     return i;
   if (!a)
     return {
       costPerUnit: i.costPerUnit
     };
-  const s = t.measurements.find((p) => p.id === a);
-  return s ? {
+  const o = t.measurements.find((p) => p.id === a);
+  return o ? {
     costPerUnit: i.costPerUnit,
-    measurement: s
+    measurement: o
   } : {
     costPerUnit: i.costPerUnit
   };
 }
-function oe(t, i, a, l) {
+function se(t, i, a, l) {
   var P, _, n;
   if (l != null && l.manualTotalCost)
     return l == null ? void 0 : l.manualTotalCost;
   const u = (n = (_ = (P = l == null ? void 0 : l.supplier) == null ? void 0 : P.supplyItems) == null ? void 0 : _.find(
     (e) => e.skuId === t._id
-  )) == null ? void 0 : n.defaultCost, s = t.defaultCost ? Y(t.unit, t.defaultCost, t.trackingMeasurement) : void 0, o = u ?? s, p = o == null ? void 0 : o.costPerUnit, y = p ? o != null && o.measurement ? +T(p) / +T(o == null ? void 0 : o.measurement.conversion) : +T(p) : void 0, v = y ? a ? y * +T(a.conversion) : y : void 0, h = v ? +T(i) * v : void 0;
+  )) == null ? void 0 : n.defaultCost, o = t.defaultCost ? Y(t.unit, t.defaultCost, t.trackingMeasurement) : void 0, s = u ?? o, p = s == null ? void 0 : s.costPerUnit, y = p ? s != null && s.measurement ? +T(p) / +T(s == null ? void 0 : s.measurement.conversion) : +T(p) : void 0, v = y ? a ? y * +T(a.conversion) : y : void 0, h = v ? +T(i) * v : void 0;
   return h ? {
     ...I(h ?? 0, 2),
     currency: w()
@@ -55,20 +55,20 @@ function L(t) {
     }
   };
 }
-function se(t, i, a = !1, l = !1) {
-  const u = D(), s = R();
-  s.watchLocation(async () => {
+function oe(t, i, a = !1, l = !1) {
+  const u = z(), o = R();
+  o.watchLocation(async () => {
     var b;
     await u.readSuppliers();
     const n = t();
     if ((b = n.supplier) != null && b._id) return;
-    const e = l ? u.suppliers[0] : u.businessSuppliers[0], r = (a ? s.locations.filter((m) => m.doc._id !== s.currentLocation.doc._id) : s.locations)[0];
+    const e = l ? u.suppliers[0] : u.businessSuppliers[0], r = (a ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations)[0];
     i({
       ...n,
       supplier: e ? k(e) : r ? L(r) : n.supplier
     });
   });
-  const o = f(
+  const s = f(
     () => {
       var n, e;
       return typeof ((e = (n = t()) == null ? void 0 : n.supplier) == null ? void 0 : e.internal) == "string" ? F.TRANSFER : F.PURCHASE;
@@ -80,7 +80,7 @@ function se(t, i, a = !1, l = !1) {
     },
     set(n) {
       const e = t() ?? {};
-      if (o.value === F.PURCHASE) {
+      if (s.value === F.PURCHASE) {
         const C = (l ? u.suppliers : u.businessSuppliers).find((E) => E._id === n);
         i({
           ...e,
@@ -88,7 +88,7 @@ function se(t, i, a = !1, l = !1) {
         });
         return;
       }
-      const b = (a ? s.locations.filter((m) => m.doc._id !== s.currentLocation.doc._id) : s.locations).find((m) => m.doc._id === n);
+      const b = (a ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === n);
       i({
         ...e,
         supplier: b ? L(b) : e.supplier
@@ -99,10 +99,10 @@ function se(t, i, a = !1, l = !1) {
     return l ? [...e, ...n] : e;
   }), c = f(() => {
     var d;
-    const n = ((d = s._currentLocation) == null ? void 0 : d.type) === B.warehouse;
-    return (a ? s.locations.filter((r) => r.doc._id !== s.currentLocation.doc._id) : s.locations).filter((r) => n || r.acceptRequest).map(L);
+    const n = ((d = o._currentLocation) == null ? void 0 : d.type) === B.warehouse;
+    return (a ? o.locations.filter((r) => r.doc._id !== o.currentLocation.doc._id) : o.locations).filter((r) => n || r.acceptRequest).map(L);
   }), P = f(() => {
-    if (o.value === F.PURCHASE) {
+    if (s.value === F.PURCHASE) {
       const e = y.value.map((r) => ({
         label: r.name,
         value: r._id
@@ -121,11 +121,11 @@ function se(t, i, a = !1, l = !1) {
   }), _ = f(() => {
     var r, b;
     const n = (b = (r = t()) == null ? void 0 : r.supplier) == null ? void 0 : b._id;
-    if (o.value === F.PURCHASE) {
+    if (s.value === F.PURCHASE) {
       const m = u.suppliers.find((C) => C._id === n);
       return m ? k(m) : null;
     }
-    const d = s.locations.find((m) => m.doc._id);
+    const d = o.locations.find((m) => m.doc._id);
     return d ? L(d) : null;
   });
   return {
@@ -153,18 +153,18 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
   emits: ["update:search"],
   setup(t) {
     const i = t, a = x(t, "search"), l = f(
-      () => new z(i.items, ["label", "sublabel"], i.options)
-    ), u = f(() => l.value.search(a.value)), s = W();
-    return console.log({ stickyRef: s }), (o, p) => {
+      () => new D(i.items, ["label", "sublabel"], i.options)
+    ), u = f(() => l.value.search(a.value)), o = W();
+    return console.log({ stickyRef: o }), (s, p) => {
       const y = V("FmButton"), v = V("FmTextField"), h = V("FmMenuItem");
       return S(), N("div", {
         class: "relative",
-        style: $({ width: o.width })
+        style: $({ width: s.width })
       }, [
         O("div", {
           class: "sticky top-0 bg-white mb-8",
           ref_key: "stickyRef",
-          ref: s
+          ref: o
         }, [
           J(v, {
             modelValue: a.value,
@@ -187,11 +187,11 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
             key: P,
             label: c.label,
             sublabel: c.sublabel,
-            "model-value": M(U)(o.modelValue, c.value),
-            onClick: () => o.handleItemChange(M(U)(o.modelValue, c.value), c),
+            "model-value": M(U)(s.modelValue, c.value),
+            onClick: () => s.handleItemChange(M(U)(s.modelValue, c.value), c),
             onVnodeMounted: (_) => {
               var n, e;
-              return M(U)(o.modelValue, c.value) && ((n = _.el) == null || n.scrollIntoView({ behavior: "instant", block: "end" }), (e = _.el) == null || e.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
+              return M(U)(s.modelValue, c.value) && ((n = _.el) == null || n.scrollIntoView({ behavior: "instant", block: "end" }), (e = _.el) == null || e.scrollIntoView({ behavior: "smooth", block: "center" })), void 0;
             }
           }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
           u.value.length ? A("", !0) : (S(), g(h, {
@@ -206,6 +206,6 @@ const Z = { class: "overflow-y-auto h-full pb-8" }, ae = /* @__PURE__ */ j({
 });
 export {
   ae as _,
-  oe as c,
-  se as u
+  se as c,
+  oe as u
 };

package/dist/FmUnitInput.vue_vue_type_script_setup_true_lang-BRvXmLV6.js

@@ -0,0 +1,338 @@
+import { defineComponent as se, mergeModels as z, useModel as ie, computed as v, ref as k, watch as O, onBeforeUnmount as le, inject as ae, resolveComponent as b, openBlock as f, createElementBlock as y, createElementVNode as u, createVNode as h, withCtx as F, renderSlot as q, normalizeClass as T, toDisplayString as A, withDirectives as ue, vModelText as re, createCommentVNode as W, createTextVNode as me, createBlock as E, Fragment as ce, renderList as de } from "vue";
+import { $ as B, I as D, P as L, K as pe, i as M, aB as fe, t as ve, J as be, ah as ye, az as he, ay as Me } from "./app-DqrcGlGd.js";
+import "@feedmepos/ui-library";
+function G() {
+  return {
+    amount: B.reset()
+  };
+}
+function J() {
+  return function(p) {
+    return D()(p.amountAsString);
+  };
+}
+function Te(l) {
+  return function(t) {
+    return D()(t.amountAsString) !== !0 ? !0 : +t.amountAsString < l ? `Must be at least ${l}` : !0;
+  };
+}
+function Le(l) {
+  return function(t) {
+    return D()(t.amountAsString) !== !0 ? !0 : +t.amountAsString > l ? `Must be at most ${l}` : !0;
+  };
+}
+function H(l, p = !1) {
+  return function(m) {
+    const s = J()(m);
+    if (s != !0)
+      return p ? s : !0;
+    const _ = typeof l == "number" ? l : L(l, m.modelValue.measurement);
+    return pe(+m.amountAsString).precision > _ ? `Cannot exceed precision more than ${M({
+      amount: 1,
+      precision: _
+    })}` : !0;
+  };
+}
+function $e(l) {
+  const p = fe(l);
+  return function(m) {
+    return p(m.modelValue.amount);
+  };
+}
+const ge = { class: "flex flex-col" }, xe = { class: "flex flex-col" }, Fe = { class: "flex-1" }, Ae = { class: "flex items-center gap-4" }, _e = { class: "flex-1 flex gap-4" }, Pe = { class: "shrink-0 grow basis-2/5" }, Ie = {
+  key: 0,
+  class: "text-fm-color-typo-secondary"
+}, ke = {
+  key: 0,
+  class: "line-clamp-1 text-ellipsis break-all"
+}, Be = { class: "flex items-center gap-4" }, De = { class: "line-clamp-1 text-ellipsis break-all" }, Re = { class: "max-w-[200px] flex flex-col gap-[1px]" }, Ue = {
+  key: 1,
+  class: "flex flex-col gap-4 pl-8 shrink-0"
+}, we = {
+  class: "flex items-center",
+  style: { "pointer-events": "none" }
+}, Ce = {
+  class: "flex items-center",
+  style: { "pointer-events": "none" }
+}, je = /* @__PURE__ */ se({
+  __name: "FmUnitInput",
+  props: /* @__PURE__ */ z({
+    modelValue: {},
+    unit: {},
+    rules: {},
+    zIndex: {},
+    applyDefaultRules: { type: Boolean },
+    placement: {},
+    separator: {},
+    precision: {},
+    convertAmountOnChangeUnit: { type: Boolean },
+    formatMinimumPrecision: {},
+    disableUnit: { type: Boolean },
+    stepperOnly: { type: Boolean },
+    stepper: {},
+    placeholder: {},
+    minLength: {},
+    maxLength: {},
+    inputmode: {},
+    type: {},
+    readonly: { type: Boolean },
+    labelMark: {},
+    prependIcon: {},
+    appendIcon: {},
+    showValidBorder: { type: Boolean },
+    labelInfo: {},
+    showWordCount: { type: Boolean },
+    invalid: { type: Boolean },
+    autofocus: { type: Boolean },
+    formatter: { type: Function },
+    decimal: {},
+    datalist: {},
+    shiftDatalist: { type: Boolean },
+    datalistMaxHeight: {},
+    datalistMinHeight: {},
+    offsetDatalist: {},
+    datalistPlacement: {},
+    datalistZIndex: {},
+    datalistWidth: {},
+    label: {},
+    disabled: { type: Boolean },
+    focused: { type: Boolean },
+    helperText: {},
+    helperState: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ z(["update:amount", "update:measurement"], ["update:modelValue"]),
+  setup(l, { emit: p }) {
+    const t = l, m = p, s = ie(l, "modelValue"), _ = D(), R = v(() => {
+      var n;
+      return L(t.unit, (n = s.value) == null ? void 0 : n.measurement);
+    }), d = k((() => {
+      var o;
+      const e = ((o = s.value) == null ? void 0 : o.amount) ?? B.reset(), n = he(e), i = t.formatMinimumPrecision ?? n.precision, a = Me(n, i);
+      return M(a);
+    })());
+    let x = null;
+    O(d, (e) => {
+      x && clearTimeout(x), x = setTimeout(() => {
+        var r;
+        const n = _(e), i = t.precision ?? R.value, o = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > i ? t.formatMinimumPrecision : i;
+        if (n == !0) {
+          const g = ve(+e, o);
+          ((r = s.value) == null ? void 0 : r.amount) !== g && (s.value = {
+            ...s.value,
+            amount: g
+          });
+        }
+        m("update:amount", e);
+      }, 500);
+    }), le(() => {
+      x && clearTimeout(x);
+    });
+    const Z = Symbol.for("fm:form-state"), U = ae(Z, null), P = v(() => t.disabled ?? (U == null ? void 0 : U.getDisabled()) ?? !1), Q = k(), w = k(!1), $ = k(!1), X = v(() => w.value || $.value), Y = v(() => {
+      var a;
+      const i = [...t.unit.measurements.filter((o) => !o.name.toLocaleLowerCase().includes("inactive")).filter((o) => o.abbrev !== t.unit.abbrev || +M(o.conversion) != 1).groupBy(
+        (o) => `${o.abbrev}${M(o.conversion)}`
+      ).values()].map((o) => o[0]).flat();
+      return [
+        {
+          label: (a = t.unit) == null ? void 0 : a.abbrev,
+          value: null
+        },
+        ...i.map((o) => ({
+          label: o.abbrev,
+          value: o.id
+        }))
+      ];
+    }), C = v({
+      get() {
+        var e, n;
+        return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.id) ?? null;
+      },
+      set(e) {
+        if (e == null)
+          s.value = {
+            ...s.value ?? G(),
+            measurement: null
+          }, m("update:measurement", null);
+        else {
+          const n = t.unit.measurements.find((i) => i.id === e) ?? null;
+          s.value = {
+            ...s.value ?? G(),
+            measurement: n
+          }, m("update:measurement", n);
+        }
+      }
+    });
+    O(C, (e, n) => {
+      var c;
+      if (!t.convertAmountOnChangeUnit)
+        return;
+      const i = ((c = s.value) == null ? void 0 : c.amount) ?? B.reset(), a = t.unit.measurements.find((I) => I.id === n) ?? null, o = t.unit.measurements.find((I) => I.id === e) ?? null, r = a ? be(i, a.conversion) : i, g = o ? ye(r, o.conversion) : r, S = L(t.unit, o), V = B.convertPrecision({
+        value: g,
+        precision: S
+      });
+      d.value = M(V);
+    });
+    const N = v(() => {
+      var e, n;
+      return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.abbrev) ?? t.unit.abbrev;
+    }), ee = v(
+      () => {
+        var e;
+        return ((e = t.rules) == null ? void 0 : e.map(
+          (n) => (i) => typeof n == "function" ? n(i) : n
+        )) ?? [];
+      }
+    ), te = v(() => [...t.applyDefaultRules ? [
+      J(),
+      typeof t.precision == "number" ? H(t.precision) : H(t.unit)
+    ] : [], ...ee.value]);
+    function j(e) {
+      const n = t.precision ?? R.value, a = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > n ? t.formatMinimumPrecision : n, o = e.toFixed(a), r = o.includes(".") ? o.replace(/0+$/, "") : o;
+      return r.endsWith(".") ? r.slice(0, r.length - 1) : r;
+    }
+    function ne() {
+      if (!t.stepper)
+        return;
+      const e = +d.value + +M(t.stepper);
+      d.value = j(e);
+    }
+    function oe() {
+      if (!t.stepper)
+        return;
+      const e = +d.value - +M(t.stepper);
+      d.value = j(e);
+    }
+    return (e, n) => {
+      const i = b("FmLabel"), a = b("FmIcon"), o = b("FmMenuItem"), r = b("FmMenu"), g = b("FmTooltip"), S = b("FmField"), V = b("FmFormGroup");
+      return f(), y("div", ge, [
+        u("div", xe, [
+          u("div", Fe, [
+            h(i, {
+              label: e.label,
+              disabled: e.disabled,
+              required: e.labelMark === "required",
+              optional: e.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          h(S, { focused: X.value }, {
+            default: F(() => [
+              u("div", Ae, [
+                q(e.$slots, "prepend"),
+                u("div", _e, [
+                  u("div", Pe, [
+                    e.stepperOnly ? (f(), y("span", {
+                      key: 0,
+                      class: T({
+                        "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                        "text-fm-color-typo-primary": !P.value,
+                        "text-fm-color-typo-disabled": P.value
+                      })
+                    }, A(d.value), 3)) : ue((f(), y("input", {
+                      key: 1,
+                      type: "text",
+                      ref_key: "inputRef",
+                      ref: Q,
+                      onFocus: n[0] || (n[0] = () => w.value = !0),
+                      onBlur: n[1] || (n[1] = () => w.value = !1),
+                      "onUpdate:modelValue": n[2] || (n[2] = (c) => d.value = c),
+                      class: T({
+                        "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                        "text-fm-color-typo-primary": !P.value,
+                        "text-fm-color-typo-disabled": P.value
+                      })
+                    }, null, 34)), [
+                      [re, d.value]
+                    ])
+                  ]),
+                  e.separator ? (f(), y("div", Ie, A(e.separator), 1)) : W("", !0),
+                  u("div", {
+                    class: T([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
+                  }, [
+                    h(g, { "z-index": 51 }, {
+                      content: F(() => [
+                        me(A(N.value), 1)
+                      ]),
+                      default: F(() => [
+                        e.disableUnit ? (f(), y("div", ke, A(N.value), 1)) : (f(), E(r, {
+                          key: 1,
+                          onMenuChanged: n[3] || (n[3] = (c) => $.value = c),
+                          "z-index": 500,
+                          placement: e.placement,
+                          disabled: e.disabled
+                        }, {
+                          "menu-button": F(() => [
+                            u("div", Be, [
+                              u("div", De, A(N.value), 1),
+                              h(a, { name: "keyboard_arrow_down" })
+                            ])
+                          ]),
+                          default: F(() => [
+                            u("div", Re, [
+                              (f(!0), y(ce, null, de(Y.value, (c) => (f(), E(o, {
+                                key: c.value ?? void 0,
+                                label: c.label,
+                                "model-value": c.value == C.value,
+                                onClick: (I) => C.value = c.value
+                              }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                            ])
+                          ]),
+                          _: 1
+                        }, 8, ["placement", "disabled"]))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  e.stepper ? (f(), y("div", Ue, [
+                    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: ne
+                    }, [
+                      u("div", we, [
+                        h(a, {
+                          name: "expand_less",
+                          size: "md"
+                        })
+                      ])
+                    ]),
+                    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: oe
+                    }, [
+                      u("div", Ce, [
+                        h(a, {
+                          name: "expand_more",
+                          size: "md"
+                        })
+                      ])
+                    ])
+                  ])) : W("", !0)
+                ]),
+                q(e.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        h(V, {
+          class: "flex-1",
+          "model-value": { modelValue: s.value, amountAsString: String(d.value) },
+          info: e.labelInfo,
+          rules: te.value,
+          "helper-text": e.helperText,
+          "helper-state": e.helperState
+        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+});
+export {
+  Te as F,
+  je as _,
+  Le as a,
+  $e as b,
+  J as c,
+  H as d
+};

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-BhfVsV9p.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-BHLx7Lbo.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 { j as a, K as y } from "./app-ByZGP6to.js";
+import { i as a, J as y } from "./app-DqrcGlGd.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-NyW26_DP.js → IngredientGroupView-CF2GLMSD.js}

@@ -1,5 +1,5 @@
 import { ref as F, computed as C, defineComponent as Y, resolveComponent as S, openBlock as M, createBlock as O, withCtx as R, createElementVNode as x, createVNode as g, unref as l, createElementBlock as ee, toDisplayString as j, createTextVNode as te, watch as ue, isRef as ce, normalizeClass as de, normalizeStyle as me, createSlots as pe, Teleport as fe, normalizeProps as ve, guardReactiveProps as ge } from "vue";
-import { a as J, e as h, f as B, h as ye, D as oe, i as Q, H as be, m as _e, A as xe, J as ne, q as se, u as ke, B as he, _ as we, C as Se, E as Ie, G as ae } from "./app-ByZGP6to.js";
+import { a as J, d as h, e as B, f as ye, D as oe, h as Q, G as be, l as _e, A as xe, H as ne, p as se, u as ke, z as he, _ as we, B as Se, C as Ie, E as ae } from "./app-DqrcGlGd.js";
 import { useDialog as le, useSnackbar as Z, useProxiedModel as Ce, useBreakpoints as Fe } from "@feedmepos/ui-library";
 import { useI18n as W } from "@feedmepos/mf-common";
 import { defineStore as ie, storeToRefs as re } from "pinia";
@@ -276,7 +276,7 @@ const X = ie(
         class: "flex flex-col gap-32"
       }, {
         default: R(() => {
-          var I, D, V, T, L;
+          var I, D, V, T, z;
           return [
             x("div", Ae, [
               g(n, {
@@ -301,10 +301,10 @@ const X = ie(
                   onClick: s[2] || (s[2] = (k) => G())
                 }, {
                   default: R(() => {
-                    var k, E, $, z, N, K, q, P, H;
+                    var k, E, $, L, N, K, q, P, H;
                     return [
                       ($ = (E = (k = l(o)) == null ? void 0 : k.skus) == null ? void 0 : E[0]) != null && $.name ? (M(), ee("span", Ve, [
-                        x("span", Ee, "[" + j((K = (N = (z = l(o)) == null ? void 0 : z.skus) == null ? void 0 : N[0]) == null ? void 0 : K.code) + "]", 1),
+                        x("span", Ee, "[" + j((K = (N = (L = l(o)) == null ? void 0 : L.skus) == null ? void 0 : N[0]) == null ? void 0 : K.code) + "]", 1),
                         te(" " + j((H = (P = (q = l(o)) == null ? void 0 : q.skus) == null ? void 0 : P[0]) == null ? void 0 : H.name), 1)
                       ])) : (M(), ee("span", Re, j("Click to select main item")))
                     ];
@@ -346,7 +346,7 @@ const X = ie(
                 }),
                 draggable: "",
                 "hide-footer": "",
-                "page-size": ((L = l(o).skus) == null ? void 0 : L.length) ?? 0
+                "page-size": ((z = l(o).skus) == null ? void 0 : z.length) ?? 0
               }, null, 8, ["row-data", "page-size"])
             ])
           ];
@@ -491,7 +491,7 @@ const X = ie(
       }, 8, ["model-value", "header"]);
     };
   }
-}), Le = { class: "flex flex-col py-8" }, ze = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qe = /* @__PURE__ */ Y({
+}), ze = { class: "flex flex-col py-8" }, Le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ne = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Qe = /* @__PURE__ */ Y({
   __name: "IngredientGroupView",
   setup(U) {
     const c = J(), w = C(() => c.skuGroups), o = ke(), { t: r } = W(), {
@@ -558,13 +558,13 @@ const X = ie(
                   onRowClick: l(p)
                 }, pe({
                   default: R((T) => {
-                    var L, k, E, $, z, N, K, q, P, H;
+                    var z, k, E, $, L, N, K, q, P, H;
                     return [
-                      x("div", Le, [
-                        x("div", ze, [
+                      x("div", ze, [
+                        x("div", Le, [
                           g(l(ae), {
-                            render: (E = (k = (L = T.code) == null ? void 0 : L.column) == null ? void 0 : k.columnDef) == null ? void 0 : E.cell,
-                            props: (z = ($ = T.code) == null ? void 0 : $.getContext) == null ? void 0 : z.call($)
+                            render: (E = (k = (z = T.code) == null ? void 0 : z.column) == null ? void 0 : k.columnDef) == null ? void 0 : E.cell,
+                            props: (L = ($ = T.code) == null ? void 0 : $.getContext) == null ? void 0 : L.call($)
                           }, null, 8, ["render", "props"])
                         ]),
                         x("div", Ne, [