@wssto2/vue-core 0.4.13 → 0.4.15

package/dist/useLoad-M7V-AVwR.js

@@ -0,0 +1,43 @@
+import { shallowRef as S, watch as k, getCurrentScope as C, onScopeDispose as D, computed as v } from "vue";
+import { useI18n as E } from "vue-i18n";
+import { u as x } from "./describeError-B-NMa--w.js";
+const f = Symbol("vue-core.load.abandoned");
+function M(m, t = {}) {
+  const { t: g } = E(), b = x(), p = t.errorMessage ?? ((a) => b(a, { fallback: g("core.resource.unavailable") })), e = S({ status: "loading" });
+  let u = 0, s = null;
+  function n() {
+    return s?.abort(), s = null, ++u;
+  }
+  async function l() {
+    const a = n(), i = e.value, r = "value" in i ? i : null;
+    e.value = r ? { status: "refreshing", value: r.value } : { status: "loading" };
+    const c = new AbortController();
+    s = c;
+    try {
+      const o = await m({ signal: c.signal, abandon: w });
+      a === u && (e.value = { status: "loaded", value: o });
+    } catch (o) {
+      if (a !== u || o === f) return;
+      const d = p(o);
+      e.value = r ? { status: "stale", value: r.value, error: d } : { status: "failed", error: d };
+    }
+  }
+  function w() {
+    throw f;
+  }
+  function h(a) {
+    n(), e.value = { status: "loaded", value: a };
+  }
+  function y() {
+    e.value = { status: "loading" }, l();
+  }
+  return t.watch !== void 0 ? k(t.watch, y, { immediate: t.immediate ?? !0 }) : (t.immediate ?? !0) && l(), C() && D(n), {
+    state: v(() => e.value),
+    data: v(() => "value" in e.value ? e.value.value : null),
+    reload: l,
+    update: h
+  };
+}
+export {
+  M as u
+};

package/dist/{useResourceForm-D1hIpwW5.js → useResourceForm-CP2lCwmD.js}

@@ -1,5 +1,5 @@
 import { shallowRef as v, watch as m, computed as f } from "vue";
