@wssto2/vue-core 0.4.23 → 0.4.24

package/dist/form/useForm.d.ts

@@ -84,7 +84,11 @@ export interface FormOptions<Values extends object, Output = Values> {
     readonly describeFieldError?: (message: string, field: string) => string;
     /** The draft's name for a field the server names, given the whole dotted path (`tax_id` is `taxId`, `lines.0.unit_price` is `lines.0.unitPrice`). Default: the same name. */
     readonly serverField?: (field: string) => string;
-    /** The sentence for a failure; return undefined for the library's default of that kind. */
+    /**
+     * The sentence for a failure; return undefined for the default: the reason a request was refused as `useDescribeError` words it (the app's own
+     * describer first, a reason code the client translates, the server's sentence for a business rule, the library's words for forbidden, conflict,
+     * offline), the library's per-kind sentence for a server fault, a validator refusal, a refusal that names fields ("check the marked fields") and `refresh`.
+     */
     readonly failureMessage?: (kind: FormFailureKind, error: unknown) => string | undefined;
 }
 type Fields<Values> = readonly (keyof Values & string)[];

package/dist/form/useRecordDialog.d.ts

@@ -20,8 +20,8 @@ export interface RecordDialog<Values extends object, Output = Values, Done = unk
     readonly form: Command<Values, Output, Done>["form"];
     /** The row being edited, `null` for a new record: the title, the fields that only a new one has, "Save and add another". */
     readonly editing: Readonly<Ref<Row | null>>;
-    /** Opens the dialog for a new record, with the defaults. */
-    create(): void;
+    /** Opens the dialog for a new record, with the defaults; `initial` is laid over them as the starting point (a suggested category), and is not an edit: the untouched dialog closes without asking. */
+    create(initial?: Partial<Values>): void;
     /** Opens it for `row`: `toValues(row)` over the defaults. */
     edit(row: Row): void;
 }

package/dist/identity/index.js

@@ -1,4 +1,4 @@
-import { _ as t, h as n, j as a, i, k as o, d as r, l as d, m as u, n as y, r as l, o as I, s as f, q as p, t as A, f as c } from "../index--CxZ33h0.js";
+import { _ as t, h as n, j as a, i, k as o, d as r, l as d, m as u, n as y, r as l, o as I, s as f, q as p, t as A, f as c } from "../index-BmowiT1y.js";
 export {
   t as SignInAsButton,
   n as identityFeature,

package/dist/{index--CxZ33h0.js → index-BmowiT1y.js}

@@ -14,12 +14,12 @@ import { useRouter as J, useRoute as de } from "vue-router";
 import { _ as Q } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as L } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { u as fe } from "./leaveGuard-Cc8yeLxM.js";
-import { _ as he } from "./FormView.vue_vue_type_script_setup_true_lang-CbvMRBOc.js";
+import { _ as he } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
 import { _ as ye } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { u as ge } from "./mediaQuery-CygcXmFW.js";
 import { u as ve } from "./useDialog-CXR3hN0G.js";
 import { c as _e } from "./closeOverlays-CjVsIrpL.js";
-import { u as be } from "./FormErrors.vue_vue_type_script_setup_true_lang-4WQz-TYS.js";
+import { u as be } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
 import { u as we } from "./format-D8X4zsx6.js";
 import { _ as xe } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
 import { b as Ee } from "./routeResource-DlTsGTg_.js";
