@wssto2/vue-core 0.15.2 → 0.15.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 0.15.3 — 2026-10-21
+
+A group sheet focuses its first error.
+
+### Changed
+- **form:** `GroupSheet` calls `focusFirstError` on its body once it has opened and after a refused Save, so a sheet opened with errors already set (`form.errors.add(field, message)` before `present()`) lands on the first flagged field in page order instead of the first control. No new API and no option: with no errors nothing changes. An application that focused the field itself after `present()` can drop that code.
+
 ## 0.15.2 — 2026-10-20
 
 A hand-built `Idempotency-Key` header is now a lint error.

package/dist/{Activity-RAk3h7Aa.js → Activity-DM9t5d3D.js}

@@ -13,7 +13,7 @@ import { b as W } from "./routeResource-DlTsGTg_.js";
 import { _ as X } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as Y } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as Z } from "./useLoad-M7V-AVwR.js";
-import { P as tt, f as et, j as at } from "./index-D5DuvKP1.js";
+import { P as tt, f as et, j as at } from "./index-DM_nWOYf.js";
 import { _ as st } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 const ot = {
   class: "flex min-w-0 flex-col gap-group-gap",

package/dist/{Changes-Dsar4rXS.js → Changes-DYpysvfX.js}

@@ -5,7 +5,7 @@ import { u as b } from "./platform-ORzRR3Tw.js";
 import { b as V } from "./routeResource-DlTsGTg_.js";
 import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { u as E } from "./useLoad-M7V-AVwR.js";
-import { P as N, f as B, k as P, j as S } from "./index-D5DuvKP1.js";
+import { P as N, f as B, k as P, j as S } from "./index-DM_nWOYf.js";
 import { _ as U } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { _ as I } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BjdDXE3T.js";
 const W = {

package/dist/{General-Bu_ZIVbk.js → General-oUI2MiwO.js}

@@ -15,7 +15,7 @@ import { b as M } from "./routeResource-DlTsGTg_.js";
 import { u as O } from "./serverMessages-Ce8-MK4e.js";
 import { _ as U, a as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { u as j } from "./keepAlive-ClGnsIzT.js";
-import { P as z, e as H } from "./index-D5DuvKP1.js";
+import { P as z, e as H } from "./index-DM_nWOYf.js";
 const J = {
   class: "flex min-w-0 max-w-200 flex-col gap-group-gap",
   "data-person-general": ""

package/dist/{ProfilePage-7Xk2hsNL.js → ProfilePage-Di77M2cX.js}

@@ -5,10 +5,10 @@ import { u as F } from "./platform-ORzRR3Tw.js";
 import { _ as ee } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { u as te } from "./useLoad-M7V-AVwR.js";
 import { i as S } from "./preferences-hYhrw8Uy.js";
-import { h as xe, q as $e, j as ke, f as qe } from "./index-D5DuvKP1.js";
+import { h as xe, q as $e, j as ke, f as qe } from "./index-DM_nWOYf.js";
 import { a as K, u as ne, p as Ce } from "./FormGroup.vue_vue_type_script_setup_true_lang-dsO1m9Mm.js";
 import { _ as de } from "./FormView.vue_vue_type_script_setup_true_lang-Bq_Qa4py.js";
-import { u as Se, _ as Ee, a as Ve, b as Pe } from "./useGroupSheet-Qqo3ywsS.js";
+import { u as Se, _ as Ee, a as Ve, b as Pe } from "./useGroupSheet-B-Hs4gNO.js";
 import { t as C } from "./toast-CqSDTWRX.js";
 import { u as T } from "./serverMessages-Ce8-MK4e.js";
 import { g as Z } from "./options-B48UiYsG.js";

package/dist/{ServiceAccountDialog.vue_vue_type_script_setup_true_lang-CGvJW3bi.js → ServiceAccountDialog.vue_vue_type_script_setup_true_lang-C7WKxJ9i.js}

@@ -9,7 +9,7 @@ import { _ as j } from "./useCommand-DAMgQ5NE.js";
 import { u as F } from "./useRecordDialog-QPKFH1Ww.js";
 import { t as H } from "./toast-CqSDTWRX.js";
 import { u as S } from "./platform-ORzRR3Tw.js";
-import { l as J, m as Q } from "./index-D5DuvKP1.js";
+import { l as J, m as Q } from "./index-DM_nWOYf.js";
 import { r as W } from "./http-D6qOS6xs.js";
 import { i as X } from "./preferences-hYhrw8Uy.js";
 import { s as l } from "./routes-Beyr5NQo.js";

package/dist/{ServiceAccountRecord-Caj7mo3A.js → ServiceAccountRecord-CTU10RWy.js}

@@ -15,8 +15,8 @@ import { u as ae } from "./platform-ORzRR3Tw.js";
 import { u as me, a as ve } from "./routeResource-DlTsGTg_.js";
 import { a as fe } from "./ResourcePage.vue_vue_type_script_setup_true_lang-uLrX13ab.js";
 import { _ as O } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { m as ce, R as _e, l as pe, n as ye } from "./index-D5DuvKP1.js";
-import { u as W, a as X, _ as ke } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-CGvJW3bi.js";
+import { m as ce, R as _e, l as pe, n as ye } from "./index-DM_nWOYf.js";
+import { u as W, a as X, _ as ke } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-C7WKxJ9i.js";
 import { _ as J } from "./Button.vue_vue_type_script_setup_true_lang-JrqhO99l.js";
 import { _ as be } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as ge } from "./Modal.vue_vue_type_script_setup_true_lang-CZ7WrDwu.js";

package/dist/{ServiceAccountsList-D-YqPi_h.js → ServiceAccountsList-BVRjoswH.js}

@@ -13,8 +13,8 @@ import { u as X } from "./platform-ORzRR3Tw.js";
 import { _ as Y } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as Z } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as ee } from "./useLoad-M7V-AVwR.js";
-import { l as te, m as $, n as A } from "./index-D5DuvKP1.js";
-import { u as ae, _ as oe } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-CGvJW3bi.js";
+import { l as te, m as $, n as A } from "./index-DM_nWOYf.js";
+import { u as ae, _ as oe } from "./ServiceAccountDialog.vue_vue_type_script_setup_true_lang-C7WKxJ9i.js";
 const se = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-test": "service-segment"

package/dist/{Sessions-Bv5GU5Oi.js → Sessions-BHwMrF7c.js}

@@ -9,7 +9,7 @@ import { u as D } from "./platform-ORzRR3Tw.js";
 import { b as L } from "./routeResource-DlTsGTg_.js";
 import { _ as O } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { _ as T } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
-import { P as V, e as I, g as j, h as z } from "./index-D5DuvKP1.js";
+import { P as V, e as I, g as j, h as z } from "./index-DM_nWOYf.js";
 import { i as F } from "./usePreferences-BfMXVbSO.js";
 const G = {
   class: "flex min-w-0 flex-col gap-group-gap",

package/dist/{SignIn-m6PANavm.js → SignIn-HnujOMRY.js}

@@ -12,7 +12,7 @@ import { u as z, h as F } from "./platform-ORzRR3Tw.js";
 import { b as L } from "./routeResource-DlTsGTg_.js";
 import { _ as O } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { i as T } from "./usePreferences-BfMXVbSO.js";
-import { f as j, P as G, e as H, _ as J } from "./index-D5DuvKP1.js";
+import { f as j, P as G, e as H, _ as J } from "./index-DM_nWOYf.js";
 import { _ as K, a as M } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 const Q = {
   key: 0,

package/dist/{SignInPage-C9--4P11.js → SignInPage-c886Fvd7.js}

@@ -6,7 +6,7 @@ import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js"
 import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-Bq_Qa4py.js";
 import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
 import { r as $ } from "./guards-6fJxfUtk.js";
-import { u as C, a as E } from "./index-D5DuvKP1.js";
+import { u as C, a as E } from "./index-DM_nWOYf.js";
 const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
   __name: "SignInPage",
   setup(q) {

package/dist/{SignIns-BhLnkY08.js → SignIns-BsTlN2Zc.js}

@@ -5,7 +5,7 @@ import { u as b } from "./platform-ORzRR3Tw.js";
 import { b as k } from "./routeResource-DlTsGTg_.js";
 import { _ as I } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CX8mpXRE.js";
 import { u as R } from "./useLoad-M7V-AVwR.js";
-import { P as C, i as E, j as B } from "./index-D5DuvKP1.js";
+import { P as C, i as E, j as B } from "./index-DM_nWOYf.js";
 import { _ as P } from "./ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { _ as h } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BjdDXE3T.js";
 const U = {

package/dist/{UserRecord-L3ahHNjb.js → UserRecord-DrbpVHh9.js}

@@ -14,7 +14,7 @@ import { A as J } from "./access-DmAceEo5.js";
 import { _ as Q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as W } from "./useLoad-M7V-AVwR.js";
 import { i as X } from "./usePreferences-BfMXVbSO.js";
-import { P as Y, p as Z, c as ee, d as se, b as ae, M as te, o as oe, s as re } from "./index-D5DuvKP1.js";
+import { P as Y, p as Z, c as ee, d as se, b as ae, M as te, o as oe, s as re } from "./index-DM_nWOYf.js";
 import { a as ne } from "./FormGroup.vue_vue_type_script_setup_true_lang-dsO1m9Mm.js";
 import { _ as A } from "./TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
 import { u as ie, _ as ce } from "./useCommand-DAMgQ5NE.js";

package/dist/{UsersList-C6u3YCCp.js → UsersList-M5tBxrox.js}

@@ -6,7 +6,7 @@ import { _ as V } from "./Avatar.vue_vue_type_script_setup_true_lang-BPj_fkJR.js
 import { u as L } from "./format-Cp1h0vsC.js";
 import { u as z } from "./platform-ORzRR3Tw.js";
 import { _ as A } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-D5DuvKP1.js";
+import { b as D, U as I, c as f, d as M, M as q, s as F } from "./index-DM_nWOYf.js";
 const G = ["datetime"], Z = /* @__PURE__ */ C({
   __name: "UsersList",
   setup(K) {

package/dist/form/GroupSheet.vue.d.ts

@@ -3,7 +3,9 @@ import type { GroupSheetState } from "./useGroupSheet";
  * The sheet of one record group (decision D22): a grouped `Modal` with one Save and the lifecycle of `useGroupSheet`. The
  * group's values are its baseline on open and are put back on Cancel; a dismiss with edits asks first; a save says what it is
  * doing, then that it is done, before the sheet closes. The fields go in the default slot, bound to the record's form as on its
- * page. A save that needs another group's data says which at the top; a failure says why.
+ * page. A save that needs another group's data says which at the top; a failure says why. Focus goes to the first field with an
+ * error (`focusFirstError`): when the sheet opens with errors already set (`form.errors.add(field, message)` before `present()`), and
+ * after a refused save.
  *
  *   <GroupSheet :sheet="contact" :title="t('contact')" :editable="canEdit" :group-label="(group) => t('group.' + group)">
  *     <RecordGroupScope only="contact" :editable="canEdit"><ContactSections :form="form" /></RecordGroupScope>

package/dist/form/index.js

@@ -32,7 +32,7 @@ import { _ as Vt } from "../NumberField.vue_vue_type_script_setup_true_lang-U-_k
 import { _ as Dt } from "../Sheet.vue_vue_type_script_setup_true_lang-BG8HUNfs.js";
 import { b as Rt, a as Ke } from "../SelectField.vue_vue_type_script_setup_true_lang-CLkoPbGm.js";
 import { _ as fn, u as mn } from "../SelectField.vue_vue_type_script_setup_true_lang-CLkoPbGm.js";
-import { _ as pn, b as bn, a as gn, u as yn } from "../useGroupSheet-Qqo3ywsS.js";
+import { _ as pn, b as bn, a as gn, u as yn } from "../useGroupSheet-B-Hs4gNO.js";
 import { _ as Pe } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-DmMg1T_V.js";
 import { _ as kn } from "../SegmentedField.vue_vue_type_script_setup_true_lang-zv_AxpBn.js";
 import { _ as wn } from "../SwitchField.vue_vue_type_script_setup_true_lang-Ds4q0bbl.js";

package/dist/identity/index.js

@@ -1,5 +1,5 @@
 import { i as a } from "../preferences-hYhrw8Uy.js";
-import { k as o, r as n, t as i, P as r, j as u, h as c, _ as d, q as S, i as g, U as A, v as f, w as l, x as p, y as m, z as I, A as R, o as x, B as y, C as P, n as U, s as v, e as D, g as E, b, f as w, D as F, E as B, c as C } from "../index-D5DuvKP1.js";
+import { k as o, r as n, t as i, P as r, j as u, h as c, _ as d, q as S, i as g, U as A, v as f, w as l, x as p, y as m, z as I, A as R, o as x, B as y, C as P, n as U, s as v, e as D, g as E, b, f as w, D as F, E as B, c as C } from "../index-DM_nWOYf.js";
 import { a as T, _ } from "../ActionRow.vue_vue_type_script_setup_true_lang-DybAIOHS.js";
 import { i as k, l as N, r as O, s as j, a as q, u as z } from "../usePreferences-BfMXVbSO.js";
 import { s as K } from "../routes-Beyr5NQo.js";

package/dist/{index-D5DuvKP1.js → index-DM_nWOYf.js}

@@ -246,7 +246,7 @@ const ft = ["aria-labelledby"], gt = ["id"], _t = { class: "mt-1 text-subheadlin
     ]));
   }
 }), wt = X({
-  login: { name: "login", path: "/login", component: () => import("./SignInPage-C9--4P11.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-c886Fvd7.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
 });
 function Xn(e = {}) {
   return ne({
@@ -381,7 +381,7 @@ function Hn(e) {
   };
 }
 const ke = X({
-  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-7Xk2hsNL.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-Di77M2cX.js"), meta: { titleKey: "core.profile.title" } }
 }), At = /* @__PURE__ */ $({
   __name: "ProfileMenuItem",
   setup(e) {
@@ -412,19 +412,19 @@ function jt(e, n) {
   return [...e.flatMap((s) => [s, ...o(s)]), ...n.filter((s) => s.after === void 0).map((s) => ce(s))];
 }
 const le = "iam.user:view", ts = "iam.user:manage", Kt = "iam.user.activity:view", Se = X({
-  index: { name: "users.index", path: "/users", component: () => import("./UsersList-C6u3YCCp.js"), meta: { access: le, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-M5tBxrox.js"), meta: { access: le, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-L3ahHNjb.js"),
+    component: () => import("./UserRecord-DrbpVHh9.js"),
     meta: { access: le, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-Bu_ZIVbk.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
-      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-m6PANavm.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-Bv5GU5Oi.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-BhLnkY08.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.changes", path: "changes", component: () => import("./Changes-Dsar4rXS.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.activity", path: "activity", component: () => import("./Activity-RAk3h7Aa.js"), meta: { access: Kt, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
+      { name: "users.record.general", path: "general", component: () => import("./General-oUI2MiwO.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
+      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-HnujOMRY.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-BHwMrF7c.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-BsTlN2Zc.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.changes", path: "changes", component: () => import("./Changes-DYpysvfX.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.activity", path: "activity", component: () => import("./Activity-DM9t5d3D.js"), meta: { access: Kt, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });
@@ -1153,11 +1153,11 @@ const Jt = ["title"], Qt = { class: "font-mono" }, cs = /* @__PURE__ */ $({
     }, 8, ["permission"])) : k("", !0);
   }
 }), [cn, ms] = N("vue-core.serviceaccounts"), ue = "iam.serviceaccount:view", ps = "iam.serviceaccount:manage", fs = "iam.serviceaccount:revoke", de = X({
-  index: { name: "serviceaccounts.index", path: "/iam/service-accounts", component: () => import("./ServiceAccountsList-D-YqPi_h.js"), meta: { access: ue, titleKey: "core.serviceaccounts.title_plural" } },
+  index: { name: "serviceaccounts.index", path: "/iam/service-accounts", component: () => import("./ServiceAccountsList-BVRjoswH.js"), meta: { access: ue, titleKey: "core.serviceaccounts.title_plural" } },
   record: {
     name: "serviceaccounts.record",
     path: "/iam/service-accounts/:id",
-    component: () => import("./ServiceAccountRecord-Caj7mo3A.js"),
+    component: () => import("./ServiceAccountRecord-CTU10RWy.js"),
     meta: { access: ue, titleKey: "core.serviceaccounts.title_plural", remountOnParam: "id" }
   }
 });

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 /** The version of @wssto2/vue-core (kept equal to package.json by index.test.ts). */
-export declare const version = "0.15.2";
+export declare const version = "0.15.3";

package/dist/index.js

@@ -1,4 +1,4 @@
-const o = "0.15.2";
+const o = "0.15.3";
 export {
   o as version
 };

package/dist/{useGroupSheet-Qqo3ywsS.js → useGroupSheet-B-Hs4gNO.js}

@@ -1,18 +1,19 @@
-import { defineComponent as L, useModel as X, useId as Y, useTemplateRef as O, ref as h, computed as w, watch as N, nextTick as z, onMounted as H, openBlock as b, createElementBlock as _, normalizeClass as T, createElementVNode as $, unref as x, Fragment as I, renderList as Z, createTextVNode as ee, toDisplayString as j, createCommentVNode as C, mergeModels as A, onBeforeUnmount as te, createBlock as F, withCtx as E, createVNode as ae, renderSlot as J, provide as K, toRef as se, shallowRef as le, toValue as P } from "vue";
+import { defineComponent as L, useModel as X, useId as Y, useTemplateRef as O, ref as y, computed as w, watch as N, nextTick as $, onMounted as H, openBlock as b, createElementBlock as _, normalizeClass as T, createElementVNode as D, unref as k, Fragment as I, renderList as Z, createTextVNode as ee, toDisplayString as j, createCommentVNode as C, mergeModels as P, onBeforeUnmount as te, createBlock as V, withCtx as z, createVNode as ae, renderSlot as J, provide as A, toRef as se, shallowRef as le, toValue as K } from "vue";
 import { useI18n as Q } from "vue-i18n";
 import { _ as oe } from "./Modal.vue_vue_type_script_setup_true_lang-CZ7WrDwu.js";
 import { _ as q } from "./Banner.vue_vue_type_script_setup_true_lang-sv0phngk.js";
 import { D as ne } from "./shortcut-oixX55SZ.js";
 import { _ as re, r as ie, s as U, c as B, f as ue } from "./FormGroup.vue_vue_type_script_setup_true_lang-dsO1m9Mm.js";
-import { d as ce } from "./options-B48UiYsG.js";
-import { t as de } from "./toast-CqSDTWRX.js";
-import { a as fe } from "./leaveGuard-Cc8yeLxM.js";
-const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "aria-describedby"], me = {
+import { f as ce } from "./useCommand-DAMgQ5NE.js";
+import { d as de } from "./options-B48UiYsG.js";
+import { t as fe } from "./toast-CqSDTWRX.js";
+import { a as ve } from "./leaveGuard-Cc8yeLxM.js";
+const me = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "aria-describedby"], pe = {
   key: 1,
   class: "h-5 w-px animate-caret-blink bg-content-strong"
-}, De = /* @__PURE__ */ L({
+}, Ee = /* @__PURE__ */ L({
   __name: "OtpInput",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ P({
     length: { default: 6 },
     disabled: { type: Boolean, default: !1 },
     invalid: { type: Boolean, default: !1 },
@@ -24,44 +25,44 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["complete"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ P(["complete"], ["update:modelValue"]),
   setup(l, { expose: a, emit: t }) {
-    const o = l, i = X(l, "modelValue"), d = t, { t: m } = Q(), f = Y(), r = O("input"), v = h(!1), g = h(0), c = h(!1), y = (s) => s.replace(/\D/g, "").slice(0, o.length), u = w(() => y(i.value)), k = w(() => Math.min(g.value, o.length - 1)), D = w(() => o.label ?? m("core.form.otp.label", { length: o.length }));
+    const o = l, u = X(l, "modelValue"), c = t, { t: d } = Q(), v = Y(), r = O("input"), f = y(!1), g = y(0), m = y(!1), h = (s) => s.replace(/\D/g, "").slice(0, o.length), i = w(() => h(u.value)), x = w(() => Math.min(g.value, o.length - 1)), G = w(() => o.label ?? d("core.form.otp.label", { length: o.length }));
     function p() {
-      g.value = r.value?.selectionStart ?? u.value.length;
+      g.value = r.value?.selectionStart ?? i.value.length;
     }
     function S(s) {
-      const e = y(s);
+      const e = h(s);
       r.value && r.value.value !== e && (r.value.value = e);
-      const n = e !== u.value;
-      i.value = e, z(p), n && e.length === o.length && d("complete", e);
+      const n = e !== i.value;
+      u.value = e, $(p), n && e.length === o.length && c("complete", e);
     }
-    function G(s) {
+    function E(s) {
       const e = s.clipboardData?.getData("text") ?? "";
-      e && (s.preventDefault(), S(e), z(() => {
-        const n = u.value.length;
+      e && (s.preventDefault(), S(e), $(() => {
+        const n = i.value.length;
         r.value?.setSelectionRange(n, n), p();
       }));
     }
     return N(
       () => o.invalid,
       (s) => {
-        s && (c.value = !1, requestAnimationFrame(() => c.value = !0));
+        s && (m.value = !1, requestAnimationFrame(() => m.value = !0));
       }
-    ), N(u, (s) => {
-      r.value && r.value.value !== s && (r.value.value = s, z(p));
+    ), N(i, (s) => {
+      r.value && r.value.value !== s && (r.value.value = s, $(p));
     }), H(() => {
       o.autofocus && r.value?.focus();
     }), a({ focus: () => r.value?.focus() }), (s, e) => (b(), _("div", {
-      class: T(["relative inline-flex gap-2 sm:gap-3", { "motion-safe:animate-shake": c.value }]),
+      class: T(["relative inline-flex gap-2 sm:gap-3", { "motion-safe:animate-shake": m.value }]),
       "data-test": "otp-input",
-      onAnimationend: e[3] || (e[3] = (n) => c.value = !1)
+      onAnimationend: e[3] || (e[3] = (n) => m.value = !1)
     }, [
-      $("input", {
-        id: x(f),
+      D("input", {
+        id: k(v),
         ref_key: "input",
         ref: r,
-        value: u.value,
+        value: i.value,
         name: o.name,
         type: "text",
         inputmode: "numeric",
@@ -69,34 +70,34 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
         pattern: "\\d*",
         spellcheck: "false",
         disabled: o.disabled,
-        "aria-label": D.value,
+        "aria-label": G.value,
         "aria-invalid": o.invalid || void 0,
         "aria-describedby": o.describedBy,
         "data-test": "otp-input-field",
         class: "absolute inset-0 z-10 h-full w-full cursor-text border-0 bg-transparent p-0 text-base text-transparent caret-transparent outline-none selection:bg-transparent disabled:cursor-not-allowed",
         onInput: e[0] || (e[0] = (n) => S(n.target.value)),
-        onPaste: G,
+        onPaste: E,
         onFocus: e[1] || (e[1] = (n) => {
-          v.value = !0, p();
+          f.value = !0, p();
         }),
-        onBlur: e[2] || (e[2] = (n) => v.value = !1),
+        onBlur: e[2] || (e[2] = (n) => f.value = !1),
         onKeyup: p,
         onClick: p,
         onSelect: p
-      }, null, 40, ve),
+      }, null, 40, me),
       (b(!0), _(I, null, Z(o.length, (n) => (b(), _("div", {
         key: n,
         "aria-hidden": "true",
         "data-test": "otp-input-cell",
-        class: T(["flex size-11 items-center justify-center rounded-control bg-fill text-lg font-medium tabular-nums text-content-strong transition-[box-shadow] sm:size-13 sm:text-xl", [o.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : v.value && k.value === n - 1 ? "bg-surface-cell ring-[1.5px] ring-inset ring-border-focus outline-3 outline-border-focus/20" : "", o.disabled ? "opacity-45" : ""]])
+        class: T(["flex size-11 items-center justify-center rounded-control bg-fill text-lg font-medium tabular-nums text-content-strong transition-[box-shadow] sm:size-13 sm:text-xl", [o.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : f.value && x.value === n - 1 ? "bg-surface-cell ring-[1.5px] ring-inset ring-border-focus outline-3 outline-border-focus/20" : "", o.disabled ? "opacity-45" : ""]])
       }, [
-        u.value[n - 1] ? (b(), _(I, { key: 0 }, [
-          ee(j(u.value[n - 1]), 1)
-        ], 64)) : v.value && k.value === n - 1 ? (b(), _("span", me)) : C("", !0)
+        i.value[n - 1] ? (b(), _(I, { key: 0 }, [
+          ee(j(i.value[n - 1]), 1)
+        ], 64)) : f.value && x.value === n - 1 ? (b(), _("span", pe)) : C("", !0)
       ], 2))), 128))
     ], 34));
   }
-}), pe = { class: "text-footnote" }, be = { class: "text-footnote" }, Ge = /* @__PURE__ */ L({
+}), be = { class: "text-footnote" }, ge = { class: "text-footnote" }, Fe = /* @__PURE__ */ L({
   __name: "GroupSheet",
   props: {
     sheet: {},
@@ -109,72 +110,78 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
   },
   emits: ["saved"],
   setup(l, { emit: a }) {
-    const t = l, o = a, { t: i } = Q(), d = O("modal"), m = O("body"), f = h(!1);
+    const t = l, o = a, { t: u } = Q(), c = O("modal"), d = O("body"), v = y(!1);
     let r = null;
-    N(() => t.sheet.open.value, (c) => {
-      c ? (f.value = !1, d.value?.present()) : d.value?.dismiss();
+    N(() => t.sheet.open.value, (h) => {
+      h ? (v.value = !1, c.value?.present()) : c.value?.dismiss();
     }), H(() => {
-      t.sheet.open.value && d.value?.present();
+      t.sheet.open.value && c.value?.present();
     }), te(() => {
       r && clearTimeout(r);
     });
-    async function v() {
-      await t.sheet.save() && (f.value = !0, o("saved"), r = setTimeout(() => t.sheet.dismiss(), ne));
+    const f = () => $().then(() => d.value ? ce(d.value) : !1);
+    async function g() {
+      if (!await t.sheet.save()) {
+        f();
+        return;
+      }
+      v.value = !0, o("saved"), r = setTimeout(() => t.sheet.dismiss(), ne);
     }
-    const g = w(() => t.sheet.saving.value ? "processing" : f.value ? "done" : "idle");
-    return (c, y) => (b(), F(oe, {
+    const m = w(() => t.sheet.saving.value ? "processing" : v.value ? "done" : "idle");
+    return (h, i) => (b(), V(oe, {
       ref_key: "modal",
-      ref: d,
+      ref: c,
       size: t.size,
       grouped: "",
       title: t.title,
       subtitle: t.subtitle,
       "before-dismiss": t.sheet.beforeDismiss,
-      "primary-label": t.editable ? x(i)("core.actions.save") : void 0,
-      status: g.value,
-      "processing-label": x(i)("core.actions.saving"),
-      "done-label": x(i)("core.actions.saved"),
-      onPrimary: v,
-      onDismissed: y[0] || (y[0] = (u) => t.sheet.closed())
+      "primary-label": t.editable ? k(u)("core.actions.save") : void 0,
+      status: m.value,
+      "processing-label": k(u)("core.actions.saving"),
+      "done-label": k(u)("core.actions.saved"),
+      onPrimary: g,
+      onPresented: f,
+      onDismissed: i[0] || (i[0] = (x) => t.sheet.closed())
     }, {
-      default: E(() => [
-        $("div", {
+      default: z(() => [
+        D("div", {
           ref_key: "body",
-          ref: m,
+          ref: d,
           class: "flex min-w-0 flex-col gap-group-gap"
         }, [
-          t.sheet.notice.value ? (b(), F(q, {
+          t.sheet.notice.value ? (b(), V(q, {
             key: 0,
             tone: "warning",
             "data-test": "group-sheet-notice"
           }, {
-            default: E(() => [
-              $("p", pe, j(t.sheet.notice.value), 1)
+            default: z(() => [
+              D("p", be, j(t.sheet.notice.value), 1)
             ]),
             _: 1
           })) : C("", !0),
-          t.sheet.foreignGroups.value.length ? (b(), F(q, {
+          t.sheet.foreignGroups.value.length ? (b(), V(q, {
             key: 1,
             tone: "warning",
             "data-test": "group-sheet-foreign"
           }, {
-            default: E(() => [
-              $("p", be, j(x(i)("core.form.group.foreign", { groups: t.sheet.foreignGroups.value.map(t.groupLabel).join(", ") })), 1)
+            default: z(() => [
+              D("p", ge, j(k(u)("core.form.group.foreign", { groups: t.sheet.foreignGroups.value.map(t.groupLabel).join(", ") })), 1)
             ]),
             _: 1
           })) : C("", !0),
           ae(re, {
             form: t.sheet.form,
             label: t.fieldLabel,
-            scope: m.value
+            scope: d.value
           }, null, 8, ["form", "label", "scope"]),
-          J(c.$slots, "default")
+          J(h.$slots, "default")
         ], 512)
       ]),
       _: 3
     }, 8, ["size", "title", "subtitle", "before-dismiss", "primary-label", "status", "processing-label", "done-label"]));
   }
-}), ge = ["data-group"], Ve = /* @__PURE__ */ L({
+}), he = ["data-group"], Ve = /* @__PURE__ */ L({
   __name: "RecordGroupScope",
   props: {
     only: {},
@@ -182,43 +189,43 @@ const ve = ["id", "value", "name", "disabled", "aria-label", "aria-invalid", "ar
   },
   setup(l) {
     const a = l;
-    return K(ie, { only: se(a, "only") }), K(ce, w(() => a.editable)), (t, o) => (b(), _("div", {
+    return A(ie, { only: se(a, "only") }), A(de, w(() => a.editable)), (t, o) => (b(), _("div", {
       class: "flex min-w-0 flex-col gap-group-gap",
       "data-test": "record-group-scope",
       "data-group": a.only
     }, [
       J(t.$slots, "default")
-    ], 8, ge));
+    ], 8, he));
   }
 });
 function ze(l) {
   const { form: a } = l;
   if (l.rebase && !a.rebase) throw new Error("useGroupSheet: `rebase` needs a record form (useResourceForm), which can take the freshly read record as its base.");
-  const t = () => typeof l.fields == "function" ? l.fields() : l.fields, o = () => P(l.restore) ?? t(), i = h(!1), d = h(!1), m = h([]), f = h(null), r = le({});
-  let v = {};
-  const g = (s) => Object.fromEntries(s.map((e) => [e, B(a.values[e])])), c = w(() => i.value && !U(g(o()), r.value)), { confirmDiscard: y } = fe(() => c.value);
-  function u() {
-    v = g(o()), r.value = B(v);
+  const t = () => typeof l.fields == "function" ? l.fields() : l.fields, o = () => K(l.restore) ?? t(), u = y(!1), c = y(!1), d = y([]), v = y(null), r = le({});
+  let f = {};
+  const g = (s) => Object.fromEntries(s.map((e) => [e, B(a.values[e])])), m = w(() => u.value && !U(g(o()), r.value)), { confirmDiscard: h } = ve(() => m.value);
+  function i() {
+    f = g(o()), r.value = B(f);
   }
-  function k() {
-    u(), m.value = [], f.value = null, a.dismissFailure(), i.value = !0;
+  function x() {
+    i(), d.value = [], v.value = null, a.dismissFailure(), u.value = !0;
   }
-  function D() {
-    if (i.value) {
-      c.value && Object.assign(a.values, B(v));
+  function G() {
+    if (u.value) {
+      m.value && Object.assign(a.values, B(f));
       for (const s of t()) a.errors.clear(s);
-      a.dismissFailure(), i.value = !1;
+      a.dismissFailure(), u.value = !1;
     }
   }
   function p(s) {
-    const e = new Set(t()), n = P(l.group), M = /* @__PURE__ */ new Set();
+    const e = new Set(t()), n = K(l.group), M = /* @__PURE__ */ new Set();
     for (const W of Object.keys(s.all())) {
       const R = ue(W);
       if (e.has(R)) continue;
-      const V = l.groupOf?.(R) ?? l.fallbackGroup;
-      V && V !== n && M.add(V);
+      const F = l.groupOf?.(R) ?? l.fallbackGroup;
+      F && F !== n && M.add(F);
     }
-    m.value = [...M];
+    d.value = [...M];
   }
   async function S(s) {
     const e = B(g(t().filter((n) => !U(a.values[n], r.value[n]))));
@@ -227,11 +234,11 @@ function ze(l) {
     } catch {
       return;
     }
-    a.rebase?.() && (u(), Object.assign(a.values, e), f.value = s.message());
+    a.rebase?.() && (i(), Object.assign(a.values, e), v.value = s.message());
   }
-  async function G() {
-    if (d.value) return !1;
-    d.value = !0, m.value = [], f.value = null;
+  async function E() {
+    if (c.value) return !1;
+    c.value = !0, d.value = [], v.value = null;
     try {
       const s = l.onSaved ? () => l.onSaved?.() : void 0;
       let e;
@@ -240,38 +247,38 @@ function ze(l) {
       else throw new Error("useGroupSheet: the form has no full-record save(), so give the sheet its own `save` for a dedicated endpoint.");
       switch (e.status) {
         case "saved":
-          return u(), !0;
+          return i(), !0;
         case "saved-refresh-failed":
-          return u(), de.warning(a.failure.value?.message ?? ""), !0;
+          return i(), fe.warning(a.failure.value?.message ?? ""), !0;
         case "aborted":
           return !1;
         case "failed":
           return e.failure.kind === "conflict" && l.rebase ? await S(l.rebase) : p(a.errors), !1;
       }
     } finally {
-      d.value = !1;
+      c.value = !1;
     }
   }
   return {
-    open: i,
-    saving: d,
-    dirty: c,
-    foreignGroups: m,
-    notice: f,
+    open: u,
+    saving: c,
+    dirty: m,
+    foreignGroups: d,
+    notice: v,
     failure: a.failure,
     form: a,
-    present: k,
+    present: x,
     dismiss: () => {
-      i.value = !1;
+      u.value = !1;
     },
-    save: G,
-    beforeDismiss: y,
-    closed: D
+    save: E,
+    beforeDismiss: h,
+    closed: G
   };
 }
 export {
-  Ge as _,
+  Fe as _,
   Ve as a,
-  De as b,
+  Ee as b,
   ze as u
 };

package/package.json

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