@seifer-webapp-factory/kits 0.1.0

package/dist/frontend/notifications/core/toast-store.js

@@ -0,0 +1,125 @@
+const DEFAULT_MAX_VISIBLE = 3;
+const DEFAULT_TTL_MS = 5000;
+export function createToastStore(options) {
+    const { clock, scheduler } = options;
+    const maxVisible = options.maxVisible ?? DEFAULT_MAX_VISIBLE;
+    const defaultTtlMs = options.ttlMs ?? DEFAULT_TTL_MS;
+    const visibleEntries = [];
+    const queuedEntries = [];
+    const listeners = new Set();
+    let idCounter = 0;
+    function notify() {
+        for (const listener of listeners)
+            listener();
+    }
+    function findEntry(id) {
+        return visibleEntries.find((e) => e.toast.id === id) ?? queuedEntries.find((e) => e.toast.id === id);
+    }
+    /** Zoekt een nog-actieve toast met dezelfde dedupe-key (binnen het venster: zolang aanwezig). */
+    function findByKey(key) {
+        return visibleEntries.find((e) => e.toast.key === key) ?? queuedEntries.find((e) => e.toast.key === key);
+    }
+    function scheduleExpiry(entry, delayMs) {
+        entry.expiresAt = clock.now() + delayMs;
+        entry.cancel = scheduler.schedule(() => {
+            entry.cancel = null;
+            removeEntry(entry.toast.id);
+        }, delayMs);
+    }
+    /** Promoveert wachtende toasts naar zichtbaar zolang er ruimte is en start hun TTL. */
+    function fillFromQueue() {
+        while (visibleEntries.length < maxVisible && queuedEntries.length > 0) {
+            const next = queuedEntries.shift();
+            if (next === undefined)
+                break;
+            visibleEntries.push(next);
+            scheduleExpiry(next, next.remainingMs);
+        }
+    }
+    function removeEntry(id) {
+        const visIndex = visibleEntries.findIndex((e) => e.toast.id === id);
+        if (visIndex !== -1) {
+            const [entry] = visibleEntries.splice(visIndex, 1);
+            entry?.cancel?.();
+            fillFromQueue();
+            return true;
+        }
+        const queueIndex = queuedEntries.findIndex((e) => e.toast.id === id);
+        if (queueIndex !== -1) {
+            queuedEntries.splice(queueIndex, 1);
+            return true;
+        }
+        return false;
+    }
+    function show(input) {
+        const variant = input.variant ?? 'info';
+        const key = input.key ?? `${variant}:${input.message}`;
+        // Dedupe: identieke, nog-actieve melding wordt samengevoegd met een teller.
+        const existing = findByKey(key);
+        if (existing !== undefined) {
+            existing.toast = { ...existing.toast, count: existing.toast.count + 1 };
+            notify();
+            return existing.toast.id;
+        }
+        const id = `toast-${++idCounter}`;
+        const ttlMs = input.ttlMs ?? defaultTtlMs;
+        const entry = {
+            toast: { id, key, message: input.message, variant, count: 1, createdAt: clock.now() },
+            ttlMs,
+            cancel: null,
+            expiresAt: null,
+            remainingMs: ttlMs,
+        };
+        if (visibleEntries.length < maxVisible) {
+            visibleEntries.push(entry);
+            scheduleExpiry(entry, ttlMs);
+        }
+        else {
+            queuedEntries.push(entry);
+        }
+        notify();
+        return id;
+    }
+    function dismiss(id) {
+        if (removeEntry(id))
+            notify();
+        // Onbekende/al-verlopen id: veilig genegeerd, queue blijft intact.
+    }
+    function pause(id) {
+        const entry = visibleEntries.find((e) => e.toast.id === id);
+        if (entry === undefined || entry.cancel === null || entry.expiresAt === null)
+            return;
+        entry.remainingMs = Math.max(0, entry.expiresAt - clock.now());
+        entry.cancel();
+        entry.cancel = null;
+        entry.expiresAt = null;
+    }
+    function resume(id) {
+        const entry = visibleEntries.find((e) => e.toast.id === id);
+        if (entry === undefined || entry.cancel !== null)
+            return;
+        scheduleExpiry(entry, entry.remainingMs);
+    }
+    function variantShorthand(variant, message, input) {
+        return show({ ...input, message, variant });
+    }
+    return {
+        show,
+        success: (message, input) => variantShorthand('success', message, input),
+        error: (message, input) => variantShorthand('error', message, input),
+        info: (message, input) => variantShorthand('info', message, input),
+        warning: (message, input) => variantShorthand('warning', message, input),
+        dismiss,
+        pause,
+        resume,
+        visible: () => visibleEntries.map((e) => e.toast),
+        queued: () => queuedEntries.map((e) => e.toast),
+        subscribe(listener) {
+            listeners.add(listener);
+            return () => {
+                listeners.delete(listener);
+            };
+        },
+    };
+}
+//# sourceMappingURL=toast-store.js.map

