@wssto2/vue-core 0.15.3 → 0.17.0

package/dist/page/index.js

@@ -1,23 +1,24 @@
-import { _ as W, a as X, b as Y, c as Z, p as ee, u as te, d as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-uO4EAmBb.js";
-import { _ as se } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
-import { b as ne, i as re, u as ie } from "../bottomDock-BZEiOPYZ.js";
+import { _ as W, a as X, b as Y, c as Z, p as ee, u as te, d as ae } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-oXWQTfBs.js";
+import { B as se, a as le, u as ne } from "../back-LcLlFodC.js";
+import { _ as ie } from "../BottomDock.vue_vue_type_script_setup_true_lang-CjN7xYEr.js";
+import { b as ue, i as de, u as pe } from "../bottomDock-BZEiOPYZ.js";
 import { _ as x } from "../BottomDockPortal.vue_vue_type_script_setup_true_lang-DmwR-2SP.js";
-import { defineComponent as v, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as _, createCommentVNode as p, toDisplayString as f, useModel as S, useId as C, useTemplateRef as P, computed as $, mergeProps as w, createSlots as T, renderSlot as m, mergeModels as D } from "vue";
+import { defineComponent as _, openBlock as a, createBlock as b, withCtx as c, createElementVNode as s, normalizeStyle as k, createElementBlock as l, Fragment as y, renderList as B, normalizeClass as d, unref as v, createCommentVNode as p, toDisplayString as f, useModel as C, useId as P, useTemplateRef as S, computed as $, mergeProps as T, createSlots as w, renderSlot as m, mergeModels as A } from "vue";
 import { _ as L } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-CZtvUH5L.js";
-import { c as pe, i as fe, p as me, a as be, u as ge, b as ve } from "../chrome-nUcmVu8G.js";
-import { s as z, u as I } from "../sectionIndex-BS0ic5W7.js";
-import { p as he, a as xe } from "../sectionIndex-BS0ic5W7.js";
-import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-5ogQCj8M.js";
-import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-CodyVezo.js";
-import { _ as A } from "../Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
-const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex", "onClick"], R = { class: "relative" }, E = {
+import { _ as me } from "../RecordHeader.vue_vue_type_script_setup_true_lang-B3BnYg1x.js";
+import { c as ge, i as _e, p as ve, u as he, a as xe, b as ke } from "../chrome-kMBKIB1N.js";
+import { s as D, u as I } from "../sectionIndex-BS0ic5W7.js";
+import { p as Be, a as Ce } from "../sectionIndex-BS0ic5W7.js";
+import { _ as Se } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-DCTFxfPB.js";
+import { a as Te, _ as we } from "../SectionList.vue_vue_type_script_setup_true_lang-CodyVezo.js";
+import { _ as K } from "../Panel.vue_vue_type_script_setup_true_lang-D_Wg42hu.js";
+const M = ["aria-label"], R = ["aria-label"], z = ["aria-selected", "tabindex", "onClick"], E = { class: "relative" }, N = {
   key: 2,
   class: "absolute -right-1 -top-0.5 size-2 rounded-full bg-status-warning-solid ring-2 ring-surface-cell"
 }, H = {
   key: 0,
   class: "sr-only"
-}, U = /* @__PURE__ */ v({
+}, U = /* @__PURE__ */ _({
   __name: "BottomTabBar",
   props: {
     items: {},
@@ -50,8 +51,8 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
                 class: d(["relative flex h-14 w-full cursor-pointer flex-col items-center justify-center gap-1 px-1 transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", e.active ? "text-content-link" : "text-content-muted active:text-content-strong"]),
                 onClick: (u) => r("select", e.value)
               }, [
-                s("span", R, [
-                  e.icon ? (a(), b(_(L), {
+                s("span", E, [
+                  e.icon ? (a(), b(v(L), {
                     key: 0,
                     name: e.icon,
                     size: 22
@@ -59,23 +60,23 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
                   e.badge ? (a(), l("span", {
                     key: 1,
                     class: d(["absolute -right-2.5 -top-1.5 min-w-4 rounded-full px-1 text-center text-3xs font-semibold leading-4", e.badgeTone === "critical" ? "bg-status-danger-solid text-white" : "bg-tint text-content-on-tint"])
-                  }, f(e.badge), 3)) : e.warning ? (a(), l("span", E)) : p("", !0)
+                  }, f(e.badge), 3)) : e.warning ? (a(), l("span", N)) : p("", !0)
                 ]),
                 e.warning ? (a(), l("span", H, f(e.warning), 1)) : p("", !0),
                 s("span", {
                   class: d(["w-full truncate text-center text-2xs", e.active ? "font-semibold" : "font-medium"])
                 }, f(e.label), 3)
-              ], 10, N)
+              ], 10, z)
             ]))), 128))
