@wssto2/vue-core 0.4.13 → 0.4.15

package/dist/{index-BEDhdJQE.js → index-DwdVrW6q.js}

@@ -5,7 +5,7 @@ import { d as z } from "./defineRoutes-BGAdiIrt.js";
 import { d as I } from "./context-Ch1r4fdN.js";
 import { defineComponent as E, computed as b, watch as $, openBlock as x, createElementBlock as G, ref as D, useTemplateRef as oe, watchEffect as re, onBeforeUnmount as ae, createVNode as _, unref as o, createElementVNode as m, toDisplayString as f, createCommentVNode as F, useId as ce, createBlock as N, Teleport as ue, normalizeClass as j, createTextVNode as O, withCtx as T, mergeProps as le, h as me } from "vue";
 import { u as pe } from "./environment-Dva-SG8D.js";
-import { u as P } from "./describeError-Ctga6GcS.js";
+import { u as P } from "./describeError-B-NMa--w.js";
 import { t as k } from "./toast-CqSDTWRX.js";
 import { u as A, h as q, f as M } from "./platform-q3cjODLx.js";
 import { a as R } from "./error-CD7x0Jrz.js";
@@ -14,15 +14,15 @@ 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-cr0xNDXP.js";
-import { _ as ye } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+import { _ as he } from "./FormView.vue_vue_type_script_setup_true_lang-BcIbTMHN.js";
+import { _ as ye } from "./TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.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-BQb7wLT0.js";
+import { u as be } from "./FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
 import { u as we } from "./format-B8mJm946.js";
 import { _ as xe } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
-import { b as Ee } from "./routeResource-DstM0hvf.js";
+import { b as Ee } from "./routeResource-DlTsGTg_.js";
 import { _ as Se } from "./AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js";
 const w = {
   login: i("POST", "/v1/auth/login", { public: !0 }),
@@ -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-C3-LHjo2.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-BA22kyOp.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-Ep75xf-u.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-On-eAiJ-.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-Bc8dCuRB.js"), meta: { access: W, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-ltx3G23-.js"), meta: { access: W, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-C0JZgK47.js"),
+    component: () => import("./UserRecord-D1BNmYp9.js"),
     meta: { access: W, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-UWbJQLc8.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-DIjshMpl.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-_w3Tnevz.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-DNdLctGJ.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-Czs32zlz.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-DhVVSf60.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-CUA9b3ML.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-DU4DE2wj.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-BTyXDEuY.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-C8QAZBaL.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-CKIuGF8O.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-4q26REYj.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });

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

package/dist/index.js

@@ -1,4 +1,4 @@
-const o = "0.4.13";
+const o = "0.4.15";
 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-Cz4LtYKa.js";
+import { d as s, e as o, n as a, a as i, b as n } from "../index-BCw_Ki6z.js";
 export {
   s as deadLettersRoutes,
   o as eventsRoutes,

package/dist/phone/PhoneField.vue.d.ts

@@ -47,6 +47,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     required: boolean;
     width: Exclude<ControlWidth, "content">;
     presentation: "control" | "value";
+    labelHidden: boolean;
     hint: string;
     editable: boolean;
     lockedReason: string;

package/dist/phone/index.js

@@ -1,7 +1,7 @@
-import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as B, computed as g, watch as ne, nextTick as A, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as ge, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as xe, withDirectives as we, vModelText as _e, mergeModels as re, inject as ke, shallowRef as Ce, onBeforeUnmount as $e, createBlock as De, mergeProps as Me, createSlots as Te, withCtx as se, createTextVNode as Se, renderSlot as Ne, mergeDefaults as Ie } from "vue";
+import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as E, computed as g, watch as ne, nextTick as A, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as ge, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as xe, withDirectives as we, vModelText as _e, mergeModels as ae, inject as ke, shallowRef as Ce, onBeforeUnmount as $e, createBlock as De, mergeProps as Me, createSlots as Te, withCtx as se, createTextVNode as Se, renderSlot as Ne, mergeDefaults as Ie } from "vue";
 import { useI18n as pe } from "vue-i18n";
 import { b as Pe } from "../controlSurface-t7OEFESJ.js";