package/dist/frontend/notifications/core/toast-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-store.js","sourceRoot":"","sources":["../../../../frontend/src/notifications/core/toast-store.ts"],"names":[],"mappings":"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"}

package/dist/frontend/notifications/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * notifications-kit (frontend) — toast-service (queue, dedupe, TTL), toegankelijke render-laag
+ * (role/aria-live + reduced-motion) en persistente banners met onthouden dismiss. Pure core +
+ * referentie-adapters; framework-vrij, deterministisch testbaar (geïnjecteerde klok/scheduler/
+ * persistentie) en SSR/hydratie-veilig (geen module-globale mutable state).
+ */
+export type { Clock, Scheduler, CancelScheduled, PersistenceStore, Warn } from './core/ports.js';
+export { createToastStore } from './core/toast-store.js';
+export type { ToastStore, ToastStoreOptions, Toast, ToastInput, ToastVariant, ToastListener, } from './core/toast-store.js';
+export { createBannerStore } from './core/banner-store.js';
+export type { BannerStore, BannerStoreOptions, Banner, BannerInput, BannerListener, } from './core/banner-store.js';
+export { createNotifications } from './core/create.js';
+export type { Notifications, CreateNotificationsOptions } from './core/create.js';
+export { systemClock, realScheduler } from './adapters/timers.js';
+export { inMemoryPersistenceStore } from './adapters/persistence.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/frontend/notifications/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../frontend/src/notifications/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EACV,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,UAAU,EACV,YAAY,EACZ,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,MAAM,EACN,WAAW,EACX,cAAc,GACf,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,0BAA0B,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/frontend/notifications/index.js

@@ -0,0 +1,6 @@
+export { createToastStore } from './core/toast-store.js';
+export { createBannerStore } from './core/banner-store.js';
+export { createNotifications } from './core/create.js';
+export { systemClock, realScheduler } from './adapters/timers.js';
+export { inMemoryPersistenceStore } from './adapters/persistence.js';
+//# sourceMappingURL=index.js.map

package/dist/frontend/notifications/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../frontend/src/notifications/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AASzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAQ3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/frontend/notifications/nuxt/module.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Nuxt-module-adapter (dun) voor de notifications-kit. Registreert een plugin dat een
+ * per-app notifications-instantie (toasts + banners) bouwt met de referentie-adapters
+ * (systeemklok + echte scheduler) en op de Vue-app provside via de pure-core-composables.
+ * De queue/dedupe/TTL/persistentie-logica zit in de core; deze module doet alleen Nuxt-wiring.
+ *
+ * De plugin-code wordt als template geëmit (getypecheckt door Nuxt's build, niet door onze tsc),
+ * zodat we niet afhankelijk zijn van Nuxt's `#app`-virtuals in dit package. Een localStorage-
+ * backed DismissStore kan het project in een eigen plugin injecteren.
+ */
+export interface NotificationsKitModuleOptions {
+    /** Maximaal aantal gelijktijdig zichtbare toasts. Default 3. */
+    readonly maxVisibleToasts?: number;
+    /** Standaard TTL (ms) voor toasts. Default 5000. */
+    readonly toastTtlMs?: number;
+}
+declare const _default: NuxtModule<TOptions, TOptions, false>;
+export default _default;
+//# sourceMappingURL=module.d.ts.map

package/dist/frontend/notifications/nuxt/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../../frontend/src/notifications/nuxt/module.ts"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AACH,MAAM,WAAW,6BAA6B;IAC5C,gEAAgE;IAChE,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,oDAAoD;IACpD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;;AAED,wBA6BG"}

