@wssto2/vue-core 0.4.12 → 0.4.13

package/dist/{Activity-DdnEG7EW.js → Activity-DhVVSf60.js}

@@ -6,7 +6,7 @@ import { u as O } from "./format-B8mJm946.js";
 import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-GVasv8ao.js";
 import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
 import { e as z } from "./control-7EP4tjYy.js";
-import { P as G, c as H, i as J } from "./index-CM_Uh_xF.js";
+import { P as G, c as H, i as J } from "./index-BEDhdJQE.js";
 import { u as K } from "./platform-q3cjODLx.js";
 import { b as M } from "./routeResource-DstM0hvf.js";
 import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";

package/dist/{Changes-CBM8york.js → Changes-Czs32zlz.js}

@@ -1,6 +1,6 @@
 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-CM_Uh_xF.js";
+import { P as V, i as R } from "./index-BEDhdJQE.js";
 import { u as S } from "./platform-q3cjODLx.js";
 import { b as B } from "./routeResource-DstM0hvf.js";
 import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";

package/dist/{General-Cvb-tLsE.js → General-UWbJQLc8.js}

@@ -8,7 +8,7 @@ import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.
 import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-BJoAkBo2.js";
 import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 import { u as A } from "./useSaveChrome-DuWm0Czf.js";
-import { P as D, b as G, i as I } from "./index-CM_Uh_xF.js";
+import { P as D, b as G, i as I } from "./index-BEDhdJQE.js";
 import { t as M } from "./toast-CqSDTWRX.js";
 import { u as O } from "./platform-q3cjODLx.js";
 import { b as U } from "./routeResource-DstM0hvf.js";

package/dist/{ProfilePage-B1-66cXB.js → ProfilePage-Ep75xf-u.js}

@@ -4,7 +4,7 @@ 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-CYRVx6HW.js";
-import { i as k, d as G } from "./index-CM_Uh_xF.js";
+import { i as k, d as G } from "./index-BEDhdJQE.js";
 import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
 import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
 import { _ as U } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";

package/dist/{SectionNavigator.vue_vue_type_script_setup_true_lang-ROl9_pdO.js → SectionNavigator.vue_vue_type_script_setup_true_lang-D5Cnb4_O.js}

@@ -1,48 +1,48 @@
-import { defineComponent as Y, computed as x, inject as Z, watch as M, onBeforeUnmount as P, useTemplateRef as ee, ref as te, onMounted as ae, openBlock as t, createElementBlock as a, createBlock as F, resolveDynamicComponent as se, unref as l, createElementVNode as s, renderSlot as $, Fragment as y, renderList as w, normalizeClass as d, toDisplayString as i, createCommentVNode as c, createVNode as v, withCtx as C, nextTick as oe } from "vue";
-import { useI18n as ne } from "vue-i18n";
+import { defineComponent as Z, computed as g, inject as ee, watch as P, onBeforeUnmount as W, useTemplateRef as te, ref as ae, onMounted as se, openBlock as t, createElementBlock as a, createBlock as F, resolveDynamicComponent as oe, unref as l, createElementVNode as s, renderSlot as $, Fragment as y, renderList as w, normalizeClass as d, toDisplayString as c, createCommentVNode as u, createVNode as v, withCtx as C, nextTick as ne } from "vue";
+import { useI18n as le } from "vue-i18n";
 import { RouterLink as z } from "vue-router";
