@feedmepos/mf-inventory-portal 1.8.0-dev.0 → 1.8.0-dev.10

package/dist/{InventoryBindingForm-DKa1DwYs.js → InventoryBindingForm-DfGOKZWg.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-tEKGPtHZ.js";
+import { _ as f } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CNjTdNL7.js";
 export {
   f as default
 };

package/dist/InventoryBindingForm.vue_vue_type_script_setup_true_lang-CNjTdNL7.js

@@ -0,0 +1,472 @@
+import { defineComponent as Y, ref as ue, computed as F, resolveComponent as E, createElementBlock as m, createCommentVNode as I, openBlock as a, createElementVNode as n, createVNode as y, toDisplayString as f, unref as s, Fragment as $, renderList as M, normalizeStyle as me, createTextVNode as ce, reactive as G, withCtx as A, createBlock as K, nextTick as pe } from "vue";
+import { a as q, v as ye, w as fe, s as ve, F as _e } from "./app-OztWApio.js";
+import { t as xe, n as ge, i as be, e as he, f as W, I as j, a as S } from "./rules-D01xYhgI.js";
+import { u as Be } from "./use-inventory-binding-dialog-CTceyFrg.js";
+import { useI18n as H } from "@feedmepos/mf-common";
+import { _ as ke, c as Ie, d as Ve } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-D6f1M96D.js";
+const N = { amount: 1, precision: 0 };
+function J(v, u) {
+  return { amount: v.amount * u.amount, precision: v.precision + u.precision };
+}
+function we(v, u) {
+  const r = Q(u), p = J(v, r);
+  return ge(p.amount / 10 ** p.precision, p.precision);
+}
+function Q(v) {
+  if (v.trim().length === 0) return N;
+  const u = Number(v);
+  return Number.isFinite(u) ? xe(u, be(u)) : N;
+}
+function X(v, u, r = 0, p = /* @__PURE__ */ new Set(), R = N) {
+  if (p.has(v)) return [];
+  const x = new Set(p).add(v);
+  return u.contentsOf(v).flatMap((t, g) => {
+    const d = t.type === "RECIPE", c = J(t.amount ?? N, R), b = {
+      key: `${r}-${g}-${t.id}`,
+      name: u.bindingName(t),
+      amount: c,
+      unit: u.bindingUnit(t),
+      depth: r,
+      isRecipe: d
+    };
+    return d ? [b, ...X(t.id, u, r + 1, x, c)] : [b];
+  });
+}
+const Fe = {
+  key: 0,
+  class: "flex flex-col pb-8 fm-typo-en-body-sm-400"
+}, Ee = {
+  key: 0,
+  class: "flex items-center gap-4 px-12 text-fm-color-typo-secondary"
+}, Re = {
+  key: 1,
+  class: "flex flex-col text-fm-color-typo-secondary"
+}, Ce = { class: "flex-1 line-clamp-1" }, Ue = {
+  key: 0,
+  class: "text-fm-color-typo-disabled"
+}, Ae = {
+  key: 2,
+  class: "flex gap-4 px-12 text-fm-color-system-warning-400"
+}, $e = /* @__PURE__ */ Y({
+  __name: "RecipeBindingBreakdown",
+  props: {
+    recipeId: {},
+    multiplier: {}
+  },
+  setup(v) {
+    const u = v, { t: r } = H(), p = q(), R = {
+      contentsOf: (d) => {
+        var c;
+        return ((c = p.recipeById[d]) == null ? void 0 : c.contains) ?? [];
+      },
+      bindingName: (d) => {
+        var c, b;
+        switch (d.type) {
+          case "RECIPE":
+            return ((c = p.recipeById[d.id]) == null ? void 0 : c.name) ?? d.id;
+          default:
+            return ((b = p.skuById[d.id]) == null ? void 0 : b.name) ?? d.id;
+        }
+      },
+      // a binding measurement overrides the ingredient's base unit, same as deduction reads it
+      bindingUnit: (d) => {
+        var c, b;
+        return d.type === "RECIPE" ? "" : ((c = d.measurement) == null ? void 0 : c.abbrev) ?? ((b = p.skuById[d.id]) == null ? void 0 : b.unit.abbrev) ?? "";
+      }
+    }, x = ue(!1), t = F(() => X(u.recipeId, R)), g = F(() => Q(u.multiplier).precision > 0);
+    return (d, c) => {
+      const b = E("FmButton"), P = E("FmIcon");
+      return t.value.length || g.value ? (a(), m("div", Fe, [
+        t.value.length ? (a(), m("div", Ee, [
+          n("span", null, f(s(r)("inventory.inventoryBindings.itemsLinked", { count: t.value.length }, t.value.length)), 1),
+          y(b, {
+            type: "button",
+            variant: "plain",
+            icon: x.value ? "expand_less" : "expand_more",
+            onClick: c[0] || (c[0] = (h) => x.value = !x.value)
+          }, null, 8, ["icon"])
+        ])) : I("", !0),
+        x.value ? (a(), m("div", Re, [
+          (a(!0), m($, null, M(t.value, (h) => (a(), m("div", {
+            key: h.key,
+            class: "flex gap-8 py-4 px-12",
+            style: me({ paddingLeft: `${12 + h.depth * 16}px` })
+          }, [
+            n("span", Ce, [
+              ce(f(h.name) + " ", 1),
+              h.isRecipe ? (a(), m("span", Ue, " (" + f(s(r)("inventory.inventoryBindings.recipe")) + ") ", 1)) : I("", !0)
+            ]),
+            n("span", null, f(s(we)(h.amount, d.multiplier)) + " " + f(h.unit), 1)
+          ], 4))), 128))
+        ])) : I("", !0),
+        g.value ? (a(), m("div", Ae, [
+          y(P, {
+            name: "warning",
+            color: "system-warning-300",
+            size: "sm"
+          }),
+          n("div", null, f(s(r)("inventory.inventoryBindings.precisionWarning")), 1)
+        ])) : I("", !0)
+      ])) : I("", !0);
+    };
+  }
+}), Ne = { class: "flex flex-col gap-24" }, Pe = { class: "flex flex-col gap-16" }, Te = { class: "flex items-center" }, Se = { class: "flex-1 fm-typo-en-title-sm-600" }, Me = { class: "flex flex-col" }, De = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, ze = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Le = {
+  class: "flex items-center",
+  style: { "min-height": "48px" }
+}, Oe = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, Ge = { class: "line-clamp-1" }, Ke = { class: "w-[200px]" }, We = {
+  key: 0,
+  class: "w-[52px]"
+}, je = {
+  key: 0,
+  class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
+}, Ye = { class: "flex flex-col gap-16" }, qe = { class: "flex items-center" }, He = { class: "flex-1 fm-typo-en-title-sm-600" }, Je = { class: "flex flex-col" }, Qe = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Xe = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Ze = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, en = {
+  key: 0,
+  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
+}, nn = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, tn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, on = {
+  key: 0,
+  class: "w-[52px]"
+}, ln = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, sn = {
+  key: 1,
+  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
+}, rn = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, an = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, dn = { class: "line-clamp-1 w-full" }, un = { class: "w-[150px]" }, mn = {
+  key: 0,
+  class: "w-[52px]"
+}, cn = { class: "flex flex-col px-12 pb-4" }, gn = /* @__PURE__ */ Y({
+  __name: "InventoryBindingForm",
+  props: {
+    id: {},
+    modelValue: { default: () => [] },
+    excludeBindingId: {},
+    rules: { default: () => [] },
+    iframeMode: { type: Boolean },
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    allowRecipeDecimal: { type: Boolean }
+  },
+  emits: ["update:modelValue", "click:pick-inventory-bindings"],
+  setup(v, { emit: u }) {
+    const { t: r } = H(), p = q(), R = F(() => p.recipeById), x = F(() => p.skuById), t = v, g = u, d = F(() => ye({
+      parentId: t.id,
+      bindings: t.modelValue,
+      recipes: p.recipes.map((o) => o._id === t.id ? {
+        ...o,
+        contains: t.modelValue
+      } : o),
+      skus: p.skus.map((o) => o._id === t.id ? {
+        ...o,
+        convert: {
+          inventoryBindings: t.modelValue
+        }
+      } : o),
+      skuGroups: []
+    }).inventoryBindings.filter((o) => "error" in o && o.error).map((o) => o).filter((o) => o.reason === fe.enum.circularDependency)), c = F(
+      () => new Set(d.value.map((e) => {
+        var i;
+        return (i = e.bindingPaths[0]) == null ? void 0 : i.id;
+      }))
+    ), b = F(() => t.modelValue.filter((e) => e.type === "RECIPE")), P = { amount: 1, precision: 0 }, h = G({});
+    function C(e) {
+      return h[e.id] ?? S(e.amount ?? P);
+    }
+    function Z(e, i) {
+      h[e.id] = i, ie(e.id, i, t.modelValue);
+    }
+    const { promptIngredientsBinding: ee, promptRecipesBinding: ne } = Be();
+    async function te() {
+      if (t.iframeMode) {
+        g("click:pick-inventory-bindings", "RECIPE");
+        return;
+      }
+      ne(
+        t.modelValue,
+        (e) => g("update:modelValue", e),
+        t.id ? [t.id] : []
+      );
+    }
+    const D = F(() => t.modelValue.filter((e) => e.type === "SKU") ?? []);
+    async function oe() {
+      if (t.iframeMode) {
+        g("click:pick-inventory-bindings", "SKU");
+        return;
+      }
+      ee(
+        t.modelValue,
+        (e) => g("update:modelValue", e),
+        t.excludeBindingId,
+        t.id ? [t.id] : []
+      );
+    }
+    function ie(e, i, o) {
+      if (j()(i) !== !0) return;
+      const _ = +i;
+      let V = o;
+      i.length > 0 && isFinite(_) ? V = o.map((B) => (B.id !== e || (B.amount = ve.fromNumber(_)), B)) : V = o.map((B) => (B.id !== e || (B.amount = { amount: 0, precision: 0 }), B)), g("update:modelValue", V);
+    }
+    function T(e, i) {
+      delete h[e];
+      const o = i.filter((_) => _.id !== e);
+      g("update:modelValue", o);
+    }
+    function z(e) {
+      var o, _;
+      if (e.type !== _e.enum.SKU)
+        throw new Error("Non-SKU binding does not have unit");
+      if (!((o = x.value[e.id]) == null ? void 0 : o.unit))
+        throw new Error(`Cannot find ingredient: ${e.id}`);
+      return (_ = x.value[e.id]) == null ? void 0 : _.unit;
+    }
+    function le(e) {
+      return !x.value[e.id];
+    }
+    function se(e) {
+      return { amount: e.amount, measurement: e.measurement };
+    }
+    function re(e, i, o) {
+      const _ = o.map((V) => V.id !== e ? V : {
+        ...V,
+        amount: i.amount,
+        measurement: i.measurement
+      });
+      g("update:modelValue", _);
+    }
+    const L = G({});
+    function ae(e) {
+      return L[e.id] ?? {
+        modelValue: {
+          amount: e.amount,
+          measurement: e.measurement
+        },
+        amountAsString: S(e.amount)
+      };
+    }
+    function de(e, i) {
+      pe(() => {
+        L[e.id] = {
+          modelValue: {
+            amount: e.amount,
+            measurement: e.measurement
+          },
+          amountAsString: i
+        };
+      });
+    }
+    return (e, i) => {
+      const o = E("FmFormGroup"), _ = E("FmButton"), V = E("FmTooltip"), B = E("FmTextField"), O = E("FmIcon");
+      return a(), m("div", Ne, [
+        y(o, {
+          disabled: e.disabled,
+          "model-value": e.modelValue,
+          rules: [
+            ...e.rules,
+            () => d.value.length ? "There is a binding error in your configuration" : !0
+          ]
+        }, {
+          label: A(() => i[0] || (i[0] = [
+            n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
+          ])),
+          _: 1
+        }, 8, ["disabled", "model-value", "rules"]),
+        n("div", Pe, [
+          n("div", Te, [
+            n("div", Se, f(s(r)("inventory.inventoryBindings.recipe")), 1),
+            e.readonly ? I("", !0) : (a(), K(_, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: s(r)("inventory.inventoryBindings.linkRecipe"),
+              "prepend-icon": "link",
+              onClick: te
+            }, null, 8, ["label"]))
+          ]),
+          n("div", Me, [
+            n("div", De, [
+              n("div", ze, f(s(r)("inventory.inventoryBindings.recipe")), 1),
+              i[1] || (i[1] = n("div", { class: "w-[200px]" }, null, -1)),
+              i[2] || (i[2] = n("div", { class: "w-[52px]" }, null, -1))
+            ]),
+            (a(!0), m($, null, M(b.value, (l) => {
+              var U;
+              return a(), m("div", {
+                key: l.id,
+                class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100"
+              }, [
+                n("div", Le, [
+                  n("div", Oe, [
+                    y(V, {
+                      zIndex: 51,
+                      variant: "plain",
+                      placement: "top",
+                      content: (U = R.value[l.id]) == null ? void 0 : U.name
+                    }, {
+                      default: A(() => {
+                        var w;
+                        return [
+                          n("span", Ge, f((w = R.value[l.id]) == null ? void 0 : w.name), 1)
+                        ];
+                      }),
+                      _: 2
+                    }, 1032, ["content"])
+                  ]),
+                  n("div", Ke, [
+                    y(o, {
+                      disabled: e.disabled,
+                      modelValue: s(j)()(C(l)) === !0 ? +C(l) : C(l),
+                      rules: [s(he)(e.allowRecipeDecimal ? 5 : 0), s(W)(-1)]
+                    }, {
+                      default: A(({ invalid: w }) => [
+                        y(B, {
+                          class: "w-full",
+                          disabled: e.disabled,
+                          modelValue: C(l),
+                          "onUpdate:modelValue": (k) => Z(l, k),
+                          invalid: w
+                        }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
+                      ]),
+                      _: 2
+                    }, 1032, ["disabled", "modelValue", "rules"])
+                  ]),
+                  e.readonly ? I("", !0) : (a(), m("div", We, [
+                    y(_, {
+                      disabled: e.disabled,
+                      type: "button",
+                      variant: "plain",
+                      icon: "delete",
+                      "icon-color": "#000000",
+                      onClick: (w) => T(l.id, e.modelValue)
+                    }, null, 8, ["disabled", "onClick"])
+                  ]))
+                ]),
+                y($e, {
+                  "recipe-id": l.id,
+                  multiplier: C(l)
+                }, null, 8, ["recipe-id", "multiplier"]),
+                c.value.has(l.id) ? (a(), m("div", je, [
+                  y(O, {
+                    name: "error",
+                    color: "system-error-300",
+                    size: "sm"
+                  }),
+                  n("div", null, f(s(r)("inventory.inventoryBindings.circularError")), 1)
+                ])) : I("", !0)
+              ]);
+            }), 128))
+          ])
+        ]),
+        n("div", Ye, [
+          n("div", qe, [
+            n("div", He, f(s(r)("inventory.inventoryBindings.ingredient")), 1),
+            e.readonly ? I("", !0) : (a(), K(_, {
+              key: 0,
+              variant: "secondary",
+              "text-color": "primary",
+              "border-color": "primary",
+              label: s(r)("inventory.inventoryBindings.linkIngredient"),
+              "prepend-icon": "link",
+              onClick: oe
+            }, null, 8, ["label"]))
+          ]),
+          n("div", Je, [
+            n("div", Qe, [
+              n("div", Xe, f(s(r)("inventory.inventoryBindings.ingredient")), 1),
+              n("div", Ze, f(s(r)("inventory.inventoryBindings.amount")), 1),
+              i[3] || (i[3] = n("div", { class: "w-[52px]" }, null, -1))
+            ]),
+            (a(!0), m($, null, M(D.value, (l, U) => {
+              var w;
+              return a(), m($, {
+                key: l.id
+              }, [
+                le(l) ? (a(), m("div", en, [
+                  n("div", nn, [
+                    n("div", tn, f(l.id), 1),
+                    e.readonly ? I("", !0) : (a(), m("div", on, [
+                      y(_, {
+                        disabled: e.disabled,
+                        type: "button",
+                        variant: "tertiary",
+                        icon: "delete",
+                        onClick: (k) => T(l.id, e.modelValue)
+                      }, null, 8, ["disabled", "onClick"])
+                    ]))
+                  ]),
+                  n("div", ln, [
+                    y(O, {
+                      name: "error",
+                      color: "system-error-300",
+                      size: "sm"
+                    }),
+                    n("div", null, f(s(r)("inventory.inventoryBindings.missingIngredient")), 1)
+                  ])
+                ])) : (a(), m("div", sn, [
+                  n("div", rn, [
+                    n("div", an, [
+                      y(V, {
+                        zIndex: 51,
+                        variant: "plain",
+                        placement: "top",
+                        content: (w = x.value[l.id]) == null ? void 0 : w.name
+                      }, {
+                        default: A(() => {
+                          var k;
+                          return [
+                            n("span", dn, f((k = x.value[l.id]) == null ? void 0 : k.name), 1)
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["content"])
+                    ]),
+                    n("div", un, [
+                      y(ke, {
+                        "model-value": se(l),
+                        "onUpdate:modelValue": (k) => k && re(l.id, k, e.modelValue),
+                        "onUpdate:amount": (k) => de(l, k),
+                        unit: z(l),
+                        placement: U === D.value.length - 1 ? "top" : "bottom",
+                        "convert-amount-on-change-unit": "",
+                        disabled: e.readonly
+                      }, null, 8, ["model-value", "onUpdate:modelValue", "onUpdate:amount", "unit", "placement", "disabled"])
+                    ]),
+                    e.readonly ? I("", !0) : (a(), m("div", mn, [
+                      y(_, {
+                        disabled: e.disabled,
+                        type: "button",
+                        variant: "tertiary",
+                        icon: "delete",
+                        onClick: (k) => T(l.id, e.modelValue)
+                      }, null, 8, ["disabled", "onClick"])
+                    ]))
+                  ]),
+                  n("div", cn, [
+                    y(o, {
+                      modelValue: +s(S)(l.amount ?? { amount: 1, precision: 0 }),
+                      rules: [s(W)(0)]
+                    }, null, 8, ["modelValue", "rules"]),
+                    y(o, {
+                      modelValue: ae(l),
+                      rules: [
+                        s(Ie)(),
+                        s(Ve)(z(l)),
+                        () => c.value.has(l.id) ? s(r)("inventory.inventoryBindings.invalidWarning") : !0
+                      ]
+                    }, null, 8, ["modelValue", "rules"])
+                  ])
+                ]))
+              ], 64);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  gn as _,
+  $e as a
+};

package/dist/{InventoryBindingSummary-CNqwcsrX.js → InventoryBindingSummary-CSii8B2X.js}

@@ -1,7 +1,7 @@
 import { defineComponent as l, resolveComponent as m, createBlock as c, openBlock as d, h as g } from "vue";
 import { useI18n as p } from "@feedmepos/mf-common";
 import { components as u } from "@feedmepos/ui-library";
-import { F as r } from "./app-CGcDbrt8.js";
+import { F as r } from "./app-OztWApio.js";
 const w = /* @__PURE__ */ l({
   __name: "InventoryBindingSummary",
   props: {

package/dist/JsonViewer.vue_vue_type_script_setup_true_lang-C_hg75l0.js

@@ -0,0 +1,25 @@
+import { defineComponent as s, ref as a, onMounted as i, onBeforeUnmount as l, createElementBlock as c, openBlock as p } from "vue";
+import { E as e, b as u, j as f } from "./index-C25C1Dg7.js";
+const w = /* @__PURE__ */ s({
+  __name: "JsonViewer",
+  props: {
+    value: {}
+  },
+  setup(t) {
+    const r = t, n = a(null);
+    let o;
+    return i(() => {
+      o = new e({
+        parent: n.value,
+        doc: JSON.stringify(r.value, null, 2),
+        extensions: [u, f(), e.editable.of(!1), e.lineWrapping]
+      });
+    }), l(() => o.destroy()), (m, _) => (p(), c("div", {
+      ref_key: "container",
+      ref: n
+    }, null, 512));
+  }
+});
+export {
+  w as _
+};

package/dist/NumberPrecisionInput.vue_vue_type_script_setup_true_lang-D_Xk4SOH.js

@@ -0,0 +1,79 @@
+import { defineComponent as g, computed as u, ref as k, watch as m, resolveComponent as d, createBlock as N, openBlock as _, withCtx as p, createVNode as A, createElementVNode as C, normalizeClass as D } from "vue";
+import { s as c } from "./app-OztWApio.js";
+import { I as a } from "./rules-D01xYhgI.js";
+const I = ["value", "disabled"], T = /* @__PURE__ */ g({
+  __name: "NumberPrecisionInput",
+  props: {
+    modelValue: {},
+    label: {},
+    helperText: {},
+    step: {},
+    rules: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(f, { emit: b }) {
+    const o = f, n = b, y = u(() => c.fromNumber(o.step ?? 1).precision), t = k(o.modelValue.toString());
+    m(
+      () => o.modelValue,
+      (e) => {
+        t.value = e.toString();
+      },
+      { immediate: !0 }
+    );
+    const i = (e) => e === "-" || e === ".", V = u(() => i(t.value) ? 0 : a()(t.value) === !0 ? +t.value : t.value), v = u(() => [a(), ...o.rules ?? []]);
+    m([() => t.value], ([e]) => {
+      i(e) ? n("update:modelValue", 0) : a()(e) === !0 && n("update:modelValue", +e);
+    });
+    const w = (e) => {
+      if (e.ctrlKey || e.altKey || e.metaKey || ["Backspace", "Tab", "Enter", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(
+        e.key
+      ))
+        return;
+      const l = e.currentTarget, r = +`${l.value}${e.key}`;
+      if (isFinite(r)) {
+        if (a()(`${r}`) !== !0) {
+          e.preventDefault();
+          return;
+        }
+        c.fromNumber(r).precision > y.value && e.preventDefault();
+        return;
+      }
+      l.value.length === 0 && (e.key === "-" || e.key === ".") || e.preventDefault();
+    };
+    return (e, l) => {
+      const r = d("FmField"), s = d("FmFormGroup");
+      return _(), N(s, {
+        disabled: e.disabled,
+        modelValue: V.value,
+        rules: v.value,
+        "helper-text": e.helperText,
+        label: e.label
+      }, {
+        default: p(({ invalid: F }) => [
+          A(r, { invalid: F }, {
+            default: p(() => [
+              C("input", {
+                value: t.value,
+                onInput: l[0] || (l[0] = (h) => t.value = h.target.value),
+                onKeydown: w,
+                inputmode: "numeric",
+                class: D({
+                  "fm-text-field--input fm-typo-en-body-lg-400": !0,
+                  "text-fm-color-typo-primary": !e.disabled,
+                  "text-fm-color-typo-disabled": e.disabled
+                }),
+                disabled: e.disabled
+              }, null, 42, I)
+            ]),
+            _: 2
+          }, 1032, ["invalid"])
+        ]),
+        _: 1
+      }, 8, ["disabled", "modelValue", "rules", "helper-text", "label"]);
+    };
+  }
+});
+export {
+  T as _
+};