package/dist/frontend/notifications/nuxt/module.js

@@ -0,0 +1,32 @@
+import { defineNuxtModule, addPluginTemplate } from '@nuxt/kit';
+export default defineNuxtModule({
+    meta: {
+        name: '@seifer-webapp-factory/kits/frontend/notifications',
+        configKey: 'foundationNotifications',
+        compatibility: { nuxt: '>=3.10.0' },
+    },
+    defaults: { maxVisibleToasts: 3, toastTtlMs: 5000 },
+    setup(options) {
+        const maxVisibleToasts = options.maxVisibleToasts ?? 3;
+        const toastTtlMs = options.toastTtlMs ?? 5000;
+        addPluginTemplate({
+            filename: 'foundation-notifications-plugin.mjs',
+            getContents: () => `
+import { defineNuxtPlugin } from '#app';
+import { provideNotifications } from '@seifer-webapp-factory/kits/frontend/notifications/vue';
+import { createNotifications, systemClock, realScheduler } from '@seifer-webapp-factory/kits/frontend/notifications';
+
+export default defineNuxtPlugin((nuxtApp) => {
+  const notifications = createNotifications({
+    clock: systemClock(),
+    scheduler: realScheduler(),
+    maxVisibleToasts: ${JSON.stringify(maxVisibleToasts)},
+    toastTtlMs: ${JSON.stringify(toastTtlMs)},
+  });
+  provideNotifications(nuxtApp.vueApp, notifications);
+});
+`,
+        });
+    },
+});
+//# sourceMappingURL=module.js.map

package/dist/frontend/notifications/nuxt/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../../../frontend/src/notifications/nuxt/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAmBhE,eAAe,gBAAgB,CAAgC;IAC7D,IAAI,EAAE;QACJ,IAAI,EAAE,oDAAoD;QAC1D,SAAS,EAAE,yBAAyB;QACpC,aAAa,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;KACpC;IACD,QAAQ,EAAE,EAAE,gBAAgB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE;IACnD,KAAK,CAAC,OAAsC;QAC1C,MAAM,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,IAAI,CAAC,CAAC;QACvD,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,IAAI,CAAC;QAC9C,iBAAiB,CAAC;YAChB,QAAQ,EAAE,qCAAqC;YAC/C,WAAW,EAAE,GAAG,EAAE,CAAC;;;;;;;;;wBASD,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC;kBACtC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;;;;CAI3C;SACI,CAAC,CAAC;IACL,CAAC;CACF,CAAC,CAAC"}

package/dist/frontend/notifications/vue/index.d.ts

@@ -0,0 +1,4 @@
+export { TOAST_STORE_KEY, BANNER_STORE_KEY, provideNotifications, useToasts, useBanners, } from './provide.js';
+export type { UseToasts, UseBanners } from './provide.js';
+export { Toaster } from './toaster.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/frontend/notifications/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../frontend/src/notifications/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/frontend/notifications/vue/index.js

@@ -0,0 +1,3 @@
+export { TOAST_STORE_KEY, BANNER_STORE_KEY, provideNotifications, useToasts, useBanners, } from './provide.js';
+export { Toaster } from './toaster.js';
+//# sourceMappingURL=index.js.map

package/dist/frontend/notifications/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../frontend/src/notifications/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,SAAS,EACT,UAAU,GACX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/frontend/notifications/vue/provide.d.ts

