@happyvertical/smrt-svelte 0.40.65 → 0.40.67

package/dist/components/board/__tests__/Board.test.js

@@ -0,0 +1,498 @@
+import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
+import { svelte } from '@sveltejs/vite-plugin-svelte';
+import { fireEvent, render, screen, within } from '@testing-library/svelte';
+import userEvent from '@testing-library/user-event';
+import { createRawSnippet, hydrate, unmount } from 'svelte';
+import { createServer } from 'vite';
+import { describe, expect, it, vi } from 'vitest';
+import Board from '../Board.svelte';
+import BoardSsrHarness from './BoardSsrHarness.svelte';
+const columns = [
+    { id: 'new', label: 'New' },
+    { id: 'assigned', label: 'Assigned' },
+];
+const initialCards = [
+    { id: 'a', subject: 'Password reset', queue: 'new' },
+    { id: 'b', subject: 'Billing question', queue: 'new' },
+    { id: 'c', subject: 'Reply needed', queue: 'assigned' },
+];
+function cardSnippet() {
+    return createRawSnippet((context) => ({
+        render: () => `<strong>${context().card.subject}</strong>`,
+    }));
+}
+function props(overrides = {}) {
+    return {
+        columns,
+        defaultCards: initialCards,
+        getCardColumnId: (card) => card.queue,
+        setCardColumnId: (card, queue) => ({ ...card, queue }),
+        getCardLabel: (card) => card.subject,
+        card: cardSnippet(),
+        label: 'Support queues',
+        ...overrides,
+    };
+}
+function lane(name) {
+    return screen.getByRole('region', { name: new RegExp(name) });
+}
+describe('Board', () => {
+    it('moves generic support cards in uncontrolled mode with a typed keyboard intent', async () => {
+        const user = userEvent.setup();
+        const onmove = vi.fn();
+        const onselect = vi.fn();
+        render((Board), {
+            props: props({ onmove, onselect }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard(' ');
+        expect(onmove).toHaveBeenCalledWith(expect.objectContaining({
+            card: initialCards[0],
+            source: { columnId: 'new', index: 0 },
+            target: { columnId: 'assigned', index: 0 },
+        }));
+        expect(within(lane('Assigned')).getByText('Password reset')).toBeInTheDocument();
+        expect(screen.getByText('Moved Password reset to Assigned, position 1 of 2.')).toBeInTheDocument();
+        await vi.waitFor(() => expect(screen.getByRole('button', { name: 'Password reset' })).toHaveFocus());
+        expect(onselect).not.toHaveBeenCalled();
+    });
+    it('keeps controlled cards authoritative unless optimistic presentation is requested', async () => {
+        const user = userEvent.setup();
+        const onmove = vi.fn();
+        render((Board), {
+            props: props({ cards: initialCards, onmove }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard('{Enter}');
+        expect(onmove).toHaveBeenCalledOnce();
+        expect(within(lane('New')).getByText('Password reset')).toBeInTheDocument();
+        expect(within(lane('Assigned')).queryByText('Password reset')).not.toBeInTheDocument();
+    });
+    it('treats a controlled board without onmove as read-only', async () => {
+        const user = userEvent.setup();
+        const onselect = vi.fn();
+        render((Board), {
+            props: props({ cards: initialCards, onselect }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        expect(card).toHaveAttribute('draggable', 'false');
+        expect(card).not.toHaveAttribute('aria-disabled');
+        expect(card).not.toHaveClass('smrt-board__card--touch-drag');
+        card.focus();
+        await user.keyboard(' ');
+        expect(screen.queryByText(/Picked up Password reset/)).not.toBeInTheDocument();
+        expect(onselect).toHaveBeenCalledWith(initialCards[0]);
+    });
+    it('updates precomputed lane cards when controlled cards change', async () => {
+        const onmove = vi.fn();
+        const { rerender } = render((Board), {
+            props: props({ cards: initialCards, onmove }),
+        });
+        expect(lane('New')).toHaveAccessibleName('New, 2 cards');
+        const updatedCards = [
+            { ...initialCards[0], queue: 'assigned' },
+            ...initialCards.slice(1),
+        ];
+        await rerender(props({ cards: updatedCards, onmove }));
+        expect(lane('New')).toHaveAccessibleName('New, 1 cards');
+        expect(lane('Assigned')).toHaveAccessibleName('Assigned, 2 cards');
+        expect(within(lane('Assigned')).getByText('Password reset')).toBeInTheDocument();
+    });
+    it('can disable same-column reordering without suppressing cross-column moves', async () => {
+        const user = userEvent.setup();
+        const onmove = vi.fn();
+        render((Board), {
+            props: props({ allowSameColumnReorder: false, onmove }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowDown}');
+        await user.keyboard('{Enter}');
+        expect(onmove).not.toHaveBeenCalled();
+        expect(screen.queryByText(/Moved Password reset/)).not.toBeInTheDocument();
+        expect(within(lane('New')).getAllByRole('button')[0]).toHaveAccessibleName('Password reset');
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard('{Enter}');
+        expect(onmove).toHaveBeenCalledWith(expect.objectContaining({ target: { columnId: 'assigned', index: 0 } }));
+    });
+    it('does not emit a pointer same-column move when reordering is disabled', () => {
+        const onmove = vi.fn();
+        render((Board), {
+            props: props({ allowSameColumnReorder: false, onmove }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        const sibling = screen.getByRole('button', { name: 'Billing question' });
+        fireEvent.dragStart(card, { dataTransfer: { setData: vi.fn() } });
+        fireEvent.drop(sibling, { clientY: 1 });
+        expect(onmove).not.toHaveBeenCalled();
+        expect(screen.queryByText(/Moved Password reset/)).not.toBeInTheDocument();
+    });
+    it('uses native pointer drag and drop to emit a move', () => {
+        const onmove = vi.fn();
+        render((Board), { props: props({ onmove }) });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        const destination = screen.getByRole('button', { name: 'Reply needed' });
+        fireEvent.dragStart(card, { dataTransfer: { setData: vi.fn() } });
+        fireEvent.drop(destination, { clientY: 1 });
+        expect(onmove).toHaveBeenCalledWith(expect.objectContaining({
+            source: { columnId: 'new', index: 0 },
+            target: { columnId: 'assigned', index: 1 },
+        }));
+    });
+    it('moves a card with touch Pointer Events after a drag threshold', async () => {
+        const onmove = vi.fn();
+        render((Board), { props: props({ onmove }) });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        const destination = screen.getByRole('button', { name: 'Reply needed' });
+        Object.defineProperty(destination, 'getBoundingClientRect', {
+            value: () => ({ top: 10, height: 20 }),
+        });
+        const originalElementFromPoint = document.elementFromPoint;
+        Object.defineProperty(document, 'elementFromPoint', {
+            configurable: true,
+            value: vi.fn(() => destination),
+        });
+        fireEvent.pointerDown(card, {
+            button: 0,
+            clientX: 0,
+            clientY: 0,
+            pointerId: 7,
+            pointerType: 'touch',
+        });
+        fireEvent.pointerMove(card, {
+            clientX: 10,
+            clientY: 10,
+            pointerId: 7,
+            pointerType: 'touch',
+        });
+        fireEvent.pointerUp(card, {
+            clientX: 10,
+            clientY: 10,
+            pointerId: 7,
+            pointerType: 'touch',
+        });
+        expect(onmove).toHaveBeenCalledWith(expect.objectContaining({
+            source: { columnId: 'new', index: 0 },
+            target: { columnId: 'assigned', index: 0 },
+        }));
+        Object.defineProperty(document, 'elementFromPoint', {
+            configurable: true,
+            value: originalElementFromPoint,
+        });
+    });
+    it('moves a card with mouse Pointer Events after a drag threshold', () => {
+        const onmove = vi.fn();
+        render((Board), { props: props({ onmove }) });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        const destination = screen.getByRole('button', { name: 'Reply needed' });
+        Object.defineProperty(destination, 'getBoundingClientRect', {
+            value: () => ({ top: 10, height: 20 }),
+        });
+        const originalElementFromPoint = document.elementFromPoint;
+        Object.defineProperty(document, 'elementFromPoint', {
+            configurable: true,
+            value: vi.fn(() => destination),
+        });
+        fireEvent.pointerDown(card, {
+            button: 0,
+            clientX: 0,
+            clientY: 0,
+            pointerId: 9,
+            pointerType: 'mouse',
+        });
+        fireEvent.pointerMove(card, {
+            clientX: 10,
+            clientY: 10,
+            pointerId: 9,
+            pointerType: 'mouse',
+        });
+        fireEvent.pointerUp(card, {
+            clientX: 10,
+            clientY: 10,
+            pointerId: 9,
+            pointerType: 'mouse',
+        });
+        expect(onmove).toHaveBeenCalledWith(expect.objectContaining({ target: { columnId: 'assigned', index: 0 } }));
+        Object.defineProperty(document, 'elementFromPoint', {
+            configurable: true,
+            value: originalElementFromPoint,
+        });
+    });
+    it('cancels a mouse Pointer Event drag and restores card focus', async () => {
+        render((Board), { props: props() });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        fireEvent.pointerDown(card, {
+            button: 0,
+            clientX: 0,
+            clientY: 0,
+            pointerId: 8,
+            pointerType: 'mouse',
+        });
+        fireEvent.pointerMove(card, {
+            clientX: 8,
+            clientY: 0,
+            pointerId: 8,
+            pointerType: 'mouse',
+        });
+        fireEvent.pointerCancel(card, { pointerId: 8, pointerType: 'mouse' });
+        expect(screen.getByText('Cancelled moving Password reset.')).toBeInTheDocument();
+        await vi.waitFor(() => expect(card).toHaveFocus());
+    });
+    it('cancels a pointer drag that is hit-tested over another Board with shared column ids', async () => {
+        const firstMove = vi.fn();
+        const secondMove = vi.fn();
+        render((Board), {
+            props: props({ onmove: firstMove }),
+        });
+        render((Board), {
+            props: props({ onmove: secondMove }),
+        });
+        const boards = screen.getAllByRole('region', { name: 'Support queues' });
+        const firstCard = within(boards[0]).getByRole('button', {
+            name: 'Password reset',
+        });
+        const secondDestination = within(boards[1]).getByRole('button', {
+            name: 'Reply needed',
+        });
+        const originalElementFromPoint = document.elementFromPoint;
+        Object.defineProperty(document, 'elementFromPoint', {
+            configurable: true,
+            value: vi.fn(() => secondDestination),
+        });
+        fireEvent.pointerDown(firstCard, {
+            button: 0,
+            clientX: 0,
+            clientY: 0,
+            pointerId: 10,
+            pointerType: 'mouse',
+        });
+        fireEvent.pointerMove(firstCard, {
+            clientX: 10,
+            clientY: 0,
+            pointerId: 10,
+            pointerType: 'mouse',
+        });
+        fireEvent.pointerUp(firstCard, {
+            clientX: 10,
+            clientY: 0,
+            pointerId: 10,
+            pointerType: 'mouse',
+        });
+        expect(firstMove).not.toHaveBeenCalled();
+        expect(secondMove).not.toHaveBeenCalled();
+        expect(within(boards[0]).getByText('Cancelled moving Password reset.')).toBeInTheDocument();
+        await vi.waitFor(() => expect(firstCard).toHaveFocus());
+        Object.defineProperty(document, 'elementFromPoint', {
+            configurable: true,
+            value: originalElementFromPoint,
+        });
+    });
+    it('rejects a pointer drop into a disabled lane, announces it, and restores focus', async () => {
+        const onmove = vi.fn();
+        render((Board), {
+            props: props({
+                columns: [columns[0], { ...columns[1], disabled: true }],
+                onmove,
+            }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        const destination = screen.getByRole('button', { name: 'Reply needed' });
+        fireEvent.dragStart(card, { dataTransfer: { setData: vi.fn() } });
+        fireEvent.drop(destination, { clientY: 1 });
+        expect(onmove).not.toHaveBeenCalled();
+        expect(screen.getByText('Assigned is unavailable.')).toBeInTheDocument();
+        await vi.waitFor(() => expect(card).toHaveFocus());
+    });
+    it('restores an optimistic controlled move when persistence rejects', async () => {
+        const user = userEvent.setup();
+        const onmove = vi.fn().mockRejectedValue(new Error('offline'));
+        render((Board), {
+            props: props({ cards: initialCards, optimistic: true, onmove }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard('{Enter}');
+        await vi.waitFor(() => expect(screen.getByText('Could not move Password reset. The board was restored.')).toBeInTheDocument());
+        expect(within(lane('New')).getByText('Password reset')).toBeInTheDocument();
+        expect(within(lane('Assigned')).queryByText('Password reset')).not.toBeInTheDocument();
+        await vi.waitFor(() => expect(screen.getByRole('button', { name: 'Password reset' })).toHaveFocus());
+    });
+    it('announces pickup, supports cancellation, collapse controls, and is axe-clean', async () => {
+        const user = userEvent.setup();
+        const { container } = render((Board), {
+            props: props({ collapsible: true }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        expect(screen.getByText(/Picked up Password reset\. Available destinations: New, Assigned\./)).toBeInTheDocument();
+        await user.keyboard('{Escape}');
+        expect(screen.getByText('Cancelled moving Password reset.')).toBeInTheDocument();
+        const collapse = screen.getByRole('button', { name: 'Collapse New' });
+        await user.click(collapse);
+        expect(collapse).toHaveAttribute('aria-expanded', 'false');
+        expect(screen.getByRole('button', { name: 'Expand New' })).toBeInTheDocument();
+        await expectNoA11yViolations(container);
+    });
+    it('expands a collapsed keyboard destination before committing so the moved card remains visible', async () => {
+        const user = userEvent.setup();
+        render((Board), {
+            props: props({ collapsible: true }),
+        });
+        await user.click(screen.getByRole('button', { name: 'Collapse Assigned' }));
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard('{Enter}');
+        expect(screen.getByRole('button', { name: 'Collapse Assigned' })).toHaveAttribute('aria-expanded', 'true');
+        expect(within(lane('Assigned')).getByText('Password reset')).toBeInTheDocument();
+        await vi.waitFor(() => expect(within(lane('Assigned')).getByRole('button', {
+            name: 'Password reset',
+        })).toHaveFocus());
+    });
+    it('allows ordinary selection after a cancelled keyboard pickup', async () => {
+        const user = userEvent.setup();
+        const onselect = vi.fn();
+        render((Board), { props: props({ onselect }) });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{Escape}');
+        await new Promise((resolve) => window.setTimeout(resolve, 0));
+        await user.click(card);
+        expect(onselect).toHaveBeenCalledWith(initialCards[0]);
+    });
+    it('skips disabled lanes and announces the unavailable destination', async () => {
+        const user = userEvent.setup();
+        render((Board), {
+            props: props({
+                columns: [columns[0], { ...columns[1], disabled: true }],
+            }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        expect(screen.getByText('Assigned is unavailable.')).toBeInTheDocument();
+        await user.keyboard('{Escape}');
+    });
+    it('allows a card to leave a disabled source lane', async () => {
+        const user = userEvent.setup();
+        const disabledSourceCards = [{ ...initialCards[0], queue: 'assigned' }];
+        const onmove = vi.fn();
+        render((Board), {
+            props: props({
+                columns: [{ ...columns[0] }, { ...columns[1], disabled: true }],
+                defaultCards: disabledSourceCards,
+                onmove,
+            }),
+        });
+        const card = screen.getByRole('button', { name: 'Password reset' });
+        expect(card).toHaveAttribute('draggable', 'true');
+        card.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowLeft}');
+        await user.keyboard('{Enter}');
+        expect(onmove).toHaveBeenCalledWith(expect.objectContaining({ target: { columnId: 'new', index: 0 } }));
+    });
+    it('serializes deferred move persistence and permits the next move only after the first settles', async () => {
+        const user = userEvent.setup();
+        let resolveFirst;
+        let resolveSecond;
+        const onmove = vi
+            .fn()
+            .mockImplementationOnce(() => new Promise((resolve) => {
+            resolveFirst = resolve;
+        }))
+            .mockImplementationOnce(() => new Promise((resolve) => {
+            resolveSecond = resolve;
+        }));
+        render((Board), { props: props({ onmove }) });
+        const first = screen.getByRole('button', { name: 'Password reset' });
+        first.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard('{Enter}');
+        await vi.waitFor(() => expect(onmove).toHaveBeenCalledTimes(1));
+        const second = screen.getByRole('button', { name: 'Billing question' });
+        second.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard('{Enter}');
+        expect(onmove).toHaveBeenCalledTimes(1);
+        resolveFirst();
+        await vi.waitFor(() => expect(within(lane('Assigned')).getByText('Password reset')).toBeInTheDocument());
+        second.focus();
+        await user.keyboard(' ');
+        await user.keyboard('{ArrowRight}');
+        await user.keyboard('{Enter}');
+        await vi.waitFor(() => expect(onmove).toHaveBeenCalledTimes(2));
+        resolveSecond();
+        await vi.waitFor(() => expect(within(lane('Assigned')).getByText('Billing question')).toBeInTheDocument());
+    });
+    it('renders stable board structure on the server without domain imports', async () => {
+        const vite = await createServer({
+            appType: 'custom',
+            configFile: false,
+            plugins: [svelte()],
+            root: process.cwd(),
+            server: { middlewareMode: true },
+        });
+        const { default: SsrBoard } = await vite.ssrLoadModule('/src/components/board/__tests__/BoardSsrHarness.svelte');
+        const { render: renderSsr } = await vite.ssrLoadModule('svelte/server');
+        const result = renderSsr(SsrBoard);
+        expect(result.body).toContain('Sales pipeline');
+        expect(result.body).toContain('Acme');
+        expect(result.body).toContain('lane-0');
+        await vite.close();
+        const host = document.createElement('div');
+        host.innerHTML = result.body;
+        document.body.append(host);
+        const instance = hydrate(BoardSsrHarness, {
+            target: host,
+        });
+        expect(within(host).getByRole('region', { name: 'Lead, 1 cards' })).toBeInTheDocument();
+        expect(within(host).getByRole('button', { name: 'Acme' })).toBeInTheDocument();
+        await unmount(instance);
+        host.remove();
+    });
+    it('scopes live descriptions when board instances share card ids', async () => {
+        const user = userEvent.setup();
+        const { container } = render((Board), {
+            props: props(),
+        });
+        render((Board), { props: props() });
+        const boards = screen.getAllByRole('region', { name: 'Support queues' });
+        expect(boards).toHaveLength(2);
+        const firstCard = within(boards[0]).getByRole('button', {
+            name: 'Password reset',
+        });
+        const secondCard = within(boards[1]).getByRole('button', {
+            name: 'Password reset',
+        });
+        firstCard.focus();
+        await user.keyboard(' ');
+        const firstLiveId = firstCard.getAttribute('aria-describedby');
+        await user.keyboard('{Escape}');
+        secondCard.focus();
+        await user.keyboard(' ');
+        const secondLiveId = secondCard.getAttribute('aria-describedby');
+        expect(firstLiveId).toBeTruthy();
+        expect(secondLiveId).toBeTruthy();
+        expect(firstLiveId).not.toBe(secondLiveId);
+        expect(within(boards[0]).getByText('Cancelled moving Password reset.')).toHaveAttribute('id', firstLiveId);
+        expect(within(boards[1]).getByText(/Picked up Password reset/)).toHaveAttribute('id', secondLiveId);
+    });
+});

package/dist/components/board/__tests__/BoardSsrHarness.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+import Board from '../Board.svelte';
+import type { BoardColumn } from '../types.js';
+
+interface SalesCard {
+  id: string;
+  company: string;
+  stage: string;
+}
+
+const columns: BoardColumn[] = [
+  { id: 'lead', label: 'Lead' },
+  { id: 'won', label: 'Won' },
+];
+const cards: SalesCard[] = [{ id: 'sale-1', company: 'Acme', stage: 'lead' }];
+</script>
+
+{#snippet salesCard({ card }: { card: SalesCard; column: BoardColumn; index: number; isDragging: boolean })}
+  <strong>{card.company}</strong>
+{/snippet}
+
+<Board
+  {columns}
+  defaultCards={cards}
+  getCardColumnId={(card) => card.stage}
+  setCardColumnId={(card, stage) => ({ ...card, stage })}
+  getCardLabel={(card) => card.company}
+  card={salesCard}
+  label="Sales pipeline"
+/>

package/dist/components/board/__tests__/BoardSsrHarness.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const BoardSsrHarness: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type BoardSsrHarness = InstanceType<typeof BoardSsrHarness>;
+export default BoardSsrHarness;
+//# sourceMappingURL=BoardSsrHarness.svelte.d.ts.map

package/dist/components/board/__tests__/BoardSsrHarness.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoardSsrHarness.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/board/__tests__/BoardSsrHarness.svelte.ts"],"names":[],"mappings":"AA+BA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,eAAe;;kBAA+E,CAAC;AACnF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}

package/dist/components/board/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Board } from './Board.svelte';
+export type { BoardCard, BoardCardSnippetProps, BoardColumn, BoardColumnHeaderSnippetProps, BoardMoveIntent, BoardPosition, BoardProps, } from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/board/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/board/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAClD,YAAY,EACV,SAAS,EACT,qBAAqB,EACrB,WAAW,EACX,6BAA6B,EAC7B,eAAe,EACf,aAAa,EACb,UAAU,GACX,MAAM,YAAY,CAAC"}

package/dist/components/board/index.js

@@ -0,0 +1 @@
+export { default as Board } from './Board.svelte';

package/dist/components/board/types.d.ts

@@ -0,0 +1,84 @@
+import type { Snippet } from 'svelte';
+/** The minimum identity contract for a Board card. */
+export interface BoardCard {
+    id: string;
+}
+/** A Board lane. Labels are deliberately presentation-only; ids drive moves. */
+export interface BoardColumn {
+    id: string;
+    label: string;
+    /** Prevents cards from being moved into this lane. */
+    disabled?: boolean;
+}
+/** A card's position in a board. */
+export interface BoardPosition {
+    columnId: string;
+    /** Zero-based insertion position. */
+    index: number;
+}
+/**
+ * The complete, domain-agnostic instruction emitted when a card is dropped.
+ *
+ * `target.index` is calculated after removing the card from `source`, making
+ * it directly usable with an immutable list update.
+ */
+export interface BoardMoveIntent<Card extends BoardCard = BoardCard, Column extends BoardColumn = BoardColumn> {
+    card: Card;
+    source: BoardPosition;
+    target: BoardPosition;
+    sourceColumn: Column;
+    targetColumn: Column;
+}
+export interface BoardCardSnippetProps<Card extends BoardCard, Column extends BoardColumn> {
+    card: Card;
+    column: Column;
+    index: number;
+    isDragging: boolean;
+}
+export interface BoardColumnHeaderSnippetProps<Column extends BoardColumn> {
+    column: Column;
+    count: number;
+    collapsed: boolean;
+}
+/** Public props for the generic Svelte 5 Board component. */
+export interface BoardProps<Card extends BoardCard, Column extends BoardColumn> {
+    /** Ordered lanes. The Board does not impose statuses or workflow names. */
+    columns: readonly Column[];
+    /** Authoritative controlled cards. Omit to use `defaultCards`. */
+    cards?: readonly Card[];
+    /** Initial cards for an uncontrolled Board. */
+    defaultCards?: readonly Card[];
+    /** Resolves the lane containing a card. */
+    getCardColumnId: (card: Card) => string;
+    /** Returns a copy of a card assigned to `columnId`; keeps Board domain-free. */
+    setCardColumnId: (card: Card, columnId: string) => Card;
+    /** Accessible text announced while a card is moved. */
+    getCardLabel: (card: Card) => string;
+    /** Required visual content for each card. */
+    card: Snippet<[BoardCardSnippetProps<Card, Column>]>;
+    /** Optional lane-header content, rendered beside the built-in count. */
+    columnHeader?: Snippet<[BoardColumnHeaderSnippetProps<Column>]>;
+    /** Accessible name for the board. */
+    label?: string;
+    /** Makes lane headers collapse their card lists. */
+    collapsible?: boolean;
+    /**
+     * Whether cards may be repositioned within their current lane. Defaults to
+     * `true`; set `false` for adapters whose persistence layer only supports
+     * column/status transitions.
+     */
+    allowSameColumnReorder?: boolean;
+    /**
+     * In controlled mode, retain the locally reordered presentation until the
+     * owner supplies a new `cards` array. The owner remains authoritative.
+     */
+    optimistic?: boolean;
+    /** Called when a card is activated without starting a move. */
+    onselect?: (card: Card) => void;
+    /**
+     * Receives a typed move intent. It may persist asynchronously; a rejection
+     * restores the existing presentation and is announced to assistive tech.
+     */
+    onmove?: (intent: BoardMoveIntent<Card, Column>) => void | Promise<void>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/board/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/board/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,sDAAsD;AACtD,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,gFAAgF;AAChF,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oCAAoC;AACpC,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,MAAM,WAAW,eAAe,CAC9B,IAAI,SAAS,SAAS,GAAG,SAAS,EAClC,MAAM,SAAS,WAAW,GAAG,WAAW;IAExC,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,aAAa,CAAC;IACtB,MAAM,EAAE,aAAa,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,qBAAqB,CACpC,IAAI,SAAS,SAAS,EACtB,MAAM,SAAS,WAAW;IAE1B,IAAI,EAAE,IAAI,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,6BAA6B,CAAC,MAAM,SAAS,WAAW;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,6DAA6D;AAC7D,MAAM,WAAW,UAAU,CACzB,IAAI,SAAS,SAAS,EACtB,MAAM,SAAS,WAAW;IAE1B,2EAA2E;IAC3E,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,kEAAkE;IAClE,KAAK,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IACxB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,SAAS,IAAI,EAAE,CAAC;IAC/B,2CAA2C;IAC3C,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACxC,gFAAgF;IAChF,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,uDAAuD;IACvD,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;IACrC,6CAA6C;IAC7C,IAAI,EAAE,OAAO,CAAC,CAAC,qBAAqB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IACrD,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC,6BAA6B,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChE,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC1E"}

package/dist/components/board/types.js

@@ -0,0 +1 @@
+export {};

package/dist/i18n/__tests__/server.spec.js

@@ -47,4 +47,11 @@ describe('buildI18nSnapshot', () => {
         expect(snapshot.messages['ui.snapshot_test.a']).toBe('Alpha');
         expect(snapshot.messages['ui.snapshot_test.b']).toBeUndefined();
     });
+    it('includes Board defaults when only the server snapshot entrypoint is imported', async () => {
+        const snapshot = await buildI18nSnapshot({
+            locale: 'en',
+            keys: ['ui.board.move_failed'],
+        });
+        expect(snapshot.messages['ui.board.move_failed']).toBe('Could not move {card}. The board was restored.');
+    });
 });