@wssto2/vue-core 0.4.23 → 0.4.25

package/CHANGELOG.md

@@ -1,5 +1,41 @@
 # Changelog
 
+## 0.4.25 — 2026-10-12
+
+The photo viewer's actions on a phone. From ARV cutover g (wave 1, the vehicle gallery). Two items, one commit each.
+
+### Requires
+- go-core unchanged: **`v1.7.0`**; **`vue` 3.5.19 or later**.
+
+### Added
+- **`PhotoViewerAction`** (`@wssto2/vue-core/overlay`): the content of `PhotoViewer`'s `#actions` slot. `label`, `tone?: "critical"` (the destructive one, in the danger colour), `disabled?` (stays focusable, `aria-disabled`, emits nothing); emits `select`. A 44 px text button made for the viewer's dark surface, contrast-tested. ARV: `VehiclePhotoGallery.vue` replaces its hand-styled `<button>`s ("Postavi kao naslovnu", "Obriši") and their `text-xs` with two `PhotoViewerAction`s, `data-test` kept.
+
+### Changes to existing behaviour
+- **On a phone the `#actions` move to a bottom toolbar.** Where `useCompactPresentation()` is true the slot renders once, in a centred toolbar (`data-test="photo-toolbar"`, safe-area aware) between the photo and the thumbnail strip; the header keeps the counter, rotate, download and close. On a wide screen nothing changes (the actions stay in the header). No `#actions`, no toolbar. ARV: the vehicle gallery's viewer (390 px: the counter is no longer cut to "2." and the actions no longer shrink).
+- **The counter is never cut.** In the header only the title truncates; the counter stays whole.
+- **Pinned by tests that were updated:** none.
+
+## 0.4.24 — 2026-10-11
+
+A refusal in the server's words, a dialog that only shows, a new record with a start. From ARV cutover e8a (both lanes). Three items, one commit each.
+
+### Requires
+- go-core unchanged: **`v1.7.0`**; **`vue` 3.5.19 or later**.
+
+### Added
+- **`CommandDialog` `editable` (default `true`).** `:editable="false"` is the same dialog for someone who may only look: the fields read as `FormGroup :editable="false"` shows them (the dialog provides the form's read mode, so every `FormGroup` and field inside inherits it), there is no primary action and no `#actions`, the dismiss button says "Close" (Zatvori) instead of "Cancel", and closing never asks about a discard. One component, one body. ARV: lane B `OrderModal.vue` / `RepairCostModal.vue` drop the second `Modal` and `OrderFormBody.vue` / `RepairCostFormBody.vue` copy; lane A `LocaleModal.vue` (Jezik aplikacije) uses `:editable="false"` instead of `confirm-disabled`.
+- **`useRecordDialog().create(initial?: Partial<Values>)`.** The values are laid over the defaults and become the baseline, as `edit(row)` does with `toValues(row)`: the untouched dialog is not dirty and closes without asking. ARV: lane B Narudžba `create({ category })` instead of setting it after `create()`.
+
+### Changes to existing behaviour
+- **A refused submit says the reason.** The default sentence of `form.failure.message` (every `useForm`, `useCommand`, `useRecordDialog`, `EditorPage`, step form) is no longer one generic sentence per kind. For a request failure (an `ApiError`) it is, in order:
+  - **the error has a reason code** (any kind): the client's text for the code (`errors.<code>`, `core.errors.<code>` with the error's params), then the server's already translated sentence; with neither, the per-kind sentence below;
+  - **`invalid`, the refusal names no field** (a business rule in a 422): the server's sentence, else the per-kind one; **`invalid` that names fields**: "Check the marked fields and try again." (as before); a validator refusal: the same (as before);
+  - **`failed` with a 4xx other than 401/403/409/422** (404, 429, 400…): the library's "not found" / "too many requests", else the server's sentence;
+  - **`forbidden`, `conflict`, `unauthorized`, `offline` without a reason code**, **a server fault (5xx, unreadable) and anything thrown that is not an `ApiError`**: the library's per-kind sentence, as before ("You do not have permission…", "The record changed while you were editing it.", "The changes could not be saved. Try again."…);
+  - **`refresh`**: "Your changes were saved, but the updated record could not be loaded…", as before.
+  The app's `describeError` (`createApplication({ describeError })`) is asked first, for any error (its older HTTP client's included), and wins when it has a sentence; `failureMessage` still overrides all of it, returning `undefined` for the default. ARV: `features/vehicles/composables/useFailureSentence.ts` and its nine callers can go: its `refresh` / `invalid`-with-fields / `invalid`-without-fields cases are the default now, and for `forbidden`, `conflict`, `offline` it said `describeError`'s sentence ("You are not authorized to perform this action.", "The record changed or already exists…") where the default says the form wording; a caller that must keep `describeError`'s words for those keeps an override. Lane A needs no workaround, and its refusal pins can be exact again.
+- **Pinned by tests that were updated:** none; no test pinned an old default (existing tests that read "changed while you were editing" and "could not be saved" still hold).
+
 ## 0.4.23 — 2026-10-11
 
 Test and tooling only; no change to the library's code or behaviour. Two items, one commit each.