@@ -0,0 +1,35 @@
+import { type App, type InjectionKey, type Ref } from 'vue';
+import type { Notifications } from '../core/create.js';
+import type { ToastStore, Toast } from '../core/toast-store.js';
+import type { BannerStore, Banner } from '../core/banner-store.js';
+/**
+ * Vue-adapter voor de notifications-kit: dunne provide/inject-laag bovenop de pure core. De
+ * InjectionKey-symbolen zijn constanten (geen mutable state); de store-instanties worden per
+ * app-instance geprovide, zodat SSR/hydratie per request geïsoleerd blijft.
+ */
+export declare const TOAST_STORE_KEY: InjectionKey<ToastStore>;
+export declare const BANNER_STORE_KEY: InjectionKey<BannerStore>;
+/** Registreer een notifications-instantie (toasts + banners) op een app-instance. */
+export declare function provideNotifications(app: App, notifications: Notifications): void;
+/** Reactieve view op de zichtbare toasts + acties. Werpt als er niets geprovide is. */
+export interface UseToasts {
+    readonly toasts: Ref<readonly Toast[]>;
+    readonly show: ToastStore['show'];
+    readonly success: ToastStore['success'];
+    readonly error: ToastStore['error'];
+    readonly info: ToastStore['info'];
+    readonly warning: ToastStore['warning'];
+    readonly dismiss: ToastStore['dismiss'];
+    readonly pause: ToastStore['pause'];
+    readonly resume: ToastStore['resume'];
+}
+export declare function useToasts(): UseToasts;
+/** Reactieve view op de zichtbare banners + acties. Werpt als er niets geprovide is. */
+export interface UseBanners {
+    readonly banners: Ref<readonly Banner[]>;
+    readonly show: BannerStore['show'];
+    readonly dismiss: BannerStore['dismiss'];
+    readonly isDismissed: BannerStore['isDismissed'];
+}
+export declare function useBanners(): UseBanners;
+//# sourceMappingURL=provide.d.ts.map

package/dist/frontend/notifications/vue/provide.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provide.d.ts","sourceRoot":"","sources":["../../../../frontend/src/notifications/vue/provide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,GAAG,EAAE,KAAK,YAAY,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AAChG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEnE;;;;GAIG;AAEH,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,UAAU,CAA4B,CAAC;AAClF,eAAO,MAAM,gBAAgB,EAAE,YAAY,CAAC,WAAW,CAA6B,CAAC;AAErF,qFAAqF;AACrF,wBAAgB,oBAAoB,CAAC,GAAG,EAAE,GAAG,EAAE,aAAa,EAAE,aAAa,GAAG,IAAI,CAGjF;AAED,uFAAuF;AACvF,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,SAAS,KAAK,EAAE,CAAC,CAAC;IACvC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,QAAQ,CAAC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IACxC,QAAQ,CAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CACvC;AAED,wBAAgB,SAAS,IAAI,SAAS,CAuBrC;AAED,wFAAwF;AACxF,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,OAAO,EAAE,GAAG,CAAC,SAAS,MAAM,EAAE,CAAC,CAAC;IACzC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACzC,QAAQ,CAAC,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;CAClD;AAED,wBAAgB,UAAU,IAAI,UAAU,CAkBvC"}

package/dist/frontend/notifications/vue/provide.js

@@ -0,0 +1,53 @@
+import { inject, shallowRef, onScopeDispose } from 'vue';
+/**
+ * Vue-adapter voor de notifications-kit: dunne provide/inject-laag bovenop de pure core. De
+ * InjectionKey-symbolen zijn constanten (geen mutable state); de store-instanties worden per
+ * app-instance geprovide, zodat SSR/hydratie per request geïsoleerd blijft.
+ */
+export const TOAST_STORE_KEY = Symbol('ff.toast-store');
+export const BANNER_STORE_KEY = Symbol('ff.banner-store');
+/** Registreer een notifications-instantie (toasts + banners) op een app-instance. */
+export function provideNotifications(app, notifications) {
+    app.provide(TOAST_STORE_KEY, notifications.toasts);
+    app.provide(BANNER_STORE_KEY, notifications.banners);
+}
+export function useToasts() {
+    const store = inject(TOAST_STORE_KEY);
+    if (store === undefined) {
+        throw new Error('[notifications] useToasts(): geen toast-store geprovide. Roep provideNotifications(app, notifications) aan bij bootstrap.');
+    }
+    const toasts = shallowRef(store.visible());
+    const stop = store.subscribe(() => {
+        toasts.value = store.visible();
+    });
+    onScopeDispose(stop);
+    return {
+        toasts,
+        show: store.show,
+        success: store.success,
+        error: store.error,
+        info: store.info,
+        warning: store.warning,
+        dismiss: store.dismiss,
+        pause: store.pause,
+        resume: store.resume,
+    };
+}
+export function useBanners() {
+    const store = inject(BANNER_STORE_KEY);
+    if (store === undefined) {
+        throw new Error('[notifications] useBanners(): geen banner-store geprovide. Roep provideNotifications(app, notifications) aan bij bootstrap.');
+    }
+    const banners = shallowRef(store.visible());
+    const stop = store.subscribe(() => {
+        banners.value = store.visible();
+    });
+    onScopeDispose(stop);
+    return {
+        banners,
+        show: store.show,
+        dismiss: store.dismiss,
+        isDismissed: store.isDismissed,
+    };
+}
+//# sourceMappingURL=provide.js.map

