From 4e98849e07661da91856159ccebe18787afaa0ef Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Mon, 2 Dec 2024 16:26:00 +0100
Subject: [PATCH 01/23] implemented feature

TODOs:
- extract logic to feature file to simplify component
- add unit test
- add end-to-end tests
---
 src/features/file/grid.tsx   | 27 +++++++++--
 src/routes/(editor)/edit.tsx | 86 ++++++++++++++++++++++++++++++------
 src/utilities.ts             |  8 ++--
 3 files changed, 101 insertions(+), 20 deletions(-)

diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index 7baf4f0..d3c381c 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -19,6 +19,7 @@ export interface GridContextType {
     mutate(prop: string, lang: string, value: string): void;
     remove(props: string[]): void;
     insert(prop: string): void;
+    addColumn(name: string): void;
 }
 
 export interface GridApi {
@@ -29,6 +30,7 @@ export interface GridApi {
     clear(): void;
     remove(keys: string[]): void;
     insert(prop: string): void;
+    addColumn(name: string): void;
 }
 
 const GridContext = createContext<GridContextType>();
@@ -38,8 +40,9 @@ const useGrid = () => useContext(GridContext)!;
 
 export const Grid: Component<{ class?: string, columns: string[], rows: Rows, api?: (api: GridApi) => any }> = (props) => {
     const [selection, setSelection] = createSignal<SelectionItem[]>([]);
-    const [state, setState] = createStore<{ rows: Record<string, Record<string, string>>, snapshot: Rows, numberOfRows: number }>({
+    const [state, setState] = createStore<{ rows: Record<string, Record<string, string>>, columns: string[], snapshot: Rows, numberOfRows: number }>({
         rows: {},
+        columns: [],
         snapshot: new Map,
         numberOfRows: 0,
     });
@@ -51,12 +54,17 @@ export const Grid: Component<{ class?: string, columns: string[], rows: Rows, ap
         return deepDiff(state.snapshot, state.rows).toArray();
     });
     const rows = createMemo(() => Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, unwrap(row)] as const)));
+    const columns = createMemo(() => state.columns);
 
     createEffect(() => {
         setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
         setState('snapshot', props.rows);
     });
 
+    createEffect(() => {
+        setState('columns', [...props.columns]);
+    });
+
     createEffect(() => {
         setState('numberOfRows', Object.keys(state.rows).length);
     });
@@ -82,18 +90,27 @@ export const Grid: Component<{ class?: string, columns: string[], rows: Rows, ap
 
         insert(prop: string) {
             setState('rows', produce(rows => {
-                rows[prop] = Object.fromEntries(props.columns.slice(1).map(lang => [lang, '']));
+                rows[prop] = Object.fromEntries(state.columns.slice(1).map(lang => [lang, '']));
 
                 return rows
             }))
         },
+
+        addColumn(name: string): void {
+            setState(produce(state => {
+                state.columns.push(name);
+                state.rows = Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, { ...row, [name]: '' }]));
+
+                return state;
+            }))
+        },
     };
 
     return <GridContext.Provider value={ctx}>
         <SelectionProvider selection={setSelection} multiSelect>
             <Api api={props.api} />
 
-            <_Grid class={props.class} columns={props.columns} rows={rows()} />
+            <_Grid class={props.class} columns={columns()} rows={rows()} />
         </SelectionProvider>
     </GridContext.Provider>;
 };
@@ -154,6 +171,10 @@ const Api: Component<{ api: undefined | ((api: GridApi) => any) }> = (props) =>
         insert(prop: string) {
             gridContext.insert(prop);
         },
+
+        addColumn(name: string): void {
+            gridContext.addColumn(name);
+        },
     };
 
     createEffect(() => {
diff --git a/src/routes/(editor)/edit.tsx b/src/routes/(editor)/edit.tsx
index 37f7fc7..9d50b1e 100644
--- a/src/routes/(editor)/edit.tsx
+++ b/src/routes/(editor)/edit.tsx
@@ -1,5 +1,5 @@
 import { Component, createEffect, createMemo, createSignal, For, onMount, ParentProps, Setter, Show } from "solid-js";
-import { filter, MutarionKind, Mutation, splitAt } from "~/utilities";
+import { Created, filter, MutarionKind, Mutation, splitAt } from "~/utilities";
 import { Sidebar } from "~/components/sidebar";
 import { emptyFolder, FolderEntry, walk as fileTreeWalk, Tree } from "~/components/filetree";
 import { Menu } from "~/features/menu";
@@ -91,7 +91,8 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
     const [active, setActive] = createSignal<string>();
     const [contents, setContents] = createSignal<Map<string, Map<string, string>>>(new Map());
     const [tree, setFiles] = createSignal<FolderEntry>(emptyFolder);
-    const [prompt, setPrompt] = createSignal<PromptApi>();
+    const [newKeyPrompt, setNewKeyPrompt] = createSignal<PromptApi>();
+    const [newLanguagePrompt, setNewLanguagePrompt] = createSignal<PromptApi>();
 
     const tab = createMemo(() => {
         const name = active();
@@ -99,7 +100,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         return tabs().find(t => t.handle.name === name);
     });
     const api = createMemo(() => tab()?.api());
-    const mutations = createMemo<(Mutation & { file?: { value: string, handle: FileSystemFileHandle, id: string } })[]>(() => tabs().flatMap(tab => {
+    const mutations = createMemo<(Mutation & { lang: string, file?: { value: string, handle: FileSystemFileHandle, id: string } })[]>(() => tabs().flatMap(tab => {
         const entries = tab.entries();
         const files = tab.files();
         const mutations = tab.api()?.mutations() ?? [];
@@ -109,11 +110,19 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
                 case MutarionKind.Update: {
                     const [key, lang] = splitAt(m.key, m.key.lastIndexOf('.'));
 
-                    return { kind: MutarionKind.Update, key, file: entries.get(key)?.[lang] };
+                    return { kind: MutarionKind.Update, key, lang, file: entries.get(key)?.[lang] };
                 }
 
                 case MutarionKind.Create: {
-                    return Object.entries(m.value).map(([lang, value]) => ({ kind: MutarionKind.Create, key: m.key, file: files.get(lang)!, value }));
+                    if (typeof m.value === 'object') {
+                        return Object.entries(m.value).map(([lang, value]) => {
+                            return ({ kind: MutarionKind.Create, key: m.key, lang, file: files.get(lang)!, value });
+                        });
+                    }
+
+                    const [key, lang] = splitAt(m.key, m.key.lastIndexOf('.'));
+
+                    return { kind: MutarionKind.Create, key, lang, file: undefined, value: m.value };
                 }
 
                 case MutarionKind.Delete: {
@@ -137,8 +146,35 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         }
 
         const groupedByFileId = Object.groupBy(muts, m => m.file?.id ?? 'undefined');
+        const newFiles = Object.entries(Object.groupBy((groupedByFileId['undefined'] ?? []) as (Created & { lang: string, file: undefined })[], m => m.lang)).map(([lang, mutations]) => {
+            const data = mutations!.reduce((aggregate, { key, value }) => {
+                let obj = aggregate;
+                const i = key.lastIndexOf('.');
 
-        return entries.map(({ id, handle }) => {
+                if (i !== -1) {
+                    const [k, lastPart] = splitAt(key, i);
+
+                    for (const part of k.split('.')) {
+                        if (!Object.hasOwn(obj, part)) {
+                            obj[part] = {};
+                        }
+
+                        obj = obj[part];
+                    }
+
+                    obj[lastPart] = value;
+                }
+                else {
+                    obj[key] = value;
+                }
+
+                return aggregate;
+            }, {} as Record<string, any>);
+
+            return [{ existing: false, name: lang }, data] as const;
+        })
+
+        const existingFiles = entries.map(({ id, handle }) => {
             const existing = new Map(files.get(id)!);
             const mutations = groupedByFileId[id]!;
 
@@ -158,7 +194,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
             }
 
             return [
-                handle,
+                { existing: true, handle },
                 existing.entries().reduce((aggregate, [key, value]) => {
                     let obj = aggregate;
                     const i = key.lastIndexOf('.');
@@ -183,9 +219,15 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
                     return aggregate;
                 }, {} as Record<string, any>)
             ] as const;
-        }).toArray();
+        }).toArray() as (readonly [({ existing: true, handle: FileSystemFileHandle } | { existing: false, name: string }), Record<string, any>])[];
+
+        return existingFiles.concat(newFiles);
     });
 
+    // createEffect(() => {
+    //     console.log(mutatedData());
+    // });
+
     createEffect(() => {
         const directory = props.root;
 
@@ -208,7 +250,10 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
             filesContext.remove(id);
         }, { key: 'w', modifier: Modifier.Control | (isInstalledPWA ? Modifier.None : Modifier.Alt) }),
         save: createCommand('save', async () => {
-            await Promise.allSettled(mutatedData().map(async ([handle, data]) => {
+            await Promise.allSettled(mutatedData().map(async ([file, data]) => {
+                // TODO :: add the newly created file to the known files list to that the save file picker is not shown again on subsequent saves
+                const handle = file.existing ? file.handle : await window.showSaveFilePicker({ suggestedName: file.name, excludeAcceptAllOption: true, types: [{ description: 'JSON file', accept: { 'application/json': ['.json'] } }] });
+
                 const stream = await handle.createWritable({ keepExistingData: false });
 
                 stream.write(JSON.stringify(data, null, 4));
@@ -246,7 +291,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
             remove(Object.keys(selection()));
         }, { key: 'delete', modifier: Modifier.None }),
         inserNewKey: createCommand('insert new key', async () => {
-            const formData = await prompt()?.showModal();
+            const formData = await newKeyPrompt()?.showModal();
             const key = formData?.get('key')?.toString();
 
             if (!key) {
@@ -255,7 +300,18 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
 
             api()?.insert(key);
         }),
-        inserNewLanguage: noop.withLabel('insert new language'),
+        inserNewLanguage: createCommand('insert new language', async () => {
+            const formData = await newLanguagePrompt()?.showModal();
+            const language = formData?.get('locale')?.toString();
+
+            if (!language) {
+                return;
+            }
+
+            console.log(language);
+
+            api()?.addColumn(language);
+        }),
     } as const;
 
     return <div class={css.root}>
@@ -295,8 +351,12 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
             <Menu.Item command={noop.withLabel('view')} />
         </Menu.Root>
 
-        <Prompt api={setPrompt} title="Which key do you want to create?" description={<>hint: use <code>.</code> to denote nested keys,<br /> i.e. <code>this.is.some.key</code> would be a key that is four levels deep</>}>
-            <input name="key" value="this.is.an.awesome.key" placeholder="name of new key ()" />
+        <Prompt api={setNewKeyPrompt} title="Which key do you want to create?" description={<>hint: use <code>.</code> to denote nested keys,<br /> i.e. <code>this.is.some.key</code> would be a key that is four levels deep</>}>
+            <input name="key" placeholder="name of new key ()" value="keyF.some.deeper.nested.value" />
+        </Prompt>
+
+        <Prompt api={setNewLanguagePrompt}>
+            <input name="locale" placeholder="locale code, i.e. en-GB" value="fr-FR" />
         </Prompt>
 
         <Sidebar as="aside" label={tree().name} class={css.sidebar}>
diff --git a/src/utilities.ts b/src/utilities.ts
index 8408a4e..c47a58b 100644
--- a/src/utilities.ts
+++ b/src/utilities.ts
@@ -54,10 +54,10 @@ export enum MutarionKind {
     Update = 'updated',
     Delete = 'deleted',
 }
-type Created = { kind: MutarionKind.Create, value: any };
-type Updated = { kind: MutarionKind.Update, value: any, original: any };
-type Deleted = { kind: MutarionKind.Delete };
-export type Mutation = { key: string } & (Created | Updated | Deleted);
+export type Created = { kind: MutarionKind.Create, key: string, value: any };
+export type Updated = { kind: MutarionKind.Update, key: string, value: any, original: any };
+export type Deleted = { kind: MutarionKind.Delete, key: string };
+export type Mutation = Created | Updated | Deleted;
 
 export function* deepDiff<T1 extends object, T2 extends object>(a: T1, b: T2, path: string[] = []): Generator<Mutation, void, unknown> {
     if (!isIterable(a) || !isIterable(b)) {
-- 
2.50.1


From 17e49c23d879bee4ebf2286ee506ada9b5b4cf7a Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Tue, 3 Dec 2024 16:01:14 +0100
Subject: [PATCH 02/23] started splitting of into components

---
 src/components/grid.module.css              | 128 +++++++++
 src/components/grid.tsx                     | 280 ++++++++++++++++++++
 src/components/table.module.css             | 108 ++++++++
 src/components/table.tsx                    | 114 ++++++++
 src/routes/(editor)/edit.tsx                |   4 -
 src/routes/(editor)/experimental.css        |  27 --
 src/routes/(editor)/experimental.module.css |  26 ++
 src/routes/(editor)/experimental.tsx        | 157 +++--------
 8 files changed, 686 insertions(+), 158 deletions(-)
 create mode 100644 src/components/grid.module.css
 create mode 100644 src/components/grid.tsx
 create mode 100644 src/components/table.module.css
 create mode 100644 src/components/table.tsx
 delete mode 100644 src/routes/(editor)/experimental.css
 create mode 100644 src/routes/(editor)/experimental.module.css

diff --git a/src/components/grid.module.css b/src/components/grid.module.css
new file mode 100644
index 0000000..05c99e3
--- /dev/null
+++ b/src/components/grid.module.css
@@ -0,0 +1,128 @@
+.table {
+    position: relative;
+    display: grid;
+    grid-template-columns: 2em minmax(10em, max-content) repeat(var(--columns), auto);
+    align-content: start;
+    padding-inline: 1px;
+    margin-inline: -1px;
+
+    block-size: 100%;
+    overflow: clip auto;
+
+    background-color: var(--surface-600);
+
+    & input[type="checkbox"] {
+        margin: .1em;
+    }
+
+    & textarea {
+        resize: vertical;
+        min-block-size: max(2em, 100%);
+        max-block-size: 50em;
+
+        background-color: var(--surface-600);
+        color: var(--text-1);
+        border-color: var(--text-2);
+        border-radius: var(--radii-s);
+
+        &:has(::spelling-error, ::grammar-error) {
+            border-color: var(--fail);
+        }
+
+        & ::spelling-error {
+            outline: 1px solid var(--fail);
+            text-decoration: yellow underline;
+        }
+    }
+
+    & .cell {
+        display: grid;
+        padding: .5em;
+        border: 1px solid transparent;
+        border-radius: var(--radii-m);
+
+        &:has(textarea:focus) {
+            border-color: var(--info);
+        }
+
+        & > span {
+            align-self: center;
+        }
+    }
+
+    & :is(.header, .main, .footer) {
+        grid-column: span calc(2 + var(--columns));
+        display: grid;
+        grid-template-columns: subgrid;
+    }
+
+    & .header {
+        position: sticky;
+        inset-block-start: 0;
+        background-color: var(--surface-600);
+        border-block-end: 1px solid var(--surface-300);
+    }
+
+    & .row {
+        --bg: var(--text);
+        --alpha: 0;
+        grid-column: span calc(2 + var(--columns));
+        display: grid;
+        grid-template-columns: subgrid;
+        border: 1px solid transparent;
+        background-color: color(from var(--bg) srgb r g b / var(--alpha));
+
+        &:has(> .cell > :checked) {
+            --bg: var(--info);
+            --alpha: .1;
+            border-color: var(--bg);
+
+            & span {
+                font-variation-settings: 'GRAD' 1000;
+            }
+
+            & + :has(> .cell> :checked) {
+                border-block-start-color: transparent;
+            }
+
+            &:has(+ .row > .cell > :checked) {
+                border-block-end-color: transparent;
+            }
+        }
+
+        &:hover {
+            --alpha: .2 !important;
+        }
+    }
+
+    & details {
+        display: contents;
+
+        &::details-content {
+            grid-column: span calc(2 + var(--columns));
+            display: grid;
+            grid-template-columns: subgrid;
+        }
+
+        &:not([open])::details-content {
+            display: none;
+        }
+
+        & > summary {
+            grid-column: 2 / span calc(1 + var(--columns));
+            padding: .5em;
+            padding-inline-start: calc(var(--depth) * 1em + .5em);
+
+        }
+
+        & > .row > .cell > span {
+            padding-inline-start: calc(var(--depth) * 1em);
+        }
+    }
+}
+
+@property --depth {
+    syntax: "<number>";
+    inherits: false;
+    initial-value: 0;
+}
\ No newline at end of file
diff --git a/src/components/grid.tsx b/src/components/grid.tsx
new file mode 100644
index 0000000..c0e0c2a
--- /dev/null
+++ b/src/components/grid.tsx
@@ -0,0 +1,280 @@
+import { Accessor, Component, createContext, createEffect, createMemo, createSignal, For, ParentComponent, Show, useContext } from "solid-js";
+import { createStore, produce, unwrap } from "solid-js/store";
+import { SelectionProvider, useSelection, selectable } from "../features/selectable";
+import { debounce, deepCopy, deepDiff, Mutation } from "~/utilities";
+import css from './grid.module.css';
+
+selectable // prevents removal of import
+
+type Rows = Map<string, Record<string, string>>;
+type SelectionItem = { key: string, value: Accessor<Record<string, string>>, element: WeakRef<HTMLElement> };
+
+type Insertion = { kind: 'row', key: string } | { kind: 'column', value: string };
+
+export interface GridContextType {
+    readonly rows: Accessor<Record<string, Record<string, string>>>;
+    readonly mutations: Accessor<Mutation[]>;
+    readonly selection: Accessor<SelectionItem[]>;
+    mutate(prop: string, lang: string, value: string): void;
+    remove(props: string[]): void;
+    insert(insertion: Insertion): void;
+}
+
+export interface GridApi {
+    readonly selection: Accessor<Record<string, Record<string, string>>>;
+    readonly rows: Accessor<Record<string, Record<string, string>>>;
+    readonly mutations: Accessor<Mutation[]>;
+    selectAll(): void;
+    clear(): void;
+    remove(keys: string[]): void;
+    insert(insertion: Insertion): void;
+}
+
+const GridContext = createContext<GridContextType>();
+
+const useGrid = () => useContext(GridContext)!;
+
+export const Grid: Component<{ class?: string, columns: string[], rows: Rows, api?: (api: GridApi) => any }> = (props) => {
+    const [selection, setSelection] = createSignal<SelectionItem[]>([]);
+    const [state, setState] = createStore<{ rows: Record<string, Record<string, string>>, columns: string[], snapshot: Rows, numberOfRows: number }>({
+        rows: {},
+        columns: [],
+        snapshot: new Map,
+        numberOfRows: 0,
+    });
+
+    const mutations = createMemo(() => {
+        // enumerate all values to make sure the memo is recalculated on any change
+        Object.values(state.rows).map(entry => Object.values(entry));
+
+        return deepDiff(state.snapshot, state.rows).toArray();
+    });
+    const rows = createMemo(() => Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, unwrap(row)] as const)));
+    const columns = createMemo(() => state.columns);
+
+    createEffect(() => {
+        setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
+        setState('snapshot', props.rows);
+    });
+
+    createEffect(() => {
+        setState('columns', [...props.columns]);
+    });
+
+    createEffect(() => {
+        setState('numberOfRows', Object.keys(state.rows).length);
+    });
+
+    const ctx: GridContextType = {
+        rows,
+        mutations,
+        selection,
+
+        mutate(prop: string, lang: string, value: string) {
+            setState('rows', prop, lang, value);
+        },
+
+        remove(props: string[]) {
+            setState('rows', produce(rows => {
+                for (const prop of props) {
+                    delete rows[prop];
+                }
+
+                return rows;
+            }));
+        },
+
+        insert(prop: string) {
+            setState('rows', produce(rows => {
+                rows[prop] = Object.fromEntries(state.columns.slice(1).map(lang => [lang, '']));
+
+                return rows
+            }))
+        },
+
+        addColumn(name: string): void {
+            setState(produce(state => {
+                state.columns.push(name);
+                state.rows = Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, { ...row, [name]: '' }]));
+
+                return state;
+            }))
+        },
+    };
+
+    return <GridContext.Provider value={ctx}>
+        <SelectionProvider selection={setSelection} multiSelect>
+            <Api api={props.api} />
+
+            <_Grid class={props.class} columns={columns()} rows={rows()} />
+        </SelectionProvider>
+    </GridContext.Provider>;
+};
+
+const _Grid: Component<{ class?: string, columns: string[], rows: Record<string, Record<string, string>> }> = (props) => {
+    const columnCount = createMemo(() => props.columns.length - 1);
+    const root = createMemo<Entry>(() => Object.entries(props.rows)
+        .reduce((aggregate, [key, value]) => {
+            let obj: any = aggregate;
+            const parts = key.split('.');
+
+            for (const [i, part] of parts.entries()) {
+                if (Object.hasOwn(obj, part) === false) {
+                    obj[part] = {};
+                }
+
+                if (i === (parts.length - 1)) {
+                    obj[part] = value;
+                }
+                else {
+                    obj = obj[part];
+                }
+            }
+
+            return aggregate;
+        }, {}));
+
+    return <section class={`${css.table} ${props.class}`} style={{ '--columns': columnCount() }}>
+        <Head headers={props.columns} />
+
+        <main class={css.main}>
+            <Row entry={root()} />
+        </main>
+    </section>
+};
+
+const Api: Component<{ api: undefined | ((api: GridApi) => any) }> = (props) => {
+    const gridContext = useGrid();
+    const selectionContext = useSelection<{ key: string, value: Accessor<Record<string, string>>, element: WeakRef<HTMLElement> }>();
+
+    const api: GridApi = {
+        selection: createMemo(() => {
+            const selection = selectionContext.selection();
+
+            return Object.fromEntries(selection.map(({ key, value }) => [key, value()] as const));
+        }),
+        rows: gridContext.rows,
+        mutations: gridContext.mutations,
+        selectAll() {
+            selectionContext.selectAll();
+        },
+        clear() {
+            selectionContext.clear();
+        },
+        remove(props: string[]) {
+            gridContext.remove(props);
+        },
+        insert(prop: string) {
+            gridContext.insert(prop);
+        },
+
+        addColumn(name: string): void {
+            gridContext.addColumn(name);
+        },
+    };
+
+    createEffect(() => {
+        props.api?.(api);
+    });
+
+    return null;
+};
+
+const Head: Component<{ headers: string[] }> = (props) => {
+    const context = useSelection();
+
+    return <header class={css.header}>
+        <div class={css.cell}>
+            <input
+                type="checkbox"
+                checked={context.selection().length > 0 && context.selection().length === context.length()}
+                indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
+                on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
+            />
+        </div>
+
+        <For each={props.headers}>{
+            header => <span class={css.cell}>{header}</span>
+        }</For>
+    </header>;
+};
+
+const Row: Component<{ entry: Entry, path?: string[] }> = (props) => {
+    const grid = useGrid();
+
+    return <For each={Object.entries(props.entry)}>{
+        ([key, value]) => {
+            const values = Object.entries(value);
+            const path = [...(props.path ?? []), key];
+            const k = path.join('.');
+            const context = useSelection();
+
+            const isSelected = context.isSelected(k);
+
+            return <Show when={isLeaf(value)} fallback={<Group key={key} entry={value as Entry} path={path} />}>
+                <div class={css.row} use:selectable={{ value, key: k }}>
+                    <div class={css.cell}>
+                        <input type="checkbox" checked={isSelected()} on:input={() => context.select([k])} on:pointerdown={e => e.stopPropagation()} />
+                    </div>
+
+                    <div class={css.cell}>
+                        <span style={{ '--depth': path.length - 1 }}>{key}</span>
+                    </div>
+
+                    <For each={values}>{
+                        ([lang, value]) => <div class={css.cell}>
+                            <TextArea key={k} value={value} lang={lang} oninput={(e) => grid.mutate(k, lang, e.data ?? '')} />
+                        </div>
+                    }</For>
+                </div>
+            </Show>;
+        }
+    }</For>
+};
+
+const Group: Component<{ key: string, entry: Entry, path: string[] }> = (props) => {
+    return <details open>
+        <summary style={{ '--depth': props.path.length - 1 }}>{props.key}</summary>
+
+        <Row entry={props.entry} path={props.path} />
+    </details>;
+};
+
+const TextArea: Component<{ key: string, value: string, lang: string, oninput?: (event: InputEvent) => any }> = (props) => {
+    const [element, setElement] = createSignal<HTMLTextAreaElement>();
+
+    const resize = () => {
+        const el = element();
+
+        if (!el) {
+            return;
+        }
+
+        el.style.height = `1px`;
+        el.style.height = `${2 + element()!.scrollHeight}px`;
+    };
+
+    const mutate = debounce(() => {
+        props.oninput?.(new InputEvent('input', {
+            data: element()?.value.trim(),
+        }))
+    }, 300);
+
+    const onKeyUp = (e: KeyboardEvent) => {
+        resize();
+        mutate();
+    };
+
+    return <textarea
+        ref={setElement}
+        value={props.value}
+        lang={props.lang}
+        placeholder={`${props.key} in ${props.lang}`}
+        name={`${props.key}:${props.lang}`}
+        spellcheck={true}
+        wrap="soft"
+        onkeyup={onKeyUp}
+        on:keydown={e => e.stopPropagation()}
+        on:pointerdown={e => e.stopPropagation()}
+    />
+};
\ No newline at end of file
diff --git a/src/components/table.module.css b/src/components/table.module.css
new file mode 100644
index 0000000..97bf858
--- /dev/null
+++ b/src/components/table.module.css
@@ -0,0 +1,108 @@
+.table {
+    position: relative;
+    display: grid;
+    grid-template-columns: 2em minmax(10em, max-content) repeat(var(--columns), auto);
+    align-content: start;
+    padding-inline: 1px;
+    margin-inline: -1px;
+
+    block-size: 100%;
+
+    & input[type="checkbox"] {
+        margin: .1em;
+    }
+
+    & .cell {
+        display: grid;
+        padding: .5em;
+        border: 1px solid transparent;
+        border-radius: var(--radii-m);
+
+        &:has(textarea:focus) {
+            border-color: var(--info);
+        }
+
+        & > span {
+            align-self: center;
+        }
+    }
+
+    & :is(.header, .main, .footer) {
+        grid-column: span calc(2 + var(--columns));
+        display: grid;
+        grid-template-columns: subgrid;
+    }
+
+    & .header {
+        position: sticky;
+        inset-block-start: 0;
+        border-block-end: 1px solid var(--surface-300);
+    }
+
+    & .main {
+        overflow: clip auto;
+    }
+
+    & .row {
+        --bg: var(--text);
+        --alpha: 0;
+        grid-column: span calc(2 + var(--columns));
+        display: grid;
+        grid-template-columns: subgrid;
+        border: 1px solid transparent;
+        background-color: color(from var(--bg) srgb r g b / var(--alpha));
+
+        &:has(> .cell > :checked) {
+            --bg: var(--info);
+            --alpha: .1;
+            border-color: var(--bg);
+
+            & span {
+                font-variation-settings: 'GRAD' 1000;
+            }
+
+            & + :has(> .cell> :checked) {
+                border-block-start-color: transparent;
+            }
+
+            &:has(+ .row > .cell > :checked) {
+                border-block-end-color: transparent;
+            }
+        }
+
+        &:hover {
+            --alpha: .2 !important;
+        }
+    }
+
+    & details {
+        display: contents;
+
+        &::details-content {
+            grid-column: span calc(2 + var(--columns));
+            display: grid;
+            grid-template-columns: subgrid;
+        }
+
+        &:not([open])::details-content {
+            display: none;
+        }
+
+        & > summary {
+            grid-column: 2 / span calc(1 + var(--columns));
+            padding: .5em;
+            padding-inline-start: calc(var(--depth) * 1em + .5em);
+
+        }
+
+        & > .row > .cell > span {
+            padding-inline-start: calc(var(--depth) * 1em);
+        }
+    }
+}
+
+@property --depth {
+    syntax: "<number>";
+    inherits: false;
+    initial-value: 0;
+}
\ No newline at end of file
diff --git a/src/components/table.tsx b/src/components/table.tsx
new file mode 100644
index 0000000..a2a7e9e
--- /dev/null
+++ b/src/components/table.tsx
@@ -0,0 +1,114 @@
+import { Component, createMemo, createSignal, For, Match, Show, Switch } from "solid-js";
+import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
+import css from './table.module.css';
+
+selectable
+
+type Row<T> = { kind: 'row', key: string, value: T }
+type Group<T> = { kind: 'group', key: string, nodes: Node<T>[] };
+type Node<T> = Row<T> | Group<T>;
+
+export function Table<T extends Record<string, any>>(props: { class?: string, rows: T[], selectable?: boolean }) {
+    const [selection, setSelection] = createSignal<object[]>([]);
+    const columns = createMemo(() => ['#', ...Object.keys(props.rows.at(0) ?? {})]);
+    const selectable = createMemo(() => props.selectable ?? false);
+
+    return <>
+        <SelectionProvider selection={setSelection} multiSelect>
+            {/* <Api api={props.api} /> */}
+
+            <_Table class={props.class} columns={columns()} rows={props.rows} />
+        </SelectionProvider>
+    </>;
+};
+
+type TableProps<T extends Record<string, any>> = { class?: string, columns: (keyof T)[], rows: T[] };
+
+function _Table<T extends Record<string, any>>(props: TableProps<T>) {
+    const columnCount = createMemo(() => props.columns.length - 1);
+    const nodes = createMemo<Node<T>[]>(() => {
+        const rows = Object.entries(props.rows).map<Row<T>>(([i, row]) => ({ kind: 'row', key: row['key'], value: row }));
+
+        const group = (nodes: Row<T>[]): Node<T>[] => nodes.every(n => n.key.includes('.') === false)
+            ? nodes
+            : Object.entries(Object.groupBy(nodes, r => String(r.key).split('.').at(0)!))
+                .map<Group<T>>(([key, nodes]) => ({ kind: 'group', key, nodes: group(nodes!.map(n => ({ ...n, key: n.key.slice(key.length + 1) }))) }));
+
+        const grouped = group(rows);
+
+        return grouped;
+    });
+
+    return <section class={`${css.table} ${props.class}`} style={{ '--columns': columnCount() }}>
+        <Head headers={props.columns} />
+
+        <main class={css.main}>
+            <For each={nodes()}>{
+                node => <Node node={node} depth={0} />
+            }</For>
+
+        </main>
+    </section>
+};
+
+function Head<T extends Record<string, any>>(props: { headers: (keyof T)[] }) {
+    const context = useSelection();
+
+    return <header class={css.header}>
+        <div class={css.cell}>
+            <input
+                type="checkbox"
+                checked={context.selection().length > 0 && context.selection().length === context.length()}
+                indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
+                on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
+            />
+        </div>
+
+        <For each={props.headers}>{
+            header => <span class={css.cell}>{header.toString()}</span>
+        }</For>
+    </header>;
+};
+
+function Node<T extends Record<string, any>>(props: { node: Node<T>, depth: number }) {
+    return <Switch>
+        <Match when={props.node.kind === 'row' ? props.node : undefined}>{
+            row => <Row key={row().key} value={row().value} depth={props.depth} />
+        }</Match>
+
+        <Match when={props.node.kind === 'group' ? props.node : undefined}>{
+            group => <Group key={group().key} nodes={group().nodes} depth={props.depth} />
+        }</Match>
+    </Switch>;
+}
+
+function Row<T extends Record<string, any>>(props: { key: string, value: T, depth: number }) {
+    const context = useSelection();
+
+    const values = createMemo(() => Object.entries(props.value));
+    const isSelected = context.isSelected(props.key);
+
+    return <div class={css.row} use:selectable={{ value: props.value, key: props.key }}>
+        <div class={css.cell}>
+            <input type="checkbox" checked={isSelected()} on:input={() => context.select([props.key])} on:pointerdown={e => e.stopPropagation()} />
+        </div>
+
+        <div class={css.cell}>
+            <span style={{ '--depth': props.depth }}>{props.key}</span>
+        </div>
+
+        <For each={values()}>{
+            ([k, v]) => <div class={css.cell}>{v}</div>
+        }</For>
+    </div>;
+};
+
+function Group<T extends Record<string, any>>(props: { key: string, nodes: Node<T>[], depth: number }) {
+    return <details open>
+        <summary style={{ '--depth': props.depth }}>{props.key}</summary>
+
+        <For each={props.nodes}>{
+            node => <Node node={node} depth={props.depth + 1} />
+        }</For>
+    </details>;
+};
\ No newline at end of file
diff --git a/src/routes/(editor)/edit.tsx b/src/routes/(editor)/edit.tsx
index 4e61ffa..3c4306d 100644
--- a/src/routes/(editor)/edit.tsx
+++ b/src/routes/(editor)/edit.tsx
@@ -224,10 +224,6 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         return existingFiles.concat(newFiles);
     });
 
-    // createEffect(() => {
-    //     console.log(mutatedData());
-    // });
-
     createEffect(() => {
         const directory = props.root;
 
diff --git a/src/routes/(editor)/experimental.css b/src/routes/(editor)/experimental.css
deleted file mode 100644
index 9f0b3d2..0000000
--- a/src/routes/(editor)/experimental.css
+++ /dev/null
@@ -1,27 +0,0 @@
-section.index {
-    display: grid;
-    grid: 100% / auto minmax(0, 1fr);
-    inline-size: 100%;
-    block-size: 100%;
-
-    & > aside {
-        overflow: clip auto;
-        resize: horizontal;
-
-        min-inline-size: 300px;
-        max-inline-size: 75vw;
-        block-size: 100%;
-        padding: 1em;
-        padding-block-start: 1.5em;
-        padding-inline-end: 1em;
-    }
-
-    & > section {
-        display: grid;
-        grid: 100% / 100%;
-        inline-size: 100%;
-        block-size: 100%;
-
-        padding-inline: 1em;
-    }
-}
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental.module.css b/src/routes/(editor)/experimental.module.css
new file mode 100644
index 0000000..5872a3d
--- /dev/null
+++ b/src/routes/(editor)/experimental.module.css
@@ -0,0 +1,26 @@
+.root {
+    display: grid;
+    grid: 100% / auto minmax(0, 1fr);
+    inline-size: 100%;
+    block-size: 100%;
+
+    & .sidebar {
+        z-index: 1;
+        padding: var(--padding-xl);
+        background-color: var(--surface-300);
+
+        & > ul {
+            padding: 0;
+            margin: 0;
+        }
+    }
+
+    & .content {
+        background-color: var(--surface-500);
+        border-top-left-radius: var(--radii-xl);
+
+        & > header {
+            padding-inline-start: var(--padding-l);
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental.tsx b/src/routes/(editor)/experimental.tsx
index a79539a..7d75300 100644
--- a/src/routes/(editor)/experimental.tsx
+++ b/src/routes/(editor)/experimental.tsx
@@ -1,132 +1,35 @@
-import { Component, createEffect, createMemo, createResource, createSignal, For, lazy, onMount, Suspense } from "solid-js";
-import { useFiles } from "~/features/file";
-import { Menu } from "~/features/menu";
-import { createCommand, Modifier } from "~/features/command";
-import { emptyFolder, FolderEntry, Tree, walk } from "~/components/filetree";
-import { createStore, produce } from "solid-js/store";
-import { Tab, Tabs } from "~/components/tabs";
-import "./experimental.css";
-import { selectable, SelectionProvider } from "~/features/selectable";
-
-interface ExperimentalState {
-  files: File[];
-  numberOfFiles: number;
-}
+import { Table } from "~/components/table";
+import css from "./experimental.module.css";
+import { Sidebar } from "~/components/sidebar";
 
 export default function Experimental() {
-  const files = useFiles();
-  const [tree, setTree] = createSignal<FolderEntry>(emptyFolder);
-  const [state, setState] = createStore<ExperimentalState>({
-    files: [],
-    numberOfFiles: 0,
-  });
-  const [showHiddenFiles, setShowHiddenFiles] = createSignal<boolean>(false);
-  const filters = createMemo<RegExp[]>(() => showHiddenFiles() ? [/^node_modules$/] : [/^node_modules$/, /^\..+$/]);
-  const [root, { mutate, refetch }] = createResource(() => files?.get('root'));
+  const rows = [
+    { key: 'key1.a.a', value: 10 },
+    { key: 'key1.a.b', value: 20 },
+    { key: 'key1.a.c', value: 30 },
+    { key: 'key1.b.a', value: 40 },
+    { key: 'key1.b.b', value: 50 },
+    { key: 'key1.b.c', value: 60 },
+    { key: 'key1.c.a', value: 70 },
+    { key: 'key1.c.b', value: 80 },
+    { key: 'key1.c.c', value: 90 },
 
-  createEffect(() => {
-    setState('numberOfFiles', state.files.length);
-  });
+    { key: 'key2.a.a', value: 10 },
+    { key: 'key2.a.b', value: 20 },
+    { key: 'key2.a.c', value: 30 },
+    { key: 'key2.b.a', value: 40 },
+    { key: 'key2.b.b', value: 50 },
+    { key: 'key2.b.c', value: 60 },
+    { key: 'key2.c.a', value: 70 },
+    { key: 'key2.c.b', value: 80 },
+    { key: 'key2.c.c', value: 90 },
+  ];
 
-  // Since the files are stored in indexedDb we need to refetch on the client in order to populate on page load
-  onMount(() => {
-    refetch();
-  });
+  return <div class={css.root}>
+    <Sidebar as="aside" label={'Filters'} class={css.sidebar} />
 
-  createEffect(async () => {
-    const directory = root();
-
-    if (root.state === 'ready' && directory?.kind === 'directory') {
-      const entries = await Array.fromAsync(walk(directory, filters()));
-
-      setTree({ name: '', kind: 'folder', entries });
-    }
-  });
-
-  const open = async (file: File) => {
-    setState('files', produce(files => {
-      files.push(file);
-    }));
-  };
-
-  const commands = {
-    open: createCommand('open', async () => {
-      const [fileHandle] = await window.showOpenFilePicker({
-        types: [
-          {
-            description: "JSON File(s)",
-            accept: {
-              "application/json": [".json", ".jsonp", ".jsonc"],
-            },
-          }
-        ],
-        excludeAcceptAllOption: true,
-        multiple: true,
-      });
-      const file = await fileHandle.getFile();
-      const text = await file.text();
-
-      console.log(fileHandle, file, text);
-    }, { key: 'o', modifier: Modifier.Control }),
-    openFolder: createCommand('openFolder', async () => {
-      const directory = await window.showDirectoryPicker({ mode: 'readwrite' });
-      const entries = await Array.fromAsync(walk(directory, filters()));
-
-      files.set('root', directory);
-      mutate(directory);
-
-      setTree({ name: '', kind: 'folder', entries });
-    }),
-    save: createCommand('save', () => {
-      console.log('save');
-    }, { key: 's', modifier: Modifier.Control }),
-    saveAll: createCommand('save all', () => {
-      console.log('save all');
-    }, { key: 's', modifier: Modifier.Control | Modifier.Shift }),
-  } as const;
-
-  return (
-    <>
-      <Menu.Root>
-        <Menu.Item label="file">
-          <Menu.Item label="open" command={commands.open} />
-
-          <Menu.Item label="open folder" command={commands.openFolder} />
-
-          <Menu.Item label="save" command={commands.save} />
-
-          <Menu.Item label="save all" command={commands.saveAll} />
-        </Menu.Item>
-      </Menu.Root>
-
-      <section class="index">
-        <aside>
-          <label><input type="checkbox" on:input={() => setShowHiddenFiles(v => !v)} />Show hidden files</label>
-          <Tree entries={tree().entries} open={open}>{
-            file => file().name
-          }</Tree>
-        </aside>
-
-        <section>
-          <Tabs>
-            <For each={state.files}>{
-              file => <Tab label={file.name}>
-                <Content file={file} />
-              </Tab>
-            }</For>
-          </Tabs>
-        </section>
-      </section>
-    </>
-  );
-}
-
-const Content: Component<{ file: File }> = (props) => {
-  const [content] = createResource(async () => {
-    return await props.file.text();
-  });
-
-  return <Suspense fallback={'loading'}>
-    <pre>{content()}</pre>
-  </Suspense>
-};
\ No newline at end of file
+    <div class={css.content}>
+      <Table rows={rows} />
+    </div>
+  </div>;
+}
\ No newline at end of file
-- 
2.50.1


From 977670b9e0b705cafa93f37dbaf494dea4ac7f96 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Tue, 10 Dec 2024 15:07:45 +0100
Subject: [PATCH 03/23] made tables more feature complete and started splitting
 of all the data handling to dataset.ts

---
 src/components/table.tsx                    | 114 ------------
 src/components/table/dataset.ts             |  27 +++
 src/components/table/index.tsx              |   5 +
 src/components/{ => table}/table.module.css |  13 +-
 src/components/table/table.tsx              | 193 ++++++++++++++++++++
 src/routes/(editor)/experimental.module.css |   6 +
 src/routes/(editor)/experimental.tsx        |  90 ++++++++-
 7 files changed, 325 insertions(+), 123 deletions(-)
 delete mode 100644 src/components/table.tsx
 create mode 100644 src/components/table/dataset.ts
 create mode 100644 src/components/table/index.tsx
 rename src/components/{ => table}/table.module.css (87%)
 create mode 100644 src/components/table/table.tsx

diff --git a/src/components/table.tsx b/src/components/table.tsx
deleted file mode 100644
index a2a7e9e..0000000
--- a/src/components/table.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import { Component, createMemo, createSignal, For, Match, Show, Switch } from "solid-js";
-import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
-import css from './table.module.css';
-
-selectable
-
-type Row<T> = { kind: 'row', key: string, value: T }
-type Group<T> = { kind: 'group', key: string, nodes: Node<T>[] };
-type Node<T> = Row<T> | Group<T>;
-
-export function Table<T extends Record<string, any>>(props: { class?: string, rows: T[], selectable?: boolean }) {
-    const [selection, setSelection] = createSignal<object[]>([]);
-    const columns = createMemo(() => ['#', ...Object.keys(props.rows.at(0) ?? {})]);
-    const selectable = createMemo(() => props.selectable ?? false);
-
-    return <>
-        <SelectionProvider selection={setSelection} multiSelect>
-            {/* <Api api={props.api} /> */}
-
-            <_Table class={props.class} columns={columns()} rows={props.rows} />
-        </SelectionProvider>
-    </>;
-};
-
-type TableProps<T extends Record<string, any>> = { class?: string, columns: (keyof T)[], rows: T[] };
-
-function _Table<T extends Record<string, any>>(props: TableProps<T>) {
-    const columnCount = createMemo(() => props.columns.length - 1);
-    const nodes = createMemo<Node<T>[]>(() => {
-        const rows = Object.entries(props.rows).map<Row<T>>(([i, row]) => ({ kind: 'row', key: row['key'], value: row }));
-
-        const group = (nodes: Row<T>[]): Node<T>[] => nodes.every(n => n.key.includes('.') === false)
-            ? nodes
-            : Object.entries(Object.groupBy(nodes, r => String(r.key).split('.').at(0)!))
-                .map<Group<T>>(([key, nodes]) => ({ kind: 'group', key, nodes: group(nodes!.map(n => ({ ...n, key: n.key.slice(key.length + 1) }))) }));
-
-        const grouped = group(rows);
-
-        return grouped;
-    });
-
-    return <section class={`${css.table} ${props.class}`} style={{ '--columns': columnCount() }}>
-        <Head headers={props.columns} />
-
-        <main class={css.main}>
-            <For each={nodes()}>{
-                node => <Node node={node} depth={0} />
-            }</For>
-
-        </main>
-    </section>
-};
-
-function Head<T extends Record<string, any>>(props: { headers: (keyof T)[] }) {
-    const context = useSelection();
-
-    return <header class={css.header}>
-        <div class={css.cell}>
-            <input
-                type="checkbox"
-                checked={context.selection().length > 0 && context.selection().length === context.length()}
-                indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
-                on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
-            />
-        </div>
-
-        <For each={props.headers}>{
-            header => <span class={css.cell}>{header.toString()}</span>
-        }</For>
-    </header>;
-};
-
-function Node<T extends Record<string, any>>(props: { node: Node<T>, depth: number }) {
-    return <Switch>
-        <Match when={props.node.kind === 'row' ? props.node : undefined}>{
-            row => <Row key={row().key} value={row().value} depth={props.depth} />
-        }</Match>
-
-        <Match when={props.node.kind === 'group' ? props.node : undefined}>{
-            group => <Group key={group().key} nodes={group().nodes} depth={props.depth} />
-        }</Match>
-    </Switch>;
-}
-
-function Row<T extends Record<string, any>>(props: { key: string, value: T, depth: number }) {
-    const context = useSelection();
-
-    const values = createMemo(() => Object.entries(props.value));
-    const isSelected = context.isSelected(props.key);
-
-    return <div class={css.row} use:selectable={{ value: props.value, key: props.key }}>
-        <div class={css.cell}>
-            <input type="checkbox" checked={isSelected()} on:input={() => context.select([props.key])} on:pointerdown={e => e.stopPropagation()} />
-        </div>
-
-        <div class={css.cell}>
-            <span style={{ '--depth': props.depth }}>{props.key}</span>
-        </div>
-
-        <For each={values()}>{
-            ([k, v]) => <div class={css.cell}>{v}</div>
-        }</For>
-    </div>;
-};
-
-function Group<T extends Record<string, any>>(props: { key: string, nodes: Node<T>[], depth: number }) {
-    return <details open>
-        <summary style={{ '--depth': props.depth }}>{props.key}</summary>
-
-        <For each={props.nodes}>{
-            node => <Node node={node} depth={props.depth + 1} />
-        }</For>
-    </details>;
-};
\ No newline at end of file
diff --git a/src/components/table/dataset.ts b/src/components/table/dataset.ts
new file mode 100644
index 0000000..193d956
--- /dev/null
+++ b/src/components/table/dataset.ts
@@ -0,0 +1,27 @@
+
+
+export type RowNode<T> = { kind: 'row', key: string, value: T }
+export type GroupNode<T> = { kind: 'group', key: string, groupedBy: keyof T, nodes: Node<T>[] };
+export type Node<T> = RowNode<T> | GroupNode<T>;
+
+export type DataSet<T extends Record<string, any>> = Node<T>[];
+
+export const createDataSet = <T extends Record<string, any>>(data: T[]): Node<T>[] => {
+    return Object.entries(data).map<RowNode<T>>(([key, value]) => ({ kind: 'row', key, value }));
+};
+
+type SortingFunction<T> = (a: T, b: T) => -1 | 0 | 1;
+type SortOptions<T extends Record<string, any>> = { by: keyof T, reversed: boolean, with: SortingFunction<T> };
+export const toSorted = <T extends Record<string, any>>(dataSet: DataSet<T>, sort: SortOptions<T>): DataSet<T> => {
+    const sorted = dataSet.toSorted((a, b) => sort.with(a.value[sort.by], b.value[sort.by]));
+
+    if (sort.reversed) {
+        sorted.reverse();
+    }
+
+    return sorted;
+};
+
+type GroupingFunction<T> = (nodes: RowNode<T>[]) => Node<T>[];
+type GroupOptions<T extends Record<string, any>> = { by: keyof T, with: GroupingFunction<T> };
+export const toGrouped = <T extends Record<string, any>>(dataSet: DataSet<T>, group: GroupOptions<T>): DataSet<T> => group.with(dataSet as any);
\ No newline at end of file
diff --git a/src/components/table/index.tsx b/src/components/table/index.tsx
new file mode 100644
index 0000000..7d858b2
--- /dev/null
+++ b/src/components/table/index.tsx
@@ -0,0 +1,5 @@
+
+export type { Column } from './table';
+export type { DataSet, GroupNode, RowNode, Node } from './dataset';
+export { SelectionMode, Table } from './table';
+export { createDataSet, toSorted, toGrouped } from './dataset';
\ No newline at end of file
diff --git a/src/components/table.module.css b/src/components/table/table.module.css
similarity index 87%
rename from src/components/table.module.css
rename to src/components/table/table.module.css
index 97bf858..349dcce 100644
--- a/src/components/table.module.css
+++ b/src/components/table/table.module.css
@@ -1,20 +1,24 @@
 .table {
     position: relative;
     display: grid;
-    grid-template-columns: 2em minmax(10em, max-content) repeat(var(--columns), auto);
+    grid-template-columns: repeat(var(--columns), minmax(0, auto));
     align-content: start;
     padding-inline: 1px;
     margin-inline: -1px;
 
     block-size: 100%;
 
+    &.selectable {
+        grid-template-columns: 2em repeat(calc(var(--columns) - 1), minmax(0, auto));
+    }
+
     & input[type="checkbox"] {
         margin: .1em;
     }
 
     & .cell {
         display: grid;
-        padding: .5em;
+        padding: var(--padding-m);
         border: 1px solid transparent;
         border-radius: var(--radii-m);
 
@@ -89,14 +93,13 @@
         }
 
         & > summary {
-            grid-column: 2 / span calc(1 + var(--columns));
             padding: .5em;
             padding-inline-start: calc(var(--depth) * 1em + .5em);
 
         }
 
-        & > .row > .cell > span {
-            padding-inline-start: calc(var(--depth) * 1em);
+        & > .row > .cell {
+            padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
         }
     }
 }
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
new file mode 100644
index 0000000..12a9f91
--- /dev/null
+++ b/src/components/table/table.tsx
@@ -0,0 +1,193 @@
+import { Accessor, createContext, createEffect, createMemo, createSignal, For, JSX, Match, Show, Switch, useContext } from "solid-js";
+import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
+import { type RowNode, type GroupNode, type Node, createDataSet, toSorted, toGrouped } from './dataset';
+import css from './table.module.css';
+
+selectable
+
+export type Column<T> = {
+    id: keyof T,
+    label: string,
+    readonly groupBy?: (rows: RowNode<T>[]) => Node<T>[],
+};
+
+const TableContext = createContext<{
+    readonly columns: Accessor<Column<any>[]>,
+    readonly selectionMode: Accessor<SelectionMode>,
+    readonly groupBy: Accessor<string | undefined>,
+    readonly sort: Accessor<{ by: string, reversed?: boolean } | undefined>,
+    readonly cellRenderers: Accessor<Record<string, (cell: { value: any }) => JSX.Element>>,
+}>();
+
+const useTable = () => useContext(TableContext)!
+
+function defaultGroupingFunction<T>(groupBy: keyof T) {
+    return (nodes: RowNode<T>[]): Node<T>[] => Object.entries(Object.groupBy<any, RowNode<T>>(nodes, r => r.value[groupBy]))
+        .map<GroupNode<T>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! }));
+}
+
+export enum SelectionMode {
+    None,
+    Single,
+    Multiple
+}
+type TableProps<T extends Record<string, any>> = {
+    class?: string,
+    rows: T[],
+    columns: Column<T>[],
+    groupBy?: keyof T,
+    sort?: {
+        by: keyof T,
+        reversed?: boolean,
+    },
+    selectionMode?: SelectionMode,
+    children?: { [K in keyof T]?: (cell: { value: T[K] }) => JSX.Element },
+};
+
+export function Table<T extends Record<string, any>>(props: TableProps<T>) {
+    const [selection, setSelection] = createSignal<object[]>([]);
+    const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
+    const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
+    const groupBy = createMemo(() => props.groupBy as string | undefined);
+    const sort = createMemo(() => props.sort as any);
+    const cellRenderers = createMemo(() => props.children ?? {});
+
+    return <TableContext.Provider value={{ columns, selectionMode, groupBy, sort, cellRenderers }}>
+        <SelectionProvider selection={setSelection} multiSelect>
+            <InnerTable class={props.class} rows={props.rows} />
+        </SelectionProvider>
+    </TableContext.Provider>;
+};
+
+type InnerTableProps<T extends Record<string, any>> = { class?: string, rows: T[] };
+
+function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
+    const table = useTable();
+
+    const selectable = createMemo(() => table.selectionMode() !== SelectionMode.None);
+    const columnCount = createMemo(() => table.columns().length + (selectable() ? 0 : -1));
+    const nodes = createMemo<Node<T>[]>(() => {
+        const columns = table.columns();
+        const groupBy = table.groupBy();
+        const sort = table.sort();
+
+        let kaas = createDataSet(props.rows);
+
+        if (sort) {
+            kaas = toSorted(kaas, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 })
+        }
+
+        if (groupBy) {
+            kaas = toGrouped(kaas, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) });
+        }
+
+        console.log(kaas);
+
+        const rows = props.rows;
+
+        if (sort) {
+            rows.sort((a, b) => a[sort.by] < b[sort.by] ? -1 : a[sort.by] > b[sort.by] ? 1 : 0);
+
+            if (sort.reversed === true) {
+                rows.reverse();
+            }
+        }
+
+        const nodes = Object.entries(rows).map<RowNode<T>>(([i, row]) => ({ kind: 'row', key: i, value: row }));
+
+        if (groupBy === undefined) {
+            return nodes;
+        }
+
+        const groupingFunction = columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy);
+
+        return groupingFunction(nodes);
+    });
+
+
+
+    return <section class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
+        <Head />
+
+        <main class={css.main}>
+            <For each={nodes()}>{
+                node => <Node node={node} depth={0} />
+            }</For>
+
+        </main>
+    </section>
+};
+
+function Head<T extends Record<string, any>>(props: {}) {
+    const table = useTable();
+    const context = useSelection();
+
+    return <header class={css.header}>
+        <Show when={table.selectionMode() !== SelectionMode.None}>
+            <div class={css.cell}>
+                <input
+                    type="checkbox"
+                    checked={context.selection().length > 0 && context.selection().length === context.length()}
+                    indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
+                    on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
+                />
+            </div>
+        </Show>
+
+        <For each={table.columns()}>{
+            column => <span class={css.cell}>{column.label}</span>
+        }</For>
+    </header>;
+};
+
+function Node<T extends Record<string, any>>(props: { node: Node<T>, depth: number, groupedBy?: keyof T }) {
+    return <Switch>
+        <Match when={props.node.kind === 'row' ? props.node : undefined}>{
+            row => <Row key={row().key} value={row().value} depth={props.depth} groupedBy={props.groupedBy} />
+        }</Match>
+
+        <Match when={props.node.kind === 'group' ? props.node : undefined}>{
+            group => <Group key={group().key} groupedBy={group().groupedBy} nodes={group().nodes} depth={props.depth} />
+        }</Match>
+    </Switch>;
+}
+
+function Row<T extends Record<string, any>>(props: { key: string, value: T, depth: number, groupedBy?: keyof T }) {
+    const table = useTable();
+    const context = useSelection();
+
+    const values = createMemo(() => Object.entries(props.value));
+    const isSelected = context.isSelected(props.key);
+
+    return <div class={css.row} use:selectable={{ value: props.value, key: props.key }}>
+        <Show when={table.selectionMode() !== SelectionMode.None}>
+            <div class={css.cell}>
+                <input type="checkbox" checked={isSelected()} on:input={() => context.select([props.key])} on:pointerdown={e => e.stopPropagation()} />
+            </div>
+        </Show>
+
+        <For each={values()}>{
+            ([k, v]) => <div style={k === props.groupedBy ? { '--depth': props.depth } : {}} class={css.cell}>{table.cellRenderers()[k]?.({ value: v }) ?? v}</div>
+        }</For>
+    </div>;
+};
+
+function Group<T extends Record<string, any>>(props: { key: string, groupedBy: keyof T, nodes: Node<T>[], depth: number }) {
+    const table = useTable();
+
+    const gridColumn = createMemo(() => {
+        const groupedBy = props.groupedBy;
+        const columns = table.columns();
+        const selectable = table.selectionMode() !== SelectionMode.None;
+
+        return columns.findIndex(({ id }) => id === groupedBy) + (selectable ? 2 : 1);
+    });
+
+    return <details open>
+        <summary style={{ '--depth': props.depth, 'grid-column-start': gridColumn() }}>{props.key}</summary>
+
+        <For each={props.nodes}>{
+            node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
+        }</For>
+    </details>;
+};
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental.module.css b/src/routes/(editor)/experimental.module.css
index 5872a3d..004cc10 100644
--- a/src/routes/(editor)/experimental.module.css
+++ b/src/routes/(editor)/experimental.module.css
@@ -13,6 +13,12 @@
             padding: 0;
             margin: 0;
         }
+
+        & fieldset {
+            display: flex;
+            flex-flow: column;
+            gap: var(--padding-m);
+        }
     }
 
     & .content {
diff --git a/src/routes/(editor)/experimental.tsx b/src/routes/(editor)/experimental.tsx
index 7d75300..c94d745 100644
--- a/src/routes/(editor)/experimental.tsx
+++ b/src/routes/(editor)/experimental.tsx
@@ -1,6 +1,8 @@
-import { Table } from "~/components/table";
+import { Column, GroupNode, RowNode, Node, SelectionMode, Table } from "~/components/table";
 import css from "./experimental.module.css";
 import { Sidebar } from "~/components/sidebar";
+import { createStore } from "solid-js/store";
+import { createEffect, For } from "solid-js";
 
 export default function Experimental() {
   const rows = [
@@ -23,13 +25,93 @@ export default function Experimental() {
     { key: 'key2.c.a', value: 70 },
     { key: 'key2.c.b', value: 80 },
     { key: 'key2.c.c', value: 90 },
+
+    { key: 'aaaa', value: 200 },
   ];
 
+  type Entry = typeof rows[0];
+  const columns: Column<Entry>[] = [
+    {
+      id: 'key',
+      label: 'Key',
+      groupBy(rows: RowNode<Entry>[]) {
+        const group = (nodes: (RowNode<Entry> & { _key: string })[]): Node<Entry>[] => nodes.every(n => n._key.includes('.') === false)
+          ? nodes
+          : Object.entries(Object.groupBy(nodes, r => String(r._key).split('.').at(0)!))
+            .map<GroupNode<Entry>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'key', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
+
+        return group(rows.map(row => ({ ...row, _key: row.value.key })));
+      },
+    },
+    {
+      id: 'value',
+      label: 'Value',
+    },
+  ];
+
+  const [store, setStore] = createStore<{ selectionMode: SelectionMode, groupBy?: keyof Entry, sort?: { by: keyof Entry, reversed?: boolean } }>({
+    selectionMode: SelectionMode.None,
+    // groupBy: 'value',
+    // sortBy: 'key'
+  });
+
+  createEffect(() => {
+    console.log({ ...store });
+  });
+
   return <div class={css.root}>
-    <Sidebar as="aside" label={'Filters'} class={css.sidebar} />
+    <Sidebar as="aside" label={'Filters'} class={css.sidebar}>
+      <fieldset>
+        <legend>table properties</legend>
+
+        <label>
+          Selection mode
+
+          <select value={store.selectionMode} oninput={e => setStore('selectionMode', Number.parseInt(e.target.value))}>
+            <option value={SelectionMode.None}>None</option>
+            <option value={SelectionMode.Single}>Single</option>
+            <option value={SelectionMode.Multiple}>Multiple</option>
+          </select>
+        </label>
+
+        <label>
+          Group by
+
+          <select value={store.groupBy ?? ''} oninput={e => setStore('groupBy', (e.target.value || undefined) as any)}>
+            <option value=''>None</option>
+            <For each={columns}>{
+              column => <option value={column.id}>{column.label}</option>
+            }</For>
+          </select>
+        </label>
+      </fieldset>
+
+      <fieldset>
+        <legend>table sorting</legend>
+
+        <label>
+          by
+
+          <select value={store.sort?.by ?? ''} oninput={e => setStore('sort', prev => e.target.value ? { by: e.target.value as keyof Entry, reversed: prev?.reversed } : undefined)}>
+            <option value=''>None</option>
+            <For each={columns}>{
+              column => <option value={column.id}>{column.label}</option>
+            }</For>
+          </select>
+        </label>
+
+        <label>
+          reversed
+
+          <input type="checkbox" checked={store.sort?.reversed ?? false} oninput={e => setStore('sort', prev => prev !== undefined ? { by: prev.by, reversed: e.target.checked || undefined } : undefined)} />
+        </label>
+      </fieldset>
+    </Sidebar>
 
     <div class={css.content}>
-      <Table rows={rows} />
+      <Table rows={rows} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
+        value: (cell) => <input type="number" value={cell.value} />,
+      }}</Table>
     </div>
-  </div>;
+  </div >;
 }
\ No newline at end of file
-- 
2.50.1


From 094d0b6672d9c4b1cc80cab5c2e0c6eb8ff58386 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Tue, 10 Dec 2024 17:01:38 +0000
Subject: [PATCH 04/23] Update gittools/actions action to v3.1.1

---
 .github/workflows/app.yml | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/app.yml b/.github/workflows/app.yml
index 047f085..98d7088 100644
--- a/.github/workflows/app.yml
+++ b/.github/workflows/app.yml
@@ -31,12 +31,12 @@ jobs:
         with:
           fetch-depth: 0
       - name: Install GitVersion
-        uses: gittools/actions/gitversion/setup@v3.0.3
+        uses: gittools/actions/gitversion/setup@v3.1.1
         with:
           versionSpec: "5.x"
       - name: Determine Version
         id: gitversion
-        uses: gittools/actions/gitversion/execute@v3.0.3
+        uses: gittools/actions/gitversion/execute@v3.1.1
         with:
           useConfigFile: true
 
-- 
2.50.1


From de0d2c02022868d5de5c1e3edbbaccee1639fb0e Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 10:05:00 +0100
Subject: [PATCH 05/23] add some bogus data for a more filled out table

---
 src/routes/(editor)/experimental.data.ts | 912 +++++++++++++++++++++++
 src/routes/(editor)/experimental.tsx     |  32 +-
 2 files changed, 916 insertions(+), 28 deletions(-)
 create mode 100644 src/routes/(editor)/experimental.data.ts

diff --git a/src/routes/(editor)/experimental.data.ts b/src/routes/(editor)/experimental.data.ts
new file mode 100644
index 0000000..c5bf9ee
--- /dev/null
+++ b/src/routes/(editor)/experimental.data.ts
@@ -0,0 +1,912 @@
+export type Person = {
+    id: string;
+    name: string;
+    email: string;
+    address: string;
+    currency: string;
+    phone: string;
+    country: string;
+};
+
+export const people: Person[] = [
+    {
+        id: "7E93E245-EE6D-5A81-90A3-1F63E8B31113",
+        name: "Aladdin Richmond",
+        email: "nascetur.ridiculus@yahoo.com",
+        address: "203-9878 Proin St.",
+        currency: "$39.50",
+        phone: "1-516-798-6726",
+        country: "Germany"
+    },
+    {
+        id: "50FA295F-C669-3AE3-392E-87911D9566D8",
+        name: "Kameko Webb",
+        email: "feugiat@hotmail.couk",
+        address: "Ap #791-3349 Mauris St.",
+        currency: "$1.21",
+        phone: "(972) 378-6843",
+        country: "Australia"
+    },
+    {
+        id: "86897ADA-2CF8-62C6-ED8B-8E24932DE6B8",
+        name: "Evan Long",
+        email: "tellus@hotmail.org",
+        address: "548-2713 Nibh Road",
+        currency: "$55.04",
+        phone: "1-743-381-8967",
+        country: "Canada"
+    },
+    {
+        id: "FDBC2C9A-81A5-C3CC-91D3-E936816909D8",
+        name: "Cally Patterson",
+        email: "sapien.gravida.non@google.edu",
+        address: "6474 Id, Rd.",
+        currency: "$0.30",
+        phone: "1-862-278-5241",
+        country: "Ukraine"
+    },
+    {
+        id: "45EFC33E-B344-9C76-F78A-4EA576CD6D18",
+        name: "Felicia Mueller",
+        email: "quisque.tincidunt.pede@protonmail.ca",
+        address: "P.O. Box 949, 7307 Aliquam Ave",
+        currency: "$28.99",
+        phone: "1-888-656-7311",
+        country: "Italy"
+    },
+    {
+        id: "B6ED5A94-6157-FA7F-469E-63C36EB1EC22",
+        name: "Macaulay Chavez",
+        email: "sollicitudin.adipiscing@yahoo.ca",
+        address: "P.O. Box 700, 9974 Enim Av.",
+        currency: "$95.78",
+        phone: "1-264-726-6039",
+        country: "South Korea"
+    },
+    {
+        id: "D80364DF-6859-D9B4-58D7-233762921461",
+        name: "Alika Dyer",
+        email: "natoque@icloud.org",
+        address: "Ap #394-5599 Condimentum. Road",
+        currency: "$67.94",
+        phone: "(146) 668-7705",
+        country: "Norway"
+    },
+    {
+        id: "0E8229F4-B50B-7F0C-3C7D-F8E896D565DC",
+        name: "Azalia Blevins",
+        email: "neque.pellentesque.massa@aol.ca",
+        address: "Ap #664-6708 Morbi Street",
+        currency: "$5.59",
+        phone: "(106) 821-6698",
+        country: "France"
+    },
+    {
+        id: "567BBCF4-EC5E-C0AC-0171-6A68498D3B92",
+        name: "Germane Alston",
+        email: "est.ac@google.net",
+        address: "577-7395 Arcu Avenue",
+        currency: "$79.29",
+        phone: "(467) 344-8586",
+        country: "Singapore"
+    },
+    {
+        id: "DDDDCBB1-CB9F-72C5-474F-679CD38C86F8",
+        name: "Tallulah Owen",
+        email: "nisl.arcu@protonmail.com",
+        address: "3116 Vitae Avenue",
+        currency: "$5.67",
+        phone: "1-605-230-2916",
+        country: "Peru"
+    },
+    {
+        id: "C1B44A11-1834-1C5A-10A9-DC0CDFDD16B0",
+        name: "Amaya Middleton",
+        email: "in@protonmail.couk",
+        address: "9826 Mollis. Street",
+        currency: "$58.29",
+        phone: "(666) 884-1184",
+        country: "Spain"
+    },
+    {
+        id: "A6888F02-1339-9D11-3D37-0D2AF0747075",
+        name: "Ian Fletcher",
+        email: "velit.quisque.varius@hotmail.edu",
+        address: "2660 In Rd.",
+        currency: "$72.36",
+        phone: "(667) 360-6873",
+        country: "India"
+    },
+    {
+        id: "4EB83854-E9CB-E1BD-519D-752D15EBC41C",
+        name: "Hadassah Benton",
+        email: "sagittis@outlook.ca",
+        address: "Ap #543-4861 Integer Rd.",
+        currency: "$45.30",
+        phone: "(724) 824-1341",
+        country: "Singapore"
+    },
+    {
+        id: "93052C01-0D9B-A134-6E95-B1B69EC83CD3",
+        name: "Stephanie Wells",
+        email: "mauris.integer@aol.com",
+        address: "8920 Dictum. Av.",
+        currency: "$86.21",
+        phone: "(883) 909-3324",
+        country: "Philippines"
+    },
+    {
+        id: "3CAE3983-576E-4C74-38FB-B6D7F451994E",
+        name: "Tashya Albert",
+        email: "in@yahoo.couk",
+        address: "520-2552 Sodales Av.",
+        currency: "$9.36",
+        phone: "1-546-322-0227",
+        country: "United States"
+    },
+    {
+        id: "47438DC3-3F85-C579-811F-26AACFA3A53F",
+        name: "Lance Caldwell",
+        email: "vitae.aliquet@protonmail.net",
+        address: "6956 Enim Rd.",
+        currency: "$1.25",
+        phone: "(652) 257-5587",
+        country: "Norway"
+    },
+    {
+        id: "48BBA3D6-D98D-28EA-5B5F-131D9CA48648",
+        name: "Abigail Murphy",
+        email: "proin.vel.nisl@google.net",
+        address: "957-5726 Felis Ave",
+        currency: "$48.30",
+        phone: "(804) 473-5412",
+        country: "Canada"
+    },
+    {
+        id: "599E2BDB-2207-ADE6-835B-61C68EDCF99D",
+        name: "Carson Dennis",
+        email: "aliquet@google.edu",
+        address: "372-7110 Nonummy Street",
+        currency: "$51.26",
+        phone: "1-881-863-8682",
+        country: "Norway"
+    },
+    {
+        id: "1BE3A1CC-1A28-95B2-1244-A6D75962B68C",
+        name: "Colette Peters",
+        email: "facilisis.facilisis@protonmail.com",
+        address: "291-5335 Suspendisse St.",
+        currency: "$85.13",
+        phone: "(373) 952-2326",
+        country: "Brazil"
+    },
+    {
+        id: "4EEE4884-F579-9878-ADD4-EE5185825AE1",
+        name: "Hector Martin",
+        email: "et.malesuada@google.org",
+        address: "P.O. Box 990, 2093 Quis Ave",
+        currency: "$71.70",
+        phone: "(879) 203-0238",
+        country: "Brazil"
+    },
+    {
+        id: "C51BB636-9B83-5A85-2ABA-1B0C27CD850F",
+        name: "Heather Cline",
+        email: "dapibus.quam@outlook.ca",
+        address: "1397 Lacinia. Av.",
+        currency: "$59.53",
+        phone: "1-655-744-2096",
+        country: "Italy"
+    },
+    {
+        id: "3B3A3BE1-9965-A3D2-74BE-87933D2F830A",
+        name: "Nicholas Mccray",
+        email: "consectetuer.cursus@hotmail.edu",
+        address: "Ap #243-4984 Vitae St.",
+        currency: "$99.27",
+        phone: "1-476-397-4156",
+        country: "Canada"
+    },
+    {
+        id: "C3750CA9-AB01-A4C3-74A3-7272C5252F83",
+        name: "Whitney Vang",
+        email: "enim.etiam@aol.couk",
+        address: "P.O. Box 834, 9396 Odio Street",
+        currency: "$24.57",
+        phone: "1-308-724-1444",
+        country: "Germany"
+    },
+    {
+        id: "EBB92007-1878-F358-C880-77C13A392443",
+        name: "Ezra Joyce",
+        email: "montes.nascetur.ridiculus@aol.edu",
+        address: "P.O. Box 615, 1455 Natoque St.",
+        currency: "$98.17",
+        phone: "1-287-541-2616",
+        country: "Australia"
+    },
+    {
+        id: "5EAB2CEA-4B5B-D53A-D65C-1FB7266674ED",
+        name: "Bruce Flores",
+        email: "vel.venenatis@protonmail.com",
+        address: "675-1394 Nunc Street",
+        currency: "$29.46",
+        phone: "1-584-584-0467",
+        country: "Brazil"
+    },
+    {
+        id: "7F2CADB9-5D82-A1C8-7404-B689D4988B92",
+        name: "Scarlet Sloan",
+        email: "massa.mauris.vestibulum@protonmail.net",
+        address: "Ap #539-6639 Non, Av.",
+        currency: "$21.24",
+        phone: "1-571-712-8158",
+        country: "Colombia"
+    },
+    {
+        id: "47FD8B85-FB91-B1A4-4F77-89CC76EB511B",
+        name: "Jana Levine",
+        email: "diam.proin.dolor@icloud.com",
+        address: "516-4289 Fringilla, Avenue",
+        currency: "$90.51",
+        phone: "1-723-413-3072",
+        country: "Spain"
+    },
+    {
+        id: "73454085-A828-4E62-17A2-6CDC81EF7C88",
+        name: "Quinn Eaton",
+        email: "suspendisse.aliquet@hotmail.couk",
+        address: "Ap #670-5636 Tempus Road",
+        currency: "$32.21",
+        phone: "(335) 623-1450",
+        country: "South Africa"
+    },
+    {
+        id: "222A395E-1FFA-A8F2-75AB-6DB2473E226B",
+        name: "Shelby Carter",
+        email: "sem@icloud.com",
+        address: "644-6798 Ultricies Rd.",
+        currency: "$67.00",
+        phone: "1-916-384-3689",
+        country: "Norway"
+    },
+    {
+        id: "191DA217-A9B2-4B0F-7267-0EDB99BB1DE4",
+        name: "Minerva Huff",
+        email: "vestibulum.nec@hotmail.ca",
+        address: "Ap #604-9554 Ac, St.",
+        currency: "$70.01",
+        phone: "(402) 741-9663",
+        country: "Indonesia"
+    },
+    {
+        id: "AE1D16C1-25A7-7EBB-4A5D-E2E44C6675D8",
+        name: "Rana Alvarado",
+        email: "nulla@outlook.couk",
+        address: "Ap #458-608 Aliquam Avenue",
+        currency: "$5.73",
+        phone: "1-724-725-3887",
+        country: "Brazil"
+    },
+    {
+        id: "42088D15-FBAC-D55B-5637-26092571ACA0",
+        name: "Nadine Nieves",
+        email: "luctus@google.edu",
+        address: "Ap #644-2122 Sed Ave",
+        currency: "$69.56",
+        phone: "(275) 674-9316",
+        country: "Ukraine"
+    },
+    {
+        id: "8556BF71-F3D4-CD25-9E46-4188BBB77FE7",
+        name: "Hiram Bauer",
+        email: "nunc.sed.orci@outlook.org",
+        address: "Ap #792-8032 Est Rd.",
+        currency: "$66.52",
+        phone: "(294) 744-1754",
+        country: "Germany"
+    },
+    {
+        id: "EBEDFEDF-C343-CA7B-99DD-08C550E2AC2F",
+        name: "Nash Fletcher",
+        email: "pede.cras@yahoo.edu",
+        address: "582-9734 Et, Ave",
+        currency: "$74.50",
+        phone: "1-654-581-9096",
+        country: "Turkey"
+    },
+    {
+        id: "66945E12-6ABA-435E-DBB2-55072D213951",
+        name: "Ria Valentine",
+        email: "parturient.montes.nascetur@outlook.com",
+        address: "Ap #152-9476 Curabitur Av.",
+        currency: "$35.43",
+        phone: "1-632-584-4728",
+        country: "India"
+    },
+    {
+        id: "3E085CC0-253B-ABE1-1C3C-E7325A77DEC3",
+        name: "Lamar Cline",
+        email: "amet.nulla@hotmail.couk",
+        address: "Ap #381-4841 Dis Rd.",
+        currency: "$69.78",
+        phone: "(561) 267-5896",
+        country: "Chile"
+    },
+    {
+        id: "ED793F77-16A8-11B2-410B-1AFA3943DABB",
+        name: "Adam Glenn",
+        email: "tempus.scelerisque@aol.couk",
+        address: "P.O. Box 132, 8775 Neque. St.",
+        currency: "$85.83",
+        phone: "(143) 918-7499",
+        country: "Nigeria"
+    },
+    {
+        id: "D36366C9-573D-5293-A1CC-93F842AE07D8",
+        name: "Oleg Vargas",
+        email: "tortor.nunc@outlook.com",
+        address: "204-9848 Erat, Street",
+        currency: "$67.26",
+        phone: "1-428-932-9180",
+        country: "Canada"
+    },
+    {
+        id: "B6C8E515-2112-F28E-594D-1B7C0D7B47F1",
+        name: "Melissa York",
+        email: "pede.malesuada.vel@yahoo.ca",
+        address: "146-3278 Lacus, Av.",
+        currency: "$15.71",
+        phone: "(161) 547-1183",
+        country: "Spain"
+    },
+    {
+        id: "C7661679-B0CC-85E7-FAD6-FDCD6BB97E5D",
+        name: "Drake Wolfe",
+        email: "cras.interdum@protonmail.couk",
+        address: "317-4048 Magna. Street",
+        currency: "$69.44",
+        phone: "(253) 698-1881",
+        country: "Vietnam"
+    },
+    {
+        id: "C6D4011F-84C2-6EDA-3D95-9D83CA97C25E",
+        name: "Deacon Ayala",
+        email: "nec.cursus@outlook.couk",
+        address: "410-6611 Nec Road",
+        currency: "$89.08",
+        phone: "(335) 769-5622",
+        country: "Poland"
+    },
+    {
+        id: "48B0C5DE-5E7E-D1A2-1366-2DBE82623331",
+        name: "Martha Rasmussen",
+        email: "sed.sem.egestas@aol.ca",
+        address: "Ap #719-7379 Sem Avenue",
+        currency: "$34.26",
+        phone: "1-432-647-6289",
+        country: "Italy"
+    },
+    {
+        id: "83DEBC19-D86B-7A0B-CBC6-C1AC57A9B4D8",
+        name: "Griffin English",
+        email: "nascetur@hotmail.edu",
+        address: "Ap #410-5614 Enim Rd.",
+        currency: "$61.15",
+        phone: "(745) 862-7525",
+        country: "Germany"
+    },
+    {
+        id: "9FAB9263-858B-3F7D-C34B-D0C955ECE98E",
+        name: "Lael Hall",
+        email: "libero.proin@icloud.org",
+        address: "Ap #387-807 Dui. Rd.",
+        currency: "$51.40",
+        phone: "1-323-462-5570",
+        country: "Peru"
+    },
+    {
+        id: "410DF3DD-2374-4225-3878-5BDD2CD8497E",
+        name: "Dale Watson",
+        email: "ridiculus.mus.proin@google.org",
+        address: "355-5985 Nunc. Avenue",
+        currency: "$81.86",
+        phone: "(826) 263-8128",
+        country: "New Zealand"
+    },
+    {
+        id: "91134C51-B2C7-AA9E-C8BE-7940E8CEF347",
+        name: "Tallulah Maxwell",
+        email: "id.erat@aol.edu",
+        address: "Ap #539-2080 In Rd.",
+        currency: "$57.72",
+        phone: "1-533-213-5545",
+        country: "United Kingdom"
+    },
+    {
+        id: "45823C44-F871-CE46-D919-8794F37F0071",
+        name: "Nevada Stewart",
+        email: "fusce.dolor@outlook.com",
+        address: "P.O. Box 316, 2949 Consequat Road",
+        currency: "$50.13",
+        phone: "(702) 428-5341",
+        country: "Sweden"
+    },
+    {
+        id: "58963DE5-F784-DD1A-132D-F7C483DD56DE",
+        name: "Jennifer Leon",
+        email: "ut.nisi@yahoo.couk",
+        address: "Ap #978-9336 Nunc Av.",
+        currency: "$21.85",
+        phone: "(719) 554-6625",
+        country: "India"
+    },
+    {
+        id: "2D9B4BDE-D17D-17DF-8DDF-61C8CD2283A1",
+        name: "Harlan Ramirez",
+        email: "ac.mattis@icloud.ca",
+        address: "7405 Eget, St.",
+        currency: "$1.95",
+        phone: "(693) 365-2698",
+        country: "Pakistan"
+    },
+    {
+        id: "4E36276F-C276-CEE6-19E9-A921ACDDFADD",
+        name: "Carla Browning",
+        email: "ut.erat@aol.com",
+        address: "Ap #565-6003 Donec Rd.",
+        currency: "$43.23",
+        phone: "(298) 504-0724",
+        country: "Russian Federation"
+    },
+    {
+        id: "A749736E-4CBD-BCD1-AF11-CCA0F63180CA",
+        name: "David Mcclain",
+        email: "ante@icloud.couk",
+        address: "P.O. Box 310, 3364 Justo. Rd.",
+        currency: "$61.66",
+        phone: "(723) 657-8468",
+        country: "France"
+    },
+    {
+        id: "01C396C4-A15E-6794-215D-DA52CDB4E5AA",
+        name: "Camilla Lee",
+        email: "in.lobortis@aol.net",
+        address: "992-836 Ligula Rd.",
+        currency: "$35.30",
+        phone: "(516) 554-6659",
+        country: "China"
+    },
+    {
+        id: "E77218AB-D486-64C1-A4E4-7AA0D98DCE35",
+        name: "Patience Mathis",
+        email: "eleifend.cras.sed@yahoo.net",
+        address: "Ap #369-2958 Amet Av.",
+        currency: "$85.55",
+        phone: "1-523-874-1312",
+        country: "Turkey"
+    },
+    {
+        id: "C32448D3-6F0E-9C12-BAE5-9B7C596E24D0",
+        name: "Celeste Wall",
+        email: "metus.aliquam@outlook.couk",
+        address: "507-285 Enim Rd.",
+        currency: "$83.85",
+        phone: "(467) 528-6086",
+        country: "Poland"
+    },
+    {
+        id: "44EB92FF-0EF2-7B8F-D75F-570A3984D6BC",
+        name: "Sophia Mcpherson",
+        email: "aliquam.adipiscing@icloud.org",
+        address: "7824 At St.",
+        currency: "$50.48",
+        phone: "(358) 574-8679",
+        country: "South Africa"
+    },
+    {
+        id: "7A78595B-C0D2-10AC-6DC4-AE4434749C72",
+        name: "Ivy Snyder",
+        email: "non.luctus.sit@outlook.couk",
+        address: "864-8907 Mi St.",
+        currency: "$74.71",
+        phone: "1-786-486-7004",
+        country: "Norway"
+    },
+    {
+        id: "8AAB498C-D43D-6247-C7E1-48D2050B7E7A",
+        name: "Castor Wyatt",
+        email: "cras.lorem@outlook.net",
+        address: "Ap #319-7577 Non Avenue",
+        currency: "$29.70",
+        phone: "1-852-883-4757",
+        country: "Costa Rica"
+    },
+    {
+        id: "8E249A37-BEDF-9F12-7347-64181E74DDCE",
+        name: "Abdul Ferguson",
+        email: "non.luctus@protonmail.couk",
+        address: "P.O. Box 241, 8266 Nullam Av.",
+        currency: "$91.19",
+        phone: "(487) 915-8836",
+        country: "Ukraine"
+    },
+    {
+        id: "BD1B5AC0-04E7-72A7-E3B6-ACD4B0E245BC",
+        name: "Nola Mccormick",
+        email: "mauris@google.couk",
+        address: "137-819 Odio Av.",
+        currency: "$28.48",
+        phone: "1-321-139-1401",
+        country: "Turkey"
+    },
+    {
+        id: "5FC03423-7AB8-9CD4-D293-BB428EA492B4",
+        name: "Chester Alvarez",
+        email: "dolor@google.net",
+        address: "7516 Sapien. Street",
+        currency: "$66.38",
+        phone: "(265) 314-5742",
+        country: "China"
+    },
+    {
+        id: "997CA808-2B44-6EFB-8B34-E808D7F015E4",
+        name: "Francesca Albert",
+        email: "nullam.feugiat.placerat@hotmail.org",
+        address: "Ap #685-8227 Dui Rd.",
+        currency: "$17.43",
+        phone: "(783) 405-9149",
+        country: "Brazil"
+    },
+    {
+        id: "DB8E94E7-D8B5-441D-F5E2-A3C7E4EC2242",
+        name: "Felix Key",
+        email: "et@yahoo.couk",
+        address: "Ap #884-7678 Pede. Rd.",
+        currency: "$21.65",
+        phone: "(624) 280-8172",
+        country: "Costa Rica"
+    },
+    {
+        id: "BECB4581-D4DC-CB3A-9F57-B4F8E2685D5E",
+        name: "Brett Merritt",
+        email: "et.malesuada@outlook.org",
+        address: "799-9827 Eget Av.",
+        currency: "$70.27",
+        phone: "(737) 937-3228",
+        country: "Canada"
+    },
+    {
+        id: "8E4B65B8-DF13-A727-56CD-A77A90A244D8",
+        name: "Gil Petty",
+        email: "risus.at@outlook.ca",
+        address: "907-9582 Consectetuer Ave",
+        currency: "$2.68",
+        phone: "(165) 557-5518",
+        country: "Singapore"
+    },
+    {
+        id: "CB0BBC36-C3A7-6A31-14E7-DC0160643CBD",
+        name: "Zephania Callahan",
+        email: "viverra.maecenas.iaculis@hotmail.org",
+        address: "P.O. Box 611, 4935 Nec Street",
+        currency: "$36.33",
+        phone: "1-273-539-6366",
+        country: "Russian Federation"
+    },
+    {
+        id: "2B37AE08-69E7-49F1-B332-D5913E889901",
+        name: "Knox Wynn",
+        email: "sollicitudin.adipiscing.ligula@outlook.ca",
+        address: "726-9675 Libero. Road",
+        currency: "$22.38",
+        phone: "(908) 614-6537",
+        country: "Netherlands"
+    },
+    {
+        id: "DC8A4453-862C-DAEB-5B5A-670D3D2B71E2",
+        name: "Quemby Glass",
+        email: "mollis.integer@hotmail.edu",
+        address: "Ap #904-5448 Pellentesque Street",
+        currency: "$15.17",
+        phone: "1-585-578-2949",
+        country: "Peru"
+    },
+    {
+        id: "31694084-A3AE-631B-E518-59E57D87A21B",
+        name: "Xenos Henson",
+        email: "eleifend.vitae@yahoo.couk",
+        address: "119-5443 Fusce Avenue",
+        currency: "$27.14",
+        phone: "(982) 316-5425",
+        country: "Indonesia"
+    },
+    {
+        id: "4EF7ED08-8079-AED6-799B-21643E113739",
+        name: "Boris Moon",
+        email: "sagittis@outlook.com",
+        address: "Ap #308-4697 Mus. St.",
+        currency: "$77.35",
+        phone: "1-175-312-2554",
+        country: "Ireland"
+    },
+    {
+        id: "395F41C5-3EEC-48BE-6E7B-39D4AF93EA25",
+        name: "Driscoll Martinez",
+        email: "aliquam.gravida@hotmail.net",
+        address: "3165 In Rd.",
+        currency: "$59.31",
+        phone: "1-526-571-4474",
+        country: "Germany"
+    },
+    {
+        id: "A3BA8E46-BC26-257C-C65C-7F2A555E229A",
+        name: "Cullen Vang",
+        email: "vestibulum.ut@protonmail.org",
+        address: "147-8366 Purus Road",
+        currency: "$91.46",
+        phone: "1-554-746-5663",
+        country: "South Africa"
+    },
+    {
+        id: "7E493C34-3376-9D34-4991-A388D6C78173",
+        name: "August Payne",
+        email: "placerat.eget.venenatis@yahoo.org",
+        address: "Ap #986-7302 Enim Road",
+        currency: "$82.53",
+        phone: "(758) 727-4871",
+        country: "Spain"
+    },
+    {
+        id: "951EBFF6-DFAE-4787-2533-87EACB888149",
+        name: "Kasper Mcgowan",
+        email: "ligula.nullam.feugiat@protonmail.ca",
+        address: "307-6319 In St.",
+        currency: "$34.64",
+        phone: "(873) 238-3336",
+        country: "Pakistan"
+    },
+    {
+        id: "41566BA0-85BA-1BD9-9D9F-C59B36927799",
+        name: "Cole Wells",
+        email: "lacus.vestibulum@yahoo.edu",
+        address: "741-9677 Maecenas Avenue",
+        currency: "$52.67",
+        phone: "(835) 174-6985",
+        country: "Vietnam"
+    },
+    {
+        id: "50B0CAAA-8084-5E4A-0355-47E222498588",
+        name: "Oscar Hicks",
+        email: "rhoncus.donec.est@hotmail.edu",
+        address: "6575 Vel, Ave",
+        currency: "$78.07",
+        phone: "(440) 215-2323",
+        country: "United Kingdom"
+    },
+    {
+        id: "A94E3BA4-5A35-973E-3E98-627CDCF27D6C",
+        name: "Flynn Moss",
+        email: "libero.est@yahoo.ca",
+        address: "P.O. Box 634, 7418 Enim Ave",
+        currency: "$60.94",
+        phone: "1-888-848-3281",
+        country: "Sweden"
+    },
+    {
+        id: "C68478BE-22E4-B832-C486-C51A497ABBD7",
+        name: "Courtney Crane",
+        email: "fusce.aliquet.magna@aol.couk",
+        address: "8896 Tempus Road",
+        currency: "$69.05",
+        phone: "1-426-784-7273",
+        country: "Australia"
+    },
+    {
+        id: "D8DB4622-C6A9-2FB1-93D8-E2117308E42A",
+        name: "Camilla Carr",
+        email: "nisl.elementum.purus@icloud.net",
+        address: "Ap #818-1429 Tellus Rd.",
+        currency: "$5.90",
+        phone: "(171) 515-2419",
+        country: "Chile"
+    },
+    {
+        id: "99451145-24E3-D782-2EDA-A124314F3061",
+        name: "Maite Roberson",
+        email: "eu@hotmail.net",
+        address: "4400 Aliquet, Avenue",
+        currency: "$81.83",
+        phone: "1-863-927-1813",
+        country: "France"
+    },
+    {
+        id: "C62B5ACA-7521-0918-DD24-64B2AABA1E75",
+        name: "Carissa Robertson",
+        email: "lacus.cras@google.edu",
+        address: "Ap #780-4027 Mattis Av.",
+        currency: "$36.42",
+        phone: "(528) 889-8825",
+        country: "Chile"
+    },
+    {
+        id: "691ACDCE-7733-5E71-C2A7-E1D415290226",
+        name: "Mason Cook",
+        email: "augue.porttitor@icloud.com",
+        address: "4469 Molestie St.",
+        currency: "$61.49",
+        phone: "1-415-113-6364",
+        country: "India"
+    },
+    {
+        id: "4E843992-77C3-2A53-2174-562D7365AC40",
+        name: "Christen Gallegos",
+        email: "sed.tortor.integer@icloud.ca",
+        address: "Ap #124-8627 Litora Rd.",
+        currency: "$83.39",
+        phone: "(329) 802-7735",
+        country: "Canada"
+    },
+    {
+        id: "7419E34B-D769-3D93-C594-1069700ECBEE",
+        name: "Raymond Rivas",
+        email: "condimentum@protonmail.net",
+        address: "Ap #771-8621 Ultrices. St.",
+        currency: "$91.04",
+        phone: "(418) 581-0485",
+        country: "Costa Rica"
+    },
+    {
+        id: "5E612210-D8ED-7F6A-F6A6-F902C59621C6",
+        name: "Jamal Trevino",
+        email: "pulvinar.arcu.et@google.net",
+        address: "367-7229 Sollicitudin Road",
+        currency: "$68.33",
+        phone: "(975) 631-8740",
+        country: "Italy"
+    },
+    {
+        id: "32E1DBE7-DA55-45D3-C6BF-BCDE81318482",
+        name: "Kevin Mills",
+        email: "risus.donec@protonmail.couk",
+        address: "7216 Etiam St.",
+        currency: "$44.60",
+        phone: "1-760-366-1613",
+        country: "Ireland"
+    },
+    {
+        id: "2C40DA8C-C67A-ACC8-BB1E-13CACF5B241A",
+        name: "Vincent Mays",
+        email: "sollicitudin@protonmail.net",
+        address: "Ap #743-5638 Dolor. Ave",
+        currency: "$40.33",
+        phone: "(292) 913-1705",
+        country: "Belgium"
+    },
+    {
+        id: "79DDDC92-C413-E3B9-713F-DBE6CC4E22C1",
+        name: "Jason Briggs",
+        email: "adipiscing.fringilla@outlook.com",
+        address: "P.O. Box 540, 6283 Vivamus Road",
+        currency: "$31.57",
+        phone: "(412) 677-7838",
+        country: "Ireland"
+    },
+    {
+        id: "5362D327-9F33-9465-DB25-5749BB7AA28B",
+        name: "Heather Graham",
+        email: "mauris.sit.amet@yahoo.ca",
+        address: "4115 Purus. Ave",
+        currency: "$2.13",
+        phone: "(426) 284-8161",
+        country: "Ukraine"
+    },
+    {
+        id: "875E833E-EA72-67EE-BE2E-9D6191C985E9",
+        name: "Sade Mcdowell",
+        email: "cras@hotmail.ca",
+        address: "2547 Eu St.",
+        currency: "$83.65",
+        phone: "(551) 907-3525",
+        country: "United States"
+    },
+    {
+        id: "4B9C5FAA-0A47-FE44-B242-A1D5B43D31E6",
+        name: "Simon Alvarez",
+        email: "quis.turpis@yahoo.net",
+        address: "P.O. Box 173, 2312 Lectus. Av.",
+        currency: "$83.26",
+        phone: "1-291-238-9787",
+        country: "Belgium"
+    },
+    {
+        id: "9C3E1E9B-48F2-1EC5-237D-806ADBB3199C",
+        name: "Sawyer Wilkins",
+        email: "volutpat@google.org",
+        address: "4179 Metus St.",
+        currency: "$97.12",
+        phone: "1-783-726-6155",
+        country: "Indonesia"
+    },
+    {
+        id: "E790F9CA-B5D1-3853-D6ED-86D5D0FAAB11",
+        name: "Beverly Mccarthy",
+        email: "cursus.luctus.ipsum@google.edu",
+        address: "Ap #584-8322 Ipsum Avenue",
+        currency: "$46.59",
+        phone: "(319) 278-1819",
+        country: "Ireland"
+    },
+    {
+        id: "7AA9047F-A442-4517-8236-C6954E61384E",
+        name: "Colleen Mcconnell",
+        email: "nonummy.fusce@outlook.couk",
+        address: "851-3527 Purus. Avenue",
+        currency: "$62.37",
+        phone: "1-515-785-6715",
+        country: "United States"
+    },
+    {
+        id: "24F34B47-6CD5-C56B-DD8F-B7F7929EFCB2",
+        name: "Laurel Holden",
+        email: "nonummy.ultricies@icloud.couk",
+        address: "483-446 Purus. Rd.",
+        currency: "$33.65",
+        phone: "(901) 974-1583",
+        country: "Colombia"
+    },
+    {
+        id: "EE624558-D145-5746-B1E5-A32BB85BB937",
+        name: "Deirdre Hooper",
+        email: "integer.tincidunt.aliquam@protonmail.com",
+        address: "Ap #130-8592 Ornare. St.",
+        currency: "$89.93",
+        phone: "1-385-432-3554",
+        country: "Spain"
+    },
+    {
+        id: "6943CA38-76D9-2969-26B3-888EDB31ACA1",
+        name: "Dacey Charles",
+        email: "blandit.viverra.donec@protonmail.org",
+        address: "595-9926 A Rd.",
+        currency: "$72.81",
+        phone: "(816) 671-3696",
+        country: "Philippines"
+    },
+    {
+        id: "1BC6B91E-B082-A9EA-A82D-BE3E7871549B",
+        name: "Mari Cote",
+        email: "dictum@protonmail.org",
+        address: "4262 Sociosqu Avenue",
+        currency: "$95.18",
+        phone: "(357) 638-7278",
+        country: "United States"
+    },
+    {
+        id: "2985D71C-031D-B67A-F4D7-D60241487C95",
+        name: "Otto Ortega",
+        email: "aenean.eget@yahoo.net",
+        address: "930-5830 Pellentesque St.",
+        currency: "$89.39",
+        phone: "(517) 383-2271",
+        country: "China"
+    },
+    {
+        id: "98346A89-D597-A761-EE22-6CD8E4E618B3",
+        name: "Noah Mccoy",
+        email: "volutpat.ornare.facilisis@protonmail.org",
+        address: "668-3532 Egestas. Rd.",
+        currency: "$14.19",
+        phone: "1-626-963-3589",
+        country: "China"
+    },
+    {
+        id: "AB5BF476-B345-492B-C7B7-A73A3181B490",
+        name: "Alyssa Davidson",
+        email: "vitae.nibh.donec@icloud.couk",
+        address: "Ap #874-2115 Enim Av.",
+        currency: "$73.44",
+        phone: "(313) 657-3807",
+        country: "Canada"
+    }
+];
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental.tsx b/src/routes/(editor)/experimental.tsx
index c94d745..dc11067 100644
--- a/src/routes/(editor)/experimental.tsx
+++ b/src/routes/(editor)/experimental.tsx
@@ -3,33 +3,9 @@ import css from "./experimental.module.css";
 import { Sidebar } from "~/components/sidebar";
 import { createStore } from "solid-js/store";
 import { createEffect, For } from "solid-js";
+import { Person, people } from './experimental.data';
 
-export default function Experimental() {
-  const rows = [
-    { key: 'key1.a.a', value: 10 },
-    { key: 'key1.a.b', value: 20 },
-    { key: 'key1.a.c', value: 30 },
-    { key: 'key1.b.a', value: 40 },
-    { key: 'key1.b.b', value: 50 },
-    { key: 'key1.b.c', value: 60 },
-    { key: 'key1.c.a', value: 70 },
-    { key: 'key1.c.b', value: 80 },
-    { key: 'key1.c.c', value: 90 },
-
-    { key: 'key2.a.a', value: 10 },
-    { key: 'key2.a.b', value: 20 },
-    { key: 'key2.a.c', value: 30 },
-    { key: 'key2.b.a', value: 40 },
-    { key: 'key2.b.b', value: 50 },
-    { key: 'key2.b.c', value: 60 },
-    { key: 'key2.c.a', value: 70 },
-    { key: 'key2.c.b', value: 80 },
-    { key: 'key2.c.c', value: 90 },
-
-    { key: 'aaaa', value: 200 },
-  ];
-
-  type Entry = typeof rows[0];
+  const columns: Column<Person>[] = [
   const columns: Column<Entry>[] = [
     {
       id: 'key',
@@ -109,8 +85,8 @@ export default function Experimental() {
     </Sidebar>
 
     <div class={css.content}>
-      <Table rows={rows} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
-        value: (cell) => <input type="number" value={cell.value} />,
+      <Table rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
+        address: (cell) => <input type="text" value={cell.value} />,
       }}</Table>
     </div>
   </div >;
-- 
2.50.1


From f87ea3697f23a2c154c932055ab78826fa71ebdc Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 10:05:43 +0100
Subject: [PATCH 06/23] patch table border radius

---
 src/routes/(editor)/experimental.module.css |  4 ++
 src/routes/(editor)/experimental.tsx        | 42 +++++++++++++++------
 2 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/src/routes/(editor)/experimental.module.css b/src/routes/(editor)/experimental.module.css
index 004cc10..40f3bde 100644
--- a/src/routes/(editor)/experimental.module.css
+++ b/src/routes/(editor)/experimental.module.css
@@ -28,5 +28,9 @@
         & > header {
             padding-inline-start: var(--padding-l);
         }
+
+        & .table {
+            border-radius: inherit;
+        }
     }
 }
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental.tsx b/src/routes/(editor)/experimental.tsx
index dc11067..c454f94 100644
--- a/src/routes/(editor)/experimental.tsx
+++ b/src/routes/(editor)/experimental.tsx
@@ -5,27 +5,47 @@ import { createStore } from "solid-js/store";
 import { createEffect, For } from "solid-js";
 import { Person, people } from './experimental.data';
 
+export default function Experimental() {
   const columns: Column<Person>[] = [
-  const columns: Column<Entry>[] = [
     {
-      id: 'key',
-      label: 'Key',
-      groupBy(rows: RowNode<Entry>[]) {
-        const group = (nodes: (RowNode<Entry> & { _key: string })[]): Node<Entry>[] => nodes.every(n => n._key.includes('.') === false)
+      id: 'id',
+      label: '#',
+      groupBy(rows: RowNode<Person>[]) {
+        const group = (nodes: (RowNode<Person> & { _key: string })[]): Node<Person>[] => nodes.every(n => n._key.includes('.') === false)
           ? nodes
           : Object.entries(Object.groupBy(nodes, r => String(r._key).split('.').at(0)!))
-            .map<GroupNode<Entry>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'key', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
+            .map<GroupNode<Person>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'id', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
 
-        return group(rows.map(row => ({ ...row, _key: row.value.key })));
+        return group(rows.map(row => ({ ...row, _key: row.value.id })));
       },
     },
     {
-      id: 'value',
-      label: 'Value',
+      id: 'name',
+      label: 'Name',
+    },
+    {
+      id: 'email',
+      label: 'Email',
+    },
+    {
+      id: 'address',
+      label: 'Address',
+    },
+    {
+      id: 'currency',
+      label: 'Currency',
+    },
+    {
+      id: 'phone',
+      label: 'Phone',
+    },
+    {
+      id: 'country',
+      label: 'Country',
     },
   ];
 
-  const [store, setStore] = createStore<{ selectionMode: SelectionMode, groupBy?: keyof Entry, sort?: { by: keyof Entry, reversed?: boolean } }>({
+  const [store, setStore] = createStore<{ selectionMode: SelectionMode, groupBy?: keyof Person, sort?: { by: keyof Person, reversed?: boolean } }>({
     selectionMode: SelectionMode.None,
     // groupBy: 'value',
     // sortBy: 'key'
@@ -85,7 +105,7 @@ import { Person, people } from './experimental.data';
     </Sidebar>
 
     <div class={css.content}>
-      <Table rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
+      <Table class={css.table} rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
         address: (cell) => <input type="text" value={cell.value} />,
       }}</Table>
     </div>
-- 
2.50.1


From b80e4ea6f5b76c1bd52cd995bbe2ac1adbeb029a Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 10:06:18 +0100
Subject: [PATCH 07/23] use dataset functions

---
 src/components/table/table.tsx | 30 ++++--------------------------
 1 file changed, 4 insertions(+), 26 deletions(-)

diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 12a9f91..a02dcd2 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -71,41 +71,19 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
         const groupBy = table.groupBy();
         const sort = table.sort();
 
-        let kaas = createDataSet(props.rows);
+        let dataset = createDataSet(props.rows);
 
         if (sort) {
-            kaas = toSorted(kaas, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 })
+            dataset = toSorted(dataset, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 })
         }
 
         if (groupBy) {
-            kaas = toGrouped(kaas, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) });
+            dataset = toGrouped(dataset, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) });
         }
 
-        console.log(kaas);
-
-        const rows = props.rows;
-
-        if (sort) {
-            rows.sort((a, b) => a[sort.by] < b[sort.by] ? -1 : a[sort.by] > b[sort.by] ? 1 : 0);
-
-            if (sort.reversed === true) {
-                rows.reverse();
-            }
-        }
-
-        const nodes = Object.entries(rows).map<RowNode<T>>(([i, row]) => ({ kind: 'row', key: i, value: row }));
-
-        if (groupBy === undefined) {
-            return nodes;
-        }
-
-        const groupingFunction = columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy);
-
-        return groupingFunction(nodes);
+        return dataset;
     });
 
-
-
     return <section class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
         <Head />
 
-- 
2.50.1


From 41bd3463e751748836d4bf4d480f808a001b9543 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 10:07:13 +0100
Subject: [PATCH 08/23] patch styles of marker element of selectable

---
 src/features/selectable/index.module.css | 5 +++++
 src/features/selectable/index.tsx        | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/features/selectable/index.module.css b/src/features/selectable/index.module.css
index 7520d87..b364ed3 100644
--- a/src/features/selectable/index.module.css
+++ b/src/features/selectable/index.module.css
@@ -2,4 +2,9 @@
     &[data-selected="true"] {
         background-color: color(from var(--info) xyz x y z / .2);
     }
+}
+
+.root {
+    display: contents !important;
+    all: inherit;
 }
\ No newline at end of file
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 6c3a81c..4c41be0 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -177,7 +177,7 @@ const Root: ParentComponent = (props) => {
         });
     };
 
-    return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} style={{ 'display': 'contents' }}>{c()}</div>;
+    return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} class={css.root}>{c()}</div>;
 };
 
 export const selectable = (element: HTMLElement, options: Accessor<{ value: object, key?: string }>) => {
-- 
2.50.1


From f21fa5e2248599754d8e7b9b35815182ec01f751 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 10:07:48 +0100
Subject: [PATCH 09/23] fix and expand table styles. man do I ever love scroll
 animations!!!

---
 src/components/table/table.module.css | 121 ++++++++++++++++++++++----
 src/components/table/table.tsx        |  22 ++---
 2 files changed, 109 insertions(+), 34 deletions(-)

diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index 349dcce..68f349d 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -1,26 +1,29 @@
 .table {
+    --shadow: hsla(0 0% 0% / .1) 0 .5em 2em;
+
     position: relative;
-    display: grid;
-    grid-template-columns: repeat(var(--columns), minmax(0, auto));
+    display: block grid;
+    grid-template-columns: repeat(var(--columns), minmax(max-content, auto));
     align-content: start;
     padding-inline: 1px;
     margin-inline: -1px;
+    overflow: auto;
+    background-color: inherit;
+    isolation: isolate;
 
     block-size: 100%;
 
-    &.selectable {
-        grid-template-columns: 2em repeat(calc(var(--columns) - 1), minmax(0, auto));
-    }
-
     & input[type="checkbox"] {
         margin: .1em;
     }
 
     & .cell {
-        display: grid;
+        display: block grid;
         padding: var(--padding-m);
         border: 1px solid transparent;
         border-radius: var(--radii-m);
+        background: inherit;
+        white-space: nowrap;
 
         &:has(textarea:focus) {
             border-color: var(--info);
@@ -29,11 +32,32 @@
         & > span {
             align-self: center;
         }
+
+        &:first-of-type {
+            position: sticky;
+            inset-inline-start: calc(var(--padding-m) * var(--depth));
+            padding-inline-start: calc(var(--padding-m) * (1 + var(--depth)));
+            z-index: 1;
+
+            &::after {
+                content: '';
+                position: absolute;
+                inset-inline-start: 100%;
+                inset-block-start: -2px;
+                display: block;
+                inline-size: 2em;
+                block-size: calc(3px + 100%);
+                background: linear-gradient(90deg, hsla(0 0% 0% / .05), transparent);
+                animation: column-scroll-shadow linear both;
+                animation-timeline: scroll(inline);
+                animation-range: 0 2em;
+            }
+        }
     }
 
     & :is(.header, .main, .footer) {
         grid-column: span calc(2 + var(--columns));
-        display: grid;
+        display: block grid;
         grid-template-columns: subgrid;
     }
 
@@ -41,35 +65,49 @@
         position: sticky;
         inset-block-start: 0;
         border-block-end: 1px solid var(--surface-300);
+        background-color: inherit;
+        z-index: 2;
+        animation: header-scroll-shadow linear both;
+        animation-timeline: scroll();
+        animation-range: 0 2em;
+
+        & > aside {
+            position: sticky;
+            inset-inline-start: 0;
+            background: inherit;
+            padding: var(--padding-m);
+            z-index: 1;
+        }
     }
 
     & .main {
-        overflow: clip auto;
+        background-color: inherit;
     }
 
     & .row {
-        --bg: var(--text);
         --alpha: 0;
         grid-column: span calc(2 + var(--columns));
-        display: grid;
+        display: block grid;
         grid-template-columns: subgrid;
         border: 1px solid transparent;
-        background-color: color(from var(--bg) srgb r g b / var(--alpha));
+        background-color: inherit;
+        background-image: linear-gradient(0deg, oklch(from var(--info) l c h / var(--alpha)), oklch(from var(--info) l c h / var(--alpha)));
 
-        &:has(> .cell > :checked) {
-            --bg: var(--info);
+        &:has(> aside > :checked) {
             --alpha: .1;
-            border-color: var(--bg);
+            border-color: var(--info);
 
             & span {
                 font-variation-settings: 'GRAD' 1000;
             }
 
-            & + :has(> .cell> :checked) {
+            /* Remove the top border when directly preceded by a selected row */
+            & + :has(> aside > :checked) {
                 border-block-start-color: transparent;
             }
 
-            &:has(+ .row > .cell > :checked) {
+            /* Remove the top border when directly succeeded by a selected row */
+            &:has(+ .row > aside > :checked) {
                 border-block-end-color: transparent;
             }
         }
@@ -77,15 +115,25 @@
         &:hover {
             --alpha: .2 !important;
         }
+
+        & > aside {
+            position: sticky;
+            inset-inline-start: 0;
+            background: inherit;
+            padding: var(--padding-m);
+            z-index: 1;
+        }
     }
 
     & details {
         display: contents;
+        background-color: inherit;
 
         &::details-content {
             grid-column: span calc(2 + var(--columns));
-            display: grid;
+            display: block grid;
             grid-template-columns: subgrid;
+            background-color: inherit;
         }
 
         &:not([open])::details-content {
@@ -93,19 +141,54 @@
         }
 
         & > summary {
+            position: sticky;
+            inset-inline-start: 0;
+            grid-column: 1;
             padding: .5em;
             padding-inline-start: calc(var(--depth) * 1em + .5em);
-
         }
 
         & > .row > .cell {
             padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
         }
     }
+
+    &.selectable {
+        grid-template-columns: 2em repeat(calc(var(--columns) - 1), minmax(max-content, auto));
+
+        & .cell:first-of-type {
+            inset-inline-start: calc(2em + var(--padding-m) * var(--depth));
+        }
+
+        & details > summary {
+            inset-inline-start: 2em;
+            grid-column: 2;
+        }
+    }
 }
 
 @property --depth {
     syntax: "<number>";
     inherits: false;
     initial-value: 0;
+}
+
+@keyframes header-scroll-shadow {
+    from {
+        box-shadow: none;
+    }
+
+    to {
+        box-shadow: var(--shadow);
+    }
+}
+
+@keyframes column-scroll-shadow {
+    from {
+        background: linear-gradient(90deg, transparent, transparent);
+    }
+
+    to {
+        background: linear-gradient(90deg, hsla(0 0% 0% / .05), transparent);
+    }
 }
\ No newline at end of file
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index a02dcd2..4053f8e 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -102,14 +102,14 @@ function Head<T extends Record<string, any>>(props: {}) {
 
     return <header class={css.header}>
         <Show when={table.selectionMode() !== SelectionMode.None}>
-            <div class={css.cell}>
+            <aside>
                 <input
                     type="checkbox"
                     checked={context.selection().length > 0 && context.selection().length === context.length()}
                     indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
                     on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
                 />
-            </div>
+            </aside>
         </Show>
 
         <For each={table.columns()}>{
@@ -137,15 +137,15 @@ function Row<T extends Record<string, any>>(props: { key: string, value: T, dept
     const values = createMemo(() => Object.entries(props.value));
     const isSelected = context.isSelected(props.key);
 
-    return <div class={css.row} use:selectable={{ value: props.value, key: props.key }}>
+    return <div class={css.row} style={{ '--depth': props.depth }} use:selectable={{ value: props.value, key: props.key }}>
         <Show when={table.selectionMode() !== SelectionMode.None}>
-            <div class={css.cell}>
+            <aside>
                 <input type="checkbox" checked={isSelected()} on:input={() => context.select([props.key])} on:pointerdown={e => e.stopPropagation()} />
-            </div>
+            </aside>
         </Show>
 
         <For each={values()}>{
-            ([k, v]) => <div style={k === props.groupedBy ? { '--depth': props.depth } : {}} class={css.cell}>{table.cellRenderers()[k]?.({ value: v }) ?? v}</div>
+            ([k, v]) => <div class={css.cell}>{table.cellRenderers()[k]?.({ value: v }) ?? v}</div>
         }</For>
     </div>;
 };
@@ -153,16 +153,8 @@ function Row<T extends Record<string, any>>(props: { key: string, value: T, dept
 function Group<T extends Record<string, any>>(props: { key: string, groupedBy: keyof T, nodes: Node<T>[], depth: number }) {
     const table = useTable();
 
-    const gridColumn = createMemo(() => {
-        const groupedBy = props.groupedBy;
-        const columns = table.columns();
-        const selectable = table.selectionMode() !== SelectionMode.None;
-
-        return columns.findIndex(({ id }) => id === groupedBy) + (selectable ? 2 : 1);
-    });
-
     return <details open>
-        <summary style={{ '--depth': props.depth, 'grid-column-start': gridColumn() }}>{props.key}</summary>
+        <summary style={{ '--depth': props.depth }}>{props.key}</summary>
 
         <For each={props.nodes}>{
             node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
-- 
2.50.1


From de79467db332a02170c9fbda1c7422a5bb9eb160 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 11:11:28 +0100
Subject: [PATCH 10/23] quickly add sorting via clicks on column header

---
 src/components/table/table.module.css | 14 ++++++
 src/components/table/table.tsx        | 62 +++++++++++++++++++++++++--
 src/routes/(editor)/experimental.tsx  |  8 +++-
 3 files changed, 80 insertions(+), 4 deletions(-)

diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index 68f349d..66c46ba 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -78,6 +78,20 @@
             padding: var(--padding-m);
             z-index: 1;
         }
+
+        & > .cell {
+            grid-auto-flow: column;
+            justify-content: space-between;
+
+            & > svg {
+                transition: opacity .15s ease-in-out;
+            }
+
+            &:not(.sorted):not(:hover) > svg {
+                opacity: 0;
+            }
+        }
+
     }
 
     & .main {
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 4053f8e..ab13e30 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -2,12 +2,15 @@ import { Accessor, createContext, createEffect, createMemo, createSignal, For, J
 import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
 import { type RowNode, type GroupNode, type Node, createDataSet, toSorted, toGrouped } from './dataset';
 import css from './table.module.css';
+import { createStore } from "solid-js/store";
+import { FaSolidSort, FaSolidSortDown, FaSolidSortUp } from "solid-icons/fa";
 
 selectable
 
 export type Column<T> = {
     id: keyof T,
     label: string,
+    sortable?: boolean,
     readonly groupBy?: (rows: RowNode<T>[]) => Node<T>[],
 };
 
@@ -17,6 +20,8 @@ const TableContext = createContext<{
     readonly groupBy: Accessor<string | undefined>,
     readonly sort: Accessor<{ by: string, reversed?: boolean } | undefined>,
     readonly cellRenderers: Accessor<Record<string, (cell: { value: any }) => JSX.Element>>,
+
+    setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined): void;
 }>();
 
 const useTable = () => useContext(TableContext)!
@@ -46,13 +51,33 @@ type TableProps<T extends Record<string, any>> = {
 
 export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     const [selection, setSelection] = createSignal<object[]>([]);
+
+    const [state, setState] = createStore({
+        sort: props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined,
+    });
+
+    createEffect(() => {
+        setState('sort', props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined);
+    });
+
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
     const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
     const groupBy = createMemo(() => props.groupBy as string | undefined);
-    const sort = createMemo(() => props.sort as any);
     const cellRenderers = createMemo(() => props.children ?? {});
 
-    return <TableContext.Provider value={{ columns, selectionMode, groupBy, sort, cellRenderers }}>
+    const context = {
+        columns,
+        selectionMode,
+        groupBy,
+        sort: createMemo(() => state.sort),
+        cellRenderers,
+
+        setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined) {
+            setState('sort', setter);
+        },
+    };
+
+    return <TableContext.Provider value={context}>
         <SelectionProvider selection={setSelection} multiSelect>
             <InnerTable class={props.class} rows={props.rows} />
         </SelectionProvider>
@@ -113,7 +138,38 @@ function Head<T extends Record<string, any>>(props: {}) {
         </Show>
 
         <For each={table.columns()}>{
-            column => <span class={css.cell}>{column.label}</span>
+            ({ id, label, sortable }) => {
+                const sort = createMemo(() => table.sort());
+                const by = String(id);
+
+                const onPointerDown = (e: PointerEvent) => {
+                    if (sortable !== true) {
+                        return;
+                    }
+
+                    table.setSort(current => {
+                        if (current?.by !== by) {
+                            return { by, reversed: false };
+                        }
+
+                        if (current.reversed === true) {
+                            return undefined;
+                        }
+
+                        return { by, reversed: true };
+                    });
+                };
+
+                return <span class={`${css.cell} ${sort()?.by === by ? css.sorted : ''}`} onpointerdown={onPointerDown}>
+                    {label}
+
+                    <Switch>
+                        <Match when={sortable && sort()?.by !== by}><FaSolidSort /></Match>
+                        <Match when={sortable && sort()?.by === by && sort()?.reversed !== true}><FaSolidSortUp /></Match>
+                        <Match when={sortable && sort()?.by === by && sort()?.reversed === true}><FaSolidSortDown /></Match>
+                    </Switch>
+                </span>;
+            }
         }</For>
     </header>;
 };
diff --git a/src/routes/(editor)/experimental.tsx b/src/routes/(editor)/experimental.tsx
index c454f94..0291086 100644
--- a/src/routes/(editor)/experimental.tsx
+++ b/src/routes/(editor)/experimental.tsx
@@ -22,26 +22,32 @@ export default function Experimental() {
     {
       id: 'name',
       label: 'Name',
+      sortable: true,
     },
     {
       id: 'email',
       label: 'Email',
+      sortable: true,
     },
     {
       id: 'address',
       label: 'Address',
+      sortable: true,
     },
     {
       id: 'currency',
       label: 'Currency',
+      sortable: true,
     },
     {
       id: 'phone',
       label: 'Phone',
+      sortable: true,
     },
     {
       id: 'country',
       label: 'Country',
+      sortable: true,
     },
   ];
 
@@ -106,7 +112,7 @@ export default function Experimental() {
 
     <div class={css.content}>
       <Table class={css.table} rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
-        address: (cell) => <input type="text" value={cell.value} />,
+        // email: (cell) => <input type="email" value={cell.value} />,
       }}</Table>
     </div>
   </div >;
-- 
2.50.1


From 6d74950495d7ebaa7683f1afe30c91476c3f8161 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 14:51:08 +0100
Subject: [PATCH 11/23] fix table style issues

---
 src/app.css                           | 12 +++--
 src/components/table/table.module.css | 64 +++++++++++++++------------
 src/components/table/table.tsx        |  2 +-
 3 files changed, 46 insertions(+), 32 deletions(-)

diff --git a/src/app.css b/src/app.css
index d8311b9..7a72a54 100644
--- a/src/app.css
+++ b/src/app.css
@@ -22,14 +22,20 @@
   --surface-600: oklch(from var(--surface-500) calc(l + .025) c h);
   --surface-700: oklch(from var(--surface-600) calc(l + .025) c h);
 
-  --text-1: light-dark(oklch(from var(--primary-500) .2 .02 h), oklch(from var(--primary-500) .9 .02 h));
-  --text-2: oklch(from var(--text-1) calc(l + .1) c h);
-
   --info: light-dark(oklch(.71 .17 249), oklch(.71 .17 249));
   --fail: light-dark(oklch(.64 .21 25.3), oklch(.64 .21 25.3));
   --warn: light-dark(oklch(.82 .18 78.9), oklch(.82 .18 78.9));
   --succ: light-dark(oklch(.86 .28 150), oklch(.86 .28 150));
 
+  --text-1: light-dark(oklch(from var(--primary-500) .2 .02 h), oklch(from var(--primary-500) .9 .02 h));
+  --text-2: oklch(from var(--text-1) calc(l + .1) c h);
+
+  --weight-lighter: 100;
+  --weight-light: 300;
+  --weight-normal: 500;
+  --weight-bold: 700;
+  --weight-bolder: 900;
+
   --radii-s: .125em;
   --radii-m: .25em;
   --radii-l: .5em;
diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index 66c46ba..05867b6 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -1,5 +1,6 @@
 .table {
-    --shadow: hsla(0 0% 0% / .1) 0 .5em 2em;
+    --shadow-color: oklch(0 0 0 / .05);
+    --shadow: var(--shadow-color) 0 .5em 2em;
 
     position: relative;
     display: block grid;
@@ -25,18 +26,10 @@
         background: inherit;
         white-space: nowrap;
 
-        &:has(textarea:focus) {
-            border-color: var(--info);
-        }
-
-        & > span {
-            align-self: center;
-        }
-
         &:first-of-type {
             position: sticky;
-            inset-inline-start: calc(var(--padding-m) * var(--depth));
-            padding-inline-start: calc(var(--padding-m) * (1 + var(--depth)));
+            inset-inline-start: 1px;
+            padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
             z-index: 1;
 
             &::after {
@@ -47,29 +40,30 @@
                 display: block;
                 inline-size: 2em;
                 block-size: calc(3px + 100%);
-                background: linear-gradient(90deg, hsla(0 0% 0% / .05), transparent);
                 animation: column-scroll-shadow linear both;
                 animation-timeline: scroll(inline);
                 animation-range: 0 2em;
+                pointer-events: none;
             }
         }
     }
 
     & :is(.header, .main, .footer) {
-        grid-column: span calc(2 + var(--columns));
+        grid-column: 1 / -1;
         display: block grid;
         grid-template-columns: subgrid;
+        background-color: inherit;
     }
 
     & .header {
         position: sticky;
         inset-block-start: 0;
         border-block-end: 1px solid var(--surface-300);
-        background-color: inherit;
         z-index: 2;
         animation: header-scroll-shadow linear both;
         animation-timeline: scroll();
         animation-range: 0 2em;
+        font-weight: var(--weight-bold);
 
         & > aside {
             position: sticky;
@@ -91,7 +85,6 @@
                 opacity: 0;
             }
         }
-
     }
 
     & .main {
@@ -100,13 +93,17 @@
 
     & .row {
         --alpha: 0;
-        grid-column: span calc(2 + var(--columns));
+        grid-column: 1 / -1;
         display: block grid;
         grid-template-columns: subgrid;
         border: 1px solid transparent;
         background-color: inherit;
         background-image: linear-gradient(0deg, oklch(from var(--info) l c h / var(--alpha)), oklch(from var(--info) l c h / var(--alpha)));
 
+        /* & > :is(.cell, aside) {
+            background-image: linear-gradient(0deg, oklch(from var(--info) l c h / var(--alpha)), oklch(from var(--info) l c h / var(--alpha)));
+        } */
+
         &:has(> aside > :checked) {
             --alpha: .1;
             border-color: var(--info);
@@ -132,7 +129,7 @@
 
         & > aside {
             position: sticky;
-            inset-inline-start: 0;
+            inset-inline-start: 1px;
             background: inherit;
             padding: var(--padding-m);
             z-index: 1;
@@ -144,7 +141,7 @@
         background-color: inherit;
 
         &::details-content {
-            grid-column: span calc(2 + var(--columns));
+            grid-column: 1 / -1;
             display: block grid;
             grid-template-columns: subgrid;
             background-color: inherit;
@@ -156,22 +153,33 @@
 
         & > summary {
             position: sticky;
-            inset-inline-start: 0;
+            inset-inline-start: 1px;
             grid-column: 1;
-            padding: .5em;
-            padding-inline-start: calc(var(--depth) * 1em + .5em);
-        }
-
-        & > .row > .cell {
+            padding: var(--padding-m);
             padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
+
+            &::after {
+                content: '';
+                position: absolute;
+                inset-inline-start: calc(100% - 1px);
+                inset-block-start: -.5px;
+                display: block;
+                inline-size: 2em;
+                block-size: 100%;
+                animation: column-scroll-shadow linear both;
+                animation-timeline: scroll(inline);
+                animation-range: 0 2em;
+                pointer-events: none;
+            }
         }
     }
 
     &.selectable {
-        grid-template-columns: 2em repeat(calc(var(--columns) - 1), minmax(max-content, auto));
+        grid-template-columns: 2em repeat(var(--columns), minmax(max-content, auto));
 
         & .cell:first-of-type {
-            inset-inline-start: calc(2em + var(--padding-m) * var(--depth));
+            inset-inline-start: 2em;
+            /* inset-inline-start: calc(2em + var(--padding-m) * var(--depth)); */
         }
 
         & details > summary {
@@ -183,7 +191,7 @@
 
 @property --depth {
     syntax: "<number>";
-    inherits: false;
+    inherits: true;
     initial-value: 0;
 }
 
@@ -203,6 +211,6 @@
     }
 
     to {
-        background: linear-gradient(90deg, hsla(0 0% 0% / .05), transparent);
+        background: linear-gradient(90deg, var(--shadow-color), transparent);
     }
 }
\ No newline at end of file
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index ab13e30..8d52f07 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -90,7 +90,7 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
     const table = useTable();
 
     const selectable = createMemo(() => table.selectionMode() !== SelectionMode.None);
-    const columnCount = createMemo(() => table.columns().length + (selectable() ? 0 : -1));
+    const columnCount = createMemo(() => table.columns().length);
     const nodes = createMemo<Node<T>[]>(() => {
         const columns = table.columns();
         const groupBy = table.groupBy();
-- 
2.50.1


From d219ae1f9a4fd1cfc8fb68190e226662e42cea3f Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 11 Dec 2024 16:24:54 +0100
Subject: [PATCH 12/23] for the most part switched out the grid's internals for
 the new table component

---
 src/components/table/dataset.ts   |  14 +-
 src/components/table/index.tsx    |   2 +-
 src/components/table/table.tsx    |  68 +++++++--
 src/components/tabs.module.css    |  41 +-----
 src/components/tabs.tsx           |   9 +-
 src/features/file/grid.tsx        | 229 +++++++++++-------------------
 src/features/selectable/index.tsx |   2 +-
 src/routes/(editor)/edit.tsx      |   4 +-
 8 files changed, 151 insertions(+), 218 deletions(-)

diff --git a/src/components/table/dataset.ts b/src/components/table/dataset.ts
index 193d956..270bbaf 100644
--- a/src/components/table/dataset.ts
+++ b/src/components/table/dataset.ts
@@ -1,13 +1,13 @@
 
 
-export type RowNode<T> = { kind: 'row', key: string, value: T }
-export type GroupNode<T> = { kind: 'group', key: string, groupedBy: keyof T, nodes: Node<T>[] };
-export type Node<T> = RowNode<T> | GroupNode<T>;
+export type DataSetRowNode<T> = { kind: 'row', key: string, value: T }
+export type DataSetGroupNode<T> = { kind: 'group', key: string, groupedBy: keyof T, nodes: DataSetNode<T>[] };
+export type DataSetNode<T> = DataSetRowNode<T> | DataSetGroupNode<T>;
 
-export type DataSet<T extends Record<string, any>> = Node<T>[];
+export type DataSet<T extends Record<string, any>> = DataSetNode<T>[];
 
-export const createDataSet = <T extends Record<string, any>>(data: T[]): Node<T>[] => {
-    return Object.entries(data).map<RowNode<T>>(([key, value]) => ({ kind: 'row', key, value }));
+export const createDataSet = <T extends Record<string, any>>(data: T[]): DataSetNode<T>[] => {
+    return Object.entries(data).map<DataSetRowNode<T>>(([key, value]) => ({ kind: 'row', key, value }));
 };
 
 type SortingFunction<T> = (a: T, b: T) => -1 | 0 | 1;
@@ -22,6 +22,6 @@ export const toSorted = <T extends Record<string, any>>(dataSet: DataSet<T>, sor
     return sorted;
 };
 
-type GroupingFunction<T> = (nodes: RowNode<T>[]) => Node<T>[];
+type GroupingFunction<T> = (nodes: DataSetRowNode<T>[]) => DataSetNode<T>[];
 type GroupOptions<T extends Record<string, any>> = { by: keyof T, with: GroupingFunction<T> };
 export const toGrouped = <T extends Record<string, any>>(dataSet: DataSet<T>, group: GroupOptions<T>): DataSet<T> => group.with(dataSet as any);
\ No newline at end of file
diff --git a/src/components/table/index.tsx b/src/components/table/index.tsx
index 7d858b2..2e4bba6 100644
--- a/src/components/table/index.tsx
+++ b/src/components/table/index.tsx
@@ -1,5 +1,5 @@
 
 export type { Column } from './table';
-export type { DataSet, GroupNode, RowNode, Node } from './dataset';
+export type { DataSet, DataSetGroupNode, DataSetRowNode, DataSetNode } from './dataset';
 export { SelectionMode, Table } from './table';
 export { createDataSet, toSorted, toGrouped } from './dataset';
\ No newline at end of file
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 8d52f07..6191294 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -1,6 +1,6 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, For, JSX, Match, Show, Switch, useContext } from "solid-js";
 import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
-import { type RowNode, type GroupNode, type Node, createDataSet, toSorted, toGrouped } from './dataset';
+import { DataSetRowNode, DataSetGroupNode, DataSetNode, createDataSet, toSorted, toGrouped } from './dataset';
 import css from './table.module.css';
 import { createStore } from "solid-js/store";
 import { FaSolidSort, FaSolidSortDown, FaSolidSortUp } from "solid-icons/fa";
@@ -11,15 +11,27 @@ export type Column<T> = {
     id: keyof T,
     label: string,
     sortable?: boolean,
-    readonly groupBy?: (rows: RowNode<T>[]) => Node<T>[],
+    readonly groupBy?: (rows: DataSetRowNode<T>[]) => DataSetNode<T>[],
 };
 
+type SelectionItem<T> = { key: string, value: Accessor<T>, element: WeakRef<HTMLElement> };
+
+export interface TableApi<T extends Record<string, any>> {
+    readonly selection: Accessor<SelectionItem<T>[]>;
+    readonly rows: Accessor<T[]>;
+    readonly columns: Accessor<Column<T>[]>;
+    selectAll(): void;
+    clear(): void;
+}
+
 const TableContext = createContext<{
+    readonly rows: Accessor<any[]>,
     readonly columns: Accessor<Column<any>[]>,
+    readonly selection: Accessor<any[]>,
     readonly selectionMode: Accessor<SelectionMode>,
     readonly groupBy: Accessor<string | undefined>,
     readonly sort: Accessor<{ by: string, reversed?: boolean } | undefined>,
-    readonly cellRenderers: Accessor<Record<string, (cell: { value: any }) => JSX.Element>>,
+    readonly cellRenderers: Accessor<Record<string, (cell: { key: string, value: any }) => JSX.Element>>,
 
     setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined): void;
 }>();
@@ -27,8 +39,8 @@ const TableContext = createContext<{
 const useTable = () => useContext(TableContext)!
 
 function defaultGroupingFunction<T>(groupBy: keyof T) {
-    return (nodes: RowNode<T>[]): Node<T>[] => Object.entries(Object.groupBy<any, RowNode<T>>(nodes, r => r.value[groupBy]))
-        .map<GroupNode<T>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! }));
+    return (nodes: DataSetRowNode<T>[]): DataSetNode<T>[] => Object.entries(Object.groupBy<any, DataSetRowNode<T>>(nodes, r => r.value[groupBy]))
+        .map<DataSetGroupNode<T>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! }));
 }
 
 export enum SelectionMode {
@@ -47,11 +59,11 @@ type TableProps<T extends Record<string, any>> = {
     },
     selectionMode?: SelectionMode,
     children?: { [K in keyof T]?: (cell: { value: T[K] }) => JSX.Element },
+    api?: (api: TableApi<T>) => any,
 };
 
 export function Table<T extends Record<string, any>>(props: TableProps<T>) {
-    const [selection, setSelection] = createSignal<object[]>([]);
-
+    const [selection, setSelection] = createSignal<T[]>([]);
     const [state, setState] = createStore({
         sort: props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined,
     });
@@ -60,13 +72,16 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
         setState('sort', props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined);
     });
 
+    const rows = createMemo<T[]>(() => props.rows ?? []);
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
     const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
     const groupBy = createMemo(() => props.groupBy as string | undefined);
     const cellRenderers = createMemo(() => props.children ?? {});
 
     const context = {
+        rows,
         columns,
+        selection,
         selectionMode,
         groupBy,
         sort: createMemo(() => state.sort),
@@ -78,8 +93,10 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     };
 
     return <TableContext.Provider value={context}>
-        <SelectionProvider selection={setSelection} multiSelect>
-            <InnerTable class={props.class} rows={props.rows} />
+        <SelectionProvider selection={setSelection} multiSelect={props.selectionMode === SelectionMode.Multiple}>
+            <Api api={props.api} />
+
+            <InnerTable class={props.class} rows={rows()} />
         </SelectionProvider>
     </TableContext.Provider>;
 };
@@ -91,7 +108,7 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
 
     const selectable = createMemo(() => table.selectionMode() !== SelectionMode.None);
     const columnCount = createMemo(() => table.columns().length);
-    const nodes = createMemo<Node<T>[]>(() => {
+    const nodes = createMemo<DataSetNode<T>[]>(() => {
         const columns = table.columns();
         const groupBy = table.groupBy();
         const sort = table.sort();
@@ -121,6 +138,31 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
     </section>
 };
 
+function Api<T extends Record<string, any>>(props: { api: undefined | ((api: TableApi<T>) => any) }) {
+    const table = useTable();
+    const selectionContext = useSelection<SelectionItem<T>>();
+
+    const api: TableApi<T> = {
+        selection: createMemo(() => {
+            return selectionContext.selection();
+        }),
+        rows: table.rows,
+        columns: table.columns,
+        selectAll() {
+            selectionContext.selectAll();
+        },
+        clear() {
+            selectionContext.clear();
+        },
+    };
+
+    createEffect(() => {
+        props.api?.(api);
+    });
+
+    return null;
+};
+
 function Head<T extends Record<string, any>>(props: {}) {
     const table = useTable();
     const context = useSelection();
@@ -174,7 +216,7 @@ function Head<T extends Record<string, any>>(props: {}) {
     </header>;
 };
 
-function Node<T extends Record<string, any>>(props: { node: Node<T>, depth: number, groupedBy?: keyof T }) {
+function Node<T extends Record<string, any>>(props: { node: DataSetNode<T>, depth: number, groupedBy?: keyof T }) {
     return <Switch>
         <Match when={props.node.kind === 'row' ? props.node : undefined}>{
             row => <Row key={row().key} value={row().value} depth={props.depth} groupedBy={props.groupedBy} />
@@ -201,12 +243,12 @@ function Row<T extends Record<string, any>>(props: { key: string, value: T, dept
         </Show>
 
         <For each={values()}>{
-            ([k, v]) => <div class={css.cell}>{table.cellRenderers()[k]?.({ value: v }) ?? v}</div>
+            ([k, value]) => <div class={css.cell}>{table.cellRenderers()[k]?.({ key: `${props.key}.${k}`, value }) ?? value}</div>
         }</For>
     </div>;
 };
 
-function Group<T extends Record<string, any>>(props: { key: string, groupedBy: keyof T, nodes: Node<T>[], depth: number }) {
+function Group<T extends Record<string, any>>(props: { key: string, groupedBy: keyof T, nodes: DataSetNode<T>[], depth: number }) {
     const table = useTable();
 
     return <details open>
diff --git a/src/components/tabs.module.css b/src/components/tabs.module.css
index 396b463..7c97ab8 100644
--- a/src/components/tabs.module.css
+++ b/src/components/tabs.module.css
@@ -61,44 +61,9 @@
     }
 
     .tab {
-        position: absolute;
-        grid-area: 2 / 1 / span 1 / span 1;
-        inline-size: 100%;
-        block-size: 100%;
-
-        &:not(.active) {
-            display: none;
-        }
-
-        & > summary {
-            grid-row: 1 / 1;
-
-            padding: var(--padding-s) var(--padding-m);
-
-            &::marker {
-                content: none;
-            }
-        }
-
-        &::details-content {
-            grid-area: 2 / 1 / span 1 / span var(--tab-count);
-            display: none;
-            grid: 100% / 100%;
-            inline-size: 100%;
-            block-size: 100%;
-
-            overflow: auto;
-        }
-
-        &[open] {
-            & > summary {
-                background-color: var(--surface-600);
-            }
-
-            &::details-content {
-                display: grid;
-            }
-        }
+        display: contents;
+        background-color: var(--surface-600);
+        color: var(--text-1);
     }
 }
 
diff --git a/src/components/tabs.tsx b/src/components/tabs.tsx
index fe1e09c..3237249 100644
--- a/src/components/tabs.tsx
+++ b/src/components/tabs.tsx
@@ -95,19 +95,12 @@ export const Tab: ParentComponent<{ id: string, label: string, closable?: boolea
     const context = useTabs();
     const resolved = children(() => props.children);
     const isActive = context.isActive(props.id);
-    const [ref, setRef] = createSignal();
-
-    // const isActive = context.register(props.id, props.label, {
-    //     closable: props.closable ?? false,
-    //     ref: ref,
-    // });
 
     return <div
-        ref={setRef()}
         id={props.id}
+        class={css.tab}
         data-tab-label={props.label}
         data-tab-closable={props.closable}
-        style="display: contents;"
     >
         <Show when={isActive()}>
             <Command.Context for={context.onClose() ?? noop} with={[props.id]}>{resolved()}</Command.Context>
diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index d3c381c..a15bac8 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -1,22 +1,16 @@
 import { Accessor, Component, createContext, createEffect, createMemo, createSignal, For, ParentComponent, Show, useContext } from "solid-js";
 import { createStore, produce, unwrap } from "solid-js/store";
-import { SelectionProvider, useSelection, selectable } from "../selectable";
-import { debounce, deepCopy, deepDiff, Mutation } from "~/utilities";
+import { debounce, deepCopy, deepDiff, Mutation, splitAt } from "~/utilities";
+import { DataSetRowNode, DataSetNode, SelectionMode, Table } from "~/components/table";
 import css from './grid.module.css';
 
-selectable // prevents removal of import
-
-interface Leaf extends Record<string, string> { }
-export interface Entry extends Record<string, Entry | Leaf> { }
-
 type Rows = Map<string, Record<string, string>>;
-type SelectionItem = { key: string, value: Accessor<Record<string, string>>, element: WeakRef<HTMLElement> };
 
 export interface GridContextType {
-    readonly rows: Accessor<Record<string, Record<string, string>>>;
+    readonly rows: Accessor<Rows>;
     readonly mutations: Accessor<Mutation[]>;
-    readonly selection: Accessor<SelectionItem[]>;
-    mutate(prop: string, lang: string, value: string): void;
+    // readonly selection: Accessor<SelectionItem[]>;
+    mutate(prop: string, value: string): void;
     remove(props: string[]): void;
     insert(prop: string): void;
     addColumn(name: string): void;
@@ -35,11 +29,10 @@ export interface GridApi {
 
 const GridContext = createContext<GridContextType>();
 
-const isLeaf = (entry: Entry | Leaf): entry is Leaf => Object.values(entry).some(v => typeof v === 'string');
 const useGrid = () => useContext(GridContext)!;
 
 export const Grid: Component<{ class?: string, columns: string[], rows: Rows, api?: (api: GridApi) => any }> = (props) => {
-    const [selection, setSelection] = createSignal<SelectionItem[]>([]);
+    const [table, setTable] = createSignal();
     const [state, setState] = createStore<{ rows: Record<string, Record<string, string>>, columns: string[], snapshot: Rows, numberOfRows: number }>({
         rows: {},
         columns: [],
@@ -53,8 +46,25 @@ export const Grid: Component<{ class?: string, columns: string[], rows: Rows, ap
 
         return deepDiff(state.snapshot, state.rows).toArray();
     });
-    const rows = createMemo(() => Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, unwrap(row)] as const)));
-    const columns = createMemo(() => state.columns);
+
+    type Entry = { key: string, [lang: string]: string };
+
+    const groupBy = (rows: DataSetRowNode<Entry>[]) => {
+        const group = (nodes: DataSetRowNode<Entry>[]): DataSetNode<Entry>[] => Object
+            .entries(Object.groupBy(nodes, r => r.key.split('.').at(0)!) as Record<string, DataSetRowNode<Entry>[]>)
+            .map<DataSetNode<Entry>>(([key, nodes]) => nodes.at(0)?.key === key
+                ? { ...nodes[0], key: nodes[0].value.key, value: { ...nodes[0].value, key: nodes[0].key } }
+                : ({ kind: 'group', key, groupedBy: 'key', nodes: group(nodes.map(n => ({ ...n, key: n.key.slice(key.length + 1) }))) })
+            );
+
+        return group(rows.map(r => ({ ...r, key: r.value.key })));
+    }
+
+    const rows = createMemo(() => Object.entries(state.rows).map(([key, values]) => ({ key, ...values })));
+    const columns = createMemo(() => [
+        { id: 'key', label: 'Key', groupBy },
+        ...state.columns.map(c => ({ id: c, label: c })),
+    ]);
 
     createEffect(() => {
         setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
@@ -72,10 +82,12 @@ export const Grid: Component<{ class?: string, columns: string[], rows: Rows, ap
     const ctx: GridContextType = {
         rows,
         mutations,
-        selection,
+        // selection,
 
-        mutate(prop: string, lang: string, value: string) {
-            setState('rows', prop, lang, value);
+        mutate(prop: string, value: string) {
+            const [key, lang] = splitAt(prop, prop.lastIndexOf('.'));
+
+            setState('rows', key, lang, value);
         },
 
         remove(props: string[]) {
@@ -89,11 +101,7 @@ export const Grid: Component<{ class?: string, columns: string[], rows: Rows, ap
         },
 
         insert(prop: string) {
-            setState('rows', produce(rows => {
-                rows[prop] = Object.fromEntries(state.columns.slice(1).map(lang => [lang, '']));
-
-                return rows
-            }))
+            setState('rows', prop, Object.fromEntries(state.columns.map(lang => [lang, ''])));
         },
 
         addColumn(name: string): void {
@@ -107,145 +115,68 @@ export const Grid: Component<{ class?: string, columns: string[], rows: Rows, ap
     };
 
     return <GridContext.Provider value={ctx}>
-        <SelectionProvider selection={setSelection} multiSelect>
-            <Api api={props.api} />
+        <Api api={props.api} table={table()} />
 
-            <_Grid class={props.class} columns={columns()} rows={rows()} />
-        </SelectionProvider>
+        <Table api={setTable} class={props.class} rows={rows()} columns={columns()} groupBy="key" selectionMode={SelectionMode.Multiple}>{
+            Object.fromEntries(state.columns.map(c => [c, ({ key, value }: any) => {
+                return <TextArea key={key} value={value} oninput={(e) => ctx.mutate(key, e.data ?? '')} />;
+            }]))
+        }</Table>
     </GridContext.Provider>;
 };
 
-const _Grid: Component<{ class?: string, columns: string[], rows: Record<string, Record<string, string>> }> = (props) => {
-    const columnCount = createMemo(() => props.columns.length - 1);
-    const root = createMemo<Entry>(() => Object.entries(props.rows)
-        .reduce((aggregate, [key, value]) => {
-            let obj: any = aggregate;
-            const parts = key.split('.');
-
-            for (const [i, part] of parts.entries()) {
-                if (Object.hasOwn(obj, part) === false) {
-                    obj[part] = {};
-                }
-
-                if (i === (parts.length - 1)) {
-                    obj[part] = value;
-                }
-                else {
-                    obj = obj[part];
-                }
-            }
-
-            return aggregate;
-        }, {}));
-
-    return <section class={`${css.table} ${props.class}`} style={{ '--columns': columnCount() }}>
-        <Head headers={props.columns} />
-
-        <main class={css.main}>
-            <Row entry={root()} />
-        </main>
-    </section>
-};
-
-const Api: Component<{ api: undefined | ((api: GridApi) => any) }> = (props) => {
+const Api: Component<{ api: undefined | ((api: GridApi) => any), table?: any }> = (props) => {
     const gridContext = useGrid();
-    const selectionContext = useSelection<{ key: string, value: Accessor<Record<string, string>>, element: WeakRef<HTMLElement> }>();
 
-    const api: GridApi = {
-        selection: createMemo(() => {
-            const selection = selectionContext.selection();
+    const api = createMemo<GridApi | undefined>(() => {
+        const table = props.table;
 
-            return Object.fromEntries(selection.map(({ key, value }) => [key, value()] as const));
-        }),
-        rows: gridContext.rows,
-        mutations: gridContext.mutations,
-        selectAll() {
-            selectionContext.selectAll();
-        },
-        clear() {
-            selectionContext.clear();
-        },
-        remove(props: string[]) {
-            gridContext.remove(props);
-        },
-        insert(prop: string) {
-            gridContext.insert(prop);
-        },
+        if (!table) {
+            return;
+        }
 
-        addColumn(name: string): void {
-            gridContext.addColumn(name);
-        },
-    };
+        return {
+            selection: createMemo(() => {
+                const selection = props.table?.selection() ?? [];
+
+                return Object.fromEntries(selection.map(({ key, value }) => [key, value()] as const));
+            }),
+            rows: createMemo(() => props.table?.rows ?? []),
+            mutations: gridContext.mutations,
+            selectAll() {
+                props.table.selectAll();
+            },
+            clear() {
+                props.table.clear();
+            },
+            remove(props: string[]) {
+                gridContext.remove(props);
+            },
+            insert(prop: string) {
+                gridContext.insert(prop);
+            },
+
+            addColumn(name: string): void {
+                gridContext.addColumn(name);
+            },
+        };
+    });
 
     createEffect(() => {
-        props.api?.(api);
+        const value = api();
+
+        if (value) {
+            props.api?.(value);
+        }
     });
 
     return null;
 };
 
-const Head: Component<{ headers: string[] }> = (props) => {
-    const context = useSelection();
-
-    return <header class={css.header}>
-        <div class={css.cell}>
-            <input
-                type="checkbox"
-                checked={context.selection().length > 0 && context.selection().length === context.length()}
-                indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
-                on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
-            />
-        </div>
-
-        <For each={props.headers}>{
-            header => <span class={css.cell}>{header}</span>
-        }</For>
-    </header>;
-};
-
-const Row: Component<{ entry: Entry, path?: string[] }> = (props) => {
-    const grid = useGrid();
-
-    return <For each={Object.entries(props.entry)}>{
-        ([key, value]) => {
-            const values = Object.entries(value);
-            const path = [...(props.path ?? []), key];
-            const k = path.join('.');
-            const context = useSelection();
-
-            const isSelected = context.isSelected(k);
-
-            return <Show when={isLeaf(value)} fallback={<Group key={key} entry={value as Entry} path={path} />}>
-                <div class={css.row} use:selectable={{ value, key: k }}>
-                    <div class={css.cell}>
-                        <input type="checkbox" checked={isSelected()} on:input={() => context.select([k])} on:pointerdown={e => e.stopPropagation()} />
-                    </div>
-
-                    <div class={css.cell}>
-                        <span style={{ '--depth': path.length - 1 }}>{key}</span>
-                    </div>
-
-                    <For each={values}>{
-                        ([lang, value]) => <div class={css.cell}>
-                            <TextArea key={k} value={value} lang={lang} oninput={(e) => grid.mutate(k, lang, e.data ?? '')} />
-                        </div>
-                    }</For>
-                </div>
-            </Show>;
-        }
-    }</For>
-};
-
-const Group: Component<{ key: string, entry: Entry, path: string[] }> = (props) => {
-    return <details open>
-        <summary style={{ '--depth': props.path.length - 1 }}>{props.key}</summary>
-
-        <Row entry={props.entry} path={props.path} />
-    </details>;
-};
-
-const TextArea: Component<{ key: string, value: string, lang: string, oninput?: (event: InputEvent) => any }> = (props) => {
+const TextArea: Component<{ key: string, value: string, oninput?: (event: InputEvent) => any }> = (props) => {
     const [element, setElement] = createSignal<HTMLTextAreaElement>();
+    const key = createMemo(() => props.key.slice(0, props.key.lastIndexOf('.')));
+    const lang = createMemo(() => props.key.slice(props.key.lastIndexOf('.') + 1));
 
     const resize = () => {
         const el = element();
@@ -272,9 +203,9 @@ const TextArea: Component<{ key: string, value: string, lang: string, oninput?:
     return <textarea
         ref={setElement}
         value={props.value}
-        lang={props.lang}
-        placeholder={`${props.key} in ${props.lang}`}
-        name={`${props.key}:${props.lang}`}
+        lang={lang()}
+        placeholder={`${key()} in ${lang()}`}
+        name={`${key()}:${lang()}`}
         spellcheck={true}
         wrap="soft"
         onkeyup={onKeyUp}
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 4c41be0..458434b 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -53,7 +53,7 @@ interface State {
     data: { key: string, value: Accessor<any>, element: WeakRef<HTMLElement> }[];
 }
 
-export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler, multiSelect?: true }> = (props) => {
+export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler, multiSelect?: boolean }> = (props) => {
     const [state, setState] = createStore<State>({ selection: [], data: [] });
     const selection = createMemo(() => state.data.filter(({ key }) => state.selection.includes(key)));
     const length = createMemo(() => state.data.length);
diff --git a/src/routes/(editor)/edit.tsx b/src/routes/(editor)/edit.tsx
index 3c4306d..131d0d6 100644
--- a/src/routes/(editor)/edit.tsx
+++ b/src/routes/(editor)/edit.tsx
@@ -105,6 +105,8 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         const files = tab.files();
         const mutations = tab.api()?.mutations() ?? [];
 
+        // console.log(mutations);
+
         return mutations.flatMap(m => {
             switch (m.kind) {
                 case MutarionKind.Update: {
@@ -433,7 +435,7 @@ const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<Gr
                 return aggregate;
             }, new Map<string, Record<string, { id: string, value: string, handle: FileSystemFileHandle }>>());
 
-            setColumns(['key', ...languages]);
+            setColumns(languages.values().toArray());
             setEntries(merged);
             setRows(new Map(merged.entries().map(([key, langs]) => [key, Object.fromEntries(Object.entries(langs).map(([lang, { value }]) => [lang, value]))] as const)));
         })();
-- 
2.50.1


From b23db1d5a88d9236e678851036ddee452f8e04ff Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Thu, 12 Dec 2024 16:40:13 +0100
Subject: [PATCH 13/23] Kaas

---
 src/components/colorschemepicker.module.css   |   1 +
 src/components/grid.module.css                | 128 --------
 src/components/grid.tsx                       | 280 ------------------
 src/components/grid/grid.module.css           |   0
 src/components/grid/grid.tsx                  | 129 ++++++++
 src/components/grid/index.tsx                 |   4 +
 src/components/table/index.tsx                |   2 +-
 src/components/table/table.module.css         | 155 +++++-----
 src/components/table/table.tsx                | 141 +++++----
 src/features/command/index.tsx                |  59 ++--
 src/features/file/grid.module.css             | 128 --------
 src/features/file/grid.tsx                    |   5 +-
 src/features/menu/index.tsx                   |   8 +-
 src/global.d.ts                               |   8 +
 src/routes/(editor)/experimental.tsx          | 127 +-------
 .../{ => experimental}/experimental.data.ts   |   0
 .../grid.module.css}                          |   0
 src/routes/(editor)/experimental/grid.tsx     |  67 +++++
 .../(editor)/experimental/table.module.css    |  36 +++
 src/routes/(editor)/experimental/table.tsx    | 114 +++++++
 src/routes/editor.module.css                  |   5 -
 21 files changed, 579 insertions(+), 818 deletions(-)
 delete mode 100644 src/components/grid.module.css
 delete mode 100644 src/components/grid.tsx
 create mode 100644 src/components/grid/grid.module.css
 create mode 100644 src/components/grid/grid.tsx
 create mode 100644 src/components/grid/index.tsx
 rename src/routes/(editor)/{ => experimental}/experimental.data.ts (100%)
 rename src/routes/(editor)/{experimental.module.css => experimental/grid.module.css} (100%)
 create mode 100644 src/routes/(editor)/experimental/grid.tsx
 create mode 100644 src/routes/(editor)/experimental/table.module.css
 create mode 100644 src/routes/(editor)/experimental/table.tsx

diff --git a/src/components/colorschemepicker.module.css b/src/components/colorschemepicker.module.css
index b586f43..af89340 100644
--- a/src/components/colorschemepicker.module.css
+++ b/src/components/colorschemepicker.module.css
@@ -8,6 +8,7 @@
     padding: var(--padding-s);
 
     & select {
+        flex: 1 1 auto;
         border: none;
         background-color: inherit;
         border-radius: var(--radii-m);
diff --git a/src/components/grid.module.css b/src/components/grid.module.css
deleted file mode 100644
index 05c99e3..0000000
--- a/src/components/grid.module.css
+++ /dev/null
@@ -1,128 +0,0 @@
-.table {
-    position: relative;
-    display: grid;
-    grid-template-columns: 2em minmax(10em, max-content) repeat(var(--columns), auto);
-    align-content: start;
-    padding-inline: 1px;
-    margin-inline: -1px;
-
-    block-size: 100%;
-    overflow: clip auto;
-
-    background-color: var(--surface-600);
-
-    & input[type="checkbox"] {
-        margin: .1em;
-    }
-
-    & textarea {
-        resize: vertical;
-        min-block-size: max(2em, 100%);
-        max-block-size: 50em;
-
-        background-color: var(--surface-600);
-        color: var(--text-1);
-        border-color: var(--text-2);
-        border-radius: var(--radii-s);
-
-        &:has(::spelling-error, ::grammar-error) {
-            border-color: var(--fail);
-        }
-
-        & ::spelling-error {
-            outline: 1px solid var(--fail);
-            text-decoration: yellow underline;
-        }
-    }
-
-    & .cell {
-        display: grid;
-        padding: .5em;
-        border: 1px solid transparent;
-        border-radius: var(--radii-m);
-
-        &:has(textarea:focus) {
-            border-color: var(--info);
-        }
-
-        & > span {
-            align-self: center;
-        }
-    }
-
-    & :is(.header, .main, .footer) {
-        grid-column: span calc(2 + var(--columns));
-        display: grid;
-        grid-template-columns: subgrid;
-    }
-
-    & .header {
-        position: sticky;
-        inset-block-start: 0;
-        background-color: var(--surface-600);
-        border-block-end: 1px solid var(--surface-300);
-    }
-
-    & .row {
-        --bg: var(--text);
-        --alpha: 0;
-        grid-column: span calc(2 + var(--columns));
-        display: grid;
-        grid-template-columns: subgrid;
-        border: 1px solid transparent;
-        background-color: color(from var(--bg) srgb r g b / var(--alpha));
-
-        &:has(> .cell > :checked) {
-            --bg: var(--info);
-            --alpha: .1;
-            border-color: var(--bg);
-
-            & span {
-                font-variation-settings: 'GRAD' 1000;
-            }
-
-            & + :has(> .cell> :checked) {
-                border-block-start-color: transparent;
-            }
-
-            &:has(+ .row > .cell > :checked) {
-                border-block-end-color: transparent;
-            }
-        }
-
-        &:hover {
-            --alpha: .2 !important;
-        }
-    }
-
-    & details {
-        display: contents;
-
-        &::details-content {
-            grid-column: span calc(2 + var(--columns));
-            display: grid;
-            grid-template-columns: subgrid;
-        }
-
-        &:not([open])::details-content {
-            display: none;
-        }
-
-        & > summary {
-            grid-column: 2 / span calc(1 + var(--columns));
-            padding: .5em;
-            padding-inline-start: calc(var(--depth) * 1em + .5em);
-
-        }
-
-        & > .row > .cell > span {
-            padding-inline-start: calc(var(--depth) * 1em);
-        }
-    }
-}
-
-@property --depth {
-    syntax: "<number>";
-    inherits: false;
-    initial-value: 0;
-}
\ No newline at end of file
diff --git a/src/components/grid.tsx b/src/components/grid.tsx
deleted file mode 100644
index c0e0c2a..0000000
--- a/src/components/grid.tsx
+++ /dev/null
@@ -1,280 +0,0 @@
-import { Accessor, Component, createContext, createEffect, createMemo, createSignal, For, ParentComponent, Show, useContext } from "solid-js";
-import { createStore, produce, unwrap } from "solid-js/store";
-import { SelectionProvider, useSelection, selectable } from "../features/selectable";
-import { debounce, deepCopy, deepDiff, Mutation } from "~/utilities";
-import css from './grid.module.css';
-
-selectable // prevents removal of import
-
-type Rows = Map<string, Record<string, string>>;
-type SelectionItem = { key: string, value: Accessor<Record<string, string>>, element: WeakRef<HTMLElement> };
-
-type Insertion = { kind: 'row', key: string } | { kind: 'column', value: string };
-
-export interface GridContextType {
-    readonly rows: Accessor<Record<string, Record<string, string>>>;
-    readonly mutations: Accessor<Mutation[]>;
-    readonly selection: Accessor<SelectionItem[]>;
-    mutate(prop: string, lang: string, value: string): void;
-    remove(props: string[]): void;
-    insert(insertion: Insertion): void;
-}
-
-export interface GridApi {
-    readonly selection: Accessor<Record<string, Record<string, string>>>;
-    readonly rows: Accessor<Record<string, Record<string, string>>>;
-    readonly mutations: Accessor<Mutation[]>;
-    selectAll(): void;
-    clear(): void;
-    remove(keys: string[]): void;
-    insert(insertion: Insertion): void;
-}
-
-const GridContext = createContext<GridContextType>();
-
-const useGrid = () => useContext(GridContext)!;
-
-export const Grid: Component<{ class?: string, columns: string[], rows: Rows, api?: (api: GridApi) => any }> = (props) => {
-    const [selection, setSelection] = createSignal<SelectionItem[]>([]);
-    const [state, setState] = createStore<{ rows: Record<string, Record<string, string>>, columns: string[], snapshot: Rows, numberOfRows: number }>({
-        rows: {},
-        columns: [],
-        snapshot: new Map,
-        numberOfRows: 0,
-    });
-
-    const mutations = createMemo(() => {
-        // enumerate all values to make sure the memo is recalculated on any change
-        Object.values(state.rows).map(entry => Object.values(entry));
-
-        return deepDiff(state.snapshot, state.rows).toArray();
-    });
-    const rows = createMemo(() => Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, unwrap(row)] as const)));
-    const columns = createMemo(() => state.columns);
-
-    createEffect(() => {
-        setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
-        setState('snapshot', props.rows);
-    });
-
-    createEffect(() => {
-        setState('columns', [...props.columns]);
-    });
-
-    createEffect(() => {
-        setState('numberOfRows', Object.keys(state.rows).length);
-    });
-
-    const ctx: GridContextType = {
-        rows,
-        mutations,
-        selection,
-
-        mutate(prop: string, lang: string, value: string) {
-            setState('rows', prop, lang, value);
-        },
-
-        remove(props: string[]) {
-            setState('rows', produce(rows => {
-                for (const prop of props) {
-                    delete rows[prop];
-                }
-
-                return rows;
-            }));
-        },
-
-        insert(prop: string) {
-            setState('rows', produce(rows => {
-                rows[prop] = Object.fromEntries(state.columns.slice(1).map(lang => [lang, '']));
-
-                return rows
-            }))
-        },
-
-        addColumn(name: string): void {
-            setState(produce(state => {
-                state.columns.push(name);
-                state.rows = Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, { ...row, [name]: '' }]));
-
-                return state;
-            }))
-        },
-    };
-
-    return <GridContext.Provider value={ctx}>
-        <SelectionProvider selection={setSelection} multiSelect>
-            <Api api={props.api} />
-
-            <_Grid class={props.class} columns={columns()} rows={rows()} />
-        </SelectionProvider>
-    </GridContext.Provider>;
-};
-
-const _Grid: Component<{ class?: string, columns: string[], rows: Record<string, Record<string, string>> }> = (props) => {
-    const columnCount = createMemo(() => props.columns.length - 1);
-    const root = createMemo<Entry>(() => Object.entries(props.rows)
-        .reduce((aggregate, [key, value]) => {
-            let obj: any = aggregate;
-            const parts = key.split('.');
-
-            for (const [i, part] of parts.entries()) {
-                if (Object.hasOwn(obj, part) === false) {
-                    obj[part] = {};
-                }
-
-                if (i === (parts.length - 1)) {
-                    obj[part] = value;
-                }
-                else {
-                    obj = obj[part];
-                }
-            }
-
-            return aggregate;
-        }, {}));
-
-    return <section class={`${css.table} ${props.class}`} style={{ '--columns': columnCount() }}>
-        <Head headers={props.columns} />
-
-        <main class={css.main}>
-            <Row entry={root()} />
-        </main>
-    </section>
-};
-
-const Api: Component<{ api: undefined | ((api: GridApi) => any) }> = (props) => {
-    const gridContext = useGrid();
-    const selectionContext = useSelection<{ key: string, value: Accessor<Record<string, string>>, element: WeakRef<HTMLElement> }>();
-
-    const api: GridApi = {
-        selection: createMemo(() => {
-            const selection = selectionContext.selection();
-
-            return Object.fromEntries(selection.map(({ key, value }) => [key, value()] as const));
-        }),
-        rows: gridContext.rows,
-        mutations: gridContext.mutations,
-        selectAll() {
-            selectionContext.selectAll();
-        },
-        clear() {
-            selectionContext.clear();
-        },
-        remove(props: string[]) {
-            gridContext.remove(props);
-        },
-        insert(prop: string) {
-            gridContext.insert(prop);
-        },
-
-        addColumn(name: string): void {
-            gridContext.addColumn(name);
-        },
-    };
-
-    createEffect(() => {
-        props.api?.(api);
-    });
-
-    return null;
-};
-
-const Head: Component<{ headers: string[] }> = (props) => {
-    const context = useSelection();
-
-    return <header class={css.header}>
-        <div class={css.cell}>
-            <input
-                type="checkbox"
-                checked={context.selection().length > 0 && context.selection().length === context.length()}
-                indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
-                on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
-            />
-        </div>
-
-        <For each={props.headers}>{
-            header => <span class={css.cell}>{header}</span>
-        }</For>
-    </header>;
-};
-
-const Row: Component<{ entry: Entry, path?: string[] }> = (props) => {
-    const grid = useGrid();
-
-    return <For each={Object.entries(props.entry)}>{
-        ([key, value]) => {
-            const values = Object.entries(value);
-            const path = [...(props.path ?? []), key];
-            const k = path.join('.');
-            const context = useSelection();
-
-            const isSelected = context.isSelected(k);
-
-            return <Show when={isLeaf(value)} fallback={<Group key={key} entry={value as Entry} path={path} />}>
-                <div class={css.row} use:selectable={{ value, key: k }}>
-                    <div class={css.cell}>
-                        <input type="checkbox" checked={isSelected()} on:input={() => context.select([k])} on:pointerdown={e => e.stopPropagation()} />
-                    </div>
-
-                    <div class={css.cell}>
-                        <span style={{ '--depth': path.length - 1 }}>{key}</span>
-                    </div>
-
-                    <For each={values}>{
-                        ([lang, value]) => <div class={css.cell}>
-                            <TextArea key={k} value={value} lang={lang} oninput={(e) => grid.mutate(k, lang, e.data ?? '')} />
-                        </div>
-                    }</For>
-                </div>
-            </Show>;
-        }
-    }</For>
-};
-
-const Group: Component<{ key: string, entry: Entry, path: string[] }> = (props) => {
-    return <details open>
-        <summary style={{ '--depth': props.path.length - 1 }}>{props.key}</summary>
-
-        <Row entry={props.entry} path={props.path} />
-    </details>;
-};
-
-const TextArea: Component<{ key: string, value: string, lang: string, oninput?: (event: InputEvent) => any }> = (props) => {
-    const [element, setElement] = createSignal<HTMLTextAreaElement>();
-
-    const resize = () => {
-        const el = element();
-
-        if (!el) {
-            return;
-        }
-
-        el.style.height = `1px`;
-        el.style.height = `${2 + element()!.scrollHeight}px`;
-    };
-
-    const mutate = debounce(() => {
-        props.oninput?.(new InputEvent('input', {
-            data: element()?.value.trim(),
-        }))
-    }, 300);
-
-    const onKeyUp = (e: KeyboardEvent) => {
-        resize();
-        mutate();
-    };
-
-    return <textarea
-        ref={setElement}
-        value={props.value}
-        lang={props.lang}
-        placeholder={`${props.key} in ${props.lang}`}
-        name={`${props.key}:${props.lang}`}
-        spellcheck={true}
-        wrap="soft"
-        onkeyup={onKeyUp}
-        on:keydown={e => e.stopPropagation()}
-        on:pointerdown={e => e.stopPropagation()}
-    />
-};
\ No newline at end of file
diff --git a/src/components/grid/grid.module.css b/src/components/grid/grid.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx
new file mode 100644
index 0000000..21beb73
--- /dev/null
+++ b/src/components/grid/grid.tsx
@@ -0,0 +1,129 @@
+import { Accessor, createContext, createEffect, createMemo, createSignal, JSX, useContext } from "solid-js";
+import { createStore } from "solid-js/store";
+import { deepCopy, deepDiff, Mutation } from "~/utilities";
+import { SelectionMode, Table, Column as TableColumn, TableApi } from "~/components/table";
+import css from './grid.module.css';
+
+export interface Column<T extends Record<string, any>> extends TableColumn<T> {
+    editor?: (cell: { id: keyof T, value: T[keyof T] }) => JSX.Element;
+}
+
+export interface GridApi<T extends Record<string, any>> extends TableApi<T> {
+    readonly mutations: Accessor<Mutation[]>;
+    remove(keys: string[]): void;
+    insert(prop: string): void;
+    addColumn(name: string): void;
+}
+
+interface GridContextType<T extends Record<string, any>> {
+    readonly rows: Accessor<T[]>;
+    readonly mutations: Accessor<Mutation[]>;
+    // readonly selection: Accessor<SelectionItem[]>;
+    mutate(prop: string, value: string): void;
+    remove(props: string[]): void;
+    insert(prop: string): void;
+    addColumn(name: string): void;
+}
+
+const GridContext = createContext<GridContextType<any>>();
+
+const useGrid = () => useContext(GridContext)!;
+
+type GridProps<T extends Record<string, any>> = { class?: string, groupBy?: keyof T, columns: Column<T>[], rows: T[], api?: (api: GridApi<T>) => any };
+
+export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
+    const [table, setTable] = createSignal<TableApi<T>>();
+    const [state, setState] = createStore<{ rows: T[], columns: Column<T>[], snapshot: T[], numberOfRows: number }>({
+        rows: [],
+        columns: [],
+        snapshot: [],
+        numberOfRows: 0,
+    });
+
+    const mutations = createMemo(() => {
+        // enumerate all values to make sure the memo is recalculated on any change
+        Object.values(state.rows).map(entry => Object.values(entry));
+
+        return deepDiff(state.snapshot, state.rows).toArray();
+    });
+
+    createEffect(() => {
+        setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
+        setState('snapshot', props.rows);
+    });
+
+    createEffect(() => {
+        setState('columns', props.columns);
+    });
+
+    createEffect(() => {
+        setState('numberOfRows', Object.keys(state.rows).length);
+    });
+
+    const rows = createMemo(() => state.rows);
+    const columns = createMemo(() => state.columns);
+
+    const ctx: GridContextType<T> = {
+        rows,
+        mutations,
+        // selection,
+
+        mutate(prop: string, value: string) {
+        },
+
+        remove(props: string[]) {
+        },
+
+        insert(prop: string) {
+        },
+
+        addColumn(id: keyof T): void {
+        },
+    };
+
+    const cellEditors = createMemo(() => Object.fromEntries(state.columns.filter(c => c.editor !== undefined).map(c => [c.id, c.editor!] as const)));
+
+    return <GridContext.Provider value={ctx}>
+        <Api api={props.api} table={table()} />
+
+        <Table api={setTable} class={`${css.grid} ${props.class}`} rows={rows()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
+            cellEditors()
+        }</Table>
+    </GridContext.Provider>;
+};
+
+function Api<T extends Record<string, any>>(props: { api: undefined | ((api: GridApi<T>) => any), table?: TableApi<T> }) {
+    const gridContext = useGrid();
+
+    const api = createMemo<GridApi<T> | undefined>(() => {
+        const table = props.table;
+
+        if (!table) {
+            return;
+        }
+
+        return {
+            ...table,
+            mutations: gridContext.mutations,
+            remove(props: string[]) {
+                gridContext.remove(props);
+            },
+            insert(prop: string) {
+                gridContext.insert(prop);
+            },
+            addColumn(name: string): void {
+                gridContext.addColumn(name);
+            },
+        };
+    });
+
+    createEffect(() => {
+        const value = api();
+
+        if (value) {
+            props.api?.(value);
+        }
+    });
+
+    return null;
+};
\ No newline at end of file
diff --git a/src/components/grid/index.tsx b/src/components/grid/index.tsx
new file mode 100644
index 0000000..bca9921
--- /dev/null
+++ b/src/components/grid/index.tsx
@@ -0,0 +1,4 @@
+
+export type { DataSetRowNode, DataSetGroupNode, DataSetNode, SelectionMode } from '../table';
+export type { GridApi, Column } from './grid';
+export { Grid } from './grid';
\ No newline at end of file
diff --git a/src/components/table/index.tsx b/src/components/table/index.tsx
index 2e4bba6..eaa7d79 100644
--- a/src/components/table/index.tsx
+++ b/src/components/table/index.tsx
@@ -1,5 +1,5 @@
 
-export type { Column } from './table';
+export type { Column, TableApi } from './table';
 export type { DataSet, DataSetGroupNode, DataSetRowNode, DataSetNode } from './dataset';
 export { SelectionMode, Table } from './table';
 export { createDataSet, toSorted, toGrouped } from './dataset';
\ No newline at end of file
diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index 05867b6..0f08e7e 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -1,53 +1,59 @@
 .table {
     --shadow-color: oklch(0 0 0 / .05);
-    --shadow: var(--shadow-color) 0 .5em 2em;
+    --shadow: var(--shadow-color) 0 0 2em;
 
     position: relative;
     display: block grid;
     grid-template-columns: repeat(var(--columns), minmax(max-content, auto));
     align-content: start;
+    block-size: 100%;
     padding-inline: 1px;
     margin-inline: -1px;
     overflow: auto;
     background-color: inherit;
     isolation: isolate;
 
-    block-size: 100%;
-
-    & input[type="checkbox"] {
-        margin: .1em;
-    }
-
     & .cell {
         display: block grid;
+        align-items: center;
         padding: var(--padding-m);
         border: 1px solid transparent;
         border-radius: var(--radii-m);
         background: inherit;
         white-space: nowrap;
+    }
 
-        &:first-of-type {
-            position: sticky;
-            inset-inline-start: 1px;
-            padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
-            z-index: 1;
+    & :is(.cell:first-child, .checkbox + .cell) {
+        position: sticky;
+        inset-inline-start: 1px;
+        padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
+        z-index: 1;
 
-            &::after {
-                content: '';
-                position: absolute;
-                inset-inline-start: 100%;
-                inset-block-start: -2px;
-                display: block;
-                inline-size: 2em;
-                block-size: calc(3px + 100%);
-                animation: column-scroll-shadow linear both;
-                animation-timeline: scroll(inline);
-                animation-range: 0 2em;
-                pointer-events: none;
-            }
+        &::after {
+            content: '';
+            position: absolute;
+            inset-inline-start: 100%;
+            inset-block-start: -2px;
+            display: block;
+            inline-size: 2em;
+            block-size: calc(3px + 100%);
+            animation: column-scroll-shadow linear both;
+            animation-timeline: scroll(inline);
+            animation-range: 0 2em;
+            pointer-events: none;
         }
     }
 
+    & .checkbox {
+        display: grid;
+        place-items: center;
+        position: sticky;
+        inset-inline-start: 1px;
+        background: inherit;
+        padding: var(--padding-m);
+        z-index: 1;
+    }
+
     & :is(.header, .main, .footer) {
         grid-column: 1 / -1;
         display: block grid;
@@ -55,42 +61,6 @@
         background-color: inherit;
     }
 
-    & .header {
-        position: sticky;
-        inset-block-start: 0;
-        border-block-end: 1px solid var(--surface-300);
-        z-index: 2;
-        animation: header-scroll-shadow linear both;
-        animation-timeline: scroll();
-        animation-range: 0 2em;
-        font-weight: var(--weight-bold);
-
-        & > aside {
-            position: sticky;
-            inset-inline-start: 0;
-            background: inherit;
-            padding: var(--padding-m);
-            z-index: 1;
-        }
-
-        & > .cell {
-            grid-auto-flow: column;
-            justify-content: space-between;
-
-            & > svg {
-                transition: opacity .15s ease-in-out;
-            }
-
-            &:not(.sorted):not(:hover) > svg {
-                opacity: 0;
-            }
-        }
-    }
-
-    & .main {
-        background-color: inherit;
-    }
-
     & .row {
         --alpha: 0;
         grid-column: 1 / -1;
@@ -100,11 +70,7 @@
         background-color: inherit;
         background-image: linear-gradient(0deg, oklch(from var(--info) l c h / var(--alpha)), oklch(from var(--info) l c h / var(--alpha)));
 
-        /* & > :is(.cell, aside) {
-            background-image: linear-gradient(0deg, oklch(from var(--info) l c h / var(--alpha)), oklch(from var(--info) l c h / var(--alpha)));
-        } */
-
-        &:has(> aside > :checked) {
+        &:has(> .checkbox > :checked) {
             --alpha: .1;
             border-color: var(--info);
 
@@ -112,13 +78,11 @@
                 font-variation-settings: 'GRAD' 1000;
             }
 
-            /* Remove the top border when directly preceded by a selected row */
-            & + :has(> aside > :checked) {
+            & + :has(> .checkbox > :checked) {
                 border-block-start-color: transparent;
             }
 
-            /* Remove the top border when directly succeeded by a selected row */
-            &:has(+ .row > aside > :checked) {
+            &:has(+ .row > .checkbox > :checked) {
                 border-block-end-color: transparent;
             }
         }
@@ -126,16 +90,52 @@
         &:hover {
             --alpha: .2 !important;
         }
+    }
 
-        & > aside {
-            position: sticky;
-            inset-inline-start: 1px;
-            background: inherit;
-            padding: var(--padding-m);
-            z-index: 1;
+    & .header {
+        position: sticky;
+        inset-block-start: 0;
+        border-block-end: 1px solid var(--surface-300);
+        z-index: 2;
+        animation: header-scroll-shadow linear both;
+        animation-timeline: scroll();
+        animation-range: 0 2em;
+        font-weight: var(--weight-bold);
+
+        & > tr {
+            all: inherit;
+            display: contents;
+
+            & > .cell {
+                grid-auto-flow: column;
+                justify-content: space-between;
+
+                & > svg {
+                    transition: opacity .15s ease-in-out;
+                }
+
+                &:not(.sorted):not(:hover) > svg {
+                    opacity: 0;
+                }
+            }
         }
     }
 
+    & .main {
+        background-color: inherit;
+    }
+
+    & .footer {
+        position: sticky;
+        inset-block-end: 0;
+        border-block-start: 1px solid var(--surface-300);
+        z-index: 2;
+        animation: header-scroll-shadow linear both reverse;
+        animation-timeline: scroll();
+        animation-range: calc(100% - 2em) 100%;
+        font-weight: var(--weight-bold);
+    }
+
     & details {
         display: contents;
         background-color: inherit;
@@ -177,9 +177,8 @@
     &.selectable {
         grid-template-columns: 2em repeat(var(--columns), minmax(max-content, auto));
 
-        & .cell:first-of-type {
+        & :is(.cell:first-child, .checkbox + .cell) {
             inset-inline-start: 2em;
-            /* inset-inline-start: calc(2em + var(--padding-m) * var(--depth)); */
         }
 
         & details > summary {
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 6191294..76ee0bb 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -1,9 +1,9 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, For, JSX, Match, Show, Switch, useContext } from "solid-js";
 import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
 import { DataSetRowNode, DataSetGroupNode, DataSetNode, createDataSet, toSorted, toGrouped } from './dataset';
-import css from './table.module.css';
 import { createStore } from "solid-js/store";
 import { FaSolidSort, FaSolidSortDown, FaSolidSortUp } from "solid-icons/fa";
+import css from './table.module.css';
 
 selectable
 
@@ -11,10 +11,12 @@ export type Column<T> = {
     id: keyof T,
     label: string,
     sortable?: boolean,
+    group?: string,
     readonly groupBy?: (rows: DataSetRowNode<T>[]) => DataSetNode<T>[],
 };
 
 type SelectionItem<T> = { key: string, value: Accessor<T>, element: WeakRef<HTMLElement> };
+export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: (cell: { value: T[K] }) => JSX.Element };
 
 export interface TableApi<T extends Record<string, any>> {
     readonly selection: Accessor<SelectionItem<T>[]>;
@@ -31,7 +33,7 @@ const TableContext = createContext<{
     readonly selectionMode: Accessor<SelectionMode>,
     readonly groupBy: Accessor<string | undefined>,
     readonly sort: Accessor<{ by: string, reversed?: boolean } | undefined>,
-    readonly cellRenderers: Accessor<Record<string, (cell: { key: string, value: any }) => JSX.Element>>,
+    readonly cellRenderers: Accessor<CellEditors<any>>,
 
     setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined): void;
 }>();
@@ -50,6 +52,7 @@ export enum SelectionMode {
 }
 type TableProps<T extends Record<string, any>> = {
     class?: string,
+    summary?: string,
     rows: T[],
     columns: Column<T>[],
     groupBy?: keyof T,
@@ -58,7 +61,7 @@ type TableProps<T extends Record<string, any>> = {
         reversed?: boolean,
     },
     selectionMode?: SelectionMode,
-    children?: { [K in keyof T]?: (cell: { value: T[K] }) => JSX.Element },
+    children?: CellEditors<T>,
     api?: (api: TableApi<T>) => any,
 };
 
@@ -76,7 +79,7 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
     const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
     const groupBy = createMemo(() => props.groupBy as string | undefined);
-    const cellRenderers = createMemo(() => props.children ?? {});
+    const cellRenderers = createMemo<CellEditors<T>>(() => props.children ?? {});
 
     const context = {
         rows,
@@ -96,12 +99,12 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
         <SelectionProvider selection={setSelection} multiSelect={props.selectionMode === SelectionMode.Multiple}>
             <Api api={props.api} />
 
-            <InnerTable class={props.class} rows={rows()} />
+            <InnerTable class={props.class} summary={props.summary} rows={rows()} />
         </SelectionProvider>
     </TableContext.Provider>;
 };
 
-type InnerTableProps<T extends Record<string, any>> = { class?: string, rows: T[] };
+type InnerTableProps<T extends Record<string, any>> = { class?: string, summary?: string, rows: T[] };
 
 function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
     const table = useTable();
@@ -126,16 +129,28 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
         return dataset;
     });
 
-    return <section class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
+    return <table class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
+        <Show when={props.summary}>{
+            summary => <caption>{summary()}</caption>
+        }</Show>
+
+        <Groups />
         <Head />
 
-        <main class={css.main}>
+        <tbody class={css.main}>
             <For each={nodes()}>{
                 node => <Node node={node} depth={0} />
             }</For>
+        </tbody>
 
-        </main>
-    </section>
+        {/* <Show when={true}>
+            <tfoot class={css.footer}>
+                <tr>
+                    <td colSpan={columnCount()}>FOOTER</td>
+                </tr>
+            </tfoot>
+        </Show> */}
+    </table>
 };
 
 function Api<T extends Record<string, any>>(props: { api: undefined | ((api: TableApi<T>) => any) }) {
@@ -163,57 +178,71 @@ function Api<T extends Record<string, any>>(props: { api: undefined | ((api: Tab
     return null;
 };
 
-function Head<T extends Record<string, any>>(props: {}) {
+function Groups(props: {}) {
+    const table = useTable();
+
+    const groups = createMemo(() => {
+        return new Set(table.columns().map(c => c.group).filter(g => g !== undefined)).values().toArray();
+    });
+
+    return <For each={groups()}>{
+        group => <colgroup span="1" data-group-name={group} />
+    }</For>
+}
+
+function Head(props: {}) {
     const table = useTable();
     const context = useSelection();
 
-    return <header class={css.header}>
-        <Show when={table.selectionMode() !== SelectionMode.None}>
-            <aside>
-                <input
-                    type="checkbox"
-                    checked={context.selection().length > 0 && context.selection().length === context.length()}
-                    indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
-                    on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
-                />
-            </aside>
-        </Show>
+    return <thead class={css.header}>
+        <tr>
+            <Show when={table.selectionMode() !== SelectionMode.None}>
+                <th class={css.checkbox}>
+                    <input
+                        type="checkbox"
+                        checked={context.selection().length > 0 && context.selection().length === context.length()}
+                        indeterminate={context.selection().length !== 0 && context.selection().length !== context.length()}
+                        on:input={(e: InputEvent) => e.target.checked ? context.selectAll() : context.clear()}
+                    />
+                </th>
+            </Show>
 
-        <For each={table.columns()}>{
-            ({ id, label, sortable }) => {
-                const sort = createMemo(() => table.sort());
-                const by = String(id);
+            <For each={table.columns()}>{
+                ({ id, label, sortable }) => {
+                    const sort = createMemo(() => table.sort());
+                    const by = String(id);
 
-                const onPointerDown = (e: PointerEvent) => {
-                    if (sortable !== true) {
-                        return;
-                    }
-
-                    table.setSort(current => {
-                        if (current?.by !== by) {
-                            return { by, reversed: false };
+                    const onPointerDown = (e: PointerEvent) => {
+                        if (sortable !== true) {
+                            return;
                         }
 
-                        if (current.reversed === true) {
-                            return undefined;
-                        }
+                        table.setSort(current => {
+                            if (current?.by !== by) {
+                                return { by, reversed: false };
+                            }
 
-                        return { by, reversed: true };
-                    });
-                };
+                            if (current.reversed === true) {
+                                return undefined;
+                            }
 
-                return <span class={`${css.cell} ${sort()?.by === by ? css.sorted : ''}`} onpointerdown={onPointerDown}>
-                    {label}
+                            return { by, reversed: true };
+                        });
+                    };
 
-                    <Switch>
-                        <Match when={sortable && sort()?.by !== by}><FaSolidSort /></Match>
-                        <Match when={sortable && sort()?.by === by && sort()?.reversed !== true}><FaSolidSortUp /></Match>
-                        <Match when={sortable && sort()?.by === by && sort()?.reversed === true}><FaSolidSortDown /></Match>
-                    </Switch>
-                </span>;
-            }
-        }</For>
-    </header>;
+                    return <th scope="col" class={`${css.cell} ${sort()?.by === by ? css.sorted : ''}`} onpointerdown={onPointerDown}>
+                        {label}
+
+                        <Switch>
+                            <Match when={sortable && sort()?.by !== by}><FaSolidSort /></Match>
+                            <Match when={sortable && sort()?.by === by && sort()?.reversed !== true}><FaSolidSortUp /></Match>
+                            <Match when={sortable && sort()?.by === by && sort()?.reversed === true}><FaSolidSortDown /></Match>
+                        </Switch>
+                    </th>;
+                }
+            }</For>
+        </tr>
+    </thead>;
 };
 
 function Node<T extends Record<string, any>>(props: { node: DataSetNode<T>, depth: number, groupedBy?: keyof T }) {
@@ -235,17 +264,17 @@ function Row<T extends Record<string, any>>(props: { key: string, value: T, dept
     const values = createMemo(() => Object.entries(props.value));
     const isSelected = context.isSelected(props.key);
 
-    return <div class={css.row} style={{ '--depth': props.depth }} use:selectable={{ value: props.value, key: props.key }}>
+    return <tr class={css.row} style={{ '--depth': props.depth }} use:selectable={{ value: props.value, key: props.key }}>
         <Show when={table.selectionMode() !== SelectionMode.None}>
-            <aside>
+            <th class={css.checkbox}>
                 <input type="checkbox" checked={isSelected()} on:input={() => context.select([props.key])} on:pointerdown={e => e.stopPropagation()} />
-            </aside>
+            </th>
         </Show>
 
         <For each={values()}>{
-            ([k, value]) => <div class={css.cell}>{table.cellRenderers()[k]?.({ key: `${props.key}.${k}`, value }) ?? value}</div>
+            ([k, value]) => <td class={css.cell}>{table.cellRenderers()[k]?.({ value }) ?? value}</td>
         }</For>
-    </div>;
+    </tr>;
 };
 
 function Group<T extends Record<string, any>>(props: { key: string, groupedBy: keyof T, nodes: DataSetNode<T>[], depth: number }) {
diff --git a/src/features/command/index.tsx b/src/features/command/index.tsx
index fae37c0..cd843d8 100644
--- a/src/features/command/index.tsx
+++ b/src/features/command/index.tsx
@@ -1,9 +1,9 @@
 import { Accessor, children, Component, createContext, createEffect, createMemo, JSX, ParentComponent, ParentProps, Show, useContext } from 'solid-js';
 
 interface CommandContextType {
-    set(commands: CommandType<any[]>[]): void;
-    addContextualArguments<T extends any[] = any[]>(command: CommandType<T>, target: EventTarget, args: Accessor<T>): void;
-    execute<TArgs extends any[] = []>(command: CommandType<TArgs>, event: Event): void;
+    set(commands: CommandType<any>[]): void;
+    addContextualArguments<T extends (...args: any[]) => any = any>(command: CommandType<T>, target: EventTarget, args: Accessor<Parameters<T>>): void;
+    execute<T extends (...args: any[]) => any = any>(command: CommandType<T>, event: Event): void;
 }
 
 const CommandContext = createContext<CommandContextType>();
@@ -13,16 +13,16 @@ export const useCommands = () => useContext(CommandContext);
 const Root: ParentComponent<{ commands: CommandType[] }> = (props) => {
     // const commands = () => props.commands ?? [];
     const contextualArguments = new Map<CommandType, WeakMap<EventTarget, Accessor<any[]>>>();
-    const commands = new Set<CommandType<any[]>>();
+    const commands = new Set<CommandType<any>>();
 
     const context = {
-        set(c: CommandType<any[]>[]): void {
+        set(c: CommandType<any>[]): void {
             for (const command of c) {
                 commands.add(command);
             }
         },
 
-        addContextualArguments<T extends any[] = any[]>(command: CommandType<T>, target: EventTarget, args: Accessor<T>): void {
+        addContextualArguments<T extends (...args: any[]) => any = any>(command: CommandType<T>, target: EventTarget, args: Accessor<Parameters<T>>): void {
             if (contextualArguments.has(command) === false) {
                 contextualArguments.set(command, new WeakMap());
             }
@@ -30,8 +30,8 @@ const Root: ParentComponent<{ commands: CommandType[] }> = (props) => {
             contextualArguments.get(command)?.set(target, args);
         },
 
-        execute<T extends any[] = any[]>(command: CommandType<T>, event: Event): boolean | undefined {
-            const args = ((): T => {
+        execute<T extends (...args: any[]) => any = any>(command: CommandType<T>, event: Event): boolean | undefined {
+            const args = ((): Parameters<T> => {
 
                 const contexts = contextualArguments.get(command);
 
@@ -45,7 +45,8 @@ const Root: ParentComponent<{ commands: CommandType[] }> = (props) => {
                     return [] as any;
                 }
 
-                const args = contexts.get(element)! as Accessor<T>;
+                const args = contexts.get(element)! as Accessor<Parameters<T>>;
+
                 return args();
             })();
 
@@ -84,9 +85,9 @@ const Root: ParentComponent<{ commands: CommandType[] }> = (props) => {
     </CommandContext.Provider>;
 };
 
-const Add: Component<{ command: CommandType<any[]> } | { commands: CommandType<any[]>[] }> = (props) => {
+const Add: Component<{ command: CommandType<any> } | { commands: CommandType<any>[] }> = (props) => {
     const context = useCommands();
-    const commands = createMemo<CommandType<any[]>[]>(() => props.commands ?? [props.command]);
+    const commands = createMemo<CommandType<any>[]>(() => props.commands ?? [props.command]);
 
     createEffect(() => {
         context?.set(commands());
@@ -95,7 +96,7 @@ const Add: Component<{ command: CommandType<any[]> } | { commands: CommandType<a
     return undefined;
 };
 
-const Context = <T extends any[] = any[]>(props: ParentProps<{ for: CommandType<T>, with: T }>): JSX.Element => {
+const Context = <T extends (...args: any[]) => any = any>(props: ParentProps<{ for: CommandType<T>, with: Parameters<T> }>): JSX.Element => {
     const resolved = children(() => props.children);
     const context = useCommands();
     const args = createMemo(() => props.with);
@@ -139,17 +140,19 @@ export enum Modifier {
     Alt = 1 << 3,
 }
 
-export interface CommandType<TArgs extends any[] = []> {
-    (...args: TArgs): any;
+export interface CommandType<T extends (...args: any[]) => any = any> {
+    (...args: Parameters<T>): Promise<ReturnType<T>>;
     label: string;
     shortcut?: {
         key: string;
         modifier: Modifier;
     };
+    withLabel(label: string): CommandType<T>;
+    with<A extends any[], B extends any[]>(this: (this: ThisParameterType<T>, ...args: [...A, ...B]) => ReturnType<T>, ...args: A): CommandType<(...args: B) => ReturnType<T>>;
 }
 
-export const createCommand = <TArgs extends any[] = []>(label: string, command: (...args: TArgs) => any, shortcut?: CommandType['shortcut']): CommandType<TArgs> => {
-    return Object.defineProperties(command as CommandType<TArgs>, {
+export const createCommand = <T extends (...args: any[]) => any>(label: string, command: T, shortcut?: CommandType['shortcut']): CommandType<T> => {
+    return Object.defineProperties(((...args: Parameters<T>) => command(...args)) as any, {
         label: {
             value: label,
             configurable: false,
@@ -159,18 +162,24 @@ export const createCommand = <TArgs extends any[] = []>(label: string, command:
             value: shortcut ? { key: shortcut.key.toLowerCase(), modifier: shortcut.modifier } : undefined,
             configurable: false,
             writable: false,
+        },
+        withLabel: {
+            value(label: string) {
+                return createCommand(label, command, shortcut);
+            },
+            configurable: false,
+            writable: false,
+        },
+        with: {
+            value<A extends any[], B extends any[]>(this: (this: ThisParameterType<T>, ...args: [...A, ...B]) => ReturnType<T>, ...args: A): CommandType<(...args: B) => ReturnType<T>> {
+                return createCommand(label, command.bind(undefined, ...args), shortcut);
+            },
+            configurable: false,
+            writable: false,
         }
     });
 };
 
-export const noop = Object.defineProperties(createCommand('noop', () => { }), {
-    withLabel: {
-        value(label: string) {
-            return createCommand(label, () => { });
-        },
-        configurable: false,
-        writable: false,
-    },
-}) as CommandType & { withLabel(label: string): CommandType };
+export const noop = createCommand('noop', () => { });
 
 export { Context } from './contextMenu';
\ No newline at end of file
diff --git a/src/features/file/grid.module.css b/src/features/file/grid.module.css
index 05c99e3..e69de29 100644
--- a/src/features/file/grid.module.css
+++ b/src/features/file/grid.module.css
@@ -1,128 +0,0 @@
-.table {
-    position: relative;
-    display: grid;
-    grid-template-columns: 2em minmax(10em, max-content) repeat(var(--columns), auto);
-    align-content: start;
-    padding-inline: 1px;
-    margin-inline: -1px;
-
-    block-size: 100%;
-    overflow: clip auto;
-
-    background-color: var(--surface-600);
-
-    & input[type="checkbox"] {
-        margin: .1em;
-    }
-
-    & textarea {
-        resize: vertical;
-        min-block-size: max(2em, 100%);
-        max-block-size: 50em;
-
-        background-color: var(--surface-600);
-        color: var(--text-1);
-        border-color: var(--text-2);
-        border-radius: var(--radii-s);
-
-        &:has(::spelling-error, ::grammar-error) {
-            border-color: var(--fail);
-        }
-
-        & ::spelling-error {
-            outline: 1px solid var(--fail);
-            text-decoration: yellow underline;
-        }
-    }
-
-    & .cell {
-        display: grid;
-        padding: .5em;
-        border: 1px solid transparent;
-        border-radius: var(--radii-m);
-
-        &:has(textarea:focus) {
-            border-color: var(--info);
-        }
-
-        & > span {
-            align-self: center;
-        }
-    }
-
-    & :is(.header, .main, .footer) {
-        grid-column: span calc(2 + var(--columns));
-        display: grid;
-        grid-template-columns: subgrid;
-    }
-
-    & .header {
-        position: sticky;
-        inset-block-start: 0;
-        background-color: var(--surface-600);
-        border-block-end: 1px solid var(--surface-300);
-    }
-
-    & .row {
-        --bg: var(--text);
-        --alpha: 0;
-        grid-column: span calc(2 + var(--columns));
-        display: grid;
-        grid-template-columns: subgrid;
-        border: 1px solid transparent;
-        background-color: color(from var(--bg) srgb r g b / var(--alpha));
-
-        &:has(> .cell > :checked) {
-            --bg: var(--info);
-            --alpha: .1;
-            border-color: var(--bg);
-
-            & span {
-                font-variation-settings: 'GRAD' 1000;
-            }
-
-            & + :has(> .cell> :checked) {
-                border-block-start-color: transparent;
-            }
-
-            &:has(+ .row > .cell > :checked) {
-                border-block-end-color: transparent;
-            }
-        }
-
-        &:hover {
-            --alpha: .2 !important;
-        }
-    }
-
-    & details {
-        display: contents;
-
-        &::details-content {
-            grid-column: span calc(2 + var(--columns));
-            display: grid;
-            grid-template-columns: subgrid;
-        }
-
-        &:not([open])::details-content {
-            display: none;
-        }
-
-        & > summary {
-            grid-column: 2 / span calc(1 + var(--columns));
-            padding: .5em;
-            padding-inline-start: calc(var(--depth) * 1em + .5em);
-
-        }
-
-        & > .row > .cell > span {
-            padding-inline-start: calc(var(--depth) * 1em);
-        }
-    }
-}
-
-@property --depth {
-    syntax: "<number>";
-    inherits: false;
-    initial-value: 0;
-}
\ No newline at end of file
diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index a15bac8..58a2b66 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -105,6 +105,10 @@ export const Grid: Component<{ class?: string, columns: string[], rows: Rows, ap
         },
 
         addColumn(name: string): void {
+            if (state.columns.includes(name)) {
+                return;
+            }
+
             setState(produce(state => {
                 state.columns.push(name);
                 state.rows = Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, { ...row, [name]: '' }]));
@@ -155,7 +159,6 @@ const Api: Component<{ api: undefined | ((api: GridApi) => any), table?: any }>
             insert(prop: string) {
                 gridContext.insert(prop);
             },
-
             addColumn(name: string): void {
                 gridContext.addColumn(name);
             },
diff --git a/src/features/menu/index.tsx b/src/features/menu/index.tsx
index a5cb21b..4709e31 100644
--- a/src/features/menu/index.tsx
+++ b/src/features/menu/index.tsx
@@ -75,9 +75,9 @@ const useMenu = () => {
     return context;
 }
 
-type ItemProps = { label: string, children: JSX.Element } | { command: CommandType };
+type ItemProps<T extends (...args: any[]) => any> = { label: string, children: JSX.Element } | { command: CommandType<T> };
 
-const Item: Component<ItemProps> = (props) => {
+function Item<T extends (...args: any[]) => any>(props: ItemProps<T>) {
     const id = createUniqueId();
 
     if (props.command) {
@@ -303,7 +303,7 @@ function SearchableList<T>(props: SearchableListProps<T>): JSX.Element {
     createEffect(() => {
         const length = results().length - 1;
 
-        setSelected(current => current !== undefined ? Math.min(current, length) : undefined);
+        setSelected(current => Math.min(current, length));
     });
 
     const onKeyDown = (e: KeyboardEvent) => {
@@ -334,7 +334,7 @@ function SearchableList<T>(props: SearchableListProps<T>): JSX.Element {
     };
 
     return <form method="dialog" class={css.search} onkeydown={onKeyDown} onsubmit={onSubmit}>
-        <input id={`search-${id}`} ref={setInput} value={term()} oninput={(e) => setTerm(e.target.value)} placeholder="start typing for command" autofocus autocomplete="off" />
+        <input id={`search-${id}`} ref={setInput} value={term()} oninput={(e) => setTerm(e.target.value)} placeholder="start typing for command" autofocus autocomplete="off" enterkeyhint="go" />
 
         <output for={`search-${id}`}>
             <For each={results()}>{
diff --git a/src/global.d.ts b/src/global.d.ts
index 754ff79..41957d9 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -2,4 +2,12 @@
 
 interface FileSystemHandle {
     getUniqueId(): Promise<string>;
+}
+
+declare module "solid-js" {
+    namespace JSX {
+        interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+            indeterminate?: boolean;
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental.tsx b/src/routes/(editor)/experimental.tsx
index 0291086..6c34fd9 100644
--- a/src/routes/(editor)/experimental.tsx
+++ b/src/routes/(editor)/experimental.tsx
@@ -1,119 +1,22 @@
-import { Column, GroupNode, RowNode, Node, SelectionMode, Table } from "~/components/table";
-import css from "./experimental.module.css";
-import { Sidebar } from "~/components/sidebar";
-import { createStore } from "solid-js/store";
-import { createEffect, For } from "solid-js";
-import { Person, people } from './experimental.data';
 
-export default function Experimental() {
-  const columns: Column<Person>[] = [
-    {
-      id: 'id',
-      label: '#',
-      groupBy(rows: RowNode<Person>[]) {
-        const group = (nodes: (RowNode<Person> & { _key: string })[]): Node<Person>[] => nodes.every(n => n._key.includes('.') === false)
-          ? nodes
-          : Object.entries(Object.groupBy(nodes, r => String(r._key).split('.').at(0)!))
-            .map<GroupNode<Person>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'id', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
+import { ParentProps } from "solid-js";
+import { Menu } from "~/features/menu";
+import { createCommand } from "~/features/command";
+import { useNavigate } from "@solidjs/router";
 
-        return group(rows.map(row => ({ ...row, _key: row.value.id })));
-      },
-    },
-    {
-      id: 'name',
-      label: 'Name',
-      sortable: true,
-    },
-    {
-      id: 'email',
-      label: 'Email',
-      sortable: true,
-    },
-    {
-      id: 'address',
-      label: 'Address',
-      sortable: true,
-    },
-    {
-      id: 'currency',
-      label: 'Currency',
-      sortable: true,
-    },
-    {
-      id: 'phone',
-      label: 'Phone',
-      sortable: true,
-    },
-    {
-      id: 'country',
-      label: 'Country',
-      sortable: true,
-    },
-  ];
+export default function Experimental(props: ParentProps) {
+  const navigate = useNavigate();
 
-  const [store, setStore] = createStore<{ selectionMode: SelectionMode, groupBy?: keyof Person, sort?: { by: keyof Person, reversed?: boolean } }>({
-    selectionMode: SelectionMode.None,
-    // groupBy: 'value',
-    // sortBy: 'key'
+  const goTo = createCommand('go to', (to: string) => {
+    navigate(`/experimental/${to}`);
   });
 
-  createEffect(() => {
-    console.log({ ...store });
-  });
+  return <>
+    <Menu.Root>
+      <Menu.Item command={goTo.withLabel('table').with('table')} />
+      <Menu.Item command={goTo.withLabel('grid').with('grid')} />
+    </Menu.Root>
 
-  return <div class={css.root}>
-    <Sidebar as="aside" label={'Filters'} class={css.sidebar}>
-      <fieldset>
-        <legend>table properties</legend>
-
-        <label>
-          Selection mode
-
-          <select value={store.selectionMode} oninput={e => setStore('selectionMode', Number.parseInt(e.target.value))}>
-            <option value={SelectionMode.None}>None</option>
-            <option value={SelectionMode.Single}>Single</option>
-            <option value={SelectionMode.Multiple}>Multiple</option>
-          </select>
-        </label>
-
-        <label>
-          Group by
-
-          <select value={store.groupBy ?? ''} oninput={e => setStore('groupBy', (e.target.value || undefined) as any)}>
-            <option value=''>None</option>
-            <For each={columns}>{
-              column => <option value={column.id}>{column.label}</option>
-            }</For>
-          </select>
-        </label>
-      </fieldset>
-
-      <fieldset>
-        <legend>table sorting</legend>
-
-        <label>
-          by
-
-          <select value={store.sort?.by ?? ''} oninput={e => setStore('sort', prev => e.target.value ? { by: e.target.value as keyof Entry, reversed: prev?.reversed } : undefined)}>
-            <option value=''>None</option>
-            <For each={columns}>{
-              column => <option value={column.id}>{column.label}</option>
-            }</For>
-          </select>
-        </label>
-
-        <label>
-          reversed
-
-          <input type="checkbox" checked={store.sort?.reversed ?? false} oninput={e => setStore('sort', prev => prev !== undefined ? { by: prev.by, reversed: e.target.checked || undefined } : undefined)} />
-        </label>
-      </fieldset>
-    </Sidebar>
-
-    <div class={css.content}>
-      <Table class={css.table} rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
-        // email: (cell) => <input type="email" value={cell.value} />,
-      }}</Table>
-    </div>
-  </div >;
+    {props.children}
+  </>;
 }
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental.data.ts b/src/routes/(editor)/experimental/experimental.data.ts
similarity index 100%
rename from src/routes/(editor)/experimental.data.ts
rename to src/routes/(editor)/experimental/experimental.data.ts
diff --git a/src/routes/(editor)/experimental.module.css b/src/routes/(editor)/experimental/grid.module.css
similarity index 100%
rename from src/routes/(editor)/experimental.module.css
rename to src/routes/(editor)/experimental/grid.module.css
diff --git a/src/routes/(editor)/experimental/grid.tsx b/src/routes/(editor)/experimental/grid.tsx
new file mode 100644
index 0000000..05fac16
--- /dev/null
+++ b/src/routes/(editor)/experimental/grid.tsx
@@ -0,0 +1,67 @@
+import { Sidebar } from '~/components/sidebar';
+import { Column, DataSetGroupNode, DataSetNode, DataSetRowNode, Grid, GridApi } from '~/components/grid';
+import { people, Person } from './experimental.data';
+import css from './grid.module.css';
+import { createMemo, createSignal } from 'solid-js';
+
+export default function GridExperiment() {
+    const columns: Column<Person>[] = [
+        {
+            id: 'id',
+            label: '#',
+            groupBy(rows: DataSetRowNode<Person>[]) {
+                const group = (nodes: (DataSetRowNode<Person> & { _key: string })[]): DataSetNode<Person>[] => nodes.every(n => n._key.includes('.') === false)
+                    ? nodes
+                    : Object.entries(Object.groupBy(nodes, r => String(r._key).split('.').at(0)!))
+                        .map<DataSetGroupNode<Person>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'id', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
+
+                return group(rows.map(row => ({ ...row, _key: row.value.id })));
+            },
+        },
+        {
+            id: 'name',
+            label: 'Name',
+            sortable: true,
+        },
+        {
+            id: 'email',
+            label: 'Email',
+            sortable: true,
+            editor: ({ value }) => <input value={value} />,
+        },
+        {
+            id: 'address',
+            label: 'Address',
+            sortable: true,
+        },
+        {
+            id: 'currency',
+            label: 'Currency',
+            sortable: true,
+        },
+        {
+            id: 'phone',
+            label: 'Phone',
+            sortable: true,
+        },
+        {
+            id: 'country',
+            label: 'Country',
+            sortable: true,
+        },
+    ];
+
+    const [api, setApi] = createSignal<GridApi<Person>>();
+
+    const mutations = createMemo(() => api()?.mutations() ?? [])
+
+    return <div class={css.root}>
+        <Sidebar as="aside" label={'Mutations'} class={css.sidebar}>
+            {mutations().length}
+        </Sidebar>
+
+        <div class={css.content}>
+            <Grid api={setApi} rows={people} columns={columns} groupBy="country" />
+        </div>
+    </div >;
+}
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental/table.module.css b/src/routes/(editor)/experimental/table.module.css
new file mode 100644
index 0000000..40f3bde
--- /dev/null
+++ b/src/routes/(editor)/experimental/table.module.css
@@ -0,0 +1,36 @@
+.root {
+    display: grid;
+    grid: 100% / auto minmax(0, 1fr);
+    inline-size: 100%;
+    block-size: 100%;
+
+    & .sidebar {
+        z-index: 1;
+        padding: var(--padding-xl);
+        background-color: var(--surface-300);
+
+        & > ul {
+            padding: 0;
+            margin: 0;
+        }
+
+        & fieldset {
+            display: flex;
+            flex-flow: column;
+            gap: var(--padding-m);
+        }
+    }
+
+    & .content {
+        background-color: var(--surface-500);
+        border-top-left-radius: var(--radii-xl);
+
+        & > header {
+            padding-inline-start: var(--padding-l);
+        }
+
+        & .table {
+            border-radius: inherit;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental/table.tsx b/src/routes/(editor)/experimental/table.tsx
new file mode 100644
index 0000000..a7c81a3
--- /dev/null
+++ b/src/routes/(editor)/experimental/table.tsx
@@ -0,0 +1,114 @@
+import { Sidebar } from '~/components/sidebar';
+import css from './table.module.css';
+import { Column, DataSetGroupNode, DataSetNode, DataSetRowNode, SelectionMode, Table } from '~/components/table';
+import { createStore } from 'solid-js/store';
+import { Person, people } from './experimental.data';
+
+export default function TableExperiment() {
+    const columns: Column<Person>[] = [
+        {
+            id: 'id',
+            label: '#',
+            groupBy(rows: DataSetRowNode<Person>[]) {
+                const group = (nodes: (DataSetRowNode<Person> & { _key: string })[]): DataSetNode<Person>[] => nodes.every(n => n._key.includes('.') === false)
+                    ? nodes
+                    : Object.entries(Object.groupBy(nodes, r => String(r._key).split('.').at(0)!))
+                        .map<DataSetGroupNode<Person>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'id', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
+
+                return group(rows.map(row => ({ ...row, _key: row.value.id })));
+            },
+        },
+        {
+            id: 'name',
+            label: 'Name',
+            sortable: true,
+        },
+        {
+            id: 'email',
+            label: 'Email',
+            sortable: true,
+        },
+        {
+            id: 'address',
+            label: 'Address',
+            sortable: true,
+        },
+        {
+            id: 'currency',
+            label: 'Currency',
+            sortable: true,
+        },
+        {
+            id: 'phone',
+            label: 'Phone',
+            sortable: true,
+        },
+        {
+            id: 'country',
+            label: 'Country',
+            sortable: true,
+        },
+    ];
+
+    const [store, setStore] = createStore<{ selectionMode: SelectionMode, groupBy?: keyof Person, sort?: { by: keyof Person, reversed?: boolean } }>({
+        selectionMode: SelectionMode.None,
+        // groupBy: 'value',
+        // sortBy: 'key'
+    });
+
+    return <div class={css.root}>
+        <Sidebar as="aside" label={'Filters'} class={css.sidebar}>
+            <fieldset>
+                <legend>table properties</legend>
+
+                <label>
+                    Selection mode
+
+                    <select value={store.selectionMode} oninput={e => setStore('selectionMode', Number.parseInt(e.target.value))}>
+                        <option value={SelectionMode.None}>None</option>
+                        <option value={SelectionMode.Single}>Single</option>
+                        <option value={SelectionMode.Multiple}>Multiple</option>
+                    </select>
+                </label>
+
+                <label>
+                    Group by
+
+                    <select value={store.groupBy ?? ''} oninput={e => setStore('groupBy', (e.target.value || undefined) as any)}>
+                        <option value=''>None</option>
+                        <For each={columns}>{
+                            column => <option value={column.id}>{column.label}</option>
+                        }</For>
+                    </select>
+                </label>
+            </fieldset>
+
+            <fieldset>
+                <legend>table sorting</legend>
+
+                <label>
+                    by
+
+                    <select value={store.sort?.by ?? ''} oninput={e => setStore('sort', prev => e.target.value ? { by: e.target.value as keyof Entry, reversed: prev?.reversed } : undefined)}>
+                        <option value=''>None</option>
+                        <For each={columns}>{
+                            column => <option value={column.id}>{column.label}</option>
+                        }</For>
+                    </select>
+                </label>
+
+                <label>
+                    reversed
+
+                    <input type="checkbox" checked={store.sort?.reversed ?? false} oninput={e => setStore('sort', prev => prev !== undefined ? { by: prev.by, reversed: e.target.checked || undefined } : undefined)} />
+                </label>
+            </fieldset>
+        </Sidebar>
+
+        <div class={css.content}>
+            <Table class={css.table} rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
+                // email: (cell) => <input type="email" value={cell.value} />,
+            }}</Table>
+        </div>
+    </div >;
+}
\ No newline at end of file
diff --git a/src/routes/editor.module.css b/src/routes/editor.module.css
index ceceb3f..df2e722 100644
--- a/src/routes/editor.module.css
+++ b/src/routes/editor.module.css
@@ -144,11 +144,6 @@
     }
 }
 
-/* ::view-transition-old(menu),
-::view-transition-new(menu) {
-    z-index: 1;
-} */
-
 ::view-transition-old(content) {
     animation-name: slide-left;
 }
-- 
2.50.1


From b7bf9fe220bfe581f3c8d14c6e876584c88de03d Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Tue, 17 Dec 2024 08:18:25 +0100
Subject: [PATCH 14/23] .

---
 bun.lockb                                     | Bin 355329 -> 355329 bytes
 package.json                                  |   4 +-
 src/app.css                                   |  10 ++
 src/components/filetree.tsx                   |   2 +-
 src/components/grid/grid.tsx                  | 111 ++++++++--------
 src/components/table/dataset.ts               | 113 +++++++++++++----
 src/components/table/index.tsx                |   2 +-
 src/components/table/table.tsx                | 119 +++++++-----------
 src/features/selectable/index.tsx             |  89 ++++++++-----
 src/global.d.ts                               |  14 +--
 src/routes/(editor).tsx                       |  10 +-
 .../(editor)/experimental/grid.module.css     |   2 +
 src/routes/(editor)/experimental/grid.tsx     |  48 ++++++-
 src/routes/(editor)/experimental/table.tsx    |   4 +-
 src/utilities.ts                              |   6 +-
 15 files changed, 331 insertions(+), 203 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 9b87d97f2432cda8d5216446a8709073c68cc0ec..9c2dca48e48bd33095695c156868aac6024f8c81 100644
GIT binary patch
delta 254
zcmZp?A=-FDbb_8j%I9A}56?|>yd-fcyR1>9@~-36BQNy7z6}X&3gg<rskYJY*@np_
z;U=3iHVW`gu6SwCykg(>75f-v^&LF+>%DgU`C}K$>Dy@zrA;N@&DzAiEm>rx93Apx
z_Pl%l?K-7qmLB;&Gx>wYqN1yx<tOW{Yh7<ve4t2%(Z=S4m;83tcZ@#-9RjmcJEhOf
zGrwW*IH1sQ!`6R|LeDFm0!tPY?9_iL<B_I*$v{wk(q``Z?K;~^vf^Gi_5XA|SF-7_
z&Vk<zy9M(ZT5XxO+A^2UWi*<;c`oxNMzi*`dCc3>=CQCjF`7+3*vF!@z5fAA1ON2n
OrmTwF4L-13tOfu$-FFrM

delta 257
zcmZp?A=-FDbb_7&|J};4>cjW+)46OFU$k96sUV+v=~c_>UB;64?v}1~-LTQ`*@np`
zQ6`%+HVW`gwn#K+Ua@ccihYc-`VM`|PAs*S`m<=VYU=`<+pMOWt}bU-aJKxYdh`;r
zI*w1m1}Axr8_az2M{3$R4#vw;DGIy0&Mw}caZJ(MWl6@IuDI>2?-+jwI!xW?=pr>?
zmB#+7SD2b&%Cy%T>UrqBW!ElTaZT%W%khQoeuwtA&GTrCNIt!!*yhmVpNd86wj})v
zPg<ksd+g4`i><ayTWy(3=Q0{j-#nLj6QgN++C1j%Y4cdvoTfJ&V^QAT|A3`|f4XZ6
Si^BAROjgeA79UtnRs#SjDt4Rz

diff --git a/package.json b/package.json
index 6f0ea11..192e6ce 100644
--- a/package.json
+++ b/package.json
@@ -2,14 +2,14 @@
   "name": "calque",
   "dependencies": {
     "@solidjs/meta": "^0.29.4",
-    "@solidjs/router": "^0.15.1",
+    "@solidjs/router": "^0.15.2",
     "@solidjs/start": "^1.0.10",
     "dexie": "^4.0.10",
     "iterator-helpers-polyfill": "^3.0.1",
     "sitemap": "^8.0.0",
     "solid-icons": "^1.1.0",
     "solid-js": "^1.9.3",
-    "ts-pattern": "^5.5.0",
+    "ts-pattern": "^5.6.0",
     "vinxi": "^0.4.3"
   },
   "engines": {
diff --git a/src/app.css b/src/app.css
index 7a72a54..e3878fa 100644
--- a/src/app.css
+++ b/src/app.css
@@ -150,6 +150,16 @@ code {
   border-radius: var(--radii-m);
 }
 
+ins {
+  background-color: oklch(from var(--succ) l c h / .1);
+  color: oklch(from var(--succ) .1 .2 h);
+}
+
+del {
+  background-color: oklch(from var(--fail) l c h / .1);
+  color: oklch(from var(--fail) .1 .2 h);
+}
+
 @property --hue {
   syntax: '<angle>';
   inherits: false;
diff --git a/src/components/filetree.tsx b/src/components/filetree.tsx
index 34ec976..4956ce8 100644
--- a/src/components/filetree.tsx
+++ b/src/components/filetree.tsx
@@ -71,7 +71,7 @@ export const Tree: Component<{ entries: Entry[], children: readonly [(folder: Ac
 const _Tree: Component<{ entries: Entry[], children: readonly [(folder: Accessor<FolderEntry>) => JSX.Element, (file: Accessor<FileEntry>) => JSX.Element] }> = (props) => {
     const context = useContext(TreeContext);
 
-    return <For each={props.entries.sort(sort_by('kind'))}>{
+    return <For each={props.entries.toSorted(sort_by('kind'))}>{
         entry => <>
             <Show when={entry.kind === 'folder' ? entry : undefined}>{
                 folder => <Folder folder={folder()} children={props.children} />
diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx
index 21beb73..64aca68 100644
--- a/src/components/grid/grid.tsx
+++ b/src/components/grid/grid.tsx
@@ -1,28 +1,28 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, JSX, useContext } from "solid-js";
 import { createStore } from "solid-js/store";
 import { deepCopy, deepDiff, Mutation } from "~/utilities";
-import { SelectionMode, Table, Column as TableColumn, TableApi } from "~/components/table";
+import { SelectionMode, Table, Column as TableColumn, TableApi, CellEditors, CellEditor, createDataSet, DataSet, DataSetNode } from "~/components/table";
 import css from './grid.module.css';
 
 export interface Column<T extends Record<string, any>> extends TableColumn<T> {
-    editor?: (cell: { id: keyof T, value: T[keyof T] }) => JSX.Element;
+    editor?: (cell: { row: number, column: keyof T, value: T[keyof T], mutate: (next: T[keyof T]) => any }) => JSX.Element;
 }
 
 export interface GridApi<T extends Record<string, any>> extends TableApi<T> {
     readonly mutations: Accessor<Mutation[]>;
-    remove(keys: string[]): void;
-    insert(prop: string): void;
-    addColumn(name: string): void;
+    remove(keys: number[]): void;
+    insert(row: T, at?: number): void;
+    addColumn(column: keyof T): void;
 }
 
 interface GridContextType<T extends Record<string, any>> {
-    readonly rows: Accessor<T[]>;
+    readonly rows: Accessor<DataSetNode<keyof T, T>[]>;
     readonly mutations: Accessor<Mutation[]>;
-    // readonly selection: Accessor<SelectionItem[]>;
-    mutate(prop: string, value: string): void;
-    remove(props: string[]): void;
-    insert(prop: string): void;
-    addColumn(name: string): void;
+    readonly selection: TableApi<T>['selection'];
+    mutate<K extends keyof T>(row: number, column: K, value: T[K]): void;
+    remove(rows: number[]): void;
+    insert(row: T, at?: number): void;
+    addColumn(column: keyof T, value: T[keyof T]): void;
 }
 
 const GridContext = createContext<GridContextType<any>>();
@@ -30,65 +30,68 @@ const GridContext = createContext<GridContextType<any>>();
 const useGrid = () => useContext(GridContext)!;
 
 type GridProps<T extends Record<string, any>> = { class?: string, groupBy?: keyof T, columns: Column<T>[], rows: T[], api?: (api: GridApi<T>) => any };
+// type GridState<T extends Record<string, any>> = { data: DataSet<T>, columns: Column<T>[], numberOfRows: number };
 
 export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
     const [table, setTable] = createSignal<TableApi<T>>();
-    const [state, setState] = createStore<{ rows: T[], columns: Column<T>[], snapshot: T[], numberOfRows: number }>({
-        rows: [],
-        columns: [],
-        snapshot: [],
-        numberOfRows: 0,
-    });
+    const data = createMemo(() => createDataSet(props.rows));
 
-    const mutations = createMemo(() => {
-        // enumerate all values to make sure the memo is recalculated on any change
-        Object.values(state.rows).map(entry => Object.values(entry));
-
-        return deepDiff(state.snapshot, state.rows).toArray();
-    });
-
-    createEffect(() => {
-        setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
-        setState('snapshot', props.rows);
-    });
-
-    createEffect(() => {
-        setState('columns', props.columns);
-    });
-
-    createEffect(() => {
-        setState('numberOfRows', Object.keys(state.rows).length);
-    });
-
-    const rows = createMemo(() => state.rows);
-    const columns = createMemo(() => state.columns);
+    const rows = createMemo(() => data().value());
+    const mutations = createMemo(() => data().mutations());
+    const columns = createMemo(() => props.columns);
 
     const ctx: GridContextType<T> = {
         rows,
         mutations,
-        // selection,
+        selection: createMemo(() => table()?.selection() ?? []),
 
-        mutate(prop: string, value: string) {
+        mutate<K extends keyof T>(row: number, column: K, value: T[K]) {
+            data().mutate(row, column, value);
         },
 
-        remove(props: string[]) {
+        remove(rows: number[]) {
+            // setState('rows', (r) => r.filter((_, i) => rows.includes(i) === false));
         },
 
-        insert(prop: string) {
+        insert(row: T, at?: number) {
+            if (at === undefined) {
+                // setState('rows', state.rows.length, row);
+            } else {
+
+            }
         },
 
-        addColumn(id: keyof T): void {
+        addColumn(column: keyof T, value: T[keyof T]): void {
+            // setState('rows', { from: 0, to: state.rows.length - 1 }, column as any, value);
         },
     };
 
-    const cellEditors = createMemo(() => Object.fromEntries(state.columns.filter(c => c.editor !== undefined).map(c => [c.id, c.editor!] as const)));
+    const cellEditors = createMemo(() => Object.fromEntries(
+        props.columns
+            .filter(c => c.editor !== undefined)
+            .map(c => {
+                const Editor: CellEditor<T, keyof T> = ({ row, column, value }) => {
+                    const mutate = (next: T[keyof T]) => {
+                        console.log('KAAS', { next })
+
+                        ctx.mutate(row, column, next);
+                    };
+
+                    return c.editor!({ row, column, value, mutate });
+                };
+
+                return [c.id, Editor] as const;
+            })
+    ) as any);
 
     return <GridContext.Provider value={ctx}>
         <Api api={props.api} table={table()} />
 
-        <Table api={setTable} class={`${css.grid} ${props.class}`} rows={rows()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
-            cellEditors()
-        }</Table>
+        <form style="all: inherit; display: contents;">
+            <Table api={setTable} class={`${css.grid} ${props.class}`} rows={data()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
+                cellEditors()
+            }</Table>
+        </form>
     </GridContext.Provider>;
 };
 
@@ -105,14 +108,14 @@ function Api<T extends Record<string, any>>(props: { api: undefined | ((api: Gri
         return {
             ...table,
             mutations: gridContext.mutations,
-            remove(props: string[]) {
-                gridContext.remove(props);
+            remove(rows: number[]) {
+                gridContext.remove(rows);
             },
-            insert(prop: string) {
-                gridContext.insert(prop);
+            insert(row: T, at?: number) {
+                gridContext.insert(row, at);
             },
-            addColumn(name: string): void {
-                gridContext.addColumn(name);
+            addColumn(column: keyof T, value: T[keyof T]): void {
+                gridContext.addColumn(column, value);
             },
         };
     });
diff --git a/src/components/table/dataset.ts b/src/components/table/dataset.ts
index 270bbaf..95a4c17 100644
--- a/src/components/table/dataset.ts
+++ b/src/components/table/dataset.ts
@@ -1,27 +1,98 @@
+import { Accessor, createMemo } from "solid-js";
+import { createStore, NotWrappable, StoreSetter } from "solid-js/store";
+import { snapshot } from "vinxi/dist/types/runtime/storage";
+import { deepCopy, deepDiff, Mutation } from "~/utilities";
 
 
-export type DataSetRowNode<T> = { kind: 'row', key: string, value: T }
-export type DataSetGroupNode<T> = { kind: 'group', key: string, groupedBy: keyof T, nodes: DataSetNode<T>[] };
-export type DataSetNode<T> = DataSetRowNode<T> | DataSetGroupNode<T>;
-
-export type DataSet<T extends Record<string, any>> = DataSetNode<T>[];
-
-export const createDataSet = <T extends Record<string, any>>(data: T[]): DataSetNode<T>[] => {
-    return Object.entries(data).map<DataSetRowNode<T>>(([key, value]) => ({ kind: 'row', key, value }));
-};
+export type DataSetRowNode<K, T> = { kind: 'row', key: K, value: T }
+export type DataSetGroupNode<K, T> = { kind: 'group', key: K, groupedBy: keyof T, nodes: DataSetNode<K, T>[] };
+export type DataSetNode<K, T> = DataSetRowNode<K, T> | DataSetGroupNode<K, T>;
 
 type SortingFunction<T> = (a: T, b: T) => -1 | 0 | 1;
-type SortOptions<T extends Record<string, any>> = { by: keyof T, reversed: boolean, with: SortingFunction<T> };
-export const toSorted = <T extends Record<string, any>>(dataSet: DataSet<T>, sort: SortOptions<T>): DataSet<T> => {
-    const sorted = dataSet.toSorted((a, b) => sort.with(a.value[sort.by], b.value[sort.by]));
+export type SortOptions<T extends Record<string, any>> = { by: keyof T, reversed: boolean, with?: SortingFunction<T> };
 
-    if (sort.reversed) {
-        sorted.reverse();
-    }
-
-    return sorted;
-};
-
-type GroupingFunction<T> = (nodes: DataSetRowNode<T>[]) => DataSetNode<T>[];
+type GroupingFunction<T> = (nodes: DataSetRowNode<keyof T, T>[]) => DataSetNode<keyof T, T>[];
 type GroupOptions<T extends Record<string, any>> = { by: keyof T, with: GroupingFunction<T> };
-export const toGrouped = <T extends Record<string, any>>(dataSet: DataSet<T>, group: GroupOptions<T>): DataSet<T> => group.with(dataSet as any);
\ No newline at end of file
+interface DataSetState<T extends Record<string, any>> {
+    value: DataSetRowNode<keyof T, T>[];
+    snapshot: DataSetRowNode<keyof T, T>[];
+    sorting?: SortOptions<T>;
+    grouping?: GroupOptions<T>;
+}
+
+export interface DataSet<T extends Record<string, any>> {
+    data: T[];
+    value: Accessor<DataSetNode<keyof T, T>[]>;
+    mutations: Accessor<Mutation[]>;
+    sort: Accessor<SortOptions<T> | undefined>;
+
+    // mutate<K extends keyof T>(index: number, value: T): void;
+    mutate<K extends keyof T>(index: number, prop: K, value: T[K]): void;
+
+    setSorting(options: SortOptions<T> | undefined): void;
+    setGrouping(options: GroupOptions<T> | undefined): void;
+}
+
+const defaultComparer = <T>(a: T, b: T) => a < b ? -1 : a > b ? 1 : 0;
+
+export const createDataSet = <T extends Record<string, any>>(data: T[]): DataSet<T> => {
+    const nodes = data.map<DataSetRowNode<keyof T, T>>((value, key) => ({ kind: 'row', key: key as keyof T, value }));
+
+    const [state, setState] = createStore<DataSetState<T>>({
+        value: deepCopy(nodes),
+        snapshot: nodes,
+        sorting: undefined,
+        grouping: undefined,
+    });
+
+    const value = createMemo(() => {
+        const sorting = state.sorting;
+        const grouping = state.grouping;
+
+        let value = state.value as DataSetNode<keyof T, T>[];
+
+        if (sorting) {
+            const comparer = sorting.with ?? defaultComparer;
+
+            value = value.filter(entry => entry.kind === 'row').toSorted((a, b) => comparer(a.value[sorting.by], b.value[sorting.by]));
+
+            if (sorting.reversed) {
+                value.reverse();
+            }
+        }
+
+        if (grouping) {
+            value = grouping.with(value as DataSetRowNode<keyof T, T>[]);
+        }
+
+        return value;
+    });
+
+    const mutations = createMemo(() => {
+        // enumerate all values to make sure the memo is recalculated on any change
+        Object.values(state.value).map(entry => Object.values(entry));
+
+        return deepDiff(state.snapshot, state.value).toArray();
+    });
+    const sort = createMemo(() => state.sorting);
+
+    return {
+        data,
+        value,
+        mutations,
+        sort,
+
+        mutate(index, prop, value) {
+            console.log({ index, prop, value });
+            // setState('value', index, 'value', prop as any, value);
+        },
+
+        setSorting(options) {
+            setState('sorting', options);
+        },
+
+        setGrouping(options) {
+            setState('grouping', options)
+        },
+    };
+};
\ No newline at end of file
diff --git a/src/components/table/index.tsx b/src/components/table/index.tsx
index eaa7d79..0828ee2 100644
--- a/src/components/table/index.tsx
+++ b/src/components/table/index.tsx
@@ -1,5 +1,5 @@
 
-export type { Column, TableApi } from './table';
+export type { Column, TableApi, CellEditor, CellEditors } from './table';
 export type { DataSet, DataSetGroupNode, DataSetRowNode, DataSetNode } from './dataset';
 export { SelectionMode, Table } from './table';
 export { createDataSet, toSorted, toGrouped } from './dataset';
\ No newline at end of file
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 76ee0bb..63cd6f9 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -1,6 +1,6 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, For, JSX, Match, Show, Switch, useContext } from "solid-js";
-import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
-import { DataSetRowNode, DataSetGroupNode, DataSetNode, createDataSet, toSorted, toGrouped } from './dataset';
+import { selectable, SelectionItem, SelectionProvider, useSelection } from "~/features/selectable";
+import { DataSetRowNode, DataSetGroupNode, DataSetNode, createDataSet, toSorted, toGrouped, GroupingFunction, DataSet, SortOptions } from './dataset';
 import { createStore } from "solid-js/store";
 import { FaSolidSort, FaSolidSortDown, FaSolidSortUp } from "solid-icons/fa";
 import css from './table.module.css';
@@ -12,37 +12,36 @@ export type Column<T> = {
     label: string,
     sortable?: boolean,
     group?: string,
-    readonly groupBy?: (rows: DataSetRowNode<T>[]) => DataSetNode<T>[],
+    readonly groupBy?: (rows: DataSetRowNode<keyof T, T>[]) => DataSetNode<keyof T, T>[],
 };
 
-type SelectionItem<T> = { key: string, value: Accessor<T>, element: WeakRef<HTMLElement> };
-export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: (cell: { value: T[K] }) => JSX.Element };
+export type CellEditor<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
+export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: CellEditor<T, K> };
 
 export interface TableApi<T extends Record<string, any>> {
-    readonly selection: Accessor<SelectionItem<T>[]>;
-    readonly rows: Accessor<T[]>;
+    readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
+    readonly rows: Accessor<DataSet<T>>;
     readonly columns: Accessor<Column<T>[]>;
     selectAll(): void;
     clear(): void;
 }
 
-const TableContext = createContext<{
-    readonly rows: Accessor<any[]>,
-    readonly columns: Accessor<Column<any>[]>,
-    readonly selection: Accessor<any[]>,
+interface TableContextType<T extends Record<string, any>> {
+    readonly rows: Accessor<DataSet<T>>,
+    readonly columns: Accessor<Column<T>[]>,
+    readonly selection: Accessor<SelectionItem<keyof T, T>[]>,
     readonly selectionMode: Accessor<SelectionMode>,
-    readonly groupBy: Accessor<string | undefined>,
-    readonly sort: Accessor<{ by: string, reversed?: boolean } | undefined>,
-    readonly cellRenderers: Accessor<CellEditors<any>>,
+    readonly groupBy: Accessor<keyof T | undefined>,
+    readonly cellRenderers: Accessor<CellEditors<T>>,
+}
 
-    setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined): void;
-}>();
+const TableContext = createContext<TableContextType<any>>();
 
-const useTable = () => useContext(TableContext)!
+const useTable = <T extends Record<string, any>>() => useContext(TableContext)! as TableContextType<T>
 
-function defaultGroupingFunction<T>(groupBy: keyof T) {
-    return (nodes: DataSetRowNode<T>[]): DataSetNode<T>[] => Object.entries(Object.groupBy<any, DataSetRowNode<T>>(nodes, r => r.value[groupBy]))
-        .map<DataSetGroupNode<T>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! }));
+function defaultGroupingFunction<T>(groupBy: keyof T): GroupingFunction<T> {
+    return (nodes: DataSetRowNode<keyof T, T>[]): DataSetNode<keyof T, T>[] => Object.entries(Object.groupBy(nodes, r => r.value[groupBy] as PropertyKey))
+        .map(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! } as DataSetGroupNode<keyof T, T>));
 }
 
 export enum SelectionMode {
@@ -53,46 +52,35 @@ export enum SelectionMode {
 type TableProps<T extends Record<string, any>> = {
     class?: string,
     summary?: string,
-    rows: T[],
+    rows: DataSet<T>,
     columns: Column<T>[],
     groupBy?: keyof T,
-    sort?: {
-        by: keyof T,
-        reversed?: boolean,
-    },
+    sort?: SortOptions<T>,
     selectionMode?: SelectionMode,
     children?: CellEditors<T>,
     api?: (api: TableApi<T>) => any,
 };
 
 export function Table<T extends Record<string, any>>(props: TableProps<T>) {
-    const [selection, setSelection] = createSignal<T[]>([]);
-    const [state, setState] = createStore({
-        sort: props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined,
-    });
+    const [selection, setSelection] = createSignal<SelectionItem<keyof T, T>[]>([]);
 
     createEffect(() => {
-        setState('sort', props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined);
+        props.rows.setSorting(props.sort);
     });
 
-    const rows = createMemo<T[]>(() => props.rows ?? []);
+    const rows = createMemo(() => props.rows);
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
     const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
-    const groupBy = createMemo(() => props.groupBy as string | undefined);
+    const groupBy = createMemo(() => props.groupBy);
     const cellRenderers = createMemo<CellEditors<T>>(() => props.children ?? {});
 
-    const context = {
+    const context: TableContextType<T> = {
         rows,
         columns,
         selection,
         selectionMode,
         groupBy,
-        sort: createMemo(() => state.sort),
         cellRenderers,
-
-        setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined) {
-            setState('sort', setter);
-        },
     };
 
     return <TableContext.Provider value={context}>
@@ -104,30 +92,21 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     </TableContext.Provider>;
 };
 
-type InnerTableProps<T extends Record<string, any>> = { class?: string, summary?: string, rows: T[] };
+type InnerTableProps<T extends Record<string, any>> = { class?: string, summary?: string, rows: DataSet<T> };
 
 function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
-    const table = useTable();
+    const table = useTable<T>();
 
     const selectable = createMemo(() => table.selectionMode() !== SelectionMode.None);
     const columnCount = createMemo(() => table.columns().length);
-    const nodes = createMemo<DataSetNode<T>[]>(() => {
-        const columns = table.columns();
-        const groupBy = table.groupBy();
-        const sort = table.sort();
 
-        let dataset = createDataSet(props.rows);
+    // if (sort) {
+    //     dataset = toSorted(dataset, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 })
+    // }
 
-        if (sort) {
-            dataset = toSorted(dataset, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 })
-        }
-
-        if (groupBy) {
-            dataset = toGrouped(dataset, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) });
-        }
-
-        return dataset;
-    });
+    // if (groupBy) {
+    //     dataset = toGrouped(dataset, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) });
+    // }
 
     return <table class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
         <Show when={props.summary}>{
@@ -138,7 +117,7 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
         <Head />
 
         <tbody class={css.main}>
-            <For each={nodes()}>{
+            <For each={props.rows.value()}>{
                 node => <Node node={node} depth={0} />
             }</For>
         </tbody>
@@ -154,13 +133,11 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
 };
 
 function Api<T extends Record<string, any>>(props: { api: undefined | ((api: TableApi<T>) => any) }) {
-    const table = useTable();
-    const selectionContext = useSelection<SelectionItem<T>>();
+    const table = useTable<T>();
+    const selectionContext = useSelection<T>();
 
     const api: TableApi<T> = {
-        selection: createMemo(() => {
-            return selectionContext.selection();
-        }),
+        selection: selectionContext.selection,
         rows: table.rows,
         columns: table.columns,
         selectAll() {
@@ -209,7 +186,7 @@ function Head(props: {}) {
 
             <For each={table.columns()}>{
                 ({ id, label, sortable }) => {
-                    const sort = createMemo(() => table.sort());
+                    const sort = createMemo(() => table.rows().sort());
                     const by = String(id);
 
                     const onPointerDown = (e: PointerEvent) => {
@@ -245,7 +222,7 @@ function Head(props: {}) {
     </thead>;
 };
 
-function Node<T extends Record<string, any>>(props: { node: DataSetNode<T>, depth: number, groupedBy?: keyof T }) {
+function Node<T extends Record<string, any>>(props: { node: DataSetNode<keyof T, T>, depth: number, groupedBy?: keyof T }) {
     return <Switch>
         <Match when={props.node.kind === 'row' ? props.node : undefined}>{
             row => <Row key={row().key} value={row().value} depth={props.depth} groupedBy={props.groupedBy} />
@@ -257,11 +234,11 @@ function Node<T extends Record<string, any>>(props: { node: DataSetNode<T>, dept
     </Switch>;
 }
 
-function Row<T extends Record<string, any>>(props: { key: string, value: T, depth: number, groupedBy?: keyof T }) {
-    const table = useTable();
-    const context = useSelection();
+function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, depth: number, groupedBy?: keyof T }) {
+    const table = useTable<T>();
+    const context = useSelection<T>();
+    const columns = table.columns;
 
-    const values = createMemo(() => Object.entries(props.value));
     const isSelected = context.isSelected(props.key);
 
     return <tr class={css.row} style={{ '--depth': props.depth }} use:selectable={{ value: props.value, key: props.key }}>
@@ -271,17 +248,17 @@ function Row<T extends Record<string, any>>(props: { key: string, value: T, dept
             </th>
         </Show>
 
-        <For each={values()}>{
-            ([k, value]) => <td class={css.cell}>{table.cellRenderers()[k]?.({ value }) ?? value}</td>
+        <For each={columns()}>{
+            ({ id }) => <td class={css.cell}>{table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id]}</td>
         }</For>
     </tr>;
 };
 
-function Group<T extends Record<string, any>>(props: { key: string, groupedBy: keyof T, nodes: DataSetNode<T>[], depth: number }) {
+function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
     const table = useTable();
 
     return <details open>
-        <summary style={{ '--depth': props.depth }}>{props.key}</summary>
+        <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
 
         <For each={props.nodes}>{
             node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 458434b..ae54a29 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -1,4 +1,4 @@
-import { Accessor, children, createContext, createEffect, createMemo, createRenderEffect, createSignal, createUniqueId, onCleanup, onMount, ParentComponent, Setter, Signal, useContext } from "solid-js";
+import { Accessor, children, createContext, createEffect, createMemo, createRenderEffect, createSignal, createUniqueId, onCleanup, onMount, ParentComponent, ParentProps, Setter, Signal, useContext } from "solid-js";
 import { createStore } from "solid-js/store";
 import { isServer } from "solid-js/web";
 import css from "./index.module.css";
@@ -16,26 +16,33 @@ enum SelectionMode {
     Toggle,
 }
 
-export interface SelectionContextType<T extends object = object> {
-    readonly selection: Accessor<T[]>;
+export interface SelectionItem<K, T> {
+    key: K;
+    value: Accessor<T>;
+    element: WeakRef<HTMLElement>;
+};
+
+export interface SelectionContextType<T extends object> {
+    readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
     readonly length: Accessor<number>;
-    select(selection: string[], options?: Partial<{ mode: SelectionMode }>): void;
+    select(selection: (keyof T)[], options?: Partial<{ mode: SelectionMode }>): void;
     selectAll(): void;
     clear(): void;
-    isSelected(key: string): Accessor<boolean>;
+    isSelected(key: keyof T): Accessor<boolean>;
 }
-interface InternalSelectionContextType {
+interface InternalSelectionContextType<T extends object> {
     readonly latest: Signal<HTMLElement | undefined>,
     readonly modifier: Signal<Modifier>,
     readonly selectables: Signal<HTMLElement[]>,
-    add(key: string, value: object, element: HTMLElement): void;
+    readonly keyMap: Map<string, keyof T>,
+    add(key: keyof T, value: Accessor<T>, element: HTMLElement): string;
 }
-export interface SelectionHandler<T extends object = object> {
+export interface SelectionHandler<T extends object> {
     (selection: T[]): any;
 }
 
-const SelectionContext = createContext<SelectionContextType>();
-const InternalSelectionContext = createContext<InternalSelectionContextType>();
+const SelectionContext = createContext<SelectionContextType<any>>();
+const InternalSelectionContext = createContext<InternalSelectionContextType<any>>();
 
 export function useSelection<T extends object = object>(): SelectionContextType<T> {
     const context = useContext(SelectionContext);
@@ -46,15 +53,17 @@ export function useSelection<T extends object = object>(): SelectionContextType<
 
     return context as SelectionContextType<T>;
 };
-const useInternalSelection = () => useContext(InternalSelectionContext)!;
-
-interface State {
-    selection: string[];
-    data: { key: string, value: Accessor<any>, element: WeakRef<HTMLElement> }[];
+function useInternalSelection<T extends object>() {
+    return useContext(InternalSelectionContext)! as InternalSelectionContextType<T>;
 }
 
-export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler, multiSelect?: boolean }> = (props) => {
-    const [state, setState] = createStore<State>({ selection: [], data: [] });
+interface State<T extends object> {
+    selection: (keyof T)[];
+    data: SelectionItem<keyof T, T>[];
+}
+
+export function SelectionProvider<T extends object>(props: ParentProps<{ selection?: SelectionHandler<T>, multiSelect?: boolean }>) {
+    const [state, setState] = createStore<State<T>>({ selection: [], data: [] });
     const selection = createMemo(() => state.data.filter(({ key }) => state.selection.includes(key)));
     const length = createMemo(() => state.data.length);
 
@@ -62,7 +71,7 @@ export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler,
         props.selection?.(selection().map(({ value }) => value()));
     });
 
-    const context: SelectionContextType = {
+    const context: SelectionContextType<T> = {
         selection,
         length,
         select(selection, { mode = SelectionMode.Normal } = {}) {
@@ -92,17 +101,29 @@ export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler,
         clear() {
             setState('selection', []);
         },
-        isSelected(key: string) {
+        isSelected(key) {
             return createMemo(() => state.selection.includes(key));
         },
     };
 
-    const internal: InternalSelectionContextType = {
+    const keyIdMap = new Map<keyof T, string>();
+    const idKeyMap = new Map<string, keyof T>();
+    const internal: InternalSelectionContextType<T> = {
         modifier: createSignal<Modifier>(Modifier.None),
         latest: createSignal<HTMLElement>(),
         selectables: createSignal<HTMLElement[]>([]),
-        add(key: string, value: Accessor<any>, element: HTMLElement) {
-            setState('data', data => [...data, { key, value, element: new WeakRef(element) }]);
+        keyMap: idKeyMap,
+        add(key, value, element) {
+            if (keyIdMap.has(key) === false) {
+                const id = createUniqueId();
+
+                keyIdMap.set(key, id);
+                idKeyMap.set(id, key);
+            }
+
+            setState('data', state.data.length, { key, value, element: new WeakRef(element) });
+
+            return keyIdMap.get(key)!;
         },
     };
 
@@ -180,31 +201,31 @@ const Root: ParentComponent = (props) => {
     return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} class={css.root}>{c()}</div>;
 };
 
-export const selectable = (element: HTMLElement, options: Accessor<{ value: object, key?: string }>) => {
-    const context = useSelection();
-    const internal = useInternalSelection();
+export function selectable<T extends object>(element: HTMLElement, options: Accessor<{ value: T, key: keyof T }>) {
+    const context = useSelection<T>();
+    const internal = useInternalSelection<T>();
 
-    const key = options().key ?? createUniqueId();
+    const key = options().key;
     const value = createMemo(() => options().value);
     const isSelected = context.isSelected(key);
 
-    internal.add(key, value, element);
+    const selectionKey = internal.add(key, value, element);
 
-    const createRange = (a?: HTMLElement, b?: HTMLElement): string[] => {
+    const createRange = (a?: HTMLElement, b?: HTMLElement): (keyof T)[] => {
         if (!a && !b) {
             return [];
         }
 
         if (!a) {
-            return [b!.dataset.selecatableKey!];
+            return [b!.dataset.selecatableKey! as keyof T];
         }
 
         if (!b) {
-            return [a!.dataset.selecatableKey!];
+            return [a!.dataset.selecatableKey! as keyof T];
         }
 
         if (a === b) {
-            return [a!.dataset.selecatableKey!];
+            return [a!.dataset.selecatableKey! as keyof T];
         }
 
         const nodes = internal.selectables[0]();
@@ -212,7 +233,7 @@ export const selectable = (element: HTMLElement, options: Accessor<{ value: obje
         const bIndex = nodes.indexOf(b);
         const selection = nodes.slice(Math.min(aIndex, bIndex), Math.max(aIndex, bIndex) + 1);
 
-        return selection.map(n => n.dataset.selectionKey!);
+        return selection.map(n => internal.keyMap.get(n.dataset.selecatableKey!)!);
     };
 
     createRenderEffect(() => {
@@ -256,13 +277,13 @@ export const selectable = (element: HTMLElement, options: Accessor<{ value: obje
     });
 
     element.classList.add(css.selectable);
-    element.dataset.selectionKey = key;
+    element.dataset.selectionKey = selectionKey;
 };
 
 declare module "solid-js" {
     namespace JSX {
         interface Directives {
-            selectable: { value: object, key?: string };
+            selectable: { value: object, key: any };
         }
     }
 }
\ No newline at end of file
diff --git a/src/global.d.ts b/src/global.d.ts
index 41957d9..82db5e8 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -4,10 +4,10 @@ interface FileSystemHandle {
     getUniqueId(): Promise<string>;
 }
 
-declare module "solid-js" {
-    namespace JSX {
-        interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
-            indeterminate?: boolean;
-        }
-    }
-}
\ No newline at end of file
+// declare module "solid-js" {
+//     namespace JSX {
+//         interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+//             indeterminate?: boolean;
+//         }
+//     }
+// }
\ No newline at end of file
diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx
index faa92bf..b607078 100644
--- a/src/routes/(editor).tsx
+++ b/src/routes/(editor).tsx
@@ -92,11 +92,15 @@ export default function Editor(props: ParentProps) {
             </nav>
 
             <section>
-                <ErrorBoundary fallback={err => <ErrorComp error={err} />}>
+                <FilesProvider>
+                    {props.children}
+                </FilesProvider>
+
+                {/* <ErrorBoundary fallback={err => <ErrorComp error={err} />}>
                     <FilesProvider>
                         {props.children}
                     </FilesProvider>
-                </ErrorBoundary>
+                </ErrorBoundary> */}
             </section>
         </main>
 
@@ -112,6 +116,8 @@ const ErrorComp: Component<{ error: Error }> = (props) => {
             cause => <>{cause().description}</>
         }</Show>
 
+        {props.error.stack}
+
         <a href="/">Return to start</a>
     </div>;
 };
diff --git a/src/routes/(editor)/experimental/grid.module.css b/src/routes/(editor)/experimental/grid.module.css
index 40f3bde..0243457 100644
--- a/src/routes/(editor)/experimental/grid.module.css
+++ b/src/routes/(editor)/experimental/grid.module.css
@@ -8,6 +8,8 @@
         z-index: 1;
         padding: var(--padding-xl);
         background-color: var(--surface-300);
+        max-inline-size: 25vw;
+        overflow: auto;
 
         & > ul {
             padding: 0;
diff --git a/src/routes/(editor)/experimental/grid.tsx b/src/routes/(editor)/experimental/grid.tsx
index 05fac16..c7c882d 100644
--- a/src/routes/(editor)/experimental/grid.tsx
+++ b/src/routes/(editor)/experimental/grid.tsx
@@ -1,8 +1,10 @@
 import { Sidebar } from '~/components/sidebar';
 import { Column, DataSetGroupNode, DataSetNode, DataSetRowNode, Grid, GridApi } from '~/components/grid';
 import { people, Person } from './experimental.data';
+import { Component, createEffect, createMemo, createSignal, For, Match, Switch } from 'solid-js';
+import { Created, debounce, Deleted, MutarionKind, Mutation, Updated } from '~/utilities';
+import { createDataSet, Table } from '~/components/table';
 import css from './grid.module.css';
-import { createMemo, createSignal } from 'solid-js';
 
 export default function GridExperiment() {
     const columns: Column<Person>[] = [
@@ -27,7 +29,10 @@ export default function GridExperiment() {
             id: 'email',
             label: 'Email',
             sortable: true,
-            editor: ({ value }) => <input value={value} />,
+            editor: ({ value, mutate }) => <input value={value} oninput={debounce(e => {
+                console.log('WHAAAAT????', e);
+                return mutate(e.target.value.trim());
+            }, 100)} />,
         },
         {
             id: 'address',
@@ -55,13 +60,46 @@ export default function GridExperiment() {
 
     const mutations = createMemo(() => api()?.mutations() ?? [])
 
+    // createEffect(() => {
+    //     console.log(mutations());
+    // });
+
     return <div class={css.root}>
-        <Sidebar as="aside" label={'Mutations'} class={css.sidebar}>
-            {mutations().length}
+        <Sidebar as="aside" label={'Grid options'} class={css.sidebar}>
+            <fieldset>
+                <legend>Commands</legend>
+
+                <button onclick={() => api()?.insert({ id: 'some guid', name: 'new person', address: '', country: '', currency: '', email: 'some@email.email', phone: '' })}>add row</button>
+                <button onclick={() => api()?.remove(api()?.selection()?.map(i => i.key as any) ?? [])} disabled={api()?.selection().length === 0}>Remove {api()?.selection().length} items</button>
+            </fieldset>
+
+            <fieldset>
+                <legend>Selection ({api()?.selection().length})</legend>
+
+                <pre>{JSON.stringify(api()?.selection().map(i => i.key))}</pre>
+            </fieldset>
+
+            <fieldset>
+                <legend>Mutations ({mutations().length})</legend>
+
+                <Mutations mutations={mutations()} />
+            </fieldset>
         </Sidebar>
 
         <div class={css.content}>
             <Grid api={setApi} rows={people} columns={columns} groupBy="country" />
         </div>
     </div >;
-}
\ No newline at end of file
+}
+
+type M = { kind: MutarionKind, key: string, original?: any, value?: any };
+const Mutations: Component<{ mutations: Mutation[] }> = (props) => {
+    const columns: Column<M>[] = [{ id: 'key', label: 'Key' }, { id: 'original', label: 'original' }, { id: 'value', label: 'Value' }];
+
+    const rows = createMemo(() => createDataSet<M>(props.mutations));
+
+    return <Table rows={rows()} columns={columns} groupBy='kind'>{{
+        original: ({ value }) => <del>{value}</del>,
+        value: ({ value }) => <ins>{value}</ins>,
+    }}</Table>
+};
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental/table.tsx b/src/routes/(editor)/experimental/table.tsx
index a7c81a3..b163081 100644
--- a/src/routes/(editor)/experimental/table.tsx
+++ b/src/routes/(editor)/experimental/table.tsx
@@ -1,6 +1,6 @@
 import { Sidebar } from '~/components/sidebar';
 import css from './table.module.css';
-import { Column, DataSetGroupNode, DataSetNode, DataSetRowNode, SelectionMode, Table } from '~/components/table';
+import { Column, createDataSet, DataSetGroupNode, DataSetNode, DataSetRowNode, SelectionMode, Table } from '~/components/table';
 import { createStore } from 'solid-js/store';
 import { Person, people } from './experimental.data';
 
@@ -106,7 +106,7 @@ export default function TableExperiment() {
         </Sidebar>
 
         <div class={css.content}>
-            <Table class={css.table} rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
+            <Table class={css.table} rows={createDataSet(people)} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
                 // email: (cell) => <input type="email" value={cell.value} />,
             }}</Table>
         </div>
diff --git a/src/utilities.ts b/src/utilities.ts
index c47a58b..8b8256e 100644
--- a/src/utilities.ts
+++ b/src/utilities.ts
@@ -56,7 +56,7 @@ export enum MutarionKind {
 }
 export type Created = { kind: MutarionKind.Create, key: string, value: any };
 export type Updated = { kind: MutarionKind.Update, key: string, value: any, original: any };
-export type Deleted = { kind: MutarionKind.Delete, key: string };
+export type Deleted = { kind: MutarionKind.Delete, key: string, original: any };
 export type Mutation = Created | Updated | Deleted;
 
 export function* deepDiff<T1 extends object, T2 extends object>(a: T1, b: T2, path: string[] = []): Generator<Mutation, void, unknown> {
@@ -74,7 +74,7 @@ export function* deepDiff<T1 extends object, T2 extends object>(a: T1, b: T2, pa
         }
 
         if (keyA && keyB === undefined) {
-            yield { key: path.concat(keyA.toString()).join('.'), kind: MutarionKind.Delete };
+            yield { key: path.concat(keyA.toString()).join('.'), kind: MutarionKind.Delete, original: valueA };
 
             continue;
         }
@@ -93,7 +93,7 @@ export function* deepDiff<T1 extends object, T2 extends object>(a: T1, b: T2, pa
 
         yield ((): Mutation => {
             if (valueA === null || valueA === undefined) return { key, kind: MutarionKind.Create, value: valueB };
-            if (valueB === null || valueB === undefined) return { key, kind: MutarionKind.Delete };
+            if (valueB === null || valueB === undefined) return { key, kind: MutarionKind.Delete, original: valueA };
 
             return { key, kind: MutarionKind.Update, value: valueB, original: valueA };
         })();
-- 
2.50.1


From 1d88565773b9ab33c60827420e85c123f16e7f4c Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Tue, 17 Dec 2024 08:18:25 +0100
Subject: [PATCH 15/23] .

---
 bun.lockb                                     | Bin 355329 -> 355329 bytes
 package.json                                  |   4 +-
 src/app.css                                   |  10 ++
 src/components/filetree.tsx                   |   4 +-
 src/components/grid/grid.tsx                  | 111 +++++++--------
 src/components/grid/index.tsx                 |   2 +-
 src/components/table/dataset.ts               | 126 +++++++++++++++---
 src/components/table/index.tsx                |   6 +-
 src/components/table/table.tsx                | 120 +++++------------
 src/entry-server.tsx                          |   2 +-
 src/features/selectable/index.tsx             |  89 ++++++++-----
 src/global.d.ts                               |  14 +-
 src/routes/(editor).tsx                       |  10 +-
 .../(editor)/experimental/grid.module.css     |   2 +
 src/routes/(editor)/experimental/grid.tsx     |  48 ++++++-
 src/routes/(editor)/experimental/table.tsx    |  35 +++--
 src/utilities.ts                              |   6 +-
 17 files changed, 360 insertions(+), 229 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 9b87d97f2432cda8d5216446a8709073c68cc0ec..9c2dca48e48bd33095695c156868aac6024f8c81 100644
GIT binary patch
delta 254
zcmZp?A=-FDbb_8j%I9A}56?|>yd-fcyR1>9@~-36BQNy7z6}X&3gg<rskYJY*@np_
z;U=3iHVW`gu6SwCykg(>75f-v^&LF+>%DgU`C}K$>Dy@zrA;N@&DzAiEm>rx93Apx
z_Pl%l?K-7qmLB;&Gx>wYqN1yx<tOW{Yh7<ve4t2%(Z=S4m;83tcZ@#-9RjmcJEhOf
zGrwW*IH1sQ!`6R|LeDFm0!tPY?9_iL<B_I*$v{wk(q``Z?K;~^vf^Gi_5XA|SF-7_
z&Vk<zy9M(ZT5XxO+A^2UWi*<;c`oxNMzi*`dCc3>=CQCjF`7+3*vF!@z5fAA1ON2n
OrmTwF4L-13tOfu$-FFrM

delta 257
zcmZp?A=-FDbb_7&|J};4>cjW+)46OFU$k96sUV+v=~c_>UB;64?v}1~-LTQ`*@np`
zQ6`%+HVW`gwn#K+Ua@ccihYc-`VM`|PAs*S`m<=VYU=`<+pMOWt}bU-aJKxYdh`;r
zI*w1m1}Axr8_az2M{3$R4#vw;DGIy0&Mw}caZJ(MWl6@IuDI>2?-+jwI!xW?=pr>?
zmB#+7SD2b&%Cy%T>UrqBW!ElTaZT%W%khQoeuwtA&GTrCNIt!!*yhmVpNd86wj})v
zPg<ksd+g4`i><ayTWy(3=Q0{j-#nLj6QgN++C1j%Y4cdvoTfJ&V^QAT|A3`|f4XZ6
Si^BAROjgeA79UtnRs#SjDt4Rz

diff --git a/package.json b/package.json
index 6f0ea11..192e6ce 100644
--- a/package.json
+++ b/package.json
@@ -2,14 +2,14 @@
   "name": "calque",
   "dependencies": {
     "@solidjs/meta": "^0.29.4",
-    "@solidjs/router": "^0.15.1",
+    "@solidjs/router": "^0.15.2",
     "@solidjs/start": "^1.0.10",
     "dexie": "^4.0.10",
     "iterator-helpers-polyfill": "^3.0.1",
     "sitemap": "^8.0.0",
     "solid-icons": "^1.1.0",
     "solid-js": "^1.9.3",
-    "ts-pattern": "^5.5.0",
+    "ts-pattern": "^5.6.0",
     "vinxi": "^0.4.3"
   },
   "engines": {
diff --git a/src/app.css b/src/app.css
index 7a72a54..e3878fa 100644
--- a/src/app.css
+++ b/src/app.css
@@ -150,6 +150,16 @@ code {
   border-radius: var(--radii-m);
 }
 
+ins {
+  background-color: oklch(from var(--succ) l c h / .1);
+  color: oklch(from var(--succ) .1 .2 h);
+}
+
+del {
+  background-color: oklch(from var(--fail) l c h / .1);
+  color: oklch(from var(--fail) .1 .2 h);
+}
+
 @property --hue {
   syntax: '<angle>';
   inherits: false;
diff --git a/src/components/filetree.tsx b/src/components/filetree.tsx
index 34ec976..9515cd1 100644
--- a/src/components/filetree.tsx
+++ b/src/components/filetree.tsx
@@ -71,14 +71,14 @@ export const Tree: Component<{ entries: Entry[], children: readonly [(folder: Ac
 const _Tree: Component<{ entries: Entry[], children: readonly [(folder: Accessor<FolderEntry>) => JSX.Element, (file: Accessor<FileEntry>) => JSX.Element] }> = (props) => {
     const context = useContext(TreeContext);
 
-    return <For each={props.entries.sort(sort_by('kind'))}>{
+    return <For each={props.entries.toSorted(sort_by('kind'))}>{
         entry => <>
             <Show when={entry.kind === 'folder' ? entry : undefined}>{
                 folder => <Folder folder={folder()} children={props.children} />
             }</Show>
 
             <Show when={entry.kind === 'file' ? entry : undefined}>{
-                file => <span use:selectable={{ value: file() }} ondblclick={() => context?.open(file().meta)}><AiFillFile /> {props.children[1](file)}</span>
+                file => <span use:selectable={{ key: file().id, value: file() }} ondblclick={() => context?.open(file().meta)}><AiFillFile /> {props.children[1](file)}</span>
             }</Show>
         </>
     }</For>
diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx
index 21beb73..64aca68 100644
--- a/src/components/grid/grid.tsx
+++ b/src/components/grid/grid.tsx
@@ -1,28 +1,28 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, JSX, useContext } from "solid-js";
 import { createStore } from "solid-js/store";
 import { deepCopy, deepDiff, Mutation } from "~/utilities";
-import { SelectionMode, Table, Column as TableColumn, TableApi } from "~/components/table";
+import { SelectionMode, Table, Column as TableColumn, TableApi, CellEditors, CellEditor, createDataSet, DataSet, DataSetNode } from "~/components/table";
 import css from './grid.module.css';
 
 export interface Column<T extends Record<string, any>> extends TableColumn<T> {
-    editor?: (cell: { id: keyof T, value: T[keyof T] }) => JSX.Element;
+    editor?: (cell: { row: number, column: keyof T, value: T[keyof T], mutate: (next: T[keyof T]) => any }) => JSX.Element;
 }
 
 export interface GridApi<T extends Record<string, any>> extends TableApi<T> {
     readonly mutations: Accessor<Mutation[]>;
-    remove(keys: string[]): void;
-    insert(prop: string): void;
-    addColumn(name: string): void;
+    remove(keys: number[]): void;
+    insert(row: T, at?: number): void;
+    addColumn(column: keyof T): void;
 }
 
 interface GridContextType<T extends Record<string, any>> {
-    readonly rows: Accessor<T[]>;
+    readonly rows: Accessor<DataSetNode<keyof T, T>[]>;
     readonly mutations: Accessor<Mutation[]>;
-    // readonly selection: Accessor<SelectionItem[]>;
-    mutate(prop: string, value: string): void;
-    remove(props: string[]): void;
-    insert(prop: string): void;
-    addColumn(name: string): void;
+    readonly selection: TableApi<T>['selection'];
+    mutate<K extends keyof T>(row: number, column: K, value: T[K]): void;
+    remove(rows: number[]): void;
+    insert(row: T, at?: number): void;
+    addColumn(column: keyof T, value: T[keyof T]): void;
 }
 
 const GridContext = createContext<GridContextType<any>>();
@@ -30,65 +30,68 @@ const GridContext = createContext<GridContextType<any>>();
 const useGrid = () => useContext(GridContext)!;
 
 type GridProps<T extends Record<string, any>> = { class?: string, groupBy?: keyof T, columns: Column<T>[], rows: T[], api?: (api: GridApi<T>) => any };
+// type GridState<T extends Record<string, any>> = { data: DataSet<T>, columns: Column<T>[], numberOfRows: number };
 
 export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
     const [table, setTable] = createSignal<TableApi<T>>();
-    const [state, setState] = createStore<{ rows: T[], columns: Column<T>[], snapshot: T[], numberOfRows: number }>({
-        rows: [],
-        columns: [],
-        snapshot: [],
-        numberOfRows: 0,
-    });
+    const data = createMemo(() => createDataSet(props.rows));
 
-    const mutations = createMemo(() => {
-        // enumerate all values to make sure the memo is recalculated on any change
-        Object.values(state.rows).map(entry => Object.values(entry));
-
-        return deepDiff(state.snapshot, state.rows).toArray();
-    });
-
-    createEffect(() => {
-        setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
-        setState('snapshot', props.rows);
-    });
-
-    createEffect(() => {
-        setState('columns', props.columns);
-    });
-
-    createEffect(() => {
-        setState('numberOfRows', Object.keys(state.rows).length);
-    });
-
-    const rows = createMemo(() => state.rows);
-    const columns = createMemo(() => state.columns);
+    const rows = createMemo(() => data().value());
+    const mutations = createMemo(() => data().mutations());
+    const columns = createMemo(() => props.columns);
 
     const ctx: GridContextType<T> = {
         rows,
         mutations,
-        // selection,
+        selection: createMemo(() => table()?.selection() ?? []),
 
-        mutate(prop: string, value: string) {
+        mutate<K extends keyof T>(row: number, column: K, value: T[K]) {
+            data().mutate(row, column, value);
         },
 
-        remove(props: string[]) {
+        remove(rows: number[]) {
+            // setState('rows', (r) => r.filter((_, i) => rows.includes(i) === false));
         },
 
-        insert(prop: string) {
+        insert(row: T, at?: number) {
+            if (at === undefined) {
+                // setState('rows', state.rows.length, row);
+            } else {
+
+            }
         },
 
-        addColumn(id: keyof T): void {
+        addColumn(column: keyof T, value: T[keyof T]): void {
+            // setState('rows', { from: 0, to: state.rows.length - 1 }, column as any, value);
         },
     };
 
-    const cellEditors = createMemo(() => Object.fromEntries(state.columns.filter(c => c.editor !== undefined).map(c => [c.id, c.editor!] as const)));
+    const cellEditors = createMemo(() => Object.fromEntries(
+        props.columns
+            .filter(c => c.editor !== undefined)
+            .map(c => {
+                const Editor: CellEditor<T, keyof T> = ({ row, column, value }) => {
+                    const mutate = (next: T[keyof T]) => {
+                        console.log('KAAS', { next })
+
+                        ctx.mutate(row, column, next);
+                    };
+
+                    return c.editor!({ row, column, value, mutate });
+                };
+
+                return [c.id, Editor] as const;
+            })
+    ) as any);
 
     return <GridContext.Provider value={ctx}>
         <Api api={props.api} table={table()} />
 
-        <Table api={setTable} class={`${css.grid} ${props.class}`} rows={rows()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
-            cellEditors()
-        }</Table>
+        <form style="all: inherit; display: contents;">
+            <Table api={setTable} class={`${css.grid} ${props.class}`} rows={data()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
+                cellEditors()
+            }</Table>
+        </form>
     </GridContext.Provider>;
 };
 
@@ -105,14 +108,14 @@ function Api<T extends Record<string, any>>(props: { api: undefined | ((api: Gri
         return {
             ...table,
             mutations: gridContext.mutations,
-            remove(props: string[]) {
-                gridContext.remove(props);
+            remove(rows: number[]) {
+                gridContext.remove(rows);
             },
-            insert(prop: string) {
-                gridContext.insert(prop);
+            insert(row: T, at?: number) {
+                gridContext.insert(row, at);
             },
-            addColumn(name: string): void {
-                gridContext.addColumn(name);
+            addColumn(column: keyof T, value: T[keyof T]): void {
+                gridContext.addColumn(column, value);
             },
         };
     });
diff --git a/src/components/grid/index.tsx b/src/components/grid/index.tsx
index bca9921..44b0d44 100644
--- a/src/components/grid/index.tsx
+++ b/src/components/grid/index.tsx
@@ -1,4 +1,4 @@
 
-export type { DataSetRowNode, DataSetGroupNode, DataSetNode, SelectionMode } from '../table';
+export type { DataSetRowNode, DataSetGroupNode, DataSetNode, SelectionMode, SortingFunction, SortOptions, GroupingFunction, GroupOptions } from '../table';
 export type { GridApi, Column } from './grid';
 export { Grid } from './grid';
\ No newline at end of file
diff --git a/src/components/table/dataset.ts b/src/components/table/dataset.ts
index 270bbaf..056f1f7 100644
--- a/src/components/table/dataset.ts
+++ b/src/components/table/dataset.ts
@@ -1,27 +1,115 @@
+import { Accessor, createMemo } from "solid-js";
+import { createStore, NotWrappable, StoreSetter } from "solid-js/store";
+import { snapshot } from "vinxi/dist/types/runtime/storage";
+import { deepCopy, deepDiff, Mutation } from "~/utilities";
 
 
-export type DataSetRowNode<T> = { kind: 'row', key: string, value: T }
-export type DataSetGroupNode<T> = { kind: 'group', key: string, groupedBy: keyof T, nodes: DataSetNode<T>[] };
-export type DataSetNode<T> = DataSetRowNode<T> | DataSetGroupNode<T>;
+export type DataSetRowNode<K, T> = { kind: 'row', key: K, value: T }
+export type DataSetGroupNode<K, T> = { kind: 'group', key: K, groupedBy: keyof T, nodes: DataSetNode<K, T>[] };
+export type DataSetNode<K, T> = DataSetRowNode<K, T> | DataSetGroupNode<K, T>;
 
-export type DataSet<T extends Record<string, any>> = DataSetNode<T>[];
+export interface SortingFunction<T> {
+    (a: T, b: T): -1 | 0 | 1;
+}
+export interface SortOptions<T extends Record<string, any>> {
+    by: keyof T;
+    reversed: boolean;
+    with?: SortingFunction<T>;
+}
 
-export const createDataSet = <T extends Record<string, any>>(data: T[]): DataSetNode<T>[] => {
-    return Object.entries(data).map<DataSetRowNode<T>>(([key, value]) => ({ kind: 'row', key, value }));
-};
+export interface GroupingFunction<T> {
+    (nodes: DataSetRowNode<keyof T, T>[]): DataSetNode<keyof T, T>[];
+}
+export interface GroupOptions<T extends Record<string, any>> {
+    by: keyof T;
+    with: GroupingFunction<T>;
+}
+interface DataSetState<T extends Record<string, any>> {
+    value: DataSetRowNode<keyof T, T>[];
+    snapshot: DataSetRowNode<keyof T, T>[];
+    sorting?: SortOptions<T>;
+    grouping?: GroupOptions<T>;
+}
 
-type SortingFunction<T> = (a: T, b: T) => -1 | 0 | 1;
-type SortOptions<T extends Record<string, any>> = { by: keyof T, reversed: boolean, with: SortingFunction<T> };
-export const toSorted = <T extends Record<string, any>>(dataSet: DataSet<T>, sort: SortOptions<T>): DataSet<T> => {
-    const sorted = dataSet.toSorted((a, b) => sort.with(a.value[sort.by], b.value[sort.by]));
+export interface DataSet<T extends Record<string, any>> {
+    data: T[];
+    value: Accessor<DataSetNode<keyof T, T>[]>;
+    mutations: Accessor<Mutation[]>;
+    sort: Accessor<SortOptions<T> | undefined>;
 
-    if (sort.reversed) {
-        sorted.reverse();
-    }
+    // mutate<K extends keyof T>(index: number, value: T): void;
+    mutate<K extends keyof T>(index: number, prop: K, value: T[K]): void;
 
-    return sorted;
-};
+    setSorting(options: SortOptions<T> | undefined): void;
+    setGrouping(options: GroupOptions<T> | undefined): void;
+}
 
-type GroupingFunction<T> = (nodes: DataSetRowNode<T>[]) => DataSetNode<T>[];
-type GroupOptions<T extends Record<string, any>> = { by: keyof T, with: GroupingFunction<T> };
-export const toGrouped = <T extends Record<string, any>>(dataSet: DataSet<T>, group: GroupOptions<T>): DataSet<T> => group.with(dataSet as any);
\ No newline at end of file
+const defaultComparer = <T>(a: T, b: T) => a < b ? -1 : a > b ? 1 : 0;
+function defaultGroupingFunction<T>(groupBy: keyof T): GroupingFunction<T> {
+    return (nodes: DataSetRowNode<keyof T, T>[]): DataSetNode<keyof T, T>[] => Object.entries(Object.groupBy(nodes, r => r.value[groupBy] as PropertyKey))
+        .map(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! } as DataSetGroupNode<keyof T, T>));
+}
+
+export const createDataSet = <T extends Record<string, any>>(data: T[]): DataSet<T> => {
+    const nodes = data.map<DataSetRowNode<keyof T, T>>((value, key) => ({ kind: 'row', key: key as keyof T, value }));
+
+    const [state, setState] = createStore<DataSetState<T>>({
+        value: deepCopy(nodes),
+        snapshot: nodes,
+        sorting: undefined,
+        grouping: undefined,
+    });
+
+    const value = createMemo(() => {
+        const sorting = state.sorting;
+        const grouping = state.grouping;
+
+        let value = state.value as DataSetNode<keyof T, T>[];
+
+        if (sorting) {
+            const comparer = sorting.with ?? defaultComparer;
+
+            value = value.filter(entry => entry.kind === 'row').toSorted((a, b) => comparer(a.value[sorting.by], b.value[sorting.by]));
+
+            if (sorting.reversed) {
+                value.reverse();
+            }
+        }
+
+        if (grouping) {
+            const implementation = grouping.with ?? defaultGroupingFunction(grouping.by);
+
+            value = implementation(value as DataSetRowNode<keyof T, T>[]);
+        }
+
+        return value;
+    });
+
+    const mutations = createMemo(() => {
+        // enumerate all values to make sure the memo is recalculated on any change
+        Object.values(state.value).map(entry => Object.values(entry));
+
+        return deepDiff(state.snapshot, state.value).toArray();
+    });
+    const sort = createMemo(() => state.sorting);
+
+    return {
+        data,
+        value,
+        mutations,
+        sort,
+
+        mutate(index, prop, value) {
+            console.log({ index, prop, value });
+            // setState('value', index, 'value', prop as any, value);
+        },
+
+        setSorting(options) {
+            setState('sorting', options);
+        },
+
+        setGrouping(options) {
+            setState('grouping', options)
+        },
+    };
+};
\ No newline at end of file
diff --git a/src/components/table/index.tsx b/src/components/table/index.tsx
index eaa7d79..d575f94 100644
--- a/src/components/table/index.tsx
+++ b/src/components/table/index.tsx
@@ -1,5 +1,5 @@
 
-export type { Column, TableApi } from './table';
-export type { DataSet, DataSetGroupNode, DataSetRowNode, DataSetNode } from './dataset';
+export type { Column, TableApi, CellEditor, CellEditors } from './table';
+export type { DataSet, DataSetGroupNode, DataSetRowNode, DataSetNode, SortingFunction, SortOptions, GroupingFunction, GroupOptions } from './dataset';
 export { SelectionMode, Table } from './table';
-export { createDataSet, toSorted, toGrouped } from './dataset';
\ No newline at end of file
+export { createDataSet } from './dataset';
\ No newline at end of file
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 76ee0bb..bb035bd 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -1,50 +1,42 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, For, JSX, Match, Show, Switch, useContext } from "solid-js";
-import { selectable, SelectionProvider, useSelection } from "~/features/selectable";
-import { DataSetRowNode, DataSetGroupNode, DataSetNode, createDataSet, toSorted, toGrouped } from './dataset';
-import { createStore } from "solid-js/store";
+import { selectable, SelectionItem, SelectionProvider, useSelection } from "~/features/selectable";
+import { DataSetRowNode, DataSetNode, DataSet } from './dataset';
 import { FaSolidSort, FaSolidSortDown, FaSolidSortUp } from "solid-icons/fa";
 import css from './table.module.css';
 
-selectable
+selectable;
 
 export type Column<T> = {
     id: keyof T,
     label: string,
     sortable?: boolean,
     group?: string,
-    readonly groupBy?: (rows: DataSetRowNode<T>[]) => DataSetNode<T>[],
+    readonly groupBy?: (rows: DataSetRowNode<keyof T, T>[]) => DataSetNode<keyof T, T>[],
 };
 
-type SelectionItem<T> = { key: string, value: Accessor<T>, element: WeakRef<HTMLElement> };
-export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: (cell: { value: T[K] }) => JSX.Element };
+export type CellEditor<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
+export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: CellEditor<T, K> };
 
 export interface TableApi<T extends Record<string, any>> {
-    readonly selection: Accessor<SelectionItem<T>[]>;
-    readonly rows: Accessor<T[]>;
+    readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
+    readonly rows: Accessor<DataSet<T>>;
     readonly columns: Accessor<Column<T>[]>;
     selectAll(): void;
     clear(): void;
 }
 
-const TableContext = createContext<{
-    readonly rows: Accessor<any[]>,
-    readonly columns: Accessor<Column<any>[]>,
-    readonly selection: Accessor<any[]>,
+interface TableContextType<T extends Record<string, any>> {
+    readonly rows: Accessor<DataSet<T>>,
+    readonly columns: Accessor<Column<T>[]>,
+    readonly selection: Accessor<SelectionItem<keyof T, T>[]>,
     readonly selectionMode: Accessor<SelectionMode>,
-    readonly groupBy: Accessor<string | undefined>,
-    readonly sort: Accessor<{ by: string, reversed?: boolean } | undefined>,
-    readonly cellRenderers: Accessor<CellEditors<any>>,
-
-    setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined): void;
-}>();
-
-const useTable = () => useContext(TableContext)!
-
-function defaultGroupingFunction<T>(groupBy: keyof T) {
-    return (nodes: DataSetRowNode<T>[]): DataSetNode<T>[] => Object.entries(Object.groupBy<any, DataSetRowNode<T>>(nodes, r => r.value[groupBy]))
-        .map<DataSetGroupNode<T>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! }));
+    readonly cellRenderers: Accessor<CellEditors<T>>,
 }
 
+const TableContext = createContext<TableContextType<any>>();
+
+const useTable = <T extends Record<string, any>>() => useContext(TableContext)! as TableContextType<T>
+
 export enum SelectionMode {
     None,
     Single,
@@ -53,46 +45,27 @@ export enum SelectionMode {
 type TableProps<T extends Record<string, any>> = {
     class?: string,
     summary?: string,
-    rows: T[],
+    rows: DataSet<T>,
     columns: Column<T>[],
-    groupBy?: keyof T,
-    sort?: {
-        by: keyof T,
-        reversed?: boolean,
-    },
     selectionMode?: SelectionMode,
     children?: CellEditors<T>,
     api?: (api: TableApi<T>) => any,
 };
 
 export function Table<T extends Record<string, any>>(props: TableProps<T>) {
-    const [selection, setSelection] = createSignal<T[]>([]);
-    const [state, setState] = createStore({
-        sort: props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined,
-    });
+    const [selection, setSelection] = createSignal<SelectionItem<keyof T, T>[]>([]);
 
-    createEffect(() => {
-        setState('sort', props.sort ? { by: props.sort.by as string, reversed: props.sort.reversed } : undefined);
-    });
-
-    const rows = createMemo<T[]>(() => props.rows ?? []);
+    const rows = createMemo(() => props.rows);
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
     const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
-    const groupBy = createMemo(() => props.groupBy as string | undefined);
     const cellRenderers = createMemo<CellEditors<T>>(() => props.children ?? {});
 
-    const context = {
+    const context: TableContextType<T> = {
         rows,
         columns,
         selection,
         selectionMode,
-        groupBy,
-        sort: createMemo(() => state.sort),
         cellRenderers,
-
-        setSort(setter: (current: { by: string, reversed?: boolean } | undefined) => { by: string, reversed: boolean } | undefined) {
-            setState('sort', setter);
-        },
     };
 
     return <TableContext.Provider value={context}>
@@ -104,30 +77,13 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     </TableContext.Provider>;
 };
 
-type InnerTableProps<T extends Record<string, any>> = { class?: string, summary?: string, rows: T[] };
+type InnerTableProps<T extends Record<string, any>> = { class?: string, summary?: string, rows: DataSet<T> };
 
 function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
-    const table = useTable();
+    const table = useTable<T>();
 
     const selectable = createMemo(() => table.selectionMode() !== SelectionMode.None);
     const columnCount = createMemo(() => table.columns().length);
-    const nodes = createMemo<DataSetNode<T>[]>(() => {
-        const columns = table.columns();
-        const groupBy = table.groupBy();
-        const sort = table.sort();
-
-        let dataset = createDataSet(props.rows);
-
-        if (sort) {
-            dataset = toSorted(dataset, { by: sort.by, reversed: sort.reversed ?? false, with: (a, b) => a < b ? -1 : a > b ? 1 : 0 })
-        }
-
-        if (groupBy) {
-            dataset = toGrouped(dataset, { by: groupBy, with: columns.find(({ id }) => id === groupBy)?.groupBy ?? defaultGroupingFunction(groupBy) });
-        }
-
-        return dataset;
-    });
 
     return <table class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
         <Show when={props.summary}>{
@@ -138,7 +94,7 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
         <Head />
 
         <tbody class={css.main}>
-            <For each={nodes()}>{
+            <For each={props.rows.value()}>{
                 node => <Node node={node} depth={0} />
             }</For>
         </tbody>
@@ -154,13 +110,11 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
 };
 
 function Api<T extends Record<string, any>>(props: { api: undefined | ((api: TableApi<T>) => any) }) {
-    const table = useTable();
-    const selectionContext = useSelection<SelectionItem<T>>();
+    const table = useTable<T>();
+    const selectionContext = useSelection<T>();
 
     const api: TableApi<T> = {
-        selection: createMemo(() => {
-            return selectionContext.selection();
-        }),
+        selection: selectionContext.selection,
         rows: table.rows,
         columns: table.columns,
         selectAll() {
@@ -209,7 +163,7 @@ function Head(props: {}) {
 
             <For each={table.columns()}>{
                 ({ id, label, sortable }) => {
-                    const sort = createMemo(() => table.sort());
+                    const sort = createMemo(() => table.rows().sort());
                     const by = String(id);
 
                     const onPointerDown = (e: PointerEvent) => {
@@ -245,7 +199,7 @@ function Head(props: {}) {
     </thead>;
 };
 
-function Node<T extends Record<string, any>>(props: { node: DataSetNode<T>, depth: number, groupedBy?: keyof T }) {
+function Node<T extends Record<string, any>>(props: { node: DataSetNode<keyof T, T>, depth: number, groupedBy?: keyof T }) {
     return <Switch>
         <Match when={props.node.kind === 'row' ? props.node : undefined}>{
             row => <Row key={row().key} value={row().value} depth={props.depth} groupedBy={props.groupedBy} />
@@ -257,11 +211,11 @@ function Node<T extends Record<string, any>>(props: { node: DataSetNode<T>, dept
     </Switch>;
 }
 
-function Row<T extends Record<string, any>>(props: { key: string, value: T, depth: number, groupedBy?: keyof T }) {
-    const table = useTable();
-    const context = useSelection();
+function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, depth: number, groupedBy?: keyof T }) {
+    const table = useTable<T>();
+    const context = useSelection<T>();
+    const columns = table.columns;
 
-    const values = createMemo(() => Object.entries(props.value));
     const isSelected = context.isSelected(props.key);
 
     return <tr class={css.row} style={{ '--depth': props.depth }} use:selectable={{ value: props.value, key: props.key }}>
@@ -271,17 +225,17 @@ function Row<T extends Record<string, any>>(props: { key: string, value: T, dept
             </th>
         </Show>
 
-        <For each={values()}>{
-            ([k, value]) => <td class={css.cell}>{table.cellRenderers()[k]?.({ value }) ?? value}</td>
+        <For each={columns()}>{
+            ({ id }) => <td class={'css.cell'}>{table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id]}</td>
         }</For>
     </tr>;
 };
 
-function Group<T extends Record<string, any>>(props: { key: string, groupedBy: keyof T, nodes: DataSetNode<T>[], depth: number }) {
+function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
     const table = useTable();
 
     return <details open>
-        <summary style={{ '--depth': props.depth }}>{props.key}</summary>
+        <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
 
         <For each={props.nodes}>{
             node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
diff --git a/src/entry-server.tsx b/src/entry-server.tsx
index 51b314e..f56257b 100644
--- a/src/entry-server.tsx
+++ b/src/entry-server.tsx
@@ -36,7 +36,7 @@ export default createHandler(({ nonce }) => {
     // style: `${base} data: `,
   } as const;
 
-  event.response.headers.append('Content-Security-Policy', Object.entries(policies).map(([p, v]) => `${p}-src ${v}`).join('; '))
+  // event.response.headers.append('Content-Security-Policy', Object.entries(policies).map(([p, v]) => `${p}-src ${v}`).join('; '))
 
   return { nonce };
 });
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 458434b..ae54a29 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -1,4 +1,4 @@
-import { Accessor, children, createContext, createEffect, createMemo, createRenderEffect, createSignal, createUniqueId, onCleanup, onMount, ParentComponent, Setter, Signal, useContext } from "solid-js";
+import { Accessor, children, createContext, createEffect, createMemo, createRenderEffect, createSignal, createUniqueId, onCleanup, onMount, ParentComponent, ParentProps, Setter, Signal, useContext } from "solid-js";
 import { createStore } from "solid-js/store";
 import { isServer } from "solid-js/web";
 import css from "./index.module.css";
@@ -16,26 +16,33 @@ enum SelectionMode {
     Toggle,
 }
 
-export interface SelectionContextType<T extends object = object> {
-    readonly selection: Accessor<T[]>;
+export interface SelectionItem<K, T> {
+    key: K;
+    value: Accessor<T>;
+    element: WeakRef<HTMLElement>;
+};
+
+export interface SelectionContextType<T extends object> {
+    readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
     readonly length: Accessor<number>;
-    select(selection: string[], options?: Partial<{ mode: SelectionMode }>): void;
+    select(selection: (keyof T)[], options?: Partial<{ mode: SelectionMode }>): void;
     selectAll(): void;
     clear(): void;
-    isSelected(key: string): Accessor<boolean>;
+    isSelected(key: keyof T): Accessor<boolean>;
 }
-interface InternalSelectionContextType {
+interface InternalSelectionContextType<T extends object> {
     readonly latest: Signal<HTMLElement | undefined>,
     readonly modifier: Signal<Modifier>,
     readonly selectables: Signal<HTMLElement[]>,
-    add(key: string, value: object, element: HTMLElement): void;
+    readonly keyMap: Map<string, keyof T>,
+    add(key: keyof T, value: Accessor<T>, element: HTMLElement): string;
 }
-export interface SelectionHandler<T extends object = object> {
+export interface SelectionHandler<T extends object> {
     (selection: T[]): any;
 }
 
-const SelectionContext = createContext<SelectionContextType>();
-const InternalSelectionContext = createContext<InternalSelectionContextType>();
+const SelectionContext = createContext<SelectionContextType<any>>();
+const InternalSelectionContext = createContext<InternalSelectionContextType<any>>();
 
 export function useSelection<T extends object = object>(): SelectionContextType<T> {
     const context = useContext(SelectionContext);
@@ -46,15 +53,17 @@ export function useSelection<T extends object = object>(): SelectionContextType<
 
     return context as SelectionContextType<T>;
 };
-const useInternalSelection = () => useContext(InternalSelectionContext)!;
-
-interface State {
-    selection: string[];
-    data: { key: string, value: Accessor<any>, element: WeakRef<HTMLElement> }[];
+function useInternalSelection<T extends object>() {
+    return useContext(InternalSelectionContext)! as InternalSelectionContextType<T>;
 }
 
-export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler, multiSelect?: boolean }> = (props) => {
-    const [state, setState] = createStore<State>({ selection: [], data: [] });
+interface State<T extends object> {
+    selection: (keyof T)[];
+    data: SelectionItem<keyof T, T>[];
+}
+
+export function SelectionProvider<T extends object>(props: ParentProps<{ selection?: SelectionHandler<T>, multiSelect?: boolean }>) {
+    const [state, setState] = createStore<State<T>>({ selection: [], data: [] });
     const selection = createMemo(() => state.data.filter(({ key }) => state.selection.includes(key)));
     const length = createMemo(() => state.data.length);
 
@@ -62,7 +71,7 @@ export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler,
         props.selection?.(selection().map(({ value }) => value()));
     });
 
-    const context: SelectionContextType = {
+    const context: SelectionContextType<T> = {
         selection,
         length,
         select(selection, { mode = SelectionMode.Normal } = {}) {
@@ -92,17 +101,29 @@ export const SelectionProvider: ParentComponent<{ selection?: SelectionHandler,
         clear() {
             setState('selection', []);
         },
-        isSelected(key: string) {
+        isSelected(key) {
             return createMemo(() => state.selection.includes(key));
         },
     };
 
-    const internal: InternalSelectionContextType = {
+    const keyIdMap = new Map<keyof T, string>();
+    const idKeyMap = new Map<string, keyof T>();
+    const internal: InternalSelectionContextType<T> = {
         modifier: createSignal<Modifier>(Modifier.None),
         latest: createSignal<HTMLElement>(),
         selectables: createSignal<HTMLElement[]>([]),
-        add(key: string, value: Accessor<any>, element: HTMLElement) {
-            setState('data', data => [...data, { key, value, element: new WeakRef(element) }]);
+        keyMap: idKeyMap,
+        add(key, value, element) {
+            if (keyIdMap.has(key) === false) {
+                const id = createUniqueId();
+
+                keyIdMap.set(key, id);
+                idKeyMap.set(id, key);
+            }
+
+            setState('data', state.data.length, { key, value, element: new WeakRef(element) });
+
+            return keyIdMap.get(key)!;
         },
     };
 
@@ -180,31 +201,31 @@ const Root: ParentComponent = (props) => {
     return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} class={css.root}>{c()}</div>;
 };
 
-export const selectable = (element: HTMLElement, options: Accessor<{ value: object, key?: string }>) => {
-    const context = useSelection();
-    const internal = useInternalSelection();
+export function selectable<T extends object>(element: HTMLElement, options: Accessor<{ value: T, key: keyof T }>) {
+    const context = useSelection<T>();
+    const internal = useInternalSelection<T>();
 
-    const key = options().key ?? createUniqueId();
+    const key = options().key;
     const value = createMemo(() => options().value);
     const isSelected = context.isSelected(key);
 
-    internal.add(key, value, element);
+    const selectionKey = internal.add(key, value, element);
 
-    const createRange = (a?: HTMLElement, b?: HTMLElement): string[] => {
+    const createRange = (a?: HTMLElement, b?: HTMLElement): (keyof T)[] => {
         if (!a && !b) {
             return [];
         }
 
         if (!a) {
-            return [b!.dataset.selecatableKey!];
+            return [b!.dataset.selecatableKey! as keyof T];
         }
 
         if (!b) {
-            return [a!.dataset.selecatableKey!];
+            return [a!.dataset.selecatableKey! as keyof T];
         }
 
         if (a === b) {
-            return [a!.dataset.selecatableKey!];
+            return [a!.dataset.selecatableKey! as keyof T];
         }
 
         const nodes = internal.selectables[0]();
@@ -212,7 +233,7 @@ export const selectable = (element: HTMLElement, options: Accessor<{ value: obje
         const bIndex = nodes.indexOf(b);
         const selection = nodes.slice(Math.min(aIndex, bIndex), Math.max(aIndex, bIndex) + 1);
 
-        return selection.map(n => n.dataset.selectionKey!);
+        return selection.map(n => internal.keyMap.get(n.dataset.selecatableKey!)!);
     };
 
     createRenderEffect(() => {
@@ -256,13 +277,13 @@ export const selectable = (element: HTMLElement, options: Accessor<{ value: obje
     });
 
     element.classList.add(css.selectable);
-    element.dataset.selectionKey = key;
+    element.dataset.selectionKey = selectionKey;
 };
 
 declare module "solid-js" {
     namespace JSX {
         interface Directives {
-            selectable: { value: object, key?: string };
+            selectable: { value: object, key: any };
         }
     }
 }
\ No newline at end of file
diff --git a/src/global.d.ts b/src/global.d.ts
index 41957d9..82db5e8 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -4,10 +4,10 @@ interface FileSystemHandle {
     getUniqueId(): Promise<string>;
 }
 
-declare module "solid-js" {
-    namespace JSX {
-        interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
-            indeterminate?: boolean;
-        }
-    }
-}
\ No newline at end of file
+// declare module "solid-js" {
+//     namespace JSX {
+//         interface InputHTMLAttributes<T> extends HTMLAttributes<T> {
+//             indeterminate?: boolean;
+//         }
+//     }
+// }
\ No newline at end of file
diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx
index faa92bf..b607078 100644
--- a/src/routes/(editor).tsx
+++ b/src/routes/(editor).tsx
@@ -92,11 +92,15 @@ export default function Editor(props: ParentProps) {
             </nav>
 
             <section>
-                <ErrorBoundary fallback={err => <ErrorComp error={err} />}>
+                <FilesProvider>
+                    {props.children}
+                </FilesProvider>
+
+                {/* <ErrorBoundary fallback={err => <ErrorComp error={err} />}>
                     <FilesProvider>
                         {props.children}
                     </FilesProvider>
-                </ErrorBoundary>
+                </ErrorBoundary> */}
             </section>
         </main>
 
@@ -112,6 +116,8 @@ const ErrorComp: Component<{ error: Error }> = (props) => {
             cause => <>{cause().description}</>
         }</Show>
 
+        {props.error.stack}
+
         <a href="/">Return to start</a>
     </div>;
 };
diff --git a/src/routes/(editor)/experimental/grid.module.css b/src/routes/(editor)/experimental/grid.module.css
index 40f3bde..0243457 100644
--- a/src/routes/(editor)/experimental/grid.module.css
+++ b/src/routes/(editor)/experimental/grid.module.css
@@ -8,6 +8,8 @@
         z-index: 1;
         padding: var(--padding-xl);
         background-color: var(--surface-300);
+        max-inline-size: 25vw;
+        overflow: auto;
 
         & > ul {
             padding: 0;
diff --git a/src/routes/(editor)/experimental/grid.tsx b/src/routes/(editor)/experimental/grid.tsx
index 05fac16..c7c882d 100644
--- a/src/routes/(editor)/experimental/grid.tsx
+++ b/src/routes/(editor)/experimental/grid.tsx
@@ -1,8 +1,10 @@
 import { Sidebar } from '~/components/sidebar';
 import { Column, DataSetGroupNode, DataSetNode, DataSetRowNode, Grid, GridApi } from '~/components/grid';
 import { people, Person } from './experimental.data';
+import { Component, createEffect, createMemo, createSignal, For, Match, Switch } from 'solid-js';
+import { Created, debounce, Deleted, MutarionKind, Mutation, Updated } from '~/utilities';
+import { createDataSet, Table } from '~/components/table';
 import css from './grid.module.css';
-import { createMemo, createSignal } from 'solid-js';
 
 export default function GridExperiment() {
     const columns: Column<Person>[] = [
@@ -27,7 +29,10 @@ export default function GridExperiment() {
             id: 'email',
             label: 'Email',
             sortable: true,
-            editor: ({ value }) => <input value={value} />,
+            editor: ({ value, mutate }) => <input value={value} oninput={debounce(e => {
+                console.log('WHAAAAT????', e);
+                return mutate(e.target.value.trim());
+            }, 100)} />,
         },
         {
             id: 'address',
@@ -55,13 +60,46 @@ export default function GridExperiment() {
 
     const mutations = createMemo(() => api()?.mutations() ?? [])
 
+    // createEffect(() => {
+    //     console.log(mutations());
+    // });
+
     return <div class={css.root}>
-        <Sidebar as="aside" label={'Mutations'} class={css.sidebar}>
-            {mutations().length}
+        <Sidebar as="aside" label={'Grid options'} class={css.sidebar}>
+            <fieldset>
+                <legend>Commands</legend>
+
+                <button onclick={() => api()?.insert({ id: 'some guid', name: 'new person', address: '', country: '', currency: '', email: 'some@email.email', phone: '' })}>add row</button>
+                <button onclick={() => api()?.remove(api()?.selection()?.map(i => i.key as any) ?? [])} disabled={api()?.selection().length === 0}>Remove {api()?.selection().length} items</button>
+            </fieldset>
+
+            <fieldset>
+                <legend>Selection ({api()?.selection().length})</legend>
+
+                <pre>{JSON.stringify(api()?.selection().map(i => i.key))}</pre>
+            </fieldset>
+
+            <fieldset>
+                <legend>Mutations ({mutations().length})</legend>
+
+                <Mutations mutations={mutations()} />
+            </fieldset>
         </Sidebar>
 
         <div class={css.content}>
             <Grid api={setApi} rows={people} columns={columns} groupBy="country" />
         </div>
     </div >;
-}
\ No newline at end of file
+}
+
+type M = { kind: MutarionKind, key: string, original?: any, value?: any };
+const Mutations: Component<{ mutations: Mutation[] }> = (props) => {
+    const columns: Column<M>[] = [{ id: 'key', label: 'Key' }, { id: 'original', label: 'original' }, { id: 'value', label: 'Value' }];
+
+    const rows = createMemo(() => createDataSet<M>(props.mutations));
+
+    return <Table rows={rows()} columns={columns} groupBy='kind'>{{
+        original: ({ value }) => <del>{value}</del>,
+        value: ({ value }) => <ins>{value}</ins>,
+    }}</Table>
+};
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental/table.tsx b/src/routes/(editor)/experimental/table.tsx
index a7c81a3..e36c89e 100644
--- a/src/routes/(editor)/experimental/table.tsx
+++ b/src/routes/(editor)/experimental/table.tsx
@@ -1,19 +1,20 @@
 import { Sidebar } from '~/components/sidebar';
-import css from './table.module.css';
-import { Column, DataSetGroupNode, DataSetNode, DataSetRowNode, SelectionMode, Table } from '~/components/table';
+import { Column, createDataSet, DataSetGroupNode, DataSetNode, DataSetRowNode, GroupOptions, SelectionMode, SortOptions, Table } from '~/components/table';
 import { createStore } from 'solid-js/store';
 import { Person, people } from './experimental.data';
+import css from './table.module.css';
+import { createEffect, createMemo, For } from 'solid-js';
 
 export default function TableExperiment() {
     const columns: Column<Person>[] = [
         {
             id: 'id',
             label: '#',
-            groupBy(rows: DataSetRowNode<Person>[]) {
-                const group = (nodes: (DataSetRowNode<Person> & { _key: string })[]): DataSetNode<Person>[] => nodes.every(n => n._key.includes('.') === false)
+            groupBy(rows: DataSetRowNode<keyof Person, Person>[]) {
+                const group = (nodes: (DataSetRowNode<keyof Person, Person> & { _key: string })[]): DataSetNode<keyof Person, Person>[] => nodes.every(n => n._key.includes('.') === false)
                     ? nodes
                     : Object.entries(Object.groupBy(nodes, r => String(r._key).split('.').at(0)!))
-                        .map<DataSetGroupNode<Person>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'id', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
+                        .map<DataSetGroupNode<keyof Person, Person>>(([key, nodes]) => ({ kind: 'group', key, groupedBy: 'id', nodes: group(nodes!.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) }));
 
                 return group(rows.map(row => ({ ...row, _key: row.value.id })));
             },
@@ -50,10 +51,20 @@ export default function TableExperiment() {
         },
     ];
 
-    const [store, setStore] = createStore<{ selectionMode: SelectionMode, groupBy?: keyof Person, sort?: { by: keyof Person, reversed?: boolean } }>({
+    const [store, setStore] = createStore<{ selectionMode: SelectionMode, group?: GroupOptions<Person>, sort?: SortOptions<Person> }>({
         selectionMode: SelectionMode.None,
-        // groupBy: 'value',
-        // sortBy: 'key'
+        group: undefined,
+        sort: undefined,
+    });
+
+    const rows = createMemo(() => createDataSet(people));
+
+    createEffect(() => {
+        rows().setGrouping(store.group);
+    });
+
+    createEffect(() => {
+        rows().setSorting(store.sort);
     });
 
     return <div class={css.root}>
@@ -74,7 +85,7 @@ export default function TableExperiment() {
                 <label>
                     Group by
 
-                    <select value={store.groupBy ?? ''} oninput={e => setStore('groupBy', (e.target.value || undefined) as any)}>
+                    <select value={store.group?.by ?? ''} oninput={e => setStore('group', 'by', (e.target.value || undefined) as any)}>
                         <option value=''>None</option>
                         <For each={columns}>{
                             column => <option value={column.id}>{column.label}</option>
@@ -89,7 +100,7 @@ export default function TableExperiment() {
                 <label>
                     by
 
-                    <select value={store.sort?.by ?? ''} oninput={e => setStore('sort', prev => e.target.value ? { by: e.target.value as keyof Entry, reversed: prev?.reversed } : undefined)}>
+                    <select value={store.sort?.by ?? ''} oninput={e => setStore('sort', prev => e.target.value ? { by: e.target.value as keyof Person, reversed: prev?.reversed } : undefined)}>
                         <option value=''>None</option>
                         <For each={columns}>{
                             column => <option value={column.id}>{column.label}</option>
@@ -106,9 +117,7 @@ export default function TableExperiment() {
         </Sidebar>
 
         <div class={css.content}>
-            <Table class={css.table} rows={people} columns={columns} groupBy={store.groupBy} sort={store.sort} selectionMode={store.selectionMode}>{{
-                // email: (cell) => <input type="email" value={cell.value} />,
-            }}</Table>
+            <Table class={css.table} rows={rows()} columns={columns} selectionMode={store.selectionMode} />
         </div>
     </div >;
 }
\ No newline at end of file
diff --git a/src/utilities.ts b/src/utilities.ts
index c47a58b..8b8256e 100644
--- a/src/utilities.ts
+++ b/src/utilities.ts
@@ -56,7 +56,7 @@ export enum MutarionKind {
 }
 export type Created = { kind: MutarionKind.Create, key: string, value: any };
 export type Updated = { kind: MutarionKind.Update, key: string, value: any, original: any };
-export type Deleted = { kind: MutarionKind.Delete, key: string };
+export type Deleted = { kind: MutarionKind.Delete, key: string, original: any };
 export type Mutation = Created | Updated | Deleted;
 
 export function* deepDiff<T1 extends object, T2 extends object>(a: T1, b: T2, path: string[] = []): Generator<Mutation, void, unknown> {
@@ -74,7 +74,7 @@ export function* deepDiff<T1 extends object, T2 extends object>(a: T1, b: T2, pa
         }
 
         if (keyA && keyB === undefined) {
-            yield { key: path.concat(keyA.toString()).join('.'), kind: MutarionKind.Delete };
+            yield { key: path.concat(keyA.toString()).join('.'), kind: MutarionKind.Delete, original: valueA };
 
             continue;
         }
@@ -93,7 +93,7 @@ export function* deepDiff<T1 extends object, T2 extends object>(a: T1, b: T2, pa
 
         yield ((): Mutation => {
             if (valueA === null || valueA === undefined) return { key, kind: MutarionKind.Create, value: valueB };
-            if (valueB === null || valueB === undefined) return { key, kind: MutarionKind.Delete };
+            if (valueB === null || valueB === undefined) return { key, kind: MutarionKind.Delete, original: valueA };
 
             return { key, kind: MutarionKind.Update, value: valueB, original: valueA };
         })();
-- 
2.50.1


From ed8eecea2aed1651c7be28c10a3d8a0589bfad3a Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Tue, 17 Dec 2024 13:29:27 +0100
Subject: [PATCH 16/23] fix merge issues

---
 src/components/table/table.tsx | 112 +++++++++++++--------------------
 1 file changed, 43 insertions(+), 69 deletions(-)

diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 20b533b..c65b371 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -12,17 +12,12 @@ export type Column<T> = {
     sortable?: boolean,
     group?: string,
     readonly groupBy?: (rows: DataSetRowNode<keyof T, T>[]) => DataSetNode<keyof T, T>[],
-    readonly groupBy?: (rows: DataSetRowNode<keyof T, T>[]) => DataSetNode<keyof T, T>[],
 };
 
-export type CellEditor<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
-export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: CellEditor<T, K> };
 export type CellEditor<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
 export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: CellEditor<T, K> };
 
 export interface TableApi<T extends Record<string, any>> {
-    readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
-    readonly rows: Accessor<DataSet<T>>;
     readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
     readonly rows: Accessor<DataSet<T>>;
     readonly columns: Accessor<Column<T>[]>;
@@ -30,10 +25,6 @@ export interface TableApi<T extends Record<string, any>> {
     clear(): void;
 }
 
-interface TableContextType<T extends Record<string, any>> {
-    readonly rows: Accessor<DataSet<T>>,
-    readonly columns: Accessor<Column<T>[]>,
-    readonly selection: Accessor<SelectionItem<keyof T, T>[]>,
 interface TableContextType<T extends Record<string, any>> {
     readonly rows: Accessor<DataSet<T>>,
     readonly columns: Accessor<Column<T>[]>,
@@ -55,7 +46,6 @@ type TableProps<T extends Record<string, any>> = {
     class?: string,
     summary?: string,
     rows: DataSet<T>,
-    rows: DataSet<T>,
     columns: Column<T>[],
     selectionMode?: SelectionMode,
     children?: CellEditors<T>,
@@ -65,20 +55,18 @@ type TableProps<T extends Record<string, any>> = {
 export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     const [selection, setSelection] = createSignal<SelectionItem<keyof T, T>[]>([]);
 
-    const rows = createMemo(() => props.rows);
     const rows = createMemo(() => props.rows);
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
     const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
     const cellRenderers = createMemo<CellEditors<T>>(() => props.children ?? {});
 
     const context: TableContextType<T> = {
-        const context: TableContextType<T> = {
-            rows,
-            columns,
-            selection,
-            selectionMode,
-            cellRenderers,
-        };
+        rows,
+        columns,
+        selection,
+        selectionMode,
+        cellRenderers,
+    };
 
     return <TableContext.Provider value={context}>
         <SelectionProvider selection={setSelection} multiSelect={props.selectionMode === SelectionMode.Multiple}>
@@ -89,12 +77,10 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     </TableContext.Provider>;
 };
 
-type InnerTableProps<T extends Record<string, any>> = { class?: string, summary?: string, rows: DataSet<T> };
 type InnerTableProps<T extends Record<string, any>> = { class?: string, summary?: string, rows: DataSet<T> };
 
 function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
     const table = useTable<T>();
-    const table = useTable<T>();
 
     const selectable = createMemo(() => table.selectionMode() !== SelectionMode.None);
     const columnCount = createMemo(() => table.columns().length);
@@ -109,9 +95,8 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
 
         <tbody class={css.main}>
             <For each={props.rows.value()}>{
-                <For each={props.rows.value()}>{
-                    node => <Node node={node} depth={0} />
-                }</For>
+                node => <Node node={node} depth={0} />
+            }</For>
         </tbody>
 
         {/* <Show when={true}>
@@ -127,11 +112,8 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
 function Api<T extends Record<string, any>>(props: { api: undefined | ((api: TableApi<T>) => any) }) {
     const table = useTable<T>();
     const selectionContext = useSelection<T>();
-    const table = useTable<T>();
-    const selectionContext = useSelection<T>();
 
     const api: TableApi<T> = {
-        selection: selectionContext.selection,
         selection: selectionContext.selection,
         rows: table.rows,
         columns: table.columns,
@@ -181,7 +163,6 @@ function Head(props: {}) {
 
             <For each={table.columns()}>{
                 ({ id, label, sortable }) => {
-                    const sort = createMemo(() => table.rows().sort());
                     const sort = createMemo(() => table.rows().sort());
                     const by = String(id);
 
@@ -219,53 +200,46 @@ function Head(props: {}) {
 };
 
 function Node<T extends Record<string, any>>(props: { node: DataSetNode<keyof T, T>, depth: number, groupedBy?: keyof T }) {
-    function Node<T extends Record<string, any>>(props: { node: DataSetNode<keyof T, T>, depth: number, groupedBy?: keyof T }) {
-        return <Switch>
-            <Match when={props.node.kind === 'row' ? props.node : undefined}>{
-                row => <Row key={row().key} value={row().value} depth={props.depth} groupedBy={props.groupedBy} />
-            }</Match>
+    return <Switch>
+        <Match when={props.node.kind === 'row' ? props.node : undefined}>{
+            row => <Row key={row().key} value={row().value} depth={props.depth} groupedBy={props.groupedBy} />
+        }</Match>
 
-            <Match when={props.node.kind === 'group' ? props.node : undefined}>{
-                group => <Group key={group().key} groupedBy={group().groupedBy} nodes={group().nodes} depth={props.depth} />
-            }</Match>
-        </Switch>;
-    }
+        <Match when={props.node.kind === 'group' ? props.node : undefined}>{
+            group => <Group key={group().key} groupedBy={group().groupedBy} nodes={group().nodes} depth={props.depth} />
+        }</Match>
+    </Switch>;
+}
 
-    function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, depth: number, groupedBy?: keyof T }) {
-        const table = useTable<T>();
-        const context = useSelection<T>();
-        const columns = table.columns;
+function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, depth: number, groupedBy?: keyof T }) {
+    const table = useTable<T>();
+    const context = useSelection<T>();
+    const columns = table.columns;
 
-        function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, depth: number, groupedBy?: keyof T }) {
-            const table = useTable<T>();
-            const context = useSelection<T>();
-            const columns = table.columns;
+    const isSelected = context.isSelected(props.key);
 
-            const isSelected = context.isSelected(props.key);
+    return <tr class={css.row} style={{ '--depth': props.depth }} use:selectable={{ value: props.value, key: props.key }}>
+        <Show when={table.selectionMode() !== SelectionMode.None}>
+            <th class={css.checkbox}>
+                <input type="checkbox" checked={isSelected()} on:input={() => context.select([props.key])} on:pointerdown={e => e.stopPropagation()} />
+            </th>
+        </Show>
 
-            return <tr class={css.row} style={{ '--depth': props.depth }} use:selectable={{ value: props.value, key: props.key }}>
-                <Show when={table.selectionMode() !== SelectionMode.None}>
-                    <th class={css.checkbox}>
-                        <input type="checkbox" checked={isSelected()} on:input={() => context.select([props.key])} on:pointerdown={e => e.stopPropagation()} />
-                    </th>
-                </Show>
+        <For each={columns()}>{
+            ({ id }) => <td class={'css.cell'}>{table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id]}</td>
+        }</For>
+    </tr>;
+};
 
-                <For each={columns()}>{
-                    ({ id }) => <td class={'css.cell'}>{table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id]}</td>
-                }</For>
-            </tr>;
-        };
+function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
+    const table = useTable();
 
-        function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
-            function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
-                const table = useTable();
+    return <details open>
+        <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
+        <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
 
-                return <details open>
-                    <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
-                    <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
-
-                    <For each={props.nodes}>{
-                        node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
-                    }</For>
-                </details>;
-            };
\ No newline at end of file
+        <For each={props.nodes}>{
+            node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
+        }</For>
+    </details>;
+};
\ No newline at end of file
-- 
2.50.1


From 529647b0d75ec4aef243d19a4856bcb5803c4d35 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Tue, 17 Dec 2024 15:59:49 +0100
Subject: [PATCH 17/23] .

---
 bun.lockb                                  | Bin 355329 -> 359864 bytes
 src/components/table/table.module.css      |  14 ++++----
 src/components/table/table.tsx             |  40 +++++++++++----------
 src/entry-server.tsx                       |   2 +-
 src/routes/(editor)/experimental/table.tsx |   4 +--
 5 files changed, 32 insertions(+), 28 deletions(-)

diff --git a/bun.lockb b/bun.lockb
index 9c2dca48e48bd33095695c156868aac6024f8c81..fd43379ed98de5a033144e3289b511ed1e30cd33 100644
GIT binary patch
delta 111546
zcmZp?A-dzY=mb5@my;fuulXFQ>Ks?HLh;hC`Ng6A*4vr90$RG~7QdO@prldD$^Zft
z6T{`}CGwa-Yz78~<iwo9(o_b9vdp}SOa=yqXeI^*c?O1t{frC@+zbp2Pnj7Q6d4#A
zCbBRv$T2W9)Uz-!2r)1;6tgfe@GvkmoMUBR5My9yuwY|g;9_8CNG(oI%t=g1J;=(y
zz{|kUu$Gm9L4<*!VIeC-eHIG?17|%0Lqla^PEKZV2}5yeZdqy(1H&<9h{eY_7#Nfo
z7#db{Ffhn4Ff`;dGcfQoFf{ZrGcX7;Ff{0LF)(m4Ff`OLGcX7+Ff^RxVqlPDU}*5*
zW?+zJU}!MpW?&F!U})IH1))887#Ktu7#dueAr7)+W?-lXxm=$Yq9Lm|wK$o9fgu5E
zQF=~(QesXqLrQ8=X*vS~LvAr7s5UY~44Tgj34tJH1_nL`hKBUiyyD8dWQMHb{5(?z
z28LTq3=C2X3=Pgq3=9$s3=Kw15QnFvrj>$BQe<K<1^Yw*DzRD+;xa}ih)+K;Lg*)q
z5DTtB>B$jH8cL;U`5;3Wic3;-Q}fCgJcS|Qo|}_X36jtfoji+4j>$%N@-8O1$q$$$
z>KBSZj7do?E-3=Vcu{_Fad|OAmlz}<ji4rE7MqzQWtK2-NHQ=8GcYt{7VDN5=P)qL
zh4TMNLe!^Lq$VdaFfbgHf~eaf1#$igDM$<#B$j08W~Wxpf$-}aCQ3n)QX7<>Ap`N>
zTN#K(n1=F<%;XFP28PVy)QVIF28J3bh}VjxAQtE6rIuvorZVJa=4K}Arsc^ALz323
zMu@s(d5F5CqQvCXVg`m=@*wegh6V)%NC*@uKorP96=oLef+CwiRS~3+p@Cl*;xIX7
zNXlSTW?+zIU}$)(1WEfxlpslTi4p^Y0s})svl1k4q(bH0pz=COkQ5-O#K0g8O6xxq
zA!+oEA|y>8QiLejq6l%=N<~NronnLpVR33+3MevvYC!n!G$8V+sk&*IMa3nLp?r2N
zh<tHLVo7OnYVl7^h<TZL8L35?CB-SJ1u1+WgO)=z%+r{h#A;SwkXTflT3VDdPXiJl
ztDzw{PZyG>Ch9_BrUgnbVuYy6PfINUMG-g?GcYuOGH^y}9z#}U38?H~fW=61Mt*i?
zN@7u3acWs=UP-Z}A;ewW5W2qMxgjJ^Fc?BSR+O5Ul9E|ekeFAQn^=;ZF%xQGX<m6^
zaV`TxX<k82X?kWJzbPbB2be%So}HIjQl4LwU7A-?S&*8-P@G(v14=p;W)SmB^D=V_
z@{3CN%po3v6dv^q4Y0JrY7X()1gM3%sYU6jMhpz07Lbs*VF5|x29^*DYb+s2#1$%^
zmRMX;$iTo*lv-MxnO4d0!wh24ZYv0FYywH6EG7_h!1ACZQJR-rQo(@m8LSxWGJ%vD
zm5D{^pn|8=7UGjMTZqL`wh)K-LFqMikPumD2MNjPc966@*&aeC=VX?G;)dG+;!!^b
z28Mc2!9Lvq;=*SR5QUY77I~ng!e9&G=NF`c`LJRDmi<pSLPDk}KPRWOfPvwi3j>1+
z14F|pD81Z;fkBypp`q0UQjVv(Kr)M)3ncTXyD-#)YZwlwz$<4+?m7dd*Fout&XC+!
z0;MCIA(_VpN-IEVR%b|VeeDFvRF|9}nXL|*M)FJ`4vsN_l-p{)^$;Hl`a%kHeLqOh
zs`){JNX8E${~Jm>`a?996q%TTLP!{@jxzwFFD?L*x>@}obXKu$Wnyj)Lt;@nIHP^{
zg@`}%g+%4Q`ap;UcYPrip7VtmbjTMHw_3pv4dTI&M8g~mNkm_QAnKT*2LAAY#Q9q&
z{n!U$Zf+>V+?Y^^g}I<o6I7EWre`K67MIi~he6^#J10L6RFr4t7p10T7BiHDLoCV&
zhd3k#N_&MvLcls4;((OYJaD5yI~)?UQsEGbGD=DcDk>QmGV=4Y6O(dM-Ay14NhvMJ
zNv%jN0+qH&l??R^_o5&UD9%YN1{L{NqaX@1)ARC+QW+R_MM2^;tynj;qNFG>F$UtG
zuo#GsL3M3fW=?8qaZ+h!P6~rbJj8*D@sJSXjfZ&TcN|3gc^rg)F%HyPsb^@|7Y9+e
z2C85NR6!G10YgI`lph`k$zG07aXqL$DX2ULRR5P)hz0jzK^8DHoQ{Q<zbzJ$#uh>4
zdqDD`3=9nwP=T~qhznElOLPm0@(WUu3_xj&A-O0&57aD5&d)7KEU92fHZ%f@7bRPQ
z>GaI>)Di{;hLS{3ozB2;Hhppyr=3$uehH{mzyK?O;RS0^az<uZYSHE_ND}#(1&O)7
zEJ%!Q&W0p8)||<gIMwRk<v`+NaW+KR`dml^2WCU!A-O17*Vu@G0ai7aWI?p&<fnim
zlrtY<4b1r0`4D-8HIR6`o(~DO%;LnNqQpvu)A?ZY>l;8R1?10Hg^=*PRS0p&`9g@s
z+|0bpg2dutSYA9<2yyVbVu-qh#gGIBEB4TfMOg7Uy%gdwSn&xe9=RFn85&kX1FE>B
zC^a#+g5i4^#NyXwU>7zdnSe451H;2Ih))-mK^!nQ3nJeHr4zwzLk0#76NvuQN{D=T
zCB$NwM~kW;4o|OQVBiL|S7APbl`@^xlYeo`)hA`<rDW!%7cZ`XsQ0ae*l$(|NvKMd
zkPwBX3s^HdHyc#HGBAJwt|})psVFnIC^3xzlu*j^iWnGF>L3X=FTVhktQZoLl8REx
z7#Ltp6LAx83aD@BZGd>>QUk;z?~NfTyd<@#7?fZ?HbN3KtR4wyf~bGd2nnD|jgS~E
z&dpB(#c*aL#KAY3A?j`#L*(}vLyCZFEs%gZ+XB*G&(LrL%wT9JN-fUMDNAKwZ-Z1U
ze_J6T@xB$JAtSLkzdVnD!Lc2Z6jmEUd^ip2;Cf?7h*fkzJd&1@3C>FS9UzMs8nTTc
z4vRE~c<4eW1A`){>Q3u|_&B%=VxX-tq+)^<MzAsiR+hlZ4p`X$E&~`C8enAutgwO=
zQn0cJRtCY!8c-Qi59&+73KLiv0xR`kg&M4of)zrr(h*h~!U{cD;RP#$lA%3=l*9^M
zP_f)K2~s#9HO%Y5E%RHGAVC9514;Q6;KqXa6i6KEPJu)PtRhmG0tr%SD4m><n3K%_
z>U5TXT5Aji`Nbv4#l;MHiFx^%DGUs_L$V%{IH(bnWQAlsw4xytlvVlQ20TNCF({2Q
zFnB^+*v0udnJKzi#Xsjlg0?udD8DQ*hatJR7}SDgu!DBHi!)17a}x^~iW5PNL<Ue>
z0&Gyd<$Orc!m^<%Bc!#Hl3I}o3QKWlXE9(QIKMWOWtM>Zo%a?(a>0d#klX=k)@3A?
zFzj0hN!@9SA<eWuiy?^{+;TBxU`Wj?$t=lCEq=cktiK-KFJA-Icy}oz8y#N?iJFa2
z+HE1kp*B!Dd^scy6lY{+XJ%zGTwD&xcKT3<$wJLrw*sP%Z6U<mYYQL^V!xH30<WH-
z!FeSlk*!||F)$a}swqkZwQU#}N{VwbK_v^<YKTu$iwlY}a}yaDS3}e%7MB!d=A|>d
zgBr{M?QZ{O0Q<1vEdxYf+geB>uUZRn=nV!222oJeU0jw9?t|}K2hp&89mK^h>me2-
z<>%)lB^IZq<mZ-_WaboGt%u07Zh#p4eLaLuE-uzB&qyqJ(Kwk&NU#1R10+c-+5|E7
z)D}p?I(#c6hC{YN+;M&z#9jNhfdYh~VZk<taU9zq`W$ya%n{uN38(b@0&rUVxfLS*
zVJpO$`a2*oue<|nZhZsK4oHX_Z-=;d-8M)Pa)#1zyCE^*wHx99GbpXQ4HENLwnEhN
z?1fl-8fsDhUPw8q0CnKgtq}R?2O#P{9{@S5o}nQvzeqPVF*ze;KSaTjeGr3%4nbP>
z9bknF4L1)#(rDIUh)*8u2N?h!u_#JSPpw$EA0i%g7!pFBhana@K-Hf+1Tnwt03-x<
zA7x+=1C{Km#~=ddjzKgU9EXI28kEi~)-49Lx-yG(L79^Q)@<3aAEIvOF^Iz!9fO4A
zlw**nX+8#VfardR_^SO7@%RG}zR!LJhI-JTmIqY84C*qO0}!9H9DoG<`~46L&hLj9
zcxXQ)&b#+RLaKT{#Nqk-!ExFU3Jn=2r~`GN>e!&-U-m&fe19K<K6sSu)INv>yY@j0
z>f8sZg$wsV902QhdtICyB%)Ri>xpC}7VD<vB&KiJ0&(v&C|v`klc02BRvEY$19h8q
zON%nYuRvnL2TJFF#tRr27`(PXtdrgX382grP>yC`xW5_V-kQze7_V<If+}R)0to<E
z>jBm~Md^1lFf_pW<sUag((qZRfxDsfs?Csq4SvGF;LE_!Ao_%X!H$8U;n!0J25kn0
zhLz7Coz=O|KmlCO(6Hk<1A{sPL&Nmvkg=dwFCg9D{VyOIdY(gk2peTAN=?ryPEXCt
ze-7#0rap%xo$HSw7QKAUz+eO#uDs8{pvl0{FzYb`s3p~q_?Usgl7XQ?^DzU11p`CF
z*GCKtCZIHX5X1nDk3M2xFlJzAh<OAt;O7Sh1}z4LhT9(*7<3pI8n%99U{GUVXqfpC
z(pu4ise8x(8ii>H{sNJI{sj`_C!peG4;dKrLF20r85r~!7#gIY^qU6^4D}#^{SO!z
zbQu^LCO?2!l<@%KbGru+2Z%svzuS-jfmin-;s>Dgbf{1BptKB>{&J6jL4$#z;S7{s
z0;Ox9bm%>XdT`L|-Gf8{JCuHK7sB6l7viHSP&yAvdq8O=DE;>i1A{69L&FUyy%|dP
zLFr5=?Rp1NAS*)Yzqjil0yl3%=xw(lasQc(5uBL<H$$@dOm;@_i0Wjhd;yf!frbe8
zZAjXg&B+LkB6luE@R0ZGTaY^W%q>U@cik;W;+p`ai|cPe5|Pv`h(%#gzT+)OE>0~5
zS3nH2HbZi=B_AVrY{r0(5j=*TS*)9%l*Pc%4arUoxllSD>TuW)irZ#LBDUEKNvxn0
z2^#FLM;{__6l4UC`oo4w3QF@Tlk-zjVg2|TA&7h_Xv`PXdri$P01aE~3q!=~gc-rJ
z1+a!=NosC^Zc1iRR&h#xE&~IDjwmB|<W*c09K!Vt$3!4O<s-%jo_<&)#t5F4U=?Kq
zPgB6gZoY^xg2&vSh%ka@4X#4<?Gk~gFUd(M0S&iZlz^DCUW5@m{jmf}!#oP}*enr{
zIwyvPi6W4oY?lHFFf@S1T69yA7%HS74)c~~1kVzH`+?b+B^^-p$;F@+Ury@e3@L^B
z0}PM~D@_(+*dhi<MAtGv@*=441I=x$l!FA1o;=w54YKkOUkS)Vf)CPr1$B)QlS_0n
zi`nEMj!H=_EKST|VE8KsG2fE`(xfO#O-aowVW?+#tq2JQb0vs|dx{VPVHPb=gor0Y
z8}2ZJCn!RK(~tpDUdu8-iq$D95b?(<kYEHA`k;~YR#k`tV8O4mYt6+k(}Ff89pCwq
z?{HmbX!iGQCU&2k+PD0ayEUO<-VT$R-Wi{2Hr;!@I(6y1OY^rKlM((m_a(nX{*3ed
zbsav_1KuxO9(AH7rnuAN-<G8+HGgsr|MiWoh@ZSbOQQb6k=lYe*Uw!3G=0N0sT##k
zqMlE~cqgemj;va;_p9i=b<YB-n0-TMZjZb9LC<f2RHxLB+_x*emAbsP{(o>U=0WI-
z6<z$-uCW!o&Z=(Xv@)At`El!w+xC0vehQ{$|1&u|Gr=>NTd6bj)@;%3ucTV{WIz0O
zcAbU^?+kutx7+--Z|g0@grE6nba)(8J-RGdT{?^9b&!|c>nB04o%}=neS0VG)7!U0
z&&f#RQeQKJ$wR4A$Chk4a&_zVeh-GUeMjC-D7^Ff#jIJu`iFhoALY1e9o)V%LCW8J
zP8j!DtD>YhTZz@>wR?gatPi%|{qEEM-tdWXhWJf;r8#TF4z`4;yB&URC2;n;?IQnm
z`MMl$q@G>c8F_BkpWQp#yCqAb_HK3TduONW@30`}q~wpBuiRzn^;hrz({8!$@KNYX
ze(2;3Sq%=Rr;olxZm<3~d4g=j<PWk65)I#89#2-$&?@QK(DB=LLEDkdqGimkfA37z
zkSow|5WPRcYClIU*UNBO`vpC}E*0<pcQwd{^Gt5v_r?C7+*as>-wGCbb$#*yxr%yM
z9R{@pH*Y39cJAvudd_#MwDg|lg&HM0su#`mstCX77`f?HXFUJzR{fB>mKSe3Ii66t
zw_?Y#Q+4;P{LDf=I_Ed>eO__*(WPC})=fQI_WELr!jTWmHw;|^w?2Il@%Z2Bf7-q;
zAJuKRa#G^OKRxgM(qkDvYZ_SWx4O@+(P4dh`1@pWg^2=10{gdr`WZ7}%Zf);{O0Sv
zOn#uD;81TetME79%Y=w+S9xWoM=`;Ykj0~uACkhv<2vVD3ug)AIZ&98pB+@F&6a+k
zD^}WGf7gx)P2#QZI_^#0Aa76~P;%3T=eE!N51|TI%a^SElr3HvCVFUtUKHb&J)Var
zSx?*My_m!N$oD0uZ*0t&mm2RjGdObY<1fMO-33h>PX9KOuCFql@v7Q%pXT(lD|j!t
ztvkHv-eUVV>tN|IG~vzvUlS6)@d`4w6pJ@*F|=QzTGK2j^<|mR9HvQWll>JrCub-s
zc$7Wzx@_Rr8_Tca8e%_HC+1MS-^2X-yW{NQnD$(G&vCzR;ik~PwdX?*Uw3)a_`F&L
zCLgGCEN3fM^%I!8CofQpn4}aT5s-7+gMX>x#7T`Zk#%KXHDXT|y1IDPUYdMDIw9ej
z(eD4fpTZfp{(tj{OX`&BZV@q|*#4PKP2TgfU$5lyv1boVE9y9z@@)CW?X`+qB=>}W
zI-8Q5o}L-?Nbp=>M$&xM1|99z)TBFc3?iQ=d3Gr4Jq>b5VRGg4uG#rzsriP<E7TO~
z<(VGE1-^S%5V`*y>zsRUHNpe0_{M%Z`7ooB$$sa>hp~M(yZL`EUc<!1|L$top?k+B
z$W0Kk6<w*eBqhFfkxzbb>fhB?vX=E<IsZ?bpHT9U@!rGC#lCA^z5H4cyF;oZ^30~v
z23?z5tJI>Uk8i6m{rBo-huS~8=nhWF6B9Y_wr=oT?Rq#l`K<cqqQ$=N8}FL0Y}&q3
z?M3g!LuWEf<Cp2{yq$Vb$ogx%&!p2a8rBZWv}@O-DYspJ%iqY9{#?t$H%_WV`|9GN
zi`koECa+L(nEXMhpx(mk)H|cuQWf5ZS6sDtP<Bs1+19z7{quG+pEKJQPTEq%A!w()
zgK^546W<!-YnFsgKKOLv3Sn{g?~|?HC};J~>M#<l4STpND5-;GO-8(+RmJmZC7%}B
zf7_iT_J@;SUgTR&!lM7zChm0964Eec?0&rP;z9x0BN{LLSG#4#7TK%U&snsxF6$kK
z>ZRMwX>NwoZXL|rX|uwFE%(_WhIj62FPR*8#a&*`TUU16z-d<eb~b*ddC~^EF278U
zlKAz@FzA$7YLMLpZ5dg?<tNw!rn|k!J#_Eh{<*7-_FC>Xi+?TJl71v#_}kon7c17E
z?G2MCxTm%IYh=VyFUdFkSO3nwdqkb9#ZM>oXurl$mw%HpR00gDH^xk=ufF;YmamlL
zr%TEz1$E!gy7=Kqt@eW`!_PADg=`6ZH#JY{=I;)jd_g5ZV$EK*t&viP5)=a#&U?bM
z{qHqDx8<+<ADT>dP;HoeL3M)0o|9KnAEq1Fi|q(ntF-#28k^Sba>d7SPv87Vx*IRd
zVWNDk>)^sAHRY2ZsCm>+Up4zgaoHD+hO*aJ!oAG?OkA;GrOSkwpRQSFn6MXq^RF?{
zeUjl|d2of*%(Pgii<4os%l_YKyUO;>Up?oY#csyXR~jpSRONi_^NzPadcDwrS$9#9
zrt8|L6Zah5$yMj7bvp67`MFokpQdTOg_TWjS}y<O=5v^QUEOoCgNBBL@ixV&8<>{<
zUd8rRTEXyJhRe0XGoS32SU>rMg2Chl4F!R-?iP<XTzu>k+Lp+dwQY0r<P91IlM9p&
zaKOsv$pV@Q66YT`8u*CC+|Xdj6maMKRS}bT?$jF}j>gFeGA9Id%^tsYcd0*UP^tVP
z?!ff^$q%#)CQE30OwQ0Y(D-+yWM9MI9uw6=tCuP$mgaD0{Kzy}bzzb49=$bd6X!gD
zRhyGHXlqP<q3xg{?;c_?HGi^b+OnGM7xp}z6}^t#Th>7M&5S7yN3QIMkbq@^$r?Hu
z9IV+#g_kvQ#!qh0Q4sjII`J!qtD^OR2q8|5yHkWGZ_o*t%%Pi5|B^RZx#(uXAGIGv
z9iD8FY_63~vvwbJ<$bf>cA?1DP>pG-CsIp=f)BILnRrII`Prhs_JJpNWK5r_XLC69
zMOSc`s;}aLBldTMCFWPp>|GIJv}rxt<ST}5-HN;)7yV?Dov~%wN|`&C;#<qkPgv;V
zf93K9?pwJPt=ldy;+wIvw0F0lL(#w0zpg#%QN1d2;7;(CBTFV<(3Oy|kNZ^i%X$8q
z58FE?%;b1#p&hhyet=q)=j0!{0Rq*F{k;;`oypklws_779aFE#9(o4#3>N~9{B?i)
z_=L;;^V|FF{4OtB7!qJS{p7#c{_xkA+^#P;l`imh7fbw}gctkUneK5ej@<70{8ro!
z;d{0FFDF|H-4vg$C)AMk<U9MxvV^T`BJ^e`YQAz*(vxv(EPHW-Nxu5~C*6bb%hKZf
z9t6J()NovNHDcAV?hS2?OAZU&V(I0yk(K#dKXKLblao92Gz2PiwO`k0Nxd-hsnXV)
z|6XtM13d$dw<%9ve(R|AnXI8dgTq1TLS4&3|5uYA=+992cyep9i{6nF3FoC|{9Ai;
zV#i+Ff;*Wr-S${A9>0`&^XFs^!+`onJF9nnO<E?h^qu0%*<DND`~S3jxA>+~MYgrT
zygj+*>UNeL3EnR)?!MbFG0=xa@MwxmUCxS4;m+R!V<qZtb396Mm5M%kOD6r=isyT`
zpPf*}$N3;w?%nR#YkqP2CC}z9i!pBQ+&bg`1rN>*ZyOIRRrwweJNH#c^D!AQ&7^w|
z&eV5a5uc(evvifz>V)m3y(g~L?bMno`+moiP0xS+ags{2je20N-Q~4CxvQ$%CNiy@
z!$R>1=Zj}1$tR{U)`~pqIlBD)-ZPJLGm=zYALSYK+~rwqmZ3cB=dnvZYwzu3VTfmV
z`tX11ytaK+i*`plPC7VY@$WQ~Xm(3Rm*x8^)3$70RquS`^09h`ihZKbdr$N2*vxwO
z#D@7hgBdn;u52{db%-<CU>0~Y@qqam)8z-63%ZZqe=tKfbldjb-Y3h~eU6-b$8LF)
zqha~nDHr5JHnZ}FEYP=OW_3Po&^Z5Wf5yAn&5q5w=F7uQZg{=C`a>3nZRX-vtXbi2
zCw4FgubAmRyEn++`S;!SeG@NN#)mAJICX{8f}ILV+HSknf4BI2@T>)U-_FUVN{!cf
z*+rktT=C-%gYK%IZ`?n6o(&9)`79Vz-@*N`nWg;Y<OhZd_3QtYh=mDe^0eJHKcyjf
z)#~75xdrRItFQKRy8BN5_Qi1jr$f(GZdq~m+V45zG563*<%&m+g8Qc@|G7}1bwp^+
z7SqK3)}(85B$C*9XQoas(LXR({(rW2y>sD)_^SsP6{4Az{xoSa;Lz<T-J{Cn!Jb>8
z^+3Ajz>&No4;B>7kN+eoQ?z~yGvhRddjb>YUtF@~d8+^375#QEJs(YeVeBDsZoQKA
z%#e)-t<oOen7OsZS<^15)0~ercCv>_$K(el6DC)fYHZ$MYQe}DH~FQRJ!cgY149A>
zLj(Kdk5|ljzc4`tPuLk47^EgIG}E5^z>I^FjfH_B1*V2`JqrUv9E``y%gVsu2I7Hr
zZ1mNhyr7zshn0cBk%6Is1=Q=A3=#wx^MsXwA%uaUfpPLje{)W6HU<V8IIo=zVlngN
zjV|Uq``H*6oEaDzm>3usCVz<10l7kuiJgHV5Tt>Dfq|8Qfx&C?LNj%cZ9?n}4DL_~
zP(MoY)XB*U%v2{oILyhx&cI;Bz|g=t`D3013p)dY+2ptW)|}!T3=Ad=3=M3PKf0Oo
zdUHU70PF>rr(bd~Fr<Mz1_~HXe@+I5C>W1-B_{)e1BeIK@zEI^OuR2S85msPq8nYn
zqMT-25GSxq-so@6TfoJ@;Dk`)3s%GQh-<ReY&)i8?#WtFcAQ(e85q167#f%-7rL5r
z{)h4yCVy-(XN}`wU~rqf*2bE5Cl4h2AW;PkW8SYk5Zh2hIlXup7$QKng8j0Z7cv0G
zJo%%IIp<wos9(TxvV4$u;GSIQY|a_V2T{o~`J=NrXFDGQc%Y1F@<vy4&dq#~h-aF-
z(bt^wCm#cY4=BdKzI5e>jMYJ00S!^6X8y@p%k4N%@k0z{nr!H1&iRL*fgud;v>*Wn
zh9DS^b%_82gV*G@e%4Iy1SV&B+A+xqPS$d<W6BVmthLOJbB7=UgEcsuKE{}Heinqd
z2OMgwmO|iga<=BI7lOnJ+vJZ87K}oZS1q+;3KpK6<!Z;&Cp>wTs~zV7VTgkmLE+8x
zNqDlBn;nye$mA?HJEka+$*Y|0I6Fib7|g&{89p&*+9xvkm75*!FA)X?18BNqhoy2>
zV^IbMD{u_uib6Dj(j?<#!zbXl=3OHS8HVHl&7wfESPv(o=wvMqJ0@wd$ypwDys=`C
z0YgU6gbPH883)sPvB|GI>{uU(F)$cRUh8koDkRRpU@>{Et2L*WI3zuTeZW~K4)>3z
zIqL>-1_l?9dl<h=&UCToRFi<Z3Y7L)V<bSX&GoS6oF)NDPvCUQc?qhD2^624(vl1e
zehdr^43iB@EkMg3L74}Vd^SL(7(ohI*`+|nt@XENa+I3<%EylNiWCEbAIP<wO45*&
z&k9n=lp;NOm9HJ=5@|?sgIIb;8j=(tmdeOL5)sQ}!#frnP!9X#!hCbi<uZ`C1}kLx
zB{O-Iza5i}?BrMec1(S;lVADSaUPI`1OiwI>nB+T2Aj!meXLpa<e)C(%#ecw1l#0|
z{T3W@$PT$C$H3qLNzK0IOzQHJvjXinbL1geiwP8PoXg}PLC!q6(8Zkdi996m*uh1c
zo&qGvu}=QzW6oKv0MW+|@;K*KD31}GiQX$f+`uxq@UjJmBE%3Tup!xs5brZhHjFao
zv{Z&<69}(g8B!WScrTS17-GP#1*vpZffUaWxy34wvJJvxR%KvFf~!nbMb>vv6<MFW
z8l<d-=qpx3w*90UB$Gnqq}3s13xrp!j;!yvIwT+<!6L5#@ev~^$e3a^Ca;RJW7?!K
z`Bju1E2}00g99j)a=L0lR5499+-$+235ga+m9ZNxwb9?4Q&<a<S{Nr6=2>uPK@>89
zf}FKm3!LU%teMVhO@0+)$H}e@$*SPgz-g`xu>$N6&Qfhi{4h@b=x5HlUK><NtaY(w
zda6BHE6$EdTxW7toE@j94!rR5H|H$XftbfQxiH+EX{pX+t#~`mt2z)jFizfRZqCW8
z3o#aKC6l}EWUYmEOzU(fXDzhj{H_bh3*bz{X{iU{u}uD$V9r^s2PxGUCx5Iq=bWt%
zNoI_b4Fk<N&+9|vxF&xzGw0+ofFvHq$s2c?vj!M|$_3p(Yt9A(XzHE5k&DrS(O_~`
zxE+(a;pA23cC7J+;E?gR=3ES7fztx07WiQZsdFHuxswqjfLOsLVuKOL1kN2s5brUA
zQZ6r(F~ljLDw=CDv<hTeWHLD`$&T}y31lvYaq`E%=1gj)lUGIB3D%fGya_4}<ro+k
z1i|(912YcReWu`o%*C3M$qeQt!#HzJPcuj!W&~9+ywzsV#Dr4m?l*&21zN7pH`y=>
zT*z`tn?vk^WTjYhNK|lw5(npWD31jc-<%hrJch}IP3BD87L&D7>^M^`kV2hlrp4q{
zDRxY+EhcBB+OgVLf>WxCHD|Xaq!eNVS7aA085r!r;b~}N&Lm(p`BjP?r?VBzKZVOI
zIIJL!f)p7itRMl%2rki>tr-{szzr2p(hjzUn9Mr4(9@iChcyF(6Q~;G{ACRZ5GHVa
ztYZU-5GGJP&Xi&^Su5R+bGZ!zLnPQBPz5e+3#n`bCmXt&bGF&SA{o>GyI>2kglV#&
zjX9^79i+)73NC!Y?I3xJ1>`l>!*&b|Vc<es(jJm9IKX9DxILu6VgrZkTqqA*>M`B4
z2bKSvA`XzChZKI14iN1upa|t$;s6N`aGvG--~cg<5#(o19Y;t8W1U<WXwDSlIC)jJ
z9n%cQ$*;2QIBz&YVuuOTR^;Syg4n<`d83Uvr<)Tr?SmZ1JJ*SU!4%pKm6`m}2Anu}
zg<KgJGBHG}v5G!%Wnf6hQ0wi+z>ta|y1|WsArV7V(4B!H9z`^vkdp^P@PQcz?|H1E
zdL9f6u_y*8)N}G+2!afFfmPJilYt=`#efAnIe9PyK?eNxgrpu&!yOS|Azs)-*J2fA
z^JZWON3jfKZmc&0188Lks=1rI85n}m)pD}>K++x?I3>FJKq3@UR8IGSG&9*J7tS>2
zwDE-`8CFp0=B@CBq;62F3DS2-IKV032k9Gt3LOyEh7~%Tt$vVn14+vJ{UAm$P2T8c
z&dKTz;ep#KoWcGOOPRsRe7-*<Wio(jG0yY;5K~wu7rL2qN(8{N6sY3Q34jz>;EIKF
z1C+-CuFshQAq4{qDDQGw1j2K&k2z;SAWR>~%q@WsZ$Vl<96=D5v4aX>R+k`9W9F^1
zHD_HABxf;9{+MFUxhDu>9>?U5HRhZa!7%ea`k1rU1cO>+Z~d$}PX$BD97xbgg+Sa6
zF5Wp4LLhoL!6nU-5Qyol;9!3Q<*|U=z^M=laS;c|C%k2$kWvj4(Q=caeIVA2p$rUO
zlXG3IIe&*jLXTzg#~5=~?J#h`KiitAAZ+p~8#|^=VUx4+?Kq!=K|+TWT<dj&L)-~2
z=U8uqgUerkYgUN}Fw4c7Ga>>WLpJ7|OClgXVF8y9uOeWj1*o2ri-aYoLRSlxNCpPS
z$!lG#IhRL56fsOLOf_e^9XUCx$c|Gu3KF;AvWwL>3glLhA6lazr3xRo0(l(;Da9B-
z{^!(<hLq5(U|xJQ!~{q>ni&nTgmtoEiaF=mXqc}+{U_NNNHxX{c5`kFBnyB`My9nf
zle0?gIN!uTB9#qnw0<lDgE^#0e$SlKEglkG43iD-nR9l<LjnN8yATiYGK43QfUGhm
z0a<QI0wfqADnBG3n_`xTtgk8&S>K^VWPN-|$Z}yx@UFu>bIv76$SOZ1q1cd&tgkK^
z*}g+4a$G6Mri7&+n=&T_l3gHvc$R`}rd}$tzN%DYxkIVQ_OYcw!kQCQjd0qfK~{D!
zfUB70X^?0H%kkb$gCtc@;R5gEaSEnGbbup}(;m(Pb?9@`AxQ+%Y?u#~V*{IgBOQ{_
zz)77+EMu}(ogJrN2E+<TC#fX^;xr~u+l+G$lm|&+|1uy>V+7?cPNPf+58MLfP0NHV
zV*xpod2%6S%z|@zCL}EjOfEDx=RA`MF`H%b##jrEEEwmbpE;)ul*bM(1ovh^GCic`
z=gfwLBpWzG#AZX{gJm+P4R<gb60VGsH~zHX$boo|735haznsZgjdqh?OyHTk#n*&$
zR}RFvY@mXb^?MGu9d2XIq?<cAtI3WvJ(q#O1KbEXkPC@oa6^NWD-V)a*g#Rm8lK0%
zU@{rhpY6_r<UL3f9L<9`gB9dNCgJ?aSuJ*)p7{`8FoOKV)S5r}Rf`?x&wPkVNU3dG
z0O$Feb2b*h+z*P#{ROZb3@YvU3n8%tDNS7qA+CaSF{Tzm!k%lgVXZkQLlLBp#5nom
zPYaGBNZ2uhnnX-<iY8~Z+i`v^f&@J~IF5CTAwJ=pym6HU2b9A+`J<UR)4t-#uR82F
z8A>23I6%JRT#De?m~-AQfq0UAvSFSDM=6BEHu<ABm;)Nc0=M!xmzF|&$^b5bUY0_9
z$~n2v!<<#UjDf*!^4eM(jxvaT=E)n~%{f<<LCPSe$%aSFIho2KS|A-khjLf|7`mDB
zHk3p11E_9ho4nCYdvd~kPL6VjVT_YM_FI5BppiO8aN(#@0n-f{YDz)y{LPt`R7_sg
zYtK^wu^W_}r6+IP32xeP7FI&^fwKee=Sql|K$Q^(tdGKJUInRw*g<Vu&Za6z_=D2`
z=cy`)A0Uy)Q4I-J@Q@OdQ}tx6Np_r*t0Ast03{mE^VN`;g0$k<YamG&oOW2PYd}4+
zx6anA*)^cLLpRErb8`*Mx{dzktiNj*K*JLL)=cKLlePNnG*;F^R@H%eRUn_ia8a_J
z0f;T->7-q~WUblc3uY3W-)bR&$_`2joaS|q^au7jXG0ytC6G4DmO6+lA-p$rkUY;i
zxp0d)D`>^O2{>Pc*26L`C_OK$hXfO(eRQoJVjj3GVdZK7rH5P>YbK9|$*X4AG0$jV
zn6AyvXv=x80n&|No&2%aoJqcMa@I^c-norX3mF&~RN>=U%uSPD&9vi;Zi0vB40F!u
zP4Eb4wP0+TylR#mr$93#%orvc)|s<LG=oAF6qX&$ko*TJb{;oFbb^acPQ?~TQ4f*J
zZGkjO`N2aszgr+G87FTnHRrT!g+wwW%8Q{q7LZEb9j%Z=21>SK@I<E81{oO!>tO0>
zoBS%lj`Ktt1A{BL`}gs$IV*2Fs2Bn@vi#a1%>&5L+=O;W5JT$lYwfUt4AcWt=wM**
zXJBZM0cB#=*&X1<jg2+u?G8vpuucA$ZO+Nv33Dzel3Y6>LBk4eEBAIXK!(jH7fv_l
z{n!Z^>;XAm3fB4ItnOl9@C3ITK+T~eU69%tTyQW6bx(e^z>X=cd-AGMJJz|~poZew
zQft=N-3$yqlh>Bpu=Ic#rPi#?aMpP^OS%`-$^&Ug?FE<BrPi!#;jFK4mTezQwiV7g
z3ulS;gJj>9*|2~aAmf(yg9md#E`hTQC&0wY;jFzAz=Ip5)~t*ZVJufTs}s&T3t^Sn
zFix7h%FB)^bkgKii|m+YPMZ8`ksar+Ns#&(Qr+rIhVYmtf81!nF&PqJ44^hV>x#+X
z=3|~U=S!#}$T*kN6iE7F0hbUBQy}RZlK1vZfwYgACVz}FXZ=0})P7&<Z_Q~q6%wtG
z>NR^R#8TGDg+DAfra~$Y*2#qr%mrDeL6RhB_!v~K8Nxd>Ueh31lo>Qpz*IMFa+a+f
z>(*(YNX)ghW@VlZiaQX?AI_Q$XFZ3rjAwvi5u~nm1}G*#tfO!i?@X9jD4aDH&Uy-G
z>CS?wD}}T6&H_al$UNrRFqS8r)emP~oehdSkUGgZFjg#_wGhsF3S;qV&V?+&1q}j8
zz>+#^#9Rgj-O0J_)|{<#A#uP88m?nKI2TkJuU&1;$uSR-9U;Sue)AwDD1_Gn<$?P{
zth?rcO1!r=)||}qA*vwdqVs%684MYpD}?eOt&I8eC$HLU$8=@><X4;RIC&R9#%#gq
zfGK^!<g6`roU;}{9L5MLia8S(GB9{U%8(9oPR&J-_=Gg(Vi!Tm5r)Zz>E@jC7eQ(^
zR!}|6^mx%^t!;L!Qj0+`ymqxUZ`)$X2nVRjP>0V<2rgk@2m-f_l9xb?W(T#yIHxax
z)DGaDDeL(qpwXta=GIJtODDhDX2+Dhbn>e0c1&NEPJXrBj>&o1WUU=`oD-KpDk^qR
zkC5r!vdOD<*l|iPhx;bqoGD@X<W)QEm}V`X{A#Bi>)qv`%<^`pHIv+m$yvMXIFnXD
zN@ynVc+ZX%Fs&aKn6rLa!NA}@`K_5XYuri(hCmRDX~)XRT6^s{8CO9v7pOir=d@o1
z$u^KK)#O!>P87rB!cudlGpi<N?Y85TSPjWbOp^`c%{jeRLjn#mM!S18Brd@@mFeT^
z$ys~sIL+5U1R=w!xocn!*tceK);>F?KWiqh+GodUwiaR#XyV75bJki&smcT%!hO6J
z(h7mdDX)VJmotDIz*@f!Tz#cja~@j<33f<>>)$#^06;p9zUv|Wf{b6buZO4vS2&#e
zp*+a^i|_`RKF~ab{|1PwAj7zm5j=l$&g&Z>ra<Z*{*4eD*e8GdW5KZzA_bn>U~1er
zS?jPJ=dO*AdWRJ}KKKf*WTTBalhUTiuMXQWMQ@s{b;OSI?IuXtWS{(TsRhRtNZNx;
z?-gu?jy+8->@(*~*ait0#>pFtEkN6GKtrD3#uBIPc1TSIZin%<Zim#Spt_3}mVh}=
zZHL&yIC*2QIcLBQSmp&arKatGW>D5EJ3t`}>eaLCL{h=&wG-lF@Mtn;%T7r01KY=W
zVJFOCpjuU67i78vBA2!c62g$C{GwfuDgYc8tZzU(@X&18ZpbtU#5d=5Lz*U#KAzkj
z7_ZRNoHK6^todJ9WX^hM52(0ZYh%qRz88|RA;nMVUYKhO1I<|%?FAR(9@eZM_JXqK
zTN`U$qkWJ8XHXc4Pc96Hw18I}fRrJOlMT0-b21%-g#f4z=W!4c%?zLk3f6{$pb%TT
z*_w6VK?a79$!`;^Idu*}ri38A>o^1|ra^_?yF-vP3~^iWVVK)K`kS+^Jq%Oz`7p$M
z#>pSMEI5uJDdJ2$0*_vhmLpJ4vwjDunhdhS@F>jthQ$^vM?pmy$VC^A!b2<2oYnjo
zNE{Se_m060^fPC*Iu33~$5^wLL0Ep)tecL5+F-dZ)|}5kEO5DMIKhJB1SETdhrO8s
zPE3AfW5?NZ0x}W_DTnW$fW?2|Een>DpgIWT!pf77s0X)!IS-$NDcb06&Lnwi@~g9U
zoN=dMf`u;TtXocjt9KV`&UbKeQ2KH?4NrT1=A08w!@|5U(46zlX;?ZkTxQPcat7wE
zjXTUar=Nj105W&@@C+n3uuLvYHRn`53lAq3bJp^+;Of`KnsfhIc*^!O=lp*bk{+1B
zdD`_HEM<cx&>PReOaP^otLGpp!MTN1`aCGyL1CGG9+nb76BRq*JdnS*FTmmiG$VHb
zGM@;kzBXQfdF!K(ITPo_$*->1F-2aStaa6nY5v8@Sy%0t&Rv|m>Z%>*|BLWM6l2b5
zeu)9R+lK|*6VAK@Dc;z@eblv=ASxjZwWpUL!3ZgI9WNvE=0bUpzQNDSkU(Vs^(Q!!
zu0Yxj9N>}DiB}+ILgr{rUV)@Z$VdbGRS1s(JSOUT72+~TF<gEX;y;M(=dVJN0feV|
z4bnz{v<`!>K_VX_H~$(Wm?6BU*N{!Iy$*>Gh}^{M5PeLbZUED}>yuyIw&PU30nrX|
zM8yqAieQ|)aft=vjmfL-*l~Wl0f`e<P=|)o?k2<#_Q@M-EI1GxUvu7TH=$t*o?Zj3
z*;ufXlj8{k!yedr49=LR3=H#NJYLmj3=9<@9#{it0ZKvzC&x2Ltb>;majHItBtAB9
zeBFP}z)%Lxh8tbXIYVDCFl0e^{^p##FBur}z&ud5r1~WTLmh<YW6sI^3R2K9fY+or
zy@H3kpE*;>tI1kV>^RrFVqi#SU})e1Tg3kwp02aaIlW&axtde@4Ff|P$kpKGE(_l<
zfW}TBtDiVU-!d@Ffy-@t%fK)N&U1aoz%U8UyZ(-Wp$pDSe2>g~{hooL11?wm0ogv~
zkB}gM1P}Ws28JrQ%EnKSAb`ld{{(3+LU^8^kxe=OnSr4NuCMY7vOcD-uq5>Hin&JF
zR|bZKAeEr4xuDh{6i0n!0G}NuH~VJU1Adofpz#D=@o%7hAwvUX)ea~^L94c=e}lvY
z#37>Jk$IC*c!EC|7-~S4frGa92eRkbe?k)rSg!sjaxi>F;bs4V^sd47@m~A|RS8aH
zpi~KRllyO|DA=^UzmX%+@DDO?DKd{&@-G8u@D1uikZB6_oE$JgkYT)kVLY&fut3QF
z2h|8t!};(Z149Aaqk;dCc?XestcDDX3<Z<lZnNfG$iN6r;9zfY@-rgyYLR)ouVFl}
z3qXzp&7egxL3O}ILAi~Iks$}}5MyR!-h31uHw&^{ISTJF3nMruLY(Hyip<-N#IxXF
zLze1hV`RvHS<cGA&d3lvId`8mZ!|k2ct<EC8A098xrUt)Ji5U!xiHe4^EW$^Ue06=
zWZr2GMx=#zhMW*PA^o0PoQw>)pi~O#1+j*4F*3MK&JDEYoWsQkUf2Th!apuX#F|FV
zIBrJ7dPUAX$UJ5#9>&Sq4{UjBc^JW?H=qurI&6fB_Ye;wxKsgU8W!-7dBQVJbzVmB
zd@e{3)bwHlF+c-bypTPN)l2MstR|<_fwC0qCSFDcv&o=(^93&>cu5g>oR>3(4-%Wq
zps^m#Q+$lzRf^zN7bgopBY1Hlr1fdR&j?vx2^t^ftV7`);b#OdID`ywa|kek7bSu_
zxttyXkXT>@jRkSG2{3{eTY{?+rb7agU;VP<WEF%7g34S!K}PTjKFG3&S%Qq<b&4$D
z`OrIpjF6RX;1LZTAx7{HTX1iI(*?@o1W!wK3PJRNy~280h>^hvJi+!C!~#cLVYoS`
zjW9$Nq$M>;m=V180nB51Bs}@mUpr1&5tt>Qc1EZOBY5wwB-jByqLB0g385{bjNmnc
z;AQ|Tn;0lffEIa%i9x&vNjdApAfW@9HhCuo@hoJp)Jhz}15fmEwuv)>mtR8UE{H?o
zjU60Q5)zQufY=o$!3bKk)Ndmo0dXEEEr8O53v5tE@U{dagDq&KDFXuoiVUZOBqV~E
zCvWsJ=M01L7$zIKn{!T)gy`Y}hv`L0Na#Zx#3%)kgRB9vlY%52NDp?R)bv-(jCM@t
zq^4`JFxqjlN<*B>2wFwK87U1(F5tM~oGT3pU`T7`sx-tLh#mYg5IOMdG_Si1BX|`B
zXi%DI^2fiBjz*0PBe-P-o_FC~2h{;ylfm>%X8I~NMms@mSw`>*O_0w)7?ictL5q2r
z@@1#5VrR5tS}Z&L6+5FHCyN{-c-a64xG@_o#|U0;$OoQ6+A9Z%I?ysBb0%l`>905#
z?Kr2&GlB;@S;2E%H=#Uf&@vuQ83jn#vVxlfQ3{OUo#BF@C}f?iz{p@Td9ANC=XnK4
zMq`@1@w^3#A|r#<WYDm(yCNfagp>_j#;j6gWB?D3vwl|u$F{#Ur=t=iWkJ$ktr8?L
zgVO}(ekDk11gAPyL1mC-xlPurzRKXN;BU=Y4-x~f&;d;Y?^b4nER_aLbu;}@o}R_a
zXvgWJ0!eke;CA{F6-MyVBJj`==Q|aM=U65eW?L|-PS4_Fv}5g4Wn{3Kp3BE*&3Q@{
z66ws77n&JQSK((ANCd^473A~`kk`P=r~RPi7BUSQPz+*VU;q_^p-_2ZXvXQj{EXtD
zlTSg5q`?}a7#J8p*2XX}Fo0?T&;g<#W7EL0;3^*M4A3bzAa%J=aby~#z5pr?qCrUr
zbe14UJ!mg7ND7Ir2fG_`ege3C0M2pcAXN+u3?Le$5wx2cBm|;C{Av(~fq?-V4Uz|K
zF$P&&2UUkmgT(8h;`Izr7L<Z<!L%R)1H%NULJ$q|*<>gmnFbj+1uBk>21U>eXavoM
zs)N%oi{Szc;LYd^OQ8$qS3xz9LW3N%8mbROgB-pNT9&Pcii2p7I@JwOiH%SR5Y5TJ
zz_1I-2h-E{3Nng=ow^$;45C5i?t^OI4;4qILFR)tfrF&5(IEMQAW6`<tIz;C0!@O)
zpyD7Jr0zHaLp?ZYoPb&gI#>pz2AKvaJOvVDU|;~zpcuRj<x@_B{m;Naib0^LzYkgv
z&cML%2I>$H4RR>xL>`b3h-PJAVE6>$;G?1T6IKWfq0dkQiJ?JJ`3<Tb8!gVjz);W2
z2q|R*K+b1iU;xoV3=9lPP(FwT83a1L2{hHA3l&GEK|*>Uf`NenM1z?6jF5WPfDuys
z7%_qe5*f-F85lsdb1g)?o}nJ38srkFh6X4fM1w5sfbx-PJ_ZJcX;Agkq4LNysJH+f
z%nFKvc~E%}4H91fv6umLQY<6r{N=?^1;{kxbXGA&d2r+`Wn^FgMfpmoG7t^ouZ5bk
z9x4u^LH2E7gp{+pq2kzRP=M}($|KVtA<%Kwph(-#$N(uv4?$z-DAdEpp!9K&Y6b=d
zY&6IM&=I{LC8t3I0|NsxEy}>a@Bk`~n+E%z7=<AB(m)+7X@Fb^s=A&-T@0eRLAeUb
z2OUEVasr43Me!GC)O>@=Bhw(E@6ZtZ0pc()Fd)+)p`RcElq6vc5DhZ;H&g-}4N4RL
zq4MO=peSPkSpq67A+#O?vH(Z{D@1|;nFbZ?d?4}ZsS=Fp(`zIc1>gh+I0!+<cZ0$Q
zM1%647)Uh(0|PNM$W}?HdSn_TBn>$?oWU5xVPL>ULy{041t51}(?}(8X|OriEtqaA
z$tYeA%CnYG4<OUL3=9lzOpwCMgNcCwR2Bs=K?<)hCP?8H4y7ZY`av{^83iI37#Oh8
zpa@8S$|o=}IDsobaKn&+fdNE=QhEjxq*Tskf^4xXfYPN<3(KGefa&Q|r5NQSK_0Du
zN>@UqK{SY24I)5ID<m3ZO%s$4qCrWwnF&&MbwR~JG~@KQQjF^LAZJg63WI16b22n|
zrh+&O3=AL|WXv?E_zb8xhz9AO2ldrLs52Kq<v}zkoh^m(vCvlFCglnyNLjoFst`nj
zEL;oaW1|_T|CMGGcjN&zf1t{CA<-ar9f0zYX^^o8q5e1wlArD?!zeyIM~0EZ5+rvV
zBnB#dk!X<k31|?WhbEP)P<b#teW?tiJUC0<ga!fV2!2q^A=4mZZbRkoK(&KtPzmz@
z8UjzCPJ0HG$3}ysUVsP&1_lrfGWR7Dw8`}f8W(S&?)(f@h>Zrt%{Qn#G7U2DJJg{+
zpz<IZ#QX(y=s#%IVPl458FuD+2!jJ;Dgy%phz1$N301(w49RmmP<dn;q>h&ve9#($
z3RIqCx}IE(RMJ-uaxus!s!*S*LupND2xvhq!bXEiAtR_dV<>F`RgaGbC4UEIaG_Gq
z;0)COqCt(oC@7ykbUgzDEiB?<U|>jrdIUs+nCZ|E$^dZ~7#P4bs7eAcKv9s%3@K1@
zp$d>`kUZ@25o|Q55n96xJ`Rha6>3o%)VwYzzZ+^Uhz8|~UeJ{uppthAR02eUESd`C
zBhw)9Y0QucU^djiIZ%2oG|hmn_y8Ha5XxT+m0tp-mqN`&q9I+bWl#wa4N6q&m?3@C
z9Z-!sq4X{&y&IBv81_LObQr218x3;!5vV+f2AO{bYR*|${yztG@dc<tWEv!NnHf?S
z-2!nymz6**z7I9%0aP4BgP4z@;!i*v1_lNY4PrhA5ey6ra2k~VK|%HsDgmNFE`9}d
z&>N^Yhz3Q~XJ+uBdkhjRkhCHLxle{cg9Q>bx=`8(DsKiVrx_R+Kr|>(Izag_x*o;=
z(IAT*p$d>`kQ-cBASIz2l=gtqUQmntSRf^-KU6=62I&ie%7?Ll^E*Q%R31dLfV$kV
zERbeQGE_kt3wVJE!!)Q*W<w301EuFe4FJ&~2hW4@K{SZD2&!*6)Vx(tdM(r;8=(&0
z45sTD7`B2L3=G?$7VH3-!oa`)qCpk%J{CxO>lh38&`^fUP=l^R_1%Q3$47%4dJAg)
zZ76*Qq#u<3??DCbLtXv^%74lNNpx?Z{I^i~Pf#Cyh0;Hu4*COC&&&!*3mmMFGy*zz
z0ptMCp$wqv9YlkoMu3%p0hIn2gjpeRE6NIqBMB%i4W;Fvv?7#Nfzs-%5C`f(^&7B4
z(tshT8Oy-H0HQ$_8$lgn29-C5s<&i?*8f&e4Imn%!5XU21}YAsL80sbHOK`jj*kYZ
z_kddD1yv8CLFRiy&G%u2*8jdx0Y9kE0-^jMsD)ur1CVKuP&8D19Mqx&$hj8`%b@%f
zQ2EtRbJj!6-M|V-^xMEKeg+1HZBPw6K&FBc9}*36@lGfonFfjPf{KG^kdOC4%{c(I
z_%M_{1{FU6<)4Pq^`MKWKn2hRsDevSmtJFqr22bM@dr?sKZMFZg^E9i@?S&g_fUgB
zLDheTs{0BR{{iLyg3$F0e;^Eoe^44UAOlLB%xsXv$i@aq#awKVM9Kpd=ZA_5L&Zg*
zv^bQOgsPKagX9K9C|?CitAo|mGcagE1$4jy3=Dcuz9E!v45dw>v^kWvgwobf^>$Fc
z1Jq$IP`(?K_JGn}Q1!kbJ}CeDLj{7MbSN7n8-+pXa8N14z`y{aK_L?bRTm2~fPsM_
z9!e*&K@wFuR6U3WMQtV<B%2mM^%X<uGB#-buY_7u1$B8Hlx~6=1foF}w?g^YXplvq
z<61yUdO-vO0|P!9lz98tprc9?p&F2Bkb+52aS#nk-P53aWEvzs3+jQ{P<d>$7y|>t
zMyNc92ARK!Z90<{XzFY_uNI?tJ;)E+p-MnBNXZVU(L15y*l3Wx-B5LVpz1(0D9k{I
z)_}}802K$(ApSupABnC9PmLUg8gvAz07Qc{9EI{hG|0l^&{#hSReuU9k4%H~oo0h%
z<jYWbWE$kaYf$lPY@oErz`y_!0BO7ql|ZIJO^|y~iyuHOeh5{Ej|MsTF;pEg4RXLU
zs5#F;ITU2^3#dX64dTCqrq?%Y)1~+sr9i_HpowwNS-+$6R-g)<fq`Lk-iny{D^O|z
z%~yc}4Mc;I-{`y*C^Q&In|1<eK}=IY3l4+;NE*L^pi+Bu-fDE-3OYFgny&&S8W0U?
z(T>hrfu@;2Awn??9^r+~uz{*?(0mohU=TezZv_eo(EQctycPCoDey$v=)4uE{W>~t
zH9Btv>6nksTd9D@4H+27pZEeby(!Q?I&U>PZ^ZzbuL4!zAR5%QL!Pe!iG%nc@zHs!
z(Rr)Ud8^TRtI>HY(EJsse?2;HH9BuKI&TG<#{%{2M(3><7(nw?pf(eT2DQyc=dD2V
zS)kN`JYNM0ArK!FLhyMj1?U78Xub-h07QeDo$z_9>6WgHXX@LG72Nd_^G|oGnaY%A
zFOLk@=)QJr$*h{?lb2r4-D}rem93ql&+OBb9>3-7_Cp2ThF{bC*_<N|pI!aot7qR9
z(4GfIhJXD3peyh}Hi0lpcSv`|`sOn?FWlMmpX&@i=lUbh-l?`nS}8DUwmhy8e=fe=
zySD1doB9^3cbC@vS6VD}<um{JDd}<#-xS2#r_2`G23~*;F&H!~4>A;lS^6*B{;0j_
zwQ7Ax*^bp#kH4$Mr%QN8vWL!<3_q6CofHuk7*M)Fw(Z%OyvWuk|2f?GZ%li?_?fv)
z<U@z$zARS-k<10HGy$0j#w^u;-d{asvus{v$#s_ko#l1*;qPjuXu7@#@R5&OHgmg|
zTFA@h>RWuimnLngW1GQabzYct^IXYn?Vg%~Q&Zku290RKLIOHf2r+j~k>Q@j&pTOP
z&SbiM=|{xfu-5#NElFDr9GW~$bw+*Zq1qQJKTb}*ptE=FmIuEX%Mw^V{VJ}hp6h?$
z;HBdd`}MOfA-NbdR0=kgfq{YLit@AlCsyS6&Oa$E`hB}Y!O^&;-`BJySAFkD(Nj<f
z$l(gLY1ZfcuKldABkH2S%4N&WX)E(BSbLzAtK^L5{2QR%B8>IWxC5;}gB$FA)R=SG
zUS|949|ie4=H|u)srgKO8v27h?S$$9f&Y_NK7PMkcSEhqy>+q+vffQnx=>!t=GeXS
z)xNrEec9hT%RqYzU?Bk-!GxQ8^mzNNlMlD<^Z6FBitl90;dx7|E$e>GG)obze=NBF
z;*pC*Rm^$QxA$%em~Ma3x&PCh-L8K$e0mBWf17tJN^ZlE5TuacntrgGF}xl$Rtz`)
zxbQT!176z=wBDGRs6V)T?#<5+>*d}ZiZ0_($vHZq`ltl^@+Gs5SUg+H^Y4=LhP0V8
zH|(3f^XFUF8o9V!dEvdFZ748zgBF9r%`Ni%|Nn~9?^QaR|2nqcPGSr!diMR2<`#E`
zi2CaE`g^{TEGwo@Yt~%4P{Z;1)`YwB)MprH-k*J-JRtIgve?7yDrF>hgVxN$4dzOp
zcr&1=@Y}xUKhD)v)tgQ2m%M8=_iuQT`uw0D;iBJM9%Kp@-+2G?VZV3h<>&Loy#K2v
z=v@7%>0qM7zjtf@HAWuL&<`Y&@G(rE^^!4+iJxKmClD>bFrDilV^}?CGZ@^$Bkwov
zUQnr>ZY)${RK38RdBck-foa}F2j87`PYLVO-J8kGyj3>o(#Nj{e!eJS&gs|}?H`s?
zUUAu(WrCT<#_OQ_=wTrQ+5rVOSMc7};H4*v3#PjMWO13=e7@cD!1CQ4JC~^)t3N08
zzQ8Mr*CRStHkRWP-xMac->ZstPS=Z;*nIa<>&@u`a~Ur9MIwceFw9g?8sApR@K9QN
z=1&jfrMp~0PK&CZ@Vi-ZV8w%FMGxY&3>F^sU%O3P*Yy%>!2`eZj8k`ZoM}&GSDEN!
z#G7=sk;$WbJ0o~06(od2kPWV>pZ&H^^S;)4rb!Mu$|sB2zWgog^Wye;H0SEe)MQ&Z
zH=Phhm%f*Et>3~kdLADR-&<>K>Qgv7wBY+O<(1|lpm_>dNPu<<!Hi~cndu=bJ<o|p
ztn2Cm@xyaP4H{?0*Y07KbL4#4D;3pVH#6PU-o;Cwb3$Z(W|*}1Q@z|UtFqaD-b9=2
zo^19_*)??fSszA;>8ei{y?sFokKqQt2&~_=EuY_8xZ>TD*B?rsP3GoqXb<{ZaeHO)
z`r?wS3s3sRTD*GD(0=K9^!Lw|rH^ecbiPtxjGlTc;x$K#e0k>dT3<$q>8<A(y%{B^
zOO`Q)Pq*-6<eh%^Jfn9MbSNEc7fV-yG)t!R&u14-3oSVJ&wY31GnY3RJWr3epOxD$
zo)L3-^&ZZv$M-y%ZEkASm-tmOKD_&U>_W4SbD0)l?=2LTMj%C{48!!M3yfj)pqpgD
zhJ&IsV*a6hX*Pz>_H>xOc)9MPc8>InNy7fq&)yMKaeJ70G^Y3XiE|oFiZk@&y<G0t
z9{;1RwmwIOqk8em4&}zU`zH#J%m-b~05^Bfz0BW{s?RS@)i`}w?p~$2&9lUq%(b7K
zf32*q4!-QF_^FA_jpg~I8(a0KZTT6M@MiPLTc?x{$DO@DEA>t8+WW1bZFsOKm1jTz
zmIwToxb}b3*k0MU+s`28mX>KQ<BRRTv;LcCWU$<lyyMgV|KZZMwic<@zEscFSxv(B
zd(NpVo-oR9P86?MT>M@JISncx%w=Htci6n-ZL78EV@(dvUA+R=_kO5P>RWueLizOZ
z(<@!S%@SF@?UcX&Ss8zM+uH5+><{N_%C9Qec2vf1Zj5Ez!;TE3kWfT6_lx1$Z8Q7#
z^f>1KU3X||#$DT6oj=}9T-3m7slSx{jq|ETGuwccPvtLUjz{WEKjbL%VP8jaOiO?2
z3B&DY4RwF(fwt4ZLPCjQ`mRTeVUfzn7Q9Tk`KQMz`O7aBrWYw?Ee}s;ewW;rK2ze~
zoEsU67e(JpZR_|rZRftnYj%Aouxi^YT+FDmsmHg&P(+pEzU};r2}llCnI2fn7|x{1
zFn!Y-#xN!|hUu#wFos2`BU`t1hwqLa-@>qO*Cwe?FAM7P=H~h#o38J5V7~Oa|Fw6y
zJwg^avbl+$@7j^NLH~Z>+&TIazk9yCUG!6QBjdCi4#G&*X)sI=dcYXQq{%S-*L}vY
zdM#voCMv6*bd8OCyK{}Vpwy3!hNsIH+CQ&h2#tzb`{i!!-%I?F5e=5PYrgY5x1Sy2
zy4zmCx_5F1|LHQ>L<#nLZxY#&?9oOxcj~<r)rJ=gXG_-2TN!ojamIzCw{9%rY-3)@
zZDcHWFEqUO_tZE1UzaSp@%-->r7irf2X9AOi|kO>Jvl*JY4fS_d!YSKu=voK9$Cj2
z&Zs+GFrG1-QE&RqaK>;ZeTM0??lFcj88A%$bdNEN(QtZYB4ap{5ySMNn~Y(M#?ucr
zFosXp2xsJ-{`D@SH>2tFiII%q({F$UA{o6I&8Is?F@{g?h+yQMzBG!_o6&OmN05L;
zBqQ&1({M&_Uu$F!v7Wtgn4$5<o2Mmb{9-0??9rQJE4up69>3-NOr<R6Cj43Q?;dAl
zQuI2_0@iyM)s3cpWZk`Grc49pyd9fP?&7TcKmBebqr~*J(Tv`{w#eol^)`G~|IFNb
zLVauH<HM(%p9!__*(>I9DThb4ZO*n)I`&&)v!K~=Kj&Fj|JxsXU8^em@{^06QO%b{
zYgGJ{Ui_Kf8^tJ5zmZET``A+d%HuuRllvYmu&RE%xLvi+dw$uaGjrZ{v;6<y&fPq%
zH+SMfS!02T?TQm^m+SwxPEBJtKRfNW2xkjucPT8i?U7yQaysp>N9)8V6^Zfl1D>oa
z+R@-}?Qip$qwaHiBD7O~9++tn;;X;ro+NvH<(@xBTRa}mZ$ERidhQIT=hHv6{>?h|
zdb({iql8aU+^%m0oxT%t^zWS$?-X&$OL!)*ZI?#Mg*y><6L}eQg%dAvhdCI@Yc|Zg
zVJPKUt^K;But-~ew$kY-JK`LRkjp>E>5;LF;nROaGxAQ~8_VeJ>x}H)J%J3n|IGjB
zEK(q+^SF2x?}`OQs{+d7jIt{GHr4kQihlpcJxQzFNI2_UlGGlTcEyHS=e^Ef=xC3f
zYjW}G^(3b0b7L4Krsu{ndNaCC-x<dkK0P9qk#~A&Jfk<G`}BkHjN#Kc;uv|St0pjd
zGkQ)hOkfP3z5^s+8^P%9>y7Lbxnl{HVN%l1exBjqYrBbGYMq_>ht5+)d6la^P53Q-
zytTgKM3M7E<}ls^lM@}&u7-0dckljct)#;&YxUQFze9U^Y&@gHblpToZ${tg7ZVx7
zr%NP&Qf3mPH>3ab#w5n@=_fz}PeB5K(+!gu!>3myGV)HJn#}0U7(D$UNI)Zrk$1Xl
z3Zpk;==6yxp!5$C_zDsTpYE6nO8?2A^q<P;%@{fTBS^p^g^|~1XY2&a<Zp9x-keVB
zS$=F{=Z>VWH;ct5K4_oPo+0noY1neY<dMppjhEi+yvlm_WZGMX;=JtElV_dgWEXGN
zbT8k7R4hbK4@_qapZ+3+k$3vmbVhH+*y)TJjN#K~q%!hOUz^70%@{xZXBuPpbdNMf
z-s!0sjNXii(>H=t`~V4vW-@v+CQnbyWDK9aBAt<Uy6-(kZ^qQ=f?1%*$pA%87Na*~
z`t*Y!0gg;i<YY5?GiFXN%mzgcNZ=|+AbYxE4rBQAj4Vdp>8&}8-i*1^FM<RlvKe{n
zyB()qS4y9q`8{cE*5M`ELEGzf`lE%9wy->TYvtt>Q+W5p-OCIaS`6zCGum37Z+~@L
z)}nwVe0!GjEYrpMcNh6Ww!3kFx)k}yiD0w#{nk03j8C$x<Gm{GlNo+I>B#(vXSYga
zq|M9U-MrhD`A*Q@_djRWKVb^ETb#~!^!l5XtY&v6oQS%fZo*M;&(<FtkdSQ$pd&V5
zX0xmc{ZXmAC)Zto^VXxBN`-&ot99RRVZKt7pucQ(^7UoqO54x;%&)w(BDL7yN;y}y
zgB45OHnozQk2uws|K~@vh=R>!Vh~_pU?>D_{(u|&>fxt@O2+5UukX%uI1|2fTbXo8
zHS_F>4)%F>AMs^m$meTw+<tLyu1klc(Tfj{DtE45{r8Uu`=u(a7dFS&t@^eE$>1WG
zp`a$v#Sn=rYk%@G3g5jN5jA<1P57J@PyUwfZmPHVxR9rQQGMu~=lgW;IZv9fe0{+7
z*h2Z@`L@ADo=(CW-@dqH*!Sg?4%lE8u!~`bih#^#@s4V6S-i4c{1J<%fv(%}9yMFm
z<hxO&d;7QlmfgG9Zf4#`xAM8Kt<Oz97k%xC?#7FIlT9K_-t=Cc9K^ci$Ohl5Aam;(
zAO@F!OoU<<*3ZfDY+grXc0{Qi&i{0nYsWN?MW25e1?rdc{IN`(Q~1--XGN#8%ksiy
z`e!9qi?5s2z+9uyfBpWd&W@%}tc*P%gBch&KtWszH4{X!bS-ZBktNL6STy--gh$|q
zo{ETd_5RY+On04m;lE2_=l0u6SE*@TyQLs8p|ZO8Lt>z7?bC$fRng~*Vx1LUu${RI
zX#+tFhMlGYHn{u(-=x<@F)S$}cDuaSJe923e0)lN@^eL>|DMZzR(cxjE$=KoDQ&yx
z<NW_;MY$zTm0lOwSIu@n@!F31*p>x9#QMQ5=3r=m9>)SQ6ogrR?a<tC#p_T%!}Ic`
zE4Lkwz1*|4|1Hy%&xR{6M`}1eS!wy;zQDJfvypLc!yidYJ#WfA@#pqp`G{2WS+lNf
zd;Zl2Y%UAf+zOC^P|UKOJAQk3ovLt3z40{ZnQ!6?>d!v5JiN`qXhYc4@76bGCB>cP
z=33@{I$?gNXzaUF+zYf9=qj9D!C?G^Jwdib>TDO-U<MA5gF)+Vq2@BMO!@V3@B6Yd
zj&~cM-@m(J-6Mu`O84~M9g1jOw;}hUB#*+Cwi}l>JXXq>bL?5L#Dh$+dihf&H7EOS
z{K|Tg7ao(}><l)Tg#k1QQw1{>l#1Kc%6*vA&!nGTDqyzxpU5@04>u=StjLLSnRZY<
z;gF{wYu&Rmn>pgzkKF6f&5@k@`If2ty|cgV9UP}^_`b<BI2dd$0|&@l*nu`6<9%7a
z?MOX%@6X0X^RFMj{CR!-vYxpP>m^o&n!PkuGUGd-^zI(p{HU^JC(~BW6?rY4K3!dJ
zUie-q+k*$wOe)w*)7p@mmo?KD7BYr2)=vKkqUxrfEMp93te>t}&KS<vFuf8)HBP@+
z4yr^8K@~~`qc>yo^u`KM0b9h#JN+q0pmn-oC8&Tc2307PjNXjx(;tEaI7&bjN)@9w
zW9RgVRiFYEB=8j^&^_I;8dSiRf-011MsLR6=^sG?5@n3M(?e?*y&3zbFRTGoTOa|}
zT1IciiPKlsf~u`@M&9YXb&TFjlNqM(y3QCjU891Lce?BiMsKF64AZl2FosRP0TMZT
zgVEb}Iw-`Tm_=awMu$>uX}^GwX8TU}38pt|MGJ1WEjsyF`RCW4&*o<w3z8KUdRbt_
zrGM?&x%|SlHz#)e4VGz{!_RZoMKVRxZF+4bqlAy+jBmUjS59TnzSZ$p+gwij;)nA~
z7am>nZ2q~T#HV@Q)q7)&`6P}MUUJ_1<cQs#-O7LU&mIssW3bh-ZBD-Ok|)!_(F*Bt
z&z$}+0@Ts0V&tt?J|%Yh3HOsl8J|thM%G%qI9vWOUGdn_LvPhK=={FuG)sYVr;$Tj
z>yeK(UwGTQS*rIiZR5*raS>2EWpYEZQIieHSlFRKAb+!*_z>LAK4*E1&=<=U%smyF
zvJ3BW=}cX&&MR-U?4i&1wM&%ye>`7gBzdjz<4pmD_Ky20*V8X<*WGw+ZsCi@Ag+*W
z)9+R>O8BIA>Ft!~uj5d;;wF)6*0EUJF6p1f+k+G4)QX=zztZ{P?aus}^EqPplg`)w
z%C1|Ru9)R;%y^0O=}88mJzInxg(5j`?)1PS#$Z-Zx}G<Er5j^7<NWC>i$Iln4Jc}h
z8NC@7PLC`Gr8$tmUXZ}z>6|5?G*`>WJ3Y6A(c2ev5E96LAk4C1M%$l50#heU_2!-9
zw9)NK-7?)LtK`DuMPFU)*|hof?JKpnw+QTAdNJMaScvqQS>I=z{y)8)Z;C?q*^uIX
zo1_1x`_?f^Os{QZ^!8m2G7ySco<%g7{O*iCp4DF8Y`nVHIFaMdq0>v0R{mLL_iaL@
zamqGN*;V^K9B)~{Xu0H?;I?39ZgbA^gO@f<R_YAX*lQU&{V&Me(o#lm-<41^K@`h|
z%ctc2EDrtm;FOKfW5LOp`OmltYYtVs?fldzBom*$(cb%Xz@^<f>lu6JuiB$h|DvVa
zvsOj(TSBg5_v9&c0duCWt!I>|Kibm%hWnlK%IlNXnH~53>3#mhdi^<dFCEW+IO%NR
zal&P;j@^&jGp=v=vtwUf3}>mGoQUr&*MjGvu~*jZXV+tNLW&a5vU-rqK$xXs{~x;u
z?}C#{4Xk}_RurAKPZ1Efbl213#OeLjoGJdPt$BAY6&YTWw3&3*VdpG~uUx$~AF40w
z&3NtCc#d^lf0fqs*ak+4>88z$-o9%=CPFcbNBn}fy31NkzUFUeKlwSC&-u#LQ`*P)
zxNW<Q?0qV=9xVOg_Li0LqTZ^%=2g3^_iuc2#ZtE?p#Eg%jh~w<H@&_vowt!uqJCSw
z?L{3{(K%TeQ@R{J-~Fw#pk_&f?`9j;snf15n0V93(eG>!-_Gu=guKdyxk(2X%UzLj
z<7&xee`;l1)|p!dIur=jeF2?z1$7()%j?<@^~GB*K6a})F->~E%;dAOHDa?r)^&sg
zR9-XldeScYwm|2#TczabEwY~XKS*?{&dt7<>zukU=Ap%+WxMVKyqvzbkx{~Tw%A_b
zOTr?rOLA9!?_c!OXvT*s#?7w+0%n}`P;;HfI&qG%bjEZ4d672`{hzy$cgwc@x+?EJ
z@n}27-DW@i<%tmJtRR^4HZn|4`oS1By`qVc*XP@=1NWT;UH(2`u|4jSdFbVVqe~Z>
zP7JtqG(#(5D(^+<!zNsI=JtQ31?uJ$w_j4f9TKypRlziT^-;c`AD?#yBaiEEo_@0#
z)ZcAp<ehHY!syMob$VwDsJ#yonA^(e&A5H~%T`c(zXjBWZe#Rj+&O(_8>pmeW#pay
z7NlkObW4zm7a)P!GDdITy|91;Reg+|x385LCHLo6KMiDzP&@lwp|@r4wKPk6ms0@-
z-2&$qm=)OFwObw0a@}Pc)6x~0D^;Y;r?dQGd^zXO^q$g<#nXG+7$v6vZDaKI-H&W;
zpyrn6R&T_`xNWaaTm5Ler)5~D{da+#-(8PZwoF!No8F)#6Ti_(;Z=6&4Fyk@&TEEo
zqH|w~zEwZA|BT0>-c_d4ZQDT|>vl$OU)Tv_Amdp=b=amxe&71UdqT)wi#pDQb9YYG
zEx-5G-^pdyit7Je*F@JXJed9Nl6BvVcE6i@--Ze4J6x?Tf5z|ZzNlyavK+PPZ`&Cq
ze0H5vzFhy~`=y0B$$wb=j<2_Ru<@0h=Jk__>C%NO4q2^cIJuu~vYYxXk12}BJUkm_
zUzr${`bkf^?8lAD1v`VgIFT~s;psoyLFHWsBk%Os4n}XrqtjP*fa=&zP!ZY5=*@V1
zdSoZ4huH<{+kym6PUq|b)v+Lf+%86M#?#Yxf&?<ULDge7qc`K(>6zV(;oBv87_Tzd
zzYf2i6#vRJV!2l0B%cDwmpyxw%Q#f@U*F1)uc)%}W_1WXbot5Q50;K`Z@j0t@c)?Y
z9QY~p*aLy^UHvCgyp=(RaWOJ9fScI2Kw${QEK4mfmq<6=ewBMwa@kGQYSomib7GnT
zO=t9*Pgz)XpMS91>g}v0u9fw-WNSI)?rna(<-y9VWf2N9?&qwW88?ad;uUZxFn|q)
z?M(rh&9dkB(nqgk_hz4N71y}U%T}xwQ?3xd^uxu5OH+Q${mGapt^V=+=4ij5okBaG
zMziV)IuywN;a_fc;pKk*O53Mi7GQHBy_h>Fy_izrzcvo>i=wucCCi8{J7TL|8y1om
zn#ksr_A$i$(du-aTb7Ybu@dHj#f&W5thT6a*x=2;a@cV1%@+srpM9Pahh*?wkV~PM
z#eu{0>LlG)>1yXDyS$j@xMcasjFnn`xenjo?6rPg|GIRN%PtYat`|I)XQ*>#G?-NU
za7%ko8I<XJv&${<fA(8}9I(NVkhljm6hyJ?P5pG``h&N|2fZGs7k*No!DJsf;qJ4~
zOQtKG<h>-Q!4Q+0rEFqmVlqd2XKzDMLHArCFV6)D^&c0hep|QuxIhZXTu?6t)D#A7
z=K&cC!Yl_>pYe+3Et#z=^6%c1WQF~2+gFw^b&~F_e<buUetFR3(C&{@IwY89{$al8
z*n4j}!`y5IjocH@b9gKypIi-m{Rd<)w0HCXWFQo?IK)+~J}e=@)uXrd+xFeQ%XCfW
z)&JV*(pMWGT==_w`+F;{_(@Yce%UwqPSBIqTh(du>`0Sa^x_M)Ci(^&*fgatfDMN9
zn;$|A1yL+Fmt}rn6uR8har4f0uXFniEUxD>6!*W_BDH93WQD=)&r&b^l+}JOUa!2X
zVS++SOX&Hn1?w-ao&H}vyT0;pz^d#_u)&aC%p;JAP|T9%Gg<wA{v@s=e<f}A35&P>
zSN&o?k4fx6=x(-+MVoGQq^T}laAETWy&^-`E17>cZCZaie8<o5mM*p_4wZ3}(j~y=
zGBAPqbC02Bf+&{%T1_|m$`{VKU4L2Uk8O0DB@3^mjbV|_yRw&0|6R<vy6C;-mOE2z
zBrnVe7f-!oYyWxYnq^f9&0epk*cN%7THb60HW<<YeF8EOidlAK{h1`=_d{v&!%~}6
z$FIJIBHJQ$wHGbe_Sf#^CRWcElcp7R%H-yHge;!jo9BF+q2Bsmh`xMU#GBuj%(zee
z4VVBn7}7m@3N;i&v7~+4)+085-)+ynCRwfg3x6c473TVFeDA^XM$@vKZ*T6S2`Lw(
zlA4=E4!vq<IGfjhs_cozf4g0|vAfTPtCW?fK+Oe(#50hAP+ZS)l;v=^Nn6LspiNSq
zT({@u=1i>F*4r6;eS7GF(v%O;_URXW%L;mDhFzWaXNJM4|Gy3y{mx&vZui>IX6JK}
z;h!HN8T=e-D2QUIw~%9y`Mqv~s%AsU=}aLZRlzmAR^J0A>HBxZGi_*>e*8T(M8~22
zg5HD(ohsMImxVe$?%1@>NxQ1usO;~yfW?quY8LQmT`xc;LNSZ1!THkOm`rz(M~k-I
z37;n|FjpmRN5M+1EK`#X$;;s)d&D>Xe<QwOZx`FIZ(B9Kbib|?xbm_0ln$5Wm$<Ay
z?@hoCh78ZV1fL`dGgxpZ*X?tDzr%Re@l_uUu;ZJn%Om3Wz5Zazs>H7qKD}@5zlalF
z+HosTyMOznlG>?HJy)3Mr8#W0oGX#lzq~6z1Zps-LH!D9CWvBLwmom(X0G7H#YXFv
zA2%_0+*cgO*37zDU|-TC)%rD=nezg#GMxF$KTlf9D*4Al|L@!jw4bN+nJw^||78hp
zvTZ!*oI*wh2JlGLYmkXh%rg7;jI1*$fv@j~nosmNA6&7gzdD6^*XrbnuY{NU4~lmE
z7?^%1X=AgI^Zwb{!H3`R8Zg${r(d~q#v)5NfAJQzjf@Noi6DbPE(V=@2{o62CF=BT
ztCw$rd<_Z@@Ar+<c+<3CT2t-gj8KuaPP(fL_AfcPX*yHt{=Au-{AC}i#Wd2&C8RXv
zJWmTej+)T7ynE(Ua7aM<R&S?2>}L$0E-@X{2c5v^?fV{P3#fte&i47Fn-|Z8$WEy|
zzG=Jmi>%Eb|C{`kh-Xf+*&MEF)4zCPucFS)<%vO!bx&EQ>A46oZDn6<*SS6Dsi4$`
zpE<$P_fBV&sPCR#^-}O7-&fzqj`w-*`fqS~C~@<tfwJ&DW074Qwf|jitxR8U*7-K`
z^zvxsk{cUr|9+Ad%#4wpuHdumuTxuh9g=fDBD?Ox^LH<^9G7ojp_l%3C7+$Y>keJ1
zKUL><@a?g8nYb_W@b#HXzWF6Sk-Q<h{&)RW_lv7MI(|)-J^N<ngvkQ@T-As5r{~UK
zl&HV)<%Fq^j@y#Czs`#vS=JfJ8M4EfU6rS0m+ZU}v1=a|d!Bdcv}YCK&$$@2e6xtV
z@0*?jjjw0OgffZmvN<ar2`P0Up$R)I6y!=4)3Yc1=d_>w8C<*L!OC<dyIIz}i#9!o
ze97)ve?~#<qPcayfYPod8zp5|t8bA#{QkVPuGWF?mCWjw#25YXOqS{9m@Ye$QDS=R
zenxMmuME>y?FV()XM!3w2N=DXzB5dZI=~n<y<-+A=JqgpGyP<k9<`M*Y`Vp4P+Mm!
zqqpyGkUOB5Wr>yfwD+8?KVD5c*EZpVW|lPTH-}Bx8VRR7KIt5G^;x=lX}E*aH6!-U
zbqq&WoDrz#;=j8!L2bhsZ-IV;-S*9i)9=n^l$gGBBBM9s-{~JGGKSaxgBlH@SmF~L
zuZKx)+me;ssP1^^`csMW_cgb*+m><%hP|;n!zT2t={nQ(?ZWf+HP8Hbvr<>*)|TVF
zE@uqNkG*5w<EdWo3n`NSgA9aXmObnJpZ}Ord$aZllbveJlpXD&TkmPq{m!=9TYuc_
zve{{Yy?Mpbg15?#`}(yqr}ysXQ0>_MF)~=VvN4`re!q^MH<H1i88E213@p7Ol?U%E
zU43AQ<-3Jdy0sE%=||43X31flUXXCHNms&R**?RyOy46XH@|zKS+ToGVKcWycKF?^
zQQNDn9?oxCCXPHG%LrN$1vQx^Ig4enRmO~+znu$@+HcQ1%y(eRq0Fh9ZKtI9zZAGH
zw{mu+#G``}7W0?-yt3ocOG&9dmlxq=t+ufA?cbLxuQ(tt)L}w4m&0>?#_YCtGq;@z
zQFvay%&tB=VRq-WTQ!c&te<lO*_WiP`4_m{Sh*%GQlZ;!wLP!i9F_$yL$@D_`Sw=1
z`)Q#&s4Ri?nV69c?&|eiR->zU`bBTt1r1XnrN_MgG-WN_OI;tT2NiQkez>|$Js`c-
z^TNrFU2F8*Oq)}Gu3!Je#HfD3oSI^@MvL`UNI}ekY;g30y{5_DBCi;gQ^fe@iTK~j
ze?9Bl;RzdmR|_XZzcsvY@R-xuYiF8P9hLP6U~1hcckR(m-!EGpbJx$wQOkTJfE*I6
z$mYiWRgZi(aeB5glPeP&<Md6+OkqsyjMI};n8KJi7^lCQz!(+<>Lx&Agn>m?#K_Ng
zf5JzV?N^=$d^@*n-;QA3Q&#G%5nmni-z3R>ud0x#U-9ejvE>IvO#awsU)%Ki^CPn(
z6F=O0AG$qUIqx=-2e}xhJ56K^tLH{`(7KmfbAHU%o-!$G@6YswTxrkv)#WXhIY)`@
zan!EdQ2M3w`q!@9uEz`WKl^-H>?*dbE;alLL!;tF2W!_rp{@G`kj&>nHaB3(LY;3)
zSC_8hytP+eolpOV!KPPpvx7T4FVy?pyDvDkgy|vo+Z{bW@+UggzMbpP+OjM&P*`YL
zp+UTT)ZaWYYshFWq-+A6KMW5L!-P}b1wvOhHpy&oxEXX}#+)BF|J_!TH*h*~jN8b(
ze{Ss`1tG6n%obM}!)-hM1~Feal@wpn=2do%KPMzB?8q}l<RwFl(|=8342$ANcDcUm
z!fh9x{!Z}QtoB~u(W$pzw+Ha@IXem5yf<@tPJQ<3t8Qm+GxoA@JZYDG^s~o)QqC(s
zPDiE7y3P%S>R&m(f-)2=tqL$s@A72~V-jSX9yFOTj7f-b`YI4D%s8EC3TR++2_x_H
z)G3VKOrng_H-SWMfJ8*6GI}$KGfq#M3MwU+GV)G83KEfIoSroeR7x&m<eh$Y8lyLp
zG~;xs>5O61Uw}kvr!#sp$udqq1rnLDoRN3B?hHn6CV9r`RWlgFrhBYl<eh#OB%;VT
zU27&|*z_MDk=~h%-b~7j({F)9R;&aK7|deyW>RIG-ZhIcY<k2h(0BkyM4fT^q}hyN
z(>YdyO6}Q<-u0Tup(gg|eAS1A64r{18gu%zg%-7%6uw;f@8ERzbEf>0jvL55^9^3M
z!SN2WSo=M#)6eVoBpAtsTwyt>QNg=R<ezr`N=VxuJb15#Z0?%|R=XXS9GbGF4(+Oo
zQFwDP?SPb!zhe2ixcU?I9=-t~B9AnKH#nbuk=?V?-?653YDo6Pd5@IJTza^ln^@i6
zqX15zkPd)0vcY><x4&4HG4+#PiMsIIB`;@eF?&$9)y-xBTkqe$i=G%~s`a@pOG)H>
zlKFS~{NLM64?Ip`Q)->9p#I>+qSF(4tWHA;QOG<7XgUg>Ks%P(NN}s3m2y0FdE4K`
z<>fiEZ`+IehMx_0ek>KRQL8VgF|#*b-c0$6c}8xo=$C!W84E(xY~LEyY%4QZ>e|f#
zb}$2n0|NsC>>vV=*(|*=ch4O=^IYo1milQ=|K|LtpB-{KRIJI=g!7+)(f9j4@@lV{
zfBy3+(NgP{3p;83+^6Y|SNM^DKeOLX371WeIb;Jh7_<UM4>=?rX?@A;^_BGS;Esr0
zp!53ryXeQ28@}J}Js9&)X{}#!iHtDwVe5kGh^q(BE}HS=w*2+SrPp-hEbBkUtbXvn
z;mOvgV1rp0Kn8=3^ai;Wgjo#i^UhoHJ8qL}XXkx>_S5l_cTdi<D775^byYzlzUF2c
z_m}TK*R0t)?FRG3rwW@-<!e<gIxlfOUFq#*yJqgHi;#XdxS7rXTAKti6NFjXOibK=
zFRh>OUY@ftN7^xRLH)`omdkwGS1ns+9aN&et*mSRy*&FF)9ycaYM1=@M)&Pn7Lms;
z`>a?O2F5V;26}^z(`JND#u*}q#NOR&H$+YN`OD}&%cQ)FgRw=NFFt+WctTOF+2)MW
z*T?B>nUfky)Z9=0Z(R2NO#RIIV*e{9X97Ys_x>_m=X&<ro+IFpfb<GM<0l~3f-p<!
z5vyNIQVxg8q$Gb@qtPzs*_dS?)S>XlYI)`Jg-=WVPnb59qdIlL{PKkksTnq}Z|=MJ
z>_hR#pBukjJfFFDr}#aHx!@raW0-?M$9u5kcvP31{NG+;SSj1(uj?Fi=0dO637KzR
zC*I965B<TS`LMPl&uRHw*=0M8MJ6!+wdyZi+0p4Lscm%i+_CywQJ|C7VS_xN?hDAV
zAj~3rEb)nO*2M)oZ+dAI%!$%?5-;-LTI`%$)@3uz9+%s?em82Uf5Rm$xvHzUd#c`2
z34d8d_C>dpmfc!3$+(_<-!n*!4H?=ng}E5iE^ldCAD3%?pa17ifwvsfr>{8XHlcUT
zqh=8)+y6ah1<pxuFsiPWcvtThbKqQFx|#f~1BE8c@ri%5k2}6=%@EFZL4-s-gBh~H
zm$D7kHvj*+Vjrh3;~DYuhVuo(axY3S*H26CY0Q%nb?I}EIB-9d|HG+YJQiVIj}7{F
z+=_VeWx4B$^cDByqz=CW8_WR?Vsm73wR@G82OTKjl|Hf8(s#pz$4V8Oxu547zA3Di
zoYEEb%>IJf`~P2pj9*vDsV?n#?<exj>5bKk6Uoy5zg^0DSC?lp18gv)Lk}9F0tGJ!
zv-nsnwk<hV;d?LRq+rr?qdVJHEAf_>>K8<m#2#!(KNq9QT=!+o^~jamH7}-oIvM}u
zw#mjiFU#8xcK7<Zel>r54YJ-EGTsF~ZWv@LD2N*-b#x~wyY;!f$Sll1Ue0eOK3&|U
zKRI=hj{m0R{hpH*^`2+hNk={q)n3v)xo4XAv5&R$td{=zlFXhZ#eMZ9q<akM6oT4E
zP-7Wb_zV9Xll^~gMn?Q`m4~_$>yIp{YN&MQE&XiyZ~p)5(PH<{x(J*QuKiaSw&Tl+
zr4Lh;j~twKagqdUca((MwjZwr4nji$v@XILIf!4Jj$J+TcoUC2&!q!$&QDKl$P}LR
ztDRdfcIuy)o9*-ZJ$LNgm&e-}KRa+T$EUiwHJW=O{nqWN-}HEKV^&k=>GLsQgCP^C
zpi&O*;&t4`FMp<lc~pLCudrvixLWL#{B^$GrH2e>i1FXGRC)7QWa+*)9#bs0-~F>}
z{SUsjQ_rg+XWAZqllPM8)7Bf?K+(m>0Gar;MRqX9n&zcq^{1|he%QZ1XW^5RCS^Z`
z6n7Qfy;pnxsL%Ie%k=2f>Brip-C5C<#P7fUP*&b$mJ|B-Zn}KS`}9@!@ydgcmOTRp
zs8w%=Z1DDjtM?VAbhKG7UH8n0DfZob%}=XlDBJobDQIY(`<br&`_A6OsrmaBHVeso
zsgGKFO4n!gq|Gb0w;IoSqST(LYvv0M3CIwHJ+i@JCwF|`<7&J+Sm7Jj*UiBRb6WpJ
z^FO~UP#n5Z^`_&ih(o#8yn?UH_@wtwN%O~KjnF?!E7h~kX&ng2k^9ZK?=<MJdPdMW
zXp9UD4p4JJ<qrc()&^alU)C=_)hlR<N51yvJnwSA@l@uUS&u$zyFN`7Xk}vbyd%Ha
zB2QT0$NA9uhpv{BVtp=)n@C+dnBNzh6;us&a0AF_21lsDpy*?Xx-?hh+|$i{pC>Fl
z8g6X-smtfhPMHl|wOI*QSQ^B-c35AO6SlsZ64ZN%+wPcU&|l}rX_<lF`V}@jtzE7w
z$1ON{`rFNn67|=3{8?ss{F|=qB(y-$zf_@b+Qc>cO1AUfIk&n#dxQOnz+HQfZ)JTP
zw%tLyTAAA`DZ_i?nKQ~U8Zm+vozwfCA~)th%K$)517Q}{l-3#BnkN2Pm8&Sp%EW6J
zoXi>idJ)HNN#2Rxy1BEipZfCj>84jzl2e@x^iECU-x$qg@a5st*3v2ikHRa<m$dwy
zK6eYFME#;-#tSc*`&{466A$|)?b_p!wZ^XE$N7rxWpgIAs`M1ib}PMm!l%piW#*%z
z(g{4@Z@)HsXZ%&{`0OPUrcQUrL0(zqiX3{q$KD9A)LfCS+#J;>uGzTrXH#y$^gLgI
z>5q0Udhx44XX9<fr@I#@NX|%7`cf0GrIQ(8yfa79GoZwB$GLfhTkhpg_uUGb6K+b_
zu=Kce-JuuXM7H!e)ohB~*VlSV@Z<u`f`j|xw|a6f`LbkZ*YcNE|Mr#jev(->+mj>r
zgq5)Fll@<;ulW@~hKnI>c=zdyt3b0E+ZcJL&s_#yFZXg8WBBwPAOYXyjNXji(`POR
ztr*zO$UFTnNWgcx=L*mO&kjc3>1$Vj7rOlf37h~4#I9uY_6<b#Gk;aFiD}0^2D>-S
z6I<+0?94ebxqJHlg=-q#Bz4{s39hJJw9aE?tk;$gk6u^)*f^>F=+UL?&&yn7HgjXH
z4Bfm?WP0vSMv3~zyZVbnoKCqpT`o+V*r2%XkH}+zgCZSY9e&Nq+VN}VW&1W(<C>3m
zmN}lZs(q%yJzw;B!x5f)Qm1~#J6lX%emWJLo*`Zat?vLO77%9nyRTYg{p`GuDL=2@
zJNPl~(w47Drp`4l=jrk=F+JF~pZkHH>+J<BuOwIH>{FV(@x`p8FZLxbeCNbg=y&)9
zcSPMLt?9D67$tm87#n}%pPD&Si?wC{Vk<^<w#HVon~O_%6B*CC^E%&k3}8RS&fY!g
z-vvIN_cQejr_FRbHK)@r;{B|Qj)r4f#bl727dkx>6eBlwG4f8|yNc19F?@REI?$Zp
zZbsheqN^Fb86&4Bt_IBs?g8~cKmyUz1=oO9?|}qL*ML{=9Rvx?*b7={w-&s5uW&7B
zqJJMF@ARu6fyC*GAVYtE1Web1SMN2h2TgqK2X#l*fmiR{1PMeO0QEgKfLHHzZU7~f
zgP^VlNFZ~%<wj6a0SV0A$mq?OJ^dv}Amb2d_Hq+=_1?@)prmpbly*P@`O`f&gBF(@
zX5{q=aP#o4zkRy7>C>n0_UXZ~g2GFmomNgxQl5Qcomun$sk-YN!~b25K4fyqg|X@X
zyF*O9D-{n!xv?%Q5O6O#)`YxyrEvOBkg*j<K(lsR7`+*br?1=snrS@>8r<5-=*?I<
zopT##rWGWRyN%JCv3&YYkU+;V&?Mb<MsLQ->6zO>p?VzDivtN%PnX;Q3RRFm?G8q7
z#@gv8K>{;QfckJd8NC_nr&sO-h3ZL0ULQN*zXv^!>aO2=Mfua6duuznxqflpIO&`>
zIWFjK<NkAIEN`XzD>P2d<63@h!uD%DCesbvou9B-xAUr%mz0@_Y(`1}jng%Effiw$
zWaO>C|I7A#>6du-%e&_2Bz-BlH>sY_bls{|_YX)2JDZ2`sR+%!v}g;@=Koh$ZM5xl
z%sUmHxi3d|#q>X~mgfF8squy^LxZIIX5?IHRUk2CU-X-eDhzvU-hLI${9^EIYv5Oj
z50dw|f|&zeSiLq&o0{pcKvGXDJ}l<7EuU`0lUjQxaf!<tpL^WkP!Cd@KKB%(#B|%;
zjNXi`(>r&ArbthN5(Y@1efq>bpp<e3w61#(qqlD-veiqitu0TuJEhD}`BJj%X#i)A
zz1f;~d$`k?1oGC~Zk@JH;=!tE3r<C7tz0z8QCND`*PLP};~xQr^E^AH{>~C!a%%e8
zGmH|`x1M73_U%SCSBFospEEshr+XOJmIZ?4YVp6?Kj&|r{+VTutU#RlZpou%$8Yss
z-x2vIS8ea1EX9A~%QqA>)UWQi@X+V{DfK$e>9J=SC8i%e2woH=cnFkk&oS~&FFgca
z6m<|JZ~`QtdKkPYs_-yqQPg=*h5`vpp00QVl;SQh@=k9(!syL7b$aA!P>KTy>^;rs
z%{YBJBS@g*B53K=UPf<U&^1S(LI{Le=85!}&H8*dbDrDxnoe&^wUu1!onwyob#D3N
zbB80m>bynVl+L;&1I?$?-DYb)FWEh5@e{|-56^984HoIm&wb@FUH1~BMEz5}tJx>K
zYU8dw^;>XvnPFU}|H7#b2c3<+Fn67Zogelr>ZZf@l`|eZ-_N&ZOYVp7yyn4AE5o|~
z&;OLba#r7o2~;$~21#Zkhiww~72iKvC(m7p4c2CV(lP63gjdR?kM(c8cE_4d=9qDQ
z`THlr>r}!ePgX3ul#uOP9Jkuk^}^D&hT?nOs!1YIXZfe!1v&4>ZKFU3Nxm$r#K6z`
zzjcplZ{L1R=$dBoG@b3N3a?}4-<?$Jm3VV)%7bH4Mt6#@o^A}yly6$oQcx3@mS7~-
z2<dr3QuAD7=j}>2x}4jg_wDEZg2%hwb4R|Kl6~OUhiQ%HqH{GLi&fRxc$v*!sryJW
zd5-;l^PV$Dd0RF-s@I6NW@`4fJb3N*>qFCfFEdKiPj_zl%=G=iKXsM*<2S#*$f{^q
z<ZQN5bM@B3XVYfiSU*8Dv|eok&$LVNyde{vkA-wSdV8h)`;V(f6e~<)=XNZHG^8QU
zn~&_gA3ep%7a}d$>*JpByJfu>j5zwQYVk7<;YW^IZ=>YbSn*srli_A4COK(C(;aW`
z?)kx?YYcrj|1H{7Aj+=2!nyR<blWS867`2T_X<gt^-W)8U-RMr&K37u+{Nbk2v}q>
z-Z8rR<=BJ*gL#g9VJ9^Aa(I7`OTV@<`f|k8d-b=K-Qv^crAF|kJVq*F79u<E%KrO4
z^F(IGKMfZ77WmiX)%2U1)(09C>xyLlU3kGL^Iq@fyxmLu4oGIOiu7;jJnb32qH@zr
z?_*;3dWEl)%ea)Bp8oa<qlC}vp9`<}uDjX6vO)1~vYX+v)_t!dB!l1P$F5S6sd}mT
zdZNh<*1h`s`}VMRayUL+<xoG1@vTF(aD2w}lro)#e_D~8w|M%`eW1$dDyYgk!|2Vl
zlyUm6WTvp`5!XN^d<v5{<MQc(XF+Ambw*wv_A`QRo~x@H1$Q1g^Y7`$2ZyIVJ@(ux
z)M2H!?(g_TI*U(Syu3i<?VkE`n%i1*zZ7yjuRCvSek1#PorLo#U(sjC>oQkPKL|2*
z$8}K6d5+PWarN}VbBy8BGj4z~I!Ivcbj9<avf(CZ73Kv-Z^rf04KIS~G?2j5i;UjB
zplLQxo(5r-w`?;w|4XlkwJ3SB`|$Vn8Pj`(WrCBrPcdZ%G1MQ)Or3Ie%a``q(&EdW
zY>5*8?^u6nje7I^yAi=g^%ce$=b1N7&%MPc;j@jyD*tXKv)Xl;DLf23Vqc@DvAmny
zroZZqKrf@v2d|ZB8*0A9whC^^e)xxbg9pQPk3Pl!+3k7f-aLqTnqoK!GA#~CnVY9O
zUIrCZw?QqwOW;LFFE4=#s@sgbzRpt5;sZXfUFgw$`D005=tS|02Rf7wYtQ{{|A?La
zqTALq+4KEh`QF_MnY5H|cHiCwr)Orb=$P{D+piAxw)#Ai3rKOeopCx>J!qix4ru9M
zJ)^hpPUJ+lYs)2tYx0a8GCAA6oG`JfVoZA_duDOK9r24QCrc*w+1!=gtv8L=bd`+Q
z&T_wn4taiV7d|^R=e6Ft^wIN&!0}(xb?-7tOqXq7^k&-4I6bQYG~9X@RI*-X^k&>U
z{UgYaGww0+`mi{9+;DhxE`B|8)YI>qm|f>>W$0m(_b)HM`T6tn;C3Nj`BOp*<j(YF
zpXaQ-J8{w0zXF~AqyM{y9=tv=&+Du_sCxk`68BGEcm-77-v>3kelU779-RIYB=7?y
zu=OgVx9?$OFY>-(aFXZVarr%qpVo$zap#N{U-&bfZ%?1d^pje>H?J-8);2M_cI5l@
zrU@Eflk5IiO{!YdXWwD{Rz<dEzt4<SCe!CWV3hD#UG%rR@P+B0FCJOJih9PrhZ=Jw
z4bP}#mdEX_)|kA@_r$@&hwlHkoNaV`?aHTGy|aIm318yg{<g=By)TOYfH`Dy0wn5>
zPTzP9R8c<!WvlDpwM>cEL7C_gsG^?D=*@JJak|qS#xSN+jMHa<=+lhTKh0qbV>~n6
zb1q{z<Jsv8LDaeFKS9*_>4EbY!x=A3UkRcvPG_9Y7|wWUdL)RtJbfdGx-y+}0b@Ah
z)#-^K>e}?3AnN*b!G(<Bj5nrdf~cF*4}z#$(<K)%hBMxtUI?P@Og{;t?oL-+%oxsi
zZ+az&x<CEmVo>nE0%b+e-kyikPu>JIlt2Qyw-~({A5X8m1u8dQgBr0Qfv3|oZ-adN
zhLLxA?`=kJ#^=*-f&@6;f?BnA7`+)^PVc+}YQ%yB-hu>PPq(}a%JA<%`2(~m?d|l=
zrJxM|o{_h{c*jvkN!7S#TV~okuSnhN7_(8#RN>%>h1_k|g>Ela>RqujVcr#vw|`eI
zzwu#XQbk1Vy_CzB!tW|nTeh}pb}jyhlt11hClw1-|2fUGH#e7k^9k-Zx*xQsZ_+oH
z)vw||nH;?oVI#b|#qVi5^XuP|{pI#YW-eMa^~ZDH+ABNLQonLdtV!|PvwP0;z3&+%
zd?PO1f2v-yaE{;XC!d#1mzaD))Qb7v^!bM7dNur>w}Xl|TBd~U3ug-N6cOK<JEO0E
z)263?B)EiCcFbDM#wF-`8OeDc8K+P3V+>>Z#5nyGi2lqt-N~OZjOh#G^jRSKE93M}
zAo?5Qbgux$FsAQ}(-(p0AB@v~f#{!%(}MyT!<c?CPG1G0e=|;J3Stan`olOq3Pk^9
zoW2P}|6`oa70ejM^q+Bh5{PDCn!XD}GcrvV3SkUmVq%(}1)`amrXK>)EKJj-LK(xD
zSed35foL|S>8C(6JJWQfFvc(@4yNf<VT@tEoJ^qN7lK)4J^bAu^mjvVdXchZ_`2&)
zznsz#dV6SEWr$SizQYsF+4{6?h<wZ$%9Z<|^3u$RT_x7)OFtcAt9`NgdCR&VPlJC<
zU;BemV!G;0MsFr=rs=!hGKNjh_zCJbykqoc;$@ni^^P%Yy2LL~&jBRD&oo`?J!9DP
z6Cjb=_l(|5f=ttuK7dw~{suJ<KQMYT2{TQ<1QOBs16tny5j5AtG`;B~Xht3+@)RT@
z&NSWV6Q~IN3tHg+iP75^c8wncXh2c=anb>c9|G)Cgne}Hdi||`^!8h`$d2tLB0Uki
z)^K_)i7Hqkxb?w?fS9wV&zupuZ*w$DWgd%SN5p-V6UoKlhvTQ~{$rHzJ-z0LaPfuu
z)$9J8uHrSS?UG+|V$$n}<w6Z5WoJEkKB_jiz1S!)CtiKQOo@XJueh7<`Se17mqXSs
zBic0U@ad(Xt2bfgqcqd>SD!%z@jp-p@C#_(i)s3-FN|T+XZ&a6t?&C;_?+S8r}MJ~
z;&UWo>_4}3%q?zs9-TYUQF|fJBaLGpmxW$#4O;uTs`2H9%h`eNbgr!}^>>w<=-0`*
z=GvtTpzBOwHpwH$?n{|xUT?RaZGIY_!F$-^nDoU23+vo(LSpmfPXGVh(bdGVQ(S$C
zS%zftk=H-^O}TZ0*3@Y&u<2UPczp5d1_Sm@HdAexB&M@|WAtWHWSagektuBI4<_E}
zs;o@jjLOpkzkx~=Mke0rYrisjGpbHs2@;54V&a|7`<>C7QGI&kcTgG1%)~o=FGxUh
zI_D2ii2@Rk{mJOfs69RNC#XbWVd9;B79^lMUGf*GL}6v(onHHk(VJ0!`bm($36Oy9
zZ$@v>M%mw>?gbkY@AR+#7`+*dr(6C5)!OV#ywm4`1Wczp{s-0CAc3iW!CPf7g0ysS
zF!A~<n3(sy@k0Kisbx>5IPCi{Z|17GKf5<Pu%E+GmA{bvGDFLPwe~Z<PY+&heqh1X
z&&4WM56`<)2gNL!^8FHHw#k0v*=ft^jekJhVooOB=}-SKdNW#2H~b6g7J~%df-JV3
zJ`?1U8C*=f)BpZw^k%f5>d6#7-GiHncj{UuZ$`)Ifs9Py(|>R?@lI!DWb$Top1u+!
zu!08^giK7JU7V3jOyScbctJr35^$f+$;=c!or8~wcX}=}6KEIbPLRM3kbo=;6KGT_
zlZ7dKdImozOhE#^(+gRd!lz3JF!4^m3W_=Z>56Pj;nPom1X|gcycq+hUjzwM2r}_b
zH)Ur6ZNF?}X9}OLAq4UoNFa2&AqP|V^cx_7sT@q8p_hjsfev9N-ul$~+UnJT2VaTA
zEvXBUdNWNt>UnVDlOq=nb?@9(%G|iS$k^SnDZ_>DYMcF^Xsx=1D?eY9dvV2_=V!hC
zhuj_M%aO{~NaWNT@nyf<#|yrl$GZ-__;Or}rMPo)Vv5ZBx6@`nE!TQpl_yonRnfX)
zyJWL=;${x3<-QqSEl;1Hy0c8tp(l3s`UI65({)9dB<e#n4w?So*|=x>R`ZO@nYa5c
z+gEeldS!fk)|7`;mBLB#n$oxDr2qB*sAaLc(T(+`J)4zZ*nvYvO$YvIH)=G7Lnd$_
z&4g%V=S?tZQ{0ont9s<_>(11vpNm&#y#26RquAr0$V8`-Jm&{tJ;BB49IcY##~=S+
zWwt$W??02rAHH-Xnjg}A>7C*}amn<%Am^=?X4(AS;n#ahImy(BNv@rT;%zJfXW6_+
zyjk^du~_t-i3&3(ofc33(5SMb+48>sZ~vG17me7<5B+lfb?eeajS8gDi$!+cgHt^n
zi~n9$`!uur&91vl@);JfY4`PRF6DB4wk<t|N5_}_<%FWQ1(N^cyZ;9K-lu=w>)-Vo
z(?s7Y%yED5$hPvrmg&8sOcM2151cJ$DpOshICJlt=H_LZiy03+*zxI@diTUDhZEj!
z(C6++Ijw!8u5xeqOPO^R<vUt!MRZhmebQ2EGu6=aS_+zlfE7*g$j(c3n%KVnNk9}s
zr-80-^G)@Ng73_Q#~*mGyjVOhaIam}$qnj4eP;_KPb>V|Gb<|ThWZ(+Q;8z0>Wlkc
zir@NPljAnsR*XqvdMQ5>Xv6JCE>J!aW8$r^uDn>sekHx@ti;~!w^$Y8{U(^}%scPL
zRc4qi{^+t>^YmGp7l<r)@IYYhCeuAaCBMGDnwyY0amgGd+c4fWYSZo^1!pp{do`Nt
z=NLIUii;n1<_;5c`KH1?BX7?NRu49Qr&XyEeJLDm9E-pD`ACZWdNtAMr|9mY(`I>=
zkJnx{k8^z|lDu8_$Mm`4OcM2MVk|!sZk=XKxM>iUaP@%jd&Vm)&;5iQR~DXsR-$*w
zw6iq&#x3b5%N5F3yj(lOyuVYgp2fuG082|mvY1P51?VzhSa7ByJ1^0^?lt35v*3?j
zuO7YaoBrvVSy|@Ro6hX7mt<<3NQz(eX7U{IxH1LFTz9_hCzZTw>zT}7_`E)}!GFW2
zvH)Gq&oa|}C72|9M3jzi75Lv&<<y~gq+`;#gEw34-xzZx9GQ5&=*?}3qYo=~Z^+$L
z8@ZdqKqbdxMrV8HA%``af4KWhe|WZwYqK_Ft0W|^q)(6J1(j5ipu&xZ3ACkoBS>He
zNPw4@2{b6m$p<Q_q(EgE9}{Rx^G=X}gfyt2UKu2EoafL~g`3aQCy7`*?~#vEwcizc
zXu|aUHja0ERxgTQl9~G=q$5~-ckJ=3z?nzC8gTO5l-_5ZSde~Ab1$g70Sl=7=?l3*
z<()JWZ~Y_o>aeN34i_o{7Bz{4#w-sI-T%<Xirdy?&10F>Yl=@?HWII_*z3EJt8a-f
z*O}uvpZ)AlR3=QD`|cQLp49?=&}spgv4zOtulQZ#Rqdz#Y@Za<UVY7sv^{IL-^^MS
zqwjt8{GIA3L6Z_w=NWTaxg{hLUrxF;L*m)7)9($6qg1T(GCx|}n<b<+Jx7K~(x>@x
zodoM5H@jVY6|4uUPk2nPQ?xc(CYH}1eW>+o!pnoQ^KEwC$vJqhXG^Vf>OPs@^80(b
zRz$4NTXmFWA=jkIkjXSi@E1=n6aW?BvY=95fC)6tt0)L6!a)M9f=r-s-isiC4ml>?
z`ngH9S1j&Xxi9`}V6(Kue74p*tw}9OT<e$fr=D-_m$N?`5uCcS>v6t)^5uZe&q@=@
zGc0<d_$D+v`Q~;!*~kLAg&P(upzC=-jW7^q@!k4;mc9C=b|;q5)Z_z(la{kH>X_@V
zRaSaf(-Zvr<C^c>X^JzlUrFW^WHOmtl+XXTvU~ZO`3cudHuY${T$po$VY;q7lSKVD
z#*Hsh-f}Wq-;q$0Wxdar^tR68a)8OE#Uh9D=7nwR*vKUQV1vc#h;~uuPwdM+S%$G!
zc7LiA-%wj{|Ju~BLy*ZpNVrrZ$J+7#P3PORyHX4tk8{?~>=N80b>+@IPGOHH?y7%Z
zs!eU1HEX)B&bOtK;Yu=`lYQlj^=B=}Ym5svYzyD-nY<}fHGBG9kn@bpbTo>0TJLPy
zl;U<YojXdrb;W&W^}my6Rp|FDeboAHUTsAG%Coy4KP>#;exv`_m-`Qe_J{|^tQCEA
z!F(P2=4(i0PA#(Y*e=R>osx3046+elX2_(S94v9^vDLnkt<BS)?fk~Kt;So@&F6O9
zA4!{K4>$Q8t@~G_SU+>?=@-)MGD#;&>^M^xruQl^Nz_lB5i{*&%ay#T3HGA0Z+{*L
z>*)O7<gXW`(y{Y*&5mUU9z?w}u(4uniRV4)yl9TQ^^yuDzazg47es&0I@KodFCNKx
z;H#}bF$-#CPrudo@?mO#%kgb57U~}3%h=R-Vs8A8dn((+MZR_%KV4kMUJ<t6XTRi)
z>m{?^|DI}??#g(1t$MilTz2QOr%yks&zo+m$Ry!2zb*Lw9=7)<HeasscUhDzYaW^V
z_C)8Ibp_tBZbvImaTXL8ZVLQ%pl-@Men-#8!O;O%);?!@xbjzNt$t%u^<l_a0FcOS
zoIX(mR1qjL@z&p2vMv85_uJoklfQSSZxkpiRC8)uxcJvEP51flWb&t7c6ee^W5UYw
z`wXYyrlR!5z5jP?-#_O(OEd4&HM5yy_p2fK8gzp+)YA+s?9-E9y_R`;Q{~gc)NYOs
zJjFJCef7@lUgs~xu+HZwZrob$rdIhVSaOU1P2U@WA|K?BPD~11{4hNzW^>oPEGAva
z>2sBsB<f!&#GGsWH^Ia@yMBg><ior6U8yoY|I~PGE9R{7+x3_I+135!UGFzpbS`Q3
zIi6?dZStIVf5;IAi<y_jwm*>5dWqz`R^&9J-EsAl<-s!UJD-<XvAK1pIM?1U*^uzM
zQOrG!?R{jOJ45c(=p`-BCHXSmr+=H!D|%twKNmZf=ls#;UosZ0-1&fey00>mME%U~
z2KkGOot3-%&RcLYYg@DKXk?f2c_60l^I1i+EK>RK+Dv<EgIh|et@7o`abn*d@yYGH
z7OyL1%=G!#;r3eOA<K3Y=gkUFc)9n`GE+B>m-=PG6Jq~vtJoU5;);^n2A{1OU))?m
z9TT!=2uV6jteJCVcREwR<(z$28+sEDEB+{wzdEbs_w>IY=XHEguG;mcI`97}#_r?%
zEv)iUP5&caJ-U||<g@z;FIShIdi>XQx@uC}#g=|pB|3ZadD&}ycMPTdYvN!2uzHeW
zhZK69$j-aUKKJs+*SGR#td=};`NCr6^!n~)lBOT4+_MB3UVMM~RMvY{NBECCNt?+*
zLX&3in!Z8o{LBqA3pZJu&pm6O`E{56^tCEX64UoeFnRlSBOB~lY-7%|Y4gg<Pm_Nw
zi}pLPX02}A(Up86U1}f0QuhgT>BydJTIH!6rgHnKa?S?J6fQ*xm%sH(uTIg7zR8v?
zcyoHJDw9Ng-$CWmH_K0{9&vvBCiZ6I0p~l`V$&mbYiiy~6?OIa_G@eB42~-IrVD$k
z-YsAEdAYIUnz-_+{lV57E}h}Nq;>iOlDB)2U3YE5F7s2<RJX3MyQtiF=-Y9P0E>UN
zS6q}Uz06k{&6yc5;bCxc&GVI#HTjwadJq3{s5_Ji?f2}wJO5_1<gBexpEgbBRb!H<
zx93q5T*)4?<gUwAzr*j3oszXPwse}_Qnh0BleX8Vw|rJ;=nZ42uHEoP@+i|Ksi{(Y
zRd-KVYs_j%Fe{j^ab-I4Bt}27^OA$YwYGnnDCAZa@S$X-_mVw5N~)`(eorcoyS#U%
z)rU_9ERt7<w|<h$`dfUlBBT2SQ<7O|g<g>IiwKeD@8c3Da!lW=#w6i$i_h>!)nt{$
zwr3Azv1%nRl$=}eF<0f>7WEp>t|J#b3&JL@3tz3^`#;+^h;!DpoVUI;%{#qWwzltF
zdD{AD&kfKr5?CcSak`@@Q~2}>btc|=sneHFI$mC<wQKRW<AvrWd(NG6zT{FC{dCv+
z2t~Dq_m4L78{bkkl;a6b@%<4iTr5#=!?)Y})t{YljU61D=k$Y?hr^7WjO=TTrr(v!
z_hng}K0kfBbCJOt!7GQky02fmFu$YNj6M5zjQB!dE-ky&k~@Fzcoz}zX4y&igkApY
z`|FiU1lN6-sIqV6bXg51iRphunLtx+o?@WNUjx)x7i04FosMji^yVc`^jiMe2}%Cx
z=86*c+xftuMdZ%cwK3Vc_m!<#pY0VD6|4{0adYC+)Y&;^tLNPaF0*S@tetv8=jsNb
zeX_dKYc-i9>fO%m5_kT8&3*3VnMKKpe|N~d>*#-CD!D<0rFPY$T_LYMmd<VaB`jI~
z@IvnHZ%<AzF|S~${l$~olj_%A5qUgY11WLNM0OpcOWM=F$_dV!N+f=Va)$1)dR!5q
z+hXn_KJjbG|6Ma~WyCzzxVCzN<cfI)dnSBxonN=)?Gwo?zOvMkk4M(uTon3px~>+J
z#B@<fCU3^s(|1ZTg-?H>#l$;ZR*K2ncP_F`E~~@DPr1$1x9(2()wD$KU)+&I$<We2
z_hu;h{`q^w>iqxXAuR9GAMQ6i!89S*_1~>yUw-i%+~Ca+o}lt&?uXjr(|fg<Bz$<x
z514u^lFnhewrqp_x>ZxH7pOk^DX(*8>90RiHtp*<qO>OG?83W@*V9?q|7U%!7u=oq
zhMoPx`}42MTCH7NieDgw!~E%z(x3qY9nf%yG?TaQLS*M2ewU_RxK3n$Z*R2cv_Esb
zq*|^%E^jZst-SxI4!4BL|8J{q_r#f>zOl>QQ)<P-eR3XgUVjX~suoRQC~3Uuy7SWX
zw>nG`)9=bKc{47at|`kDK7EBQ6Yun1Stf7BrPFVM1S0g9czsxIF(ogV9`nVzA$G-*
z<{uJ*cJX{yeoZ`+uzGVJL+_m&rHq!6udZ^MKjKbweR{t|ca1_Sw^P@pb@e_j^;<j2
zk-LD)r+3PMItBVnywl&xF?lntoNg)46h3_iNMNo!lQ-k)=`TS783s(e(|r|~ycyR{
zpQ!*EzAyw0qJRX}Pxn-03ZH%gB(PSI$(wQG^q(Ms3L_@o>9I;o-i({4uT%oHeT_lG
zD9TLUzFU!lEo0a5Z8C>?>fEc_%H*#}{`xnicYj8q^t6|Ao~Saf_Lqzk(l}tYPXDU4
zl<iWtE8k*vy*hGk)163}8LX{`pB_}oo_^MtNn-j@6(-Q8bU{_7@aY{UOuW-eRhdAW
z(hq_JEKEV8WNJ*_jJu~7s(}(5NZ=|+VDEHAb*Av?Gt8KHr?;vzc{A>xei0<#VGbI6
z(O?2ioiu8I8ZjV&ryzmD(+xF2kz>KcJAJAq6KLo4Ly$m(B@^#-S1l&c&g+R<pkTFP
z;;olI$9ilnlf&d#n~-mO+n=8bD=+-#^|<O-ZPE^%iT%rr+B;{aT>esgz<bS|4~J7{
z*!}VPJw?If&e5o%=Tml;7ef|lLYh-2k%R5lQiFpZSeHz?xmvvBX6xR(t4t}CbuQ6&
z`JCg^**esAAN**(rthSU<PsMZzmFSIi(bY0)ZglvabIO(TVA_mb<?itYps|h>My##
zQ`KeJSaxyG$`1uQj&7N=-&@>Lea1tb%A@Ui?;cw${J!z?t4k@m{(V1!dDdLZUUZcI
zh{djrJ)VCYY<esj79r)1)5y+~-WHhOs~5!XWy#gAXMXs4TABo3g}qg?sP{LPMQU^O
z0~9|lR47_68FJ{$g8Ljn3a=iiWG!3wgF!0aa{21o^o)7aW38Da>YM(3zwOi*5LA3s
z^3#+K%g8i-*P@x9&oM~3X*Nxrb~)wv>jh7Llr>$u>!f+t_^zDvEAa@yldDZ9UYYr!
z|9A9u(4oq(!u%|<^W@hx+A?eJe_HzLzTvj4eF3^mY%?aa@NEe{G21&t)b)|(N8930
zGOUuvmb0D9_j(nfW4@d5>GM$eWBbm&Yh9IRP%)j?hDl=jRYN9k#`Dt^jX)W|29$)1
zn7kP;PQM5esIX<?^(iW}JALf)gBw0QEnRu+Q`K(u=3W2kG~=fIgPdvoQ&u_Yer0|h
ze{0M4>5E(igj90tx7*E~a_d+6<Qz8D8H>ECkPl_JJiXBvl#T3|c&9%#X7XmdI^EC&
zREvNFrkXH$`(8)(;%m_bx>HWZb1V(BOb_3sv!wT9_iNQp!8L13Z?o8~PpZ9=VClAT
zh0URDDVj$*KIC;ZE$V;w*)_vLj<5UxgVe5T(`)USB<i&r-rW(5y2t&g-GaZUI(veJ
z<XN^=uU;9SJ>{13c&mj|l=4H)vZWn{Mi0bT<X=VI?=Z}G5^BdTG;c|N;LKUGT9DGm
zO=Q=-;J$hxnmb_I%em!^ecLR`Qd>X7J*YpTzSmI0`j7bkIcfg|P2>7CB<&u2H~6wo
zQ$PM|feT}Db$r;g^*w)OFRy+xUDtt0qCR8inb_v%=XtbRTbfRmpPJAq(J<e5{}r!a
zyEML73dh_2IaQ=se)Uk!U7O9tZ2J~{Gi;n1kRIr;>A%_nkBS+d$Y<i*Ms}Xj#)-Of
zy!pQ+_j||&$Hms2Z<qf(eP4}zaK}mh(=QADHmS0$wDJBbshFc&{Hv#VlP+8E2d}@0
zE@HReY+uK4J!by&yCCPKxfF%DJlrl~ufFpAorw|qLn4wN1wWC#a#{Du)2*v#J=}4q
z_0v+Z9k!LrzDoEVY7d;)7`8%}>Efw5>dmX%cZwnJ47`i%yhRJDBFepdGRs$g(sh#Z
z_9~rbHRFoPZa$8!MHLZpe%>jp3X68_J}+r?X6^S1rJR1JS&!EHI_gFx?hF%i{ypWt
z#`IoCCW-n3eFiQ($0qevUhS6){kO=n-(}GwX1~j~FUZV1{!*7G@x%UQ$Hg>PH%zv_
zX=`@vj(>W#Me(**d&=(q`g-ie`U>Pp!u!b16S#hV+oYR^Cvt3II>6t$Ci&Bps2?Fy
zXWpGXvFT0jy}jO|l}e7U=4wi^KDrQ8lFp(~_};X{Wr?!;O{U#kZ<KaiTQuF)iAkbf
z===AHhqcZYm>>PdIdi^$bMSi2+gTfog(3t#r#wErr(*K<x|a7dPV;hE9*)p;^{;ep
zw6w9#U2FdBNsLYT?`g<`Ll2Ri7ibn>^t+_|*QN7|I({wBdy`^ZJ>^7}jj;FowxFJ;
zhmSg{81gYKnJ#%KH*8-TOFGxwm5LKKiDVRfc(v{xJL`n<+UajW&O5mMZu%X|eZEYW
zdfHboMHjE#xA%4BvK@~vM?6+P%{9N`Z+o$TQ}|QCt2g$&niysH+&Fg50z<71T@M$H
zEx{kTkQd=RMs}V^SDxvbpNsiLPi>Q#TO!OWxITP!aG!H7$NGy27p_YxJq@s%!}dg2
z(wonmQ^W0;^?g?JI|2N!UwVXa?v7aH5wmmpTxTYUdL@NdK2Huh>*_?SPd|~;^whv}
zNn$vgOVK=oxVY1|TN%CjvmYIpu=|Bq@%?Gs!Qn5fKd8No%FN%o`^-6cTb|RPwIQ&g
z^C`0PY}+=ohQFv$QJHY&;f;SCC9P5%uFJbCW(dAIuu*hf=zY7sU{miadnJo)W5sWH
zoY#{4&|v=Kjc7tw?f&cgBzH)*O!swRlBjnrt#aVG%(}zb;C*~F^RmM%?-Ez^=W&QR
zU*avD)sXn4{Y2i;v;4~~r%eemF3|d)8D7@%FfmIk*M07GrDqqMkelhxk)5YFJ8#lc
zIo2HsmdB>uI%{QF@;T&E;AORE5AzDSqckG|Jq@RQaI^E4<nnJk+4wv1nt!TwjaFd+
z^QruvyPH-Xe%d_!uM3leub|E6uP%=rRh}KLcgt&ATdvu>y7h$PmYS0qqU$vSTRyig
zJ6@-@sa@$|N$I;|oSE}xKl!mkulS8y!mjq}C_4to*#nSj`z6!#MZQd7(|5Qs@z%dl
zU@zpWIiIe$v-nzG<nt@*R_j<Ej#6LHs@yVbiOw4F<?_ydl?tY8c@)8aK677%YF}Ea
z>Y4AgCl@3gJ!+D+H5I8meU0pGwYzgar0sKNN!=|HaNqChbg^9}r)~%wb85)Ru$32m
zp7qgQGgj{HL&>thH_OFVB_&!fX!!Zdp)O!4<KL%~epsqRO^<bBlBi#C{@3gk0qF*J
zQet1sH&RS}aGd9zd7iWHl&4?1Pkx^&w^?`h7KyuaKP^A=r%_OKn$#`<c8`sp?q7Dj
zpdGvS#9YWG7>KvuB0Fze<DIX6ZsohhR~2S%R#Teu^o#nx*oLVNH-GMWEPU_KyF&{b
zuL)_Nkc?Q9qMdc7yX*T&uI{;!3oDLZEXiMTyWXi`I<GsEME#B1Eax9=JTpnu;!oM)
zt2)t9*Y#FAwOx7<RwE%((RjH>=-CPNcUe~-Prqg$`bEosUH<Lqr>;iST>d6!b~Q(#
zJQ^wV-XlBD(EHbR$3*K{?Q`|7eJq$QmoYKoRifGRm%>4!$AorHdR*>%-_<{+LUO$v
z*W+w+*LI&6)t9xIY@Qn?mAh3v7O*y(z8B;?xq`Tctm&z;Wk<IQ%LUcS<P=<a`Doge
zZ!hLWEdBLPYITTQ%>N_H|4XMW`TBnCrL9@(OmBTnUbwgU^A(qPBirqu-5jti_Yv87
zAH=k*3+IJge0zL-e93P`^YZ6soxRtlySMp2D%4SG^5&F0bIMESrsU6glUQ_uH}Bmp
zwlCD<mbOpR?(8RJTUyp1oSy5!BvD_hHa+tr%NJF5d-m>RKF*6TS6;hsoM`&#%-t(H
z@|T{9TC%sj+U3+6OMc;Gxj^yUueopaS6y^^W%=>0=SsDt#w4WB`;6?o!#2MR)@aT<
z;mD+tHoxQIhi%6H__;RmYJ7Hmc5uSeMcb1Pc-ndk6ifOh>=vIs|C&Yg+Rf8$7*(n-
z+vN6ATP^eTrRlPsOcM1k<~G<`TeBEE`{}G@AHAkBYhj^)_+r<Ng%RIg+<RgZQ02Y%
zbkm<D*-evEn+&(HiFe#{_gC@D;rnKuvF>%g67p#KS7hgz+8ybuyZL9w6?w<?PgXN>
zOH{Me-p|=`_0nwjebamP?Jh6)@=*3uyyT|)VQcqY`rv)?-IrjIzRy1c^hE;&=KtJz
zcKTV6^A_JbAlz+azSrkpOg7gQ#?w}bj5i~uJ?iI?IUH`RR-+{yWbu$`&&+TKj-|q{
zkKC1G@(H(I<}IkMw*B$hHrqabq|p10>^!AUB9(DoYxS?%uD<Va{>1JlF0Uf9<+gEX
z_7>IXe6s%O6H{Whe0Q5<Tjw*$h&B6H2eGOqL>n_M61lU_Veejc0g>soUQ818eo@(L
z=DM-Yef{cuRnmF|LGC}d&f7n!JQPyxqN*;^e^<AqMEc<SmM4cEcBkDoDR5DH^Lk%&
zxYzD|tUm61T?%iJoc9yid3)}y$y`%CZG+hf{_|PBZ@8tKU&MLLk$C>4U0Y!Zf8T8G
zeGhNwM!k^qm$*AM#J$fT?8xF(%3Q%QmVBFz2|o~wb)T;5%_LFZuC4P<Nmc&OY1!oq
z{ofRHYp%6<mDA0{;TF(f&ER;sJL;)*-IPnZ4CblvypI{vYF`GG^+lxqJ>PHA!mn}t
zJ@T2&zmc71#8UYzPV39^*Z?D8VMErWy2uR)*A2BrzW6U`-~QOO<OFw#`^pb1BtHsY
z%vXs^m{IYd#Qs!g>!fAp#5%(F7%Wnpei!7t+|3LM{cNt9GUXm6`K|x%FI=)&dSS)J
zWczh_)9+Yu7cF31*>Pu9%bFWP>$=5XPJaC3RMPCJ`GVUv#0xo{a236a6ncM=ows=+
z^BTX|(f3Yo7oH<!>(zRul5y#Wj+2WX-C~UtIRE|6mZ&bPr3L#WyOrPlS-nu}`lU4&
zW8WD${{H^N>RQpuMNBWJ_xdnN)boD|S!|r?uz^1?dd<GYhNpgfo)!`%e*U@F=C7O6
z*c|PzJ=l2au}qHP!N)BRCwu#*Ex&j-`{bL0`&;vZ?y7Y?M_wBEAK7`YELSWn<2Y0w
zlRf|9sW1ng`7LvGLId@3dLPvW{IqgSDUQ+XQ_<NaS++>mW@6^ybUn_M4{X-)CGE>=
zNt!cj=T4{Tw!Taf)0g@%dHXVgF3*7u%d@;O`pvUUdH$4jzuyVQz1Q5aEbV52zr4mZ
zU5~jLA5}OVqJ=l{7oB?IQlY@`xa;J_uO%$gN{=!g+sP+!CuINR?`qTE`Z7t>OK2$c
zzKNcxbW2QX%_8%44N`HLLJARA?ldgT`tQ}T^`Xnk-iDw113Irsm2F)*ck6_ptvl=L
zmvMdnzHQ&R3c=u0NU_3<>^j{!iR#PqS@+++FK>7-N$->b`{{Yh*9va8eI~p_QstbR
zpex^6mEF4}KLxTr4bn1nOJa<>_4&!|_a~1mIM7qH;yU~ExqeI%_0{RQTW@n-o$|7~
zpf<3v`*3e!=Lfw!-dd&$>;5O%i-+)rp7dke8=Exc?#w$gKes+Q-+R#ew^NWaL&~N1
z*OMRpKyn@{vhy5NCqJpEx$oii#6{|D&ASzy0>QU~|8r#J*!-UKY^FhB>NU-aZhR*t
z=RIJt<P}-(A~M}MuSU~!)}d{z&#b?2{I8ns>(3-nf2t>Eo886c>#1h-A<i;S9)9QT
z`lJ7-RO0;h8!=*C$Ntz)tL)$La(|Z>i@t_*(z-ot(dPUg{+S3L@7N<*I;{eEs}DP}
z^Y*U|U+Jv0^HHFs_pcYC9#*=n`#((CIeVs2obN;_rf{JHbB=FJcQBWnaD4Z^Zzc0y
z78*U)yl~RWdxmd&ztJRJo0RE)LC*UW{4ZJJ{q@$EC#R>eP0Cs5F!!FoukZ^G*gC(7
zhH*bKO2{h>`1<8RQkHs=%uSW2zRiXT`BD|u4DzpKei{F*fb7|XG&MMpofqZMmjCzW
z(ejluPE5b<n?5IF%I|=Nvez{WYFaF6Qna3IU9l?Urn0!CaQ39VfBx7=cbE5vzSyXf
zcc;HKVRv1n!rtj?1DGW0uf$qfZ;<HMY}mH!jfl(b1$TY-h{wz~mRs|F^OQ54EIz-Y
zoMo%5k45umUY;@8%V5t_p{H!e+hw^TGR`TSnaL=H6uI0e&RY=T#Xj}Wa|xdRA^(K~
z9aru?8ZY*A`o9-m*8V9ILmg9FC3;N4T_w-Y*SoMRjWaZBbH;9u3Qe~H#k0a`nm@Mf
zm>wI*BvG$rf2{pU!A)WB9Hp%xtc!2@*_@Wi($6WG9II}3Wv=U5zT1+=V^=y~I=|uy
z->i#y<_&XA7;c$=vPp5;K4-$4_fL?V$BXQ|V=ZSUyG}2Bu}JB+)T$=}fs0PZs&3Vo
zTlr=2pSKZ9*F90Yu-R8ybhBiZOpy1IU)^m9ci+5x^uglX8zobh%6ls(Fi+<VVv?xe
zzAfM#U+$U?A=eI%Z<9E;N>)8s_+s1Z5VaE(!sa`t?^0F!zsyy`;?K$1>E8KQpRaP=
zp1=72+I63t|2((kOWlTC-18$lZ$HBwp4$orACB33o>^_SkT=ot&!Ic<r}e+D-%wk3
zYxAZT;y<;&Z^)4Rzx~8z&+z0Pk=XXDvza(f<eSu_mG1gowrcv`ASQ|Fver!AzJkaG
zi<tB^i7%J6n7rtE(_fa<{aM@jgm3<9p6(;1wDxQ7@qmqYjYSJmCu}*a=6Ga%{-@+6
z*W1p^^RNE)qh=xJ&djZwr{@MUNlZTrGFKSc++2O1kY`sK{5~A6YZv?@_liF(%f&<^
z)_Nvm^`qC*%e;&`o$qUF@1N7T>vg5^|L;4kBhM=pA3a{T`E62~dQY$LblDIliTdU#
zU$5Ofaeu{Ct`JqD=!z8!PEXA|_H6QBPGt)z@xUULvxX8Xb+arB<z_$H*kRfHz*V}H
z>5sB4|BcD7mOi|*Fdr$lMUh<>{P*R@+9FOZu9F_$Djs+oFZ7$g%4JG$*B%D8`h%CZ
zbm!SC)TKUNC0SR$Y_D~~*O`7y*8C-FZ=GaRUQu!7ztX+X>1RRC(^H+47suqPB=ubW
zB%|NrG{wDD+O>yQZvL(6BhGN-bJ2mQ-zAJ68yC(y?)`H~+opBxX{l$wMkcJ{?k&$c
zyi6Cl?IDirJehR|yB|J&Q9sqEz&!0k(&nx8ucY@nJ$XIn=-HFouheHO+UbAx`z9O7
zFoQbH9j@X>Qp-Pmd~)UmH}jz-KkjS4{KGZ9Hk3(X`dS?(Z(m7dgTLJScPp^CGhgi6
zgw&fhx6Gu=f6d@g6#o6#VsnMc>TM-mp;uKuB`Ehi{$}wsfbm<+=iqMzHxBnlHyF6b
z@y}J?IbAo5Nuqv+J%df_vyBg}7tX%fkif{VZ2llsO}j5-cFOe*QQbE`-!V%)Sg0C*
zJ@-|x@kgQk|NaQRcB}I>oG@27bN`iiX5=D58rgLVZmKKD3g^0nJe$=i8g|YiS~D!_
zWjL3ae0+OAw<zDQ%Fxwq62@O8Q@qc8xcT$AGRx-jsEI4i9gAFIn)k$vW!a1Acf*(@
zeDxN7EPMDOBavGzc3n$n`#}-CGJ&4wUcrx7onX2B*8lUW>6NcKbw5}$|9f_Q`I}o2
zo>i|ycIc-19!^Vs8#&7qdE!Hsd3ux{Q`qzw;Y_^sVT>ZjOADs>WIwAi*;?ti{k75*
z>4$!M`VXjHR8Eq;^0_9`Xx*Dr_o{B>m)`2zx$DL;$JqT}(vx;A-5<?r!YYS+ytO>C
zw>iE}ej%gZw&mQ-`vPHI4}DY&zV?})dA(cu;-kjnANRiU3tskTadnJj<npS85t2&B
zoc!*YiA4W>yTCeSwzP5oo<-AbBR~^N`b^$Tip<lK^qIn@|A+vs)bt0hkKGvn8nusP
z;+-xUzyw+!n+Ot!h+^WME*r=MS|6Jk2pYAI2CdWt320823<6DtfCOrTm_X}ePl5z8
zVwiZR>jpD<GwM#S3<gbx#4_<tzY7x3pMEn0G!_gJFb!b>t&eR42~@-}@lLl5Wdf~_
z?F<Et;>LrfTtEV*(=Ee5qqrb}xnWG8t7Kk+1UeExQ!e35-i(&hXNEI{Pq#<}O}T&s
ztfzZMfMzj30&63fycun${{#ulNCHi{L^63Z+D~5@37V-&22Hs{f!DT1MuBEAKmvO~
z0?yNSMuWm51?2r0@Y>eQ7|`0*R3_efm4&76O#C`Kl~um{z9%Xyr1J8{1E>0z3{&K{
z&g*{iNpHf-tBd7Mu=MkX>S?SDZ<?&S`qtTsh^wsPCmDmPawmg!48S_F?#NO6dCJ|X
z`iFJ%AB0~2wpeHLs<|%;b-zSQ+|uui`aF?gU3`qJOZ_~ZN0K!QIPEQ_RkO_OF$;Ph
zYI%MCqn9V9RIPS=I{j}dlf?AeSnx{Qld+)KNn_&m=?ni~*T$i(!?3-kJ~nCQ|EkX)
zo^;x&F4<<e<n!IADN|YcR0}ohy#?Nvt*Cvtzpe99a=Bshdx-;^KA9+epW}tR;mmt_
zWgKV~TskO9<Cs9#rD(>3;y42|7Z=Y2x-R7=NZ<rWz%~KAUbiy=H2a(hic*k3@N~;W
zP#kB0)<7pRdHaSU2ZDHzeV%6XGTY~ci=A8l^h7<(n#pkRfI*2^hs>>2-giXTPvnjh
zvH!zvx=vBD=H9L?yyee6Dz5!gn5bJ;G|l9C;q<dvpf-0B6KL7*$0X2%S2h#x^w4A`
zZ{J8{i$1<QdF|QUU;iTAEhicJPI~-dk+_50S}D<moGyEtbia$tc3)LfWIm(+Vnef7
z-i*=}S)25Jrfa1yPMMN0fBNMElc($EFiA|`n!@DG7(Jaa6_ny~n0TkBrZRam#!lY|
z5}1(-%1&ua-i-0n6VpH`E{}<K`caTT;&j1urf|lj>6suZdHO*Rl`>s2gDIRbb$TI)
zN}GNXM5Rwx%w!5@%$QyYqB5sn1W{SjHM5w)8MCK1f~cJ7H$hbHbi-_>aK^mpoggZI
z`onCd@W=vWKVMI6(-1N4b>MioW|Mdm!`44$j`An?x|X~$xm#NBaBIs+@e4w;8colg
zt}cxBzqshXc*GTzec3<ec*QJKkhyjw5UHjtoIWv!DV(ur`b!X1Jl!#uDV(un`b-d2
zI{hPvDx2<^#}v+3K7C;xQ$AzxbisTk>FEZoOaYT0n6XF}voJ95FfcSE=Va<-6*GX(
zs5r;Uz#uj~a52+#kdo;#bxa(rTpSDxywf)}F@2uyu#Aa?bqNmxgXr{)#Z1N^HN08H
zsl~|*3=E5S85lT0!po=2Ok(0-J;2Yvzy;EFdisKiOf1uDikS>p8-<}}Z3pR9Oia!%
z%41+)SS-rGz{$YS0P6f@WtL=u`f2w?85p=h=GlXkPTy0)^ajL`oGZz|AdKehf07`(
z0~a$r2Pxq#k!4`uVqj>flVxBK*uJreDV~XUr6L0ZHv>Zhw*~`)2uLiP5u_Gm?hS|o
zduo^j1d(0fV8Fm20P?|hhysINCYH%xoOM7!=mOHrTbfr=S&*8-@XeHgfd^#hd5EE)
zaFYaw8`M)>CJYP`3=9o3Y#12$K?<|M3R&R}mj|0yl%JDRTEM{2=LA)@9IQ+<#)N@E
zh=HM@*9YP;(7B^LlRrA^Pv0<wX%9&2be{$$4%ROL3=DiA;}M?YU<GRe334+{U(m$F
z!=w_seO(h%785Jj*`Oe<1{*P_m5GD#%XG&sCVAex%7R=_EP$1OG($|}O)g3{Hez64
z@XCWm<b9A<-t?UOB#`pfLTHG82RocMFAZ|b%(V(|Vkl-32L~miz;wf2ruCqJOabff
zt%an;nYG{`FJ{sP2~P*Ph&8v4fk7DLN^y`FZ&7A$QDPbc1K28%Fjy&XUVZ`Cs@e6>
zWCQjSZ%JxVacU6*!{kN=1}>04*uf5)R>Q=>w6+x#4pEHAp~A-mwgi@f-c4d)-~lCp
z(;(sL2Kh`JjB}@7oXR8(=Km>R;*hkN#=yV_jpx+jq|(fs6b6-81_ti!AA6bdA?6il
zmZat;7BKvn2Ni$L1oFHMI5Z}IF;@W@$D3GOQk0pO&Y-gf>W6-Cj$<laxBXo&(<`R!
z8>TRcFk+IRRImf&3swbCMrL4O0LMAhO<9TAsi3$4i-CdwlBjr56WhgBCU-`~p68HU
z^7ADmp@Fjlas~(a={Zh^K%540&H|8!xJq(TN<jA)_4<H3Py`MOuD^1O;LOgfxZQ3e
zlgx66CS($1z%Q<ZJV?pOQ8qm#g4v;-f#KhO2mtv8G|a}xz`!5~;xI5U!1y2+gRVjb
z3IBndy2k)A=P~roUeNd#h!4s_??DWZLT1o4s|*aFJL*3{#X#dlAhST)vOr>>^MF9Z
zG$2bs*Yrw*G%_$Sus}6~j(q|h5eE_mjhBGbfo{ju1PL%OFt9N*fX{m4Vqjo^-Ac#@
z)yvJmz@P(F2kKCQ^zwiX$b*UrFf%ZKmRd0IGB7acLj^${M34*l7#JANft<;}zyRvp
zfi&|oFfe=txtf82K?G_E=mhIuP%%(93#1MddhDQ}U|?VngQ^2v{K^d#1NC=6>V!cD
z&htVAC72<V1?aw2aj2LSR5R$VR8wY1P=b05pes(r7#J8XLoGIfsso8{fQlJI#UvOQ
z81$fGCQva+kcYuy^$ZLkgF&v5VqjoU2Qe5J7|fswLD2zP6b1?$bEudM0|SF8RGkG>
z40Kf~>|ixZs2J#)QP_!HR!}j}4WXd5NFej9L1Liz2gNV!+$kH7AOiyf=w?oDs3o>g
zF(n2D2GH&XQ2g65GcbUB3%XzvbPX=ZKv07V<S7*f$U)K|u?VPMRR#tI&~YOmF;II6
z6vb)`3=H)}P)nkr3e_1H7)qgHF;FoL1_p*-4B))W5DOIpB|s05X$%YuanPs(B|zAb
z{0Ynq;2Z+F(z1<#0i4E?p?Y;dWeFSjoV$946sTrh1_p*yP+nnRU`T^1)MH>^2xkS?
zQVi)(13?M(9?1C&3=E(w1ahkZ0|SFUE4T({$cCyjWME);$;`k2N++N^4^juJW4b{>
z#K6Fi54NM8fx(!8fnfpEKv1&^q|k(cfdQ0&KnbM~>OfNl28MM|b;V%K3=C$VpoWT-
zK*h{K9)XILLd7f?7#J*>7{I4JmO;fV85kIBVT;+zp@LQn3=9uIE?{6_sDO%DGcYiK
zj*A3^b|qBIhJk@$Jycy4R19<}<|e3EHB`)wfq`KPRICOn2D+XSbo@Rjy6S78f}oQ#
zSA%R|U|^_&ia9bcFa$u$fO@Ey6R4npiZwvRK=((&X7d}NVlE5}42IC?Y=VlpGB7Z}
z7ECom#OfK`Km`pnxLP2B4DJjJ44_RCpx|wVih&Ya9aLQ#RLqlsfnhBZ0|O|?+o57!
zptQimzyJ!~4rrMHx>XW1O$!RiUZ^@B1_p+$pz}yUp6-Jt8eawmhV6_D44|N#2#t3?
z1_p*LAVmxe43nXn{Xy!WVpE`E0iY;>icN)z1u`%&m_S2e8dNNZfq?<EhYA!L(?P)s
z@>DP=OE58jeLfSaFoc1Dp^1rs0p#;pPzQ!GFffELF))C9ITxxfjDdk66l4ek1H(M1
zSU3X%18A`Y$d~h>Vi61s47(W^7(gCc02Ql`WME*}40Yi`s9+SR1Y~7k0J(k<R4kf-
zf#Dj|lEqN57zPH0FeU~DkOP)L#bOy47_KuhFo4uAg^I;7FfhQD(=LOCYCHo2!(1i?
zP+DYQSOFDGfQACdkX2C4i3|)3pq*484XdGI7N9)Dz`*dLWx7=!bDb}!YJSGXzyPX_
zud^{Q++bs1xXH%AaEpzB;Wirs!yPsThP!MG49D3R7*4P;FwACSV3@<kz%ZAMfngpS
z1H*ha28IP}3=9j|7#J2!KbXfXU%!ftfnhZp1H&3N28Ok43=Heo7#P;GF)+MgW?*>B
z%)s!DnSlXR(}QaE3(O1*=a?B7&NDMGfQlMW(E=(-KqW^JGXn#tv;dV3pwa;3a!_Um
zWo}Sr24z%GF$OBOa+n#w#i1Aj0~@$>mzcgWpV^yHZ~D)CX8A-=ZUCk9muw6S&)FCl
z&agqM=<{q03>VlK7%s9gFg#>qV0gsFz;KU^f#E*L_e=~7N7xt`_OLN9>}6wM*vH1e
zu#=5}VLKZG!zMNchOKN244@kjL1|>c^os?|!lFNz85n*tGcbT^_20}441Ym^K3%t*
zS-Bomf%C91Fo5c8J{ATBeijA>0Tu=ZK^6uEAr=M(VHO4k5f%mpQ5FUUF%|{}P(2Q+
zN<md8sII=k%)oG!nStRNGXukQW(I~E%nS@SnHd<?F*7i%XJ%jk)!iGJ85lM(Gcass
zW?<OD%)qdfnSo&&GXuj?W`=qOP$~nZQc$S{Dy2Z#2UH4yN*z#b1*)AAnHd<8m>C#A
zwT(721A`7T1A{Izq!FOc%)ns4%)nsC%)qdUk%3_~BLl-4Mh1rE3=9lv%nS^mX#r64
z3DjHyHIG28At7c+3rK{yo`C_>!~r#FKus7>iv={o3TmZ*S|u{f3=Fc&3=DG23=E(_
zJ_Tk521RBD1|?<&24!Xj2GII}FH8&!pow}_Mg|7Z_8w4!1Ju9(9SaRQ!Wneh@=Qhs
zhFOdZ409M67(fT&8Z$C5fX<mU1vS<{tqjmntDu$z=-5tBYXY>D1k`{4-CYKn_H<)p
zVDMmMU;s5BKr00N7#SD>7#SEq9sLkS28K{Z28J+328M7(1_sc@>!1ciEF%L0XqOe}
z4BBKy1_sb|IG_eYCL;qw79#^gE+e$DP{IglApBuqU;y2J@CDQ;WME(bm93y+6IA1X
zDicuU0jexOl>?}#1C{fjavfBffo?Fm!@$4*x)=!5U;wp(K-caxF)%Q+GcYi8F)%Rn
zF)%RngDN9XT>vV4*cj>=F0(N(Tw!Bi2xDVl01Xd-x*$gx85k^C85kb0F)$opV_?|N
z#=x+fje%hY8w0~;HU<U<Rt5$~Rt5$qRt5%VRtAP$ObiUWnHU)MFflOfWny61$Hc&}
zpNWBC8XE({bT$TtnQROUlh_y-CbKaxOkrbSn99b$(8R{T(9BlPz|g|Rz>vtwz>vhs
zz>v%eX|bfSGBBjGGB9MYGB9MaGB9MZGB9MbGBD(_GBD(^GBD(`GB6adGB6afGB6ae
zGB6agGBA{|GBA{~GBA{}GBA|0GB8xIGB8xKGB8xJGB8xLGBDJzGBDJ#GBDJ!GBDJ$
zGB7l-GB7ksure?-u`)0;vobKWure^TvNABVu`)2UPdBV(7OwAMWnk!KWnk!IWnk!M
zWnh@V%D^y@m4RUrD+9x1RtAPCtPBiOSs56nu`)1BXJufR!OFlela+yC7Aph8Y*q$_
zIjjr}b6FV}=CLv`%x7g_Sis7_u#lC3VG%0>!(vtjh9#^F3~{Us3}LJc40o6q7(lBt
zK`k*GRt5%JRt6~sJ5~mUcT5Znpk+oMm>3u&SQr?jSr`~jPd6=MmahlhVFkJ?7PQy!
zIwJ$a4Mqlrn~V$$w-^~1ZZk44++k#304*v2?SH-xIy04-f#Eqb1H&z528KJ#3=DUf
z85r&{GcfF9W?<OQ%)oGvnSo&jGXn#tz68~epq5=1Go&%Mn2CX52@|A$vyPF0K^;_j
zXfQJ{d}Cr@IL5%ha1zuJVq{>L$H>4ipOJw9G@S}sCcp$Lj+hu2HZn0VY+_<y*v!Ph
zu$_s4VJ8y<Ln0FcLlP4M187rr3KIhZX!mm(69Yp!69a<{69a=S69a<_69a=T69a<)
z69a<~69a=V69a<?69a=N6F&n3KNAB3D-#0)8xsQq$Mn19%;NQ+#@<6l2JqrJ(2y*s
zq4$gt(zpXP=6V?+4Y)=|@HN8>psF#Afq?-unw7=CzyNC6fNqrnU3&z&p$K%F&`Sme
z2GEr^pxbFqF)%Qk1vRl47#PkoFfd$TU|_h&z`$?`)O`Z=zpgMaFkA)YFHptJz`$^W
zfq~&B0|Nu-`m#d|3=E(~;Tljoi-CdR7$XD2Q6>h4156AIv)C9I`q>y58rT>Zs@WJA
zO4t|}a@ZIca@iOdg4iGpM=dr620=Ckh8Ii>3=fzX7(k6g16D}GP=<wpL6)VSfkBRi
zfkB>yfkA<VfkBalfkBCdfkBytfkB0ZfkBmpfkBOhfkB;xf#EST1H%Jm28IdD3=ET)
z85s65GB9W|GcbS_799r-_c1asfKE>1VrF3AW`?vh&oD7CoCC!;69WUN@mRpbzyR7a
zUBtw|P|U=@P?EsJz_65wfngaF1H*DA28Jvq1_mEcGlz+R;W;A%1871Bw9oN1BLl-5
zMg|7ZwA}|r1_sbF;Ny%83?~>F7`8BiT9OP5+ZY)bb}}+B>;e^+3=9m}pmy1G!BS@7
zdeAL9pu229*ZOP(wYZ>d%B>6x4BMb>$sG&~3_GE1$aSFR8xsS=AtnZf6i}7U%E0iL
zm4RUmD+9wDRtAQbObiT9m>_M-NEQZ$C>92W7#0SGFct=ea25uJ2o?s0G!_PibQT7N
z3>JoZhAb8ahHMrFh8z|KhFlf~hC&twh9VXQ2GDSADGLKb84CkLB?|*XEeiuf9SZ|P
zJqrUv0}BH~BMSpV6AJ@FGYbPl3kw57D+>cd8w&$NI|~CtCkq2ZHwyzp4+{fBFAD=h
z9}5FRKMMoH1QrH{i7X5ZlUNuSCbKXwOaaC6R2BvXa~1{$9~K4%Efxj_Z59Rw9To<L
z6QDs}P(i@Nz;K?4f#CuZ1H(lo28K&a3=Ef<7#Mn(7#RAP7#RAQ7#JonF)&mxF))-d
zF))-fF))DcKUl@Yz_6N$fgziTfgzU((hvsifB-EtIl#ccu!n(xVK1nD*}%%cu#uI4
zVG}E)!MlZ(fnh7C#A9J#kYQzDkYr_GkYZ(EU<VaqEDQ{<Sr{1RvoJ6$WPvn%r!g@w
zfOf2bHsZE1F))DkZ0-X^A1edHc2)+4qbv*zi&z*K7PBxgEMb8(cxN+#8@UYiCqbnk
z3j@O$76yikEDQ{nSr{0uurM%O1sTr5z>vwz!0?)lf#Eb81H)N128K&)3=IF685lqV
z7NGHoTxJFaEoKG=Rb~bT(6Qz2jF6!K&;q+4Mg|7ZB2UobkaR{!PyHwZ0|Tgw2<mxv
zfLi=l*%%mRurV<7vN13uutIv(eyosQvlI&hgEKP&g9|eQgDW!wgBvpg184@zgPDQB
zlbM0Ri<yDJo0);Zhna!FmzjaVZ+c`tvwl6ObA5oBfngpKq_1qi$iM(veh%vPgT~F4
zfwBguBL<RZVqlPFVqlPAVqlPEVqlPCVqgHB5~RSyz@W&)z@Ws$z@W^;z@Wm!z@W;+
zz@Wy&z@W~=z@Wjzz@W**z@Wv%z@W{<z@Wp#z@W#(z@X2>P|sk%#K2(4#K2(0#J~XB
zGXmO$4LVB?w9aD#BLf3yH8<$)s~S*Sih+Rv)LR7gn?P6Ef%?Co`_blrS{iH&3=`NG
z7-~Qz7b^opFe?K?2rC1_BPIrhASC`PW(EdO?-8^CZa1js2s%j`v_A>dRRwiJL4}Dw
zXmpT?fdSOrJjn>@O-^HEVEDwqz_1BaoU$@7Tw`Tm04*;!W`*<wuP`w%fcC<II(y$h
zZ8atahCq<zObiUcOpp#ANPIsd1H%DE25`r2H>fcPasa4Dw~K*+VFR?&_Jxsw;VUBp
z!&D{)2GFi-(AMV;CI*HGP)7~a>|tbJ0NozCgOz~+WGJY!77lg5Zbk+MkeQ(V7U)_A
zkQpGp1gI0vz`$?<)NKR}1lg1tPj|^<mZ=AIX+T{ZP*(>uLIY}mgBs$X;Uv&F6KLQI
z)L(UGVqkD!VqmamVqmZXH4T^;7{r+v7{owv2dyr7m>3wiLBR*Ifr)_uG#0`Ms!kao
z!3iplLA`oV9|&|$sSBw30@a<MW+iBZ1yq-U3S>}0JePri0koQHGXnzy=vL(Epx!%Z
zWQGAUE>#EWnS(}o7#J8p!$P3pBGAwhXvhgPJ_Q=L0@VYcK@!l25on+dH0A{w?*xs9
zfkyXaLHE^x2FyUCb>MMJ1_lPuSS4s=4K(5g8VCgqWr8$;22?>Kyr8iYP=6aV=n5K*
z<z_&P;DSc>Kx#k(tswJ+86aa{AP0af1c`wh0vZVf@nt~;8_06dP$0-+&|nwH5YT8V
zXjl=fh=G9tG>!=x2nCICg2uE!W0)WsBnDCg8kYp=0kJ`2nIN-3!-z0_AaRgAu+RVv
z)`14y>Ou2tDWJhE1_lPu;0Y)iK$4)~1hxD@JpfQo0Ms+EVStR(fO-m`xCQlRL4#_b
zI0fkg#Vd#g^&UWMP)`D+&K@*S2Gt81&j2-fKz4Y6;vbZ$L0t+^8UQH<bu&O?PauOp
zia=ctP@IAc1j&I0T0kQ;pg|DOC=O_h12iH7nrH$IHGqa7K;s{vaS_mf321BsJm>-%
ziUf^yGBAMKV4(4h7|_5IXj}r+70H3t_@FLHI%o_NG~$ZXPy<bT)iN+JfYhZ<U)#d0
zTo0OB0!?HTF+kdO1)yO`1_p*n3=9mN3=9ktK?Af53=E){=wM)Am;mh(^)fIp^e`|m
zbTcq8v_iW}Aoa}*3=EA73=FWY6i5%KI|Zr*K<ZjRg&hL}!!!m4hN%n;x(rho7#Nm-
z24bKw2r3;xu{H}dU;`RAXJBBM!2rpL(-oVUjqCq|lz_q$6xN`~2Nj^82!usGEOL+&
z0O;m*d<g*5Pyz=F0|Nsn=s;|cvlfHe2B6Vd1_p-tpusIrep?6)Lr^0agh3LZmKdna
zI>gApu#XYaGz67fpawLk7FZ4~^Oi6&Fn~_G26cczon%lU0dl-6BLjFO3Y2I-DGYSp
z7RV!@&NL_yfjkZBTx)^~T~MVDiV08`UY?PGL6(t$0TgJU(ngw*fkB9ofdS-WP?fZb
zfq?-On4o*kLHA|xLB|$BAqWasP|5|h4MC~%9RmXcD9OKNfD8kI8sSG67#Ki}@59ik
zoO)2P1<OC6<P0qb89)t2P!R`etuJF>U;s^Nfh-4E3<`RX1t7yg10A6JwSs|x0aO5h
zN*2&<<e&@=3JH*JL5>IM1z8NLDM0E$p56n>Z=muNRF5GW3~JGW3<qgg&j1-s0aZsJ
zi$UU`RxPNdy9nCq1!WOXl?7_~g5<U{Fff2xzo4oNbYV6KgW7H&b3q;fIRMm-TM3GP
zP@e=O0P+E--vUYlpgs(!$pcb+8QR$a&4__Id7uU+sCxkF^qm0>Kr=8fz&b^s4iQKU
zqz=?E0?{Botb+vV3tdO*8|?)Z=JTdsY-d)k2X(kWtq4$S0(AQ>s1tUdfq?-uo&g%y
z0F7^e#yLR!C~igu1};!16Vzh>mG__?1Oo%Z2T*0i$iM))_YZVy2IwZle+&!^ps^Lu
zWsW}>7#Kj~E1+=}Py^yCG-khpV&WSE1H(_~%*<cVxHBUI1E_KUT}1=h<H^d%z`()?
zsgOXI!GUg?1C{Nds0Q6Y2U?0J3DpB?Hi<JbFo=QFGcquME>9JPvgH^V7(n;cf?^(Y
ztUu_aM@3Nc2XspqXzU6!h6NhS0$~svbR`MspbF5C6liD)G(-g&ssasJf$qiuHDE!v
z#DIpeK*L#}$u!XT7HFIcG~NZeT?*Ei1l_p>y3k99k%0j;HU=6a19{~CbfYF_;d;=K
z=%DHWlx#umV9=-+DEWd?9w={tl07V6f!fTV1OieE%Fv+X4$AN#J}5teM#o@!JVC86
zMg|5@`x-Rm1{y&Fjih-&N7X=L-i!?O;Q2UEQ3x^&RJDLC1Q`lS_Mo9Q(B8EUMh1p<
z=ulf5Xc!GT{05Q(4Zneg;b22<p#4Um5)C8{I{6wjEC*`XgBtjtVY(>jFdgWel0;A>
zfHZ;>gO<C30v|MP2kHf+fyOl$Ame+WalAZ`BN!m#c%Un^v!Ua9pz%EryBIpG2O8c3
z%?TDVGBAKvB*W@Lko-(&iUVDMRmRA`Pz@>$L3yT<k%0k}Z$JkDg7OsT3Rlo2H6ZaS
zMg|5DUCYS80BVVYE;;}m&C|fhzyP8_yQP~L85lqV93VMRng@-5!b%>{RZyVilc1J7
zs8Hwujpi^iFo13ss0Wo0UC<GdNl+j5GcqvrF)}cKMovKYH-ly_CqmUsW@KOhVNi=4
zREU703Uo#)DC2=L8fg3gRMvuqUl)Kvkdc7_<a5w@_MqWd(6Rd<K4{b^9~A!}4(L39
zrHl*=pbigcP7XBQw1N>*2CoH;V}S~BMg|7Z#lfHfXVAbitYHP}r-0%V<XcdY3QC}$
z=Id5a=ZTSlVKcPm0*Qmh7Ir|p6reE%a32Ju5hMwsLBRtv1jGkT0D;6neFjk90VD?s
zF_3yt84IF87}V4U5A85AFo4=ipusoLARK5g4m2nS8k_?S(t!r+K!bLm!8_0(-c?Zi
zgGTj0M-zi?@4U#!zyLaB{5&HA!#PF<hO?k_!N|Y>I-BhjBLf4dLj<xAG{6PgEeaa!
z0u6eBdTgMP70?I^Xr$#8BLf2{ErCW}KqD}qv;@MSv<9jcL8C9A^_DF27#J8p4HJcW
z(4Y*c<qIm=IG7k1*rCI0py4(aCI$v(CI$v3Q0D^FsApne0G-DM8YlS6$iVQ2k%8ei
zsOQYc!0?lifdMpj@SPFTJpy&5KwYZOpgtTUq$va{F+e2<sI&mJHQhnQF{twas*yqM
z2T-FFG}gz*#K6GI#J~WeLA@JM=wKjdP!KdY2;zf!ub_cLP)`<Qus*bl3u@4U^nvt)
zy1gKefx5w<?l9<}VNlHt>MDb}(lSi-kp8t4$Y=lm{|8wH>Vbj+8`L)dbtFLLK1dwY
z{|5EFK?Z>O+n}BfNDkEh2KB{3eR7Z-s80?O2VqdX0qTo``sAR#IY<nKL2?H`DFKwU
zK%I1uB_IqM1_kxeK^e^)Iz(y)8nl8A2!MPJnwkd5TYzS9k<^$%)qxB*21OeK0|Q7M
z41>%AIRGSY4I1aQVuH-*fM(f2hJi3hF-Re3Y!;ivAV-3*6B7f2BXsN*#0P~OsQ(S>
z%lk4hF!(VsFt{;+7ZWnLf+l2{7#Kj}UQ7%Oo}fuv&}f7QbmY(*G&{@0zyP8_7^Dak
zlmVb#E+Yd&5VTVdice5=4QlRz;uJK43+f?*q73AKEug_KM#%CM&@d3FKtBi??SM{c
zfu^=V(F7V6(gaOSfqVg)uL6y7gA7s!jgf-JQlL{%Czu!*jzh;nL31CVfm~3-7&Mp*
zn*RXJi-6`rKqK9tQE$-bH)s@m0}}%Ss38rS=>?6pfqKC!m>3v9g9dp_3=BD-F;&ny
z2GH<0Xb2>RiGcxh&T1SJ0|RKl6*M#l8X^acK!DVMPOt?Hn@2G*Fn|u*1r4Kv#6kK%
zav*VZG0<>3XxJSz{0>qJvIjI;0kfwbR3L)Ro&`yQ6oY7xB!~tn1c`wx0P#VVfChR&
z>`W#Gh79PqKFn~CKA6uyYCw($sRyY8jWL4E0;vU=mk${<t_M#JfGh$Df(!sD25AO4
z4CHgr=rU-O88mnaG92VX(8%)=CI$x3Yz4?bkb02M7BMj}EQAhtg3JRgPni!5Rgk%$
zGrB;b3o;uN!t+4+zZ5#yIERUWp@xZp0W|msI?8b(69Ypx69WS%bU;1_`Ct}w#1u3u
z4;sCi0Ug`~4RV48eWoxmFic{CEI$B^xPr#ZVGb{WIs`O+4sry@-f~d<gM8G;#J~U&
z1f9SMT6hZ*2MxS~98v|HG6BhhECs0t`55F_5E~R~AVWdE0`Wm?bQ)wnDD+^C0C^5H
z6kHD)mIX<GQX?p#fJXU2hJ%6+WN-`Aa?ltu$Y9WTGH6^GH0}l(V+J__6iQu83=AO0
zgNDvPz6K5Rf`-pP!)TykUyy@9W`bytIUqU}l>b2-5QaGdl(0ZP0R<1pAoSn^#UaS`
zAcun-4AKYl6-*8!2J!?*9f%F`94LK&*dU7${Cdc26eyK~1VO$BDFh`Jm|~EtK|v4l
zAxI3Q4#Wqg2M`}*AV>|&G8iAE4ithQH6X`;)POt%3O!Jig80Rtcn0|vrU-PV87?*`
zCxGNY27??5GZZwC3=#*?prL)xus*2m3>sQp1DXN=Rn5>TEYL!%^-K&5ph6FX>vurs
z>9#R3Fo23qP%j8{<QA+a1X2W=?FE&5ppp(W0}K*F$Doo8H0uH?YC)|FQ1|i(69dCx
zCI$wO7^o%%$%Be%Q1J^Aa{|Rb%y5{&pfNwtN&wJ!A7~{2Xy^>IDgd-X05tvwS}g!t
zH2_*Y09r)=>RO61Lsl4oRtkU?Sb`Q_f|eqHmL!0dCh$O~wm?%{pb1M3W(Ee(HdQv}
z>2_0@wG=_a?!TBA7(koZe=spH++>1GkAWsVL8}hFOmCdZEUx&LiGkq_69WV2FpXDC
zklCbXOpq~Y&@|os=?AAWi`RojhEFjuFo1@*L0$#<07iqBae>$%UxE&q0!_4m_@Fu&
zv`pwK69WTiSQ|8r1De(WO~PG-PVa!GbwFxB=7C&z1JpcYU|<001&wfm#BYFt6l5Sw
z0K^7KfM|3vm}6k_$TY}dpo4Hg`aq5a=>^T4fy6=6k)T0-bO%5jQV*H01StS%h8YSn
z0K^6zzycBn@j>&OAOk^skY><ODM%c|2dRb8_#6sT1EN9twLoLLAP&d?WR0MN0!kn-
zIT#J|B}hFemBJhd;=|OS(=c;Ejs>X$4OoN5fkEo(VFDlyh>dIkE-{dSAhj@gVrh^*
zWVIroCN;<)kZ+MCKw{{8P<*0`!3+eg;(_S_wT?imc|d%SPhonH*&s2{;vUd?0S1ue
zAjP0|8fdi-sAmRJ01^YypmBIu(19EQN&_H0AUTj4Si(YPgUSSm1q=+Jv3^kb0OErZ
zCrlqW4T07+fdoKvek#x<M4-|NRM5a^<n|n>tp-}>1X|w&TIZw(UFU>6L<3sW3K}5*
ztx*Q8U4|{r0xc5`V`g9gEg=T=0YX4a!-JvoeV}<i&>SFWE)X;)2$~}Vtw{#W7lP&u
zL7itOW(EdFW(EcaW(Ee(8fMVqW>66cQU_YAY!8(K9rpqXP1qbGXkHPd540dFh?#*Q
z05reI%)sCe3jaXpq$JGpaAruS8e}l2!yU!UzyP8_>yJT|1ZdeXXgM)x1sEu<L9-a3
zb;$A1)nK4?5TKP|smu%vp!Ip6b$X!ndZ5`=(Aqmt6FY;M0lb7bli3Ecz8Ewv2&!#B
zmVhh<br4_+`ap~MKy7=F4?v6hen98PK7>qHn!~IHn%rQJWngId)UBb;_}5#LgE7v~
zRL{^*&m7cm5n*6xSbX(_#^+6!^g%MldIox?42IKd=P*l3gSwEC3=9pk8*FZt8oz(a
z!5C+zXQpS&z>qY3;~Zv5#@gwpLFzzbs&b$q|2uyKCe5f{!NCX`R|f4<IxzkJ9A;x_
zP@kEffuSMo{ti3S`ER^97~>4|j12V*8E#DXoy#m~3hID>cA6{??6LG0(Q4vgj5F6W
z)-zyW01ZL%GB7mMv>v+6BfZs>39Qvp&xC<v`s}&Pl8oZhx6WlYW>lU25=7Zemz~FK
z%;-5ia2~VqbfG=WLd=GGhSM*uVU}Vx)-#xXXCbr9^hNWTr3}h4OF(153>qw%0`8o@
zDwr7KO!bWPEEpJ)@+(q7(+aYWAHL)|Q`E-<a*W~hnpMowOePG|7p`HJU^JXAv!B^a
zDkZT(w>X1=p=EoJpmk)c0@!uNmU@N^(_ejJmYTk06|<p?2?GOc_l$tDt#dj1=j~v1
zMh1FD)Av7QmSi-WesDRn7_+IK@pPL7%rZ<97^fdNz%0sY$iOg@aeChZW(lT6jMMY>
zGmFU?g4YXz!gk9`IiC*|n-4NE#u@4vTId-vY-OAtu#s7UasSl!ETZy8dWMFe0T0kl
zxY;#2tWOVre+W@)s%OA(ZTj1J%#zZeQ4dhSbC;#pU%mfNn+X)fMtX(}44<a&ozE=E
z$T*#Q0kfnuXep5(14F|bsb`mVMxNWn#29CyXP{@qz@RvN;yPv#MH5hDfqK&*RpK}8
zmFBDw13Aq|&j4haGt=}1^Oz-MK#hNS28M?0@7ql5J~_36!`8@1&y?X7({uwl7BOZ^
zhW*nwYO_dA-|&iAYWf3a7V+u7Uop$dq^IT;SLP)%BuM$2&k5r`%ftv;R0&ENmdw*H
zyk-_*Gt)C*aAlru@QPVP0mKI7Wsu+8ALY1e9o)VXVi!mzfqD7`OBOK}ONM;r=>oPa
zVse(?1?K_`3=OZds@piN%;qCh_c2e?VG#)dX#_1%1#MS*{bJUvVEw~BOpI|L4;nBq
zfR>Dkg7QGxz9VlZ6y5>L7=Z%i7-%Ub14Bb()snqmMenUc82prZdV>**7^CI%Ky?;r
zrYx4}^VC=*L95k3ah5;hJbzt>&vbB58-c>No@IJ~8jD!HC3tBID962Cow{`1rTN<+
zW}50*f)~qybQ@1ft~xk(K`j#_XvrNYnAWl~Fo3fAYwN_slSY1=;Iv?>XKu`JkQKZ)
zqG7wl(K{C|{Cfg+yMdmeCBr$;u1N-lhJg1Amq(qbi2>_jG@Pz?gjtdu>^lp#=?Y7k
zCCosJctG~TTrI%p#0DO%XsArg$;m7(VfZwC!!@ZI#ZOF(aiCJh2(<kH9QZ7j468Y&
zE0};I<T%H4J5y*fIQWiPk_i&KNO8qzIlW$o#S|(5igsgIw6lQ<Curp2iBe+*NR%p=
z=@~KTazUK=VnrAKwQFnz;NUg@MVtlO^aZ*s5=>AhF<MSPsL3MC1#>;bVJP-1fb8GI
z1>P3ZFk5u{E2-8!+2FixtY^x=aFT2Kh7ZhQa;6N1+z>Shp2^%wouRkDVPXif)Ps9^
z!2@Oq8Bfq&R0f8IhyTv5(=g$k0S<X^#)PO4V=;i5CxH?Y`n=OWs3V6YizNfZrJx{$
zWDgJv90Fn%mJGR|*<a8c?3N=}w_fk}07t$dsE{Y*5oC)E7@)z<Vu_iP19mV=$*dNH
zB(gudceZy+mPRo#f?6b?IU|1I>2}YVC79%dr$;<zHexaop5F7E*@uyF`pxIe#!NQC
z)A?R7`!IP5Pmg)QJZrkb8s<7?6Fmb^K`bqyB?^hY6p=OD+k9O9!NO_!gcZy((?6_X
z7H71We&8UpIE%TS5xDS{7V8p&=sB`kw2ayHFDS1X>KRS{u!~uYW3m`z&*OBEqo?<*
zWtI|K2o+jd+28&*Cqx8d#q>REnWY&`rr%i0Y|Lmfoo5}hA&a4bp22j-b<F;Z;8M|e
zI^Q~Gsp*r>GfPeXv5wh<i9>R_-g;&U8Q4x=*NG{+D~rupz$Svz+&{_bN$Z)7WQwIA
zPQ2#lw)}PfLlbZU0jsEyn!aH@vjkI{)O3NX%%bwf3=9*cAbT741!W#)`geH(I0=JO
z(;TVk|JE~0n5~dvU;yRLvT!5W-WtDC;K~lHVv7_cT9!_m_l8v=!4WJ2w&<YLbe|2(
zM$=iIF$=STN;$*nH5-^^jAqC%Fn}s^2hsa8toC!%f)fl_$6FbQSzIr}W$hRA{DL`p
z`l$`fGSfCPo5;w?L%ik8xqA^?j>tr?$HDG^)Llk0$xs!c32*-YnvnPnY`QV13b`de
zecnc92{Q!+NDQ$=7=@f=TXhubVnYUoA_a))TKXP;eng9aN*Z%Lu**~xr@z_AEFl5g
zE1mJPrh&zNt2@|!13lyEJzJP1S&cz!D8W@|{T4-tB@!?G>3R2;9s?J!V51HxGB8Ln
zFf?fUzI;@-;mS!CMk75?h04HiN0EU+hJm4B>(dtzkN>UyhmiT92%hO~P&o2|`G%ou
zAVNk^3A`|-VcNQ>XUkq+Y=O#v`dvCo5R01lKCig@=+Z8z6axc;n-T*9s1m(z<!2W1
z(K#O>ld1&n!Zw^xxwm4+vQu>knPw&MhQ0><kh_)_Z#y|6WR@s__k=Y>ZhF-j&%e7B
zBvTLZ(GjRc)r;nORfOL}()1W=k+k%l=7kz1J3yKsdKi@%!0pY)&V8Ln&-qS8$jB)}
z{OYR1ptj)V%>;zZJPk<1ZCUZCir;+Q7bb4TI#7x;U|?9TvHj0hW*J5q3^j~(hL9G>
za*gSKwlYgFJ=U1+x1Cu+=A8y4J6O1;E=pn+k7i;t(lY_2AcmhB)0?(4r!oE1oc?M%
zvk?=!)^xcY%tkUTx{!psyz_0UTA~IhS%6wM1`G@nb*DExVV01XrwiUH*dVRMJU?)O
z$x~>;F_^w=IkVaHo?XmR)17uROHKc_oLP*~cslP2W(jsnP<fukGF@i{vjn6-keptz
zf?1T=M9&ahJTYz4o4#%ZvqaW8J&65N!fqU2bf<i^2&i=hY92G()&sA;YLGcNb%WOw
zk;5X4afZfvMtVjJZ}lMAFt@##;fdFlX<$9zDEOlXsa!O2K6tuoiKT&Mz>X2tpKh>{
zS=7>0&p=Hdye+XoyKs^9&2=IhML-QdaDy&PACmN^$93l`2b`HA!f2xpNr@@?)9Y3;
zOPEzcRh*Wzkp6K)PX**CJ!2C+V}^Ep@D9y}^zsH5PD`G2unf2XI8lH4nU%~wuyB~P
zf?0}*UwFFTDoDYfu?kY~&soLnf?5VcssVjAP-_EH6=<^>>4C~?P^ms$el0UAv}#CX
zHq|qke&7YOnHctRW_s5aW@$t&*P6a<GjkXdgW+_(EzA-!+=dW;yYO#VUebG^iwTql
z!DW-A;dG}h%tlPl4X2lZ=w$in6J%IK<qa7auohPadL|4El7`doZDE#RvNfLmZU?hO
zR-`c`CV!Ycy+339<Eh|+%>vYd&NhZL%+AI~nwd1r;R6?F;MlJ>hQuVZ)#i;hS<~);
z^jLr!)YFW?iz*tvPJiFA@tfOhupUs?jbXL%^n#tt5@!31A-T<Zul&M3V?TRPiZuoI
zscsrWqCQ&6uY22?C$``=KRA-!8&99W#3Jfv!oa{{0^Z8naQM2*o5ttWDqsu1%>r=~
z@ZR)>H!YWca`QQW+Mb4bhUR*PrWz)YjK`*RyIk>c94M0*=oy($SKP%6jz3Vhs9+bf
zg;;JuVo3$V*T{&aUXpM6!3`usJ&Wn@)-X#lT1<CX$1IbEy^aP2S8`E)9_ZkMv%O&w
z1^2XeGcm?lLQ47MqWt3G@?wUPo(&zpZ5OnG4F=a8DM_G}f(#7#!r$ipyI8RvEMuf+
zIK5ykv)S~R-OR$uP&2Ui)IhCoW0UDU2bd+MuiDM*!(znXZZiGXZe~4juhMn_v-EVg
zJ<RTGppwRbVfy4f%wCZEA7C>5!6RldCPSm?2Yxe)%7Pn$xtY1(zGs?p+x55njZEMQ
z+W?e!4>F6hff_21ZWW}wU^D@@H9-By80c{snNg1f&jn^AfvY7GSi^=X&t&?!z049a
zxEe(a40R^cnf5Wevm1eOYnRFNfPKuKEXE8BM$_l+W0sV}-d{A+Gn#&WAF~mpnIkt{
zVL!7jq^%RUpIOYp5ER6q1qh&nPU=l&75?UXnE*;|dSDsYQ6g?LgCplY{t^t9F$JZC
z*8R->Owa(D{$@Y38IzXi^m_-HC8paPV3wL*aDZ7%0TlB5rjTq9#kggU=iy1#;MfDT
z-5ET%r?1-z>+ym+eHLbr)G1wGWjy0mHE6uRT+hf%&ji{E7GXBiGoD_*idlMk&>3c3
zaZrRAGB9N4WtNoZ7iBLwePd(Jywv#V0SB2?#IR?A=?cG@MW#0#U}j?jxel5xWPX@I
z3h_hreh>5S?~a4EevBCyAl-Qh8CG*hHODK+*itOsxCQJFP)IO91A)oVWV*u(W>H4-
z=@-s0%P}R(Pp|vVEP=a`8*z|XMuN{AV)44ei|#G9e*@}Zf(l5(={*OTC1gO|RxEuS
zP;xf}H;hBgL5+RfNygOzQuTGGOxd{S*2(*zLI_gvhC*fb>&(7o9V+1kj#(p+X$*$b
zbq+BbF>Pg>o^Xg+V)~>*%u)e2EFeY7SsvdjQCr_@g6d^MP``))(+W`S4;s2Mu!J;R
z+u1ee`7YkH9BhT5o+SfAjpg(|AfwkDVwN)7Z3PJeyEvvjSKf1g+z4tM7%(v4mib{e
z-QX~@1T2uJo9ts2;1Xe+X$@&yA(9{Nh=oR*n4xKDUO`T2dS+g>cx9OAp$&SVK$`wx
z3$wJmAt;UDPQlY_4l_&PY4tMLPTzEx*@cPAcKVOQ%ppvEw$tu0OE5**PTzNoSwbew
z7Sak>pSk+#8R30mAbY_>cnqbs)8`yvmSCE0H+{iT$XL=syXhB>FiV)Nv4iBNHTi~H
za^5A+gQipi28PM@kor4{an5bG@AE;OVN-B@!@%t@UG6BVabTy2vKlZj_&H3^Im#>{
z<7W$rt-m>p8w!+MK;2psJ#ZBYafO80bO%U8B^9dJI&kw_K;3J|!0^lgV)ey{RTn(J
z%zw%RYTp@xYSI&q)8B!t{wFz|;~29M(?7}SHpiGH#4)256z68s-4`><)?adhG`a2B
z1JjB+PNuLhn&=sU2FVy+J3(4AP2TgfU$5lyLCCN=L#oW(B4R?Z{WF^oG78QNkf#0r
zH=nqqPN^bfY@jmNjCTL;{S?j!m8mymV2FT9@jtp~sPpIaAE=Ze14D^3q>bEBG+X^{
zhbJ#WW+GHZw#uLJY0cFJgv>f;NYkFJ<Wfq`xz9`pnKMwCkbC<Vwts1q0?E`v{Q3$i
z^~_O~<EyjF5s(x_hQkGt%q>1t`|}C3Uqr~LLuEFrvcwv^Xcb1txItwCXT5vpu;Ai9
zgiNXnqz_@PzShF%_XRhWdU$ZRx-c*(F)%cA_y3)<U0LuILep{=@M6)1A8|A5Oy->W
zkB~X#0$y<55PP!F)y1p!5<=!3RAy46Ok`czR}F;BW9SJ|8K&{e^mUxxf*M#Bki_@a
z2huLtzEbT)@5MuBz|}3dE%O5^v)K22<6ZNWP2g6J2`JG)Ggv*dFQirIdN?`xtor97
zaBBmUr5OZ$Ax*G5aSS4#CwX>&izXw`7@V3fBq`5VZP3wfO-&L24J}uIhB^-ULNdtL
zir5`eC6OSPSb)ajjTp}PLNfBbhnb6g*SvZOt{V)^1N00S?)pNi4bJ})=O>grWQ14*
z>RdeYg;aJ+QsQeD`Q(GDR#1o6gn{8Z)Y%i{CJ5Pzu2ci-G1N0-n4Wu#Sz3nG58|tg
zN+$cA7azugLj>G;5cZqC;W4vBfQ%o+4->vEU9d}*85A-`dS;+rl$syZIo>rpzbrN1
zz{D5_YLgl;FzEY1{GhD&G{_-^$(4!GK+izW#F&BMx8L*wx0rpH9Q~*B-DZ|x;tZHB
zbAwqzEDm(67Xw2>c;FS^*iR=Pf}LqF{mn6EIi`Ps(+yl%L>Y~y=iOqKk@*q?F<kP*
zM9#ad8&-o0EpRKDIe7X9DHaJc@nA^(5-ojvTZQSrSJ1M>h=D;X7~<Vcr470^w^l(y
z1Ki>T4}*zV8R;1s$Am%xGe*POVVQRA8b}O)TAaC|5FZ~Dvi=(HGwC!qw9G+a0UJ+)
zwJyXgOc;{GAVr+^)x|{@vo}G;OhLUD2B~m}4L2o?4Y@e`LETJ4J+K$F!>2nOXZB&T
z4xiq4oLR!mD;&~Ukh%8fws|;soWdBAmSe&pDTtd-sV~Yg7}QxX)B~HI5kCFSab^jb
zl5j|O;zXVz-^I(@wt|BJTnNX6PZv1BEHT~b1hW*=uBhp8CzvIma}5&HCx8U6MonLH
zg4u}aUexplAeBNVnWdP*Vy3^l#4O1eGhOc_vjkHjgsu;Zf#fO+uT$@gW=mDDKsv2v
z3=C<p5ZB+kw}0+xqrH|aj0Sq(0c?hfSg70B1E#yZ$UTIR>4}AON`mYzXv@e7E=R~L
zg6fg@^~*5mlvyfNrrv;oVOuOD3(k`^*me13auig`fPvw3EF>)$IL(UR&c@G#khur7
zh*#X@<-B!e#}P7LpcWlsc;~M6lF0!f!x0DZQ07jX6((%C&p<Nu5Fbg!L40((InB**
z+O2~iDTs_-9K;EWR@P;`<50bXka3KI_;s~gW^9qY`W%EzcpRi=zPM08_K3zye}qgP
z)E+G%4P(ac#|v5N;epx&H7+M%(f?}`cRC_8&46l368po+FE8>9A+rYRqvz8~J}tEW
zwi_X{59;g=mNgmif>sp>nTt?+j09`L9`33SN<v6Ihgvk*`i*i{@2n1l%x|bg2cJ${
zAuR6x9U;RT4+*&w-x}m=mV{15$SB4`LXJbwPJ0LAlrsn!lXyr(nE9Nk-?nhlmMVl4
z)=X*$>R{)jL2|!RfcTfc`<UWH;3LmfP??Wkbyl^pEc}U(=}3bl?tZm}HJ$SUcOhhQ
zD~k(rKxK+aeE-oOub+q_q$a09eB|ot(NiPBk^z&MeqcGXC@W}0$q>}Xm6=|&mRWlG
z`!mdv(-)j!mJ)*<4B0v7S~yD>&jE0bHJ-ljAhRTRd}I27wantssYhv8ClAzDvOCKx
zAyJeJTKLbvpp$yEU*jlv1RT`-H=3SzmRXX~6w<|QSj8+gy#h24z3(iu6l4@eZ2J4N
z%x{^_rcb|jj=5nvXh>!{Sly)a%qG*F)-g-L?3n&(GqVsEc*YOZddZq@aDmxKrYQ?j
z6zw^ACG}yt0eFM~(h={=nqF|3S;A~CRE1KERL<-L>hj>?-4IlyuFQf|FWytz?wn=3
z3L3-(O$r$>Fl^46e&zzR1XBsv7I5<tY8=zgtZ5gSC8p22#4KfoWq=&iXE0=72+W2!
zYt3G^t&viPKs`}2h_hfrGBEQNXHPe|$ehNsIeYq?i_8)-tT~WKSG=tsryi&HoQbgx
zG$m}n!0;|-`h|<kMojB-r?XsQHe!OBF#Xacc=;%SZOk6(B+mTlN|%|9n9v*`)0YLQ
z(@wu-jc`=kZw8Kd@F>pd{OL<BGyBL~&xa(b)7Ea*)2o;Ig9oL+<It=*(|N8iOUP`_
zhNSM@m!2i9DBjWzZ8sY-Fucy6?r?=!f{8U}dejwWBc@}8)BCP4OPC2mD{y(HM{$Ag
z-hmqVpx&Sf1H<`3NC317#N_0(FwTL*7pR81RXF_)$hKF7kfLi9&$WO5ov(uCB|wdC
z0|o}je1rtkM5*aoSDCfAZWlqC*;y>p<E|pAe5QrP)7M;OmXKLj4Cz*`sQj02yg=HK
z1vIg52&$+2Y^Of}sR%5AsQB@#I^$5pl%-6JRwa<)ak|~~4cC|@0?JAteou)!d}tp3
z0#+u*#1cr2!0iC3vO_PwQK`xohy*uMK!!8SD1lVZhFl+CYq^QAFfq22K*HG1VS3Fq
z?7bLhCkSe<43=&ZD2W*|FhEr>Ewr2d?;5DPR61SaI<pbe!m{Z;P`cqdvxM2hGD!Nb
zJbV0&Sao0nIHbWXlGkOB<SQ5&zHFJIIHW5JcKP?R>F2I98+l=gKT}BKK&cYqlNuA<
zCm9Zw2bmbfD<LsTU?hVz)C|;~G^>P!?=|ZT6ZXPy{$N*Gg1YFwl@Rw%T(MxK%Y>Pr
zsTELz#E^j@DKjr6GcUb(`l{I{ip#!mfc1bI$Un@czq!FI0m>x8w&r@^1~+=60o;@_
z0`=#^D<N^Ie68!?!X-83P#Gi87%OBHB()L}GH-q)-HjLK0Hr-pyckT6d(0ewEmcEZ
zm|g`51J>tL&GKff;{m%6oQI04rr*2GEMdkO0Lh1u``@w7x%XBBtin*woPhy*0~Hij
zoz>HI?l7k@Ev}h<;U2TZ^qiZZIRH?hxl(bu-7RJb4;-y?Qw9bcjcaoT2H0V*JGtsy
zwN58q2c_HT3b&ah{mu1EK_e?AiJ+aj3=Au*W~RkDU7QRZ0W@G>PywAL%fQf3r0Kf$
z>BK#tA{A8S7%(s-XXKaX6)`Z_AH81az^uCn)O4Qy;T*FhD=1csrXM&59+(6tzufGU
z%%TDYhW)?Oc9rd$4{2r_Oh53RS)9=ntVtf)#ef}GyYfd>&euNgcyQmzK+kmgg-gs5
z%*J}=(+jUKiz$K!!xNK|ic-rM7|hSTYW_4$>n*gPGhkroZJ3_p&LSamsR0tXocT7#
zUIotD4Jms;<93;i)8+0n$8ps*LW-VCjnmuiGaH$`XoO_(YkZb@LZaTDU^9(C@%ph5
z(n^>n(BNnsyUvw~vCcrxRL{tOA)smcyZg)%W}w6MKx=58yxApnK;iF2a9bao1qe-g
ziv^i7+-Qa*s4ENXUpYSf18U)eYFq;b2Fw~H4w^NwW<YR=Lk5u~rk6cp7UF=9J{@?-
zEX8!BWqRL3W(l*iEfBA+V*4tsVE8QqoIXK5Ww_P?$u-8?6sK-rTKb!b(NGVxt_U=M
zKV9u1vzFbH7D%3c-wIK=IIFC*@?W$pIJgW!e*W7E$=l5vQqOBy`h(WVfXZ}p1_t)F
z=?g&fV~*{RGIRFKQ&NSwJGjC2gX?h?lj+|cGHa>8+>P6tu;Dgj?-HRczhnBEN6ZpT
zQ0>!`zB7v|g8Mra9gq}r^3}KdpL!Nv0ec<PDT9utqK@p<i!ioyKtcj@+z7T30ev<{
zgfY%op{7P5&ZG!>esw_3Z4dsXjuR2%gcmv?6RQHRX7ulpcR2=j2Dqaf+y!aI3PfD4
z66F^aTEfH#>L`OwdPwV<ZuErNh$$_0dd*2@2^nl13`jJtiJQLRB(sDW)^;>_z7DBP
zjA#;rWlqOV{|C~GwI>2rfwi#@mQjqK?sJM+LI!J(4Xk2O?DU3H%o1i;yG>vfSo=m`
znY_5^=RkU~c2K}7u=XgxGQ9EAWll3o$YAaKfmQUxP7gTEEMbPVs|QwrwFd^4X^NXZ
z?=-VS7S^5^ScUr}NJh#%<uB&@xZyvnmCwL{S%!g@6q<ofN0<buV6LvZb+RKVuohe*
z8G`0yZ%vy1<|%WUjPw*p7H?;rq;cE&_HA&v4lW;5rcBR!#w=lmrGsMxnqe_uz}?u<
zoicsTGiC`H^C^%Li}luT*W3+fL1Q+cy1|fv0ovFy#xisZs$9V;Ao&bqP<OiaB4+97
zKNd2ZNTn60mZj#E6z`bOB;NY2;~ooW?$j7mUrn!C#4I&^9f)`YBE%LmOHKc?h*>JD
zw*lg&iTY8!YFlkBMHp{Rg=CmFQz16i?I<liVR6+6Jd11uY6Jb43Mq)hr|DGQUHkVH
zBJA@L^YSxO7#QOH<yDjpUF!zbaeBs}Djc#xP1F)JTZ?^Y#t_Gl1$c6TBW`*gXn`Bn
z9y3@4)~pGZF^QkPXDPFU4A#*IunN7n=^sF*W6g+Q6<9mNV3~^8>2}MQCCso6kbqTS
z&6;2tskrGq%a|o(FoqRCqY7XZGvcNn0GW<8BZ5_6?ZAU&w#828Th1(DhILQ}tO9G+
z1j{(aO^;d5EFpt+R0FIcJZ}1g<;)V(H$7p#AcJ+D7+f_j6q`QpDYL}%x{u5zOh4yN
zH~Prz!_?a_{oF@p2`0<=(_cXOpymhDwFT1yK7rPbEPz~Rz|^{2?Xg4sEO5gBG*`;N
zws3mOCuSoV*@ckCh3kc=;P2Lviy`$WXvkQ9;q*(Nn0-KYDST!&lEFF<2rfcw7EaIm
z%q(H*wh&VD8kg)AxhSUo6Kor3aR)=dLdZ~I-`#{({_w|#A+~@tgBSNszwnuvMP?1u
zDQ%v1-iyC<`~{a8MxX}QzJ=32d}fxAxv&sYR>cZbKD_wI`4G5`25#8iTR2_i3$wN~
zsHQi8oJ)ng)LVq{^}^{{Uzm+lSQkOY;?dVji!j1u>X@hVePxzlf-K?`VKdS*G=(fV
z6qz3OmDz$RZSnL8UztT%E%l5U_D??uTGhFlW4g{aW(gV4nM|PTBfk6ezc+lM3~Je!
zgBCNJ!KQ234D`$y-Y=eh?<=#!^e!hBDd|6pAzi$GS4#FZ{OtjC13)97h71t1MOcjt
z^bC!rukvD%0<DZp_y&q@=n`R&VURIf5wO7<mrh^zjakC%_)<vQ()JjKMli?mt%${m
zcb7sM4YCux@{$)!E=R~%GEX=7j%GGY%$0e%*LP+k*xVvh`10wSzBBtUU0gox2eX94
zx)qRkulRHBVCpY_&~gMrJ!3tS>3N_91_8gAS*D-+!7Md>(Jy8bCg+vY3w|+6F!`;V
z-uIhX0+du8eltr<=lad81)hbT4%YDD7qb*Xm(2Q=kosiC6o(^Mc0@>kW8N4v^a3*v
z77m~l2~e{^X6j7;_mf#k3U-0X&F}pwyB0k8D8N{`3euqmTLKDM@S<xYJwtPtNk)2x
zW{j(+v;1T>lEG|Y*BL<O54cuO5BkaM1D;=nIGrfJN=@hc!)(G-wRXCK6pMsJ+geCh
z_uuNouN<z5pfv%Y!4{+GC4ZRb$zbUlm_tU%*RPwd_m^3M3AVU*=ep@hf0=!ltkzH8
z@R!+$$z}cYCx4lZWWKM5<ec`C5r34GZ9aoDAh=v%-7vl3AF~8hhbU-05lje1LkyFc
zzUd#c2~%>|^cVk_eL%F?e`X`IIul6k_H6ma?X`+qB*DvXKw~TnIEn*91BOMLrqBD&
zEFpuwPXe6d!TTiEZ<>DTKeHCo$xYM${b$}|iW&a;n;~_l&1OjA)5&=}EwJP8JSIly
zRtpAD(IRQ)wi!|{pRi*qnYb|rw8q3x&jQrt#o}_viXsMRte6IFhJ>2fKPA`w>n}sM
zPJns}@lcsKvA{`gHT9r5XHa|@GBCWI-p$A&DU-Vy(nMPI^gzl)(bY@{XVq+;et?lh
z!mJyrLde~7@|=ZycMvLOZH9~#9eJ>zXny=B8EEBiz`(F-^K?EY774T6n<1sP$2}=|
z3sK{B2)$>aGWMZ-@s+$679wQsZ=SwRmPJD5<7P-wOZ$7?N9{rqsLKr<7KE&qk}$)v
zq6)gMgmnv~VENkk>uH3^Z%>5j(p#qA1G&s-3j_E9ofnr9TeE}ZYY-~DpfW$?C8K24
z$4y1ZByE|l!^|QfQ?mt<C0p#TNPAs40h&;Pc0{LbnV!JRB4M@xs-l@|s@r<gAf(8~
zzCH}JdgIiV>FbzTe3$}ErvCxi6228OmA>fUqe`{QeV`>ZpvI#a1H<X9(+yZyB$%#j
zoqj=xMMCE3R!Gw6K2gVg{p`Kp;C`YJsMPteb@~NX773=GTc<A&W|3gx*fxCu8;ivB
zQ!Fe}OrqPSH*m8^Fez-C#>ygLrn?OiX3F($nxEe&K-OEEf{U(gkXmsA_pRKD)@_%e
znbL@XA!OThKalxQd+HZ#gCs=PN~c-754!S#U1A7ok*<T9QFea9LLdJtATvO9paBEJ
z{%w#{r1qnz!;>wN4Xg*;1V6tGk^)}xCMy@+O!xzpF=Aja-VVu3Tc)j)xpOJL6)MAO
z#J~V`3e>Bj!KMrhxLt+YZX7m{Y5~s<NIj;=`*G1vHd)Ai0<h<lcR<RcP3zevUomt8
zwVa^=qQ7H$0XqwL8xqVj(D;+UH6k$m9XpG-G`N2*x($*T*yl_<qul%qH0lJ}ie<;i
zA}w#kz~Hz8lHaGPo=7bf3I?@spw>d|lELj{sEX+y*jYp&+fbk)X1LtNz<}E{NLmzS
zHG{{Q4DN_B+dZ9!gGGV~Y9W)??&%I7e%$WqKA<!V2{Q>M7!6eia;g*)T7H2UBI68A
zlbGq+Z1?m#94rztal0X<#3H^KJ4<_aJ3!N!0Rsci-su9IEE2dv3p6bcjz)N%lj+|J
z>1KV{-Z5b&$5YT698d$wh=Bpkb27L?6B1_7{0s9t%&$(IEaJi7ObJO@ykbA1KJ+{Q
z?GymbcN;J;6z+p~$K~iBOZ(G>T~O~BGB9-RgRH^%&~Q3HOYJA90S-zQCJYQq_D#3r
zW08OcqG+%M&fI6rz_4o{Brl&@(awK^)%`BQf>Zk-&BqI7Zy5bfi$WHyfiuGWebe>0
zSYT0yE!hWr*$1gc_#CFalCBPpfEGZ;3=C}hA<6k|%9EGhI;ufC!$3_s0|o}s{g9j&
z=l3A^WuS&5*eT#PI3y6k2~TJL^nY9|5)w}PA?1nD|825<tX-gec3|&=^A#kiLqprZ
zXFsHcCoA)}e&VX<C&A_tlk*g|K^g+uK|ALMs8xXmPNC5fx_|mPZWaldl>Lyb%YF09
z)QD}|g;1l-85r{SPv0QUA_^+ss`pQq;bGBb2X9L1-akEnhebkWA=FVKS9+ZHEjtYw
z=mnW=$iT2_|8xgY7KwlzP#@kDpROm=kOtap22x>wuSCF|9ige8>Cpb^Z$S3rs5^`q
z7|!pXuE5J83R+VA02)`-i~YS4*PQ`%I-pK?zaNq~R(z^xkC>?l+NTN18ioc8EC(Pd
zw!oog^?`b8$hr#y(8Ptz0Z1h*q4r$y-h^4o;J`8fZ6q~207)&EUzOi@ECp%ib3m3(
zdK{R(hnGb{CjI~<aWpPDEOd*d*9NNDn1P|}!1NEiETZz}3=ACyAZhCZk9bzbrC+{K
zMMew^(+^BH5M&W!F+<B864ML#SWK8cADEsX0EsPV9b1nzYQa-8LWdy!*j@1|@P^x8
zr0HB7Rgf_Q!?{C{gu-C?rEHOVcQwLg*h_ys(5j7_haiD0+E=0Y@8((1s&-KD8!|9B
z9EK$6SBdLbZA+G21sew%_hIln45|6KA6dWho;(p!pMz6g)L}?YXAUjzdNxf4v|$Kp
z8n(1p4_R-M1+{3wOfEC|ojvcN78&9!Qj8cFaQMi8fdO}V!U#ET&}LmwHy+kJnEpnX
zMN}5-6AZ;rwMcm%8lltq#aX04l_(A^#taNlm6R$nLNN(<bVF-4NV0=wbu-*4YWGn{
z6OZ9Sz>&Z1j~|1>-#`!Eq!eYfU|@i@D$Q^=P;j+3O<|!6ZG3_2DbY}H;i!5Hk||HP
z>_5M~-_8$gHCP5mV1l9^dl7C151e`<28QNikR)3D{gdv&_+@F(y1{^fVahQ`V^qei
zvFybSCfG6v0|tgg#~|5XZ-%1gD@P^JvSCo-HDF-ac?^<CzO$b!OW3*wRMUVe0z(6a
z%wpZ5)b!Mf?QV<boX{}^S701^;1slD|MYo0ED`~k#fe2liIoh(_iFcFPPP<+I>nTM
z0Y~05U|=|R43dv7FIyNAU_2dCoq$s+w2-Mc16iG$Sir!rIC8t|^ILH{pynDgfMkkO
zOBfjTB)r()&U6p7xfs;FGiG2=I}WMQ7Mw~Kc)N=QG))MSF=AjafXe)f?GJx_$qh8u
z36e3!kqOxiK;y~KI#b>Zhbpj(A&FnY3`dOOvH?jixQ2ro18Z?0rAb(`Z#t-{1IlAq
zi&Z1g@G~UzB$!Z}FOULS25TJ-_9rY4;m#?zvjuWyBy0uLdx$12)M~gmG#|qIZV=-|
z<#9K_jNqA<G)=JfC)7rq{Yg^>Xg`Dr+8Bbmm4KU|X~)tGUtx|r??C;{YKrh3v{q$;
zHA5guBxG<TJR=4Ms2f0?4b*VP=XPThebCUEzD$$_)};^yISShRhLw2%xYH!o0tvkC
z2y4X%8c~KiTmsgn098S<uwV!I24*{?g$Qe=BT^NrIJnV^rbPyKuK*IR$h88Vv;i{~
zDX5_hTey2o85m$fUKgj!NU}6A3Hwc-C&?lKqBlGS4YxW>zvIaw!Nlx4{f#7x5p3WQ
zMo$ltVv%C<xiURZibaAc{L1tWDHbE9FG17yfN1EFWEtE`lA$AJOwhqCCg@-j6LeT;
zdY3ed6wEF{v`heWNO9UW@5LPEN4`Vm5lr>W8CXoFJISzUG2OjBJx_*30W=^zL54*_
z26GM^v{c*Jl7Zoe+4LhaELwJ%Hz1A9)f^1qtq*ZGKj`@_km>{vIU0hJ1eUpe(25%a
z28J~Yr|ZbFNH9VM`=`grvIud(%){<+c=%2aQfHB3lDaj0g9?iT6Xe7T$Z;Nyw;(lQ
zN9i6_CJ**pCPs~0kbx=a(IIk{3}Lq*8!MQW{xoSa;LrsJgo&P^0YmYv=`|`W5;CAm
zVdOx^d|;fMG2zzqcM2?GL6!{bZb7zMm?rkOCS98Y8ap@F1F!5qa|^O-;?IQ&ts_En
zKs&ggGOuqzc0edsJaQD=KRp>7Okh3GQ$Fe~8MtplmJ0N9y8BN5_QeqFI`C2fo!gL2
z5(gj4Em-GW4Qlv8&Gm!IJp7+JuWeryXcPr1Q*axyeWLBQ`6&&-t5ygbCqre{|0@v-
z6U+oHcrw?k2RmjPRLbI*dyvPf(}@U8H*Z7cdFng3A2zd;gEk;QE&2<U@jM$C81q>$
z2%$&u4n)r%2HjOZ-?)E7$hbmfuJf{sKAXAX2NPp`9MrhXI}8k}3=9nx?0q{Yn<_OT
zH1$Dc+;*-1Zt?lxS%l1HsLa$AQVVt}D1nZtftq#$Dzk6m<;wVw1)viJpfZ1<GVZf`
zgZzKr<%OO#1KOaWba$FOi-;9y@r%b@1_m_-hK4K-+swtUShFB@f@JcbGRwnGZg{=C
z`U6A;q<zZW=?fHCK!<1Sf~sM4K5fuA|14-LE7bM}cNrMe85kNiv+{>5(6?g->o&B|
zGh<-CH{DMjeB_MYJ&2lhpCc#Vv0EMmRs)Wv(0kJ#D1%S&sJS=&0z~zadkhR33=9o{
zHxmz-pD_h(g@f94=HB#uieMAJK-FxRzcZL&Q|C&Ei6Gy|+@J2C1XkmEpMgP>fuX_w
zr{%lFH<dsKA3@E@yFXn(nMEwel3_Yj&A!UCEt^+4-+-6{^811N;7gtx(oCY+Eg4;q
zT=5Djvpd>x(!mLfL4&{GotFj-A`c*X*52F6!Vu2@+7}G9(eA-?Jr%G&GagKrQvkCj
zKbRh;3=ZA>4?q`0Ff>eKtQC3Ia}>$0HxC#X^cWZ#6rXUucxIA(0^vTXhtvC%z<%&}
z2vPIET)WF_dopN@32JNEL-1YG4bOl6ags{2MGE&54;dH?85kONYE6}WzhlZKCdQ=?
zA-U`)R7OTjGwI%gGmv5s99LS8rWYuJPvwbu1ir_m;o6Gld$*sRP=#<+-y`rHzYQs_
zQqf0m$)qD>4nAUFFkxV5_#PN5QFoi;5klrGR3=5HE@#E2aA$;!=3@p13kHUUcN-=K
z`mhLsR{ELiv4b6x_;`Aq9E(`CCBv-8;45SsvaJQ??a4J)M`*wP7<|b?!=s(myS^qZ
z1C6gk14i@-L?+?9)Qo>?k0NEJ;3o{AyHy%Kp4^)3qIU!-!1qsoXwD+V$b>k(>EJtN
z7@x(G;n&mY30g=8`b<~5%`7^7|9fUunYqs(<AZ!}-{^4)25^IC!oXdzmCvR-=p$)@
zPB)6NSTdwOpMFo1MS>~+`E))_79$zh#qQ^h8`&Md?F0%Y(EP8S0mJm?(_=JQBxH6x
zhh#H%yOT$mPHqAXz(Hq8_P>}u0c6&z7t>d1vKTQz%$9_DM$VD}cV2n<db)rC!i6I2
zhM;LU$h0@enb3o!5Xa%LSTZ2%0UdG0grNw0`V~_6!T6Gdm0|`pEE2$mphprCpT&{^
z8s03H3_m|i*E59r3*^S>|6Vam!EBeaWSIF8(j4&M-0-&Xz*5k;0MNt(HN(P^Ve3ao
znHpo<+_`ne{|ktucl#swI{1cbesTLH&*m*d$RLLec!dDApu`X}C(kl)y96b8KwgFU
z5)o&zmJGpPAbz<bK1Ee#=_)CNiy_C9A!&O4Wx9h6xCny=1vuc*JcBqU2^#reMM$xM
z&PR(^JSx$3V&#K9if{z9>4dHn%~GTk$zsU>ZP3VCGT?5UV3rC<4o6F72j4M^up5H%
zJ=8Ub1HlMH0Fs&LJ|M)$^dXi!CTGcj{q#0aO$a>}4BaAGTzWvYFiNnX1p^+>5Ksw<
zQ`28h85pz~7#ceE+7{f&oaqKmsNe?2EhfmoZtb4n2J3_Ept%s}8XL@ffX5N&9wo#_
z3t@DVL5@bsJcy`=CNDz96Oxz3S5~3K1G-6Q4hK0@<}({31L%0ayYWwdJUF&l9Ncs_
z1Wigq9S$}Gq|^-S8VC!}0<oFwj10mI3=KT1E?lr;nFE@4Fwg^^4*)d;XW9X!HxxG$
zuM+Ms=GmN#(;HP;L_kM|?Pr7x+;90QcWXk!yd46J2RRu*w=p$9f*-Vs%M5gqTf$3b
zk?D_AS>%}AxfrK2tFai$;MNQE2HeW&vvgSCl?S3&C8iodlrvz{kWvp?MT%Pn6dTZ<
zq!_CK1JwKCX1LvteuyDt4+`jfm3o%x3hFEp@GxXFo*tmiB7?^)tho-nfXI@0`XY4}
zBPmRGOy^|;U6a=^{fs?}l$ik^BLgP`LxaGC`4^XLd7cU$sfL)q#|XM+siA277G}n2
z44@el=<Yf6-ZdJZl65dl&^0AuzoA>h1tpJ8m$+bY4P4R~Omk$BV{#On{>Fht0<_Ot
z!I8xWZR@a1jSwRP=qO4p^V@7&*nfk@f<c4Y1`G_vQq%W1vKTSuPJi#nA}OOU3{iL~
z{OY6opC(L!4m2AuFw_Z8S8-yQ#nd4({eTmTgxN$9NFepkbkF!Cy-FV(W#B-XCBn!6
z+T&4GwE3jd&846t+(5$?dd8sL=zPvB5==`(rq6L>k&sz0!pOkQz|fHMJ(e}Iu@ZC~
zALxuN69$G|BGY4>StMkRi7<lCysL?2Szl3H4Vo7O4RshYFkBUxKEatq!t99%BLnF8
zP$Tg*YE_0ckj^G}KpFQopf4iR?}79>`a`B9mT2AUF7?y|jp&2+*nswvh%z#O&KsSc
zdPVJQ-#U=*K&!G17#PGwr|Y<|NHFP$PIq%*G0MX2LLV_mIGkK>w<{&YMgg=dA9PM7
z1H&RQM)0YCKY5k5iaIR#z{EI74B`t`oc2O?<@-oplz^D3$E+Hox<VT?^Jk`KsApy|
z{o^fWVXio+Gadb>Z*pbvVXBat=Efqy)Gjq$%8kW{$y<85ABYbPJ*MA&(~)Cj`Z+fi
zsQ_VFh!q*d>;C`ZU!4g)#|%7EFDuK)06N+Af~iPI<ee|<B8+ynAPbEc&=-}1_Dh1h
z0~Tqr)8*V*BtR>G!7F}O%1v)`XE8GSD+ftH4qX2Os?;u@2j?>IQ3!1E5c@rr=B>LS
z&&JNg2wm;QARs^eojZ#J_M+Ypbee4+Gh{NzYwQ09_hKG|g7XL{`7y}KPq*=4kzmr3
zpC0DHVuWokA;>F+;8RtWfK*ISgha{)Emylkf$qKFBo5wT$0k4h6G+7ZMTko$#pJ7h
z`DqDia2x7@4;IpspYGtv;=^=LaeAL8i-g&0MM#vV-8<a5Y11kr@Jcywb}?6in32P?
zyL7$B1<(<Z(7fq~G7>7mv{G)mfESAdBgb@2FBW5_DJs+ByjUb;9;-ldk;j`Yi(_6b
zcVJ=!tr7#>Zq=$feUcZ8kqqv1epO`p11}Z{E{9Oi(d7&b55lH1d9#Eu9Tu7%<;^0e
zbXW*77`bd|Rm1gT@85wAlm(s99H4$Q_cGtQ%}{k9^;O<1a`hjKAUP^VRjy@IP2dmE
zWnQ47G@#_B4bN?#`{?o|#h~jm85j=y7Fk*}Wr9djW}ZGsjQ`$Zn|HE>yGn|SQ;W({
zi()S;GzO)4|1f}_<I!SadWNxr?;qOc#p&0*Sp@4hRzfEC7G2*eu<^1?-3jPk%!#*m
z&XSqaDRQ|IvJU6%Y7U{o+^4^vRYKNfJP$f`JnJ@Rd1`S%Vo`A_!x<;LUBBI<5A>~u
z%+Q_a+VtmeK;W`@t06OMk4u^|1yVe3uUHK+Z)tXPcbdB+w~PSj8g2##28G(`n|xT*
zrZ321mEF$d%Tml(pO#o$qMM$RpOlwbQj}kin4DdjS6q@`l$f5HQBqQ%TTql=QJI^W
zT$G=iSdyIKkd&B|nxmhbUz7?C2;Jh6#FETphqBDPicEb_Y-FV76(p8q=$7O|W+w|$
zi*<AJQ%ZAEb#qcHQj5}4OLPnJi%N70a#9nEO;R07DhpDJ^$}L&<)@_Trlpo7XXxf7
zmSmPeEh@-KOis<n&q+xwnw}`dDms0tAB)oTvNtT!(;l#hPG9TC!Zp475{n|E<@B|e
zSp3yN`*2IrtKz_ES2roOBvH=@>Uyw^Q1<kXS6GA@i>FVy%%bX;o|>0hlvt8q1eHt%
zJEbTwH#IpwuPn8wM7KD<v?w`MH#f1sAu+e0peR2pHMvB;C^a{+pdd3ZefqpxEb`MU
zFSGDYU#H3{GX2tG7U}5+?y>MqU$4q)CS|Etl3tZlRH~btn4FQCRFq#{oLW>23bpA5
zcUTOj2WqeyPnT6=RhwSe$f7Vk;2I12^ei=2+36dfvM5deeuqU~#6-^+WC++>#s&rk
zhGrHP)3xrhOyV~Li5Fxh=O^dq<QElBKX{i#Wx8P`i_G*d`&ksGr}VQ}Oy7{q!aDuc
zT^2cr1seBQ3>eL)Z_Hp(m|l60MUBw{A|92(A~t>Q9TxlP$Gcf9riboiQGxhk%`FxK
zW-~p5>GyB3=uJO&kA-VG|5X;Q=|bMDn$s6tWibOCGtkJQ2vI%zHj5TaAmAE{9HZIv
ziAz}&A^zgO&LYhWI#6zXJB!`)E!SC8AmXoXvPgoDX1j2NW!7}TS{CW)Klxatr^_E@
z;h8R5%i;!MO+3ny!Duo4*HM=E>E$<BydXgoaE*myx|Ig20N8{ZS6JjBPJ5uis>NtI
zo$VHj*>pvaZ@>yKTw{@dczD7!7K`cejVyf3CVD2*8FN?^r^`06=uA(!&*C<{@Cr-t
z^a(1gY}0dZvG6mRLF7%YuqZL-WF}2NIEh7R`UN3Ymg#I)So9!1-+zgPXL_nCs|?uq
zX%AQoVBxU4iA8_<&O8?B=?gPh3_ua$HN9V)m3{h)i!3eE4YOF>rk!JPoBpDOMRR&p
z3X9hC1@Bqdrzc-zk>0*Pg(Zz~x?eJj-gMP87Ln<fbXk=^2Cz*}Ok;6lG@ia9jm2sD
zmy;|?(|OWaL>MimE2gtpf=@_}O=npl2WlCXq*o>9=Vxc8>ZTUk*&2YB!YkMq=z&gA
z7R_MknSL>Y<<azC$t*_GH)pblO#dj(sx<w3CX3bf@+_7|%pzu>G*+CEnv|HAuA7{n
zo12)IGW}r|i_CQPe3p&VbMshcZoiz*!o@g!|3wz|?N16=T9}wk^$ezG7qjS2cPM9J
zpT47*MHs~5nXX>KA~3Clg>Cx0Viw_PB`nfl&c$LDk?9*i!V}6^Sf<Y|VUeCbp^SxN
zdQu6CB$JuR^y(58nd$wdEL_tMl(0xn_b+2%o8DN$BF2$el&hOtTATwiSa<rnau)9C
z4@+3IK`fQ&O~+W2rW=&A2uwFGVd0(rxr{{`No+$23#S5Dv%ao=IjEpZEz-@&%qy+X
zg_){rG`;Z{i!#Ivka~#C)@3ZRs0Im4uPbGdLlV1C!Xh|bwv<I4Net#eWQW1TSf<}7
zWl=&X1_z5*1&a)d5cl-O<t&mYLTuANRj^3Gh0NeA@#*s`VEzRc0mhXq6Sps|WvO79
z?%Bjrw0-^=78Azl`bjL3?4agsNqW`vh$NP29N;~#7J7!$-z2dlO|MC25t$zLh(%#~
zR0@m2^cQig($kluu!snNPK^MSY?(>=pd(Clr`!0kC~<?B`nq6|=^M*fOsB8B$RY-D
z(~(M+`03ICEV9!jU$97TSFU0yW1KG7%Hj$-P10n0WGjm}BTsH(dS<e2aY+%VU@d54
znL7P{HH$bqv|yheSHmJc-MNNk@^nU4R)y)T?JQ#4pk*T^=~XG2#U<0N{aBQ>p=VC&
z>*_;Ux}f%u5hxi$%lP7w#JrTmocz4$8$YnfOc(56F#;DvGH{7heO-M7M;A1g0V&69
z+gZd#O!Q1arll5_6s4x>mM7+9rxs0*Zf6OG6ua}TgU|JM>}OG)?pw$rHvQL27M1DF
z9V}AQ5B0JrOji(QWu4yC!E$^0nl2XJ?Uy@QBp5-0EYlM^SyHDj=w^`<1!Y`tsSm9y
z!FEBM+b_;4&TOb>Fg?(hRdITK0}K0f&Tbao>HoV}k{C^<Cv~%=LQ0!0)hq&xCes%(
zvnmThPACM234}Sla0!d*_V?W^rOeys^s~%jnr;!mV#^LXH4T&$Is;fV*wczqQ<I8Q
zrq2st@#2MYK$*kLWcvCr7Rl+%K`au}?}V{%Og|pTBD!5Ykj0XbGbcYkFFmm+Ib&K7
zi}dt_AeKT#i|Ge@Srn%$gs|{Ww+m!pL#Uaq5Y8ed0@q?@qMM#qstY=;4^<22bcY}o
z?&)H|EK2C6aZc|KX5pG%6U?HBB6Tj9#Q;gb7KzP2y)T4C4@KZDs(|S9hCmk1>CvGq
zvM9<xuAja>6kKhh_=$hIS~!cq^mQRDY#bO~5S^YG#-f5^(7rGhEp!2{>B`|Oa>$~Z
zD1ol8s}I?Vu8Sg!9$arjSh%OxhNHRsbU3P`RbggSn3-T2Tw!K{Zmd!SBJ6!rS=p!i
zg|LcF&z;0FFTq^TM9&12BfxD|-K^sLyu`fXOkGH;Bsn87FFjQ^Ik7mkxU>M&4lIVq
zI25I(<R|A;>gN}v<|P(@)EA|K8*0f#nFS?~b~vcXIo+U+MOGRiqpz!v;OLs_nNQz1
zn?<P}n{oQOD5mQgg3g0A0J#-zdtz1@oSmGXmzJ3hc6Vw?3Aj023~3MRCZ?z6m1Gs`
z=74rP7iW~DX6EJOrz93<=w%kC7M3RFsN`nmWrADGh~{iTPH9nMPG(hVWnylQZenrC
zbnQA8C3P527aU+k`nvjPBD$az879*cn^+XY;b!RT>ciQ(7Sj(lvnYew0$khKcd)QC
zPIp+(BFYLnal&kR)Owa<)8|fO;gkWpOkY<Y)v3Cm63k%w>d7p#l~KI}D!ftrs0-S+
z0WN9yV_3Bq&8A0fXK`dSpFXjgMOhLaQ2M(1aJH_Yp2_sWt1L<~un2*KDp(CDcy$f*
z49&s$TM{1diCJa(y84M(Wx9|v5vS`4v0Cw#7G>&YftEaidII3mPaZ`GR7|4^Okc>$
zsyf~OEDQVeP9fGg(_@8M9jDhdvv5w=6<`&go-vt4MHVSRg4~2ip1Pnj#KFzg2b)+}
zr%#;BA~$_zHH)+rIGVue8Wabhjv1H(a;qLVF=ghZq*j3XKLz>4nI)O|d7$*Eo0eKU
z{oorG+3D*pu!ypl=ouSKPvm4(QbSj)ud9z?fUd!G#cCGi>3bVlc&1;T!lE+$<69On
zc4J7@GyQl3OV;-9Q&@7CwojeT($73SW;TmGq)DnVn?-W^lt>n9aZn$;B)!T3dakv8
zVrGSIK|%6#{b&}k=@X(@1X&Y{a?MOYOxfv?b6I$%8$_|lOkW$t!ZAG}nuTwAKr{=-
z^sP}WqSJpxvhYto9>pTUl9_01G(9$&MU^8rv!K|_BsFLHnJ5<J>H2d(VIIxGKmC0a
z3*U6+C>9}uywsAU;uPHqGZVNQKzSV`2DTYpbUH^Ai|TZ7kkv&|EW(`SnR&)WAnnrw
z=dh?u|Gj`kk`a=&rUxXja7;fF&jPxJ1C-bx0zI)TvM?12i7bjRHdyuRxd=&+fD(#Z
zpd|&|ZMvXy3&H6aVzlN06ubDQcP?ZRMlzod<ZssLcJo+-P(=0Tpy|tsV-ZJDaVi?c
zU3}B4QMD+es6IIlP5W6?cW_MSo{wT4$MjV(Xdy8#0mV%m)8{3yuuo5z%OZhf6~}bm
zxhx#hqvx}TqKl%2EALzu?&<yUDE{V{&b<g6Sr<RCC{OoT#3ICKIep;_78SlE1ASfn
zlq3UC_=0ZdTEwC)?2ww1np{!@YWfxC=oh5tWR`$)`*iWeECP&{(>Erts)*!+PmTxW
zSO^PLj7%@|VO5-7yO@P*x)Lalh%aN&+x~Vj3m4OL!7LVq>1!6Vh)zGWk40hnkxCX3
zMw96q^H`Lp-`&E(KHa;Tg%>7pZWRm1bl+txN2l*!$r3XC{T>#j?Iz1vdYGpBtzv1I
z&R@VHHeGWSi^}$Mt61JMO+U7lrD6IqURH(aY3o>iOgEpwBE4N<14{%mqv7<*%`6M1
zKl{s~Fx_$s3m?Sp^ersgrsuC<VVfSim8DzATn{`b0J%L%w<uZ9V7l-&7HyS8&>dI0
z#i_Z8;0h$YvOqVfG&3iqD7830rz}-BttdZt`a)e++3AlCuqaQrKfuyBebQ1Eh3ONn
zv9N64xRb?zX?n~-mI>1p4zk!xkKD#GjRVv;Hqb3fhV)<Mm#}b2gDPuC%QCY#F)_JV
zKdo37RC5(17Eiypm_=s#xg{(@qM%_&aLER0SL-Kd73&ulB~On}V^x}7x0FSI(Rlho
zK30|KtV>yh8I7ldo4S=dSp--?`V6NFeqvGN10OsEiY_o?`o<e9s_G6Hb{6aFBDtVg
z7gS~$PH)@KVg_mmfvUI%`&k60KgwfKnZAEJiyfrr{P`e@G8eRIoR^;hNi5(#^@B$&
zJkzU_Sb3)V9b$2wzAuSYZMwio7QX3nZ7gilPak5bVKm?FahRotaeBBftMv4eV=NyT
z&89a#Vo`ypd)vywGkwW%78w=r=t@dzYC$e&2rCmdrUkVY5-Zc69A`0xxM|V}7W3)i
zCs-n<ziMK!WwhL`(aa*v2pc;{ZDDB!wSYOMiL<gzzkY&cEi3pypy{0_S-Pjoy<#z#
zE^>;+3ZbOu6iY0l(eziRSn8RK%(iErW-(#hK6^IHYBo?m-DSJmITkVI>E4T3#HaW9
zvzSR5f}I;@2r|_G)QPjR1s#Z`XE6P_Ka0uqg%K>`jF!{=B3T@#7x}O%OrJfQMRfZ4
zNEY_#J&7z@+fPNaq_Rz~@&{)MaMSizIt%yoduLgcwg)|6iD2CR=poBmCUD1N(i4{Q
z>Biq!RHw&2Wf7RZsFOuydfx*Uw&~NKvOHwA)H9x5^Nghp%wT=a;y8W5bC#g#Jc+C(
z)49H|SWN%)oW*(i1PfN)>9cRMXil$v&Y}zs!R^*BSXMG__j|<xx-kwk2J-VAOXT#z
zcPx$5ecrQ#fNDUw>0*&A($gotVTl2y4^X#)|1Hb$>HP0lVnE|2pQJ!1`6uO9=z_*8
zp;1**R9ak;nlgQT8jB*>rs*OdS)8UX5Mbq)e)R*3#rCj|EL)hiJAGkU&gumkJS<7C
z%1;6f^XX>h6&Iu?mlS8Fr0Rm&4SA_Kx}d>36oK5t0u+9EYGQV7VgY27<jhYNZev}j
z5U5*;Y!p;j7i1~8hnk$2lcSrIUkV#z0qGV8jXk341ep(R>nQAFVV|z>i$!jF(q|Th
z>2beUlsv#=HV~sS^HOvZ3kq^7bu&_P3Q~)TQ%dtvQj0*1+LHX#V%?O~w9LFz5Vs(;
zsH8F%G>)5@2kL+qXC{LS1VvOaP=-YlneMobMRoehUo0}y7e8cCnttOC3*YofUs#l;
z>;Gr*oUZbl#e90t9~K=@nW-p+WIw1TK;l9gZ_&S5I5kk+3@Syy0fXTiuoiKMS3#i$
zR|(=wpI^zMI{oxd79KHhq@jml&UCwVEE>~y{bu2vp8A(XNdp=fDTyVC@DNEW%}WNg
z=!$hS63bF`^AdAYi>EXGVd<W}?JrBfbPf=~_K)TH^yuF#QmhuBuEq48-z<sK(>YmX
zroa2gA`c0a(*G>-tl)^5p2No~F@58ImcyJGiQw)<N&eOn)|rfqX50CgSZ^?bGucaK
z)_m~&mC-D$S<^r5XHlBIi-T1KY}hnTR<Y?ppy4h40v5LEZ&_G{ASz;tSU9I^v9iiS
zxS6c18W44xSy?5(TBpBdWzCW{2RXASH4Rkl>ZPZa6cpu`<b&F*`Dx%9#vPjssGEpY
z3pn|LeO{iCnVbQxwMsJcbW19yGp4i3)}xCSfZFYtf}qZs9=H_CEY^iohOofTEY?j)
zEJ@Xc<jTxq-L%X+P`@e>6f;Gs>6yhPMU|Pwy719_U6{`Dj7;9-3{Zy?<k!snyy*`G
zSY_<N?o7_lfeM0#0MUfNo&x8|%wkyfg|doMLCty@NjSFz)PjeoDo!oYHJV<?&8jR8
zmCj8pKuCkK?fN_xb$;FARH!b9j)j#h%7UOe2BtbUu|U^oI!JiB#99`i=~FmaRi^*q
zWR-$M<Aov?7Jb;<1>Cm~i!eh0>>0!9ff+0chB!hGq7_@XPJh3jMRocl9#$o=)v6e=
z1JQ~aW78kzv8Yae!Odz0X#<tBu~tuCQput){rN8z2}tR%hmBQmyD~egDkFHze7XP!
ztLXGv4p!OehhMTNPPgD>)tWw~8Z=_IkA-deK2BEq>6ToqJEx0ru_{j&<z`i$ZZreZ
z{9&6O$IaR`-HwM<WqQ#p7Nzaicv#CAr!VVdQP`ft$9j}``te>CY0w~>#Prr$76oum
zY5O8!R&7>M=-?u#z5sPLlfkXa>9dtsGp1jZW|f%UBg-l`y<U-3Zo04xtNiqQCsvN>
z50qIIr@PCtN=)yyW#yXgE6*x1JxzgCX?m?4E64OkIacNAU*uS&r|X-tazoT<y0h|3
z?~`Gbn0{WCRb~2Xc~+I_a}`-tra$mx<(<9~WKpaPtLk(IXI9?n+d(G3Qe@Sgo}<Jn
zJUw5E)n}R_E7$b9ZmfLMx5%(cPT%0l$~#>Gq)b<lRR*MjeY%w|tI+f-QmppV*DJ7c
zOrM~@DnFfHiB)~NuP3X(^mIj#YaLhxrmvA>b>IhYBP;+-(`BY*rWQ^AsK6>YeTF=%
z*7O5btOC<7NV4)xzi-LPGyRwuEC2LMimZ~;FBq^2O#h?+@`4wu5X4)5Jy?aN{|32U
z+J;qVdMn5hekE3p=>?jsTp-6tO#koBDh#q+a(aOYge5WEK$ewd`depK!RaL+KRobc
z<(eMv#mY1Nw-l?ybbbX^z3KDyS;eOND6xVSi%;j3VojPp--}gXx{eR4@N^xJmF{w^
zMj*c$O;43)HJ*ObkyU28z8uH^kU#hXS=p!G3uINE&Lhd{H(kM>Rbx71Agd^d#WMYX
zKdUOlm-6nc+|%XUSXHNM%d_%L=MQA%o4zW5)o^;?B^FI2?xX-#e{edT_JD<N`T`$T
zuIaLFtZ9sv(;GEe7YLg{X6Yc|S_*D{OxMt2m7Bil18hRjOp8@u`bIrg1+X#GbG2CI
zn2q!dw)bhV-eO`jf;7_gZn5xfpP|dj#5jF}2`f9u0qk%mr!rbjzhcO`9c%!?9s8|V
zZ4g3Wk1P1IrlSa@q41y~b2gCG3Ly^m6TdvG%yfP`Rx>p5la8!GXhN*EtO003>lIj~
zrt6xsnm~d@a{2*tR?+Db%vlRr!JVGz{T8e;(~T@xO{S+>vdSUNmZn;=`hX3COs7d&
zg5uGVRRc+Et_7<On2YeayBw?3^jJq$6BKdo=@-0MSwShq4Qj2fH>(<GUNDo<a(az7
zYZ0U6bbUY8SCD8lkYyF0UgN^551vs(7!FQ?-TJHsD28)^(x=#TPiqWuL^9s#!zu#G
z+2B+ygr*&q_#M#1^G#SqrbnBw>Y<7McV|UcipXMO`m8db%qD=QN!o_h4oxW13d3k{
z_I>FA9@s0q%Ax^Ea)Q&(gR=K-FO0xGZ-AW4z^P@v8HUgdc~-&ci)>i6QLX2N<P2zu
zGd;nIRa_KBD7B~<GSPx?2)H!;Z_jFkYSi>zP%&2Nz^Z{3VZNT2$yte&e>#%^t0tNe
zup*Lu`VUJqNhg?6QAm-h>B|}pNhrFCtbEhYn?MsKBB88z#mFw;qWYv8RO$2wzO1s-
z`+ZsU8O=arO5lKIpWfih%0FG+kCk&en;)whl9V8*;O3YvsE-i`uM}B%rxzHos>2)!
zEsDVPhK@6ac&rR7@AL)k7~<e+=Zq(Y_*_L+p6ULEtdR8x2rs^tXXTl`*BV3oyeumZ
zD11dg^%@T=C<aZZ7c{acBD89{V??07DXRga<@5wo*2Unp1#D)lGeLDHdQJl;fXASS
z2Ca@j7};wJP0FB}*o)D4y0!}IYDVMf*Hu`nA!!&~O-DPiDxrl_xd${#5Qfz&va(Iz
zYzQru5#rs>P~U<q5u3hWjn#L$uQIDLqa~!IexS@MHvPU5EBka!byhV-qv-+atdFJ(
zY+_-Xt{cRv&I#MBUoc%im{l26)X7Ze3TDln#>vVteQ^+L8n_3#y*`*ViU~AY&pzEF
zjMaMj-5o4E)1QX2#!R0wi$!Gn^f1;M*6A~2Snn{JO)raObz=gpv)jm`F#TRE>$K@j
zGg*|tTDC8WW6ffk?vThT%4jzIBS=A6BI`*;%jphDtoqwuC9$TlO&6(PQJlWuF$>4`
J%1qV{CIE@8OXL6m

delta 110322
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

diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index 0f08e7e..20b6fe2 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -1,3 +1,9 @@
+@property --depth {
+    syntax: "<number>";
+    inherits: true;
+    initial-value: 0;
+}
+
 .table {
     --shadow-color: oklch(0 0 0 / .05);
     --shadow: var(--shadow-color) 0 0 2em;
@@ -26,7 +32,7 @@
     & :is(.cell:first-child, .checkbox + .cell) {
         position: sticky;
         inset-inline-start: 1px;
-        padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
+        padding-inline-start: calc(var(--depth, 0) * 1em + var(--padding-m));
         z-index: 1;
 
         &::after {
@@ -188,12 +194,6 @@
     }
 }
 
-@property --depth {
-    syntax: "<number>";
-    inherits: true;
-    initial-value: 0;
-}
-
 @keyframes header-scroll-shadow {
     from {
         box-shadow: none;
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index c65b371..1b79d59 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -86,9 +86,11 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
     const columnCount = createMemo(() => table.columns().length);
 
     return <table class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
-        <Show when={props.summary}>{
-            summary => <caption>{summary()}</caption>
-        }</Show>
+        {/* <Show when={(props.summary?.length ?? 0) > 0 ? props.summary : undefined}>{
+            summary => {
+                return <caption>Kaas {summary()}</caption>;
+            }
+        }</Show> */}
 
         <Groups />
         <Head />
@@ -171,27 +173,27 @@ function Head(props: {}) {
                             return;
                         }
 
-                        table.setSort(current => {
-                            if (current?.by !== by) {
-                                return { by, reversed: false };
-                            }
+                        // table.setSort(current => {
+                        //     if (current?.by !== by) {
+                        //         return { by, reversed: false };
+                        //     }
 
-                            if (current.reversed === true) {
-                                return undefined;
-                            }
+                        //     if (current.reversed === true) {
+                        //         return undefined;
+                        //     }
 
-                            return { by, reversed: true };
-                        });
+                        //     return { by, reversed: true };
+                        // });
                     };
 
                     return <th scope="col" class={`${css.cell} ${sort()?.by === by ? css.sorted : ''}`} onpointerdown={onPointerDown}>
                         {label}
 
-                        <Switch>
+                        {/* <Switch>
                             <Match when={sortable && sort()?.by !== by}><FaSolidSort /></Match>
                             <Match when={sortable && sort()?.by === by && sort()?.reversed !== true}><FaSolidSortUp /></Match>
                             <Match when={sortable && sort()?.by === by && sort()?.reversed === true}><FaSolidSortDown /></Match>
-                        </Switch>
+                        </Switch> */}
                     </th>;
                 }
             }</For>
@@ -226,17 +228,19 @@ function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, dep
         </Show>
 
         <For each={columns()}>{
-            ({ id }) => <td class={'css.cell'}>{table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id]}</td>
+            ({ id }) => {
+                const content = table.cellRenderers()[id]?.({ row: props.key as number, column: id, value: props.value[id] }) ?? props.value[id];
+
+                // return <>{content}</>;
+                return <td class={css.cell}>{content}</td>;
+            }
         }</For>
     </tr>;
 };
 
 function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
-    const table = useTable();
-
     return <details open>
         <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
-        <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
 
         <For each={props.nodes}>{
             node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
diff --git a/src/entry-server.tsx b/src/entry-server.tsx
index f56257b..51b314e 100644
--- a/src/entry-server.tsx
+++ b/src/entry-server.tsx
@@ -36,7 +36,7 @@ export default createHandler(({ nonce }) => {
     // style: `${base} data: `,
   } as const;
 
-  // event.response.headers.append('Content-Security-Policy', Object.entries(policies).map(([p, v]) => `${p}-src ${v}`).join('; '))
+  event.response.headers.append('Content-Security-Policy', Object.entries(policies).map(([p, v]) => `${p}-src ${v}`).join('; '))
 
   return { nonce };
 });
diff --git a/src/routes/(editor)/experimental/table.tsx b/src/routes/(editor)/experimental/table.tsx
index ba4acf8..3db6bf2 100644
--- a/src/routes/(editor)/experimental/table.tsx
+++ b/src/routes/(editor)/experimental/table.tsx
@@ -57,7 +57,7 @@ export default function TableExperiment() {
         sort: undefined,
     });
 
-    const rows = createMemo(() => createDataSet(people));
+    const rows = createMemo(() => createDataSet(people.slice(0, 1)));
 
     createEffect(() => {
         rows().setGrouping(store.group);
@@ -117,7 +117,7 @@ export default function TableExperiment() {
         </Sidebar>
 
         <div class={css.content}>
-            <Table class={css.table} rows={rows()} columns={columns} selectionMode={store.selectionMode} />
+            <Table class={css.table} summary="List of people" rows={rows()} columns={columns} selectionMode={store.selectionMode} />
         </div>
     </div >;
 }
\ No newline at end of file
-- 
2.50.1


From 4a5f0cf2d1b1c5001a300210739444f2b2a09327 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 18 Dec 2024 08:10:38 +0100
Subject: [PATCH 18/23] finally back up and running again

---
 src/app.css                                | 41 ++++++++++++++++------
 src/components/table/table.module.css      | 10 ++++--
 src/components/table/table.tsx             | 16 ++++++---
 src/features/command/contextMenu.tsx       | 11 +++---
 src/features/command/index.tsx             | 24 ++++++++-----
 src/features/menu/index.tsx                | 23 ++++++------
 src/features/selectable/index.tsx          |  5 ++-
 src/routes/(editor)/experimental/table.tsx | 12 +++++--
 8 files changed, 101 insertions(+), 41 deletions(-)

diff --git a/src/app.css b/src/app.css
index e3878fa..32f54b5 100644
--- a/src/app.css
+++ b/src/app.css
@@ -30,16 +30,11 @@
   --text-1: light-dark(oklch(from var(--primary-500) .2 .02 h), oklch(from var(--primary-500) .9 .02 h));
   --text-2: oklch(from var(--text-1) calc(l + .1) c h);
 
-  --weight-lighter: 100;
-  --weight-light: 300;
-  --weight-normal: 500;
-  --weight-bold: 700;
-  --weight-bolder: 900;
-
-  --radii-s: .125em;
-  --radii-m: .25em;
-  --radii-l: .5em;
-  --radii-xl: 1em;
+  --text-lighter: 100;
+  --text-light: 300;
+  --text-normal: 500;
+  --text-bold: 700;
+  --text-bolder: 900;
 
   --text-s: .8rem;
   --text-m: 1rem;
@@ -47,6 +42,12 @@
   --text-xl: 1.6rem;
   --text-xxl: 2rem;
 
+  --radii-s: .125em;
+  --radii-m: .25em;
+  --radii-l: .5em;
+  --radii-xl: 1em;
+
+  --padding-xs: .125em;
   --padding-s: .25em;
   --padding-m: .5em;
   --padding-l: .75em;
@@ -160,6 +161,26 @@ del {
   color: oklch(from var(--fail) .1 .2 h);
 }
 
+kbd {
+  background-color: var(--surface-600);
+  border-radius: var(--radii-m);
+  border: 1px solid var(--surface-500);
+  box-shadow:
+    0 1px 1px rgba(0, 0, 0, 0.2),
+    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
+  color: var(--text-2);
+  display: inline-block;
+  font-size: var(--text-s);
+  font-weight: var(--text-bold);
+  line-height: 1;
+  padding: var(--padding-xs) var(--padding-s);
+  white-space: nowrap;
+}
+
+samp {
+  display: inline-block;
+}
+
 @property --hue {
   syntax: '<angle>';
   inherits: false;
diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index 20b6fe2..b29cccb 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -60,6 +60,12 @@
         z-index: 1;
     }
 
+    & .caption {
+        /* grid-column: 1 / -1; */
+        position: sticky;
+        inset-inline-start: 0;
+    }
+
     & :is(.header, .main, .footer) {
         grid-column: 1 / -1;
         display: block grid;
@@ -106,7 +112,7 @@
         animation: header-scroll-shadow linear both;
         animation-timeline: scroll();
         animation-range: 0 2em;
-        font-weight: var(--weight-bold);
+        font-weight: var(--text-bold);
 
         & > tr {
             all: inherit;
@@ -139,7 +145,7 @@
         animation: header-scroll-shadow linear both reverse;
         animation-timeline: scroll();
         animation-range: calc(100% - 2em) 100%;
-        font-weight: var(--weight-bold);
+        font-weight: var(--text-bold);
     }
 
     & details {
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 1b79d59..c28a1c5 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -86,11 +86,11 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
     const columnCount = createMemo(() => table.columns().length);
 
     return <table class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
-        {/* <Show when={(props.summary?.length ?? 0) > 0 ? props.summary : undefined}>{
+        <Show when={(props.summary?.length ?? 0) > 0 ? props.summary : undefined}>{
             summary => {
-                return <caption>Kaas {summary()}</caption>;
+                return <caption class={css.caption}>{summary()}</caption>;
             }
-        }</Show> */}
+        }</Show>
 
         <Groups />
         <Head />
@@ -246,4 +246,12 @@ function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy:
             node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
         }</For>
     </details>;
-};
\ No newline at end of file
+};
+
+declare module "solid-js" {
+    namespace JSX {
+        interface HTMLAttributes<T> {
+            indeterminate?: boolean | undefined;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/features/command/contextMenu.tsx b/src/features/command/contextMenu.tsx
index ec38ac1..5b8aff0 100644
--- a/src/features/command/contextMenu.tsx
+++ b/src/features/command/contextMenu.tsx
@@ -1,4 +1,4 @@
-import { Accessor, Component, createContext, createEffect, createMemo, createSignal, createUniqueId, For, JSX, ParentComponent, splitProps, useContext } from "solid-js";
+import { Accessor, Component, createContext, createEffect, createMemo, createSignal, For, JSX, ParentComponent, splitProps, useContext } from "solid-js";
 import { CommandType } from "./index";
 import css from "./contextMenu.module.css";
 
@@ -62,11 +62,11 @@ const Menu: Component<{ children: (command: CommandType) => JSX.Element }> = (pr
         command();
     };
 
-    return <ul ref={setRoot} class={css.menu} style={`position-anchor: ${context.target()?.style.getPropertyValue('anchor-name')};`} popover ontoggle={onToggle}>
+    return <menu ref={setRoot} class={css.menu} style={`position-anchor: ${context.target()?.style.getPropertyValue('anchor-name')};`} popover ontoggle={onToggle}>
         <For each={context.commands()}>{
             command => <li onpointerdown={onCommand(command)}>{props.children(command)}</li>
         }</For>
-    </ul>;
+    </menu>;
 };
 
 const Handle: ParentComponent<Record<string, any>> = (props) => {
@@ -75,7 +75,7 @@ const Handle: ParentComponent<Record<string, any>> = (props) => {
     const context = useContext(ContextMenu)!;
     const [handle, setHandle] = createSignal<HTMLElement>();
 
-    return <span {...rest} ref={setHandle} style={`anchor-name: --context-menu-handle-${createUniqueId()};`} oncontextmenu={(e) => {
+    return <span {...rest} ref={setHandle} style={`anchor-name: --context-menu-${createUniqueId()};`} oncontextmenu={(e) => {
         e.preventDefault();
 
         context.show(handle()!);
@@ -84,4 +84,7 @@ const Handle: ParentComponent<Record<string, any>> = (props) => {
     }}>{local.children}</span>;
 };
 
+let handleCounter = 0;
+const createUniqueId = () => `handle-${handleCounter++}`
+
 export const Context = { Root, Menu, Handle };
\ No newline at end of file
diff --git a/src/features/command/index.tsx b/src/features/command/index.tsx
index cd843d8..137de5b 100644
--- a/src/features/command/index.tsx
+++ b/src/features/command/index.tsx
@@ -1,4 +1,4 @@
-import { Accessor, children, Component, createContext, createEffect, createMemo, JSX, ParentComponent, ParentProps, Show, useContext } from 'solid-js';
+import { Accessor, children, Component, createContext, createEffect, createMemo, For, JSX, ParentComponent, ParentProps, Show, useContext } from 'solid-js';
 
 interface CommandContextType {
     set(commands: CommandType<any>[]): void;
@@ -115,19 +115,27 @@ const Context = <T extends (...args: any[]) => any = any>(props: ParentProps<{ f
 };
 
 const Handle: Component<{ command: CommandType }> = (props) => {
-    return <>
+    return <samp>
         {props.command.label}
         <Show when={props.command.shortcut}>{
             shortcut => {
-                const shift = shortcut().modifier & Modifier.Shift ? 'Shft+' : '';
-                const ctrl = shortcut().modifier & Modifier.Control ? 'Ctrl+' : '';
-                const meta = shortcut().modifier & Modifier.Meta ? 'Meta+' : '';
-                const alt = shortcut().modifier & Modifier.Alt ? 'Alt+' : '';
+                const modifier = shortcut().modifier;
+                const modifierMap: Record<number, string> = {
+                    [Modifier.Shift]: 'Shft',
+                    [Modifier.Control]: 'Ctrl',
+                    [Modifier.Meta]: 'Meta',
+                    [Modifier.Alt]: 'Alt',
+                };
 
-                return <sub>{ctrl}{shift}{meta}{alt}{shortcut().key}</sub>;
+                return <>&nbsp;
+                    <For each={Object.values(Modifier).filter((m): m is number => typeof m === 'number').filter(m => modifier & m)}>{
+                        (m) => <><kbd>{modifierMap[m]}</kbd>+</>
+                    }</For>
+                    <kbd>{shortcut().key}</kbd>
+                </>;
             }
         }</Show>
-    </>;
+    </samp>;
 };
 
 export const Command = { Root, Handle, Add, Context };
diff --git a/src/features/menu/index.tsx b/src/features/menu/index.tsx
index 4709e31..df8ef07 100644
--- a/src/features/menu/index.tsx
+++ b/src/features/menu/index.tsx
@@ -182,7 +182,7 @@ const Root: ParentComponent<{}> = (props) => {
 const Mount: Component = (props) => {
     const menu = useMenu();
 
-    return <div class={css.root} ref={menu.setRef} />;
+    return <menu class={css.root} ref={menu.setRef} />;
 };
 
 export const Menu = { Mount, Root, Item, Separator } as const;
@@ -233,7 +233,7 @@ export const CommandPalette: Component<{ api?: (api: CommandPaletteApi) => any,
     };
 
     return <dialog ref={setRoot} class={css.commandPalette} onClose={() => setOpen(false)}>
-        <SearchableList<CommandType> items={context.commands()} keySelector={item => item.label} context={setSearch} onSubmit={onSubmit}>{
+        <SearchableList title="command palette" items={context.commands()} keySelector={item => item.label} context={setSearch} onSubmit={onSubmit}>{
             (item, ctx) => <For each={item.label.split(ctx.filter())}>{
                 (part, index) => <>
                     <Show when={index() !== 0}><b>{ctx.filter()}</b></Show>
@@ -258,6 +258,7 @@ interface SearchContext<T> {
 
 interface SearchableListProps<T> {
     items: T[];
+    title?: string;
     keySelector(item: T): string;
     filter?: (item: T, search: string) => boolean;
     children(item: T, context: SearchContext<T>): JSX.Element;
@@ -333,15 +334,17 @@ function SearchableList<T>(props: SearchableListProps<T>): JSX.Element {
         props.onSubmit?.(v);
     };
 
-    return <form method="dialog" class={css.search} onkeydown={onKeyDown} onsubmit={onSubmit}>
-        <input id={`search-${id}`} ref={setInput} value={term()} oninput={(e) => setTerm(e.target.value)} placeholder="start typing for command" autofocus autocomplete="off" enterkeyhint="go" />
+    return <search title={props.title}>
+        <form method="dialog" class={css.search} onkeydown={onKeyDown} onsubmit={onSubmit}>
+            <input id={`search-${id}`} ref={setInput} value={term()} oninput={(e) => setTerm(e.target.value)} placeholder="start typing for command" autofocus autocomplete="off" enterkeyhint="go" />
 
-        <output for={`search-${id}`}>
-            <For each={results()}>{
-                (result, index) => <div classList={{ [css.selected]: index() === selected() }}>{props.children(result, ctx)}</div>
-            }</For>
-        </output>
-    </form>;
+            <output for={`search-${id}`}>
+                <For each={results()}>{
+                    (result, index) => <div classList={{ [css.selected]: index() === selected() }}>{props.children(result, ctx)}</div>
+                }</For>
+            </output>
+        </form>
+    </search>;
 };
 
 declare module "solid-js" {
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index ae54a29..aeef27e 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -1,4 +1,4 @@
-import { Accessor, children, createContext, createEffect, createMemo, createRenderEffect, createSignal, createUniqueId, onCleanup, onMount, ParentComponent, ParentProps, Setter, Signal, useContext } from "solid-js";
+import { Accessor, children, createContext, createEffect, createMemo, createRenderEffect, createSignal, onCleanup, onMount, ParentComponent, ParentProps, Setter, Signal, useContext } from "solid-js";
 import { createStore } from "solid-js/store";
 import { isServer } from "solid-js/web";
 import css from "./index.module.css";
@@ -280,6 +280,9 @@ export function selectable<T extends object>(element: HTMLElement, options: Acce
     element.dataset.selectionKey = selectionKey;
 };
 
+let keyCounter = 0;
+const createUniqueId = () => `key-${keyCounter++}`;
+
 declare module "solid-js" {
     namespace JSX {
         interface Directives {
diff --git a/src/routes/(editor)/experimental/table.tsx b/src/routes/(editor)/experimental/table.tsx
index 3db6bf2..4ad4016 100644
--- a/src/routes/(editor)/experimental/table.tsx
+++ b/src/routes/(editor)/experimental/table.tsx
@@ -4,6 +4,8 @@ import { createStore } from 'solid-js/store';
 import { Person, people } from './experimental.data';
 import { createEffect, createMemo, For } from 'solid-js';
 import css from './table.module.css';
+import { Menu } from '~/features/menu';
+import { Command, createCommand, Modifier } from '~/features/command';
 
 export default function TableExperiment() {
     const columns: Column<Person>[] = [
@@ -57,7 +59,7 @@ export default function TableExperiment() {
         sort: undefined,
     });
 
-    const rows = createMemo(() => createDataSet(people.slice(0, 1)));
+    const rows = createMemo(() => createDataSet(people));
 
     createEffect(() => {
         rows().setGrouping(store.group);
@@ -69,6 +71,12 @@ export default function TableExperiment() {
 
     return <div class={css.root}>
         <Sidebar as="aside" label={'Filters'} class={css.sidebar}>
+            <fieldset>
+                <legend>Commands</legend>
+
+                <Command.Handle command={createCommand('kaas', () => { }, { key: 'k', modifier: Modifier.Control })} />
+            </fieldset>
+
             <fieldset>
                 <legend>table properties</legend>
 
@@ -117,7 +125,7 @@ export default function TableExperiment() {
         </Sidebar>
 
         <div class={css.content}>
-            <Table class={css.table} summary="List of people" rows={rows()} columns={columns} selectionMode={store.selectionMode} />
+            <Table class={css.table} rows={rows()} columns={columns} selectionMode={store.selectionMode} />
         </div>
     </div >;
 }
\ No newline at end of file
-- 
2.50.1


From ab68df340f57b7dbdfb386ed67a13d26a49d97ba Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Wed, 18 Dec 2024 16:32:21 +0100
Subject: [PATCH 19/23] woop in a working state again

---
 app.config.ts                                 |  4 +
 src/components/grid/grid.tsx                  | 49 +++++-----
 src/components/grid/index.tsx                 |  2 +-
 src/components/prompt.tsx                     |  7 +-
 src/components/table/dataset.ts               | 89 ++++++++++++-------
 src/components/table/index.tsx                |  2 +-
 src/components/table/table.module.css         | 75 ++++++++++------
 src/components/table/table.tsx                | 68 ++++++++------
 src/features/menu/index.tsx                   |  5 +-
 src/features/selectable/index.tsx             |  4 +-
 src/routes/(editor).tsx                       |  5 +-
 .../(editor)/experimental/grid.module.css     | 17 +++-
 src/routes/(editor)/experimental/grid.tsx     | 57 +++++++-----
 src/routes/(editor)/experimental/table.tsx    | 32 ++++---
 src/utilities.ts                              |  2 +-
 15 files changed, 259 insertions(+), 159 deletions(-)

diff --git a/app.config.ts b/app.config.ts
index 01b146e..29550a6 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -7,6 +7,10 @@ export default defineConfig({
         html: {
             cspNonce: 'KAAS_IS_AWESOME',
         },
+        // css: {
+        //     postcss: {
+        //     },
+        // },
         plugins: [
             solidSvg()
             // VitePWA({
diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx
index 64aca68..26b6360 100644
--- a/src/components/grid/grid.tsx
+++ b/src/components/grid/grid.tsx
@@ -1,11 +1,14 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, JSX, useContext } from "solid-js";
-import { createStore } from "solid-js/store";
-import { deepCopy, deepDiff, Mutation } from "~/utilities";
-import { SelectionMode, Table, Column as TableColumn, TableApi, CellEditors, CellEditor, createDataSet, DataSet, DataSetNode } from "~/components/table";
+import { Mutation } from "~/utilities";
+import { SelectionMode, Table, Column as TableColumn, TableApi, DataSet, CellRenderer } from "~/components/table";
 import css from './grid.module.css';
 
+export interface CellEditor<T extends Record<string, any>, K extends keyof T> {
+    (cell: Parameters<CellRenderer<T, K>>[0] & { mutate: (next: T[K]) => any }): JSX.Element;
+}
+
 export interface Column<T extends Record<string, any>> extends TableColumn<T> {
-    editor?: (cell: { row: number, column: keyof T, value: T[keyof T], mutate: (next: T[keyof T]) => any }) => JSX.Element;
+    editor?: CellEditor<T, keyof T>;
 }
 
 export interface GridApi<T extends Record<string, any>> extends TableApi<T> {
@@ -16,7 +19,6 @@ export interface GridApi<T extends Record<string, any>> extends TableApi<T> {
 }
 
 interface GridContextType<T extends Record<string, any>> {
-    readonly rows: Accessor<DataSetNode<keyof T, T>[]>;
     readonly mutations: Accessor<Mutation[]>;
     readonly selection: TableApi<T>['selection'];
     mutate<K extends keyof T>(row: number, column: K, value: T[K]): void;
@@ -29,36 +31,31 @@ const GridContext = createContext<GridContextType<any>>();
 
 const useGrid = () => useContext(GridContext)!;
 
-type GridProps<T extends Record<string, any>> = { class?: string, groupBy?: keyof T, columns: Column<T>[], rows: T[], api?: (api: GridApi<T>) => any };
+type GridProps<T extends Record<string, any>> = { class?: string, groupBy?: keyof T, columns: Column<T>[], rows: DataSet<T>, api?: (api: GridApi<T>) => any };
 // type GridState<T extends Record<string, any>> = { data: DataSet<T>, columns: Column<T>[], numberOfRows: number };
 
 export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
     const [table, setTable] = createSignal<TableApi<T>>();
-    const data = createMemo(() => createDataSet(props.rows));
 
-    const rows = createMemo(() => data().value());
-    const mutations = createMemo(() => data().mutations());
+    const rows = createMemo(() => props.rows);
     const columns = createMemo(() => props.columns);
+    const mutations = createMemo(() => rows().mutations());
 
     const ctx: GridContextType<T> = {
-        rows,
         mutations,
         selection: createMemo(() => table()?.selection() ?? []),
 
         mutate<K extends keyof T>(row: number, column: K, value: T[K]) {
-            data().mutate(row, column, value);
+            rows().mutate(row, column, value);
         },
 
-        remove(rows: number[]) {
-            // setState('rows', (r) => r.filter((_, i) => rows.includes(i) === false));
+        remove(indices: number[]) {
+            rows().remove(indices);
+            table()?.clear();
         },
 
         insert(row: T, at?: number) {
-            if (at === undefined) {
-                // setState('rows', state.rows.length, row);
-            } else {
-
-            }
+            rows().insert(row, at);
         },
 
         addColumn(column: keyof T, value: T[keyof T]): void {
@@ -70,10 +67,8 @@ export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
         props.columns
             .filter(c => c.editor !== undefined)
             .map(c => {
-                const Editor: CellEditor<T, keyof T> = ({ row, column, value }) => {
+                const Editor: CellRenderer<T, keyof T> = ({ row, column, value }) => {
                     const mutate = (next: T[keyof T]) => {
-                        console.log('KAAS', { next })
-
                         ctx.mutate(row, column, next);
                     };
 
@@ -87,11 +82,9 @@ export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
     return <GridContext.Provider value={ctx}>
         <Api api={props.api} table={table()} />
 
-        <form style="all: inherit; display: contents;">
-            <Table api={setTable} class={`${css.grid} ${props.class}`} rows={data()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
-                cellEditors()
-            }</Table>
-        </form>
+        <Table api={setTable} class={`${css.grid} ${props.class}`} rows={rows()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
+            cellEditors()
+        }</Table>
     </GridContext.Provider>;
 };
 
@@ -114,8 +107,8 @@ function Api<T extends Record<string, any>>(props: { api: undefined | ((api: Gri
             insert(row: T, at?: number) {
                 gridContext.insert(row, at);
             },
-            addColumn(column: keyof T, value: T[keyof T]): void {
-                gridContext.addColumn(column, value);
+            addColumn(column: keyof T): void {
+                // gridContext.addColumn(column, value);
             },
         };
     });
diff --git a/src/components/grid/index.tsx b/src/components/grid/index.tsx
index 44b0d44..6ce5a66 100644
--- a/src/components/grid/index.tsx
+++ b/src/components/grid/index.tsx
@@ -1,4 +1,4 @@
 
 export type { DataSetRowNode, DataSetGroupNode, DataSetNode, SelectionMode, SortingFunction, SortOptions, GroupingFunction, GroupOptions } from '../table';
-export type { GridApi, Column } from './grid';
+export type { GridApi, Column, CellEditor } from './grid';
 export { Grid } from './grid';
\ No newline at end of file
diff --git a/src/components/prompt.tsx b/src/components/prompt.tsx
index 943c738..9cf04e2 100644
--- a/src/components/prompt.tsx
+++ b/src/components/prompt.tsx
@@ -1,4 +1,4 @@
-import { createEffect, createSignal, createUniqueId, JSX, onMount, ParentComponent, Show } from "solid-js";
+import { createEffect, createSignal, JSX, ParentComponent, Show } from "solid-js";
 import css from './prompt.module.css';
 
 export interface PromptApi {
@@ -72,4 +72,7 @@ export const Prompt: ParentComponent<{ api: (api: PromptApi) => any, title?: str
             </footer>
         </form>
     </dialog>;
-};
\ No newline at end of file
+};
+
+let idCounter = 0;
+const createUniqueId = () => `prompt-${idCounter++}`;
\ No newline at end of file
diff --git a/src/components/table/dataset.ts b/src/components/table/dataset.ts
index 056f1f7..d48dd89 100644
--- a/src/components/table/dataset.ts
+++ b/src/components/table/dataset.ts
@@ -1,6 +1,6 @@
-import { Accessor, createMemo } from "solid-js";
-import { createStore, NotWrappable, StoreSetter } from "solid-js/store";
-import { snapshot } from "vinxi/dist/types/runtime/storage";
+import { Accessor, createEffect, createMemo } from "solid-js";
+import { createStore, NotWrappable, StoreSetter, unwrap } from "solid-js/store";
+import { CustomPartial } from "solid-js/store/types/store.js";
 import { deepCopy, deepDiff, Mutation } from "~/utilities";
 
 
@@ -17,54 +17,63 @@ export interface SortOptions<T extends Record<string, any>> {
     with?: SortingFunction<T>;
 }
 
-export interface GroupingFunction<T> {
-    (nodes: DataSetRowNode<keyof T, T>[]): DataSetNode<keyof T, T>[];
+export interface GroupingFunction<K, T> {
+    (nodes: DataSetRowNode<K, T>[]): DataSetNode<K, T>[];
 }
 export interface GroupOptions<T extends Record<string, any>> {
     by: keyof T;
-    with: GroupingFunction<T>;
+    with?: GroupingFunction<number, T>;
 }
 interface DataSetState<T extends Record<string, any>> {
-    value: DataSetRowNode<keyof T, T>[];
-    snapshot: DataSetRowNode<keyof T, T>[];
+    value: (T | undefined)[];
+    snapshot: (T | undefined)[];
     sorting?: SortOptions<T>;
     grouping?: GroupOptions<T>;
 }
 
+export type Setter<T> =
+    | T
+    | CustomPartial<T>
+    | ((prevState: T) => T | CustomPartial<T>);
+
 export interface DataSet<T extends Record<string, any>> {
     data: T[];
     value: Accessor<DataSetNode<keyof T, T>[]>;
     mutations: Accessor<Mutation[]>;
-    sort: Accessor<SortOptions<T> | undefined>;
+    sorting: Accessor<SortOptions<T> | undefined>;
+    grouping: Accessor<GroupOptions<T> | undefined>;
 
     // mutate<K extends keyof T>(index: number, value: T): void;
     mutate<K extends keyof T>(index: number, prop: K, value: T[K]): void;
+    remove(indices: number[]): void;
+    insert(item: T, at?: number): void;
 
-    setSorting(options: SortOptions<T> | undefined): void;
-    setGrouping(options: GroupOptions<T> | undefined): void;
+    sort(options: Setter<SortOptions<T> | undefined>): DataSet<T>;
+    group(options: Setter<GroupOptions<T> | undefined>): DataSet<T>;
 }
 
 const defaultComparer = <T>(a: T, b: T) => a < b ? -1 : a > b ? 1 : 0;
-function defaultGroupingFunction<T>(groupBy: keyof T): GroupingFunction<T> {
-    return (nodes: DataSetRowNode<keyof T, T>[]): DataSetNode<keyof T, T>[] => Object.entries(Object.groupBy(nodes, r => r.value[groupBy] as PropertyKey))
-        .map(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! } as DataSetGroupNode<keyof T, T>));
+function defaultGroupingFunction<T>(groupBy: keyof T): GroupingFunction<number, T> {
+    return <K>(nodes: DataSetRowNode<K, T>[]): DataSetNode<K, T>[] => Object.entries(Object.groupBy(nodes, r => r.value[groupBy] as PropertyKey))
+        .map(([key, nodes]) => ({ kind: 'group', key, groupedBy: groupBy, nodes: nodes! } as DataSetGroupNode<K, T>));
 }
 
-export const createDataSet = <T extends Record<string, any>>(data: T[]): DataSet<T> => {
-    const nodes = data.map<DataSetRowNode<keyof T, T>>((value, key) => ({ kind: 'row', key: key as keyof T, value }));
-
+export const createDataSet = <T extends Record<string, any>>(data: T[], initialOptions?: { sort?: SortOptions<T>, group?: GroupOptions<T> }): DataSet<T> => {
+    const nodes = data;
     const [state, setState] = createStore<DataSetState<T>>({
         value: deepCopy(nodes),
         snapshot: nodes,
-        sorting: undefined,
-        grouping: undefined,
+        sorting: initialOptions?.sort,
+        grouping: initialOptions?.group,
     });
 
     const value = createMemo(() => {
         const sorting = state.sorting;
         const grouping = state.grouping;
 
-        let value = state.value as DataSetNode<keyof T, T>[];
+        let value: DataSetNode<number, T>[] = state.value
+            .map<DataSetRowNode<number, T> | undefined>((value, key) => value === undefined ? undefined : ({ kind: 'row', key, value }))
+            .filter(node => node !== undefined);
 
         if (sorting) {
             const comparer = sorting.with ?? defaultComparer;
@@ -79,37 +88,57 @@ export const createDataSet = <T extends Record<string, any>>(data: T[]): DataSet
         if (grouping) {
             const implementation = grouping.with ?? defaultGroupingFunction(grouping.by);
 
-            value = implementation(value as DataSetRowNode<keyof T, T>[]);
+            value = implementation(value as DataSetRowNode<number, T>[]);
         }
 
-        return value;
+        return value as DataSetNode<keyof T, T>[];
     });
 
     const mutations = createMemo(() => {
         // enumerate all values to make sure the memo is recalculated on any change
-        Object.values(state.value).map(entry => Object.values(entry));
+        Object.values(state.value).map(entry => Object.values(entry ?? {}));
 
         return deepDiff(state.snapshot, state.value).toArray();
     });
-    const sort = createMemo(() => state.sorting);
 
-    return {
+    const sorting = createMemo(() => state.sorting);
+    const grouping = createMemo(() => state.grouping);
+
+    const set: DataSet<T> = {
         data,
         value,
         mutations,
-        sort,
+        sorting,
+        grouping,
 
         mutate(index, prop, value) {
-            console.log({ index, prop, value });
-            // setState('value', index, 'value', prop as any, value);
+            setState('value', index, prop as any, value);
         },
 
-        setSorting(options) {
+        remove(indices) {
+            setState('value', value => value.map((item, i) => indices.includes(i) ? undefined : item));
+        },
+
+        insert(item, at) {
+            if (at === undefined) {
+                setState('value', state.value.length, item);
+            } else {
+
+            }
+        },
+
+        sort(options) {
             setState('sorting', options);
+
+            return set;
         },
 
-        setGrouping(options) {
+        group(options) {
             setState('grouping', options)
+
+            return set;
         },
     };
+
+    return set
 };
\ No newline at end of file
diff --git a/src/components/table/index.tsx b/src/components/table/index.tsx
index d575f94..b4aabe5 100644
--- a/src/components/table/index.tsx
+++ b/src/components/table/index.tsx
@@ -1,5 +1,5 @@
 
-export type { Column, TableApi, CellEditor, CellEditors } from './table';
+export type { Column, TableApi, CellRenderer, CellRenderers } from './table';
 export type { DataSet, DataSetGroupNode, DataSetRowNode, DataSetNode, SortingFunction, SortOptions, GroupingFunction, GroupOptions } from './dataset';
 export { SelectionMode, Table } from './table';
 export { createDataSet } from './dataset';
\ No newline at end of file
diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index b29cccb..3cc9732 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -32,7 +32,7 @@
     & :is(.cell:first-child, .checkbox + .cell) {
         position: sticky;
         inset-inline-start: 1px;
-        padding-inline-start: calc(var(--depth, 0) * 1em + var(--padding-m));
+        padding-inline-start: calc(var(--depth, 0) * (1em + var(--padding-s)) + var(--padding-m));
         z-index: 1;
 
         &::after {
@@ -61,7 +61,6 @@
     }
 
     & .caption {
-        /* grid-column: 1 / -1; */
         position: sticky;
         inset-inline-start: 0;
     }
@@ -148,40 +147,58 @@
         font-weight: var(--text-bold);
     }
 
-    & details {
+    & .group {
         display: contents;
         background-color: inherit;
 
-        &::details-content {
-            grid-column: 1 / -1;
-            display: block grid;
-            grid-template-columns: subgrid;
+        & > td {
+            display: contents;
             background-color: inherit;
-        }
 
-        &:not([open])::details-content {
-            display: none;
-        }
+            & > table {
+                grid-column: 1 / -1;
+                grid-template-columns: subgrid;
+                background-color: inherit;
+                overflow: visible;
 
-        & > summary {
-            position: sticky;
-            inset-inline-start: 1px;
-            grid-column: 1;
-            padding: var(--padding-m);
-            padding-inline-start: calc(var(--depth) * 1em + var(--padding-m));
+                & > .header {
+                    border-block-end-color: transparent;
 
-            &::after {
-                content: '';
-                position: absolute;
-                inset-inline-start: calc(100% - 1px);
-                inset-block-start: -.5px;
-                display: block;
-                inline-size: 2em;
-                block-size: 100%;
-                animation: column-scroll-shadow linear both;
-                animation-timeline: scroll(inline);
-                animation-range: 0 2em;
-                pointer-events: none;
+                    & .cell {
+                        justify-content: start;
+                        column-gap: var(--padding-s);
+
+                        & > label {
+                            --state: 0;
+                            display: contents;
+
+                            & input[type="checkbox"] {
+                                display: none;
+                            }
+
+                            & > svg {
+                                rotate: calc(var(--state) * -.25turn);
+                                transition: rotate .3s ease-in-out;
+                                inline-size: 1em;
+                                aspect-ratio: 1;
+                            }
+
+                            &:has(input:not(:checked)) {
+                                --state: 1;
+                            }
+                        }
+                    }
+                }
+
+                & > .main {
+                    block-size: calc-size(auto, size);
+                    transition: block-size .3s ease-in-out;
+                    overflow: clip;
+                }
+
+                &:has(> .header input:not(:checked)) > .main {
+                    block-size: 0;
+                }
             }
         }
     }
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index c28a1c5..0ba68bc 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -1,7 +1,7 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, For, JSX, Match, Show, Switch, useContext } from "solid-js";
 import { selectable, SelectionItem, SelectionProvider, useSelection } from "~/features/selectable";
 import { DataSetRowNode, DataSetNode, DataSet } from './dataset';
-import { FaSolidSort, FaSolidSortDown, FaSolidSortUp } from "solid-icons/fa";
+import { FaSolidAngleDown, FaSolidSort, FaSolidSortDown, FaSolidSortUp } from "solid-icons/fa";
 import css from './table.module.css';
 
 selectable;
@@ -14,8 +14,8 @@ export type Column<T> = {
     readonly groupBy?: (rows: DataSetRowNode<keyof T, T>[]) => DataSetNode<keyof T, T>[],
 };
 
-export type CellEditor<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
-export type CellEditors<T extends Record<string, any>> = { [K in keyof T]?: CellEditor<T, K> };
+export type CellRenderer<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
+export type CellRenderers<T extends Record<string, any>> = { [K in keyof T]?: CellRenderer<T, K> };
 
 export interface TableApi<T extends Record<string, any>> {
     readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
@@ -30,7 +30,7 @@ interface TableContextType<T extends Record<string, any>> {
     readonly columns: Accessor<Column<T>[]>,
     readonly selection: Accessor<SelectionItem<keyof T, T>[]>,
     readonly selectionMode: Accessor<SelectionMode>,
-    readonly cellRenderers: Accessor<CellEditors<T>>,
+    readonly cellRenderers: Accessor<CellRenderers<T>>,
 }
 
 const TableContext = createContext<TableContextType<any>>();
@@ -48,7 +48,7 @@ type TableProps<T extends Record<string, any>> = {
     rows: DataSet<T>,
     columns: Column<T>[],
     selectionMode?: SelectionMode,
-    children?: CellEditors<T>,
+    children?: CellRenderers<T>,
     api?: (api: TableApi<T>) => any,
 };
 
@@ -58,7 +58,7 @@ export function Table<T extends Record<string, any>>(props: TableProps<T>) {
     const rows = createMemo(() => props.rows);
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
     const selectionMode = createMemo(() => props.selectionMode ?? SelectionMode.None);
-    const cellRenderers = createMemo<CellEditors<T>>(() => props.children ?? {});
+    const cellRenderers = createMemo<CellRenderers<T>>(() => props.children ?? {});
 
     const context: TableContextType<T> = {
         rows,
@@ -86,11 +86,11 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
     const columnCount = createMemo(() => table.columns().length);
 
     return <table class={`${css.table} ${selectable() ? css.selectable : ''} ${props.class}`} style={{ '--columns': columnCount() }}>
-        <Show when={(props.summary?.length ?? 0) > 0 ? props.summary : undefined}>{
+        {/* <Show when={(props.summary?.length ?? 0) > 0 ? props.summary : undefined}>{
             summary => {
                 return <caption class={css.caption}>{summary()}</caption>;
             }
-        }</Show>
+        }</Show> */}
 
         <Groups />
         <Head />
@@ -165,7 +165,7 @@ function Head(props: {}) {
 
             <For each={table.columns()}>{
                 ({ id, label, sortable }) => {
-                    const sort = createMemo(() => table.rows().sort());
+                    const sort = createMemo(() => table.rows().sorting());
                     const by = String(id);
 
                     const onPointerDown = (e: PointerEvent) => {
@@ -173,27 +173,27 @@ function Head(props: {}) {
                             return;
                         }
 
-                        // table.setSort(current => {
-                        //     if (current?.by !== by) {
-                        //         return { by, reversed: false };
-                        //     }
+                        table.rows().sort(current => {
+                            if (current?.by !== by) {
+                                return { by, reversed: false };
+                            }
 
-                        //     if (current.reversed === true) {
-                        //         return undefined;
-                        //     }
+                            if (current.reversed === true) {
+                                return undefined;
+                            }
 
-                        //     return { by, reversed: true };
-                        // });
+                            return { by, reversed: true };
+                        });
                     };
 
                     return <th scope="col" class={`${css.cell} ${sort()?.by === by ? css.sorted : ''}`} onpointerdown={onPointerDown}>
                         {label}
 
-                        {/* <Switch>
+                        <Switch>
                             <Match when={sortable && sort()?.by !== by}><FaSolidSort /></Match>
                             <Match when={sortable && sort()?.by === by && sort()?.reversed !== true}><FaSolidSortUp /></Match>
                             <Match when={sortable && sort()?.by === by && sort()?.reversed === true}><FaSolidSortDown /></Match>
-                        </Switch> */}
+                        </Switch>
                     </th>;
                 }
             }</For>
@@ -239,13 +239,29 @@ function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, dep
 };
 
 function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
-    return <details open>
-        <summary style={{ '--depth': props.depth }}>{String(props.key)}</summary>
+    const table = useTable();
 
-        <For each={props.nodes}>{
-            node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
-        }</For>
-    </details>;
+    return <tr class={css.group}>
+        <td colSpan={table.columns().length}>
+            <table class={css.table}>
+                <thead class={css.header}>
+                    <tr><th class={css.cell} colSpan={table.columns().length} style={{ '--depth': props.depth }}>
+                        <label>
+                            <input type="checkbox" checked name="collapse" />
+                            <FaSolidAngleDown />
+
+                            {String(props.key)}</label>
+                    </th></tr>
+                </thead>
+
+                <tbody class={css.main}>
+                    <For each={props.nodes}>{
+                        node => <Node node={node} depth={props.depth + 1} groupedBy={props.groupedBy} />
+                    }</For>
+                </tbody>
+            </table>
+        </td>
+    </tr>;
 };
 
 declare module "solid-js" {
diff --git a/src/features/menu/index.tsx b/src/features/menu/index.tsx
index df8ef07..346b587 100644
--- a/src/features/menu/index.tsx
+++ b/src/features/menu/index.tsx
@@ -1,4 +1,4 @@
-import { Accessor, Component, For, JSX, Match, ParentComponent, Setter, Show, Switch, children, createContext, createEffect, createMemo, createSignal, createUniqueId, mergeProps, onCleanup, onMount, useContext } from "solid-js";
+import { Accessor, Component, For, JSX, Match, ParentComponent, Setter, Show, Switch, children, createContext, createEffect, createMemo, createSignal, mergeProps, useContext } from "solid-js";
 import { Portal } from "solid-js/web";
 import { createStore } from "solid-js/store";
 import { CommandType, Command, useCommands } from "../command";
@@ -347,6 +347,9 @@ function SearchableList<T>(props: SearchableListProps<T>): JSX.Element {
     </search>;
 };
 
+let keyCounter = 0;
+const createUniqueId = () => `key-${keyCounter++}`;
+
 declare module "solid-js" {
     namespace JSX {
         interface HTMLAttributes<T> {
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index aeef27e..1c02b12 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -119,9 +119,9 @@ export function SelectionProvider<T extends object>(props: ParentProps<{ selecti
 
                 keyIdMap.set(key, id);
                 idKeyMap.set(id, key);
-            }
 
-            setState('data', state.data.length, { key, value, element: new WeakRef(element) });
+                setState('data', state.data.length, { key, value, element: new WeakRef(element) });
+            }
 
             return keyIdMap.get(key)!;
         },
diff --git a/src/routes/(editor).tsx b/src/routes/(editor).tsx
index b607078..5922e15 100644
--- a/src/routes/(editor).tsx
+++ b/src/routes/(editor).tsx
@@ -1,5 +1,5 @@
 import { Link, Meta, Title } from "@solidjs/meta";
-import { Component, createMemo, createSignal, createUniqueId, ErrorBoundary, ParentProps, Show } from "solid-js";
+import { Component, createMemo, createSignal, ParentProps, Show } from "solid-js";
 import { FilesProvider } from "~/features/file";
 import { CommandPalette, CommandPaletteApi, Menu, MenuProvider } from "~/features/menu";
 import { A, RouteDefinition, useBeforeLeave } from "@solidjs/router";
@@ -121,3 +121,6 @@ const ErrorComp: Component<{ error: Error }> = (props) => {
         <a href="/">Return to start</a>
     </div>;
 };
+
+let keyCounter = 0;
+const createUniqueId = () => `key-${keyCounter++}`;
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental/grid.module.css b/src/routes/(editor)/experimental/grid.module.css
index 0243457..a375786 100644
--- a/src/routes/(editor)/experimental/grid.module.css
+++ b/src/routes/(editor)/experimental/grid.module.css
@@ -21,18 +21,27 @@
             flex-flow: column;
             gap: var(--padding-m);
         }
+
+        ol {
+            margin-block: 0;
+        }
     }
 
     & .content {
+        display: block grid;
+        grid: 1fr 1fr / 100%;
         background-color: var(--surface-500);
         border-top-left-radius: var(--radii-xl);
-
-        & > header {
-            padding-inline-start: var(--padding-l);
-        }
+        padding: var(--padding-m);
 
         & .table {
             border-radius: inherit;
         }
+
+        & > fieldset {
+            border-radius: var(--radii-l);
+            overflow: auto;
+            background-color: inherit;
+        }
     }
 }
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental/grid.tsx b/src/routes/(editor)/experimental/grid.tsx
index c7c882d..d39261a 100644
--- a/src/routes/(editor)/experimental/grid.tsx
+++ b/src/routes/(editor)/experimental/grid.tsx
@@ -1,12 +1,14 @@
 import { Sidebar } from '~/components/sidebar';
-import { Column, DataSetGroupNode, DataSetNode, DataSetRowNode, Grid, GridApi } from '~/components/grid';
+import { CellEditor, Column, DataSetGroupNode, DataSetNode, DataSetRowNode, Grid, GridApi } from '~/components/grid';
 import { people, Person } from './experimental.data';
 import { Component, createEffect, createMemo, createSignal, For, Match, Switch } from 'solid-js';
-import { Created, debounce, Deleted, MutarionKind, Mutation, Updated } from '~/utilities';
+import { debounce, MutarionKind, Mutation } from '~/utilities';
 import { createDataSet, Table } from '~/components/table';
 import css from './grid.module.css';
 
 export default function GridExperiment() {
+    const editor: CellEditor<any, any> = ({ value, mutate }) => <input value={value} oninput={debounce(e => mutate(e.target.value.trim()), 300)} />
+
     const columns: Column<Person>[] = [
         {
             id: 'id',
@@ -24,35 +26,37 @@ export default function GridExperiment() {
             id: 'name',
             label: 'Name',
             sortable: true,
+            editor,
         },
         {
             id: 'email',
             label: 'Email',
             sortable: true,
-            editor: ({ value, mutate }) => <input value={value} oninput={debounce(e => {
-                console.log('WHAAAAT????', e);
-                return mutate(e.target.value.trim());
-            }, 100)} />,
+            editor,
         },
         {
             id: 'address',
             label: 'Address',
             sortable: true,
+            editor,
         },
         {
             id: 'currency',
             label: 'Currency',
             sortable: true,
+            editor,
         },
         {
             id: 'phone',
             label: 'Phone',
             sortable: true,
+            editor,
         },
         {
             id: 'country',
             label: 'Country',
             sortable: true,
+            editor,
         },
     ];
 
@@ -60,46 +64,55 @@ export default function GridExperiment() {
 
     const mutations = createMemo(() => api()?.mutations() ?? [])
 
-    // createEffect(() => {
-    //     console.log(mutations());
-    // });
+    const rows = createDataSet(people.slice(0, 20), {
+        // group: { by: 'country' },
+        sort: { by: 'name', reversed: false },
+    });
 
     return <div class={css.root}>
         <Sidebar as="aside" label={'Grid options'} class={css.sidebar}>
             <fieldset>
                 <legend>Commands</legend>
 
-                <button onclick={() => api()?.insert({ id: 'some guid', name: 'new person', address: '', country: '', currency: '', email: 'some@email.email', phone: '' })}>add row</button>
+                <button onclick={() => api()?.insert({ id: crypto.randomUUID(), name: '', address: '', country: '', currency: '', email: '', phone: '' })}>add row</button>
                 <button onclick={() => api()?.remove(api()?.selection()?.map(i => i.key as any) ?? [])} disabled={api()?.selection().length === 0}>Remove {api()?.selection().length} items</button>
             </fieldset>
 
             <fieldset>
                 <legend>Selection ({api()?.selection().length})</legend>
 
-                <pre>{JSON.stringify(api()?.selection().map(i => i.key))}</pre>
-            </fieldset>
-
-            <fieldset>
-                <legend>Mutations ({mutations().length})</legend>
-
-                <Mutations mutations={mutations()} />
+                <ol>
+                    <For each={api()?.selection()}>{
+                        item => <li value={item.key}>{item.value().name}</li>
+                    }</For>
+                </ol>
             </fieldset>
         </Sidebar>
 
         <div class={css.content}>
-            <Grid api={setApi} rows={people} columns={columns} groupBy="country" />
+            <Grid class={css.table} api={setApi} rows={rows} columns={columns} groupBy="country" />
+
+            <fieldset class={css.mutaions}>
+                <legend>Mutations ({mutations().length})</legend>
+
+                <Mutations mutations={mutations()} />
+            </fieldset>
         </div>
     </div >;
 }
 
 type M = { kind: MutarionKind, key: string, original?: any, value?: any };
 const Mutations: Component<{ mutations: Mutation[] }> = (props) => {
-    const columns: Column<M>[] = [{ id: 'key', label: 'Key' }, { id: 'original', label: 'original' }, { id: 'value', label: 'Value' }];
+    const columns: Column<M>[] = [{ id: 'key', label: 'Key' }, { id: 'original', label: 'Old' }, { id: 'value', label: 'New' }];
 
     const rows = createMemo(() => createDataSet<M>(props.mutations));
 
-    return <Table rows={rows()} columns={columns} groupBy='kind'>{{
-        original: ({ value }) => <del>{value}</del>,
-        value: ({ value }) => <ins>{value}</ins>,
+    createEffect(() => {
+        rows().group({ by: 'kind' });
+    });
+
+    return <Table rows={rows()} columns={columns}>{{
+        original: ({ value }) => value ? <del><pre>{JSON.stringify(value, null, 2)}</pre></del> : null,
+        value: ({ value }) => value ? <ins><pre>{JSON.stringify(value, null, 2)}</pre></ins> : null,
     }}</Table>
 };
\ No newline at end of file
diff --git a/src/routes/(editor)/experimental/table.tsx b/src/routes/(editor)/experimental/table.tsx
index 4ad4016..61ae964 100644
--- a/src/routes/(editor)/experimental/table.tsx
+++ b/src/routes/(editor)/experimental/table.tsx
@@ -3,9 +3,8 @@ import { Column, createDataSet, DataSetGroupNode, DataSetNode, DataSetRowNode, G
 import { createStore } from 'solid-js/store';
 import { Person, people } from './experimental.data';
 import { createEffect, createMemo, For } from 'solid-js';
-import css from './table.module.css';
-import { Menu } from '~/features/menu';
 import { Command, createCommand, Modifier } from '~/features/command';
+import css from './table.module.css';
 
 export default function TableExperiment() {
     const columns: Column<Person>[] = [
@@ -53,20 +52,31 @@ export default function TableExperiment() {
         },
     ];
 
-    const [store, setStore] = createStore<{ selectionMode: SelectionMode, group?: GroupOptions<Person>, sort?: SortOptions<Person> }>({
+    const [store, setStore] = createStore<{ selectionMode: SelectionMode, grouping?: GroupOptions<Person>, sorting?: SortOptions<Person> }>({
         selectionMode: SelectionMode.None,
-        group: undefined,
-        sort: undefined,
+        grouping: { by: 'country' },
+        sorting: { by: 'country', reversed: false },
     });
 
-    const rows = createMemo(() => createDataSet(people));
+    const rows = createMemo(() => createDataSet(people, {
+        group: { by: 'country' },
+        sort: { by: 'country', reversed: false },
+    }));
 
     createEffect(() => {
-        rows().setGrouping(store.group);
+        rows().group(store.grouping);
     });
 
     createEffect(() => {
-        rows().setSorting(store.sort);
+        rows().sort(store.sorting);
+    });
+
+    createEffect(() => {
+        setStore('sorting', rows().sorting());
+    });
+
+    createEffect(() => {
+        setStore('grouping', rows().grouping());
     });
 
     return <div class={css.root}>
@@ -93,7 +103,7 @@ export default function TableExperiment() {
                 <label>
                     Group by
 
-                    <select value={store.group?.by ?? ''} oninput={e => setStore('group', 'by', (e.target.value || undefined) as any)}>
+                    <select value={store.grouping?.by ?? ''} oninput={e => setStore('grouping', e.target.value ? { by: e.target.value as keyof Person } : undefined)}>
                         <option value=''>None</option>
                         <For each={columns}>{
                             column => <option value={column.id}>{column.label}</option>
@@ -108,7 +118,7 @@ export default function TableExperiment() {
                 <label>
                     by
 
-                    <select value={store.sort?.by ?? ''} oninput={e => setStore('sort', prev => e.target.value ? { by: e.target.value as keyof Person, reversed: prev?.reversed } : undefined)}>
+                    <select value={store.sorting?.by ?? ''} oninput={e => setStore('sorting', prev => e.target.value ? { by: e.target.value as keyof Person, reversed: prev?.reversed } : undefined)}>
                         <option value=''>None</option>
                         <For each={columns}>{
                             column => <option value={column.id}>{column.label}</option>
@@ -119,7 +129,7 @@ export default function TableExperiment() {
                 <label>
                     reversed
 
-                    <input type="checkbox" checked={store.sort?.reversed ?? false} oninput={e => setStore('sort', prev => prev !== undefined ? { by: prev.by, reversed: e.target.checked || undefined } : undefined)} />
+                    <input type="checkbox" checked={store.sorting?.reversed ?? false} oninput={e => setStore('sorting', prev => prev !== undefined ? { by: prev.by, reversed: e.target.checked || undefined } : undefined)} />
                 </label>
             </fieldset>
         </Sidebar>
diff --git a/src/utilities.ts b/src/utilities.ts
index 8b8256e..56a34ef 100644
--- a/src/utilities.ts
+++ b/src/utilities.ts
@@ -181,7 +181,7 @@ const bufferredIterator = <T extends readonly [string | number, any]>(subject: I
         done = res.done ?? false;
 
         if (!done) {
-            buffer.push(res.value)
+            buffer.push(res.value);
         }
     };
 
-- 
2.50.1


From 998a788baa5b27cb4789b644f69796a915e4ae08 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Thu, 19 Dec 2024 11:42:03 +0100
Subject: [PATCH 20/23] finished refactoring. all the code is now way more
 clearly seperated and reusable

---
 examples/emmer/{en.json => en-GB.json}        |   0
 .../emmer/namespace/{en.json => en-GB.json}   |   0
 examples/emmer/{nl.json => nl-NL.json}        |   0
 src/components/grid/grid.tsx                  |  18 +-
 src/components/grid/index.tsx                 |   2 +-
 src/components/table/dataset.ts               |  21 +-
 src/components/table/table.module.css         |   3 +
 src/components/table/table.tsx                |  11 +-
 src/features/file/grid.module.css             |  19 ++
 src/features/file/grid.tsx                    | 228 +++++-------------
 src/features/menu/index.module.css            |   3 +
 src/routes/(editor)/edit.tsx                  |  55 ++---
 src/routes/(editor)/experimental/grid.tsx     |  12 +-
 13 files changed, 141 insertions(+), 231 deletions(-)
 rename examples/emmer/{en.json => en-GB.json} (100%)
 rename examples/emmer/namespace/{en.json => en-GB.json} (100%)
 rename examples/emmer/{nl.json => nl-NL.json} (100%)

diff --git a/examples/emmer/en.json b/examples/emmer/en-GB.json
similarity index 100%
rename from examples/emmer/en.json
rename to examples/emmer/en-GB.json
diff --git a/examples/emmer/namespace/en.json b/examples/emmer/namespace/en-GB.json
similarity index 100%
rename from examples/emmer/namespace/en.json
rename to examples/emmer/namespace/en-GB.json
diff --git a/examples/emmer/nl.json b/examples/emmer/nl-NL.json
similarity index 100%
rename from examples/emmer/nl.json
rename to examples/emmer/nl-NL.json
diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx
index 26b6360..38b5c85 100644
--- a/src/components/grid/grid.tsx
+++ b/src/components/grid/grid.tsx
@@ -1,14 +1,14 @@
 import { Accessor, createContext, createEffect, createMemo, createSignal, JSX, useContext } from "solid-js";
 import { Mutation } from "~/utilities";
-import { SelectionMode, Table, Column as TableColumn, TableApi, DataSet, CellRenderer } from "~/components/table";
+import { SelectionMode, Table, Column as TableColumn, TableApi, DataSet, CellRenderer as TableCellRenderer } from "~/components/table";
 import css from './grid.module.css';
 
-export interface CellEditor<T extends Record<string, any>, K extends keyof T> {
-    (cell: Parameters<CellRenderer<T, K>>[0] & { mutate: (next: T[K]) => any }): JSX.Element;
+export interface CellRenderer<T extends Record<string, any>, K extends keyof T> {
+    (cell: Parameters<TableCellRenderer<T, K>>[0] & { mutate: (next: T[K]) => any }): JSX.Element;
 }
 
-export interface Column<T extends Record<string, any>> extends TableColumn<T> {
-    editor?: CellEditor<T, keyof T>;
+export interface Column<T extends Record<string, any>> extends Omit<TableColumn<T>, 'renderer'> {
+    renderer?: CellRenderer<T, keyof T>;
 }
 
 export interface GridApi<T extends Record<string, any>> extends TableApi<T> {
@@ -63,16 +63,16 @@ export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
         },
     };
 
-    const cellEditors = createMemo(() => Object.fromEntries(
+    const cellRenderers = createMemo(() => Object.fromEntries(
         props.columns
-            .filter(c => c.editor !== undefined)
+            .filter(c => c.renderer !== undefined)
             .map(c => {
                 const Editor: CellRenderer<T, keyof T> = ({ row, column, value }) => {
                     const mutate = (next: T[keyof T]) => {
                         ctx.mutate(row, column, next);
                     };
 
-                    return c.editor!({ row, column, value, mutate });
+                    return c.renderer!({ row, column, value, mutate });
                 };
 
                 return [c.id, Editor] as const;
@@ -83,7 +83,7 @@ export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
         <Api api={props.api} table={table()} />
 
         <Table api={setTable} class={`${css.grid} ${props.class}`} rows={rows()} columns={columns()} selectionMode={SelectionMode.Multiple}>{
-            cellEditors()
+            cellRenderers()
         }</Table>
     </GridContext.Provider>;
 };
diff --git a/src/components/grid/index.tsx b/src/components/grid/index.tsx
index 6ce5a66..1783f2c 100644
--- a/src/components/grid/index.tsx
+++ b/src/components/grid/index.tsx
@@ -1,4 +1,4 @@
 
 export type { DataSetRowNode, DataSetGroupNode, DataSetNode, SelectionMode, SortingFunction, SortOptions, GroupingFunction, GroupOptions } from '../table';
-export type { GridApi, Column, CellEditor } from './grid';
+export type { GridApi, Column, CellRenderer as CellEditor } from './grid';
 export { Grid } from './grid';
\ No newline at end of file
diff --git a/src/components/table/dataset.ts b/src/components/table/dataset.ts
index d48dd89..10dbba0 100644
--- a/src/components/table/dataset.ts
+++ b/src/components/table/dataset.ts
@@ -1,5 +1,5 @@
 import { Accessor, createEffect, createMemo } from "solid-js";
-import { createStore, NotWrappable, StoreSetter, unwrap } from "solid-js/store";
+import { createStore, NotWrappable, produce, StoreSetter, unwrap } from "solid-js/store";
 import { CustomPartial } from "solid-js/store/types/store.js";
 import { deepCopy, deepDiff, Mutation } from "~/utilities";
 
@@ -38,13 +38,14 @@ export type Setter<T> =
 
 export interface DataSet<T extends Record<string, any>> {
     data: T[];
-    value: Accessor<DataSetNode<keyof T, T>[]>;
+    nodes: Accessor<DataSetNode<keyof T, T>[]>;
+    value: Accessor<(T | undefined)[]>;
     mutations: Accessor<Mutation[]>;
     sorting: Accessor<SortOptions<T> | undefined>;
     grouping: Accessor<GroupOptions<T> | undefined>;
 
-    // mutate<K extends keyof T>(index: number, value: T): void;
     mutate<K extends keyof T>(index: number, prop: K, value: T[K]): void;
+    mutateEach(setter: (value: T) => T): void;
     remove(indices: number[]): void;
     insert(item: T, at?: number): void;
 
@@ -59,15 +60,14 @@ function defaultGroupingFunction<T>(groupBy: keyof T): GroupingFunction<number,
 }
 
 export const createDataSet = <T extends Record<string, any>>(data: T[], initialOptions?: { sort?: SortOptions<T>, group?: GroupOptions<T> }): DataSet<T> => {
-    const nodes = data;
     const [state, setState] = createStore<DataSetState<T>>({
-        value: deepCopy(nodes),
-        snapshot: nodes,
+        value: deepCopy(data),
+        snapshot: data,
         sorting: initialOptions?.sort,
         grouping: initialOptions?.group,
     });
 
-    const value = createMemo(() => {
+    const nodes = createMemo(() => {
         const sorting = state.sorting;
         const grouping = state.grouping;
 
@@ -106,7 +106,8 @@ export const createDataSet = <T extends Record<string, any>>(data: T[], initialO
 
     const set: DataSet<T> = {
         data,
-        value,
+        nodes,
+        value: createMemo(() => state.value),
         mutations,
         sorting,
         grouping,
@@ -115,6 +116,10 @@ export const createDataSet = <T extends Record<string, any>>(data: T[], initialO
             setState('value', index, prop as any, value);
         },
 
+        mutateEach(setter) {
+            setState('value', value => value.map(i => i === undefined ? undefined : setter(i)));
+        },
+
         remove(indices) {
             setState('value', value => value.map((item, i) => indices.includes(i) ? undefined : item));
         },
diff --git a/src/components/table/table.module.css b/src/components/table/table.module.css
index 3cc9732..16b2019 100644
--- a/src/components/table/table.module.css
+++ b/src/components/table/table.module.css
@@ -163,6 +163,7 @@
 
                 & > .header {
                     border-block-end-color: transparent;
+                    animation: none;
 
                     & .cell {
                         justify-content: start;
@@ -171,6 +172,7 @@
                         & > label {
                             --state: 0;
                             display: contents;
+                            cursor: pointer;
 
                             & input[type="checkbox"] {
                                 display: none;
@@ -181,6 +183,7 @@
                                 transition: rotate .3s ease-in-out;
                                 inline-size: 1em;
                                 aspect-ratio: 1;
+                                opacity: 1 !important;
                             }
 
                             &:has(input:not(:checked)) {
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 0ba68bc..70178f1 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -6,17 +6,18 @@ import css from './table.module.css';
 
 selectable;
 
-export type Column<T> = {
+export type CellRenderer<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
+export type CellRenderers<T extends Record<string, any>> = { [K in keyof T]?: CellRenderer<T, K> };
+
+export interface Column<T extends Record<string, any>> {
     id: keyof T,
     label: string,
     sortable?: boolean,
     group?: string,
+    renderer?: CellRenderer<T, keyof T>,
     readonly groupBy?: (rows: DataSetRowNode<keyof T, T>[]) => DataSetNode<keyof T, T>[],
 };
 
-export type CellRenderer<T extends Record<string, any>, K extends keyof T> = (cell: { row: number, column: K, value: T[K] }) => JSX.Element;
-export type CellRenderers<T extends Record<string, any>> = { [K in keyof T]?: CellRenderer<T, K> };
-
 export interface TableApi<T extends Record<string, any>> {
     readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
     readonly rows: Accessor<DataSet<T>>;
@@ -96,7 +97,7 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
         <Head />
 
         <tbody class={css.main}>
-            <For each={props.rows.value()}>{
+            <For each={props.rows.nodes()}>{
                 node => <Node node={node} depth={0} />
             }</For>
         </tbody>
diff --git a/src/features/file/grid.module.css b/src/features/file/grid.module.css
index e69de29..67bf54e 100644
--- a/src/features/file/grid.module.css
+++ b/src/features/file/grid.module.css
@@ -0,0 +1,19 @@
+.textarea {
+    resize: vertical;
+    min-block-size: max(2em, 100%);
+    max-block-size: 50em;
+
+    background-color: var(--surface-600);
+    color: var(--text-1);
+    border-color: var(--text-2);
+    border-radius: var(--radii-s);
+
+    &:has(::spelling-error, ::grammar-error) {
+        border-color: var(--fail);
+    }
+
+    & ::spelling-error {
+        outline: 1px solid var(--fail);
+        text-decoration: yellow underline;
+    }
+}
\ No newline at end of file
diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index 58a2b66..e72de38 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -1,185 +1,70 @@
-import { Accessor, Component, createContext, createEffect, createMemo, createSignal, For, ParentComponent, Show, useContext } from "solid-js";
-import { createStore, produce, unwrap } from "solid-js/store";
-import { debounce, deepCopy, deepDiff, Mutation, splitAt } from "~/utilities";
-import { DataSetRowNode, DataSetNode, SelectionMode, Table } from "~/components/table";
-import css from './grid.module.css';
-
-type Rows = Map<string, Record<string, string>>;
-
-export interface GridContextType {
-    readonly rows: Accessor<Rows>;
-    readonly mutations: Accessor<Mutation[]>;
-    // readonly selection: Accessor<SelectionItem[]>;
-    mutate(prop: string, value: string): void;
-    remove(props: string[]): void;
-    insert(prop: string): void;
-    addColumn(name: string): void;
-}
+import { Accessor, Component, createEffect, createMemo, createSignal } from "solid-js";
+import { debounce, Mutation } from "~/utilities";
+import { Column, GridApi as GridCompApi, Grid as GridComp } from "~/components/grid";
+import { createDataSet, DataSetNode, DataSetRowNode } from "~/components/table";
+import css from "./grid.module.css"
 
+export type Entry = { key: string } & { [lang: string]: string };
 export interface GridApi {
-    readonly selection: Accessor<Record<string, Record<string, string>>>;
-    readonly rows: Accessor<Record<string, Record<string, string>>>;
     readonly mutations: Accessor<Mutation[]>;
-    selectAll(): void;
-    clear(): void;
-    remove(keys: string[]): void;
-    insert(prop: string): void;
-    addColumn(name: string): void;
+    remove(indices: number[]): void;
+    addKey(key: string): void;
+    addLocale(locale: string): void;
+};
+
+const groupBy = (rows: DataSetRowNode<number, Entry>[]) => {
+    type R = DataSetRowNode<number, Entry> & { _key: string };
+
+    const group = (nodes: R[]): DataSetNode<number, Entry>[] => Object
+        .entries(Object.groupBy(nodes, r => r._key.split('.').at(0)!) as Record<number, R[]>)
+        .map<any>(([key, nodes]) => nodes.at(0)?._key === key
+            ? nodes[0]
+            : ({ kind: 'group', key, groupedBy: 'key', nodes: group(nodes.map(n => ({ ...n, _key: n._key.slice(key.length + 1) }))) })
+        );
+
+    return group(rows.map<R>(r => ({ ...r, _key: r.value.key }))) as any;
 }
 
-const GridContext = createContext<GridContextType>();
+export function Grid(props: { class?: string, rows: Entry[], api?: (api: GridApi) => any }) {
+    const rows = createMemo(() => createDataSet<Entry>(props.rows, { group: { by: 'key', with: groupBy } }));
+    const locales = createMemo(() => Object.keys(rows().value().at(0) ?? {}).filter(k => k !== 'key'));
+    const columns = createMemo<Column<Entry>[]>(() => [
+        {
+            id: 'key',
+            label: 'Key',
+            renderer: ({ value }) => value.split('.').at(-1),
+        },
+        ...locales().map<Column<Entry>>(lang => ({
+            id: lang,
+            label: lang,
+            renderer: ({ row, column, value, mutate }) => {
+                const entry = rows().value()[row]!;
 
-const useGrid = () => useContext(GridContext)!;
-
-export const Grid: Component<{ class?: string, columns: string[], rows: Rows, api?: (api: GridApi) => any }> = (props) => {
-    const [table, setTable] = createSignal();
-    const [state, setState] = createStore<{ rows: Record<string, Record<string, string>>, columns: string[], snapshot: Rows, numberOfRows: number }>({
-        rows: {},
-        columns: [],
-        snapshot: new Map,
-        numberOfRows: 0,
-    });
-
-    const mutations = createMemo(() => {
-        // enumerate all values to make sure the memo is recalculated on any change
-        Object.values(state.rows).map(entry => Object.values(entry));
-
-        return deepDiff(state.snapshot, state.rows).toArray();
-    });
-
-    type Entry = { key: string, [lang: string]: string };
-
-    const groupBy = (rows: DataSetRowNode<Entry>[]) => {
-        const group = (nodes: DataSetRowNode<Entry>[]): DataSetNode<Entry>[] => Object
-            .entries(Object.groupBy(nodes, r => r.key.split('.').at(0)!) as Record<string, DataSetRowNode<Entry>[]>)
-            .map<DataSetNode<Entry>>(([key, nodes]) => nodes.at(0)?.key === key
-                ? { ...nodes[0], key: nodes[0].value.key, value: { ...nodes[0].value, key: nodes[0].key } }
-                : ({ kind: 'group', key, groupedBy: 'key', nodes: group(nodes.map(n => ({ ...n, key: n.key.slice(key.length + 1) }))) })
-            );
-
-        return group(rows.map(r => ({ ...r, key: r.value.key })));
-    }
-
-    const rows = createMemo(() => Object.entries(state.rows).map(([key, values]) => ({ key, ...values })));
-    const columns = createMemo(() => [
-        { id: 'key', label: 'Key', groupBy },
-        ...state.columns.map(c => ({ id: c, label: c })),
+                return <TextArea row={row} key={entry.key} lang={String(column)} value={value} oninput={e => mutate(e.data ?? '')} />;
+            },
+        }))
     ]);
 
     createEffect(() => {
-        setState('rows', Object.fromEntries(deepCopy(props.rows).entries()));
-        setState('snapshot', props.rows);
+        const r = rows();
+
+        props.api?.({
+            mutations: r.mutations,
+            remove: r.remove,
+            addKey(key) {
+                r.insert({ key, ...Object.fromEntries(locales().map(l => [l, ''])) });
+            },
+            addLocale(locale) {
+                r.mutateEach(entry => ({ ...entry, [locale]: '' }));
+            },
+        });
     });
 
-    createEffect(() => {
-        setState('columns', [...props.columns]);
-    });
-
-    createEffect(() => {
-        setState('numberOfRows', Object.keys(state.rows).length);
-    });
-
-    const ctx: GridContextType = {
-        rows,
-        mutations,
-        // selection,
-
-        mutate(prop: string, value: string) {
-            const [key, lang] = splitAt(prop, prop.lastIndexOf('.'));
-
-            setState('rows', key, lang, value);
-        },
-
-        remove(props: string[]) {
-            setState('rows', produce(rows => {
-                for (const prop of props) {
-                    delete rows[prop];
-                }
-
-                return rows;
-            }));
-        },
-
-        insert(prop: string) {
-            setState('rows', prop, Object.fromEntries(state.columns.map(lang => [lang, ''])));
-        },
-
-        addColumn(name: string): void {
-            if (state.columns.includes(name)) {
-                return;
-            }
-
-            setState(produce(state => {
-                state.columns.push(name);
-                state.rows = Object.fromEntries(Object.entries(state.rows).map(([key, row]) => [key, { ...row, [name]: '' }]));
-
-                return state;
-            }))
-        },
-    };
-
-    return <GridContext.Provider value={ctx}>
-        <Api api={props.api} table={table()} />
-
-        <Table api={setTable} class={props.class} rows={rows()} columns={columns()} groupBy="key" selectionMode={SelectionMode.Multiple}>{
-            Object.fromEntries(state.columns.map(c => [c, ({ key, value }: any) => {
-                return <TextArea key={key} value={value} oninput={(e) => ctx.mutate(key, e.data ?? '')} />;
-            }]))
-        }</Table>
-    </GridContext.Provider>;
+    return <GridComp rows={rows()} columns={columns()} />;
 };
 
-const Api: Component<{ api: undefined | ((api: GridApi) => any), table?: any }> = (props) => {
-    const gridContext = useGrid();
-
-    const api = createMemo<GridApi | undefined>(() => {
-        const table = props.table;
-
-        if (!table) {
-            return;
-        }
-
-        return {
-            selection: createMemo(() => {
-                const selection = props.table?.selection() ?? [];
-
-                return Object.fromEntries(selection.map(({ key, value }) => [key, value()] as const));
-            }),
-            rows: createMemo(() => props.table?.rows ?? []),
-            mutations: gridContext.mutations,
-            selectAll() {
-                props.table.selectAll();
-            },
-            clear() {
-                props.table.clear();
-            },
-            remove(props: string[]) {
-                gridContext.remove(props);
-            },
-            insert(prop: string) {
-                gridContext.insert(prop);
-            },
-            addColumn(name: string): void {
-                gridContext.addColumn(name);
-            },
-        };
-    });
-
-    createEffect(() => {
-        const value = api();
-
-        if (value) {
-            props.api?.(value);
-        }
-    });
-
-    return null;
-};
-
-const TextArea: Component<{ key: string, value: string, oninput?: (event: InputEvent) => any }> = (props) => {
+const TextArea: Component<{ row: number, key: string, lang: string, value: string, oninput?: (event: InputEvent) => any }> = (props) => {
     const [element, setElement] = createSignal<HTMLTextAreaElement>();
-    const key = createMemo(() => props.key.slice(0, props.key.lastIndexOf('.')));
-    const lang = createMemo(() => props.key.slice(props.key.lastIndexOf('.') + 1));
 
     const resize = () => {
         const el = element();
@@ -205,10 +90,11 @@ const TextArea: Component<{ key: string, value: string, oninput?: (event: InputE
 
     return <textarea
         ref={setElement}
+        class={css.textarea}
         value={props.value}
-        lang={lang()}
-        placeholder={`${key()} in ${lang()}`}
-        name={`${key()}:${lang()}`}
+        lang={props.lang}
+        placeholder={`${props.key} in ${props.lang}`}
+        name={`${props.row}[${props.lang}]`}
         spellcheck={true}
         wrap="soft"
         onkeyup={onKeyUp}
diff --git a/src/features/menu/index.module.css b/src/features/menu/index.module.css
index f10b388..9045266 100644
--- a/src/features/menu/index.module.css
+++ b/src/features/menu/index.module.css
@@ -1,4 +1,7 @@
 .root {
+    margin: 0;
+    padding: 0;
+
     & > div {
         display: contents;
     }
diff --git a/src/routes/(editor)/edit.tsx b/src/routes/(editor)/edit.tsx
index 131d0d6..963825b 100644
--- a/src/routes/(editor)/edit.tsx
+++ b/src/routes/(editor)/edit.tsx
@@ -5,7 +5,7 @@ import { emptyFolder, FolderEntry, walk as fileTreeWalk, Tree } from "~/componen
 import { Menu } from "~/features/menu";
 import { Grid, load, useFiles } from "~/features/file";
 import { Command, CommandType, Context, createCommand, Modifier, noop, useCommands } from "~/features/command";
-import { GridApi } from "~/features/file/grid";
+import { Entry, GridApi } from "~/features/file/grid";
 import { Tab, Tabs } from "~/components/tabs";
 import { isServer } from "solid-js/web";
 import { Prompt, PromptApi } from "~/components/prompt";
@@ -38,7 +38,8 @@ async function* walk(directory: FileSystemDirectoryHandle, path: string[] = []):
 };
 
 
-interface Entries extends Map<string, Record<string, { value: string, handle: FileSystemFileHandle, id: string }>> { }
+// interface Entries extends Map<string, Record<string, { value: string, handle: FileSystemFileHandle, id: string }>> { };
+interface Entries extends Map<string, { key: string, } & Record<string, { value: string, handle: FileSystemFileHandle, id: string }>> { };
 
 export default function Edit(props: ParentProps) {
     const filesContext = useFiles();
@@ -105,26 +106,22 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         const files = tab.files();
         const mutations = tab.api()?.mutations() ?? [];
 
-        // console.log(mutations);
+        return mutations.flatMap((m): any => {
+            const [index, lang] = splitAt(m.key, m.key.indexOf('.'));
 
-        return mutations.flatMap(m => {
             switch (m.kind) {
                 case MutarionKind.Update: {
-                    const [key, lang] = splitAt(m.key, m.key.lastIndexOf('.'));
-
-                    return { kind: MutarionKind.Update, key, lang, file: entries.get(key)?.[lang] };
+                    const entry = entries.get(index as any)!;
+                    return { kind: MutarionKind.Update, key: entry.key, lang, file: files.get(lang)! };
                 }
 
                 case MutarionKind.Create: {
                     if (typeof m.value === 'object') {
-                        return Object.entries(m.value).map(([lang, value]) => {
-                            return ({ kind: MutarionKind.Create, key: m.key, lang, file: files.get(lang)!, value });
-                        });
+                        return Object.entries(m.value).map(([lang, value]) => ({ kind: MutarionKind.Create, key: m.key, lang, file: files.get(lang)!, value }));
                     }
 
-                    const [key, lang] = splitAt(m.key, m.key.lastIndexOf('.'));
-
-                    return { kind: MutarionKind.Create, key, lang, file: undefined, value: m.value };
+                    const entry = entries.get(index as any)!;
+                    return { kind: MutarionKind.Create, key: entry.key, lang, file: undefined, value: m.value };
                 }
 
                 case MutarionKind.Delete: {
@@ -226,6 +223,11 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         return existingFiles.concat(newFiles);
     });
 
+    // createEffect(() => {
+    //     console.table(mutations());
+    //     console.log(mutatedFiles(), mutatedData());
+    // });
+
     createEffect(() => {
         const directory = props.root;
 
@@ -296,19 +298,17 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
                 return;
             }
 
-            api()?.insert(key);
+            api()?.addKey(key);
         }),
         inserNewLanguage: createCommand('insert new language', async () => {
             const formData = await newLanguagePrompt()?.showModal();
-            const language = formData?.get('locale')?.toString();
+            const locale = formData?.get('locale')?.toString();
 
-            if (!language) {
+            if (!locale) {
                 return;
             }
 
-            console.log(language);
-
-            api()?.addColumn(language);
+            api()?.addLocale(locale);
         }),
     } as const;
 
@@ -375,11 +375,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
 
         <Tabs class={css.content} active={setActive} onClose={commands.closeTab}>
             <For each={tabs()}>{
-                ({ key, handle, setApi, setEntries }) => <Tab
-                    id={key}
-                    label={handle.name}
-                    closable
-                >
+                ({ key, handle, setApi, setEntries }) => <Tab id={key} label={handle.name} closable>
                     <Content directory={handle} api={setApi} entries={setEntries} />
                 </Tab>
             }</For>
@@ -389,8 +385,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
 
 const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<GridApi | undefined>, entries?: Setter<Entries> }> = (props) => {
     const [entries, setEntries] = createSignal<Entries>(new Map());
-    const [columns, setColumns] = createSignal<string[]>([]);
-    const [rows, setRows] = createSignal<Map<string, Record<string, string>>>(new Map);
+    const [rows, setRows] = createSignal<Entry[]>([]);
     const [api, setApi] = createSignal<GridApi>();
 
     createEffect(() => {
@@ -420,7 +415,6 @@ const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<Gr
                     return { id, handle, lang, entries };
                 }
             );
-            const languages = new Set(contents.map(c => c.lang));
             const template = contents.map(({ lang, handle }) => [lang, { handle, value: '' }]);
 
             const merged = contents.reduce((aggregate, { id, handle, lang, entries }) => {
@@ -435,13 +429,12 @@ const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<Gr
                 return aggregate;
             }, new Map<string, Record<string, { id: string, value: string, handle: FileSystemFileHandle }>>());
 
-            setColumns(languages.values().toArray());
-            setEntries(merged);
-            setRows(new Map(merged.entries().map(([key, langs]) => [key, Object.fromEntries(Object.entries(langs).map(([lang, { value }]) => [lang, value]))] as const)));
+            setEntries(new Map(merged.entries().map(([key, langs], i) => [i.toString(), { key, ...langs }])) as Entries);
+            setRows(merged.entries().map(([key, langs]) => ({ key, ...Object.fromEntries(Object.entries(langs).map(([lang, { value }]) => [lang, value])) } as Entry)).toArray());
         })();
     });
 
-    return <Grid columns={columns()} rows={rows()} api={setApi} />;
+    return <Grid rows={rows()} api={setApi} />;
 };
 
 const Blank: Component<{ open: CommandType }> = (props) => {
diff --git a/src/routes/(editor)/experimental/grid.tsx b/src/routes/(editor)/experimental/grid.tsx
index d39261a..d92addd 100644
--- a/src/routes/(editor)/experimental/grid.tsx
+++ b/src/routes/(editor)/experimental/grid.tsx
@@ -26,37 +26,37 @@ export default function GridExperiment() {
             id: 'name',
             label: 'Name',
             sortable: true,
-            editor,
+            renderer: editor,
         },
         {
             id: 'email',
             label: 'Email',
             sortable: true,
-            editor,
+            renderer: editor,
         },
         {
             id: 'address',
             label: 'Address',
             sortable: true,
-            editor,
+            renderer: editor,
         },
         {
             id: 'currency',
             label: 'Currency',
             sortable: true,
-            editor,
+            renderer: editor,
         },
         {
             id: 'phone',
             label: 'Phone',
             sortable: true,
-            editor,
+            renderer: editor,
         },
         {
             id: 'country',
             label: 'Country',
             sortable: true,
-            editor,
+            renderer: editor,
         },
     ];
 
-- 
2.50.1


From f6af76f0bac7d12f04394aa3f7fc92737df980e4 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Thu, 19 Dec 2024 11:47:45 +0100
Subject: [PATCH 21/23] remove debug code

---
 src/routes/(editor)/edit.tsx | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/routes/(editor)/edit.tsx b/src/routes/(editor)/edit.tsx
index 963825b..593dcda 100644
--- a/src/routes/(editor)/edit.tsx
+++ b/src/routes/(editor)/edit.tsx
@@ -223,11 +223,6 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
         return existingFiles.concat(newFiles);
     });
 
-    // createEffect(() => {
-    //     console.table(mutations());
-    //     console.log(mutatedFiles(), mutatedData());
-    // });
-
     createEffect(() => {
         const directory = props.root;
 
-- 
2.50.1


From c33e99b1053e36598c2319695e784c33da521d14 Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Thu, 19 Dec 2024 15:54:11 +0100
Subject: [PATCH 22/23] couple of bug fixes

---
 src/components/grid/grid.tsx      |  3 +-
 src/components/table/table.tsx    | 18 +++++-----
 src/features/file/grid.tsx        | 11 ++++--
 src/features/selectable/index.tsx | 56 +++++++++++++++----------------
 src/routes/(editor)/edit.tsx      | 10 ++++--
 5 files changed, 53 insertions(+), 45 deletions(-)

diff --git a/src/components/grid/grid.tsx b/src/components/grid/grid.tsx
index 38b5c85..ad3f036 100644
--- a/src/components/grid/grid.tsx
+++ b/src/components/grid/grid.tsx
@@ -32,13 +32,12 @@ const GridContext = createContext<GridContextType<any>>();
 const useGrid = () => useContext(GridContext)!;
 
 type GridProps<T extends Record<string, any>> = { class?: string, groupBy?: keyof T, columns: Column<T>[], rows: DataSet<T>, api?: (api: GridApi<T>) => any };
-// type GridState<T extends Record<string, any>> = { data: DataSet<T>, columns: Column<T>[], numberOfRows: number };
 
 export function Grid<T extends Record<string, any>>(props: GridProps<T>) {
     const [table, setTable] = createSignal<TableApi<T>>();
 
     const rows = createMemo(() => props.rows);
-    const columns = createMemo(() => props.columns);
+    const columns = createMemo(() => props.columns as TableColumn<T>[]);
     const mutations = createMemo(() => rows().mutations());
 
     const ctx: GridContextType<T> = {
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index 70178f1..ff6b21f 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -19,7 +19,7 @@ export interface Column<T extends Record<string, any>> {
 };
 
 export interface TableApi<T extends Record<string, any>> {
-    readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
+    readonly selection: Accessor<SelectionItem<number, T>[]>;
     readonly rows: Accessor<DataSet<T>>;
     readonly columns: Accessor<Column<T>[]>;
     selectAll(): void;
@@ -29,7 +29,7 @@ export interface TableApi<T extends Record<string, any>> {
 interface TableContextType<T extends Record<string, any>> {
     readonly rows: Accessor<DataSet<T>>,
     readonly columns: Accessor<Column<T>[]>,
-    readonly selection: Accessor<SelectionItem<keyof T, T>[]>,
+    readonly selection: Accessor<SelectionItem<number, T>[]>,
     readonly selectionMode: Accessor<SelectionMode>,
     readonly cellRenderers: Accessor<CellRenderers<T>>,
 }
@@ -54,7 +54,7 @@ type TableProps<T extends Record<string, any>> = {
 };
 
 export function Table<T extends Record<string, any>>(props: TableProps<T>) {
-    const [selection, setSelection] = createSignal<SelectionItem<keyof T, T>[]>([]);
+    const [selection, setSelection] = createSignal<SelectionItem<number, T>[]>([]);
 
     const rows = createMemo(() => props.rows);
     const columns = createMemo<Column<T>[]>(() => props.columns ?? []);
@@ -97,7 +97,7 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
         <Head />
 
         <tbody class={css.main}>
-            <For each={props.rows.nodes()}>{
+            <For each={props.rows.nodes() as DataSetNode<number, T>[]}>{
                 node => <Node node={node} depth={0} />
             }</For>
         </tbody>
@@ -114,7 +114,7 @@ function InnerTable<T extends Record<string, any>>(props: InnerTableProps<T>) {
 
 function Api<T extends Record<string, any>>(props: { api: undefined | ((api: TableApi<T>) => any) }) {
     const table = useTable<T>();
-    const selectionContext = useSelection<T>();
+    const selectionContext = useSelection<number, T>();
 
     const api: TableApi<T> = {
         selection: selectionContext.selection,
@@ -202,7 +202,7 @@ function Head(props: {}) {
     </thead>;
 };
 
-function Node<T extends Record<string, any>>(props: { node: DataSetNode<keyof T, T>, depth: number, groupedBy?: keyof T }) {
+function Node<K extends number | string, T extends Record<string, any>>(props: { node: DataSetNode<K, T>, depth: number, groupedBy?: keyof T }) {
     return <Switch>
         <Match when={props.node.kind === 'row' ? props.node : undefined}>{
             row => <Row key={row().key} value={row().value} depth={props.depth} groupedBy={props.groupedBy} />
@@ -214,9 +214,9 @@ function Node<T extends Record<string, any>>(props: { node: DataSetNode<keyof T,
     </Switch>;
 }
 
-function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, depth: number, groupedBy?: keyof T }) {
+function Row<K extends number | string, T extends Record<string, any>>(props: { key: K, value: T, depth: number, groupedBy?: keyof T }) {
     const table = useTable<T>();
-    const context = useSelection<T>();
+    const context = useSelection<K, T>();
     const columns = table.columns;
 
     const isSelected = context.isSelected(props.key);
@@ -239,7 +239,7 @@ function Row<T extends Record<string, any>>(props: { key: keyof T, value: T, dep
     </tr>;
 };
 
-function Group<T extends Record<string, any>>(props: { key: keyof T, groupedBy: keyof T, nodes: DataSetNode<keyof T, T>[], depth: number }) {
+function Group<K extends number | string, T extends Record<string, any>>(props: { key: K, groupedBy: keyof T, nodes: DataSetNode<K, T>[], depth: number }) {
     const table = useTable();
 
     return <tr class={css.group}>
diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index e72de38..43f933b 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -2,11 +2,13 @@ import { Accessor, Component, createEffect, createMemo, createSignal } from "sol
 import { debounce, Mutation } from "~/utilities";
 import { Column, GridApi as GridCompApi, Grid as GridComp } from "~/components/grid";
 import { createDataSet, DataSetNode, DataSetRowNode } from "~/components/table";
+import { SelectionItem } from "../selectable";
 import css from "./grid.module.css"
 
 export type Entry = { key: string } & { [lang: string]: string };
 export interface GridApi {
     readonly mutations: Accessor<Mutation[]>;
+    readonly selection: Accessor<SelectionItem<number, Entry>[]>;
     remove(indices: number[]): void;
     addKey(key: string): void;
     addLocale(locale: string): void;
@@ -25,9 +27,9 @@ const groupBy = (rows: DataSetRowNode<number, Entry>[]) => {
     return group(rows.map<R>(r => ({ ...r, _key: r.value.key }))) as any;
 }
 
-export function Grid(props: { class?: string, rows: Entry[], api?: (api: GridApi) => any }) {
+export function Grid(props: { class?: string, rows: Entry[], locales: string[], api?: (api: GridApi) => any }) {
     const rows = createMemo(() => createDataSet<Entry>(props.rows, { group: { by: 'key', with: groupBy } }));
-    const locales = createMemo(() => Object.keys(rows().value().at(0) ?? {}).filter(k => k !== 'key'));
+    const locales = createMemo(() => props.locales);
     const columns = createMemo<Column<Entry>[]>(() => [
         {
             id: 'key',
@@ -45,11 +47,14 @@ export function Grid(props: { class?: string, rows: Entry[], api?: (api: GridApi
         }))
     ]);
 
+    const [api, setApi] = createSignal<GridCompApi<Entry>>();
+
     createEffect(() => {
         const r = rows();
 
         props.api?.({
             mutations: r.mutations,
+            selection: createMemo(() => api()?.selection() ?? []),
             remove: r.remove,
             addKey(key) {
                 r.insert({ key, ...Object.fromEntries(locales().map(l => [l, ''])) });
@@ -60,7 +65,7 @@ export function Grid(props: { class?: string, rows: Entry[], api?: (api: GridApi
         });
     });
 
-    return <GridComp rows={rows()} columns={columns()} />;
+    return <GridComp rows={rows()} columns={columns()} api={setApi} />;
 };
 
 const TextArea: Component<{ row: number, key: string, lang: string, value: string, oninput?: (event: InputEvent) => any }> = (props) => {
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 1c02b12..dfecb4e 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -22,48 +22,48 @@ export interface SelectionItem<K, T> {
     element: WeakRef<HTMLElement>;
 };
 
-export interface SelectionContextType<T extends object> {
-    readonly selection: Accessor<SelectionItem<keyof T, T>[]>;
+export interface SelectionContextType<K, T extends object> {
+    readonly selection: Accessor<SelectionItem<K, T>[]>;
     readonly length: Accessor<number>;
-    select(selection: (keyof T)[], options?: Partial<{ mode: SelectionMode }>): void;
+    select(selection: K[], options?: Partial<{ mode: SelectionMode }>): void;
     selectAll(): void;
     clear(): void;
-    isSelected(key: keyof T): Accessor<boolean>;
+    isSelected(key: K): Accessor<boolean>;
 }
-interface InternalSelectionContextType<T extends object> {
+interface InternalSelectionContextType<K, T extends object> {
     readonly latest: Signal<HTMLElement | undefined>,
     readonly modifier: Signal<Modifier>,
     readonly selectables: Signal<HTMLElement[]>,
-    readonly keyMap: Map<string, keyof T>,
-    add(key: keyof T, value: Accessor<T>, element: HTMLElement): string;
+    readonly keyMap: Map<string, K>,
+    add(key: K, value: Accessor<T>, element: HTMLElement): string;
 }
 export interface SelectionHandler<T extends object> {
     (selection: T[]): any;
 }
 
-const SelectionContext = createContext<SelectionContextType<any>>();
-const InternalSelectionContext = createContext<InternalSelectionContextType<any>>();
+const SelectionContext = createContext<SelectionContextType<any, any>>();
+const InternalSelectionContext = createContext<InternalSelectionContextType<any, any>>();
 
-export function useSelection<T extends object = object>(): SelectionContextType<T> {
+export function useSelection<K, T extends object = object>() {
     const context = useContext(SelectionContext);
 
     if (context === undefined) {
         throw new Error('selection context is used outside of a provider');
     }
 
-    return context as SelectionContextType<T>;
+    return context as SelectionContextType<K, T>;
 };
-function useInternalSelection<T extends object>() {
-    return useContext(InternalSelectionContext)! as InternalSelectionContextType<T>;
+function useInternalSelection<K, T extends object>() {
+    return useContext(InternalSelectionContext)! as InternalSelectionContextType<K, T>;
 }
 
-interface State<T extends object> {
-    selection: (keyof T)[];
-    data: SelectionItem<keyof T, T>[];
+interface State<K, T extends object> {
+    selection: K[];
+    data: SelectionItem<K, T>[];
 }
 
-export function SelectionProvider<T extends object>(props: ParentProps<{ selection?: SelectionHandler<T>, multiSelect?: boolean }>) {
-    const [state, setState] = createStore<State<T>>({ selection: [], data: [] });
+export function SelectionProvider<K, T extends object>(props: ParentProps<{ selection?: SelectionHandler<T>, multiSelect?: boolean }>) {
+    const [state, setState] = createStore<State<K, T>>({ selection: [], data: [] });
     const selection = createMemo(() => state.data.filter(({ key }) => state.selection.includes(key)));
     const length = createMemo(() => state.data.length);
 
@@ -71,7 +71,7 @@ export function SelectionProvider<T extends object>(props: ParentProps<{ selecti
         props.selection?.(selection().map(({ value }) => value()));
     });
 
-    const context: SelectionContextType<T> = {
+    const context: SelectionContextType<K, T> = {
         selection,
         length,
         select(selection, { mode = SelectionMode.Normal } = {}) {
@@ -106,9 +106,9 @@ export function SelectionProvider<T extends object>(props: ParentProps<{ selecti
         },
     };
 
-    const keyIdMap = new Map<keyof T, string>();
-    const idKeyMap = new Map<string, keyof T>();
-    const internal: InternalSelectionContextType<T> = {
+    const keyIdMap = new Map<K, string>();
+    const idKeyMap = new Map<string, K>();
+    const internal: InternalSelectionContextType<K, T> = {
         modifier: createSignal<Modifier>(Modifier.None),
         latest: createSignal<HTMLElement>(),
         selectables: createSignal<HTMLElement[]>([]),
@@ -201,9 +201,9 @@ const Root: ParentComponent = (props) => {
     return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} class={css.root}>{c()}</div>;
 };
 
-export function selectable<T extends object>(element: HTMLElement, options: Accessor<{ value: T, key: keyof T }>) {
-    const context = useSelection<T>();
-    const internal = useInternalSelection<T>();
+export function selectable<K, T extends object>(element: HTMLElement, options: Accessor<{ value: T, key: K }>) {
+    const context = useSelection<K, T>();
+    const internal = useInternalSelection<K, T>();
 
     const key = options().key;
     const value = createMemo(() => options().value);
@@ -211,17 +211,17 @@ export function selectable<T extends object>(element: HTMLElement, options: Acce
 
     const selectionKey = internal.add(key, value, element);
 
-    const createRange = (a?: HTMLElement, b?: HTMLElement): (keyof T)[] => {
+    const createRange = (a?: HTMLElement, b?: HTMLElement): K[] => {
         if (!a && !b) {
             return [];
         }
 
         if (!a) {
-            return [b!.dataset.selecatableKey! as keyof T];
+            return [b!.dataset.selecatableKey! as K];
         }
 
         if (!b) {
-            return [a!.dataset.selecatableKey! as keyof T];
+            return [a!.dataset.selecatableKey! as K];
         }
 
         if (a === b) {
diff --git a/src/routes/(editor)/edit.tsx b/src/routes/(editor)/edit.tsx
index 593dcda..45601f4 100644
--- a/src/routes/(editor)/edit.tsx
+++ b/src/routes/(editor)/edit.tsx
@@ -125,7 +125,8 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
                 }
 
                 case MutarionKind.Delete: {
-                    return files.values().map(file => ({ kind: MutarionKind.Delete, key: m.key, file })).toArray();
+                    const entry = entries.get(index as any)!;
+                    return files.values().map(file => ({ kind: MutarionKind.Delete, key: entry.key, file })).toArray();
                 }
 
                 default: throw new Error('unreachable code');
@@ -283,7 +284,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
                 return;
             }
 
-            remove(Object.keys(selection()));
+            remove(selection().map(s => s.key));
         }, { key: 'delete', modifier: Modifier.None }),
         inserNewKey: createCommand('insert new key', async () => {
             const formData = await newKeyPrompt()?.showModal();
@@ -380,6 +381,7 @@ const Editor: Component<{ root: FileSystemDirectoryHandle }> = (props) => {
 
 const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<GridApi | undefined>, entries?: Setter<Entries> }> = (props) => {
     const [entries, setEntries] = createSignal<Entries>(new Map());
+    const [locales, setLocales] = createSignal<string[]>([]);
     const [rows, setRows] = createSignal<Entry[]>([]);
     const [api, setApi] = createSignal<GridApi>();
 
@@ -412,6 +414,8 @@ const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<Gr
             );
             const template = contents.map(({ lang, handle }) => [lang, { handle, value: '' }]);
 
+            setLocales(contents.map(({ lang }) => lang));
+
             const merged = contents.reduce((aggregate, { id, handle, lang, entries }) => {
                 for (const [key, value] of entries.entries()) {
                     if (!aggregate.has(key)) {
@@ -429,7 +433,7 @@ const Content: Component<{ directory: FileSystemDirectoryHandle, api?: Setter<Gr
         })();
     });
 
-    return <Grid rows={rows()} api={setApi} />;
+    return <Grid rows={rows()} locales={locales()} api={setApi} />;
 };
 
 const Blank: Component<{ open: CommandType }> = (props) => {
-- 
2.50.1


From 1b18198022f61b1694244c5b522a534046214dcd Mon Sep 17 00:00:00 2001
From: Chris Kruining <c.kruining@4dotnet.nl>
Date: Thu, 19 Dec 2024 16:21:59 +0100
Subject: [PATCH 23/23] added tests. bs tests, but tests

---
 bunfig.toml                          |   1 +
 src/components/table/dataset.spec.ts | 133 +++++++++++++++++++++++++++
 src/components/table/dataset.ts      |  18 ++--
 src/components/table/table.spec.tsx  |  15 +++
 src/components/table/table.tsx       |   2 +-
 src/features/file/grid.tsx           |   2 +-
 src/utilities.spec.ts                |  10 +-
 7 files changed, 168 insertions(+), 13 deletions(-)
 create mode 100644 src/components/table/dataset.spec.ts
 create mode 100644 src/components/table/table.spec.tsx

diff --git a/bunfig.toml b/bunfig.toml
index 67811e5..08c06e2 100644
--- a/bunfig.toml
+++ b/bunfig.toml
@@ -1,5 +1,6 @@
 [test]
 coverage = true
+coverageSkipTestFiles = true
 coverageReporter = ['text', 'lcov']
 coverageDir = './.coverage'
 preload = "./test.config.ts"
diff --git a/src/components/table/dataset.spec.ts b/src/components/table/dataset.spec.ts
new file mode 100644
index 0000000..e2fade5
--- /dev/null
+++ b/src/components/table/dataset.spec.ts
@@ -0,0 +1,133 @@
+import { describe, expect, it } from "bun:test";
+import { createDataSet } from "./dataset";
+
+interface DataEntry {
+    id: string;
+    name: string;
+    amount: number;
+};
+const defaultData: DataEntry[] = [
+    { id: '1', name: 'a first name', amount: 30 },
+    { id: '2', name: 'a second name', amount: 20 },
+    { id: '3', name: 'a third name', amount: 10 },
+];
+
+describe('dataset', () => {
+    describe('createDataset', () => {
+        it('can create an instance', async () => {
+            // Arrange
+
+            // Act
+            const actual = createDataSet(defaultData);
+
+            // Assert
+            expect(actual).toMatchObject({ data: defaultData })
+        });
+
+        it('can sort by a property', async () => {
+            // Arrange
+
+            // Act
+            const actual = createDataSet(defaultData, { sort: { by: 'amount', reversed: false } });
+
+            // Assert
+            expect(actual.nodes()).toEqual([
+                expect.objectContaining({ key: 2 }),
+                expect.objectContaining({ key: 1 }),
+                expect.objectContaining({ key: 0 }),
+            ])
+        });
+
+        it('can group by a property', async () => {
+            // Arrange
+
+            // Act
+            const actual = createDataSet(defaultData, { group: { by: 'name' } });
+
+            // Assert
+            expect(actual).toEqual(expect.objectContaining({ data: defaultData }))
+        });
+
+        describe('mutate', () => {
+            it('mutates the value', async () => {
+                // Arrange
+                const dataset = createDataSet(defaultData);
+
+                // Act
+                dataset.mutate(0, 'amount', 100);
+
+                // Assert
+                expect(dataset.value[0]!.amount).toBe(100);
+            });
+        });
+
+        describe('mutateEach', () => {
+            it('mutates all the entries', async () => {
+                // Arrange
+                const dataset = createDataSet(defaultData);
+
+                // Act
+                dataset.mutateEach(entry => ({ ...entry, amount: entry.amount + 5 }));
+
+                // Assert
+                expect(dataset.value).toEqual([
+                    expect.objectContaining({ amount: 35 }),
+                    expect.objectContaining({ amount: 25 }),
+                    expect.objectContaining({ amount: 15 }),
+                ]);
+            });
+        });
+
+        describe('remove', () => {
+            it('removes the 2nd entry', async () => {
+                // Arrange
+                const dataset = createDataSet(defaultData);
+
+                // Act
+                dataset.remove([1]);
+
+                // Assert
+                expect(dataset.value[1]).toBeUndefined();
+            });
+        });
+
+        describe('insert', () => {
+            it('adds an entry to the dataset', async () => {
+                // Arrange
+                const dataset = createDataSet(defaultData);
+
+                // Act
+                dataset.insert({ id: '4', name: 'name', amount: 100 });
+
+                // Assert
+                expect(dataset.value[3]).toEqual({ id: '4', name: 'name', amount: 100 });
+            });
+        });
+
+        describe('sort', () => {
+            it('can set the sorting', async () => {
+                // Arrange
+                const dataset = createDataSet(defaultData);
+
+                // Act
+                dataset.sort({ by: 'id', reversed: true });
+
+                // Assert
+                expect(dataset.sorting).toEqual({ by: 'id', reversed: true });
+            });
+        });
+
+        describe('group', () => {
+            it('can set the grouping', async () => {
+                // Arrange
+                const dataset = createDataSet(defaultData);
+
+                // Act
+                dataset.group({ by: 'id' });
+
+                // Assert
+                expect(dataset.grouping).toEqual({ by: 'id' });
+            });
+        });
+    });
+});
\ No newline at end of file
diff --git a/src/components/table/dataset.ts b/src/components/table/dataset.ts
index 10dbba0..86082b6 100644
--- a/src/components/table/dataset.ts
+++ b/src/components/table/dataset.ts
@@ -39,10 +39,10 @@ export type Setter<T> =
 export interface DataSet<T extends Record<string, any>> {
     data: T[];
     nodes: Accessor<DataSetNode<keyof T, T>[]>;
-    value: Accessor<(T | undefined)[]>;
     mutations: Accessor<Mutation[]>;
-    sorting: Accessor<SortOptions<T> | undefined>;
-    grouping: Accessor<GroupOptions<T> | undefined>;
+    readonly value: (T | undefined)[];
+    readonly sorting: SortOptions<T> | undefined;
+    readonly grouping: GroupOptions<T> | undefined;
 
     mutate<K extends keyof T>(index: number, prop: K, value: T[K]): void;
     mutateEach(setter: (value: T) => T): void;
@@ -107,10 +107,16 @@ export const createDataSet = <T extends Record<string, any>>(data: T[], initialO
     const set: DataSet<T> = {
         data,
         nodes,
-        value: createMemo(() => state.value),
+        get value() {
+            return state.value;
+        },
         mutations,
-        sorting,
-        grouping,
+        get sorting() {
+            return state.sorting;
+        },
+        get grouping() {
+            return state.grouping;
+        },
 
         mutate(index, prop, value) {
             setState('value', index, prop as any, value);
diff --git a/src/components/table/table.spec.tsx b/src/components/table/table.spec.tsx
new file mode 100644
index 0000000..24fe041
--- /dev/null
+++ b/src/components/table/table.spec.tsx
@@ -0,0 +1,15 @@
+import { describe, it, expect } from 'bun:test';
+import { render } from "@solidjs/testing-library"
+import { Table } from './table';
+import { createDataSet } from './dataset';
+
+type TableItem = {};
+
+// describe('<Table />', () => {
+//     it('should render', async () => {
+//         const dataset = createDataSet<TableItem>([]);
+//         const result = render(() => <Table rows={dataset} columns={[]} />);
+
+//         expect(true).toBe(true);
+//     });
+// });
\ No newline at end of file
diff --git a/src/components/table/table.tsx b/src/components/table/table.tsx
index ff6b21f..4a35881 100644
--- a/src/components/table/table.tsx
+++ b/src/components/table/table.tsx
@@ -166,7 +166,7 @@ function Head(props: {}) {
 
             <For each={table.columns()}>{
                 ({ id, label, sortable }) => {
-                    const sort = createMemo(() => table.rows().sorting());
+                    const sort = createMemo(() => table.rows().sorting);
                     const by = String(id);
 
                     const onPointerDown = (e: PointerEvent) => {
diff --git a/src/features/file/grid.tsx b/src/features/file/grid.tsx
index 43f933b..a6e5e0c 100644
--- a/src/features/file/grid.tsx
+++ b/src/features/file/grid.tsx
@@ -40,7 +40,7 @@ export function Grid(props: { class?: string, rows: Entry[], locales: string[],
             id: lang,
             label: lang,
             renderer: ({ row, column, value, mutate }) => {
-                const entry = rows().value()[row]!;
+                const entry = rows().value[row]!;
 
                 return <TextArea row={row} key={entry.key} lang={String(column)} value={value} oninput={e => mutate(e.data ?? '')} />;
             },
diff --git a/src/utilities.spec.ts b/src/utilities.spec.ts
index 556ab78..e2394c4 100644
--- a/src/utilities.spec.ts
+++ b/src/utilities.spec.ts
@@ -265,7 +265,7 @@ describe('utilities', () => {
             const actual = first(deepDiff(a, b));
 
             // Arrange 
-            expect(actual).toEqual({ kind: MutarionKind.Delete, key: 'key' });
+            expect(actual).toEqual({ kind: MutarionKind.Delete, key: 'key', original: 'value' });
         });
 
         it('should yield a mutation of type update when the value of a key in `a` is not equal to the value of the same key in `b`', async () => {
@@ -302,8 +302,8 @@ describe('utilities', () => {
 
             // Arrange 
             expect(actual).toEqual([
-                { kind: MutarionKind.Delete, key: 'key2' },
-                { kind: MutarionKind.Delete, key: 'key3' },
+                { kind: MutarionKind.Delete, key: 'key2', original: 'value2' },
+                { kind: MutarionKind.Delete, key: 'key3', original: 'value3' },
             ]);
         });
 
@@ -332,7 +332,7 @@ describe('utilities', () => {
 
             // Arrange 
             expect(actual).toEqual([
-                { kind: MutarionKind.Delete, key: 'key2_old' },
+                { kind: MutarionKind.Delete, key: 'key2_old', original: 'value2' },
                 { kind: MutarionKind.Create, key: 'key2_new', value: 'value2' },
             ]);
         });
@@ -361,7 +361,7 @@ describe('utilities', () => {
 
             // Arrange
             expect(actual).toEqual([
-                { kind: MutarionKind.Delete, key: 'key.2' },
+                { kind: MutarionKind.Delete, key: 'key.2', original: 2 },
                 { kind: MutarionKind.Create, key: 'key.5', value: 5 },
             ]);
         });
-- 
2.50.1