@wssto2/vue-core 0.3.0 → 0.4.0

package/README.md

@@ -20,6 +20,7 @@ Its plan and rules are in [PLAN.md](PLAN.md).
 | `@wssto2/vue-core/i18n`, `/format`, `/client` | messages, `useDescribeError`, formatting, `HttpClient` and `ApiError` |
 | `@wssto2/vue-core/identity`, `/access` | go-core's module contracts (types, route tables) and, in `/identity`, `identityFeature` (sign-in page, language), `identityPlatform()` and `usersFeature` (users, "my profile"): [sign-in](docs/recipes/sign-in.md), [users](docs/recipes/users.md) |
 | `@wssto2/vue-core/access` (screens) | `accessFeature({ catalogue })`: roles list and editor, compare, replace, a person's roles (`PersonAccess`) and what they can do: [roles and access](docs/recipes/access.md) |
+| `@wssto2/vue-core/notifications` | go-core's notification and events modules: `notificationsFeature({ categories, deadLetters })`: the bell with the unread count, the inbox (popover, bottom sheet on phones), the live stream, the failed-events page: [notifications](docs/recipes/notifications.md) |
 | `@wssto2/vue-core/testing` | `createTestPlatform`, `createTestApp`, fake transports: for your tests, [testing](docs/recipes/testing.md) |
 
 Nothing is reachable by a deep import. The peers are `vue`, `vue-router` and `vue-i18n`; the library never bundles them.
@@ -242,6 +243,7 @@ declare module "@wssto2/vue-core/router" {
     accounts: true;
     users: true;
     "iam.roles": true;
+    "events.deadletters": true;
   }
 }
 
@@ -332,6 +334,7 @@ The library's own texts are under the `core` namespace in English, Croatian, Bos
 - [Sign-in](docs/recipes/sign-in.md): go-core's identity module: the sign-in page, the session wiring, the language, the module's committed types, the dev server
 - [Users and profile](docs/recipes/users.md): the users list and a person's record, "my profile" with the e-mail change by code, opting out, extra sections, refusals
 - [Roles and access](docs/recipes/access.md): go-core's access module: the roles list and editor from your catalogue, a person's roles and effective access, where a role applies, the refusals
+- [Notifications](docs/recipes/notifications.md): the bell, the inbox and the live stream, categories, the failed-events page, trying it against go-core's dev server
 - [Theming](docs/recipes/theming.md): brand accent, dark mode, tokens, status tones and category hues
 - [Testing](docs/recipes/testing.md): the application's environment and a fake backend for your tests
 

package/dist/{AccessGate.vue_vue_type_script_setup_true_lang-DKX3PH2n.js → AccessGate.vue_vue_type_script_setup_true_lang-DcbZBINh.js}

@@ -1,5 +1,5 @@
 import { defineComponent as t, computed as i, renderSlot as n } from "vue";