package/dist/frontend/notifications/vue/provide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provide.js","sourceRoot":"","sources":["../../../../frontend/src/notifications/vue/provide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAyC,MAAM,KAAK,CAAC;AAKhG;;;;GAIG;AAEH,MAAM,CAAC,MAAM,eAAe,GAA6B,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAClF,MAAM,CAAC,MAAM,gBAAgB,GAA8B,MAAM,CAAC,iBAAiB,CAAC,CAAC;AAErF,qFAAqF;AACrF,MAAM,UAAU,oBAAoB,CAAC,GAAQ,EAAE,aAA4B;IACzE,GAAG,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACnD,GAAG,CAAC,OAAO,CAAC,gBAAgB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;AACvD,CAAC;AAeD,MAAM,UAAU,SAAS;IACvB,MAAM,KAAK,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACtC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CACb,2HAA2H,CAC5H,CAAC;IACJ,CAAC;IACD,MAAM,MAAM,GAAG,UAAU,CAAmB,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;IAC7D,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAChC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,IAAI,CAAC,CAAC;IACrB,OAAO;QACL,MAAM;QACN,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,UAAU;IACxB,MAAM,KAAK,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACvC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CACb,6HAA6H,CAC9H,CAAC;IACJ,CAAC;IACD,MAAM,OAAO,GAAG,UAAU,CAAoB,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;IAC/D,MAAM,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QAChC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,IAAI,CAAC,CAAC;IACrB,OAAO;QACL,OAAO;QACP,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC;AACJ,CAAC"}

package/dist/frontend/notifications/vue/toaster.d.ts

@@ -0,0 +1,45 @@
+import { type PropType, type VNode } from 'vue';
+/**
+ * Toaster (US-F0902): render-laag voor toasts met correcte ARIA-semantiek. Twee persistente
+ * live-regio's kondigen nieuwe toasts aan zonder focus te stelen: een `role="status"` /
+ * `aria-live="polite"`-regio voor info/success/warning en een `role="alert"` /
+ * `aria-live="assertive"`-regio voor fout-/kritieke toasts. Elke toast heeft een toetsenbord-
+ * bereikbare dismiss-knop; hover/focus pauzeert de TTL. Bij `prefers-reduced-motion: reduce`
+ * (of via de `reducedMotion`-prop) vervalt de schuif-animatie ten gunste van een eenvoudige fade.
+ * Styling komt uit het design-system via classes, niet uit zware inline-CSS.
+ */
+export declare const Toaster: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * Forceer reduced-motion. `undefined` (default) detecteert `prefers-reduced-motion: reduce`
+     * via matchMedia; op de server (geen matchMedia) valt het terug op "geen reduced-motion".
+     */
+    reducedMotion: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /** Toegankelijk label voor de dismiss-knop. */
+    dismissLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Forceer reduced-motion. `undefined` (default) detecteert `prefers-reduced-motion: reduce`
+     * via matchMedia; op de server (geen matchMedia) valt het terug op "geen reduced-motion".
+     */
+    reducedMotion: {
+        type: PropType<boolean | undefined>;
+        default: undefined;
+    };
+    /** Toegankelijk label voor de dismiss-knop. */
+    dismissLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    reducedMotion: boolean | undefined;
+    dismissLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=toaster.d.ts.map

