@wssto2/vue-core 0.9.0 → 0.9.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.9.1 — 2026-10-16
+
+### New
+- **`EditorPage` `disabledWhileClean`** (default false): an editor of a saved record keeps Save off until something changes. A create page keeps Save on, so an untouched form can be submitted to learn what is missing.
+
+### Tests
+- A 5 s default wait and a 15 s test limit (`vitest.setup.ts`), so a lazily loaded page no longer fails a test at random. Nothing in the package changes.
+
 ## 0.9.0 — 2026-10-15
 
 File downloads and streams on the client, keyboard shortcuts that work on every layout, amounts with an application's own currency symbol, and the client half of an installable web app. go-core is unchanged (`v1.12.0`).

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

@@ -26,6 +26,11 @@ type __VLS_Props = {
     canSave?: boolean;
     /** The name of a field for people, for errors whose field is not on screen. */
     fieldLabel?: (field: string) => string;
+    /**
+     * An edit of a saved record: Save stays off until something changes. Default false, a create page, where an untouched form
+     * is submitted to learn what is missing.
+     */
+    disabledWhileClean?: boolean;
 };
 type __VLS_Slots = {
     default?: () => unknown;
@@ -50,6 +55,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     fieldLabel: (field: string) => string;
     saveLabel: string;
     canSave: boolean;
+    disabledWhileClean: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/form/index.js

@@ -1,8 +1,8 @@
 import { _ as He, c as et, f as tt } from "../FormErrors.vue_vue_type_script_setup_true_lang-DJiK8iqo.js";
 import { E as $o, u as _o, a as Co } from "../FormErrors.vue_vue_type_script_setup_true_lang-DJiK8iqo.js";
 import { f as Te } from "../useCommand-C3QTZIIw.js";
-import { _ as Fo, a as Bo, u as Lo } from "../useCommand-C3QTZIIw.js";
-import { ref as A, computed as h, defineComponent as G, openBlock as u, createBlock as D, mergeProps as W, unref as l, createSlots as J, withCtx as f, createElementVNode as y, normalizeClass as I, createElementBlock as g, Fragment as ie, renderList as xe, createVNode as j, createCommentVNode as L, toDisplayString as _, renderSlot as F, mergeDefaults as ue, useModel as re, useId as qe, withKeys as Ce, withModifiers as pe, createTextVNode as H, mergeModels as le, useTemplateRef as U, shallowRef as Oe, watch as ye, normalizeProps as ze, guardReactiveProps as Ve, nextTick as he, provide as at, inject as Ue, onBeforeUnmount as Ye, getCurrentScope as lt, onScopeDispose as ot, toValue as nt, shallowReactive as Ee, normalizeStyle as st, resolveDynamicComponent as rt } from "vue";
+import { _ as Bo, a as Fo, u as Lo } from "../useCommand-C3QTZIIw.js";
+import { ref as A, computed as h, defineComponent as G, openBlock as u, createBlock as D, mergeProps as W, unref as l, createSlots as J, withCtx as f, createElementVNode as y, normalizeClass as I, createElementBlock as g, Fragment as ie, renderList as xe, createVNode as j, createCommentVNode as L, toDisplayString as _, renderSlot as B, mergeDefaults as ue, useModel as re, useId as qe, withKeys as Ce, withModifiers as pe, createTextVNode as H, mergeModels as le, useTemplateRef as U, shallowRef as Oe, watch as ye, normalizeProps as ze, guardReactiveProps as Ve, nextTick as he, provide as at, inject as Ue, onBeforeUnmount as Ye, getCurrentScope as lt, onScopeDispose as ot, toValue as nt, shallowReactive as Ee, normalizeStyle as st, resolveDynamicComponent as rt } from "vue";
 import { a as We } from "../leaveGuard-Cc8yeLxM.js";
 import { M as zo, c as Vo, i as qo, l as Do, u as Ro } from "../leaveGuard-Cc8yeLxM.js";
 import { _ as jo } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-ChIsmnts.js";
@@ -23,10 +23,10 @@ import { _ as Xe } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG
 import { u as St } from "../format-Dn-BOb-o.js";
 import { u as Re } from "../mediaQuery-CygcXmFW.js";
 import { _ as Me } from "../Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
-import { u as Ft } from "../TimeField.vue_vue_type_script_setup_true_lang-B140Gjqd.js";
+import { u as Bt } from "../TimeField.vue_vue_type_script_setup_true_lang-B140Gjqd.js";
 import { _ as Zo } from "../TimeField.vue_vue_type_script_setup_true_lang-B140Gjqd.js";
 import { _ as be } from "../Button.vue_vue_type_script_setup_true_lang-Dn-cJcj3.js";
-import { _ as Bt } from "../FormGroup.vue_vue_type_script_setup_true_lang-Bzm3yJy5.js";
+import { _ as Ft } from "../FormGroup.vue_vue_type_script_setup_true_lang-Bzm3yJy5.js";
 import { a as Qo, c as en, p as tn, r as an, u as ln } from "../FormGroup.vue_vue_type_script_setup_true_lang-Bzm3yJy5.js";
 import { _ as nn } from "../FormView.vue_vue_type_script_setup_true_lang-Ncl9DmFB.js";
 import { i as Lt } from "../intlLocale-CeRU44qJ.js";
@@ -148,21 +148,21 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
       i.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(i.$slots, "trailing")
+          B(i.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       i.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(i.$slots, "labelTrailing")
+          B(i.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       i.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F(i.$slots, "readonly")
+          B(i.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -227,10 +227,10 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
               key: 0,
               class: I(["tabular-nums text-content-muted", a.variant === "row" ? "text-footnote" : "text-xs"])
             }, _(a.description), 3)) : L("", !0),
-            F(c.$slots, "default")
+            B(c.$slots, "default")
           ]),
           c.$slots.trailing ? (u(), g("div", Zt, [
-            F(c.$slots, "trailing")
+            B(c.$slots, "trailing")
           ])) : L("", !0)
         ], 2)
       ], 42, Wt),
