@wssto2/vue-core 0.12.0 → 0.13.0

package/dist/phone/index.js

@@ -1,21 +1,21 @@
-import { defineComponent as fe, useModel as me, useTemplateRef as F, ref as E, computed as g, watch as ne, nextTick as A, 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 ae, 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 { defineComponent as fe, useModel as me, useTemplateRef as F, ref as E, computed as g, watch as ne, nextTick as q, 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 ae, 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 { useI18n as pe } from "vue-i18n";
+import { u as ve } from "../format-DoKs29bZ.js";
 import { b as Ve } from "../controlSurface-t7OEFESJ.js";
-import { c as se, a as Oe, e as Re, _ as Be, f as Ee, b as ze } from "../options-B48UiYsG.js";
-import { _ as q } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { c as ie, a as Oe, e as Re, _ as Be, f as Ee, b as Le } from "../options-B48UiYsG.js";
+import { _ as z } 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";
-import { i as ve } from "../intlLocale-CeRU44qJ.js";
-import { AsYouType as L, validatePhoneNumberLength as qe, parsePhoneNumberFromString as he, getCountries as Ae, getCountryCallingCode as Le } from "libphonenumber-js/max";
+import { AsYouType as A, validatePhoneNumberLength as ze, parsePhoneNumberFromString as he, getCountries as qe, getCountryCallingCode as Ae } from "libphonenumber-js/max";
 import We from "libphonenumber-js/max/metadata";
 const ce = ["HR", "BA", "SI", "RS"], Ke = 15;
 function ye(t) {
   return We.country_calling_codes[t]?.[0];
 }
-const W = (t) => Le(t), de = (t) => `+${W(t)}`, te = () => Ae();
+const W = (t) => Ae(t), de = (t) => `+${W(t)}`, te = () => qe();
 function Ue(t, a) {
   const o = `+${t}`;
-  return new L().input(`${o}${a}`).slice(o.length).trim();
+  return new A().input(`${o}${a}`).slice(o.length).trim();
 }
 function re(t, a, o) {
   const r = o.slice(0, Math.max(0, Ke - a.length));
@@ -24,21 +24,21 @@ function re(t, a, o) {
 function oe(t, a) {
   const o = t.trim().replace(/^00(?=\d)/, "+");
   if (o.startsWith("+")) {
-    const l = new L();
+    const l = new A();
     l.input(o);
     const x = l.getCallingCode();
     if (!x) return { country: a, e164: "", text: o.replace(/[^\d+]/g, "") };
     const p = l.getCountry() ?? (W(a) === x ? a : ye(x) ?? a);
     return re(p, x, l.getNumber()?.nationalNumber ?? "");
   }
-  const r = new L(a);
+  const r = new A(a);
   return r.input(o.replace(/\D/g, "")), re(a, W(a), r.getNumber()?.nationalNumber ?? "");
 }
 function je(t, a) {
   return re(a, W(a), t.text.replace(/\D/g, ""));
 }
 function He(t) {
-  return t.startsWith("+") ? new L().input(t) : t;
+  return t.startsWith("+") ? new A().input(t) : t;
 }
 const Ge = { MOBILE: "mobile", FIXED_LINE: "landline", TOLL_FREE: "toll_free", PREMIUM_RATE: "premium_rate", VOIP: "voip" };
 function Xe(t) {
@@ -46,28 +46,28 @@ function Xe(t) {
   return o ? Ge[o] : void 0;
 }
 function Ye(t) {
-  const a = new L();
+  const a = new A();
   a.input(t);
   const o = a.getCallingCode();
   return a.getCountry() ?? (o ? ye(o) : void 0);
 }
 function be(t) {
   if (t === "") return null;
-  const a = Ye(t), o = qe(t);
+  const a = Ye(t), o = ze(t);
   return o === "TOO_SHORT" ? { kind: "too_short", country: a } : o === "TOO_LONG" ? { kind: "too_long", country: a } : o !== void 0 ? { kind: "invalid", country: a } : he(t)?.isValid() ? null : { kind: "invalid", country: a };
 }
 const Dt = (t) => be(t) === null;
 function ge(t, a) {
   try {
-    return new Intl.DisplayNames([ve(a)], { type: "region" }).of(t) ?? t;
+    return new Intl.DisplayNames([a], { type: "region" }).of(t) ?? t;
   } catch {
     return t;
   }
 }
 function Je(t, a, o) {
-  const r = se(t.trim());
+  const r = ie(t.trim());
   if (r === "") return o;
-  const l = r.replace(/\D/g, ""), x = new Intl.DisplayNames([ve(a)], { type: "region" }), p = (h) => se(x.of(h) ?? h), _ = r.startsWith("+") || /^\d+$/.test(r);
+  const l = r.replace(/\D/g, ""), x = new Intl.DisplayNames([a], { type: "region" }), p = (h) => ie(x.of(h) ?? h), _ = r.startsWith("+") || /^\d+$/.test(r);
   return o.filter((h) => _ ? W(h).startsWith(l) : p(h).includes(r) || h.toLowerCase() === r);
 }
 const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tabular-nums" }, et = ["id", "aria-label"], tt = {
@@ -78,7 +78,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"
-}, rt = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], it = /* @__PURE__ */ fe({
+}, rt = { class: "border-t border-border-separator px-3 py-2" }, lt = ["aria-controls", "aria-activedescendant", "aria-label", "placeholder"], st = /* @__PURE__ */ fe({
   __name: "CountryPicker",
   props: /* @__PURE__ */ ae({
     id: {},
@@ -91,29 +91,29 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
   }),
   emits: /* @__PURE__ */ ae(["picked"], ["update:modelValue"]),
   setup(t, { expose: a, emit: o }) {
-    const r = t, l = me(t, "modelValue"), x = o, { t: p, locale: _ } = pe(), h = F("root"), V = F("trigger"), k = F("panel"), K = F("search"), C = E(!1), v = E(""), d = E(0), O = g(() => {
+    const r = t, l = me(t, "modelValue"), x = o, { t: p } = pe(), _ = ve(), h = F("root"), V = F("trigger"), k = F("panel"), K = F("search"), C = E(!1), v = E(""), d = E(0), O = g(() => {
       const e = /* @__PURE__ */ new Map();
-      for (const i of te()) e.set(i, ge(i, _.value));
+      for (const s of te()) e.set(s, ge(s, _.intlLocale));
       return e;
     }), S = (e) => O.value.get(e) ?? e, D = g(() => {
       const e = r.common.filter((c) => O.value.has(c));
       if (v.value.trim() !== "") {
-        const c = Je(v.value, _.value, te());
+        const c = Je(v.value, _.intlLocale, te());
         return [{ title: null, countries: [...c.filter((n) => e.includes(n)), ...c.filter((n) => !e.includes(n))] }];
       }
-      const i = te().filter((c) => !e.includes(c)).sort((c, n) => S(c).localeCompare(S(n), _.value));
-      return [{ title: p("core.form.phone.common"), countries: e }, { title: p("core.form.phone.all"), countries: i }].filter((c) => c.countries.length > 0);
-    }), y = g(() => D.value.flatMap((e) => e.countries)), z = g(() => D.value.map((e, i) => D.value.slice(0, i).reduce((c, n) => c + n.countries.length, 0))), U = (e) => `${r.id}-country-${e}`, { style: Q } = Fe(k, {
+      const s = te().filter((c) => !e.includes(c)).sort((c, n) => S(c).localeCompare(S(n), _.intlLocale));
+      return [{ title: p("core.form.phone.common"), countries: e }, { title: p("core.form.phone.all"), countries: s }].filter((c) => c.countries.length > 0);
+    }), y = g(() => D.value.flatMap((e) => e.countries)), L = g(() => D.value.map((e, s) => D.value.slice(0, s).reduce((c, n) => c + n.countries.length, 0))), U = (e) => `${r.id}-country-${e}`, { style: Q } = Fe(k, {
       reference: () => V.value,
       placement: () => "bottom-start",
       offset: 4,
       padding: 8,
-      fit: (e, i) => {
-        e.style.width = "min(20rem, calc(100vw - 1rem))", e.style.maxHeight = `${Math.max(200, Math.min(380, i.height))}px`;
+      fit: (e, s) => {
+        e.style.width = "min(20rem, calc(100vw - 1rem))", e.style.maxHeight = `${Math.max(200, Math.min(380, s.height))}px`;
       }
     });
     async function j() {
-      r.disabled || C.value || (v.value = "", d.value = Math.max(0, y.value.indexOf(l.value)), C.value = !0, await A(), K.value?.focus());
+      r.disabled || C.value || (v.value = "", d.value = Math.max(0, y.value.indexOf(l.value)), C.value = !0, await q(), K.value?.focus());
     }
     function N(e) {
       C.value = !1, e && V.value?.focus();
@@ -121,7 +121,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
     function R(e) {
       l.value = e, x("picked", e), N(!1);
     }
-    ne(v, () => d.value = 0), ne(d, () => void A(() => k.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" })));
+    ne(v, () => d.value = 0), ne(d, () => void q(() => k.value?.querySelector("[aria-selected='true']")?.scrollIntoView?.({ block: "nearest" })));
     function H(e) {
       C.value && !h.value?.contains(e.relatedTarget) && N(!1);
     }
@@ -132,14 +132,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         e.preventDefault(), d.value = Math.min(Math.max(d.value + (e.key === "ArrowDown" ? 1 : -1), 0), y.value.length - 1);
       else if (e.key === "Enter") {
         e.preventDefault();
-        const i = y.value[d.value];
-        i && R(i);
+        const s = y.value[d.value];
+        s && R(s);
       }
     }
     function B(e) {
       (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), j());
     }
-    return a({ focus: () => V.value?.focus() }), (e, i) => (w(), $("div", {
+    return a({ focus: () => V.value?.focus() }), (e, s) => (w(), $("div", {
       ref_key: "root",
       ref: h,
       class: "shrink-0",
@@ -151,17 +151,17 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         ref: V,
         type: "button",
         disabled: r.disabled,
-        "aria-label": s(p)("core.form.phone.country", { country: S(l.value) }),
+        "aria-label": i(p)("core.form.phone.country", { country: S(l.value) }),
         "aria-haspopup": "listbox",
         "aria-expanded": C.value,
         "data-test": "country-button",
         class: P(["flex h-full min-h-8 cursor-pointer items-center gap-1.5 whitespace-nowrap text-body font-medium text-content-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus disabled:cursor-not-allowed compact:border-r compact:border-border-separator", r.surface]),
-        onClick: i[0] || (i[0] = (c) => C.value ? N(!0) : j()),
+        onClick: s[0] || (s[0] = (c) => C.value ? N(!0) : j()),
         onKeydown: B
       }, [
         M(ue, { country: l.value }, null, 8, ["country"]),
-        f("span", Ze, T(s(de)(l.value)), 1),
-        M(s(q), {
+        f("span", Ze, T(i(de)(l.value)), 1),
+        M(i(z), {
           name: "arrowDownSLine",
           size: 14,
           class: "text-content-muted"
@@ -171,14 +171,14 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         key: 0,
         ref_key: "panel",
         ref: k,
-        style: xe(s(Q)),
+        style: xe(i(Q)),
         "data-test": "country-list",
         class: "z-1000 flex flex-col overflow-hidden rounded-menu bg-surface-overlay shadow-float"
       }, [
         f("div", {
           id: `${r.id}-countries`,
           role: "listbox",
-          "aria-label": s(p)("core.form.phone.countries"),
+          "aria-label": i(p)("core.form.phone.countries"),
           class: "min-h-0 flex-1 overflow-y-auto p-2"
         }, [
           (w(!0), $(ee, null, le(D.value, (c, n) => (w(), $(ee, {
@@ -189,29 +189,29 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
               id: U(u),
               key: u,
               role: "option",
-              "aria-selected": (z.value[n] ?? 0) + b === d.value,
+              "aria-selected": (L.value[n] ?? 0) + b === d.value,
               "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", (z.value[n] ?? 0) + b === d.value ? "bg-tint-soft" : "hover:bg-fill"]),
-              onMousedown: i[1] || (i[1] = we(() => {
+              class: P(["flex cursor-pointer items-center gap-2.5 rounded-control px-2 py-2 text-body", (L.value[n] ?? 0) + b === d.value ? "bg-tint-soft" : "hover:bg-fill"]),
+              onMousedown: s[1] || (s[1] = we(() => {
               }, ["prevent"])),
-              onMouseenter: (m) => d.value = (z.value[n] ?? 0) + b,
+              onMouseenter: (m) => d.value = (L.value[n] ?? 0) + b,
               onClick: (m) => R(u)
             }, [
               M(ue, { country: u }, null, 8, ["country"]),
               f("span", {
                 class: P(["min-w-0 flex-1 truncate text-content-strong", u === l.value ? "font-semibold" : ""])
               }, T(S(u)), 3),
-              f("span", nt, T(s(de)(u)), 1)
+              f("span", nt, T(i(de)(u)), 1)
             ], 42, ot))), 128))
           ], 64))), 128)),
-          y.value.length === 0 ? (w(), $("p", at, T(s(p)("core.form.phone.no_match")), 1)) : J("", !0)
+          y.value.length === 0 ? (w(), $("p", at, T(i(p)("core.form.phone.no_match")), 1)) : J("", !0)
         ], 8, et),
         f("div", rt, [
           _e(f("input", {
             ref_key: "search",
             ref: K,
-            "onUpdate:modelValue": i[2] || (i[2] = (c) => v.value = c),
+            "onUpdate:modelValue": s[2] || (s[2] = (c) => v.value = c),
             type: "text",
             role: "combobox",
             autocomplete: "off",
@@ -219,8 +219,8 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             "aria-expanded": "true",
             "aria-controls": `${r.id}-countries`,
             "aria-activedescendant": y.value[d.value] ? U(y.value[d.value]) : void 0,
-            "aria-label": s(p)("core.form.phone.search"),
-            placeholder: s(p)("core.form.phone.search"),
+            "aria-label": i(p)("core.form.phone.search"),
+            placeholder: i(p)("core.form.phone.search"),
             "data-test": "country-search",
             class: "block w-full border-0 bg-transparent p-0 text-body text-content-strong placeholder:text-content-muted focus:outline-none focus:ring-0",
             onKeydown: G
@@ -231,7 +231,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
       ], 4)) : J("", !0)
     ], 544));
   }
-}), 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 = {
+}), 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 = {
   key: 0,
   class: "mt-1.5 flex items-center gap-1.5 text-footnote text-status-success-content",
   "data-test": "phone-kind"
@@ -255,13 +255,13 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
     commonCountries: {},
     placeholder: {},
     width: {}
-  }, { ...ze, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
+  }, { ...Le, defaultCountry: void 0, commonCountries: void 0, placeholder: void 0, width: "lg" }), {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(t, { expose: a }) {
-    const o = t, r = me(t, "modelValue"), { t: l, locale: x } = pe(), p = Ce(st, {}), _ = !!Oe(), h = Re("text", () => o.error || R.value ? "error" : o.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(o.width) : "w-full"), k = F("input"), K = g(() => o.defaultCountry ?? p.defaultCountry ?? (o.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => o.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = E("");
+    const o = t, r = me(t, "modelValue"), { t: l } = pe(), x = ve(), p = Ce(it, {}), _ = !!Oe(), h = Re("text", () => o.error || R.value ? "error" : o.disabled ? "locked" : "rest"), V = g(() => _ ? Ve(o.width) : "w-full"), k = F("input"), K = g(() => o.defaultCountry ?? p.defaultCountry ?? (o.commonCountries ?? p.commonCountries ?? ce)[0] ?? "HR"), C = g(() => o.commonCountries ?? p.commonCountries ?? ce), v = $e(K.value), d = E("");
     let O = null;
     function S(n) {
       v.value = n.country, d.value = n.text;
@@ -273,8 +273,8 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
       S(n), O = n.e164, r.value = n.e164;
     }
     const y = (n) => n.replace(/\D/g, "").length;
-    async function z(n) {
-      await A();
+    async function L(n) {
+      await q();
       const u = k.value;
       if (!u || document.activeElement !== u) return;
       u.value = d.value;
@@ -290,48 +290,48 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
         const Z = m.replace(/\D/g, ""), Y = X === "deleteContentForward" ? I : I - 1;
         Y >= 0 && Y < Z.length && (m = (m.trimStart().startsWith("+") ? "+" : "") + Z.slice(0, Y) + Z.slice(Y + 1), I = Math.max(0, I - (X === "deleteContentForward" ? 0 : 1)));
       }
-      D(oe(m, v.value)), z(I);
+      D(oe(m, v.value)), L(I);
     }
     function Q(n) {
       const u = n.clipboardData?.getData("text")?.trim() ?? "";
-      /^(\+|00)\d/.test(u) && (n.preventDefault(), D(oe(u, v.value)), A(() => k.value?.setSelectionRange(d.value.length, d.value.length)));
+      /^(\+|00)\d/.test(u) && (n.preventDefault(), D(oe(u, v.value)), q(() => k.value?.setSelectionRange(d.value.length, d.value.length)));
     }
     function j(n) {
-      D(je({ country: v.value, e164: r.value, text: d.value }, n)), A(() => k.value?.focus());
+      D(je({ country: v.value, e164: r.value, text: d.value }, n)), q(() => k.value?.focus());
     }
     const N = E(!1), R = g(() => N.value && r.value !== "" ? be(r.value) : null), H = g(() => {
       const n = R.value;
       if (n)
-        return n.country ? l(`core.form.phone.${n.kind}`, { country: ge(n.country, x.value) }) : l("core.form.phone.invalid_any");
+        return n.country ? l(`core.form.phone.${n.kind}`, { country: ge(n.country, x.intlLocale) }) : l("core.form.phone.invalid_any");
     }), G = g(() => r.value !== "" && !R.value ? Xe(r.value) : void 0), B = g(() => He(r.value)), e = E(!1);
-    let i = null;
+    let s = null;
     async function c() {
       try {
         await navigator.clipboard.writeText(B.value);
       } catch {
         return;
       }
-      e.value = !0, i && clearTimeout(i), i = setTimeout(() => e.value = !1, 1800);
+      e.value = !0, s && clearTimeout(s), s = setTimeout(() => e.value = !1, 1800);
     }
-    return De(() => i && clearTimeout(i)), a({ focus: () => k.value?.focus() }), (n, u) => (w(), Me(Be, Te({ ...s(Ee)(o), error: o.error ?? H.value }, {
+    return De(() => s && clearTimeout(s)), a({ focus: () => k.value?.focus() }), (n, u) => (w(), Me(Be, Te({ ...i(Ee)(o), error: o.error ?? H.value }, {
       value: r.value === "" ? null : B.value,
       "value-style": "numeric"
     }), Se({
-      default: ie(({ id: b, describedby: m, invalid: I }) => [
+      default: se(({ id: b, describedby: m, invalid: I }) => [
         f("div", ut, [
           f("div", {
             class: P(["flex items-stretch gap-1.5", V.value])
           }, [
-            M(it, {
+            M(st, {
               id: b,
               "model-value": v.value,
               common: C.value,
               disabled: o.disabled,
-              surface: `${s(h)} px-2.5`,
+              surface: `${i(h)} px-2.5`,
               onPicked: j
             }, null, 8, ["id", "model-value", "common", "disabled", "surface"]),
             f("div", {
-              class: P(["min-w-0 flex-1", s(h)])
+              class: P(["min-w-0 flex-1", i(h)])
             }, [
               f("input", {
                 id: b,
@@ -357,12 +357,12 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             ], 2)
           ], 2),
           G.value && !(o.error ?? H.value) ? (w(), $("p", dt, [
-            M(s(q), {
+            M(i(z), {
               name: "checkCustom",
               size: 14,
               class: "shrink-0"
             }),
-            Ne(" " + T(s(l)(`core.form.phone.kind_${G.value}`)), 1)
+            Ne(" " + T(i(l)(`core.form.phone.kind_${G.value}`)), 1)
           ])) : J("", !0)
         ])
       ]),
@@ -370,7 +370,7 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
     }, [
       r.value !== "" ? {
         name: "readonly",
-        fn: ie(() => [
+        fn: se(() => [
           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"
@@ -380,24 +380,24 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             }, T(B.value), 3),
             f("a", {
               href: `tel:${r.value}`,
-              "aria-label": s(l)("core.form.phone.call"),
-              title: s(l)("core.form.phone.call"),
+              "aria-label": i(l)("core.form.phone.call"),
+              title: i(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(s(q), {
+              M(i(z), {
                 name: "phone",
                 size: 18
               })
             ], 8, ft),
             f("a", {
               href: `sms:${r.value}`,
-              "aria-label": s(l)("core.form.phone.message"),
-              title: s(l)("core.form.phone.message"),
+              "aria-label": i(l)("core.form.phone.message"),
+              title: i(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(s(q), {
+              M(i(z), {
                 name: "message",
                 size: 18
               })
@@ -408,18 +408,18 @@ const Qe = ["id", "disabled", "aria-label", "aria-expanded"], Ze = { class: "tab
             }),
             f("button", {
               type: "button",
-              "aria-label": s(l)("core.form.phone.copy"),
-              title: s(l)("core.form.phone.copy"),
+              "aria-label": i(l)("core.form.phone.copy"),
+              title: i(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(s(q), {
+              M(i(z), {
                 name: e.value ? "checkCustom" : "copy",
                 size: 18
               }, null, 8, ["name"])
             ], 8, pt),
-            f("span", vt, T(e.value ? s(l)("core.form.phone.copied") : ""), 1)
+            f("span", vt, T(e.value ? i(l)("core.form.phone.copied") : ""), 1)
           ], 2)
         ]),
         key: "0"
@@ -435,7 +435,7 @@ export {
   He as formatInternational,
   Dt as isValidPhone,
   Ye as phoneCountry,
-  st as phoneDefaultsKey,
+  it as phoneDefaultsKey,
   Xe as phoneKind,
   be as phoneProblem
 };

package/dist/phone/phone.d.ts

@@ -41,7 +41,7 @@ export declare function phoneCountry(value: string): PhoneCountry | undefined;
 export declare function phoneProblem(value: string): PhoneProblem | null;
 /** True when the value is empty or a valid number: for a validator that does not need the reason. */
 export declare const isValidPhone: (value: string) => boolean;
-/** The country's name in a language ("Bosna i Hercegovina"); the code itself when the browser does not know it. */
-export declare function countryName(country: PhoneCountry, locale: string): string;
+/** The country's name in a language ("Bosna i Hercegovina"); the code itself when the browser does not know it. `tag` is the BCP 47 tag `Intl` is given: `useFormat().intlLocale`. */
+export declare function countryName(country: PhoneCountry, tag: string): string;
 /** The countries that match what was typed in the picker: by name, by code ("ba"), or by dial code ("387", "+387"). */
-export declare function searchCountries(query: string, locale: string, countries: readonly PhoneCountry[]): readonly PhoneCountry[];
+export declare function searchCountries(query: string, tag: string, countries: readonly PhoneCountry[]): readonly PhoneCountry[];

package/dist/platform/httpSession.d.ts

@@ -10,7 +10,7 @@ export type UserParser<U extends SessionUser> = (raw: unknown) => U;
 /** The default projection: the user's id, nothing else. Applications that need a name or roles pass their own parser. */
 export declare const parseSessionUser: UserParser<SessionUser>;
 /**
- * Reads go-core's session payload `{ user, expires_at?, access, navigation? }` (the answer of `/auth/me`, and of a login).
+ * Reads go-core's session payload `{ user, expires_at?, access, navigation?, preferences? }` (the answer of `/auth/me`, and of a login).
  * Throws an `ApiError` of kind `malformed` naming what is wrong.
  */
 export declare function parseSessionPayload<U extends SessionUser = SessionUser>(raw: unknown, parseUser?: UserParser<U>): SessionSnapshot<U>;

package/dist/platform/index.d.ts

@@ -11,6 +11,8 @@ export { httpSessionAdapter, parseSessionPayload } from "./httpSession";
 export type { HttpSessionOptions, UserParser } from "./httpSession";
 export { createPlatform, installPlatform, platformKey, usePlatform } from "./platform";
 export type { Platform, PlatformOptions } from "./platform";
+export { mergePatch, preferencesOf } from "./preferences";
+export type { Preferences, PreferencesPatch } from "./preferences";
 export { useSessionUser } from "./sessionUser";
 export { beforeSignOutTimeout, createSession, heldSession } from "./session";
 export type { BeforeSignOutHook, Session, SessionAdapter, SessionEnd, SessionImpersonator, SessionOptions, SessionPatch, SessionSnapshot, SessionState, SessionUser } from "./session";

package/dist/platform/index.js

@@ -2,14 +2,15 @@ var N = Object.defineProperty;
 var S = (s) => {
   throw TypeError(s);
 };
-var v = (s, t, e) => t in s ? N(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var $ = (s, t, e) => v(s, typeof t != "symbol" ? t + "" : t, e), w = (s, t, e) => t.has(s) || S("Cannot " + e);
+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 E } from "../platform-BQOX_Ntw.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-BQOX_Ntw.js";
+import { u as v } from "../platform-DtISOEt7.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-DtISOEt7.js";
 import { M as W, d as X } from "../context-Ch1r4fdN.js";
-import { computed as O } from "vue";
-import { _ as Z } from "../AccessGate.vue_vue_type_script_setup_true_lang-CzQbD2Pc.js";
+import { m as Z, p as k } from "../preferences-hYhrw8Uy.js";
+import { computed as E } from "vue";
+import { _ as et } from "../AccessGate.vue_vue_type_script_setup_true_lang-DEzXovsY.js";
 class m extends Error {
   constructor(e, r = [], n) {
     super(r.length > 0 ? `${e}: ${r.join("; ")}` : e);
@@ -61,7 +62,7 @@ a = new WeakMap(), c = new WeakMap(), p = new WeakMap(), d = new WeakMap(), u =
   return i === void 0 && n.length > 0 ? n[0] : r(i) ? i : (this.fail(t, `expected ${e}, got ${i === void 0 ? "nothing (missing)" : x(i)}`), null);
 };
 let A = b;
-function C(s, t) {
+function P(s, t) {
   if (!B(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");
@@ -89,17 +90,17 @@ function L(s = {}) {
   } catch (j) {
     throw new m(`Bootstrap config in ${n} is not valid JSON`, [], { cause: j });
   }
-  return C(y, e);
+  return P(y, e);
 }
 function M() {
-  const { session: s } = E();
-  return O(() => {
+  const { session: s } = v();
+  return E(() => {
     const t = s.state.value;
     return t.status === "authenticated" ? t.user : null;
   });
 }
 export {
-  Z as AccessGate,
+  et as AccessGate,
   m as BootstrapError,
   A as BootstrapFields,
   W as MissingContextError,
@@ -111,11 +112,13 @@ export {
   _ as heldSession,
   z as httpSessionAdapter,
   D as installPlatform,
-  C as parseBootstrap,
+  Z as mergePatch,
+  P as parseBootstrap,
   H as parseNavigation,
   Q as parseSessionPayload,
   R as platformKey,
+  k as preferencesOf,
   L as readBootstrap,
-  E as usePlatform,
+  v as usePlatform,
   M as useSessionUser
 };

package/dist/platform/preferences.d.ts

@@ -0,0 +1,35 @@
+import { type ComputedRef } from "vue";
+import type { Platform } from "./platform";
+import type { SessionUser } from "./session";
+/** A patch of `T` (RFC 7396): any member may be left out; `null` deletes a key; an object merges into the stored one; an array replaces it. */
+export type PreferencesPatch<T> = {
+    [K in keyof T]?: T[K] extends readonly unknown[] ? T[K] | null : T[K] extends object ? PreferencesPatch<T[K]> | null : T[K] | null;
+};
+/** The signed-in person's stored preferences. See `preferencesOf`. */
+export interface Preferences<T extends object> {
+    /** What is stored for the person, with the saves still on their way already applied; `{}` when nothing is stored or nobody is signed in. */
+    readonly value: Readonly<ComputedRef<Readonly<PreferencesPatch<T>>>>;
+    /**
+     * Applies `patch` to `value` at once, sends it (`PUT /v1/auth/preferences`), then replaces `value` by the server's merged
+     * answer. Saves go one after another, in the order they were made. When the server refuses, only this patch is taken back
+     * and the promise rejects with the failure; `usePreferences` reports it instead. Resolves at once, doing nothing, when nobody is signed in.
+     */
+    save(patch: PreferencesPatch<T>): Promise<void>;
+}
+type Bag = Record<string, unknown>;
+/**
+ * `target` with `patch` merged in as JSON Merge Patch (RFC 7396), which is also what the server does by default: objects
+ * merge, `null` deletes a key, everything else (arrays included) replaces. Neither argument is changed.
+ */
+export declare function mergePatch(target: unknown, patch: unknown): unknown;
+/**
+ * The preferences of one platform's signed-in person: read from the session, saved through go-core identity's
+ * `PUT /v1/auth/preferences`. One service per platform, so every reader sees the same value and every save joins one queue.
+ *
+ *   const preferences = preferencesOf<{ dark_mode: boolean }>(platform);
+ *   await preferences.save({ dark_mode: true });
+ *
+ * In a component use `usePreferences`, which also reports a refused save.
+ */
+export declare function preferencesOf<T extends object = Bag>(platform: Platform<SessionUser>): Preferences<T>;
+export {};

package/dist/platform/session.d.ts

@@ -20,6 +20,11 @@ export interface SessionSnapshot<U extends SessionUser = SessionUser> {
     readonly access: AccessSnapshot;
     /** The menu the server built for this user; absent when the adapter's backend has none. */
     readonly navigation?: readonly NavigationNode[];
+    /**
+     * The person's own settings the server keeps for them (dark mode, tips they closed): a JSON object of the application's shape,
+     * `{}` when nothing is stored, absent when the backend has none. Read and saved with `usePreferences`.
+     */
+    readonly preferences?: Readonly<Record<string, unknown>>;
 }
 /**
  * Why nobody is signed in: `none` (the server has no session for this browser), `expired` (a request was
@@ -52,7 +57,7 @@ export type SessionState<U extends SessionUser = SessionUser> =
  */
 export declare function heldSession<U extends SessionUser>(state: SessionState<U>): SessionSnapshot<U> | null;
 /** The parts of a signed-in session `Session.update` may replace. */
-export type SessionPatch<U extends SessionUser = SessionUser> = Partial<Pick<SessionSnapshot<U>, "user" | "access" | "navigation">>;
+export type SessionPatch<U extends SessionUser = SessionUser> = Partial<Pick<SessionSnapshot<U>, "user" | "access" | "navigation" | "preferences">>;
 /** The seam to a backend: how to ask who is signed in and how to end the session. */
 export interface SessionAdapter<U extends SessionUser = SessionUser> {
     /** The current session, or null when there is none (not signed in). Reject for failures; honour `signal`. */