package/dist/frontend/notifications/vue/toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","sourceRoot":"","sources":["../../../../frontend/src/notifications/vue/toaster.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AAI9E;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO;IAGhB;;;OAGG;;cAEgB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IAGhD,+CAA+C;;;;;;;;IAR/C;;;OAGG;;cAEgB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;;;IAGhD,+CAA+C;;;;;;;;4EAmFjD,CAAC"}

package/dist/frontend/notifications/vue/toaster.js

@@ -0,0 +1,82 @@
+import { defineComponent, h, computed } from 'vue';
+import { useToasts } from './provide.js';
+/**
+ * Toaster (US-F0902): render-laag voor toasts met correcte ARIA-semantiek. Twee persistente
+ * live-regio's kondigen nieuwe toasts aan zonder focus te stelen: een `role="status"` /
+ * `aria-live="polite"`-regio voor info/success/warning en een `role="alert"` /
+ * `aria-live="assertive"`-regio voor fout-/kritieke toasts. Elke toast heeft een toetsenbord-
+ * bereikbare dismiss-knop; hover/focus pauzeert de TTL. Bij `prefers-reduced-motion: reduce`
+ * (of via de `reducedMotion`-prop) vervalt de schuif-animatie ten gunste van een eenvoudige fade.
+ * Styling komt uit het design-system via classes, niet uit zware inline-CSS.
+ */
+export const Toaster = defineComponent({
+    name: 'Toaster',
+    props: {
+        /**
+         * Forceer reduced-motion. `undefined` (default) detecteert `prefers-reduced-motion: reduce`
+         * via matchMedia; op de server (geen matchMedia) valt het terug op "geen reduced-motion".
+         */
+        reducedMotion: {
+            type: Boolean,
+            default: undefined,
+        },
+        /** Toegankelijk label voor de dismiss-knop. */
+        dismissLabel: {
+            type: String,
+            default: 'Melding sluiten',
+        },
+    },
+    setup(props) {
+        const { toasts, dismiss, pause, resume } = useToasts();
+        const reduced = computed(() => {
+            if (props.reducedMotion !== undefined)
+                return props.reducedMotion;
+            if (typeof window === 'undefined' || typeof window.matchMedia !== 'function')
+                return false;
+            return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+        });
+        function renderToast(toast) {
+            const children = [
+                h('span', { class: 'ff-toast__message' }, toast.message),
+                toast.count > 1
+                    ? h('span', { class: 'ff-toast__count', 'aria-label': `${toast.count} keer` }, `×${toast.count}`)
+                    : null,
+                h('button', {
+                    type: 'button',
+                    class: 'ff-toast__dismiss',
+                    'aria-label': props.dismissLabel,
+                    onClick: () => dismiss(toast.id),
+                }, '×'),
+            ];
+            return h('div', {
+                key: toast.id,
+                class: ['ff-toast', `ff-toast--${toast.variant}`],
+                // Hover/focus pauzeert de TTL zodat de melding leesbaar blijft.
+                onMouseenter: () => pause(toast.id),
+                onMouseleave: () => resume(toast.id),
+                onFocusin: () => pause(toast.id),
+                onFocusout: () => resume(toast.id),
+            }, children);
+        }
+        return () => {
+            const list = toasts.value;
+            const politeToasts = list.filter((t) => t.variant !== 'error');
+            const assertiveToasts = list.filter((t) => t.variant === 'error');
+            return h('div', { class: ['ff-toaster', reduced.value ? 'ff-toaster--reduced-motion' : null] }, [
+                h('div', {
+                    class: 'ff-toaster__region ff-toaster__region--polite',
+                    role: 'status',
+                    'aria-live': 'polite',
+                    'aria-atomic': 'false',
+                }, politeToasts.map(renderToast)),
+                h('div', {
+                    class: 'ff-toaster__region ff-toaster__region--assertive',
+                    role: 'alert',
+                    'aria-live': 'assertive',
+                    'aria-atomic': 'false',
+                }, assertiveToasts.map(renderToast)),
+            ]);
+        };
+    },
+});
+//# sourceMappingURL=toaster.js.map

