@wssto2/vue-core 0.3.0 → 0.4.0

package/dist/icon/core.d.ts

@@ -47,5 +47,9 @@ export declare const coreIcons: {
     readonly listCheck: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z\"></path></svg>";
     readonly shieldStarFill: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3.78307 2.82598L12 1L20.2169 2.82598C20.6745 2.92766 21 3.33347 21 3.80217V13.7889C21 15.795 19.9974 17.6684 18.3282 18.7812L12 23L5.6718 18.7812C4.00261 17.6684 3 15.795 3 13.7889V3.80217C3 3.33347 3.32553 2.92766 3.78307 2.82598ZM12 13.5L14.9389 15.0451L14.3776 11.7725L16.7553 9.45492L13.4695 8.97746L12 6L10.5305 8.97746L7.24472 9.45492L9.62236 11.7725L9.06107 15.0451L12 13.5Z\"></path></svg>";
     readonly swapBoxLine: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4.00488 5.00275V19.0027H20.0049V5.00275H4.00488ZM3.00488 3.00275H21.0049C21.5572 3.00275 22.0049 3.45046 22.0049 4.00275V20.0027C22.0049 20.555 21.5572 21.0027 21.0049 21.0027H3.00488C2.4526 21.0027 2.00488 20.555 2.00488 20.0027V4.00275C2.00488 3.45046 2.4526 3.00275 3.00488 3.00275ZM15.0049 7.00275L18.5049 10.0027L15.0049 13.0027V11.0027H11.0049V9.00275H15.0049V7.00275ZM9.00488 17.0027L5.50488 14.0027L9.00488 11.0027V13.0027H13.0049V15.0027H9.00488V17.0027Z\"></path></svg>";
+    readonly notification3Line: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z\"></path></svg>";
+    readonly checkDoubleLine: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11.602 13.7599L13.014 15.1719L21.4795 6.7063L22.8938 8.12051L13.014 18.0003L6.65 11.6363L8.06421 10.2221L10.189 12.3469L11.6025 13.7594L11.602 13.7599ZM11.6037 10.9322L16.5563 5.97949L17.9666 7.38977L13.0139 12.3424L11.6037 10.9322ZM8.77698 16.5873L7.36396 18.0003L1 11.6363L2.41421 10.2221L3.82723 11.6351L3.82604 11.6363L8.77698 16.5873Z\"></path></svg>";
+    readonly settings3Line: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3.33946 17.0002C2.90721 16.2515 2.58277 15.4702 2.36133 14.6741C3.3338 14.1779 3.99972 13.1668 3.99972 12.0002C3.99972 10.8345 3.3348 9.824 2.36353 9.32741C2.81025 7.71651 3.65857 6.21627 4.86474 4.99001C5.7807 5.58416 6.98935 5.65534 7.99972 5.072C9.01009 4.48866 9.55277 3.40635 9.4962 2.31604C11.1613 1.8846 12.8847 1.90004 14.5031 2.31862C14.4475 3.40806 14.9901 4.48912 15.9997 5.072C17.0101 5.65532 18.2187 5.58416 19.1346 4.99007C19.7133 5.57986 20.2277 6.25151 20.66 7.00021C21.0922 7.7489 21.4167 8.53025 21.6381 9.32628C20.6656 9.82247 19.9997 10.8336 19.9997 12.0002C19.9997 13.166 20.6646 14.1764 21.6359 14.673C21.1892 16.2839 20.3409 17.7841 19.1347 19.0104C18.2187 18.4163 17.0101 18.3451 15.9997 18.9284C14.9893 19.5117 14.4467 20.5941 14.5032 21.6844C12.8382 22.1158 11.1148 22.1004 9.49633 21.6818C9.55191 20.5923 9.00929 19.5113 7.99972 18.9284C6.98938 18.3451 5.78079 18.4162 4.86484 19.0103C4.28617 18.4205 3.77172 17.7489 3.33946 17.0002ZM8.99972 17.1964C10.0911 17.8265 10.8749 18.8227 11.2503 19.9659C11.7486 20.0133 12.2502 20.014 12.7486 19.9675C13.1238 18.8237 13.9078 17.8268 14.9997 17.1964C16.0916 16.5659 17.347 16.3855 18.5252 16.6324C18.8146 16.224 19.0648 15.7892 19.2729 15.334C18.4706 14.4373 17.9997 13.2604 17.9997 12.0002C17.9997 10.74 18.4706 9.5632 19.2729 8.6665C19.1688 8.4405 19.0538 8.21822 18.9279 8.00021C18.802 7.78219 18.667 7.57148 18.5233 7.36842C17.3457 7.61476 16.0911 7.43414 14.9997 6.80405C13.9083 6.17395 13.1246 5.17768 12.7491 4.03455C12.2509 3.98714 11.7492 3.98646 11.2509 4.03292C10.8756 5.17671 10.0916 6.17364 8.99972 6.80405C7.9078 7.43447 6.65245 7.61494 5.47428 7.36803C5.18485 7.77641 4.93463 8.21117 4.72656 8.66637C5.52881 9.56311 5.99972 10.74 5.99972 12.0002C5.99972 13.2604 5.52883 14.4372 4.72656 15.3339C4.83067 15.5599 4.94564 15.7822 5.07152 16.0002C5.19739 16.2182 5.3324 16.4289 5.47612 16.632C6.65377 16.3857 7.90838 16.5663 8.99972 17.1964ZM11.9997 15.0002C10.3429 15.0002 8.99972 13.6571 8.99972 12.0002C8.99972 10.3434 10.3429 9.00021 11.9997 9.00021C13.6566 9.00021 14.9997 10.3434 14.9997 12.0002C14.9997 13.6571 13.6566 15.0002 11.9997 15.0002ZM11.9997 13.0002C12.552 13.0002 12.9997 12.5525 12.9997 12.0002C12.9997 11.4479 12.552 11.0002 11.9997 11.0002C11.4474 11.0002 10.9997 11.4479 10.9997 12.0002C10.9997 12.5525 11.4474 13.0002 11.9997 13.0002Z\"></path></svg>";
+    readonly moonLine: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M10 7C10 10.866 13.134 14 17 14C18.9584 14 20.729 13.1957 21.9995 11.8995C22 11.933 22 11.9665 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C12.0335 2 12.067 2 12.1005 2.00049C10.8043 3.27098 10 5.04157 10 7ZM4 12C4 16.4183 7.58172 20 12 20C15.0583 20 17.7158 18.2839 19.062 15.7621C18.3945 15.9187 17.7035 16 17 16C12.0294 16 8 11.9706 8 7C8 6.29648 8.08133 5.60547 8.2379 4.938C5.71611 6.28423 4 8.9417 4 12Z\"></path></svg>";
 };
 export type CoreIconName = keyof typeof coreIcons;

