@wssto2/vue-core 0.4.19 → 0.4.21

package/dist/useCommand-VIZE7xG-.js

@@ -0,0 +1,168 @@
+import { nextTick as f, defineComponent as C, useTemplateRef as v, ref as b, watch as L, onBeforeUnmount as N, computed as q, openBlock as p, createElementBlock as D, Fragment as z, createVNode as S, unref as y, createSlots as F, withCtx as $, createElementVNode as V, toDisplayString as A, createCommentVNode as h, renderSlot as x, createBlock as O } from "vue";
+import { useI18n as I } from "vue-i18n";
+import { f as R } from "./useDialog-CXR3hN0G.js";
+import { _ as U } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
+import { _ as G } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { D as K } from "./useWaitStatus-fsacMl4W.js";
+import { _ as M, u as P } from "./FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
+import { a as W } from "./leaveGuard-Cc8yeLxM.js";
+const c = "input:not([type=hidden]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex='-1'])";
+async function Y(t = document, r) {
+  const e = [...t.querySelectorAll("[data-field-error]")], n = e.find((o) => o.matches(c) || o.querySelector(c)) ?? e[0];
+  if (!n) return !1;
+  const i = r?.sections.value.find((o) => o.element.contains(n));
+  i && (await r?.scrollTo(i.id, { updateUrl: !1 }), await f());
+  const l = n.matches(c) ? n : n.querySelector(c);
+  return (l ?? n).scrollIntoView?.({ block: "center" }), (l ?? n).focus({ preventScroll: !0 }), !0;
+}
+const se = (t) => ({ "data-field-key": t }), j = {
+  key: 0,
+  class: "text-body text-content-muted"
+}, ne = /* @__PURE__ */ C({
+  __name: "CommandDialog",
+  props: {
+    command: {},
+    title: {},
+    subtitle: { default: void 0 },
+    confirmLabel: {},
+    confirmDisabled: { type: Boolean, default: !1 },
+    doneLabel: { default: void 0 },
+    busyLabel: { default: void 0 },
+    message: { default: void 0 },
+    size: { default: "sm" },
+    fieldLabel: { type: Function, default: void 0 }
+  },
+  emits: ["done"],
+  setup(t, { emit: r }) {
+    const e = t, n = r, { t: i } = I(), l = v("modal"), o = v("body"), a = b(!1);
+    let u = null;
+    const { confirmDiscard: E } = W(() => e.command.open.value && e.command.form.dirty.value);
+    L(() => e.command.open.value, (s) => {
+      s ? (a.value = !1, l.value?.present()) : l.value?.dismiss();
+    });
+    async function w(s = {}) {
+      e.confirmDisabled || await g(await e.command.run(), s);
+    }
+    async function g(s, d = {}) {
+      if (s.status === "failed") {
+        s.failure.kind === "invalid" && await f().then(() => Y(o.value ?? document));
+        return;
+      }
+      if (s.status !== "aborted") {
+        if (n("done"), d.addAnother) {
+          e.command.present(), await f(), R(o.value)[0]?.focus();
+          return;
+        }
+        a.value = !0, u = setTimeout(() => e.command.dismiss(), K);
+      }
+    }
+    const k = v("ask"), m = b(null);
+    L(() => e.command.question?.value, (s) => {
+      s && (m.value = s, f(() => k.value?.present()));
+    });
+    const T = async () => {
+      e.command.answer && await g(await e.command.answer(!0));
+    };
+    N(() => {
+      u && clearTimeout(u);
+    });
+    const B = q(() => e.command.form.submitting.value ? "processing" : a.value ? "done" : "idle");
+    return (s, d) => (p(), D(z, null, [
+      S(U, {
+        ref_key: "modal",
+        ref: l,
+        size: e.size,
+        grouped: "",
+        title: e.title,
+        subtitle: e.subtitle,
+        "before-dismiss": y(E),
+        "primary-label": e.confirmLabel,
+        "primary-disabled": e.confirmDisabled,
+        status: B.value,
+        "processing-label": e.busyLabel ?? y(i)("core.actions.saving"),
+        "done-label": e.doneLabel ?? y(i)("core.actions.saved"),
+        onPrimary: d[0] || (d[0] = (_) => w()),
+        onDismissed: d[1] || (d[1] = (_) => e.command.dismiss())
+      }, F({
+        default: $(() => [
+          V("div", {
+            ref_key: "body",
+            ref: o,
+            class: "flex min-w-0 flex-col gap-group-gap",
+            "data-test": "command-dialog"
+          }, [
+            e.message ? (p(), D("p", j, A(e.message), 1)) : h("", !0),
+            S(M, {
+              form: e.command.form,
+              label: e.fieldLabel,
+              scope: o.value
+            }, null, 8, ["form", "label", "scope"]),
+            x(s.$slots, "default")
+          ], 512)
+        ]),
+        _: 2
+      }, [
+        s.$slots.actions ? {
+          name: "actions",
+          fn: $(() => [
+            x(s.$slots, "actions", {
+              run: w,
+              busy: e.command.form.submitting.value
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["size", "title", "subtitle", "before-dismiss", "primary-label", "primary-disabled", "status", "processing-label", "done-label"]),
+      m.value ? (p(), O(G, {
+        key: 0,
+        ref_key: "ask",
+        ref: k,
+        title: m.value.title,
+        message: m.value.message,
+        "confirm-label": m.value.confirmLabel,
+        tone: m.value.tone,
+        action: T,
+        onDismissed: d[2] || (d[2] = (_) => void e.command.answer?.(!1))
+      }, null, 8, ["title", "message", "confirm-label", "tone"])) : h("", !0)
+    ], 64));
+  }
+});
+function oe(t) {
+  const r = P(t), e = b(!1), n = () => typeof t.defaults == "function" ? t.defaults() : t.defaults, i = b(null);
+  async function l() {
+    return await r.submit(t.run, {
+      // The page updating itself after the call is the refresh: its failure is "saved, but could not be read back".
+      refresh: t.done ? (u) => t.done?.(u) : void 0
+    });
+  }
+  async function o() {
+    const a = t.ask ? r.validate() : null, u = a === null ? null : t.ask?.(a) ?? null;
+    return u ? (i.value = u, { status: "aborted" }) : l();
+  }
+  return {
+    form: r,
+    open: e,
+    present(a) {
+      r.hydrate({ ...n(), ...a }), e.value = !0;
+    },
+    dismiss() {
+      e.value = !1;
+    },
+    run: o,
+    question: i,
+    async answer(a) {
+      return i.value = null, a ? l() : { status: "aborted" };
+    },
+    async confirm() {
+      const a = await l();
+      if (a.status === "failed") throw new Error(a.failure.message);
+      if (a.status === "aborted") throw new Error("aborted");
+    }
+  };
+}
+export {
+  ne as _,
+  se as a,
+  Y as f,
+  oe as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.4.19",
+  "version": "0.4.21",
   "goCore": "v1.7.0",
   "description": "Shared Vue 3 library for go-core applications: app shell, list / record / form pages and their controls.",
   "keywords": [

package/dist/DateField.vue_vue_type_script_setup_true_lang-CfPwcEM2.js

@@ -1,278 +0,0 @@
-import { computed as f, defineComponent as Z, useModel as ee, useTemplateRef as N, openBlock as k, createBlock as I, mergeProps as V, unref as s, createSlots as te, withCtx as v, createElementBlock as T, Fragment as Q, createVNode as $, createTextVNode as re, toDisplayString as Y, createCommentVNode as B, createElementVNode as C, normalizeClass as oe, renderSlot as E, mergeModels as ae, mergeDefaults as ne, nextTick as H } from "vue";
-import { useI18n as j } from "vue-i18n";
-import { _ as le } from "./DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
-import { u as K } from "./format-D8X4zsx6.js";
-import { _ as se } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as ie } from "./mediaQuery-CygcXmFW.js";
-import { _ as de } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
-import { c as ue, _ as ce, f as me, b as fe } from "./control-B4SdblL6.js";
-import { e as O, f as M, m as G, g as J, h as pe, j as be, u as ve, k as ye, _ as ke, l as ge, c as he } from "./useTypedEntry-C7k7Dyl-.js";
-const xe = ["d", "m", "y"];
-function _e(o) {
-  const r = o("2033-11-22"), e = { y: r.indexOf("2033") >= 0 ? r.indexOf("2033") : r.indexOf("33"), m: r.indexOf("11"), d: r.indexOf("22") };
-  return e.y < 0 || e.m < 0 || e.d < 0 ? xe : ["d", "m", "y"].sort((t, a) => e[t] - e[a]);
-}
-const we = (o) => o.trim().toLowerCase().replace(/\.+$/, "");
-function $e(o, r) {
-  if (o.length === 4) return Number(o);
-  if (o.length > 2) return null;
-  const e = 2e3 + Number(o);
-  return e > Number(r.slice(0, 4)) + 30 ? e - 100 : e;
-}
-function g(o, r) {
-  const e = o.y === void 0 ? Number(r.slice(0, 4)) : $e(o.y, r), t = o.m === void 0 ? Number(r.slice(5, 7)) : Number(o.m);
-  return e === null || o.d === void 0 ? null : G(e, t, Number(o.d));
-}
-function De(o, r) {
-  const e = r.today ?? O(), t = we(o);
-  if (t === "") return null;
-  const { words: a } = r;
-  if (a.today.includes(t)) return e;
-  if (a.tomorrow.includes(t)) return M(e, 1);
-  if (a.yesterday.includes(t)) return M(e, -1);
-  const u = /^([+-])\s*(\d{1,4})$/.exec(t);
-  if (u) return M(e, Number(u[2]) * (u[1] === "-" ? -1 : 1));
-  const d = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(t);
-  if (d) return G(Number(d[1]), Number(d[2]), Number(d[3]));
-  if (!/^[\d\s./-]+$/.test(t)) return null;
-  const n = r.order, p = n.filter((y) => y !== "y");
-  if (/^\d+$/.test(t)) {
-    if (t.length <= 2) return g({ d: t }, e);
-    if (t.length === 4) return g(S(p, [t.slice(0, 2), t.slice(2)]), e);
-    if (t.length === 6 || t.length === 8) {
-      const y = n.map((c) => c === "y" ? t.length - 4 : 2);
-      let h = 0;
-      const b = n.map((c, x) => [c, t.slice(h, h += y[x])]);
-      return g(Object.fromEntries(b), e);
-    }
-    return null;
-  }
-  const m = t.split(/[^\d]+/).filter(Boolean);
-  return m.length === 3 ? g(S(n, m), e) : m.length === 2 ? g(S(p, m), e) : m.length === 1 ? g({ d: m[0] }, e) : null;
-}
-function S(o, r) {
-  return Object.fromEntries(o.map((e, t) => [e, r[t]]));
-}
-function Ae(o) {
-  const r = o.trim().replace(/^(\d{4}-\d{2}-\d{2})T/, "$1 ").split(/\s+/).filter(Boolean), e = r[r.length - 1];
-  if (e === void 0) return { date: null, time: null };
-  if (!(e.includes(":") || r.length > 1 && /^\d{1,2}\.\d{2}$/.test(e))) return { date: r.join(" "), time: null };
-  const a = r.slice(0, -1).join(" ");
-  return { date: a === "" ? null : a, time: e };
-}
-function Ne(o, r, e) {
-  const t = o(e), a = /\D+/.exec(t)?.[0].trim() ?? ".", u = /\D+$/.test(t) ? a : "", d = { d: String(Number(e.slice(8))), m: String(Number(e.slice(5, 7))), y: "" };
-  return r.filter((n) => n !== "y").map((n) => d[n]).join(a) + u;
-}
-function Te(o) {
-  const { t: r } = j(), e = K(), t = (n) => e.date(n), a = f(() => _e(t)), u = f(() => ({
-    today: [r("core.form.date.words.today").toLowerCase(), "today"],
-    tomorrow: [r("core.form.date.words.tomorrow").toLowerCase(), "tomorrow"],
-    yesterday: [r("core.form.date.words.yesterday").toLowerCase(), "yesterday"]
-  }));
-  return {
-    placeholder: f(() => r("core.form.date.placeholder", { example: Ne(t, a.value, O()) })),
-    /** The day a text means, or null. */
-    parse: (n) => De(n, { order: a.value, words: u.value }),
-    available: (n) => !J(n, o()),
-    invalidMessage: () => r("core.form.date.invalid", { example: t(O()) }),
-    unavailableMessage: () => r("core.form.date.unavailable")
-  };
-}
-function Ce(o, r, e) {
-  const { t } = j();
-  return f(() => {
-    const a = O();
-    return (o() ?? pe(r())).map((u) => {
-      const d = be(u, (n) => t(`core.form.date.${n.replace(/-/g, "_")}`), a);
-      return { ...d, disabled: J(d.value, e()) };
-    });
-  });
-}
-const Oe = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], qe = ["aria-label", "onClick"], Pe = { class: "flex flex-col gap-2.5" }, Ve = {
-  key: 0,
-  class: "border-t border-border-separator pt-2.5"
-}, Be = { class: "text-footnote text-content-muted" }, Ie = /* @__PURE__ */ Z({
-  __name: "DateField",
-  props: /* @__PURE__ */ ae(/* @__PURE__ */ ne({
-    label: {},
-    labelHidden: { type: Boolean },
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    min: {},
-    max: {},
-    disabledDates: { type: [Array, Function] },
-    openOn: {},
-    quickPicks: {}
-  }, { ...fe, min: void 0, max: void 0, disabledDates: void 0, openOn: void 0, quickPicks: void 0 }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(o, { expose: r }) {
-    const e = o, t = ee(o, "modelValue"), { t: a } = j(), u = K(), d = ie(), n = N("input"), p = N("popover"), m = N("calendar"), y = N("sheet"), h = f(() => ({ min: e.min, max: e.max, disabled: e.disabledDates })), b = Te(() => h.value), c = ve({
-      model: t,
-      display: (l) => u.date(l),
-      parse: (l) => {
-        const i = b.parse(l);
-        return i ? b.available(i) ? { value: i } : { error: b.unavailableMessage() } : { error: b.invalidMessage() };
-      }
-    }), x = Ce(() => e.quickPicks, () => d.value, () => h.value), L = f(() => e.error || c.message.value), q = f(() => t.value ? u.date(t.value) : null), W = ue("date", () => L.value ? "error" : e.disabled ? "locked" : "rest"), z = f(() => c.typed.value ?? (ye(t.value) ? t.value : null));
-    async function P(l) {
-      e.disabled || (p.value?.present(), l && (await H(), await H(), m.value?.focus()));
-    }
-    function X(l) {
-      l.key === "Enter" ? (c.commit(), p.value?.dismiss()) : l.key === "ArrowDown" && (l.preventDefault(), P(!0));
-    }
-    function F(l, i) {
-      c.set(l), i();
-    }
-    return r({ focus: () => n.value?.focus() }), (l, i) => (k(), I(ce, V({ ...s(me)(e), error: L.value }, {
-      value: q.value,
-      "value-style": "numeric"
-    }), te({
-      default: v(({ id: U, describedby: R, invalid: A }) => [
-        s(d) ? (k(), T(Q, { key: 0 }, [
-          $(le, V({ id: U, "aria-describedby": R }, {
-            disabled: e.disabled,
-            invalid: A,
-            placeholder: s(a)("core.form.select.choose"),
-            onClick: i[0] || (i[0] = (_) => y.value?.present())
-          }), {
-            default: v(() => [
-              q.value ? (k(), T(Q, { key: 0 }, [
-                re(Y(q.value), 1)
-              ], 64)) : B("", !0)
-            ]),
-            _: 1
-          }, 16, ["disabled", "invalid", "placeholder"]),
-          $(ke, {
-            ref_key: "sheet",
-            ref: y,
-            title: e.label ?? s(a)("core.form.date.calendar"),
-            mode: "date",
-            "model-value": t.value,
-            min: e.min,
-            max: e.max,
-            "disabled-dates": e.disabledDates,
-            "open-on": e.openOn,
-            shortcuts: s(x),
-            clearable: !e.required,
-            "onUpdate:modelValue": s(c).set
-          }, null, 8, ["title", "model-value", "min", "max", "disabled-dates", "open-on", "shortcuts", "clearable", "onUpdate:modelValue"])
-        ], 64)) : (k(), I(de, {
-          key: 1,
-          ref_key: "popover",
-          ref: p,
-          label: e.label ?? s(a)("core.form.date.calendar"),
-          width: "lg",
-          placement: "bottom-start",
-          arrow: !1,
-          autofocus: !1
-        }, {
-          trigger: v(({ attrs: _, presented: w }) => [
-            C("div", {
-              class: oe(["inline-flex max-w-full items-center gap-2", s(W)])
-            }, [
-              C("input", V({
-                id: U,
-                ref_key: "input",
-                ref: n
-              }, _, {
-                type: "text",
-                role: "combobox",
-                autocomplete: "off",
-                size: "16",
-                name: e.name,
-                value: s(c).text.value,
-                placeholder: s(b).placeholder.value,
-                disabled: e.disabled,
-                required: e.required,
-                "aria-required": e.required || void 0,
-                "aria-invalid": A || void 0,
-                "aria-describedby": R,
-                class: "block min-h-7 min-w-0 border-0 bg-transparent py-1 pl-2.5 text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-                onInput: i[1] || (i[1] = (D) => s(c).input(D.target.value)),
-                onBlur: i[2] || (i[2] = (D) => s(c).commit()),
-                onKeydown: X,
-                onClick: i[3] || (i[3] = (D) => P(!1))
-              }), null, 16, Oe),
-              e.disabled ? B("", !0) : (k(), T("button", {
-                key: 0,
-                type: "button",
-                tabindex: "-1",
-                "aria-label": s(a)("core.form.date.open"),
-                class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
-                onClick: (D) => w ? p.value?.dismiss() : P(!0)
-              }, [
-                $(s(se), {
-                  name: "calendarLine",
-                  size: 18
-                })
-              ], 8, qe))
-            ], 2)
-          ]),
-          default: v(({ dismiss: _ }) => [
-            C("div", Pe, [
-              $(ge, {
-                ref_key: "calendar",
-                ref: m,
-                "model-value": z.value,
-                min: e.min,
-                max: e.max,
-                "disabled-dates": e.disabledDates,
-                "open-on": e.openOn,
-                "month-picker": "",
-                "onUpdate:modelValue": (w) => F(w, _)
-              }, null, 8, ["model-value", "min", "max", "disabled-dates", "open-on", "onUpdate:modelValue"]),
-              s(x).length > 0 ? (k(), T("div", Ve, [
-                $(he, {
-                  items: s(x),
-                  selected: z.value,
-                  onPick: (w) => F(w, _)
-                }, null, 8, ["items", "selected", "onPick"])
-              ])) : B("", !0),
-              C("p", Be, Y(s(a)("core.form.date.keys")), 1)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["label"]))
-      ]),
-      _: 2
-    }, [
-      l.$slots.trailing ? {
-        name: "trailing",
-        fn: v(() => [
-          E(l.$slots, "trailing")
-        ]),
-        key: "0"
-      } : void 0,
-      l.$slots.labelTrailing ? {
-        name: "labelTrailing",
-        fn: v(() => [
-          E(l.$slots, "labelTrailing")
-        ]),
-        key: "1"
-      } : void 0,
-      l.$slots.readonly ? {
-        name: "readonly",
-        fn: v(() => [
-          E(l.$slots, "readonly")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1040, ["value"]));
-  }
-});
-export {
-  Ie as _,
-  Ce as a,
-  Ae as s,
-  Te as u
-};

package/dist/NumberField.vue_vue_type_script_setup_true_lang-djJvP6Og.js

@@ -1,150 +0,0 @@
-import { defineComponent as W, useModel as A, useTemplateRef as E, computed as B, ref as $, watch as M, openBlock as F, createBlock as O, mergeProps as P, unref as q, createSlots as j, withCtx as k, createElementVNode as N, normalizeClass as S, createElementBlock as C, toDisplayString as V, createCommentVNode as R, renderSlot as _, mergeModels as z, mergeDefaults as H } from "vue";
-import { b as J } from "./controlSurface-t7OEFESJ.js";
-import { u as K } from "./format-D8X4zsx6.js";
-import { a as L, c as Q, _ as U, f as X, b as Y } from "./control-B4SdblL6.js";
-function Z(s) {
-  const n = s.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), e = /^\d(\D)\d/.exec(n)?.[1] ?? "";
-  return { decimal: n.charAt(n.length - 2) || ".", group: e === "." || e === "," ? e : "" };
-}
-function ee(s, n) {
-  const e = s.trim().startsWith("-"), t = s.replace(/[^\d.,]/g, "");
-  if (t === "") return e ? void 0 : null;
-  const m = [...t].filter((o) => o === "." || o === ",");
-  let f = t, v = "";
-  if (n.decimals > 0 && m.length > 0) {
-    const o = Math.max(t.lastIndexOf("."), t.lastIndexOf(",")), r = t.charAt(o), p = t.slice(o + 1), g = t.includes(".") && t.includes(","), c = m.filter((D) => D === r).length > 1, a = !g && r === n.group && p.length === 3;
-    (g || !c && !a) && (f = t.slice(0, o), v = p);
-  }
-  const x = (o) => o.replace(/\D/g, ""), h = +`${x(f) || "0"}.${x(v) || "0"}`;
-  if (!Number.isFinite(h)) return;
-  const d = Number(h.toFixed(n.decimals));
-  return e ? -d || 0 : d;
-}
-const te = {
-  key: 0,
-  class: "shrink-0 text-footnote text-content-muted"
-}, ie = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], le = {
-  key: 1,
-  class: "shrink-0 text-footnote text-content-muted"
-}, se = /* @__PURE__ */ W({
-  __name: "NumberField",
-  props: /* @__PURE__ */ z(/* @__PURE__ */ H({
-    label: {},
-    labelHidden: { type: Boolean },
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    decimals: {},
-    minDecimals: {},
-    negative: { type: Boolean },
-    grouping: { type: Boolean },
-    maxDigits: {},
-    mono: { type: Boolean },
-    placeholder: {},
-    prefix: {},
-    suffix: {},
-    width: {}
-  }, { ...Y, decimals: 0, minDecimals: void 0, negative: !1, grouping: !0, maxDigits: void 0, mono: !1, placeholder: void 0, prefix: void 0, suffix: void 0, width: "sm" }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(s, { expose: n }) {
-    const e = s, t = A(s, "modelValue"), m = K(), f = E("input"), v = !!L(), x = Q("text", () => e.error ? "error" : e.disabled ? "locked" : "rest"), h = B(() => v ? J(e.width) : "w-full"), d = B(() => Z(m)), o = B(() => Math.min(e.minDecimals ?? e.decimals, e.decimals)), r = (i) => i === null ? "" : m.number(i, { minimumFractionDigits: o.value, maximumFractionDigits: e.decimals, useGrouping: e.grouping }), p = (i) => i === null ? "" : String(i).replace(".", d.value.decimal), g = (i) => ee(i, { decimals: e.decimals, group: e.grouping ? d.value.group : "" }), c = $(!1), a = $(r(t.value));
-    M(t, (i) => {
-      c.value ? g(a.value) !== i && (a.value = p(i)) : a.value = r(i);
-    }), M(() => [e.decimals, o.value, e.grouping, d.value.decimal], () => {
-      c.value || (a.value = r(t.value));
-    });
-    function D(i) {
-      const u = i.target;
-      let l = u.value.replace(/[^\d.,\-\s]/g, "");
-      e.negative ? l = l.replace(/(?!^)-/g, "") : l = l.replace(/-/g, "");
-      const w = l.replace(/\D/g, "").length;
-      if (e.maxDigits !== void 0 && w > e.maxDigits) {
-        if (l.length === a.value.length + 1) {
-          const y = Math.max(0, (u.selectionStart ?? l.length) - 1);
-          u.value = a.value, u.setSelectionRange(y, y);
-          return;
-        }
-        let I = 0;
-        l = [...l].filter((y) => !/\d/.test(y) || ++I <= e.maxDigits).join("");
-      }
-      l !== u.value && (u.value = l), a.value = l;
-      const b = g(l);
-      b !== void 0 ? t.value = b : t.value = null;
-    }
-    function T() {
-      c.value = !0, a.value = p(t.value);
-    }
-    function G() {
-      c.value = !1, a.value = r(t.value);
-    }
-    return n({ focus: () => f.value?.focus() }), (i, u) => (F(), O(U, P(q(X)(e), {
-      value: t.value === null ? null : r(t.value),
-      prefix: e.prefix,
-      suffix: e.suffix,
-      "value-style": e.mono ? "mono" : "numeric"
-    }), j({
-      default: k(({ id: l, describedby: w, invalid: b }) => [
-        N("div", {
-          class: S(["flex items-center gap-1.5", [q(x), h.value]])
-        }, [
-          e.prefix ? (F(), C("span", te, V(e.prefix), 1)) : R("", !0),
-          N("input", {
-            id: l,
-            ref_key: "input",
-            ref: f,
-            value: a.value,
-            type: "text",
-            inputmode: "decimal",
-            autocomplete: "off",
-            name: e.name,
-            placeholder: e.placeholder,
-            disabled: e.disabled,
-            required: e.required,
-            "aria-required": e.required || void 0,
-            "aria-invalid": b || void 0,
-            "aria-describedby": w,
-            class: S(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-right text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", e.mono ? "font-mono" : ""]),
-            onInput: D,
-            onFocus: T,
-            onBlur: G
-          }, null, 42, ie),
-          e.suffix ? (F(), C("span", le, V(e.suffix), 1)) : R("", !0)
-        ], 2)
-      ]),
-      _: 2
-    }, [
-      i.$slots.trailing ? {
-        name: "trailing",
-        fn: k(() => [
-          _(i.$slots, "trailing")
-        ]),
-        key: "0"
-      } : void 0,
-      i.$slots.labelTrailing ? {
-        name: "labelTrailing",
-        fn: k(() => [
-          _(i.$slots, "labelTrailing")
-        ]),
-        key: "1"
-      } : void 0,
-      i.$slots.readonly ? {
-        name: "readonly",
-        fn: k(() => [
-          _(i.$slots, "readonly")
-        ]),
-        key: "2"
-      } : void 0
-    ]), 1040, ["value", "prefix", "suffix", "value-style"]));
-  }
-});
-export {
-  se as _
-};