@wssto2/vue-core 0.12.1 → 0.13.0

package/dist/{index-ClJeyW3F.js → index-D_yyd4C2.js}

@@ -2,7 +2,7 @@ import { r as v } from "./route-goWMxDUN.js";
 import { d as ve, p as me } from "./feature-DdUAfyi4.js";
 import { ref as C, readonly as $, defineComponent as q, openBlock as _, createBlock as U, unref as s, shallowRef as z, withCtx as A, createTextVNode as X, toDisplayString as L, mergeProps as Z, computed as N, createElementBlock as S, createElementVNode as P, createCommentVNode as R, createVNode as T, Fragment as G, renderList as be, normalizeClass as H, useTemplateRef as he, createSlots as ye } from "vue";
 import { d as ge } from "./context-Ch1r4fdN.js";
-import { u as ee } from "./platform-BQOX_Ntw.js";
+import { u as ee } from "./platform-DtISOEt7.js";
 import { d as te } from "./defineRoutes-BGAdiIrt.js";
 import { useI18n as I } from "vue-i18n";
 import { _ as _e } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-BIYgaihv.js";
@@ -13,7 +13,7 @@ import { _ as Se } from "./Popover.vue_vue_type_script_setup_true_lang-C20Hf3Hl.
 import { _ as J } from "./HeaderAction.vue_vue_type_script_setup_true_lang-Da59TLBh.js";
 import { useRouter as Te } from "vue-router";
 import { _ as K } from "./Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