-import { _ as W } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
-import { _ as q } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { a as le } from "./mediaQuery-CygcXmFW.js";
-import { u as re } from "./access-DmAceEo5.js";
-import { u as ie, a as ce } from "./sections-D-kD98vu.js";
-import { p as ue } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
-import { p as de } from "./sectionIndex-BS0ic5W7.js";
-import { _ as G, a as me } from "./SectionList.vue_vue_type_script_setup_true_lang-B0p_8xQG.js";
-const pe = {
+import { _ as q } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
+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 { p as de } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
+import { p as me } from "./sectionIndex-BS0ic5W7.js";
+import { _ as K, a as pe } from "./SectionList.vue_vue_type_script_setup_true_lang-B0p_8xQG.js";
+const fe = {
   key: 0,
   "data-test": "section-navigator",
   "data-variant": "none"
-}, fe = {
+}, ve = {
   key: 1,
   "data-test": "section-navigator",
   "data-variant": "sidebar",
   class: "grid min-w-0 grid-cols-[minmax(0,15rem)_minmax(0,1fr)] items-start gap-8"
-}, ve = { class: "sticky top-[calc(var(--app-bar-height)+1rem+var(--shell-banner-h,0px))] flex min-w-0 flex-col gap-4 self-start" }, be = ["aria-label"], he = { class: "flex flex-col gap-0.5" }, ge = ["href", "aria-current", "data-test", "onClick"], xe = { class: "min-w-0 flex-1 truncate" }, _e = {
+}, be = { class: "sticky top-[calc(var(--app-bar-height)+1rem+var(--shell-banner-h,0px))] flex min-w-0 flex-col gap-4 self-start" }, he = ["aria-label"], ge = { class: "flex flex-col gap-0.5" }, xe = ["href", "aria-current", "data-test", "onClick"], _e = { class: "min-w-0 flex-1 truncate" }, ke = {
   key: 0,
   class: "text-subheadline tabular-nums text-content-muted"
-}, ke = { class: "min-w-0" }, ye = ["data-variant"], we = {
+}, ye = { class: "min-w-0" }, we = ["data-variant"], Le = {
   key: 0,
   "data-test": "section-summary"
-}, Le = ["aria-label"], Se = { class: "flex gap-2.5 compact:gap-1.5" }, $e = ["href", "aria-current", "data-test", "data-done", "onClick"], Ce = {
+}, Se = ["aria-label"], $e = { class: "flex gap-2.5 compact:gap-1.5" }, Ce = ["href", "aria-current", "data-test", "data-done", "onClick"], ze = {
   key: 0,
   class: "flex size-6.5 shrink-0 items-center justify-center rounded-full bg-control-on text-white"
-}, ze = { class: "flex min-w-0 flex-col" }, Re = { class: "compact:hidden" }, Ae = { class: "hidden compact:inline" }, Be = {
+}, Re = { class: "flex min-w-0 flex-col" }, Ae = { class: "compact:hidden" }, Be = { class: "hidden compact:inline" }, Ne = {
   key: 0,
   class: "hidden compact:inline"
-}, Ne = {
+}, je = {
   key: 1,
   class: "sr-only"
-}, je = ["aria-label"], Ee = { class: "flex gap-0.5" }, Fe = ["href", "aria-current", "data-test", "onClick"], Oe = ["title"], Te = ["aria-label"], Ve = {
+}, Ee = ["aria-label"], Fe = { class: "flex gap-0.5" }, Oe = ["href", "aria-current", "data-test", "onClick"], Te = ["title"], Ie = ["aria-label"], Ve = {
   key: 0,
   class: "px-row-inset pb-2 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted"
-}, De = { class: "overflow-hidden rounded-group bg-surface-cell shadow-group" }, Ie = { class: "flex shrink-0 items-center" }, Me = { class: "row-body flex min-h-row min-w-0 flex-1 items-center gap-2 border-t border-border-separator py-2 pr-row-inset" }, Pe = { class: "min-w-0 flex-1 break-words text-body text-content-strong" }, We = {
+}, De = { class: "overflow-hidden rounded-group bg-surface-cell shadow-group" }, Me = { class: "flex shrink-0 items-center" }, Pe = { class: "row-body flex min-h-row min-w-0 flex-1 items-center gap-2 border-t border-border-separator py-2 pr-row-inset" }, We = { class: "min-w-0 flex-1 break-words text-body text-content-strong" }, qe = {
   key: 0,
   class: "text-body tabular-nums text-content-muted"
-}, qe = ["data-test"], Ge = {
+}, Ge = ["data-test"], Ke = {
   key: 0,
   class: "sticky top-[calc(var(--app-bar-height)+1rem+var(--shell-banner-h,0px))] min-w-0 self-start"
-}, st = /* @__PURE__ */ Y({
+}, ot = /* @__PURE__ */ Z({
   __name: "SectionNavigator",
   props: {
     label: {},
@@ -52,61 +52,61 @@ const pe = {
     counts: { default: () => ({}) },
     steps: { default: void 0 }
   },
-  setup(K) {
-    const n = K, { t: Q } = ne(), R = ie();
-    ce(R);
-    const { sections: f, active: b, first: h, subPage: O } = R, T = de(), U = re(), A = le("(min-width: 64rem)"), u = x(() => n.steps ? "steps" : A.value ? n.desktop : n.compact === "auto" ? f.value.length > 5 ? "rows" : "segmented" : n.compact), g = x(() => f.value.length > 1), H = x(() => R.declared.value > 0 && f.value.length === 0), B = x(() => !!b.value && b.value.name === h.value?.name && !O.value), V = x(() => T.sections.value.length > 1), L = x(() => u.value === "steps" && A.value && V.value), m = (o) => n.steps?.[o] ?? { done: !1 }, J = { positive: "text-status-success-content", warning: "text-status-warning-content", critical: "text-status-danger-content" }, S = Z(ue, null);
-    M(
+  setup(Q) {
+    const n = Q, { t: U } = le(), R = ce();
+    ue(R);
+    const { sections: f, active: b, first: h, subPage: O } = R, T = me(), H = ie(), A = re("(min-width: 64rem)"), r = g(() => n.steps ? "steps" : A.value ? n.desktop : n.compact === "auto" ? f.value.length > 5 ? "rows" : "segmented" : n.compact), x = g(() => f.value.length > 1), J = g(() => R.declared.value > 0 && f.value.length === 0), B = g(() => !!b.value && b.value.name === h.value?.name && !O.value), I = g(() => T.sections.value.length > 1), L = g(() => (r.value === "steps" || r.value === "hub") && A.value && I.value), V = g(() => r.value === "rows" || r.value === "hub"), m = (o) => n.steps?.[o] ?? { done: !1 }, X = { positive: "text-status-success-content", warning: "text-status-warning-content", critical: "text-status-danger-content" }, S = ee(de, null);
+    P(
       () => {
         if (O.value && b.value && h.value) {
           const o = { label: n.backLabel || h.value.label, to: h.value.to }, p = b.value.name === h.value.name && !n.backLabel;
           return { label: b.value.shortLabel, to: b.value.to, path: p ? [o] : [o, { label: b.value.label, to: b.value.to }] };
         }
-        return u.value === "rows" && g.value && !B.value && h.value ? { label: n.backLabel || h.value.label, to: h.value.to } : null;
+        return V.value && x.value && !B.value && h.value ? { label: n.backLabel || h.value.label, to: h.value.to } : null;
       },
       (o) => {
         S && (S.value = o);
       },
       { immediate: !0 }
-    ), P(() => {
+    ), W(() => {
       S && (S.value = null);
     });
-    const X = x(() => {
+    const Y = g(() => {
       const o = [];
       for (const p of f.value.slice(1)) {
         const e = o[o.length - 1];
         e && e.header === p.group ? e.sections.push(p) : o.push({ key: p.name, header: p.group, sections: [p] });
       }
       return o;
-    }), _ = ee("segments"), N = te(!1);
+    }), _ = te("segments"), N = ae(!1);
     async function D() {
-      if (u.value !== "segments" || !_.value) return;
-      N.value = !1, await oe();
+      if (r.value !== "segments" || !_.value) return;
+      N.value = !1, await ne();
       const o = _.value?.querySelectorAll("[data-segment-label]") ?? [];
       N.value = [...o].some((p) => p.scrollWidth > p.clientWidth + 1);
     }
     let j = null;
-    ae(() => {
+    se(() => {
       typeof ResizeObserver > "u" || !_.value || (j = new ResizeObserver(() => void D()), j.observe(_.value));
-    }), P(() => j?.disconnect()), M([u, f], () => void D(), { flush: "post" });
-    const I = (o) => u.value === "segments" && !N.value ? o.label : o.shortLabel;
-    return (o, p) => H.value ? (t(), a("div", pe, [
-      (t(), F(se(l(U).noAccess)))
-    ])) : g.value && u.value === "sidebar" ? (t(), a("div", fe, [
-      s("aside", ve, [
+    }), W(() => j?.disconnect()), P([r, f], () => void D(), { flush: "post" });
+    const M = (o) => r.value === "segments" && !N.value ? o.label : o.shortLabel;
+    return (o, p) => J.value ? (t(), a("div", fe, [
+      (t(), F(oe(l(H).noAccess)))
+    ])) : x.value && r.value === "sidebar" ? (t(), a("div", ve, [
+      s("aside", be, [
         $(o.$slots, "summary"),
         s("nav", {
           "aria-label": n.label
         }, [
-          s("ul", he, [
-            (t(!0), a(y, null, w(l(f), (e, r) => (t(), a("li", {
+          s("ul", ge, [
+            (t(!0), a(y, null, w(l(f), (e, i) => (t(), a("li", {
               key: e.name
             }, [
-              e.group && e.group !== l(f)[r - 1]?.group ? (t(), a("div", {
+              e.group && e.group !== l(f)[i - 1]?.group ? (t(), a("div", {
                 key: 0,
                 "data-test": "section-group",
-                class: d(["px-2.5 pb-1.5 text-caption font-semibold tracking-wide text-content-muted uppercase", r > 0 ? "pt-4" : "pt-1"])
-              }, i(e.group), 3)) : c("", !0),
+                class: d(["px-2.5 pb-1.5 text-caption font-semibold tracking-wide text-content-muted uppercase", i > 0 ? "pt-4" : "pt-1"])
+              }, c(e.group), 3)) : u("", !0),
               v(l(z), {
                 to: e.to,
                 custom: ""
@@ -119,40 +119,40 @@ const pe = {
                     class: d(["flex min-h-[2.125rem] items-center gap-2.5 rounded-control py-1 pr-2.5 pl-1.5 text-body text-content-strong transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", e.active ? "bg-tint-soft font-semibold" : "hover:bg-fill"]),
                     onClick: E
                   }, [
-                    v(l(W), {
+                    v(l(q), {
                       tone: e.active ? "brand" : "anchor",
                       icon: e.icon
                     }, null, 8, ["tone", "icon"]),
-                    s("span", xe, i(e.label), 1),
-                    n.counts[e.name] !== void 0 ? (t(), a("span", _e, i(n.counts[e.name]), 1)) : c("", !0)
-                  ], 10, ge)
+                    s("span", _e, c(e.label), 1),
+                    n.counts[e.name] !== void 0 ? (t(), a("span", ke, c(n.counts[e.name]), 1)) : u("", !0)
+                  ], 10, xe)
                 ]),
                 _: 2
               }, 1032, ["to"]),
-              e.active && V.value ? (t(), F(G, { key: 1 })) : c("", !0)
+              e.active && I.value ? (t(), F(K, { key: 1 })) : u("", !0)
             ]))), 128))
           ])
-        ], 8, be)
+        ], 8, he)
       ]),
-      s("div", ke, [
+      s("div", ye, [
         $(o.$slots, "default")
       ])
     ])) : (t(), a("div", {
       key: 2,
       "data-test": "section-navigator",
-      "data-variant": g.value ? u.value : "none",
+      "data-variant": x.value ? r.value : "none",
       class: "flex min-w-0 flex-col gap-section-gap"
     }, [
-      o.$slots.summary && (u.value !== "rows" || B.value || !g.value) ? (t(), a("div", we, [
+      o.$slots.summary && (!V.value || B.value || !x.value) ? (t(), a("div", Le, [
         $(o.$slots, "summary")
-      ])) : c("", !0),
-      g.value && u.value === "steps" ? (t(), a("nav", {
+      ])) : u("", !0),
+      x.value && r.value === "steps" ? (t(), a("nav", {
         key: 1,
         "aria-label": n.label,
         "data-test": "section-steps"
       }, [
-        s("ol", Se, [
-          (t(!0), a(y, null, w(l(f), (e, r) => (t(), a("li", {
+        s("ol", $e, [
+          (t(!0), a(y, null, w(l(f), (e, i) => (t(), a("li", {
             key: e.name,
             class: "flex min-w-0 flex-1"
           }, [
@@ -169,44 +169,44 @@ const pe = {
                   class: d(["flex min-w-0 flex-1 items-center gap-3 rounded-group px-4 py-3 transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus compact:flex-col compact:items-start compact:gap-1.5 compact:p-2", e.active ? "bg-tint-soft ring-2 ring-tint ring-inset" : "bg-surface-cell shadow-group hover:bg-fill"]),
                   onClick: E
                 }, [
-                  m(e.name).done ? (t(), a("span", Ce, [
-                    v(l(q), {
+                  m(e.name).done ? (t(), a("span", ze, [
+                    v(l(G), {
                       name: "checkCustom",
                       size: 14
                     })
                   ])) : (t(), a("span", {
                     key: 1,
                     class: d(["flex size-6.5 shrink-0 items-center justify-center rounded-full text-footnote font-semibold", e.active ? "bg-tint text-content-on-tint" : "text-content-muted ring-2 ring-fill-strong ring-inset"])
-                  }, i(r + 1), 3)),
-                  s("span", ze, [
+                  }, c(i + 1), 3)),
+                  s("span", Re, [
                     s("span", {
                       class: d(["truncate text-headline compact:text-footnote", e.active || m(e.name).done ? "font-semibold text-content-strong" : "font-medium text-content-muted"])
                     }, [
-                      s("span", Re, i(e.label), 1),
-                      s("span", Ae, i(e.shortLabel), 1)
+                      s("span", Ae, c(e.label), 1),
+                      s("span", Be, c(e.shortLabel), 1)
                     ], 2),
                     m(e.name).sub ? (t(), a("span", {
                       key: 0,
                       "data-test": "section-step-sub",
-                      class: d(["truncate text-footnote compact:text-caption", m(e.name).tone ? J[m(e.name).tone] : "text-content-muted"])
+                      class: d(["truncate text-footnote compact:text-caption", m(e.name).tone ? X[m(e.name).tone] : "text-content-muted"])
                     }, [
                       s("span", {
                         class: d(m(e.name).shortSub ? "compact:hidden" : "")
-                      }, i(m(e.name).sub), 3),
-                      m(e.name).shortSub ? (t(), a("span", Be, i(m(e.name).shortSub), 1)) : c("", !0)
-                    ], 2)) : c("", !0),
-                    m(e.name).done ? (t(), a("span", Ne, i(l(Q)("core.steps.done")), 1)) : c("", !0)
+                      }, c(m(e.name).sub), 3),
+                      m(e.name).shortSub ? (t(), a("span", Ne, c(m(e.name).shortSub), 1)) : u("", !0)
+                    ], 2)) : u("", !0),
+                    m(e.name).done ? (t(), a("span", je, c(l(U)("core.steps.done")), 1)) : u("", !0)
                   ])
-                ], 10, $e)
+                ], 10, Ce)
               ]),
               _: 2
             }, 1032, ["to"])
           ]))), 128))
         ])
-      ], 8, Le)) : c("", !0),
-      g.value && (u.value === "segments" || u.value === "segmented") ? (t(), a("div", {
+      ], 8, Se)) : u("", !0),
+      x.value && (r.value === "segments" || r.value === "segmented") ? (t(), a("div", {
         key: 2,
-        class: d(u.value === "segmented" ? "z-20 -mx-screen-padding bg-surface-page/90 px-screen-padding py-2 backdrop-blur-xl max-md:sticky max-md:top-[calc(max(0.25rem,env(safe-area-inset-top))+var(--app-bar-height)+0.25rem+1px+var(--shell-banner-h,0px))]" : "")
+        class: d(r.value === "segmented" ? "z-20 -mx-screen-padding bg-surface-page/90 px-screen-padding py-2 backdrop-blur-xl max-md:sticky max-md:top-[calc(max(0.25rem,env(safe-area-inset-top))+var(--app-bar-height)+0.25rem+1px+var(--shell-banner-h,0px))]" : "")
       }, [
         s("nav", {
           ref_key: "segments",
@@ -214,7 +214,7 @@ const pe = {
           "aria-label": n.label,
           class: "max-w-full overflow-x-auto rounded-control bg-fill p-0.5 scrollbar-hide"
         }, [
-          s("ul", Ee, [
+          s("ul", Fe, [
             (t(!0), a(y, null, w(l(f), (e) => (t(), a("li", {
               key: e.name,
               class: "flex min-w-0 flex-1"
@@ -223,9 +223,9 @@ const pe = {
                 to: e.to,
                 custom: ""
               }, {
-                default: C(({ href: r, navigate: k }) => [
+                default: C(({ href: i, navigate: k }) => [
                   s("a", {
-                    href: r,
+                    href: i,
                     "aria-current": e.active ? "page" : void 0,
                     "data-test": `section-${e.name}`,
                     class: d(["flex min-h-8 min-w-0 flex-1 items-center justify-center gap-1.5 rounded-control px-3 py-1 text-subheadline whitespace-nowrap transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus compact:min-h-[2.125rem] compact:px-1.5", e.active ? "bg-segment-selected font-semibold text-content-strong shadow-sm" : "font-medium text-content hover:text-content-strong"]),
@@ -234,52 +234,52 @@ const pe = {
                     s("span", {
                       class: "truncate",
                       "data-segment-label": "",
-                      title: I(e) !== e.label ? e.label : void 0
-                    }, i(I(e)), 9, Oe),
+                      title: M(e) !== e.label ? e.label : void 0
+                    }, c(M(e)), 9, Te),
                     n.counts[e.name] !== void 0 ? (t(), a("span", {
                       key: 0,
                       "data-test": "section-count",
                       class: d(["min-w-[1.125rem] rounded-full px-1.5 text-center text-caption font-semibold tabular-nums", e.active ? "bg-tint-soft text-content-link" : "bg-surface-cell text-content-muted"])
-                    }, i(n.counts[e.name]), 3)) : c("", !0)
-                  ], 10, Fe)
+                    }, c(n.counts[e.name]), 3)) : u("", !0)
+                  ], 10, Oe)
                 ]),
                 _: 2
               }, 1032, ["to"])
             ]))), 128))
           ])
-        ], 8, je)
-      ], 2)) : g.value && u.value === "rows" && B.value ? (t(), a("nav", {
+        ], 8, Ee)
+      ], 2)) : x.value && r.value === "rows" && B.value ? (t(), a("nav", {
         key: 3,
         "aria-label": n.label,
         "data-test": "section-rows",
         class: "flex flex-col gap-group-gap"
       }, [
-        (t(!0), a(y, null, w(X.value, (e) => (t(), a("section", {
+        (t(!0), a(y, null, w(Y.value, (e) => (t(), a("section", {
           key: e.key,
           class: "flex min-w-0 flex-col"
         }, [
-          e.header ? (t(), a("h3", Ve, i(e.header), 1)) : c("", !0),
+          e.header ? (t(), a("h3", Ve, c(e.header), 1)) : u("", !0),
           s("ul", De, [
-            (t(!0), a(y, null, w(e.sections, (r) => (t(), a("li", {
-              key: r.name,
+            (t(!0), a(y, null, w(e.sections, (i) => (t(), a("li", {
+              key: i.name,
               class: "[&:first-child_.row-body]:border-t-0"
             }, [
               v(l(z), {
-                to: r.to,
-                "data-test": `section-${r.name}`,
+                to: i.to,
+                "data-test": `section-${i.name}`,
                 class: "flex min-w-0 items-stretch gap-3 pl-row-inset transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus"
               }, {
                 default: C(() => [
-                  s("span", Ie, [
-                    v(l(W), {
+                  s("span", Me, [
+                    v(l(q), {
                       tone: "anchor",
-                      icon: r.icon
+                      icon: i.icon
                     }, null, 8, ["icon"])
                   ]),
-                  s("span", Me, [
-                    s("span", Pe, i(r.label), 1),
-                    n.counts[r.name] !== void 0 ? (t(), a("span", We, i(n.counts[r.name]), 1)) : c("", !0),
-                    v(l(q), {
+                  s("span", Pe, [
+                    s("span", We, c(i.label), 1),
+                    n.counts[i.name] !== void 0 ? (t(), a("span", qe, c(n.counts[i.name]), 1)) : u("", !0),
+                    v(l(G), {
                       name: "arrowRightSLine",
                       size: 18,
                       class: "shrink-0 text-content-disabled"
@@ -291,7 +291,7 @@ const pe = {
             ]))), 128))
           ])
         ]))), 128))
-      ], 8, Te)) : c("", !0),
+      ], 8, Ie)) : u("", !0),
       s("div", {
         class: d(L.value ? "grid min-w-0 grid-cols-[minmax(0,1fr)_minmax(0,14rem)] items-start gap-7" : "contents"),
         "data-test": L.value ? "section-steps-form" : void 0
@@ -301,14 +301,14 @@ const pe = {
         }, [
           $(o.$slots, "default")
         ], 2),
-        L.value ? (t(), a("aside", Ge, [
-          v(G, { standalone: "" })
-        ])) : c("", !0)
-      ], 10, qe),
-      !l(A) && l(T).sections.value.length > 2 ? (t(), F(me, { key: 4 })) : c("", !0)
-    ], 8, ye));
+        L.value ? (t(), a("aside", Ke, [
+          v(K, { standalone: "" })
+        ])) : u("", !0)
+      ], 10, Ge),
+      !l(A) && l(T).sections.value.length > 2 ? (t(), F(pe, { key: 4 })) : u("", !0)
+    ], 8, we));
   }
 });
 export {
-  st as _
+  ot as _
 };

package/dist/{Sessions-CIVLL9X4.js → Sessions-_w3Tnevz.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-Ctga6GcS.js";
-import { P as D, b as L, e as O, i as g, d as T } from "./index-CM_Uh_xF.js";
+import { P as D, b as L, e as O, i as g, d as T } from "./index-BEDhdJQE.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/{SignIn-B8FbIWMH.js → SignIn-DIjshMpl.js}

@@ -6,7 +6,7 @@ import { u as D } from "./format-B8mJm946.js";
 import { _ as p } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
 import { e as b } from "./control-7EP4tjYy.js";
 import { u as U } from "./describeError-Ctga6GcS.js";
-import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-CM_Uh_xF.js";
+import { c as q, P as z, b as F, _ as L, i as O, d as T } from "./index-BEDhdJQE.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-DstM0hvf.js";

package/dist/{SignInPage-DIo9fK1d.js → SignInPage-C3-LHjo2.js}

@@ -6,7 +6,7 @@ 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-cr0xNDXP.js";
 import { _ as a } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 import { r as $ } from "./guards-Dve61KjR.js";
-import { u as C, a as E } from "./index-CM_Uh_xF.js";
+import { u as C, a as E } from "./index-BEDhdJQE.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-nH3zghoi.js → SignIns-DNdLctGJ.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-CM_Uh_xF.js";
+import { P as S, i as b } from "./index-BEDhdJQE.js";
 import { u as k } from "./platform-q3cjODLx.js";
 import { b as I } from "./routeResource-DstM0hvf.js";
 import { _ as R } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";

package/dist/{UserRecord-DVm0mIrA.js → UserRecord-C0JZgK47.js}

@@ -3,10 +3,10 @@ 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-Ctga6GcS.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-CM_Uh_xF.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-BEDhdJQE.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-ROl9_pdO.js";
+import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-D5Cnb4_O.js";
 import { u as E } from "./platform-q3cjODLx.js";
 import { a as te } from "./routeResource-DstM0hvf.js";
 import { a as oe } from "./ResourcePage.vue_vue_type_script_setup_true_lang-Da0M-hen.js";
@@ -18,7 +18,7 @@ import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a
 import { e as B } from "./control-7EP4tjYy.js";
 import { u as z, _ as K } from "./useCommand-BkONMn3X.js";
 import { u as U } from "./fieldMessages-C3Rpbktw.js";
-import { u as ce, s as le } from "./status-cZWwrYGN.js";
+import { u as ce, s as le } from "./status-DfAac6vw.js";
 import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 const ue = /* @__PURE__ */ R({
   __name: "DeactivateDialog",

package/dist/{UsersList-C3cNr0MI.js → UsersList-Bc8dCuRB.js}

@@ -6,8 +6,8 @@ import { _ as I } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js
 import { u as F } from "./format-B8mJm946.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-CM_Uh_xF.js";
-import { U as j, u as H, s as J } from "./status-cZWwrYGN.js";
+import { i as K, f as E, M as W } from "./index-BEDhdJQE.js";
+import { U as j, u as H, s as J } from "./status-DfAac6vw.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-DG2zdG_a.js";

package/dist/identity/index.js

@@ -1,4 +1,4 @@
-import { _ as t, h as n, j as a, i, k as o, d as r, l as d, m as u, n as y, r as l, o as I, s as f, q as p, t as A, f as c } from "../index-CM_Uh_xF.js";
+import { _ as t, h as n, j as a, i, k as o, d as r, l as d, m as u, n as y, r as l, o as I, s as f, q as p, t as A, f as c } from "../index-BEDhdJQE.js";
 export {
   t as SignInAsButton,
   n as identityFeature,

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

@@ -315,7 +315,7 @@ function Cs(e) {
 const Ye = async (e) => {
   await B(e.http);
 }, Je = z({
-  login: { name: "login", path: "/login", component: () => import("./SignInPage-DIo9fK1d.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-C3-LHjo2.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
 });
 function Os(e = {}) {
   return H({
@@ -334,7 +334,7 @@ function Os(e = {}) {
   });
 }
 const Z = z({
-  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-B1-66cXB.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-Ep75xf-u.js"), meta: { titleKey: "core.profile.title" } }
 }), Qe = /* @__PURE__ */ E({
   __name: "ProfileMenuItem",
   setup(e) {
@@ -358,19 +358,19 @@ function es(e) {
   return { name: `users.record.${e.path}`, path: e.path, component: s, meta: { ...e.meta } };
 }
 const W = "iam.user:view", qs = "iam.user:manage", ss = "iam.user.activity:view", ee = z({
-  index: { name: "users.index", path: "/users", component: () => import("./UsersList-C3cNr0MI.js"), meta: { access: W, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-Bc8dCuRB.js"), meta: { access: W, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-DVm0mIrA.js"),
+    component: () => import("./UserRecord-C0JZgK47.js"),
     meta: { access: W, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-Cvb-tLsE.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
-      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-B8FbIWMH.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-CIVLL9X4.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
-      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-nH3zghoi.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.changes", path: "changes", component: () => import("./Changes-CBM8york.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
-      { name: "users.record.activity", path: "activity", component: () => import("./Activity-DdnEG7EW.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
+      { name: "users.record.general", path: "general", component: () => import("./General-UWbJQLc8.js"), meta: { section: { labelKey: "core.users.sections.general", icon: "user3Line", groupKey: "core.users.section_groups.person" } } },
+      { name: "users.record.signin", path: "signin", component: () => import("./SignIn-DIjshMpl.js"), meta: { section: { labelKey: "core.users.sections.signin", icon: "key2Line", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.sessions", path: "sessions", component: () => import("./Sessions-_w3Tnevz.js"), meta: { section: { labelKey: "core.users.sections.sessions", icon: "deviceLine", groupKey: "core.users.section_groups.access" } } },
+      { name: "users.record.signins", path: "signins", component: () => import("./SignIns-DNdLctGJ.js"), meta: { section: { labelKey: "core.users.sections.signins", icon: "timeFill", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.changes", path: "changes", component: () => import("./Changes-Czs32zlz.js"), meta: { section: { labelKey: "core.users.sections.changes", icon: "edit", groupKey: "core.users.section_groups.activity" } } },
+      { name: "users.record.activity", path: "activity", component: () => import("./Activity-DhVVSf60.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });

package/dist/index.d.ts

@@ -1,2 +1,2 @@
 /** The version of @wssto2/vue-core (kept equal to package.json by index.test.ts). */
-export declare const version = "0.4.12";
+export declare const version = "0.4.13";

package/dist/index.js

@@ -1,4 +1,4 @@
-const o = "0.4.12";
+const o = "0.4.13";
 export {
   o as version
 };

package/dist/page/SectionNavigator.vue.d.ts

@@ -15,6 +15,7 @@ import type { SectionStep } from "./types";
  * | compact | `compact="segmented"` (default) | a segmented control of short labels, pinned under the phone nav bar while the section scrolls |
  * | compact | `compact="rows"` | drill-in rows at the top of the first section; every other section goes back to it |
  * | compact | `compact="auto"` | segmented up to five sections, rows beyond |
+ * | any | `hub` | no navigation: the first section is the record's hub, and its own content leads to the others (a workflow record's to-dos); every other section goes back to it, and a long form in one lists its sections beside it on wide screens |
  *
  * `steps` makes the record a workflow instead: the sections are large tiles in order, on every width (the `desktop` and `compact` variants
  * do not apply). Each tile is the section's link with its number (a ✓ once done), its label (short on phones), one line saying where the step
@@ -36,8 +37,8 @@ import type { SectionStep } from "./types";
 type __VLS_Props = {
     /** The accessible name of the navigation ("Parts of the dealer"). */
     label: string;
-    desktop?: "sidebar" | "segments";
-    compact?: "segmented" | "rows" | "auto";
+    desktop?: "sidebar" | "segments" | "hub";
+    compact?: "segmented" | "rows" | "auto" | "hub";
     /** The back label of a nested section on compact screens, and the record's name in the path of a page inside a section. */
     backLabel?: string;
     /** A quiet count per section route name ("Locations 4"). */
@@ -51,8 +52,8 @@ type __VLS_Slots = {
     summary?: () => unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    compact: "segmented" | "rows" | "auto";
-    desktop: "sidebar" | "segments";
+    compact: "segmented" | "rows" | "auto" | "hub";
+    desktop: "sidebar" | "segments" | "hub";
     backLabel: string;
     counts: Readonly<Record<string, string | number>>;
     steps: Readonly<Record<string, SectionStep>>;

package/dist/page/index.js

@@ -8,7 +8,7 @@ import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-D87
 import { c as pe, i as fe, p as me, a as be, u as ge, b as ve } from "../chrome-nUcmVu8G.js";
 import { s as z, u as I } from "../sectionIndex-BS0ic5W7.js";
 import { p as _e, a as xe } from "../sectionIndex-BS0ic5W7.js";
-import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-ROl9_pdO.js";
+import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-D5Cnb4_O.js";
 import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-B0p_8xQG.js";
 import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-BA0u_DtS.js";
 const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex", "onClick"], R = { class: "relative" }, E = {

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wssto2/vue-core",
-  "version": "0.4.12",
+  "version": "0.4.13",
   "goCore": "v1.7.0",
   "description": "Shared Vue 3 library for go-core applications: app shell, list / record / form pages and their controls.",
   "keywords": [