@seifer-webapp-factory/kits 0.1.0

package/dist/frontend/admin/vue/data-table.d.ts

@@ -0,0 +1,64 @@
+import { type PropType, type VNode } from 'vue';
+import type { PermissionCheck } from '../core/ports.js';
+import type { ResourceDefinition } from '../core/resource.js';
+export declare const DataTable: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** De injecteerbare resource-definitie (kolommen, permissie-sleutels, callbacks). */
+    resource: {
+        type: PropType<ResourceDefinition<any>>;
+        required: true;
+    };
+    /** Client-mode: statische rijen. Weglaten en `serverSide` zetten voor server-mode. */
+    rows: {
+        type: PropType<readonly any[]>;
+        default: undefined;
+    };
+    /** Expliciete permissie-check; standaard wordt de geprovide check geïnjecteerd. */
+    check: {
+        type: PropType<PermissionCheck>;
+        default: undefined;
+    };
+    serverSide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("sort" | "action" | "page")[], "sort" | "action" | "page", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** De injecteerbare resource-definitie (kolommen, permissie-sleutels, callbacks). */
+    resource: {
+        type: PropType<ResourceDefinition<any>>;
+        required: true;
+    };
+    /** Client-mode: statische rijen. Weglaten en `serverSide` zetten voor server-mode. */
+    rows: {
+        type: PropType<readonly any[]>;
+        default: undefined;
+    };
+    /** Expliciete permissie-check; standaard wordt de geprovide check geïnjecteerd. */
+    check: {
+        type: PropType<PermissionCheck>;
+        default: undefined;
+    };
+    serverSide: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pageSize: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onSort?: ((...args: any[]) => any) | undefined;
+    onAction?: ((...args: any[]) => any) | undefined;
+    onPage?: ((...args: any[]) => any) | undefined;
+}>, {
+    pageSize: number;
+    rows: readonly any[];
+    check: PermissionCheck;
+    serverSide: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=data-table.d.ts.map

package/dist/frontend/admin/vue/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/data-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,KAAK,KAAK,EAAE,MAAM,KAAK,CAAC;AACpE,OAAO,KAAK,EAAc,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAwB9D,eAAO,MAAM,SAAS;IAGlB,qFAAqF;;cAInE,QAAQ,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;;;IAGnD,sFAAsF;;cAGrE,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;;;IAGzC,mFAAmF;;cAE/D,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;IAf7C,qFAAqF;;cAInE,QAAQ,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC;;;IAGnD,sFAAsF;;cAGrE,QAAQ,CAAC,SAAS,GAAG,EAAE,CAAC;;;IAGzC,mFAAmF;;cAE/D,QAAQ,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;4EA+J/C,CAAC"}

package/dist/frontend/admin/vue/data-table.js

@@ -0,0 +1,143 @@
+import { defineComponent, h } from 'vue';
+import { cellValue } from '../core/table-model.js';
+import { useDataTable } from './use-data-table.js';
+const ACTION_LABELS = {
+    list: 'Lijst',
+    read: 'Bekijken',
+    create: 'Nieuw',
+    update: 'Bewerken',
+    delete: 'Verwijderen',
+};
+export const DataTable = defineComponent({
+    name: 'DataTable',
+    props: {
+        /** De injecteerbare resource-definitie (kolommen, permissie-sleutels, callbacks). */
+        resource: {
+            // `any` als TRow: een concreet getypte definitie mag zonder cast als prop worden meegegeven.
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            type: Object,
+            required: true,
+        },
+        /** Client-mode: statische rijen. Weglaten en `serverSide` zetten voor server-mode. */
+        rows: {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            type: Array,
+            default: undefined,
+        },
+        /** Expliciete permissie-check; standaard wordt de geprovide check geïnjecteerd. */
+        check: {
+            type: Function,
+            default: undefined,
+        },
+        serverSide: {
+            type: Boolean,
+            default: false,
+        },
+        pageSize: {
+            type: Number,
+            default: 10,
+        },
+    },
+    emits: ['action', 'sort', 'page'],
+    setup(props, { emit, slots }) {
+        const table = useDataTable({
+            resource: props.resource,
+            check: props.check,
+            rows: props.rows,
+            serverSide: props.serverSide,
+            pageSize: props.pageSize,
+        });
+        function renderHeader() {
+            const ths = table.visibleColumns.value.map((column) => {
+                const active = table.sortBy.value === column.key;
+                const indicator = active ? (table.sortDir.value === 'desc' ? ' ▼' : ' ▲') : '';
+                return h('th', {
+                    key: column.key,
+                    scope: 'col',
+                    class: ['ff-admin-th', { 'is-sortable': column.sortable, 'is-active': active }],
+                    onClick: column.sortable
+                        ? () => {
+                            table.toggleSort(column.key);
+                            emit('sort', column.key);
+                        }
+                        : undefined,
+                }, `${column.label}${indicator}`);
+            });
+            if (table.rowActions.value.length > 0) {
+                ths.push(h('th', { key: '__actions', scope: 'col', class: 'ff-admin-th' }, 'Acties'));
+            }
+            return h('thead', [h('tr', ths)]);
+        }
+        function renderRows() {
+            const columns = table.visibleColumns.value;
+            const actions = table.rowActions.value;
+            if (table.rows.value.length === 0) {
+                const span = columns.length + (actions.length > 0 ? 1 : 0);
+                return [
+                    h('tr', { class: 'ff-admin-empty' }, [
+                        h('td', { colspan: span }, 'Geen resultaten.'),
+                    ]),
+                ];
+            }
+            return table.rows.value.map((row, index) => {
+                const cells = columns.map((column) => {
+                    const slot = slots[`cell-${column.key}`];
+                    return h('td', { key: column.key, class: 'ff-admin-td' }, slot ? slot({ row, value: cellValue(row, column) }) : String(cellValue(row, column) ?? ''));
+                });
+                if (actions.length > 0) {
+                    cells.push(h('td', { key: '__actions', class: 'ff-admin-actions' }, actions.map((action) => h('button', {
+                        key: action,
+                        type: 'button',
+                        class: `ff-admin-action ff-admin-action--${action}`,
+                        'data-action': action,
+                        onClick: () => emit('action', { action, row }),
+                    }, ACTION_LABELS[action]))));
+                }
+                return h('tr', { key: index, class: 'ff-admin-row' }, cells);
+            });
+        }
+        function renderError() {
+            if (table.status.value !== 'error') {
+                return null;
+            }
+            return h('div', { class: 'ff-admin-error', role: 'alert' }, [
+                h('span', { class: 'ff-admin-error-message' }, 'Er ging iets mis bij het laden.'),
+                h('button', {
+                    type: 'button',
+                    class: 'ff-admin-retry',
+                    onClick: () => void table.retry(),
+                }, 'Opnieuw proberen'),
+            ]);
+        }
+        function renderPagination() {
+            return h('div', { class: 'ff-admin-pagination' }, [
+                h('button', {
+                    type: 'button',
+                    class: 'ff-admin-prev',
+                    disabled: table.page.value <= 1,
+                    onClick: () => {
+                        table.prevPage();
+                        emit('page', table.page.value);
+                    },
+                }, 'Vorige'),
+                h('span', { class: 'ff-admin-pageinfo' }, `Pagina ${table.page.value} / ${table.pageCount.value}`),
+                h('button', {
+                    type: 'button',
+                    class: 'ff-admin-next',
+                    disabled: table.page.value >= table.pageCount.value,
+                    onClick: () => {
+                        table.nextPage();
+                        emit('page', table.page.value);
+                    },
+                }, 'Volgende'),
+            ]);
+        }
+        return () => h('div', { class: 'ff-admin-datatable' }, [
+            slots.toolbar ? slots.toolbar({ table }) : null,
+            renderError(),
+            h('table', { class: 'ff-admin-table' }, [renderHeader(), h('tbody', renderRows())]),
+            renderPagination(),
+        ]);
+    },
+});
+//# sourceMappingURL=data-table.js.map

package/dist/frontend/admin/vue/data-table.js.map

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

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

@@ -0,0 +1,13 @@
+/**
+ * Vue-adapters van de admin-module: provide/inject van de permissie-check, de `useCrud`- en
+ * `useDataTable`-composables en het `<DataTable>`-component. Dun bovenop de pure core; per-app en
+ * SSR/hydratie-veilig (geen module-globale mutable state).
+ */
+export { ADMIN_PERMISSION_KEY } from './keys.js';
+export { provideAdminPermission, useAdminPermission, resolvePermissionCheck, } from './provide.js';
+export { useCrud } from './use-crud.js';
+export type { UseCrudOptions, UseCrudReturn } from './use-crud.js';
+export { useDataTable } from './use-data-table.js';
+export type { UseDataTableOptions, UseDataTableReturn } from './use-data-table.js';
+export { DataTable } from './data-table.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,11 @@
+/**
+ * Vue-adapters van de admin-module: provide/inject van de permissie-check, de `useCrud`- en
+ * `useDataTable`-composables en het `<DataTable>`-component. Dun bovenop de pure core; per-app en
+ * SSR/hydratie-veilig (geen module-globale mutable state).
+ */
+export { ADMIN_PERMISSION_KEY } from './keys.js';
+export { provideAdminPermission, useAdminPermission, resolvePermissionCheck, } from './provide.js';
+export { useCrud } from './use-crud.js';
+export { useDataTable } from './use-data-table.js';
+export { DataTable } from './data-table.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EACL,sBAAsB,EACtB,kBAAkB,EAClB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/frontend/admin/vue/keys.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey } from 'vue';
+import type { PermissionCheck } from '../core/ports.js';
+/**
+ * Getypte InjectionKey voor de permissie-check van de admin-module. Het symbool is een
+ * module-constante (geen mutable state); de wáárde (de check) wordt per app-instance geprovide,
+ * zodat SSR en client-hydratie per request geïsoleerd blijven.
+ */
+export declare const ADMIN_PERMISSION_KEY: InjectionKey<PermissionCheck>;
+//# sourceMappingURL=keys.d.ts.map

package/dist/frontend/admin/vue/keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.d.ts","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/keys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,YAAY,CAAC,eAAe,CAAuC,CAAC"}

package/dist/frontend/admin/vue/keys.js

@@ -0,0 +1,7 @@
+/**
+ * Getypte InjectionKey voor de permissie-check van de admin-module. Het symbool is een
+ * module-constante (geen mutable state); de wáárde (de check) wordt per app-instance geprovide,
+ * zodat SSR en client-hydratie per request geïsoleerd blijven.
+ */
+export const ADMIN_PERMISSION_KEY = Symbol('ff.admin-permission-check');
+//# sourceMappingURL=keys.js.map

package/dist/frontend/admin/vue/keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/keys.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAkC,MAAM,CAAC,2BAA2B,CAAC,CAAC"}

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

@@ -0,0 +1,14 @@
+import { type App } from 'vue';
+import type { PermissionCheck } from '../core/ports.js';
+/**
+ * Vue-adapter voor de admin-module: dunne provide/inject-laag voor de permissie-check. De check
+ * wordt per app-instance geprovide (SSR/hydratie-veilig), zodat `useCrud`, `useDataTable` en
+ * `<DataTable>` hun access-control-beslissingen uit één injecteerbare bron nemen.
+ */
+/** Registreer de permissie-check op een app-instance. */
+export declare function provideAdminPermission(app: App, check: PermissionCheck): void;
+/** Haal de geprovide permissie-check op binnen setup(). Werpt als er niets geprovide is. */
+export declare function useAdminPermission(): PermissionCheck;
+/** Interne resolver: een expliciete check wint, anders wordt de geprovide check geïnjecteerd. */
+export declare function resolvePermissionCheck(explicit?: PermissionCheck): PermissionCheck;
+//# sourceMappingURL=provide.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provide.d.ts","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/provide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,GAAG,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGxD;;;;GAIG;AAEH,yDAAyD;AACzD,wBAAgB,sBAAsB,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAE7E;AAED,4FAA4F;AAC5F,wBAAgB,kBAAkB,IAAI,eAAe,CAQpD;AAED,iGAAiG;AACjG,wBAAgB,sBAAsB,CAAC,QAAQ,CAAC,EAAE,eAAe,GAAG,eAAe,CAElF"}

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

@@ -0,0 +1,24 @@
+import { inject } from 'vue';
+import { ADMIN_PERMISSION_KEY } from './keys.js';
+/**
+ * Vue-adapter voor de admin-module: dunne provide/inject-laag voor de permissie-check. De check
+ * wordt per app-instance geprovide (SSR/hydratie-veilig), zodat `useCrud`, `useDataTable` en
+ * `<DataTable>` hun access-control-beslissingen uit één injecteerbare bron nemen.
+ */
+/** Registreer de permissie-check op een app-instance. */
+export function provideAdminPermission(app, check) {
+    app.provide(ADMIN_PERMISSION_KEY, check);
+}
+/** Haal de geprovide permissie-check op binnen setup(). Werpt als er niets geprovide is. */
+export function useAdminPermission() {
+    const check = inject(ADMIN_PERMISSION_KEY);
+    if (check === undefined) {
+        throw new Error('[admin] useAdminPermission(): geen permissie-check geprovide. Roep provideAdminPermission(app, check) aan bij bootstrap, of geef een expliciete `check` mee.');
+    }
+    return check;
+}
+/** Interne resolver: een expliciete check wint, anders wordt de geprovide check geïnjecteerd. */
+export function resolvePermissionCheck(explicit) {
+    return explicit ?? useAdminPermission();
+}
+//# sourceMappingURL=provide.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"provide.js","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/provide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAY,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC;AAEjD;;;;GAIG;AAEH,yDAAyD;AACzD,MAAM,UAAU,sBAAsB,CAAC,GAAQ,EAAE,KAAsB;IACrE,GAAG,CAAC,OAAO,CAAC,oBAAoB,EAAE,KAAK,CAAC,CAAC;AAC3C,CAAC;AAED,4FAA4F;AAC5F,MAAM,UAAU,kBAAkB;IAChC,MAAM,KAAK,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;IAC3C,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CACb,8JAA8J,CAC/J,CAAC;IACJ,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED,iGAAiG;AACjG,MAAM,UAAU,sBAAsB,CAAC,QAA0B;IAC/D,OAAO,QAAQ,IAAI,kBAAkB,EAAE,CAAC;AAC1C,CAAC"}

package/dist/frontend/admin/vue/use-crud.d.ts

@@ -0,0 +1,30 @@
+import { type ComputedRef } from 'vue';
+import type { CrudAction, ListResult, PermissionCheck, TableQuery } from '../core/ports.js';
+import type { ResourceDefinition } from '../core/resource.js';
+import { type CrudStatus } from '../core/crud.js';
+/**
+ * `useCrud(resource)` — reactieve Vue-composable bovenop de pure `createCrudController`. Spiegelt de
+ * controller-state reactief en gate't elke actie via de geïnjecteerde (of expliciete) permissie-
+ * check. Per component-instance een eigen controller: geen module-globale mutable state.
+ */
+export interface UseCrudOptions {
+    /** Expliciete permissie-check; standaard wordt de geprovide check geïnjecteerd. */
+    readonly check?: PermissionCheck;
+}
+export interface UseCrudReturn<TRow, TId, TInput> {
+    readonly rows: ComputedRef<readonly TRow[]>;
+    readonly total: ComputedRef<number>;
+    readonly current: ComputedRef<TRow | undefined>;
+    readonly status: ComputedRef<CrudStatus>;
+    readonly error: ComputedRef<unknown>;
+    readonly isPending: ComputedRef<boolean>;
+    readonly allowedActions: ComputedRef<readonly CrudAction[]>;
+    can(action: CrudAction): boolean;
+    list(query?: TableQuery): Promise<ListResult<TRow>>;
+    read(id: TId): Promise<TRow>;
+    create(input: TInput): Promise<TRow>;
+    update(id: TId, input: TInput): Promise<TRow>;
+    remove(id: TId): Promise<void>;
+}
+export declare function useCrud<TRow, TId = string, TInput = Partial<TRow>>(resource: ResourceDefinition<TRow, TId, TInput>, options?: UseCrudOptions): UseCrudReturn<TRow, TId, TInput>;
+//# sourceMappingURL=use-crud.d.ts.map

package/dist/frontend/admin/vue/use-crud.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-crud.d.ts","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/use-crud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,KAAK,WAAW,EAAE,MAAM,KAAK,CAAC;AAC7E,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC5F,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAwC,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGxF;;;;GAIG;AAEH,MAAM,WAAW,cAAc;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;CAClC;AAED,MAAM,WAAW,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM;IAC9C,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC;IAChD,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACzC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,SAAS,UAAU,EAAE,CAAC,CAAC;IAC5D,GAAG,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC;IACjC,IAAI,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC;IACpD,IAAI,CAAC,EAAE,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,CAAC,EAAE,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAChC;AAED,wBAAgB,OAAO,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,EAChE,QAAQ,EAAE,kBAAkB,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,EAC/C,OAAO,GAAE,cAAmB,GAC3B,aAAa,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,CAwBlC"}

package/dist/frontend/admin/vue/use-crud.js

@@ -0,0 +1,28 @@
+import { computed, onScopeDispose, shallowRef } from 'vue';
+import { createCrudController } from '../core/crud.js';
+import { resolvePermissionCheck } from './provide.js';
+export function useCrud(resource, options = {}) {
+    const check = resolvePermissionCheck(options.check);
+    const controller = createCrudController(resource, { check });
+    const state = shallowRef(controller.getState());
+    const stop = controller.subscribe(() => {
+        state.value = controller.getState();
+    });
+    onScopeDispose(stop);
+    return {
+        rows: computed(() => state.value.list.rows),
+        total: computed(() => state.value.list.total),
+        current: computed(() => state.value.current),
+        status: computed(() => state.value.status),
+        error: computed(() => state.value.error),
+        isPending: computed(() => state.value.status === 'pending'),
+        allowedActions: computed(() => controller.allowedActions()),
+        can: controller.can,
+        list: controller.list,
+        read: controller.read,
+        create: controller.create,
+        update: controller.update,
+        remove: controller.remove,
+    };
+}
+//# sourceMappingURL=use-crud.js.map

package/dist/frontend/admin/vue/use-crud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-crud.js","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/use-crud.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAoB,MAAM,KAAK,CAAC;AAG7E,OAAO,EAAE,oBAAoB,EAAmC,MAAM,iBAAiB,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AA6BtD,MAAM,UAAU,OAAO,CACrB,QAA+C,EAC/C,UAA0B,EAAE;IAE5B,MAAM,KAAK,GAAG,sBAAsB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,oBAAoB,CAAoB,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC;IAChF,MAAM,KAAK,GAAG,UAAU,CAAkB,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC;IACjE,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;QACrC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,cAAc,CAAC,IAAI,CAAC,CAAC;IAErB,OAAO;QACL,IAAI,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;QAC3C,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;QAC7C,OAAO,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;QAC5C,MAAM,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC;QAC1C,KAAK,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;QACxC,SAAS,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;QAC3D,cAAc,EAAE,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,cAAc,EAAE,CAAC;QAC3D,GAAG,EAAE,UAAU,CAAC,GAAG;QACnB,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,IAAI,EAAE,UAAU,CAAC,IAAI;QACrB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,MAAM,EAAE,UAAU,CAAC,MAAM;QACzB,MAAM,EAAE,UAAU,CAAC,MAAM;KAC1B,CAAC;AACJ,CAAC"}

package/dist/frontend/admin/vue/use-data-table.d.ts

@@ -0,0 +1,46 @@
+import { type ComputedRef, type Ref } from 'vue';
+import type { ColumnDef, CrudAction, PermissionCheck, SortDirection, TableQuery } from '../core/ports.js';
+import type { ResourceDefinition } from '../core/resource.js';
+import { type CrudStatus } from '../core/crud.js';
+/**
+ * `useDataTable(options)` — reactieve tabel-state met filter/sort/paginatie én access-control-binding
+ * (US-F1602). Twee modi: client-mode rekent lokaal via het pure `buildTableView`; server-mode
+ * delegeert per query naar `resource.fetchList` via een CRUD-orchestrator (met status/error/retry).
+ * Kolommen en rij-acties worden via de geïnjecteerde (of expliciete) permissie-check gefilterd.
+ */
+export interface UseDataTableOptions<TRow, TId, TInput> {
+    readonly resource: ResourceDefinition<TRow, TId, TInput>;
+    /** Expliciete permissie-check; standaard wordt de geprovide check geïnjecteerd. */
+    readonly check?: PermissionCheck;
+    /** Client-mode: statische rijenbron. */
+    readonly rows?: readonly TRow[];
+    /** Server-mode: haal per query op via `resource.fetchList`. */
+    readonly serverSide?: boolean;
+    readonly pageSize?: number;
+    readonly initialQuery?: TableQuery;
+}
+export interface UseDataTableReturn<TRow> {
+    readonly rows: ComputedRef<readonly TRow[]>;
+    readonly total: ComputedRef<number>;
+    readonly page: ComputedRef<number>;
+    readonly pageCount: ComputedRef<number>;
+    readonly pageSize: ComputedRef<number>;
+    readonly sortBy: ComputedRef<string | undefined>;
+    readonly sortDir: ComputedRef<SortDirection | undefined>;
+    readonly status: ComputedRef<CrudStatus>;
+    readonly error: ComputedRef<unknown>;
+    readonly visibleColumns: ComputedRef<readonly ColumnDef<TRow>[]>;
+    readonly rowActions: ComputedRef<readonly CrudAction[]>;
+    /** De reactieve, actieve query (filter/sort/paginatie). */
+    readonly query: Ref<TableQuery>;
+    toggleSort(key: string): void;
+    setPage(page: number): void;
+    nextPage(): void;
+    prevPage(): void;
+    setFilter(key: string, value: unknown): void;
+    setSearch(search: string): void;
+    /** Herlaad de huidige pagina (server-mode); no-op in client-mode. */
+    retry(): Promise<void>;
+}
+export declare function useDataTable<TRow, TId = string, TInput = Partial<TRow>>(options: UseDataTableOptions<TRow, TId, TInput>): UseDataTableReturn<TRow>;
+//# sourceMappingURL=use-data-table.d.ts.map

package/dist/frontend/admin/vue/use-data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-table.d.ts","sourceRoot":"","sources":["../../../../frontend/src/admin/vue/use-data-table.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,WAAW,EAChB,KAAK,GAAG,EACT,MAAM,KAAK,CAAC;AACb,OAAO,KAAK,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,aAAa,EACb,UAAU,EACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAM9D,OAAO,EAAwB,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGxE;;;;;GAKG;AAEH,MAAM,WAAW,mBAAmB,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM;IACpD,QAAQ,CAAC,QAAQ,EAAE,kBAAkB,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC;IACzD,mFAAmF;IACnF,QAAQ,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC;IACjC,wCAAwC;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IAChC,+DAA+D;IAC/D,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,UAAU,CAAC;CACpC;AAED,MAAM,WAAW,kBAAkB,CAAC,IAAI;IACtC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;IAC5C,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACpC,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACvC,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACjD,QAAQ,CAAC,OAAO,EAAE,WAAW,CAAC,aAAa,GAAG,SAAS,CAAC,CAAC;IACzD,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACzC,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACrC,QAAQ,CAAC,cAAc,EAAE,WAAW,CAAC,SAAS,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACjE,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,SAAS,UAAU,EAAE,CAAC,CAAC;IACxD,2DAA2D;IAC3D,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC,UAAU,CAAC,CAAC;IAChC,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,QAAQ,IAAI,IAAI,CAAC;IACjB,QAAQ,IAAI,IAAI,CAAC;IACjB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7C,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,qEAAqE;IACrE,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,EACrE,OAAO,EAAE,mBAAmB,CAAC,IAAI,EAAE,GAAG,EAAE,MAAM,CAAC,GAC9C,kBAAkB,CAAC,IAAI,CAAC,CA+G1B"}

package/dist/frontend/admin/vue/use-data-table.js

@@ -0,0 +1,96 @@
+import { computed, onScopeDispose, ref, shallowRef, watch, } from 'vue';
+import { buildTableView } from '../core/table-model.js';
+import { rowActions as computeRowActions, visibleColumns as computeVisibleColumns, } from '../core/access.js';
+import { createCrudController } from '../core/crud.js';
+import { resolvePermissionCheck } from './provide.js';
+export function useDataTable(options) {
+    const resource = options.resource;
+    const check = resolvePermissionCheck(options.check);
+    const serverSide = options.serverSide === true;
+    const query = ref({
+        page: 1,
+        pageSize: options.pageSize ?? 10,
+        ...options.initialQuery,
+    });
+    // Client-mode-bron.
+    const clientRows = shallowRef(options.rows ?? []);
+    const clientView = computed(() => buildTableView(clientRows.value, query.value, resource.columns));
+    // Server-mode-orchestrator.
+    const controller = createCrudController(resource, { check });
+    const serverState = shallowRef(controller.getState());
+    async function load() {
+        if (!serverSide) {
+            return;
+        }
+        await controller.list(query.value).catch(() => {
+            // Fout wordt via de controller-state (status 'error') opgevangen; eerdere rijen blijven.
+        });
+    }
+    if (serverSide) {
+        const stop = controller.subscribe(() => {
+            serverState.value = controller.getState();
+        });
+        onScopeDispose(stop);
+        watch(query, () => void load(), { deep: true, immediate: true });
+    }
+    const rows = computed(() => serverSide ? serverState.value.list.rows : clientView.value.rows);
+    const total = computed(() => serverSide ? serverState.value.list.total : clientView.value.total);
+    const pageSize = computed(() => {
+        const size = query.value.pageSize;
+        return size && size > 0 ? size : total.value || 1;
+    });
+    const pageCount = computed(() => serverSide ? Math.max(1, Math.ceil(total.value / pageSize.value)) : clientView.value.pageCount);
+    const page = computed(() => serverSide ? query.value.page ?? 1 : clientView.value.page);
+    function patch(next) {
+        query.value = { ...query.value, ...next };
+    }
+    function toggleSort(key) {
+        const current = query.value;
+        if (current.sortBy === key) {
+            patch({ sortDir: current.sortDir === 'asc' ? 'desc' : 'asc' });
+        }
+        else {
+            patch({ sortBy: key, sortDir: 'asc' });
+        }
+    }
+    function setPage(target) {
+        patch({ page: Math.max(1, target) });
+    }
+    function nextPage() {
+        setPage((query.value.page ?? 1) + 1);
+    }
+    function prevPage() {
+        setPage((query.value.page ?? 1) - 1);
+    }
+    function setFilter(key, value) {
+        patch({ filters: { ...(query.value.filters ?? {}), [key]: value }, page: 1 });
+    }
+    function setSearch(search) {
+        patch({ search, page: 1 });
+    }
+    async function retry() {
+        await load();
+    }
+    return {
+        rows,
+        total,
+        page,
+        pageCount,
+        pageSize,
+        sortBy: computed(() => query.value.sortBy),
+        sortDir: computed(() => query.value.sortDir),
+        status: computed(() => (serverSide ? serverState.value.status : 'success')),
+        error: computed(() => (serverSide ? serverState.value.error : undefined)),
+        visibleColumns: computed(() => computeVisibleColumns(resource.columns, check)),
+        rowActions: computed(() => computeRowActions(resource, check)),
+        query,
+        toggleSort,
+        setPage,
+        nextPage,
+        prevPage,
+        setFilter,
+        setSearch,
+        retry,
+    };
+}
+//# sourceMappingURL=use-data-table.js.map

package/dist/frontend/admin/vue/use-data-table.js.map

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

package/dist/frontend/analytics/adapters/consent.d.ts

@@ -0,0 +1,25 @@
+import type { ConsentSource, ConsentState, OptOutSignal } from '../core/ports.js';
+/**
+ * Consent- en opt-out-adapters. De core kent alleen de ports; deze referentie-adapters leveren
+ * een bestuurbare in-memory consent-bron (tests + eenvoudige projecten), een statisch opt-out-
+ * signaal en een Do-Not-Track-lezer. Elke instantie heeft zijn eigen state (geen module-globals).
+ */
+/** Bestuurbare consent-bron: `grant`/`revoke`/`set` sturen de state én notificeren abonnees. */
+export interface ControllableConsentSource extends ConsentSource {
+    grant(): void;
+    revoke(): void;
+    set(state: ConsentState): void;
+}
+/**
+ * In-memory consent-bron met een start-state (default `unknown` = veilige opt-out-default). Roept
+ * abonnees synchroon aan bij elke wijziging, zodat een tracker direct kan flushen of verwerpen.
+ */
+export declare function staticConsentSource(initial?: ConsentState): ControllableConsentSource;
+/** Statisch opt-out-signaal (vaste waarde). */
+export declare function staticOptOut(optedOut: boolean): OptOutSignal;
+/**
+ * Do-Not-Track-lezer op basis van `navigator.doNotTrack` / `window.doNotTrack`. SSR-veilig:
+ * zonder `navigator` (server) geldt "niet opt-out" zodat de consent-gate leidend blijft.
+ */
+export declare function navigatorDoNotTrackSignal(): OptOutSignal;
+//# sourceMappingURL=consent.d.ts.map

package/dist/frontend/analytics/adapters/consent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent.d.ts","sourceRoot":"","sources":["../../../../frontend/src/analytics/adapters/consent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAElF;;;;GAIG;AAEH,gGAAgG;AAChG,MAAM,WAAW,yBAA0B,SAAQ,aAAa;IAC9D,KAAK,IAAI,IAAI,CAAC;IACd,MAAM,IAAI,IAAI,CAAC;IACf,GAAG,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;CAChC;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,YAAwB,GAAG,yBAAyB,CA4BhG;AAED,+CAA+C;AAC/C,wBAAgB,YAAY,CAAC,QAAQ,EAAE,OAAO,GAAG,YAAY,CAM5D;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,YAAY,CAYxD"}