@wssto2/vue-core 0.2.0 → 0.4.0

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 { f as ie, u as Ve, a as Oe, _ as Re, b as Ee, c as Be } from "../options-DAkBtYkI.js";
-import { _ as q } from "../Icon.vue_vue_type_script_lang-DtC4_mkz.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.d.ts

@@ -9,8 +9,8 @@ export { httpSessionAdapter, parseSessionPayload } from "./httpSession";
 export type { HttpSessionOptions, UserParser } from "./httpSession";
 export { createPlatform, installPlatform, platformKey, usePlatform } from "./platform";
 export type { Platform, PlatformOptions } from "./platform";
-export { beforeSignOutTimeout, createSession } from "./session";
-export type { BeforeSignOutHook, Session, SessionAdapter, SessionEnd, SessionOptions, SessionSnapshot, SessionState, SessionUser } from "./session";
+export { beforeSignOutTimeout, createSession, heldSession } from "./session";
+export type { BeforeSignOutHook, Session, SessionAdapter, SessionEnd, SessionImpersonator, SessionOptions, SessionSnapshot, SessionState, SessionUser } from "./session";
 /**
  * The permission identifiers of the application. The library declares none: an app adds its own by
  * augmenting this interface (declaration merging, like `IconRegistry`), so route metadata and

package/dist/platform/index.js

@@ -1,128 +1,111 @@
-var E = Object.defineProperty;
-var x = (s) => {
+var N = Object.defineProperty;
+var B = (s) => {
   throw TypeError(s);
 };
-var N = (s, t, e) => t in s ? E(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var $ = (s, t, e) => N(s, typeof t != "symbol" ? t + "" : t, e), w = (s, t, e) => t.has(s) || x("Cannot " + e);
-var i = (s, t, e) => (w(s, t, "read from private field"), e ? e.call(s) : t.get(s)), f = (s, t, e) => t.has(s) ? x("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), u = (s, t, e, n) => (w(s, t, "write to private field"), n ? n.call(s, e) : t.set(s, e), e), h = (s, t, e) => (w(s, t, "access private method"), e);
-import { u as C } from "../platform-jqlKVJ2e.js";
-import { b as F, c as K, a as z, d as D, h as H, i as Q, p as R, e as U, f as V } from "../platform-jqlKVJ2e.js";
-import { M as X, d as Y } from "../context-Ch1r4fdN.js";
-import { defineComponent as O, computed as P, renderSlot as B } from "vue";
-class m extends Error {
-  constructor(e, n = [], o) {
-    super(n.length > 0 ? `${e}: ${n.join("; ")}` : e);
+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-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-DcbZBINh.js";
+class d extends Error {
+  constructor(e, r = [], n) {
+    super(r.length > 0 ? `${e}: ${r.join("; ")}` : e);
     $(this, "issues");
     $(this, "cause");
-    this.name = "BootstrapError", this.issues = n, this.cause = o?.cause;
+    this.name = "BootstrapError", this.issues = r, this.cause = n?.cause;
   }
 }
-const A = (s) => s === null ? "null" : Array.isArray(s) ? "array" : typeof s, S = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
-var a, c, p, g, l, d;
+const x = (s) => s === null ? "null" : Array.isArray(s) ? "array" : typeof s, S = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
+var a, c, p, m, l, g;
 const b = class b {
   /** @internal use the `fields` passed to `extend`. */
-  constructor(t, e, n, o = !1) {
-    f(this, l);
-    f(this, a);
-    f(this, c);
-    f(this, p);
-    f(this, g);
-    u(this, a, t), u(this, c, e), u(this, p, n), u(this, g, o);
+  constructor(t, e, r, n = !1) {
+    h(this, l);
+    h(this, a);
+    h(this, c);
+    h(this, p);
+    h(this, m);
+    f(this, a, t), f(this, c, e), f(this, p, r), f(this, m, n);
   }
   /** Records a problem with `key`; for values `raw` returns that the application validates itself. */
   fail(t, e) {
-    i(this, g) || i(this, p).push(`${i(this, c)}${t}: ${e}`);
+    o(this, m) || o(this, p).push(`${o(this, c)}${t}: ${e}`);
   }
   /** The value as sent, unchecked. Validate it and report with `fail`. */
   raw(t) {
-    return i(this, a)[t];
+    return o(this, a)[t];
   }
   string(t, ...e) {
-    return h(this, l, d).call(this, t, "string", (n) => typeof n == "string", e);
+    return u(this, l, g).call(this, t, "string", (r) => typeof r == "string", e);
   }
   number(t, ...e) {
-    return h(this, l, d).call(this, t, "number", (n) => typeof n == "number" && Number.isFinite(n), e);
+    return u(this, l, g).call(this, t, "number", (r) => typeof r == "number" && Number.isFinite(r), e);
   }
   boolean(t, ...e) {
-    return h(this, l, d).call(this, t, "boolean", (n) => typeof n == "boolean", e);
+    return u(this, l, g).call(this, t, "boolean", (r) => typeof r == "boolean", e);
   }
   stringList(t, ...e) {
-    return h(this, l, d).call(this, t, "array of strings", (n) => Array.isArray(n) && n.every((o) => typeof o == "string"), e);
+    return u(this, l, g).call(this, t, "array of strings", (r) => Array.isArray(r) && r.every((n) => typeof n == "string"), e);
   }
   /** A nested object, read with the same checks; issues are reported as `parent.child`. */
   section(t) {
-    const e = i(this, a)[t];
-    return S(e) ? new b(e, `${i(this, c)}${t}.`, i(this, p)) : (this.fail(t, `expected object, got ${A(e)}`), new b({}, `${i(this, c)}${t}.`, i(this, p), !0));
+    const e = o(this, a)[t];
+    return S(e) ? new b(e, `${o(this, c)}${t}.`, o(this, p)) : (this.fail(t, `expected object, got ${x(e)}`), new b({}, `${o(this, c)}${t}.`, o(this, p), !0));
   }
 };
