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

package/dist/{ApprovalView-NJ4FogNu.js → ApprovalView-C72rFK1R.js}

@@ -1,11 +1,11 @@
 import { defineComponent as ee, ref as h, watch as te, computed as ae, resolveComponent as H, openBlock as D, createBlock as U, withCtx as x, createElementVNode as a, createVNode as r, unref as e, normalizeStyle as oe, toDisplayString as re, createElementBlock as se, createCommentVNode as ne, Teleport as le, mergeProps as ce } from "vue";
-import { q as f, e as ie } from "./app-DXqS7qYg.js";
-import { a as pe } from "./init-date-range-6CJBD0GL.js";
-import { a as me, b as ue, _ as de } from "./TransferDetails.vue_vue_type_script_setup_true_lang-Ctqjw3f1.js";
-import { q as G } from "./date2-B96h4mWb.js";
-import { _ as fe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { _ as _e } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-1XPAzm5R.js";
-import { _ as ve, F as _, u as he } from "./layout-CVjYEZxq.js";
+import { r as f, f as ie } from "./app-CjkBFVBh.js";
+import { a as pe } from "./init-date-range-58-0kupV.js";
+import { a as me, b as ue, _ as de } from "./TransferDetails.vue_vue_type_script_setup_true_lang-DzK7B6nw.js";
+import { q as G } from "./date2-D-5KX0_X.js";
+import { _ as fe } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-Dov3Uq2z.js";
+import { _ as _e } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-CYZ5Ecsh.js";
+import { _ as ve, F as _, u as he } from "./layout-D2Kwl_3f.js";
 import { useBreakpoints as De } from "@feedmepos/ui-library";
 const xe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, ge = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, be = { class: "xs:w-full sm:w-full flex gap-8 items-center overflow-x-auto no-scrollbar py-8" }, ye = /* @__PURE__ */ a("div", { class: "h-32" }, null, -1), we = { class: "flex-1 w-full" }, Re = { class: "flex flex-col py-8" }, Te = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ke = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Oe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Se = {
   key: 0,
@@ -81,7 +81,7 @@ const xe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, ge =
                   onRowClick: (t) => e(s).promptShowTransferDetails(t.purchaseOrder, t)
                 }, {
                   default: x((t) => {
-                    var w, R, T, c, k, O, S, C, i, F, q, p, M, m, $, z, V, Y, A, u, L, N, j, E, d, P;
+                    var w, R, T, c, k, O, S, C, i, F, M, p, $, m, q, z, V, Y, A, u, L, N, j, E, d, P;
                     return [
                       a("div", Re, [
                         a("div", Te, [
@@ -96,7 +96,7 @@ const xe = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, ge =
                             props: (F = (i = t.to_name) == null ? void 0 : i.getContext) == null ? void 0 : F.call(i)
                           }, null, 8, ["render", "props"])
                         ]),
-                        a("div", Oe, re(($ = (m = (M = (p = (q = n.original.purchaseOrder) == null ? void 0 : q.items) == null ? void 0 : p.map) == null ? void 0 : M.call(p, (I) => `${I.name}`)) == null ? void 0 : m.join) == null ? void 0 : $.call(m, ", ")), 1),
+                        a("div", Oe, re((q = (m = ($ = (p = (M = n.original.purchaseOrder) == null ? void 0 : M.items) == null ? void 0 : p.map) == null ? void 0 : $.call(p, (I) => `${I.name}`)) == null ? void 0 : m.join) == null ? void 0 : q.call(m, ", ")), 1),
                         (z = n.original.purchaseOrder) != null && z.ref ? (D(), se("div", Se, [
                           r(e(_), {
                             render: (A = (Y = (V = t.purchaseOrder_ref) == null ? void 0 : V.column) == null ? void 0 : Y.columnDef) == null ? void 0 : A.cell,

package/dist/{BindingsDialog-B-j1k1SE.js → BindingsDialog-gL9pxfYy.js}

@@ -1,6 +1,6 @@
-import { defineComponent as C, ref as o, onMounted as M, onUnmounted as F, watch as x, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as z, createVNode as a, createCommentVNode as R, createElementVNode as P } from "vue";
-import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang--KLpvU2e.js";
-import { u as L, z as S } from "./app-DXqS7qYg.js";
+import { defineComponent as C, ref as o, 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-BfBvA1g5.js";
+import { u as L, A as S } from "./app-CjkBFVBh.js";
 const U = {
   key: 0,
   class: "flex justify-end gap-8 items-center"
@@ -63,14 +63,14 @@ const U = {
           ref: f,
           class: "flex flex-col gap-16"
         }, {
-          default: z(() => [
+          default: R(() => [
             a(V, {
               "model-value": s.value,
               "onUpdate:modelValue": t[0] || (t[0] = (w) => s.value = w),
               "iframe-mode": "",
               "onClick:pickInventoryBindings": k
             }, null, 8, ["model-value"]),
-            r.value ? R("", !0) : (i(), c("div", U, [
+            r.value ? z("", !0) : (i(), c("div", U, [
               a(g, {
                 type: "button",
                 variant: "tertiary",

package/dist/{BindingsPicker-CEi3jyh0.js → BindingsPicker-5mFctYt_.js}

@@ -1,7 +1,7 @@
 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 { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-DL98UqsQ.js";
-import { u as z, z as M } from "./app-DXqS7qYg.js";
-const h = {
+import { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-blApBVkg.js";
+import { u as M, A as h } from "./app-CjkBFVBh.js";
+const z = {
   key: 0,
   class: "flex flex-col gap-16"
 }, K = { class: "flex justify-end gap-8 items-center" }, w = {
@@ -10,7 +10,7 @@ const h = {
 }, F = /* @__PURE__ */ k("div", null, "Loading bindings dialog...", -1), H = /* @__PURE__ */ S({
   __name: "BindingsPicker",
   setup(L) {
-    const d = z(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
+    const d = M(), C = r(() => d.recipes), I = r(() => d.skus), g = l(!0), i = l(new Array()), a = l("RECIPE"), c = r(() => a.value === "SKU" ? I.value.map((s) => ({
       label: s.name,
       sublabel: s.code,
       value: s
@@ -63,7 +63,7 @@ const h = {
           ];
         }
       }
-    }), b = l(), o = M(B);
+    }), b = l(), o = h(B);
     async function B() {
       await d.readInventory(), b.value = o.onMessage(
         "props:binding-items",
@@ -97,7 +97,7 @@ const h = {
         g.value ? (p(), f("div", w, [
           u(t, { size: "md" }),
           F
-        ])) : (p(), f("div", h, [
+        ])) : (p(), f("div", z, [
           u(x, {
             "model-value": _.value,
             "onUpdate:modelValue": s[0] || (s[0] = (m) => _.value = m),

package/dist/{BindingsTable-DHYJ2Eqm.js → BindingsTable-C6x9dxpe.js}

@@ -1,9 +1,9 @@
-import { defineComponent as h, ref as o, provide as C, computed as v, resolveComponent as x, openBlock as r, createElementBlock as u, Fragment as L, renderList as F, createElementVNode as p, toDisplayString as k, createVNode as w, withModifiers as I, createStaticVNode as N, onMounted as z, onUnmounted as E, createBlock as M } from "vue";
-import { h as b, u as P, z as R } from "./app-DXqS7qYg.js";
-import "./dayjs.min-CQkpEWlm.js";
+import { defineComponent as h, ref as o, provide as C, computed as v, resolveComponent as x, openBlock as r, createElementBlock as u, Fragment as L, renderList as F, createElementVNode as p, toDisplayString as k, createVNode as w, withModifiers as I, createStaticVNode as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
+import { i as b, u as P, A as R } from "./app-CjkBFVBh.js";
+import "./dayjs.min-BKYgFjeY.js";
 import "@feedmepos/ui-library";
-import "./fuzzy-Dr-kBYFA.js";
-const U = { class: "" }, D = /* @__PURE__ */ N('<div class="flex font-bold bg-[#F7F8FA]"><div class="flex-grow-0 flex-shrink-0 basis-5/12 py-8"></div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Ingredient</div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Recipe</div><div class="flex-grow-0 flex-shrink-0 basis-1/12 py-8"></div></div>', 1), O = ["onClick"], V = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, $ = { 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" }, T = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, A = /* @__PURE__ */ h({
+import "./fuzzy-BPDipSKr.js";
+const U = { class: "" }, D = /* @__PURE__ */ N('<div class="flex font-bold bg-[#F7F8FA]"><div class="flex-grow-0 flex-shrink-0 basis-5/12 py-8"></div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Ingredient</div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Recipe</div><div class="flex-grow-0 flex-shrink-0 basis-1/12 py-8"></div></div>', 1), O = ["onClick"], V = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, $ = { 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" }, A = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, T = /* @__PURE__ */ h({
   __name: "binding-ui",
   props: {
     items: { default: () => [] },
@@ -23,20 +23,20 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="flex font-bold bg-[#
     C("closeDialog", () => {
       a.value.isOpen = !a.value.isOpen;
     });
-    const i = g, f = l, _ = v(() => i.items.map((n) => ({
-      key: n.key,
-      name: n.name,
-      _skuLinked: n.bindings.filter(
-        ({ type: t, id: e }) => t === b.enum.SKU && i.skus.some((c) => c._id === e)
+    const n = g, f = l, _ = v(() => n.items.map((i) => ({
+      key: i.key,
+      name: i.name,
+      _skuLinked: i.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.SKU && n.skus.some((c) => c._id === e)
       ).length,
-      _recipeLinked: n.bindings.filter(
-        ({ type: t, id: e }) => t === b.enum.RECIPE && i.recipes.some((c) => c._id === e)
+      _recipeLinked: i.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.RECIPE && n.recipes.some((c) => c._id === e)
       ).length,
       onUpdate: async () => {
-        i.editable && f("click:open-binding-dialog", i.type, n);
+        n.editable && f("click:open-binding-dialog", n.type, i);
       }
     })));
-    return (m, n) => {
+    return (m, i) => {
       const t = x("FmButton");
       return r(), u("div", U, [
         D,
@@ -48,13 +48,13 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="flex font-bold bg-[#
           p("div", V, k(e.name), 1),
           p("div", $, k(e._skuLinked ? `${e._skuLinked} linked` : "Not linked"), 1),
           p("div", S, k(e._recipeLinked ? `${e._recipeLinked} linked` : "Not linked"), 1),
-          p("div", T, [
+          p("div", A, [
             w(t, {
               variant: "tertiary",
               icon: "edit",
               "icon-color": "#000",
               size: "md",
-              disabled: !i.editable,
+              disabled: !n.editable,
               type: "button",
               onClick: I(e.onUpdate, ["stop"])
             }, null, 8, ["disabled", "onClick"])
@@ -69,28 +69,28 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="flex font-bold bg-[#
 }, j = /* @__PURE__ */ p("div", null, "Loading bindings table...", -1), Q = /* @__PURE__ */ h({
   __name: "BindingsTable",
   setup(g) {
-    const l = P(), a = o(!0), i = o(new Array()), f = v(() => l.recipes), _ = v(() => l.skus), m = o(""), n = R(e), t = o();
+    const l = P(), a = o(!0), n = o(new Array()), f = v(() => l.recipes), _ = v(() => l.skus), m = o(""), i = R(e), t = o();
     async function e() {
-      await l.readInventory(), t.value = n.onMessage(
+      await l.readInventory(), t.value = i.onMessage(
         "props:grouped-bindings",
         (s) => {
-          a.value = !1, i.value = s;
+          a.value = !1, n.value = s;
         }
-      ), n.sendMessage("props:grouped-bindings");
+      ), i.sendMessage("props:grouped-bindings");
     }
     async function c(s, d) {
-      n.sendMessage("@click:open-binding-dialog", {
+      i.sendMessage("@click:open-binding-dialog", {
         key: s,
         binding: d
       });
     }
     const y = o();
-    return z(() => {
+    return E(() => {
       const s = y.value;
       s && new ResizeObserver(() => {
-        n.sendMessage("resize", s.scrollHeight);
+        i.sendMessage("resize", s.scrollHeight);
       }).observe(s);
-    }), E(() => {
+    }), z(() => {
       var s, d;
       (d = (s = t.value) == null ? void 0 : s.removeEventListener) == null || d.call(s);
     }), (s, d) => {
@@ -103,9 +103,9 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="flex font-bold bg-[#
         a.value ? (r(), u("div", Y, [
           w(B, { size: "md" }),
           j
-        ])) : (r(), M(A, {
+        ])) : (r(), M(T, {
           key: 0,
-          items: i.value,
+          items: n.value,
           recipes: f.value,
           skus: _.value,
           type: m.value,

package/dist/{ChangeLocationComponent.vue_vue_type_script_setup_true_lang-1XPAzm5R.js → ChangeLocationComponent.vue_vue_type_script_setup_true_lang-CYZ5Ecsh.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, ref as V, computed as p, resolveComponent as a, openBlock as t, createElementBlock as v, createVNode as l, withCtx as w, createElementVNode as i, toDisplayString as H, unref as _, Fragment as k, renderList as C, createBlock as d, createCommentVNode as L } from "vue";
-import { e as I } from "./app-DXqS7qYg.js";
+import { f as I } from "./app-CjkBFVBh.js";
 const B = { class: "inline-flex" }, D = { 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" }, E = {
   class: "overflow-hidden overflow-y-scroll",
   style: { maxHeight: "105px" }

package/dist/{FmMultiselectDialog.vue_vue_type_script_setup_true_lang-DL98UqsQ.js → FmMultiselectDialog.vue_vue_type_script_setup_true_lang-blApBVkg.js}

@@ -1,7 +1,7 @@
 import { defineComponent as $, ref as C, onMounted as N, watch as E, computed as f, resolveComponent as m, openBlock as v, createElementBlock as _, createElementVNode as s, createVNode as d, createTextVNode as M, toDisplayString as T, createSlots as U, withCtx as h, createBlock as I, Fragment as j, renderList as z } from "vue";
 import { useDialogChild as q } from "@feedmepos/ui-library";
-import { x as c } from "./app-DXqS7qYg.js";
-import { f as H } from "./fuzzy-Dr-kBYFA.js";
+import { y as c } from "./app-CjkBFVBh.js";
+import { f as H } from "./fuzzy-BPDipSKr.js";
 const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-between py-24 items-center relative" }, J = { class: "flex gap-16 basis-1/2" }, K = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, O = /* @__PURE__ */ s("span", { class: "xs:hidden" }, "selected", -1), P = /* @__PURE__ */ s("div", { class: "absolute pointer-events-none -bottom-[304px] left-0 w-full h-[308px] overflow-hidden flex flex-col justify-between" }, [
   /* @__PURE__ */ s("div", { class: "h-1 fm-shadow-light-200" }),
   /* @__PURE__ */ s("div", {
@@ -24,17 +24,17 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
   },
   emits: ["update:modelValue"],
   setup(L, { emit: B }) {
-    const y = q(), x = L, D = B, t = C(x.modelValue ?? []);
+    const y = q(), b = L, D = B, t = C(b.modelValue ?? []);
     N(() => {
       y.emitData(t.value);
     }), E([() => t.value], ([l]) => {
       y.emitData(l), D("update:modelValue", l);
     });
-    function b(l) {
+    function x(l) {
       return !!t.value.find((e) => c(e, l));
     }
     function g(l, e) {
-      const i = b(l);
+      const i = x(l);
       if (!(e && i || !e && !i))
         if (e) {
           const a = [...t.value, l];
@@ -45,7 +45,7 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
         }
     }
     const n = C(""), u = f(() => {
-      const l = n.value.toLocaleLowerCase(), e = x.items;
+      const l = n.value.toLocaleLowerCase(), e = b.items;
       return n.value ? H.filter(l, e, {
         pre: "|",
         post: "|",
@@ -59,7 +59,7 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
     function S() {
       r.value ? t.value = t.value.filter(
         (l) => !u.value.find((e) => c(e.value, l))
-      ) : t.value = x.items.filter(
+      ) : t.value = b.items.filter(
         (l) => t.value.find((e) => c(e, l.value)) || u.value.find((e) => c(e.value, l.value))
       ).map((l) => l.value);
     }
@@ -118,12 +118,12 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
                 key: o.value,
                 label: o.label,
                 sublabel: o.sublabel,
-                onClick: (w) => g(o.value, !b(o.value)),
+                onClick: (w) => g(o.value, !x(o.value)),
                 style: { "padding-top": "4px", "padding-bottom": "4px", "padding-left": "32px" }
               }, {
                 prepend: h(() => [
                   d(p, {
-                    "model-value": b(o.value),
+                    "model-value": x(o.value),
                     "onUpdate:modelValue": (w) => g(o.value, w),
                     value: o.value
                   }, null, 8, ["model-value", "onUpdate:modelValue", "value"])

package/dist/FmUnitInput.vue_vue_type_script_setup_true_lang-Db_M7Cx1.js

@@ -0,0 +1,236 @@
+import { defineComponent as Q, mergeModels as U, useModel as X, computed as m, ref as h, watch as j, inject as Y, resolveComponent as p, openBlock as M, createElementBlock as D, createElementVNode as i, createVNode as v, withCtx as R, renderSlot as L, withDirectives as ee, normalizeClass as te, vModelText as ne, toDisplayString as T, createCommentVNode as oe, Fragment as ae, renderList as ue, createBlock as le } from "vue";
+import { F } from "./dayjs.min-BKYgFjeY.js";
+import { g as w, c as se, a as C, t as ie, b as re, v as me, w as ce, x as de } from "./date2-D-5KX0_X.js";
+import { I as k } from "./rules-D0MrF_UU.js";
+function $() {
+  return {
+    amount: F.reset()
+  };
+}
+function q() {
+  return function(d) {
+    return k()(d.amountAsString);
+  };
+}
+function _e(u) {
+  return function(n) {
+    return k()(n.amountAsString) !== !0 ? !0 : +n.amountAsString <= u ? `Must be more than ${u}` : !0;
+  };
+}
+function z(u, d = !1) {
+  return function(r) {
+    const o = q()(r);
+    if (o != !0)
+      return d ? o : !0;
+    const b = typeof u == "number" ? u : w(u, r.modelValue.measurement);
+    return se(+r.amountAsString).precision > b ? `Cannot exceed precision more than ${C({
+      amount: 1,
+      precision: b
+    })}` : !0;
+  };
+}
+const pe = { class: "flex flex-col" }, fe = { class: "flex flex-col" }, ve = { class: "flex-1" }, be = { class: "flex items-center gap-4" }, ye = { class: "flex-1" }, he = {
+  key: 0,
+  class: "text-fm-color-typo-secondary"
+}, Me = { class: "text-fm-color-typo-secondary whitespace-nowrap" }, Fe = { class: "flex items-center gap-4" }, ge = { class: "max-w-[200px] flex flex-col gap-[1px]" }, Be = /* @__PURE__ */ Q({
+  __name: "FmUnitInput",
+  props: /* @__PURE__ */ U({
+    modelValue: {},
+    unit: {},
+    rules: {},
+    zIndex: {},
+    applyDefaultRules: { type: Boolean },
+    placement: {},
+    separator: {},
+    precision: {},
+    convertAmountOnChangeUnit: { type: Boolean },
+    formatMinimumPrecision: {},
+    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__ */ U(["update:amount", "update:measurement"], ["update:modelValue"]),
+  setup(u, { emit: d }) {
+    const n = u, r = d, o = X(u, "modelValue"), b = k(), N = m(() => {
+      var t;
+      return w(n.unit, (t = o.value) == null ? void 0 : t.measurement);
+    }), f = h((() => {
+      var l;
+      const e = ((l = o.value) == null ? void 0 : l.amount) ?? F.reset(), t = ce(e), a = n.formatMinimumPrecision ?? t.precision, c = de(t, a);
+      return C(c);
+    })());
+    j(f, (e) => {
+      const t = b(e), a = n.precision ?? N.value, l = typeof n.formatMinimumPrecision == "number" && n.formatMinimumPrecision > a ? n.formatMinimumPrecision : a;
+      t == !0 && (o.value = {
+        ...o.value,
+        amount: ie(+e, l)
+      }), r("update:amount", e);
+    });
+    const E = Symbol.for("fm:form-state"), g = Y(E, null), S = m(() => n.disabled ?? (g == null ? void 0 : g.getDisabled()) ?? !1), G = h(), x = h(!1), V = h(!1), H = m(() => x.value || V.value), O = m(() => {
+      var e;
+      return [
+        {
+          label: (e = n.unit) == null ? void 0 : e.abbrev,
+          value: null
+        },
+        ...n.unit.measurements.map((t) => ({
+          label: t.abbrev,
+          value: t.id
+        }))
+      ];
+    }), A = m({
+      get() {
+        var e, t;
+        return ((t = (e = o.value) == null ? void 0 : e.measurement) == null ? void 0 : t.id) ?? null;
+      },
+      set(e) {
+        if (e == null)
+          o.value = {
+            ...o.value ?? $(),
+            measurement: null
+          }, r("update:measurement", null);
+        else {
+          const t = n.unit.measurements.find((a) => a.id === e) ?? null;
+          o.value = {
+            ...o.value ?? $(),
+            measurement: t
+          }, r("update:measurement", t);
+        }
+      }
+    });
+    j(A, (e, t) => {
+      var _;
+      if (!n.convertAmountOnChangeUnit)
+        return;
+      const a = ((_ = o.value) == null ? void 0 : _.amount) ?? F.reset(), c = n.unit.measurements.find((B) => B.id === t) ?? null, l = n.unit.measurements.find((B) => B.id === e) ?? null, y = c ? re(a, c.conversion) : a, I = l ? me(y, l.conversion) : y, P = w(n.unit, l), s = F.convertPrecision({
+        value: I,
+        precision: P
+      });
+      f.value = C(s);
+    });
+    const Z = m(() => {
+      var e, t;
+      return ((t = (e = o.value) == null ? void 0 : e.measurement) == null ? void 0 : t.abbrev) ?? n.unit.abbrev;
+    }), J = m(
+      () => {
+        var e;
+        return ((e = n.rules) == null ? void 0 : e.map(
+          (t) => (a) => typeof t == "function" ? t(a) : t
+        )) ?? [];
+      }
+    ), K = m(() => [...n.applyDefaultRules ? [
+      q(),
+      typeof n.precision == "number" ? z(n.precision) : z(n.unit)
+    ] : [], ...J.value]);
+    return (e, t) => {
+      const a = p("FmLabel"), c = p("FmIcon"), l = p("FmMenuItem"), y = p("FmMenu"), I = p("FmField"), P = p("FmFormGroup");
+      return M(), D("div", pe, [
+        i("div", fe, [
+          i("div", ve, [
+            v(a, {
+              label: e.label,
+              disabled: e.disabled,
+              required: e.labelMark === "required",
+              optional: e.labelMark === "optional"
+            }, null, 8, ["label", "disabled", "required", "optional"])
+          ]),
+          v(I, { focused: H.value }, {
+            default: R(() => [
+              i("div", be, [
+                L(e.$slots, "prepend"),
+                i("div", ye, [
+                  ee(i("input", {
+                    type: "text",
+                    ref_key: "inputRef",
+                    ref: G,
+                    onFocus: t[0] || (t[0] = () => x.value = !0),
+                    onBlur: t[1] || (t[1] = () => x.value = !1),
+                    "onUpdate:modelValue": t[2] || (t[2] = (s) => f.value = s),
+                    class: te({
+                      "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                      "text-fm-color-typo-primary": !S.value,
+                      "text-fm-color-typo-disabled": S.value
+                    })
+                  }, null, 34), [
+                    [ne, f.value]
+                  ])
+                ]),
+                e.separator ? (M(), D("div", he, T(e.separator), 1)) : oe("", !0),
+                i("div", Me, [
+                  v(y, {
+                    onMenuChanged: t[3] || (t[3] = (s) => V.value = s),
+                    "z-index": 500,
+                    placement: e.placement
+                  }, {
+                    "menu-button": R(() => [
+                      i("div", Fe, [
+                        i("div", null, T(Z.value), 1),
+                        v(c, { name: "keyboard_arrow_down" })
+                      ])
+                    ]),
+                    default: R(() => [
+                      i("div", ge, [
+                        (M(!0), D(ae, null, ue(O.value, (s) => (M(), le(l, {
+                          key: s.value ?? void 0,
+                          label: s.label,
+                          "model-value": s.value == A.value,
+                          onClick: (_) => A.value = s.value
+                        }, null, 8, ["label", "model-value", "onClick"]))), 128))
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["placement"])
+                ]),
+                L(e.$slots, "append")
+              ])
+            ]),
+            _: 3
+          }, 8, ["focused"])
+        ]),
+        v(P, {
+          class: "flex-1",
+          "model-value": { modelValue: o.value, amountAsString: String(f.value) },
+          info: e.labelInfo,
+          rules: K.value,
+          "helper-text": e.helperText,
+          "helper-state": e.helperState
+        }, null, 8, ["model-value", "info", "rules", "helper-text", "helper-state"])
+      ]);
+    };
+  }
+});
+export {
+  _e as F,
+  Be as _,
+  q as a,
+  z as b
+};