@wssto2/vue-core 0.4.24 → 0.4.26

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## 0.4.26 — 2026-10-12
+
+A typed platform declared once, and the signed-in user changed in place. From ARV cutover g (the step f map, wave 2 step 0). Three items, one commit each.
+
+### Requires
+- go-core unchanged: **`v1.7.0`**; **`vue` 3.5.19 or later**.
+
+### Added
+- **`PlatformRegistry`** (`@wssto2/vue-core/platform`): the app says once what its session user and bootstrap config are, as it does for permissions: `declare module "@wssto2/vue-core/platform" { interface PlatformRegistry { user: ArvUser; config: ArvConfig } }`. Bare `Platform` (what `usePlatform()`, `createApplication({ platform })`, `createTestPlatform()` and `createTestSession()` use) is then `Platform<ArvUser, ArvConfig>`; a key left out falls back to `SessionUser` / `BootstrapConfig` (`RegisteredUser` and `RegisteredConfig` are exported). `createPlatform<U, C>` stays generic. **Moving from explicit generics:** declare the registry once, then drop the casts at every `usePlatform()` read and `Platform<User, Config>` annotations (they still compile: the same type). Checked by `typing.test-d.ts` (not augmented) and `test-data/registry` (augmented; `npm run typecheck:registry`, part of `check`).
+- **`useSessionUser()`**: the signed-in user as a readonly computed ref, typed from the registry, `null` unless authenticated (a held, expired session is not a signed-in user). The impersonator stays on `session.state`. No `useSession()` reader: `usePlatform().session` is enough. ARV: the 39 files reading `useAuthStore().user` can read it.
+- **`session.update(patch)`**: `patch` is `Partial<Pick<SessionSnapshot, "user" | "access" | "navigation">>` (`SessionPatch`). It replaces those parts of a signed-in session and keeps the status, `expiresAt`, impersonator and the rest. It is not a change of who is signed in: nothing in flight is cancelled and no late answer is dropped (a `refresh()` already asked still lands with the server's version). Reactive readers (`useSessionUser`, the access client, the application's locale-from-user) see the new value. A no-op unless authenticated; a `user.id` other than the signed-in one **throws** (a programming error: a different person is `session.establish`). ARV: `useAuthStore.write()` becomes `session.update(...)`, so a language or profile save no longer re-establishes the session.
+
+### Changes to existing behaviour
+- **Bare `Platform` follows the registry.** Without an augmentation nothing changes. With one, a platform built with another user type no longer fits bare `Platform`. `createTestPlatform({ config })` must then give the registered config's own fields (the test has no other source for them). ARV: `frontend/tests/app/features.test.ts` and `frontend/tests/support/arvApp.ts` (`createTestPlatform`) once the registry declares `config`.
+- **Pinned by tests that were updated:** none.
+
+## 0.4.25 — 2026-10-12
+
+The photo viewer's actions on a phone. From ARV cutover g (wave 1, the vehicle gallery). Two items, one commit each.
+
+### Requires
+- go-core unchanged: **`v1.7.0`**; **`vue` 3.5.19 or later**.
+
+### Added
+- **`PhotoViewerAction`** (`@wssto2/vue-core/overlay`): the content of `PhotoViewer`'s `#actions` slot. `label`, `tone?: "critical"` (the destructive one, in the danger colour), `disabled?` (stays focusable, `aria-disabled`, emits nothing); emits `select`. A 44 px text button made for the viewer's dark surface, contrast-tested. ARV: `VehiclePhotoGallery.vue` replaces its hand-styled `<button>`s ("Postavi kao naslovnu", "Obriši") and their `text-xs` with two `PhotoViewerAction`s, `data-test` kept.
+
+### Changes to existing behaviour
+- **On a phone the `#actions` move to a bottom toolbar.** Where `useCompactPresentation()` is true the slot renders once, in a centred toolbar (`data-test="photo-toolbar"`, safe-area aware) between the photo and the thumbnail strip; the header keeps the counter, rotate, download and close. On a wide screen nothing changes (the actions stay in the header). No `#actions`, no toolbar. ARV: the vehicle gallery's viewer (390 px: the counter is no longer cut to "2." and the actions no longer shrink).
+- **The counter is never cut.** In the header only the title truncates; the counter stays whole.
+- **Pinned by tests that were updated:** none.
+
 ## 0.4.24 — 2026-10-11
 
 A refusal in the server's words, a dialog that only shows, a new record with a start. From ARV cutover e8a (both lanes). Three items, one commit each.