-import { u as l } from "./platform-hunMqFdB.js";
+import { u as l } from "./platform-q3cjODLx.js";
 const m = /* @__PURE__ */ t({
   __name: "AccessGate",
   props: {

package/dist/{AccountMenuItem.vue_vue_type_script_setup_true_lang-DIGqTLwd.js → AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, computed as r, openBlock as o, createElementBlock as d, normalizeClass as a, createBlock as c, resolveDynamicComponent as C, unref as i, mergeProps as E, withCtx as S, createCommentVNode as f, createElementVNode as m, toDisplayString as O } from "vue";
 import { RouterLink as R } from "vue-router";
-import { _ as s } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as s } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { _ as z } from "./CountryFlag.vue_vue_type_script_setup_true_lang-Kry_vPPZ.js";
 import { d as v } from "./context-Ch1r4fdN.js";
 const [D, B] = v("vue-core.accountMenu"), [F] = v("vue-core.headerSurface"), h = "focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-border-focus", I = "relative not-first:before:absolute not-first:before:top-0 not-first:before:right-0 not-first:before:left-[calc(var(--app-row-inset)+2.25rem)] not-first:before:border-t not-first:before:border-border-separator", H = /* @__PURE__ */ p({

package/dist/{ActionRow.vue_vue_type_script_setup_true_lang-B7Lpfkf6.js → ActionRow.vue_vue_type_script_setup_true_lang-LlfIPWsJ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as r, openBlock as s, createBlock as d, unref as n, withCtx as f, createElementVNode as t, normalizeClass as m, toDisplayString as l, createElementBlock as u, createCommentVNode as p, createVNode as b } from "vue";
-import { e as _ } from "./options-BXkMR63B.js";
-import { _ as x } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { e as _ } from "./control-7EP4tjYy.js";
+import { _ as x } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 const k = ["disabled"], y = { class: "flex min-w-0 flex-1 flex-col" }, h = {
   key: 0,
   class: "text-footnote text-content-muted"

package/dist/{Activity-DviO0VQ8.js → Activity-2gGxQn7v.js}

@@ -1,18 +1,18 @@
 import { defineComponent as S, ref as g, watch as w, computed as k, openBlock as i, createElementBlock as y, createVNode as _, unref as t, createElementVNode as r, withCtx as f, toDisplayString as u, Fragment as C, renderList as N, createBlock as x, createTextVNode as j, createCommentVNode as R } from "vue";
 import { useI18n as q } from "vue-i18n";
-import { _ as D } from "./IconTile.vue_vue_type_script_setup_true_lang-D7QgnUyN.js";
-import { _ as I } from "./Tabs.vue_vue_type_script_setup_true_lang-BeGaydRr.js";
+import { _ as D } from "./IconTile.vue_vue_type_script_setup_true_lang-BpIjgu5E.js";
+import { _ as I } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
 import { u as O } from "./format-B8mJm946.js";
-import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-DMVjNsaM.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-0mfG8TkU.js";
-import { e as z } from "./options-BXkMR63B.js";
-import { P as G, c as H, i as J } from "./index-BAcl44SC.js";
-import { u as K } from "./platform-hunMqFdB.js";
+import { _ as U } from "./DateField.vue_vue_type_script_setup_true_lang-GVasv8ao.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
+import { e as z } from "./control-7EP4tjYy.js";
+import { P as G, c as H, i as J } from "./index-CGv-u1Ws.js";
+import { u as K } from "./platform-q3cjODLx.js";
 import { b as M } from "./routeResource-DstM0hvf.js";
-import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { _ as Q } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
 import { u as X } from "./useLoad-CYRVx6HW.js";
-import { _ as Y } from "./PageBar.vue_vue_type_script_setup_true_lang-Cfr5xsJx.js";
+import { _ as Y } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
 import { _ as Z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
 const ee = {
   class: "flex min-w-0 flex-col gap-group-gap",

package/dist/{AdaptivePageShell.vue_vue_type_script_setup_true_lang-CvAnzdc1.js → AdaptivePageShell.vue_vue_type_script_setup_true_lang-BoinCY93.js}

@@ -2,9 +2,9 @@ import { defineComponent as $, getCurrentInstance as D, inject as F, computed as
 import { a as j } from "./mediaQuery-CygcXmFW.js";
 import { b as U } from "./bottomDock-BZEiOPYZ.js";
 import { useI18n as E } from "vue-i18n";
-import { _ as W } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
-import { _ as y } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
-import { _ as Y } from "./Menu.vue_vue_type_script_setup_true_lang-BNAjx9tj.js";
+import { _ as W } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as y } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as Y } from "./Menu.vue_vue_type_script_setup_true_lang-DTbAcDzL.js";
 import { RouterLink as L, useRoute as G } from "vue-router";
 import { b as N, c as J, p as X } from "./chrome-BS3xJcad.js";
 import { d as Z } from "./context-Ch1r4fdN.js";

package/dist/{AlertDialog.vue_vue_type_script_setup_true_lang-CJsMUIUg.js → AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js}

@@ -1,6 +1,6 @@
 import { defineComponent as H, ref as L, useId as S, computed as u, watch as J, openBlock as a, createBlock as p, Teleport as K, createElementBlock as r, unref as t, createVNode as T, Transition as z, withCtx as I, createCommentVNode as s, createElementVNode as o, toDisplayString as l, renderSlot as V, normalizeClass as d, createTextVNode as $ } from "vue";
 import { useI18n as Q } from "vue-i18n";
-import { _ as j } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as j } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { u as R } from "./mediaQuery-CygcXmFW.js";
 import { u as U } from "./useDialog-CXR3hN0G.js";
 const X = ["aria-labelledby", "aria-describedby", "data-presentation"], Y = { class: "overflow-hidden rounded-menu bg-surface-overlay/95 backdrop-blur-xl" }, Z = { class: "flex flex-col gap-1 px-4 py-3.5 text-center" }, ee = ["id"], te = ["id"], ae = ["disabled"], ne = ["disabled"], oe = ["id"], ie = ["id"], se = ["disabled"], le = ["disabled"], pe = /* @__PURE__ */ H({

package/dist/{AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js → AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js}

@@ -1,9 +1,9 @@
 import { defineComponent as h, openBlock as a, createElementBlock as n, computed as $, Fragment as _, unref as o, renderSlot as y, renderList as w, createBlock as v, createVNode as u, withCtx as c, createElementVNode as d, toDisplayString as i, createCommentVNode as m, createTextVNode as g, normalizeClass as b, createSlots as x } from "vue";
 import { useI18n as C } from "vue-i18n";
-import { _ as k } from "./Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js";
-import { _ as E } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
-import { _ as S } from "./Banner.vue_vue_type_script_setup_true_lang-Cib_YYpr.js";
-import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-C2ZYIT9F.js";
+import { _ as k } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as E } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as S } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+import { _ as V } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
 function K(s) {
   return s.status === "loading" || s.status === "failed" ? void 0 : s.value;
 }

package/dist/{Banner.vue_vue_type_script_setup_true_lang-Cib_YYpr.js → Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as i, openBlock as u, createElementBlock as l, normalizeClass as n, createElementVNode as o, createVNode as d, unref as m, renderSlot as f } from "vue";
-import { _ as b } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as b } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 const g = ["role"], x = { class: "flex items-center gap-3" }, p = { class: "min-w-0 flex-1 break-words" }, h = /* @__PURE__ */ c({
   __name: "Banner",
   props: {

package/dist/{Button.vue_vue_type_script_setup_true_lang-CYil8h9z.js → Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js}

@@ -1,6 +1,6 @@
 import { watchEffect as R, toValue as z, computed as f, triggerRef as w, shallowRef as L, defineComponent as A, useSlots as B, useTemplateRef as I, openBlock as y, createBlock as M, unref as N, withCtx as $, createElementVNode as D, mergeProps as v, createVNode as h, createElementBlock as K, h as x } from "vue";
 import { RouterLink as P } from "vue-router";
-import { _ as k } from "./Icon.vue_vue_type_script_lang-VvcV2Bzo.js";
+import { _ as k } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { u as T } from "./useWaitStatus-fsacMl4W.js";
 import { p as j } from "./perDocument-DUuFrdGU.js";
 function V(t, n) {

package/dist/{Changes-DlT5mN9G.js → Changes-Bm8xvagD.js}

@@ -1,18 +1,18 @@
 import { defineComponent as k, computed as N, openBlock as n, createBlock as u, unref as a, withCtx as g, createElementBlock as p, Fragment as _, renderList as $, createElementVNode as i, toDisplayString as h, createCommentVNode as C, ref as x, watch as b, createVNode as y } from "vue";
 import { useI18n as E } from "vue-i18n";
-import { P as V, i as R } from "./index-BAcl44SC.js";
-import { u as S } from "./platform-hunMqFdB.js";
+import { P as V, i as R } from "./index-CGv-u1Ws.js";
+import { u as S } from "./platform-q3cjODLx.js";
 import { b as B } from "./routeResource-DstM0hvf.js";
-import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-CCtthMRd.js";
+import { _ as F } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
 import { u as L } from "./useLoad-CYRVx6HW.js";
 import { _ as P } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
-import { _ as I } from "./IconTile.vue_vue_type_script_setup_true_lang-D7QgnUyN.js";
+import { _ as I } from "./IconTile.vue_vue_type_script_setup_true_lang-BpIjgu5E.js";
 import { u as O } from "./format-B8mJm946.js";
-import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-0mfG8TkU.js";
-import { e as U } from "./options-BXkMR63B.js";
-import { _ as q } from "./PageBar.vue_vue_type_script_setup_true_lang-Cfr5xsJx.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
+import { e as U } from "./control-7EP4tjYy.js";
+import { _ as q } from "./PageBar.vue_vue_type_script_setup_true_lang-B7qdEeej.js";
 import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
-import { _ as A } from "./ViewTabs.vue_vue_type_script_setup_true_lang-ByqTU2JT.js";
+import { _ as A } from "./ViewTabs.vue_vue_type_script_setup_true_lang-BJIoZAlH.js";
 const D = { class: "flex items-center pl-0.5" }, G = { class: "flex flex-wrap items-center gap-x-1.5" }, H = {
   class: "font-medium text-content",
   "data-change-actor": ""