@@ -310,21 +310,21 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
       n.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(n.$slots, "trailing")
+          B(n.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       n.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(n.$slots, "labelTrailing")
+          B(n.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       n.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F(n.$slots, "readonly")
+          B(n.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -401,7 +401,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
           class: I(["flex items-center gap-1.5", [l(p), w.value]])
         }, [
           T.$slots.value && M.value ? (u(), g("span", aa, [
-            F(T.$slots, "value", {
+            B(T.$slots, "value", {
               option: M.value
             })
           ])) : L("", !0),
@@ -454,7 +454,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
           T.$slots.option ? {
             name: "option",
             fn: f((ee) => [
-              F(T.$slots, "option", ze(Ve(ee)))
+              B(T.$slots, "option", ze(Ve(ee)))
             ]),
             key: "0"
           } : void 0
@@ -465,28 +465,28 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
       T.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(T.$slots, "trailing")
+          B(T.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       T.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(T.$slots, "labelTrailing")
+          B(T.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       T.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F(T.$slots, "readonly")
+          B(T.$slots, "readonly")
         ]),
         key: "2"
       } : T.$slots.value && M.value ? {
         name: "readonly",
         fn: f(() => [
           y("span", oa, [
-            F(T.$slots, "value", {
+            B(T.$slots, "value", {
               option: M.value
             })
           ])
@@ -529,9 +529,9 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
   }),
   emits: /* @__PURE__ */ le(["focus", "blur"], ["update:modelValue"]),
   setup(r, { expose: a, emit: e }) {
-    const t = r, n = re(r, "modelValue"), o = e, { t: c } = oe(), i = St(), p = Re(), k = U("input"), w = U("popover"), $ = U("calendar"), s = U("sheet"), m = h(() => ({ min: t.min?.slice(0, 10), max: t.max?.slice(0, 10), disabled: t.disabledDates })), b = h(() => t.min && t.min.length === 10 ? `${t.min}T00:00` : t.min), C = h(() => t.max && t.max.length === 10 ? `${t.max}T23:59` : t.max), q = (B, d) => !xt(d, { disabled: t.disabledDates }) && (!b.value || B >= b.value) && (!C.value || B <= C.value), x = $t(() => m.value), O = Ft(() => t.minuteStep), R = h(() => $e(n.value));
-    function X(B) {
-      const { date: d, time: z } = Ct(B), v = d === null ? R.value.day ?? Se() : x.parse(d);
+    const t = r, n = re(r, "modelValue"), o = e, { t: c } = oe(), i = St(), p = Re(), k = U("input"), w = U("popover"), $ = U("calendar"), s = U("sheet"), m = h(() => ({ min: t.min?.slice(0, 10), max: t.max?.slice(0, 10), disabled: t.disabledDates })), b = h(() => t.min && t.min.length === 10 ? `${t.min}T00:00` : t.min), C = h(() => t.max && t.max.length === 10 ? `${t.max}T23:59` : t.max), q = (F, d) => !xt(d, { disabled: t.disabledDates }) && (!b.value || F >= b.value) && (!C.value || F <= C.value), x = $t(() => m.value), O = Bt(() => t.minuteStep), R = h(() => $e(n.value));
+    function X(F) {
+      const { date: d, time: z } = Ct(F), v = d === null ? R.value.day ?? Se() : x.parse(d);
       if (!v) return { error: x.invalidMessage() };
       let V = R.value.time ?? Le(t.minuteStep);
       if (z !== null) {
@@ -542,32 +542,32 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
       const S = _e(v, V);
       return q(S, v) ? { value: S } : { error: x.unavailableMessage() };
     }
-    const M = Ne({ model: n, display: (B) => `${i.date($e(B).day)} ${$e(B).time ?? ""}`.trim(), parse: X }), ne = h({
+    const M = Ne({ model: n, display: (F) => `${i.date($e(F).day)} ${$e(F).time ?? ""}`.trim(), parse: X }), ne = h({
       get: () => R.value.time,
-      set: (B) => {
-        B && pt(B) && (n.value = _e(R.value.day ?? Se(), B));
+      set: (F) => {
+        F && pt(F) && (n.value = _e(R.value.day ?? Se(), F));
       }
-    }), Q = Ne({ model: ne, display: (B) => B, parse: O.parse }), te = _t(() => t.quickPicks ?? (p.value ? void 0 : []), () => p.value, () => m.value), fe = h(() => t.error || M.message.value || Q.message.value), me = h(() => n.value ? i.dateTime(n.value) : null), T = De("date", () => fe.value ? "error" : t.disabled ? "locked" : "rest"), K = h(() => {
-      const B = M.typed.value;
-      return B ? $e(B).day ?? null : null;
+    }), Q = Ne({ model: ne, display: (F) => F, parse: O.parse }), te = _t(() => t.quickPicks ?? (p.value ? void 0 : []), () => p.value, () => m.value), fe = h(() => t.error || M.message.value || Q.message.value), me = h(() => n.value ? i.dateTime(n.value) : null), T = De("date", () => fe.value ? "error" : t.disabled ? "locked" : "rest"), K = h(() => {
+      const F = M.typed.value;
+      return F ? $e(F).day ?? null : null;
     }), E = h(() => K.value ?? (bt(R.value.day) ? R.value.day : null)), ae = h(() => M.typed.value ? $e(M.typed.value).time : R.value.time);
-    function se(B) {
-      B && M.set(_e(B, R.value.time ?? Le(t.minuteStep)));
+    function se(F) {
+      F && M.set(_e(F, R.value.time ?? Le(t.minuteStep)));
     }
-    function ee(B) {
-      B && M.set(_e(R.value.day ?? Se(), B));
+    function ee(F) {
+      F && M.set(_e(R.value.day ?? Se(), F));
     }
-    function ke(B) {
-      M.set(_e(Se(), Le(t.minuteStep))), B();
+    function ke(F) {
+      M.set(_e(Se(), Le(t.minuteStep))), F();
     }
     const we = qe();
-    async function Y(B) {
-      t.disabled || (w.value?.present(), B && (await he(), await he(), $.value?.focus()));
+    async function Y(F) {
+      t.disabled || (w.value?.present(), F && (await he(), await he(), $.value?.focus()));
     }
-    function ve(B) {
-      B.key === "Enter" ? (M.commit(), w.value?.dismiss()) : B.key === "ArrowDown" && (B.preventDefault(), Y(!0));
+    function ve(F) {
+      F.key === "Enter" ? (M.commit(), w.value?.dismiss()) : F.key === "ArrowDown" && (F.preventDefault(), Y(!0));
     }
-    return a({ focus: () => k.value?.focus() }), (B, d) => (u(), D(ge, W({ ...l(de)(t), error: fe.value }, {
+    return a({ focus: () => k.value?.focus() }), (F, d) => (u(), D(ge, W({ ...l(de)(t), error: fe.value }, {
       value: me.value,
       "value-style": "numeric"
     }), J({
@@ -715,24 +715,24 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
       ]),
       _: 2
     }, [
-      B.$slots.trailing ? {
+      F.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(B.$slots, "trailing")
+          B(F.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
-      B.$slots.labelTrailing ? {
+      F.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(B.$slots, "labelTrailing")
+          B(F.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
-      B.$slots.readonly ? {
+      F.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F(B.$slots, "readonly")
+          B(F.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -750,7 +750,7 @@ function Qe(r, a = {}) {
   }
   return (a.maxSize ?? 0) > 0 && r.size > (a.maxSize ?? 0) ? "too_large" : null;
 }
-function Fe(r) {
+function Be(r) {
   return r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${Math.round(r / 1024)} KB` : `${(r / (1024 * 1024)).toFixed(r % (1024 * 1024) === 0 ? 0 : 1)} MB`;
 }
 const ya = { class: "w-full" }, ga = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], ha = {
@@ -782,12 +782,12 @@ const ya = { class: "w-full" }, ga = ["id", "accept", "disabled", "aria-describe
     const e = r, t = re(r, "modelValue"), { t: n } = oe(), o = U("chooser"), c = A(!1), i = A(null), p = h(() => {
       if (e.hint) return e.hint;
       const $ = [];
-      return e.accept.length && $.push(n("core.form.file.allowed", { formats: e.accept.map((s) => s.replace(/^\./, "").toUpperCase()).join(", ") })), e.maxSize > 0 && $.push(n("core.form.file.max_size", { size: Fe(e.maxSize) })), $.join(" · ") || void 0;
+      return e.accept.length && $.push(n("core.form.file.allowed", { formats: e.accept.map((s) => s.replace(/^\./, "").toUpperCase()).join(", ") })), e.maxSize > 0 && $.push(n("core.form.file.max_size", { size: Be(e.maxSize) })), $.join(" · ") || void 0;
     });
     function k($) {
       if (!$) return;
       const s = Qe($, { accept: e.accept, maxSize: e.maxSize });
-      s ? (i.value = s === "invalid_type" ? n("core.form.file.invalid_type") : n("core.form.file.too_large", { size: Fe(e.maxSize) }), t.value = null) : (i.value = null, t.value = $);
+      s ? (i.value = s === "invalid_type" ? n("core.form.file.invalid_type") : n("core.form.file.too_large", { size: Be(e.maxSize) }), t.value = null) : (i.value = null, t.value = $);
     }
     function w() {
       t.value = null, i.value = null;
@@ -816,7 +816,7 @@ const ya = { class: "w-full" }, ga = ["id", "accept", "disabled", "aria-describe
           t.value ? (u(), g("div", ha, [
             y("div", ka, [
               y("p", xa, _(t.value.name), 1),
-              y("p", wa, _(l(Fe)(t.value.size)), 1)
+              y("p", wa, _(l(Be)(t.value.size)), 1)
             ]),
             y("button", {
               type: "button",
@@ -868,27 +868,27 @@ const ya = { class: "w-full" }, ga = ["id", "accept", "disabled", "aria-describe
       $.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F($.$slots, "trailing")
+          B($.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       $.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F($.$slots, "labelTrailing")
+          B($.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       $.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F($.$slots, "readonly")
+          B($.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
     ]), 1040, ["value"]));
   }
-}), Fa = ["disabled"], uo = /* @__PURE__ */ G({
+}), Ba = ["disabled"], uo = /* @__PURE__ */ G({
   __name: "FormGroupButton",
   props: {
     label: {},
@@ -898,7 +898,7 @@ const ya = { class: "w-full" }, ga = ["id", "accept", "disabled", "aria-describe
   emits: ["click"],
   setup(r, { emit: a }) {
     const e = r, t = a;
-    return (n, o) => (u(), D(Bt, null, {
+    return (n, o) => (u(), D(Ft, null, {
       default: f(() => [
         j(it, { layout: "stacked" }, {
           default: f(() => [
@@ -907,7 +907,7 @@ const ya = { class: "w-full" }, ga = ["id", "accept", "disabled", "aria-describe
               disabled: e.disabled,
               class: I(["w-full py-1 text-center text-body focus-visible:outline-2 focus-visible:outline-border-focus disabled:text-content-disabled", e.tone === "critical" ? "text-content-destructive" : "text-content-link"]),
               onClick: o[0] || (o[0] = (c) => t("click"))
-            }, _(e.label), 11, Fa)
+            }, _(e.label), 11, Ba)
           ]),
           _: 1
         })
@@ -918,10 +918,10 @@ const ya = { class: "w-full" }, ga = ["id", "accept", "disabled", "aria-describe
 }), co = /* @__PURE__ */ G({
   __name: "FormIndent",
   setup(r) {
-    return at(ut, dt() + 1), (a, e) => F(a.$slots, "default");
+    return at(ut, dt() + 1), (a, e) => B(a.$slots, "default");
   }
 });
-function Ba(r, a) {
+function Fa(r, a) {
   return a.filter((e) => (r?.[e] ?? "").trim() === "");
 }
 const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], za = ["id", "value", "lang", "name", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], Va = {
@@ -990,12 +990,12 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
     function K(v) {
       w.value?.contains(v.relatedTarget) || (T.value = !0);
     }
-    const E = h(() => Ba(t.value, e.requiredLocales)), ae = h(() => T.value && E.value.length > 0 ? n("core.form.i18n.required", { languages: ne(E.value) }) : void 0), se = h(() => e.requiredLocales.length > 0 ? E.value.length === 0 : C.value.some(R)), ee = h(() => C.value.filter((v) => !R(v) && !(ae.value && E.value.includes(v)))), ke = h(() => R(b.value) && C.value.some((v) => v !== b.value && !R(v)));
+    const E = h(() => Fa(t.value, e.requiredLocales)), ae = h(() => T.value && E.value.length > 0 ? n("core.form.i18n.required", { languages: ne(E.value) }) : void 0), se = h(() => e.requiredLocales.length > 0 ? E.value.length === 0 : C.value.some(R)), ee = h(() => C.value.filter((v) => !R(v) && !(ae.value && E.value.includes(v)))), ke = h(() => R(b.value) && C.value.some((v) => v !== b.value && !R(v)));
     function we() {
       const v = O(b.value);
       t.value = { ...t.value, ...Object.fromEntries(C.value.filter((V) => !R(V)).map((V) => [V, v])) };
     }
-    const Y = h(() => [o.value, b.value, ...C.value].find((v) => C.value.includes(v) && R(v))), ve = h(() => C.value.filter((v) => v !== Y.value)), B = h(() => ve.value.filter(R).length), d = A(!1), z = h(() => e.label && !$.value && Y.value ? `${e.label} · ${X(Y.value)}` : e.label);
+    const Y = h(() => [o.value, b.value, ...C.value].find((v) => C.value.includes(v) && R(v))), ve = h(() => C.value.filter((v) => v !== Y.value)), F = h(() => ve.value.filter(R).length), d = A(!1), z = h(() => e.label && !$.value && Y.value ? `${e.label} · ${X(Y.value)}` : e.label);
     return a({ focus: () => k.value?.focus() }), (v, V) => (u(), D(ge, W({ ...l(de)(e), label: z.value, error: e.error ?? ae.value, required: e.required || e.requiredLocales.length > 0 }, {
       value: l($) ? se.value ? "written" : null : Y.value ? O(Y.value) : null,
       "row-layout": "stacked"
@@ -1032,7 +1032,7 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
                 "aria-describedby": N,
                 "data-test": "i18n-input",
                 class: "block w-full resize-y border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-                onInput: V[0] || (V[0] = (Be) => Q(x.value, Be.target.value))
+                onInput: V[0] || (V[0] = (Fe) => Q(x.value, Fe.target.value))
               }, null, 40, Ta)) : (u(), g("input", {
                 key: 1,
                 id: S,
@@ -1050,7 +1050,7 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
                 "aria-describedby": N,
                 "data-test": "i18n-input",
                 class: "block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-                onInput: V[1] || (V[1] = (Be) => Q(x.value, Be.target.value))
+                onInput: V[1] || (V[1] = (Fe) => Q(x.value, Fe.target.value))
               }, null, 40, za))
             ], 2)
           ], 8, La),
@@ -1111,7 +1111,7 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
                 class: "mt-1.5 flex w-full cursor-pointer items-center gap-2 text-left text-footnote text-content-muted focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
                 onClick: V[2] || (V[2] = (S) => d.value = !d.value)
               }, [
-                y("span", Na, _(l(n)("core.form.i18n.more", { count: ve.value.length, filled: B.value })), 1),
+                y("span", Na, _(l(n)("core.form.i18n.more", { count: ve.value.length, filled: F.value })), 1),
                 j(l(Z), {
                   name: "arrowRightSLine",
                   size: 16,
@@ -1140,7 +1140,7 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
       v.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(v.$slots, "trailing")
+          B(v.$slots, "trailing")
         ]),
         key: "1"
       } : void 0
@@ -1186,21 +1186,21 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
       c.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(c.$slots, "trailing")
+          B(c.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       c.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(c.$slots, "labelTrailing")
+          B(c.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       c.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F(c.$slots, "readonly")
+          B(c.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -1293,21 +1293,21 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
       w.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(w.$slots, "trailing")
+          B(w.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       w.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(w.$slots, "labelTrailing")
+          B(w.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       w.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F(w.$slots, "readonly")
+          B(w.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -1437,7 +1437,7 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
                   s.$slots.option ? {
                     name: "option",
                     fn: f((x) => [
-                      F(s.$slots, "option", ze(Ve(x)))
+                      B(s.$slots, "option", ze(Ve(x)))
                     ]),
                     key: "0"
                   } : void 0
@@ -1492,7 +1492,7 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
               s.$slots.option ? {
                 name: "option",
                 fn: f((x) => [
-                  F(s.$slots, "option", ze(Ve(x)))
+                  B(s.$slots, "option", ze(Ve(x)))
                 ]),
                 key: "0"
               } : void 0
@@ -1506,21 +1506,21 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
       s.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(s.$slots, "trailing")
+          B(s.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       s.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(s.$slots, "labelTrailing")
+          B(s.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       s.$slots.readonly ? {
         name: "readonly",
         fn: f(() => [
-          F(s.$slots, "readonly")
+          B(s.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -1562,7 +1562,7 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
     function $(s) {
       if (!s) return;
       const m = Qe(s, { accept: a.accept, maxSize: a.maxSize });
-      m ? o.value = m === "invalid_type" ? t("core.form.file.invalid_type") : t("core.form.file.too_large", { size: Fe(a.maxSize) }) : (o.value = null, e.value = s);
+      m ? o.value = m === "invalid_type" ? t("core.form.file.invalid_type") : t("core.form.file.too_large", { size: Be(a.maxSize) }) : (o.value = null, e.value = s);
     }
     return (s, m) => (u(), D(ge, W({ ...l(de)(a), error: o.value ?? a.error }, {
       value: p.value ? l(t)("core.form.file.choose") : null,
@@ -1656,14 +1656,14 @@ const La = ["id", "aria-labelledby"], Ta = ["id", "value", "lang", "name", "rows
       s.$slots.trailing ? {
         name: "trailing",
         fn: f(() => [
-          F(s.$slots, "trailing")
+          B(s.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       s.$slots.labelTrailing ? {
         name: "labelTrailing",
         fn: f(() => [
-          F(s.$slots, "labelTrailing")
+          B(s.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0
@@ -1723,7 +1723,8 @@ const il = {
     form: { default: void 0 },
     saveLabel: { default: void 0 },
     canSave: { type: Boolean, default: !0 },
-    fieldLabel: { type: Function, default: void 0 }
+    fieldLabel: { type: Function, default: void 0 },
+    disabledWhileClean: { type: Boolean, default: !1 }
   },
   emits: ["save", "cancel"],
   setup(r, { emit: a }) {
@@ -1732,8 +1733,7 @@ const il = {
         form: e.form,
         label: () => e.saveLabel ?? n("core.actions.save"),
         allowed: () => e.canSave,
-        disabledWhileClean: !1,
-        // a create page: an untouched form is submitted to learn what is missing
+        disabledWhileClean: () => e.disabledWhileClean,
         save: () => {
           e.form?.submitting.value || t("save");
         },
@@ -1770,7 +1770,7 @@ const il = {
               progress: l(p),
               onSelect: $
             }, null, 8, ["states", "progress"]),
-            F(s.$slots, "aside")
+            B(s.$slots, "aside")
           ])),
           y("div", {
             ref_key: "content",
@@ -1783,7 +1783,7 @@ const il = {
               label: e.fieldLabel,
               scope: k.value
             }, null, 8, ["form", "label", "scope"])) : L("", !0),
-            F(s.$slots, "default")
+            B(s.$slots, "default")
           ], 512)
         ]),
         l(o) ? (u(), D(Mt, {
@@ -1796,28 +1796,28 @@ const il = {
       s.$slots.header ? {
         name: "header",
         fn: f(() => [
-          F(s.$slots, "header")
+          B(s.$slots, "header")
         ]),
         key: "0"
       } : void 0,
       s.$slots.pager ? {
         name: "pager",
         fn: f(() => [
-          F(s.$slots, "pager")
+          B(s.$slots, "pager")
         ]),
         key: "1"
       } : void 0,
       s.$slots.notices ? {
         name: "notices",
         fn: f(() => [
-          F(s.$slots, "notices")
+          B(s.$slots, "notices")
         ]),
         key: "2"
       } : void 0,
       s.$slots.bottom ? {
         name: "bottom",
         fn: f(() => [
-          F(s.$slots, "bottom")
+          B(s.$slots, "bottom")
         ]),
         key: "3"
       } : void 0
@@ -2024,7 +2024,7 @@ function ho(r, a) {
   }), ve = h(() => {
     const d = t.value[b.value];
     return d.nextLabel ? d.nextLabel : X.value ? a.submitLabel ?? e("core.actions.save") : e("core.steps.next_named", { step: t.value[b.value + 1].label });
-  }), B = h(() => R.value ? null : t.value[b.value - 1].label);
+  }), F = h(() => R.value ? null : t.value[b.value - 1].label);
   return {
     steps: q,
     current: x,
@@ -2036,7 +2036,7 @@ function ho(r, a) {
     direction: i,
     subtitle: Y,
     nextLabel: ve,
-    backLabel: B,
+    backLabel: F,
     restored: w,
     refusals: k,
     errors: r.errors,
@@ -2239,7 +2239,7 @@ const vl = {
         class: I(["flex min-w-0 flex-col gap-group-gap outline-none", a.flow.direction.value === "back" ? "animate-step-back" : a.flow.direction.value === "forward" ? "animate-step-in" : ""]),
         onSubmit: i[1] || (i[1] = pe((p) => a.flow.next(), ["prevent"]))
       }, [
-        F(c.$slots, a.flow.current.value.name),
+        B(c.$slots, a.flow.current.value.name),
         i[3] || (i[3] = y("button", {
           type: "submit",
           class: "sr-only",
@@ -2261,7 +2261,7 @@ export {
   oo as CheckboxField,
   no as ChoiceChips,
   so as ComboField,
-  Fo as CommandDialog,
+  Bo as CommandDialog,
   Wo as DateField,
   ro as DateTimeField,
   yo as EditorPage,
@@ -2269,7 +2269,7 @@ export {
   ge as Field,
   io as FileField,
   He as FormErrors,
-  Bt as FormGroup,
+  Ft as FormGroup,
   uo as FormGroupButton,
   co as FormIndent,
   it as FormRow,
@@ -2301,16 +2301,16 @@ export {
   en as createFieldGroups,
   Vo as createLeaveGuard,
   ce as fieldDefaults,
-  Bo as fieldKey,
+  Fo as fieldKey,
   de as fieldProps,
   Te as focusFirstError,
   No as formEditableKey,
-  Fe as formatBytes,
+  Be as formatBytes,
   Go as groupOptions,
   qo as installLeaveGuard,
   Do as leaveGuardKey,
   Ko as matchOptions,
-  Ba as missingLocales,
+  Fa as missingLocales,
   tn as provideRecordGroups,
   Uo as recentChoicesKey,
   an as recordGroupsKey,

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.9.0";
+export declare const version = "0.9.1";

package/dist/index.js

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

package/package.json

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