-          ], 12, M)
-        ], 8, K)
+          ], 12, R)
+        ], 8, M)
       ]),
       _: 1
     }));
   }
-}), q = /* @__PURE__ */ v({
+}), q = /* @__PURE__ */ _({
   __name: "SectionPanel",
-  props: /* @__PURE__ */ D({
+  props: /* @__PURE__ */ A({
     title: {},
     icon: { default: void 0 },
     number: { default: void 0 },
@@ -91,13 +92,13 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
   }),
   emits: ["update:collapsed"],
   setup(n) {
-    const t = n, o = S(n, "collapsed"), r = t.id ?? (z(t.title) || `section-${C()}`), i = P("panel"), g = $(() => i.value?.$el ?? null);
-    return I(r, () => t.title, g, { number: () => t.number, reveal: () => i.value?.expand() }), (e, u) => (a(), b(A, w({
+    const t = n, o = C(n, "collapsed"), r = t.id ?? (D(t.title) || `section-${P()}`), i = S("panel"), g = $(() => i.value?.$el ?? null);
+    return I(r, () => t.title, g, { number: () => t.number, reveal: () => i.value?.expand() }), (e, u) => (a(), b(K, T({
       ref_key: "panel",
       ref: i,
       collapsed: o.value,
       "onUpdate:collapsed": u[0] || (u[0] = (h) => o.value = h)
-    }, { id: _(r), tabindex: -1 }, {
+    }, { id: v(r), tabindex: -1 }, {
       title: t.title,
       icon: t.icon,
       number: t.number,
@@ -107,7 +108,7 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
       flush: t.flush,
       "heading-level": t.headingLevel,
       class: "scroll-mt-[calc(var(--app-bar-height)+1.5rem)]"
-    }), T({
+    }), w({
       default: c(() => [
         m(e.$slots, "default")
       ]),
@@ -132,31 +133,34 @@ const K = ["aria-label"], M = ["aria-label"], N = ["aria-selected", "tabindex",
 });
 export {
   W as AdaptivePageShell,
-  se as BottomDock,
+  se as BACK_PARAM,
+  le as BACK_TITLE_PARAM,
+  ie as BottomDock,
   x as BottomDockPortal,
   U as BottomTabBar,
   X as PageActions,
   Y as PageToolbar,
-  ue as RecordHeader,
+  me as RecordHeader,
   Z as ResourceHeader,
-  Se as SectionJumper,
-  Ce as SectionList,
-  ye as SectionNavigator,
+  Te as SectionJumper,
+  we as SectionList,
+  Se as SectionNavigator,
   q as SectionPanel,
-  ne as bottomDockKey,
-  pe as createPageChrome,
-  re as installBottomDock,
-  fe as installPageChrome,
-  me as pageChromeKey,
+  ue as bottomDockKey,
+  ge as createPageChrome,
+  de as installBottomDock,
+  _e as installPageChrome,
+  ve as pageChromeKey,
   ee as pageSectionBackKey,
-  he as provideSectionIndex,
-  z as sectionId,
-  ie as useBottomDockTarget,
+  Be as provideSectionIndex,
+  D as sectionId,
+  ne as useBackLinks,
+  pe as useBottomDockTarget,
   te as useLargeTitle,
-  be as useOptionalPageChrome,
-  ge as usePageChrome,
-  ve as usePageChromeContext,
+  he as useOptionalPageChrome,
+  xe as usePageChrome,
+  ke as usePageChromeContext,
   ae as usePageSectionBack,
   I as useSectionAnchor,
-  xe as useSectionIndex
+  Ce as useSectionIndex
 };

package/dist/phone/index.js

@@ -1,8 +1,9 @@
-import { defineComponent as fe, useModel as me, useTemplateRef as z, ref as B, computed as g, watch as ne, nextTick as W, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as i, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as re, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as se, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
+import { defineComponent as fe, useModel as me, useTemplateRef as z, ref as B, computed as g, watch as ne, nextTick as W, openBlock as w, createElementBlock as $, createElementVNode as f, normalizeClass as P, unref as s, createVNode as M, toDisplayString as T, normalizeStyle as xe, Fragment as ee, renderList as le, createCommentVNode as J, withModifiers as we, withDirectives as _e, vModelText as ke, mergeModels as re, inject as Ce, shallowRef as $e, onBeforeUnmount as De, createBlock as Me, mergeProps as Te, createSlots as Se, withCtx as ie, createTextVNode as Ne, renderSlot as Ie, mergeDefaults as Pe } from "vue";
 import { useI18n as pe } from "vue-i18n";
-import { u as ve } from "../format-Cp1h0vsC.js";
+import { u as ve } from "../format-C_HXlOYQ.js";
 import { b as Ve } from "../controlSurface-t7OEFESJ.js";
-import { c as ie, a as Oe, e as Le, _ as Re, f as Be, b as Ee } from "../options-B48UiYsG.js";
+import { f as se, u as Oe, _ as Le } from "../options-mOOX6JSS.js";
+import { a as Re, f as Be, b as Ee } from "../FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
 import { _ as A } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as ue } from "../CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { u as Fe } from "../anchored-DpuUwf-9.js";
@@ -13,7 +14,7 @@ function ye(t) {
   return qe.country_calling_codes[t]?.[0];
 }
 const E = (t) => We(t), de = (t) => `+${E(t)}`;
-function Dt(t, a) {
+function Mt(t, a) {
   let e = (t ?? "").replace(/\D/g, "");
   if (e.length < 6) return null;
   let n = "";
@@ -67,7 +68,7 @@ function be(t) {
   const a = Ye(t), e = ze(t);
   return e === "TOO_SHORT" ? { kind: "too_short", country: a } : e === "TOO_LONG" ? { kind: "too_long", country: a } : e !== void 0 ? { kind: "invalid", country: a } : he(t)?.isValid() ? null : { kind: "invalid", country: a };
 }
-const Mt = (t) => be(t) === null;
+const Tt = (t) => be(t) === null;
 function ge(t, a) {
   try {
     return new Intl.DisplayNames([a], { type: "region" }).of(t) ?? t;
@@ -76,9 +77,9 @@ function ge(t, a) {
   }
 }
 function Je(t, a, e) {
-  const n = ie(t.trim());
+  const n = se(t.trim());
   if (n === "") return e;
-  const l = n.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ie(x.of(h) ?? h), _ = n.startsWith("+") || /^\d+$/.test(n);
+  const l = n.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => se(x.of(h) ?? h), _ = n.startsWith("+") || /^\d+$/.test(n);
   return e.filter((h) => _ ? E(h).startsWith(l) : p(h).includes(n) || h.toLowerCase() === n);
 }
 const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tabular-nums" }, et = ["id", "aria-label"], tt = {
@@ -89,7 +90,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
   key: 0,
   class: "px-3 py-2 text-footnote text-content-muted",
   role: "status"
-}, at = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], st = /* @__PURE__ */ fe({
+}, at = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], it = /* @__PURE__ */ fe({
   __name: "CountryPicker",
   props: /* @__PURE__ */ re({
     id: {},
@@ -104,7 +105,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
   setup(t, { expose: a, emit: e }) {
     const n = t, l = me(t, "modelValue"), x = e, { t: p } = pe(), _ = ve(), h = z("root"), V = z("trigger"), k = z("panel"), K = z("search"), C = B(!1), v = B(""), d = B(0), O = g(() => {
       const o = /* @__PURE__ */ new Map();
-      for (const s of te()) o.set(s, ge(s, _.intlLocale));
+      for (const i of te()) o.set(i, ge(i, _.intlLocale));
       return o;
     }), S = (o) => O.value.get(o) ?? o, D = g(() => {
       const o = n.common.filter((c) => O.value.has(c));
@@ -112,15 +113,15 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         const c = Je(v.value, _.intlLocale, te());
         return [{ title: null, countries: [...c.filter((r) => o.includes(r)), ...c.filter((r) => !o.includes(r))] }];
       }
-      const s = te().filter((c) => !o.includes(c)).sort((c, r) => S(c).localeCompare(S(r), _.intlLocale));
-      return [{ title: p("core.form.phone.common"), countries: o }, { title: p("core.form.phone.all"), countries: s }].filter((c) => c.countries.length > 0);
-    }), y = g(() => D.value.flatMap((o) => o.countries)), F = g(() => D.value.map((o, s) => D.value.slice(0, s).reduce((c, r) => c + r.countries.length, 0))), U = (o) => `${n.id}-country-${o}`, { style: Q } = Fe(k, {
+      const i = te().filter((c) => !o.includes(c)).sort((c, r) => S(c).localeCompare(S(r), _.intlLocale));
+      return [{ title: p("core.form.phone.common"), countries: o }, { title: p("core.form.phone.all"), countries: i }].filter((c) => c.countries.length > 0);
+    }), y = g(() => D.value.flatMap((o) => o.countries)), F = g(() => D.value.map((o, i) => D.value.slice(0, i).reduce((c, r) => c + r.countries.length, 0))), U = (o) => `${n.id}-country-${o}`, { style: Q } = Fe(k, {
       reference: () => V.value,
       placement: () => "bottom-start",
       offset: 4,
       padding: 8,
-      fit: (o, s) => {
-        o.style.width = "min(20rem, calc(100vw - 1rem))", o.style.maxHeight = `${Math.max(200, Math.min(380, s.height))}px`;
+      fit: (o, i) => {
+        o.style.width = "min(20rem, calc(100vw - 1rem))", o.style.maxHeight = `${Math.max(200, Math.min(380, i.height))}px`;
       }
     });
     async function j() {
@@ -143,14 +144,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         o.preventDefault(), d.value = Math.min(Math.max(d.value + (o.key === "ArrowDown" ? 1 : -1), 0), y.value.length - 1);
       else if (o.key === "Enter") {
         o.preventDefault();
-        const s = y.value[d.value];
-        s && L(s);
+        const i = y.value[d.value];
+        i && L(i);
       }
     }
     function R(o) {
       (o.key === "ArrowDown" || o.key === "ArrowUp") && (o.preventDefault(), j());
     }
-    return a({ focus: () => V.value?.focus() }), (o, s) => (w(), $("div", {
+    return a({ focus: () => V.value?.focus() }), (o, i) => (w(), $("div", {
       ref_key: "root",
       ref: h,
       class: "shrink-0",
@@ -162,17 +163,17 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         ref: V,
         type: "button",
         disabled: n.disabled,
-        "aria-label": i(p)("core.form.phone.country", { country: S(l.value) }),
+        "aria-label": s(p)("core.form.phone.country", { country: S(l.value) }),
         "aria-haspopup": "listbox",
         "aria-expanded": C.value,
         "data-test": "country-button",
         class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", n.surface]),
-        onClick: s[0] || (s[0] = (c) => C.value ? N(!0) : j()),
+        onClick: i[0] || (i[0] = (c) => C.value ? N(!0) : j()),
         onKeydown: R
       }, [
         M(ue, { country: l.value }, null, 8, ["country"]),
-        f("span", Ze, T(i(de)(l.value)), 1),
-        M(i(A), {
+        f("span", Ze, T(s(de)(l.value)), 1),
+        M(s(A), {
           name: "arrowDownSLine",
           size: 14,
           class: "text-content-muted"
@@ -182,14 +183,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         key: 0,
         ref_key: "panel",
         ref: k,
-        style: xe(i(Q)),
+        style: xe(s(Q)),
         "data-test": "country-list",
         class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float"
       }, [
         f("div", {
           id: `${n.id}-countries`,
           role: "listbox",
-          "aria-label": i(p)("core.form.phone.countries"),
+          "aria-label": s(p)("core.form.phone.countries"),
           class: "min-h-0 flex-1 overflow-y-auto p-2"
         }, [
           (w(!0), $(ee, null, le(D.value, (c, r) => (w(), $(ee, {
@@ -204,7 +205,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               "data-test": "country-option",
               "data-country": u,
               class: P(["flex cursor-pointer items-center gap-2.5 rounded-control px-2 py-2 text-body", (F.value[r] ?? 0) + b === d.value ? "bg-tint-soft" : "hover:bg-fill"]),
-              onMousedown: s[1] || (s[1] = we(() => {
+              onMousedown: i[1] || (i[1] = we(() => {
               }, ["prevent"])),
               onMouseenter: (m) => d.value = (F.value[r] ?? 0) + b,
               onClick: (m) => L(u)
@@ -213,16 +214,16 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               f("span", {
                 class: P(["min-w-0 flex-1 truncate text-content-strong", u === l.value ? "font-semibold" : ""])
               }, T(S(u)), 3),
-              f("span", nt, T(i(de)(u)), 1)
+              f("span", nt, T(s(de)(u)), 1)
             ], 42, ot))), 128))
           ], 64))), 128)),
-          y.value.length === 0 ? (w(), $("p", rt, T(i(p)("core.form.phone.no_match")), 1)) : J("", !0)
+          y.value.length === 0 ? (w(), $("p", rt, T(s(p)("core.form.phone.no_match")), 1)) : J("", !0)
         ], 8, et),
         f("div", at, [
           _e(f("input", {
             ref_key: "search",
             ref: K,
-            "onUpdate:modelValue": s[2] || (s[2] = (c) => v.value = c),
+            "onUpdate:modelValue": i[2] || (i[2] = (c) => v.value = c),
             type: "text",
             role: "combobox",
             autocomplete: "off",
@@ -230,8 +231,8 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             "aria-expanded": "true",
             "aria-controls": `${n.id}-countries`,
             "aria-activedescendant": y.value[d.value] ? U(y.value[d.value]) : void 0,
-            "aria-label": i(p)("core.form.phone.search"),
-            placeholder: i(p)("core.form.phone.search"),
+            "aria-label": s(p)("core.form.phone.search"),
+            placeholder: s(p)("core.form.phone.search"),
             "data-test": "country-search",
             class: "block w-full border-0 bg-transparent p-0 text-body text-content-strong placeholder:text-content-muted focus:outline-none focus:ring-0",
             onKeydown: G
@@ -242,14 +243,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
       ], 4)) : J("", !0)
     ], 544));
   }
-}), it = Symbol("vue-core.phoneDefaults"), ut = { class: "w-full min-w-0" }, ct = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], dt = {
+}), st = Symbol("vue-core.phoneDefaults"), ut = { class: "w-full min-w-0" }, ct = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], dt = {
   key: 0,
   class: "mt-1.5 flex items-center gap-1.5 text-footnote text-status-success-content",
   "data-test": "phone-kind"
 }, ft = ["href", "aria-label", "title"], mt = ["href", "aria-label", "title"], pt = ["aria-label", "title"], vt = {
   class: "sr-only",
   role: "status"
-}, Tt = /* @__PURE__ */ fe({
+}, St = /* @__PURE__ */ fe({
   __name: "PhoneField",
   props: /* @__PURE__ */ re(/* @__PURE__ */ Pe({
     label: {},
@@ -272,7 +273,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: a }) {
-    const e = t, n = me(t, "modelValue"), { t: l } = pe(), x = ve(), p = Ce(it, {}), _ = !!Oe(), h = Le("text", () => e.error || L.value ? "error" : e.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(e.width) : "w-full"), k = z("input"), K = g(() => e.defaultCountry ?? p.defaultCountry ?? (e.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => e.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = B("");
+    const e = t, n = me(t, "modelValue"), { t: l } = pe(), x = ve(), p = Ce(st, {}), _ = !!Re(), h = Oe("text", () => e.error || L.value ? "error" : e.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(e.width) : "w-full"), k = z("input"), K = g(() => e.defaultCountry ?? p.defaultCountry ?? (e.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => e.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = B("");
     let O = null;
     function S(r) {
       v.value = r.country, d.value = r.text;
@@ -315,34 +316,34 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
       if (r)
         return r.country ? l(`core.form.phone.${r.kind}`, { country: ge(r.country, x.intlLocale) }) : l("core.form.phone.invalid_any");
     }), G = g(() => n.value !== "" && !L.value ? Xe(n.value) : void 0), R = g(() => He(n.value)), o = B(!1);
-    let s = null;
+    let i = null;
     async function c() {
       try {
         await navigator.clipboard.writeText(R.value);
       } catch {
         return;
       }
-      o.value = !0, s && clearTimeout(s), s = setTimeout(() => o.value = !1, 1800);
+      o.value = !0, i && clearTimeout(i), i = setTimeout(() => o.value = !1, 1800);
     }
-    return De(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (r, u) => (w(), Me(Re, Te({ ...i(Be)(e), error: e.error ?? H.value }, {
+    return De(() => i && clearTimeout(i)), a({ focus: () => k.value?.focus() }), (r, u) => (w(), Me(Le, Te({ ...s(Be)(e), error: e.error ?? H.value }, {
       value: n.value === "" ? null : R.value,
       "value-style": "numeric"
     }), Se({
-      default: se(({ id: b, describedby: m, invalid: I }) => [
+      default: ie(({ id: b, describedby: m, invalid: I }) => [
         f("div", ut, [
           f("div", {
             class: P(["flex items-stretch gap-1.5", V.value])
           }, [
-            M(st, {
+            M(it, {
               id: b,
               "model-value": v.value,
               common: C.value,
               disabled: e.disabled,
-              surface: `${i(h)} px-2.5`,
+              surface: `${s(h)} px-2.5`,
               onPicked: j
             }, null, 8, ["id", "model-value", "common", "disabled", "surface"]),
             f("div", {
-              class: P(["min-w-0 flex-1", i(h)])
+              class: P(["min-w-0 flex-1", s(h)])
             }, [
               f("input", {
                 id: b,
@@ -368,12 +369,12 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             ], 2)
           ], 2),
           G.value && !(e.error ?? H.value) ? (w(), $("p", dt, [
-            M(i(A), {
+            M(s(A), {
               name: "checkCustom",
               size: 14,
               class: "shrink-0"
             }),
-            Ne(" " + T(i(l)(`core.form.phone.kind_${G.value}`)), 1)
+            Ne(" " + T(s(l)(`core.form.phone.kind_${G.value}`)), 1)
           ])) : J("", !0)
         ])
       ]),
@@ -381,7 +382,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
     }, [
       n.value !== "" ? {
         name: "readonly",
-        fn: se(() => [
+        fn: ie(() => [
           f("div", {
             class: P(["flex w-full min-w-0 flex-wrap items-center gap-x-2 gap-y-1.5", _ ? "justify-end" : ""]),
             "data-test": "phone-read"
@@ -391,24 +392,24 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             }, T(R.value), 3),
             f("a", {
               href: `tel:${n.value}`,
-              "aria-label": i(l)("core.form.phone.call"),
-              title: i(l)("core.form.phone.call"),
+              "aria-label": s(l)("core.form.phone.call"),
+              title: s(l)("core.form.phone.call"),
               "data-test": "phone-call",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(A), {
+              M(s(A), {
                 name: "phone",
                 size: 18
               })
             ], 8, ft),
             f("a", {
               href: `sms:${n.value}`,
-              "aria-label": i(l)("core.form.phone.message"),
-              title: i(l)("core.form.phone.message"),
+              "aria-label": s(l)("core.form.phone.message"),
+              title: s(l)("core.form.phone.message"),
               "data-test": "phone-message",
               class: "flex size-9 shrink-0 items-center justify-center rounded-full bg-tint-soft text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus"
             }, [
-              M(i(A), {
+              M(s(A), {
                 name: "message",
                 size: 18
               })
@@ -419,18 +420,18 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             }),
             f("button", {
               type: "button",
-              "aria-label": i(l)("core.form.phone.copy"),
-              title: i(l)("core.form.phone.copy"),
+              "aria-label": s(l)("core.form.phone.copy"),
+              title: s(l)("core.form.phone.copy"),
               "data-test": "phone-copy",
               class: "flex size-9 shrink-0 cursor-pointer items-center justify-center rounded-full bg-fill text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
               onClick: c
             }, [
-              M(i(A), {
+              M(s(A), {
                 name: o.value ? "checkCustom" : "copy",
                 size: 18
               }, null, 8, ["name"])
             ], 8, pt),
-            f("span", vt, T(o.value ? i(l)("core.form.phone.copied") : ""), 1)
+            f("span", vt, T(o.value ? s(l)("core.form.phone.copied") : ""), 1)
           ], 2)
         ]),
         key: "0"
@@ -440,14 +441,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
 });
 export {
   ce as COMMON_COUNTRIES,
-  Tt as PhoneField,
+  St as PhoneField,
   ge as countryName,
   de as dialCode,
   He as formatInternational,
-  Mt as isValidPhone,
+  Tt as isValidPhone,
   Ye as phoneCountry,
-  it as phoneDefaultsKey,
+  st as phoneDefaultsKey,
   Xe as phoneKind,
   be as phoneProblem,
-  Dt as whatsAppLink
+  Mt as whatsAppLink
 };

package/dist/platform/index.d.ts

@@ -9,7 +9,7 @@ export { parseNavigation } from "./navigation";
 export type { NavigationNode } from "./navigation";
 export { httpSessionAdapter, parseSessionPayload } from "./httpSession";
 export type { HttpSessionOptions, UserParser } from "./httpSession";
-export { createPlatform, installPlatform, platformKey, usePlatform } from "./platform";
+export { createPlatform, installPlatform, platformKey, useAccess, usePlatform } from "./platform";
 export type { Platform, PlatformOptions } from "./platform";
 export { mergePatch, preferencesOf } from "./preferences";
 export type { Preferences, PreferencesPatch } from "./preferences";
@@ -24,6 +24,15 @@ export type { BeforeSignOutHook, Session, SessionAdapter, SessionEnd, SessionImp
  *   declare module "@wssto2/vue-core/platform" {
  *     interface PermissionRegistry { "tickets:view": true; "tickets:update": true }
  *   }
+ *
+ * An application with a generated union declares it in one line, and may split the rest across features (each
+ * feature's `routes.ts` adds its own keys the same way):
+ *
+ *   declare module "@wssto2/vue-core/platform" {
+ *     interface PermissionRegistry extends Record<GeneratedPermission, true> {}
+ *   }
+ *
+ * `usePlatform().access`, `useAccess()`, `AccessGate` and route `meta.access` are all typed from it.
  */
 export interface PermissionRegistry {
 }

package/dist/platform/index.js

@@ -5,12 +5,12 @@ var S = (s) => {
 var O = (s, t, e) => t in s ? N(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
 var $ = (s, t, e) => O(s, typeof t != "symbol" ? t + "" : t, e), w = (s, t, e) => t.has(s) || S("Cannot " + e);
 var o = (s, t, e) => (w(s, t, "read from private field"), e ? e.call(s) : t.get(s)), l = (s, t, e) => t.has(s) ? S("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(s) : t.set(s, e), f = (s, t, e, r) => (w(s, t, "write to private field"), r ? r.call(s, e) : t.set(s, e), e), h = (s, t, e) => (w(s, t, "access private method"), e);
-import { u as v } from "../platform-ORzRR3Tw.js";
-import { b as F, c as G, a as K, d as U, h as _, e as z, i as D, p as H, f as Q, g as R } from "../platform-ORzRR3Tw.js";
-import { M as W, d as X } from "../context-Ch1r4fdN.js";
-import { m as Z, p as k } from "../preferences-hYhrw8Uy.js";
+import { u as v } from "../platform-DU9QFts8.js";
+import { b as F, c as G, a as K, d as U, h as _, e as z, i as D, p as H, f as Q, g as R, j as V } from "../platform-DU9QFts8.js";
+import { M as X, d as Y } from "../context-Ch1r4fdN.js";
+import { m as k, p as tt } from "../preferences-hYhrw8Uy.js";
 import { computed as E } from "vue";
-import { _ as et } from "../AccessGate.vue_vue_type_script_setup_true_lang-BH3f0hda.js";
+import { _ as st } from "../AccessGate.vue_vue_type_script_setup_true_lang-Bg8JFAOT.js";
 class m extends Error {
   constructor(e, r = [], n) {
     super(r.length > 0 ? `${e}: ${r.join("; ")}` : e);
@@ -19,7 +19,7 @@ class m extends Error {
     this.name = "BootstrapError", this.issues = r, this.cause = n?.cause;
   }
 }
-const x = (s) => s === null ? "null" : Array.isArray(s) ? "array" : typeof s, B = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
+const x = (s) => s === null ? "null" : Array.isArray(s) ? "array" : typeof s, j = (s) => typeof s == "object" && s !== null && !Array.isArray(s);
 var a, c, p, d, u, g;
 const b = class b {
   /** @internal use the `fields` passed to `extend`. */
@@ -54,7 +54,7 @@ const b = class b {
   /** A nested object, read with the same checks; issues are reported as `parent.child`. */
   section(t) {
     const e = o(this, a)[t];
-    return B(e) ? new b(e, `${o(this, c)}${t}.`, o(this, p)) : (this.fail(t, `expected object, got ${x(e)}`), new b({}, `${o(this, c)}${t}.`, o(this, p), !0));
+    return j(e) ? new b(e, `${o(this, c)}${t}.`, o(this, p)) : (this.fail(t, `expected object, got ${x(e)}`), new b({}, `${o(this, c)}${t}.`, o(this, p), !0));
   }
 };
 a = new WeakMap(), c = new WeakMap(), p = new WeakMap(), d = new WeakMap(), u = new WeakSet(), g = function(t, e, r, n) {
@@ -63,7 +63,7 @@ a = new WeakMap(), c = new WeakMap(), p = new WeakMap(), d = new WeakMap(), u =
 };
 let A = b;
 function P(s, t) {
-  if (!B(s))
+  if (!j(s))
     throw new m("Invalid bootstrap config", [`expected a JSON object, got ${x(s)}`]);
   const e = [], r = new A(s, "", e), n = r.string("locale");
   n === "" && r.fail("locale", "must not be empty");
@@ -87,8 +87,8 @@ function L(s = {}) {
   let y;
   try {
     y = JSON.parse(i);
-  } catch (j) {
-    throw new m(`Bootstrap config in ${n} is not valid JSON`, [], { cause: j });
+  } catch (B) {
+    throw new m(`Bootstrap config in ${n} is not valid JSON`, [], { cause: B });
   }
   return P(y, e);
 }
@@ -100,25 +100,26 @@ function M() {
   });
 }
 export {
-  et as AccessGate,
+  st as AccessGate,
   m as BootstrapError,
   A as BootstrapFields,
-  W as MissingContextError,
+  X as MissingContextError,
   F as beforeSignOutTimeout,
   G as createAccessClient,
   K as createPlatform,
   U as createSession,
-  X as defineFeatureContext,
+  Y as defineFeatureContext,
   _ as heldSession,
   z as httpSessionAdapter,
   D as installPlatform,
-  Z as mergePatch,
+  k as mergePatch,
   P as parseBootstrap,
   H as parseNavigation,
   Q as parseSessionPayload,
   R as platformKey,
-  k as preferencesOf,
+  tt as preferencesOf,
   L as readBootstrap,
+  V as useAccess,
   v as usePlatform,
   M as useSessionUser
 };

package/dist/platform/platform.d.ts

@@ -2,7 +2,7 @@ import type { App, InjectionKey } from "vue";
 import { type HttpClient, type HttpClientOptions, type Transport } from "../client";
 import { type AccessClient, type AccessClientOptions } from "./access";
 import type { BootstrapConfig } from "./bootstrap";
-import type { RegisteredConfig, RegisteredUser } from "./index";
+import type { Permission, RegisteredConfig, RegisteredUser } from "./index";
 import { type BeforeSignOutHook, type Session, type SessionAdapter, type SessionUser } from "./session";
 /**
  * One application's shared services. Everything in it belongs to this instance alone. Bare `Platform` is the
@@ -13,7 +13,7 @@ export interface Platform<U extends SessionUser = RegisteredUser, C extends Boot
     readonly http: HttpClient;
     readonly session: Session<U>;
     /** Reads the session's access; empty until the session is restored or established. */
-    readonly access: AccessClient;
+    readonly access: AccessClient<Permission>;
 }
 export interface PlatformOptions<U extends SessionUser, C extends BootstrapConfig> extends AccessClientOptions {
     /** The validated bootstrap config (`readBootstrap()`); its `apiBase` prefixes every request. */
@@ -65,4 +65,6 @@ export declare function createPlatform<U extends SessionUser, C extends Bootstra
 }): Platform<U, C>;
 export declare const platformKey: InjectionKey<Platform>;
 export declare const usePlatform: () => Platform;
+/** What the signed-in user may do: the platform's access client, typed to the registered permissions. */
+export declare const useAccess: () => AccessClient<Permission>;
 export declare function installPlatform(app: App, platform: Platform): void;