@wssto2/vue-core 0.4.23 → 0.4.25

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-Cc7eiyV2.js → ProfilePage-Dq9lcO5O.js}

@@ -4,9 +4,9 @@ import { a as ge } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang
 import { u as L } from "./platform-q3cjODLx.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--CxZ33h0.js";
-import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-4WQz-TYS.js";
-import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-CbvMRBOc.js";
+import { i as k, d as G } from "./index-BmowiT1y.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";
 import { _ as H } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
 import { t as C } from "./toast-CqSDTWRX.js";

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

@@ -1,15 +1,15 @@
 import { defineComponent as I, computed as h, ref as M, openBlock as l, createElementBlock as v, createElementVNode as w, unref as t, Fragment as B, renderList as N, normalizeClass as K, toDisplayString as d, createVNode as V, withCtx as p, createTextVNode as y, createCommentVNode as $, createBlock as _, createSlots as X, watch as Y, mergeProps as F } from "vue";
 import { useI18n as Q } from "vue-i18n";
-import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-4WQz-TYS.js";
+import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
 import { _ as W } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-CbvMRBOc.js";
+import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
 import { _ as te } from "./TextareaField.vue_vue_type_script_setup_true_lang-BJ4__cvJ.js";
 import { _ as se } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 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-Du3Ti2Zp.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 { _ 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";

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

@@ -13,11 +13,11 @@ 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-Du3Ti2Zp.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 { _ as J } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
-import { u as ie, _ as ue } from "./useCommand-CT1RF_IB.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-2fpYYCXj.js";
+import { _ as pe } from "./RoleEditor.vue_vue_type_script_setup_true_lang-B6g2760V.js";
 const de = { "data-test": "role-replace" }, fe = /* @__PURE__ */ I({
   __name: "ReplaceRoleDialog",
   props: {

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

@@ -11,7 +11,7 @@ import { u as K } from "./platform-q3cjODLx.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-Du3Ti2Zp.js";
+import { u as G, a as H, b as J, c as x } from "./index-Yy28omu6.js";
 const M = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-test": "roles-index"

package/dist/{Sessions-DSDcj8Yd.js → Sessions-B1eKG_I2.js}

@@ -2,7 +2,7 @@ import { defineComponent as x, useTemplateRef as v, computed as w, ref as $, ope
 import { useI18n as N } from "vue-i18n";
 import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { u as A } from "./describeError-B-NMa--w.js";
-import { P as D, b as L, e as O, i as g, d as T } from "./index--CxZ33h0.js";
+import { P as D, b as L, e as O, i as g, d as T } from "./index-BmowiT1y.js";
 import { _ as k } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as b } from "./toast-CqSDTWRX.js";
 import { u as V } from "./platform-q3cjODLx.js";

package/dist/{SettingsPage-BF7MW1GH.js → SettingsPage-0P38Ty4w.js}

@@ -10,12 +10,12 @@ import { _ as R } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5
 import { e as G } from "./control-B4SdblL6.js";
 import { _ as Z } from "./SwitchField.vue_vue_type_script_setup_true_lang-ALvJisiP.js";
 import { _ as J } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as K } from "./FormErrors.vue_vue_type_script_setup_true_lang-4WQz-TYS.js";
-import { _ as W } from "./FormView.vue_vue_type_script_setup_true_lang-CbvMRBOc.js";
+import { u as K } from "./FormErrors.vue_vue_type_script_setup_true_lang-DGOSc-PS.js";
+import { _ as W } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
 import { _ as E } from "./TimeField.vue_vue_type_script_setup_true_lang-DBxKAWRo.js";
 import { a as k, n as X } from "./useTypedEntry-C7k7Dyl-.js";
 import { _ as Y } from "./PanelActions.vue_vue_type_script_setup_true_lang-E9VdIGkf.js";
-import { n as q } from "./index-DBTK_iMB.js";
+import { n as q } from "./index-tnSTp0cM.js";
 import { u as ee } from "./platform-q3cjODLx.js";
 import { u as te } from "./useLoad-M7V-AVwR.js";
 function ne() {

package/dist/{SignIn-BR8-RVIk.js → SignIn-Dp8Ji0_r.js}

@@ -6,7 +6,7 @@ import { u as D } from "./format-D8X4zsx6.js";
 import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { e as b } from "./control-B4SdblL6.js";
 import { u as U } from "./describeError-B-NMa--w.js";
-import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index--CxZ33h0.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-BmowiT1y.js";
 import { t as h } from "./toast-CqSDTWRX.js";
 import { u as j, h as G } from "./platform-q3cjODLx.js";
 import { b as H } from "./routeResource-DlTsGTg_.js";

package/dist/{SignInPage-Dcws582A.js → SignInPage-CiStJboK.js}

@@ -3,10 +3,10 @@ import { useI18n as x } from "vue-i18n";
 import { useRoute as y, useRouter as h } from "vue-router";
 import { _ as I } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as N } from "./Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
-import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-CbvMRBOc.js";
+import { _ as S } from "./FormView.vue_vue_type_script_setup_true_lang-BUrYkjmF.js";
 import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { r as $ } from "./guards-Dve61KjR.js";
-import { u as C, a as E } from "./index--CxZ33h0.js";
+import { u as C, a as E } from "./index-BmowiT1y.js";
 const V = { class: "flex flex-1 flex-col items-center justify-center gap-8" }, k = { class: "text-xl font-semibold text-content-strong" }, H = /* @__PURE__ */ d({
   __name: "SignInPage",
   setup(q) {

package/dist/{SignIns-3u7YgKqh.js → SignIns-Bo7R2Coi.js}

@@ -1,6 +1,6 @@
 import { defineComponent as g, ref as m, watch as p, openBlock as c, createElementBlock as v, createVNode as i, unref as e, withCtx as w, createBlock as x, createCommentVNode as y, createElementVNode as V, toDisplayString as $ } from "vue";
 import { useI18n as N } from "vue-i18n";
-import { P as S, i as b } from "./index--CxZ33h0.js";
+import { P as S, i as b } from "./index-BmowiT1y.js";
 import { u as k } from "./platform-q3cjODLx.js";
 import { b as I } from "./routeResource-DlTsGTg_.js";
 import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";

package/dist/{UserRecord-AtZIwCO9.js → UserRecord-DGq_PPy1.js}

@@ -3,7 +3,7 @@ import { useI18n as A } from "vue-i18n";
 import { a as F } from "./neighbors-DVN_cADL.js";
 import { _ as H } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
 import { u as J } from "./describeError-B-NMa--w.js";
-import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index--CxZ33h0.js";
+import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-BmowiT1y.js";
 import { _ as se } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
 import { t as k } from "./toast-CqSDTWRX.js";
 import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-BltrQnrQ.js";
@@ -16,9 +16,9 @@ import { u as ie } from "./useLoad-M7V-AVwR.js";
 import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { e as B } from "./control-B4SdblL6.js";
-import { u as z, _ as K } from "./useCommand-CT1RF_IB.js";
+import { u as z, _ as K } from "./useCommand-Cj-APj-P.js";
 import { u as U } from "./fieldMessages-6HVzSDqG.js";
-import { u as ce, s as le } from "./status-QOGPjIHu.js";
+import { u as ce, s as le } from "./status-Bh3-Cg7o.js";
 import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 const ue = /* @__PURE__ */ R({
   __name: "DeactivateDialog",

package/dist/{UsersList-1IeQnvOL.js → UsersList-BulNu4aE.js}

@@ -6,14 +6,14 @@ import { _ as I } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js
 import { u as F } from "./format-D8X4zsx6.js";
 import { u as L } from "./platform-q3cjODLx.js";
 import { _ as G } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { i as K, f as E, M as W } from "./index--CxZ33h0.js";
-import { U as j, u as H, s as J } from "./status-QOGPjIHu.js";
+import { i as K, f as E, M as W } from "./index-BmowiT1y.js";
+import { U as j, u as H, s as J } from "./status-Bh3-Cg7o.js";
 import { u as O } from "./environment-Dva-SG8D.js";
 import { u as Q } from "./languages-BShG9LpE.js";
 import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-C3FbRQW7.js";
 import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
-import { u as Z, _ as ee } from "./useCommand-CT1RF_IB.js";
+import { u as Z, _ as ee } from "./useCommand-Cj-APj-P.js";
 import { t as se } from "./toast-CqSDTWRX.js";
 import { u as te } from "./fieldMessages-6HVzSDqG.js";
 const oe = /* @__PURE__ */ U({

package/dist/access/index.js

@@ -1,4 +1,4 @@
-import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-Du3Ti2Zp.js";
+import { _ as a, i as c, j as o, c as r, b as n, k as i, l as u, p as l, m as p, n as t, u as d, f as m } from "../index-Yy28omu6.js";
 export {
   a as BindingRow,
   c as PersonAccess,

package/dist/form/CommandDialog.vue.d.ts

@@ -13,6 +13,9 @@ import type { Form } from "./useForm";
  * instead of closing, opens the dialog again with fresh inputs (the command's defaults), so the next record can be entered
  * (the add-a-record recipe, `docs/recipes/forms.md`).
  *
+ * `:editable="false"` is the same dialog for someone who may only look: the fields read (like `FormGroup :editable="false"`), there is no
+ * primary action (nor `#actions`), the dismiss button says "Close", and closing never asks. Give the same body to both; do not write a second dialog.
+ *
  * A command with `ask` puts its question here, in an `AlertDialog` over the filled form, once the inputs check out: Cancel
  * returns to the form untouched and nothing is sent; the action runs the command, and a refusal then lands on the form like any other.
  */
@@ -24,6 +27,8 @@ type __VLS_Props = {
     subtitle?: string;
     /** What the primary action says: exactly what it does ("Assign"). */
     confirmLabel: string;
+    /** `false`: the record is shown, not edited: fields read, no primary action, "Close" instead of Cancel, no discard question. */
+    editable?: boolean;
     /** Disables the primary action while true (a proposal still loading). The inputs, Cancel and the leave guard work as before, and `run()` does nothing. */
     confirmDisabled?: boolean;
     /** What it says once done; by default "Saved". */
@@ -54,6 +59,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     message: string;
     size: "sm" | "md" | "lg";
     subtitle: string;
+    editable: boolean;
     fieldLabel: (field: string) => string;
     doneLabel: string;
     confirmDisabled: boolean;