@ims360/svelte-ivory 0.0.42 → 0.0.45

package/dist/components/table/Table.svelte.d.ts

@@ -1,6 +1,8 @@
 import { type Snippet } from 'svelte';
 import type { ClassValue } from 'svelte/elements';
-import { type TableConfig, type TablePlugin, type TableRow } from '.';
+import { SvelteSet } from 'svelte/reactivity';
+import { type TablePlugin, type TableRow } from '.';
+import { ColumnController, type ColumnConfig } from './columnController.svelte';
 export interface TableProps<T extends TableRow<T>> {
     class?: ClassValue;
     data: T[];
@@ -20,7 +22,11 @@ export interface TableProps<T extends TableRow<T>> {
     rowClass?: ClassValue;
     headerClass?: ClassValue;
     plugins?: TablePlugin<T>[];
-    config?: TableConfig<T>;
+    /**
+     * **Bindable**
+     */
+    b_columns?: ColumnController[];
+    expanded?: SvelteSet<string>;
     /**
      * **Bindable**
      */
@@ -29,19 +35,16 @@ export interface TableProps<T extends TableRow<T>> {
     nestingInset?: number;
 }
 export type TableContext<T extends TableRow<T>> = {
-    table: TableConfig<T>;
+    registerColumn: (config: ColumnConfig) => ColumnController;
+    toggleExpansion: (id: string) => void;
     nestingInset: number;
 };
 export declare function getTableContext<T extends TableRow<T>>(): TableContext<T>;
-interface Props<TI extends {
-    id: string;
-}> extends TableProps<TI> {
-}
 declare class __sveltets_Render<T extends TableRow<T>> {
-    props(): Props<T>;
+    props(): TableProps<T>;
     events(): {};
     slots(): {};
-    bindings(): "";
+    bindings(): "b_scrollTop" | "b_columns";
     exports(): {};
 }
 interface $$IsomorphicComponent {

package/dist/components/table/Table.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Table.svelte.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Table.svelte.ts"],"names":[],"mappings":"AAMI,OAAO,EAA0B,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAA6B,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,GAAG,CAAC;AAI/E,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGhF,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,SAAS,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,YAAY,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,CAAC;IACvE,iDAAiD;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC;QAAE,GAAG,EAAE,CAAC,CAAA;KAAE,CAAC,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,UAAU,CAAC;IACtB,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI;IAC9C,cAAc,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,gBAAgB,CAAC;IAC3D,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;CACxB,CAAC;AAMF,wBAAgB,eAAe,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,CAExE;AA0GL,cAAM,iBAAiB,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IACzC,KAAK;IAGL,MAAM;IAGN,KAAK;IAGL,QAAQ;IACR,OAAO;CACV;AAED,UAAU,qBAAqB;IAC3B,KAAK,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;KAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAChZ,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;IAC/I,YAAY,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;CACjE;AACD,QAAA,MAAM,KAAK,EAAE,qBAAmC,CAAC;AAC/B,KAAK,KAAK,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,YAAY,CAAC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACpE,eAAe,KAAK,CAAC"}

package/dist/components/table/VirtualList.svelte

@@ -19,12 +19,12 @@
         data,
         children,
         header,
-        b_scrollTop = $bindable(0),
+        b_scrollTop = $bindable(),
         rowHeight,
         overscan = 2
     }: Props<T> = $props();
 
-    let scroll_top = $state(b_scrollTop);
+    let scroll_top = $state(b_scrollTop ?? 0);
     let scroll_left = $state(0);
     let header_width = $state(0);
     let viewport = $state<HTMLElement>();
@@ -53,7 +53,7 @@
     }
 
     onMount(() => {
-        if (!viewport) return;
+        if (!viewport || typeof b_scrollTop === 'undefined') return;
         viewport.scrollTop = b_scrollTop;
     });
 </script>

package/dist/components/table/columnController.svelte.d.ts

@@ -6,7 +6,7 @@ export interface ColumnConfig {
     resizable?: boolean;
     header: Snippet | string;
 }
-export declare class Column {
+export declare class ColumnController {
     id: string;
     header: string | Snippet<[]>;
     width: number | undefined;

package/dist/components/table/columnController.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"columnController.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/columnController.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,MAAM;IACf,EAAE,SAAc;IAChB,MAAM,uBAAgC;IAGtC,KAAK,qBAAoB;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,QAAQ,UAAiB;IACzB,SAAS,UAAiB;IAC1B,QAAQ,UAAiB;gBAEb,IAAI,EAAE,YAAY;IAS9B,YAAY,CAAC,IAAI,EAAE,YAAY;IAiB/B,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM;CAQ3B"}
+{"version":3,"file":"columnController.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/columnController.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAKtC,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;CAC5B;AAED,qBAAa,gBAAgB;IACzB,EAAE,SAAc;IAChB,MAAM,uBAAgC;IAGtC,KAAK,qBAAoB;IACzB,OAAO,CAAC,YAAY,CAAyB;IAC7C,QAAQ,UAAiB;IACzB,SAAS,UAAiB;IAC1B,QAAQ,UAAiB;gBAEb,IAAI,EAAE,YAAY;IAS9B,YAAY,CAAC,IAAI,EAAE,YAAY;IAiB/B,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM;CAQ3B"}

package/dist/components/table/columnController.svelte.js

@@ -1,6 +1,6 @@
 const DEFAULT_WIDTH = 250;
 const MINIMAL_WIDTH_MULTIPLIER = 0.5;
-export class Column {
+export class ColumnController {
     id = $state('');
     header = $state('');
     // resizing

package/dist/components/table/controller.d.ts

@@ -0,0 +1,23 @@
+export type TableRow<T> = {
+    id: string;
+    children?: T[];
+};
+export type TablePlugin<T extends TableRow<T>> = (state: TableState<T>) => TableState<T>;
+export interface TableState<T extends TableRow<T>> {
+    data: T[];
+    expanded: Set<string>;
+}
+interface TreeRow<T> {
+    node: T;
+    nestingLevel: number;
+    id: string;
+}
+/** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
+export declare function treeWalker<T extends TableRow<T>>(config: TableState<T>): {
+    entries: TreeRow<T>[];
+    someHaveChildren: boolean;
+    maxNestingLevel: number;
+};
+export declare function getAllIds<T extends TableRow<T>>(...nodes: T[]): string[];
+export {};
+//# sourceMappingURL=controller.d.ts.map

package/dist/components/table/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/controller.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAA;CAAE,CAAC;AACzD,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC;AAEzF,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IAC7C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CACzB;AAED,UAAU,OAAO,CAAC,CAAC;IACf,IAAI,EAAE,CAAC,CAAC;IACR,YAAY,EAAE,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;CACd;AAED,0HAA0H;AAC1H,wBAAgB,UAAU,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;;;;EAmDtE;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,EAAE,GAAG,MAAM,EAAE,CAMxE"}

package/dist/components/table/controller.js

@@ -0,0 +1,52 @@
+/** Walks though a tree strucure and turns it into a flat list, needed since the `VirtualList` needs a list, not a tree */
+export function treeWalker(config) {
+    const { data, expanded } = config;
+    const stack = [];
+    // push the root nodes of the trees onto the stack
+    for (let i = 0; i < data.length; i++) {
+        stack.push({
+            node: data[data.length - i - 1],
+            nestingLevel: 0
+        });
+    }
+    const entries = []; // the final result
+    let someHaveChildren = false; // used to determine whether to show the tree utility buttons
+    let maxNestingLevel = 0;
+    while (stack.length !== 0) {
+        const stackEntry = stack.pop();
+        if (!stackEntry)
+            break;
+        const { node, nestingLevel } = stackEntry;
+        const children = node.children;
+        if (children && children.length > 0) {
+            someHaveChildren = true;
+            // only show the children of expanded elements
+            if (expanded.has(node.id)) {
+                maxNestingLevel = Math.max(maxNestingLevel, nestingLevel + 1);
+                stack.push(...children
+                    .map((c) => ({
+                    node: c,
+                    nestingLevel: nestingLevel + 1
+                }))
+                    .reverse());
+            }
+        }
+        entries.push({
+            id: node.id,
+            node,
+            nestingLevel
+        });
+    }
+    return {
+        entries,
+        someHaveChildren,
+        maxNestingLevel
+    };
+}
+export function getAllIds(...nodes) {
+    const ids = nodes.map((n) => n.id);
+    for (const node of nodes) {
+        ids.push(...getAllIds(...(node.children ?? [])));
+    }
+    return ids;
+}

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

@@ -1,7 +1,7 @@
 export { default as Column, type ColumnProps } from './Column.svelte';
+export { ColumnController, type ColumnConfig } from './columnController.svelte';
 export { getColumnHeadContext } from './ColumnHead.svelte';
-export { createTableConfig, getAllIds, type TableConfig, type TablePlugin, type TableRow, type TableState } from './controller.svelte';
-export { expandAllPlugin } from './plugins/expandAll.svelte';
+export { getAllIds, type TablePlugin, type TableRow, type TableState } from './controller';
 export { searchPlugin } from './plugins/search.svelte';
 export { getTableContext, default as Table, type TableContext, type TableProps } from './Table.svelte';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EACH,iBAAiB,EACjB,SAAS,EACT,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,QAAQ,EACb,KAAK,UAAU,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EACH,eAAe,EACf,OAAO,IAAI,KAAK,EAChB,KAAK,YAAY,EACjB,KAAK,UAAU,EAClB,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,KAAK,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EACH,eAAe,EACf,OAAO,IAAI,KAAK,EAChB,KAAK,YAAY,EACjB,KAAK,UAAU,EAClB,MAAM,gBAAgB,CAAC"}

package/dist/components/table/index.js

@@ -1,6 +1,6 @@
 export { default as Column } from './Column.svelte';
+export { ColumnController } from './columnController.svelte';
 export { getColumnHeadContext } from './ColumnHead.svelte';
-export { createTableConfig, getAllIds } from './controller.svelte';
-export { expandAllPlugin } from './plugins/expandAll.svelte';
+export { getAllIds } from './controller';
 export { searchPlugin } from './plugins/search.svelte';
 export { getTableContext, default as Table } from './Table.svelte';

package/dist/components/table/plugins/search.svelte.d.ts

@@ -1,3 +1,4 @@
+import { SvelteSet } from 'svelte/reactivity';
 import type { TablePlugin, TableRow } from '../';
 interface SearchConfig<T extends TableRow<T>> {
     search: string;
@@ -6,8 +7,8 @@ interface SearchConfig<T extends TableRow<T>> {
 export declare function searchPlugin<T extends TableRow<T>>(conf: SearchConfig<T>): TablePlugin<T>;
 /** collapses everything that doesnt match the searchString, expands direct search hit */
 export declare const search: <T extends TableRow<T>>(nodes: T[], searchString: string, stringsMatch: (a: T, b: string) => boolean) => {
-    hidden: Set<string>;
-    expanded: Set<string>;
+    hidden: SvelteSet<string>;
+    expanded: SvelteSet<string>;
 };
 export {};
 //# sourceMappingURL=search.svelte.d.ts.map

package/dist/components/table/plugins/search.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/plugins/search.svelte.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEjD,UAAU,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CA8BzF;AAED,yFAAyF;AACzF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,EACV,cAAc,MAAM,EACpB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO;;;CA8B7C,CAAC"}
+{"version":3,"file":"search.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/table/plugins/search.svelte.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAC;AAEjD,UAAU,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,OAAO,CAAC;CAChC;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAyBzF;AAED,yFAAyF;AACzF,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,QAAQ,CAAC,CAAC,CAAC,EACxC,OAAO,CAAC,EAAE,EACV,cAAc,MAAM,EACpB,cAAc,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,MAAM,KAAK,OAAO;;;CA0B7C,CAAC"}

package/dist/components/table/plugins/search.svelte.js

@@ -19,7 +19,6 @@ export function searchPlugin(conf) {
         // figure out which nodes to expand and hide
         const { expanded, hidden } = search(state.data, conf.search, conf.matches);
         prevSearch = conf.search;
-        console.log(hidden);
         return {
             data: state.data.filter((d) => !hidden.has(d.id)),
             expanded: new SvelteSet(expanded)
@@ -30,14 +29,14 @@ export function searchPlugin(conf) {
 /** collapses everything that doesnt match the searchString, expands direct search hit */
 export const search = (nodes, searchString, stringsMatch) => {
     const search = searchString.trim().toLowerCase();
-    const hidden = new Set();
-    const expanded = new Set();
+    const hidden = new SvelteSet();
+    const expanded = new SvelteSet();
     function nodeMatches(node, childOfMatch = false) {
         const matches = stringsMatch(node, search);
         let intermediate = false;
         for (const child of node.children || []) {
             const childMatches = nodeMatches(child, matches || childOfMatch);
-            if (childMatches && !intermediate)
+            if (childMatches)
                 intermediate = true;
         }
         if (intermediate) {

package/dist/components/toast/Toast.svelte

@@ -51,8 +51,6 @@
     >
         {#each Toasts.toasts as toast (toast.id)}
             {@const VariantIcon = getIcon(toast.variant, toast.icon)}
-
-            <!-- svelte-ignore a11y_no_static_element_interactions -->
             <div
                 in:fly={{ y: '-100%', duration }}
                 out:scale={{ duration }}

package/dist/components/toast/Toast.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/Toast.svelte.ts"],"names":[],"mappings":"AAGI,MAAM,WAAW,KAAK;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAKL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAqF7D;;;GAGG;AACH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/toast/Toast.svelte.ts"],"names":[],"mappings":"AAGI,MAAM,WAAW,KAAK;IAClB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC,CAAC,KAAK,EAAE,aAAa,GAAG;QAAE,KAAK,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAKL,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAU,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAmF7D;;;GAGG;AACH,QAAA,MAAM,KAAK,2CAAwC,CAAC;AACpD,KAAK,KAAK,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AACtC,eAAe,KAAK,CAAC"}

package/dist/utils/functions/cookie.js

@@ -4,7 +4,7 @@ function getCookie(name) {
     try {
         decodedCookie = decodeURIComponent(document.cookie);
     }
-    catch (error) {
+    catch {
         return '';
     }
     const ca = decodedCookie.split(';');

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ims360/svelte-ivory",
-    "version": "0.0.42",
+    "version": "0.0.45",
     "keywords": [
         "svelte"
     ],

package/src/lib/components/ai/Chat.svelte

@@ -41,7 +41,7 @@
 
     let {
         class: clazz,
-        b_chat: chat = $bindable(),
+        b_chat = $bindable(),
         userMessage = defaultUserMessage,
         systemMessage = defaultSystemMessage,
         placeholder,
@@ -60,7 +60,7 @@
         return remainHeight;
     }
 
-    async function scrollToBottom() {
+    export async function scrollToBottom() {
         if (!chatContainer) return;
         await tick();
         await tick();
@@ -74,20 +74,20 @@
     }
 
     async function submit(message: AiChatMessage) {
-        if (chat.loading) {
+        if (b_chat.loading) {
             return;
         }
 
-        chat.messages.push({
+        b_chat.messages.push({
             ...message,
             from: 'user',
             time: new Date()
         });
         // prevent the user from sending another message while we are loading the ai response
-        chat.loading = true;
+        b_chat.loading = true;
 
         // add an empty system message to the chat, this will indicate a loading state
-        chat.messages.push({
+        b_chat.messages.push({
             from: 'system',
             message: '',
             time: new Date()
@@ -97,7 +97,7 @@
 
         await externalSubmit(message);
 
-        chat.loading = false;
+        b_chat.loading = false;
     }
 </script>
 
@@ -106,11 +106,11 @@
         class="flex grow flex-col gap-4 overflow-auto pr-2 [scrollbar-gutter:stable]"
         bind:this={chatContainer}
     >
-        {#if chat.messages.length === 0 && placeholder}
+        {#if b_chat.messages.length === 0 && placeholder}
             {@render placeholder()}
         {/if}
-        {#each chat.messages as _, i}
-            {@const message = chat.messages[i]}
+        {#each b_chat.messages as _, i (i)}
+            {@const message = b_chat.messages[i]}
             {#if message.from === 'user'}
                 {@render userMessage({
                     message,
@@ -120,7 +120,7 @@
                 {@render systemMessage({
                     message,
                     i,
-                    minHeight: i === chat.messages.length - 1 ? lastMessageMinHeight : 0
+                    minHeight: i === b_chat.messages.length - 1 ? lastMessageMinHeight : 0
                 })}
             {/if}
         {/each}
@@ -136,7 +136,7 @@
     message: AiChatMessage;
     minHeight?: number;
 })}
-    <AiMessage bind:b_message={chat.messages[i]} {minHeight} />
+    <AiMessage bind:b_message={b_chat.messages[i]} {minHeight} />
 {/snippet}
 
 {#snippet defaultUserMessage({

package/src/lib/components/ai/UserMessage.svelte

@@ -28,7 +28,7 @@
     {@render messageText({ message })}
     {#if message.files}
         <div class="flex flex-row items-center gap-2">
-            {#each message.files as file}
+            {#each message.files as file, i (i)}
                 {@render attachedFile(file)}
             {/each}
         </div>

package/src/lib/components/basic/checkbox/Checkbox.svelte

@@ -55,7 +55,6 @@
     });
 </script>
 
-<!-- svelte-ignore a11y_no_static_element_interactions-->
 <svelte:element
     this={onclick ? 'button' : 'div'}
     type="button"

package/src/lib/components/layout/drawer/Drawer.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '$lib/types';
+    import type { TransitionProps } from '$lib/types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
@@ -11,13 +11,13 @@
 
     export type DrawerPlacement = 'left' | 'right';
 
-    export interface DrawerProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type DrawerProps = TransitionProps & {
         class?: string;
         b_open: boolean;
-        title?: string;
+        title?: string | Snippet;
         children: Snippet;
         placement?: DrawerPlacement;
-    }
+    };
 </script>
 
 <script lang="ts">
@@ -42,8 +42,6 @@
 {#if b_open}
     <Portal>
         <HiddenBackground {onclose}>
-            <!-- svelte-ignore a11y_click_events_have_key_events -->
-            <!-- svelte-ignore a11y_no_static_element_interactions -->
             <div
                 class={twMerge(
                     clsx([
@@ -54,13 +52,19 @@
                     ])
                 )}
                 onclick={(e) => e.stopPropagation()}
-                in:inTransition
-                out:outTransition
+                in:inTransition|global
+                out:outTransition|global
                 {...rest}
             >
                 <div class="flex flex-row items-center justify-between gap-8">
                     {#if title}
-                        <Heading>{title}</Heading>
+                        <Heading class="flex grow flex-row items-center gap-4">
+                            {#if typeof title === 'function'}
+                                {@render title()}
+                            {:else}
+                                {title}
+                            {/if}
+                        </Heading>
                     {/if}
                     <button class="group ml-auto flex justify-end" type="button" onclick={onclose}>
                         <X class="h-full w-auto transition-[stroke-width] group-hover:stroke-3" />

package/src/lib/components/layout/modal/Modal.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-    import type { IvoryComponent, TransitionProps } from '$lib/types';
+    import type { TransitionProps } from '$lib/types';
     import { X } from '@lucide/svelte';
     import clsx from 'clsx';
     import { type Snippet } from 'svelte';
@@ -9,7 +9,7 @@
     import { Heading, HiddenBackground, Portal } from '..';
 
     /** Props for the modal, expose if you overwrite the defaults in a custom component */
-    export interface ModalProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
+    export type ModalProps = TransitionProps & {
         /** Class of the modal itself, does not apply to the inner div */
         class?: ClassValue;
         /** Class of the div wrapping the children */
@@ -22,8 +22,9 @@
         preventClosing?: boolean;
         /** Variant of the modal, applies styling to the header */
         variant?: ModalVariant;
-        title?: string;
-    }
+        title?: string | Snippet;
+        onclick?: MouseEventHandler<HTMLDivElement>;
+    };
 
     export type ModalVariant = 'success' | 'warning' | 'error' | 'info';
 </script>
@@ -73,14 +74,10 @@
             class="flex h-full w-full flex-col items-center justify-start p-8 lg:p-12 xl:p-16"
         >
             {#if modal}
-                <!-- svelte-ignore a11y_no_static_element_interactions -->
-                <!-- svelte-ignore a11y_click_events_have_key_events -->
                 <div {...rest} {onclick}>
                     {@render modal()}
                 </div>
             {:else}
-                <!-- svelte-ignore a11y_click_events_have_key_events -->
-                <!-- svelte-ignore a11y_no_static_element_interactions -->
                 <div
                     class={twMerge(
                         clsx([
@@ -104,7 +101,13 @@
                         ]}
                     >
                         {#if title}
-                            <Heading>{title}</Heading>
+                            <Heading class="flex grow flex-row items-center gap-4">
+                                {#if typeof title === 'function'}
+                                    {@render title()}
+                                {:else}
+                                    {title}
+                                {/if}
+                            </Heading>
                         {/if}
                         <button
                             class="group ml-auto flex justify-end"

package/src/lib/components/layout/popover/Popover.svelte

@@ -82,6 +82,7 @@
 
     // TODO: this is kinda hacky
     $effect(() => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-expressions
         [popover, target];
         postion(b_open);
     });

package/src/lib/components/layout/tabs/index.ts

@@ -12,4 +12,3 @@ export default Tabs;
 export { type TabProps } from './Tab.svelte';
 export { type TabPanelProps } from './TabPanel.svelte';
 export { getTabContext, type TabContext, type TabsProps } from './Tabs.svelte';
-

package/src/lib/components/layout/tooltip/Tooltip.svelte

@@ -1,13 +1,15 @@
 <script lang="ts" module>
-    import type { IvoryComponent } from '$lib/types';
     import clsx from 'clsx';
     import type { Snippet } from 'svelte';
-    import type { ClassValue } from 'svelte/elements';
+    import type { ClassValue, MouseEventHandler } from 'svelte/elements';
     import { twMerge } from 'tailwind-merge';
     import Popover, { type PopoverPlacement } from '../popover/Popover.svelte';
     import Portal from '../portal/Portal.svelte';
 
-    export interface TooltipProps extends IvoryComponent<HTMLElement> {
+    export interface TooltipProps {
+        onclick?: MouseEventHandler<HTMLElement>;
+        class?: ClassValue;
+        style?: string;
         children?: Snippet;
         /** The content of the tooltip */
         tooltip: string | Snippet;
@@ -67,8 +69,6 @@
     @component
     Shows additional information when hovering over an element.
 -->
-<!-- Ignoring this error is fine since it's a false positive -->
-<!-- svelte-ignore a11y_no_static_element_interactions -->
 <svelte:element
     this={href ? 'a' : rest.onclick ? 'button' : 'div'}
     type={rest.onclick ? 'button' : undefined}

package/src/lib/components/table/Column.svelte

@@ -36,8 +36,8 @@
     }: ColumnProps = $props();
 
     // Register the new column if this is the first table row that was rendered
-    const { table, nestingInset } = getTableContext();
-    const column = table.registerColumn({ resizable, ...props });
+    const { registerColumn, nestingInset } = getTableContext();
+    const column = registerColumn({ resizable, ...props });
     const allowClicking = $derived(!!onclick);
 
     // passes updated props to the column

package/src/lib/components/table/ColumnHead.svelte

@@ -1,21 +1,21 @@
 <script lang="ts" module>
     import { getContext, setContext, type Snippet } from 'svelte';
     import { resize } from '../../utils/actions';
-    import type { Column } from './columnController.svelte';
+    import type { ColumnController } from './columnController.svelte';
 
     const CONTEXT = {};
-    function setColumnHeadContext(column: Column) {
+    function setColumnHeadContext(column: ColumnController) {
         setContext(CONTEXT, column);
     }
 
-    export function getColumnHeadContext(): Column {
+    export function getColumnHeadContext(): ColumnController {
         return getContext(CONTEXT);
     }
 </script>
 
 <script lang="ts">
     type Props = {
-        column: Column;
+        column: ColumnController;
         children: Snippet;
     };
 

package/src/lib/components/table/Row.svelte

@@ -51,7 +51,6 @@
     });
 </script>
 
-<!-- svelte-ignore a11y_no_static_element_interactions -->
 <svelte:element
     this={elementProps.this}
     {...elementProps}