-a = new WeakMap(), c = new WeakMap(), p = new WeakMap(), g = new WeakMap(), l = new WeakSet(), d = function(t, e, n, o) {
-  const r = i(this, a)[t];
-  return r === void 0 && o.length > 0 ? o[0] : n(r) ? r : (this.fail(t, `expected ${e}, got ${r === void 0 ? "nothing (missing)" : A(r)}`), null);
+a = new WeakMap(), c = new WeakMap(), p = new WeakMap(), m = new WeakMap(), l = new WeakSet(), g = function(t, e, r, n) {
+  const i = o(this, a)[t];
+  return i === void 0 && n.length > 0 ? n[0] : r(i) ? i : (this.fail(t, `expected ${e}, got ${i === void 0 ? "nothing (missing)" : x(i)}`), null);
 };
-let v = b;
-function _(s, t) {
+let A = b;
+function O(s, t) {
   if (!S(s))
-    throw new m("Invalid bootstrap config", [`expected a JSON object, got ${A(s)}`]);
-  const e = [], n = new v(s, "", e), o = n.string("locale");
-  o === "" && n.fail("locale", "must not be empty");
-  const r = {
-    apiBase: n.string("api_base", ""),
-    locale: o,
-    appName: n.string("app_name", null),
-    capabilities: n.stringList("capabilities", [])
-  }, y = t?.(n) ?? {};
-  if (e.length > 0) throw new m("Invalid bootstrap config", e);
-  return { ...y, ...r };
+    throw new d("Invalid bootstrap config", [`expected a JSON object, got ${x(s)}`]);
+  const e = [], r = new A(s, "", e), n = r.string("locale");
+  n === "" && r.fail("locale", "must not be empty");
+  const i = {
+    apiBase: r.string("api_base", ""),
+    locale: n,
+    appName: r.string("app_name", null),
+    capabilities: r.stringList("capabilities", [])
+  }, y = t?.(r) ?? {};
+  if (e.length > 0) throw new d("Invalid bootstrap config", e);
+  return { ...y, ...i };
 }
-function L(s = {}) {
-  const { element: t = "app-state", extend: e } = s, n = typeof t == "string" ? document.getElementById(t) : t, o = typeof t == "string" ? `#${t}` : "the given element";
-  if (!n)
-    throw new m(
-      `Bootstrap config not found: the page has no ${o} element (expected <script id="app-state" type="application/json">)`
+function C(s = {}) {
+  const { element: t = "app-state", extend: e } = s, r = typeof t == "string" ? document.getElementById(t) : t, n = typeof t == "string" ? `#${t}` : "the given element";
+  if (!r)
+    throw new d(
+      `Bootstrap config not found: the page has no ${n} element (expected <script id="app-state" type="application/json">)`
     );
-  const r = n.textContent?.trim() ?? "";
-  if (r === "") throw new m(`Bootstrap config is empty: ${o} has no content`);
+  const i = r.textContent?.trim() ?? "";
+  if (i === "") throw new d(`Bootstrap config is empty: ${n} has no content`);
   let y;
   try {
-    y = JSON.parse(r);
+    y = JSON.parse(i);
   } catch (j) {
-    throw new m(`Bootstrap config in ${o} is not valid JSON`, [], { cause: j });
+    throw new d(`Bootstrap config in ${n} is not valid JSON`, [], { cause: j });
   }
-  return _(y, e);
+  return O(y, e);
 }
-const M = /* @__PURE__ */ O({
-  __name: "AccessGate",
-  props: {
-    permission: {},
-    any: {},
-    all: {}
-  },
-  setup(s) {
-    const t = s, e = C().access, n = P(() => {
-      if (t.permission !== void 0) return e.can(t.permission);
-      if (t.any !== void 0) return e.canAny(t.any);
-      if (t.all !== void 0) return e.canAll(t.all);
-      throw new Error("AccessGate needs one of the props permission, any or all.");
-    });
-    return (o, r) => n.value ? B(o.$slots, "default", {}, void 0, void 0, 0) : B(o.$slots, "fallback", {}, void 0, void 0, 1);
-  }
-});
 export {
-  M as AccessGate,
-  m as BootstrapError,
-  v as BootstrapFields,
-  X as MissingContextError,
-  F as beforeSignOutTimeout,
-  K as createAccessClient,
-  z as createPlatform,
-  D as createSession,
-  Y as defineFeatureContext,
-  H as httpSessionAdapter,
-  Q as installPlatform,
-  _ as parseBootstrap,
-  R as parseNavigation,
-  U as parseSessionPayload,
-  V as platformKey,
-  L as readBootstrap,
-  C as usePlatform
+  V as AccessGate,
+  d as BootstrapError,
+  A as BootstrapFields,
+  Q as MissingContextError,
+  J as beforeSignOutTimeout,
+  L as createAccessClient,
+  M as createPlatform,
+  T as createSession,
+  R as defineFeatureContext,
+  q as heldSession,
+  F as httpSessionAdapter,
+  G as installPlatform,
+  O as parseBootstrap,
+  K as parseNavigation,
+  _ as parseSessionPayload,
+  z as platformKey,
+  C as readBootstrap,
+  D as usePlatform
 };

package/dist/platform/platform.d.ts

@@ -27,11 +27,11 @@ export interface PlatformOptions<U extends SessionUser, C extends BootstrapConfi
     session?: SessionAdapter<U> | ((http: HttpClient) => SessionAdapter<U>);
     /**
      * Called once when a request is answered 401 while signed in, before the session is given up
-     * (concurrent 401s share one call). Renew it (for example a refresh-token call, then
+     * (concurrent 401s share one call). Renew it with the platform's client (for example a refresh-token call, then
      * `session.refresh()`) and return true: the failed request is sent again. False or a throw expires
      * the session. Without it a 401 expires the session at once.
      */
-    renewSession?: (session: Session<U>) => Promise<boolean>;
+    renewSession?: (session: Session<U>, http: HttpClient) => Promise<boolean>;
     /** Called after a 401 expired a signed-in session: the application decides (usually: go to the login page). */
     onSessionExpired?: () => void;
     /** Called with the failure of a session load or of a before-sign-out hook. */

package/dist/platform/session.d.ts

@@ -5,9 +5,16 @@ import type { NavigationNode } from "./navigation";
 export interface SessionUser {
     readonly id: number | string;
 }
+/** The real person behind a session in which somebody signed in as another (go-core `login-as`). */
+export interface SessionImpersonator {
+    readonly id: number | string;
+    readonly name: string;
+}
 /** What the server says about a session. */
 export interface SessionSnapshot<U extends SessionUser = SessionUser> {
     readonly user: U;
+    /** Set while the user was signed in as by somebody else: who that really is. Absent for a person's own session. */
+    readonly impersonator?: SessionImpersonator;
     /** When the session's access token expires, if the server says; renewing it is the application's effect. */
     readonly expiresAt: Date | null;
     readonly access: AccessSnapshot;
@@ -25,9 +32,12 @@ export type SessionState<U extends SessionUser = SessionUser> =
     readonly status: "unknown";
 } | {
     readonly status: "loading";
-} | {
+}
+/** `previous` is what the session was, kept when it `expired` while someone was working: the page may stay on screen while they sign in again. */
+ | {
     readonly status: "anonymous";
     readonly reason: SessionEnd;
+    readonly previous?: SessionSnapshot<U>;
 } | ({
     readonly status: "authenticated";
 } & SessionSnapshot<U>)
@@ -36,6 +46,11 @@ export type SessionState<U extends SessionUser = SessionUser> =
     readonly status: "failed";
     readonly error: unknown;
 };
+/**
+ * The session as the page around it should still show it: the signed-in one, or the one that just
+ * expired (its user, access and menu stay on screen while the person signs in again); null otherwise.
+ */
+export declare function heldSession<U extends SessionUser>(state: SessionState<U>): SessionSnapshot<U> | null;
 /** The seam to a backend: how to ask who is signed in and how to end the session. */
 export interface SessionAdapter<U extends SessionUser = SessionUser> {
     /** The current session, or null when there is none (not signed in). Reject for failures; honour `signal`. */
@@ -70,6 +85,12 @@ export interface Session<U extends SessionUser = SessionUser> {
      * ends the session on the server; rejects if that call fails. Concurrent calls share one sign-out.
      */
     signOut(): Promise<void>;
+    /**
+     * Whether an expired session keeps what it was (`previous` on the anonymous state), so the page and its shell can
+     * stay on screen while the person signs in again. Off by default; `createApplication` turns it on when a feature
+     * has a prompt for it (`holdsExpiredSession`).
+     */
+    holdExpired(enabled: boolean): void;
     /**
      * Adds a hook `signOut()` runs while the user is still signed in. Returns the function that removes it: a
      * session effect returns it as its stop, so the hook lives exactly as long as the effect.