-import { u as i, c as h } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
+import { u as i, c as h } from "./FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
 function b(u) {
   const t = i(u), r = v(null), s = v(!1);
   let n = null;

package/dist/useSaveChrome-7huA3FzR.js

@@ -0,0 +1,26 @@
+import { computed as u, toValue as l } from "vue";
+import { useI18n as m } from "vue-i18n";
+import { u as i } from "./chrome-nUcmVu8G.js";
+import { a as n } from "./leaveGuard-Cc8yeLxM.js";
+function o(e) {
+  const { t: a } = m(), r = u(() => (l(e.ready) ?? !0) && (l(e.allowed) ?? !0)), c = u(() => r.value && e.form.dirty.value);
+  n(() => r.value && e.form.dirty.value), i({
+    actions: () => r.value ? [
+      {
+        id: e.id ?? "save",
+        label: l(e.label) ?? a("core.actions.save"),
+        shortLabel: a("core.actions.save"),
+        icon: "save",
+        placement: "primary",
+        processing: e.form.submitting.value,
+        disabled: (l(e.disabledWhileClean) ?? !0) && !e.form.dirty.value,
+        onClick: e.save
+      }
+    ] : [],
+    leading: () => c.value && e.cancel ? { id: `${e.id ?? "save"}-cancel`, label: a("core.actions.cancel"), prominence: "plain", onClick: e.cancel } : null,
+    status: () => c.value ? a("core.form.unsaved_changes") : null
+  });
+}
+export {
+  o as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.4.13",
+  "version": "0.4.15",
   "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/FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js

@@ -1,276 +0,0 @@
-var J = Object.defineProperty;
-var Q = (a, e, s) => e in a ? J(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
-var I = (a, e, s) => Q(a, typeof e != "symbol" ? e + "" : e, s);
-import { shallowRef as M, computed as x, toRaw as X, reactive as Z, ref as Y, defineComponent as K, watch as ee, nextTick as te, openBlock as b, createBlock as re, withCtx as se, createElementBlock as O, toDisplayString as A, createCommentVNode as E, Fragment as U, createElementVNode as P, normalizeClass as ae, unref as R, renderList as ne, createTextVNode as V } from "vue";
-import { useI18n as G } from "vue-i18n";
-import { i as le, a as q } from "./error-CD7x0Jrz.js";
-import { _ as ie } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
-class ue {
-  constructor() {
-    I(this, "messages", M({}));
-    /** How many fields have a message. */
-    I(this, "count", x(() => Object.keys(this.messages.value).length));
-  }
-  /** Replaces everything. Empty lists are dropped. */
-  set(e) {
-    this.messages.value = Object.fromEntries(Object.entries(e).filter(([, s]) => s.length > 0).map(([s, t]) => [s, [...t]]));
-  }
-  add(e, s) {
-    this.messages.value = { ...this.messages.value, [e]: [...this.messages.value[e] ?? [], s] };
-  }
-  /** Clears one field (and its nested paths), or everything. */
-  clear(e) {
-    if (e === void 0) {
-      this.count.value > 0 && (this.messages.value = {});
-      return;
-    }
-    const s = Object.fromEntries(Object.entries(this.messages.value).filter(([t]) => t !== e && !t.startsWith(`${e}.`)));
-    Object.keys(s).length !== this.count.value && (this.messages.value = s);
-  }
-  /** Whether the field, or a value inside it (`items.0.quantity` for `items`), has a message. */
-  has(e) {
-    return this.first(e) !== void 0 || Object.keys(this.messages.value).some((s) => s.startsWith(`${e}.`));
-  }
-  first(e) {
-    return this.messages.value[e]?.[0];
-  }
-  all() {
-    return this.messages.value;
-  }
-}
-function f(a) {
-  const e = X(a);
-  return e === null || typeof e != "object" ? e : e instanceof Date ? new Date(e.getTime()) : typeof Blob < "u" && e instanceof Blob ? e : Array.isArray(e) ? e.map(f) : Object.fromEntries(Object.entries(e).map(([s, t]) => [s, f(t)]));
-}
-function S(a, e) {
-  const s = a, t = e;
-  if (Object.is(s, t)) return !0;
-  if (s === null || t === null || typeof s != "object" || typeof t != "object") return !1;
-  if (s instanceof Date || t instanceof Date) return s instanceof Date && t instanceof Date && s.getTime() === t.getTime();
-  if (Array.isArray(s) || Array.isArray(t))
-    return Array.isArray(s) && Array.isArray(t) && s.length === t.length && s.every((c, d) => S(c, t[d]));
-  if (typeof Blob < "u" && (s instanceof Blob || t instanceof Blob)) return !1;
-  const l = (c) => Object.keys(c).filter((d) => c[d] !== void 0), o = l(s);
-  return o.length === l(t).length && o.every((c) => S(s[c], t[c]));
-}
-function W(a) {
-  const e = {};
-  for (const s of a) {
-    const t = s.path.map(String).join(".");
-    (e[t] ?? (e[t] = [])).push(s.message);
-  }
-  return e;
-}
-const oe = (a) => a.split(".")[0] ?? a, L = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-function ye(a) {
-  const { t: e } = G(), t = Z(f(typeof a.defaults == "function" ? a.defaults() : a.defaults)), l = M(f(t)), o = new ue(), c = Y(!1), d = M(null), v = x(() => !S(t, l.value));
-  let j = null, h = L();
-  function y(r) {
-    const n = t;
-    for (const i of Object.keys(n)) i in r || delete n[i];
-    Object.assign(n, f(r));
-  }
-  function D() {
-    o.clear(), d.value = null;
-  }
-  function _(r, n) {
-    const i = q(n) ? n.requestId : null, u = a.failureMessage?.(r, n) ?? e(`core.form.failure.${r}`);
-    return d.value = { kind: r, message: u, requestId: i, error: n };
-  }
-  function B(r, n = !1) {
-    const { translate: i, serverField: u } = a, w = n && u ? Object.entries(r).map(([m, g]) => [u(m), g]) : Object.entries(r);
-    o.set(Object.fromEntries(i ? w.map(([m, g]) => [m, g.map((F) => i(F, m))]) : w));
-  }
-  function T() {
-    if (o.clear(), !a.validator) return f(t);
-    const r = a.validator.safeParse(f(t));
-    return r.success ? r.data : (B(W(r.error.issues)), null);
-  }
-  function C(r) {
-    if (o.clear(), !a.validator) return !0;
-    const n = a.validator.safeParse(f(t));
-    if (n.success) return !0;
-    const i = Object.fromEntries(Object.entries(W(n.error.issues)).filter(([u]) => r.includes(oe(u))));
-    return B(i), Object.keys(i).length === 0;
-  }
-  function H(r) {
-    if (!q(r)) return "failed";
-    switch (r.kind) {
-      case "validation":
-        return "invalid";
-      case "conflict":
-        return "conflict";
-      case "forbidden":
-        return "forbidden";
-      case "unauthorized":
-        return "unauthorized";
-      case "network":
-        return "offline";
-      default:
-        return "failed";
-    }
-  }
-  async function z(r, n, i, u) {
-    if (j) return j;
-    const m = (async () => {
-      d.value = null;
-      const g = r();
-      if (g === null) return { status: "failed", failure: _("invalid", null) };
-      const F = f(t);
-      let k;
-      c.value = !0;
-      try {
-        k = await n(g, { idempotencyKey: h });
-      } catch (p) {
-        if (c.value = !1, le(p)) return { status: "aborted" };
-        const N = H(p);
-        return N === "invalid" && q(p) && B(p.fields, !0), { status: "failed", failure: _(N, p) };
-      }
-      const $ = u?.hydrateFrom?.(k) ?? null;
-      $ ? (y($), l.value = f($), o.clear()) : i(k, F);
-      try {
-        await u?.refresh?.(k);
-      } catch (p) {
-        return _("refresh", p), { status: "saved-refresh-failed", value: k, error: p };
-      } finally {
-        c.value = !1;
-      }
-      return { status: "saved", value: k };
-    })().finally(() => {
-      j = null, h = L();
-    });
-    return j = m, m;
-  }
-  return {
-    values: t,
-    errors: o,
-    dirty: v,
-    submitting: c,
-    failure: d,
-    bind(r) {
-      return {
-        get modelValue() {
-          return t[r];
-        },
-        "onUpdate:modelValue"(n) {
-          t[r] = n, o.clear(r);
-        },
-        get error() {
-          return o.first(r);
-        },
-        "data-field-key": r
-      };
-    },
-    bindMonthYear(r, n) {
-      const i = t;
-      return {
-        get month() {
-          return i[r] ?? null;
-        },
-        get year() {
-          return i[n] ?? null;
-        },
-        "onUpdate:month"(u) {
-          i[r] = u, o.clear(r);
-        },
-        "onUpdate:year"(u) {
-          i[n] = u, o.clear(n);
-        },
-        get error() {
-          return o.first(r) ?? o.first(n);
-        },
-        "data-field-key": `${r} ${n}`
-      };
-    },
-    hydrate(r) {
-      y(r), l.value = f(r), D();
-    },
-    reset() {
-      y(l.value), D();
-    },
-    markClean() {
-      l.value = f(t);
-    },
-    validate: T,
-    check: C,
-    submit: (r, n) => z(T, r, (i, u) => l.value = u, n),
-    submitFields: (r, n, i) => z(
-      () => C(r) ? Object.fromEntries(r.map((u) => [u, f(t[u])])) : null,
-      n,
-      (u, w) => {
-        const m = f(l.value);
-        for (const g of r) m[g] = f(w[g]);
-        l.value = m;
-      },
-      i
-    ),
-    dismissFailure() {
-      d.value = null;
-    }
-  };
-}
-const ce = {
-  key: 0,
-  class: "text-footnote font-medium"
-}, fe = {
-  class: "mt-1 list-inside list-disc text-footnote",
-  "data-test": "form-errors-hidden"
-}, de = {
-  key: 2,
-  class: "mt-1 text-caption text-content-muted"
-}, be = /* @__PURE__ */ K({
-  __name: "FormErrors",
-  props: {
-    form: {},
-    label: { type: Function, default: (a) => a },
-    scope: { default: null }
-  },
-  setup(a) {
-    const e = a, { t: s } = G(), t = Y([]);
-    ee(
-      () => e.form.errors.all(),
-      async (c) => {
-        await te();
-        const d = e.scope ?? document, v = new Set([...d.querySelectorAll("[data-field-key]")].flatMap((h) => (h.getAttribute("data-field-key") ?? "").split(/\s+/))), j = (h) => h.split(".").some((y, D, _) => v.has(_.slice(0, D + 1).join(".")));
-        t.value = Object.entries(c).flatMap(([h, y]) => y[0] && !j(h) ? [{ field: h, message: y[0] }] : []);
-      },
-      { immediate: !0 }
-    );
-    const l = x(() => e.form.failure.value), o = x(() => l.value?.kind === "conflict" || l.value?.kind === "refresh" ? "warning" : "critical");
-    return (c, d) => l.value || t.value.length ? (b(), re(ie, {
-      key: 0,
-      tone: l.value ? o.value : "warning",
-      "data-test": "form-errors"
-    }, {
-      default: se(() => [
-        l.value ? (b(), O("p", ce, A(l.value.message), 1)) : E("", !0),
-        t.value.length ? (b(), O(U, { key: 1 }, [
-          P("p", {
-            class: ae(["text-footnote", l.value ? "mt-1" : "font-medium"])
-          }, A(R(s)("core.form.errors.hidden_title")), 3),
-          P("ul", fe, [
-            (b(!0), O(U, null, ne(t.value, (v) => (b(), O("li", {
-              key: v.field
-            }, [
-              V(A(v.field ? e.label(v.field) : ""), 1),
-              v.field ? (b(), O(U, { key: 0 }, [
-                V(": ")
-              ], 64)) : E("", !0),
-              V(A(v.message), 1)
-            ]))), 128))
-          ])
-        ], 64)) : E("", !0),
-        l.value?.requestId ? (b(), O("p", de, A(R(s)("core.form.errors.request", { id: l.value.requestId })), 1)) : E("", !0)
-      ]),
-      _: 1
-    }, 8, ["tone"])) : E("", !0);
-  }
-});
-export {
-  ue as E,
-  be as _,
-  f as c,
-  oe as f,
-  S as s,
-  ye as u
-};

package/dist/NumberField.vue_vue_type_script_setup_true_lang-C7N5nq0P.js

@@ -1,113 +0,0 @@
-import { defineComponent as G, useModel as I, useTemplateRef as R, computed as _, ref as w, watch as F, openBlock as y, createBlock as S, mergeProps as W, unref as B, withCtx as $, createElementVNode as D, normalizeClass as A, createElementBlock as q, toDisplayString as N, createCommentVNode as M, mergeModels as E, mergeDefaults as O } from "vue";
-import { b as P } from "./controlSurface-t7OEFESJ.js";
-import { u as z } from "./format-B8mJm946.js";
-import { a as T, c as j, _ as H, f as J, b as K } from "./control-7EP4tjYy.js";
-function L(n) {
-  const r = n.number(1234.5, { minimumFractionDigits: 1, maximumFractionDigits: 1, useGrouping: !0 }), e = /^\d(\D)\d/.exec(r)?.[1] ?? "";
-  return { decimal: r.charAt(r.length - 2) || ".", group: e === "." || e === "," ? e : "" };
-}
-function Q(n, r) {
-  const e = n.trim().startsWith("-"), t = n.replace(/[^\d.,]/g, "");
-  if (t === "") return e ? void 0 : null;
-  const c = [...t].filter((a) => a === "." || a === ",");
-  let d = t, p = "";
-  if (r.decimals > 0 && c.length > 0) {
-    const a = Math.max(t.lastIndexOf("."), t.lastIndexOf(",")), m = t.charAt(a), f = t.slice(a + 1), s = t.includes(".") && t.includes(","), l = c.filter((k) => k === m).length > 1, h = !s && m === r.group && f.length === 3;
-    (s || !l && !h) && (d = t.slice(0, a), p = f);
-  }
-  const g = (a) => a.replace(/\D/g, ""), v = +`${g(d) || "0"}.${g(p) || "0"}`;
-  if (!Number.isFinite(v)) return;
-  const u = Number(v.toFixed(r.decimals));
-  return e ? -u || 0 : u;
-}
-const U = {
-  key: 0,
-  class: "shrink-0 text-footnote text-content-muted"
-}, X = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], Y = {
-  key: 1,
-  class: "shrink-0 text-footnote text-content-muted"
-}, ie = /* @__PURE__ */ G({
-  __name: "NumberField",
-  props: /* @__PURE__ */ E(/* @__PURE__ */ O({
-    label: {},
-    hint: {},
-    error: {},
-    required: { type: Boolean },
-    editable: { type: Boolean },
-    disabled: { type: Boolean },
-    lockedReason: {},
-    presentation: {},
-    name: {},
-    decimals: {},
-    negative: { type: Boolean },
-    grouping: { type: Boolean },
-    placeholder: {},
-    prefix: {},
-    suffix: {},
-    width: {}
-  }, { ...K, decimals: 0, negative: !1, grouping: !0, placeholder: void 0, prefix: void 0, suffix: void 0, width: "sm" }), {
-    modelValue: { default: null },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(n, { expose: r }) {
-    const e = n, t = I(n, "modelValue"), c = z(), d = R("input"), p = !!T(), g = j("text", () => e.error ? "error" : e.disabled ? "locked" : "rest"), v = _(() => p ? P(e.width) : "w-full"), u = _(() => L(c)), a = (i) => i === null ? "" : c.number(i, { minimumFractionDigits: e.decimals, maximumFractionDigits: e.decimals, useGrouping: e.grouping }), m = (i) => i === null ? "" : String(i).replace(".", u.value.decimal), f = (i) => Q(i, { decimals: e.decimals, group: e.grouping ? u.value.group : "" }), s = w(!1), l = w(a(t.value));
-    F(t, (i) => {
-      s.value ? f(l.value) !== i && (l.value = m(i)) : l.value = a(i);
-    }), F(() => [e.decimals, e.grouping, u.value.decimal], () => {
-      s.value || (l.value = a(t.value));
-    });
-    function h(i) {
-      const x = i.target;
-      let o = x.value.replace(/[^\d.,\-\s]/g, "");
-      e.negative ? o = o.replace(/(?!^)-/g, "") : o = o.replace(/-/g, ""), o !== x.value && (x.value = o), l.value = o;
-      const b = f(o);
-      b !== void 0 ? t.value = b : t.value = null;
-    }
-    function k() {
-      s.value = !0, l.value = m(t.value);
-    }
-    function C() {
-      s.value = !1, l.value = a(t.value);
-    }
-    return r({ focus: () => d.value?.focus() }), (i, x) => (y(), S(H, W(B(J)(e), {
-      value: t.value === null ? null : a(t.value),
-      prefix: e.prefix,
-      suffix: e.suffix,
-      "value-style": "numeric"
-    }), {
-      default: $(({ id: o, describedby: b, invalid: V }) => [
-        D("div", {
-          class: A(["flex items-center gap-1.5", [B(g), v.value]])
-        }, [
-          e.prefix ? (y(), q("span", U, N(e.prefix), 1)) : M("", !0),
-          D("input", {
-            id: o,
-            ref_key: "input",
-            ref: d,
-            value: l.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": V || void 0,
-            "aria-describedby": b,
-            class: "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",
-            onInput: h,
-            onFocus: k,
-            onBlur: C
-          }, null, 40, X),
-          e.suffix ? (y(), q("span", Y, N(e.suffix), 1)) : M("", !0)
-        ], 2)
-      ]),
-      _: 1
-    }, 16, ["value", "prefix", "suffix"]));
-  }
-});
-export {
-  ie as _
-};