@wssto2/vue-core 0.3.0 → 0.4.1

package/dist/notifications/state.d.ts

@@ -0,0 +1,27 @@
+import type { Item, StreamEvent } from "../modules/notification/entities";
+/** What the inbox keeps: the notifications this app has loaded or been sent, newest first, and the server's unread count. */
+export interface InboxContents {
+    readonly items: readonly Item[];
+    readonly unreadCount: number;
+}
+/** The newest id of a list: "Mark all as read" stops there, so a notification nobody has seen stays unread. 0 for none. */
+export declare function newestId(items: readonly Item[]): number;
+/** One notification marked read here (before the server answers). */
+export declare function markedRead(items: readonly Item[], id: number, readAt: string): readonly Item[];
+/** Everything up to `upToId` marked read here. */
+export declare function markedReadUpTo(items: readonly Item[], upToId: number, readAt: string): readonly Item[];
+/**
+ * The first page of a (re)load, with anything newer the stream brought while the request was on its way: the page was
+ * read before it, so it would otherwise vanish until the next load. Newest first, each id once.
+ */
+export declare function withNewer(page: readonly Item[], current: readonly Item[]): readonly Item[];
+/** A further (older) page appended, ids already shown left out. */
+export declare function withOlder(current: readonly Item[], page: readonly Item[]): readonly Item[];
+/**
+ * One stream event applied. Every event carries the server's unread count and it always wins over counting here
+ * (NOTIF-READ-001); a reading on another device marks the same notifications read here. A "read all" names the newest
+ * id that device had seen, and only notifications up to it are read.
+ */
+export declare function applyStreamEvent(state: InboxContents, event: StreamEvent, readAt: string): InboxContents;
+/** The unread count as a badge shows it: "99+" past 99. */
+export declare function unreadBadge(count: number): string;

package/dist/notifications/stream.d.ts

@@ -0,0 +1,21 @@
+import type { Transport } from "../client";
+import type { StreamEvent } from "../modules/notification/entities";
+/** Why a stream ended: the caller reconnects, except after `aborted`. */
+export type StreamEnd = "closed" | "unauthorized" | "failed" | "aborted" | "stalled";
+export interface ReadStreamOptions {
+    url: string;
+    transport: Transport;
+    signal: AbortSignal;
+    onEvent(event: StreamEvent): void;
+    /** A connection that sends nothing, not even a heartbeat, for this long is dropped. go-core beats every 25 s. */
+    idleTimeout: number;
+}
+/** One server-sent message block as an event; a comment (`: ping`), a block without data and an unreadable one give null. */
+export declare function parseStreamMessage(message: string): StreamEvent | null;
+/**
+ * Opens the notification stream and reads it until it ends. `EventSource` cannot send headers and
+ * cannot tell a dead connection from a quiet one, so the byte stream is read with `fetch` through the
+ * platform's transport: the session cookie goes with it, the heartbeat resets a watchdog, and aborting
+ * the signal ends it at once.
+ */
+export declare function readStream({ url, transport, signal, onEvent, idleTimeout }: ReadStreamOptions): Promise<StreamEnd>;

package/dist/options-Ba_0uLWN.js

@@ -0,0 +1,18 @@
+function l(t) {
+  const o = /* @__PURE__ */ new Map();
+  for (const e of t) {
+    const n = e.group ?? null, r = o.get(n) ?? [];
+    r.push(e), o.set(n, r);
+  }
+  return [...o.entries()].sort(([e], [n]) => e === null ? -1 : n === null ? 1 : 0).map(([e, n]) => ({ title: e, options: n }));
+}
+function c(t, o) {
+  const e = s(o.trim());
+  return e === "" ? t : t.filter((n) => s(n.label).includes(e) || n.description !== void 0 && s(n.description).includes(e));
+}
+const s = (t) => t.normalize("NFD").replace(/[̀-ͯ]/g, "").toLocaleLowerCase();
+export {
+  s as f,
+  l as g,
+  c as m
+};

package/dist/overlay/index.js

@@ -1,5 +1,5 @@
-import { _ as e } from "../AlertDialog.vue_vue_type_script_setup_true_lang-CJsMUIUg.js";
-import { _ as a } from "../Menu.vue_vue_type_script_setup_true_lang-BNAjx9tj.js";
+import { _ as e } from "../AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { _ as a } from "../Menu.vue_vue_type_script_setup_true_lang-DTbAcDzL.js";
 import { _ as p } from "../Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
 import { _ as m } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
 import { _ as x } from "../Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