package/dist/{AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js → AccessGate.vue_vue_type_script_setup_true_lang-J5HoyGNJ.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, computed as i, renderSlot as n } from "vue";
-import { u as l } from "./platform-q3cjODLx.js";
+import { u as l } from "./platform-PZpUkkMS.js";
 const m = /* @__PURE__ */ t({
   __name: "AccessGate",
   props: {

package/dist/{Activity-CI-l_OFl.js → Activity-B6R8Jghz.js}

@@ -6,8 +6,8 @@ import { u as O } from "./format-D8X4zsx6.js";
 import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-CpuH0WTl.js";
 import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { e as z } from "./control-B4SdblL6.js";
-import { P as G, c as H, i as J } from "./index-BmowiT1y.js";
-import { u as K } from "./platform-q3cjODLx.js";
+import { P as G, c as H, i as J } from "./index-BVU76sBO.js";
+import { u as K } from "./platform-PZpUkkMS.js";
 import { b as M } from "./routeResource-DlTsGTg_.js";
 import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";

package/dist/{Changes-BdR0R20V.js → Changes-BQG7IV49.js}

@@ -1,7 +1,7 @@
 import { defineComponent as k, computed as N, openBlock as n, createBlock as u, unref as a, withCtx as g, createElementBlock as p, Fragment as _, renderList as $, createElementVNode as i, toDisplayString as h, createCommentVNode as C, ref as x, watch as b, createVNode as y } from "vue";
 import { useI18n as E } from "vue-i18n";
-import { P as V, i as R } from "./index-BmowiT1y.js";
-import { u as S } from "./platform-q3cjODLx.js";
+import { P as V, i as R } from "./index-BVU76sBO.js";
+import { u as S } from "./platform-PZpUkkMS.js";
 import { b as B } from "./routeResource-DlTsGTg_.js";
 import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as L } from "./useLoad-M7V-AVwR.js";

package/dist/{CollectionPage.vue_vue_type_script_setup_true_lang-BNM_cbXa.js → CollectionPage.vue_vue_type_script_setup_true_lang-BrbQ0Y5d.js}

@@ -1,7 +1,7 @@
 import { hasInjectionContext as lt, inject as ot, shallowRef as xe, computed as k, watch as Ve, toValue as Se, ref as ie, getCurrentScope as nt, onScopeDispose as st, defineComponent as be, openBlock as u, createElementBlock as y, createVNode as O, unref as t, createElementVNode as i, toDisplayString as g, Fragment as ee, renderList as le, createCommentVNode as F, createBlock as W, mergeProps as ve, withCtx as q, createTextVNode as G, normalizeClass as ue, useTemplateRef as fe, withModifiers as Ke, withDirectives as Le, vModelText as Fe, nextTick as at, onBeforeUnmount as rt, onMounted as it, renderSlot as ge, useSlots as We, createSlots as Qe, normalizeProps as Xe, guardReactiveProps as Je } from "vue";
 import { routerKey as ct } from "vue-router";
 import { i as qe, a as ut } from "./error-CD7x0Jrz.js";
-import { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, b as vt } from "./http-D_D9YbLH.js";
+import { a as dt, d as Re, o as ft, L as Te, e as je, w as pt, b as vt } from "./http-BFfkA7gN.js";
 import { a as mt } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
 import { useI18n as he } from "vue-i18n";
 import { _ as ce, u as Ne } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";

package/dist/{DeadLetters-CRTeoZS1.js → DeadLetters-CJZSWjsn.js}

@@ -1,15 +1,15 @@
 import { defineComponent as B, useTemplateRef as C, computed as y, ref as v, openBlock as D, createBlock as z, unref as r, withCtx as m, createVNode as F, createElementVNode as b, normalizeClass as $, toDisplayString as h } from "vue";
 import { useI18n as q } from "vue-i18n";
 import { a as k } from "./error-CD7x0Jrz.js";
-import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-BNM_cbXa.js";
+import { u as V, _ as N } from "./CollectionPage.vue_vue_type_script_setup_true_lang-BrbQ0Y5d.js";
 import { u as P } from "./describeError-B-NMa--w.js";
 import { u as I } from "./format-D8X4zsx6.js";
-import { e as a, R as O } from "./index-tnSTp0cM.js";
+import { e as a, R as O } from "./index-C3CzOub7.js";
 import { _ as W } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as i } from "./toast-CqSDTWRX.js";
 import { u as Y } from "./useLoad-M7V-AVwR.js";
-import { u as j } from "./platform-q3cjODLx.js";
-import { a as G, r as H } from "./http-D_D9YbLH.js";
+import { u as j } from "./platform-PZpUkkMS.js";
+import { a as G, r as H } from "./http-BFfkA7gN.js";
 function J(u) {
   return G({
     id: "events.deadletters",

package/dist/{General-hdmVP72B.js → General-tsRC866T.js}

@@ -8,9 +8,9 @@ import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.
 import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
 import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { u as A } from "./useSaveChrome-7huA3FzR.js";
-import { P as D, b as G, i as I } from "./index-BmowiT1y.js";
+import { P as D, b as G, i as I } from "./index-BVU76sBO.js";
 import { t as M } from "./toast-CqSDTWRX.js";
-import { u as O } from "./platform-q3cjODLx.js";
+import { u as O } from "./platform-PZpUkkMS.js";
 import { b as U } from "./routeResource-DlTsGTg_.js";
 import { u as j } from "./fieldMessages-6HVzSDqG.js";
 import { _ as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-QPvYudWc.js";

package/dist/{NewRolePage-BPeKasOp.js → NewRolePage-L57Zg1Mg.js}

@@ -4,8 +4,8 @@ import { useRoute as k, useRouter as R } from "vue-router";
 import { a as $ } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
 import { _ as b } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as g } from "./useLoad-M7V-AVwR.js";
-import { a as x, c as u } from "./index-Yy28omu6.js";
-import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-B6g2760V.js";
+import { a as x, c as u } from "./index-CvJSAsfk.js";
+import { _ as P } from "./RoleEditor.vue_vue_type_script_setup_true_lang-Hr0WgL1K.js";
 const V = /* @__PURE__ */ _({
   __name: "NewRolePage",
   setup(h) {

package/dist/PhotoViewer.vue_vue_type_script_setup_true_lang-CY5EZiyK.js

@@ -0,0 +1,433 @@
+import { defineComponent as Ne, useModel as Xe, ref as k, useTemplateRef as se, watch as Q, computed as g, onBeforeUnmount as Ve, nextTick as ye, onMounted as Ye, openBlock as h, createBlock as Ze, Teleport as je, createElementBlock as m, createVNode as C, Transition as Ee, withCtx as Ke, unref as s, createElementVNode as p, toDisplayString as ee, createCommentVNode as w, renderSlot as be, normalizeClass as M, withModifiers as re, normalizeStyle as te, Fragment as We, renderList as Ue, mergeModels as _e } from "vue";
+import { useI18n as Fe } from "vue-i18n";
+import { _ as I } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as He } from "./mediaQuery-CygcXmFW.js";
+import { u as qe } from "./useDialog-CXR3hN0G.js";
+const ke = [1, 1.5, 2, 3, 4, 5], Me = 1, ue = 5, Ge = (a) => Math.min(ue, Math.max(Me, a)), ze = (a, l) => l % 2 === 0 ? a : { width: a.height, height: a.width };
+function Je(a, l, r) {
+  const i = ze(a, r);
+  if (i.width <= 0 || i.height <= 0 || l.width <= 0 || l.height <= 0) return { width: 0, height: 0 };
+  const o = Math.min(l.width / i.width, l.height / i.height);
+  return { width: a.width * o, height: a.height * o };
+}
+function Qe(a, l, r) {
+  return { x: Math.max(0, (a.width * r - l.width) / 2), y: Math.max(0, (a.height * r - l.height) / 2) };
+}
+function X(a, l, r, i) {
+  const o = Qe(l, r, i);
+  return { x: Math.min(o.x, Math.max(-o.x, a.x)) + 0, y: Math.min(o.y, Math.max(-o.y, a.y)) + 0 };
+}
+function et(a, l, r, i, o) {
+  const z = Ge(l), u = z / a.zoom, $ = { x: r.x - (r.x - a.pan.x) * u, y: r.y - (r.y - a.pan.y) * u };
+  return { zoom: z, pan: X($, i, o, z) };
+}
+function tt(a, l) {
+  return l === 1 ? ke.find((i) => i > a + 1e-3) ?? ue : [...ke].reverse().find((i) => i < a - 1e-3) ?? Me;
+}
+function at(a, l, r, i, o) {
+  const z = Math.min(o.width / a.width, o.height / a.height), u = { width: a.width * z, height: a.height * z }, $ = { width: a.width * r, height: a.height * r }, T = { width: Math.min(1, l.width / $.width), height: Math.min(1, l.height / $.height) }, O = { x: 0.5 - i.x / $.width, y: 0.5 - i.y / $.height };
+  return {
+    image: u,
+    view: { x: (O.x - T.width / 2) * u.width, y: (O.y - T.height / 2) * u.height, width: T.width * u.width, height: T.height * u.height }
+  };
+}
+function it(a, l, r, i) {
+  return X({ x: (0.5 - a.x) * l.width * i, y: (0.5 - a.y) * l.height * i }, l, r, i);
+}
+const ot = {
+  key: 0,
+  class: "relative z-9999"
+}, nt = ["aria-label"], lt = {
+  "data-test": "photo-header",
+  class: "flex items-center gap-2 px-4 pt-[max(0.875rem,var(--app-safe-top))] pb-3.5 md:px-4.5"
+}, st = { class: "flex min-w-0 text-headline font-semibold" }, rt = {
+  key: 0,
+  class: "truncate"
+}, ut = {
+  key: 1,
+  class: "shrink-0 whitespace-pre"
+}, ct = {
+  class: "shrink-0 whitespace-nowrap",
+  "aria-live": "polite",
+  "data-test": "photo-counter"
+}, dt = ["aria-label", "aria-disabled"], ht = {
+  class: "w-13 text-center text-subheadline tabular-nums compact:hidden",
+  "data-test": "zoom-percent"
+}, vt = ["aria-label", "aria-disabled"], mt = ["aria-label"], pt = ["href", "download", "aria-label"], ft = ["aria-label"], gt = { class: "flex min-h-0 grow items-center gap-4 px-4 md:px-4.5" }, wt = ["aria-label", "aria-disabled"], xt = ["src", "alt"], yt = ["src"], bt = ["aria-label", "aria-disabled"], _t = {
+  key: 0,
+  "data-test": "photo-toolbar",
+  class: "flex shrink-0 items-center justify-center gap-2 px-4 pt-3 pb-1"
+}, kt = ["aria-label", "aria-current", "onClick"], Mt = ["src"], zt = {
+  key: 2,
+  class: "h-[max(1.25rem,var(--app-safe-bottom))] shrink-0"
+}, $t = {
+  class: "sr-only",
+  "aria-live": "polite"
+}, Pt = 8, Ct = 300, B = "flex size-10 shrink-0 cursor-pointer items-center justify-center rounded-full bg-white/8 text-[#f1f5f3] transition-colors duration-motion-fast hover:bg-white/16 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#6ee7b7] aria-disabled:cursor-default aria-disabled:opacity-30 aria-disabled:hover:bg-white/8", Bt = /* @__PURE__ */ Ne({
+  __name: "PhotoViewer",
+  props: /* @__PURE__ */ _e({
+    items: {},
+    title: { default: void 0 }
+  }, {
+    index: { default: 0 },
+    indexModifiers: {}
+  }),
+  emits: /* @__PURE__ */ _e(["presented", "dismissed"], ["update:index"]),
+  setup(a, { expose: l, emit: r }) {
+    const i = a, o = Xe(a, "index"), z = r, { t: u } = Fe(), $ = He(), T = k(null), O = se("stage"), $e = se("image"), ce = se("strip"), E = qe(T, { initialFocus: "panel", onPresented: () => z("presented"), onDismissed: () => z("dismissed") }), { isOpen: K } = E, ae = k(!1);
+    Q(K, (e) => {
+      e && (ae.value = !0);
+    }, { flush: "sync" });
+    const Pe = () => {
+      K.value || (ae.value = !1);
+    }, d = k(1), c = k({ x: 0, y: 0 }), P = k(0), W = k({ width: 0, height: 0 }), x = k({ width: 0, height: 0 }), b = k(0), ie = k(!1), V = k(null), v = g(() => i.items[o.value]), D = g(() => Je(W.value, x.value, P.value)), L = g(() => ze(D.value, P.value)), de = g(() => D.value.width > 0), Ce = g(() => Math.round(d.value * 100)), A = g(() => d.value > 1.001), he = g(() => o.value > 0), ve = g(() => o.value < i.items.length - 1), Te = g(() => ({
+      width: `${D.value.width}px`,
+      height: `${D.value.height}px`,
+      marginLeft: `${-D.value.width / 2}px`,
+      marginTop: `${-D.value.height / 2}px`,
+      transform: `translate(${c.value.x + b.value}px, ${c.value.y}px) scale(${d.value}) rotate(${P.value * 90}deg)`
+    }));
+    function U() {
+      d.value = 1, c.value = { x: 0, y: 0 }, b.value = 0;
+    }
+    function F() {
+      const e = O.value;
+      e && (x.value = { width: e.clientWidth, height: e.clientHeight }), oe();
+    }
+    function oe() {
+      const e = $e.value;
+      e && e.naturalWidth > 0 && (W.value = { width: e.naturalWidth, height: e.naturalHeight });
+    }
+    let H = null;
+    Q(O, (e) => {
+      H?.disconnect(), e && (F(), typeof ResizeObserver < "u" && (H = new ResizeObserver(() => {
+        F(), c.value = X(c.value, L.value, x.value, d.value);
+      }), H.observe(e)));
+    }), Ve(() => H?.disconnect()), Q(o, () => {
+      U(), P.value = 0, W.value = { width: 0, height: 0 }, ye(() => {
+        oe(), ce.value?.querySelector("[aria-current=true]")?.scrollIntoView?.({ inline: "center", block: "nearest" });
+      });
+    }), Q(() => i.items.length, (e) => {
+      e === 0 ? E.dismiss() : o.value > e - 1 && (o.value = e - 1);
+    });
+    function Oe(e = 0) {
+      o.value = Math.min(Math.max(0, e), Math.max(0, i.items.length - 1)), U(), P.value = 0, W.value = { width: 0, height: 0 }, V.value = null, E.present(), ye(F);
+    }
+    const me = () => E.dismiss();
+    l({ present: Oe, dismiss: me });
+    function Y(e) {
+      const t = o.value + e;
+      t < 0 || t > i.items.length - 1 || (V.value = e === 1 ? "forward" : "back", o.value = t);
+    }
+    function R(e) {
+      q(tt(d.value, e), { x: 0, y: 0 });
+    }
+    function q(e, t) {
+      const n = et({ zoom: d.value, pan: c.value }, e, t, L.value, x.value);
+      d.value = n.zoom, c.value = n.pan;
+    }
+    function ne() {
+      P.value = (P.value + 3) % 4, c.value = X(c.value, L.value, x.value, d.value);
+    }
+    function Le(e) {
+      if (e.altKey || e.ctrlKey || e.metaKey) return;
+      const n = {
+        ArrowLeft: () => Y(-1),
+        ArrowRight: () => Y(1),
+        "+": () => R(1),
+        "=": () => R(1),
+        "-": () => R(-1),
+        _: () => R(-1),
+        0: U,
+        r: ne,
+        R: ne
+      }[e.key];
+      n && (e.preventDefault(), n());
+    }
+    const le = (e) => {
+      const t = O.value?.getBoundingClientRect();
+      return { x: e.clientX - (t ? t.left + t.width / 2 : 0), y: e.clientY - (t ? t.top + t.height / 2 : 0) };
+    }, _ = /* @__PURE__ */ new Map();
+    let Z = !1, pe = 0, N = { x: 0, y: 0 }, j = null;
+    const fe = () => {
+      const [e, t] = [..._.values()];
+      return { x: (e.x + t.x) / 2, y: (e.y + t.y) / 2 };
+    }, ge = () => {
+      const [e, t] = [..._.values()];
+      return Math.hypot(e.x - t.x, e.y - t.y);
+    };
+    function Se(e) {
+      e.pointerType === "mouse" && e.button !== 0 || (O.value?.setPointerCapture?.(e.pointerId), _.set(e.pointerId, { x: e.clientX, y: e.clientY }), ie.value = !0, _.size === 1 ? (Z = !1, pe = Date.now(), N = { x: 0, y: 0 }) : Z = !0);
+    }
+    function Ie(e) {
+      const t = _.get(e.pointerId);
+      if (!t) return;
+      const n = { x: e.clientX, y: e.clientY };
+      if (_.size === 2) {
+        const [G, J] = [ge(), fe()];
+        _.set(e.pointerId, n);
+        const S = fe();
+        q(d.value * (ge() / (G || 1)), le({ clientX: S.x, clientY: S.y })), c.value = X({ x: c.value.x + S.x - J.x, y: c.value.y + S.y - J.y }, L.value, x.value, d.value);
+        return;
+      }
+      _.set(e.pointerId, n);
+      const f = { x: n.x - t.x, y: n.y - t.y };
+      N = { x: N.x + f.x, y: N.y + f.y }, !(!Z && Math.hypot(N.x, N.y) < Pt) && (Z = !0, A.value ? c.value = X({ x: c.value.x + f.x, y: c.value.y + f.y }, L.value, x.value, d.value) : b.value = (b.value + f.x) * (b.value + f.x < 0 && !ve.value || b.value + f.x > 0 && !he.value ? 0.6 : 1));
+    }
+    function we(e, t = !1) {
+      if (!_.delete(e.pointerId) || _.size > 0) return;
+      ie.value = !1;
+      const n = le(e);
+      if (!Z && !t) {
+        const S = j && Date.now() - j.at < Ct && Math.hypot(n.x - j.point.x, n.y - j.point.y) < 32;
+        j = S ? null : { at: Date.now(), point: n }, S && (A.value ? U() : q(2, n));
+        return;
+      }
+      const f = Date.now() - pe < 250 && Math.abs(b.value) > 30, G = Math.abs(b.value) > Math.max(50, x.value.width * 0.15), J = b.value;
+      b.value = 0, !t && !A.value && (G || f) && Y(J < 0 ? 1 : -1);
+    }
+    function Be(e) {
+      const t = e.deltaMode === 1 ? 16 : 1;
+      q(d.value * Math.exp(-e.deltaY * t * (e.ctrlKey ? 0.01 : 15e-4)), le(e));
+    }
+    const De = { width: 120, height: 80 }, y = g(() => de.value ? at(L.value, x.value, d.value, c.value, De) : null);
+    function xe(e) {
+      if (e.type === "pointermove" && e.buttons === 0) return;
+      const t = e.currentTarget.getBoundingClientRect();
+      t.width === 0 || t.height === 0 || (c.value = it({ x: (e.clientX - t.left) / t.width, y: (e.clientY - t.top) / t.height }, L.value, x.value, d.value));
+    }
+    const Ae = g(() => {
+      if (!y.value) return {};
+      const { width: e, height: t } = P.value % 2 === 0 ? y.value.image : { width: y.value.image.height, height: y.value.image.width };
+      return { width: `${e}px`, height: `${t}px`, marginLeft: `${-e / 2}px`, marginTop: `${-t / 2}px`, transform: `rotate(${P.value * 90}deg)` };
+    });
+    Ye(() => {
+      K.value && F();
+    });
+    const Re = g(() => i.title ?? u("core.viewer.label"));
+    return (e, t) => (h(), Ze(je, { to: "body" }, [
+      ae.value ? (h(), m("div", ot, [
+        C(Ee, {
+          appear: "",
+          "enter-active-class": "transition-opacity duration-motion-normal ease-motion-standard",
+          "enter-from-class": "opacity-0",
+          "leave-active-class": "pointer-events-none transition-opacity duration-motion-normal ease-motion-standard",
+          "leave-to-class": "opacity-0",
+          onAfterLeave: Pe
+        }, {
+          default: Ke(() => [
+            s(K) ? (h(), m("div", {
+              key: 0,
+              ref_key: "panel",
+              ref: T,
+              role: "dialog",
+              "aria-modal": "true",
+              "aria-label": Re.value,
+              tabindex: "-1",
+              "data-part": "panel",
+              "data-test": "photo-viewer",
+              class: "fixed inset-0 flex flex-col bg-[#0b1210] text-[#f1f5f3] outline-none",
+              onKeydown: Le
+            }, [
+              p("div", lt, [
+                p("h2", st, [
+                  i.title ? (h(), m("span", rt, ee(i.title), 1)) : w("", !0),
+                  i.title ? (h(), m("span", ut, " · ")) : w("", !0),
+                  p("span", ct, ee(s(u)("core.viewer.counter", { current: o.value + 1, total: i.items.length })), 1)
+                ]),
+                t[6] || (t[6] = p("div", { class: "grow" }, null, -1)),
+                v.value && !s($) ? be(e.$slots, "actions", {
+                  item: v.value,
+                  index: o.value
+                }, void 0, void 0, 0) : w("", !0),
+                p("button", {
+                  type: "button",
+                  class: M([B, "compact:hidden"]),
+                  "aria-label": s(u)("core.viewer.zoom_out"),
+                  "aria-disabled": !A.value,
+                  "data-test": "zoom-out",
+                  onClick: t[0] || (t[0] = (n) => R(-1))
+                }, [
+                  C(s(I), {
+                    name: "zoomOut",
+                    size: 18
+                  })
+                ], 10, dt),
+                p("p", ht, ee(s(u)("core.viewer.zoom_percent", { percent: Ce.value })), 1),
+                p("button", {
+                  type: "button",
+                  class: M([B, "compact:hidden"]),
+                  "aria-label": s(u)("core.viewer.zoom_in"),
+                  "aria-disabled": d.value >= s(ue),
+                  "data-test": "zoom-in",
+                  onClick: t[1] || (t[1] = (n) => R(1))
+                }, [
+                  C(s(I), {
+                    name: "zoomIn",
+                    size: 18
+                  })
+                ], 10, vt),
+                p("button", {
+                  type: "button",
+                  class: M(B),
+                  "aria-label": s(u)("core.viewer.rotate"),
+                  "data-test": "rotate",
+                  onClick: ne
+                }, [
+                  C(s(I), {
+                    name: "rotateCounterclockwise",
+                    size: 18
+                  })
+                ], 8, mt),
+                v.value ? (h(), m("a", {
+                  key: 1,
+                  href: v.value.src,
+                  download: v.value.downloadName ?? "",
+                  target: "_blank",
+                  rel: "noopener",
+                  class: M(B),
+                  "aria-label": s(u)("core.viewer.download"),
+                  "data-test": "download"
+                }, [
+                  C(s(I), {
+                    name: "download",
+                    size: 18
+                  })
+                ], 8, pt)) : w("", !0),
+                p("button", {
+                  type: "button",
+                  class: M([B, "bg-white/16"]),
+                  "aria-label": s(u)("core.actions.close"),
+                  "data-test": "close",
+                  onClick: me
+                }, [
+                  C(s(I), {
+                    name: "close",
+                    size: 18
+                  })
+                ], 10, ft)
+              ]),
+              p("div", gt, [
+                i.items.length > 1 ? (h(), m("button", {
+                  key: 0,
+                  type: "button",
+                  class: M([B, "size-12 compact:hidden"]),
+                  "aria-label": s(u)("core.viewer.previous"),
+                  "aria-disabled": !he.value,
+                  "data-test": "previous",
+                  onClick: t[2] || (t[2] = (n) => Y(-1))
+                }, [
+                  C(s(I), {
+                    name: "arrowLeftSLine",
+                    size: 22
+                  })
+                ], 10, wt)) : w("", !0),
+                p("div", {
+                  ref_key: "stage",
+                  ref: x,
+                  "data-test": "photo-stage",
+                  class: M(["relative h-full min-w-0 grow touch-none overflow-hidden rounded-md select-none", A.value ? "cursor-grab active:cursor-grabbing" : ""]),
+                  onPointerdown: Se,
+                  onPointermove: Ie,
+                  onPointerup: t[3] || (t[3] = (n) => we(n)),
+                  onPointercancel: t[4] || (t[4] = (n) => we(n, !0)),
+                  onWheel: re(Be, ["prevent"])
+                }, [
+                  v.value ? (h(), m("img", {
+                    key: v.value.src,
+                    ref: "image",
+                    src: v.value.src,
+                    alt: v.value.alt,
+                    draggable: "false",
+                    "data-test": "photo",
+                    class: M(["absolute top-1/2 left-1/2 max-w-none", [de.value ? "" : "opacity-0", ie.value ? "" : "transition-transform duration-motion-normal ease-motion-standard", V.value === "back" ? "animate-step-back" : V.value === "forward" ? "animate-step-in" : ""]]),
+                    style: te(Te.value),
+                    onLoad: oe
+                  }, null, 46, xt)) : w("", !0),
+                  A.value && y.value ? (h(), m("div", {
+                    key: 1,
+                    "data-test": "mini-map",
+                    class: "absolute right-3.5 bottom-3.5 overflow-hidden rounded-md bg-black/50 ring-1 ring-white/20",
+                    style: te({ width: `${y.value.image.width}px`, height: `${y.value.image.height}px` }),
+                    onPointerdown: re(xe, ["stop"]),
+                    onPointermove: re(xe, ["stop"])
+                  }, [
+                    v.value ? (h(), m("img", {
+                      key: 0,
+                      src: v.value.thumb ?? v.value.src,
+                      alt: "",
+                      draggable: "false",
+                      class: "pointer-events-none absolute top-1/2 left-1/2 max-w-none opacity-80",
+                      style: te(Ae.value)
+                    }, null, 12, yt)) : w("", !0),
+                    p("span", {
+                      class: "pointer-events-none absolute rounded-xs ring-2 ring-[#6ee7b7]",
+                      "data-test": "mini-map-view",
+                      style: te({ left: `${y.value.view.x}px`, top: `${y.value.view.y}px`, width: `${y.value.view.width}px`, height: `${y.value.view.height}px` })
+                    }, null, 4)
+                  ], 36)) : w("", !0)
+                ], 34),
+                i.items.length > 1 ? (h(), m("button", {
+                  key: 1,
+                  type: "button",
+                  class: M([B, "size-12 compact:hidden"]),
+                  "aria-label": s(u)("core.viewer.next"),
+                  "aria-disabled": !ve.value,
+                  "data-test": "next",
+                  onClick: t[5] || (t[5] = (n) => Y(1))
+                }, [
+                  C(s(I), {
+                    name: "arrowRightSLine",
+                    size: 22
+                  })
+                ], 10, bt)) : w("", !0)
+              ]),
+              s($) && v.value && e.$slots.actions ? (h(), m("div", _t, [
+                be(e.$slots, "actions", {
+                  item: v.value,
+                  index: o.value
+                })
+              ])) : w("", !0),
+              i.items.length > 1 ? (h(), m("ul", {
+                key: 1,
+                ref_key: "strip",
+                ref: ce,
+                "data-test": "photo-strip",
+                class: "flex shrink-0 justify-start gap-2 overflow-x-auto px-4 pt-4 pb-[max(1.25rem,var(--app-safe-bottom))] scrollbar-hide md:justify-center md:px-4.5"
+              }, [
+                (h(!0), m(We, null, Ue(i.items, (n, f) => (h(), m("li", {
+                  key: n.src,
+                  class: "shrink-0"
+                }, [
+                  p("button", {
+                    type: "button",
+                    "aria-label": n.alt,
+                    "aria-current": f === o.value ? "true" : void 0,
+                    "data-test": "thumbnail",
+                    class: M(["block h-11 w-16 cursor-pointer overflow-hidden rounded-[5px] bg-[#2a3431] transition-opacity duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[#6ee7b7]", f === o.value ? "ring-2 ring-[#6ee7b7]" : "opacity-60 hover:opacity-100"]),
+                    onClick: (G) => {
+                      V.value = f > o.value ? "forward" : "back", o.value = f;
+                    }
+                  }, [
+                    p("img", {
+                      src: n.thumb ?? n.src,
+                      alt: "",
+                      loading: "lazy",
+                      draggable: "false",
+                      class: "size-full object-cover"
+                    }, null, 8, Mt)
+                  ], 10, kt)
+                ]))), 128))
+              ], 512)) : (h(), m("div", zt)),
+              p("span", $t, ee(v.value?.alt), 1)
+            ], 40, nt)) : w("", !0)
+          ]),
+          _: 3
+        })
+      ])) : w("", !0)
+    ]));
+  }
+});
+export {
+  Bt as _
+};

package/dist/{ProfilePage-Dq9lcO5O.js → ProfilePage-B9WUrImn.js}

@@ -1,10 +1,10 @@
 import { defineComponent as A, watch as X, openBlock as v, createBlock as S, unref as e, withCtx as u, createVNode as r, mergeProps as E, useModel as pe, useId as fe, useTemplateRef as J, ref as w, onMounted as me, onBeforeUnmount as ve, computed as M, createElementBlock as I, withModifiers as _e, toDisplayString as b, createCommentVNode as W, createElementVNode as x, createTextVNode as N, Fragment as le, mergeModels as oe } from "vue";
 import { useI18n as R } from "vue-i18n";
 import { a as ge } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
-import { u as L } from "./platform-q3cjODLx.js";
+import { u as L } from "./platform-PZpUkkMS.js";
 import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as Y } from "./useLoad-M7V-AVwR.js";
-import { i as k, d as G } from "./index-BmowiT1y.js";
+import { i as k, d as G } from "./index-BVU76sBO.js";
 import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
 import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
 import { _ as U } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";

package/dist/{RoleEditor.vue_vue_type_script_setup_true_lang-B6g2760V.js → RoleEditor.vue_vue_type_script_setup_true_lang-Hr0WgL1K.js}

@@ -9,12 +9,12 @@ import { u as ae } from "./useSaveChrome-7huA3FzR.js";
 import { t as oe } from "./toast-CqSDTWRX.js";
 import { _ as S } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { _ as E } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
-import { d as G, u as J, p as ne, o as R, r as D, g as H, s as le, e as re, a as ie, f as ce, b as ue, h as de } from "./index-Yy28omu6.js";
+import { d as G, u as J, p as ne, o as R, r as D, g as H, s as le, e as re, a as ie, f as ce, b as ue, h as de } from "./index-CvJSAsfk.js";
 import { _ as me } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as fe } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
 import { _ as pe } from "./SegmentedField.vue_vue_type_script_setup_true_lang-Dg-_ZjgR.js";
 import { _ as _e } from "./SwitchField.vue_vue_type_script_setup_true_lang-ALvJisiP.js";
-import { u as ge } from "./platform-q3cjODLx.js";
+import { u as ge } from "./platform-PZpUkkMS.js";
 const ve = {
   class: "flex min-w-0 flex-col gap-4 lg:grid lg:grid-cols-[15rem_minmax(0,1fr)] lg:items-start lg:gap-8",
   "data-test": "permission-tree"

package/dist/{RolePage-BYH-0fVI.js → RolePage-uezn-Og1.js}

@@ -8,16 +8,16 @@ import { u as Z } from "./describeError-B-NMa--w.js";
 import { _ as ee } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as q } from "./toast-CqSDTWRX.js";
 import { _ as oe } from "./RecordHeader.vue_vue_type_script_setup_true_lang-szzWzdDu.js";
-import { u as te } from "./platform-q3cjODLx.js";
+import { u as te } from "./platform-PZpUkkMS.js";
 import { a as ae, u as le } from "./routeResource-DlTsGTg_.js";
 import { a as se } from "./ResourcePage.vue_vue_type_script_setup_true_lang-BFaaFQSm.js";
 import { _ as re } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as H } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { u as O, a as U, f as ce, d as ne, b as M, c as T } from "./index-Yy28omu6.js";
+import { u as O, a as U, f as ce, d as ne, b as M, c as T } from "./index-CvJSAsfk.js";
 import { _ as J } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
 import { u as ie, _ as ue } from "./useCommand-Cj-APj-P.js";
 import { _ as me } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
-import { _ as pe } from "./RoleEditor.vue_vue_type_script_setup_true_lang-B6g2760V.js";
+import { _ as pe } from "./RoleEditor.vue_vue_type_script_setup_true_lang-Hr0WgL1K.js";
 const de = { "data-test": "role-replace" }, fe = /* @__PURE__ */ I({
   __name: "ReplaceRoleDialog",
   props: {

package/dist/{RolesPage-BRm5xDw7.js → RolesPage-DkMAJZR6.js}

@@ -7,11 +7,11 @@ import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5
 import { e as j } from "./control-B4SdblL6.js";
 import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { a as I } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
-import { u as K } from "./platform-q3cjODLx.js";
+import { u as K } from "./platform-PZpUkkMS.js";
 import { _ as T } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as z } from "./useLoad-M7V-AVwR.js";
-import { u as G, a as H, b as J, c as x } from "./index-Yy28omu6.js";
+import { u as G, a as H, b as J, c as x } from "./index-CvJSAsfk.js";
 const M = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-test": "roles-index"

package/dist/{SectionNavigator.vue_vue_type_script_setup_true_lang-BltrQnrQ.js → SectionNavigator.vue_vue_type_script_setup_true_lang-BYRc0-qh.js}

@@ -5,7 +5,7 @@ import { _ as q } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.
 import { _ as G } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { a as re } from "./mediaQuery-CygcXmFW.js";
 import { u as ie } from "./access-DmAceEo5.js";
-import { u as ce, a as ue } from "./sections-D-kD98vu.js";
+import { u as ce, a as ue } from "./sections-CeZl-Jxg.js";
 import { p as de } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-CxU9aNRQ.js";
 import { p as me } from "./sectionIndex-BS0ic5W7.js";
 import { _ as K, a as pe } from "./SectionList.vue_vue_type_script_setup_true_lang-BJnz2ROc.js";