@feedmepos/mf-inventory-portal 0.0.19-dev.1 → 0.0.19-dev.11

package/dist/FmUnitInput.vue_vue_type_script_setup_true_lang-B-19iYaK.js

@@ -1,236 +0,0 @@
-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 "./index-B_aEOJsR.js";
-import { g as C, c as se, a as k, t as ie, b as re, k as me, l as ce, u as de } from "./number-DLj3W3RW.js";
-import { I as w } from "./rules-CCmXA0Yi.js";
-function $() {
-  return {
-    amount: F.reset()
-  };
-}
-function q() {
-  return function(d) {
-    return w()(d.amountAsString);
-  };
-}
-function _e(u) {
-  return function(n) {
-    return w()(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 : C(u, r.modelValue.measurement);
-    return se(+r.amountAsString).precision > b ? `Cannot exceed precision more than ${k({
-      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 = w(), N = m(() => {
-      var t;
-      return C(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 k(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 = C(n.unit, l), s = F.convertPrecision({
-        value: I,
-        precision: P
-      });
-      f.value = k(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
-};