@wssto2/vue-core 0.4.23 → 0.4.25

package/dist/{useCommand-CT1RF_IB.js → useCommand-Cj-APj-P.js}

@@ -1,30 +1,32 @@
-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 { nextTick as f, defineComponent as N, useTemplateRef as v, ref as b, provide as q, computed as L, watch as D, onBeforeUnmount as z, openBlock as p, createElementBlock as S, Fragment as F, createVNode as $, unref as y, createSlots as V, withCtx as h, createElementVNode as A, toDisplayString as O, createCommentVNode as x, renderSlot as E, createBlock as I } from "vue";
+import { useI18n as K } 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-4WQz-TYS.js";
-import { a as W } from "./leaveGuard-Cc8yeLxM.js";
+import { D as M } from "./useWaitStatus-fsacMl4W.js";
+import { d as P } from "./control-B4SdblL6.js";
+import { _ as W, u as Y } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
+import { a as j } 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));
+async function H(t = document, r) {
+  const e = [...t.querySelectorAll("[data-field-error]")], o = e.find((n) => n.matches(c) || n.querySelector(c)) ?? e[0];
+  if (!o) return !1;
+  const i = r?.sections.value.find((n) => n.element.contains(o));
   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 l = o.matches(c) ? o : o.querySelector(c);
+  return (l ?? o).scrollIntoView?.({ block: "center" }), (l ?? o).focus({ preventScroll: !0 }), !0;
 }
-const se = (t) => ({ "data-field-key": t }), j = {
+const le = (t) => ({ "data-field-key": t }), J = {
   key: 0,
   class: "text-body text-content-muted"
-}, ne = /* @__PURE__ */ C({
+}, re = /* @__PURE__ */ N({
   __name: "CommandDialog",
   props: {
     command: {},
     title: {},
     subtitle: { default: void 0 },
     confirmLabel: {},
+    editable: { type: Boolean, default: !0 },
     confirmDisabled: { type: Boolean, default: !1 },
     doneLabel: { default: void 0 },
     busyLabel: { default: void 0 },
@@ -34,10 +36,11 @@ const se = (t) => ({ "data-field-key": t }), j = {
   },
   emits: ["done"],
   setup(t, { emit: r }) {
-    const e = t, n = r, { t: i } = I(), l = v("modal"), o = v("body"), a = b(!1);
+    const e = t, o = r, { t: i } = K(), l = v("modal"), n = 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) => {
+    q(P, L(() => e.editable));
+    const { confirmDiscard: B } = j(() => e.editable && e.command.open.value && e.command.form.dirty.value);
+    D(() => e.command.open.value, (s) => {
       s ? (a.value = !1, l.value?.present()) : l.value?.dismiss();
     });
     async function w(s = {}) {
@@ -45,67 +48,67 @@ const se = (t) => ({ "data-field-key": t }), j = {
     }
     async function g(s, d = {}) {
       if (s.status === "failed") {
-        s.failure.kind === "invalid" && await f().then(() => Y(o.value ?? document));
+        s.failure.kind === "invalid" && await f().then(() => H(n.value ?? document));
         return;
       }
       if (s.status !== "aborted") {
-        if (n("done"), d.addAnother) {
-          e.command.present(), await f(), R(o.value)[0]?.focus();
+        if (o("done"), d.addAnother) {
+          e.command.present(), await f(), R(n.value)[0]?.focus();
           return;
         }
-        a.value = !0, u = setTimeout(() => e.command.dismiss(), K);
+        a.value = !0, u = setTimeout(() => e.command.dismiss(), M);
       }
     }
     const k = v("ask"), m = b(null);
-    L(() => e.command.question?.value, (s) => {
+    D(() => 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(() => {
+    z(() => {
       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, {
+    const C = L(() => e.command.form.submitting.value ? "processing" : a.value ? "done" : "idle");
+    return (s, d) => (p(), S(F, null, [
+      $(U, {
         ref_key: "modal",
         ref: l,
         size: e.size,
         grouped: "",
         title: e.title,
         subtitle: e.subtitle,
-        "before-dismiss": y(E),
-        "primary-label": e.confirmLabel,
+        "before-dismiss": y(B),
+        "primary-label": e.editable ? e.confirmLabel : void 0,
         "primary-disabled": e.confirmDisabled,
-        status: B.value,
+        status: C.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", {
+      }, V({
+        default: h(() => [
+          A("div", {
             ref_key: "body",
-            ref: o,
+            ref: n,
             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, {
+            e.message ? (p(), S("p", J, O(e.message), 1)) : x("", !0),
+            $(W, {
               form: e.command.form,
               label: e.fieldLabel,
-              scope: o.value
+              scope: n.value
             }, null, 8, ["form", "label", "scope"]),
-            x(s.$slots, "default")
+            E(s.$slots, "default")
           ], 512)
         ]),
         _: 2
       }, [
-        s.$slots.actions ? {
+        e.editable && s.$slots.actions ? {
           name: "actions",
-          fn: $(() => [
-            x(s.$slots, "actions", {
+          fn: h(() => [
+            E(s.$slots, "actions", {
               run: w,
               busy: e.command.form.submitting.value
             })
@@ -113,7 +116,7 @@ const se = (t) => ({ "data-field-key": t }), j = {
           key: "0"
         } : void 0
       ]), 1032, ["size", "title", "subtitle", "before-dismiss", "primary-label", "primary-disabled", "status", "processing-label", "done-label"]),
-      m.value ? (p(), O(G, {
+      m.value ? (p(), I(G, {
         key: 0,
         ref_key: "ask",
         ref: k,
@@ -124,19 +127,19 @@ const se = (t) => ({ "data-field-key": t }), j = {
         icon: m.value.icon,
         action: T,
         onDismissed: d[2] || (d[2] = (_) => void e.command.answer?.(!1))
-      }, null, 8, ["title", "message", "confirm-label", "tone", "icon"])) : h("", !0)
+      }, null, 8, ["title", "message", "confirm-label", "tone", "icon"])) : x("", !0)
     ], 64));
   }
 });
-function oe(t) {
-  const r = P(t), e = b(!1), n = () => typeof t.defaults == "function" ? t.defaults() : t.defaults, i = b(null);
+function ie(t) {
+  const r = Y(t), e = b(!1), o = () => 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() {
+  async function n() {
     const a = t.ask ? r.validate() : null, u = a === null ? null : t.ask?.(a) ?? null;
     return u ? (i.value = u, { status: "aborted" }) : l();
   }
@@ -144,12 +147,12 @@ function oe(t) {
     form: r,
     open: e,
     present(a) {
-      r.hydrate({ ...n(), ...a }), e.value = !0;
+      r.hydrate({ ...o(), ...a }), e.value = !0;
     },
     dismiss() {
       e.value = !1;
     },
-    run: o,
+    run: n,
     question: i,
     async answer(a) {
       return i.value = null, a ? l() : { status: "aborted" };
@@ -162,8 +165,8 @@ function oe(t) {
   };
 }
 export {
-  ne as _,
-  se as a,
-  Y as f,
-  oe as u
+  re as _,
+  le as a,
+  H as f,
+  ie as u
 };

package/dist/{useResourceForm-CQuniKhd.js → useResourceForm-tGYTfKhH.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-4WQz-TYS.js";
+import { u as i, c as h } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
 function b(u) {
   const t = i(u), r = v(null), s = v(!1);
   let n = null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.4.23",
+  "version": "0.4.25",
   "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-4WQz-TYS.js

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