@@ -7,7 +7,7 @@ import { t as T } from "../toast-D9Z5To38.js";
 import { I as i, u as A } from "../dialogStack-DZZg55w0.js";
 import { I as P, u as l } from "../useDialog-CXR3hN0G.js";
 import { C as D, u as R } from "../mediaQuery-CygcXmFW.js";
-import { _ as E } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-B3Q4dhqJ.js";
+import { _ as E } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-QPCW3Xi6.js";
 export {
   e as AlertDialog,
   D as COMPACT_MEDIA_QUERY,

package/dist/page/chrome.d.ts

@@ -64,7 +64,10 @@ export declare function createPageChrome(): PageChrome;
 export declare const pageChromeKey: import("vue").InjectionKey<PageChrome>, usePageChromeContext: () => PageChrome;
 /** Creates the page chrome of an app and installs it; returns it for the app's phone header to read. */
 export declare function installPageChrome(app: App): PageChrome;
-/** The chrome of an app that installed one, otherwise null. */
+/**
+ * The chrome of an app that installed one, otherwise null. Use it in a component that may be mounted without the
+ * application (a unit test, a story); inside an application use `usePageChromeContext`, which names the missing provider.
+ */
 export declare function useOptionalPageChrome(): PageChrome | null;
 export interface PageChromeOptions {
     /** Actions for the page's toolbar (desktop) and nav bar (phone). */

package/dist/page/index.d.ts

@@ -7,7 +7,7 @@ export { default as PageActions } from "./PageActions.vue";
 export { default as PageToolbar } from "./PageToolbar.vue";
 export { default as RecordHeader } from "./RecordHeader.vue";
 export { default as ResourceHeader } from "./ResourceHeader.vue";
-export { createPageChrome, installPageChrome, usePageChrome, usePageChromeContext, pageChromeKey, type FocusMemory, type PageChrome, type PageChromeOptions, type PageChromeOwner, type PageChromeRegistration, } from "./chrome";
+export { createPageChrome, installPageChrome, useOptionalPageChrome, usePageChrome, usePageChromeContext, pageChromeKey, type FocusMemory, type PageChrome, type PageChromeOptions, type PageChromeOwner, type PageChromeRegistration, } from "./chrome";
 export { pageSectionBackKey, usePageSectionBack } from "./sectionBack";
 export { provideSectionIndex, sectionId, useSectionAnchor, useSectionIndex } from "./sectionIndex";
 export type { IndexedSection, SectionIndex } from "./sectionIndex";

package/dist/page/index.js

@@ -1,23 +1,23 @@
-import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
-import { a as W, b as X, c as Y, d as Z, p as ee, u as te, e as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js";
+import { _ as x } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CUtGqVGA.js";
+import { a as W, b as X, c as Y, d as Z, p as ee, u as te, e as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-CUtGqVGA.js";
 import { _ as se } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
 import { b as ne, i as re, u as ie } from "../bottomDock-BZEiOPYZ.js";
-import { defineComponent as v, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as _, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as $, computed as P, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
-import { _ as L } from "../Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
-import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-DKsaKlAq.js";
-import { c as pe, i as fe, p as me, u as be, a as ge } from "../chrome-BS3xJcad.js";
+import { defineComponent as v, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as h, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as P, computed as $, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
+import { _ as L } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-Ci4fs5s5.js";
+import { c as pe, i as fe, p as me, a as be, u as ge, b as ve } from "../chrome-nUcmVu8G.js";
 import { s as z, u as I } from "../sectionIndex-BS0ic5W7.js";
-import { p as _e, a as he } from "../sectionIndex-BS0ic5W7.js";
-import { _ as ke } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-BgGEGxSI.js";
-import { a as Be, _ as Se } from "../SectionList.vue_vue_type_script_setup_true_lang-BKP_bge8.js";
-import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-BCRxRK4D.js";
+import { p as _e, a as xe } from "../sectionIndex-BS0ic5W7.js";
+import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-L4TXI0wR.js";
+import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-DBheVDeX.js";
+import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
 const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex", "onClick"], R = { class: "relative" }, E = {
   key: 2,
   class: "absolute -right-1 -top-0.5 size-2 rounded-full bg-status-warning-solid ring-2 ring-surface-cell"
 }, H = {
   key: 0,
   class: "sr-only"
-}, q = /* @__PURE__ */ v({
+}, U = /* @__PURE__ */ v({
   __name: "BottomTabBar",
   props: {
     items: {},
@@ -51,7 +51,7 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
                 onClick: (u) => r("select", e.value)
               }, [
                 s("span", R, [
-                  e.icon ? (a(), b(_(L), {
+                  e.icon ? (a(), b(h(L), {
                     key: 0,
                     name: e.icon,
                     size: 22
@@ -73,7 +73,7 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
       _: 1
     }));
   }
-}), G = /* @__PURE__ */ v({
+}), q = /* @__PURE__ */ v({
   __name: "SectionPanel",
   props: /* @__PURE__ */ D({
     title: {},
@@ -91,13 +91,13 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
   }),
   emits: ["update:collapsed"],
   setup(n) {
-    const t = n, o = S(n, "collapsed"), r = t.id ?? (z(t.title) || `section-${C()}`), i = $("panel"), g = P(() => i.value?.$el ?? null);
+    const t = n, o = S(n, "collapsed"), r = t.id ?? (z(t.title) || `section-${C()}`), i = P("panel"), g = $(() => i.value?.$el ?? null);
     return I(r, () => t.title, g, { number: () => t.number, reveal: () => i.value?.expand() }), (e, u) => (a(), b(A, w({
       ref_key: "panel",
       ref: i,
       collapsed: o.value,
-      "onUpdate:collapsed": u[0] || (u[0] = (h) => o.value = h)
-    }, { id: _(r), tabindex: -1 }, {
+      "onUpdate:collapsed": u[0] || (u[0] = (_) => o.value = _)
+    }, { id: h(r), tabindex: -1 }, {
       title: t.title,
       icon: t.icon,
       number: t.number,
@@ -134,15 +134,15 @@ export {
   W as AdaptivePageShell,
   se as BottomDock,
   x as BottomDockPortal,
-  q as BottomTabBar,
+  U as BottomTabBar,
   X as PageActions,
   Y as PageToolbar,
   ue as RecordHeader,
   Z as ResourceHeader,
-  Be as SectionJumper,
-  Se as SectionList,
-  ke as SectionNavigator,
-  G as SectionPanel,
+  Se as SectionJumper,
+  Ce as SectionList,
+  ye as SectionNavigator,
+  q as SectionPanel,
   ne as bottomDockKey,
   pe as createPageChrome,
   re as installBottomDock,
@@ -153,9 +153,10 @@ export {
   z as sectionId,
   ie as useBottomDockTarget,
   te as useLargeTitle,
-  be as usePageChrome,
-  ge as usePageChromeContext,
+  be as useOptionalPageChrome,
+  ge as usePageChrome,
+  ve as usePageChromeContext,
   ae as usePageSectionBack,
   I as useSectionAnchor,
-  he as useSectionIndex
+  xe as useSectionIndex
 };

package/dist/phone/index.js

@@ -1,73 +1,74 @@
-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 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 { 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 { useI18n as pe } from "vue-i18n";
 import { b as Pe } from "../controlSurface-t7OEFESJ.js";
-import { c as ie, a as Ve, g as Oe, _ as Re, f as Ee, b as Be } from "../options-BXkMR63B.js";
-import { _ as q } from "../Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
-import { _ as ue } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
+import { a as Ve, c as Oe, _ as Re, f as Ee, b as Be } from "../control-7EP4tjYy.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";
 import { AsYouType as L, validatePhoneNumberLength as Fe, parsePhoneNumberFromString as ve, getCountries as qe, getCountryCallingCode as Ae } from "libphonenumber-js/max";
 import Le from "libphonenumber-js/max/metadata";
+import { f as ue } from "../options-Ba_0uLWN.js";
 const ce = ["HR", "BA", "SI", "RS"], We = 15;
 function he(t) {
   return Le.country_calling_codes[t]?.[0];
 }
 const W = (t) => Ae(t), de = (t) => `+${W(t)}`, te = () => qe();
-function Ke(t, a) {
+function Ke(t, r) {
   const o = `+${t}`;
-  return new L().input(`${o}${a}`).slice(o.length).trim();
+  return new L().input(`${o}${r}`).slice(o.length).trim();
 }
-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 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 oe(t, a) {
+function oe(t, r) {
   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: 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 ?? "");
+    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 ?? "");
   }
-  const r = new L(a);
-  return r.input(o.replace(/\D/g, "")), re(a, W(a), r.getNumber()?.nationalNumber ?? "");
+  const a = new L(r);
+  return a.input(o.replace(/\D/g, "")), ae(r, W(r), a.getNumber()?.nationalNumber ?? "");
 }
-function Ue(t, a) {
-  return re(a, W(a), t.text.replace(/\D/g, ""));
+function Ue(t, r) {
+  return ae(r, W(r), 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 a = t ? ve(t) : void 0, o = a?.isValid() ? a.getType() : void 0;
+  const r = t ? ve(t) : void 0, o = r?.isValid() ? r.getType() : void 0;
   return o ? He[o] : void 0;
 }
 function Xe(t) {
-  const a = new L();
-  a.input(t);
-  const o = a.getCallingCode();
-  return a.getCountry() ?? (o ? he(o) : void 0);
+  const r = new L();
+  r.input(t);
+  const o = r.getCallingCode();
+  return r.getCountry() ?? (o ? he(o) : void 0);
 }
 function ye(t) {
   if (t === "") return null;
-  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 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 Ct = (t) => ye(t) === null;
-function be(t, a) {
+const $t = (t) => ye(t) === null;
+function be(t, r) {
   try {
-    return new Intl.DisplayNames([a], { type: "region" }).of(t) ?? t;
+    return new Intl.DisplayNames([r], { type: "region" }).of(t) ?? t;
   } catch {
     return t;
   }
 }
-function Ye(t, a, o) {
-  const r = ie(t.trim());
-  if (r === "") return o;
-  const l = r.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ie(x.of(h) ?? h), _ = r.startsWith("+") || /^\d+$/.test(r);
-  return o.filter((h) => _ ? W(h).startsWith(l) : p(h).includes(r) || h.toLowerCase() === r);
+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);
 }
 const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tabular-nums" }, Ze = ["id", "aria-label"], et = {
   key: 0,
@@ -77,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"
-}, at = { class: "border-t border-border-separator px-3 py-2" }, rt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], lt = /* @__PURE__ */ fe({
+}, rt = { class: "border-t border-border-separator px-3 py-2" }, at = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], lt = /* @__PURE__ */ fe({
   __name: "CountryPicker",
-  props: /* @__PURE__ */ ae({
+  props: /* @__PURE__ */ re({
     id: {},
     common: {},
     disabled: { type: Boolean },
@@ -88,21 +89,21 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
     modelValue: { required: !0 },
     modelModifiers: {}
   }),
-  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 = B(!1), v = B(""), d = B(0), O = g(() => {
+  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(() => {
       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 = r.common.filter((c) => O.value.has(c));
+      const e = a.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) => `${r.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) => `${a.id}-country-${e}`, { style: Q } = ze(k, {
       reference: () => V.value,
       placement: () => "bottom-start",
       offset: 4,
@@ -112,7 +113,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
       }
     });
     async function j() {
-      r.disabled || C.value || (v.value = "", d.value = Math.max(0, y.value.indexOf(l.value)), C.value = !0, await A(), K.value?.focus());
+      a.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();
@@ -138,27 +139,27 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
     function E(e) {
       (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), j());
     }
-    return a({ focus: () => V.value?.focus() }), (e, s) => (w(), $("div", {
+    return r({ focus: () => V.value?.focus() }), (e, s) => (w(), $("div", {
       ref_key: "root",
       ref: h,
       class: "shrink-0",
       onFocusout: H
     }, [
       f("button", {
-        id: `${r.id}-country`,
+        id: `${a.id}-country`,
         ref_key: "trigger",
         ref: V,
         type: "button",
-        disabled: r.disabled,
+        disabled: a.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", r.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", a.surface]),
         onClick: s[0] || (s[0] = (c) => C.value ? N(!0) : j()),
         onKeydown: E
       }, [
-        M(ue, { country: l.value }, null, 8, ["country"]),
+        M(ie, { country: l.value }, null, 8, ["country"]),
         f("span", Qe, T(i(de)(l.value)), 1),
         M(i(q), {
           name: "arrowDownSLine",
@@ -175,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: `${r.id}-countries`,
+          id: `${a.id}-countries`,
           role: "listbox",
           "aria-label": i(p)("core.form.phone.countries"),
           class: "min-h-0 flex-1 overflow-y-auto p-2"
@@ -197,7 +198,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
               onMouseenter: (m) => d.value = (z.value[n] ?? 0) + b,
               onClick: (m) => R(u)
             }, [
-              M(ue, { country: u }, null, 8, ["country"]),
+              M(ie, { country: u }, null, 8, ["country"]),
               f("span", {
                 class: P(["min-w-0 flex-1 truncate text-content-strong", u === l.value ? "font-semibold" : ""])
               }, T(S(u)), 3),
@@ -206,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", at, [
+        f("div", rt, [
           we(f("input", {
             ref_key: "search",
             ref: K,
@@ -216,14 +217,14 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
             autocomplete: "off",
             "aria-autocomplete": "list",
             "aria-expanded": "true",
-            "aria-controls": `${r.id}-countries`,
+            "aria-controls": `${a.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, rt), [
+          }, null, 40, at), [
             [_e, v.value]
           ])
         ])
@@ -237,9 +238,9 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
 }, dt = ["href", "aria-label", "title"], ft = ["href", "aria-label", "title"], mt = ["aria-label", "title"], pt = {
   class: "sr-only",
   role: "status"
-}, $t = /* @__PURE__ */ fe({
+}, Dt = /* @__PURE__ */ fe({
   __name: "PhoneField",
-  props: /* @__PURE__ */ ae(/* @__PURE__ */ Ie({
+  props: /* @__PURE__ */ re(/* @__PURE__ */ Ie({
     label: {},
     hint: {},
     error: {},
@@ -258,17 +259,17 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  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 = B("");
+  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("");
     let O = null;
     function S(n) {
       v.value = n.country, d.value = n.text;
     }
-    ne(() => r.value, (n) => {
+    ne(() => a.value, (n) => {
       n !== O && (O = null, S(oe(n, v.value)));
     }, { immediate: !0 });
     function D(n) {
-      S(n), O = n.e164, r.value = n.e164;
+      S(n), O = n.e164, a.value = n.e164;
     }
     const y = (n) => n.replace(/\D/g, "").length;
     async function z(n) {
@@ -295,13 +296,13 @@ 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: r.value, text: d.value }, n)), A(() => k.value?.focus());
+      D(Ue({ country: v.value, e164: a.value, text: d.value }, n)), A(() => k.value?.focus());
     }
-    const N = B(!1), R = g(() => N.value && r.value !== "" ? ye(r.value) : null), H = g(() => {
+    const N = B(!1), R = g(() => N.value && a.value !== "" ? ye(a.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(() => r.value !== "" && !R.value ? Ge(r.value) : void 0), E = g(() => je(r.value)), e = B(!1);
+    }), G = g(() => a.value !== "" && !R.value ? Ge(a.value) : void 0), E = g(() => je(a.value)), e = B(!1);
     let s = null;
     async function c() {
       try {
@@ -311,8 +312,8 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
       }
       e.value = !0, s && clearTimeout(s), s = setTimeout(() => e.value = !1, 1800);
     }
-    return $e(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (n, u) => (w(), De(Re, Me({ ...i(Ee)(o), error: o.error ?? H.value }, {
-      value: r.value === "" ? null : E.value,
+    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,
       "value-style": "numeric"
     }), Te({
       default: se(({ id: b, describedby: m, invalid: I }) => [
@@ -366,7 +367,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
       ]),
       _: 2
     }, [
-      r.value !== "" ? {
+      a.value !== "" ? {
         name: "readonly",
         fn: se(() => [
           f("div", {
@@ -377,7 +378,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
               class: P(["flex-auto whitespace-nowrap text-body tabular-nums text-content-strong", _ ? "text-right" : ""])
             }, T(E.value), 3),
             f("a", {
-              href: `tel:${r.value}`,
+              href: `tel:${a.value}`,
               "aria-label": i(l)("core.form.phone.call"),
               title: i(l)("core.form.phone.call"),
               "data-test": "phone-call",
@@ -389,7 +390,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
               })
             ], 8, dt),
             f("a", {
-              href: `sms:${r.value}`,
+              href: `sms:${a.value}`,
               "aria-label": i(l)("core.form.phone.message"),
               title: i(l)("core.form.phone.message"),
               "data-test": "phone-message",
@@ -401,7 +402,7 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
               })
             ], 8, ft),
             Ne(n.$slots, "actions", {
-              number: r.value,
+              number: a.value,
               formatted: E.value
             }),
             f("button", {
@@ -427,11 +428,11 @@ const Je = ["id", "disabled", "aria-label", "aria-expanded"], Qe = { class: "tab
 });
 export {
   ce as COMMON_COUNTRIES,
-  $t as PhoneField,
+  Dt as PhoneField,
   be as countryName,
   de as dialCode,
   je as formatInternational,
-  Ct as isValidPhone,
+  $t as isValidPhone,
   Xe as phoneCountry,
   st as phoneDefaultsKey,
   Ge as phoneKind,

package/dist/platform/index.js

@@ -5,9 +5,9 @@ var B = (s) => {
 var E = (s, t, e) => t in s ? N(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var $ = (s, t, e) => E(s, typeof t != "symbol" ? t + "" : t, e), w = (s, t, e) => t.has(s) || B("Cannot " + e);
 var o = (s, t, e) => (w(s, t, "read from private field"), e ? e.call(s) : t.get(s)), h = (s, t, e) => t.has(s) ? B("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), f = (s, t, e, r) => (w(s, t, "write to private field"), r ? r.call(s, e) : t.set(s, e), e), u = (s, t, e) => (w(s, t, "access private method"), e);
-import { b as J, c as L, a as M, d as T, h as q, e as F, i as G, p as K, f as _, g as z, u as D } from "../platform-hunMqFdB.js";
+import { b as J, c as L, a as M, d as T, h as q, e as F, i as G, p as K, f as _, g as z, u as D } from "../platform-q3cjODLx.js";
 import { M as Q, d as R } from "../context-Ch1r4fdN.js";
-import { _ as V } from "../AccessGate.vue_vue_type_script_setup_true_lang-DKX3PH2n.js";
+import { _ as V } from "../AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js";
 class d extends Error {
   constructor(e, r = [], n) {
     super(r.length > 0 ? `${e}: ${r.join("; ")}` : e);

package/dist/{platform-hunMqFdB.js → platform-q3cjODLx.js}

@@ -1,4 +1,4 @@
-import { c as P } from "./client-Bw0aM5Gu.js";
+import { c as P } from "./client-k9euDWF4.js";
 import { d as k } from "./context-Ch1r4fdN.js";
 import { a as x, A as q } from "./error-CD7x0Jrz.js";
 import { shallowRef as U } from "vue";

package/dist/resource/index.js

@@ -1,5 +1,5 @@
 import { p as o, u as r, a, b as u } from "../routeResource-DstM0hvf.js";
-import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-CJcKa9SW.js";
+import { _ as R, a as c } from "../ResourcePage.vue_vue_type_script_setup_true_lang-KPVA-1fI.js";
 export {
   R as RecordPager,
   c as ResourcePage,

package/dist/route-goWMxDUN.js

@@ -0,0 +1,13 @@
+function u(e, i, r = {}) {
+  return { method: e, path: i, permission: r.permission, public: r.public === !0, raw: !1 };
+}
+u.raw = (e, i, r = {}) => ({
+  method: e,
+  path: i,
+  permission: r.permission,
+  public: r.public === !0,
+  raw: !0
+});
+export {
+  u as r
+};

package/dist/router/access.d.ts

@@ -24,7 +24,7 @@ export declare const routeAccessKey: InjectionKey<RouteAccess>, useRouteAccess:
  * page's section outlet) is an `AppRouterView`, not a bare `RouterView`: it shows the no-access state
  * in place of a page the session may not open (parents around it keep rendering, so the layout stays),
  * and remounts a page when the route parameter named by `meta.remountOnParam` changes (a record pager
- * moving to the next record).
+ * moving to the next record), or when the shell's pull to refresh reloads the page (the shell's outlet only).
  *
  * Denial is shown here, not enforced: the server authorizes every request.
  */

package/dist/router/index.js

@@ -1,9 +1,9 @@
-import { _ as a, c as o, a as r, i as t } from "../NoAccess.vue_vue_type_script_setup_true_lang-8m9cNptR.js";
+import { _ as a, c as o, a as r, i as t } from "../NoAccess.vue_vue_type_script_setup_true_lang-DWxq-MTM.js";
 import { d as c } from "../defineRoutes-BGAdiIrt.js";
-import { A as u, f as p, i as f, r as A, u as m } from "../access-DdRFrVV1.js";
-import { i as l, r as x } from "../guards-Cd1V28oG.js";
-import { u as y } from "../sections-BEqW1dOc.js";
-import { b as v, c as N, n as H, u as b } from "../navigation-BPWa63ge.js";
+import { A as u, f as p, i as f, r as A, u as m } from "../access-DmAceEo5.js";
+import { i as l, r as x } from "../guards-Dve61KjR.js";
+import { u as y } from "../sections-D-kD98vu.js";
+import { b as v, c as N, n as H, u as b } from "../navigation-Cm3iChlR.js";
 export {
   u as AppRouterView,
   a as NoAccess,