@wssto2/vue-core 0.4.28 → 0.5.0

package/dist/index-g-qbUeTk.js

@@ -0,0 +1,630 @@
+import { route as m } from "./client/index.js";
+import { d as pe, p as me } from "./feature-DdUAfyi4.js";
+import { ref as M, readonly as R, defineComponent as O, openBlock as y, createBlock as q, unref as s, shallowRef as W, withCtx as $, createTextVNode as X, toDisplayString as P, mergeProps as Z, computed as D, createElementBlock as S, createElementVNode as C, createCommentVNode as L, createVNode as T, Fragment as z, renderList as ve, normalizeClass as H, useTemplateRef as be, createSlots as he } from "vue";
+import { d as ge } from "./context-Ch1r4fdN.js";
+import { u as ye } from "./platform-Dl1fbScN.js";
+import { d as ee } from "./defineRoutes-BGAdiIrt.js";
+import { useI18n as U } from "vue-i18n";
+import { _ as _e } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
+import { f as xe } from "./client-BHPFfBj3.js";
+import { u as we } from "./mediaQuery-CygcXmFW.js";
+import { _ as ke } from "./Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
+import { _ as Se } from "./Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
+import { _ as J } from "./HeaderAction.vue_vue_type_script_setup_true_lang-Cgji-Jrr.js";
+import { useRouter as Te } from "vue-router";
+import { _ as G } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { u as Ee } from "./format-D8X4zsx6.js";
+import { _ as Ce } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as Pe } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
+const E = {
+  list: m("GET", "/v1/notifications"),
+  unread: m("GET", "/v1/notifications/unread"),
+  read: m("POST", "/v1/notifications/:id/read"),
+  readAll: m("POST", "/v1/notifications/read"),
+  stream: m.raw("GET", "/v1/notifications/stream"),
+  test: m("POST", "/v1/notifications/test"),
+  preferences: m("GET", "/v1/notifications/preferences"),
+  preferencesSetEmail: m("PUT", "/v1/notifications/preferences/:category"),
+  quietHours: m("PUT", "/v1/notifications/quiet-hours"),
+  preferencesSetPush: m("PUT", "/v1/notifications/preferences/:category/push"),
+  push: m("GET", "/v1/notifications/push"),
+  devices: m("GET", "/v1/notifications/devices"),
+  deviceSubscribe: m("POST", "/v1/notifications/devices"),
+  deviceUnsubscribe: m("POST", "/v1/notifications/devices/unsubscribe"),
+  deviceRename: m("PATCH", "/v1/notifications/devices/:id"),
+  deviceRemove: m("DELETE", "/v1/notifications/devices/:id"),
+  deviceTest: m("POST", "/v1/notifications/devices/:id/test")
+}, Lt = {
+  deadLettersList: m("GET", "/v1/events/dead-letters", { permission: "events.deadletter:view" }),
+  deadLettersRetry: m("POST", "/v1/events/dead-letters/:event/:consumer/retry", { permission: "events.deadletter:retry" }),
+  deadLettersRetryAll: m("POST", "/v1/events/dead-letters/retry", { permission: "events.deadletter:retry" }),
+  consumers: m("GET", "/v1/events/consumers", { permission: "events.deadletter:view" })
+}, [Le, te] = ge("vue-core.notifications");
+function ne(n) {
+  const t = (n + "=".repeat((4 - n.length % 4) % 4)).replace(/-/g, "+").replace(/_/g, "/"), e = atob(t), i = new Uint8Array(new ArrayBuffer(e.length));
+  for (let o = 0; o < e.length; o++) i[o] = e.charCodeAt(o);
+  return i;
+}
+function ie(n, t) {
+  const e = n.options?.applicationServerKey;
+  if (!e) return !0;
+  const i = ne(t), o = new Uint8Array(e);
+  return o.length === i.length && o.every((c, l) => c === i[l]);
+}
+function Re(n) {
+  const t = n.toJSON();
+  return !t.endpoint || !t.keys?.p256dh || !t.keys?.auth ? null : { endpoint: t.endpoint, p256dh: t.keys.p256dh, auth: t.keys.auth };
+}
+async function oe(n) {
+  const t = await crypto.subtle.digest("SHA-256", new TextEncoder().encode(n));
+  return [...new Uint8Array(t)].map((e) => e.toString(16).padStart(2, "0")).join("");
+}
+function $e(n) {
+  return (/iPhone|iPad|iPod/.test(n.userAgent) || /Macintosh/.test(n.userAgent) && n.maxTouchPoints > 1) && !n.standalone ? "ios-browser" : n.hasPushManager && n.hasNotification && n.hasServiceWorker ? "supported" : "unsupported";
+}
+function K() {
+  const n = async () => "serviceWorker" in navigator && await navigator.serviceWorker.getRegistration() ? navigator.serviceWorker.ready : null;
+  return {
+    support: () => $e({
+      userAgent: navigator.userAgent,
+      maxTouchPoints: navigator.maxTouchPoints ?? 0,
+      standalone: window.matchMedia?.("(display-mode: standalone)").matches === !0 || navigator.standalone === !0,
+      hasPushManager: "PushManager" in window,
+      hasNotification: "Notification" in window,
+      hasServiceWorker: "serviceWorker" in navigator
+    }),
+    permission: () => "Notification" in window ? Notification.permission : "unknown",
+    requestPermission: () => Notification.requestPermission(),
+    subscription: async () => (await n())?.pushManager.getSubscription() ?? null,
+    subscribe: async (t) => (await n())?.pushManager.subscribe({ userVisibleOnly: !0, applicationServerKey: ne(t) }) ?? null
+  };
+}
+async function ae(n, t, e) {
+  const i = Re(t);
+  return i ? (await n.request(E.deviceSubscribe, i, e ? { signal: e } : void 0), oe(i.endpoint)) : null;
+}
+async function se(n, t = K(), e) {
+  const i = await t.subscription();
+  i && (await n.request(E.deviceUnsubscribe, { endpoint: i.endpoint }, e ? { signal: e } : void 0).catch(() => {
+  }), await i.unsubscribe().catch(() => !1));
+}
+async function Ae(n, t, e) {
+  if (t.support() !== "supported") return;
+  let i = await t.subscription();
+  if (!i) return;
+  if (t.permission() !== "granted") {
+    await i.unsubscribe().catch(() => !1);
+    return;
+  }
+  const { data: o } = await n.request(E.push, void 0, e ? { signal: e } : void 0);
+  o.enabled && (ie(i, o.public_key) || (await i.unsubscribe(), i = await t.subscribe(o.public_key)), i && await ae(n, i, e));
+}
+function Rt(n = ye().http, t = K()) {
+  const e = M("loading"), i = M(null), o = M(!1);
+  async function c() {
+    const a = t.support();
+    if (a !== "supported") {
+      e.value = a;
+      return;
+    }
+    const r = await t.subscription().catch(() => null);
+    i.value = r ? await oe(r.endpoint) : null, e.value = t.permission() === "denied" ? "denied" : r && t.permission() === "granted" ? "on" : "off";
+  }
+  async function l() {
+    if (t.support() !== "supported") return e.value;
+    o.value = !0;
+    try {
+      const { data: a } = await n.request(E.push, void 0);
+      if (!a.enabled) return e.value;
+      if (await t.requestPermission() !== "granted")
+        return e.value = t.permission() === "denied" ? "denied" : "off", e.value;
+      let r = await t.subscription();
+      return r && !ie(r, a.public_key) && (await r.unsubscribe(), r = null), r ?? (r = await t.subscribe(a.public_key)), r && (i.value = await ae(n, r), e.value = "on"), e.value;
+    } finally {
+      o.value = !1;
+    }
+  }
+  async function _() {
+    o.value = !0;
+    try {
+      await se(n, t), i.value = null, e.value = "off";
+    } finally {
+      o.value = !1;
+    }
+  }
+  return { state: R(e), hash: R(i), busy: R(o), inspect: c, enable: l, disable: _ };
+}
+const Me = "events.deadletter:view", $t = "events.deadletter:retry", Y = ee({
+  index: { name: "events.deadletters", path: "/events/dead-letters", component: () => import("./DeadLetters-DyA5Dqn0.js"), meta: { access: Me, titleKey: "core.notifications.dead_letters.title" } }
+}), j = ee({
+  index: { name: "notifications.settings", path: "/profile/notifications", component: () => import("./SettingsPage-V8WeADZZ.js"), meta: { titleKey: "core.notifications.settings.title" } }
+}), Ne = /* @__PURE__ */ O({
+  __name: "SettingsMenuItem",
+  setup(n) {
+    const { t } = U();
+    return (e, i) => (y(), q(_e, {
+      label: s(t)("core.notifications.settings.title"),
+      icon: "notification3Line",
+      to: s(j).index,
+      "data-notification-settings-menu-item": ""
+    }, null, 8, ["label", "to"]));
+  }
+});
+function re(n) {
+  return n.reduce((t, e) => Math.max(t, e.id), 0);
+}
+function Oe(n, t, e) {
+  return n.map((i) => i.id === t && i.read_at === null ? { ...i, read_at: e } : i);
+}
+function qe(n, t, e) {
+  return n.map((i) => i.read_at === null && i.id <= t ? { ...i, read_at: e } : i);
+}
+function Ue(n, t) {
+  const e = re(n);
+  return [...t.filter((i) => i.id > e), ...n];
+}
+function Ie(n, t) {
+  const e = new Set(n.map((i) => i.id));
+  return [...n, ...t.filter((i) => !e.has(i.id))];
+}
+function Be(n, t, e) {
+  let i = n.items;
+  if (t.type === "created" && t.notification && !i.some((o) => o.id === t.notification?.id) && (i = [t.notification, ...i]), t.type === "read") {
+    const o = new Set(t.read_ids ?? []), c = t.read_up_to_id ?? 0;
+    i = i.map((l) => l.read_at === null && (t.all_read ? l.id <= c : o.has(l.id)) ? { ...l, read_at: e } : l);
+  }
+  return { items: i, unreadCount: Math.max(0, t.unread_count) };
+}
+function De(n) {
+  return n > 99 ? "99+" : String(n);
+}
+const We = ["created", "read", "unread"];
+function ze(n) {
+  const t = n.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: i, unread_count: o } = e;
+    return typeof i == "string" && We.includes(i) && typeof o == "number" ? e : null;
+  } catch {
+    return null;
+  }
+}
+async function Ge({ url: n, transport: t, signal: e, onEvent: i, idleTimeout: o }) {
+  if (e.aborted) return "aborted";
+  const c = new AbortController();
+  let l = null, _ = !1, a;
+  const r = () => {
+    c.abort(), l?.cancel().catch(() => {
+    });
+  }, h = () => {
+    clearTimeout(a), a = setTimeout(() => {
+      _ = !0, r();
+    }, o);
+  };
+  e.addEventListener("abort", r, { once: !0 }), h();
+  try {
+    const d = await t(n, { method: "GET", headers: { Accept: "text/event-stream" }, credentials: "include", signal: c.signal });
+    if (d.status === 401) return "unauthorized";
+    if (!d.ok || !d.body) return "failed";
+    l = d.body.getReader();
+    const x = new TextDecoder();
+    let w = "";
+    for (; ; ) {
+      const { done: b, value: u } = await l.read();
+      if (e.aborted) return "aborted";
+      if (_) return "stalled";
+      if (b) return "closed";
+      h(), w += x.decode(u, { stream: !0 }).replace(/\r\n/g, `
+`);
+      const k = w.split(`
+
+`);
+      w = k.pop() ?? "";
+      for (const g of k) {
+        const N = ze(g);
+        N && i(N);
+      }
+    }
+  } catch (d) {
+    return e.aborted ? "aborted" : _ ? "stalled" : d instanceof Error && d.name === "AbortError" ? "aborted" : "failed";
+  } finally {
+    clearTimeout(a), e.removeEventListener("abort", r);
+  }
+}
+function Ke(n) {
+  const { http: t, signal: e, pageSize: i = 20, backoff: o = { min: 1e3, max: 3e4 }, idleTimeout: c = 5e4, transport: l = xe, now: _ = () => /* @__PURE__ */ new Date() } = n, a = W([]), r = M(0), h = M(!1), d = W({ status: "idle" }), x = M("idle");
+  let w = 0;
+  const b = () => _().toISOString();
+  async function u() {
+    try {
+      const { data: f } = await t.request(E.unread, void 0, { signal: e });
+      e.aborted || (r.value = f.unread_count);
+    } catch {
+    }
+  }
+  async function k() {
+    const f = ++w;
+    x.value = "idle", d.value = { status: "loading" };
+    try {
+      const { data: p } = await t.request(E.list, { limit: i }, { signal: e });
+      if (e.aborted || f !== w) return;
+      a.value = Ue(p.items, a.value), h.value = p.has_more, d.value = { status: "loaded" };
+    } catch (p) {
+      if (e.aborted || f !== w) return;
+      d.value = { status: "failed", error: p };
+    }
+  }
+  async function g() {
+    const f = a.value[a.value.length - 1]?.id;
+    if (!h.value || x.value === "loading" || f === void 0) return;
+    const p = w;
+    x.value = "loading";
+    try {
+      const { data: v } = await t.request(E.list, { before_id: f, limit: i }, { signal: e });
+      if (e.aborted || p !== w) return;
+      a.value = Ie(a.value, v.items), h.value = v.has_more, x.value = "idle";
+    } catch {
+      !e.aborted && p === w && (x.value = "failed");
+    }
+  }
+  async function N(f) {
+    if (!(f.read_at !== null || a.value.find((p) => p.id === f.id)?.read_at)) {
+      a.value = Oe(a.value, f.id, b()), r.value = Math.max(0, r.value - 1);
+      try {
+        const { data: p } = await t.request(E.read, { id: f.id }, { signal: e });
+        e.aborted || (r.value = p.unread_count);
+      } catch {
+        if (e.aborted) return;
+        a.value = a.value.map((p) => p.id === f.id ? { ...p, read_at: null } : p), await u();
+      }
+    }
+  }
+  async function le() {
+    const f = re(a.value);
+    if (f === 0) return;
+    const p = new Set(a.value.filter((v) => v.read_at === null && v.id <= f).map((v) => v.id));
+    a.value = qe(a.value, f, b()), r.value = Math.max(0, r.value - p.size);
+    try {
+      const { data: v } = await t.request(E.readAll, { up_to_id: f }, { signal: e });
+      e.aborted || (r.value = v.unread_count);
+    } catch {
+      if (e.aborted) return;
+      a.value = a.value.map((v) => p.has(v.id) ? { ...v, read_at: null } : v), await u();
+    }
+  }
+  let A = o.min, I = null;
+  const de = (f) => new Promise((p) => {
+    const v = () => {
+      clearTimeout(B), e.removeEventListener("abort", v), I = null, p();
+    }, B = setTimeout(v, f);
+    e.addEventListener("abort", v, { once: !0 }), I = v;
+  });
+  async function fe() {
+    for (let f = !1; !e.aborted; f = !0) {
+      if (f && await u(), e.aborted) return;
+      let p = !1;
+      if (await Ge({
+        url: n.streamUrl,
+        transport: l,
+        signal: e,
+        idleTimeout: c,
+        onEvent(v) {
+          p = !0;
+          const B = Be({ items: a.value, unreadCount: r.value }, v, b());
+          a.value = B.items, r.value = B.unreadCount;
+        }
+      }), e.aborted) return;
+      p && (A = o.min), await de(A), A = Math.min(A * 2, o.max);
+    }
+  }
+  const F = () => {
+    document.visibilityState === "visible" && (u(), A = o.min, I?.());
+  }, V = () => {
+    u(), A = o.min, I?.();
+  };
+  return document.addEventListener("visibilitychange", F), window.addEventListener("online", V), e.addEventListener(
+    "abort",
+    () => {
+      document.removeEventListener("visibilitychange", F), window.removeEventListener("online", V);
+    },
+    { once: !0 }
+  ), e.aborted || fe(), { items: R(a), unreadCount: R(r), hasMore: R(h), list: R(d), more: R(x), load: k, loadMore: g, markRead: N, markAllRead: le };
+}
+const ce = /* @__PURE__ */ O({
+  __name: "MarkAllRead",
+  props: {
+    inbox: {}
+  },
+  setup(n) {
+    const { t } = U();
+    return (e, i) => (y(), q(s(G), {
+      prominence: "plain",
+      size: "sm",
+      icon: "checkDoubleLine",
+      "data-notification-mark-all": "",
+      disabled: n.inbox.unreadCount.value === 0,
+      onClick: i[0] || (i[0] = (o) => n.inbox.markAllRead())
+    }, {
+      default: $(() => [
+        X(P(s(t)("core.notifications.mark_all_read")), 1)
+      ]),
+      _: 1
+    }, 8, ["disabled"]));
+  }
+}), ue = /* @__PURE__ */ O({
+  __name: "SettingsLink",
+  emits: ["click"],
+  setup(n, { emit: t }) {
+    const e = t, { t: i } = U();
+    return (o, c) => (y(), q(s(G), Z({
+      prominence: "plain",
+      size: "sm",
+      icon: "settings3Line",
+      to: s(j).index
+    }, { "aria-label": s(i)("core.notifications.settings.open"), title: s(i)("core.notifications.settings.open") }, {
+      "data-notification-settings": "",
+      onClick: c[0] || (c[0] = (l) => e("click"))
+    }), null, 16, ["to"]));
+  }
+}), je = {
+  "data-notification-inbox": "",
+  class: "w-full min-w-0 sm:w-96"
+}, Fe = {
+  key: 0,
+  class: "mb-1 flex items-center justify-between gap-2"
+}, Ve = { class: "px-1 text-headline font-semibold" }, He = { class: "flex items-center gap-1" }, Je = { class: "-mx-1 max-h-[min(28rem,60dvh)] overflow-y-auto overscroll-contain" }, Ye = ["data-unread", "onClick"], Qe = { class: "min-w-0 flex-1" }, Xe = {
+  key: 0,
+  class: "mt-0.5 line-clamp-2 block text-footnote text-content-muted"
+}, Ze = ["datetime"], et = {
+  key: 0,
+  class: "mt-2 size-2 shrink-0 rounded-full bg-content-link",
+  "aria-hidden": "true"
+}, tt = {
+  key: 1,
+  class: "sr-only"
+}, nt = {
+  key: 0,
+  class: "mt-2 flex flex-col items-center gap-1",
+  "data-notification-more": ""
+}, it = {
+  key: 0,
+  class: "text-footnote text-status-danger-content",
+  role: "alert"
+}, ot = "bg-fill text-content-muted", Q = /* @__PURE__ */ O({
+  __name: "InboxPanel",
+  props: {
+    inbox: {},
+    appearance: {}
+  },
+  emits: ["close"],
+  setup(n, { emit: t }) {
+    const e = n, i = t, { t: o } = U(), c = Te(), l = Ee(), { categories: _, settings: a } = te(), r = {
+      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"
+    }, h = D(() => {
+      const { list: b, items: u } = e.inbox;
+      if (b.value.status === "failed") {
+        const k = o("core.notifications.load_error");
+        return u.value.length > 0 ? { status: "stale", value: u.value, error: k } : { status: "failed", error: k };
+      }
+      return b.value.status === "loaded" ? { status: "loaded", value: u.value } : u.value.length > 0 ? { status: "refreshing", value: u.value } : { status: "loading" };
+    }), d = (b) => {
+      const u = _[b.category];
+      return { icon: u?.icon ?? "notification3Line", classes: u?.hue ? r[u.hue] : ot };
+    }, x = (b) => b.startsWith("/") && !b.startsWith("//");
+    function w(b) {
+      e.inbox.markRead(b), !(b.link === "" || !x(b.link)) && (i("close"), c.push(b.link));
+    }
+    return (b, u) => (y(), S("div", je, [
+      n.appearance === "popover" ? (y(), S("div", Fe, [
+        C("h2", Ve, P(s(o)("core.notifications.title")), 1),
+        C("div", He, [
+          s(a) ? (y(), q(ue, {
+            key: 0,
+            onClick: u[0] || (u[0] = (k) => i("close"))
+          })) : L("", !0),
+          T(ce, { inbox: n.inbox }, null, 8, ["inbox"])
+        ])
+      ])) : L("", !0),
+      T(s(Pe), {
+        state: h.value,
+        "empty-title": s(o)("core.notifications.empty_title"),
+        "empty-description": s(o)("core.notifications.empty_description"),
+        "empty-icon": "notification3Line",
+        onRetry: u[2] || (u[2] = (k) => n.inbox.load())
+      }, {
+        default: $(({ value: k }) => [
+          C("ul", Je, [
+            (y(!0), S(z, null, ve(k, (g) => (y(), S("li", {
+              key: g.id
+            }, [
+              C("button", {
+                type: "button",
+                "data-notification-item": "",
+                "data-unread": g.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: (N) => w(g)
+              }, [
+                C("span", {
+                  class: H(["flex size-9 shrink-0 items-center justify-center rounded-full", d(g).classes]),
+                  "aria-hidden": "true"
+                }, [
+                  T(s(Ce), {
+                    name: d(g).icon,
+                    size: 18
+                  }, null, 8, ["name"])
+                ], 2),
+                C("span", Qe, [
+                  C("span", {
+                    class: H(["block text-subheadline", g.read_at === null ? "font-semibold text-content-strong" : "font-medium text-content"])
+                  }, P(g.title), 3),
+                  g.body ? (y(), S("span", Xe, P(g.body), 1)) : L("", !0),
+                  C("time", {
+                    datetime: g.created_at,
+                    class: "mt-0.5 block text-footnote text-content-muted"
+                  }, P(s(l).relative(g.created_at)), 9, Ze)
+                ]),
+                g.read_at === null ? (y(), S("span", et)) : L("", !0),
+                g.read_at === null ? (y(), S("span", tt, P(s(o)("core.notifications.unread")), 1)) : L("", !0)
+              ], 8, Ye)
+            ]))), 128))
+          ]),
+          n.inbox.hasMore.value ? (y(), S("div", nt, [
+            n.inbox.more.value === "failed" ? (y(), S("p", it, P(s(o)("core.notifications.load_more_error")), 1)) : L("", !0),
+            T(s(G), {
+              prominence: "plain",
+              size: "sm",
+              processing: n.inbox.more.value === "loading",
+              onClick: u[1] || (u[1] = (g) => n.inbox.loadMore())
+            }, {
+              default: $(() => [
+                X(P(s(o)("core.notifications.load_more")), 1)
+              ]),
+              _: 1
+            }, 8, ["processing"])
+          ])) : L("", !0)
+        ]),
+        _: 1
+      }, 8, ["state", "empty-title", "empty-description"])
+    ]));
+  }
+}), at = { class: "flex items-center justify-center" }, st = /* @__PURE__ */ O({
+  __name: "NotificationBell",
+  setup(n) {
+    const { t } = U(), { inbox: e, settings: i } = te(), o = we(), c = be("sheet"), l = D(() => e.value?.unreadCount.value ?? 0), _ = D(() => l.value > 0 ? t("core.notifications.open_unread", { count: l.value }) : t("core.notifications.open")), a = D(() => l.value > 0 ? De(l.value) : void 0);
+    return (r, h) => s(e) ? (y(), S(z, { key: 0 }, [
+      s(o) ? (y(), S(z, { key: 1 }, [
+        T(J, {
+          icon: "notification3Line",
+          label: _.value,
+          badge: a.value,
+          "data-notification-bell": "",
+          onClick: h[1] || (h[1] = (d) => {
+            c.value?.present(), s(e).load();
+          })
+        }, null, 8, ["label", "badge"]),
+        T(s(ke), {
+          ref_key: "sheet",
+          ref: c,
+          title: s(t)("core.notifications.title")
+        }, he({
+          footer: $(() => [
+            C("div", at, [
+              T(ce, { inbox: s(e) }, null, 8, ["inbox"])
+            ])
+          ]),
+          default: $(() => [
+            T(Q, {
+              inbox: s(e),
+              appearance: "sheet",
+              onClose: h[3] || (h[3] = (d) => c.value?.dismiss())
+            }, null, 8, ["inbox"])
+          ]),
+          _: 2
+        }, [
+          s(i) ? {
+            name: "actions",
+            fn: $(() => [
+              T(ue, {
+                onClick: h[2] || (h[2] = (d) => c.value?.dismiss())
+              })
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["title"])
+      ], 64)) : (y(), q(s(Se), {
+        key: 0,
+        placement: "bottom-start",
+        width: "auto",
+        arrow: !1,
+        label: s(t)("core.notifications.title"),
+        onPresented: h[0] || (h[0] = (d) => s(e).load())
+      }, {
+        trigger: $(({ toggle: d, attrs: x }) => [
+          T(J, Z(x, {
+            icon: "notification3Line",
+            label: _.value,
+            badge: a.value,
+            "data-notification-bell": "",
+            onClick: d
+          }), null, 16, ["label", "badge", "onClick"])
+        ]),
+        default: $(({ dismiss: d }) => [
+          T(Q, {
+            inbox: s(e),
+            appearance: "popover",
+            onClose: d
+          }, null, 8, ["inbox", "onClose"])
+        ]),
+        _: 1
+      }, 8, ["label"]))
+    ], 64)) : L("", !0);
+  }
+}), rt = ["channels", "quiet", "device", "devices"];
+function ct(n) {
+  const t = new Set(rt);
+  for (const e of n) {
+    if (t.has(e.id)) throw new Error(`notificationsFeature: the settings section "${e.id}" is a built-in id or is given twice.`);
+    t.add(e.id);
+  }
+  return n;
+}
+function ut() {
+  return {
+    id: "notifications.push",
+    scope: "session",
+    start({ signal: n, platform: t, report: e }) {
+      const i = K();
+      return Ae(t.http, i, n).catch((o) => {
+        n.aborted || e(o);
+      }), t.session.onBeforeSignOut((o, c) => se(t.http, i, c));
+    }
+  };
+}
+function lt(n) {
+  return {
+    id: "notifications.inbox",
+    scope: "session",
+    start({ signal: t, platform: e }) {
+      const i = e.config.apiBase.replace(/\/+$/, "");
+      return n.value = Ke({ http: e.http, streamUrl: `${i}/${E.stream.path.replace(/^\/+/, "")}`, signal: t }), () => {
+        n.value = null;
+      };
+    }
+  };
+}
+function At(n = {}) {
+  const t = W(null), e = n.deadLetters ?? {}, i = n.settings ?? !0, o = n.push ?? !0, c = ct(n.settingsSections ?? []);
+  return pe({
+    id: "notifications",
+    routes: [...e === !1 ? [] : Y.records, ...i ? j.records : []],
+    navigation: e !== !1 && e.destination ? [{ destination: e.destination, to: Y.index }] : [],
+    context: me(Le, { inbox: t, categories: n.categories ?? {}, settings: i, push: o, sections: c }),
+    contributions: [
+      { id: "notifications.bell", slot: "headerActions", component: st, scope: "authenticated" },
+      ...i ? [{ id: "notifications.settings", slot: "accountMenu", component: Ne, scope: "authenticated", optional: !0, order: -9 }] : []
+    ],
+    effects: [lt(t), ...o ? [ut()] : []]
+  });
+}
+export {
+  $t as R,
+  Rt as a,
+  j as b,
+  At as c,
+  Y as d,
+  Lt as e,
+  E as n,
+  te as u
+};