package/dist/{Activity-Cu_mAn_m.js → Activity-CI-l_OFl.js}

@@ -6,7 +6,7 @@ import { u as O } from "./format-D8X4zsx6.js";
 import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-CpuH0WTl.js";
 import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { e as z } from "./control-B4SdblL6.js";
-import { P as G, c as H, i as J } from "./index--CxZ33h0.js";
+import { P as G, c as H, i as J } from "./index-BmowiT1y.js";
 import { u as K } from "./platform-q3cjODLx.js";
 import { b as M } from "./routeResource-DlTsGTg_.js";
 import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";

package/dist/{Changes-DW_3-MwX.js → Changes-BdR0R20V.js}

@@ -1,6 +1,6 @@
 import { defineComponent as k, computed as N, openBlock as n, createBlock as u, unref as a, withCtx as g, createElementBlock as p, Fragment as _, renderList as $, createElementVNode as i, toDisplayString as h, createCommentVNode as C, ref as x, watch as b, createVNode as y } from "vue";
 import { useI18n as E } from "vue-i18n";
-import { P as V, i as R } from "./index--CxZ33h0.js";
+import { P as V, i as R } from "./index-BmowiT1y.js";
 import { u as S } from "./platform-q3cjODLx.js";
 import { b as B } from "./routeResource-DlTsGTg_.js";
 import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";

package/dist/{DeadLetters-CpcMccCc.js → DeadLetters-CRTeoZS1.js}

@@ -4,7 +4,7 @@ import { a as k } from "./error-CD7x0Jrz.js";
 import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-BNM_cbXa.js";
 import { u as P } from "./describeError-B-NMa--w.js";
 import { u as I } from "./format-D8X4zsx6.js";
-import { e as a, R as O } from "./index-DBTK_iMB.js";
+import { e as a, R as O } from "./index-tnSTp0cM.js";
 import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as i } from "./toast-CqSDTWRX.js";
 import { u as Y } from "./useLoad-M7V-AVwR.js";

package/dist/FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js

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

package/dist/{FormView.vue_vue_type_script_setup_true_lang-CbvMRBOc.js → FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js}

@@ -1,6 +1,6 @@
 import { defineComponent as n, provide as f, computed as s, useTemplateRef as u, openBlock as t, createElementBlock as p, withModifiers as c, createBlock as d, createCommentVNode as b, renderSlot as _ } from "vue";
 import { d as v } from "./control-B4SdblL6.js";
-import { _ as k } from "./FormErrors.vue_vue_type_script_setup_true_lang-4WQz-TYS.js";
+import { _ as k } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
 const x = /* @__PURE__ */ n({
   __name: "FormView",
   props: {

package/dist/{General-Dbc3qDRz.js → General-hdmVP72B.js}

@@ -2,13 +2,13 @@ import { defineComponent as R, computed as N, openBlock as i, createElementBlock
 import { useI18n as V } from "vue-i18n";
 import { RouterLink as B } from "vue-router";
 import { u as E } from "./format-D8X4zsx6.js";
-import { u as T } from "./useResourceForm-CQuniKhd.js";
+import { u as T } from "./useResourceForm-tGYTfKhH.js";
 import { _ as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-CbvMRBOc.js";
+import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
 import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
 import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { u as A } from "./useSaveChrome-7huA3FzR.js";
-import { P as D, b as G, i as I } from "./index--CxZ33h0.js";
+import { P as D, b as G, i as I } from "./index-BmowiT1y.js";
 import { t as M } from "./toast-CqSDTWRX.js";
 import { u as O } from "./platform-q3cjODLx.js";
 import { b as U } from "./routeResource-DlTsGTg_.js";

package/dist/{NewRolePage-DPHFJ0I8.js → NewRolePage-BPeKasOp.js}

@@ -4,8 +4,8 @@ import { useRoute as k, useRouter as R } from "vue-router";
 import { a as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
 import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as g } from "./useLoad-M7V-AVwR.js";
-import { a as x, c as u } from "./index-Du3Ti2Zp.js";
-import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-2fpYYCXj.js";
+import { a as x, c as u } from "./index-Yy28omu6.js";
+import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-B6g2760V.js";
 const V = /* @__PURE__ */ _({
   __name: "NewRolePage",
   setup(h) {