package/dist/frontend/notifications/vue/toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","sourceRoot":"","sources":["../../../../frontend/src/notifications/vue/toaster.ts"],"names":[],"mappings":"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"}

package/dist/frontend/observability/adapters/id-clock.d.ts

@@ -0,0 +1,20 @@
+import type { Clock, IdGen } from '../core/ports.js';
+/**
+ * Klok- en id-generator-adapters. De `system`/`random`-varianten voor productie; de
+ * `fixed`/`sequential`-varianten voor deterministische tests. Elke fabriek kapselt eventuele
+ * teller-state per instance in — geen module-globale mutable state.
+ */
+/** Systeemklok voor productie. */
+export declare function systemClock(): Clock;
+/** Klok die altijd hetzelfde tijdstip teruggeeft (tests). */
+export declare function fixedClock(iso: string): Clock;
+/** IdGen die altijd dezelfde ids teruggeeft — maximaal deterministisch voor tests. */
+export declare function fixedIdGen(traceId: string, spanId: string): IdGen;
+/**
+ * IdGen die oplopende, hex-gecodeerde ids uitgeeft vanaf een seed. Deterministisch en per
+ * instance; ideaal om trace-/span-id-continuïteit in tests te controleren.
+ */
+export declare function sequentialIdGen(seed?: number): IdGen;
+/** IdGen die willekeurige ids genereert via `crypto.getRandomValues` (productie). */
+export declare function randomIdGen(): IdGen;
+//# sourceMappingURL=id-clock.d.ts.map

package/dist/frontend/observability/adapters/id-clock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-clock.d.ts","sourceRoot":"","sources":["../../../../frontend/src/observability/adapters/id-clock.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAErD;;;;GAIG;AAEH,kCAAkC;AAClC,wBAAgB,WAAW,IAAI,KAAK,CAEnC;AAED,6DAA6D;AAC7D,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAG7C;AAMD,sFAAsF;AACtF,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,KAAK,CAKjE;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,IAAI,SAAI,GAAG,KAAK,CAY/C;AAED,qFAAqF;AACrF,wBAAgB,WAAW,IAAI,KAAK,CAUnC"}

package/dist/frontend/observability/adapters/id-clock.js

@@ -0,0 +1,54 @@
+/**
+ * Klok- en id-generator-adapters. De `system`/`random`-varianten voor productie; de
+ * `fixed`/`sequential`-varianten voor deterministische tests. Elke fabriek kapselt eventuele
+ * teller-state per instance in — geen module-globale mutable state.
+ */
+/** Systeemklok voor productie. */
+export function systemClock() {
+    return { now: () => new Date() };
+}
+/** Klok die altijd hetzelfde tijdstip teruggeeft (tests). */
+export function fixedClock(iso) {
+    const date = new Date(iso);
+    return { now: () => date };
+}
+function toHex(value, length) {
+    return (value >>> 0).toString(16).padStart(length, '0').slice(-length);
+}
+/** IdGen die altijd dezelfde ids teruggeeft — maximaal deterministisch voor tests. */
+export function fixedIdGen(traceId, spanId) {
+    return {
+        traceId: () => traceId,
+        spanId: () => spanId,
+    };
+}
+/**
+ * IdGen die oplopende, hex-gecodeerde ids uitgeeft vanaf een seed. Deterministisch en per
+ * instance; ideaal om trace-/span-id-continuïteit in tests te controleren.
+ */
+export function sequentialIdGen(seed = 0) {
+    let n = seed;
+    return {
+        traceId() {
+            n += 1;
+            return toHex(n, 32);
+        },
+        spanId() {
+            n += 1;
+            return toHex(n, 16);
+        },
+    };
+}
+/** IdGen die willekeurige ids genereert via `crypto.getRandomValues` (productie). */
+export function randomIdGen() {
+    const hex = (bytes) => {
+        const buf = new Uint8Array(bytes);
+        crypto.getRandomValues(buf);
+        return [...buf].map((b) => b.toString(16).padStart(2, '0')).join('');
+    };
+    return {
+        traceId: () => hex(16),
+        spanId: () => hex(8),
+    };
+}
+//# sourceMappingURL=id-clock.js.map

