@feedmepos/mf-inventory-portal 1.8.0-dev.8 → 1.8.1

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-DQlSMRoB.js → FmUnitInput.vue_vue_type_script_setup_true_lang-D1-MLyJi.js}

@@ -1,64 +1,63 @@
-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-BSpmyaE1.js";
-import { w as D } from "./app-Duum3eHx.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-5ZeFx-wN.js";
-import { I as U, a as Ae } from "./rules-CinZKpvV.js";
+import { defineComponent as re, mergeModels as H, useModel as me, computed as v, ref as R, watch as Q, onBeforeUnmount as ce, inject as de, resolveComponent as M, createElementBlock as y, openBlock as d, createElementVNode as u, createVNode as x, createCommentVNode as A, withCtx as _, renderSlot as G, withDirectives as pe, normalizeClass as q, toDisplayString as h, vModelText as fe, createBlock as C, Fragment as ve, renderList as be, createSlots as ye, createTextVNode as he } from "vue";
+import { l as Me } from "./netsuite-BgB1tjJx.js";
+import { s as B } from "./app-tiHt7P8o.js";
+import { I as U, g as O, a as b, c as xe, h as Z, q as ge, b as _e, u as Fe, t as Ae } from "./rules-BpG29H9Z.js";
 import "@feedmepos/ui-library";