@@ -315,7 +315,7 @@ function Cs(e) {
 const Ye = async (e) => {
   await B(e.http);
 }, Je = z({
-  login: { name: "login", path: "/login", component: () => import("./SignInPage-Dcws582A.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-CiStJboK.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
 });
 function Os(e = {}) {
   return H({
@@ -334,7 +334,7 @@ function Os(e = {}) {
   });
 }
 const Z = z({
-  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-Cc7eiyV2.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-Dq9lcO5O.js"), meta: { titleKey: "core.profile.title" } }
 }), Qe = /* @__PURE__ */ E({
   __name: "ProfileMenuItem",
   setup(e) {
@@ -358,19 +358,19 @@ function es(e) {
   return { name: `users.record.${e.path}`, path: e.path, component: s, meta: { ...e.meta } };
 }
 const W = "iam.user:view", qs = "iam.user:manage", ss = "iam.user.activity:view", ee = z({
-  index: { name: "users.index", path: "/users", component: () => import("./UsersList-1IeQnvOL.js"), meta: { access: W, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-BulNu4aE.js"), meta: { access: W, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-AtZIwCO9.js"),
+    component: () => import("./UserRecord-DGq_PPy1.js"),
     meta: { access: W, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-Dbc3qDRz.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-BR8-RVIk.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-DSDcj8Yd.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-3u7YgKqh.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-DW_3-MwX.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-Cu_mAn_m.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
+      { name: "users.record.general", path: "general", component: () => import("./General-hdmVP72B.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-Dp8Ji0_r.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-B1eKG_I2.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-Bo7R2Coi.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-BdR0R20V.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-CI-l_OFl.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });

package/dist/{index-Du3Ti2Zp.js → index-Yy28omu6.js}

@@ -16,7 +16,7 @@ import { _ as Oe } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6
 import { u as Ae } from "./useLoad-M7V-AVwR.js";
 import { _ as De, a as Ke } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
 import { _ as Be } from "./SegmentedField.vue_vue_type_script_setup_true_lang-Dg-_ZjgR.js";
-import { u as Pe, _ as Ue } from "./useCommand-CT1RF_IB.js";
+import { u as Pe, _ as Ue } from "./useCommand-Cj-APj-P.js";
 import { u as Fe } from "./platform-q3cjODLx.js";
 import { _ as Ge } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { u as Me } from "./mediaQuery-CygcXmFW.js";
@@ -43,12 +43,12 @@ const C = {
   viewAccess: "iam.user:view",
   manageBindings: "iam.user:manage"
 }, re = Ee({
-  roles: { name: "access.roles", path: "/iam/roles", component: () => import("./RolesPage-eb4gqxdW.js"), meta: { access: F.viewRoles, titleKey: "core.access.title" } },
-  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("./NewRolePage-DPHFJ0I8.js"), meta: { access: F.manageRoles, titleKey: "core.access.new_title" } },
+  roles: { name: "access.roles", path: "/iam/roles", component: () => import("./RolesPage-BRm5xDw7.js"), meta: { access: F.viewRoles, titleKey: "core.access.title" } },
+  newRole: { name: "access.roles.new", path: "/iam/roles/new", component: () => import("./NewRolePage-BPeKasOp.js"), meta: { access: F.manageRoles, titleKey: "core.access.new_title" } },
   role: {
     name: "access.role",
     path: "/iam/roles/:ref",
-    component: () => import("./RolePage-C0jmkQkO.js"),
+    component: () => import("./RolePage-BYH-0fVI.js"),
     // A role's ref (its key, or the id of a custom one) swaps in place when a link leads to another role.
     meta: { access: F.viewRoles, titleKey: "core.access.title", remountOnParam: "ref" }
   }

package/dist/{index-DBTK_iMB.js → index-tnSTp0cM.js}

@@ -31,9 +31,9 @@ const M = {
   deadLettersRetryAll: y("POST", "/v1/events/dead-letters/retry", { permission: "events.deadletter:retry" }),
   consumers: y("GET", "/v1/events/consumers", { permission: "events.deadletter:view" })
 }, [ke, ee] = fe("vue-core.notifications"), we = "events.deadletter:view", bt = "events.deadletter:retry", J = Z({
-  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-CpcMccCc.js"), meta: { access: we, titleKey: "core.notifications.dead_letters.title" } }
+  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-CRTeoZS1.js"), meta: { access: we, titleKey: "core.notifications.dead_letters.title" } }
 }), j = Z({
-  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-BF7MW1GH.js"), meta: { titleKey: "core.notifications.settings.title" } }
+  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-0P38Ty4w.js"), meta: { titleKey: "core.notifications.settings.title" } }
 }), Te = /* @__PURE__ */ z({
   __name: "SettingsMenuItem",
   setup(o) {

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

package/dist/index.js

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

package/dist/notifications/index.js

@@ -1,4 +1,4 @@
-import { d as s, e as o, n as a, a as i, b as n } from "../index-DBTK_iMB.js";
+import { d as s, e as o, n as a, a as i, b as n } from "../index-tnSTp0cM.js";
 export {
   s as deadLettersRoutes,
   o as eventsRoutes,

package/dist/{status-QOGPjIHu.js → status-Bh3-Cg7o.js}

@@ -1,5 +1,5 @@
 import { a, r as o } from "./http-D_D9YbLH.js";
-import { i as r } from "./index--CxZ33h0.js";
+import { i as r } from "./index-BmowiT1y.js";
 const n = ["active", "locked", "inactive", "all"];
 function l(i) {
   return a({

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.24",
   "goCore": "v1.7.0",
   "description": "Shared Vue 3 library for go-core applications: app shell, list / record / form pages and their controls.",
   "keywords": [