@feedmepos/mf-inventory-portal 0.0.23-dev.3 → 0.0.23-dev.31

package/dist/FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DW2IOPST.js

@@ -0,0 +1,282 @@
+import { i as k, t as H, aq as V, u as B, aw as I, aG as R, aH as M } from "./app-AcMtTQ07.js";
+import { u as j } from "./supplier-DTUUR48O.js";
+import { P as S } from "./format-unit-display-BWqJsV_R.js";
+import { computed as y, defineComponent as $, mergeModels as W, useModel as J, resolveComponent as U, openBlock as T, createElementBlock as A, normalizeStyle as K, createElementVNode as N, createVNode as Q, withCtx as X, createBlock as w, createCommentVNode as D, Fragment as Y, renderList as Z, unref as x } from "vue";
+function z(l, r, e) {
+  var s;
+  if (!!r.measurement === !!e && ((s = r.measurement) == null ? void 0 : s.id) === e)
+    return r;
+  if (!e)
+    return {
+      costPerUnit: r.costPerUnit
+    };
+  const o = l.measurements.find((i) => i.id === e);
+  return o ? {
+    costPerUnit: r.costPerUnit,
+    measurement: o
+  } : {
+    costPerUnit: r.costPerUnit
+  };
+}
+function oe(l, r, e, n) {
+  var b, g, u;
+  if (n != null && n.manualTotalCost)
+    return n == null ? void 0 : n.manualTotalCost;
+  const t = (u = (g = (b = n == null ? void 0 : n.supplier) == null ? void 0 : b.supplyItems) == null ? void 0 : g.find(
+    (a) => a.skuId === l._id
+  )) == null ? void 0 : u.defaultCost, o = l.defaultCost ? z(l.unit, l.defaultCost, l.trackingMeasurement) : void 0, s = t ?? o, i = s == null ? void 0 : s.costPerUnit, c = i ? s != null && s.measurement ? +k(i) / +k(s == null ? void 0 : s.measurement.conversion) : +k(i) : void 0, p = c ? e ? c * +k(e.conversion) : c : void 0, f = p ? +k(r) * p : void 0;
+  return f ? {
+    ...H(f ?? 0, 2),
+    currency: V()
+  } : {
+    amount: 0,
+    precision: 0,
+    currency: V()
+  };
+}
+function F(l) {
+  return R.parse(l);
+}
+function C(l) {
+  return {
+    _id: l.doc._id,
+    internal: l.type,
+    contactName: l.doc.profile.name,
+    name: l.doc.profile.name ?? "",
+    email: l.doc.profile.email,
+    phoneNumber: l.doc.profile.phoneNo,
+    registrationNumber: l.doc.profile.regNo,
+    address: l.doc.profile.address ?? {
+      line1: "",
+      state: "",
+      city: "",
+      postcode: "",
+      country: ""
+    }
+  };
+}
+function re(l, r, e = !1, n = !1) {
+  const t = j(), o = B();
+  o.watchLocation(async () => {
+    var v;
+    await t.readSuppliers();
+    const u = l();
+    if ((v = u.supplier) != null && v._id) return;
+    const a = n ? t.suppliers[0] : t.businessSuppliers[0], d = (e ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations)[0];
+    r({
+      ...u,
+      supplier: a ? F(a) : d ? C(d) : u.supplier
+    });
+  });
+  const s = y(
+    () => {
+      var u, a;
+      return typeof ((a = (u = l()) == null ? void 0 : u.supplier) == null ? void 0 : a.internal) == "string" ? S.TRANSFER : S.PURCHASE;
+    }
+  ), i = y({
+    get() {
+      var u, a;
+      return (a = (u = l()) == null ? void 0 : u.supplier) == null ? void 0 : a._id;
+    },
+    set(u) {
+      const a = l() ?? {};
+      if (s.value === S.PURCHASE) {
+        const _ = (n ? t.suppliers : t.businessSuppliers).find((E) => E._id === u);
+        r({
+          ...a,
+          supplier: _ ? F(_) : a.supplier
+        });
+        return;
+      }
+      const v = (e ? o.locations.filter((m) => m.doc._id !== o.currentLocation.doc._id) : o.locations).find((m) => m.doc._id === u);
+      r({
+        ...a,
+        supplier: v ? C(v) : a.supplier
+      });
+    }
+  }), c = y(() => t.locationSuppliers.map(F)), p = y(() => t.businessSuppliers.map(F)), f = y(() => {
+    const u = [...c.value], a = [...p.value];
+    return n ? [...a, ...u] : a;
+  }), L = y(() => {
+    var h;
+    const u = ((h = o._currentLocation) == null ? void 0 : h.type) === I.warehouse;
+    return (e ? o.locations.filter((d) => d.doc._id !== o.currentLocation.doc._id) : o.locations).filter((d) => u || d.acceptRequest).map(C);
+  }), b = y(() => {
+    if (s.value === S.PURCHASE) {
+      const a = c.value.map((d) => ({
+        label: d.name,
+        value: d._id
+      })), h = p.value.map((d) => ({
+        label: d.name,
+        sublabel: "Business supplier",
+        value: d._id
+      }));
+      return n ? [...a, ...h] : h;
+    }
+    return L.value.map((a) => ({
+      label: a.name,
+      sublabel: a.internal ? `${a.internal}` : void 0,
+      value: a._id
+    }));
+  }), g = y(() => {
+    var d, v;
+    const u = (v = (d = l()) == null ? void 0 : d.supplier) == null ? void 0 : v._id;
+    if (s.value === S.PURCHASE) {
+      const m = t.suppliers.find((_) => _._id === u);
+      return m ? F(m) : null;
+    }
+    const h = o.locations.find((m) => m.doc._id);
+    return h ? C(h) : null;
+  });
+  return {
+    transferLocationModel: i,
+    transferLocationOptions: b,
+    locationOptionsTypePurchase: f,
+    locationOptionsTypePurchaseLocationLevel: c,
+    locationOptionsTypeTransfer: L,
+    selectedLocation: g
+  };
+}
+class O {
+  static getDescendantProperty(r, e, n = []) {
+    let t, o, s, i, c, p;
+    if (e) {
+      if (s = e.indexOf("."), s === -1 ? t = e : (t = e.slice(0, s), o = e.slice(s + 1)), i = r[t], i !== null && typeof i < "u")
+        if (!o && (typeof i == "string" || typeof i == "number"))
+          n.push(i);
+        else if (Object.prototype.toString.call(i) === "[object Array]")
+          for (c = 0, p = i.length; c < p; c++)
+            O.getDescendantProperty(i[c], o, n);
+        else o && O.getDescendantProperty(i, o, n);
+    } else
+      n.push(r);
+    return n;
+  }
+}
+class P {
+  constructor(r = [], e = [], n = {}) {
+    Array.isArray(e) || (n = e, e = []), this.haystack = r, this.keys = e, this.options = Object.assign({
+      caseSensitive: !1,
+      sort: !1
+    }, n);
+  }
+  search(r = "") {
+    if (r === "")
+      return this.haystack;
+    const e = [];
+    for (let n = 0; n < this.haystack.length; n++) {
+      const t = this.haystack[n];
+      if (this.keys.length === 0) {
+        const o = P.isMatch(t, r, this.options.caseSensitive);
+        o && e.push({ item: t, score: o });
+      } else
+        for (let o = 0; o < this.keys.length; o++) {
+          const s = O.getDescendantProperty(t, this.keys[o]);
+          let i = !1;
+          for (let c = 0; c < s.length; c++) {
+            const p = P.isMatch(s[c], r, this.options.caseSensitive);
+            if (p) {
+              i = !0, e.push({ item: t, score: p });
+              break;
+            }
+          }
+          if (i)
+            break;
+        }
+    }
+    return this.options.sort && e.sort((n, t) => n.score - t.score), e.map((n) => n.item);
+  }
+  static isMatch(r, e, n) {
+    r = String(r), e = String(e), n || (r = r.toLocaleLowerCase(), e = e.toLocaleLowerCase());
+    const t = P.nearestIndexesFor(r, e);
+    return t ? r === e ? 1 : t.length > 1 ? 2 + (t[t.length - 1] - t[0]) : 2 + t[0] : !1;
+  }
+  static nearestIndexesFor(r, e) {
+    const n = e.split("");
+    let t = [];
+    return P.indexesOfFirstLetter(r, e).forEach((s, i) => {
+      let c = s + 1;
+      t[i] = [s];
+      for (let p = 1; p < n.length; p++) {
+        const f = n[p];
+        if (c = r.indexOf(f, c), c === -1) {
+          t[i] = !1;
+          break;
+        }
+        t[i].push(c), c++;
+      }
+    }), t = t.filter((s) => s !== !1), t.length ? t.sort((s, i) => s.length === 1 ? s[0] - i[0] : (s = s[s.length - 1] - s[0], i = i[i.length - 1] - i[0], s - i))[0] : !1;
+  }
+  static indexesOfFirstLetter(r, e) {
+    const n = e[0];
+    return r.split("").map((t, o) => t !== n ? !1 : o).filter((t) => t !== !1);
+  }
+}
+const G = { class: "sticky top-0 bg-white mb-8" }, q = { class: "overflow-y-auto pb-8" }, ie = /* @__PURE__ */ $({
+  __name: "FmFilterableMenuOptions",
+  props: /* @__PURE__ */ W({
+    modelValue: {},
+    maxHeight: {},
+    width: {},
+    handleItemChange: { type: Function },
+    items: {},
+    options: {}
+  }, {
+    search: {},
+    searchModifiers: {}
+  }),
+  emits: ["update:search"],
+  setup(l) {
+    const r = l, e = J(l, "search"), n = y(
+      () => new P(r.items, ["label", "sublabel"], r.options)
+    ), t = y(() => n.value.search(e.value));
+    return (o, s) => {
+      const i = U("FmButton"), c = U("FmTextField"), p = U("FmMenuItem");
+      return T(), A("div", {
+        class: "relative",
+        style: K({ maxHeight: `${o.maxHeight}px`, width: o.width })
+      }, [
+        N("div", G, [
+          Q(c, {
+            modelValue: e.value,
+            "onUpdate:modelValue": s[1] || (s[1] = (f) => e.value = f),
+            placeholder: "Filter options"
+          }, {
+            append: X(() => [
+              e.value ? (T(), w(i, {
+                key: 0,
+                variant: "tertiary",
+                "prepend-icon": "close",
+                onClick: s[0] || (s[0] = (f) => e.value = "")
+              })) : D("", !0)
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        N("div", q, [
+          (T(!0), A(Y, null, Z(t.value, (f, L) => (T(), w(p, {
+            key: L,
+            label: f.label,
+            sublabel: f.sublabel,
+            "model-value": x(M)(o.modelValue, f.value),
+            onClick: () => o.handleItemChange(x(M)(o.modelValue, f.value), f),
+            onVnodeMounted: (b) => {
+              var g;
+              return x(M)(o.modelValue, f.value) && ((g = b.el) == null || g.scrollIntoView({ behavior: "smooth", block: "center" }), console.log("scrollTo", b.el)), void 0;
+            }
+          }, null, 8, ["label", "sublabel", "model-value", "onClick", "onVnodeMounted"]))), 128)),
+          t.value.length ? D("", !0) : (T(), w(p, {
+            key: 0,
+            disabled: "",
+            label: "No options available"
+          }))
+        ])
+      ], 4);
+    };
+  }
+});
+export {
+  ie as _,
+  oe as c,
+  re as u
+};

package/dist/{FmUnitInput.vue_vue_type_script_setup_true_lang-DigsIOB0.js → FmUnitInput.vue_vue_type_script_setup_true_lang-DDuZEf_v.js}

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