package/dist/icon/index.js

@@ -1,4 +1,4 @@
-import { _ as a, i as n, p as c } from "../Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as a, i as n, p as c } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 export {
   a as Icon,
   n as installIcons,

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-BAcl44SC.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-CGv-u1Ws.js";
 export {
   t as SignInAsButton,
   n as identityFeature,

package/dist/index-BsJ92eub.js

@@ -0,0 +1,504 @@
+import { r as y } from "./route-goWMxDUN.js";
+import { d as se, p as le } from "./feature-DdUAfyi4.js";
+import { defineComponent as z, openBlock as g, createBlock as I, unref as a, shallowRef as U, ref as G, readonly as P, withCtx as R, createTextVNode as Q, toDisplayString as L, mergeProps as X, computed as q, createElementBlock as w, createElementVNode as C, createCommentVNode as S, createVNode as T, Fragment as B, renderList as ce, normalizeClass as W, useTemplateRef as de, createSlots as ue } from "vue";
+import { d as fe } from "./context-Ch1r4fdN.js";
+import { d as Z } from "./defineRoutes-BGAdiIrt.js";
+import { useI18n as N } from "vue-i18n";
+import { _ as me } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
+import { f as ve } from "./transport-BnP7WC0Y.js";
+import { u as pe } from "./mediaQuery-CygcXmFW.js";
+import { _ as be } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
+import { _ as _e } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { _ as H } from "./HeaderAction.vue_vue_type_script_setup_true_lang-Cgji-Jrr.js";
+import { useRouter as ge } from "vue-router";
+import { _ as F } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { u as ye } from "./format-B8mJm946.js";
+import { _ as xe } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as he } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+const M = {
+  list: y("GET", "/v1/notifications"),
+  unread: y("GET", "/v1/notifications/unread"),
+  read: y("POST", "/v1/notifications/:id/read"),
+  readAll: y("POST", "/v1/notifications/read"),
+  stream: y.raw("GET", "/v1/notifications/stream"),
+  test: y("POST", "/v1/notifications/test"),
+  preferences: y("GET", "/v1/notifications/preferences"),
+  preferencesSetEmail: y("PUT", "/v1/notifications/preferences/:category"),
+  quietHours: y("PUT", "/v1/notifications/quiet-hours")
+}, pt = {
+  deadLettersList: y("GET", "/v1/events/dead-letters", { permission: "events.deadletter:view" }),
+  deadLettersRetry: y("POST", "/v1/events/dead-letters/:event/:consumer/retry", { permission: "events.deadletter:retry" }),
+  deadLettersRetryAll: y("POST", "/v1/events/dead-letters/retry", { permission: "events.deadletter:retry" }),
+  consumers: y("GET", "/v1/events/consumers", { permission: "events.deadletter:view" })
+}, [ke, ee] = fe("vue-core.notifications"), we = "events.deadletter:view", bt = "events.deadletter:retry", J = Z({
+  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-CMRtXn_N.js"), meta: { access: we, titleKey: "core.notifications.dead_letters.title" } }
+}), j = Z({
+  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-C4s0IdkW.js"), meta: { titleKey: "core.notifications.settings.title" } }
+}), Te = /* @__PURE__ */ z({
+  __name: "SettingsMenuItem",
+  setup(o) {
+    const { t } = N();
+    return (e, n) => (g(), I(me, {
+      label: a(t)("core.notifications.settings.title"),
+      icon: "notification3Line",
+      to: a(j).index,
+      "data-notification-settings-menu-item": ""
+    }, null, 8, ["label", "to"]));
+  }
+});
+function te(o) {
+  return o.reduce((t, e) => Math.max(t, e.id), 0);
+}
+function Ee(o, t, e) {
+  return o.map((n) => n.id === t && n.read_at === null ? { ...n, read_at: e } : n);
+}
+function Ce(o, t, e) {
+  return o.map((n) => n.read_at === null && n.id <= t ? { ...n, read_at: e } : n);
+}
+function Le(o, t) {
+  const e = te(o);
+  return [...t.filter((n) => n.id > e), ...o];
+}
+function Se(o, t) {
+  const e = new Set(o.map((n) => n.id));
+  return [...o, ...t.filter((n) => !e.has(n.id))];
+}
+function Re(o, t, e) {
+  let n = o.items;
+  if (t.type === "created" && t.notification && !n.some((r) => r.id === t.notification?.id) && (n = [t.notification, ...n]), t.type === "read") {
+    const r = new Set(t.read_ids ?? []), _ = t.read_up_to_id ?? 0;
+    n = n.map((f) => f.read_at === null && (t.all_read ? f.id <= _ : r.has(f.id)) ? { ...f, read_at: e } : f);
+  }
+  return { items: n, unreadCount: Math.max(0, t.unread_count) };
+}
+function $e(o) {
+  return o > 99 ? "99+" : String(o);
+}
+const Me = ["created", "read", "unread"];
+function Ae(o) {
+  const t = o.split(`
+`).filter((e) => e.startsWith("data:")).map((e) => e.slice(5).replace(/^ /, "")).join(`
+`);
+  if (t === "") return null;
+  try {
+    const e = JSON.parse(t);
+    if (typeof e != "object" || e === null) return null;
+    const { type: n, unread_count: r } = e;
+    return typeof n == "string" && Me.includes(n) && typeof r == "number" ? e : null;
+  } catch {
+    return null;
+  }
+}
+async function Pe({ url: o, transport: t, signal: e, onEvent: n, idleTimeout: r }) {
+  if (e.aborted) return "aborted";
+  const _ = new AbortController();
+  let f = null, E = !1, i;
+  const b = () => {
+    _.abort(), f?.cancel().catch(() => {
+    });
+  }, v = () => {
+    clearTimeout(i), i = setTimeout(() => {
+      E = !0, b();
+    }, r);
+  };
+  e.addEventListener("abort", b, { once: !0 }), v();
+  try {
+    const l = await t(o, { method: "GET", headers: { Accept: "text/event-stream" }, credentials: "include", signal: _.signal });
+    if (l.status === 401) return "unauthorized";
+    if (!l.ok || !l.body) return "failed";
+    f = l.body.getReader();
+    const x = new TextDecoder();
+    let h = "";
+    for (; ; ) {
+      const { done: m, value: s } = await f.read();
+      if (e.aborted) return "aborted";
+      if (E) return "stalled";
+      if (m) return "closed";
+      v(), h += x.decode(s, { stream: !0 }).replace(/\r\n/g, `
+`);
+      const k = h.split(`
+
+`);
+      h = k.pop() ?? "";
+      for (const p of k) {
+        const A = Ae(p);
+        A && n(A);
+      }
+    }
+  } catch (l) {
+    return e.aborted ? "aborted" : E ? "stalled" : l instanceof Error && l.name === "AbortError" ? "aborted" : "failed";
+  } finally {
+    clearTimeout(i), e.removeEventListener("abort", b);
+  }
+}
+function ze(o) {
+  const { http: t, signal: e, pageSize: n = 20, backoff: r = { min: 1e3, max: 3e4 }, idleTimeout: _ = 5e4, transport: f = ve, now: E = () => /* @__PURE__ */ new Date() } = o, i = U([]), b = G(0), v = G(!1), l = U({ status: "idle" }), x = G("idle");
+  let h = 0;
+  const m = () => E().toISOString();
+  async function s() {
+    try {
+      const { data: c } = await t.request(M.unread, void 0, { signal: e });
+      e.aborted || (b.value = c.unread_count);
+    } catch {
+    }
+  }
+  async function k() {
+    const c = ++h;
+    x.value = "idle", l.value = { status: "loading" };
+    try {
+      const { data: d } = await t.request(M.list, { limit: n }, { signal: e });
+      if (e.aborted || c !== h) return;
+      i.value = Le(d.items, i.value), v.value = d.has_more, l.value = { status: "loaded" };
+    } catch (d) {
+      if (e.aborted || c !== h) return;
+      l.value = { status: "failed", error: d };
+    }
+  }
+  async function p() {
+    const c = i.value[i.value.length - 1]?.id;
+    if (!v.value || x.value === "loading" || c === void 0) return;
+    const d = h;
+    x.value = "loading";
+    try {
+      const { data: u } = await t.request(M.list, { before_id: c, limit: n }, { signal: e });
+      if (e.aborted || d !== h) return;
+      i.value = Se(i.value, u.items), v.value = u.has_more, x.value = "idle";
+    } catch {
+      !e.aborted && d === h && (x.value = "failed");
+    }
+  }
+  async function A(c) {
+    if (!(c.read_at !== null || i.value.find((d) => d.id === c.id)?.read_at)) {
+      i.value = Ee(i.value, c.id, m()), b.value = Math.max(0, b.value - 1);
+      try {
+        const { data: d } = await t.request(M.read, { id: c.id }, { signal: e });
+        e.aborted || (b.value = d.unread_count);
+      } catch {
+        if (e.aborted) return;
+        i.value = i.value.map((d) => d.id === c.id ? { ...d, read_at: null } : d), await s();
+      }
+    }
+  }
+  async function ae() {
+    const c = te(i.value);
+    if (c === 0) return;
+    const d = new Set(i.value.filter((u) => u.read_at === null && u.id <= c).map((u) => u.id));
+    i.value = Ce(i.value, c, m()), b.value = Math.max(0, b.value - d.size);
+    try {
+      const { data: u } = await t.request(M.readAll, { up_to_id: c }, { signal: e });
+      e.aborted || (b.value = u.unread_count);
+    } catch {
+      if (e.aborted) return;
+      i.value = i.value.map((u) => d.has(u.id) ? { ...u, read_at: null } : u), await s();
+    }
+  }
+  let $ = r.min, O = null;
+  const ie = (c) => new Promise((d) => {
+    const u = () => {
+      clearTimeout(D), e.removeEventListener("abort", u), O = null, d();
+    }, D = setTimeout(u, c);
+    e.addEventListener("abort", u, { once: !0 }), O = u;
+  });
+  async function re() {
+    for (let c = !1; !e.aborted; c = !0) {
+      if (c && await s(), e.aborted) return;
+      let d = !1;
+      if (await Pe({
+        url: o.streamUrl,
+        transport: f,
+        signal: e,
+        idleTimeout: _,
+        onEvent(u) {
+          d = !0;
+          const D = Re({ items: i.value, unreadCount: b.value }, u, m());
+          i.value = D.items, b.value = D.unreadCount;
+        }
+      }), e.aborted) return;
+      d && ($ = r.min), await ie($), $ = Math.min($ * 2, r.max);
+    }
+  }
+  const V = () => {
+    document.visibilityState === "visible" && (s(), $ = r.min, O?.());
+  }, K = () => {
+    s(), $ = r.min, O?.();
+  };
+  return document.addEventListener("visibilitychange", V), window.addEventListener("online", K), e.addEventListener(
+    "abort",
+    () => {
+      document.removeEventListener("visibilitychange", V), window.removeEventListener("online", K);
+    },
+    { once: !0 }
+  ), e.aborted || re(), { items: P(i), unreadCount: P(b), hasMore: P(v), list: P(l), more: P(x), load: k, loadMore: p, markRead: A, markAllRead: ae };
+}
+const ne = /* @__PURE__ */ z({
+  __name: "MarkAllRead",
+  props: {
+    inbox: {}
+  },
+  setup(o) {
+    const { t } = N();
+    return (e, n) => (g(), I(a(F), {
+      prominence: "plain",
+      size: "sm",
+      icon: "checkDoubleLine",
+      "data-notification-mark-all": "",
+      disabled: o.inbox.unreadCount.value === 0,
+      onClick: n[0] || (n[0] = (r) => o.inbox.markAllRead())
+    }, {
+      default: R(() => [
+        Q(L(a(t)("core.notifications.mark_all_read")), 1)
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+}), oe = /* @__PURE__ */ z({
+  __name: "SettingsLink",
+  emits: ["click"],
+  setup(o, { emit: t }) {
+    const e = t, { t: n } = N();
+    return (r, _) => (g(), I(a(F), X({
+      prominence: "plain",
+      size: "sm",
+      icon: "settings3Line",
+      to: a(j).index
+    }, { "aria-label": a(n)("core.notifications.settings.open"), title: a(n)("core.notifications.settings.open") }, {
+      "data-notification-settings": "",
+      onClick: _[0] || (_[0] = (f) => e("click"))
+    }), null, 16, ["to"]));
+  }
+}), Ie = {
+  "data-notification-inbox": "",
+  class: "w-full min-w-0 sm:w-96"
+}, Ne = {
+  key: 0,
+  class: "mb-1 flex items-center justify-between gap-2"
+}, Oe = { class: "px-1 text-headline font-semibold" }, De = { class: "flex items-center gap-1" }, qe = { class: "-mx-1 max-h-[min(28rem,60dvh)] overflow-y-auto overscroll-contain" }, Ge = ["data-unread", "onClick"], Ue = { class: "min-w-0 flex-1" }, Be = {
+  key: 0,
+  class: "mt-0.5 line-clamp-2 block text-footnote text-content-muted"
+}, Fe = ["datetime"], je = {
+  key: 0,
+  class: "mt-2 size-2 shrink-0 rounded-full bg-content-link",
+  "aria-hidden": "true"
+}, Ve = {
+  key: 1,
+  class: "sr-only"
+}, Ke = {
+  key: 0,
+  class: "mt-2 flex flex-col items-center gap-1",
+  "data-notification-more": ""
+}, We = {
+  key: 0,
+  class: "text-footnote text-status-danger-content",
+  role: "alert"
+}, He = "bg-fill text-content-muted", Y = /* @__PURE__ */ z({
+  __name: "InboxPanel",
+  props: {
+    inbox: {},
+    appearance: {}
+  },
+  emits: ["close"],
+  setup(o, { emit: t }) {
+    const e = o, n = t, { t: r } = N(), _ = ge(), f = ye(), { categories: E, settings: i } = ee(), b = {
+      amber: "bg-category-amber-surface text-category-amber-content",
+      lime: "bg-category-lime-surface text-category-lime-content",
+      teal: "bg-category-teal-surface text-category-teal-content",
+      cyan: "bg-category-cyan-surface text-category-cyan-content",
+      blue: "bg-category-blue-surface text-category-blue-content",
+      indigo: "bg-category-indigo-surface text-category-indigo-content",
+      violet: "bg-category-violet-surface text-category-violet-content",
+      fuchsia: "bg-category-fuchsia-surface text-category-fuchsia-content",
+      pink: "bg-category-pink-surface text-category-pink-content"
+    }, v = q(() => {
+      const { list: m, items: s } = e.inbox;
+      if (m.value.status === "failed") {
+        const k = r("core.notifications.load_error");
+        return s.value.length > 0 ? { status: "stale", value: s.value, error: k } : { status: "failed", error: k };
+      }
+      return m.value.status === "loaded" ? { status: "loaded", value: s.value } : s.value.length > 0 ? { status: "refreshing", value: s.value } : { status: "loading" };
+    }), l = (m) => {
+      const s = E[m.category];
+      return { icon: s?.icon ?? "notification3Line", classes: s?.hue ? b[s.hue] : He };
+    }, x = (m) => m.startsWith("/") && !m.startsWith("//");
+    function h(m) {
+      e.inbox.markRead(m), !(m.link === "" || !x(m.link)) && (n("close"), _.push(m.link));
+    }
+    return (m, s) => (g(), w("div", Ie, [
+      o.appearance === "popover" ? (g(), w("div", Ne, [
+        C("h2", Oe, L(a(r)("core.notifications.title")), 1),
+        C("div", De, [
+          a(i) ? (g(), I(oe, {
+            key: 0,
+            onClick: s[0] || (s[0] = (k) => n("close"))
+          })) : S("", !0),
+          T(ne, { inbox: o.inbox }, null, 8, ["inbox"])
+        ])
+      ])) : S("", !0),
+      T(a(he), {
+        state: v.value,
+        "empty-title": a(r)("core.notifications.empty_title"),
+        "empty-description": a(r)("core.notifications.empty_description"),
+        "empty-icon": "notification3Line",
+        onRetry: s[2] || (s[2] = (k) => o.inbox.load())
+      }, {
+        default: R(({ value: k }) => [
+          C("ul", qe, [
+            (g(!0), w(B, null, ce(k, (p) => (g(), w("li", {
+              key: p.id
+            }, [
+              C("button", {
+                type: "button",
+                "data-notification-item": "",
+                "data-unread": p.read_at === null ? "true" : void 0,
+                class: "flex w-full cursor-pointer items-start gap-3 rounded-control px-2 py-2.5 text-left transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus",
+                onClick: (A) => h(p)
+              }, [
+                C("span", {
+                  class: W(["flex size-9 shrink-0 items-center justify-center rounded-full", l(p).classes]),
+                  "aria-hidden": "true"
+                }, [
+                  T(a(xe), {
+                    name: l(p).icon,
+                    size: 18
+                  }, null, 8, ["name"])
+                ], 2),
+                C("span", Ue, [
+                  C("span", {
+                    class: W(["block text-subheadline", p.read_at === null ? "font-semibold text-content-strong" : "font-medium text-content"])
+                  }, L(p.title), 3),
+                  p.body ? (g(), w("span", Be, L(p.body), 1)) : S("", !0),
+                  C("time", {
+                    datetime: p.created_at,
+                    class: "mt-0.5 block text-footnote text-content-muted"
+                  }, L(a(f).relative(p.created_at)), 9, Fe)
+                ]),
+                p.read_at === null ? (g(), w("span", je)) : S("", !0),
+                p.read_at === null ? (g(), w("span", Ve, L(a(r)("core.notifications.unread")), 1)) : S("", !0)
+              ], 8, Ge)
+            ]))), 128))
+          ]),
+          o.inbox.hasMore.value ? (g(), w("div", Ke, [
+            o.inbox.more.value === "failed" ? (g(), w("p", We, L(a(r)("core.notifications.load_more_error")), 1)) : S("", !0),
+            T(a(F), {
+              prominence: "plain",
+              size: "sm",
+              processing: o.inbox.more.value === "loading",
+              onClick: s[1] || (s[1] = (p) => o.inbox.loadMore())
+            }, {
+              default: R(() => [
+                Q(L(a(r)("core.notifications.load_more")), 1)
+              ]),
+              _: 1
+            }, 8, ["processing"])
+          ])) : S("", !0)
+        ]),
+        _: 1
+      }, 8, ["state", "empty-title", "empty-description"])
+    ]));
+  }
+}), Je = { class: "flex items-center justify-center" }, Ye = /* @__PURE__ */ z({
+  __name: "NotificationBell",
+  setup(o) {
+    const { t } = N(), { inbox: e, settings: n } = ee(), r = pe(), _ = de("sheet"), f = q(() => e.value?.unreadCount.value ?? 0), E = q(() => f.value > 0 ? t("core.notifications.open_unread", { count: f.value }) : t("core.notifications.open")), i = q(() => f.value > 0 ? $e(f.value) : void 0);
+    return (b, v) => a(e) ? (g(), w(B, { key: 0 }, [
+      a(r) ? (g(), w(B, { key: 1 }, [
+        T(H, {
+          icon: "notification3Line",
+          label: E.value,
+          badge: i.value,
+          "data-notification-bell": "",
+          onClick: v[1] || (v[1] = (l) => {
+            _.value?.present(), a(e).load();
+          })
+        }, null, 8, ["label", "badge"]),
+        T(a(be), {
+          ref_key: "sheet",
+          ref: _,
+          title: a(t)("core.notifications.title")
+        }, ue({
+          footer: R(() => [
+            C("div", Je, [
+              T(ne, { inbox: a(e) }, null, 8, ["inbox"])
+            ])
+          ]),
+          default: R(() => [
+            T(Y, {
+              inbox: a(e),
+              appearance: "sheet",
+              onClose: v[3] || (v[3] = (l) => _.value?.dismiss())
+            }, null, 8, ["inbox"])
+          ]),
+          _: 2
+        }, [
+          a(n) ? {
+            name: "actions",
+            fn: R(() => [
+              T(oe, {
+                onClick: v[2] || (v[2] = (l) => _.value?.dismiss())
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title"])
+      ], 64)) : (g(), I(a(_e), {
+        key: 0,
+        placement: "bottom-start",
+        width: "auto",
+        arrow: !1,
+        label: a(t)("core.notifications.title"),
+        onPresented: v[0] || (v[0] = (l) => a(e).load())
+      }, {
+        trigger: R(({ toggle: l, attrs: x }) => [
+          T(H, X(x, {
+            icon: "notification3Line",
+            label: E.value,
+            badge: i.value,
+            "data-notification-bell": "",
+            onClick: l
+          }), null, 16, ["label", "badge", "onClick"])
+        ]),
+        default: R(({ dismiss: l }) => [
+          T(Y, {
+            inbox: a(e),
+            appearance: "popover",
+            onClose: l
+          }, null, 8, ["inbox", "onClose"])
+        ]),
+        _: 1
+      }, 8, ["label"]))
+    ], 64)) : S("", !0);
+  }
+});
+function Qe(o) {
+  return {
+    id: "notifications.inbox",
+    scope: "session",
+    start({ signal: t, platform: e }) {
+      const n = e.config.apiBase.replace(/\/+$/, "");
+      return o.value = ze({ http: e.http, streamUrl: `${n}/${M.stream.path.replace(/^\/+/, "")}`, signal: t }), () => {
+        o.value = null;
+      };
+    }
+  };
+}
+function _t(o = {}) {
+  const t = U(null), e = o.deadLetters ?? {}, n = o.settings ?? !0;
+  return se({
+    id: "notifications",
+    routes: [...e === !1 ? [] : J.records, ...n ? j.records : []],
+    navigation: e !== !1 && e.destination ? [{ destination: e.destination, to: J.index }] : [],
+    context: le(ke, { inbox: t, categories: o.categories ?? {}, settings: n }),
+    contributions: [
+      { id: "notifications.bell", slot: "headerActions", component: Ye, scope: "authenticated" },
+      ...n ? [{ id: "notifications.settings", slot: "accountMenu", component: Te, scope: "authenticated", optional: !0, order: -9 }] : []
+    ],
+    effects: [Qe(t)]
+  });
+}
+export {
+  bt as R,
+  j as a,
+  _t as b,
+  J as d,
+  pt as e,
+  M as n
+};

package/dist/{index-BAcl44SC.js → index-CGv-u1Ws.js}

@@ -1,4 +1,4 @@
-import { route as i } from "./client/index.js";
+import { r as i } from "./route-goWMxDUN.js";
 import { d as H, p as Y } from "./feature-DdUAfyi4.js";
 import { k as ie } from "./keepAlive-WYQGRhuz.js";
 import { d as z } from "./defineRoutes-BGAdiIrt.js";
@@ -7,23 +7,23 @@ import { defineComponent as E, computed as b, watch as $, openBlock as x, create
 import { u as pe } from "./environment-Dva-SG8D.js";
 import { u as P } from "./describeError-Ctga6GcS.js";
 import { t as k } from "./toast-D9Z5To38.js";
-import { u as A, h as q, f as M } from "./platform-hunMqFdB.js";
+import { u as A, h as q, f as M } from "./platform-q3cjODLx.js";
 import { a as R } from "./error-CD7x0Jrz.js";
 import { useI18n as C } from "vue-i18n";
 import { useRouter as J, useRoute as de } from "vue-router";
-import { _ as Q } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
-import { _ as L } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
+import { _ as Q } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as L } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { u as fe } from "./leaveGuard-Cc8yeLxM.js";
-import { _ as he } from "./FormView.vue_vue_type_script_setup_true_lang-Bz2m3AtF.js";
-import { _ as ye } from "./TextField.vue_vue_type_script_setup_true_lang-C_FMf3Vc.js";
+import { _ as he } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
+import { _ as ye } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
 import { u as ge } from "./mediaQuery-CygcXmFW.js";
 import { u as ve } from "./useDialog-CXR3hN0G.js";
 import { c as _e } from "./closeOverlays-CjVsIrpL.js";
-import { u as be } from "./FormErrors.vue_vue_type_script_setup_true_lang-DVgNBQ8p.js";
+import { u as be } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
 import { u as we } from "./format-B8mJm946.js";
-import { _ as xe } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-DIGqTLwd.js";
+import { _ as xe } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
 import { b as Ee } from "./routeResource-DstM0hvf.js";
-import { _ as Se } from "./AccessGate.vue_vue_type_script_setup_true_lang-DKX3PH2n.js";
+import { _ as Se } from "./AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js";
 const w = {
   login: i("POST", "/v1/auth/login", { public: !0 }),
   refresh: i("POST", "/v1/auth/refresh", { public: !0 }),
@@ -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-FnLtoi2q.js"), meta: { public: !0, titleKey: "core.identity.signin.title" } }
+  login: { name: "login", path: "/login", component: () => import("./SignInPage-Rqnus_s-.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-OJMQ8cr8.js"), meta: { titleKey: "core.profile.title" } }
+  index: { name: "profile", path: "/profile", component: () => import("./ProfilePage-BlpiWH_W.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-vEJ-cgkT.js"), meta: { access: W, titleKey: "core.users.title" } },
+  index: { name: "users.index", path: "/users", component: () => import("./UsersList-DNlZsI9J.js"), meta: { access: W, titleKey: "core.users.title" } },
   record: {
     name: "users.record",
     path: "/users/:id",
-    component: () => import("./UserRecord-Ci8HfwbX.js"),
+    component: () => import("./UserRecord-DqigxVxH.js"),
     meta: { access: W, titleKey: "core.users.title", remountOnParam: "id" },
     children: [
-      { name: "users.record.general", path: "general", component: () => import("./General-BD-Hcz0a.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-BWwFbxki.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-Co5-xdeb.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-3UcI64_h.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-DlT5mN9G.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-DviO0VQ8.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-CTqd0SLK.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-zzKY__df.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-CWqjjTr1.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-Cnf9BVR0.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-Bm8xvagD.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-2gGxQn7v.js"), meta: { access: ss, section: { labelKey: "core.users.sections.activity", icon: "listCheck", groupKey: "core.users.section_groups.activity" } } }
     ]
   }
 });