-import { P as Ue } from "./feature-C0hQza5A.js";
-import { u as Be, a as Ie } from "./uom-rules-DCnXmEkb.js";
-function Z() {
+import { P as Be } from "./feature-BuUIX2LY.js";
+import { u as Ue, a as Ie } from "./uom-rules-BErW6UQ4.js";
+function J() {
   return {
-    amount: D.reset()
+    amount: B.reset()
   };
 }
-function K() {
+function X() {
   return function(p) {
     return U()(p.amountAsString);
   };
 }
-function tt(r) {
+function et(r) {
   return function(t) {
     return U()(t.amountAsString) !== !0 ? !0 : +t.amountAsString < r ? `Must be at least ${r}` : !0;
   };
 }
-function nt(r) {
+function tt(r) {
   return function(t) {
     return U()(t.amountAsString) !== !0 ? !0 : +t.amountAsString > r ? `Must be at most ${r}` : !0;
   };
 }
-function J(r, p = !1) {
+function K(r, p = !1) {
   return function(c) {
-    const s = K()(c);
+    const s = X()(c);
     if (s != !0)
       return p ? s : !0;
-    const B = typeof r == "number" ? r : O(r, c.modelValue.measurement);
-    return xe(+c.amountAsString).precision > B ? `Cannot exceed precision more than ${b({
+    const I = typeof r == "number" ? r : O(r, c.modelValue.measurement);
+    return B.fromNumber(+c.amountAsString).precision > I ? `Cannot exceed precision more than ${b({
       amount: 1,
-      precision: B
+      precision: I
     })}` : !0;
   };
 }
-function ot(r) {
-  const p = Ae(r);
+function nt(r) {
+  const p = xe(r);
   return function(c) {
     return p(c.modelValue.amount);
   };
 }
-function st(r) {
+function ot(r) {
   return function(t) {
     if (U()(t.amountAsString) !== !0)
       return !0;
-    const s = Ue.validateQuantityAgainstTemplateItem({
+    const s = Be.validateQuantityAgainstTemplateItem({
       quantity: t.modelValue.amount,
       templateItem: r
     });
     return s.length === 0 ? !0 : s[0];
   };
 }
-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 = {
+const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { class: "flex-1" }, Ce = { class: "flex items-center gap-4" }, De = { class: "flex-1 flex gap-4" }, we = { class: "shrink-0 grow basis-2/5" }, Ne = {
   key: 0,
   class: "text-fm-color-typo-secondary"
-}, Ne = {
+}, Se = {
   key: 0,
   class: "flex"
 }, Ve = { class: "line-clamp-1 text-ellipsis break-all" }, Te = { class: "flex items-center gap-4" }, $e = { class: "flex items-center" }, Le = { class: "line-clamp-1 text-ellipsis break-all" }, qe = { class: "max-w-[200px] flex flex-col gap-[1px]" }, Oe = { class: "flex flex-col" }, je = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ze = {
@@ -73,9 +72,9 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
 }, He = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-1"
-}, it = /* @__PURE__ */ ue({
+}, st = /* @__PURE__ */ re({
   __name: "FmUnitInput",
-  props: /* @__PURE__ */ W({
+  props: /* @__PURE__ */ H({
     modelValue: {},
     unit: {},
     rules: {},
@@ -90,6 +89,7 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
     stepperOnly: { type: Boolean },
     stepper: {},
     immediateModelUpdate: { type: Boolean },
+    showMeasurementConversion: { type: Boolean },
     placeholder: {},
     minLength: {},
     maxLength: {},
@@ -123,23 +123,23 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
     modelValue: {},
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ W(["update:amount", "update:measurement"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ H(["update:amount", "update:measurement"], ["update:modelValue"]),
   setup(r, { emit: p }) {
-    const t = r, c = p, s = re(r, "modelValue"), B = U(), C = v(() => {
+    const t = r, c = p, s = me(r, "modelValue"), I = U(), D = v(() => {
       var n;
       return O(t.unit, (n = s.value) == null ? void 0 : n.measurement);
-    }), f = k((() => {
+    }), f = R((() => {
       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);
+      const e = ((i = s.value) == null ? void 0 : i.amount) ?? B.reset(), n = _e(e), a = t.formatMinimumPrecision ?? n.precision, l = Fe(n, a);
       return b(l);
     })());
     let F = null;
-    H(f, (e) => {
+    Q(f, (e) => {
       const n = () => {
         var o;
-        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);
+        const a = t.precision ?? D.value, i = typeof t.formatMinimumPrecision == "number" && t.formatMinimumPrecision > a ? t.formatMinimumPrecision : a;
+        if (I(e) == !0) {
+          const g = Ae(+e, i);
           ((o = s.value) == null ? void 0 : o.amount) !== g && (s.value = {
             ...s.value,
             amount: g
@@ -149,12 +149,16 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
       t.immediateModelUpdate && n(), F && clearTimeout(F), F = setTimeout(() => {
         t.immediateModelUpdate || n(), c("update:amount", e);
       }, 500);
-    }), me(() => {
+    }), ce(() => {
       F && clearTimeout(F);
     });
-    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(() => {
+    const ee = Symbol.for("fm:form-state"), w = de(ee, null), P = v(() => t.disabled ?? (w == null ? void 0 : w.getDisabled()) ?? !1), te = R(), N = R(!1), j = R(!1), ne = v(() => N.value || j.value), oe = Ue();
+    function z(e) {
+      return `1 ${e.abbrev} = ${b(e.conversion)} ${t.unit.abbrev}`;
+    }
+    const se = 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(
+      const e = oe.value, n = t.unit.measurements.filter((o) => !Ie(o, e)).filter((o) => o.abbrev !== t.unit.abbrev || +b(o.conversion) != 1), a = Me.groupBy(
         n,
         (o) => `${o.abbrev}${b(o.conversion)}`
       ), l = Object.values(a).map((o) => o[0]);
@@ -169,10 +173,10 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
           label: o.abbrev,
           value: o.id,
           isBaseUnit: !1,
-          conversionLabel: `1 ${o.abbrev} = ${b(o.conversion)} ${t.unit.abbrev}`
+          conversionLabel: z(o)
         }))
       ];
-    }), N = v({
+    }), S = v({
       get() {
         var e, n;
         return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.id) ?? null;
@@ -180,23 +184,23 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
       set(e) {
         if (e == null)
           s.value = {
-            ...s.value ?? Z(),
+            ...s.value ?? J(),
             measurement: null
           }, c("update:measurement", null);
         else {
           const n = t.unit.measurements.find((a) => a.id === e) ?? null;
           s.value = {
-            ...s.value ?? Z(),
+            ...s.value ?? J(),
             measurement: n
           }, c("update:measurement", n);
         }
       }
     });
-    H(N, (e, n) => {
+    Q(S, (e, n) => {
       var m;
       if (!t.convertAmountOnChangeUnit)
         return;
-      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({
+      const a = ((m = s.value) == null ? void 0 : m.amount) ?? B.reset(), l = t.unit.measurements.find((k) => k.id === n) ?? null, i = t.unit.measurements.find((k) => k.id === e) ?? null, o = l ? Z(a, l.conversion) : a, g = i ? ge(o, i.conversion) : o, $ = O(t.unit, i), L = B.convertPrecision({
         value: g,
         precision: $
       });
@@ -208,100 +212,102 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
     }), T = v(() => {
       var e, n;
       return ((n = (e = s.value) == null ? void 0 : e.measurement) == null ? void 0 : n.abbrev) ?? t.unit.abbrev;
-    }), z = v(() => {
+    }), E = v(() => {
       var l, i;
       if (V.value) return null;
       const e = (l = s.value) == null ? void 0 : l.measurement;
       if (!e) return null;
+      if (t.showMeasurementConversion)
+        return z(e);
       const n = (i = s.value) == null ? void 0 : i.amount;
       if (!n) return null;
-      const a = G(n, e.conversion);
+      const a = Z(n, e.conversion);
       return `= ${b(a)} ${t.unit.abbrev}`;
-    }), se = v(
+    }), ie = v(
       () => {
         var e;
         return ((e = t.rules) == null ? void 0 : e.map(
           (n) => (a) => typeof n == "function" ? n(a) : n
         )) ?? [];
       }
-    ), 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, i = e.toFixed(l), o = i.includes(".") ? i.replace(/0+$/, "") : i;
+    ), ae = v(() => [...t.applyDefaultRules ? [
+      X(),
+      typeof t.precision == "number" ? K(t.precision) : K(t.unit)
+    ] : [], ...ie.value]);
+    function W(e) {
+      const n = t.precision ?? D.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 ae() {
+    function le() {
       if (!t.stepper)
         return;
       const e = +f.value + +b(t.stepper);
-      f.value = E(e);
+      f.value = W(e);
     }
-    function le() {
+    function ue() {
       if (!t.stepper)
         return;
       const e = +f.value - +b(t.stepper);
-      f.value = E(e);
+      f.value = W(e);
     }
     return (e, n) => {
-      const a = x("FmLabel"), l = x("FmIcon"), i = x("FmMenuItem"), o = x("FmMenu"), g = x("FmTooltip"), $ = x("FmField"), L = x("FmFormGroup");
+      const a = M("FmLabel"), l = M("FmIcon"), i = M("FmMenuItem"), o = M("FmMenu"), g = M("FmTooltip"), $ = M("FmField"), L = M("FmFormGroup");
       return d(), y("div", Pe, [
         u("div", ke, [
           u("div", Re, [
-            M(a, {
+            x(a, {
               label: e.label,
               disabled: e.disabled,
               required: e.labelMark === "required",
               optional: e.labelMark === "optional"
             }, null, 8, ["label", "disabled", "required", "optional"])
           ]),
-          M($, { focused: te.value }, {
+          x($, { focused: ne.value }, {
             default: _(() => [
-              u("div", De, [
-                Q(e.$slots, "prepend"),
-                u("div", Ce, [
-                  u("div", Se, [
+              u("div", Ce, [
+                G(e.$slots, "prepend"),
+                u("div", De, [
+                  u("div", we, [
                     e.stepperOnly ? (d(), y("span", {
                       key: 0,
                       class: q({
                         "fm-text-field--input fm-typo-en-body-lg-400": !0,
-                        "text-fm-color-typo-primary": !I.value,
-                        "text-fm-color-typo-disabled": I.value
+                        "text-fm-color-typo-primary": !P.value,
+                        "text-fm-color-typo-disabled": P.value
                       })
-                    }, h(f.value), 3)) : de((d(), y("input", {
+                    }, h(f.value), 3)) : pe((d(), y("input", {
                       key: 1,
                       type: "text",
                       ref_key: "inputRef",
-                      ref: ee,
-                      onFocus: n[0] || (n[0] = () => w.value = !0),
-                      onBlur: n[1] || (n[1] = () => w.value = !1),
+                      ref: te,
+                      onFocus: n[0] || (n[0] = () => N.value = !0),
+                      onBlur: n[1] || (n[1] = () => N.value = !1),
                       "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": !I.value,
-                        "text-fm-color-typo-disabled": I.value
+                        "text-fm-color-typo-primary": !P.value,
+                        "text-fm-color-typo-disabled": P.value
                       })
                     }, null, 34)), [
-                      [pe, f.value]
+                      [fe, f.value]
                     ])
                   ]),
-                  e.separator ? (d(), y("div", we, h(e.separator), 1)) : A("", !0),
+                  e.separator ? (d(), y("div", Ne, h(e.separator), 1)) : A("", !0),
                   u("div", {
                     class: q([e.disabled ? "text-fm-color-typo-disabled" : "text-fm-color-typo-secondary"])
                   }, [
-                    M(g, { "z-index": 51 }, {
+                    x(g, { "z-index": 51 }, {
                       content: _(() => [
-                        ye(h(T.value), 1)
+                        he(h(T.value), 1)
                       ]),
                       default: _(() => [
-                        e.disableUnit ? (d(), y("div", Ne, [
-                          V.value ? A("", !0) : (d(), R(l, {
+                        e.disableUnit ? (d(), y("div", Se, [
+                          V.value ? A("", !0) : (d(), C(l, {
                             key: 0,
                             name: "square_foot"
                           })),
                           u("div", Ve, h(T.value), 1)
-                        ])) : (d(), R(o, {
+                        ])) : (d(), C(o, {
                           key: 1,
                           onMenuChanged: n[3] || (n[3] = (m) => j.value = m),
                           "z-index": 500,
@@ -311,24 +317,24 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
                           "menu-button": _(() => [
                             u("div", Te, [
                               u("div", $e, [
-                                V.value ? A("", !0) : (d(), R(l, {
+                                V.value ? A("", !0) : (d(), C(l, {
                                   key: 0,
                                   name: "square_foot"
                                 })),
                                 u("div", Le, h(T.value), 1)
                               ]),
-                              M(l, { name: "keyboard_arrow_down" })
+                              x(l, { name: "keyboard_arrow_down" })
                             ])
                           ]),
                           default: _(() => [
                             u("div", qe, [
-                              (d(!0), y(fe, null, ve(oe.value, (m) => (d(), R(i, {
+                              (d(!0), y(ve, null, be(se.value, (m) => (d(), C(i, {
                                 key: m.value ?? void 0,
                                 label: m.label,
                                 icon: m.isBaseUnit ? void 0 : "square_foot",
-                                "model-value": m.value == N.value,
-                                onClick: (P) => N.value = m.value
-                              }, be({ _: 2 }, [
+                                "model-value": m.value == S.value,
+                                onClick: (k) => S.value = m.value
+                              }, ye({ _: 2 }, [
                                 m.conversionLabel ? {
                                   name: "label",
                                   fn: _(() => [
@@ -351,10 +357,10 @@ const Pe = { class: "flex flex-col" }, ke = { 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: ae
+                      onClick: le
                     }, [
                       u("div", Ee, [
-                        M(l, {
+                        x(l, {
                           name: "expand_less",
                           size: "md"
                         })
@@ -362,10 +368,10 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
                     ]),
                     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: le
+                      onClick: ue
                     }, [
                       u("div", We, [
-                        M(l, {
+                        x(l, {
                           name: "expand_more",
                           size: "md"
                         })
@@ -373,32 +379,32 @@ const Pe = { class: "flex flex-col" }, ke = { class: "flex flex-col" }, Re = { c
                     ])
                   ])) : A("", !0)
                 ]),
-                Q(e.$slots, "append")
+                G(e.$slots, "append")
               ])
             ]),
             _: 3
           }, 8, ["focused"])
         ]),
-        M(L, {
+        x(L, {
           class: "flex-1",
           "model-value": { modelValue: s.value, amountAsString: String(f.value) },
           info: e.labelInfo,
-          rules: ie.value,
+          rules: ae.value,
           "helper-text": e.helperText,
           "helper-state": e.helperState
         }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"]),
-        z.value ? (d(), y("div", He, h(z.value), 1)) : A("", !0)
+        E.value ? (d(), y("div", He, h(E.value), 1)) : A("", !0)
       ]);
     };
   }
 });
 export {
-  ot as F,
-  it as _,
-  tt as a,
-  nt as b,
-  K as c,
-  J as d,
-  Z as e,
-  st as f
+  nt as F,
+  st as _,
+  et as a,
+  tt as b,
+  X as c,
+  K as d,
+  J as e,
+  ot as f
 };