-import { a as Ve, c as Oe, _ as Re, f as Ee, b as Be } from "../control-7EP4tjYy.js";
+import { a as Ve, c as Oe, _ as Re, f as Be, b as Ee } from "../control-CX9BG2UB.js";
 import { _ as q } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as ie } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { u as ze } from "../anchored-Cj4--8dT.js";
@@ -13,62 +13,62 @@ function he(t) {
   return Le.country_calling_codes[t]?.[0];
 }
 const W = (t) => Ae(t), de = (t) => `+${W(t)}`, te = () => qe();
-function Ke(t, r) {
+function Ke(t, a) {
   const o = `+${t}`;
-  return new L().input(`${o}${r}`).slice(o.length).trim();
+  return new L().input(`${o}${a}`).slice(o.length).trim();
 }
-function ae(t, r, o) {
-  const a = o.slice(0, Math.max(0, We - r.length));
-  return a === "" ? { country: t, e164: "", text: "" } : { country: t, e164: `+${r}${a}`, text: Ke(r, a) };
+function re(t, a, o) {
+  const r = o.slice(0, Math.max(0, We - a.length));
+  return r === "" ? { country: t, e164: "", text: "" } : { country: t, e164: `+${a}${r}`, text: Ke(a, r) };
 }
-function oe(t, r) {
+function oe(t, a) {
   const o = t.trim().replace(/^00(?=\d)/, "+");
   if (o.startsWith("+")) {
     const l = new L();
     l.input(o);
     const x = l.getCallingCode();
-    if (!x) return { country: r, e164: "", text: o.replace(/[^\d+]/g, "") };
-    const p = l.getCountry() ?? (W(r) === x ? r : he(x) ?? r);
-    return ae(p, x, l.getNumber()?.nationalNumber ?? "");
+    if (!x) return { country: a, e164: "", text: o.replace(/[^\d+]/g, "") };
+    const p = l.getCountry() ?? (W(a) === x ? a : he(x) ?? a);
+    return re(p, x, l.getNumber()?.nationalNumber ?? "");
   }
-  const a = new L(r);
-  return a.input(o.replace(/\D/g, "")), ae(r, W(r), a.getNumber()?.nationalNumber ?? "");
+  const r = new L(a);
+  return r.input(o.replace(/\D/g, "")), re(a, W(a), r.getNumber()?.nationalNumber ?? "");
 }
-function Ue(t, r) {
-  return ae(r, W(r), t.text.replace(/\D/g, ""));
+function Ue(t, a) {
+  return re(a, W(a), t.text.replace(/\D/g, ""));
 }
 function je(t) {
   return t.startsWith("+") ? new L().input(t) : t;
 }
 const He = { MOBILE: "mobile", FIXED_LINE: "landline", TOLL_FREE: "toll_free", PREMIUM_RATE: "premium_rate", VOIP: "voip" };
 function Ge(t) {
-  const r = t ? ve(t) : void 0, o = r?.isValid() ? r.getType() : void 0;
+  const a = t ? ve(t) : void 0, o = a?.isValid() ? a.getType() : void 0;
   return o ? He[o] : void 0;
 }
 function Xe(t) {
-  const r = new L();
-  r.input(t);
-  const o = r.getCallingCode();
-  return r.getCountry() ?? (o ? he(o) : void 0);
+  const a = new L();
+  a.input(t);
+  const o = a.getCallingCode();
+  return a.getCountry() ?? (o ? he(o) : void 0);
 }
 function ye(t) {
   if (t === "") return null;
-  const r = Xe(t), o = Fe(t);
-  return o === "TOO_SHORT" ? { kind: "too_short", country: r } : o === "TOO_LONG" ? { kind: "too_long", country: r } : o !== void 0 ? { kind: "invalid", country: r } : ve(t)?.isValid() ? null : { kind: "invalid", country: r };
+  const a = Xe(t), o = Fe(t);
+  return o === "TOO_SHORT" ? { kind: "too_short", country: a } : o === "TOO_LONG" ? { kind: "too_long", country: a } : o !== void 0 ? { kind: "invalid", country: a } : ve(t)?.isValid() ? null : { kind: "invalid", country: a };
 }
 const $t = (t) => ye(t) === null;
-function be(t, r) {
+function be(t, a) {
   try {
-    return new Intl.DisplayNames([r], { type: "region" }).of(t) ?? t;
+    return new Intl.DisplayNames([a], { type: "region" }).of(t) ?? t;
   } catch {
     return t;
   }
 }
-function Ye(t, r, o) {
-  const a = ue(t.trim());
-  if (a === "") return o;
-  const l = a.replace(/\D/g, ""), x = new Intl.DisplayNames([r], { type: "region" }), p = (h) => ue(x.of(h) ?? h), _ = a.startsWith("+") || /^\d+$/.test(a);
-  return o.filter((h) => _ ? W(h).startsWith(l) : p(h).includes(a) || h.toLowerCase() === a);
+function Ye(t, a, o) {
+  const r = ue(t.trim());
+  if (r === "") return o;
+  const l = r.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ue(x.of(h) ?? h), _ = r.startsWith("+") || /^\d+$/.test(r);
+  return o.filter((h) => _ ? W(h).startsWith(l) : p(h).includes(r) || h.toLowerCase() === r);
 }
 const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tabular-nums" }, Ze = ["id", "aria-label"], et = {
   key: 0,
@@ -78,9 +78,9 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
   key: 0,
   class: "px-3 py-2 text-footnote text-content-muted",
   role: "status"
-}, rt = { class: "border-t border-border-separator px-3 py-2" }, at = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], lt = /* @__PURE__ */ fe({
+}, at = { class: "border-t border-border-separator px-3 py-2" }, rt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], lt = /* @__PURE__ */ fe({
   __name: "CountryPicker",
-  props: /* @__PURE__ */ re({
+  props: /* @__PURE__ */ ae({
     id: {},
     common: {},
     disabled: { type: Boolean },
@@ -89,21 +89,21 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ re(["picked"], ["update:modelValue"]),
-  setup(t, { expose: r, emit: o }) {
-    const a = t, l = me(t, "modelValue"), x = o, { t: p, locale: _ } = pe(), h = F("root"), V = F("trigger"), k = F("panel"), K = F("search"), C = B(!1), v = B(""), d = B(0), O = g(() => {
+  emits: /* @__PURE__ */ ae(["picked"], ["update:modelValue"]),
+  setup(t, { expose: a, emit: o }) {
+    const r = t, l = me(t, "modelValue"), x = o, { t: p, locale: _ } = pe(), h = F("root"), V = F("trigger"), k = F("panel"), K = F("search"), C = E(!1), v = E(""), d = E(0), O = g(() => {
       const e = /* @__PURE__ */ new Map();
       for (const s of te()) e.set(s, be(s, _.value));
       return e;
     }), S = (e) => O.value.get(e) ?? e, D = g(() => {
-      const e = a.common.filter((c) => O.value.has(c));
+      const e = r.common.filter((c) => O.value.has(c));
       if (v.value.trim() !== "") {
         const c = Ye(v.value, _.value, te());
         return [{ title: null, countries: [...c.filter((n) => e.includes(n)), ...c.filter((n) => !e.includes(n))] }];
       }
       const s = te().filter((c) => !e.includes(c)).sort((c, n) => S(c).localeCompare(S(n), _.value));
       return [{ title: p("core.form.phone.common"), countries: e }, { title: p("core.form.phone.all"), countries: s }].filter((c) => c.countries.length > 0);
-    }), y = g(() => D.value.flatMap((e) => e.countries)), z = g(() => D.value.map((e, s) => D.value.slice(0, s).reduce((c, n) => c + n.countries.length, 0))), U = (e) => `${a.id}-country-${e}`, { style: Q } = ze(k, {
+    }), y = g(() => D.value.flatMap((e) => e.countries)), z = g(() => D.value.map((e, s) => D.value.slice(0, s).reduce((c, n) => c + n.countries.length, 0))), U = (e) => `${r.id}-country-${e}`, { style: Q } = ze(k, {
       reference: () => V.value,
       placement: () => "bottom-start",
       offset: 4,
@@ -113,7 +113,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
       }
     });
     async function j() {
-      a.disabled || C.value || (v.value = "", d.value = Math.max(0, y.value.indexOf(l.value)), C.value = !0, await A(), K.value?.focus());
+      r.disabled || C.value || (v.value = "", d.value = Math.max(0, y.value.indexOf(l.value)), C.value = !0, await A(), K.value?.focus());
     }
     function N(e) {
       C.value = !1, e && V.value?.focus();
@@ -136,28 +136,28 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
         s && R(s);
       }
     }
-    function E(e) {
+    function B(e) {
       (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), j());
     }
-    return r({ focus: () => V.value?.focus() }), (e, s) => (w(), $("div", {
+    return a({ focus: () => V.value?.focus() }), (e, s) => (w(), $("div", {
       ref_key: "root",
       ref: h,
       class: "shrink-0",
       onFocusout: H
     }, [
       f("button", {
-        id: `${a.id}-country`,
+        id: `${r.id}-country`,
         ref_key: "trigger",
         ref: V,
         type: "button",
-        disabled: a.disabled,
+        disabled: r.disabled,
         "aria-label": i(p)("core.form.phone.country", { country: S(l.value) }),
         "aria-haspopup": "listbox",
         "aria-expanded": C.value,
         "data-test": "country-button",
-        class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", a.surface]),
+        class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", r.surface]),
         onClick: s[0] || (s[0] = (c) => C.value ? N(!0) : j()),
-        onKeydown: E
+        onKeydown: B
       }, [
         M(ie, { country: l.value }, null, 8, ["country"]),
         f("span", Qe, T(i(de)(l.value)), 1),
@@ -176,7 +176,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
         class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float"
       }, [
         f("div", {
-          id: `${a.id}-countries`,
+          id: `${r.id}-countries`,
           role: "listbox",
           "aria-label": i(p)("core.form.phone.countries"),
           class: "min-h-0 flex-1 overflow-y-auto p-2"
@@ -207,7 +207,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
           ], 64))), 128)),
           y.value.length === 0 ? (w(), $("p", nt, T(i(p)("core.form.phone.no_match")), 1)) : J("", !0)
         ], 8, Ze),
-        f("div", rt, [
+        f("div", at, [
           we(f("input", {
             ref_key: "search",
             ref: K,
@@ -217,14 +217,14 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
             autocomplete: "off",
             "aria-autocomplete": "list",
             "aria-expanded": "true",
-            "aria-controls": `${a.id}-countries`,
+            "aria-controls": `${r.id}-countries`,
             "aria-activedescendant": y.value[d.value] ? U(y.value[d.value]) : void 0,
             "aria-label": i(p)("core.form.phone.search"),
             placeholder: i(p)("core.form.phone.search"),
             "data-test": "country-search",
             class: "block w-full border-0 bg-transparent p-0 text-body text-content-strong placeholder:text-content-muted focus:outline-none focus:ring-0",
             onKeydown: G
-          }, null, 40, at), [
+          }, null, 40, rt), [
             [_e, v.value]
           ])
         ])
@@ -240,8 +240,9 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
   role: "status"
 }, Dt = /* @__PURE__ */ fe({
   __name: "PhoneField",
-  props: /* @__PURE__ */ re(/* @__PURE__ */ Ie({
+  props: /* @__PURE__ */ ae(/* @__PURE__ */ Ie({
     label: {},
+    labelHidden: { type: Boolean },
     hint: {},
     error: {},
     required: { type: Boolean },
@@ -254,22 +255,22 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
     commonCountries: {},
     placeholder: {},
     width: {}
-  }, { ...Be, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
+  }, { ...Ee, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t, { expose: r }) {
-    const o = t, a = me(t, "modelValue"), { t: l, locale: x } = pe(), p = ke(st, {}), _ = !!Ve(), h = Oe("text", () => o.error || R.value ? "error" : o.disabled ? "locked" : "rest"), V = g(() => _ ? Pe(o.width) : "w-full"), k = F("input"), K = g(() => o.defaultCountry ?? p.defaultCountry ?? (o.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => o.commonCountries ?? p.commonCountries ?? ce), v = Ce(K.value), d = B("");
+  setup(t, { expose: a }) {
+    const o = t, r = me(t, "modelValue"), { t: l, locale: x } = pe(), p = ke(st, {}), _ = !!Ve(), h = Oe("text", () => o.error || R.value ? "error" : o.disabled ? "locked" : "rest"), V = g(() => _ ? Pe(o.width) : "w-full"), k = F("input"), K = g(() => o.defaultCountry ?? p.defaultCountry ?? (o.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => o.commonCountries ?? p.commonCountries ?? ce), v = Ce(K.value), d = E("");
     let O = null;
     function S(n) {
       v.value = n.country, d.value = n.text;
     }
-    ne(() => a.value, (n) => {
+    ne(() => r.value, (n) => {
       n !== O && (O = null, S(oe(n, v.value)));
     }, { immediate: !0 });
     function D(n) {
-      S(n), O = n.e164, a.value = n.e164;
+      S(n), O = n.e164, r.value = n.e164;
     }
     const y = (n) => n.replace(/\D/g, "").length;
     async function z(n) {
@@ -296,24 +297,24 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
       /^(\+|00)\d/.test(u) && (n.preventDefault(), D(oe(u, v.value)), A(() => k.value?.setSelectionRange(d.value.length, d.value.length)));
     }
     function j(n) {
-      D(Ue({ country: v.value, e164: a.value, text: d.value }, n)), A(() => k.value?.focus());
+      D(Ue({ country: v.value, e164: r.value, text: d.value }, n)), A(() => k.value?.focus());
     }
-    const N = B(!1), R = g(() => N.value && a.value !== "" ? ye(a.value) : null), H = g(() => {
+    const N = E(!1), R = g(() => N.value && r.value !== "" ? ye(r.value) : null), H = g(() => {
       const n = R.value;
       if (n)
         return n.country ? l(`core.form.phone.${n.kind}`, { country: be(n.country, x.value) }) : l("core.form.phone.invalid_any");
-    }), G = g(() => a.value !== "" && !R.value ? Ge(a.value) : void 0), E = g(() => je(a.value)), e = B(!1);
+    }), G = g(() => r.value !== "" && !R.value ? Ge(r.value) : void 0), B = g(() => je(r.value)), e = E(!1);
     let s = null;
     async function c() {
       try {
-        await navigator.clipboard.writeText(E.value);
+        await navigator.clipboard.writeText(B.value);
       } catch {
         return;
       }
       e.value = !0, s && clearTimeout(s), s = setTimeout(() => e.value = !1, 1800);
     }
-    return $e(() => s && clearTimeout(s)), r({ focus: () => k.value?.focus() }), (n, u) => (w(), De(Re, Me({ ...i(Ee)(o), error: o.error ?? H.value }, {
-      value: a.value === "" ? null : E.value,
+    return $e(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (n, u) => (w(), De(Re, Me({ ...i(Be)(o), error: o.error ?? H.value }, {
+      value: r.value === "" ? null : B.value,
       "value-style": "numeric"
     }), Te({
       default: se(({ id: b, describedby: m, invalid: I }) => [
@@ -367,7 +368,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
       ]),
       _: 2
     }, [
-      a.value !== "" ? {
+      r.value !== "" ? {
         name: "readonly",
         fn: se(() => [
           f("div", {
@@ -376,9 +377,9 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
           }, [
             f("span", {
               class: P(["flex-auto whitespace-nowrap text-body tabular-nums text-content-strong", _ ? "text-right" : ""])
-            }, T(E.value), 3),
+            }, T(B.value), 3),
             f("a", {
-              href: `tel:${a.value}`,
+              href: `tel:${r.value}`,
               "aria-label": i(l)("core.form.phone.call"),
               title: i(l)("core.form.phone.call"),
               "data-test": "phone-call",
@@ -390,7 +391,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
               })
             ], 8, dt),
             f("a", {
-              href: `sms:${a.value}`,
+              href: `sms:${r.value}`,
               "aria-label": i(l)("core.form.phone.message"),
               title: i(l)("core.form.phone.message"),
               "data-test": "phone-message",
@@ -402,8 +403,8 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
               })
             ], 8, ft),
             Ne(n.$slots, "actions", {
-              number: a.value,
-              formatted: E.value
+              number: r.value,
+              formatted: B.value
             }),
             f("button", {
               type: "button",

package/dist/resource/index.js

@@ -1,4 +1,4 @@
-import { p as o, u as r, a, b as u } from "../routeResource-DstM0hvf.js";
+import { p as o, u as r, a, b as u } from "../routeResource-DlTsGTg_.js";
 import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-Da0M-hen.js";
 export {
   R as RecordPager,

package/dist/resource/resource.d.ts

@@ -48,7 +48,7 @@ export interface ResourceOptions<T, Id extends ResourceId = number> {
     readonly load: (id: Id, context: ResourceContext) => Promise<T>;
     /** Which identity a value belongs to, for `update`; by default its `id`. A value with neither is taken to be the current one. */
     readonly identify?: (value: T) => Id;
-    /** The text of a failed read; by default a sentence per kind of failure, in the app's language. */
+    /** The text of a failed read; by default the application's describer, then a sentence per kind of failure, in the app's language. */
     readonly errorMessage?: (error: unknown) => string;
 }
 /** The default identity: a positive safe integer written in digits. */

package/dist/{routeResource-DstM0hvf.js → routeResource-DlTsGTg_.js}

@@ -1,23 +1,27 @@
-import { computed as f, toValue as x, shallowRef as R, watch as w, getCurrentScope as C, onScopeDispose as I, provide as j, hasInjectionContext as A, inject as F } from "vue";
+import { computed as f, toValue as A, shallowRef as w, watch as R, getCurrentScope as C, onScopeDispose as I, provide as j, hasInjectionContext as E, inject as F } from "vue";
 import { useRoute as M } from "vue-router";
 import { M as h } from "./context-Ch1r4fdN.js";
 import { useI18n as S } from "vue-i18n";
 import { a as p } from "./error-CD7x0Jrz.js";
-function _(e) {
+import { a as _ } from "./describeError-B-NMa--w.js";
+function D(e) {
   if (!/^\d+$/.test(e)) return null;
   const n = Number(e);
   return Number.isSafeInteger(n) && n > 0 ? n : null;
 }
-const E = (e) => typeof e == "object" && e !== null && "state" in e && "reload" in e && "id" in e, N = (e) => typeof e == "object" && e !== null && "id" in e;
-function D(e) {
-  const { t: n } = S(), o = E(e.for) ? e.for : null, s = f(() => o ? o.id.value : x(e.for)), d = f(() => o !== null && o.data.value === null), t = R({ status: "loading" });
-  let u = null, a = 0, v = null;
-  const g = e.errorMessage ?? ((r) => p(r) && r.kind === "network" ? n("core.resource.offline") : p(r) && r.kind === "forbidden" ? n("core.no_access.body") : n("core.resource.unavailable"));
+const N = (e) => typeof e == "object" && e !== null && "state" in e && "reload" in e && "id" in e, O = (e) => typeof e == "object" && e !== null && "id" in e;
+function V(e) {
+  const { t: n } = S(), s = N(e.for) ? e.for : null, a = f(() => s ? s.id.value : A(e.for)), d = f(() => s !== null && s.data.value === null), t = w({ status: "loading" });
+  let u = null, l = 0, v = null;
+  const k = _(), g = e.errorMessage ?? ((r) => {
+    const o = k?.(r);
+    return o !== void 0 ? o : p(r) && r.kind === "network" ? n("core.resource.offline") : p(r) && r.kind === "forbidden" ? n("core.no_access.body") : n("core.resource.unavailable");
+  });
   function m() {
-    return v?.abort(), v = null, ++a;
+    return v?.abort(), v = null, ++l;
   }
   async function y() {
-    const r = s.value, l = m();
+    const r = a.value, o = m();
     if (d.value) {
       u = null, t.value = { status: "loading" };
       return;
@@ -32,51 +36,51 @@ function D(e) {
     v = b;
     try {
       const c = await e.load(r, { signal: b.signal });
-      if (l !== a) return;
+      if (o !== l) return;
       u = r, t.value = { status: "loaded", value: c };
     } catch (c) {
-      if (l !== a) return;
+      if (o !== l) return;
       p(c) && c.kind === "notFound" ? (u = null, t.value = { status: "failed", reason: "notFound", error: n("core.resource.not_found.body") }) : i ? t.value = { status: "stale", value: i.value, error: g(c) } : (u = null, t.value = { status: "failed", reason: "unavailable", error: g(c) });
     }
   }
-  function k(r) {
-    const l = s.value, i = e.identify ? e.identify(r) : N(r) ? r.id : l;
-    return l === null || i !== l ? !1 : (m(), u = l, t.value = { status: "loaded", value: r }, !0);
+  function x(r) {
+    const o = a.value, i = e.identify ? e.identify(r) : O(r) ? r.id : o;
+    return o === null || i !== o ? !1 : (m(), u = o, t.value = { status: "loaded", value: r }, !0);
   }
-  return w([s, d], () => void y(), { immediate: !0, flush: "sync" }), C() && I(m), {
-    id: s,
+  return R([a, d], () => void y(), { immediate: !0, flush: "sync" }), C() && I(m), {
+    id: a,
     state: f(() => t.value),
     data: f(() => "value" in t.value ? t.value.value : null),
     reload: y,
-    update: k
+    update: x
   };
 }
-function B(e) {
-  const n = M(), o = e.parse ?? _, s = R(null);
+function J(e) {
+  const n = M(), s = e.parse ?? D, a = w(null);
   let d = !1;
-  w(
+  R(
     () => n.params[e.param],
     (u) => {
       if (u === void 0 && d) return;
       d = !0;
-      const a = Array.isArray(u) ? u[0] : u;
-      s.value = a === void 0 ? null : o(a);
+      const l = Array.isArray(u) ? u[0] : u;
+      a.value = l === void 0 ? null : s(l);
     },
     { immediate: !0, flush: "sync" }
   );
-  const t = D({ ...e, for: s });
+  const t = V({ ...e, for: a });
   return e.key && j(e.key, t), t;
 }
-function G(e) {
+function K(e) {
   const n = e.description ?? "route resource";
-  if (!A()) throw new h(n, "outside-setup");
-  const o = F(e, null);
-  if (!o) throw new h(n, "not-provided");
-  return o;
+  if (!E()) throw new h(n, "outside-setup");
+  const s = F(e, null);
+  if (!s) throw new h(n, "not-provided");
+  return s;
 }
 export {
-  B as a,
-  G as b,
-  _ as p,
-  D as u
+  J as a,
+  K as b,
+  D as p,
+  V as u
 };

package/dist/state/index.js

@@ -7,7 +7,7 @@ import { _ as q } from "../EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp
 import { defineComponent as m, computed as k, openBlock as e, createElementBlock as n, normalizeClass as p, createVNode as d, unref as i, createElementVNode as u, renderSlot as f, createBlock as S, toDisplayString as l, createCommentVNode as c } from "vue";
 import { _ as x } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { useI18n as g } from "vue-i18n";
-import { u as J } from "../useLoad-CYRVx6HW.js";
+import { u as J } from "../useLoad-M7V-AVwR.js";
 import { D as Q, W as X, u as Y } from "../useWaitStatus-fsacMl4W.js";
 const b = ["amber", "lime", "teal", "cyan", "blue", "indigo", "violet", "fuchsia", "pink"], V = /* @__PURE__ */ m({
   __name: "FieldNote",

package/dist/state/useLoad.d.ts

@@ -3,6 +3,13 @@ import type { AsyncState } from "./async";
 export interface LoadContext {
     /** Aborted when the load is no longer wanted: a newer load or an `update` superseded it, the watch source changed, the scope ended. */
     readonly signal: AbortSignal;
+    /**
+     * Ends this load with nothing to show and nothing to report, for a page that is leaving instead (a 403 that
+     * redirects): the state stays as it is (loading, or the value on screen) and no error flashes on the way out.
+     *
+     *   if (isForbidden(error)) { void router.replace(elsewhere); return abandon(); }
+     */
+    readonly abandon: () => never;
 }
 export interface LoadOptions {
     /**

package/dist/{status-DfAac6vw.js → status-cWCAMAmW.js}

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

package/dist/{useCommand-BkONMn3X.js → useCommand-B-N6HJOz.js}

@@ -3,7 +3,7 @@ import { useI18n as V } from "vue-i18n";
 import { f as q } from "./useDialog-CXR3hN0G.js";
 import { _ as A } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
 import { D as F } from "./useWaitStatus-fsacMl4W.js";
-import { _ as O, u as I } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
+import { _ as O, u as I } from "./FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
 import { a as R } from "./leaveGuard-Cc8yeLxM.js";
 const d = "input:not([type=hidden]):not([disabled]), textarea:not([disabled]), select:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex='-1'])";
 async function U(t = document, n) {