-import { u as Ee } from "./format-D8KUBmbS.js";
+import { u as Ee } from "./format-DoKs29bZ.js";
 import { _ as Pe } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
 import { _ as Ce } from "./AsyncSection.vue_vue_type_script_setup_true_lang-DGzQ-Snp.js";
 const E = {
@@ -135,9 +135,9 @@ function Me(n = ee().http, t = W()) {
   return { state: $(e), hash: $(i), busy: $(a), inspect: c, enable: u, disable: g };
 }
 const Ne = "events.deadletter:view", $t = "events.deadletter:retry", Y = te({
-  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-DnA7LP1w.js"), meta: { access: Ne, titleKey: "core.notifications.dead_letters.title" } }
+  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-wFTqhISU.js"), meta: { access: Ne, titleKey: "core.notifications.dead_letters.title" } }
 }), j = te({
-  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-BXPWATYU.js"), meta: { titleKey: "core.notifications.settings.title" } }
+  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-Csb14qsx.js"), meta: { titleKey: "core.notifications.settings.title" } }
 }), Oe = /* @__PURE__ */ q({
   __name: "SettingsMenuItem",
   setup(n) {

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.12.1";
+export declare const version = "0.13.0";

package/dist/index.js

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

package/dist/internal/intlLocale.d.ts

@@ -1,2 +1,5 @@
-/** The locale to give `Intl` for the app's active one. Not for a language's own name: `DisplayNames` knows `bs` ("bosanski"). */
-export declare const intlLocale: (locale: string) => string;
+/**
+ * The locale to give `Intl` for the app's active one; `overrides` is the application's own map (`en` → `en-GB`) and wins over the library's.
+ * Not for a language's own name: `DisplayNames` knows `bs` ("bosanski").
+ */
+export declare const intlLocale: (locale: string, overrides?: Readonly<Record<string, string>>) => string;

package/dist/modules/identity/entities.d.ts

@@ -63,6 +63,9 @@ export type PersonRef = {
     id: number;
     name: string;
 };
+export type PreferencesResponse = {
+    preferences: unknown;
+};
 export type ProfileResponse = {
     id: number;
     login: string;
@@ -97,6 +100,7 @@ export type SessionResponse = {
     impersonator?: Impersonator | null;
     access: MyAccess;
     navigation?: Node[];
+    preferences?: unknown;
 };
 export type SignInEvent = "signed_in" | "wrong_password" | "locked_out" | "refused_inactive" | "signed_in_as" | "unlocked" | "signed_out_everywhere" | "session_revoked";
 export type SignInRow = {

package/dist/modules/identity/routes.d.ts

@@ -1,5 +1,5 @@
 import { type ListResult, type QueryValue } from "../../client";
-import type { ActivityRow, ChangeRow, DeactivateResult, PendingEmail, ProfileResponse, SessionList, SessionResponse, SignInRow, UnlockResult, UserDetail, UserRow } from "./entities";
+import type { ActivityRow, ChangeRow, DeactivateResult, PendingEmail, PreferencesResponse, ProfileResponse, SessionList, SessionResponse, SignInRow, UnlockResult, UserDetail, UserRow } from "./entities";
 export declare const identityRoutes: {
     readonly login: import("../../client").ApiRoute<{
         login: string;
@@ -24,7 +24,7 @@ export declare const identityRoutes: {
         order_dir?: string | undefined;
         page?: number | undefined;
         per_page?: number | undefined;
-        last_sign_in?: "idle" | "never" | undefined;
+        last_sign_in?: "never" | "idle" | undefined;
     } & Record<string, QueryValue>, ListResult<UserRow>, unknown>;
     readonly usersShow: import("../../client").ApiRoute<{
         id: number;
@@ -119,4 +119,7 @@ export declare const identityRoutes: {
     readonly profileRevokeSession: import("../../client").ApiRoute<{
         session_id: number;
     }, void, unknown>;
+    readonly preferencesUpdate: import("../../client").ApiRoute<{
+        preferences: unknown;
+    }, PreferencesResponse, unknown>;
 };

package/dist/modules/identity/schemas.d.ts

@@ -55,8 +55,8 @@ export declare const DeactivateUserInputSchema: z.ZodObject<{
 }, z.core.$strip>;
 export type DeactivateUserInput = z.infer<typeof DeactivateUserInputSchema>;
 export declare const LastSignInFilterSchema: z.ZodEnum<{
-    idle: "idle";
     never: "never";
+    idle: "idle";
 }>;
 export type LastSignInFilter = z.infer<typeof LastSignInFilterSchema>;
 export declare const UserViewSchema: z.ZodEnum<{
@@ -79,8 +79,8 @@ export declare const ListUsersInputSchema: z.ZodObject<{
     page: z.ZodOptional<z.ZodNumber>;
     per_page: z.ZodOptional<z.ZodNumber>;
     last_sign_in: z.ZodOptional<z.ZodEnum<{
-        idle: "idle";
         never: "never";
+        idle: "idle";
     }>>;
 }, z.core.$strip>;
 export type ListUsersInput = z.infer<typeof ListUsersInputSchema>;
@@ -135,6 +135,10 @@ export declare const SignInsInputSchema: z.ZodObject<{
     per_page: z.ZodOptional<z.ZodNumber>;
 }, z.core.$strip>;
 export type SignInsInput = z.infer<typeof SignInsInputSchema>;
+export declare const UpdatePreferencesInputSchema: z.ZodObject<{
+    preferences: z.ZodUnknown;
+}, z.core.$strip>;
+export type UpdatePreferencesInput = z.infer<typeof UpdatePreferencesInputSchema>;
 export declare const UpdateProfileInputSchema: z.ZodObject<{
     name: z.ZodString;
     phone: z.ZodOptional<z.ZodString>;

package/dist/{navigation-TnVFYRaX.js → navigation-CctcxT51.js}

@@ -1,6 +1,6 @@
 import { computed as k } from "vue";
 import { d as y } from "./context-Ch1r4fdN.js";
-import { h as N } from "./platform-BQOX_Ntw.js";
+import { h as N } from "./platform-DtISOEt7.js";
 function F(l, a = {}) {
   const i = /* @__PURE__ */ new Map(), o = [];
   for (const e of l) {

package/dist/{neighbors-OyvGi233.js → neighbors-Csfan8Ho.js}

@@ -1,7 +1,7 @@
 import { computed as j, ref as z, shallowRef as I, watch as F, getCurrentScope as J, onScopeDispose as Q } from "vue";
 import { useRoute as O } from "vue-router";
 import { i as N } from "./error-CD7x0Jrz.js";
-import { L as k, d as B, e as D, o as U, q as V } from "./state-6KSYsVw0.js";
+import { L as k, d as B, e as D, o as U, q as V } from "./state-CXMexi0l.js";
 function K(l, t, n, g) {
   return typeof t == "string" ? t : { ...t, query: { ...t.query, [n]: D(l, g) } };
 }

package/dist/notifications/index.js

@@ -1,4 +1,4 @@
-import { d as s, e as a, n as o, b as i, c as n, f as u } from "../index-ClJeyW3F.js";
+import { d as s, e as a, n as o, b as i, c as n, f as u } from "../index-D_yyd4C2.js";
 export {
   s as deadLettersRoutes,
   a as eventsRoutes,

package/dist/onboarding/Tip.vue.d.ts

@@ -0,0 +1,41 @@
+import { type IconName } from "../icon";
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** Which tip this is; what is stored once it is closed. */
+    id: string;
+    /** A CSS selector (the first visible match) or the element itself. */
+    anchor: string | Element | null;
+    title: string;
+    /** The sentence under the title; or the default slot. */
+    text?: string;
+    /** False holds the tip back (something else comes first). */
+    ready?: boolean;
+    /** Where in the preferences the closed ids are kept, as a path of keys. */
+    dismissedAt?: readonly string[];
+    icon?: IconName;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    /** Which tip this is; what is stored once it is closed. */
+    id: string;
+    /** A CSS selector (the first visible match) or the element itself. */
+    anchor: string | Element | null;
+    title: string;
+    /** The sentence under the title; or the default slot. */
+    text?: string;
+    /** False holds the tip back (something else comes first). */
+    ready?: boolean;
+    /** Where in the preferences the closed ids are kept, as a path of keys. */
+    dismissedAt?: readonly string[];
+    icon?: IconName;
+}> & Readonly<{}>, {
+    text: string;
+    icon: IconName;
+    ready: boolean;
+    dismissedAt: readonly string[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/onboarding/index.d.ts

@@ -0,0 +1 @@
+export { default as Tip } from "./Tip.vue";

package/dist/onboarding/index.js

@@ -0,0 +1,145 @@
+import { defineComponent as L, ref as d, computed as x, watch as v, nextTick as H, onBeforeUnmount as O, openBlock as F, createBlock as j, Teleport as q, createVNode as w, Transition as U, withCtx as Y, createElementBlock as G, withKeys as J, withModifiers as Q, normalizeStyle as M, unref as n, createElementVNode as l, normalizeClass as W, toDisplayString as k, renderSlot as X, createTextVNode as Z, createCommentVNode as ee } from "vue";
+import { useI18n as te } from "vue-i18n";
+import { _ as V } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
+import { u as ne } from "../usePreferences-B8LIZp_f.js";
+import { u as oe, a as h } from "../anchored-DpuUwf-9.js";
+const ie = (o) => typeof o == "object" && o !== null && !Array.isArray(o);
+function se(o, e) {
+  const s = e.reduce((i, r) => ie(i) ? i[r] : void 0, o);
+  return Array.isArray(s) ? s.filter((i) => typeof i == "string") : [];
+}
+function ae(o, e) {
+  return o.reduceRight((s, i) => ({ [i]: s }), e);
+}
+const le = ["aria-label", "data-test", "onKeydown"], re = { class: "grid size-8 shrink-0 place-items-center rounded-lg bg-tint-soft text-content-link" }, ce = { class: "flex min-w-0 flex-1 flex-col gap-1" }, de = { class: "text-subheadline font-semibold" }, ue = { class: "text-footnote text-content-muted" }, fe = ["data-test"], me = ["aria-label"], c = d(null), be = /* @__PURE__ */ L({
+  __name: "Tip",
+  props: {
+    id: {},
+    anchor: {},
+    title: {},
+    text: { default: void 0 },
+    ready: { type: Boolean, default: !0 },
+    dismissedAt: { default: () => ["tips_dismissed"] },
+    icon: { default: "informationLine" }
+  },
+  setup(o) {
+    const e = o, { t: s } = te(), i = ne(), r = d(null), S = d(null), A = d(null), a = d(null);
+    let u = null;
+    const E = x(() => se(i.value.value, e.dismissedAt)), y = x(() => e.ready && !E.value.includes(e.id)), T = x(() => y.value && a.value !== null && c.value === e.id), P = (t) => t instanceof HTMLElement && t.getClientRects().length > 0 && getComputedStyle(t).visibility !== "hidden", z = () => typeof e.anchor == "string" ? [...document.querySelectorAll(e.anchor)].find(P) ?? null : e.anchor, C = 150, R = 6e3;
+    function $() {
+      f();
+      const t = z();
+      if (t) return B(t);
+      let b = 0;
+      u = setInterval(() => {
+        const p = z();
+        (p || ++b * C > R) && (f(), B(p));
+      }, C);
+    }
+    function B(t) {
+      a.value = t, I();
+    }
+    function f() {
+      u && clearInterval(u), u = null;
+    }
+    function I() {
+      y.value && a.value && c.value === null && (c.value = e.id);
+    }
+    function N() {
+      c.value === e.id && (c.value = null);
+    }
+    v([y, () => e.anchor], ([t]) => t ? $() : (f(), N()), { immediate: !0 }), v(c, (t) => t === null && I());
+    const { style: D, arrowStyle: K, resolvedPlacement: m } = oe(r, {
+      reference: () => a.value,
+      placement: () => "bottom-start",
+      offset: 12,
+      padding: 12,
+      arrow: A
+    });
+    v(T, (t, b, p) => {
+      const g = a.value;
+      !t || !g || (g.setAttribute("data-tip-anchor", ""), p(() => g.removeAttribute("data-tip-anchor")));
+    }, { immediate: !0 }), v(r, (t) => {
+      t && (document.activeElement === null || document.activeElement === document.body) && H(() => S.value?.focus({ preventScroll: !0 }));
+    });
+    function _() {
+      const t = r.value?.contains(document.activeElement) === !0;
+      i.save(ae(e.dismissedAt, [.../* @__PURE__ */ new Set([...E.value, e.id])])), t && a.value instanceof HTMLElement && a.value.focus({ preventScroll: !0 });
+    }
+    return O(() => {
+      f(), N();
+    }), (t, b) => (F(), j(q, { to: "body" }, [
+      w(U, {
+        "enter-active-class": "transition-opacity duration-motion-fast ease-motion-standard",
+        "enter-from-class": "opacity-0",
+        "leave-active-class": "pointer-events-none transition-opacity duration-motion-fast ease-motion-standard",
+        "leave-to-class": "opacity-0"
+      }, {
+        default: Y(() => [
+          T.value ? (F(), G("div", {
+            key: 0,
+            ref_key: "panel",
+            ref: r,
+            role: "dialog",
+            tabindex: "-1",
+            "aria-label": e.title,
+            "data-test": `tip-${e.id}`,
+            style: M(n(D)),
+            class: "z-1000 flex w-80 max-w-[calc(100vw-1.5rem)] gap-3 rounded-2xl bg-surface-cell p-4 text-content-strong shadow-dialog ring-1 ring-border-separator outline-none",
+            onKeydown: J(Q(_, ["stop", "prevent"]), ["esc"])
+          }, [
+            l("span", {
+              ref_key: "arrowEl",
+              ref: A,
+              "aria-hidden": "true",
+              class: W(["absolute size-3 rotate-45 bg-surface-cell", {
+                "-bottom-1.5": n(h)(n(m)) === "bottom",
+                "-top-1.5": n(h)(n(m)) === "top",
+                "-left-1.5": n(h)(n(m)) === "left",
+                "-right-1.5": n(h)(n(m)) === "right"
+              }]),
+              style: M(n(K))
+            }, null, 6),
+            l("span", re, [
+              w(n(V), {
+                name: e.icon,
+                size: 16
+              }, null, 8, ["name"])
+            ]),
+            l("div", ce, [
+              l("span", de, k(e.title), 1),
+              l("span", ue, [
+                X(t.$slots, "default", {}, () => [
+                  Z(k(e.text), 1)
+                ])
+              ]),
+              l("button", {
+                ref_key: "ok",
+                ref: S,
+                type: "button",
+                class: "mt-1 self-start text-subheadline font-semibold text-content-link hover:underline",
+                "data-test": `tip-ok-${e.id}`,
+                onClick: _
+              }, k(n(s)("core.tip.ok")), 9, fe)
+            ]),
+            l("button", {
+              type: "button",
+              class: "hit-target -mt-1 -mr-1 grid size-6 shrink-0 place-items-center rounded-full bg-fill text-content-muted hover:bg-fill-strong",
+              "aria-label": n(s)("core.actions.close"),
+              onClick: _
+            }, [
+              w(n(V), {
+                name: "close",
+                size: 12
+              })
+            ], 8, me)
+          ], 44, le)) : ee("", !0)
+        ]),
+        _: 3
+      })
+    ]));
+  }
+});
+export {
+  be as Tip
+};

package/dist/onboarding/tips.d.ts

@@ -0,0 +1,5 @@
+import type { PreferencesPatch } from "../platform";
+/** The ids stored at `path` of the preferences (`["onboarding", "tips_dismissed"]`); none when it is not a list of texts. */
+export declare function storedIds(preferences: object, path: readonly string[]): readonly string[];
+/** The patch that stores `ids` at `path`: `["a", "b"]` and `[x]` give `{ a: { b: [x] } }`. */
+export declare function idsPatch(path: readonly string[], ids: readonly string[]): PreferencesPatch<Record<string, unknown>>;

package/dist/page/index.js

@@ -1,14 +1,14 @@
-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-D5i77H6S.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-lPj9hPqV.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 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 { _ as L } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-DqGc3Jyo.js";
+import { _ as ue } from "../RecordHeader.vue_vue_type_script_setup_true_lang-Do_ATJwT.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-Dh3sXUt_.js";
+import { _ as ye } from "../SectionNavigator.vue_vue_type_script_setup_true_lang-DfKEhTFv.js";
 import { a as Se, _ as Ce } from "../SectionList.vue_vue_type_script_setup_true_lang-DR0_NsqC.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 = {