package/dist/frontend/observability/adapters/id-clock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"id-clock.js","sourceRoot":"","sources":["../../../../frontend/src/observability/adapters/id-clock.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AAEH,kCAAkC;AAClC,MAAM,UAAU,WAAW;IACzB,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,EAAE,EAAE,CAAC;AACnC,CAAC;AAED,6DAA6D;AAC7D,MAAM,UAAU,UAAU,CAAC,GAAW;IACpC,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;IAC3B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE,CAAC;AAC7B,CAAC;AAED,SAAS,KAAK,CAAC,KAAa,EAAE,MAAc;IAC1C,OAAO,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC;AACzE,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,UAAU,CAAC,OAAe,EAAE,MAAc;IACxD,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO;QACtB,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;KACrB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,IAAI,GAAG,CAAC;IACtC,IAAI,CAAC,GAAG,IAAI,CAAC;IACb,OAAO;QACL,OAAO;YACL,CAAC,IAAI,CAAC,CAAC;YACP,OAAO,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACtB,CAAC;QACD,MAAM;YACJ,CAAC,IAAI,CAAC,CAAC;YACP,OAAO,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACtB,CAAC;KACF,CAAC;AACJ,CAAC;AAED,qFAAqF;AACrF,MAAM,UAAU,WAAW;IACzB,MAAM,GAAG,GAAG,CAAC,KAAa,EAAU,EAAE;QACpC,MAAM,GAAG,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,CAAC;QAClC,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QAC5B,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACvE,CAAC,CAAC;IACF,OAAO;QACL,OAAO,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,MAAM,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;KACrB,CAAC;AACJ,CAAC"}

package/dist/frontend/observability/adapters/sinks.d.ts

@@ -0,0 +1,23 @@
+import type { ErrorReport, ErrorSink, LogRecord, LogSink, MetricRecord, MetricSink } from '../core/ports.js';
+/**
+ * Sink-adapters. `console*` schrijft naar een injecteerbare console (default de globale).
+ * De `collecting*`-varianten verzamelen in het geheugen — handig in tests. Elke adapter is een
+ * fabriek zonder module-globale state.
+ */
+type ConsoleLike = Pick<Console, 'debug' | 'info' | 'warn' | 'error'>;
+/** Schrijft gestructureerde records naar de console (default voor de browser). */
+export declare function consoleLogSink(sink?: ConsoleLike): LogSink;
+/** Verzamelt log-records in het geheugen. */
+export declare function collectingLogSink(): LogSink & {
+    readonly records: LogRecord[];
+};
+/** Verzamelt foutrapporten in het geheugen. */
+export declare function collectingErrorSink(): ErrorSink & {
+    readonly reports: ErrorReport[];
+};
+/** Verzamelt metric-records in het geheugen. */
+export declare function collectingMetricSink(): MetricSink & {
+    readonly metrics: MetricRecord[];
+};
+export {};
+//# sourceMappingURL=sinks.d.ts.map

package/dist/frontend/observability/adapters/sinks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sinks.d.ts","sourceRoot":"","sources":["../../../../frontend/src/observability/adapters/sinks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,SAAS,EACT,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAU,EACX,MAAM,kBAAkB,CAAC;AAE1B;;;;GAIG;AAEH,KAAK,WAAW,GAAG,IAAI,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAEtE,kFAAkF;AAClF,wBAAgB,cAAc,CAAC,IAAI,GAAE,WAAqB,GAAG,OAAO,CAOnE;AAED,6CAA6C;AAC7C,wBAAgB,iBAAiB,IAAI,OAAO,GAAG;IAAE,QAAQ,CAAC,OAAO,EAAE,SAAS,EAAE,CAAA;CAAE,CAQ/E;AAED,+CAA+C;AAC/C,wBAAgB,mBAAmB,IAAI,SAAS,GAAG;IAAE,QAAQ,CAAC,OAAO,EAAE,WAAW,EAAE,CAAA;CAAE,CAQrF;AAED,gDAAgD;AAChD,wBAAgB,oBAAoB,IAAI,UAAU,GAAG;IAAE,QAAQ,CAAC,OAAO,EAAE,YAAY,EAAE,CAAA;CAAE,CAQxF"}